/*
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
*/
body:not(.template-slider) #Header {
    min-height: 225px;
}

:root {
    --color-crimson: #c8102e;
    --color-cardinal: #da1a32;
    --color-brick: #a6192e;
    --color-charcoal: #303734;
    --color-cyprus: #003f47;
    --color-lagoon: #004e57;
    --color-fountain: #56bbc3;
    --color-steel: #22242a;
    --color-iron: #d0d3d4;
    --color-linen: #d7d2cb;
    --color-sand: #e9e9e9;
    --color-error: #c8102e;
    --color-white: #fff;
    --color-black: #17181c;
    --color-true-white: #fff;
    --color-true-black: #000;
    --color-gray-5: #f7f7f7;
    --color-gray-10: #eaeaea;
    --color-gray-20: #cccccc;
    --color-gray-30: #b2b2b2;
    --color-gray-40: #999999;
    --color-gray-50: #808080;
    --color-gray-60: #666666;
    --color-gray-70: #4d4d4d;
    --color-gray-80: #333333;
    --color-gray-90: #222222;
    --brand-facebook: #4267b2;
    --brand-twitter: #1da1f2;
    --brand-instagram: #833ab4;
    --brand-linkedin: #2867b2;
    --brand-youtube: #ff0000;
    --brand-pinterest: #e60023;
    --brand-blogger: #f57d00;
    --grid-gap: var(--flow-spacing-small);
    --grid-gap-large: calc(var(--grid-gap) * 1.5);
    --content-max: 1420px;
    --content-max-wide: 1600px;
    --content-max-thin: 1240px;
    --content-ratio: 100vw;
    --content-ratio-wide: 100vw;
    --content-ratio-thin: 100vw;
    --content-margin: 8vw;
    --content-width: min(calc(var(--content-ratio) - var(--content-margin)), var(--content-max));
    --content-width-wide: min(calc(var(--content-ratio-wide) - var(--content-margin)), var(--content-max-wide));
    --content-width-thin: min(calc(var(--content-ratio-thin) - var(--content-margin)), var(--content-max-thin));
    --content-gutter: calc((100vw - var(--content-width)) / 2);
    --content-gutter-wide: calc((100vw - var(--content-width-wide)) / 2);
    --content-gutter-thin: calc((100vw - var(--content-width-thin)) / 2);
    --group-gutter: calc(var(--content-gutter) - var(--content-gutter-wide));
    --flow-spacing: clamp(1.25rem, 0.78125vw + 1.09375rem, 1.875rem);
    --flow-spacing-xsmall: clamp(0.375rem, 0.625vw + 0.25rem, 0.875rem);
    --flow-spacing-small: clamp(0.625rem, 0.78125vw + 0.46875rem, 1.25rem);
    --flow-spacing-medium: clamp(1.875rem, 0.78125vw + 1.71875rem, 2.5rem);
    --flow-spacing-large: clamp(3.125rem, 0.78125vw + 2.96875rem, 3.75rem);
    --block-spacing: clamp(3.75rem, 1.5625vw + 3.4375rem, 5rem);
    --block-spacing-small: clamp(2.5rem, 1.5625vw + 2.1875rem, 3.75rem);
    --block-spacing-large: clamp(5rem, 1.5625vw + 4.6875rem, 6.25rem);
    --scroll-margin: clamp(5rem, 5.46875vw + 3.90625rem, 9.375rem);
    --header-spacing: clamp(6.25rem, 7.8125vw + 4.6875rem, 12.5rem);
    --watermark-light: url("/wp-content/themes/mcedc/public/svg/watermark.svg");
    --watermark-dark: url("/wp-content/themes/mcedc/public/svg/watermark_dark.svg");
    --watermark-full-light: url("/wp-content/themes/mcedc/public/svg/watermark_full.svg");
    --watermark-full-dark: url("/wp-content/themes/mcedc/public/svg/watermark_full_dark.svg");
    --list-checkmark: url("/wp-content/themes/mcedc/public/svg/checklist.svg");
    --header_gutter: var(--content-gutter-wide);
    --footer_gutter: var(--content-gutter-wide);
}

/* SUBHEADER */

#Subheader:after {
    display: none;
}

#Subheader h1.title {
    display: none;
}

.subheader-both-center #Subheader .breadcrumbs {
    margin-top: 0px;
    text-align: left;
}

#Subheader .container {
    padding-left: 30px;
}

#Subheader {
    background: #fff;
}

#Subheader {
    padding: 27px 0px !important;
    padding-bottom: 14px !important;
}

div#Subheader {
    margin-top: -1px;
}

#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a {
    color: #17181c !important;
}



ul.breadcrumbs.no-link.mobile-breadcrumbs-show li{
    font-size: 15px!important;
}

ul.breadcrumbs.no-link.mobile-breadcrumbs-show li a{
    font-size: 15px!important;
}

#Subheader ul.breadcrumbs li span {
    margin: 0 2px!important;
}

ul.breadcrumbs.no-link.mobile-breadcrumbs-show li:last-child {text-decoration: underline;}


div#Subheader.green-subheader {
    background: #004e57;
    padding-bottom: 56px!important;
}

div#Subheader.green-subheader h1{
    margin-top: 43px!important;
    display:block;
}

div#Subheader.green-subheader  span,div#Subheader.green-subheader  a,div#Subheader.green-subheader h1,div#Subheader.green-subheader ul.breadcrumbs li a,div#Subheader.green-subheader ul.breadcrumbs li  {
    color: #fff!important;
}

#Subheader .title {
    font-size: 66px;
    font-weight: 500;
    padding-bottom:30px;
}

div#Subheader.green-subheader p {
    color: #fff;
    font-size: 24px;
    line-height: 34px;
}

.moco-watermark {
    position: relative!important;
    overflow: visible !important;
}

.moco-watermark::after {
    content: '';
    position: absolute;
    top: -80px;
    left: 0;
    width: 100%;
    height: 340px;
    background-image: url(/wp-content/themes/betheme-child/assets/img/watermark_full_dark.svg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    pointer-events: none;
    display:block!important;
}

#Header_wrapper, #Intro {
    background: transparent!important;
}

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

div#Subheader.green-subheader {padding-bottom: 30px!important;}
div#Subheader.green-subheader h1{margin-top: 25px!important;}

ul.breadcrumbs.no-link.mobile-breadcrumbs-show {PADDING-LEFT: 9PX;}

div#Subheader.green-subheader p {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
}

div#Subheader.green-subheader h1 {
    color: #fff;
    font-size: 32px;
    line-height: 37px;
}
 
.moco-watermark::after {
    width: 100%;
    height: 86px;
}

.moco-mobile-header__banner-inner p strong {line-height: 19px!important;font-size:14px;}
.moco-mobile-header__banner-inner p strong a{line-height: 19px!important;font-size:14px;}
    
}

/* END - SUBHEADER */


/*  GLOBAL  */

#Content {padding-top: 25px!important;}
div#Content {padding-bottom: 35px;}
.has_content .the_content_wrapper {margin-bottom: 0px!important;}

.absolute-position {
    position: absolute;
    bottom: 0;
}

.overflow-visible {
    overflow:visible!important;
}

.position-absolute {
    position: absolute!important;
}

.position-right-absolute-bottom {
    position: absolute;
    right: 0;
    bottom:-30px;
}

.position-right-absolute {
    position: absolute;
    right: 0;
    top:0px;
}

/*
.up-z-index{
    z-index:1;
}
*/

.up-z-index {
    z-index: 1;
    position: sticky;
}

.big-text {
    font-size: 25px;
    line-height: 33px;
}

.max-width-set .vc_single_image-wrapper.vc_box_border_grey {max-width: 520px;}

.js-mds-hover-slide-panel h3 {margin-top:60px;}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    margin-bottom: 15px;
}

.h1{
    font-size:66px;
    line-height:76px;
    font-weight:500;
}

.h2{
    font-size:56px;
    line-height:60px;
    font-weight:500;
}

.h3{
    font-size:46px;
    line-height:49px;
    font-weight:500;
}

.h4{
    font-size:40px;
    line-height:37px;
    font-weight:500;
}

.h5{
    font-size:32px;
    line-height:32px;
    font-weight:500;
}

.h6{
    font-size:22px;
    line-height:28px;
    font-weight:600;
}

span.big-span {
    font-size: 40px;
    line-height: 37px;
    font-weight: 500;
    letter-spacing: 0px;
}

::marker {
    color: #004e57!important;
}

pre.mfn-code {
    font-size: 16px;
    line-height: 27px!important;
}

/* colors */

.primary-color {
    color: #c8102e!important;
}

.primary-color h1,.primary-color h2,.primary-color h3,.primary-color h4,.primary-color h5,.primary-color h6,.primary-color p,.primary-color b,.primary-color strong,.primary-color a,.primary-color span{
    color: #c8102e!important;
}

.secondary-color {
    color: #004E57!important;
}

