/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/


/* HEADER */


body:not(.template-slider) #Header {
    min-height: 138px;
}

/*  TOP BAR  */

div#Top_bar {border: solid 0px!important;}

#Top_bar div#sticky-bar-ref {
    width: 100%!important;
    margin: auto;
    padding-left: 0px!important;
    padding-right: 0px!important;
    background: #E86E25 !important;
    left: 0px!important;
    opacity:1!important;
}

div#sticky-bar-ref {opacity:1!important;}
div#sticky-bar-ref {margin-left: -37px!important;margin-right: -37px!important;}
div#Action_bar {padding: 0px 0px;line-height: 13px;height: 38px;}
.header-fixed.ab-show #Top_bar {top: 38px!important;}

#Action_bar .social-menu li {
    border-right: 0px!important;
    padding-right: 20px!important;
    text-transform: uppercase;
    padding-left: 20px;
    font-size: 17px!important;
}

#Action_bar .social-menu li:hover a{text-decoration:unset!important;color: #E86E25!important;}
#Action_bar li a{line-height: 32px;color:#50748A!important;}
#Action_bar li.wpml-ls-item a{color: #85A640!important;}

.header-fixed #Action_bar .contact_details li,.header-fixed #Action_bar .social,.header-fixed #Action_bar .social-menu {padding: 3px 0px!important;}

#Action_bar li:hover a {font-weight:700;padding-left:0px;padding-right:0px;letter-spacing:0px;}
#Action_bar li a {letter-spacing:0.5px;}

@media only screen and (max-width: 767px) {
    
#sticky-bar-ref .display-flex.links-list-top-bar .wpb_wrapper {padding-bottom: 8px;}
#Content #sticky-bar-ref .display-flex.links-list-top-bar .wpb_wrapper h6 a{line-height:42px !important;}
#Content #sticky-bar-ref .vc_column-inner{padding-bottom: 22px;}
#sticky-bar-ref .vc_column-inner{padding-bottom: 3px;}

#sticky-bar-ref .display-flex.links-list-top-bar .wpb_wrapper {display: grid;grid-template-columns: repeat(1,1fr);gap:0px!important;}

.header-fixed #Action_bar .contact_details li, .header-fixed #Action_bar .social, .header-fixed #Action_bar .social-menu {padding: 0px!important;}
.mobile-header-mini #Action_bar {display: unset!important;background: #fff!important;}

#Header .container {padding-left: 0px!important;padding-right: 0px!important;}
#Action_bar .contact_details {display: none!important;padding: 0px!important;height: 0px!important;}
#Action_bar .social li a, #Action_bar .social-menu a{font-size:13px!important;color:#fff!important;}
    
#Action_bar .social-menu li {
    border-right: 0px!important;
    padding-right: 5px!important;
    text-transform: uppercase;
    padding-left: 5px;
    line-height: 24px;
}
 
}

@media only screen and (max-width: 420px) {

#Action_bar .social li a, #Action_bar .social-menu a{font-size:9px!important;color:#fff!important;font-weight:450;line-height:31px;}
#Action_bar .social-menu li {padding-right: 0px!important;padding-left: 0px;}
#Action_bar li.wpml-ls-item {line-height: 31px;padding-right:5px!important;}

}

/* END - TOP BAR */


/*  MAIN MENU   */

.header-fixed #Top_bar {opacity: 1!important;}

img.logo-main.scale-with-grid {max-height: 75px!important;margin-top: -3px;}

.header-fixed #Top_bar .logo {margin-left: 0px!important;margin-right: 0px!important;}

.header-fixed #Top_bar .menu > li > a {padding: 35px 5px!important;font-size: 20px;}

.header-fixed #Top_bar {box-shadow: 0px 4px 5px #00000012!important;}

.menuo-no-borders #Top_bar .menu > li > a span {color: #fff;}
/*
.menuo-no-borders #Top_bar .menu > li:hover > a span {color: #E86E25;text-decoration:underline;}
*/
.menuo-no-borders #Top_bar .menu > li:hover > a span {clip-path: polygon(0 0, 92% 0, 100% 30%, 100% 100%, 0% 100%);background: #e86e25;border-radius: 0px;color:#fff;text-decoration:unset!important}


#Top_bar .top_bar_right .top-bar-right-icon svg {width: 30px;}

#Top_bar .top_bar_right .top-bar-right-icon, #Top_bar .top_bar_right .top-bar-right-icon svg .path {
    color: #fff;
    stroke: #fff;
}

#Top_bar .top_bar_right .top-bar-right-icon:hover, #Top_bar .top_bar_right .top-bar-right-icon:hover svg .path {
    color: #E86E25;
    stroke: #E86E25;
}

.btn-menu span{clip-path: polygon(0 0, 92% 0, 100% 30%, 100% 100%, 0% 100%);background: #e86e25;padding: 0px 0px;border-radius: 0px;color:#fff!important;}

.btn-menu:hover span{background: #ffffff!important;padding: 0px 0px;border-radius: 0px;color:#e86e25!important;text-decoration:unset!important;}

#Top_bar .menu>li.btn-menu>a span:not(.description) {
    padding: 0px 15px;
}

/* variant */

.menuo-right #Top_bar .menu_wrapper:after {
    content: '';
    display: block;
    left: 3px;
    position: absolute;
    margin-left: -60px;
    background: #50748a;
    height: 100.5px;
    width: 60px;
    clip-path:polygon(71% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.menu_wrapper {
    background: #50748A;
    /* clip-path: polygon(5% 0%, 300% 0%, 100% 200%, 0% 100%); */
    position:relative;
    /*padding-left:60px;*/
}

.menu_wrapper:before {
    content:'';
    position:absolute;
    background: #50748A;
    right:-1000px;
    width:1200px;
    height:100px;
}

.search_wrapper {
    z-index: 3!important;
    position: absolute;
}

.top_bar_right {
    z-index: 3!important;
}

.top_bar_left.clearfix {
    z-index: 1;
}

/* END - variant */

#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {
    height: 70px;
}

.logo-mobile {
    opacity: 1 !important;
    transform: none !important;
}

@media only screen and (max-width: 1239px) {
.header-fixed #Top_bar .menu > li > a {padding: 35px 0px!important;font-size: 18px;}

#Top_bar .menu > li > a span:not(.description) {
    padding: 0px 7px;
}

/* variant */
.menu_wrapper {padding-left:30px;}
/* END - variant */

.menuo-right #Top_bar .menu_wrapper:after {left: 4px;margin-left: -25.5px;width: 28px;}
.header-fixed #Top_bar .logo {margin-left: -25px!important;}
    
}


@media only screen and (max-width: 959px) {

.header-fixed #Top_bar .menu > li > a {padding: 35px 1px!important;font-size: 16px;}


#Top_bar .menu > li > a span:not(.description) {
    padding: 0 6px!important;
}

#Action_bar li a {
    font-size: 16px;
}

#Action_bar .social-menu li {
    padding-right: 0px!important;
}

#Top_bar .menu > li > a span:not(.description) {
    font-size: 13px;
}

#Top_bar .top_bar_right {
    padding: 0 5px;
}


/* variant */
.menu_wrapper {padding-left:20px;}
/* END - variant */
    
}

@media only screen and (max-width: 767px) {
    
.menuo-right #Top_bar .menu_wrapper:after {display: none;}

#Action_bar .column {padding: 0px!important;}
.header-fixed #Top_bar .logo {margin-left: 0px!important;}

#Action_bar li.wpml-ls-item {
    background: #85A640;
    line-height: 41px;
    text-align:center!important;
    font-size: 16px;
    clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
    padding-left:20px!important;
}

#Action_bar li.wpml-ls-item a{
    color: #FFFFFF!important;
}
    
#Action_bar li.wpml-ls-item {line-height: 25px;padding-left: 7px!important;}
#Action_bar li.wpml-ls-item a{padding-left:0px!important;padding-right:6px!important;}

/* variant */    
.menu_wrapper {
    clip-path: unset!important;
    position:unset!important;
    padding-left:0px!important;
}

.menu_wrapper:before {
    display:none!important;
}

.btn-menu span{background:transparent!important;}
/* END - variant */

#Top_bar .responsive-menu-toggle, #Header_creative .creative-menu-toggle, #Header_creative .responsive-menu-toggle {
    color: #50748A;
}

#Top_bar a.responsive-menu-toggle i {
    font-size: 31px!important;
    line-height: 38px!important;
}

#Top_bar .top_bar_right .top-bar-right-icon svg {
    width: 34px;
}

#Top_bar .top_bar_right .top-bar-right-icon, #Top_bar .top_bar_right .top-bar-right-icon svg .path {color: #50748A;stroke: #50748A;}

body:not(.template-slider) #Header {min-height: 87px;background: #50748A;}

#Top_bar #logo img.logo-mobile {margin-left: 8px;}

}

/* SIDE SLIDE */

#Side_slide a.top-bar-right-icon.top-bar-right-icon-search.icon.search {
    display: none!important;
}

div#Side_slide {
    background-color: #50748A;
    border-color: #50748A;
}

#Side_slide nav#social-menu {
    display: none!important;
}

#Side_slide #menu ul li {
    border-top: 0px!important;
}

#Side_slide #menu ul li a {
    font-size: 21px;
    color: #fff!important;
}

#Side_slide .close-wrapper a.close i {
    color: #fff!important;
    font-size: 35px!important;
}

#Side_slide .sub-menu a {
    line-height: 25px!important;
    font-size: 17px!important;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

#Side_slide .sub-menu {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

/*
#Side_slide {
    right: -295px;
    width: 295px;
}
*/

#Side_slide a.mfn-megamenu-title {
    padding-left: 30px!important;
    font-size: 19px!important;
}

#Side_slide #menu .mfn-megamenu ul li a {
    padding-left: 10px!important;
    font-size:18px!important;
    line-height:22px!important;
}

#Side_slide #menu .mfn-megamenu ul li {padding-left: 40px!important;}

#Side_slide #menu ul.sub-menu.mfn-megamenu li ul li::before {left: 29px;top: 8px;}

/* END - SIDE SLIDE */


/* END - MAIN MENU */


/* SUBHEADER */

div#Subheader {
padding:35px 0px;
background: rgb(221,217,195);
background: -moz-linear-gradient(90deg, rgba(221,217,195,1) 34%, rgba(221,217,195,0.7623643207282913) 50%, rgba(221,217,195,0) 85%);
background: -webkit-linear-gradient(90deg, rgba(221,217,195,1) 34%, rgba(221,217,195,0.7623643207282913) 50%, rgba(221,217,195,0) 85%);
background: linear-gradient(90deg, rgba(221,217,195,1) 34%, rgba(221,217,195,0.7623643207282913) 50%, rgba(221,217,195,0) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ddd9c3",endColorstr="#ddd9c3",GradientType=1);
}

.subheader-both-center #Subheader .title {
    text-align: left;
    padding-left: 15px;
    color: #e86e25;
}

.single-post.subheader-both-center #Subheader .breadcrumbs {
    display: block;
    text-align: left!important;
    padding-left: 19px;
    font-size: 15px!important;
}

.subheader-both-center #Subheader .breadcrumbs {
    display: none;
}

/* END - SUBHEADER */




/* submenu */

#Top_bar .menu li ul.sub-menu li a  {padding:4px 15px!important;border-bottom: solid 1px #ffffff4f;}
#Top_bar .menu li ul.sub-menu li:last-child a  {border-bottom: solid 0px #ffffff4f;}

#Top_bar .menu li ul.sub-menu li a span {
    font-size: 16px!important;
    padding:0px 0px!important;
    color: #fff!important;
    line-height:24px;
}

#Top_bar .menu > li ul {
    padding-top:0px;
    padding-bottom:0px;
    background: #50748a;
}

#Top_bar .menu li ul li{width:220px;}
/*
#Top_bar .menu li ul li.current-menu-item {background: #e86e25;}
*/

.no-pointer a.mfn-megamenu-title {cursor: unset!important;}

#Top_bar .menu li.current-menu-ancestor ul li.current-menu-item > a {background: #e86e25!important;}
#Top_bar .menu li.current-menu-ancestor.current-menu-item ul li.current-menu-item {background: transparent!important;}

/* END - submenu */




/*  mega menu  */

.menuo-right #Top_bar .menu > li#menu-item-11 > .sub-menu.mfn-megamenu.mfn-megamenu-2  {box-shadow: 0px 5px 5px 0px #0000004f!important;width: 100%!important;margin-left: -7.6%;padding-left:20px;padding-right:20px;padding-bottom:10px!important;padding-top:10px!important}

/* FR */
.menuo-right #Top_bar .menu > li#menu-item-5719 > .sub-menu.mfn-megamenu.mfn-megamenu-2  {box-shadow: 0px 5px 5px 0px #0000004f!important;width: 100%!important;margin-left: -6%;padding-left:20px;padding-right:20px;padding-bottom:10px!important;padding-top:10px!important}
/* END - FR */
.menuo-right #Top_bar .menu > li#menu-item-12 > .sub-menu.mfn-megamenu.mfn-megamenu-3  {box-shadow: 0px 5px 5px 0px #0000004f!important;width: 136%!important;margin-left: -7.6%;padding-left:20px;padding-right:20px;padding-bottom:10px!important;padding-top:10px!important}

/* FR */
.menuo-right #Top_bar .menu > li#menu-item-5753 > .sub-menu.mfn-megamenu.mfn-megamenu-3  {box-shadow: 0px 5px 5px 0px #0000004f!important;width: 136%!important;margin-left: -6%;padding-left:20px;padding-right:20px;padding-bottom:10px!important;padding-top:10px!important}
/* END - FR */

#Top_bar .menu li ul.sub-menu li a span {
    font-size: 15px !important;
    padding: 0px 0px !important;
    color: #fff !important;
    line-height: 24px;
}

.sub-menu.mfn-megamenu.mfn-megamenu-2 {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

ul.sub-menu.mfn-megamenu.mfn-megamenu-2 li ul li::before,ul.sub-menu.mfn-megamenu.mfn-megamenu-3 li ul li::before {
    content: "▶";
    position: absolute;
    left: 6px;
    top: 5px;
    font-size: 12px;
    color: #ffffff;
}

ul.sub-menu.mfn-megamenu.mfn-megamenu-2 li ul li,ul.sub-menu.mfn-megamenu.mfn-megamenu-3 li ul li {
    padding-left:10px!important;
    line-height:20px;
}

#Top_bar .menu li ul.sub-menu.mfn-megamenu.mfn-megamenu-2 li a,#Top_bar .menu li ul.sub-menu.mfn-megamenu.mfn-megamenu-3 li a {
    border-bottom: solid 0px!important;
}

/* markets and applications */

#Top_bar .menu > li > ul.mfn-megamenu > li#menu-item-395 > ul li {
    width: 100%;
    display: inline-grid;
}

#Top_bar .menu > li > ul.mfn-megamenu-2 > li#menu-item-3953 > ul {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px; /* optional spacing between columns */
}

/* FR */

#Top_bar .menu > li > ul.mfn-megamenu-2 > li#menu-item-5736 > ul {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px; /* optional spacing between columns */
}

/* END - FR */


/* order items */

li.m-agriculture {order: 1;}
li.m-mortars-plasters {order: 2;}
li.m-construction {order: 3;}
li.m-water {order: 4;}
li.m-environmental {order: 5;}
li.m-power-generation {order: 6;}
li.m-food{order: 7;}
li.m-pulp-paper {order: 8;}
li.m-glass-manufacturing {order: 9;}
li.m-steel {order: 10;}
li.m-mining{order: 11;}

/* END - order items */

/* END - markets and applications */


#Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title {
    text-align: left;
    font-weight: 600;
    padding-top: 0px!important;
}

#Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title span{
    font-size:18px!important;
}

/* brands */

#Top_bar .menu > li > ul.mfn-megamenu > li#menu-item-395 > ul li {
    width: 100%;
    display: inline-grid;
}

#Top_bar .menu > li > ul.mfn-megamenu-3 > li#menu-item-3980 > ul {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px; /* optional spacing between columns */
}

/* FR */

#Top_bar .menu > li > ul.mfn-megamenu-3 > li#menu-item-5768 > ul {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px; /* optional spacing between columns */
}

/* END - FR */

/* order items */

li.m-graybond {order: 1;}
li.m-aerolime {order: 2;}
li.m-niagara-lime {order: 3;}
li.m-calco {order: 4;}
li.m-niagara-hydraulic {order: 5;}
li.m-calcimate {order: 6;}
li.m-limil{order: 7;}
li.m-shell-mix {order: 8;}
li.m-maglime {order: 9;}
li.m-calgrit {order: 10;}

/* END - order items */

/* END - brands */

ul.sub-menu.mfn-megamenu li ul li.no-arrow-li::before{display:none!important;}
ul.sub-menu.mfn-megamenu li ul li.no-arrow-li{line-height:10px!important;height:20px!important}

#Top_bar .menu li ul.sub-menu li.no-arrow-li a{cursor: unset!important;}
#Top_bar .menu > li ul li.no-arrow-li a:hover,#Top_bar .menu > li ul li.fake-title-menu a:hover{background:transparent!important;}

#Top_bar .menu > li ul li.fake-title-menu span {
    text-align: left;
    font-weight: 600;
    padding-top: 0px!important;
}

ul.sub-menu.mfn-megamenu li ul li.fake-title-menu::before{display:none!important;}

#Top_bar .menu li ul.sub-menu li.fake-title-menu a span{
    font-size:18px!important;
}

ul.sub-menu.mfn-megamenu.mfn-megamenu-2 li ul li.fake-title-menu ,ul.sub-menu.mfn-megamenu.mfn-megamenu-3 li ul li.fake-title-menu  {
    padding-left:0px!important;
    line-height:20px;
    margin-left:-7px;
    margin-top:-10px;
}

ul.sub-menu.mfn-megamenu.mfn-megamenu-2,ul.sub-menu.mfn-megamenu.mfn-megamenu-3 {
    box-shadow: unset!important;
}

li#menu-item-11 > .mfn-megamenu-2,li#menu-item-12 > .mfn-megamenu-3 {
    background-image: url('/wp-content/themes/betheme-child/img/bg-megamenu.png')!important;
    background-size: 255px!important;;
    background-repeat: no-repeat!important;
    background-position-x:right!important;
    background-position-y:bottom!important;
}

/* FR */

li#menu-item-5719 > .mfn-megamenu-2,li#menu-item-5753 > .mfn-megamenu-3 {
    background-image: url('/wp-content/themes/betheme-child/img/bg-megamenu.png')!important;
    background-size: 255px!important;;
    background-repeat: no-repeat!important;
    background-position-x:right!important;
    background-position-y:bottom!important;
}

/* END - FR */

#Side_slide li#menu-item-11 > .mfn-megamenu-2,#Side_slide li#menu-item-12 > .mfn-megamenu-3 {
    background-image: none!important;
    background-size: 0px!important;;
}

/* FR */

#Side_slide li#menu-item-5719 > .mfn-megamenu-2,#Side_slide li#menu-item-5753 > .mfn-megamenu-3 {
    background-image: none!important;
    background-size: 0px!important;;
}

/* END - FR */

#Top_bar .menu > li > ul.mfn-megamenu > li > ul  {
    background: transparent!important;
}


/* FR MENU DESKTOP */

li#menu-item-5740 {margin-bottom: -30px;height: 20px;}
li#menu-item-5746 {margin-bottom: -25px;}
li#menu-item-5747 {margin-top: 25px;margin-bottom: -25px;}
li#menu-item-5748 {margin-top: 25px;margin-bottom: -25px;}

@media only screen and (max-width: 767px) {
li#menu-item-5740 {margin-bottom: unset;height: unset;}
li#menu-item-5746 {margin-bottom: unset;}
li#menu-item-5747 {margin-top: unset;margin-bottom: unset;}
li#menu-item-5748 {margin-top: unset;margin-bottom: unset;}
}

/* END - FR MENU DESKTOP */


/* end - megamenu */

#Top_bar .menu li.current-menu-ancestor ul  #menu-item-5768 li.current-menu-item > a {background:transparent!important;}
#Top_bar .menu li.current-menu-ancestor ul  #menu-item-3980 li.current-menu-item > a {background:transparent!important;}

/* END - HEADER */








/*  GLOBAL  */


.show-mobile{display:none;}
.hide{display:none!important;}

.has_content .the_content_wrapper {
    margin-bottom: 0px!important;
}

#Header_wrapper, #Intro {
    background: #fff!important;
    background-color: #fff!important;
}

.corner-top-left-cut{clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%, 0 15%);}
.corner-bottom-right-cut {clip-path: polygon(0 0, 100% 0, 100% 74%, 74% 100%, 0 100%);}
.corner-bottom-left-cut {clip-path: polygon(0 0, 100% 0, 100% 100%, 14% 100%, 0 78%);}
.corner-top-right-cut {clip-path: polygon(83% 0, 100% 23%, 100% 100%, 0% 100%, 0% 0%);}
.corner-top-bottom-left-cut{clip-path: polygon(12% 0, 100% 0, 100% 100%, 12% 100%, 0 85%, 0 15%);}

.no-margin-bottom .vc_single_image-wrapper.vc_box_border_grey {
    margin-bottom: 0px!important;
}

/* colors */

