@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');

*{min-height: 0; min-width: 0}img{max-width: 100%; height: auto; min-height: 1px}img.alignright{float:right;margin:0 0 1em 1em}img.alignleft{float:left;margin:0 1em 1em 0}img.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin-left:auto;margin-right:auto}a, button, input, textarea, select{outline: none!important}*:focus{outline:none!important}.row:before, .row:after {width:0px; height:0px}
.team-item > a > img,
.block-cta img,
.post-item img,
.post-thumbnail img,
.block-advanced-image > .position-relative > img,
.video-thumb > img,
.product-item img,
.wp-block-image img,
.editor-content img {border-radius: 20px}
.team-logo img,
.ai-logo img,
.row-logos a,
.row-logos img,
.block-logos img,
.block-sponsorsupport img {border-radius: 0}
body{overflow-x: hidden}
.socialmedia-links{padding:0;list-style:none;margin:-.625rem;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.socialmedia-links > li{padding:.625rem}.socialmedia-links a svg{width:1.875rem;height:1.875rem}.socialmedia-links a svg path{-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-ms-transition:all .25s linear;-o-transition:all .25s linear;transition:all .25s linear; fill:#003C91}.socialmedia-links a:hover svg path{fill:#FBB400}

@media (min-width: 1200px){
    .w-max{
        width:  100vw;
        max-width:  100vw;
        margin-left:  calc(50% - 50vw);
    }
}
@media (max-width: 1199px){
    .w-max{
        margin-left: -15px;
        margin-right: -15px
    }
	.block-posts .swiper-button-prev, .block-posts .swiper-button-next {
		top: -45px
	}
}

.centered-menu{border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; padding: 15px 0; font-size: 1.0625rem; line-height: 1.375rem}
.centered-menu ul{margin: -5px -15px; padding: 0; list-style: none}
.centered-menu > ul > li{padding: 5px 15px}

.centered-menu a{color: inherit; text-decoration: none!important}
.centered-menu a:hover,
.centered-menu .current-menu-item,
.centered-menu .current-menu-parent,
.centered-menu .current-menu-ancestor{color: #FBB400}

.ul-clean{padding: 0; list-style: none}
.d-inline-flex.ul-clean{margin: -15px}
.d-inline-flex.ul-clean > li{padding: 15px}

.text-shadow{text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25)}

* + .pagi-nav{margin-top: 2rem}

/* =============================================================================
   header
   ========================================================================== */

body:not(.home) #header,
#header.fixed{box-shadow: 0 1.5rem 1.5rem rgba(0, 0, 0, .05)}
#header.fullwidth-header > .container{max-width: 100%}
#header.fixed .col-logo svg {max-width: 70px}

#header a{text-decoration: none!important; color: inherit}
#header ul{list-style: none; padding: 0}

#header .container {max-width: 96% !important}

#header{
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 100;
    overflow-anchor: none
}
#primary-menu{font-size: 1.0625rem; line-height: 1.375rem;}
    

    #header #primary-menu a:hover,
    #header #primary-menu .current-menu-item > a,
    #header #primary-menu .current-menu-parent > a,
    #header #primary-menu .current-menu-ancestor > a{color: #003C91}
	
	#header #primary-menu .current-menu-item > a,
    #header #primary-menu .current-menu-parent > a,
    #header #primary-menu .current-menu-ancestor > a{font-weight: 800}

.header-dropdown .hdp-toggle,
.header-dropdown .hdp-link{
    text-align: left;
    display: block;
    padding: 0;
    padding: 0;
    border: none;
    background: none
}
.header-dropdown span.d-flex{font-family: 'Onest'}
.header-dropdown span.d-flex > svg{margin-left: 0.625rem}
.header-dropdown span.d-flex + .display-5{color: #003C91; margin-top: -.35rem; display: block}
.header-dropdown .dropdown-menu > *{padding: 0.625rem 1rem} 
.header-dropdown .dropdown-menu > * + *{border-top: 1px solid #E5E5E5}

/* =============================================================================
   entry blocks
   ========================================================================== */

.entry-header .d-flex{
    color: #003C91;
}
@media (max-width: 1023px) {
	.entry-header .d-flex{
    padding-top: 1.5rem;
	padding-bottom: 1rem;
	}
}
@media (min-width: 1024px) {
	.entry-header .d-flex{
    padding-top: 3.5rem;
	padding-bottom: 2rem;
	}
}
   


.builder-elements .wp-el + .wp-el:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){margin-top: 1.25rem}
.builder-elements h1.wp-el + *,
.builder-elements h2.wp-el + *,
.builder-elements h3.wp-el + *,
.builder-elements h4.wp-el + *,
.builder-elements h5.wp-el + *,
.builder-elements h6.wp-el + *{margin-top: 1.25rem}

body.single h2 {margin-top: 1.5rem}

.builder-elements .acf-block-element + .wp-el{margin-top: 4.375rem}

.block-colored-bg > .container > *:not(svg) + *,
.builder-elements > .container > *:not(.entry-header) + .w-max{margin-top: 110px}
.builder-elements > .container > .w-max + .w-max{margin-top: 0!important}
.builder-elements > .container > *:not(.entry-header) + .block-advanced-image{margin-top: 2.5rem!important}
.builder-elements > .container > .entry-header + *:not(.entry-submenu):not(.w-max){margin-top: 3.125rem}

@media (max-width: 1023px) {
	.builder-elements > .container > *:not(.entry-header) + .block-advanced-image{margin-top: 1rem!important}
	.builder-elements > .container > .entry-header + *:not(.entry-submenu):not(.w-max){margin-top: 1rem!important}
}
.builder-elements > .container > *:last-child:not(.w-max){margin-bottom: 6.875rem}

.block-colored-bg > .container > svg + *{margin-top: 0!important}

.builder-elements > .container > .w-max + *:not(.w-max){margin-top: 4.375rem!important}

.block-map{height: 570px; background-position: center; background-size: 1920px auto; background-repeat: no-repeat; color: #74060F; text-decoration: none!important}
a.block-map:hover{color: #000}
a.block-map:hover > span{text-decoration: underline}
.block-map .mappin-label{
    left: 50%;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.builder-elements > .container > * + h1, .builder-elements > .container > * + h2, .builder-elements > .container > * + h3, .builder-elements > .container > * + h4, .builder-elements > .container > * + h5{margin-top: 4.375rem}
.builder-elements > .container > * + h6{margin-top: 1.375rem}

.block-colored-bg{padding: 4.375rem 0}
@media (max-width: 1240px) {
	.block-colored-bg{padding: 2.375rem 0}
}
.team-item{max-width:270px;margin:0 auto}.team-txt{padding:20px 10px;bottom:0;left:0;z-index:1}.team-txt .text-primary{color:#3984EF!important}.team-txt > * + *{margin-top:.35rem}.team-txt > .display-1 + *{margin-top:.25rem}

.team-swiper > .swiper-button-prev,
.team-swiper > .swiper-button-next{margin-top: -40px}

.team-item .team-logo{top: 20px; left: 20px}

@media (min-width: 1340px){
    .swiper-outer > .swiper-button-prev{left: -65px}
    .swiper-outer > .swiper-button-next{right: -65px}
	#header.fullwidth-header > .container{max-width: 90%}
}
@media (max-width: 1339px){
    .swiper-outer > .swiper-button-prev,
    .swiper-outer > .swiper-button-next{width: 48px; height: 48px; background-color: #fff; border-radius: 50%}
    .swiper-outer > .swiper-button-prev{left: -24px}
    .swiper-outer > .swiper-button-next{right: -24px}

    .swiper-outer > .swiper-button-prev svg,
    .swiper-outer > .swiper-button-next svg{height: 32px; width: 24px}
}
@media (max-width: 1250px){
    .swiper-outer > .swiper-button-prev{left: 0}
    .swiper-outer > .swiper-button-next{right: 0}
}

.builder-elements > .container > .block-advanced-heading + *, .block-advanced-heading + *:not(svg),
.block-colored-bg > .container > .block-advanced-heading + *{margin-top: 30px}
.builder-elements > .container > * + .block-advanced-heading, *:not(svg) + .block-advanced-heading{margin-top: 70px}

.bg-gray .block-advanced-heading{color: #414141}

.block-colored-bg.pattern_topleft > .container > svg,
.block-colored-bg.pattern_topright > .container > svg{display: block; top: 50px; overflow: hidden}

.block-colored-bg.pattern_topleft > .container > svg{left: -245px}
.block-colored-bg.pattern_topright > .container > svg{right: -105px}

.block-colored-bg.bg-gray > .container > svg path, .block-colored-bg.bg-gray > .container > svg rect{fill: #C4C4C4}
.block-colored-bg.bg-dark > .container > svg path, .block-colored-bg.bg-dark > .container > svg rect{fill: #fff}

@media (max-width: 1360px){
	.block-colored-bg.pattern_topleft > .container > svg,
	.block-colored-bg.pattern_topright > .container > svg{display:none!important}
}

.row-logos .d-flex{width: 100%; height: 135px; padding: 5px 10px}

.wp-block-buttons{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -15px
}
.wp-block-buttons > .wp-block-button{margin: 0; padding: 15px}
.wp-block-buttons.aligncenter{
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.wp-block-buttons.alignright{
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.builder-elements > .container > * + .wp-block-buttons,
* + .wp-block-buttons{margin-top: 2.1875rem!important}

.row-videos .video-thumb{max-width: 370px}
.video-thumb > img{display: block; filter: url(filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear}
.video-thumb:hover > img{filter: none; -webkit-filter: grayscale(0)}
.video-thumb > svg{top: 50%; left: 50%; display: block; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}

.row-videos .video-item{max-width: 370px; margin: 0 auto}


.video-item > * + *{margin-top: 2rem}
.video-item h6{font-size: 1.125rem; line-height: 1.5rem}
.video-item .video-excerpt{font-size: 0.9375rem; line-height: 1.3125rem}
.readmore-link:not(:hover){color: inherit; text-decoration: none}
.readmore-link{font-size: 0.8125rem}
.readmore-link > svg{
    margin-left: 0.75rem;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.bg-primary .video-item,
.bg-dark .video-item{color: #fff}

.bg-primary .readmore-link,
.bg-dark .readmore-link{color: inherit}
.bg-primary .readmore-link svg path,
.bg-dark .readmore-link svg path{stroke: #fff}

.bg-gray .readmore-link svg path{stroke: #000}

.post-thumbnail{max-width: 370px}
.post-item{color: inherit; text-decoration: none!important; max-width: 370px; margin: 0 auto}
.post-item > *:not(.post-date) + *{margin-top: 1.25rem}

.post-date{color: #A1A1A1}
.post-item h6{font-size: 0.9375rem; line-height: 1.3125rem; font-weight: 700}
.post-item .readmore-link{color: #3984EF; font-weight: 700}
.post-item .readmore-link:hover{text-decoration: underline}
.post-item .readmore-link svg path{stroke: #3984EF}

.post-item:hover h6{color: #003C91}

.video-item:hover .readmore-link > svg,
.post-item:hover .readmore-link > svg,
.readmore-link:hover > svg{margin-left: 1rem}

.wp-block-table table th,
.wp-block-table table td{padding: 8px 30px 9px; line-height: 1.5rem}
.wp-block-table table thead > tr{
    background-color: #FBB400;
    color: #fff
}

.wp-block-table table tbody tr:nth-child(odd){background-color: #E5E5E5}
.wp-block-table table tbody tr:nth-child(even){background-color: #F2F2F2}

.wp-block-table table thead > tr > *{border-bottom: 2px solid #fff}
.wp-block-table table tbody > tr:not(:first-child) > *{border-top: 2px solid #fff}


.ai-logo{top: 1.875rem; left: 1.875rem}
.ai-txt{bottom: 1.875rem; left: 1.875rem; right: 1.875rem}
.ai-txt > * + *{margin-left: 1.875rem}


.builder-elements > .container > .w-max + #submenus{margin-top: 0!important}
.builder-elements > .container > #submenus{border-bottom: 1px solid #F0F0F0; position: relative}
.builder-elements > .container > #submenus:before,
.builder-elements > .container > #submenus:after{
    content: '';
    display: block;
    width: 150px;
    height: 1px;
    background-color: #F0F0F0;
    position: absolute;
    bottom: -1px
}
.builder-elements > .container > #submenus:before{left: 100%}.builder-elements > .container > #submenus:after{right: 100%}

.builder-elements > .container > #submenus + *:not(.w-max){margin-top: 4.375rem!important}

.gksm-custom-menu-widget{font-size: 0.9375rem; line-height: 1.5rem}
.gksm-custom-menu-widget ul{list-style: none; padding: 0; margin: 0}
.gksm-custom-menu-widget a{color: #000}
.gksm-custom-menu-widget li:hover > a,
.gksm-custom-menu-widget .current-menu-item > a,
.gksm-custom-menu-widget .current-menu-parent > a,
.gksm-custom-menu-widget .current-menu-ancestor > a{color: #FBB400}
    .gksm-custom-menu-widget > .submenu-widget > ul{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
    }
    .gksm-custom-menu-widget > .submenu-widget > ul > li:not(:last-child){margin-right: 30px}
    .gksm-custom-menu-widget > .submenu-widget > ul > li > a{
        text-decoration: none
    }
        @media (min-width: 992px){
            .gksm-custom-menu-widget > .submenu-widget > ul > li > a{
                position: relative;
                display: -ms-inline-flexbox;
                display: -webkit-inline-flex;
                display: inline-flex;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-align-content: center;
                -ms-flex-line-pack: center;
                align-content: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                height: 2rem;
            }
        }

.builder-elements *:not(.entry-header):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.acf-block-element) + .acf-block-element:not(.w-max),
.builder-elements .acf-block-element:not(.w-max):not(.acf-block-element) + *:not(.w-max){margin-top: 4.375rem}

.builder-elements .wp-el + .block-advanced-image{margin-top: 2.5rem}

.builder-elements > .container > .block-logos .row-logos .d-flex,
.bg-white .row-logos .d-flex{border: 1px solid #F0F0F0; padding: 4px 9px}

.block-banner .quicklinks{
    position: relative;
    padding: 30px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15)
}

.row-quicklinks{margin: -15px -48px}
.row-quicklinks > .col, 
.row-quicklinks > [class*="col-"]{padding: 15px 48px}

.row-quicklinks .d-flex{color: inherit; text-decoration: none!important; padding: 11px 40px 11px 0}
.row-quicklinks .d-flex:hover .display-4{color: #FBB400}
.row-quicklinks .d-flex > svg{
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.row-quicklinks .d-flex > svg,
.row-quicklinks .d-flex > svg path{
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.row-quicklinks .d-flex:hover > svg{right: -15px}
.row-quicklinks .d-flex:hover > svg path{stroke: #000}

.banner-image{overflow:hidden!important}
.banner-image > img{
    display: block;
    position: absolute;
    max-width: unset;
    left: 50%;
    top: 0;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
.banner-image > .container{
    top: 10%;
    left: 50%;
    bottom: 100px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 992px){
    .row-quicklinks > [class*="col-"]:not(:nth-child(3n+1)):before{
        content: '';
        display: block;
        width: 1px;
        position: absolute;
        top: 15px;
        left: -0.5px;
        bottom: 15px;
        background-color: #E5E5E5
    }
    .builder-elements > .container > .w-max.has-quicklinks + .w-max{margin-top: -60px!important; padding-top: 100px}
}
@media (min-width: 768px){
    .banner-image{height: 480px}
        .banner-image > img{width: 1920px}
    .block-banner > .container{margin-top: -6.25rem; position: relative; z-index: 1}
}
@media (max-width: 991px){
    .block-banner > .container{padding-left: 0; padding-right: 0}
    .row-quicklinks > [class*="col-"] + [class*="col-"]:before{
        content: '';
        display: block;
        height: 1px;
        position: absolute;
        left: 15px;
        top: -0.5px;
        right: 15px;
        background-color: #E5E5E5
    }
}
@media (max-width: 767px){
    .banner-image{height: 380px}
        .banner-image > img{width: 1560px}
    .block-banner > .container{margin-top:0}
	
}
@media (max-width: 640px){
    .banner-image{height: 300px}
        .banner-image > img{width: 1280px}
}
@media (max-width: 520px){
    .banner-image{height: 290px}
        .banner-image > img{width: 1280px}
}
@media (max-width: 420px){
    .banner-image{height: 240px}
        .banner-image > img{width: 960px}
}


.block-slider .product-item{
    max-width: 270px;
    margin: 0 auto
}
.product-item{color: inherit}
.product-item > .d-flex{
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    height: 270px;
    background-color: #fff;
    margin-bottom: 20px
}
.product-item > h6{font-size: 0.9375rem; line-height: 1.3125rem; font-weight: 700}
.product-item > p{font-size: 1.125rem; line-height: 2.125rem}

.product-item{text-decoration: none!important}
a.product-item:hover > h6{color: #FBB400}

.block-cta .col-lg-5 > * + *,
.block-cta .col-lg-5 > * + .wp-block-buttons{margin-top: 1rem!important}

.block-sponsorsupport a{color: inherit; text-decoration: none}
.block-sponsorsupport a:hover{color: #74060F}
.block-sponsorsupport .col-sponsor > .d-flex{-ms-flex-pack: center!important; justify-content: center!important}
.block-sponsorsupport .col-sponsor > .d-flex > p{width: 100%; text-align: center}
.block-sponsorsupport .col-sponsor > .d-flex > p + *{margin-top: 1rem}

.block-sponsorsupport .col-social > .d-flex > .socialmedia-links + p,
.block-sponsorsupport .col-support > .d-flex > img + p{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 30px
}
.block-sponsorsupport .col-social > .d-flex > .socialmedia-links + p{padding-right: 45px}


/* =============================================================================
   footer
   ========================================================================== */
#footer{
    background-color: #003C91;
    padding: 60px 0 60px;
    color: #fff;
}
body:not(.home) #footer {
	margin-top: 80px
}
@media (max-width: 1023px) {
	body:not(.home) #footer {
		margin-top: 20px !important
	}
}
#footer .col-heading{margin-bottom: 10px}
#footer .socialmedia-links{margin-top: 0}
#footer a:not(:hover) svg path{fill: #fff}
#footer a:hover svg path {fill: #FBB400}


#footer-menu{
    border-top: 1px solid rgba(255, 255, 255, .25);
    border-bottom: 1px solid rgba(255, 255, 255, .25)
}

#footer .container > .row + *{margin-top: 2.5rem}
#footer .container > * + .row{margin-top: 2rem}

#footer .editor-content a:not(:hover){color: inherit}
#footer .editor-content a:hover{color: #FBB400}

.footer-info{margin: -15px}
.footer-info > *{padding: 15px}

/* =============================================================================
   media query
   ========================================================================== */
@media (max-width: 1200px) {
	.footer-logo {
		top: 50px;
		padding: 20px;
		width: auto !important;
		height: auto !important;
	}
	.footer-logo img {
		max-width: 80px;
	}
}
@media (min-width: 1024px){
    #menu-toggle{display: none}
    
    
    #header > .container > .row{padding-top: 1.5rem; padding-bottom: 1.5rem;}
	#header.fixed > .container > .row{padding-top: .2rem; padding-bottom: .2rem;}

    #header-items{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: -15px
    }
    #header-items > *{
        padding: 15px
    }
    #header-items > #primary-menu{
        -ms-flex-order: 1;
        order: 1;
    }
    #header-items > #primary-menu:not(.menu-wide){
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    #header-items > #primary-menu.menu-wide{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        flex: 0 0 auto\0
    }
        #header-items > #primary-menu > ul{
            margin: -15px;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-align-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }
            #header-items > #primary-menu > ul > li{padding: 10px}
            #primary-menu li{position: relative}
                #primary-menu li > ul{
                    display: block;
                    width: calc(100% + 3rem);
                    min-width: 20rem;
                    padding: 1rem 1.5rem;
                    box-shadow: 0 1.5rem 1.5rem rgba(0, 0, 0, .1);
                    z-index: 20000;
                    background-color: #fff;
                    position: absolute;
                    top: 100%;
                    right: -1.5rem;
                    pointer-events: none;
                    opacity: 0;
                    transform: translateY(2rem);
                    transition: all .2s;
                }
                #primary-menu li:hover > ul{
                    pointer-events: all;
                    opacity: 1;
                    transform: translateY(0);
                    transition: all .2s;
                }
                #primary-menu li > ul a{display: block; padding: 10px 0}
                #primary-menu li > ul > li + li{border-top: 1px solid #F2F2F2}

    /* Compact desktop header after the page has been scrolled. */
    #header.fixed > .container > .row{
        min-height: 44px;
        padding-top: 0;
        padding-bottom: 0;
        justify-content: center;
    }
    #header.fixed .col-logo,
    #header.fixed .col-dropdown,
    #header.fixed .header-social{
        display: none;
    }
    #header.fixed .col-nav{
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: auto;
        max-width: 100%;
    }
    #header.fixed #header-items{
        margin: 0;
        flex-wrap: nowrap;
        justify-content: center;
    }
    #header.fixed #header-items > #primary-menu,
    #header.fixed #header-items > #primary-menu:not(.menu-wide),
    #header.fixed #header-items > #primary-menu.menu-wide{
        flex: 0 1 auto;
        width: auto;
        max-width: 100%;
        padding: 0;
    }
    #header.fixed #header-items > #primary-menu > ul{
        margin: 0;
        flex-wrap: nowrap;
        justify-content: center;
    }
    #header.fixed #header-items > #primary-menu > ul > li{
        padding: 0;
    }
    #header.fixed #header-items > #primary-menu > ul > li > a{
        display: block;
        padding: 11px 12px;
        white-space: nowrap;
    }
}
@media (max-width: 1023px){
    
    #header > .container > .row{height: 70px}

    #header .col-dropdown{
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
		padding-left: 0 !important;
    }
    #header .col-logo svg{height: 50px; width: 40.31px}
    #header .col-nav{
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
        flex: 0 0 auto\0;
    }

    body.toggled{overflow: hidden}
    
    #menu-toggle{display:block!important;transition:.8s ease;z-index:9999;position:relative;height:40px;width:40px;background: #003C91; border:none; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
	#menu-toggle .menui{display:block;position:absolute;width:26px;top:50%;left:50%;margin:-1px 0 0 -13px;height:2px;background:#FBB400;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out;border-radius:1px}
	#menu-toggle:not(.toggled) .menui.top-menu{margin-top:-6px}
	#menu-toggle:not(.toggled) .menui.bot-menu{margin-top:4px}
	#menu-toggle.toggled .menui.top-menu{top:18px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
	#menu-toggle.toggled .menui.mid-menu{opacity:0}
	#menu-toggle.toggled .menui.bot-menu{top:18px;-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}
	
	
	#header-items{
        position: fixed;
        width: 100%;
        top: 0;
        bottom: 0;
        background-color: #fff;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        width: 270px;
        padding: 90px 15px 20px 15px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    
    #header-items > .header-dropdown{
        padding-bottom: 15px;
    }
    #header-items > #primary-menu{
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        overflow-y: auto;
    }
    #header-items > .header-social{
        padding-top: 15px;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }

    #header-items:not(.toggled){right: -360px}
    #header-items.toggled{right: 0}

    #primary-menu li{position: relative}
    #primary-menu a{display: block; line-height: 24px; padding: 10px 15px}
        #primary-menu > ul > li + li{border-top: 1px solid #dee2e6}
        
        #primary-menu > ul > li > a{padding-left: 0}
        
    #primary-menu li > ul{
        display: none;
        background-color: #fff;
        padding: 10px 0
    }

    #primary-menu .menu-item-has-children > a{padding-right: 65px}
    #primary-menu .menu-item-has-children > .sub-menu-toggle{
        cursor: pointer;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        width: 32px;
        height: 32px;
        position: absolute;
        top: 5px;
        right: 0;
        border-radius: 50%;
        z-index: 10;
        border: 1px solid #dee2e6
    }
    #primary-menu .menu-item-has-children > .sub-menu-toggle.active svg{
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
	#location {display: none !important;}
	body:not(.home) #footer {margin-top:100px}
}
@media (min-width: 992px){
    #submenus > .btn{display: none!important}
    #submenuCollapse{display: block!important; height: auto!important}
}
@media (max-width: 991px){
    #footer{text-align: center}

    .footer-info > li{width: 100%}

    #footer .centered-menu > ul > li{
        width: 100%
    }
    #submenus{padding: 15px 0}
    #submenus #submenuCollapse .gksm-custom-menu-widget{padding-top: 15px}

    .gksm-custom-menu-widget > .submenu-widget > ul > li{width: 100%}
        .gksm-custom-menu-widget > .submenu-widget > ul > li:not(:last-child){margin-right: 0}

        .gksm-custom-menu-widget > .submenu-widget > ul > li + li{border-top: 1px solid #F0F0F0}
        .gksm-custom-menu-widget > .submenu-widget > ul > li > a{padding: 10px 0; display: block}

    #submenus .btn{width: 100%}
    #submenus .btn:not(.collapsed) .menu-show,
    #submenus .btn.collapsed .menu-hide{display: none!important}
}
@media (max-width: 768px){
    .heading-1,
    .display-1{font-size: 2rem; line-height: 1em}
    .heading-2{font-size: 1.5rem; line-height: 1em}
    .display-3{font-size: 1rem; line-height: 1em}

    .ai-logo img{max-height: 50px; width: auto}
}

/* Contact Form 7 */
.wpcf7 .form-group {
    margin-bottom: 0
}

.wpcf7 label {
    font-weight: 700;
    text-transform: uppercase;
	  margin-top: 1rem;
	margin-bottom: .3rem;
	width: 100% !important;
}


.wpcf7 h1:not(:first-child),
.wpcf7 h2:not(:first-child),
.wpcf7 h3:not(:first-child),
.wpcf7 h4:not(:first-child),
.wpcf7 h5:not(:first-child),
.wpcf7 h6:not(:first-child) {
    margin-top: 3rem
}

.wpcf7 input:not(.btn):not([type=file]),
.wpcf7 textarea,
.wpcf7 select {
  
  background-color: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  display: block;
  border: 1px solid #ced4da;
    box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .06);
    height: auto;
    font-size: 1rem;
    line-height: 1.2rem;
    padding: .8rem;
	width: 100% !important;
  outline: none;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
   white-space: nowrap;
  width: auto;
}

.wpcf7 input:not(.btn):not([type=file]):focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
    border-color: #999;
}

.wpcf7 textarea {
    resize: none;
    height: 7rem
}

.wpcf7 .btn {
    margin-top: 1rem
}

.wpcf7 span>strong {
    display: inline-block;
    margin-top: .5rem
}
.wpcf7-response-output {
	border-radius: 5px;
	padding: 10px;
}
.wpcf7 form .wpcf7-response-output {
	margin: 0;
	padding: .2rem .5rem;
}
.wpcf7 form.sent .wpcf7-response-output {
	background: #46b450;
	color: #fff;
	border: none;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	background: #dc212c;
	color: #fff;
	border: none;
}

.wpcf7 .wpcf7-not-valid-tip {
    color: #dc212c
}

.wpcf7 .alert {
    margin-top: 30px
}


@media(max-width: 991.98px) {
    .wpcf7 input:not(.btn),
    .wpcf7 select,
    .wpcf7 textarea {
        padding: .8rem
    }
}

.wrap_svl_center {margin-bottom: -15px;}

.ui-accordion iframe + h2 {margin-top: 1rem}

.wpcf7-spinner {display: block; text-align: center; margin-top: .5rem}

.wp-block-separator {border-top: solid 1px #e3e3e3 !important;}

hr + h2 {
	margin-top: 0rem !important;
}
/* =============================================================================
   Merkuur-Juunior 2026: typography, header and home hero
   ========================================================================== */

@font-face {
    font-family: 'Glancyr';
    src: local('Glancyr ExtraLight'), local('Glancyr-ExtraLight'), url('../fonts/Glancyr-ExtraLight.otf') format('opentype');
    font-style: normal;
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Glancyr';
    src: local('Glancyr Light'), local('Glancyr-Light'), url('../fonts/Glancyr-Light.otf') format('opentype');
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Glancyr';
    src: local('Glancyr Regular'), local('Glancyr-Regular'), url('../fonts/Glancyr-Regular.otf') format('opentype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Glancyr';
    src: local('Glancyr Medium'), local('Glancyr-Medium'), url('../fonts/Glancyr-Medium.otf') format('opentype');
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Glancyr';
    src: local('Glancyr SemiBold'), local('Glancyr-SemiBold'), url('../fonts/Glancyr-SemiBold.otf') format('opentype');
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Glancyr';
    src: local('Glancyr Bold'), local('Glancyr-Bold'), url('../fonts/Glancyr-Bold.otf') format('opentype');
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

/* Onest stays the reading font. Glancyr is reserved for display elements. */
html,
body,
input,
select,
textarea {
    font-family: 'Onest', Arial, sans-serif;
}
body {
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
#header #primary-menu,
.site-name,
.mj-button,
button,
.btn,
input[type='button'],
input[type='submit'],
input[type='reset'] {
    font-family: 'Glancyr', 'Onest', Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #003c91;
    font-weight: 500;
}

.mj-hero__title,
.mj-page-hero__title {
    color: #fff;
}
.mj-hero__title-accent {
    color: #fbb400;
}
strong,
b,
.font-weight-bold {
    font-weight: 700 !important;
}
.font-weight-medium {
    font-weight: 500 !important;
}

.mj-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 7px 30px 8px;
    border: 0;
    border-radius: 999px;
    color: #003c91 !important;
    background: #fbb400;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
    white-space: nowrap;
    transition: color .2s ease, background-color .2s ease, transform .2s ease;
}
.mj-button:hover {
    color: #fff !important;
    background: #003c91;
    transform: translateY(-1px);
}

/* Header */
#header {
    height: 90px;
    overflow: visible;
    box-shadow: none;
    transition: height .2s ease, box-shadow .2s ease;
}
#header .mj-header-container {
    width: calc(100% - 64px);
    max-width: 1555px !important;
    height: 100%;
    padding-right: 0;
    padding-left: 0;
}
#header .mj-header-row {
    min-height: 90px;
    height: 100%;
    margin: 0;
    padding: 0;
    flex-wrap: nowrap;
    align-items: center;
    transition: min-height .2s ease;
}
#header .col-logo {
    position: relative;
    z-index: 104;
    display: flex;
    align-items: center;
    flex: 0 0 180px;
    width: 180px;
    max-width: 180px;
    height: 90px;
    padding: 0;
}
#header .site-logo {
    display: block;
    width: 92px;
    transition: width .2s ease, opacity .15s ease;
}
#header .site-logo img {
    display: block;
    width: 100%;
    height: auto;
}
#header .site-name {
    display: none;
}
.home #header:not(.fixed) .site-logo {
    position: absolute;
    top: 20px;
    left: 0;
    width: 140px;
}
#header .col-nav {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    height: 100%;
    padding: 0;
}
#header #header-items {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    margin: 0;
    gap: 24px;
}
#header #header-items > * {
    padding: 0;
}
#header #header-items > #primary-menu {
    order: 1;
    flex: 1 1 auto;
    width: auto;
    max-width: none;
}
#header #header-items > .header-social {
    order: 2;
    flex: 0 0 auto;
}
#header #header-items > .header-cta {
    order: 3;
    flex: 0 0 auto;
}
#header #primary-menu {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.25;
}
#header #primary-menu > ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    margin: 0;
    gap: clamp(18px, 1.6vw, 32px);
}
#header #primary-menu > ul > li {
    padding: 0;
}
#header #primary-menu > ul > li > a {
    display: block;
    padding: 12px 0;
    color: #003c91;
    font-weight: 500;
    white-space: nowrap;
}
#header #primary-menu a:hover,
#header #primary-menu .current-menu-item > a,
#header #primary-menu .current-menu-parent > a,
#header #primary-menu .current-menu-ancestor > a {
    color: #fbb400;
    font-weight: 500;
}
#header .header-social .socialmedia-links {
    margin: 0 -6px;
    flex-wrap: nowrap;
}
#header .header-social .socialmedia-links > li {
    padding: 6px;
}
#header .header-social .socialmedia-links a {
    display: block;
    line-height: 0;
}
#header .header-social .socialmedia-links a svg {
    display: block;
    width: 30px;
    height: 30px;
    overflow: visible;
}
#header .header-cta {
    min-height: 34px;
    padding: 4px 38px 5px;
}

