/*=============================
    General
==============================*/


/*=============================
    Color Guide
===============================


#CD2C2C : Red
#F5F5F5 : Light Gray

font-family: 'Centra', sans-serif; 200, 400, 500



==============================*/



/* just prodcuts submenu */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:first-of-type > ul.mega-sub-menu {
        background: linear-gradient(to right, #fff 50%, #f5f5f5 50%);
}


.grecaptcha-badge {
    display: none!important;
}


/******* MAX MEGA MENU *******/

.mega-menu-item img {
    border-radius:  20px;
}


@media all and (max-width:  900px) {
    .mega-menu-item:hover > a {
        text-decoration: underline!important;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
       
    }

    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        padding:  5px calc(7% - 10px)!important;
    }

}


@media all and (max-width:  1000px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
       
    }
}


@media all and (min-width:  900px) {

    span.mega-indicator {
        margin-left:  0!important;
    }
}



        .mega-current-menu-item a,
        .mega-current-menu-parent a {
            color: #cd2c2c!important;
        }

        /* Products */
                .mega-menu-tabbed .mega-current-menu-item a,
                .mega-menu-tabbed > ul > li > a {
                    color:  #000!important;
                }


                .taxonomy-submenu li {
                    display:  inline-block;
                }
                .taxonomy-submenu li a {
                    color:  #000!important;
                }

                .taxonomy-submenu li a:hover {
                    font-weight:  500;
                    border-bottom: 2px solid #cd2c2c;
                }

                h4.taxonomy-title {
                    font-weight: 500;
                    border-bottom: 2px solid #cd2c2c;
                    color: #000;
                    font-size: 16px;
                    width: auto;
                    display: inline-block;
                    margin-bottom: 10px;
                }


    
                .products-submenu .col1of2 ul.taxonomy-submenu {
                  -webkit-column-count: 4;  /* Chrome, Safari, Opera */
                  -moz-column-count: 4;     /* Firefox */
                  column-count: 4;

                  -webkit-column-fill: auto; /* Chrome, Safari, Opera */
                  -moz-column-fill: auto;    /* Firefox */
                  column-fill: auto;

                  max-height: 400px;
                  overflow: auto;
                }

                .taxonomy-submenu li {
                  page-break-inside: avoid; /* Avoid breaking list items across columns */
                  break-inside: avoid-column;
                  -webkit-column-break-inside: avoid;
                  width:  100%;
                }

                .products-submenu h2 {
                           color: #fff;
                            text-align: left;
                            margin-top: 3.2vw;
                            font-size: 2.2vw;
                            display: inline-block;
                            margin-left: 30px;
                            border-bottom: 2px solid #cd2c2c;
                }




                    .products-submenu .col2 {
                        display: inline-block;
                        box-sizing: border-box;
                        vertical-align: top;
                    }

                    .products-submenu .col1of2 {
                        width: 46%;
                    }


                    .products-submenu .col2of2 {
                            margin-left: 8.5%;
                        width: 45%;
                    }

                    .products-submenu .subcol3 {
                        width: 32.5%;
                        display:  inline-block;
                        vertical-align: top;
                    }

                    .products-submenu .image-section {
                        height: 10vw;
                        margin-bottom: 30px;
                    }

                    .products-submenu .image-section:hover {
                        opacity: .5;
                    }


                .taxonomy-search input[type="text"] {
                    margin-bottom: 10px;
                    margin-top: 10px;
                    padding: 14px;
                }

                button.reset-filters {
                    background: transparent;
                    color: #aaa;
                    border-bottom: 1px solid #aaa;
                    display: inline-block;
                    padding: 3px 0;
                    font-size: 14px;
                    font-weight: 400;
                    text-align: left;
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    font-family: Centra, sans-serif;
                    cursor: pointer;
                }

                button.reset-filters:hover {
                    color: #CD2C2C;
                    border-bottom: 1px solid #CD2C2C;
                }


                #go-button {
                    float: right;
                    margin-right:0;
                }

                #go-button a {
                    color: #fff;
                }

                @media all and (max-width: 800px) {
                    #go-button {
                        display: none;
                    }
                }


        /**** END PRODUCTS ****/

        #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
        #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link[aria-expanded="true"] {
            color:  #000;
        }

        .submenu-container a p {
            color:  #000;
            font-weight:  700;
            text-transform:  none;
            letter-spacing:  1px;
            font-size:  1.1em;
        }

        .submenu-container a:hover p {
            color:  #cd2c2c;
        }


        ul.about-submenu {
            display:  flex;
            justify-content:  space-between;
        }

                .about-submenu .col4 {
                    flex: 1;
                    box-sizing:  border-box;
                    max-width:  25%;
                    padding:  10px;
                }

                .about-submenu img {
                    width:  100%;
                    height:  100%;
                    max-height:  200px;
                    display:  block;
                    margin:  0 auto;
                    object-fit: cover;
                }

                .about-submenu p {
                    margin-top:  20px;
                }

                .about-submenu a:hover {
                    color:  #cd2c2c;
                }

        .technologies-submenu, .downloads-submenu {}

                .technologies-submenu .col2,
                .downloads-submenu .col2 {
                    display: inline-block;
                    width: 47%;
                    max-height:  200px;
                    vertical-align: top; /* This makes sure inline-block elements align at the top */
                }

                .technologies-submenu .col1of2,
                .downloads-submenu .col1of2 {
                    margin-right:  5%;
                }

                .technologies-submenu ul,
                .downloads-submenu ul {
                    display: flex;
                    flex-wrap: wrap;
                    max-height: 100%;
                    overflow: auto; /* Add this to ensure that if content overflows, it scrolls */
                    width: 100%; /* Make sure the UL takes the full width of its parent */
                }

                .technologies-submenu ul li,
                .downloads-submenu ul li {
                    box-sizing: border-box; /* Make sure padding and border are included in the width */
                    width: 50%;
                    padding: 0 5px 10px; /* Adjust as needed for spacing between items */
                }

                .technologies-submenu  img,
                .downloads-submenu img {
                    object-fit:  cover;
                    width:  100%;
                    height:  auto;
                    max-height: 200px

                }


          .col3-submenu {}

                .col3-submenu .col2 {
                    display: inline-block;
                    width: 47%;
                    max-height:  300px;
                    vertical-align: top; /* This makes sure inline-block elements align at the top */
                }

                .col3-submenu .col1of2 {
                    margin-right:  5%;
                }

                .col3-submenu ul {
                    display: flex;
                    flex-wrap: wrap;
                    max-height: 100%;
                    overflow: auto; /* Add this to ensure that if content overflows, it scrolls */
                    width: 100%; /* Make sure the UL takes the full width of its parent */
                }

                .col3-submenu ul li {
                    box-sizing: border-box; /* Make sure padding and border are included in the width */
                    width: 50%;
                    padding: 0 5px 10px; /* Adjust as needed for spacing between items */
                }

                .col3-submenu  img {
                    object-fit:  cover;
                    width:  100%;
                    height:  100%;
                    max-height: 200px
                }

                .col3-submenu .col2of2 a {
                    width:  47%;
                    display: inline-block;
                    height:  200px;
                }

                .col3-submenu .col2of2 a:first-child {
                    margin-right:  5%;
                }



}