.orange-text,.orange-text h1,.orange-text h2,.orange-text h3,.orange-text h4,.orange-text h5,.orange-text,.orange-text h6,.orange-text p,.orange-text span, .orange-text strong, .orange-text b{color:#E86E25;}

.green-text,.green-text h1,.green-text h2,.green-text h3,.green-text h4,.green-text h5,.green-text,.green-text h6,.green-text p,.green-text span, .green-text strong, .green-text b{color:#85A640;}
.dark-bg .green-text,.dark-bg .green-text h1,.dark-bg .green-text h2,.dark-bg .green-text h3,.dark-bg .green-text h4,.dark-bg .green-text h5,.dark-bg .green-text,.dark-bg .green-text h6,.dark-bg .green-text p,.dark-bg .green-text span, .dark-bg .green-text strong, .dark-bg .green-text b{color:#85A640!important;}

.blue-text,.blue-text h1,.blue-text h2,.blue-text h3,.blue-text h4,.blue-text h5,.blue-text,.blue-text h6,.blue-text p,.blue-text span, .blue-text strong, .blue-text b{color:#50748a;}

.light-blue-text,.light-blue-text h1,.light-blue-text h2,.light-blue-text h3,.light-blue-text h4,.light-blue-text h5,.light-blue-text,.light-blue-text h6,.light-blue-text p,.light-blue-text span, .light-blue-text strong, .light-blue-text b{color:#3CA3CE;}

.yellow-text,.yellow-text h1,.yellow-text h2,.yellow-text h3,.yellow-text h4,.yellow-text h5,.yellow-text,.yellow-text h6,.yellow-text p,.yellow-text span, .yellow-text strong, .yellow-text b{color:#ECBC1E;}
.dark-bg .yellow-text,.dark-bg .yellow-text h1,.dark-bg .yellow-text h2,.dark-bg .yellow-text h3,.dark-bg .yellow-text h4,.dark-bg .yellow-text h5,.dark-bg .yellow-text,.dark-bg .yellow-text h6,.dark-bg .yellow-text p,.dark-bg .yellow-text span, .dark-bg .yellow-text strong, .dark-bg .yellow-text b{color:#ECBC1E!important;}

h6.orange-text a {color:#E86E25;}
.acf-hero.type-1 h1, .acf-hero.type-1 h2 {color:#e86e25;}
/* end - colors */

.wpb_text_column.wpb_content_element.no-margin-bottom {
    margin-bottom: 0px!important;
}

.expand-text.open {
    margin-top: -35px;
}

.display-flex.links-list .wpb_wrapper {display: flex;gap: 30px;flex-direction: row;}

.display-flex.links-list-top-bar .wpb_wrapper {display: flex;gap: 30px;flex-direction: row;justify-content: center;}
.display-flex.links-list-top-bar .wpb_wrapper a{color:#fff!important;font-size:18px;}

.display-flex-center .wpb_wrapper {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.display-flex-r .wpb_wrapper {
    display: flex!important;
    justify-content: flex-end!important;
}

.vc_separator .vc_sep_holder .vc_sep_line {
    border-top: solid 2px #E86E25;
}

.dark-bg .vc_separator .vc_sep_holder .vc_sep_line {
    border-top: solid 2px #ffffff!important;
}

.dark-bg h1,.dark-bg h2,.dark-bg h3,.dark-bg h4, .dark-bg h5,.dark-bg h6,.dark-bg p,.dark-bg b,.dark-bg strong,.dark-bg span.dark-bg {color:#fff!important;}

.dark-bg h4.blue-text {
    color: #50748a!important;
}

.wpb-content-wrapper .dark-bg ul > li::before {color: #fff;}
.wpb-content-wrapper ul.green-li > li::before {color:#85A640;}
.wpb-content-wrapper .dark-bg ul.green-li > li::before {color:#85A640;}
.wpb-content-wrapper ul.yellow-li > li::before {color:#ECBC1E;}
.wpb-content-wrapper .dark-bg ul.yellow-li > li::before {color:#ECBC1E;}


.dark-bg li span,.dark-bg li,.dark-bg li a {
    color: #fff!important;
}

.right-top-triangle-b:after {
    content: '';
    background-image:url(/wp-content/themes/betheme-child/img/triangle-bg-p.png);
    width: 380px;
    height: 300px;
    top: -45px;
    margin-right: 80px;
    z-index: -1!important;
    position: absolute;
    right:-140px;
}

.right-top-triangle-b.orange-triangle:after {background-image:url(/wp-content/themes/betheme-child/img/triangle-bg-orange.png)!important;}


.left-top-triangle-b:before {
    content: '';
    background-image:url(/wp-content/themes/betheme-child/img/triangle-bg-p.png);
    width: 300px;
    height: 300px;
    top: -56px;
    margin-left: -150px;
    z-index: -1!important;
    position: absolute;
}

.left-top-triangle-b.green-triangle:before {background-image:url(/wp-content/themes/betheme-child/img/triangle-bg-p-green.png)!important;}

.top-orange-triangle:after {
    content:'';
    right:48.5%;
    position:absolute;
    height:35px;
    width:35px;
    background-image:url(/wp-content/themes/betheme-child/img/triangle-orange-sep.png);
    background-size:contain;
    background-repeat:no-repeat;
}

.vc_sep_pos_align_left.top-orange-triangle:after {
    content: '';
    right: unset;
    position: absolute;
    height: 35px;
    width: 35px;
    background-image: url(/wp-content/themes/betheme-child/img/triangle-orange-sep.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: -1.3%;
    top: unset;
}

.fa-twitter:before {
    font-family: "mfn-icons";
    content: '\e984'!important;
}

.social-icons-brands .vc_icon_element-icon {
    color: #50748a !important;
}

/* BUTTONS */

/* arrow link  */

.arrow-link.vc_btn3-right {display: flex;right: 0;justify-content: flex-end;}

.arrow-link .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {background:transparent!important;color:#e86e25!important;font-weight:700;text-decoration:unset!important;font-size:21px;padding:0px!important;border-radius:0px!important;background:transparent!important;border:solid 0px!important;clip-path:none!important;}

.arrow-link .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern::after {
    background-image:url(/wp-content/themes/betheme-child/img/arrow-readmore.png);
    content: '';
    width: 45px;
    height: 23px;
    background-size: contain;
    display: inline-block;
    margin-left: 1px;
    background-position-y: center !important;
    background-repeat: no-repeat !important;
    transition: all 0.7s;
}

.gradient-blue-bg {
background: #000000;
background: -webkit-linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(80, 116, 138, 1) 100%);
background: -moz-linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(80, 116, 138, 1) 100%);
background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(80, 116, 138, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr="#000000",
  endColorstr="#50748A",
  GradientType=1
);    
}

.dark-bg .arrow-link .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {color:#ffffff!important;}

.dark-bg .arrow-link .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern::after {background-image:url(/wp-content/themes/betheme-child/img/arrow-readmore-white.png);}

.arrow-link:hover .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern::after {
    margin-left: 7px;
    background-color: transparent!important;
}

.arrow-link:hover .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    margin-left: 3px;
    background-color: transparent!important;
}


a.button.button_size_2,a.button.button_size_3 {
    margin-top: -4px;
    border-radius: 0px!important;
    border: solid 0px!important;
    font-size: 21px!important;
    padding: 9px 30px!important;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 15px, 100% 100%, 0% 100%);
    background: #e86e25!important;
    border-radius: 0;
    color: #fff!important;
    font-weight:600;
}

a.button.cream-btn.button_size_2,a.button.cream-btn.button_size_3 {
    background: #DDD9C3!important;
    color: #E86E25!important;
}

a.button.cream-btn.button_size_2:hover,a.button.cream-btn.button_size_3:hover {
    background: #50748A!important;
    color: #FFFFFF!important;
}

.arrow-link .vc_general {display: flex;align-items: center;}


.wpb-content-wrapper .right-bg {
    background-position-x: right!important;
    background-size: 460px!important;
    background-repeat: no-repeat;
}

.wpb-content-wrapper .right-bg-top {
    background-position-x: right!important;
    background-size: 32%!important;
    background-repeat: no-repeat;
    background-position-y:top!important;
}

a.button.blue-btn.button_size_2, a.button.blue-btn.button_size_3 {
    background: #50748a!important;
    color: #fff!important;
}

a.button.blue-btn.button_size_2:hover, a.button.blue-btn.button_size_3:hover {
    background: #e86e25!important;
    color: #fff!important;
}


a.button.blue-btn.download-r-b.button_size_2, a.button.blue-btn.download-r-b.button_size_3 {
    font-size: 15px!important;
    padding: 10px 18px!important;
    margin-bottom: 0px!important;
}

.download-r-b .fas::before {
    color: #fff!important;
}


/* li style body */

/* Remove default bullets */
.wpb-content-wrapper ul {
    list-style: none!important;
}

/* First-level LI gets a triangle */
.wpb-content-wrapper ul > li {
    position: relative;
    padding-left: 20px; /* Space for the triangle */
    padding-left: 30px;
    margin-left:-30px!important;
}

/* Insert a triangle before first-level <li> */
.wpb-content-wrapper ul > li::before {
    content: "▶";  /* Triangle symbol */
    position: absolute;
    left: 6px;
    top: 2px;
    font-size: 16px;
    color: #e86e25;  /* Triangle color */
}

.wpb-content-wrapper .vc_tta .wpb_text_column ul>li::before {
    display:block!important;
    content: "▶";
    position: absolute;
    left: -24px;
    top: 0px;
    font-size: 16px;
    color: #e86e25;
}

.wpb-content-wrapper .vc_tta .wpb_text_column .wpgb-wrapper ul>li::before {
    display: none!important;
}

/* Style for nested ULs */
.wpb-content-wrapper ul ul {
    margin-left: 20px; /* Indent second-level UL */
}

/* Nested LI gets normal bullet */
.wpb-content-wrapper ul ul li {
    list-style: none!important;
    padding-left: 0px;
    margin-left:-20px!important;
}

/* Nested LI gets normal bullet */
.wpb-content-wrapper ul ul li::before  {
    display:none!important;
}

.wpb-content-wrapper .vc_tta  ul>li::before {display:none!important;}

.wpb-content-wrapper .vc_tta  ul>li {
    position: relative;
    padding-left: 0px;
    padding-left: 0px;
    margin-left: 0px !important;
}

.sds-post ul.associated-products-post-sds {margin-top:-10px;margin-bottom:10px;}
.sds-post ul.associated-products-post-sds > li{padding-left:20px!important;}
.sds-post ul.associated-products-post-sds > li::before {position: absolute;top: unset!important;margin-left: -28px;}

.accordion-design-one.vc_tta ul>li::before {
    content: "▶";  /* Triangle symbol */
    position: absolute;
    left: -20px;
    top: -0px;
    font-size: 16px;
    color: #e86e25;  /* Triangle color */
    display:block!important;
}

.accordion-design-one.vc_tta ul>li li::before {
    display:none!important;
}

.accordion-design-one.vc_tta ul>li li{
    margin-left:-20px!important;
}

/* END - li style body */

.cta-box-action {margin-bottom: 35px;}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
.wpb-content-wrapper .right-bg {background-size: 320px!important;}
}

@media only screen and (max-width: 1024px) {
.wpb-content-wrapper .right-bg {background-size: 26%!important;}
.wpb-content-wrapper .right-bg-top {background-size: 26%!important;}
}


.arrow-link.sub-button-heading {
    margin-top: -25px!important;
    margin-bottom: 0px;
}


.blue-banner {
    margin-left: 0px!important;
    margin-right:0px!important;
}

.vc_section[data-vc-full-width] .blue-banner {
    width:98%!important;
    margin:auto!important;
}


@media only screen and (max-width: 767px) {

.wpb-content-wrapper .right-bg,.wpb-content-wrapper .right-bg-top {background-image: none!important;}

.arrow-link .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {font-weight:500!important;font-size:18px!important;}
.arrow-link .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern::after {width: 30px;height: 18px;}

.no-padding-side-mobile .vc_column-inner {padding-left: 0px!important;padding-right: 0px!important;}

a.button.blue-btn.download-r-b.button_size_2, a.button.blue-btn.download-r-b.button_size_3 {padding: 0px 18px !important;}

#hero .arrow-link .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #fff!important;
    text-decoration: unset!important;
    padding: 6px 25px!important;
    border-radius: 0px!important;
    background: #e86e25!important;
    border: solid 0px!important;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 15px, 100% 100%, 0% 100%);
}

#hero .arrow-link .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern::after {background-image: url(/wp-content/themes/betheme-child/img/arrow-readmore-white.png);}

.left-top-triangle-b:before {
    width: 300px;
    height: 200px;
    top: -56px;
    margin-left: -150px;
}

.right-top-triangle-b:after {
    width: 340px;
    height: 200px;
    top: -26px;
    right:-200px;
}

.arrow-link.sub-button-heading {
    margin-top: 20px!important;
    margin-bottom: -10px;
}

}
    

/* end - arrow link */

/* regular buttons */

a.button.button_size_2:hover ,a.button.button_size_3:hover {
    background: #50748A!important;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    margin-top: -4px;
    border-radius: 0px !important;
    border: solid 0px !important;
    font-size: 19px !important;
    padding: 7px 30px !important;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 15px, 100% 100%, 0% 100%);
    background: #e86e25 !important;
    color: #fff !important;
    font-weight:500!important;
}

.cream-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {background:  #DDD9C3!important;color: #e86e25!important;}
.cream-btn:hover .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {color: #fff!important;}
.blue-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {background:  #50748A!important;color: #fff!important;}

/* Hover effect */
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    background-color: #50748A!important;
}



/* end - regular buttons */


.display-flex-side .wpb_wrapper {display: flex;justify-content: center;gap: 17px;}
.display-flex-side .vc_btn3-container.vc_do_btn {margin-bottom: 0px!important;}

.display-flex-side-subheader .wpb_wrapper {display: flex;justify-content: left;gap: 17px;}
.display-flex-side-subheader .vc_btn3-container.vc_do_btn {margin-bottom: 0px!important;}

@media only screen and (max-width: 767px){	

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {font-size: 17px !important;line-height: 22px !important;}
.vc_btn3-container.full-width-mobile a {width: 100%!important;}
.display-flex-side-subheader .vc_btn3-container.vc_do_btn.full-width-mobile {margin-bottom: 25px!important;}

}

/* END - BUTTONS */


.icon-bg-top-right {
    background-image: url(/wp-content/themes/betheme-child/img/icon-bg.png);
    background-size: 450px;
    background-repeat: no-repeat;
    background-position-y: -100px;
    background-position-x: right;
}

.icon-bg-bottom-left {
    background-image: url(/wp-content/themes/betheme-child/img/icon-bg.png);
    background-size: 450px;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: left;
}

.display-flex-c .wpb_wrapper{
    display: flex;
    gap: 20px;
}

.display-flex-c .button_align.align_inline-block {
    margin-bottom: 0px!important;
}

@media only screen and (max-width: 767px){	
.two-cols-box .right-margin-fullwidth  {padding-left:20px;}
.two-cols-box .left-margin-fullwidth  {padding-right:20px;}	

.vc_btn3-container.vc_btn3-inline a {margin-right:0px;}
    
.show-mobile{display:block;}
.hide-mobile{display:none;}
.show-desktop{display:none;}

.has_content .the_content_wrapper {margin-bottom: 0px!important;}

.invert-cl-mobile{flex-flow: column-reverse;display: flex!important;}
    
.center-mobile {text-align: center!important;width:100%;}
.center-mobile .vc_btn3{margin-right: auto!important;text-align: center;}

.full-width-mobile button.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {width: 100%;margin-bottom: -12px;}	
.full-width-mobile {width: 100%!important;}

.center-mobile h1 ,.center-mobile h2 ,.center-mobile h3 ,.center-mobile h4 ,.center-mobile h5 ,.center-mobile h6,.center-mobile p {text-align: center!important;}

.top-orange-triangle:after {right: 46%;}

.no-margin-bottom-mobile {margin-bottom: 0px;}

.display-flex-c .wpb_wrapper {
    display: flex;
    flex-direction: column;
}

#Content h1{font-size:30px;line-height:32px;}
#Content h2{font-size:27px;}
#Content h3{font-size:22px;line-height:33px;}
#Content h4{font-size:20px;}
#Content h5{font-size:19px;line-height:28px;}
#Content h6{font-size:18px;}
#Content p,#Content a,#Content li,#Content strong{font-size:18px;line-height:32px;}


.display-flex-center .wpb_wrapper {
    display: flex;
    gap: 20px;
    align-content: center;
    flex-direction: column;
    align-items: center;
}


.display-flex-side .wpb_wrapper {display: flex;justify-content: space-between;flex-direction: column;gap:0px;}
.display-flex-side .vc_btn3-container.vc_do_btn {margin-bottom: 35px!important;}

.display-flex-side-subheader .wpb_wrapper {display: flex;justify-content: space-between;flex-direction: column;gap:0px;}
.display-flex-side-subheader .vc_btn3-container.vc_do_btn {margin-bottom: 35px!important;}

.display-flex.links-list .wpb_wrapper {display: flex;gap: 0px!important;flex-direction: column;}
.display-flex.links-list .wpb_wrapper h6{margin-bottom:2px!important;}
.display-flex.links-list .wpb_wrapper{margin-bottom:-30px!important;margin-top:-20px!important;}




.display-flex.links-list-top-bar .wpb_wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Creates 2 equal columns */
    gap: 8px;
    justify-items: center; /* Centers items inside the grid cells */
    padding-bottom:20px;
    margin-top:-10px;
}

.display-flex.links-list-top-bar .wpb_wrapper h6 {
    line-height: 18px!important;
    margin-bottom: 0px;
    display: inline-block;
    height: 18px;
    font-size:14px!important;
}

.display-flex.links-list-top-bar .wpb_wrapper  h6 a{
    font-size:14px!important;
}





}





/* END - GLOBAL */

/* archive page */

.archive div#Filters {
    display: none!important;
}

.themebg, #comments .commentlist > li .reply a.comment-reply-link, #Filters .filters_wrapper ul li a:hover, #Filters .filters_wrapper ul li.current-cat a, .fixed-nav .arrow, .offer_thumb .slider_pagination a:before, .offer_thumb .slider_pagination a.selected:after, .pager .pages a:hover, .pager .pages a.active, .pager .pages span.page-numbers.current, .pager-single span:after, .portfolio_group.exposure .portfolio-item .desc-inner .line, .Recent_posts ul li .desc:after, .Recent_posts ul li .photo .c, .slider_pagination a.selected, .slider_pagination .slick-active a, .slider_pagination a.selected:after, .slider_pagination .slick-active a:after, .testimonials_slider .slider_images, .testimonials_slider .slider_images a:after, .testimonials_slider .slider_images:before, #Top_bar .header-cart-count, #Top_bar .header-wishlist-count, .mfn-footer-stickymenu ul li a .header-wishlist-count, .mfn-footer-stickymenu ul li a .header-cart-count, .widget_categories ul, .widget_mfn_menu ul li a:hover, .widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a, .widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor) > a, .widget_product_categories ul, .widget_recent_entries ul li:after, .woocommerce-account table.my_account_orders .order-number a, .woocommerce-MyAccount-navigation ul li.is-active a, .style-simple .accordion .question:after, .style-simple .faq .question:after, .style-simple .icon_box .desc_wrapper .title:before, .style-simple #Filters .filters_wrapper ul li a:after, .style-simple .trailer_box:hover .desc, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet.selected:after, .tparrows.default, .tp-bullets.tp-thumbs .bullet.selected:after {
    background: #e86e25;
}

.pager .pages {
    background-image: unset!important;
    background-color: transparent!important;
}

/* END - archive page */

/* GRAVITY FORM STYLE */

.gform_wrapper .top_label .gfield_label {
    font-size: 18px;
    font-weight: 500;
    color: #50748a;
}

.gform-theme--foundation .gform_fields {
    row-gap: 13px;
}

.gform-theme--foundation .gfield textarea.large {
    min-block-size: 7rem!important;
}

.gform-theme--foundation .gfield textarea {
    border-radius: 0px!important;
    font-size: 18px!important;
}

.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large {
    border-radius: 0px!important;
    font-size: 18px!important;
}

.gform_button.button {
    font-size: 18px !important;
    padding: 8px 25px;
    clip-path: polygon(0 0, 92% 0, 100% 30%, 100% 100%, 0% 100%);
    background: #e86e25!important;
    border-radius: 0px!important;
    color: #fff !important;
    min-width:150px!important;
}

.gform_button.button:hover {background: #50748a!important;}

.form-box {padding-right: 30px;}

#gform_wrapper_2.gform-theme--foundation .gform_footer {
    display: flex;
    justify-content: flex-end;
}


@media only screen and (max-width: 767px) {
    
.form-box {padding-right: 0px;}

}

/* END - GRAVITY FORM STYLE */


/* faq toggle */

.minimal-toggle .wpb_wrapper .faq .question .title.wpb_toggle {
    background: transparent!important;
    padding-left: 0px!important;
    font-weight: 700!important;
    font-size: 21px!important;
    color: #e86e25;
    padding-top: 5px!important;
    padding-bottom: 2px!important;
    background-image: unset!important;
}

.minimal-toggle .wpb_wrapper .faq .question .title>.acc-icon-plus, .wpb_wrapper .faq .question .title>.acc-icon-minus {
    display: none!important;
}

.minimal-toggle .faq .question:before,.minimal-toggle .faq .question:after{
    display: none!important;
}

.minimal-toggle .faq .question>.answer {
    padding-left: 0px!important;
    padding-top: 8px;
}

.minimal-toggle .faq .question {
    background: transparent!important;
}

.single-brand .minimal-toggle .wpb_wrapper .faq .question .title.wpb_toggle {
    background: transparent!important;
    font-weight: 700!important;
    font-size: 18px!important;
    color: #000000;
    padding-top: 5px!important;
    padding-bottom: 8px!important;
    background-image: unset!important;
    padding-left: 0px!important;
    border-bottom: solid 1px #000;
    width: 86%;
    margin-left: 40px;
    margin-bottom: 17px;
    margin-top: -14px;
}

.single-brand .minimal-toggle .faq .question>.answer {
    padding-left: 40px!important;
    padding-top: 0px;
    font-size: 16px!important;
    color: #000;
    line-height: 30px;
    padding-bottom: 10px!important;
    margin-top: 6px!important;
}


/* minimal toggle two */

.minimal-toggles-two .wpb_wrapper .faq .question .title.wpb_toggle {
    background: transparent!important;
    padding-left: 32px!important;
    font-weight: 700!important;
    font-size: 21px!important;
    color: #e86e25;
    padding-top: 5px!important;
    padding-bottom: 2px!important;
    background-image: unset!important;
}


.minimal-toggles-two .faq .question:before,.minimal-toggles-two .faq .question:after{
    display: none!important;
}

.minimal-toggles-two .faq .question>.answer {
    padding-left: 33px!important;
    padding-top: 8px;
    font-size: 18px!important;
}

.minimal-toggles-two .faq .question {
    background: transparent!important;
}

.minimal-toggles-two .wpb_wrapper .faq .question .title > .acc-icon-plus,.minimal-toggles-two .wpb_wrapper .faq .question .title > .acc-icon-minus {
    color: #e86e25;
    left: 0px;
    top: 9px;
    font-size: 26px;
}

.minimal-toggles-two .icon-plus:before {
    content: '\e8f9';
}

.minimal-toggles-two .active .icon-plus:before {
    content: '\e8f9';
    transform: rotate(-90deg);
}

.minimal-toggles-two .faq .question.active > .title > .acc-icon-plus {
    display:block!important;
}

/* END - minimal toggle two */

/* END - faq toggle */


/*  CUSTOM POST DESIGN  */

/* single brand custom page */

.single-brand.menuo-no-borders #Top_bar .menu > li:hover > a span {
    background: transparent!important;
}

.single-brand.menuo-no-borders #Top_bar .menu > li:hover > a span {
    color: #de1a2f!important;
}

.icon-size img {
    max-width: 95px!important;
}

.wp-grid-builder.wpgb-enabled .wpgb-card-15 {
    padding-left: 12px!important;
    padding-right: 13px!important;
}

.wpgb-card-15 .wpgb-card-wrapper::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 20px;
  right: 0px;
  bottom: -10px;
  background: transparent;
  z-index: -1;
  border:solid 2px #fff;
}

/*  header  */

.single-brand.header-fixed #Top_bar .logo {
    max-width: 388px;
}

body:not(.template-slider).single-brand  #Header {
    background: transparent!important;
}

.single-brand #Header_wrapper, .single-brand #Intro {
    background: transparent!important;
    background-color: transparent!important;
    position: absolute;
    width: 100%;
}

.single-brand #Top_bar .responsive-menu-toggle {
    color: #fff!important;
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
.single-brand.header-fixed #Top_bar .logo {max-width: 140px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.single-brand.header-fixed #Top_bar .logo {max-width: 110px;}
}

.single-brand #Top_bar #logo, .single-brand.header-fixed #Top_bar #logo {
    padding: 0;
    margin-top: 5px;
}

.single-brand #Top_bar #logo, .single-brand.header-fixed #Top_bar #logo {
    height: fit-content!important;
}

.mfn-header-scrolled.single-brand.header-fixed #Top_bar {
    background-color: #0000008f!important;
    box-shadow: 0px 2px 10px 1px #00000021 !important;
}

@media only screen and (max-width: 767px) {
/*
.single-brand.header-fixed #Top_bar .logo {
    max-width: 80%!important;
}
*/
}

/* END - header */

.single-brand.header-fixed #Action_bar {
    top: 0px!important;
    display: none!important;
}

