/*products tables*/
.sortable .flex-arrows::after {
    content: "\25B2" "\A" "\25BC";
    font-size: 0.7em;
    padding-left: 15px;
    color: darkgray;
    display: inline-block;
    white-space: pre;
    line-height: 0.8em;
    width: 1em;
}

.sortable .flex-arrows.sorting-asc::after {
    content: "\25B2" "\A" " ";
    color: black;
    white-space: pre;
}

.sortable .flex-arrows.sorting-desc::after {
    content: " " "\A" "\25BC";
    color: black;
    white-space: pre;
}

.flex-arrows {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sortable-subheader .subheader-arrows::after {
    content: "\25B2" "\A" "\25BC";
    font-size: 0.7em;
    padding-left: 15px;
    color: darkgray;
    display: inline-block;
    white-space: pre;
    line-height: 0.8em;
    width: 1em;
}

.sortable-subheader .subheader-arrows.sorting-asc::after {
    content: "\25B2" "\A" " ";
    color: black;
    white-space: pre;
}

.sortable-subheader .subheader-arrows.sorting-desc::after {
    content: " " "\A" "\25BC";
    color: black;
    white-space: pre;
}

.subheader-arrows {
    display: flex;
    align-items: center;
    justify-content: space-between;


}

.sortable-subheader,
.sortable {
    cursor: pointer;
}

.product-attributes-table-header {
    background-color: #e6e6e6
}

.product-attributes-table-header th {
    background-color: inherit;

}

.product-attributes-table-data:nth-child(even) {
    background-color: #f2f2f2;
}

.product-attributes-table-data:nth-child(odd) {
    background-color: #fff;
}

.product-attributes-table tr td:first-child a {
    text-align: left;
}

.product-attributes-table tr td:first-child {
    text-align: left;
}

.image-preview {
    /* Your image preview styling, position it as needed */
    position: absolute;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    max-width: 100px;
    display: none;
    margin-top: 15px;
    margin-left: 70px;
    width: 100px;
}

.product-attributes-table {
    border-radius: 8px !important;
    margin-top: 20px !important;
    width: 100%;
}

/* Target the table rows within the table */
.product-attributes-table tr:not(.product-attributes-table-header):hover {
    background-color: black !important;
    /* Set the background color to black on hover */
}

.product-attributes-table .product-attributes-table-header:hover {
    background-color: #e6e6e6
}

/* Target the table cells within the hovered table row */
.product-attributes-table tr:hover td {
    color: yellow;
    /* Set the text color to yellow on hover */
}

.hover-yellow {
    cursor: pointer;


}


.hover-yellow:hover {
    background-color: yellow;
    color: #000 !important;
}

.hover-yellow:hover a {
    color: #000 !important;
}

.product-attributes-table tr:hover td a h2 {
    color: yellow;
    /* Set the text color to yellow on hover */
}

.product-attributes-table tr:hover td a {
    color: yellow;
    /* Set the text color to yellow on hover */
}

.product-attributes-table tr td,
.product-attributes-table tr td a {
    color: black;
    font-weight: bold !important;
    font-size: 14px !important;
    text-align: center;
    /* Set the text color to yellow on hover */
}

.product-attributes-table tr:hover td .attribute-selector-checked {
    background-color: yellow;
    /* Set the text color to yellow on hover */
}

.grouping-table-subheader {
    background-color: gray;
    color: white;
    font-weight: bold;
}

.attribute-selector {
    width: 40px;
    height: 8px;
    background-color: rgb(199, 197, 197);
    margin: 0 auto
}

.attribute-selector-checked {
    background-color: #454545;
    /* Red background color */
    color: #FFFFFF;
    /* White text color */
}

.woocommerce-loop-category__title,
.woocommerce-loop-product__title {
    font-size: 16px !important
}

#trp-floater-ls.trp-floater-ls-flags {
    display: none;
}

#trp-floater-ls.trp-bottom-right {
    display: none;
}

.blog-wrapper-flex {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
}

@media only screen and (max-width:1440px) {
    .table-wrapper {
        width: 100%;
        overflow-x: auto;
        position: relative;
    }

    .product-attributes-table {
        width: 100%;
        overflow: auto !important;
    }

    .product-attributes-table-header th {
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.1);


    }

    .image-preview {
        z-index: 100;
    }

    .product-attributes-table-data td:first-child {
        position: sticky;
        left: 0;
        z-index: 2;
        box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.1);


    }

    .product-attributes-table tr:nth-child(even):not(.grouping-table-subheader) td:first-child {
        background: #f2f2f2;

    }

    .product-attributes-table tr:hover td:first-child {
        background-color: black !important;

        /* Set the background color to black on hover */
    }

    .product-attributes-table tr:nth-child(odd) td:first-child {
        background: #fff;
    }

    .product-attributes-table tr:nth-child(even) td:first-child:hover {
        background: black;

    }

    .product-attributes-table tr:nth-child(odd) td:first-child:hover {
        background: black;

    }

    .product-attributes-table-header th.serie-column {
        position: sticky;
        left: 0;
        z-index: 3;
        box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.1);


    }

    .product-family-header,
    .grouping-table-subheader td:first-child,
    .category-name,
    .category-container-text,
    table.product-attributes-table tr td:first-child {
        margin-bottom: 20px;
        position: sticky;
        left: 0;
        z-index: 3;

    }

    table.product-attributes-table tr td:first-child:hover {
        z-index: 4;
    }

    table.product-attributes-table tr:hover td:first-child {
        z-index: 5;
        /* Maintain higher z-index when row is hovered */
    }


    .sticky-subheader {
        position: sticky;
        top: 0;
        z-index: 4;
        box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    }
}