/* Compact sticky header. */
#header.fixed {
    height: 54px;
    box-shadow: 0 12px 30px rgba(0, 45, 110, .09);
}
#header.fixed .mj-header-row {
    min-height: 54px;
    height: 54px;
    justify-content: center;
}
#header.fixed .col-logo,
#header.fixed .header-social {
    display: none;
}
#header.fixed .col-nav {
    flex: 0 1 auto;
    width: auto;
    max-width: 100%;
    height: 54px;
}
#header.fixed #header-items {
    width: auto;
    height: 54px;
    gap: 26px;
    justify-content: center;
}
#header.fixed #header-items > #primary-menu {
    flex: 0 1 auto;
}
#header.fixed #primary-menu > ul {
    gap: 26px;
    justify-content: center;
}
#header.fixed #primary-menu > ul > li > a {
    padding: 8px 0;
    font-size: 1rem;
}
#header.fixed .header-cta {
    min-height: 32px;
    padding: 3px 32px 4px;
    font-size: 1rem;
}

/* Home hero */
.mj-hero {
    position: relative;
    isolation: isolate;
    width: calc(100% - 64px);
    max-width: 1800px;
    min-height: 620px;
    aspect-ratio: 1800 / 820;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 36px;
    background: #21428b;
}
.mj-hero__media,
.mj-hero__gradient {
    position: absolute;
    inset: 0;
}
.mj-hero__media {
    z-index: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.mj-hero__video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.mj-hero__gradient {
    z-index: 1;
    background: linear-gradient(to top, rgba(33, 66, 139, 1) 0%, rgba(0, 79, 187, 0) 59%);
    pointer-events: none;
}
.mj-hero__arc {
    position: absolute;
    z-index: 2;
    display: block;
    max-width: none;
    pointer-events: none;
    user-select: none;
}
.mj-hero__arc--small {
    top: 0;
    right: 0;
    width: 20%;
    min-width: 290px;
}
.mj-hero__arc--large {
    right: 0;
    bottom: 0;
    width: 30%;
    min-width: 430px;
}
.mj-hero__content {
    position: absolute;
    z-index: 3;
    left: 7.5%;
    bottom: 11.5%;
    width: min(760px, 56%);
    color: #fff;
}
.mj-hero__title {
    margin: 0;
    color: #fff;
    font-size: clamp(3.5rem, 4.05vw, 4.75rem);
    font-weight: 600;
    line-height: .83;
    letter-spacing: -.035em;
}
.mj-hero__title > span {
    display: block;
}
.mj-hero__title-accent {
    color: #fbb400;
}
.mj-hero__text {
    max-width: 740px;
    margin-top: 25px;
    font-family: 'Onest', Arial, sans-serif;
    font-size: clamp(1.05rem, 1.08vw, 1.25rem);
    font-weight: 400;
    line-height: 1.24;
}
.mj-hero__text p {
    margin: 0;
}
.mj-hero__text strong {
    font-family: 'Onest', Arial, sans-serif;
    font-weight: 700 !important;
}
.mj-hero__button {
    margin-top: 27px;
}
.home .builder-elements {
    padding-top: 76px;
}

/* Slightly tighter large-desktop layout before switching to the drawer. */
@media (min-width: 1440px) and (max-width: 1660px) {
    #header .mj-header-container {
        width: calc(100% - 48px);
    }
    #header .col-logo {
        flex-basis: 145px;
        width: 145px;
        max-width: 145px;
    }
    .home #header:not(.fixed) .site-logo {
        width: 125px;
    }
    #header #header-items {
        gap: 18px;
    }
    #header #primary-menu {
        font-size: 1rem;
    }
    #header #primary-menu > ul {
        gap: clamp(13px, 1.2vw, 22px);
    }
    #header .header-social .socialmedia-links > li {
        padding: 5px;
    }
    #header .header-social .socialmedia-links a svg {
        width: 30px;
        height: 30px;
    }
    #header .header-cta {
        padding-top: 3px;
        padding-right: 34px;
        padding-bottom: 4px;
        padding-left: 34px;
        font-size: 1rem;
    }
}