.single-brand.header-fixed #Top_bar {
    top: 0px!important;
}

body:not(.template-slider).single-brand #Header {
    min-height: 0px!important;
}

.single-brand.header-fixed.ab-show #Top_bar {
    top: 30px!important;
}

.single-brand.header-fixed #Top_bar .menu>li>a {
    padding: 20px 5px!important;
}

.single-brand .menu_wrapper:before {
    height: 70px;
     background: #fff!important;
}

.single-brand.header-fixed #Top_bar .top_bar_right {
    display: none!important;
}

.single-brand.header-fixed #Top_bar {
    box-shadow: unset!important;
}

.single-brand.header-fixed #Top_bar {
    background-color: transparent!important;
}

.single-brand .menu_wrapper {
    background: #fff!important;
}

.single-brand.menuo-no-borders #Top_bar .menu>li>a span {
    color: #50748a;
}

@media only screen and (max-width: 767px) {
    
    body:not(.template-slider) .single-brand #Header {
        min-height: 87px;
        background: #fff;
    }
  
    .single-brand div#Side_slide {
        background-color: #fff;
        border-color: #fff;
    }
    
    .single-brand #Side_slide .close-wrapper a.close i {
        color: #50748a!important;
    }
    
    .single-brand #Side_slide #menu ul li a {
        color: #50748a!important;
    }
    
}


/* hero */

section#hero-brand {
    padding-top: 180px;
    min-height: 550px;
}

section#hero-brand {
    padding-bottom:0px;
    overflow: visible;
}

.contact-box.wpb_column.vc_column_container.vc_col-sm-4 {
    background: #50748A;
    padding: 40px 20px;
    margin-bottom:-30px!important;
}

.gform_button.button {
    font-size: 18px !important;
    padding: 8px 25px;
    clip-path: unset;
    background: #50748a!important;
    border:solid 2px #fff!important;
    border-radius: 0px !important;
    color: #fff !important;
    min-width: 120px !important;
    font-weight:600!important;
}

@media only screen and (max-width: 767px) {

section#hero-brand {padding-top: 86px;min-height: 350px;}
.contact-box.wpb_column.vc_column_container.vc_col-sm-4 {padding: 20px 10px;}
    
}

/* END - hero */

.applications-cols .vc_col-sm-6 .vc_column-inner > .wpb_wrapper .vc_row{
    border-bottom: solid 1px #707070;
    margin-bottom:30px;
    margin-right:2px!important;
    margin-left:2px!important;
}

/* brand testimonials */

.wp-grid-builder .wpgb-card-14 .wpgb-card-footer:before{
    content:'';
    background-image:url('/wp-content/themes/betheme-child/img/brands/blue-quote.png');
    background-size:contain;
    width:59px;
    height:45px;
    display: inline-block;
    position: absolute;
    margin-left: -84px;
    margin-top:5px;
}

.wp-grid-builder .wpgb-card-14 .wpgb-card-footer{display:flex;flex-direction: column;padding-left: 85px;}

@media only screen and (max-width: 767px) {
.wp-grid-builder.wpgb-grid-28.brand-testimonial {margin-top: 45px;}
}

/* END  - brand testimonials */

@media only screen and (max-width: 767px) {

.application-obj img {
    max-width: 40%;
    margin-left:auto!important;
    margin-right:auto!important;
}

.application-obj .wpb_single_image .vc_single_image-wrapper {
    margin-bottom: 10px!important;
    margin: auto;
    text-align: center;
}

.single-brand .minimal-toggle .wpb_wrapper .faq .question .title.wpb_toggle {
    margin-bottom: 16px;
    margin-top: -3px;
}

}

/* END - single brand custom page */


/*  sustainability report custom post type */

/* HEADER */

.single-report div#Subheader {
    min-height: 480px;
    background-image:url(/wp-content/themes/betheme-child/img/subheader-sust-report.jpg);
    background-size:cover;
    background-position-x:center;
    background-position-y:bottom!important;
}

.subheader-both-center.single-report #Subheader .title {
    text-transform: uppercase;
    padding-left: 0px;
    margin-left: -3px;
}

.single-report #Subheader .container {
    margin-top: 150px;
}

.subheader-both-center.single-report #Subheader .title {
    margin-bottom: 30px;
    text-align: left;
    color:#fff;
    letter-spacing:0.5px;
}

.single-report #Subheader a.button.button_size_2 {
    margin-right: 25px;
}

/* SUBHEADER */

@media only screen and (max-width: 959px) {
.subheader-both-center.single-report #Subheader .title{font-size:44px;}
}

/* END - SUBHEADER */

@media only screen and (max-width: 767px) {
.subheader-both-center.single-report #Subheader .title{font-size:34px!important;}
.single-report div#Subheader {min-height: 170px;}
.single-report #Subheader .container {margin-top: 10px;}
.subheader-both-center.single-report #Subheader .title{font-size:34px;line-height:38px;}
.single-report #Subheader a.button.button_size_2,.single-report #Subheader a.button.button_size_3 {font-size: 15px!important;padding:10px 20px!important;}

}

/* END - HEADER */

/* body */

.sustainability-post {display: flex;gap: 20px;margin: auto;}
.single-report .sidebar-sustainability {width: 25%;overflow:hidden!important;}
.single-report .post-wrapper-content {width: 75%;}

@media only screen and (min-width: 1240px) {
    .sustainability-post {max-width: 1340px;}
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
    .sustainability-post  {max-width: 940px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .sustainability-post  {max-width: 708px;}
}

@media only screen and (max-width: 767px) {
    .sustainability-post  {max-width: 550px !important;padding-left: 33px;padding-right: 33px;}
    .sidebar-sustainability {width: 100%;}
    .post-wrapper-content {width: 100%;}
    .sustainability-post {display: block;gap: 0px;}
    .single-report .content_wrapper .section_wrapper {padding-left: 0px;padding-right: 0px;}      
}

/* report item */

li.report-item a{
    color: #50748a!important;
    text-decoration:unset!important;
    transition: 0.5s all!important;
    clip-path: polygon(0 0, 82% 0, 100% 40%, 100% 100%, 0% 100%);
    width:fit-content!important;
    display:block;
    padding: 1px 0px !important;
}

li.report-item:hover a{
    border-radius: 0px !important;
    border: solid 0px !important;
    font-size: 21px !important;
    padding: 1px 30px !important;
    padding-left:15px!important;
    clip-path: polygon(0 0, 82% 0, 100% 40%, 100% 100%, 0% 100%);
    background: #50748a !important;
    color: #fff !important;
}


li.report-item {
    margin-bottom:3px!important;
}

li.report-item.selected a{
    border-radius: 0px !important;
    border: solid 0px !important;
    font-size: 21px !important;
    padding: 1px 30px !important;
    padding-left:15px!important;
    clip-path: polygon(0 0, 82% 0, 100% 40%, 100% 100%, 0% 100%);
    background: #e86e25 !important;
    color: #fff !important;
}

/* report item */

/* report item */
/*
ul.sustainability-reports {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: auto;
    column-gap: 0px; 
    row-gap:1px;
    padding: 0;
    list-style: none;
    max-width:100%;
    overflow-y:auto;
    overflow-x:unset!important;
}

li.report-item {
    display: block;
    height: fit-content;
    margin-right: 4px;
}

li.report-item a{
    color: #50748a!important;
    text-decoration:unset!important;
    transition: 0.5s all!important;
    font-size: 16px !important;
    clip-path: polygon(0 0, 82% 0, 100% 40%, 100% 100%, 0% 100%);
    width:fit-content!important;
    display:block;
    padding: 1px 4px !important;
    padding-left: 3px!important;
    line-height: 22px;
}

li.report-item:hover a{
    background: #50748a !important;
    color: #fff !important;
}


li.report-item {
    margin-bottom:-0px!important;
    min-width:50px;
}

li.report-item.selected a{
    background: #e86e25 !important;
    color: #fff !important;
}

.sidebar-sustainability {
    padding-left: 9px;
}


@media only screen and (min-width: 960px) and (max-width: 1239px) {
ul.sustainability-reports {grid-template-columns: repeat(4, 1fr);}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
ul.sustainability-reports {grid-template-columns: repeat(5, 1fr);}
}
*/
/* report item */

/* scroll sidebar */

.sidebar-sustainability {
    background: #fff;
    z-index: 4;
    padding: 9px;
}

.links-scroll-to-section li.viewing a {
    font-weight: bold;
    color: #e86e25;
}

.links-scroll-to-section {
    list-style: none;
}

.links-scroll-to-section a {
    text-transform: uppercase !important;
    font-size: 18px;
    line-height: 24px;
    color: #50748a;
    font-weight: 500;
    text-decoration: unset !important;
}

.links-scroll-to-section a:hover {
    color: #e86e25;
}

.links-scroll-to-section li {
    margin-bottom: 5px;
    line-height: 18px;
}

div#scroll-to-sections {
    max-height: 46.5vh;
    overflow: auto;
    margin-bottom: 14px;
}

#scroll-to-sections::-webkit-scrollbar {
    width: 10px;
}
        
#scroll-to-sections::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #f9f9f9;
    border: 1px solid #cacaca;
    box-shadow: inset 0 0 6px rgb(0 0 0 / 8%);
}
        
#scroll-to-sections::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #50748a;
}

@media (min-width: 768px) {
    .sidebar-sustainability {
        position: sticky;
        top: 200px; /* Adjust this value for desired starting position */
        max-height: calc(100vh - 40px); /* Prevent it from exceeding viewport height */
        overflow-y: auto; /* Enables vertical scrolling */
    }
}

span#close-sidebar-sust {
    display:none;
}

@media only screen and (max-width: 767px) {

    span#close-sidebar-sust {
        position: absolute;
        right: 21px;
        font-size: 30px;
        color: red;
        top: 23px;
        display:block;
        z-index: 99999999!important;
    }    
    
    span#extend-sidebar-sust {
        transition: 0.45s all!important;
    }
    
    span#extend-sidebar-sust.slide-back {
        left:-25%;
    }

    .sidebar-sustainability{
        transition: 0.5s all;
    }

    .sidebar-sustainability{
    background: #ffffff;
    left: -85%;
    position: fixed;
    padding: 0px;
    padding-left: 20px;
    height: 100vh!important;
    top: 0;
    z-index: 99999999999999999999999999999999999999!important;
    padding-left: 15px!important;
    padding-top: 20px;
    width: 74%;
    box-shadow: 5px 0px 10px #00000038;
}

.sidebar-sustainability.slided{
    background: #ffffff;
    left: 0;
    position: fixed;
    padding: 0px;
    padding-left: 20px;
    height: 100vh!important;
    top: 0;
    z-index: 99999999999999999999999999999999999999!important;
    padding-left: 15px!important;
    padding-top: 50px;
    width: 74%;
    box-shadow: 5px 0px 10px #00000038;
}

span#extend-sidebar-sust {
    position: fixed;
    top: 50px;
    background: #e86e25;
    left: 0;
    font-size: 26px;
    padding: 13px 16px;
    color: #fff;
    z-index: 999;
    box-shadow: 0px 2px 5px #00000073;
}

.overflow-scroll-bar {
    max-height: 84vh;
    overflow-y: auto;
    overflow-x: clip!important;
}

}


/* end - scroll sidebar */

/* end - body */



/* END - sustainability report custom post type */


/* safety data sheet custom post type */


/* HEADER */
/*

.single-safety-data-sheet  div#Subheader {
    min-height: 170px;
    background-image:url(/wp-content/themes/betheme-child/img/subheader-sust-report.jpg);
    background-size:cover;
    background-position-x:center;
    background-position-y:bottom!important;
}


.single-safety-data-sheet  #Subheader .container {
    margin-top: 10px;
}

.subheader-both-center.single-safety-data-sheet  #Subheader .title {
    margin-bottom: 30px;
    text-align: left;
    color:#fff;
    letter-spacing:0.5px;
    padding-left: 0px;
    margin-left: -5px;
}

.single-safety-data-sheet  #Subheader a.button.button_size_2 {
    margin-right: 25px;
}

/* SUBHEADER */
/*
@media only screen and (max-width: 959px) {
.subheader-both-center.single-safety-data-sheet  #Subheader .title{font-size:44px;}
}

/* END - SUBHEADER */
/*
@media only screen and (max-width: 767px) {
.subheader-both-center.single-safety-data-sheet  #Subheader .title{font-size:24px!important;margin-bottom:18px;}
.single-safety-data-sheet  div#Subheader {min-height: 83px;padding-top: 20px;padding-bottom: 20px;}
.single-safety-data-sheet  #Subheader .container {margin-top: 0px;}
.subheader-both-center.single-safety-data-sheet  #Subheader .title{font-size:24px;line-height:26px;}
.single-safety-data-sheet  #Subheader a.button.button_size_2,.single-safety-data-sheet  #Subheader a.button.button_size_3 {font-size: 15px!important;padding:10px 20px!important;}

}
*/
/* END - HEADER */

/* CUSTOM SUBHEADER ACF */

.single-safety-data-sheet div#Content {padding-top: 0px;}

.single-safety-data-sheet .subheader-hero.acf-hero {margin-bottom: 35px;padding-top: 78px;}
.single-safety-data-sheet .subheader-hero.acf-hero h2 {max-width: 85%;}
.boxed-hero-sub {margin: auto;}

.single-safety-data-sheet .subheader-hero.acf-hero.type-1 {
    padding-top: 120px!important;
    padding-bottom: 100px!important;
}