@media only screen and (max-width: 921px) {
    .mobile-padding-products {
        padding: 20px 0 !important;
    }

    ul.products.columns-1 {
        display: flex;
        flex-direction: column;
    }

    .promo-modal-content {
        width: 100% !important;
    }

    .brochures-centered-rows {
        justify-content: center !important;
    }

    .image-preview {
        display: none !important;
    }

    .post-content {
        margin-top: 20px;
    }

    .home-section2-black-container {
        height: 230px !important;
    }

    .blog-wrapper-flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 30px;
    }

    .blog-sidebar {
        width: 100% !important;
    }

    .blog-layout-5 {
        width: 100% !important;
    }

    .large-container {
        flex-wrap: wrap;
    }

    .guide-container {
        height: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }

    .grid-container {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-gap: 30px 20px !important;
    }

    #trp-floater-ls.trp-bottom-right {
        display: block;
        right: 4% !important;
    }

    #trp-floater-ls.trp-floater-ls-flags {
        display: block;
        height: 53px;
        background: #000;
    }

    #cmplz-manage-consent .cmplz-manage-consent {
        left: 4% !important;
        max-width: 60vw !important;
    }

    .ast-left-sidebar #content>.ast-container {
        flex-direction: column !important;
    }

    .table-wrapper {
        width: 100%;
        overflow-x: auto;
        position: relative;
    }

    .product-attributes-table {
        width: 100%;
        overflow: auto !important;
    }

    .product-attributes-table-header th {
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.1);


    }

    .product-attributes-table-data td:first-child {
        position: sticky;
        left: 0;
        z-index: 2;
        box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.1);


    }

    .product-attributes-table tr:nth-child(even):not(.grouping-table-subheader) td:first-child {
        background: #f2f2f2;

    }

    .product-attributes-table tr:hover td:first-child {
        background-color: black !important;

        /* Set the background color to black on hover */
    }

    .product-attributes-table tr:nth-child(odd) td:first-child {
        background: #fff;
    }

    .product-attributes-table tr:nth-child(even) td:first-child:hover {
        background: black;

    }

    .product-attributes-table tr:nth-child(odd) td:first-child:hover {
        background: black;

    }

    .product-attributes-table-header th.serie-column {
        position: sticky;
        left: 0;
        z-index: 3;
        box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.1);


    }

    .product-family-header,
    .grouping-table-subheader td:first-child,
    .category-name,
    .category-container-text,
    table.product-attributes-table tr td:first-child {
        margin-bottom: 20px;
        position: sticky;
        left: 0;
        z-index: 3;

    }

    .sticky-subheader {
        position: sticky;
        top: 0;
        z-index: 4;
        box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    }

    .modal-content {
        width: 90% !important;
    }

    .popup {
        display: none;
        /* Hidden by default */
        position: fixed;
        z-index: 1000;
        left: 0 !important;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        overflow: auto;

    }

    body {
        overflow-x: hidden !important;
    }

    .sidebar-main {
        display: none;
        border: 1px solid black;
        border-radius: 8px;
        padding: 10px;
    }

    .sidebar-toggle {
        display: flex !important;
        justify-content: space-between;
        padding: 15px;
        text-align: center;
        cursor: pointer;
        border: 1px solid black;
        border-radius: 8px;
        width: 100%;
        color: #000;
        font-weight: bold;
    }

    .toggle-icon {
        font-size: 1.2em;
        margin-left: 10px;
    }

    .dgwt-wcas-search-wrapp {
        max-width: 250px !important;
    }

    .ast-scroll-to-top-right {
        bottom: 90px !important;
    }

    .contact-button {
        bottom: 104px !important
    }

    .generalInfoProducts {
        overflow-x: hidden;
    }

}


/*nav*/
.sidebar-toggle {
    display: none;
}

.menu-link {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border-radius: 8px !important;
}

div.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container {
    padding-left: 10px !important;
    padding-right: 0 !important;
}

#ast-hf-menu-2 a.menu-link {
    padding: 0 !important;
}

#dgwt-wcas-search-input-1 {
    border-radius: 4px !important;

}

.dgwt-wcas-search-submit {

    border-top: 1px solid black !important;
    border-bottom: 1px solid black !important;
    border-right: 1px solid black !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;

}

.dgwt-wcas-suggestion-selected:hover .dgwt-wcas-st span {
    color: #fff602 !important
}

.dgwt-wcas-suggestion-selected:hover .dgwt-wcas-st strong {
    color: #fff602 !important
}