.secondary-color h1, .secondary-color h2,.secondary-color h3,.secondary-color h4,.secondary-color h5,.secondary-color h6,.secondary-color strong,.secondary-color p,.secondary-color span {
    color: #004E57!important;
}

/*  END - colors */

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

/* buttons */

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    padding: 3px 22px;
    border-radius: 0;
    color: #009FCB !important;
    border: solid 2px #009FCB !important;
    border-width: 2px !important;
    border-radius: 0px !important;
    font-size: 19px !important;
    padding: 8px 30px !important;
    background: transparent !important;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    color: #fff !important;
    background: #009FCB !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 a,.dark-bg{
    color:#fff!important;
}

.vc_btn3-container a::after,.vc_btn3-container button::after {
    display: inline-block!important;
    width: 8px;
    height: 8px;
    content: '';
    border: 2px solid;
    border-width: 2px 2px 0 0;
    margin-top: -5px !important;
    margin-left: 10px;
    margin-bottom: 1px !important;
    transition: transform .25s linear;
    transform: rotate(45deg) translateX(0);
}

.vc_btn3-container:hover a::after,.vc_btn3-container:hover button::after,.vc_btn3-container:focus a::after,.vc_btn3-container:focus button::after {
    transform: rotate(45deg) translateX(3px) translateY(-3px);
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {margin-right:20px;background: #c8102e!important;border: solid 2px #c8102e!important;border-radius: 50px!important;font-weight: 700!important;color: #fff!important;font-size:16px!important;letter-spacing:1px;}
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover,.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus  {background: #17181c!important;border: solid 2px #17181c!important;color: #fff!important;}

.dark-bg .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {background: #fff!important;border: solid 2px #fff!important;color: #c8102e!important;}
.dark-bg .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover,.dark-bg .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus  {background: #17181c!important;border: solid 2px #17181c!important;color: #fff!important;}

/* END - buttons */

ul ::marker {color: #009fcb;}

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

.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;
}

.moco-background {
    background-image: url(/wp-content/themes/betheme-child/assets/img/watermark_full.svg);
    background-size:contain;
    background-repeat:no-repeat!important;
    background-position:center;
}

.bg-text-bottom .vc_column-inner .wpb_text_column{
    background: linear-gradient(to bottom,rgba(23,24,28,0) 0,rgba(23,24,28,.80) 100%);
    margin-bottom:0px;
    padding-bottom: 20px!important;
    color: #fff;
    font-size: 16px;
}


.extra-large-vertical-space-desktop {
    margin-top: 65px!important;
    margin-bottom: 65px!important;
}

.extra-vertical-space-desktop {
    margin-top: 35px!important;
    margin-bottom: 35px!important;
}

nav.navigation.pagination a {
    padding-right: 10px;
    padding-left: 10px;
}

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

.bg-text-bottom .vc_column-inner .wpb_text_column{
    background: linear-gradient(to bottom,rgba(23,24,28,0.00) 0%,rgba(23,24,28,.80) 100%);
    margin-bottom:0px;
    padding-bottom: 10px!important;
    color: #fff;
    font-size: 16px;
    padding-left: 30px!important;
}

.position-absolute.no-position-absolute-mobile {
    position: unset!important;
}

.extra-large-vertical-space-desktop {
    margin-top: 30px!important;
    margin-bottom: 25px!important;
}

.extra-vertical-space-desktop {
    margin-top: 15px!important;
    margin-bottom: 15px!important;
}

.two-cols-box .right-margin-fullwidth  {padding-left:20px;}
.two-cols-box .left-margin-fullwidth  {padding-right:20px;}	

.author-box .avatar-wrapper {width: 70px;height: 70px;border-color: #009fcb;}
.author-box .desc-wrapper {margin-left: 80px;}
	
span.big-span {
    font-size: 26px;
    line-height: 37px;
    font-weight: 500;
    letter-spacing: 0px;
}
	
.show-mobile{display:block;}
.hide-mobile{display:none;}
.show-desktop{display:none;}

.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;}

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

.img-text-boxed .vc_column-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.text-img-boxed .vc_column-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.cut-angle-right,.cut-angle-left {
    clip-path: unset!important;
}

h2.wpb_heading.wpb_singleimage_heading {
    font-size: 12px!important;
    line-height: 33px;
}

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

h1,.h1{font-size:36px;line-height:32px;font-weight:400;}
h2,.h2{font-size:32px;font-weight:400;}
h3,.h3{font-size:28px;line-height:33px;font-weight:400;}
h4,.h4{font-size:23px;}
h5,.h5{font-size:19px;line-height:28px;}
h6,.h6{font-size:18px;}
p, a, li, 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;
}
	
}
/* TABLET VIEW */
@media only screen and (min-width: 768px) and (max-width:1024px) {
    
    .hide-tablet {
        display: none !important;
    }
    .full-width-tablet {
        width: 100%;
    }    
        
    h1 {
        font-size: 42px;
        line-height: 32px;
        font-weight: 400
    }

    h2 {
        font-size: 36px;
        font-weight: 400
    }

    h3 {
        font-size: 32px;
        line-height: 33px;
        }

    h4 {
        font-size: 27px;
    }

    h5 {
        font-size: 25px;
        line-height: 28px
    }

    h6 {
        font-size: 22px;
    }

    p,a,li,strong {
        font-size: 18px;
        line-height: 32px
    }
}
	
/* END - TABLET VIEW */	
	
/* END - GLOBAL */

/* CUSTOM POST TYPE */

/* POSTS */

.post_pagination {
    margin-top: var(--block-spacing-small);
    margin-bottom: var(--block-spacing)
}

.post_pagination .pagination {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--flow-spacing-xsmall);
    justify-content: center
}

.logos_grid_items {
    row-gap: 0px!important;
}

.post_pagination .page-numbers {
    text-wrap: balance;
    font-size: 20px;
    line-height: 1.3;
    font-family: 'Work Sans',sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    height: 30px;
    min-width: 30px;
    padding: 0 5px
}

.post_pagination .current,.post_pagination a.page-numbers {
    background: 0 0;
    color: var(--color-crimson);
    line-height: 30px;
    padding: 0;
    text-align: center;
    text-decoration: none
}

.post_pagination a.page-numbers {
    color: var(--color-black)
}

.post_pagination a.page-numbers:focus,.post_pagination a.page-numbers:hover {
    color: var(--color-crimson)
}

.post_pagination .next,.post_pagination .prev {
    border-radius: 0
}

p.archive_results {
    font-family: 'Work Sans',sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-wrap: pretty;
    font-size: clamp(1.25rem,.3125vw + 1.1875rem,1.5rem);
    line-height: 1.5;
    border-bottom: 1px solid;
    margin-top: 0;
    margin-bottom: var(--flow-spacing-large);
    padding-bottom: var(--flow-spacing-small)
}

p.archive_results span {
    font-family: 'Work Sans',sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal
}

.page_content.post_content {
    min-height: 50vh
}

.page_content.post_content .post_content_wrapper {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 0
}

@media only screen and (min-width: 1220px) {
    .page_content.post_content .post_content_wrapper {
        gap:var(--block-spacing-large);
        grid-template-columns: 3fr 1fr
    }
}

.page_content.post_content .post_content_body .wp-block-image {
    max-width: none
}

.page_content.post_content .post_content_body .wp-block-image:not(.alignright) {
    margin-left: 0
}

.page_content.post_content .post_content_body .wp-block-image:not(.alignleft) {
    margin-right: 0
}

.page_content.post_content .post_sidebar .block_related_news {
    margin-left: 0;
    margin-right: 0
}

@media only screen and (min-width: 1220px) {
    .page_content.post_content .post_sidebar .related_news_items {
        grid-template-columns:1fr
    }
}

.page_content.post_content .post_sidebar .related_news_title {
    font-family: 'Work Sans',sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    text-wrap: balance;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: .2em;
    line-height: 1.3;
    grid-column: span 2
}

.page_content.post_content .post_sidebar .related_news_link {
    display: none
}

.page_content.post_content .post_sidebar .post_item_title {
    font-family: 'Work Sans',sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    text-wrap: balance;
    font-size: 24px;
    line-height: 1.3;
    color: #fff!important;
}

.page_content.post_content .post_media {
    position: relative;
    overflow: hidden;
    background: var(--color-black);
    margin-bottom: 14px;
}

.page_content.post_content .post_media:before {
    float: left;
    width: 1px;
    height: 100%;
    content: '';
    margin-left: -1px;
    padding-bottom: 56.25%
}

.page_content.post_content .post_media img {
    position: absolute;
    max-width: none;
    max-height: none;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    right: -1px;
    left: -1px;
    bottom: -1px;
    z-index: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.page_content.post_content .post_meta {
    text-wrap: balance;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .3em;
    line-height: 1.1;
    font-family: 'Work Sans',sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    color: var(--color-black)
}

.page_content.post_content .post_title {
    font-family: 'Work Sans',sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    text-wrap: balance;
    font-size: clamp(2.125rem,.46875vw + 2.03125rem,2.5rem);
    line-height: 1.3;
    color: var(--color-cardinal);
    margin-top: 0;
    margin-bottom: 27px;
}


@media only screen and (max-width: 767px) {
    .content_wrapper .section_wrapper, .container, .four.columns .widget-area {
        max-width:100% !important;
        padding-left: 10px;
        padding-right: 10px;
    }


.page_content.post_content .post_content_wrapper {
    display: block;
    grid-template-columns: unset!important;
    margin-top: unset!important;
}
    
}

@media only screen and (max-width: 767px) {
    #Content .post_title {
        font-size: 22px;
        line-height: 26px;
        font-weight: 500;
        word-break: break-word;
    }
}



.single-post #Subheader .container {
    padding-left: 1px;
}

/* STORY */

.post_media--story {
	margin: 1.5rem 0 2rem;
	border-radius: 18px;
	overflow: hidden;
	background: #fff;
}

.story-media__preview,
.story-media__embed {
	position: relative;
	aspect-ratio: 16 / 9;
	background: #fff;
}

.story-media__image,
.story-media__embed iframe.story-media__iframe {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 0;
}

.post_media--story.has-video {
	cursor: pointer;
}

.story-media__preview::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.story-media__play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 84px;
	height: 84px;
	border: 0;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.68);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 2;
	transition: transform 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;
}