@media only screen and (min-width: 1240px) {
    .boxed-hero-sub {max-width: 1340px;margin: auto;}
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
    .boxed-hero-sub  {max-width: 940px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .boxed-hero-sub {max-width: 708px;}
}


.acf-hero.type-2 h4 {color: #50748a;font-size: 28px!important;line-height:35px;}

@media only screen and (max-width: 767px) {
    
.single-safety-data-sheet .subheader-hero.acf-hero h2 {font-size:24px!important;line-height:29px;}
.single-safety-data-sheet .acf-hero.type-2:after {width: 222px;min-height: 183px;}
.single-safety-data-sheet .acf-hero.type-2:before {width: 190px;min-height: 160px;right:80px;bottom:-80px;}
.single-safety-data-sheet .subheader-hero.acf-hero {margin-bottom: 0px;}
.single-safety-data-sheet .subheader-hero.acf-hero {padding-top: 29px;}
.acf-hero.type-2 h4 {color: #50748a;font-size: 22px!important;line-height:28px;}
.single-safety-data-sheet .subheader-hero.acf-hero.type-1 {
    padding-top: 30px!important;
    padding-bottom: 10px!important;
}

}

/* END - CUSTOM SUBHEADER ACF */

/* body */

.sds-post {display: flex;gap: 20px;margin: auto;margin-bottom: 30px;}
.single-safety-data-sheet  .sidebar-sustainability {width: 30%;overflow:hidden!important;}
.single-safety-data-sheet  .post-wrapper-content {width: 70%;}

.single-safety-data-sheet .small-text-r p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.single-safety-data-sheet .small-text-r li {
    font-size: 16px;
    font-weight: 500;
    line-height: 31px;
}

.single-safety-data-sheet .sds-post ul > li::before {
    content: "▶";  /* Triangle symbol */
    position: absolute;
    display:block!important;
    left: 30px;
    top: 2px;
    font-size: 16px;
    color: #e86e25;  /* Triangle color */
    padding-left: 0px;
}

.single-safety-data-sheet .sds-post ul > li {
    padding-left: 50px;
}


@media only screen and (min-width: 1240px) {
    .sds-post {max-width: 1340px;}
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
    .sds-post  {max-width: 940px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .sds-post  {max-width: 708px;}
}

@media only screen and (max-width: 767px) {
    .single-safety-data-sheet #Content {padding-top: 2px;}    
    .sds-post {max-width: 100% !important;padding-left: 2px;padding-right: 4px;margin-bottom: 2px;}
    .single-safety-data-sheet .post-wrapper-content {width: 100%;}
    .sds-post {display: block;gap: 0px;}
    .single-safety-data-sheet .content_wrapper .section_wrapper {padding-left: 0px;padding-right: 0px;}
    
    .single-safety-data-sheet .sidebar-sustainability div#reports-list {padding-left: 18px;}
    .single-safety-data-sheet .sidebar-sustainability h5.light-blue-text {padding-left: 18px;}    
}


/* end - body */


.single-safety-data-sheet .sidebar-sustainability.slided {
    width: 90%!important;
    z-index: 9999999999999999999999!important;
    padding-right: 10px;
}


/* END - safety data sheet custom post type */





/* tech information custom post type */

/* CUSTOM SUBHEADER ACF */

.single-tech-information div#Content {padding-top: 0px;}

.single-tech-information .subheader-hero.acf-hero {margin-bottom: 35px;padding-top: 78px;}
.single-tech-information .subheader-hero.acf-hero h2 {max-width: 85%;}
.boxed-hero-sub {margin: auto;}

.single-tech-information .subheader-hero.acf-hero.type-1 {
    padding-top: 120px!important;
    padding-bottom: 100px!important;
}

@media only screen and (min-width: 1240px) {
    .boxed-hero-sub {max-width: 1340px;margin: auto;}
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
    .boxed-hero-sub  {max-width: 940px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .boxed-hero-sub {max-width: 708px;}
}


@media only screen and (max-width: 767px) {
    
.single-tech-information .subheader-hero.acf-hero h2 {font-size:24px!important;line-height:29px;}
.single-tech-information .acf-hero.type-2:after {width: 222px;min-height: 183px;}
.single-tech-information .acf-hero.type-2:before {width: 190px;min-height: 160px;right:80px;bottom:-80px;}
.single-tech-information .subheader-hero.acf-hero {margin-bottom: 0px;}
.single-tech-information .subheader-hero.acf-hero {padding-top: 29px;}

.single-tech-information .subheader-hero.acf-hero.type-1 {
    padding-top: 30px!important;
    padding-bottom: 10px!important;
}

}

/* END - CUSTOM SUBHEADER ACF */

/* body */

.sds-post {display: flex;gap: 20px;margin: auto;margin-bottom: 30px;}
.single-tech-information  .sidebar-sustainability {width: 30%;overflow:hidden!important;}
.single-tech-information  .post-wrapper-content {width: 70%;}

.single-tech-information .small-text-r p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.single-tech-information .small-text-r li {
    font-size: 16px;
    font-weight: 500;
    line-height: 31px;
}

.single-tech-information .sds-post ul > li::before {
    content: "▶";  /* Triangle symbol */
    position: absolute;
    display:block!important;
    left: 30px;
    top: 2px;
    font-size: 16px;
    color: #e86e25;  /* Triangle color */
    padding-left: 0px;
}

.single-tech-information .sds-post ul > li {
    padding-left: 50px;
}


@media only screen and (min-width: 1240px) {
    .sds-post {max-width: 1340px;}
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
    .sds-post  {max-width: 940px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .sds-post  {max-width: 708px;}
}

@media only screen and (max-width: 767px) {
    .single-tech-information #Content {padding-top: 2px;}    
    .sds-post {max-width: 100% !important;padding-left: 2px;padding-right: 4px;margin-bottom: 2px;}
    .single-tech-information .post-wrapper-content {width: 100%;}
    .sds-post {display: block;gap: 0px;}
    .single-tech-information .content_wrapper .section_wrapper {padding-left: 0px;padding-right: 0px;}
    
    .single-tech-information .sidebar-sustainability div#reports-list {padding-left: 18px;}
    .single-tech-information .sidebar-sustainability h5.light-blue-text {padding-left: 18px;}    
}


/* end - body */


.single-tech-information .sidebar-sustainability.slided {
    width: 90%!important;
    z-index: 9999999999999999999999!important;
    padding-right: 10px;
}


/* END - tech information custom post type */


/* application guideline custom post type */

/* CUSTOM SUBHEADER ACF */

.single-app-guideline div#Content {padding-top: 0px;}

.single-app-guideline .subheader-hero.acf-hero {margin-bottom: 35px;padding-top: 78px;}
.single-app-guideline .subheader-hero.acf-hero h2 {max-width: 85%;}

.single-app-guideline .subheader-hero.acf-hero.type-1 {
    padding-top: 120px!important;
    padding-bottom: 100px!important;
}


@media only screen and (max-width: 767px) {
    
.single-app-guideline .subheader-hero.acf-hero h2 {font-size:24px!important;line-height:29px;}
.single-app-guideline .acf-hero.type-2:after {width: 222px;min-height: 183px;}
.single-app-guideline .acf-hero.type-2:before {width: 190px;min-height: 160px;right:80px;bottom:-80px;}
.single-app-guideline .subheader-hero.acf-hero {margin-bottom: 0px;}
.single-app-guideline .subheader-hero.acf-hero {padding-top: 29px;}

.single-app-guideline .subheader-hero.acf-hero.type-1 {padding-top: 30px!important;padding-bottom: 10px!important;}

}

/* END - CUSTOM SUBHEADER ACF */

/* body */


.single-app-guideline .sidebar-sustainability {width: 30%;overflow:hidden!important;}
.single-app-guideline .post-wrapper-content {width: 70%;}

.single-app-guideline .small-text-r p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.single-app-guideline .small-text-r li {
    font-size: 16px;
    font-weight: 500;
    line-height: 31px;
}

.single-app-guideline .sds-post ul > li::before {
    content: "▶";  /* Triangle symbol */
    position: absolute;
    display:block!important;
    left: 30px;
    top: 2px;
    font-size: 16px;
    color: #e86e25;  /* Triangle color */
    padding-left: 0px;
}

.single-app-guideline .sds-post ul > li {
    padding-left: 50px;
}


@media only screen and (max-width: 767px) {

    .single-app-guideline #Content {padding-top: 2px;}    
    .single-app-guideline .post-wrapper-content {width: 100%;}
    .single-app-guideline .content_wrapper .section_wrapper {padding-left: 0px;padding-right: 0px;}
    .single-app-guideline .sidebar-sustainability div#reports-list {padding-left: 18px;}
    .single-app-guideline .sidebar-sustainability h5.light-blue-text {padding-left: 18px;}
	
}


/* end - body */


.single-app-guideline .sidebar-sustainability.slided {
    width: 90%!important;
    z-index: 9999999999999999999999!important;
    padding-right: 10px;
}


/* END - application guideline custom post type */


/* transparency custom post type */

/* CUSTOM SUBHEADER ACF */

.single-t-resource div#Content {padding-top: 0px;}

.single-t-resource .subheader-hero.acf-hero {margin-bottom: 35px;padding-top: 78px;}
.single-t-resource .subheader-hero.acf-hero h2 {max-width: 85%;}

.single-t-resource .subheader-hero.acf-hero.type-1 {
    padding-top: 120px!important;
    padding-bottom: 100px!important;
}


@media only screen and (max-width: 767px) {
    
.single-t-resource .subheader-hero.acf-hero h2 {font-size:24px!important;line-height:29px;}
.single-t-resource .acf-hero.type-2:after {width: 222px;min-height: 183px;}
.single-t-resource .acf-hero.type-2:before {width: 190px;min-height: 160px;right:80px;bottom:-80px;}
.single-t-resource .subheader-hero.acf-hero {margin-bottom: 0px;}
.single-t-resource .subheader-hero.acf-hero {padding-top: 29px;}

.single-t-resource .subheader-hero.acf-hero.type-1 {
    padding-top: 30px!important;
    padding-bottom: 10px!important;
}

}

/* END - CUSTOM SUBHEADER ACF */

/* body */

.single-t-resource  .sidebar-sustainability {width: 30%;overflow:hidden!important;}
.single-t-resource  .post-wrapper-content {width: 70%;}

.single-t-resource .small-text-r p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.single-t-resource .small-text-r li {
    font-size: 16px;
    font-weight: 500;
    line-height: 31px;
}

.single-t-resource .sds-post ul > li::before {
    content: "▶";  /* Triangle symbol */
    position: absolute;
    display:block!important;
    left: 30px;
    top: 2px;
    font-size: 16px;
    color: #e86e25;  /* Triangle color */
    padding-left: 0px;
}

.single-t-resource .sds-post ul > li {
    padding-left: 50px;
}


@media only screen and (max-width: 767px) {
    .single-t-resource #Content {padding-top: 2px;}    
    .single-t-resource .post-wrapper-content {width: 100%;}
    .single-t-resource .content_wrapper .section_wrapper {padding-left: 0px;padding-right: 0px;}
    .single-t-resource .sidebar-sustainability div#reports-list {padding-left: 18px;}
    .single-t-resource .sidebar-sustainability h5.light-blue-text {padding-left: 18px;}    
}


/* end - body */


.single-t-resource .sidebar-sustainability.slided {
    width: 90%!important;
    z-index: 9999999999999999999999!important;
    padding-right: 10px;
}


/* END - transparency custom post type */



/*  geo location custom post type */



/* HEADER */

.single-geo-location div#Subheader {
    min-height: 200px;
    background-image:url(/wp-content/themes/betheme-child/img/subheader-sust-report.jpg);
    background-size:cover;
    background-position-x:center;
    background-position-y:bottom!important;
    box-shadow:inset 0px 0px 0px 2000px #00000054;
    padding-bottom: 81px;
}


.single-geo-location #Subheader .container {
    margin-top: 50px;
}

.single-geo-location.single-geo-location #Subheader .title {
    margin-bottom: 1px;
    text-align: left;
    color:#fff;
    letter-spacing:0.5px;
    padding-left: 0px;
    margin-left: -4px;
}

.single-geo-location #Subheader a.button.button_size_2 {
    margin-right: 25px;
    margin-top: 8px;
    margin-bottom: 14px;
}

.location-subheader {display: block;margin-top: 50px;}

.location-subheader span.address {
    display: block;
    color:#fff;
    font-size: 18px;
    line-height: 28px;
}

span.short-description-location {
    color: #fff;
    font-size: 18px;
    line-height: 27px;
}

.single-geo-location #Subheader .column.one {
    display: flex;
    justify-content: space-between;
}

.single-geo-location .box-phones-location a{
    color:#fff!important;
}

.single-geo-location .box-phones-location {
    background: #e86e25ba;
    padding: 19px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 24%;
    clip-path: polygon(0 0, 100% 0, 100% 73%, 74% 100%, 0 100%);
    color: #fff!important;
    font-size: 18px;
    line-height: 27px;
}

.single-geo-location h3 {
    margin-bottom: 5px;
}

/* SUBHEADER */

@media only screen and (max-width: 959px) {
.subheader-both-center.single-geo-location #Subheader .title{font-size:44px;}
}

/* END - SUBHEADER */

@media only screen and (max-width: 767px) {


.single-geo-location #Subheader .column.one {display: block;}

.single-geo-location .box-phones-location {
    min-width:80%;
    margin-top:40px;
}

.single-geo-location div#Subheader {
    padding-bottom: 41px;
}

    
.subheader-both-center.single-geo-location#Subheader .title{font-size:34px!important;}
.single-geo-location div#Subheader {min-height: 170px;}
.single-geo-location #Subheader .container {margin-top: 10px;}
.subheader-both-center.single-geo-location #Subheader .title{font-size:34px;line-height:38px;}
.single-geo-location #Subheader a.button.button_size_2,.single-geo-location #Subheader a.button.button_size_3 {font-size: 15px!important;padding:10px 20px!important;}

}

/* END - HEADER */

/* body */

.post-wrapper-content.section_wrapper.location-content-d {
    display: flex;
    gap: 20px;
}

.location-info {
    width: 57%;
}

.location-contact-form {
    width: 37%;
    padding: 10px 25px;
    background: #f5f5f5;
    border:solid 2px #50748a;
    box-shadow: 0px 0px 40px #00000012;
}

.location-content-d .gform-theme--foundation .gform_fields {
    row-gap: 12px;
}

.location-content-d .gform-theme--foundation .gfield textarea.large {
    min-block-size: 9rem!important;
    max-height: 150px;
}

.single-geo-location .location-details {
    display: flex;
    gap: 5px;
    justify-content: space-between;
    flex-direction: column;
}


.single-geo-location .loc-tax-details ul {
    padding: 8px 0px;
    display: flex;
    gap: 20px;
}

.single-geo-location .loc-tax-details ul a {
    margin-top: -4px;
    border-radius: 0px !important;
    border: solid 0px !important;
    font-size: 21px !important;
    padding: 4px 30px !important;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 15px, 100% 100%, 0% 100%);
    background: #e86e25 !important;
    border-radius: 0;
    color: #fff !important;
    font-weight: 600;
    text-decoration:unset!important;
}

.single-geo-location .loc-tax-details ul a:hover {
    background: #50748a !important;
    color: #fff !important;
}

.single-geo-location .gform_button.button {
    background: #50748a!important;
    font-size: 20px!important;
    text-transform: uppercase!important;
    border-radius: 0px!important;
}

.single-geo-location .location-hours li {
    display: flex;
    justify-content: space-between;
    max-width: 399px;
}

.geo-location.type-geo-location {
    background-image: url(/wp-content/themes/betheme-child/img/icon-bg.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-size: 499px;
}

    
.single-geo-location .location-hours {margin-bottom: 25px;margin-top:15px;}

@media only screen and (max-width: 767px) {


.single-geo-location .loc-tax-details ul {
    padding: 8px 0px;
    display: flex;
    gap: 15px;
    flex-direction: column;
    padding-bottom:15px;
}

.single-geo-location .location-details {margin-bottom: 30px;}

.post-wrapper-content.section_wrapper.location-content-d {display: flex;gap: 20px;flex-direction: column-reverse;padding-left:20px;}
.location-content-d .section_wrapper {padding-left: 0px!important;padding-right:40px!important;}
.location-info {width: 100%;}
.location-contact-form {width: 75vw;}
 
.single-geo-location .location-hours li {max-width: 84%;}


.geo-location.type-geo-location {background-size: 299px;}
    
}

/* body */



/* END - geo location custom post type */


/* product post design */

.wp-grid-builder .wpgb-card-12 .wpgb-card-footer {
    display: flex!important;
    gap: 15px!important;
}

.single-product div#Content,.single-community-project div#Content {
    padding-top: 0px;
}

.single-product .subheader-hero,.single-community-project .subheader-hero {
    margin-bottom: 35px;
}

section.products-resources h3, section.related-projects h3 {
    padding-left: 10px;
}

.single-product .subheader-hero h1.title {
    color: #e86e25;
}

section.products-resources .wp-grid-builder, section.related-projects .wp-grid-builder {
    padding-left: 12px;
    padding-right: 12px;
    margin-top:40px;
}

.mds-tag-products {
  display: grid!important;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); /* 3 cols desktop, 1 on mobile */
  gap: 2rem;
}

li.mds-tag-products-item ::before {
    display:block!important;
    content: "▶";
    position: absolute;
    left: -24px;
    top: 0px;
    font-size: 16px;
    color: #e86e25;
}

.wpgb-area.wpgb-area-top-2 .wpgb-facet .wpgb-hierarchical-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
}

.wpb-content-wrapper .wpgb-area.wpgb-area-top-2 .wpgb-facet ul > li {
    min-width: 210px;
    margin-top: 0px!important;
}

@media only screen and (max-width: 959px) {
    
.wpgb-area.wpgb-area-top-2 .wpgb-facet .wpgb-hierarchical-list {display: block;}
.wpb-content-wrapper .wpgb-area.wpgb-area-top-2 .wpgb-facet ul > li {margin-top: 10px!important;}
.wp-grid-builder .wpgb-sidebar {flex-basis: 192px;}

}

@media only screen and (max-width: 767px) {

section.products-resources h3, section.related-projects h3 {
    padding-left: 0px;
}

section.products-resources .wp-grid-builder, section.related-projects .wp-grid-builder {
    padding-left: 0px;
    padding-right: 0px;
    margin-top:40px;
}

.mds-tag-products {
    grid-template-columns: 1fr; /* 1 column on small screens */
}

}

/* END - product post design */


/* graymont story post design */

.single-graymont-story div#Content,.single-community-project div#Content {
    padding-top: 0px;
}

.single-graymont-story .subheader-hero,.single-community-project .subheader-hero {
    margin-bottom: 35px;
}

.arrows-wrapper a,.arrows-wrapper span {
    font-size: 22px;
    text-decoration:unset!important;
    text-transform: uppercase;
    font-weight: 600;
}

.arrows-wrapper .nav-left a,.arrows-wrapper .nav-right a,.arrows-wrapper .nav-left span,.arrows-wrapper .nav-right span {
    font-size: 45px;
}

@media only screen and (max-width: 767px) {
.arrows-wrapper {padding-right: 30px;}
}

/* END - graymont story post design */


/* marketing and sales post design */

.single-marketing-and-sales div#Content,.single-community-project div#Content {
    padding-top: 0px;
}

.single-marketing-and-sales .subheader-hero,.single-community-project .subheader-hero {
    margin-bottom: 35px;
}

/* END - marketing and sales post design */


/* END - CUSTOM POST DESIGN */

/* BLOCKS */

/* HOME - INFOGRAPHIC STYLE */

span.small-title-infographic-white {text-transform: uppercase;}

.button-infographic .title-bg-img img {border-radius: 50%;}

#gear-infographic .button-infographic p {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 43px !important;
  margin-bottom: 0px !important;
  line-height: 15px !important;
}

#gear-infographic img.show-infographic-desktop {
  width: 100% !important;
  margin-bottom: -23px !important;
}

#gear-infographic #infographic-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px;
  position: relative;
  margin-bottom: 45px !important;
}

#gear-infographic .top-banner-infographic {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

#gear-infographic .top-banner-infographic img {
  max-width: 85%;
  height: auto;
  z-index: 2;
  margin-bottom: -13px;
}

#gear-infographic .menu-infographic {
  display: flex;
  justify-content: flex-start;
  gap: 0px;
  max-width: 100%;
  position: relative;
}

#gear-infographic .button-infographic {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 109px;
  max-width: 110px;
  text-align: center;
  transition: all 0.3s ease;
  overflow: visible;
  background-color: transparent;
  border-radius: 0px;
  text-decoration: none;
  color: inherit;
  scroll-snap-align: center;
}

#gear-infographic .button-infographic:hover .title-bg-img {
  min-height: 110px;
}

#gear-infographic .title-bg-img {
  font-family: "Open Sans";
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: inherit;
  width: 101px;
  min-height: 100px;
  transition: all 0.3s ease;
  position: relative;
  overflow: visible;
}

#gear-infographic .title-bg-img img {
  position: absolute;
  bottom: -51px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 47px) !important;
  height: auto;
  transition: all 0.3s ease;
  background-color: transparent;
  z-index: 1;
}

#gear-infographic .small-title-infographic-white {
  font-size: 10px;
  color: white;
  margin-bottom: 10px;
  z-index: 2;
  font-weight: 800;
  line-height: 12px;
}

#gear-infographic .title-infographic {
  font-size: 10.5px !important;
  font-weight: bold;
  margin-top: 60px;
  color: #333;
  background-color: transparent;
  padding: 0px;
  width: 100%;
  text-transform: uppercase;
  transition: all 0.3s ease;
  font-family: "Open Sans";
  line-height: 11px !important;
}

/* Specific styles for each button */
#gear-infographic .button-infographic.agriculture .title-bg-img {
  background-color: #3ca3ce;
}
#gear-infographic .button-infographic.construction .title-bg-img {
  background-color: #85a640;
}
#gear-infographic .button-infographic.environmental .title-bg-img {
  background-color: #50748a;
}
#gear-infographic .button-infographic.food .title-bg-img {
  background-color: #e86e25;
}
#gear-infographic .button-infographic.glass .title-bg-img {
  background-color: #ecbc1e;
}
#gear-infographic .button-infographic.mining .title-bg-img {
  background-color: #3ca3ce;
}
#gear-infographic .button-infographic.mortars .title-bg-img {
  background-color: #85a640;
}
#gear-infographic .button-infographic.water .title-bg-img {
  background-color: #50748a;
}
#gear-infographic .button-infographic.power-generation .title-bg-img {
  background-color: #e86e25;
}
#gear-infographic .button-infographic.pulp-paper .title-bg-img {
  background-color: #ecbc1e;
}
#gear-infographic .button-infographic.steel .title-bg-img {
  background-color: #3ca3ce;
}

#gear-infographic .button-infographic.agriculture .title-infographic {
  color: #3ca3ce;
}
#gear-infographic .button-infographic.construction .title-infographic {
  color: #85a640;
}
#gear-infographic .button-infographic.environmental .title-infographic {
  color: #50748a;
}
#gear-infographic .button-infographic.food .title-infographic {
  color: #e86e25;
}
#gear-infographic .button-infographic.glass .title-infographic {
  color: #ecbc1e;
}
#gear-infographic .button-infographic.mining .title-infographic {
  color: #3ca3ce;
}
#gear-infographic .button-infographic.mortars .title-infographic {
  color: #85a640;
}
#gear-infographic .button-infographic.water .title-infographic {
  color: #50748a;
}
#gear-infographic .button-infographic.power-generation .title-infographic {
  color: #e86e25;
}
#gear-infographic .button-infographic.pulp-paper .title-infographic {
  color: #ecbc1e;
}
#gear-infographic .button-infographic.steel .title-infographic {
  color: #3ca3ce;
}

#gear-infographic .arrow-left,
#gear-infographic .arrow-right {
  display: none;
}
#gear-infographic .show-infographic-mob {
  display: none;
}

#gear-infographic .menu-infographic {
  height: 193px;
}

@media only screen and (max-width: 1239px) {
#gear-infographic   .small-title-infographic-white {
    font-size: 8px !important;
  }

#gear-infographic   .title-infographic {
    font-size: 9px !important;
  }

#gear-infographic   .button-infographic {
    min-width: 80px;
    max-width: 80px;
  }

#gear-infographic   .button-infographic .title-bg-img {
    min-height: 75px;
  }

#gear-infographic   .button-infographic:hover .title-bg-img {
    min-height: 80px;
  }

#gear-infographic   .title-bg-img {
    padding-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
    width: 78px;
    min-height: 80px;
  }
}

/* Tablet Styles */

@media screen and (max-width: 959px) and (min-width: 768px) {
#gear-infographic   .menu-infographic {
    height: 143px;
  }