.dgwt-wcas-suggestion-selected:hover .dgwt-wcas-st {
    color: #fff602 !important
}

.dgwt-wcas-suggestion-more:hover .dgwt-wcas-st-more {
    color: #fff602 !important
}

.dgwt-wcas-search-wrapp.dgwt-wcas-search-darkoverl-on .dgwt-wcas-search-form {
    background-color: rgba(17, 17, 17, .5) !important;
}

.dgwt-wcas-search-wrapp {
    width: 461px;

    border-radius: 4px !important;
}

.dgwt-wcas-darkened-overlay {
    opacity: 0.5 !important
}

.dgwt-wcas-suggestions-wrapp.woocommerce.js-dgwt-wcas-initialized {
    max-height: 350px !important;
}



/*home section 1*/
.category-image-container-home {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
}

.category-image-container-home .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    min-width: 137px !important;
    max-width: 137px !important;
}

.wc-block-product-categories-list .wc-block-product-categories-list--depth-1 {
    display: none
}

.count {
    display: none
}

/*home-page*/
/*category images style*/
.wc-block-featured-category__title {
    display: none
}

.no-yellow-hover:hover {
    color: #000 !important;

}


.wc-block-featured-category__description {
    display: none
}

.wc-block-featured-category__link {
    opacity: 0
}

.wc-block-featured-category {
    background: linear-gradient(to bottom, black 90%, rgba(0, 0, 0, 0.3)) !important;
    border-radius: 8px !important;
    min-height: 208px !important;
    margin-bottom: 10px !important;


}


.wc-block-featured-category__background-image {
    object-fit: contain !important;
    width: auto !important;
    height: auto !important;
    transform: scale(1) !important;
    margin-top: 17px !important;


}

.category-image-container-home .wp-block-column:nth-child(1) .wc-block-featured-category {
    border-bottom: 16px solid #FFE900;
}

.category-image-container-home .wp-block-column:nth-child(2) .wc-block-featured-category {
    border-bottom: 16px solid #FFC300;
}

.category-image-container-home .wp-block-column:nth-child(3) .wc-block-featured-category {
    border-bottom: 16px solid #FF9900;
}

.category-image-container-home .wp-block-column:nth-child(4) .wc-block-featured-category {
    border-bottom: 16px solid #FF7000;
}

.category-image-container-home .wp-block-column:nth-child(5) .wc-block-featured-category {
    border-bottom: 16px solid #C30093;
}

.category-image-container-home .wp-block-column:nth-child(6) .wc-block-featured-category {
    border-bottom: 16px solid #8000E1;
}

.category-image-container-home .wp-block-column:nth-child(7) .wc-block-featured-category {
    border-bottom: 16px solid #0072FF;
}

.category-image-container-home .wp-block-column:nth-child(8) .wc-block-featured-category {
    border-bottom: 16px solid #13CDFF;
}

.category-image-container-home .wp-block-column:nth-child(9) .wc-block-featured-category {
    border-bottom: 16px solid #13F1FF;
}

.category-image-container-home .wp-block-column:nth-child(10) .wc-block-featured-category {
    border-bottom: 16px solid #7FFFD4;
}

.category-image-container-home .wp-block-column:nth-child(11) .wc-block-featured-category {
    border-bottom: 16px solid #00E8B4;
}

.category-image-container-home .wp-block-column:nth-child(12) .wc-block-featured-category {
    border-bottom: 16px solid #19D100;
}

.category-image-container-home .wp-block-column:nth-child(13) .wc-block-featured-category {
    border-bottom: 16px solid #00E600;
}

.category-image-container-home .wp-block-column:nth-child(14) .wc-block-featured-category {
    border-bottom: 16px solid #66F000;
}

.category-image-container-home .wp-block-column:nth-child(15) .wc-block-featured-category {
    border-bottom: 16px solid #BFE800;
}

.category-image-container-home .wp-block-column:nth-child(16) .wc-block-featured-category {
    border-bottom: 16px solid #7F7F7F;
}

.background-dim__overlay {
    background-color: transparent !important;
}


.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    overflow: hidden;
}



/*home section2*/
/* .wp-block-columns.is-layout-flex.wp-container-core-columns-layout-3.wp-block-columns-is-layout-flex {
    max-height: 300px;
} */

/* .wp-block-columns.is-layout-flex.wp-container-core-columns-layout-4.wp-block-columns-is-layout-flex {
    max-height: 300px;
} */

.home-section2-black-container {
    height: 194px;
    border-radius: 16px;
    min-width: 350px !important;
    max-width: 600px !important;
    position: relative;

}

.wrapper-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.section2-home-custom {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
}

.home-wrap-buttons {
    min-height: 100px !important;
}

.custom-yellow-heading {
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 37px !important;
    letter-spacing: 0em;
    text-align: left;
    color: #FFF602;


}

.custom-paragraph-font {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 19px !important;
    letter-spacing: 0em;
    text-align: left;
}

/*footer*/
.site-primary-footer-wrap {
    padding-bottom: 0 !important;
    padding-top: 45px !important;
}

.container-image {
    min-height: 309px !important;
}

.wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-layout-8.wp-block-columns-is-layout-flex {
    max-height: 100px !important;
}

.site-footer-above-section-1.site-footer-section.site-footer-section-1 .wc-block-product-categories-list.wc-block-product-categories-list--depth-0 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    width: 100% !important;
    column-gap: 30px;
    /* Adjust the gap between items */

}

.site-footer-above-section-1.site-footer-section.site-footer-section-1 .wc-block-product-categories-list.wc-block-product-categories-list--depth-0 li {
    text-decoration: underline;
}

.home-video-button a {
    margin-top: 25%;
    width: 168px;
    border-radius: 33px !important;
    border: 4px solid #3B4249 !important;


}

.home-video-button a:hover {
    border: 4px solid #ffffff !important;
    box-shadow: 0 0 50px 15px rgba(128, 128, 128, 0.8);
    background-color: rgba(128, 128, 128, 0.329) !important;
}

.home-video-container {
    display: none;

}

.home-video-button2 a {
    margin-top: 25%;
    width: 168px;
    border-radius: 33px !important;
    border: 4px solid #3B4249 !important;


}

.home-video-button2 a:hover {
    border: 4px solid #ffffff !important;
    box-shadow: 0 0 50px 15px rgba(128, 128, 128, 0.8);
    background-color: rgba(128, 128, 128, 0.329) !important;
}

.home-video-container2 {
    display: none;

}

.home-video-button3 a {
    margin-top: 25%;
    width: 168px;
    border-radius: 33px !important;
    border: 4px solid #3B4249 !important;


}

.home-video-button3 a:hover {
    border: 4px solid #ffffff !important;
    box-shadow: 0 0 50px 15px rgba(128, 128, 128, 0.8);
    background-color: rgba(128, 128, 128, 0.329) !important;
}

.home-video-container3 {
    display: none;

}


/*NEWS*/
.ast-blog-featured-section.post-thumb.ast-width-md-6 img {
    width: 200px;
    height: 300px;
}

.post-thumb-img-content.post-thumb {
    border-radius: 8px !important;
    width: 200px;
    height: 300px;
}

.blog-layout-5 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 70%;
}

.blog-sidebar {
    width: 30%;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;

}

.year-title {
    display: flex;
    height: 40px;
    border-radius: 8px;
    background-color: #F8F8F8;
    cursor: pointer;
    align-items: center;
    padding-left: 20px;
}

.year-title:hover {
    text-decoration: underline;
}

.ast-pagination {
    display: none !important;
}

.posted-on {
    color: #777;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}

.read-more {
    color: #f3bd03;
    font-size: 14px;
    font-weight: bold;
}

.read-more:hover {
    color: #f3bd03;
    text-decoration: underline;
}

#post-5082 {
    display: flex !important;
    flex-direction: row;

}


/*NETWORK*/
#world-map-4957 .jvectormap-container {
    border-radius: 8px 8px 0 0;
}

.mapDescriptionContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px
}

.mapDescriptionContainer p {
    color: white;
    font-size: 14px;
}

.mapDescriptionContainer div {
    flex: 1 0 30%;
}

.mapWrapperContainer {
    min-height: 100px;
    padding: 30px;
}