/* Tablet and mobile: a true off-canvas menu. */
@media (max-width: 1439.98px) {
    #header {
        height: 74px;
    }
    #header .mj-header-container {
        width: calc(100% - 32px);
        max-width: none !important;
    }
    #header .mj-header-row,
    #header > .container > .row {
        min-height: 74px;
        height: 74px;
        padding: 0;
        justify-content: space-between;
    }
    #header .col-logo {
        display: flex;
        align-items: center;
        flex: 1 1 auto;
        width: auto;
        max-width: none;
        height: 74px;
    }
    #header .site-logo,
    .home #header:not(.fixed) .site-logo {
        position: absolute;
        top: 8px;
        left: 0;
        width: 84px;
    }
    #header .col-nav {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        height: 74px;
        margin-left: auto;
    }
    #menu-toggle {
        display: block !important;
        flex: 0 0 auto;
    }
    #header #header-items {
        position: fixed;
        z-index: 9998;
        top: 0;
        right: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        width: min(390px, 92vw);
        height: 100dvh;
        margin: 0;
        padding: 92px 28px 32px;
        gap: 0;
        overflow: hidden;
        background: #fff;
        box-shadow: -20px 0 50px rgba(0, 45, 110, .14);
        transform: translateX(105%);
        visibility: hidden;
        pointer-events: none;
        transition: transform .25s ease, visibility 0s linear .25s;
    }
    #header #header-items.toggled {
        transform: translateX(0);
        visibility: visible;
        pointer-events: auto;
        transition: transform .25s ease, visibility 0s;
    }
    #header #header-items > #primary-menu,
    #header #header-items > #primary-menu:not(.menu-wide),
    #header #header-items > #primary-menu.menu-wide {
        order: 1;
        flex: 1 1 auto;
        width: 100%;
        max-width: 100%;
        padding: 0;
        overflow-y: auto;
    }
    #header #header-items > .header-social {
        order: 2;
        display: block;
        width: 100%;
        padding-top: 24px;
    }
    #header #header-items > .header-cta {
        order: 3;
        width: 100%;
        min-height: 40px;
        margin-top: 22px;
        padding: 7px 30px 8px;
    }
    #header #primary-menu > ul {
        display: block;
        margin: 0;
    }
    #header #primary-menu > ul > li {
        padding: 0;
    }
    #header #primary-menu > ul > li + li {
        border-top: 1px solid #edf1f8;
    }
    #header #primary-menu > ul > li > a {
        padding: 13px 0;
        font-size: 1.125rem;
    }
    #header .header-social .socialmedia-links {
        justify-content: flex-start;
    }

    #header.fixed {
        height: 60px;
    }
    #header.fixed .mj-header-row,
    #header.fixed > .container > .row {
        min-height: 60px;
        height: 60px;
        justify-content: flex-end;
    }
    #header.fixed .col-logo {
        display: none;
    }
    #header.fixed .col-nav {
        display: flex;
        flex: 0 0 auto;
        width: auto;
        height: 60px;
        margin-left: auto;
        justify-content: flex-end;
    }
    #header.fixed #header-items {
        width: min(390px, 92vw);
        height: 100dvh;
        gap: 0;
        justify-content: flex-start;
    }
    #header.fixed #header-items > #primary-menu {
        flex: 1 1 auto;
    }
    #header.fixed #primary-menu > ul {
        display: block;
    }
    #header.fixed #primary-menu > ul > li > a {
        padding: 13px 0;
        font-size: 1.125rem;
    }
    #header.fixed #header-items .header-social {
        display: block;
    }
    #header.fixed .header-cta {
        min-height: 40px;
        padding: 7px 30px 8px;
        font-size: 1.125rem;
    }

    .mj-hero {
        width: calc(100% - 32px);
        min-height: 610px;
        height: clamp(610px, 68vw, 760px);
        aspect-ratio: auto;
        border-radius: 28px;
    }
    .mj-hero__arc--small {
        width: 28%;
        min-width: 220px;
    }
    .mj-hero__arc--large {
        width: 42%;
        min-width: 360px;
    }
    .mj-hero__content {
        left: 5.5%;
        bottom: 8%;
        width: min(700px, 70%);
    }
    .mj-hero__title {
        font-size: clamp(3.15rem, 6vw, 4.2rem);
    }
    .mj-hero__text {
        max-width: 670px;
        font-size: clamp(1.05rem, 1.75vw, 1.2rem);
    }
}