a:hover, a {
    cursor:  pointer;
}


@media all and (min-width: 800px) {
    .mobile {
        display: none!important;
    }
}


@media screen and (max-width: 600px) {
#wpadminbar {
    position: fixed!important;

    }
}


/*html {
    margin: 0;
    padding: 0;
    line-height: 0;
        scroll-behavior: smooth;
        overflow-x: hidden;

    }*/



  /*body {
    color: #000;
    font-family: Centra, sans-serif;
    font-weight:  400;
    background-color: #fff;
    overflow-x: hidden;
    }*/


    img {
        max-width:  100%;
    }

    b, strong {
        font-weight:  500;
    }



    p a {
        color:  #cd2c2c;
        text-decoration: underline;
    }

    p a:hover {
        color:  #aaa;

    }

        .fade {
            -webkit-transition: all .3s ease;
               -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                 -o-transition: all .3s ease;
                    transition: all .3s ease;
            }

            .fade.keen-slider__slide {
                            -webkit-transition: none;
                           -moz-transition: none;
                            -ms-transition: none;
                             -o-transition: none;
                                transition: none;
            }


        .bg-cover {
            overflow: hidden;

              background-repeat: no-repeat;

              background-position: center;
                  -webkit-background-size: cover;
                     -moz-background-size: cover;
                       -o-background-size: cover;
                          background-size: cover;
            }

            .bg-contain {
                background-size: contain;
                background-repeat: no-repeat;
                background-position: right;
            }


            img.cover {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
            }

            /*.round {
                border-radius: 30px;
                overflow: hidden;
            }*/



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


            .clearfix:after {
                display: block;
                clear: both;

                content: ' ';
                }


                ::selection {
                    background: #cd2c2c;
                    color: #fff;
                }