.yellowHeading {
    color: #fff603 !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

.orangeLink {
    color: #f3bd03 !important;
    text-decoration: none !important;
}

.orangeLink a {
    color: #f3bd03 !important;
    text-decoration: none !important;
}

.orangeLink:hover {
    text-decoration: underline !important;
}

.boldSubHeading {
    font-weight: bold;
}

/* path.jvectormap-region.jvectormap-element:hover {
    fill: #fff603 
} */
circle.jvectormap-marker.jvectormap-element:hover {
    fill: #fff603 !important;
    stroke: none !important;
}

.markerOffice1 {
    position: absolute;
    top: 38%;
    left: 48%;
    width: 20px;
    height: 20px;
    background-image: url('/wp-content/uploads/2024/02/Polygon-1.png');
    background-repeat: no-repeat;
    z-index: 2;
}

.markerOffice2 {
    position: absolute;
    top: 41%;
    left: 45%;
    width: 20px;
    height: 20px;
    background-image: url('/wp-content/uploads/2024/02/Polygon-1.png');
    background-repeat: no-repeat;
    z-index: 2;
}

.markerOffice3 {
    position: absolute;
    top: 44%;
    left: 50%;
    width: 20px;
    height: 20px;
    background-image: url('/wp-content/uploads/2024/02/Polygon-1.png');
    background-repeat: no-repeat;
    z-index: 2;
}

.markerOffice4 {
    position: absolute;
    top: 60%;
    left: 78%;
    width: 20px;
    height: 20px;
    background-image: url('/wp-content/uploads/2024/02/Polygon-1.png');
    background-repeat: no-repeat;
    z-index: 2;
}

.markerCenter1 {
    position: absolute;
    top: 44%;
    left: 47%;
    width: 20px;
    height: 20px;
    background-color: black;
    border-radius: 3px;
    z-index: 2;
}

.markerCenter2 {
    position: absolute;
    top: 60%;
    left: 74%;
    width: 20px;
    height: 20px;
    background-color: black;
    border-radius: 3px;
    z-index: 2;
}

.flex-title-image {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.generalInfoButton,
.modificationsButton,
.discontinuationsButton,
.custom-made-switches-btn,
.rubber-keypads-btn {
    padding-left: 5px;
    margin-bottom: 0 !important;
}

div#block-36.ast-woo-sidebar-widget.widget.widget_block.widget_text,
div#block-37.ast-woo-sidebar-widget.widget.widget_block.widget_text,
div#block-40.ast-woo-sidebar-widget.widget.widget_block.widget_text,
div#block-41.ast-woo-sidebar-widget.widget.widget_block.widget_text,
div#block-42.ast-woo-sidebar-widget.widget.widget_block.widget_text,
div#block-48.ast-woo-sidebar-widget.widget.widget_block.widget_text,
div#block-45.ast-woo-sidebar-widget.widget.widget_block.widget_text {
    margin-bottom: 0 !important;
}

.generalInfoButton::before,
.modificationsButton::before,
.discontinuationsButton::before {
    content: "";
    display: inline-block;
    width: 16px;
    /* Size of the square */
    height: 16px;
    /* Size of the square */
    background-color: grey;
    margin: 0 10px 0 0;
    /* Space between the square and the text */
    border-radius: 3px;
    vertical-align: middle;
}

.custom-made-switches-btn::before {
    content: "";
    display: inline-block;
    width: 16px;
    /* Size of the square */
    height: 16px;
    /* Size of the square */
    background-color: rgb(245, 0, 4);
    margin: 0 10px 0 0;
    /* Space between the square and the text */
    border-radius: 3px;
    vertical-align: middle;
}

.rubber-keypads-btn::before {
    content: "";
    display: inline-block;
    width: 16px;
    /* Size of the square */
    height: 16px;
    /* Size of the square */
    background-color: rgb(203, 0, 4);
    margin: 0 10px 0 0;
    /* Space between the square and the text */
    border-radius: 3px;
    vertical-align: middle;
}



.popWrapper:hover,
.reachWrapper:hover {
    background-color: black !important;
    border-radius: 8px;
}

#block-36:hover .generalInfoButton {
    background-color: black !important;
    border-radius: 8px;


}

#block-37:hover .modificationsButton {
    background-color: black !important;
    border-radius: 8px;
}

#block-40:hover .discontinuationsButton {
    background-color: black !important;
    border-radius: 8px;

}

.custom-made-switches-btn:hover,
.rubber-keypads-btn:hover {
    background-color: black !important;
    border-radius: 8px;
}

.modifications-wrapper {
    display: none;
}

.discontinuations-wrapper {
    display: none;
}

/*Products Page*/

.standard-products .wc-block-product-categories-list .wc-block-product-categories-list-item:hover,
.custom-solutions .wc-block-product-categories-list .wc-block-product-categories-list-item:hover {
    background-color: black !important;
    border-radius: 8px;
    padding: 5px 0 5px 30px !important;
}

.standard-products .wc-block-product-categories-list .wc-block-product-categories-list-item:hover a {
    color: #fff602 !important
}

.standard-products .wc-block-product-categories-list .wc-block-product-categories-list-item a::before {
    content: "";
    display: inline-block;
    width: 16px;
    /* Size of the square */
    height: 16px;
    /* Size of the square */
    background-color: var(--link-color, purple);
    margin: 0 10px 0 5px;
    /* Space between the square and the text */
    border-radius: 3px;
    vertical-align: middle;
}

.custom-solutions .wc-block-product-categories-list .wc-block-product-categories-list-item:hover a {
    color: #fff602 !important
}

.custom-solutions .wc-block-product-categories-list .wc-block-product-categories-list-item a::before {
    content: "";
    display: inline-block;
    width: 16px;
    /* Size of the square */
    height: 16px;
    /* Size of the square */
    background-color: var(--link-color2, blue);
    margin: 0 10px 0 5px;
    /* Space between the square and the text */
    border-radius: 3px;
    vertical-align: middle;
}

.standard-products li.wc-block-product-categories-list-item,
.custom-solutions li.wc-block-product-categories-list-item {
    padding: 5px 0 5px 30px !important;
    margin-bottom: 0 !important;
}

li.wc-block-product-categories-list-item a {
    margin-left: -30px;
}

.category-image {
    border-radius: 8px;
}

.custom-inquiry {
    padding: 10px 20px;
    background-color: black;
    font-size: 14px;
    color: white;
    font-weight: 400;
    max-width: 200px;
}

.custom-inquiry:hover {
    color: #fff602;
    background-color: black;
}

.wp-post-image {
    width: 200px !important;
    /* Set your desired width */
}

/* contact and brochures */
#contactForm,
#contactFormModal {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

.form-button {
    display: flex;
    justify-content: flex-end;
}

.wp-block-button:hover .wp-block-button__link {
    color: yellow;
}



.modal-buttons {
    display: flex;
    justify-content: flex-end;
}

.headquarters-dropdown {
    display: none;
}

.contact-form-dropdown {
    display: none;
}