@media (max-width: 767.98px) {
    #header {
        height: 70px;
    }
    #header .mj-header-container {
        width: calc(100% - 24px);
    }
    #header .mj-header-row,
    #header > .container > .row {
        min-height: 70px;
        height: 70px;
    }
    #header .col-logo {
        height: 70px;
        min-width: 0;
    }
    #header .site-logo,
    .home #header:not(.fixed) .site-logo {
        top: 4px;
        width: 66px;
    }
    #header .site-name {
        display: block;
        flex: 0 1 auto;
        max-width: none;
        margin-left: 78px;
        overflow: hidden;
        color: #003c91;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #header.fixed .col-logo {
        display: flex;
        height: 60px;
    }
    #header.fixed .site-logo {
        top: 3px;
        width: 56px;
    }
    #header.fixed .site-name {
        margin-left: 67px;
        font-size: .94rem;
    }
    #header .col-nav {
        height: 70px;
    }
    #menu-toggle {
        width: 42px;
        height: 42px;
        margin-left: 12px;
    }
    #header #header-items {
        width: min(360px, 94vw);
        padding: 86px 24px 28px;
    }
    #header.fixed #header-items {
        width: min(360px, 94vw);
    }

    .mj-hero {
        width: calc(100% - 24px);
        min-height: 620px;
        height: calc(100svh - 88px);
        max-height: 760px;
        border-radius: 24px;
    }
    .mj-hero__media,
    .mj-hero__video {
        background-position: 47% center;
        object-position: 47% center;
    }
    .mj-hero__gradient {
        background: linear-gradient(to top, rgba(33, 66, 139, 1) 0%, rgba(0, 79, 187, .82) 24%, rgba(0, 79, 187, 0) 70%);
    }
    .mj-hero__arc--small {
        top: 0;
        right: -34px;
        width: 190px;
        min-width: 0;
    }
    .mj-hero__arc--large {
        right: -145px;
        bottom: -65px;
        width: 340px;
        min-width: 0;
        opacity: .78;
    }
    .mj-hero__content {
        left: 24px;
        right: 24px;
        bottom: 34px;
        width: auto;
        max-width: 540px;
    }
    .mj-hero__title {
        font-size: clamp(2.55rem, 12.5vw, 3.6rem);
        line-height: .86;
    }
    .mj-hero__text {
        max-width: 500px;
        margin-top: 22px;
        font-size: 1rem;
        line-height: 1.24;
    }
    .mj-hero__button {
        margin-top: 22px;
    }
    .home .builder-elements {
        padding-top: 48px;
    }
}