/*=============================
    Headings & Text
==============================*/
/*
h1, h2, h3, h4, h5, h6, body, p, a {
    transition: font-size 500ms;
    text-decoration: none;
    font-family: Centra, sans-serif;

    line-height: 100%;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    }


        ul {

            display: block;
            list-style-type: none;
            margin-block-start: 0em;
            margin-block-end: 0em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            padding-inline-start: 0px;
        }


        .text ul{
            list-style-type: disc;
            margin-left: 40px;
        }

        .text ul li,
        .text ol li {
            margin: 10px 0 0;
            line-height:  120%;
        }

        .text p {
            line-height: 140%;
        }

        .text p:not(:first-child) {
            margin-top: 10px;
        }

        .text:not(:first-child) {
            margin-top: 20px;
        }

        a {
        }

        em {
            font-style: italic;
            }

        b {
            font-weight: 500;
            }


        a:focus, input:focus, textarea:focus {
            outline: none;
            }
*/
/*
h1, h2, h3, h4, h5, h6 {
    line-height:  120%;
    }

        h1 { 
            color: #fff;
            font-size: 6em;
            font-weight: 200;
            line-height:  100%;
        }

        h2 { 
            color: #000;
            font-size: 4em;
            font-weight: 200;
            }

        .black h2 {
            color: #fff;
        }

        .black p {
            color: #fff;
        }


        h3 {  
            color: #cd2c2c;
            text-transform: uppercase;
            font-size: 2em;
            font-weight: 500;
            }


        h4 {  

            font-size: 1.8em;
            font-weight: 500;
            }

        h5 {
            text-transform:  uppercase;
            font-size: 1.3em;
            font-weight:  400;
        }
 

        h6 {
            font-size: 1.3em;
            font-weight:  200;
        }

        @media all and (max-width :1000px) {
            h1 {
                font-size: 5em;
            }
        }



        @media all and (max-width: 800px) {
            h1 {
                font-size: 4em;
            }

            h2 {
                font-size: 2em;
            }

            h3 {
                font-size: 1.5em;
            }
            h4 {
                font-size: 1em;
            }

            h6 {
                fonts-size: 1em;
            }
        }

            .corner-arrow {
                height:  16px;
            }
*/
/*=============================
    Margins
==============================*/

         /*.margin {
            width:  86%;
            padding-left:  7%;
            padding-right:  7%;
            max-width:  1600px;
            margin-left:  auto;
            margin-right:  auto;
        }*/


        /*.module-margin {
            margin-top: 70px;
        }

        .module-margin.black {
            background: #000;
            padding: 70px 0;
        }


        .module-margin.gray {
            background:  #f5f5f5;
            padding: 70px 0;
        }

        @media all and (max-width: 800px) {
            .module-margin {
                margin-top: 40px;
            }

        }*/





/*=============================
    Background
==============================*/

.background {
    overflow: hidden;
      background-repeat: no-repeat;
      background-position: center;
          -webkit-background-size: cover;
             -moz-background-size: cover;
               -o-background-size: cover;
                  background-size: cover;
        padding-top:  70px;
    padding-bottom:  70px;
    }


/*=============================
    Menu
==============================*/


    .menu-wrapper.regular {
        display:  inline-block;
        vertical-align: middle;
        float:  right;
        top:  3px;
    }



    .menu-regular a {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 1px;
                    -webkit-transition: all .3s ease;
               -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                 -o-transition: all .3s ease;
                    transition: all .3s ease;
   
                        }



    .menu-regular a:hover {
        color: #cd2c2c;
                    -webkit-transition: all .3s ease;
               -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;s
                 -o-transition: all .3s ease;
                    transition: all .3s ease;
        }

        .menu-regular a:hover img {
            opacity:  .5;
        }



        .menu-regular li {
            display: inline-block;
            padding-right: 25px
        }


 @media all and (max-width:  1000px) {
    .menu-regular a {
        letter-spacing:  0;
    }

    .menu-regular li {
        padding-right:  15px;
    }
 }

@media all and (min-width: 901px) {
   #mobile-menu {
    display: none;
   }
}

 @media all and (max-width: 900px) {
    #primary-menu  {
        display: none;
    }
 }


/*=============================
    Hero
==============================*/


/*=============================
    Layouts
==============================*/

    .spacer {
        width:  100%;
        height:  50px;
        display:  block;
    }



    #main-wrapper {
        position: relative;
        z-index: 1;
        padding-bottom:  70px;
        }


    #main-wrapper.no-bottom-padding {
        padding-bottom:  0px;
    }