#gear-infographic   .button-infographic {
    min-width: 9.3%;
    max-width: 9%;
  }

#gear-infographic   .title-bg-img {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: inherit;
    width: 100%;
    min-height: 52px;
  }

#gear-infographic   .title-bg-img img {
    transform: translateX(-50%);
    width: calc(70% + 25px) !important;
    z-index: 1;
  }

#gear-infographic   .title-infographic {
    font-size: 9.5px !important;
  }

#gear-infographic   .button-infographic .title-bg-img {
    min-height: 75px;
  }

#gear-infographic   .small-title-infographic-white {
    font-size: 8px;
    color: white;
    margin-bottom: 10px;
    z-index: 2;
    font-weight: 800;
    line-height: 12px;
  }

#gear-infographic   .title-bg-img img {
    bottom: -26px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% + 47px) !important;
  }

#gear-infographic   .title-infographic {
    margin-top: 35px;
  }

#gear-infographic   .small-title-infographic-white {
    font-size: 7px !important;
  }

#gear-infographic   .title-infographic {
    font-size: 8px !important;
  }
}

/* Mobile Styles */

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

#gear-infographic   .show-infographic-mob {
    display: block;
  }
#gear-infographic   .show-infographic-desktop {
    display: none;
  }
#gear-infographic   .menu-infographic {
    max-width: 100%;
    height: 240px;
  }

#gear-infographic   .arrow-left,
#gear-infographic   .arrow-right {
    display: block;
    margin-top: 35px;
  }

#gear-infographic   .menu-infographic {
    overflow-x: scroll;
    display: flex;
    justify-content: flex-start;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }

#gear-infographic   .button-infographic {
    flex: 0 0 33.33%; /* Show 3 buttons at a time */
    scroll-snap-align: center;
  }

#gear-infographic   .menu-infographic::-webkit-scrollbar {
    display: none; /* Hide the scrollbar on mobile */
  }

  /* Arrows for navigation */
#gear-infographic   .arrow {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    padding: 3px;
    z-index: 2;
    transform: translateY(-50%);
    cursor: pointer;
    height: 190px;
    background-size: contain !important;
    background-position: center;
  }

#gear-infographic   .arrow-left {
    left: -12px;
    background-image: url("/wp-content/themes/betheme-child/img/prev-arrow-infographic.png");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 9;
  }

#gear-infographic   .arrow-right {
    right: -12px;
    background-image: url("/wp-content/themes/betheme-child/img/next-arrow-infographic.png");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 9;
  }
#gear-infographic   img.show-infographic-mob {
    max-width: 96% !important;
    margin: auto !important;
    margin-bottom: -13px !important;
  }

#gear-infographic   div#infographic-menu {
    margin-bottom: -25px !important;
  }
#gear-infographic   .button-infographic p {
    margin-top: 53px !important;
  }

#gear-infographic   .title-bg-img {
    min-height: 80px;
    padding-top: 17px;
  }

#gear-infographic   .button-infographic {
    min-width: 33.3%;
    max-width: 33.3%;
  }
}

/* END - HOME INFOGRAPHIC STYLE */


/* HERO SECTION */
/*
div#hero::after {
    background-image: url(/wp-content/themes/betheme-child/img/triangle-hero-2.png);
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 700px;
    height: 69vh;
    z-index:1;
    background-size:contain;
    background-repeat:no-repeat;
    background-position-x:right;
}

.hero {
    position: relative;
    width: 100%;
    height: 69vh;
    overflow: hidden;
}
*/
/* VIDEO */
/*
.hero-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    transform: translate(-50%, -50%);
}

/* BLACK OVERLAY */
/*
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 45%);
    z-index:1;
}

/* TEXT */
/*
.hero-text {
    position: relative;
    color: white;
    font-size: 3rem;
    text-align: center;
    z-index:2;
    margin: auto;
    text-align: left;
    margin-top: 180px;
    font-size: 61px;
    padding-left:15px;
    line-height:67px;
}

/* PLAY BUTTON */
/*
.play-button-hero {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 70px;
    cursor: pointer;
    transition: transform 0.2s ease;
    z-index:3;
}

.play-button-hero:hover {
    transform: scale(1.1);
}

@media only screen and (min-width: 1240px) {
    .hero-text {max-width: 1340px;}
}

@media only screen and (max-width: 1190px) {
.hero {height: 34vh;min-height:500px;}

div#hero::after {width: 700px;height: 34vh;min-height:500px;}
    
.hero-text {margin-top: 15vh;font-size: 61px;}
}

@media only screen and (max-width: 1024px) {
.hero {height: 34vh;min-height:500px;}
div#hero::after {width: 700px;height: 34vh;min-height:500px;}
.hero-text {margin-top: 110px;font-size: 61px;padding-left:0px;line-height:66px;}
}

@media (max-width: 768px) {
.hero {height: 30vh;min-height:350px;}
div#hero::after {width: 350px;height: 30vh;min-height:350px;}
.hero-text {margin-top: 60px;;font-size: 42px;line-height:50px;}
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
    .hero-text {max-width: 940px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .hero-text {max-width: 708px;}
}

@media only screen and (max-width: 767px) {
    .hero-text{max-width: 550px !important;padding-left: 33px;padding-right: 33px;}
}

@media (max-width: 767px) {
.hero {height: 30vh;min-height:350px;}
div#hero::after {width: 350px;height: 30vh;min-height:350px;opacity:0.5;}
.hero-text {margin-top: 60px;;font-size: 26px!important;}
}

@media (max-width: 540px) {
.hero {height: 20vh;min-height:280px;}
div#hero::after {width: 350px;height: 20vh;min-height:280px;}
.hero-text {margin-top: 60px;;font-size: 26px!important;}
}

@media (max-width: 360px) {
.hero {height: 30vh;min-height:310px;}
div#hero::after {width: 350px;height: 30vh;min-height:310px;}
.hero-text {margin-top: 60px;;font-size: 24px!important;}
}

span.watch-video.watch-video-popup {
    z-index: 4;
    bottom: 17px;
    position: absolute;
    right: 24px;
    color: #fff;
}

span.watch-video {
    padding: 5px 12px;
    background: #4b687d59;
}

/* END - HERO SECTION */


/* ours stats box */

.boxes-stats {margin-top:20px;}

.boxes-stats .vc_column-inner > .wpb_wrapper {
    background: #fff;
    padding-top: 65px;
    padding-bottom: 65px;
    box-shadow: 0px 2px  4px#00000038;
    padding-left:40px;
    padding-right:40px;
}

.boxes-stats h1 {font-size:110px;font-weight:600;margin-bottom:35px;}
.boxes-stats h4 {font-size:34px;font-weight:700;line-height:35px;}

.boxes-stats .vc_column-inner > .wpb_wrapper {height: -webkit-fill-available!important;}

@media only screen and (max-width: 767px) {

.boxes-stats h1 {font-size:76px!important;font-weight:600;margin-bottom:35px;}
.boxes-stats h4 {font-size:28px!important;font-weight:700;line-height:35px;}
.boxes-stats .vc_column-inner > .wpb_wrapper {margin-bottom:30px;padding-left:20px;padding-right:20px;}

}

/* END - ours stats box */


/*  file resource */

iframe#pdf-viewer-mds {border: solid 2px #50748a!important;}
iframe#office-viewer-mds {border: solid 2px #50748a!important;}
iframe#pdf-viewer-mds.no-height-added {height: 75vh!important;}
iframe#office-viewer-mds.no-height-added {height: 75vh!important;}

.embed-frame-container-mds {
    position: relative;
    width: 100%;
}

.embed-frame-container-mds .iframe-overlay {
    position: absolute;
    inset: 0;
    opacity:0;
    background-color: rgba(0, 0, 0, 0);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

.embed-frame-container-mds .iframe-overlay:hover {
    background-color: rgba(0, 0, 0, 0.6);
    opacity:1;
}

.embed-frame-container-mds .overlay-message {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    pointer-events: none;
}

p.last-update-single {
    font-size: 15px!important;
    font-weight: 600;
    margin-top: -9px;
}

@media only screen and (max-width: 767px) {
    
.embed-frame-container-mds .iframe-overlay {
    opacity:1;
    background-color: rgb(0 0 0 / 60%);
}    

p.last-update-single {
    font-size: 13.5px!important;
    margin-top: -6px;
}
    
iframe#pdf-viewer-mds {border: solid 1.5px #50748a!important;}
iframe#office-viewer-mds {border: solid 1.5px #50748a!important;}
iframe#pdf-viewer-mds.no-height-added {height: 62vh!important;}
iframe#office-viewer-mds.no-height-added {height: 62vh!important;}
}

.no-sidebar-mds .post-wrapper-content {
    width: 100%!important;
}

/* END - file resource */


/* two columns boxed */

.two-cols-boxed {min-height: 460px;}
.two-cols-boxed .vc_column-inner {background-position-x: center!important;background-position-y: center!important;}
@media only screen and (max-width: 1366px){	
.two-cols-boxed {min-height: 370px;}
}

@media only screen and (max-width: 959px){	
.two-cols-boxed {min-height: 370px;}
}

/* END - two columns boxed */


/*  office lookup block */

.office-lookup-contact-us .vc_column-inner {
    padding: 27px 30px;
    padding-top:40px;
}

.office-lookup-contact-us h5 {
    color:#50748a;
    font-size:29px;
    font-weight:500;
    line-height:42px;
}

.office-lookup-contact-us  .wp-block-search__inside-wrapper {
    margin: auto;
}

.office-lookup-contact-us  input#wp-block-search__input-1 {
    padding: 2px;
    background: #fff!important;
    text-align: left;
    border: solid 1px #686e77;
    font-size: 18px;
    padding-left: 12px;
}

.office-lookup-contact-us  .wp-block-search__button {
    margin-left: 0px;
    border-radius: 0px!important;
    color: #fff!important;
    font-weight: 500;
    font-size: 18px;
}

.office-lookup-contact-us.b .wp-block-search__button {
    background: #50748a;
}

.office-lookup-contact-us.o .wp-block-search__button {
    background: #e86e25;
}

/*  END - office lookup block */


/*  accordion design one  */

.accordion-design-one.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, .accordion-design-one.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after, .accordion-design-one.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before {
    background: transparent!important;
    padding: 22px 25px!important;
    padding-bottom: 30px!important;
    border: 0px!important;
}

.accordion-design-one .vc_tta-panel {margin-bottom: 8px!important;}

.accordion-design-one.vc_tta-shape-rounded.vc_tta-o-shape-group .vc_tta-panel .vc_tta-panel-heading {
border-radius: 10px!important;
border: 0px;
background: transparent!important;
border-bottom:solid 1px #E86E25!important;
border-radius:0px!important;
text-transform:uppercase!important;
}

.accordion-design-one.accordion-no-border.vc_tta-shape-rounded.vc_tta-o-shape-group .vc_tta-panel .vc_tta-panel-heading {
    text-transform: unset!important;
}

.accordion-design-one.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a{
 color:#E86E25!important; 
}

.accordion-design-one.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
border-radius: 10px!important;
color:#E86E25!important;
background: transparent!important;
    
}

.accordion-design-one.vc_tta .vc_tta-controls-icon {width: 26px!important;height: 26px!important;}
.accordion-design-one.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before{border-color:#E86E25!important;}
.accordion-design-one.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .accordion-design-one.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {border-color: #E86E25!important;}

.accordion-design-one.accordion-no-border.vc_tta-shape-rounded.vc_tta-o-shape-group .vc_tta-panel .vc_tta-panel-heading {
    border-bottom: solid 0px!important;
}

.accordion-no-border a span {    
    margin-top: -4px;
    border-radius: 0px !important;
    border: solid 0px !important;
    font-size: 19px !important;
    padding: 8px 47px !important;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 15px, 100% 100%, 0% 100%);
    background: #e86e25 !important;
    color: #fff !important;
    font-weight: 500 !important;
}

.accordion-no-border a span:hover {
    background-color: #50748A !important;
}

.accordion-no-border.vc_tta.vc_general .vc_tta-panel-title  {
    margin-left: -20px!important;
}

.accordion-design-one.accordion-no-border.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, .accordion-design-one.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after, .accordion-design-one.accordion-no-border.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before {padding-left: 0px!important;padding-right: 0px!important;}

@media only screen and (max-width: 767px){
.accordion-design-one.vc_tta .vc_tta-controls-icon {width: 18px!important;height: 18px!important;}
.accordion-design-one.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, .accordion-design-one.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after, .accordion-design-one.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before {
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.accordion-no-border a span {font-size: 15px !important;width: 100%!important;}
}


/* table custom design */

table.custom-t-tab tr:first-child td {
    box-shadow: unset!important;
}

table.custom-t-tab td.uppercase-t {
    text-transform: uppercase;
    text-align: left;
    font-weight: 600;
}

table.custom-t-tab td{
    text-align: left!important;
    border-right: solid 0px!important;
    border-left: solid 0px!important;
    border-bottom: solid 1.5px #707070!important;
    border-top: solid 0px!important;
}

table.custom-t-tab tr {
    background: transparent!important;
}

table.custom-t-tab tr:nth-child(2n) td {
    background: transparent!important;
}

td.flag-td {
    max-width: 119px;
}

td.flag-td {
    min-width: 128px;
}

table.custom-t-tab  td {
    font-size: 18px;
    line-height: 26px;
}


@media only screen and (max-width: 767px) {


table.custom-t-tab tr {
    display: flex;
    flex-direction: column;
    width: 100%;
}

table.custom-t-tab tr td {
    width: 100%!important;
    min-width: 100%!important;
}

table.custom-t-tab tr td.flag-td img{
    max-width: 50%!important;
    min-width: 50%!important;
    display:block;
    margin-bottom:0px!important;
}

table.custom-t-tab tr td.flag-td {
    border-bottom: solid 0px!important;
}


}


/* END - table custom design */

/* END - accordion design one  */

/* tour design */

.tour-design-one .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body{
    background: transparent!important;
    background-color: transparent!important;
}

.tour-design-one.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
    background: transparent!important;
}

.tour-design-one.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    padding-top: 0px!important;
    border: solid 0px!important;
    border-color: transparent!important;
}


.tour-design-one.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {width: 100%;}

.tour-design-one .vc_tta-tabs-container {width: 350px;}

.tour-design-one.vc_tta.vc_tta-shape-rounded .vc_tta-panel-body,.tour-design-one.vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading,.tour-design-one.vc_tta.vc_tta-shape-rounded .vc_tta-tab>a {
    border-radius: 0px!important;
    border: solid 0px!important;
}

.tour-design-one.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
    background: #50748A;
    color: #fff!important;
    text-transform: uppercase!important;
    font-weight: 600;
}

.tour-design-one.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
    background: #DDD9C3!important;
    color: #50748a!important;
}

.tour-design-one.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:focus,.tour-design-one.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover {
    background: #DDD9C3!important;
    color: #50748a!important;
}

.tour-design-one.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-left.vc_tta-shape-round .vc_tta-panels,.tour-design-one.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-left.vc_tta-shape-rounded .vc_tta-panels{border:solid 0px!important;}

@media only screen and (max-width: 767px) {

.tour-design-one.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    background: #DDD9C3!important;
    color: #50748a!important;
    text-transorm:uppercase!important;
}

.tour-design-one.vc_tta.vc_general .vc_tta-panel-title>a{
    background: #50748A;
    color: #fff!important;
    text-transform: uppercase!important;
    font-weight: 600;
    text-align:center;
}

.tour-design-one.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body{width:unset!important;padding-top:20px!important;}
    
}

/* END - tour design */

/* tour design two */

.tour-design-two .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body{
    background: transparent!important;
    background-color: transparent!important;
}

.tour-design-two.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
    background: transparent!important;
}

.tour-design-two.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    padding-top: 0px!important;
    border: solid 0px!important;
    border-color: transparent!important;
}


.tour-design-two.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {width: 100%;}

.tour-design-two .vc_tta-tabs-container {width: 350px;}

.tour-design-two.vc_tta.vc_tta-shape-rounded .vc_tta-panel-body,.tour-design-two.vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading,.tour-design-two.vc_tta.vc_tta-shape-rounded .vc_tta-tab>a {
    border-radius: 0px!important;
    border: solid 0px!important;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    padding-left: 0px!important;
}

.tour-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
    background: transparent!important;
    color: #50748A!important;
    text-transform: uppercase!important;
    font-weight: 600;
    line-height: 23px;
}

.tour-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
    background: transparent!important;
    color: #e86e25 !important;
}

.tour-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:focus,.tour-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover {
    background: transparent!important;
    color: #e86e25 !important;
}

.tour-design-two.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-left.vc_tta-shape-round .vc_tta-panels,.tour-design-two.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-left.vc_tta-shape-rounded .vc_tta-panels{border:solid 0px!important;}

@media only screen and (max-width: 767px) {

.tour-design-two.vc_tta.vc_tta-shape-rounded .vc_tta-panel-body,.tour-design-two.vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading,.tour-design-two.vc_tta.vc_tta-shape-rounded .vc_tta-tab>a {
    border-radius: 0px!important;
    border: solid 0px!important;
    padding-top: 1px!important;
    padding-bottom: 1px!important;
}

.tour-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    background: transparent!important;
    color: #e86e25!important;
    text-transorm:uppercase!important;
}

.tour-design-two.vc_tta.vc_general .vc_tta-panel-title>a{
    background: #50748A;
    color: #fff!important;
    text-transform: uppercase!important;
    font-weight: 600;
    text-align:center;
}

.tour-design-two.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body{width:unset!important;padding-top:20px!important;padding-bottom: 25px!important;background: #fff!important;padding-left: 15px!important;padding-right: 15px!important;}
    
}

/* END - tour design two */

/*  tabs design two  */
.tabs-design-two.vc_tta.vc_tta-shape-rounded .vc_tta-tabs-container {
    margin-right: 0px!important;
}

.tabs-design-two .vc_tta-tabs-list {
    display: flex!important;
    justify-content: space-between!important;
    padding-bottom: 15px;
}

.tabs-design-two .vc_tta-tab {
    flex: 1!important;
    text-align: center!important;
    padding-bottom: 15px;
}

.tabs-design-two.vc_tta.vc_tta-spacing-1 .vc_tta-tab {
    padding-bottom: 20px;
}

.tabs-design-two .vc_tta-panel-body {
  position: relative!important;
  overflow: visible!important; 
}

.tabs-design-two.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    padding: 20px 0px!important;
    padding-top: 42px!important;
}

.tabs-design-two .vc_tta-tab > a {
    height: 100%;
    display: flex;
    align-items: center;
    /* centers content vertically */
}

.tabs-design-two .vc_tta-tab {
    position: relative!important;
}

.tabs-design-two.vc_tta.vc_tta-style-classic.vc_tta-tabs .vc_tta-panel {
    background: transparent!important;
    background-color: transparent!important;
}

.tabs-design-two.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels,.tabs-design-two.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels::after,.tabs-design-two.tabs-design-two.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels::before {
    background: transparent!important;
    background-color: transparent!important;
    border: solid 0px!important;
    padding-top: 0px!important;
}


.tabs-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab >a {color: #50748a!important;}

.tabs-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
    background: transparent;
    font-weight: 600!important;
    border: solid 0px!important;
    border-radius: 0px!important;
    border-bottom: solid 2px #e86e25!important;
}

.tabs-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
    background: transparent!important;
    font-weight: 600!important;
    background: transparent!important;
    color: #e86e25!important;
    border-bottom: solid 2px #e86e25!important;
    box-shadow:0px 10px 0px #e86e25!important;
}

.tabs-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:focus, .tabs-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover {
    background-color: transparent!important;
}

.single-product .tabs-design-two li.vc_tta-tab:last-child {
    width: 44%!important;
    flex: 2!important;
}

@media only screen and (max-width: 767px) {

    .tabs-design-two.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels,.tabs-design-two.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels::after,.tabs-design-two.tabs-design-two.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels::before {
        padding-top: 0px!important;
    }

    .tabs-design-two.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
        padding: 5px 0px!important;
        padding-top: 10px!important;
    }

    .tabs-design-two .vc_column_container>.vc_column-inner {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

    .tabs-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
        background: #fff!important;
        color: #50748a!important;
        font-weight: 600!important;
        border: solid 1.5px #50748a!important;
        text-align:center;
        padding-top: 5px!important;
        padding-bottom: 5px!important;
        margin-bottom:5px!important;
    }

    .tabs-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
        background: #e86e25!important;
        color: #fff!important;
        font-weight: 600!important;
        border: solid 0px!important;
        border-bottom: solid 1.5px #e86e25!important;
    }

    .tabs-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
        border: solid 0px;
        background: transparent!important;
    }

    .tabs-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
        background-color: transparent!important;
    }

    .tabs-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body,.tabs-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after,.tabs-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before {
        border: solid 0px!important;
    }

.tabs-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {border-bottom: 0px!important;}
.tabs-design-two.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {border-bottom: 0px!important;}
    
}


.solution-section li.vc_tta-tab {
    padding-left:10px!important;
    margin-right:20px!important;
        clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 20px, 100% 100%, 0% 100%);
}

.solution-section li.vc_tta-tab.vc_active {
    background: #fff!important;
}


.solution-section li.vc_tta-tab.vc_active span{
    color: #000!important;
}

/*  END - tabs design two  */



/* HERO SECTION - 100 vh */