.cities-column {
    display: grid;
    grid-template-columns: 1fr 1fr;

}

.column-element {
    min-height: 285px;
    padding: 15px 15px 0px 15px
}

.wrapper {
    display: flex;
    flex-direction: row;
    gap: 3%;


}

.wpcf7 form>div {
    margin-bottom: 0px;
}

.wrapper label {
    width: 100%;
}

.half {
    width: 50%;
}

.form-line p {
    display: flex;
    height: 70%;
}


label {
    width: 32%;

}

.wpcf7 input.wpcf7-form-control:not([type=submit]) {
    border: 1px solid #D4D4D4;
}

input[type="textarea"] {
    border: 1px solid #D4D4D4;
}

.wpcf7 input.wpcf7-form-control:not([type=submit]):focus,
.wpcf7 textarea.wpcf7-form-control:focus {
    border: 1px solid black;
    border-radius: 5px;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type=reset],
input[type=tel],
input[type=date],
select {
    height: 20px;
    padding: 3px 5px;
}



input[type="textarea"]:focus {
    border: 1px solid black;
}

input[type="submit"] {
    background-color: black;

}

input[type="submit"]:hover {
    background-color: black;
    color: yellow;
}



.cancel-button,
.cancel-button-order,
.cancel-button-download {
    background-color: #f2f2f2;
    border-color: #bcbcbc;
    color: #777;
    /*  margin-right: -15%;
    margin-left: 16%; */
    box-shadow: none;
}

.cancel-button:hover,
.cancel-button-order:hover,
.cancel-button-download:hover {
    background-color: #e5e5e5;
    border-color: #bcbcbc;
    color: black;

}

.contact-button {

    position: fixed;
    right: 0;
    bottom: 50px;
    margin: 0 10px 40px 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 1000;
}

.contact-button-img {
    display: inline-block;
    background-image: url('/wp-content/uploads/2024/03/envelope-1.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    transition: opacity 0.5s ease-in-out;
    position: relative;
    /* Ensure proper stacking with pseudo-element */
    z-index: 1;
}

.contact-button:hover {
    background-color: black !important;
}

.contact-button::before {
    content: "";
    position: absolute;
    top: 20px;
    /* Match the padding of .contact-button */
    left: 20px;
    /* Match the padding of .contact-button */
    width: 36px;
    /* Match the size of the inner image */
    height: 36px;
    /* Match the size of the inner image */
    background-image: url('/wp-content/uploads/2024/05/open-envelope.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px 36px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 0;
}

.contact-button:hover::before {
    opacity: 1;
}

.contact-button:hover .contact-button-img {
    opacity: 0;
}


.contact-button-archive {

    position: fixed;
    right: 40px;
    bottom: 40px;
    margin: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.wpcf7-spinner {
    display: none !important;
}

#myModal,
#orderModal,
#contactModal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 100;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    max-width: 100%;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

#promoVideoModal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 100;
    /* Sit on top */
    padding-top: 50px;
    /* Location of the box */
    right: 0;
    top: 0;
    max-width: 100%;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    flex-direction: column;

}


/* Modal Content */
#modal-content,
#modal-content-archive {
    background-color: #fefefe;
    margin: auto;
    margin-bottom: 200px;
    padding: 20px 20px 20px 70px;
    border: 1px solid #e5e5e5;
    width: 35%;
}

.modal-header,
.moda-header-archive {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
}

/* The Close Button */
.close,
.close-x {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.promo-close {
    color: #000;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    margin: 40px 60px;
    align-self: flex-end;
    max-height: 50px;
}

.close:hover,
.close-x:hover,
.close-x:focus,
.close:focus,
.promo-close:hover,
.promo-close:focus {
    color: #000;
    text-decoration: none;
}

/* The Modal (background) */
/* Modal base styles */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1000;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    /* 10% from the top and centered */
    padding: 30px;
    border-radius: 8px;
    width: 40%;
    /* Could be more or less, depending on screen size */
}

.modal-header {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.modal-header h4 {
    margin: 0;
}

.modal-body {
    display: flex;
    flex-direction: column;

}

.vendor {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    justify-content: space-between;

}

.vendor img {
    max-width: 100px;
    /* Adjust the size of the logos */
    margin-right: 20px;
}

.shop-button {
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.grey-bg {
    background-color: #fafafa;
    border-radius: 8px;
    padding: 10px;
}

.shop-button:hover {
    background-color: black;
    color: #FFF602;
}

.modal-footer {
    text-align: center;
    padding-top: 10px;
}

/* Close button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* Base styles for form fields */
.form-group {
    position: relative;
    height: 80px;
}

.formTextarea {
    height: 100px !important;
}

.textareaHeight {
    height: 80px !important;
}

.wpcf7 input.wpcf7-form-control:not([type=submit]) {
    height: 48px;
    border-radius: 4px;
}

/* Style adjustments for the input fields */
.wpcf7-form-control {
    height: 48px;
    border-radius: 4px;
    padding: 20px 12px 20px 12px;
    /* Add more padding to the top to make space for the label */
    font-size: 14px;
    width: 100%;
    /* Ensure the input field fills the container */
    box-sizing: border-box;
    /* Include padding and border in the element's total width and height */
}

/* Initial label styling */
.form-group label {
    position: absolute;
    top: 14px;
    /* Adjust this value to position the label correctly over the input */
    left: 12px;
    color: #9b9b9b;
    font-size: 14px;
    /* This should match the input's font size */
    transition: all 0.3s ease;
    pointer-events: none;
    /* Allows clicking through the label to focus the input */
}

/* Label style when the .form-group is active */
.form-group.active label {
    top: 0px;
    /* Move the label above the input */
    font-size: 12px;
    /* Optionally, reduce the font size */
    color: #9b9b9b;
    /* Change color to indicate active state */
}

.form-buttons-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.form-buttons-style {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: nowrap;
}

.cta-secondary {
    height: 48px !important;
    padding: 12px, 16px, 8px, 16px !important;
    border-radius: 4px !important;
    border: 2px solid black !important;
    background-color: transparent !important;
    color: #000 !important;

}

.cta-secondary:hover {
    background-color: transparent !important;
    color: #FFF602 !important
}

.hidden-form-subject {
    display: none;
}

footer .wc-block-product-categories-list {
    margin-left: 20px;
}





@media only screen and (min-width: 360px) and (max-width: 768px) {


    .headquarters-dropdown,
    .contact-form-dropdown {
        display: flex;
        padding: 10px 30px;
        background: #FFF;
        border: solid 1px #CCC;
        width: 100%;
        text-align: left;
    }

    .headquarters-dropdown summary,
    .contact-form-dropdown summary {
        font-weight: bold;

    }

    .contact-form-dropdown h2 {
        display: none;
    }

    .main-container {
        display: none;
    }

    .cities-column {
        display: none;
    }

    .contact-column {
        display: none;
    }

}

/* The Modal (background) */


/* Modal Content */
.promo-modal-content {
    margin: auto;
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    padding: 20px;
    width: 60%;
    /* Could be more or less, depending on screen size */
}

.home-video-wrapper,
.home-video-wrapper2,
.home-video-wrapper3 {
    width: 60% !important;
}




#promoVideoBtn {
    background-color: #fff602;
    padding: 12px, 16px, 8px, 16px;
    border-radius: 8px;
    font-size: 14px;
    color: black;
}

#promoVideoBtn:hover {
    background-color: #000;
    color: #fff602;
}

.ctaPrimary {
    background-color: #000;
    padding: 12px, 16px, 8px, 16px;
    border-radius: 8px;
    font-size: 14px;
    color: white;

}

.ctaPrimary:hover {
    color: #fff602;
    background-color: #000;
}

.ctaPrimary a {
    color: white;
}

.ctaPrimary:hover a {
    color: #fff602;
}

.modal-title-group {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 10px;
}

span.wpcf7-list-item {
    display: block !important;
}

.checkbox-display-flex p {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

span.wpcf7-form-control.wpcf7-checkbox {
    padding: 0 !important;
}

#hidden-form-rubber-keypads-container,
#hidden-form-membrane-keypads-container {
    display: none;

}

#yellow-hide-form-button,
#yellow-hide-membrane-form-button {
    background-color: #fff602;
    cursor: pointer;
    text-align: center;
    border-radius: 8px;
}