/*=============================
    Home
==============================*/





    /* Home - Easy Access Links */   

        @media all and (min-width: 800px) {

        .easy-access-links.module-margin {
                margin-top: 0;
                background-color: #f5f5f5;
            }
         }

        .easy-container {
            display: flex;
            justify-content: space-between; /* Distribute columns evenly */
            align-items: flex-start; /* Align items at the top of each column */
            flex-wrap: wrap; /* Allow columns to wrap to the next row */
            padding: 40px 0;
        }

        .easy-icon {
            flex: 1; /* Distribute space evenly among columns */
            padding: 15px; /* Add some padding to each column */
            text-align: center; /* Center text within each column */
        }

        .easy-icon a {
            display: block; /* Make the entire column clickable */
            text-decoration: none; /* Remove underlines from links */
            color: inherit; /* Inherit text color from parent */
        }


        .easy-icon .img-container {
            width:  auto;
            height:  7vw;
        }
        .easy-icon .icon-img {
            width: auto; /* Ensure images fit within their columns */
            height: 100%; /* Maintain aspect ratio */
        }

        .easy-icon h6 {
            margin-top: 20px; /* Add some margin between image and text */
        }

        .easy-icon:hover {
            opacity:  .5;
        }



        @media all and (min-width: 800px) {
            
            .easy-icon .corner-arrow {
                display: none;
            }

            .easy-container h2 {
                display: none;
            }
        }


        @media all and (max-width: 800px) {


            .easy-container h2 {
                border-bottom: 1px solid #000;
                padding-bottom: 20px;
            }

            .easy-icon .img-container {
                display: none;
            }

            .easy-container {
                display: block;
                background: #fff;
            }


            .easy-icon .corner-arrow {
                padding-left: 10px;
            }

            .easy-icon h6 {
                font-size: 1.5em;
            }

            .easy-icon {
                display: block;
                border-bottom: 1px solid #000;
                text-align: right;
            }


        }


    /* Home - Sliders */

     .slider-header-text-container {
            border-bottom:  1px solid #000;
            width:  86%;
            margin-left: auto;
            margin-right: auto;
            max-width:  1600px;
            padding-bottom:  30px;
            margin-bottom:  40px;
        }

            .slider-header-text-container .col2 {
                width:  45%;
                display:  inline-block;
                vertical-align:  bottom;
            }

            .slider-header-text-container .col1of2 {
                margin-right:  9%;
            }

            .slider-header-text-container .col1of2 p {
                max-width:  600px;
                line-height:  120%;
                margin-top:  20px;
            }

            .slider-header-text-container .col2of2 {
                text-align:  right;
            }

            .slider-header-text-container h6 a {
                color:  #000;
            }


            .slider-header-text-container a:hover {
                opacity:  .3;
            }


        .nojs .slider {
          overflow-x: scroll;
          white-space: nowrap;
          
        }

            .nojs .slider-item {
              width: 24vw;
                display: inline-block;
                margin-right:  2vw;
                padding-bottom:  2vw;
                vertical-align: top;
            }

            .nojs .slider-item a:hover {
                opacity:  .5;
            }


            .nojs .slider-img-container {
              height:  20vw;
            }


            .nojs .slider p.summary { /* product family page */
                  white-space:normal;
                  text-align:center;
                  line-height: 130%;
                  color: #000;
                  margin-top:5px;
                  font-weight: 200;
                  font-size: 16px;
                }


            .slider-item-spacer {
                width: calc((100vw - 1600px) / 2 ); /* 1600 * 7% = 112 */
              display:  inline-block;

            }

            @media all and (max-width:  1860px) { /* 1860px width at which .margin reaches max-width: 1600px; */
              .slider-item-spacer {
                width:  7vw;
              }
            }

            @media all and (max-width: 800px) {
                .nojs .slider-item {
                    width: 400px;
                    max-width: 80vw;
                }

                .nojs .slider-img-container {
                    height: 330px;
                }
            }

            @media all and (max-width: 800px) {
                .slider-header-text-container h6.col2 {
                    display: none;
                }


                .slider-header-text-container .col2 {
                    text-align: left;
                    width: 100%;
                }

                .slider-header-text-container.mobile {
                    border-bottom: none;
                }

            }


                
        /* Home - LumenXpress  */
                .home .lumenxpress {
                    padding: 7vw 0;
                }


                .home .lumenxpress .col2 {
                    display: inline-block;
                }

                .home .lumenxpress .col1of2 {
                    width:  60%;
                }

                .home .lumenxpress .col2of2 {
                    width:  38%;
                }

                .home .lumenxpress h2,
                .home .lumenxpress p {
                    color:  #fff;
                }

                .home .lumenxpress h2 {
                    margin-bottom:  30px;
                }

                .home .lumenxpress p {
                    line-height:  200%;
                    margin-bottom:  30px;
                }



                @media all and (max-width: 800px) {

                    .home .lumenxpress {
                        padding: 0;
                    }

                    .home .lumenxpress p {
                        line-height: 120%;
                    }


                    .home .lumenxpress .col1of2 {
                        width: 120vw;
                        margin-left: -10vw;
                    }

                    .home .lumenxpress .col2of2 {
                        width: 100%;
                        margin-top: 5vw;
                    }

                    .home .lumenxpress h2,
                    .home .lumenxpress p {
                        color: #000;
                        margin-bottom: 0;
                    }

                    .home .lumenxpress.module {
                        background-image: none!important;
                    }

        }



        /* Home - Gallery */
        .gallery .slider-header-text-container {
            border-bottom: 0;
            margin-bottom: 0;
        }




        /* Home - Final */

          .final .inner {
                display:  flex;
                }

            .final .col2 {
                background-color:  #f5f5f5;
                width: 50%; 
                }

            .final .col2of2 .text-container {
                padding:  7vw;
                max-width:  600px;
                }


            @media all and (max-width: 800px) {
                .final .inner {
                    display: block;
                }
                .final .col2 {
                    display: block;
                    width: 100%;
                }

                .final .col1of2 {
                    height: 300px;
                }
            }

        /* Home - Override Styles */
                /*@media all and (max-width: 800px) {
                    .home p,
                    .home h6 {
                        font-size: 1em;
                        line-height: 120%;
                        font-weight: 400;
                    }

                    .home h2 {
                        margin-bottom: 0;
                    }

                }*/