div#hero::after {
    background-image: url(/wp-content/themes/betheme-child/img/triangle-hero-2.png);
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 700px;
    height: 83vh;
    z-index:1;
    background-size:contain;
    background-repeat:no-repeat;
    background-position-x:right;
}

.hero {
    position: relative;
    width: 100%;
    height: 83vh;
    overflow: hidden;
}

/* VIDEO */
.hero-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    transform: translate(-50%, -50%);
}

/* BLACK OVERLAY */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 45%); /* Slight black tint */
    z-index:1;
}

/* TEXT */
.hero-text {
    position: relative;
    color: white;
    font-size: 3rem;
    text-align: center;
    z-index:2;
    margin: auto;
    text-align: left;
    margin-top: 180px;
    font-size: 61px;
    padding-left:15px;
    line-height:67px;
}

/* PLAY BUTTON */
.play-button-hero {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 70px; /* Adjust as needed */
    cursor: pointer;
    transition: transform 0.2s ease;
    z-index:3;
}

.play-button-hero:hover {
    transform: scale(1.1);
}

@media only screen and (min-width: 1240px) {
    .hero-text {max-width: 1340px;}
}

@media only screen and (max-width: 1190px) {
.hero {height: 34vh;min-height: 80vh;}

div#hero::after {width: 700px;height: 34vh;min-height: 80vh;}
    
.hero-text {margin-top: 15vh;font-size: 61px;}
}

@media only screen and (max-width: 1024px) {
.hero {height: 49vh;min-height: 78vh;}
div#hero::after {width: 700px;height: 34vh;min-height: 78vh;}
.hero-text {margin-top: 110px;font-size: 61px;padding-left:0px;line-height:66px;}
}

@media (max-width: 768px) {
.hero {height: 30vh;min-height:350px;}
div#hero::after {width: 350px;height: 30vh;min-height:350px;}
.hero-text {margin-top: 60px;;font-size: 42px;line-height:50px;}
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
    .hero-text {max-width: 940px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .hero-text {max-width: 708px;}
}

@media only screen and (max-width: 767px) {
    .hero-text{max-width: 550px !important;padding-left: 33px;padding-right: 33px;}
}

@media (max-width: 767px) {
.hero {height: 30vh;min-height:350px;}
div#hero::after {width: 350px;height: 30vh;min-height:350px;opacity:0.5;}
.hero-text {margin-top: 60px;;font-size: 26px!important;}
}

@media (max-width: 540px) {
.hero {height: 20vh;min-height:280px;}
div#hero::after {width: 350px;height: 20vh;min-height:280px;}
.hero-text {margin-top: 60px;;font-size: 26px!important;}
}

@media (max-width: 360px) {
.hero {height: 30vh;min-height:310px;}
div#hero::after {width: 350px;height: 30vh;min-height:310px;}
.hero-text {margin-top: 60px;;font-size: 24px!important;}
}

span.watch-video.watch-video-popup {
    z-index: 4;
    bottom: 17px;
    position: absolute;
    right: 24px;
    color: #fff;
}

span.watch-video {
    padding: 5px 12px;
    background: #4b687d59;
}

/* END - HERO SECTION - 100vh */
























/* popup video */

.video-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.7s 0.3s ease, visibility 0.7s;
    z-index: 9999;
}

.video-modal.active {
    visibility: visible;
    opacity: 1;
}

.video-modal-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 24%);
}

.video-modal-content {
    position: relative;
    background: #000000;
    width: 90%;
    max-width: 800px;
    height: 450px;
    padding: 0px;
    border-radius: px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.9);
}

.close-modal {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 34px;
    color: white;
    cursor: pointer;
}

#videoContainer {
    width: 100%;
    height: 100%;
}

/* END - popup video */






/* MEDIUM BANNER */

.medium-banner{min-height:450px!important;}
.medium-banner {
    box-shadow: inset 0px 0px 0px 3000px #00000094;
}
@media only screen and (max-width: 767px) {
.medium-banner{min-height:400px!important;text-align:center!important;}
.medium-banner h1,.medium-banner h2,.medium-banner h3,.medium-banner h4.medium-bannerh5,.medium-bannerh6,.medium-banner p,.medium-banner b,.medium-banner strong,.medium-banner span{text-align:center!important;}
}

/* END - MEDIUM BANNER */

/* white-box */

.white-box {
    background: #fff;
    padding: 15px 25px!important;
    /* margin-top: -68px; */
    /* padding-top:70px!important; */
    margin-bottom: 45px;
}

.push-bg-below {
    background-size: cover;
    background-position-y: bottom!important;
    /* padding-bottom: 46px; */
    /* margin-top:20px; */
    background-repeat:no-repeat;
}

@media only screen and (max-width: 767px){

.white-box {
    padding: 0px 5px!important;
    margin-top: 0px;
    padding-top:10px!important;
}

.push-bg-below {
    background-size: 180%!important;
    background-position-y: bottom!important;
    padding-bottom: 0px;
    margin-top:20px;
}
    
}


/* END - white box */



/* SOLUTIONS */


img.arrow-img {
    max-width: 55px!important;
    transition: 0.6s all;
    position: absolute;
    bottom: 19px;
}

.single-solution{cursor:pointer;padding:0px 0px;transition: 1s all;}

.single-solution:hover img.arrow-img {margin-left:20px;}

.single-solution .wpb_wrapper {
  background: rgba(240, 240, 240, 0.01); /* Slightly visible */
  transition: background 0.5s ease-out!important;
  padding:5px 5px;
}

.single-solution:hover .wpb_wrapper,.single-solution.active-tab .wpb_wrapper{
  background: rgba(255, 255, 255, 1);
    
}

.single-solution:hover >.vc_column-inner > .wpb_wrapper:first-of-type,
.single-solution.active-tab > .vc_column-inner > .wpb_wrapper:first-of-type {
  box-shadow: 0 0px 21px #00000024;
}

.single-solution .wpb_text_column.wpb_content_element {
    margin-bottom: 0px!important;
}

.single-solution .vc_single_image-wrapper.vc_box_border_grey {
    margin-bottom: 0px!important;
}