@media (max-width: 420px) {
    #header .site-name {
        max-width: none;
        margin-left: 70px;
        font-size: .9rem;
    }
    #header.fixed .site-name {
        margin-left: 64px;
        font-size: .86rem;
    }
    #header .site-logo,
    .home #header:not(.fixed) .site-logo {
        width: 62px;
    }
    .mj-hero {
        min-height: 590px;
    }
    .mj-hero__content {
        left: 20px;
        right: 20px;
        bottom: 28px;
    }
    .mj-hero__title {
        font-size: 2.55rem;
    }
    .mj-hero__text {
        font-size: .96rem;
    }
}


@media (max-width: 359.98px) {
    #header .mj-header-container {
        width: calc(100% - 16px);
    }
    #header .site-logo,
    .home #header:not(.fixed) .site-logo {
        width: 56px;
    }
    #header .site-name {
        margin-left: 62px;
        font-size: .8rem;
    }
    #header.fixed .site-logo {
        width: 52px;
    }
    #header.fixed .site-name {
        margin-left: 58px;
        font-size: .76rem;
    }
    #menu-toggle {
        width: 38px;
        height: 38px;
        margin-left: 6px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mj-button,
    #header,
    #header .mj-header-row,
    #header .site-logo,
    #header #header-items {
        transition: none;
    }
    .mj-hero__video {
        display: none;
    }
}