.story-media__play:hover,
.story-media__play:focus {
	background: rgba(0, 0, 0, 0.85);
	transform: translate(-50%, -50%) scale(1.06);
	outline: none;
}

.story-media__play-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 4px;
}

.post_media--story.is-playing .story-media__preview {
	display: none;
}

@media only screen and (max-width: 767px) {
	.post_media--story {
		margin: 1rem 0 1.5rem;
		border-radius: 14px;
	}

	.story-media__play {
		width: 68px;
		height: 68px;
	}
}

/* END - STORY */

/* END - CUSTOM POST TYPE */

/* BLOCKS */

/* HERO HOME */

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

.hero-video {
    position: absolute;
    top: 50%;
    left: 50%;
    /* 16:9 cover trick — replaces the old fixed 100vw/100vh values */
    width: 100%;
    height: 100%;
    min-width: 177.78vh;   /* 16/9 × 100 — covers blank sides on tall screens */
    min-height: 56.25vw;   /* 9/16 × 100 — covers blank top/bottom on wide screens */
    transform: translate(-50%, -50%);
    border: none;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.05);
    z-index: 1;
}

.hero-text {
    position: relative;
    color: #fff;
    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-hero {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 70px;
    cursor: pointer;
    transition: transform .2s ease;
    z-index: 3;
}

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

.hero-overlay.bg-video {
    background-image: url(/wp-content/themes/betheme-child/assets/img/hero-video-bg.jpg);
    background-size: cover;
    background-position:center;
}

.hero-overlay.bg-video {
    z-index: -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;
    }

    .hero-text {
        margin-top: 15vh;
        font-size: 61px;
    }
}

@media only screen and (max-width: 1024px) {
    .hero {
        height: 37vh;
        min-height: 36vh;
    }

    .hero-text {
        margin-top: 110px;
        font-size: 61px;
        padding-left: 0;
        line-height: 66px;
    }
}

@media (max-width: 768px) {
    .hero {
        height: 20vh;
        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: 20vh;
        min-height: 350px;
    }

    .hero-text {
        margin-top: 60px;
        font-size: 26px !important;
    }
}

@media (max-width: 540px) {
    .hero {
        height: 20vh;
        min-height: 280px;
    }

    .hero-text {
        margin-top: 60px;
        font-size: 26px !important;
    }
}

@media (max-width: 360px) {
    .hero {
        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;
}

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

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

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

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

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

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

#hero .video_audio_control {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    bottom: var(--flow-spacing);
    right: var(--flow-spacing);
    z-index: 2;
    background: var(--color-crimson);
    border-radius: 100%;
}

#hero .video_audio_control .audio_off {
    display: none;
}

#hero .video_audio_control .audio_on,
#hero .video_audio_control.muted .audio_off {
    display: block;
}

#hero .video_audio_control.muted .audio_on {
    display: none;
}

.icon.audio_off:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-image: url(/wp-content/themes/betheme-child/assets/img/unmute.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 18px;
    height: 18px;
}

.icon.audio_on:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-image: url(/wp-content/themes/betheme-child/assets/img/mute.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 18px;
    height: 18px;
}

/* END - HERO HOME */

/* WRITE YOUR STORY */

.write-your-story {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.outline-text-big {
  font-size:120px;
  line-height: 125px!important;
  margin-top: 19px!important;
  padding-top: 13px!important;
  display: block;
  color: #ffffff; /* Text color */
 text-shadow: 1px -1px 0px #C8102E, -1px 1px 0px #C8102E, -1px -1px 0px #C8102E, 1px 1px 0px #C8102E;
}


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

.outline-text-big {
  font-size:80px;
  line-height: 90px!important;
  margin-top: 19px!important;
  padding-top: 13px!important;
}
  
}

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

.outline-text-big {
  font-size:50px;
  line-height: 55px!important;
  margin-top: 15px!important;
  padding-top: 0px!important;
}
  
}

/* END - WRITE YOUR STORY */

/* image block */

h2.wpb_heading.wpb_singleimage_heading {
    position: absolute;
    bottom: 20px;
    padding-left:30px;
    text-align: left;
    width: 100%;
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
    background: linear-gradient(to bottom,rgba(23,24,28,0) 0,rgba(23,24,28,.8) 100%);
}

.wpb_single_image.wpb_content_element.vc_align_left.wpb_content_element {position: relative;}

.cut-angle-left{clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%);}
.cut-angle-right{clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 100%, 0 100%);}

/* END - image block */

/* red heading title */

.red-heading h1,.red-heading span {
    display: block;
    text-wrap: pretty;
    width: fit-content;
    background: #c8102e;
    color: #fff!important;
    font-size:18px!important;
    text-transform: uppercase!important;
    padding: 10px 20px!important;
    line-height:20px!important;
    padding-left:0px!important;
    font-weight: 700;
    letter-spacing: 3px;
}

.red-heading h1,.red-heading span {
    margin-left: -13px;
}

.red-heading h1,.red-heading span {
    position: relative;
}

.red-heading h1:before,.red-heading span:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -17vw!important;
    width: 22vw;
    background: #c8102e;
    /* remove vertical padding */
    padding: 0 20px;
    z-index: -1;
}

.red-heading h1:after, .red-heading span:after{
    content: '';
    position: absolute;
    color: red;
    top: 0;
    bottom: 0;
    margin-left: 20px;
    background-image: url(/wp-content/themes/betheme-child/assets/img/red-heading-title-clip.png);
    padding-left: 30px !important;
    width: 91px !important;
    background-size: cover;
    z-index: 1;
    background-repeat: no-repeat;
    right: -79px;
}

@media only screen and (max-width: 3550px) {
    .red-heading h1:before,.red-heading span:before {width:30vw;left: -30vw!important;}
}


@media only screen and (max-width: 2550px) {
    .red-heading h1:before,.red-heading span:before {width:24vw;left: -24vw!important;}
}

@media only screen and (max-width: 2000px) {
    .red-heading h1:before,.red-heading span:before {width:17vw;left: -17vw!important;}
}

@media only screen and (max-width: 1500px) {
    .red-heading h1:before,.red-heading span:before {width:13vw;left: -13vw!important;}
}

@media only screen and (max-width: 1200px) {
    .red-heading h1:before,.red-heading span:before {width:17vw;left: -17vw!important;}
}

/* END - red heading title */




/* boxed column */

.boxed-moco-columns .wpb_column .vc_column-inner{
    min-height:390px;
    background-image: url(/wp-content/themes/betheme-child/assets/img/watermark.svg);
    background-size:contain!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
}

.boxed-moco-columns {
    gap: 3%;
    flex-wrap: nowrap!important;
    width:100%!important;
    margin:auto;
}

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

    .boxed-moco-columns .wpb_column .vc_column-inner{
        min-height:300px;
    }

}

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

    .boxed-moco-columns .wpb_column .vc_column-inner{
        min-height:450px;
    }
    
    .boxed-moco-columns {
        gap: 3%;
        flex-wrap: nowrap!important;
        width:100%!important;
        margin:auto;
        flex-direction: column;
    }
    
    .boxed-moco-columns .wpb_column  {
        width: 100%!important;
        margin-bottom: 30px!important;
    }    

}

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


    .boxed-moco-columns .wpb_column .vc_column-inner{
        min-height:230px!important;
    }

    .boxed-moco-columns h5{
        font-size:24px;
        line-height:34px;
        font-weight:600;
    }


}

/* END - boxed column */

/* boxed column - small */