.gradient-bg-top-below {
background: rgb(221,217,195);
background: -moz-linear-gradient(180deg, rgba(221,217,195,0.7) 0%, rgba(255,255,255,1) 35%);
background: -webkit-linear-gradient(180deg, rgba(221,217,195,0.7) 0%, rgba(255,255,255,1) 35%);
background: linear-gradient(180deg, rgba(221,217,195,0.7) 0%, rgba(255,255,255,1) 35%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ddd9c3",endColorstr="#ffffff",GradientType=1);
}

.gradient-bg-top-below-light {
background: rgb(221,217,195);
background: -moz-linear-gradient(180deg, rgba(221,217,195,0.38) 0%, rgba(255,255,255,1) 35%);
background: -webkit-linear-gradient(180deg, rgba(221,217,195,0.38) 0%, rgba(255,255,255,1) 35%);
background: linear-gradient(180deg, rgba(221,217,195,0.38) 0%, rgba(255,255,255,1) 35%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ddd9c3",endColorstr="#ffffff",GradientType=1);
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.solutions-columns {
    margin-bottom: 0px!important;
}




@media only screen and (max-width: 767px) {
img.arrow-img {
    max-width: 34px!important;
    transition: 0.6s all;
    position: absolute;
    bottom: 9px;
}
}

/* END - solutions boxes */

/* solutions tabs */

.solution-tabs {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0.4s ease-out, opacity 0.3s ease-out;
    display: flex;
    gap: 20px;
    margin-top: 0px;
}

.tabs-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 10px;
    padding-top: 0px!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

.tabs-left {
    border-right: solid 2px #f7f6f2;
    margin-bottom: 26px;
}

.tab-item {
    cursor: pointer;
    padding: 10px;
    transition: background 0.3s ease;
    border-left: 3px solid #ffffff;
    margin-bottom: 0px;
    border-bottom: solid 1px #607d8b4d;
    padding-top: 0px;
    margin-top: 0px;
    line-height: 22px;
    padding-top: 10px;
}

.tab-item:hover, .tab-item.active {
    border-left: 3px solid #e86e25!important;
}

.tab-item.active {
    font-weight:500;
    color: #e86e25;
}

.tab-item:last-child{border-bottom:solid 0px;}

.tabs-content {
    flex: 2;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.tab-content {
    display: none;
    padding-left: 10px;
    padding-right: 30px;
}

.tab-content.active {
    display: block;
}

.solutions-container {
    background: #ffffff;
    padding: 0;
    padding-bottom: 0;
    padding-top: 0;
    box-shadow: 0 0px 21px #00000024;
    margin-top: 4px;
    padding-top: 0px;
}

.no-margin-col .vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}

.solution-tabs.show {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
    background:#fff!important;
    min-height: 152px;
}

/* end - solutions tabs */


@media only screen and (max-width: 767px) {

.solution-tabs {
    display: block;
}

.tabs-left {
    display: flex;
    flex-direction: column;
    margin-bottom: -1px;
    text-align: center;
    font-size: 18px!important;
}

.solutions-container {
    margin-top: 15px !important;
    margin-bottom: 23px;
    margin-left: 15px;
    margin-right: 15px;
}
    
.solution-tabs.show {
    padding-top: 5px!important;
}

.tabs-content {
    padding-bottom: 0px!important;
    margin-bottom: 0px!important;
}

.tab-item {
    line-height: 19px;
    padding: 5px!important;
}

.tab-item.active {
    background: #e86e25!important;
    color: #fff!important;
}

}

/* END - SOLUTIONS */





/* image-text block */

.image-text .vc_column-inner > .wpb_wrapper {display: flex;gap:20px;}
.image-text .vc_column-inner > .wpb_wrapper img{max-width:180px;}

@media only screen and (max-width: 1239px) {
    
.image-text .vc_column-inner > .wpb_wrapper img{max-width:120px;}
    
}

@media only screen and (max-width: 959px) {
    
.image-text h5{font-size: 15px;line-height: 21px;}
.image-text h6{font-size: 13px;}
    
}

/* END - image-text block */



/* our people block */

.our-people-culture {
    padding: 61px 12px;
    padding-top: 31px;
    padding-right:35px;
}

.our-people-culture .corner-bottom-right-cut.dark-bg .vc_column-inner{
padding-top:20px;
}

.our-people-careers .vc_column-inner {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.extra-padding-l {
    padding-left: 27px;
    padding-right: 27px;
}

.our-people-section{
    gap: 3%;
}

.our-people-section .vc_col-sm-3\/5 {
    width: 57%;
}

.our-people-jobs {
    gap: 3%;
    margin-bottom: 0px!important;
}

.our-people-jobs .vc_col-sm-6 {
    width: 48.5%;
}

.animated-counter h1 {
    font-size: 82px!important;
    font-weight:600;
}

.animated-counter p {
    font-size: 21px!important;
    font-weight:600;
    padding: 5px 30px;
}



@media only screen and (max-width: 767px) {

.our-people-section .vc_col-sm-3\/5 {width: 100%;}
.our-people-careers{margin-bottom: 25px;}
.our-people-culture {margin-bottom: 25px!important;padding-right:10px;}


}

@media only screen and (max-width: 540px) {

.our-people-jobs .vc_col-sm-6 {width:100%;margin-bottom:25px;}

}

/* END - our people block */



/* indigenous people block */

.indigenous-people-section {
    padding: 41px 32px;
    padding-top: 310px;
    padding-right:35px;
    max-width: 1290px;
}

.indigenous-people-section .text-block{
    padding: 41px 32px;
    padding-top:0px!important;
    padding-right:35px;
}

.indigenous-people-section .corner-bottom-right-cut.dark-bg .vc_column-inner{padding-top:20px;}

.indigenous-people-section h2 {line-height: 47px;margin-top: -20px;}
.indigenous-people-section {max-width: 1290px;}


@media only screen and (min-width: 960px) and (max-width: 1239px) {
    
.indigenous-people-section {max-width: 940px;}
div#indigenous-people-community .our-people-careers {width:40%;}
div#indigenous-people-community .text-block {width: 60%;}
    
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    
.indigenous-people-section {max-width: 710px;}
div#indigenous-people-community .our-people-careers {width:50%;}
div#indigenous-people-community .text-block {width: 50%;}
.indigenous-people-section .text-block{padding: 0px 10px;padding-top:0px!important;padding-right:5px;}

}


@media only screen and (max-width: 767px) {

.indigenous-people-section {margin-bottom: 25px!important;padding-right:10px;}
.indigenous-people-section {max-width: 100%;}

.indigenous-people-section .text-block{
    padding: 0px 0px;
    padding-top:0px!important;
    padding-right:0px;
    margin-top:0px!important;
}

.indigenous-people-section .text-block .vc_column-inner{padding: 0px 0px;}

.indigenous-people-section {padding: 0px 10px;padding-top: 15px!important;padding-right:15px;padding-bottom:0px!important;max-width: 1290px;}
    
}

/* END - indigenous people block */



/* our commitment */

.our-commitment-columns h4 {
    font-weight: 600;
}

.our-commitment-columns {
    margin-bottom: 60px;
    transition: 1s all !important;
}

.our-commitment-col .vc_column-inner {
  background-size: cover; /* Ensures the image covers the full area */
  background-position: center; /* Keeps it centered */
  background-repeat: no-repeat; /* Prevents repetition */
}

.our-commitment-col .vc_column-inner{
    padding-top:50px;
    min-height:540px;
    cursor:pointer;
}


.our-commitment-col .vc_column-inner{
    box-shadow: inset 0px 0px 0px 2000px #000000ba!important;
    transition: 0.4s all;
    padding-left:5%;
    padding-right:5%;
}

.our-commitment-col .wpb_text_column {
    padding-left:10%!important;
    padding-right:10%!important;
    max-width:100%!important;
    transition: all 0.45s ease-in-out; /* Smooth transition */
}

.small-arrow-centered {max-width:50px;margin:auto;}

.our-commitment-columns {
    display: flex;
}

.our-commitment-col {
  flex: 1; /* Each column takes equal space initially */
  transition: flex 0.45s ease-in-out; /* Smooth transition */
}

.our-commitment-col:hover {
  flex: 1.45; 
}

.our-commitment-col:hover .vc_column-inner{
    box-shadow: inset 0px 0px 0px 2000px #00000066!important;
}

.our-commitment-col:hover .wpb_text_column {
    padding-left:18%!important;
    padding-right:18%!important;
}


/* Adjusting the other columns dynamically */
.our-commitment-wrapper:hover .our-commitment-col:not(:hover) {
  flex: 0.7;
}

@media only screen and (max-width: 767px) {

.our-commitment-columns {
    display: block;
}

.our-commitment-col .vc_column-inner{
    padding-top:30px;
    min-height:200px;
    cursor:pointer;
}

.our-commitment-col .vc_column-inner{
    box-shadow: inset 0px 0px 0px 2000px #000000a6!important;
    transition: 0.4s all;
    padding-left:2%;
    padding-right:2%;
}

.our-commitment-col:hover .wpb_text_column {
    padding-left:5%!important;
    padding-right:5%!important;
}

}
    
/* END - our commitment */









/*  NEWS AND PRESS HOMEPAGE  */

.quick-carousel-mds { display: flex; gap: 20px; justify-content: space-between; }
.quick-carousel-mds .carousel-item { flex: 1; padding-top: 10px; }
.quick-carousel-mds .carousel-meta { font-weight: bold; color: #E86E25; font-size: 16px;text-transform:uppercase;}
.quick-carousel-mds .carousel-title { font-size: 21px; margin-top: 5px; line-height:25px;}
.quick-carousel-mds .carousel-title a { text-decoration: none; color: #50748a; }

.quick-carousel-mds.vertical {flex-direction: column;gap:40px;}

.quick-carousel-mds .carousel-item span.vc_sep_line {
    height: 5px;
    background: #e86e25;
    display: block;
    margin-bottom:7px;
}

.quick-carousel-mds.vertical .carousel-item span.vc_sep_line {
    height: 5px;
    background: #e86e25;
    display: block;
    max-width: 50%;
}

.quick-carousel-mds a.carousel-item {text-decoration: unset!important;}
.quick-carousel-mds .carousel-image {margin-bottom:10px;}

@media only screen and (max-width: 767px) {
.quick-carousel-mds.vertical {flex-direction: column;gap:20px;}
.quick-carousel-mds { display: block; gap: 20px; justify-content: space-between; }
.quick-carousel-mds {border-top: solid 1px #E86E25;}
.quick-carousel-mds .carousel-item { flex: 1; border-top: 0px solid #E86E25;}
.quick-carousel-mds .carousel-item:first-child { flex: 1; padding-top: 25px; }
.quick-carousel-mds .carousel-meta {  text-align:center;}
.quick-carousel-mds .carousel-title { text-align:center;}

.quick-carousel-mds.vertical .carousel-item span.vc_sep_line {max-width: 100%;}

}


/* END - NEWS AND PRESS HOMEPAGE */


/* WPGB BUILER */

.wpgb-grid-8  .wpgb-main {padding-top: 7px;}
.wp-grid-builder .wpgb-card-1 .wpgb-card-body{flex:unset!important;}

.buttons-resource-card a.blue-bg {
    background: #50748a!important;
}

/* facets */

.wpgb-facet .wpgb-toggle-hidden {
    background: #50748a!important;
    border-radius: 0px!important;
    font-weight: 600;
    font-size: 15px;
    color: #fff!important;
    padding:5px 10px!important;
}

.wpgb-facet .wpgb-toggle-hidden:hover {
    background: #e86e25!important;
    color: #fff!important;
}

.wpgb-facet .wpgb-autocomplete-facet .wpgb-input, .wpgb-facet .wpgb-date-facet .wpgb-input, .wpgb-facet .wpgb-search-facet .wpgb-input {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-radius: 0px!important;
    box-shadow: unset!important;
    opacity: 1!important;
    border-color: #50748a;
    color: #50748a!important;
    border-width: 1.5px!important;
}

.wpgb-facet .wpgb-input, .wpgb-facet select.wpgb-select {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-radius: 0px!important;
    box-shadow: unset!important;
    opacity: 1!important;
    border-color: #50748a!important;
    color: #50748a!important;
    border-width: 1.5px!important;
}

.wpgb-facet select.wpgb-select+.wpgb-select-controls .wpgb-select-separator {display: none!important;}
.wpgb-facet select.wpgb-select+.wpgb-select-controls svg,.wpgb-facet .wpgb-input-icon {stroke: #50748a!important;}

.wpgb-facet .wpgb-pagination li a, .wpgb-facet .wpgb-pagination li a:hover {padding: 0px 0px!important;font-size: 18px!important;}
.wpgb-facet .wpgb-pagination li {min-width: 19px!important;}
.wpgb-facet .wpgb-pagination li a[aria-current] {color: #50748a!important;}

.wpb-content-wrapper .wpgb-facet ul > li::before {display:none!important;}

.wpb-content-wrapper .wpgb-facet ul > li {margin-left: 0px!important;}

.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox-control {
    border-radius: 0px!important;
    border-width: 1.2px!important;
    border-color: #b7b7b7 !important;
}

.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox[aria-pressed=true] .wpgb-checkbox-control {
    background: #50748a!important;
    background-color: #50748a!important;
}

.wpgb-facet .wpgb-facet-title {
    font-size: 18px!important;
    font-weight: 500!important;
    margin-bottom: 12px!important;
    color: #3CA3CE!important;
}

.wpgb-facet>fieldset:last-child {
    margin-bottom: 20px!important;
}

.wpgb-facet .wpgb-az-index-label, .wpgb-facet .wpgb-button-label, .wpgb-facet .wpgb-checkbox-label, .wpgb-facet .wpgb-hierarchy-label, .wpgb-facet .wpgb-radio-label, .wpgb-facet .wpgb-rating-label {
    font-weight: 600!important;
}

aside.wpgb-sidebar.wpgb-sidebar-left {padding-right: 20px;}

.associated-products {
line-height: 20px!important;
margin-bottom: 3px!important;
font-size: 15px!important;
color: #e86e25!important;
}

.wpgb-facet .wpgb-pagination {
    display: flex!important;
    flex-direction: row!important;
}

@media only screen and (max-width: 767px) {
    
.wpgb-facet>fieldset:last-child {margin-bottom: 20px!important;}
aside.wpgb-sidebar.wpgb-sidebar-left {padding-right: 0px;}

}

.wpgb-facet .wpgb-autocomplete-facet .wpgb-input::placeholder, .wpgb-facet .wpgb-date-facet .wpgb-input::placeholder, .wpgb-facet .wpgb-search-facet .wpgb-input::placeholder {
    color: #50748a!important;
    font-size: 16.5px!important;
    font-weight: 300!important;
    font-family: "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    opacity:1!important;
}


/* END - facets */


/* wpgb cards */

/* card 1 */

.wpgb-card-1 .wpgb-card-body {
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    color:#e86e25!important;
}

.wp-grid-builder .wpgb-card-1 .wpgb-card-body {
    padding-top: 10px;
    border-top: solid 5px #e86e25;
}

.wp-grid-builder .wpgb-card-1 span.wpgb-block-term,.wp-grid-builder .wpgb-card-1 .wpgb-block-2 {
    font-weight: bold!important;
    color: #E86E25!important;
    font-size: 16px!important;
    text-transform: uppercase!important;
}

.wp-grid-builder .wpgb-card-1 .wpgb-block-1 {
    font-size: 21px!important;
    margin-top: 5px!important;
    line-height: 25px!important;
    font-weight:400!important;
    color:#50748a!important;
}

.wp-grid-builder .wpgb-card-1 .wpgb-card-media {
    margin-bottom: 19px!important;
}

/* card 2 */

.wpgb-card-2 .wpgb-card-body {
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    color:#e86e25!important;
}

.wp-grid-builder .wpgb-card-2 .wpgb-card-body {
    padding-top: 10px;
    border-top: solid 5px #e86e25;
}

.wp-grid-builder .wpgb-card-2 span.wpgb-block-term,.wp-grid-builder .wpgb-card-2 .wpgb-block-3 {
    font-weight: bold!important;
    color: #E86E25!important;
    font-size: 16px!important;
    text-transform: uppercase!important;
}

.wp-grid-builder .wpgb-card-2 .wpgb-block-1 {
    font-size: 21px!important;
    margin-top: 5px!important;
    line-height: 25px!important;
    font-weight:400!important;
    color:#50748a!important;
}

.wp-grid-builder .wpgb-card-2 .wpgb-card-media {
    margin-bottom: 19px!important;
}

.wp-grid-builder .wpgb-card-1 .wpgb-block-5:before, .wp-grid-builder .wpgb-card-2 .wpgb-block-5:before {
    content:'|';
    display:inline-block;
    font-weight: bold!important;
    color: #E86E25!important;
    font-size: 16px!important;
    text-transform: uppercase!important;
    margin-right:7px!important;
}

/* card 10 (main graymont success stories) */

.wpgb-card-10 .wpgb-card-body {
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    color:#e86e25!important;
}

.wp-grid-builder .wpgb-card-10 .wpgb-card-body {
    padding-top: 10px;
    border-top: solid 5px #e86e25;
}

.wp-grid-builder .wpgb-card-10 span.wpgb-block-term,.wp-grid-builder .wpgb-card-10 .wpgb-block-2 {
    font-weight: bold!important;
    color: #E86E25!important;
    font-size: 16px!important;
    text-transform: uppercase!important;
}

.wp-grid-builder .wpgb-card-10 .wpgb-block-1 {
    font-size: 21px!important;
    margin-top: 5px!important;
    line-height: 25px!important;
    font-weight:400!important;
    color:#50748a!important;
}

.wp-grid-builder .wpgb-card-10 .wpgb-card-media {
    margin-bottom: 19px!important;
}

/* END - wpgb cards */

/* tech card */

.buttons-resource-card {
    display: flex;
    gap: 10px;
    font-size: 18px!important;
    font-weight: 600!important;
    margin-top:6px!important;
    line-height: 25px!important;
}

.buttons-resource-card a {
    border-radius: 0px !important;
    border: solid 0px !important;
    font-size: 15px !important;
    padding: 0px 10px !important;
    padding-right:15px!important;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0% 100%);
    background: #e86e25!important;
    color: #fff!important;
    font-weight: 600 !important;
    letter-spacing:0.5px;
    line-hegith:10px!important;
    text-decoration:unset!important;
}

.buttons-resource-card a:hover {
    background: #50748a !important;
    color:#fff!important;
}

/* END - tech card */

/*  graymont stories card */

article.wpgb-card.wpgb-card-9 {
    min-height: 400px!important;
}

.wp-grid-builder .wpgb-card-9 .wpgb-card-body {
    border-bottom: solid 1.5px #e86e25!important;
    width: 90%;
    margin: auto;
    padding-left: 0px!important;
}

.wp-grid-builder .wpgb-card-9 .wpgb-block-2 {
    background: #50748a;
    padding: 18px;
    text-align: center;
    font-size: 22px;
    font-weight: 600!important;
}


.wp-grid-builder .wpgb-card-9 .wpgb-block-2:after {
    content:'';
    position:absolute;
    top:-65px;
    right:0;
    background:#50748a;
    width:50px;
    height:66px;
    clip-path: polygon(0 100%, 100% 0, 100% 30%, 100% 100%, 0% 100%);
}

@media only screen and (max-width: 767px) {

.wp-grid-builder .wpgb-card-9 .wpgb-card-media {
    display: block!important;
    width: 100%;
    height: 350px!important;
    margin-bottom:20px!important;
}

.wp-grid-builder .wpgb-card-9 .wpgb-card-media-content-bottom {
    position: absolute!important;
    bottom: 0!important;
}

.wp-grid-builder .wpgb-card-9 .wpgb-card-media-content>div {
    display: block!important;
    width: 100%!important;
    margin-bottom: -21px!important;
}

.wp-grid-builder .wpgb-card-9 .wpgb-card-media-content {
    position: absolute!important;
}

}

/* END - graymont stories card */

/* not featured community projects */

.wpgb-masonry article.wpgb-card-6{padding-bottom:20px;}

.wpgb-masonry article.wpgb-card-6:nth-of-type(odd) .wpgb-card-body{padding-left:20px;}
.wpgb-masonry article.wpgb-card-6:nth-of-type(even) .wpgb-card-body{padding-right:20px;}

.wpgb-masonry article.wpgb-card-6:nth-of-type(even) .wpgb-card-inner {display: flex;flex-direction: row-reverse!important;}

.wpgb-masonry article.wpgb-card-6:nth-of-type(even) .wpgb-card-media-thumbnail {clip-path: polygon(15% 0, 100% 0, 100% 100%, 14% 100%, 0 85%, 0 15%);}

.wpgb-masonry article.wpgb-card-6:nth-of-type(odd) .wpgb-card-media-thumbnail {clip-path: polygon(0 0, 86% 0, 100% 17%, 100% 83%, 86% 100%, 0 100%);}

.wp-grid-builder .wpgb-card-6 .wpgb-card-footer {
    display: flex;
    gap: 6px;
    padding-top: 10px;
}

.wp-grid-builder .wpgb-card-8 .wpgb-card-footer {
    display: flex;
    gap: 6px;
    padding-top: 10px;
}

.wpgb-masonry article.wpgb-card-6:nth-of-type(odd) .wpgb-card-footer {padding-left: 19px;}

.term-card-not-featured-p span:after {content:','}

.wpgb-facet .wpgb-apply, .wpgb-facet .wpgb-load-more {
    background-color: #50748a!important;
    border-radius: 0px!important;
    font-size: 18px!important;
}

article.wpgb-card.wpgb-card-6 {min-height: 450px;}

@media only screen and (max-width: 767px) {
    
.wp-grid-builder .wpgb-card-6 .wpgb-card-footer {display: block;}
.wp-grid-builder .wpgb-card-8 .wpgb-card-footer {display: block;}
.wpgb-masonry article.wpgb-card-6:nth-of-type(odd) .wpgb-card-body {padding-left:0px!important}
.wpgb-masonry article.wpgb-card-6:nth-of-type(even) .wpgb-card-body{padding-right:0px!important;}

.wp-grid-builder .wpgb-card-6 .wpgb-card-media {
    display: block!important;
    width: 100%;
    height: 350px!important;
    margin-bottom:20px!important
}

.wpgb-masonry article.wpgb-card-6:nth-of-type(even) .wpgb-card-inner {display: flex;flex-direction: column!important;}
.wpgb-masonry article.wpgb-card-6 {display: flex;flex-direction: column-reverse!important;}
.wpgb-masonry article.wpgb-card-6:nth-of-type(odd) .wpgb-card-footer {padding-left:0px!important}
}

/* END - not featured community projects */

/* featured community projects */

.wp-grid-builder .wpgb-card-7 .wpgb-card-footer {
    display: flex;
    gap: 6px!important;
    padding-top: 10px!important;
    padding-bottom:20px!important;
}

.wpgb-masonry article.wpgb-card-7 {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 94% 100%, 0 100%)!important;
}


/* more color */

.wpgb-masonry article.wpgb-card-7:nth-of-type(even) {
    background:#F7F6F2!important;
    /*background:#50748a!important;*/
    box-shadow:0px 1px 20px #000;
}

/*
.wpgb-masonry article.wpgb-card-7:nth-of-type(even) span,.wpgb-masonry article.wpgb-card-7:nth-of-type(even) .wpgb-block-1,.wpgb-masonry article.wpgb-card-7:nth-of-type(even) .wpgb-block-2,.wpgb-masonry article.wpgb-card-7:nth-of-type(even) .wpgb-block-9{
    color:#ffffff!important;
}
*/

.wpgb-masonry article.wpgb-card-7:nth-of-type(even) span, .wpgb-masonry article.wpgb-card-7:nth-of-type(even) .wpgb-block-1{
color:#e86e25!important;
}

.wpgb-masonry article.wpgb-card-7:nth-of-type(even) span, .wpgb-masonry article.wpgb-card-7:nth-of-type(odd) .wpgb-block-1{
color:#e86e25!important;
}

/*
.wpgb-masonry article.wpgb-card-7:nth-of-type(even) span,.wpgb-masonry article.wpgb-card-7:nth-of-type(even) .wpgb-block-1{
    color:#9acd2d!important;
}
*/

/* end - more color */

.wpgb-masonry article.wpgb-card-7:nth-of-type(odd) {
    background:#F7F6F2!important;
    box-shadow:0px 1px 20px #000;
}

.wp-grid-builder .wpgb-card-7 .wpgb-card-body{
    padding-top: 11px!important;
    padding-right: 20px!important;
}

.wp-grid-builder .wpgb-card-7 .wpgb-card-media-thumbnail {
    border: solid 0px #f1efe6;
}

.wpgb-block-6.term-card-not-featured-p span:after {
    display: none!important;
}

@media only screen and (max-width: 767px) {
    
.wp-grid-builder .wpgb-card-7 .wpgb-card-media {
    display: block!important;
    width: 100%;
    height: 350px!important;
    margin-bottom:20px!important
}
    
.wp-grid-builder .wpgb-card-7 .wpgb-card-footer,.wp-grid-builder .wpgb-card-6 .wpgb-card-footer {display: block!important;}
.wp-grid-builder .wpgb-card-7 .wpgb-block-2 {font-size: 20px!important;}
.wp-grid-builder .wpgb-card-7 .wpgb-block-9 {font-size: 16px!important;}
.wpgb-masonry article.wpgb-card-7 {clip-path: polygon(0 0, 100% 0, 100% 95%, 85% 100%, 0 100%)!important;}

}

/* END - featured community projects */


.buttons-resource-card a.icon-btn-r.blue-bg {
    background: transparent!important;
}

.buttons-resource-card a.icon-btn-r {
    background: transparent!important;
    padding:0px!important;
    font-size:20px!important;
}

.buttons-resource-card {
    display: flex;
    align-content: flex-start;
    align-items: center;
    gap:15px;
}

i.icon-eye {
    height: 21px;
    display: block;
}

/* brand card */

.wpgb-card-13 .wpgb-card-media.wpgb-scheme-light:after {
    content: '';
    right: 45%;
    top:0px;
    position: absolute;
    height: 30px;
    width: 30px;
    background-image: url(/wp-content/themes/betheme-child/img/triangle-orange-sep.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.wpgb-card-13 .wpgb-card-media.wpgb-scheme-light {
    background: #f7f6f2!important;
    padding: 35px 35px 30px;
    border-top-width: 8px!important;
    border-style: solid!important;
    border-color: #e86e25!important;
    border-right: solid 0px!important;
    border-left: solid 0px!important;
    border-bottom: solid 0px!important;
}

.wpgb-card-13 .wpgb-card-inner,.wpgb-card-13 {
    background: #f7f6f2!important;
}

/* END - brand card */

.wp-grid-builder .wpgb-card-8 .wpgb-card-body {
  background: #f7f6f2!important;
  padding-top:20px!important;
  padding-bottom:30px!important;
  position: relative !important;
  flex: 0 0 auto !important;
  align-self: flex-start !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  background-image: url('/wp-content/themes/betheme-child/img/icon-bg-white-half.png')!important;
  background-repeat: no-repeat!important;
  background-position-x: 100%!important;
  background-position-y:100%!important;
  background-size: 15%!important;
}


/* END - WPGB BUILDER */


/*  leadership columns */

.leadership-columns h5 {
    font-size: 20px;
    line-height: 20px;
    font-weight:500;
    color:#50748a;
}

.leadership-columns h6 {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    color: #85A640;
    margin-top:-5px;
}


.leadership-columns .vc_col-sm-4 > .vc_column-inner{
    margin-bottom:20px!important;
    margin-right:40px;
}

.leadership-columns .vc_col-sm-4 > .vc_column-inner{
    border-top: solid 7px #85A640;
    padding-bottom:10px;
    padding-top:35px;
    padding-left:20px!important;
    padding-right:20px!important;
    background:#F7F6F2;
}

.leadership-columns .vc_col-sm-4 > .vc_column-inner:after {
    content: '';
    right: 48.5%;
    top:0px;
    position: absolute;
    height: 35px;
    width: 35px;
    background-image: url(/wp-content/themes/betheme-child/img/triangle-green-sep.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.leadership-columns i,.directors-columns i {font-size: 14px;margin-top:4px;}

@media only screen and (max-width: 767px) {


.leadership-columns .vc_col-sm-4 > .vc_column-inner{
    margin-bottom:20px!important;
    margin-right:0px;
}

}

/* END - leadership column */



/*  directors columns */

.directors-columns h5 {
    font-size: 20px;
    line-height: 20px;
    font-weight:500;
    color:#50748a;
}

.directors-columns h6 {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    color: #3CA3CE;
    margin-top:-5px;
}


.directors-columns .vc_col-sm-4 > .vc_column-inner{
    width:92%;
}

.directors-columns .vc_col-sm-4 > .vc_column-inner{
    border-top: solid 7px #3CA3CE;
    padding-bottom:0px;
    padding-top:15px;
    padding-left:0px!important;
    padding-right:0px!important;
}

@media only screen and (max-width: 767px) {


.directors-columns .vc_col-sm-4 > .vc_column-inner{
    width:100%;
}

}

/* END - directors column */


/* END - BLOCKS */




/* FOOTER */

footer#Footer .wp-block-button__link{font-size:18px!important;padding:8px 25px;;clip-path: polygon(0 0, 92% 0, 100% 30%, 100% 100%, 0% 100%);background: #e86e25;border-radius: 0px;color:#fff!important;}
footer#Footer .wp-block-button__link:hover{background: #50748A;}

#Footer .widgets_wrapper {padding-bottom: 0px!important;}
#Footer .widgets_wrapper {padding-top: 36px!important;}

footer#Footer {
    background-color: #DDD9C3;
    color: #000000;
}

footer#Footer h6 {
    color: #000000;
    font-size:20px;
}

#Footer p,#Footer a  {
    font-size:16px;
    line-height: 20px;
    margin-bottom: 10px!important;
    display: inline-block;
}

#Footer a  {
    color: #50748A;
    font-weight:600;
}

#Footer a:hover  {
    color: #e86e25;
    text-decoration:unset!important;
    font-weight:600;
}

.footer_copy {padding-bottom: 49px;}
.copyright a {font-weight: 400!important;}
.copyright{font-weight: 400!important;color: #50748A;}

footer#Footer {
    background-image: url(/wp-content/themes/betheme-child/img/bg-footer.png);
    background-position-x:right;
    background-size:contain;
}

.mfn-footer .footer_copy {
    border-top: solid 0px!important;
}

@media only screen and (max-width: 767px) {

#Footer p,#Footer a, #Footer h6, #Footer {text-align:center;}
.widget.widget_block {margin-bottom:0px!important;}
footer#Footer .wp-block-button__link{display:block;margin:auto!important;}
.wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {display: flex;justify-content: center;}
footer#Footer {background-image: unset;}
    
}


/* office loockup */
/*
#Footer input {
    width: 39%!important;
    padding: 4px 10px!important;
    margin-bottom: 0px!important;
    background: #fff!important;
}
*/
#Footer button.wp-block-search__button.wp-element-button {
    display: inline-block;
    width: 18%;
    background: #50748a;
    border-radius: 0px!important;
    font-size: 14px;
    color: #fff;
    text-align: center!important;
    padding: 10px;
    font-weight: 600;
    margin-left: 0px!important;
}

#Footer .wp-block-search__inside-wrapper {
    display: flex;
    align-items: center;
    align-content: flex-start;
    width: 70%!important;
    margin-top: -15px;
}

#Footer label.wp-block-search__label.screen-reader-text {
    display: none;
}

@media only screen and (max-width: 1239px) {

#Footer .wp-block-search__inside-wrapper {width: 90%!important;}
#Footer button.wp-block-search__button.wp-element-button {width: 22%;}


}

@media only screen and (max-width: 969px) {

#Footer .wp-block-search__inside-wrapper {width: 100%!important;}
#Footer button.wp-block-search__button.wp-element-button {width:24%;}


}

@media only screen and (max-width: 767px) {

#Footer input#wp-block-search__input-1 {width: 100%;padding: 10px 10px!important;}

}

/* END - office lookup */

#Footer .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow {display: grid;}

#Footer aside#block-11 {margin-top: -35px;}
#Footer aside#block-17 {margin-top: -55px;}

/* END - FOOTER */


/* EFFECTS */


/*  hover fade effects */

.first-sade>.vc_column-inner>.wpb_wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #50748a;
    z-index: -1;
    opacity: 1;
    transition: 0.6s all
}

.second-sade>.vc_column-inner>.wpb_wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #50748a;
    z-index: -1;
    opacity: 1;
    transition: 0.6s all
}

/* Apply background color when the parent is NOT hovered */
.hover-fade-effects:not(:hover) .second-sade > .vc_column-inner > .wpb_wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #50748a;
    z-index: -1;
    opacity: .35;  /* Fully visible when NOT hovered */
    transition: opacity 0.6s ease-in-out; /* Smooth transition */
}


.hover-fade-effects:hover .first-sade>.vc_column-inner>.wpb_wrapper:before {
    opacity: 1}

.hover-fade-effects .first-sade:hover .vc_column-inner>.wpb_wrapper:before {
    opacity: .35
}

.hover-fade-effects .second-sade:hover>.vc_column-inner>.wpb_wrapper:before {
    opacity: .35
}

/* END -  hover fade effects */



/*  hover fade effects - boxed contained */

.boxed-contained .first-sade>.vc_column-inner>.wpb_wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.85!important;
    transition: 0.6s all
}

.boxed-contained .second-sade>.vc_column-inner>.wpb_wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.55!important;
    transition: 0.6s all
}


.boxed-contained.orange-bg .first-sade>.vc_column-inner>.wpb_wrapper:before {
    background-color: #E86E25;
}

.boxed-contained.green-bg .first-sade>.vc_column-inner>.wpb_wrapper:before {
    background-color: #85A640;
}

.boxed-contained.orange-bg .second-sade>.vc_column-inner>.wpb_wrapper:before {
    background-color: #E86E25;
}

.boxed-contained.green-bg .second-sade>.vc_column-inner>.wpb_wrapper:before {
    background-color: #85A640;
}

/* Apply background color when the parent is NOT hovered */
.boxed-contained .hover-fade-effects:not(:hover) .second-sade > .vc_column-inner > .wpb_wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #50748a;
    z-index: -1;
    opacity: .65!important;  /* Fully visible when NOT hovered */
    transition: opacity 0.6s ease-in-out; /* Smooth transition */
}


.boxed-contained .hover-fade-effects:hover .first-sade>.vc_column-inner>.wpb_wrapper:before {
    opacity: 0.7!important;
}

.boxed-contained .hover-fade-effects .first-sade:hover .vc_column-inner>.wpb_wrapper:before {
    opacity: .65!important;
}

.boxed-contained .hover-fade-effects .second-sade:hover>.vc_column-inner>.wpb_wrapper:before {
    opacity: .65!important;
}


/* contained boxes */

.cursor-clickable {
  cursor: pointer;
}

.boxed-white-box {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  position: relative;
  z-index: 1;
}

.boxed-white-box.visible {
  opacity: 1;
  visibility: visible;
}

.boxed-white-box {
    background: #fff;
    padding: 20px;
    position:absolute;
    top:20px;
    width:95%;
    min-height: 467px;
    max-height: 470px;
    cursor: unset!important;
}

.boxed-white-box .wpb_wrapper {
    overflow: auto;
    max-height: 400px;
}

.dark-bg .boxed-white-box h1, .dark-bg .boxed-white-box h2, .dark-bg .boxed-white-box h3, .dark-bg .boxed-white-box h4, .dark-bg .boxed-white-box h5, .dark-bg .boxed-white-box h6, .dark-bg .boxed-white-box p, .dark-bg .boxed-white-box b, .dark-bg .boxed-white-box strong, .dark-bg .boxed-white-box span.dark-bg{
    color: #50748a!important;
    padding: 20px;
    padding-bottom:5px!important;
    margin-bottom:0px!important;
}

.two-cols-boxed.boxed-contained {
    min-height: 509px;
}

.boxed-white-box i.icon-minus {
    display: block;
    right: 20px;
    position: absolute;
    font-size: 32px!important;
    top: 10px;
    cursor: pointer;
}

.boxed-white-box::-webkit-scrollbar {
    width: 10px;
}
        
.boxed-white-box::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #f9f9f9;
    border: 1px solid #cacaca;
    box-shadow: inset 0 0 6px rgb(0 0 0 / 8%);
}
        
.boxed-white-box::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #50748a;
}