/* =============================================================================
   Merkuur-Juunior 2026 v1.6.0 refinements
   ========================================================================== */

/* Glancyr buttons need a little less space below the baseline. */
.mj-button,
.btn,
.wp-block-button__link,
input[type='button'],
input[type='submit'],
input[type='reset'] {
    font-family: 'Glancyr', 'Onest', Arial, sans-serif !important;
    padding: 10px 24px 6px !important;
    line-height: 1.1;
}

/* Exact Figma-aligned CTA paddings. */
#header .header-cta,
#header.fixed .header-cta,
#header #header-items > .header-cta {
    min-height: 0 !important;
    padding: 10px 20px 10px 20px !important;
}
.mj-hero__button {
    min-height: 0 !important;
    padding: 8px 30px 8px !important;
}

/* News-card headings. */
.post-item h6 {
    color: #003c91;
    font-size: 1.375rem;
    line-height: 1.18;
    font-weight: 600;
}
.post-item:hover h6,
.post-item:focus h6 {
    color: #003c91;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .14em;
}

/* Partner/support boxes, while the logos themselves remain unrounded. */
.row-logos .d-flex,
.block-sponsorsupport .col-sponsor > .d-flex,
.block-sponsorsupport .col-social > .d-flex,
.block-sponsorsupport .col-support > .d-flex {
    border-radius: 20px;
    overflow: hidden;
}