.boxed-moco-columns.small-boxed-moco .wpb_column .vc_column-inner{
    min-height:280px;
}

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

    .boxed-moco-columns.small-boxed-moco .wpb_column .vc_column-inner{
        min-height: 269px;
    }

    .boxed-moco-columns.small-boxed-moco h6{
        font-size:18px;
        line-height:24px;
    }
    
}

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

        .boxed-moco-columns.small-boxed-moco .wpb_column .vc_column-inner{
        min-height:200px!important;
        }

    .boxed-moco-columns.small-boxed-moco .wpb_column .vc_column-inner{
        min-height:20px;
        padding-top: 10px!important;
        padding-bottom: 0px!important;
    }
    
    .boxed-moco-columns.small-boxed-moco {
        gap: 3%;
        flex-wrap: wrap;
        width: 100%!important;
        margin:auto;
        display: flex;
        flex-direction: row;
    }
    
    .boxed-moco-columns .wpb_column  {
        width: 100%!important;
        margin-bottom: 30px!important;
    }    
    .boxed-moco-columns.small-boxed-moco h6{
        font-size:15px;
        line-height:18px;
        font-weight:600;
    }
    
    .boxed-moco-columns.small-boxed-moco .wpb_text_column.wpb_content_element {
        margin-bottom: 15px;
    }

    .boxed-moco-columns.small-boxed-moco .vc_btn3-container{
        margin-bottom: 20px;        
    }

}

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

    .boxed-moco-columns.small-boxed-moco .wpb_column .vc_column-inner{
        min-height:250px!important;
    }

    .boxed-moco-columns.small-boxed-moco h6{
        font-size:24px;
        line-height:34px;
        font-weight:600;
    }

    .boxed-moco-columns.small-boxed-moco {
        display: block;
        flex-direction: row;
    }

}

/* END - boxed column - small */


/* quote testimonial */

.testimonial .wpb_content_element.quote {padding-left: 70px;}
.testimonial  .wpb_content_element.quote:before {content:'';position:absolute;margin-left:-85px;margin-top:-50px;width:67px;height:48px;background-image:url(/wp-content/themes/betheme-child/assets/img/quote.svg);background-size:cover;}

.testimonial.secondary-color .wpb_content_element.quote:before {background-image: url(/wp-content/themes/betheme-child/assets/img/green-quote.svg);}

@media only screen and (max-width: 767px){
.testimonial  .wpb_content_element.quote:before {;margin-top:0px;}
}

/* END - quote testimonial */



/*  FAQ DESIGN  */

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title>a {
    font-size: 24px!important;
    font-weight: 400!important;
    color: #004e57!important;
    padding-top: 25px!important;
    padding-bottom: 25px!important;
}

.vc_tta-panel-heading{
    border-radius: 0px!important;
    border-right: solid 0px!important;
    border-left: solid 0px!important;
    border-top: solid 0px #b3b3b3 !important;
    border-bottom: solid 3px #b3b3b3 !important;
}

.vc_tta-panel:nth-child(1) .vc_tta-panel-heading{
    border-top: solid 2px #b3b3b3 !important;
}


.vc_active h4.vc_tta-panel-title.vc_tta-controls-icon-position-right {
    background: #004e57!important;
}


.vc_active span.vc_tta-title-text{
    color: #fff!important;
}

.vc_tta-panel-body {
    padding: 30px 50px!important;
    background: #ebebeb !important;
}

.vc_active .vc_tta-panel-body {
    border-bottom: solid 2px #b3b3b3 !important;
}

i.vc_tta-controls-icon.vc_tta-controls-icon-plus {
    color: #fff!important;
}


.vc_tta .vc_tta-controls-icon {
    width: 20px!important;
    height: 20px!important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-controls-icon:after,.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-controls-icon:before {
    border-color: #fff!important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon:after,.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon:before {
    border-color: #004e57!important;
}

/* END - FAQ DESIGN */


/* red border boxes */

.icon-text-columns {
    gap: 3%;
    flex-wrap: nowrap !important;
    width: 100% !important;
    margin: auto;
}

.red-border .vc_single_image-wrapper.vc_box_border_grey {
    max-width: 85px;
    margin-bottom: 12px;
    margin-top:20px;
}

.red-border {
    border: solid 1px #c8102e;
    display: flex;
    align-content: center;
    align-items: center;
    padding:0px 20px;
}

.red-border .wpb_wrapper{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
}


.red-border  h3 {
    font-size: 28px;
}

.red-border p {
    font-size: 16px!important;
    line-height: 24px;
}

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

.icon-text-columns {
    display:block!important;
}

.red-border {
    margin-bottom:30px;
}

}

/* END - red border boxes */


/* Gray block slide panel */

.js-mds-hover-slide-panel.is-open {
    padding-top:30px!important;
}

button.js-mds-hover-slide-close {
    position: absolute;
    top: 23px;
    font-size: 21px;
    border-radius: 50%;
    width: 48px;
    font-weight: 600;
}


.left-arrow-top.is-open::after,.center-arrow-top.is-open::after,.right-arrow-top.is-open::after {background:#ffffff;z-index: 1;content:'';margin-top:-30px!important;display:block;width:100%;height:49px;position: absolute;left:0px;margin-left: 0px;top: 30px;}


.left-arrow-top.is-open::before {background:#e9e9e9;content:'';margin-top:-30px!important;display:block;width:100px;height:50px;/* position:absolute!important; */left:0px;margin-left: 15px;z-index: 2;position: inherit;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}
.center-arrow-top.is-open::before {background:#e9e9e9;content:'';margin-top:-30px!important;display:block;width:100px;height:50px;left:0px;z-index: 2;position: inherit;margin: auto;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}

.right-arrow-top.is-open::before {background:#e9e9e9;content:'';margin-top:-30px!important;display:block;width:100px;height:50px;right: 0;z-index: 2;position: inherit;margin-right: 10px;margin-left: 92%;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}

@media only screen and (max-width: 1280px){
.right-arrow-top.is-open::before {margin-left: 88%;}

}

@media only screen and (max-width: 950px){
.right-arrow-top.is-open::before {margin-left: 84%;}

}

@media only screen and (max-width: 767px){
.left-arrow-top.is-open::before,.center-arrow-top.is-open::before,.right-arrow-top.is-open::before {margin-left: auto!important;margin-right:auto!important;}
.left-arrow-top.is-open::before,.center-arrow-top.is-open::before,.right-arrow-top.is-open::before {top: -0px!important;}
}


/* END - Gray Block slide panel */

/* END - BLOCKS */







/* FOOTER */

#Footer {background:#22242a;}

#Footer .footer_newsletter_title {
    font-family: 'Work Sans', sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    text-wrap: balance;
    font-size: clamp(1.625rem, .46875vw + 1.53125rem, 2rem);
    line-height: 1.3;
    color: #808080;
    margin: 0;
}


span.script_highlight {color:#fff!important}

#Footer p,#Footer li, #Footer a {font-size: 16px!important;}


#Footer p.has-text-align-center.privacy-policies-links-footer {font-size: 14px!important;}

.mfn-footer h2 {color: #c8102e;font-size: 18px;letter-spacing: 2px;margin-bottom: 10px;line-height: 7px;font-weight: 600;}

.widget {
    margin-bottom: 11px!important;
}

.mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn) {
    color: #fff!important;
}

.mfn-footer, .mfn-footer .widget_recent_entries ul li a {
    color: #fff!important;
}



#Footer .footer_notice p {
    font-family: 'Work Sans', sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 14px!important;
    line-height: 1.4;
    margin: 0;
}

p.footer_notice_copyright {
    margin-bottom: 25px!important;
}

.footer_notice {
    margin-top: 110px;
}

#Footer .widgets_wrapper {
    padding-top: 45px;
    padding-bottom: 30px;
}

#Footer .wp-block-button__link  {
    font-family: 'Work Sans', sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    display: inline-flex;
    text-transform: uppercase;
    gap: 10px;
    background: #c8102e;
    border: 1px solid #c8102e;
    border-radius: 100px;
    font-size: 18px!important;
    letter-spacing: 1px;
    font-optical-sizing: auto;
    font-weight: 700;
    padding: 13px 35px!important;
}

#Footer .wp-block-button__link:after {
    display: block;
    height: 8px;
    width: 8px;
    border: 2px solid;
    border-width: 2px 2px 0 0;
    content: '';
    transition: transform .15s linear;
    transform: rotate(45deg);
}


:is(a), :is(a):active, :is(a):focus, :is(a):hover, :is(a):link, :is(a):visited {
    transition: background-color .15s linear, background-position .15s linear, border .15s linear, box-shadow .15s linear, color .15s linear, opacity .15s linear, text-decoration .15s linear, -webkit-text-decoration .15s linear;
}

#Footer .wp-block-button__link:focus:after,  #Footer .wp-block-button__link:hover:after {
    transform: translate(3px, 0) rotate(45deg);
}


#Footer .wp-block-search__inside-wrapper {
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    background: 0 0;
    border: 2px solid #fff;
    border-radius: 50px;
    color: var(--text_color);
    line-height: 1.2;
    width: 100%;
}