.boxed-white-box {
    display: flex;
    align-items: center;
}

.dark-bg .boxed-white-box h1, .dark-bg .boxed-white-box h2, .dark-bg .boxed-white-box h3, .dark-bg .boxed-white-box h4, .dark-bg .boxed-white-box h5, .dark-bg .boxed-white-box h6 {
    margin-top: -20px;
}

.boxed-white-box a.button.button_size_2,.boxed-white-box a.button.button_size_3 {
    margin-right: 27px;
    margin-top:10px;
}


@media only screen and (max-width: 767px) {
    
.two-cols-boxed .vc_column-inner {
    background-size: cover!important;
}    
    
.two-cols-boxed .boxed-contained .vc_column-inner {
    background-size: 150%!important;
}    
    
.two-cols-boxed.boxed-contained {
    min-height: 632px!important;
}

.boxed-white-box .wpb_wrapper {
    max-height: 227px;
}

.boxed-white-box {
    background: #fff;
    padding: 20px;
    position:absolute;
    top:20px;
    width:92%;
    min-height: 275px;
    max-height: 270px;
    /*
    cursor: unset!important;
    overflow: auto;
    */
}

.boxed-white-box .wpb_wrapper {
    cursor: unset !important;
    position: static;
    overflow: auto;
    max-height: 229px;
    padding-top: 11px;
}

    
}

/* end - contained boxes */

/* END -  hover fade effects - boxed contained */


/*  hover fade effects - boxed contained */

.boxed-contained .vc_column-inner:hover {
    background-size: 113%!important;
}

.boxed-contained .vc_column-inner {
    background-size: 100%!important;
}

.boxed-contained .vc_column-inner {
    transition: 2.5s all!important;
}

.boxed-contained .vc_btn3-container.arrow-link.vc_btn3-center.vc_do_btn {
    margin-left: auto!important;
    margin-right: auto!important;
    display: block;
    margin-top: -17px;
}

.boxed-contained button.vc_general.vc_btn3{
    width: 100%!important;
}

.boxed-contained .first-sade>.vc_column-inner>.wpb_wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.5;
    transition: 0.6s all
}

.boxed-contained .second-sade>.vc_column-inner>.wpb_wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.5;
    transition: 0.6s all
}


.boxed-contained.orange-bg .first-sade>.vc_column-inner>.wpb_wrapper:before {
    background-color: #E86E25;
}

.boxed-contained.green-bg .first-sade>.vc_column-inner>.wpb_wrapper:before {
    background-color: #85A640;
}

.boxed-contained.orange-bg .second-sade>.vc_column-inner>.wpb_wrapper:before {
    background-color: #000000;
}

.boxed-contained.orange-bg:hover .second-sade>.vc_column-inner>.wpb_wrapper:before {
    background-color: #000000;
}

.boxed-contained.green-bg .second-sade>.vc_column-inner>.wpb_wrapper:before {
    background-color: #000000;
}

.boxed-contained.green-bg:hover .second-sade>.vc_column-inner>.wpb_wrapper:before {
    background-color: #000000;
}

/* Apply background color when the parent is NOT hovered */
.boxed-contained .hover-fade-effects:not(:hover) .second-sade > .vc_column-inner > .wpb_wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #50748a;
    z-index: -1;
    opacity: .35;  /* Fully visible when NOT hovered */
    transition: all 0.6s ease-in-out; /* Smooth transition */
}


.boxed-contained.hover-fade-effects:hover .first-sade>.vc_column-inner>.wpb_wrapper:before {
    opacity: 0.5!important;
}

.boxed-contained.hover-fade-effects .first-sade:hover .vc_column-inner>.wpb_wrapper:before {
    opacity: .5!important;
}

.boxed-contained.hover-fade-effects .second-sade:hover>.vc_column-inner>.wpb_wrapper:before {
    opacity: .5!important;
}


.boxed-contained .arrow-link .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern::after {
    width: 56px;
    height: 42px;
}

/* END -  hover fade effects - boxed contained */




/* END - EFFECTS */


/*  LEFT COLUMN  */

.left-margin-fullwidth .vc_column-inner {
    padding-top: 30px!important;
}

.left-margin-fullwidth {
    padding-left: 25vw!important;
    padding-right: 1%!important;
}

@media only screen and (max-width: 2750px) {
    .left-margin-fullwidth {
        padding-left: 25vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 2650px) {
    .left-margin-fullwidth {
        padding-left: 24.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 2600px) {
    .left-margin-fullwidth {
        padding-left: 23vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 2500px) {
    .left-margin-fullwidth {
        padding-left: 22.5vw!important;
        padding-right: 2%!important;
    }
}

@media only screen and (max-width: 2450px) {
    .left-margin-fullwidth {
        padding-left: 22.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 2400px) {
    .left-margin-fullwidth {
        padding-left: 21.5vw!important;
        padding-right: 2%!important;
    }
}

@media only screen and (max-width: 2350px) {
    .left-margin-fullwidth {
        padding-left: 21.5vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 2300px) {
    .left-margin-fullwidth {
        padding-left: 20.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 2250px) {
    .left-margin-fullwidth {
        padding-left: 20vw!important;
        padding-right: 2%!important;
    }
}

@media only screen and (max-width: 2200px) {
    .left-margin-fullwidth {
        padding-left: 19vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 2150px) {
    .left-margin-fullwidth {
        padding-left: 18.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 2100px) {
    .left-margin-fullwidth {
        padding-left: 18vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 2050px) {
    .left-margin-fullwidth {
        padding-left: 17.5vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 2000px) {
    .left-margin-fullwidth {
        padding-left: 16vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1950px) {
    .left-margin-fullwidth {
        padding-left: 15vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 1900px) {
    .left-margin-fullwidth {
        padding-left: 14vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 1850px) {
    .left-margin-fullwidth {
        padding-left: 13vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 1800px) {
    .left-margin-fullwidth {
        padding-left: 12.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1750px) {
    .left-margin-fullwidth {
        padding-left: 10.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1700px) {
    .left-margin-fullwidth {
        padding-left: 10.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1650px) {
    .left-margin-fullwidth {
        padding-left: 9vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1600px) {
    .left-margin-fullwidth {
        padding-left: 8vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1550px) {
    .left-margin-fullwidth {
        padding-left: 5.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1500px) {
    .left-margin-fullwidth {
        padding-left: 4.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1450px) {
    .left-margin-fullwidth {
        padding-left: 3.4vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1400px) {
    .left-margin-fullwidth {
        padding-left: 1vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1350px) {
    .left-margin-fullwidth {
        padding-left: 1.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1300px) {
    .left-margin-fullwidth {
        padding-left: 1vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1250px) {
    .left-margin-fullwidth {
        padding-left: 0.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1239px) {
    .left-margin-fullwidth {
        padding-left: 11.5vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 1200px) {
    .left-margin-fullwidth {
        padding-left: 10vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 1150px) {
    .left-margin-fullwidth {
        padding-left: 8vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 1100px) {
    .left-margin-fullwidth {
        padding-left: 6vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 1050px) {
    .left-margin-fullwidth {
        padding-left: 5vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 1000px) {
    .left-margin-fullwidth {
        padding-left: 3vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 959px) {
    .left-margin-fullwidth {
        padding-left: 12vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 900px) {
    .left-margin-fullwidth {
        padding-left: 10vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 850px) {
    .left-margin-fullwidth {
        padding-left: 6vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 800px) {
    .left-margin-fullwidth {
        padding-left: 5vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 767px) {
    .left-margin-fullwidth {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
}

@media only screen and (max-width: 570px) {
    .left-margin-fullwidth {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
}

/*  RIGHT COLUMN  */
.right-margin-fullwidth .vc_column-inner {padding-top: 30px!important;}
    .right-margin-fullwidth {
        padding-right: 27vw!important;
        padding-left: 1%!important;
    }

@media only screen and (max-width: 2750px) {
    .right-margin-fullwidth {
        padding-right: 25vw!important;
        padding-left: 1%!important;
    }
}


@media only screen and (max-width: 2650px) {
    .right-margin-fullwidth {
        padding-right: 24.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2600px) {
    .right-margin-fullwidth {
        padding-right: 24vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2500px) {
    .right-margin-fullwidth {
        padding-right: 23vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2450px) {
    .right-margin-fullwidth {
        padding-right: 22.4vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2400px) {
    .right-margin-fullwidth {
        padding-right: 22vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2350px) {
    .right-margin-fullwidth {
        padding-right: 21.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2300px) {
    .right-margin-fullwidth {
        padding-right: 21vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2250px) {
    .right-margin-fullwidth {
        padding-right: 19.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2200px) {
    .right-margin-fullwidth {
        padding-right: 19vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2150px) {
    .right-margin-fullwidth {
        padding-right: 18.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2100px) {
    .right-margin-fullwidth {
        padding-right: 18vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2050px) {
    .right-margin-fullwidth {
        padding-right: 17vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2000px) {
    .right-margin-fullwidth {
        padding-right: 16.3vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1950px) {
    .right-margin-fullwidth {
        padding-right: 15vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1900px) {
    .right-margin-fullwidth {
        padding-right: 14.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1850px) {
    .right-margin-fullwidth {
        padding-right: 13.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1800px) {
    .right-margin-fullwidth {
        padding-right: 13vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1750px) {
    .right-margin-fullwidth {
        padding-right: 10.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1700px) {
    .right-margin-fullwidth {
        padding-right: 10.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1650px) {
    .right-margin-fullwidth {
        padding-right: 9vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1600px) {
    .right-margin-fullwidth {
        padding-right: 7.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1550px) {
    .right-margin-fullwidth {
        padding-right: 6vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1500px) {
    .right-margin-fullwidth {
        padding-right: 4.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1450px) {
    .right-margin-fullwidth {
        padding-right: 4vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1400px) {
    .right-margin-fullwidth {
        padding-right: 1vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1350px) {
    .right-margin-fullwidth {
        padding-right: 0.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1300px) {
    .right-margin-fullwidth {
        padding-right: 0vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1250px) {
    .right-margin-fullwidth {
        padding-right: 0vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1239px) {
    .right-margin-fullwidth {
        padding-right: 11.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1200px) {
    .right-margin-fullwidth {
        padding-right: 10vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1150px) {
    .right-margin-fullwidth {
        padding-right: 8vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1100px) {
    .right-margin-fullwidth {
        padding-right: 6vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1050px) {
    .right-margin-fullwidth {
        padding-right: 5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1000px) {
    .right-margin-fullwidth {
        padding-right: 3vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 959px) {
    .right-margin-fullwidth {
        padding-right: 12vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 900px) {
    .right-margin-fullwidth {
        padding-right: 10vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 850px) {
    .right-margin-fullwidth {
        padding-right: 6vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 800px) {
    .right-margin-fullwidth {
        padding-right: 5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 767px) {
    .right-margin-fullwidth {
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
}

@media only screen and (max-width: 570px) {
    .right-margin-fullwidth {
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
}

/* END - padding two columns full widht inner columns   */
.right-margin-fullwidth {padding-left: 40px!important;}
@media only screen and (max-width: 767px){
.right-margin-fullwidth {padding-left: 15px!important;}
.right-margin-fullwidth {padding-right: 15px!important;}
.left-margin-fullwidth {padding-left: 15px!important;}

}

/* padding two columns full widht inner columns   */


/*  subheader hero */

.acf-hero.type-1 {
padding:55px 0px;
padding-top:80px;
background: rgb(221,217,195);
background: -moz-linear-gradient(90deg, rgba(221,217,195,1) 34%, rgba(221,217,195,0.7623643207282913) 50%, rgba(221,217,195,0) 85%);
background: -webkit-linear-gradient(90deg, rgba(221,217,195,1) 34%, rgba(221,217,195,0.7623643207282913) 50%, rgba(221,217,195,0) 85%);
background: linear-gradient(90deg, rgba(221,217,195,1) 34%, rgba(221,217,195,0.7623643207282913) 40%, rgba(221,217,195,0) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ddd9c3",endColorstr="#ddd9c3",GradientType=1);
}

.acf-hero.type-1 h4 {color: #50748a;font-size: 28px!important;line-height:35px;}

.acf-hero.type-1 .no-margin-bottom-mobile {margin-bottom: 9px!important;}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
    
.acf-hero.type-1 {padding:20px 0px;padding-top:40px;}
.acf-hero.type-1 h4 {color: #50748a;font-size: 22px!important;line-height:28px;}
.acf-hero.type-1 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {font-size: 16px!important;}

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.acf-hero.type-1 {padding:0px 0px;padding-top:20px;padding-bottom:20px;}

.acf-hero.type-1 h4 {color: #50748a;font-size: 22px!important;line-height:28px;}
.acf-hero.type-1 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {font-size: 16px!important;}

.subheader-hero.bg-right:after{ width:44vw;z-index:-1;}

}

@media only screen and (max-width: 767px) {

.acf-hero.type-1 {
background: rgb(221,217,195);
background: -moz-linear-gradient(90deg, rgba(221,217,195,1) 54%, rgba(221,217,195,0.7623643207282913) 70%, rgba(221,217,195,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(221,217,195,1) 54%, rgba(221,217,195,0.7623643207282913) 70%, rgba(221,217,195,0) 100%);
background: linear-gradient(90deg, rgba(221,217,195,1) 54%, rgba(221,217,195,0.7623643207282913) 70%, rgba(221,217,195,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ddd9c3",endColorstr="#ddd9c3",GradientType=1);
}

.acf-hero.type-1 {padding:0px 0px;padding-top:30px;}

.vc_row.wpb_row.vc_inner.vc_row-fluid.no-margin-bottom-mobile {margin-bottom: 10px;}

.acf-hero.type-1 h4 {color: #50748a;font-size: 20px !important;line-height: 29px;}

.subheader-hero.acf-hero.type-1 .vc_btn3-container.vc_btn3-right {
    text-align: left;
    width:100%!important;
    
}

.subheader-hero.acf-hero.type-1 .vc_btn3-container a{
    text-align: center;
    width:100%!important;
    margin-bottom:-10px;
}
    
}

/* end - subheader hero */



/*  subheader hero - two */

.acf-hero.type-2 {
padding:65px 0px;
padding-top:100px;
background: rgb(221,217,195);
background: -moz-linear-gradient(90deg, rgba(221,217,195,1) 34%, rgba(221,217,195,0.7623643207282913) 50%, rgba(221,217,195,0) 85%);
background: -webkit-linear-gradient(90deg, rgba(221,217,195,1) 34%, rgba(221,217,195,0.7623643207282913) 50%, rgba(221,217,195,0) 85%);
background: linear-gradient(90deg, rgba(221,217,195,1) 34%, rgba(221,217,195,0.7623643207282913) 40%, rgba(221,217,195,0) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ddd9c3",endColorstr="#ddd9c3",GradientType=1);
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
.acf-hero.type-2 {padding:40px 0px;padding-top:70px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.acf-hero.type-2 {padding:30px 0px;padding-top:60px;}
}

@media only screen and (max-width: 767px) {

.acf-hero.type-2 {
background: rgb(221,217,195);
background: -moz-linear-gradient(90deg, rgba(221,217,195,1) 54%, rgba(221,217,195,0.7623643207282913) 70%, rgba(221,217,195,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(221,217,195,1) 54%, rgba(221,217,195,0.7623643207282913) 70%, rgba(221,217,195,0) 100%);
background: linear-gradient(90deg, rgba(221,217,195,1) 54%, rgba(221,217,195,0.7623643207282913) 70%, rgba(221,217,195,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ddd9c3",endColorstr="#ddd9c3",GradientType=1);
}

.acf-hero.type-2 {padding:0px 0px;padding-top:40px;}

.vc_row.wpb_row.vc_inner.vc_row-fluid.no-margin-bottom-mobile {margin-bottom: 10px;}

.subheader-hero.two.acf-hero .vc_btn3-container.vc_btn3-right {
    text-align: left;
    width:100%!important;
    
}

.subheader-hero.two.acf-hero .vc_btn3-container a{
    text-align: center;
    width:100%!important;
    margin-bottom:-10px;
}
    
}

/* end - subheader hero - two*/


/* ACF HERO DYNAMIC 1 */

.acf-hero.type-1:after {
    width: 500px; /* Adjust size as needed */
    min-height: 460px;
    background:#fff;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    right:60px;
    bottom:0px;
    position:absolute;
}

.acf-hero.type-1:before {
    width: 500px; /* Adjust size as needed */
    min-height: 460px;
    background:#85a640;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%, 100% 0%);
    z-index:1;
    position:absolute;
    right:-210px;
    bottom:0px;
    transform: scaleY(-1); /* Flips it vertically */
}


@media only screen and (max-width: 1239px) {

.acf-hero.type-1:after {
    width: 400px;
    min-height: 330px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    right:20px;
    bottom:0px;
}
    
.acf-hero.type-1:before {
    width: 400px; 
    min-height: 330px;
    right:-195px;
    bottom:0px;
}
    
}


@media only screen and (max-width: 959px) {
.acf-hero.type-1:after {width: 300px;min-height: 270px;right:20px;buttom:0px;}
.acf-hero.type-1:before {width: 300px; min-height: 270px;right:-145px;buttom:0px;}
}

@media only screen and (max-width: 767px) {
.acf-hero.type-1:after {width: 400px;height: 100%;right:-95px;top:0px;z-index: -2 !important;}
.acf-hero.type-1:before {width: 400px; height: 100%;right:-310px;top:0px;z-index:-1;}
}

/* END - ACF HERO DYNAMIC 1 */


/* ACF HERO DYNAMIC 2 */

.acf-hero.type-2:after {
    width: 400px; /* Adjust size as needed */
    min-height: 360px;
    background:#fff;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    right:-60px;
    bottom:0px;
    z-index:-2;
    position:absolute;
}

.acf-hero.type-2:before {
    width: 350px; /* Adjust size as needed */
    min-height: 310px;
    background:#85a64087;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    z-index:-1;
    position:absolute;
    right:200px;
    bottom:-120px;
    transform: scaleY(-1); /* Flips it vertically */
}


@media only screen and (max-width: 1239px) {
.acf-hero.type-2:after {width: 370px; min-height: 300px;}
.acf-hero.type-2:before {width: 330px;min-height: 300px;right:195px;bottom:-140px;}
}


@media only screen and (max-width: 959px) {
.acf-hero.type-2:after {width: 320px; min-height: 300px;}
.acf-hero.type-2:before {width: 280px;min-height: 280px;right:175px;bottom:-155px;}
}

@media only screen and (max-width: 767px) {
.acf-hero.type-2:after {width: 320px; min-height: 300px;}
.acf-hero.type-2:before {width: 280px;min-height: 280px;right:125px;bottom:-80px;}
}

/* END - ACF HERO DYNAMIC 2 */

div#mds-links-page li:hover a {
    color: #e86e25!important;
    text-decoration:unset!important;
}

/* ajax search lite */

.asp_w_container_3 {max-width: 240px;}
.office-lookup-contact-us .asp_w_container_3 {margin: auto;}

@media only screen and (max-width: 767px) {
.asp_w_container_3 {max-width: 100%;}
}

/* END - ajax search lite */

span.single-location-detail-po-box {font-size: 18px;}




a.pinterest {display: none;}
.single-product .blue-banner h4 {margin-bottom: 2px;}

.single-post .post-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top:-20px;
  margin-bottom: 1rem;
  font-size: 3rem;
  width:100%;
}

.single-post .nav-previous a,
.single-post .nav-next a {
  text-decoration: none;
  color: #50748a;
  font-weight: bold;
}

.single-post .nav-previous a:hover,
.single-post .nav-next a:hover {
  color: #e86e25;
}

.single-post .nav-next a{padding-right:0px!important;}

.nav-previous {right: 0;position: absolute;}
.nav-next {left: 0;position: absolute;}
.post-navigation {margin-bottom: 40px!important;}

@media only screen and (max-width: 767px) {

h1.reduce-fr {font-size: 45px!important;}
.single-product .blue-banner h4 {text-align:center;}
.single-post .post-navigation a{font-size: 3rem!important;}
.second-sade .vc_column-inner,.first-sade .vc_column-inner {background-size: cover!important;}
.second-sade .vc_column-inner:hover,.first-sade .vc_column-inner:hover {background-size: cover!important;}
.accordion-no-border #visions-and-values  a span {padding-left: 10px!important;padding-right: 10px!important;font-size: 14px!important;}
.arrow-link a {line-height: 20px!important;}

}


/* hotfix - 7-17-25 */

.single-tech-information div#subheader-single-post,.single-safety-data-sheet div#subheader-single-post {
    padding: 25px 0;
    padding-bottom:0px!important;
    background: rgb(221, 217, 195);
    background: -moz-linear-gradient(90deg,rgba(221,217,195,1) 34%,rgba(221,217,195,.7623643207282913) 50%,rgba(221,217,195,0) 85%);
    background: -webkit-linear-gradient(90deg, rgba(221, 217, 195, 1) 34%, rgba(221, 217, 195, .7623643207282913) 50%, rgba(221, 217, 195, 0) 85%);
    background: linear-gradient(90deg, rgba(221, 217, 195, 1) 34%, rgba(221, 217, 195, .7623643207282913) 50%, rgba(221, 217, 195, 0) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ddd9c3",endColorstr="#ddd9c3",GradientType=1);
}

/* END - hotfix - 7-17-25 */