#chevronIcon {
    display: inline-block;
    transition: transform 0.3s ease;
}

/* custom solutions styles */
.generalInfoProducts table,
.generalInfoProducts table td {
    border: none !important
}

.modification-table table thead,
.discontinuations-table table thead {
    background-color: #D4D4D4;
}

img.trp-flag-image {
    width: 30px;

}

.modifications-table thead tr:last-child {
    width: 20%;
}

.modifications-table td:last-child {
    text-align: center;
}

.modifications-table th {
    width: 40%;
}

.modifications-table tbody {
    display: table-row-group;
    vertical-align: top;
    align-content: center;
    border-color: inherit;
}

.discontinuations-table th:nth-child(1),
.discontinuations-table td:nth-child(1) {
    width: 20%;
}

.discontinuations-table td:nth-child(1) {
    width: 20%;
    vertical-align: top;
}

.discontinuations-table th:nth-child(2),
.discontinuations-table td:nth-child(2) {
    width: 35%;
    text-align: center;
}

.discontinuations-table th:nth-child(3),
.discontinuations-table td:nth-child(3) {
    width: 15%;
    text-align: center;
}

.discontinuations-table th:nth-child(4),
.discontinuations-table td:nth-child(4) {
    width: 15%;
    text-align: center;
}

.discontinuations-table th:nth-child(5),
.discontinuations-table td:nth-child(5) {
    width: 15%;
    text-align: center;
}

.discontinuations-table td:last-child {
    text-align: center;
}

.news-back-button {
    background-color: black;
    color: white;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    /* Adjust as needed */
}

.news-back-button:hover {
    color: #fff602;
    cursor: pointer;
}


.black-rectangle {
    width: 38px;
    height: 22px;
    background-color: black;
}

.post-news-section {
    border-bottom: 1px solid #f2f2f2;
}