#Footer input#wp-block-search__input-1 {
    margin-bottom: 0px;
    background: transparent;
    color: #fff;
    border: solid 0px!important;
}

#Footer .wp-block-search .wp-block-search__button {
    margin-left: 0px;
    border: solid 0px!important;
    padding: 10px;
    background: transparent!important;
    color: #fff!important;
    font-size: 26px!important;
}

#Footer svg.search-icon {
    transform: scaleX(-1); /* Standard syntax */
  /* Vendor prefixes for broader, older browser support (optional for modern browsers) */
    -webkit-transform: scaleX(-1); /* Safari & Chrome */
    -moz-transform: scaleX(-1);    /* Firefox */
    -o-transform: scaleX(-1);      /* Opera */
    -ms-transform: scaleX(-1);     /* Internet Explorer 9 */
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube {
    background: transparent!important;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram {
    background: transparent;
}

li.wp-social-link.wp-social-link-x.wp-block-social-link {
    background: transparent!important;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
    background: transparent!important;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin {
    background: transparent;
}

#Footer .wp-block-social-link-anchor {
    font-size: 27px!important;
}

.wp-block-social-links.has-large-icon-size {
    gap: 3px!important;
}

footer#Footer::before {
    background: #17181c;
    position: absolute;
    height: 100%;
    position: absolute;
    overflow: unset;
    content: '';
    visibility: unset;
    clip-path:polygon(0 0%,90% 0,100% 100%,0 100%);
}

/* columns */


.one-fourth.column:nth-child(1), .four.columns:nth-child(1) {width: 35%;padding-right: 10%;}
.one-fourth.column:nth-child(2), .four.columns:nth-child(2) {width: 22%;padding-right: 5%;}
.one-fourth.column:nth-child(3), .four.columns:nth-child(3) {width: 22%;padding-right: 0%;}
.one-fourth.column:nth-child(4), .four.columns:nth-child(4) {width: 22%;}
p.has-text-align-center.privacy-policies-links-footer {margin-top: 194px;}
footer#Footer::before {width: 42%;}

footer .wp-block-search input[type="search"] {
    background: transparent;
    border: solid 0px!important;
    margin-bottom: 0px!important;
}

footer .wp-block-search input[type="search"] {
    color: #fff!important;
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {

#Footer .wp-block-social-link-anchor {
    font-size: 22px!important;
}
    
.footer_notice {margin-top: 10px;}

#Footer p,#Footer li, #Footer a {font-size: 14px!important;}
    
.one-fourth.column:nth-child(1), .four.columns:nth-child(1) {width: 40%;padding-right: 7%;}
.one-fourth.column:nth-child(2), .four.columns:nth-child(2) {width: 22%;padding-right: 0%;}
.one-fourth.column:nth-child(3), .four.columns:nth-child(3) {padding-left:0%;width: 17%;padding-right: 0%;}
.one-fourth.column:nth-child(4), .four.columns:nth-child(4) {padding-left:0%;width: 28%;}
p.has-text-align-center.privacy-policies-links-footer {margin-top: 194px;}
footer#Footer::before {width: 48%;}

}

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

#Footer h3 {font-size: 22px!important;}
    
.footer_notice {margin-top: 10px;}
    
.one-fourth.column:nth-child(1), .four.columns:nth-child(1) {width: 40%;padding-right: 2%;}
.one-fourth.column:nth-child(2), .four.columns:nth-child(2) {width: 36%;padding-right: 0%;}
.one-fourth.column:nth-child(3), .four.columns:nth-child(3) {padding-left:0%;width: 18%;padding-right: 0%;}
.one-fourth.column:nth-child(4), .four.columns:nth-child(4) {padding-left:0%;width: 15%;}
p.has-text-align-center.privacy-policies-links-footer {margin-top: 4px;}
footer#Footer::before {width: 43%;}

}

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

.footer_notice {margin-top: 10px;}
    
.one-fourth.column:nth-child(1), .four.columns:nth-child(1) {width: 100%;padding-right: 2%;}
.one-fourth.column:nth-child(2), .four.columns:nth-child(2) {width: 100%;padding-right: 0%;}
.one-fourth.column:nth-child(3), .four.columns:nth-child(3) {padding-left:0%;width: 100%;padding-right: 0%;}
.one-fourth.column:nth-child(4), .four.columns:nth-child(4) {padding-left:0%;width: 100%;}
p.has-text-align-center.privacy-policies-links-footer {margin-top: 4px;}
footer#Footer::before {width: 200%;}
    
}


/* END - columns */

footer .wp-block-social-links .wp-social-link svg {
    width: 23px!important;
}

.fixed-nav.fixed-nav-prev,.fixed-nav.fixed-nav-next{
    display: none!important;
}