/***** Product Finder *****/

   

      




        



/********* GALLERY *******/
.fancybox-navigation {
    top: 50%!important;
}

/********* SLIDER *******/



    .slider-container {
      width:  100%;
    }

          .slider-img-container {
            margin-bottom: 20px;
            height:  15vw;
          }


          @media all and (max-width:  800px) {
            .slider-img-container {
                height:  25vw;
            }
          }

          .slider-item img {
              border-radius:  30px;
              overflow: hidden;
              width: 100%;
              height: 100%;
              object-fit: cover;
          }


          .slider h6 {
            color:  #000;
            text-align:  center;
          }

        .keen-slider {
          width:  86%!important;
          max-width:  1600px;
          margin-left:  auto;
          margin-right:  auto;
        }


        .keen-slider.full-width {
            max-width:  100%;
        }

        .keen-slider.no-slider {
          gap:  3%;
          justify-content:  center;
        }

        .accordion .keen-slider.no-slider {
                      width:  100%!important;
          display: block!important;
        }

                .accordion .keen-slider.no-slider .keen-slider__slide {
                    display:  inline-block;
                    max-width: 100%;
                    width:  18.7%;
                    margin-right:  1%;
                }
  
                .accordion .keen-slider.no-slider .keen-slider__slide:last-child {
                    margin-right: 0;
                }

        .keen-slider .keen-slider__slide {
          max-width: 17%;
        }


        @media all and (max-width: 900px) {
            #images .no-slider .keen-slider__slide  {
                width:  23%;
            }

            #images .no-slider .keen-slider__slide:nth-child(n+5) {
                display:  none;
            }
        }
        @media all and (max-width: 600px) {
            #images .no-slider .keen-slider__slide {
                width:  48%;
            }

            #images .no-slider .keen-slider__slide:nth-child(n+3) {
                display:  none;
            }
        }




        .slider-arrows {
          transform: translateY(-50%);
          position: absolute;
          top: 43%;
          width: 100%;
          z-index:  99999;
        }

            .accordion .slider-arrows {
                top:  6vw;
            }




            .no-slider + .slider-arrows {
              display:  none;
            }


        .slider-arrow {
          background:  none;
          border:  none;
          cursor: pointer;
          position:  absolute;

        }

            .slider-arrow span {
              display: inline-block;
              width: 60px;
              height: 60px;
              border-radius: 50%;
              background: #fff;
            }

                  .slider-arrow span:hover {
                    background:  #000;
                  }

                  .slider-arrow span:after {
                    content: '';
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    border-top: 2px solid #000;
                    border-right: 2px solid #000;
                    margin-top:  20px;
                  }

                  .slider-arrow span:hover:after {
                    border-color:  #fff;
                  }


            .slider-arrow.left{

            }

                .slider-arrow.left span:after {
                     -moz-transform: rotate(-135deg);
                  -webkit-transform: rotate(-135deg);
                  transform: rotate(-135deg);
                  margin-left: 10px;
                }

            .slider-arrow.right {
              right: 0;
            }

                .slider-arrow.right span:after {
                         -moz-transform: rotate(45deg);
                  -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
                  margin-right:  10px;
                  }


        /******* Keen Slider Hero (Product Single). *******/
        
            .hero-keen-slider img {
                max-height: 100%;
                    top: 50%;
                position: relative;
                transform: translateY(-50%);
            }

            .hero-keen-slider {
                height: 100%!important;
            }

            .hero-keen-slider .keen-slider__slide {
                max-width: 100%!important;
                width: 100%!important;
                height: 100%!important;
            }

            #hero .dots {
                position: absolute;
                right: 10px; /* Adjust as needed */
                top: 50%;
                z-index:9999;
                transform: translateY(-50%);
                display: flex;
                flex-direction: column;
                align-items: center;
                left: auto;
            }

            #hero .dot {
                background-color: #ddd; /* Dot color */
                border: none;
                width: 10px; /* Dot size */
                height: 10px; /* Dot size */
                margin: 5px 0;
                border-radius: 50%;
                cursor: pointer;
            }

            #hero .dot.active {
                background-color: #333; /* Active dot color */
            }