/* Meie inimesed: infinite slider with arrows around a progress line. */
.team-swiper > .swiper-button-prev,
.team-swiper > .swiper-button-next {
    margin-top: 0;
}
.team-slider-nav {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 42px;
    gap: 18px;
}
.team-slider-nav .swiper-button-prev,
.team-slider-nav .swiper-button-next {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0 !important;
    border: 2px solid #003c91;
    border-radius: 50%;
    background: transparent;
    color: #003c91;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease;
}
.team-slider-nav .swiper-button-prev::after,
.team-slider-nav .swiper-button-next::after {
    display: none;
}
.team-slider-nav .swiper-button-prev svg,
.team-slider-nav .swiper-button-next svg {
    display: block;
    width: 22px;
    height: auto;
}
.team-slider-nav .swiper-button-prev svg path,
.team-slider-nav .swiper-button-next svg path {
    fill: #003c91;
    transition: fill .2s ease;
}
.team-slider-nav .swiper-button-prev:hover,
.team-slider-nav .swiper-button-next:hover {
    border-color: #fbb400;
    background: #fbb400;
}
.team-slider-nav .swiper-pagination {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    flex: 1 1 auto;
    width: auto;
    height: 3px;
    margin: 0;
    overflow: hidden;
    border-radius: 999px;
    background: #d8dfeb;
}
.team-slider-nav .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    border-radius: 999px;
    background: #003c91;
}

/* New Maksimum footer credit. */
#footer .maksimum-credit {
    line-height: 0;
}
#footer .maksimum-credit svg {
    display: block;
    width: 180px;
    height: auto;
}
#footer .maksimum-credit svg path {
    fill: #fff;
    transition: fill .2s ease;
}
#footer .maksimum-credit:hover svg path {
    fill: #fbb400;
}

/* The off-canvas breakpoint starts at 1439px, so the complete burger styling
   and club name must exist there too, not only below the old 1023px breakpoint. */
@media (max-width: 1439.98px) {
    body.toggled {
        overflow: hidden;
    }
    #header .site-name {
        display: block;
        flex: 0 1 auto;
        margin-left: 100px;
        overflow: hidden;
        color: #003c91;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #menu-toggle {
        position: relative;
        z-index: 9999;
        display: block !important;
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        margin-left: 16px;
        padding: 0 !important;
        border: 0;
        border-radius: 50%;
        background: #003c91;
    }
    #menu-toggle .menui {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 26px;
        height: 2px;
        margin: 0;
        border-radius: 2px;
        background: #fbb400;
        transition: transform .25s ease, opacity .2s ease;
    }
    #menu-toggle:not(.toggled) .menui.top-menu {
        transform: translate(-50%, -7px);
    }
    #menu-toggle:not(.toggled) .menui.mid-menu {
        transform: translate(-50%, -50%);
    }
    #menu-toggle:not(.toggled) .menui.bot-menu {
        transform: translate(-50%, 5px);
    }
    #menu-toggle.toggled .menui.top-menu {
        top: 50%;
        margin: 0;
        transform: translate(-50%, -50%) rotate(45deg);
    }
    #menu-toggle.toggled .menui.mid-menu {
        opacity: 0;
        transform: translate(-50%, -50%);
    }
    #menu-toggle.toggled .menui.bot-menu {
        top: 50%;
        margin: 0;
        transform: translate(-50%, -50%) rotate(-45deg);
    }
    #header.fixed .mj-header-row,
    #header.fixed > .container > .row {
        justify-content: space-between;
    }
    #header.fixed .col-logo {
        display: flex;
        height: 60px;
    }
    #header.fixed .site-logo {
        top: 3px;
        width: 58px;
    }
    #header.fixed .site-name {
        margin-left: 72px;
        font-size: .92rem;
    }
}

@media (max-width: 767.98px) {
    .post-item h6 {
        font-size: 1.2rem;
    }
    .team-slider-nav {
        margin-top: 30px;
        gap: 12px;
    }
    .team-slider-nav .swiper-button-prev,
    .team-slider-nav .swiper-button-next {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }
    #header .site-name {
        margin-left: 78px;
        font-size: .92rem;
    }
    #header.fixed .site-name {
        margin-left: 67px;
        font-size: .86rem;
    }
}

@media (max-width: 420px) {
    #header .site-name {
        margin-left: 70px;
        font-size: .82rem;
    }
    #header.fixed .site-name {
        margin-left: 64px;
        font-size: .78rem;
    }
}

@media (max-width: 359.98px) {
    #header .site-name {
        margin-left: 62px;
        font-size: .74rem;
    }
    #header.fixed .site-name {
        margin-left: 58px;
        font-size: .7rem;
    }
}

/* =============================================================================
   Merkuur-Juunior 2026 v1.7.0: internal page hero and slider alignment
   ========================================================================== */

/* The old Swiper navigation rule translates arrows upward by 50%. Resetting
   that transform lets Flexbox centre the progress line and both arrows on the
   same horizontal axis. */
.team-slider-nav .swiper-button-prev,
.team-slider-nav .swiper-button-next {
    top: auto !important;
    transform: none !important;
}
.team-slider-nav .swiper-pagination {
    align-self: center;
    display: block;
    transform: none !important;
}

/* Compact internal-page header. The larger logo deliberately extends below
   the white header and overlaps the page hero, matching the home-page motif. */
:is(.page:not(.home), .single-post, .category) #header:not(.fixed) {
    height: 76px;
    box-shadow: none;
}
:is(.page:not(.home), .single-post, .category) #header:not(.fixed) .mj-header-row,
:is(.page:not(.home), .single-post, .category) #header:not(.fixed) > .container > .row {
    min-height: 76px;
    height: 76px;
}
:is(.page:not(.home), .single-post, .category) #header:not(.fixed) .col-logo,
:is(.page:not(.home), .single-post, .category) #header:not(.fixed) .col-nav {
    height: 76px;
}
:is(.page:not(.home), .single-post, .category) #header:not(.fixed) .site-logo {
    position: absolute;
    top: 12px;
    left: 0;
    width: 118px;
}

/* Internal-page hero. */
.mj-page-hero {
    position: relative;
    isolation: isolate;
    width: calc(100% - 64px);
    max-width: 1800px;
    height: 300px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 32px;
    background: #21428b;
}
.mj-page-hero__media,
.mj-page-hero__overlay,
.mj-page-hero__content {
    position: absolute;
    inset: 0;
}
.mj-page-hero__media {
    z-index: 0;
    background-position: center 38%;
    background-repeat: no-repeat;
    background-size: cover;
}
.mj-page-hero__overlay {
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 79, 187, .26) 0%, rgba(33, 66, 139, .66) 100%);
    pointer-events: none;
}
.mj-page-hero__content {
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 9% 30px;
    text-align: center;
}
.mj-page-hero__title {
    max-width: 1100px;
    margin: 0;
    color: #fff;
    font-size: clamp(2.8rem, 4vw, 4.25rem);
    font-weight: 600;
    line-height: .95;
    letter-spacing: -.025em;
    text-shadow: 0 3px 18px rgba(0, 35, 95, .3);
}
:is(.page:not(.home), .single-post, .category) .builder-elements {
    padding-top: 64px;
    background: #fff;
}
:is(.page:not(.home), .single-post, .category) .builder-elements > .container > .entry-header {
    display: none;
}

@media (max-width: 1439.98px) {
    :is(.page:not(.home), .single-post, .category) #header:not(.fixed),
    :is(.page:not(.home), .single-post, .category) #header:not(.fixed) .mj-header-row,
    :is(.page:not(.home), .single-post, .category) #header:not(.fixed) > .container > .row,
    :is(.page:not(.home), .single-post, .category) #header:not(.fixed) .col-logo,
    :is(.page:not(.home), .single-post, .category) #header:not(.fixed) .col-nav {
        height: 70px;
        min-height: 70px;
    }
    :is(.page:not(.home), .single-post, .category) #header:not(.fixed) .site-logo {
        top: 5px;
        width: 80px;
    }
    :is(.page:not(.home), .single-post, .category) #header:not(.fixed) .site-name {
        margin-left: 94px;
    }
    .mj-page-hero {
        width: calc(100% - 32px);
        height: 270px;
        border-radius: 28px;
    }
    .mj-page-hero__content {
        padding-top: 42px;
    }
    .mj-page-hero__title {
        font-size: clamp(2.5rem, 5.8vw, 3.6rem);
    }
    :is(.page:not(.home), .single-post, .category) .builder-elements {
        padding-top: 52px;
    }
}