.post-left-column {
    border-right: 1px solid #f2f2f2;
}

.post-side-img {
    padding: 0 15px 15px 0;

}

.post-side-img img {
    border-radius: 8px
}

.post-navigation {
    display: none;
}

/*hides the author and post date in a post*/
.entry-header.ast-no-title .entry-meta {
    display: none;
}

/*mobile menu*/

.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle:before {
    content: "MENU ";
    font-size: 14px;
    color: white;
}

.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {
    background: black;
    gap: 10px;
    border-radius: 8px;
}


[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: white;
}

#ast-hf-mobile-menu .menu-link {
    background: black;
    border-radius: 0px !important;
}

.ast-builder-menu-mobile .main-navigation .menu-item:hover>.menu-link {
    color: #fff602;
}

.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item>.menu-link {
    color: white;
    background: black;
    border-radius: 0px !important;
}

.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item>.menu-link:hover {
    color: #fff602;
}


li.wc-block-product-categories-list-item {
    list-style-type: none ! important
}

.entry-content ul {
    padding-left: 0
}

.discontinuationsButton:hover,
.generalInfoButton:hover,
.modificationsButton:hover,
.reachWrapper:hover,
.popWrapper:hover {
    background-color: black;
    border-radius: 8px;
    color: #fff602 !important;
}

.custom-solutions,
.custom-solutions ul {
    margin-top: 0 !important;
}

#block-52,
#block-56,
#block-57,
#block-58,
#block-59,
#block-60 {
    margin-bottom: 0 !important
}

ul.tabs.wc-tabs {
    list-style-type: none !important;
}

.ast-article-single img {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.product-family-header {
    padding-top: 40px;
}

.product-attributes-table tbody tr.product-attributes-table-data td:first-child {
    padding-left: 0.40em;
}

.woocommerce-js table.shop_attributes td {
    font-style: unset;
}

/* Removed margin-bottom for subcategories names */
.woocommerce-js h2 {
    margin-bottom: 0;
}

input[type=checkbox] {
    accent-color: white;
}

.custom-made-switches-btn:hover a,
.generalInfoButton:hover a,
.modificationsButton:hover a,
.discontinuationsButton:hover a,
.reachWrapper:hover a,
.popWrapper:hover a {
    color: #FFF602;
    transition: all 0.7s;
}

.buy-button {
    cursor: pointer;
}

div.close-buy.contact-request-button.shop-button {
    cursor: pointer;
}


.reachWrapper::before,
.popWrapper::before {
    content: url('/wp-content/uploads/2024/04/arrow-down-download.svg');
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    /* Adds spacing to the right of the SVG */
    vertical-align: sub;
}


body a {
    outline: none !important;
}

.product-attributes-table {
    overflow: hidden;
}

/* categories column in footer  */
.site-footer #block-24 .wp-container-core-columns-layout-1.wp-container-core-columns-layout-1 {
    width: 100%;
}

/* links in contact page */
.cities-column a {
    color: rgb(243, 189, 3);
}

.cities-column a:hover {
    text-decoration: underline;
}

.cities-column {
    border-right: 1px solid rgb(242, 242, 242);
    border-bottom: 1px solid rgb(242, 242, 242);
}

.wp-image-6851 {
    width: 100%;
}

.under-news-section a:hover {
    color: yellow !important;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row {
    display: flex;
    justify-content: space-between;
}

input[type="reset"].cta-secondary {
    background: #f2f2f2 !important;
    color: #777 !important;
}

input[type="reset"]:hover.cta-secondary {
    background: #dedede !important;
    color: black !important;
}

/* GDPR Styling */



.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
    background-color: #f3bd03 !important;
}

.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show {
    color: #fff602 !important;
}

#cmplz-header-1-optin {
    color: #fff602;
}



li.wc-block-product-categories-list-item a {
    display: block !important
}

.secondary a *,
.site-footer a *,
.site-header a *,
a {
    transition: all .1s linear
}

tr.grouping-table-subheader td {
    text-align: left;
    color: white
}

.product-attributes-table-data td {
    white-space: nowrap !important;
}

.uppercase-fix {
    text-transform: uppercase !important
}

table.product-attributes-table tr td:first-child {
    padding-left: 0.40em;
}

.order-code-image {
    margin-top: 20px;
}

.popup {
    display: none;
    /* Hidden by default */
    position: fixed;
    z-index: 1000;
    bottom: 23%;
    right: 4%;
    width: 300px;
    height: 400px;


}

/* Popup content */
.popup-content {
    background-color: #fff;
    margin: 15% auto;
    /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 300px;
    /* Could be more or less, depending on screen size */
    max-width: 300px;

    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* Close button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.popup-button {
    background: black;
    color: yellow;
}

.popup-button:hover {
    background: yellow;
    color: black;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}




.ast-blog-layout-5-grid .ast-blog-featured-section img {
    width: 100%;
    height: 100%;
}

.ast-blog-layout-5-grid .ast-blog-featured-section {
    width: 200px;
    height: 300px;
}



/* for news page to display properly */
#post-9559 {
    display: flex;
}