/****** Slider Box (single box with a lot of text that slides through with dot nav) ********/

        .slider-box .margin {
            max-width: 1200px;
        }

        .slider-box ul {
                background:  #f5f5f5;

        }

        .slider-box .col2 {
            display:  inline-block;

        }

        .slider-box .slider-item {
            display: flex;
            align-items:  center;
        }



        .slider-box .col1of2 {
            width:  65%;
            padding:  80px;
        }

        .slider-box .col2of2 {
            width:  35%;
              box-sizing: border-box; /* Add this property */
              right:  -3px;
              height:  102%;

        }

        .slider-box .col2of2 img {
            max-width:  100%;
            height:  100%;
            display: block;
            margin:  0 auto;
            border-radius: 0;
        }



        .navigation-wrapper {
          position: relative;
        }

        .slider-box .dots {
            display: flex;
            padding: 10px 0;
            /* width: 20px; */
            /* justify-content: center; */
            top: -70px;
            /* left: -100px; */
            left: 147px;
        }

        .slider-box .dot {
          border: none;
          width: 5px;
          height: 5px;
          background: #d9d9d9;
          border-radius: 50%;
          margin: 0 5px;
          padding: 5px;
          cursor: pointer;
        }

        .slider-box .dot:focus {
          outline: none;
        }

        .dot--active {
          background: #a7a7a7;
        }


        @media all and (max-width: 800px) {
            .slider-box-slider.keen-slider {
                width:  100%!important;
            }

            .slider-box .col2of2.regular {
                display:  none;
            }

            .slider-box .col2 {
                display:  block;
            }

            .slider-box .slider-item {
                display:  block;
            }

            .slider-box .col1of2 {
                padding: 40px 60px;
            }

            .slider-box .col2of2 {
                height: 40vw;
                width:  100%;
                right:  0;
            }

            .dots {
                left:  53px;
                top: -47px;
            }

            .slider-box .slider-arrow.right {
                right:  -40px;
            }

            .slider-box .slider-arrow.left {
                left:  -40px;
            }

        }


 /******** NEWS - SINGLE **********/

        .news-single .inner{
            max-width:  1200px;
        }

            .news-single h1 {
                color:  #000;
                font-size:  5em;
                padding-bottom:  20px;
            }

            .news-single h3 {
                margin-top:  20px;
            }


            .news-single p {
                margin-top: 10px;
                line-height:  140%;
            }


            .news-single .inner {
                display: flex;
                gap: 3%;
            }

            .news-single .col1of2 {
                width: 30%;
                height: auto;
            }

                    .news-single .col1of2 img {
                        width: 100%;
                        height: 100%;
                    }

            .news-single .col2of2 {
                width:60%;
            }

            @media all and (max-width:  800px) {
                .news-single .inner {
                    display:  block;
                }


                .news-single .col2 {
                    width:  100%;
                }
            }



/****** NEWS & CAREERS ******/

        .news-container .inner {
            display: flex;
            flex-wrap: wrap;
            gap: 3%; /* Optional: Adds space between the items */
            align-items: space-between;
            justify-content: space-between;
        }

        .news-container .margin {
            max-width:  1600px;
        }

        .career-container.news-container .margin {
            max-width: 1600px;
        }


        .news-container a {
            text-decoration: none;
        }
        .news-item h3 {
            margin-top:  20px;
            font-size: 1.5em;
        }

        .news-item p {
            margin-top: 20px;
            line-height:  140%;
        }



        .news-container .news-item {
            flex: 1 1 22%; /* Optional: Adjusts the width calculation if using gap property */
            box-sizing: border-box;
            margin-bottom:  3vw;
        }


        @media all and (max-width: 1600px) {
            .news-container .news-item {
                flex: 1 1 31%;
            }
        }


        .career-container .career-item {
            flex: 1 1 47%;
        }

        .career-container.news-container .career-item {
            padding: 30px 60px 60px;
            background: #f5f5f5;
        }

        .career-container .margin {
            padding:0!important;
            width: 100%!important;
            max-width: none!important;
        }


        .slider-item.career-item {
            white-space: wrap;
        }

        .career-container h2 {
            font-size: 2.5em;
        }

        .career-container .nojs .slider-item {
            min-width: 400px;
        }

        @media all and (max-width: 1000px) {
            .career-container h2 {
                font-size: 1.8em;
            }
        }

        .news-container .news-item:hover {
            opacity:  .5;
        }

        .news-container .img-container {
            height:  40vw;
            min-height:  300px;
            width:  100%;
            margin-bottom:  30px;
            max-height: 310px;
        }

        .news-container img {
            width:  100%;
            height:  100%;
            object-fit:  cover;
        }

        .news-container .excerpt {
            color:  #000;
        }

        .news-container .button {
            margin-top: 20px;
        }

        @media (max-width: 800px) {

            .news-container .img-container {
                height: 85vw;
            }

            .news-container .news-item {
                flex: 1 1 100%;
            }
        }