.one-fourth.column:nth-child(4), .four.columns:nth-child(4) {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media only screen and (max-width: 767px) {
    
.one-fourth.column:nth-child(4), .four.columns:nth-child(4) {
    position: unset;
    bottom: 0;
    right: 0;
}
    
}

/* END - FOOTER */



/*  LEFT COLUMN  */

/*
.left-margin-fullwidth .vc_column-inner {
    padding-top: 30px!important;
}
*/

.left-margin-fullwidth {
    padding-left: 25.7vw!important;
    padding-right: 1%!important;
}

@media only screen and (max-width: 2750px) {
    .left-margin-fullwidth {
        padding-left: 24vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 2650px) {
    .left-margin-fullwidth {
        padding-left: 23.2vw!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: 2550px) {
    .left-margin-fullwidth {
        padding-left: 22.3vw!important;
        padding-right: 2%!important;
    }
}

@media only screen and (max-width: 2500px) {
    .left-margin-fullwidth {
        padding-left: 21.8vw!important;
        padding-right: 2%!important;
    }
}

@media only screen and (max-width: 2450px) {
    .left-margin-fullwidth {
        padding-left: 21vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 2400px) {
    .left-margin-fullwidth {
        padding-left: 20.5vw!important;
        padding-right: 2%!important;
    }
}

@media only screen and (max-width: 2350px) {
    .left-margin-fullwidth {
        padding-left: 20vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 2300px) {
    .left-margin-fullwidth {
        padding-left: 19.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 2250px) {
    .left-margin-fullwidth {
        padding-left: 18.5vw!important;
        padding-right: 2%!important;
    }
}

@media only screen and (max-width: 2200px) {
    .left-margin-fullwidth {
        padding-left: 17.8vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 2150px) {
    .left-margin-fullwidth {
        padding-left: 17vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 2100px) {
    .left-margin-fullwidth {
        padding-left: 16vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 2050px) {
    .left-margin-fullwidth {
        padding-left: 15.5vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 2000px) {
    .left-margin-fullwidth {
        padding-left: 14.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1950px) {
    .left-margin-fullwidth {
        padding-left: 14vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 1900px) {
    .left-margin-fullwidth {
        padding-left: 13vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 1850px) {
    .left-margin-fullwidth {
        padding-left: 12vw!important;
        padding-right: 3%!important;
    }
}

@media only screen and (max-width: 1800px) {
    .left-margin-fullwidth {
        padding-left: 11vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1750px) {
    .left-margin-fullwidth {
        padding-left: 10vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1700px) {
    .left-margin-fullwidth {
        padding-left: 8.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1650px) {
    .left-margin-fullwidth {
        padding-left: 6.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1600px) {
    .left-margin-fullwidth {
        padding-left: 6.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1550px) {
    .left-margin-fullwidth {
        padding-left: 4.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1500px) {
    .left-margin-fullwidth {
        padding-left: 3vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1450px) {
    .left-margin-fullwidth {
        padding-left: 1vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1400px) {
    .left-margin-fullwidth {
        padding-left: 0.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1350px) {
    .left-margin-fullwidth {
        padding-left: 0.5vw!important;
        padding-right: 1%!important;
    }
}

@media only screen and (max-width: 1300px) {
    .left-margin-fullwidth {
        padding-left: 0vw!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: 25.7vw!important;
    padding-left: 1%!important;
}

@media only screen and (max-width: 2750px) {
    .right-margin-fullwidth {
        padding-right: 24vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2650px) {
    .right-margin-fullwidth {
        padding-right: 23.2vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2600px) {
    .right-margin-fullwidth {
        padding-right: 23vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2550px) {
    .right-margin-fullwidth {
        padding-right: 22.3vw!important;
        padding-left: 2%!important;
    }
}

@media only screen and (max-width: 2500px) {
    .right-margin-fullwidth {
        padding-right: 21.8vw!important;
        padding-left: 2%!important;
    }
}

@media only screen and (max-width: 2450px) {
    .right-margin-fullwidth {
        padding-right: 21vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2400px) {
    .right-margin-fullwidth {
        padding-right: 20.5vw!important;
        padding-left: 2%!important;
    }
}

@media only screen and (max-width: 2350px) {
    .right-margin-fullwidth {
        padding-right: 20vw!important;
        padding-left: 3%!important;
    }
}

@media only screen and (max-width: 2300px) {
    .right-margin-fullwidth {
        padding-right: 19.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2250px) {
    .right-margin-fullwidth {
        padding-right: 18.5vw!important;
        padding-left: 2%!important;
    }
}

@media only screen and (max-width: 2200px) {
    .right-margin-fullwidth {
        padding-right: 17.8vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2150px) {
    .right-margin-fullwidth {
        padding-right: 17vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 2100px) {
    .right-margin-fullwidth {
        padding-right: 16vw!important;
        padding-left: 3%!important;
    }
}

@media only screen and (max-width: 2050px) {
    .right-margin-fullwidth {
        padding-right: 15.5vw!important;
        padding-left: 3%!important;
    }
}

@media only screen and (max-width: 2000px) {
    .right-margin-fullwidth {
        padding-right: 14.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1950px) {
    .right-margin-fullwidth {
        padding-right: 14vw!important;
        padding-left: 3%!important;
    }
}

@media only screen and (max-width: 1900px) {
    .right-margin-fullwidth {
        padding-right: 13vw!important;
        padding-left: 3%!important;
    }
}

@media only screen and (max-width: 1850px) {
    .right-margin-fullwidth {
        padding-right: 12vw!important;
        padding-left: 3%!important;
    }
}

@media only screen and (max-width: 1800px) {
    .right-margin-fullwidth {
        padding-right: 11vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1750px) {
    .right-margin-fullwidth {
        padding-right: 10vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1700px) {
    .right-margin-fullwidth {
        padding-right: 8.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1650px) {
    .right-margin-fullwidth {
        padding-right: 6.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1600px) {
    .right-margin-fullwidth {
        padding-right: 6.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1550px) {
    .right-margin-fullwidth {
        padding-right: 4.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1500px) {
    .right-margin-fullwidth {
        padding-right: 3vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1450px) {
    .right-margin-fullwidth {
        padding-right: 1vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1400px) {
    .right-margin-fullwidth {
        padding-right: 0.5vw!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: 0.5vw!important;
        padding-left: 1%!important;
    }
}

@media only screen and (max-width: 1239px) {
    .right-margin-fullwidth {
        padding-right: 11.5vw!important;
        padding-left: 3%!important;
    }
}

@media only screen and (max-width: 1200px) {
    .right-margin-fullwidth {
        padding-right: 10vw!important;
        padding-left: 3%!important;
    }
}

@media only screen and (max-width: 1150px) {
    .right-margin-fullwidth {
        padding-right: 8vw!important;
        padding-left: 3%!important;
    }
}

@media only screen and (max-width: 1100px) {
    .right-margin-fullwidth {
        padding-right: 6vw!important;
        padding-left: 3%!important;
    }
}

@media only screen and (max-width: 1050px) {
    .right-margin-fullwidth {
        padding-right: 5vw!important;
        padding-left: 3%!important;
    }
}

@media only screen and (max-width: 1000px) {
    .right-margin-fullwidth {
        padding-right: 3vw!important;
        padding-left: 3%!important;
    }
}

@media only screen and (max-width: 959px) {
    .right-margin-fullwidth {
        padding-right: 12vw!important;
        padding-left: 3%!important;
    }
}

@media only screen and (max-width: 900px) {
    .right-margin-fullwidth {
        padding-right: 10vw!important;
        padding-left: 3%!important;
    }
}

@media only screen and (max-width: 850px) {
    .right-margin-fullwidth {
        padding-right: 6vw!important;
        padding-left: 3%!important;
    }
}

@media only screen and (max-width: 800px) {
    .right-margin-fullwidth {
        padding-right: 5vw!important;
        padding-left: 3%!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-right: 15px!important;}
.left-margin-fullwidth {padding-left: 15px!important;}

}

/* padding two columns full widht inner columns   */

/* imported css from old site  */


/* event */

.event_date span {
    display: block;
    color: var(--moco-red);
    text-align: center;
}
.event_date .month,
.event_date .year {
    text-wrap: balance;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.2em;
    line-height: 1.3;
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
.event_date .day {
    text-wrap: balance;
    font-size: clamp(2.625rem, 1.875vw + 2.25rem, 4.125rem);
    line-height: 1.1;
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}
.event_details {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: var(--flow-spacing);
    column-gap: var(--flow-spacing);
    row-gap: 6px;
    margin-top: var(--flow-spacing-xsmall);
}
.event_details .event_detail {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.event_details .event_detail.livestream {
    order: -1;
}
.event_details .event_detail.physical {
    flex: 0 0 100%;
}
.event_details .event_detail strong {
    display: block;
}
.event_details a.event_detail {
    color: var(--moco-red);
}
.event_details .event_detail_icon {
    display: flex;
    position: relative;
    overflow: hidden;
    flex: 0 0 18px;
    align-items: center;
    justify-content: center;
    height: 18px;
    width: 18px;
    margin-top: 4px;
}
.event_details .event_detail_icon img {
    position: absolute;
    max-width: none;
    max-height: none;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    right: -1px;
    left: -1px;
    bottom: -1px;
    z-index: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-fit: contain;
    object-fit: contain;
}
.event_details .event_detail_icon svg {
    display: block;
    max-height: 100%;
    max-width: 100%;
}
.event_details .event_detail_icon path {
    fill: var(--moco-red);
}

/* person */
.person_detail {
    display: grid;
    margin-bottom: var(--block-spacing);
    margin-left: var(--content-gutter-wide);
    margin-right: var(--content-gutter-wide);
}
@media only screen and (max-width: 739px) {
    .person_detail {
        margin-top: var(--block-spacing);
        grid-template-rows: auto auto auto;
        grid-template-areas: "media" "header" "bio";
    }
}
@media only screen and (min-width: 740px) {
    .person_detail {
        align-items: start;
        -moz-column-gap: var(--flow-spacing-large);
        column-gap: var(--flow-spacing-large);
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "media header" "media bio";
    }
}
@media only screen and (min-width: 980px) {
    .person_detail {
        -moz-column-gap: calc(var(--flow-spacing-large) + 30px);
        column-gap: calc(var(--flow-spacing-large) + 30px);
        margin-left: var(--content-gutter);
        margin-right: var(--content-gutter);
    }
}
.person_detail .person_header {
    grid-area: header;
}
@media only screen and (max-width: 739px) {
    .person_detail .person_header {
        margin-bottom: var(--flow-spacing);
    }
}
@media only screen and (min-width: 980px) {
    .person_detail .person_header {
        display: flex;
        gap: var(--flow-spacing-large);
        justify-content: space-between;
    }
}
.person_detail .person_media_container {
    position: relative;
    grid-area: media;
    margin-right: 25px;
}
@media only screen and (max-width: 739px) {
    .person_detail .person_media_container {
        margin-bottom: var(--flow-spacing-medium);
    }
}
@media only screen and (min-width: 740px) {
    .person_detail .person_media_container {
        margin-right: 40px;
    }
}
.person_detail .person_contact_icons {
    display: flex;
    position: absolute;
    gap: 20px;
    flex-direction: column;
    top: 0;
    right: -25px;
    background: var(--moco-red);
    padding-top: 12px;
    padding-right: 8px;
    padding-bottom: 16px;
}
.person_detail .person_media {
    position: relative;
    overflow: hidden;
    background: var(--color-black);
    border-right: 13px solid var(--moco-red);
}
.person_detail .person_media:before {
    float: left;
    width: 1px;
    height: 100%;
    content: "";
    margin-left: -1px;
    padding-bottom: 100%;
}
.person_detail .person_media img {
    position: absolute;
    max-width: none;
    max-height: none;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    right: -1px;
    left: -1px;
    bottom: -1px;
    z-index: 0;
    -o-object-fit: cover;
    object-fit: cover;
}
@media only screen and (min-width: 980px) {
    .person_detail .person_media {
        clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%);
    }
}
.person_detail .person_name {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    text-wrap: balance;
    font-size: clamp(2.125rem, 0.46875vw + 2.03125rem, 2.5rem);
    line-height: 1.3;
    color: var(--moco-red);
    font-weight: 600;
    margin: 0;
}
.person_detail .person_position {
    display: block;
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    text-wrap: balance;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
}
.person_detail .person_contact {
    margin-top: 8px;
}
@media only screen and (min-width: 980px) {
    .person_detail .person_contact {
        display: flex;
        gap: var(--flow-spacing);
    }
}
.person_detail .person_email,
.person_detail .person_phone {
    display: block;
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-wrap: pretty;
    font-size: clamp(1rem, 0.15625vw + 0.96875rem, 1.125rem);
    line-height: 1.6;
    color: var(--color-true_black);
}
.person_detail .person_phone {
    text-decoration: none;
}
.person_detail .person_email {
    text-decoration: underline;
}
@media only screen and (max-width: 979px) {
    .person_detail .person_email {
        margin-top: 5px;
    }
}
@media only screen and (max-width: 979px) {
    .person_detail .person_languages_container {
        margin-top: var(--flow-spacing);
    }
}
.person_detail .person_languages_label {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-wrap: pretty;
    line-height: 1.6;
    font-size: 12px;
    margin: 0;
}
.person_detail .person_languages {
    position: relative;
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-top: var(--flow-spacing-small);
    padding-left: 30px;
}
.person_detail .person_languages .icon {
    position: absolute;
    top: 2px;
    left: 0;
}
.person_detail .person_language {
    background: var(--color-sand);
    border-radius: 60px;
    color: var(--color-black);
    font-size: 12px;
    padding: 1px 10px;
}
.person_detail .person_bio {
    grid-area: bio;
    margin-top: var(--flow-spacing-medium);
}
@media only screen and (min-width: 740px) {
    .person_detail .person_bio {
        margin-top: var(--flow-spacing-large);
    }
}

.person_contact_icons span{
    color: #fff!important;
    font-size:20px;
}

/* gravity form */

.gform_anchor::before {
  display: block;
  height: var(--scroll-margin);
  content: "";
  margin: calc(var(--scroll-margin) * -1) 0 0;
}

.gform_confirmation_message {
  /* .content_text; */
  color: var(--confirmation_color);
  margin: var(--flow-spacing) 0 0;
}

.gform-theme--framework:where(:not(.gform_editor)) .gfield--type-section {
    border-bottom: 0px!important;
}

h3.gsection_title {
    font-size: 26px;
    margin-bottom: -15px!important;
    line-height: 26px;
}

.gform_wrapper  {
  /*
    Original preprocessor mixin:
    .form_props(
      @label_color: var(--color-gray-50),
      @input_bg: transparent,
      @input_border: var(--color-black),
      @input_color: var(--color-black),
      @focus_bg: var(--color-gray-5),
      @focus_border: var(--color-black),
      @focus_color: var(--color-black),
      @placeholder_color: var(--color-gray-50),
      @dropdown_style: 'dark',
    );
  */

  --label_color: var(--color-gray-50);
  --input_bg: transparent;
  --input_border: var(--color-black);
  --input_color: var(--color-black);
  --focus_bg: var(--color-gray-5);
  --focus_border: var(--color-black);
  --focus_color: var(--color-black);
  --placeholder_color: var(--color-gray-50);

  /* Replace these with your real values if needed */
  --border_radius: 12px;
  --confirmation_color: var(--color-black);
  --spinner_ring: color-mix(in srgb, var(--color-lagoon) 50%, transparent);
  --spinner_highlight: var(--color-lagoon);

  --input_padding_small: 10px;
  --input_padding: 14px;
}

.gform_wrapper  form {
  padding: 0;
}

.gform_wrapper  .gf_clear {
  display: none;
}

.gform_wrapper  div.gform_fields {
  gap: var(--flow-spacing);
  margin: 0;
  padding: 0;
}

.gform_wrapper  .gfield {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

.gform_wrapper  .gfield.gform_hidden {
  margin: 0;
}

.gform_wrapper  label:not(.gform-field-label--type-inline) {
  text-transform: uppercase;
  appearance: none;
  color: var(--label_color);
  font-size: 12px;
  line-height: 1;
  padding: var(--input_padding_small) var(--input_padding) 0;
}

.gform_wrapper  label.gform-field-label--type-inline {
  /* Original mixins intentionally omitted */
}

.gform_wrapper  .gfield_required {
  display: inline-block;
  margin-left: 2px;
}

.gform_wrapper  input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
  min-height: 0 !important;
  line-height: 1.2 !important;
}

.gform_wrapper  .gfield:not(
  .gfield--type-section,
  .gfield--input-type-address,
  .gfield--type-checkbox,
  .gfield--type-radio,
  .gfield--type-date,
  .gfield--type-time,
  .gfield--type-hidden
),
.gform_wrapper  .gfield--input-type-name .ginput_complex > span,
.gform_wrapper  .gfield--input-type-address .ginput_complex > span {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.gform_wrapper  .gfield:not(
  .gfield--type-section,
  .gfield--input-type-address,
  .gfield--type-checkbox,
  .gfield--type-radio,
  .gfield--type-date,
  .gfield--type-time,
  .gfield--type-hidden
) label,
.gform_wrapper  .gfield--input-type-name .ginput_complex > span label,
.gform_wrapper  .gfield--input-type-address .ginput_complex > span label {
  order: -1;
  background: var(--input_bg);
  border: 1px solid var(--input_border);
  border-bottom-width: 0;
  border-radius: var(--border_radius) var(--border_radius) 0 0;
  transition: background 0.15s linear, border 0.15s linear;
  padding-bottom: 0px!important;
  margin-bottom: 0px!important;
}

.gform_wrapper  .gfield:not(
  .gfield--type-section,
  .gfield--input-type-address,
  .gfield--type-checkbox,
  .gfield--type-radio,
  .gfield--type-date,
  .gfield--type-time,
  .gfield--type-hidden
) input[type="text"],
.gform_wrapper  .gfield:not(
  .gfield--type-section,
  .gfield--input-type-address,
  .gfield--type-checkbox,
  .gfield--type-radio,
  .gfield--type-date,
  .gfield--type-time,
  .gfield--type-hidden
) input[type="tel"],
.gform_wrapper  .gfield:not(
  .gfield--type-section,
  .gfield--input-type-address,
  .gfield--type-checkbox,
  .gfield--type-radio,
  .gfield--type-date,
  .gfield--type-time,
  .gfield--type-hidden
) input[type="email"],
.gform_wrapper  .gfield:not(
  .gfield--type-section,
  .gfield--input-type-address,
  .gfield--type-checkbox,
  .gfield--type-radio,
  .gfield--type-date,
  .gfield--type-time,
  .gfield--type-hidden
) input[type="url"],
.gform_wrapper  .gfield:not(
  .gfield--type-section,
  .gfield--input-type-address,
  .gfield--type-checkbox,
  .gfield--type-radio,
  .gfield--type-date,
  .gfield--type-time,
  .gfield--type-hidden
) input[type="number"],
.gform_wrapper  .gfield:not(
  .gfield--type-section,
  .gfield--input-type-address,
  .gfield--type-checkbox,
  .gfield--type-radio,
  .gfield--type-date,
  .gfield--type-time,
  .gfield--type-hidden
) textarea,
.gform_wrapper  .gfield:not(
  .gfield--type-section,
  .gfield--input-type-address,
  .gfield--type-checkbox,
  .gfield--type-radio,
  .gfield--type-date,
  .gfield--type-time,
  .gfield--type-hidden
) select,
.gform_wrapper  .gfield--input-type-name .ginput_complex > span input[type="text"],
.gform_wrapper  .gfield--input-type-name .ginput_complex > span input[type="tel"],
.gform_wrapper  .gfield--input-type-name .ginput_complex > span input[type="email"],
.gform_wrapper  .gfield--input-type-name .ginput_complex > span input[type="url"],
.gform_wrapper  .gfield--input-type-name .ginput_complex > span input[type="number"],
.gform_wrapper  .gfield--input-type-name .ginput_complex > span textarea,
.gform_wrapper  .gfield--input-type-name .ginput_complex > span select,
.gform_wrapper  .gfield--input-type-address .ginput_complex > span input[type="text"],
.gform_wrapper  .gfield--input-type-address .ginput_complex > span input[type="tel"],
.gform_wrapper  .gfield--input-type-address .ginput_complex > span input[type="email"],
.gform_wrapper  .gfield--input-type-address .ginput_complex > span input[type="url"],
.gform_wrapper  .gfield--input-type-address .ginput_complex > span input[type="number"],
.gform_wrapper  .gfield--input-type-address .ginput_complex > span textarea,
.gform_wrapper  .gfield--input-type-address .ginput_complex > span select {
  background: var(--input_bg);
  border: 1px solid var(--input_border);
  border-top-width: 0;
  border-radius: 0 0 var(--border_radius) var(--border_radius);
  transition: background 0.15s linear, border 0.15s linear;
}

.gform_wrapper  .gfield:not(
  .gfield--type-section,
  .gfield--input-type-address,
  .gfield--type-checkbox,
  .gfield--type-radio,
  .gfield--type-date,
  .gfield--type-time,
  .gfield--type-hidden
) select,
.gform_wrapper  .gfield--input-type-name .ginput_complex > span select,
.gform_wrapper  .gfield--input-type-address .ginput_complex > span select {
  /* .input_select_base; */
}

.gform_wrapper  .gfield:not(
  .gfield--type-section,
  .gfield--input-type-address,
  .gfield--type-checkbox,
  .gfield--type-radio,
  .gfield--type-date,
  .gfield--type-time,
  .gfield--type-hidden
):focus-within,
.gform_wrapper  .gfield--input-type-name .ginput_complex > span:focus-within,
.gform_wrapper  .gfield--input-type-address .ginput_complex > span:focus-within {
  --input_bg: var(--focus_bg);
  --input_border: var(--focus_border);
}

.gform_wrapper  .gfield.gfield_error:not(
  .gfield--type-section,
  .gfield--type-name,
  .gfield--input-type-address,
  .gfield--type-checkbox,
  .gfield--type-radio
),
.gform_wrapper  .gfield--input-type-name.gfield_error .ginput_complex > span,
.gform_wrapper  .gfield--input-type-address.gfield_error .ginput_complex > span {
  --input_bg: color-mix(in srgb, var(--color-crimson) 5%, transparent);
  --input_border: var(--color-crimson);
}

.gform_wrapper  .ginput_container_name,
.gform_wrapper  .ginput_container_address {
  display: flex;
  flex-wrap: wrap;
  gap: var(--flow-spacing);
}

.gform_wrapper  .ginput_container_name span,
.gform_wrapper  .ginput_container_address span {
  flex: 0 0 100%;
  min-width: 0;
}

/* Replace 768px with your real @min_md breakpoint */
@media (min-width: 768px) {
  .gform_wrapper  .ginput_container_name span,
  .gform_wrapper  .ginput_container_address span {
    flex: 1;
  }

  .gform_wrapper  .ginput_container_name .address_line_1,
  .gform_wrapper  .ginput_container_name .address_line_2,
  .gform_wrapper  .ginput_container_name .address_country,
  .gform_wrapper  .ginput_container_address .address_line_1,
  .gform_wrapper  .ginput_container_address .address_line_2,
  .gform_wrapper  .ginput_container_address .address_country {
    flex: 0 0 100%;
  }

  .gform_wrapper  .ginput_container_name .address_city,
  .gform_wrapper  .ginput_container_address .address_city {
    flex: 0 0 50%;
  }

  .gform_wrapper  .ginput_container_name .address_state,
  .gform_wrapper  .ginput_container_address .address_state {
    flex: 0 0 30%;
  }

  .gform_wrapper  .ginput_container_name .address_zip,
  .gform_wrapper  .ginput_container_address .address_zip {
    flex: 0 0 calc(20% - (var(--flow-spacing) * 2));
  }
}

.gform_wrapper  .gfield_validation_message {
  /* .sans; */
  color: var(--color-crimson);
  font-size: 12px;
  line-height: 1.2;
  margin: var(--flow-spacing-xsmall) 0 0;
}

.gform_wrapper  .gform_validation_errors {
  /* .content_text_small; */
  width: 100%;
  background: var(--color-crimson);
  border: none;
  border-radius: var(--border_radius);
  box-shadow: none;
  color: var(--color-white);
  margin: 0 0 var(--flow-spacing) 0;
  padding: var(--flow-spacing-small);
}

.gform_wrapper  .gfield_description {
  /* .content_text_small; */
  order: 1;
  margin-top: var(--flow-spacing-xsmall);
}

.gform_wrapper  input[type="text"],
.gform_wrapper  input[type="tel"],
.gform_wrapper  input[type="email"],
.gform_wrapper  input[type="url"],
.gform_wrapper  input[type="number"],
.gform_wrapper  textarea,
.gform_wrapper  select {
  /* .sans; */
  background: transparent;
  border: none;
  border-radius: var(--border_radius);
  color: var(--input_color);
  font-size: 16px;
  line-height: 1.2;
  padding: var(--input_padding_small) var(--input_padding) var(--input_padding);
}

.gform_wrapper  input[type="text"]:focus,
.gform_wrapper  input[type="tel"]:focus,
.gform_wrapper  input[type="email"]:focus,
.gform_wrapper  input[type="url"]:focus,
.gform_wrapper  input[type="number"]:focus,
.gform_wrapper  textarea:focus,
.gform_wrapper  select:focus {
  color: var(--focus_color);
}

.gform_wrapper  div.gfield textarea,
.gform_wrapper  div.gfield textarea.small,
.gform_wrapper  div.gfield textarea.medium,
.gform_wrapper  div.gfield textarea.large {
  height: 160px;
  min-height: 140px;
  line-height: 1.4;
}

.gform_wrapper  .gfield--type-checkbox label,
.gform_wrapper  .gfield--type-checkbox legend,
.gform_wrapper  .gfield--type-radio label,
.gform_wrapper  .gfield--type-radio legend {
  /* .sans; */
  color: var(--input_color);
  font-size: 16px;
  line-height: 1.2;
}

.gform_wrapper  .gfield--type-checkbox legend,
.gform_wrapper  .gfield--type-radio legend {
  margin: 0 0 var(--flow-spacing-small);
}

.gform_wrapper  .gfield_checkbox,
.gform_wrapper  .gfield_radio {
  display: flex;
  flex-direction: column;
  gap: var(--flow-spacing-xsmall);
  margin-bottom: var(--flow-spacing-xsmall);
}

.gform_wrapper  .gchoice {
  display: flex;
  gap: var(--flow-spacing-xsmall);
  align-items: flex-start;
}

.gform_wrapper  .gchoice input {
  accent-color: var(--input_color);
  margin-top: 4px;
}

.gform_wrapper  .gfield--type-date .gfield_label,
.gform_wrapper  .gfield--type-time .gfield_label {
  text-transform: uppercase;
  appearance: none;
  color: var(--label_color);
  font-size: 12px;
  line-height: 1;
  padding: var(--input_padding_small) var(--input_padding) 0;
  padding-bottom: var(--input_padding_small);
}

.gform_wrapper  .gfield--type-date .ginput_complex,
.gform_wrapper  .gfield--type-time .ginput_complex {
  display: flex;
  gap: var(--flow-spacing-small);
}

/* Replace 767.98px with your real @max_md breakpoint */
@media (max-width: 767.98px) {
  .gform_wrapper  .gfield--type-date .ginput_complex,
  .gform_wrapper  .gfield--type-time .ginput_complex {
    flex-direction: column;
  }
}

.gform_wrapper  .ginput_container_date,
.gform_wrapper  .ginput_container_time {
  background: var(--input_bg);
  border: 1px solid var(--input_border);
  border-radius: var(--border_radius);
  transition: background 0.15s linear, border 0.15s linear;
}

.gform_wrapper  .gsection_title {
  /* .headline_7; */
  text-transform: uppercase;
  margin: 0;
}

.gform_wrapper  .gsection_title + .gsection_description {
  margin-top: var(--flow-spacing-xsmall);
}

.gform_wrapper  .gsection_description {
  /* .content_text_small; */
  color: var(--color-cyprus);
  margin: 0;
}

.gform_wrapper  .gfield + .gsection {
  margin-top: var(--flow-spacing-medium);
}

.gform_wrapper  .gform_footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  clear: both;
  margin: var(--flow-spacing-medium) 0 0;
  padding: 0;
}

.gform_wrapper  input[type="submit"],
.gform_wrapper  button.button,
.gform_wrapper  .gform_page_footer input.button {
  /*
    Original mixins:
    .transition_link;
    .inline_block;
    .button_crimson;
    .button_hover_black;
  */
  display: inline-block;
  clear: both;
  cursor: pointer;
  line-height: 1 !important;
  margin: 0;
}

.gform_wrapper  .gform_ajax_spinner {
  display: block;
  width: 30px;
  height: 30px;
  border: 4px solid var(--spinner_ring);
  border-left-color: var(--spinner_highlight);
  animation: gform_spinner 1.1s infinite linear;
  border-radius: 50%;
  content: "";
  margin: 0 -50px 0 20px;
}

@keyframes gform_spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.gform_button.button {
    background: #c8102e!important;
    padding: 9px 30px!important;
    border-radius: 50px!important;
    font-size: 17px!important;
    text-transform: uppercase!important;
    font-weight: 600!important;
}

.gform_button.button:hover,.gform_button.button:focus{
    background: #000!important;
}

#gform_wrapper_2 .gform-footer.gform_footer.top_label {
    width: 100%;
    display: flex;
    justify-content: center;
}

@media (min-width: 640px) {
    .gform-theme--foundation .gform-grid-col.gform-grid-col--size-auto {
        flex: 1;
        inline-size: auto;
        display: flex;
        flex-direction: column;
    }
}

.gform_wrapper .gfield:not(.gfield--type-section,.gfield--input-type-address,.gfield--type-checkbox,.gfield--type-radio,.gfield--type-date,.gfield--type-time,.gfield--type-hidden) select {
    padding-bottom: 0px!important;
    padding-top: 7px!important;
}

.gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Gated Content

.gated:not(.ready)::before {
  display: block;
  margin-top: var(--block-spacing);
  margin-bottom: var(--block-spacing);
  color: var(--color-white);
  content: "Loading...";
  text-align: center;
}

.gated:not(.ready) .gated_form {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.gated:not(.unlocked) .gated_content {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.gated:not(.unlocked) .gated_content .wp-block-buttons {
  margin-left: 0;
}

.gated.unlocked .gated_form {
  display: none;
}

*/

/* END - imported css from old site */