@media (max-width: 767.98px) {
    :is(.page:not(.home), .single-post, .category) #header:not(.fixed) .site-logo {
        top: 4px;
        width: 68px;
    }
    :is(.page:not(.home), .single-post, .category) #header:not(.fixed) .site-name {
        margin-left: 80px;
    }
    .mj-page-hero {
        width: calc(100% - 24px);
        height: 225px;
        border-radius: 24px;
    }
    .mj-page-hero__media {
        background-position: center 34%;
    }
    .mj-page-hero__content {
        padding: 24px;
    }
    .mj-page-hero__title {
        transform: translateY(-4px);
    }
    .mj-page-hero__title {
        font-size: clamp(2.1rem, 10vw, 3rem);
        line-height: .92;
    }
    :is(.page:not(.home), .single-post, .category) .builder-elements {
        padding-top: 40px;
    }
}

@media (max-width: 420px) {
    :is(.page:not(.home), .single-post, .category) #header:not(.fixed) .site-name {
        margin-left: 76px;
    }
    .mj-page-hero {
        height: 210px;
    }
}

/* =============================================================================
   Merkuur-Juunior 2026 v1.8.2 — reliable button metrics across Safari/iOS
   ========================================================================== */
#header .header-cta,
.mj-hero__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 1 !important;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
}

#header .header-cta {
    padding: 10px 20px 10px 20px !important;
}

.mj-hero__button {
    padding: 8px 30px 8px !important;
}

#header .header-cta .mj-button__label,
.mj-hero__button .mj-button__label {
    display: block;
    line-height: 1 !important;
    white-space: nowrap;
    position: relative;
    top: -1px;
}

@supports (-webkit-touch-callout: none) {
    #header .header-cta .mj-button__label,
    .mj-hero__button .mj-button__label {
        top: -2px;
    }
}

/* =============================================================================
   Merkuur-Juunior 2026 v1.9.0 — unified heading typography
   ========================================================================== */
.builder-elements h1,
.builder-elements h2,
.builder-elements h3,
.builder-elements h4,
.builder-elements h5,
.builder-elements h6,
.builder-elements .h1,
.builder-elements .h2,
.builder-elements .h3,
.builder-elements .h4,
.builder-elements .h5,
.builder-elements .h6 {
    color: #003c91 !important;
    font-family: 'Glancyr', 'Onest', Arial, sans-serif !important;
    font-weight: 500 !important;
}

.mj-hero__title,
.mj-page-hero__title {
    font-family: 'Glancyr', 'Onest', Arial, sans-serif;
    font-weight: 500;
}

/* =============================================================================
   Merkuur-Juunior 2026 v1.9.1 — stable button metrics and post hero titles
   ========================================================================== */
.mj-button,
.btn,
.wp-block-button__link,
button:not(.swiper-button-prev):not(.swiper-button-next),
input[type='button'],
input[type='submit'],
input[type='reset'] {
    font-family: 'Onest', Arial, sans-serif !important;
}

#header .header-cta,
.mj-hero__button {
    line-height: 1.2 !important;
}

#header .header-cta {
    padding: 8px 20px !important;
}

.mj-hero__button {
    padding: 8px 30px !important;
}

#header .header-cta .mj-button__label,
.mj-hero__button .mj-button__label {
    position: static !important;
    top: auto !important;
    line-height: 1.2 !important;
}

.single-post .mj-page-hero__title {
    max-width: 1100px;
    font-size: clamp(2rem, 3.4vw, 3.75rem);
    line-height: 1.02;
}

@media (max-width: 767px) {
    .single-post .mj-page-hero__title {
        max-width: 92%;
        font-size: clamp(1.75rem, 8vw, 2.5rem);
        line-height: 1.04;
    }
}

/* Merkuur-Juunior 2026 v1.10.0 ------------------------------------------ */

/* Long post titles need more breathing room on real mobile screens. */
@media (max-width: 767px) {
    .single-post .mj-page-hero__title {
        max-width: 94%;
        font-size: clamp(1.3rem, 6.2vw, 1.85rem);
        line-height: 1.03;
        letter-spacing: -0.015em;
    }
}

/* Keep the three burger lines visually grouped around the centre. */
@media (max-width: 1439.98px) {
    #menu-toggle:not(.toggled) .menui.top-menu {
        transform: translate(-50%, -5px);
    }
    #menu-toggle:not(.toggled) .menui.mid-menu {
        transform: translate(-50%, -50%);
    }
    #menu-toggle:not(.toggled) .menui.bot-menu {
        transform: translate(-50%, 3px);
    }
}

/* Native WordPress gallery — FooGallery-like justified rows. */
.wp-block-gallery.mj-native-gallery,
.entry-content .wp-block-gallery.mj-native-gallery {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: var(--mj-gallery-gap, 8px) !important;
    margin: 32px 0;
    padding: 0;
}

.wp-block-gallery.mj-native-gallery > .wp-block-image,
.wp-block-gallery.mj-native-gallery .blocks-gallery-item {
    position: relative;
    flex: 0 0 var(--mj-item-width, calc(25% - 8px)) !important;
    width: var(--mj-item-width, calc(25% - 8px)) !important;
    height: var(--mj-item-height, 180px) !important;
    margin: 0 !important;
    overflow: hidden;
    border-radius: 14px;
    background: #e9eef7;
}

.wp-block-gallery.mj-native-gallery > .wp-block-image > a,
.wp-block-gallery.mj-native-gallery .blocks-gallery-item > a,
.wp-block-gallery.mj-native-gallery .mj-gallery-lightbox {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: inherit;
}

.wp-block-gallery.mj-native-gallery img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    transition: transform .25s ease, filter .25s ease;
}

.wp-block-gallery.mj-native-gallery a:hover img,
.wp-block-gallery.mj-native-gallery a:focus-visible img {
    transform: scale(1.025);
    filter: brightness(.94);
}

.wp-block-gallery.mj-native-gallery figcaption {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 28px 10px 9px;
    color: #fff;
    font-family: "Onest", sans-serif;
    font-size: .82rem;
    line-height: 1.25;
    text-align: left;
    background: linear-gradient(to top, rgba(0, 40, 100, .82), rgba(0, 40, 100, 0));
    pointer-events: none;
}

@media (max-width: 767px) {
    .wp-block-gallery.mj-native-gallery,
    .entry-content .wp-block-gallery.mj-native-gallery {
        margin: 24px 0;
    }

    .wp-block-gallery.mj-native-gallery > .wp-block-image,
    .wp-block-gallery.mj-native-gallery .blocks-gallery-item {
        border-radius: 10px;
    }
}

/* 1.10.11: restore readable spacing when a content heading follows a paragraph. */
.entry-content p + h2,
.entry-content p + h3,
.entry-content p + h4,
.entry-content p + h5,
.entry-content p + h6,
.builder-elements p.wp-el + h2.wp-el,
.builder-elements p.wp-el + h3.wp-el,
.builder-elements p.wp-el + h4.wp-el,
.builder-elements p.wp-el + h5.wp-el,
.builder-elements p.wp-el + h6.wp-el {
    margin-top: 1.75rem;
}

@media (max-width: 767px) {
    .entry-content p + h2,
    .entry-content p + h3,
    .entry-content p + h4,
    .entry-content p + h5,
    .entry-content p + h6,
    .builder-elements p.wp-el + h2.wp-el,
    .builder-elements p.wp-el + h3.wp-el,
    .builder-elements p.wp-el + h4.wp-el,
    .builder-elements p.wp-el + h5.wp-el,
    .builder-elements p.wp-el + h6.wp-el {
        margin-top: 1.5rem;
    }
}