/*=============================
    AGENT LOCATOR
==============================*/  

        #m {}

            #m #bh-sl-user-location {
              display: flex;
              align-items: flex-start; /* Align items at the top of the flex container */
            }


            /*#m button#bh-sl-submit{
              height:  50px;
              text-transform: uppercase;
              background: #cd2c2c;
              padding: 13px 20px!important;
              color: #fff!important;
              letter-spacing: 2px!important;
              font-family: Centra, sans-serif!important;
              font-weight: 500!important;
              font-size: 1em!important;
              display: inline-block!important;
              text-align:  center!important;
              margin:44px 5px 5px 20px!important;
              border-radius:  0!important;
              -webkit-border-radius:  0!important;
              border: none!important;
            }

            #m #bh-sl-submit:hover {
              background:  #999;
            }


            #m #bh-sl-address {
              border: 1px solid black; /* Set the border to a solid black color */
              border-radius: 0; /* Set the border radius to 0 to remove rounded corners */
              padding: 5px; /* Add padding for spacing within the input field */
              height:  50px;
              text-align:  left;
              color:  #000;
              margin-top:  10px;
            }

            #m #bh-sl-address::placeholder {
              color:  #000
            }*/

            #m .col2 {
              display:  inline-block;
              vertical-align:  top;
              width:  45%;
            }

            #m .col1of2 {
              margin-right:  5%;
            }


            #m .list-details {
              width:  88%;
            }

            .agent-locator-container .inner {
                overflow:  auto;
            }

            /*#m .bh-sl-map {
                width: 50%!important;
                float: right;
                vertical-align: top;
            }

                        #m .bh-sl-loc-list {
                            height: auto;
                            max-height: 1210px;
                            overflow-y:scroll;
                        }

                        #m .bh-sl-map,
                        #m .bh-sl-loc-list {
                          display: inline-block;
                          width:  47%
                        }

                        #.bh-sl-loc-list {
                          margin-right:  5%;
                        }


                        #m li {
                          border-bottom:  1px solid #000;
                          margin-bottom:  20px;
                          padding-bottom:  20px;
                        }

                 #m .list-label {
                  margin-left:  0;
                 }

                 #m .loc-name,
                 #m .loc-phone a {
                  text-transform:  uppercase;
                  color:  #000;
                  font-family:  Centra, sans-serif;
                  font-weight:  500;
                  font-size:  1.3em;
                
                 }

                 #m .loc-name,
                 #m .loc-phone {
                  margin-bottom:  10px;
                 }

                 #m .loc-addr,
                 #m .loc-addr3,
                 #m .loc-email a {
                  color:  #000;
                  font-family:  Centra, sans-serif;
                 }

                 #m .loc-web a {
                  color:  #fff;
                  text-decoration:  none;
                  font-family: Centra, sans-serif;
                 }


                #m .loc-dist {
                  font-weight: 400;
                  font-style:  normal;
                }

                #m .loc-dist-col {
                  margin-top: 10px;
                  width:  auto;
                  margin-right:  15px;
                  color:  #000;
                  float:  left;
                }

                #m .loc-dist-col a {
                  color:  #000;
                  text-decoration:  underline;
                }

            #m .list button {
                text-transform: uppercase;
                background: #cd2c2c;
                padding: 13px 20px!important;
                color: #fff!important;
                letter-spacing: 2px!important;
                font-family: Centra, sans-serif!important;
                font-weight: 500!important;
                font-size: 1em!important;
                display: inline-block!important;
                text-align:  center!important;
                margin: 15px 5px 5px 0!important;
                border-radius:  0!important;
                -webkit-border-radius:  0!important;
                border: none!important;
            }


            @media all and (max-width:  1200px) {
                #m .col2 {
                    display:  block;
                    width:  100%;
                }

                #m .col2of2 {
                    margin-top: 20px
                }
            }

            @media all and (max-width:  800px) {
                #m .bh-sl-map, #m .bh-sl-loc-list {
                    width:  100%!important;
                    float:  none;
                    display:  block;
                }

                .bh-sl-form-container {
                    width:  100%;
                }

                #m button#bh-sl-submit {
                    margin:36px 5px 5px 20px!important;
                }


            }


            @media all and (max-width:  500px) {
                    
                    #m #bh-sl-user-location {
                        display:  block;
                    }


                    #m button#bh-sl-submit {
                        margin:0px 5px 5px 0px!important;
                }
                    #m .form-input {
                          width:  100%;
                          display:  block;
                        }
            }*/



/*=============================
    Product Families Page
==============================*/        
        /*.families-grid {
            display: flex;
            flex-wrap: wrap;
            gap:  5%;
            align-items: stretch;
            justify-content:  center;
        }



        .families-item {
            box-sizing: border-box;
            display:  flex;
            padding-bottom: 5vw;
            width:  21%;
            text-align:  center;
        }


 
        .families-item-content {
            width:  100%;
        }



        a.families-item-content:hover {
            opacity:  .5;
        }

        .families-item h3 {
            font-size:  1.5em;
        }

        .families-item p.text-preview {
            color:  #000;
            text-align:  center;
            padding-top:  15px;
            line-height:  140%;
            margin:  0 auto;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;  
            overflow: hidden;
            text-overflow: ellipsis;
        }


            .families-item .img-container { 
               border-radius:  30px;
               overflow:  hidden;
               margin-bottom:  30px;
               height: 19vw;
               max-height: 500px;
            }


            .families-item .img-container img {
                width: 100%;
                height: 100%;
                object-fit: cover;
         
            }

           @media all and (max-width: 1200px) {
                .families-item {
                    width: 29%;
                }

                .families-item .img-container {
                    height: 19vw;
                }
            }


            @media all and (max-width:  800px) {
                .families-item {
                    width:  47%;
                }

                .families-item .img-container {
                    height:  46vw;
                }
            }


            @media all and (max-width:  500px) {
                .families-item {
                    width:  100%;
                    margin-bottom:  20px;

                }
            }

*/


/*=============================
    FULL-WIDTH IMAGE
==============================*/  

    .full-width-image {
        max-height: 600px; 
            overflow:  hidden;
        
    }

    .full-width-image img {
        width: 100%;
    }



        /***** DOWNLOADS ACCORDION *****/

            .downloads-section {
                width: calc(33.333% - 40px);
                box-sizing: border-box;
            }

            .downloads-section li {
                padding-top:  10px;
                padding-left:  25px;
            }

            .downloads-section li:first-child {
                padding-left:  0;
            }
            
            .downloads-section h5 {
                display: inline-block;
                vertical-align:  middle
            }

            .downloads-section img {
                width:  20px;
                vertical-align:  middle;
                margin-right:  10px;
            }
       

            @media all and (max-width:  900px) {
                .downloads-section {
                    width: calc(50% - 40px);
                }
            }


            @media all and (max-width:  700px) {
                .downloads-section {
                    width: 100%;
                }
            }

        /****** SPEC LIST ACCORDION ******/
          /*  .specs-list,
            .specs-list-text {
                display:  block;
                margin-top:  20px;
                margin-bottom:  30px;
            }

            .specs-list li {
                display:  inline-block;
                padding-right:  20px;
                text-align:  center;
                vertical-align:  top;
            }

            .specs-list img {
                max-height:  80px;
                max-width:  150px;
                width:  auto;
                margin-top: -20px;
            }

            .specs-list h6 {
                font-size:  1em;
                font-weight: 400;
                text-align:  center;
                margin-bottom: 10px;
            }

            .specs-list h6.heading,
            .specs-list-text h6.heading {
                font-weight:  500;
                text-transform:  uppercase;
            }


            .specs-list-text h6.heading {
            font-size:  1em;
            margin-right:  20px;
            }


            .specs-list-text h6,
            .specs-list-text p {
                display:  inline-block;
            }


            @media all and (max-width: 1000px) {
                .specs-list li:first-child {
                    display:  block;
                    width:  100%
                }

                .specs-list li {
                    margin-bottom: 10px;
                }

                .specs-list .heading {
                    text-align:  left;
                }

                .specs-list-text h6 {
                    display:  block;
                    width: 100%;
                    text-align: left;
                    margin-bottom:  10px;
                }
            }*/



/*=============================
    AWARD
==============================*/  
        .awards-container a {
            text-decoration: none;
        }




/*=============================
    ICONS MODULE
==============================*/

.icons.module {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    text-align:  center;
}

      .icons-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;

      }

      .icon {
        width:27%;
        margin: 50px 3% 0;
        box-sizing: border-box;
      }

      .icon img {
        object-fit: cover;
        margin-bottom: 30px;
        min-width: 100%;


      }


      @media all and (max-width:  900px) {
        .icon {
            width:  44%;
        }
      }


      @media all and (max-width:  500px) {
        .icon {
            width:  100%;
        }
      }




/*=============================
    SITE MAP
==============================*/

.sitemap-container ul {
       list-style-type: disc;

}

.sitemap-container .margin {
    max-width: 300px!important;
}


.sitemap-container a {
    color: #000;
    padding-bottom: 10px;
    font-size: 1.5em;
    display: block;
}

.sitemap-container a:hover {
    color: #cd2c2c;
}


.sitemap-container ul.sub-page {
    margin-left: 15px;
}


/****** EXCEPTIONS ******/
/* Reset the list counter only for lists inside .privacy-policy */
.privacy-policy ol {
    counter-reset: section;
    list-style-type: none; /* Removes default numbering */
}

/* Style for top-level list items inside .privacy-policy */
.privacy-policy ol > li {
    counter-increment: section; /* Increment the counter */
    margin-bottom: 0.5em; /* Optional: Adds some space between items */
}

/* Pseudo-element for top-level numbering inside .privacy-policy */
.privacy-policy ol > li:before {
    content: counter(section) "."; /* Add a dot after the number */
    margin-right: 0.5em; /* Space between the number and list item content */
}

/* Style for nested lists inside .privacy-policy */
.privacy-policy ol ol {
    counter-reset: subsection; /* Resets the counter for nested lists */
}

/* Style for nested list items inside .privacy-policy */
.privacy-policy ol ol > li {
    counter-increment: subsection; /* Increment the nested list counter */
}

/* Pseudo-element for nested numbering inside .privacy-policy */
.privacy-policy ol ol > li:before {
    content: counter(section) "." counter(subsection); /* Format: 1.1, 1.2, etc. */
    margin-right: 0.5em; /* Space between the number and list item content */
}