:root { --width-base: 672px; --width-smaller: 453px; --width-large: 1132px; --font-size-base: 16px; --color-primary: #00AEEF; --color-sedundair: #101E45 ; --color-muted: #00AEEF; --color-yellow: #F7941D; --line-height-base: 26px; --font-family-base: 'Lato', sans-serif; --font-h1: 80px/80px Lato; --font-h2: 45px/50px Lato; --font-h3: 32px/30px Lato; --font-h4: 24px/32px Lato; --font-h5: 16px/24px Lato; --font-h6: 16px/24px Lato; --width: 100%; --height: 100%; --gutter-space-right: 24px; --gutter-space-left: 24px; --line-decoration: none; --duration: all 0.25s ease-in-out; --wp--preset--spacing--20:8px; --wp--preset--spacing--30:12px; --wp--preset--spacing--40:16px; --wp--preset--spacing--50:22px; --wp--preset--spacing--60:32px; --wp--preset--spacing--70:40px; --wp--preset--spacing--80:48px; } :where(.wp-block-columns.is-layout-flex){gap:32px;} * { margin: 0; padding: 0; box-sizing: border-box; } html, body {overflow-x:clip; overflow-y:visible; font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); font-weight: 400; line-height: var(--line-height-base); color: var(#ffffff); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background:#00AEEF;} html{scroll-behavior: smooth; scroll-padding-top: 100px;} body { background: var(--color-white); } input, select, textarea { margin-bottom: 10px; padding: 5px 15px; width: var(--width); height: 48px; font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); font-weight: 500; border: 0; border-radius: 8px; background-color: var(--color-info); appearance: none; } img { display: block; max-width: var(--width); height: auto; border: 0; } ul, li { list-style: none; } :focus { outline: none; } a { display: inline-block; transition: var(--duration); color: white; } p { margin-bottom: var(--wp--preset--spacing--50); color:white;} sub{font-size: initial; vertical-align: middle; background: white; color: var(--color-primary); width: 24px; height: 24px; display: inline-block; text-align: center; border-radius: 4px; font-weight: bold; margin:0 4px;} .has-large-font-size{font-size:22px !important; line-height:32px !important; } .centered, .wp-block-columns, .wp-block-image.alignwide {padding-right: calc((100% - var(--width-large)) / 2); padding-left: calc((100% - var(--width-large)) / 2);} .mobile-only{display:none !important} .desktop-only{display:block !important;} .admin-bar .header{top:32px;} .contentCntr{padding-top:96px} .wrapper { position: relative; display: block; width: var(--width); min-height: var(--height); overflow-x: clip; } h1 { font: var(--font-h1); font-weight:700; color:white; margin-bottom:38px;} h2 { font: var(--font-h2); font-weight:700; color:white; margin-bottom:32px;} h3 { font: var(--font-h3); font-weight:600; color:white; margin-bottom:24px;} h4 { font: var(--font-h4); font-weight:600; color:white;} h5 { font: var(--font-h5); font-weight:400; color:white;} h6 { font: var(--font-h6); font-weight:400; color:white;} h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{color: var(--color-sedundair);} .has-trans-top-before-bow-dark {position: relative; padding-top: 156px !important; z-index: 2;} .has-trans-top-before-bow-dark::before {content: ' '; opacity: 1; position: absolute; top: -156px; left: 0; background-color: #101E45; width: 100%; height: 300px; transform: rotate(180deg); clip-path: ellipse(70% 100% at 50% 0%); z-index: 0;} *:not(.element-is-floating):has(+ .has-trans-top-before-bow-dark) {flex-wrap: wrap !important;} *:not(.element-is-floating):has(+ .has-trans-top-before-bow-dark)::after {content: ''; display: block; width: 100%; flex-basis: 100%; height: 156px; flex-shrink: 0;} .has-trans-bottom-before-bow-dark {position: relative; padding-bottom: 156px !important; z-index: 2;} .has-trans-bottom-before-bow-dark::after {content: ' '; opacity: 1; position: absolute; bottom: -156px; left: 0; background-color: #101E45; width: 100%; height: 300px; clip-path: ellipse(70% 100% at 50% 0%);} .has-trans-bottom-before-bow-dark + *:not(.element-is-floating) {flex-wrap: wrap !important;} .has-trans-bottom-before-bow-dark + *:not(.element-is-floating)::before {content: ''; display: block; width: 100%; flex-basis: 100%; height: 156px; flex-shrink: 0;} .element-is-floating {position: relative; z-index: 4;} p.is-style-subtitle{color:var(--color-sedundair); text-transform: uppercase;} .has-primary-background-color p.is-style-label{ background-color:#ffffff; color:var(--color-primary); } .hero-section{padding-top: 300px; margin-top: -320px; position: relative; overflow: hidden; padding-bottom:90px; margin-bottom:60px;} .hero-section .hero-bg{position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; z-index:-2;} .hero-section .hero-bg:before{content: ' '; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:transparent linear-gradient(180deg, #0094B840 0%, #00AEEF 100%) 0% 0% no-repeat padding-box;} .hero-section .hero-container{display: flex; justify-content: end; padding-top:90px; padding-bottom:90px; font-size:16px; font-style: normal;} .hero-section .hero-content{text-align: right; width:550px; max-width: 100%; } .hero-section .wp-block-buttons{margin-top:30px;} .hero-section .hero-content .wp-block-paragraph{font-size:18px; font-style:italic;} .hero-section strong{color:white !important;} .wp-block-columns.is-style-box-rounded{ border-radius: 10px; padding: 65px; margin-right: calc((100% - var(--width-large)) / 2); margin-left: calc((100% - var(--width-large)) / 2);} .wp-block-columns.is-style-box-rounded .wp-block-heading strong{color:var(--color-primary);} .wp-block-heading {margin-block-start: 0px;} .has-white-background-color *{color:#101e45;} .has-sedundair-background-color h2 strong, .has-sedundair-background-color h3 strong{color:var(--color-primary);} .has-white-background-color h2 strong, .has-white-background-color h3 strong{color:var(--color-primary);} .has-sedundair-background-color p.is-style-subtitle{color:white;} .has-muted-background-color *{color:#101e45;} .has-muted-background-color h2 strong, .has-muted-background-color h3 strong{color:var(--color-primary);} .single .content-area{padding-top:48px;} .single .content-area p{opacity: 1; color:var(--color-primary);} .single .author{margin:32px 0;} .single .content-area{display:flex; gap:48px;} .single .content-area .content-block-left{width:768px; margin-bottom:48px;} .single .content-area .content-block-right{position: -webkit-sticky; position: sticky; top: 120px; align-self: flex-start; padding-bottom: 48px;} .single .post-thumbnail img{border-radius:12px; margin-bottom:32px; } .single .content-loop{border-bottom: 1px solid var(--color-gray);} .single .excerpt p{color:var(--color-muted);} .single .related-posts{padding-bottom:96px;} .single .related_title{margin-bottom:48px;} .author .author-title{font-weight:500; margin-bottom:16px;} .author .author-box{display:flex; } .author .author-box .author-image{margin-right:16px;} .author .author-box .author-image img{border-radius:500px;} .author .author-box .author-name{font-weight:600;} .author .author-box .author-function{color:var(--color-muted);} .author .author-description{color:var(--color-muted); margin-top:16px;} .author .author-buttons{display:flex; gap:8px; margin-top:32px;} .author .author-buttons .about svg{width: 17px; height: AUTO; position: relative; top: 4px; margin-left: 5px;} .author .author-buttons .whatsapp svg{width: 17px; height: AUTO; position: relative; top: 2px; margin-right: 5px;} .postsgrid{grid-template-columns: repeat(6, 1fr);} .postsgrid .wp-block-post {grid-column: span 2;} .postsgrid .wp-block-post.is-featured {grid-column: span 3;} .wp-block-post-featured-image { overflow: hidden; } .wp-block-post-featured-image img { transition: transform 0.4s ease; } .wp-block-post-featured-image:hover img { transform: scale(1.08); } .blog .pagecount{margin-bottom:48px;} .blog .contentCntr{padding-bottom:96px;} .blog .yoast-breadcrumbs{margin-bottom:48px;} .blog .blogintro{width:643px; max-width:100%; margin-bottom:48px;} .archive-cta{margin:96px 0; grid-column: span 6; background:var(--color-primary); color:white; padding:64px; display:flex; justify-content: space-between; align-items: center; border-radius:12px;} .archive-cta .left{width:576px; max-width:100%;} .archive-cta .title{color:white; margin-bottom:16px;} .archive-cta .title strong{color: var(--color-sedundair);} .archive-cta .description{color:#FAFAFA80; opacity:1;} .archive-cta .right{display:flex; gap:8px; align-items: center;} .archive-cta .right a:not(.button){text-decoration: none; color:white; padding: 8px 16px;} .archive-cta .right svg{position:relative; top:4px; left:3px} .pagination{color:var(--color-primary); font-size:14px; font-weight:500; margin-top:24px;} .pagination .nav-links{display:flex; gap:4px; justify-content:center;} .pagination .nav-links .current{border: 1px solid var(--base-input, #E4E4E7); border-radius:6px;} .pagination .nav-links .page-numbers{text-decoration:none; width:40px; height:40px; line-height:40px; text-align:center;} .pagination .nav-links .page-numbers.prev{opacity:0.5; width:auto;} .pagination .nav-links .page-numbers.next{width:auto;} .newsletter{border: 1px solid var(--color-gray); padding:24px; border-radius:12px;} .newsletter .newsletter-title{font-weight:500; margin-bottom:8px;} .newsletter .newsletter-description{margin-bottom:9px;} .newsletter .wpforms-container .wpforms-field-label, .newsletter .wp-core-ui div.wpforms-container .wpforms-field-label{font-weight:500;} .newsletter div.wpforms-container-full button[type=submit]{width:auto; background-color:var(--color-primary) !important; color:white !important; border-color:var(--color-primary);} .newsletter div.wpforms-container-full:not(:empty){margin:0;} .post-meta {font-size:12px; display:flex; gap:8px; align-items: center; margin-bottom:32px; color:var(--color-muted);} .post-meta .updated-on{color:white; font-weight:600; background:var(--color-primary); border-radius:100px; padding:2px 10px;} .post-meta .updated-on span{color:var(--color-sedundair);} .post-tags{display:flex; gap:8px; margin-bottom:20px;} .post-tags li a{font-size:12px; line-height:16px; background:#E6E6EC; border-radius:50px; padding:2px 10px; color:var(--color-muted); font-weight:600; text-decoration: none;} .page-nav-title{font-weight:500; margin-bottom:20px;} .page-nav-links li a{color:var(--color-muted); margin-bottom:12px; text-decoration: none;} .single-post{background:#EBF9FE;} .single-post .contentCntr:has(> :first-child:not(.wp-block-columns)) {padding-right: calc((100% - var(--width-large)) / 2); padding-left: calc((100% - var(--width-large)) / 2);} .single-post .header{background: var(--color-primary);} .single-post .navigation_container{background: var(--color-primary); padding-bottom:50px;} .single-post p{color:#101e45;} .single-post .page_title{font:var(--font-h2); margin-bottom:15px;} .single-post .meta{margin-bottom:30px; color:#BFBFDF;} .single-post :where(h1, h2, h3, h4, h5, h6) {color:var(--color-primary);} .single-post :where(h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong) {color:var(--color-yellow);} .single-post .contentCntr a{color:var(--color-yellow);} .sharing-box{margin-top:48px;} .wp-block-list{padding-left:24px; margin-bottom:24px; color: white;} .wp-block-list li{line-height:36px;} ul.wp-block-list, ul.wp-block-list li{list-style:disc;} ul.wp-block-list li::marker{color:var(--color-primary);} .wp-block-list.is-style-arrow{list-style:none; padding-left:0} .wp-block-list.is-style-arrow li {list-style:none; background-image: url("assets/images/icon-arrow-dark.svg"); background-position: top 1px left; background-repeat: no-repeat; background-size:20px; background-position: top 7px left;padding-left:30px} .wp-block-quote{border-left: 2px solid var(--color-sedundair); font-weight:700; font-style:italic; margin-bottom:24px; padding-left:24px; color:var(--color-primary)} .wp-block-image.alignwide{width:100%;} .schema-faq-section {border-bottom: 1px solid #E4E4E7; overflow: hidden;} .schema-faq-question {display: block; padding: 16px 0; cursor: pointer; font-weight:500; position: relative; user-select: none; transition: background 0.3s ease; padding-right: 20px;} .schema-faq-question::after {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(180deg); width: 12px; height: 8px; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.66504 4.66504L4.66504 0.665038L0.665037 4.66504' stroke='black' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.66504 4.66504L4.66504 0.665038L0.665037 4.66504' stroke='black' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: cover; transition: transform 0.3s ease;} .schema-faq-section.is-open .schema-faq-question::after {transform: translateY(-50%) rotate(0deg);} .schema-faq-answer {max-height: 0; overflow: hidden; margin: 0 !important; padding: 0; transition: max-height 0.3s ease, padding 0.3s ease;} .schema-faq-section.is-open .schema-faq-answer {max-height: 500px; padding: 0 0 16px;} .schema-faq-section.is-hidden {display: none;} .faq-load-more-btn {display: block; margin: 20px 0; padding: 10px 40px 10px 16px; background-color: #090446; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-weight: 500; transition: background 0.3s; position: relative;} .faq-load-more-btn::after{content: ""; position: absolute; right: 18px; top: 50%; transform: translateY(-50%) rotate(0deg); width: 18px; height: 16px; background-color: #FAFAFA; -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='black' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='black' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: cover; mask-position: center; transition: transform 0.3s ease-in-out;} .faq-load-more-btn.is-open::after{transform: translateY(-50%) rotate(180deg);} .faq-load-more-btn:hover {background-color: #1a1263;} .wp-block-embed iframe{height:auto;} .wp-block-embed.aligncenter{margin:0 auto; width: fit-content;} .wp-block-columns{position: relative;} .is-style-kruisjes .wp-block-columns{margin-bottom:24px;} .is-style-kruisjes .wp-block-columns:not(:first-child){padding-top:30px;} .is-style-kruisjes .wp-block-column{position: relative; padding-bottom:30px;} .is-style-kruisjes .wp-block-columns:not(:last-child) .wp-block-column:not(:last-child)::after { content: ''; position: absolute; /* Precieze uitlijning exact op het snijpunt rechtsonder */ right: -12px; bottom: -12px; transform: translate(50%, 50%); width: 180px; height: 169px; z-index: 2; pointer-events: none; /* Jouw SVG direct in de CSS geladen */ background-image: url("data:image/svg+xml,%3Csvg width='170' height='184' viewBox='0 0 170 184' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='85.5' y1='107' x2='85.5' y2='184' stroke='white'/%3E%3Cline x1='85.5' y1='0' x2='85.5' y2='77' stroke='white'/%3E%3Cline x1='75' y1='92.5' x2='0' y2='92.5' stroke='white'/%3E%3Cline x1='170' y1='92.5' x2='95' y2='92.5' stroke='white'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; } .wp-block-query .is-style-minimal{ display: flex; flex-wrap: wrap; gap: 32px; } .wp-block-query .is-style-minimal .wp-block-post{position:relative; flex: 0 0 calc((100% - 64px) / 3); box-sizing: border-box; margin-top:0;} .wp-block-query .is-style-minimal .wp-block-post:after{content: ' '; position:absolute; right:20px; top:200px; font-size:0; cursor:pointer; color:var(--color-yellow) !important; width:40px; height:40px; overflow:hidden; background-color:var(--color-yellow); border-radius:50px; background-image:url('assets/images/icon-arrow.svg'); background-position: center; background-size:20px; background-repeat: no-repeat;} .wp-block-query .is-style-minimal .wp-block-post-featured-image{height:220px; width:auto; border-radius: 5px; overflow: hidden; margin-bottom:17px} .wp-block-query .is-style-minimal .wp-block-post-featured-image .wp-post-image{object-fit: cover;} .wp-block-query .is-style-minimal .wp-block-post-title{font-size:20px; line-height:30px; font-weight: normal; margin-bottom:0;} .wp-block-query .is-style-minimal .wp-block-post-title a{color: var(--color-primary);} .wp-block-query .is-style-cases{ display: flex; flex-wrap: wrap; gap: 32px; } .wp-block-query .is-style-cases .wp-block-post{background:white; padding-bottom:32px; color:var(--color-primary); border-radius:5px; position:relative; flex: 0 0 calc((100% - 32px) / 2); box-sizing: border-box; margin-top:0;} .wp-block-query .is-style-cases .wp-block-post:after{content: ' '; position:absolute; right:20px; cursor:pointer; top:258px; font-size:0; color:var(--color-yellow) !important; width:40px; height:40px; overflow:hidden; background-color:var(--color-yellow); border-radius:50px; background-image:url('assets/images/icon-arrow.svg'); background-position: center; background-size:20px; background-repeat: no-repeat;} .wp-block-query .is-style-cases .wp-block-post-featured-image{height:278px; width:auto; border-top-left-radius:5px; border-top-right-radius: 5px; overflow: hidden; margin-bottom:17px} .wp-block-query .is-style-cases .wp-block-post-featured-image .wp-post-image{object-fit: cover;} .wp-block-query .is-style-cases .wp-block-post-title{padding: 0 32px;font-size:20px; color:white; line-height: 30px; margin-bottom: 0; font-weight:normal; color:var(--color-primary);} .wp-block-query .is-style-cases .wp-block-post-title a{color:var(--color-primary);} .wp-block-query .is-style-cases .wp-block-post .wp-block-post-terms{padding:0 32px; margin-top:32px;} .wp-block-query .is-style-cases .wp-block-post .wp-block-post-terms span{padding-right:20px;} .wp-block-query .is-style-cases .wp-block-post .wp-block-post-terms .wp-block-post-terms__separator{display: none;} .wp-block-image.is-style-rounded img{border-radius:10px;} .button, .wp-element-button{overflow:hidden; padding:8px 30px; background-color:#F7941D !important; border-radius: 50px; color:white !important; font-weight: bold; text-decoration: none; font-size:14px; line-height:22px; height:fit-content;} .button.arrow, .wp-block-button.is-style-arrow .wp-element-button{padding:8px 16px font-size:0; color:var(--color-yellow) !important; width:40px; height:40px; overflow:hidden; background-image:url('assets/images/icon-arrow.svg'); background-position: center; background-size:20px; background-repeat: no-repeat;} .button.is-style-dynamic-arrow, .wp-block-button.is-style-dynamic-arrow {position: relative; margin-right:40px;} .button.is-style-dynamic-arrow, .wp-block-button.is-style-dynamic-arrow .wp-element-button .wp-block-button__link{position: relative;} .wp-block-button.is-style-dynamic-arrow .wp-block-button__link::after {transition: var(--duration); content: url('data:image/svg+xml;utf8,'); position: absolute; right: -38px; padding: 8px; top: 0; height: calc(100% - 23px); aspect-ratio: 1 / 1; border-radius: 50px; background-color: var(--color-yellow);} .wp-block-button.is-style-dynamic-arrow:hover .wp-block-button__link::after{padding-right: 20px; border-top-left-radius: 0; border-bottom-left-radius: 0;} .wp-block-button.is-style-dynamic-arrow:hover .wp-block-button__link {border-top-right-radius: 0; border-bottom-right-radius: 0;} .button.simple, .wp-block-button.is-style-simple .wp-element-button{padding:8px 0; font-size:16px; color:white !important; font-weight:normal; overflow:hidden; background-color: transparent !important;} .button.share{background:transparent; border: 1px solid var(--color-gray); border-radius:6px;} code{font-weight:900; color:var(--color-primary); font-size: 45px; line-height: 50px; margin-right: 5px;} .yoast-breadcrumbs{padding-top:16px; padding-bottom:16px; font-size:14px; line-height:20px;} .yoast-breadcrumbs > span {display: flex; align-items: center; gap: 10px;} .yoast-breadcrumbs .separator{width:24px; height:22px; background-image:url('assets/images/icon-chevron-right.svg'); background-size:contain; background-position:center; background-repeat:no-repeat; display:inline-block;} .yoast-breadcrumbs a{color:var(--color-muted); text-decoration: none;} .has-primary-background-color .yoast-breadcrumbs{color:#FAFAFA;} .has-primary-background-color .yoast-breadcrumbs a{color:#A1A1AA;} .header .topnav{display:flex; gap:20px; font-size:14px; letter-spacing: 1.4px; text-transform: uppercase; } .header .topnav a{text-decoration: none;} .header {pointer-events: auto !important; z-index: 1000 !important; padding-top: 16px; align-items:center; padding-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width); transition: var(--duration); } .header-call a { font-size: 18px; text-decoration: var(--line-decoration); color: var(--color-white); } .header-call a i { margin-right: 5px; font-size: 16px; color: var(--color-neon-green); } .header .header-logo-light{display:none;} .header .custom-logo-link{height:fit-content;} .header-logo-light, .custom-logo, .footer-logo{width:200px; max-width:100%;} .header-logo-light svg, .custom-logo svg, .footer-logo svg{max-width:100%;} .header.transparent-header:not(.header-sticky){background:transparent;} .header.transparent-header:not(.header-sticky) a:not(.button){color:white;} .header.transparent-header .header-mega-wrap a:not(.button){color:var(--color-primary);} .header.transparent-header:not(.header-sticky) .header-logo-light{display:block;} .header.transparent-header:not(.header-sticky) .custom-logo-link{display:none;} .header-menu {font-weight:bold; background:white; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; font-size:16px; line-height:44px; padding-top:18px; padding-bottom:18px; border-radius:500px; } .header-menu ul {text-transform:uppercase; flex: 1; justify-content: center; margin-right: 30px; display: flex; flex-wrap: wrap; margin:0 auto; height:100%; align-items:center;} .header-menu li {position:relative;} .header-menu li a { position: relative; text-decoration: var(--line-decoration); color: var(--color-primary); } .header-menu li a:focus, .header-menu li a:hover, .header-menu li.has-child a:hover:after { color: var(--color-sedundair); } .header-menu li:not(:last-child) { margin-right: 32px; } .header-menu li.has-child > a svg{position: relative; top: 3px; margin-left: 3px;} .header-menu li:hover > a { color: var(--color-sedundair); } .header-menu li:hover > a:after { color: var(--color-sedundair); transform: rotate(-180deg); } .header-menu li .header-mega-menu { margin-right: 0; position: absolute; top: 100%; padding-top:10px; left: 0; display: block; opacity: 0; visibility: hidden; transition: var(--duration); } .header-menu li:hover .header-mega-menu { opacity: 1; visibility: visible; } .header-menu li .header-mega-bg { padding: 24px; background: white; box-shadow: 0 28px 52px rgba(0, 0, 0, 0.25); z-index:10; position: relative;} .header-menu li .header-mega-wrap {display: flex; flex-direction: column; width: max-content; gap: 8px;} .header-menu .button{margin-left:auto;} .header-menu li a.nav_btn{background:var(--color-yellow); color:white; font-weight: normal; padding:0 43px; text-transform: none; border-radius:50px;} .mobileMenu { position: absolute; top: 34px; right: 24px; z-index: 15; width: 70px; height: 28px; border: 0; background-color: transparent; transform: translateY(-50%); cursor: pointer; color:var(--color-primary);; display: flex; justify-content: space-between; align-items: center; z-index: 9999 !important; pointer-events: auto !important;} .mobileMenu span { position: relative; display: flex; align-items: center; justify-content: center; width: 24px; height: 2px; background-color: var(--color-primary); transition: all 0.25s ease-in-out; } .mobileMenu span:before, .mobileMenu span:after { position: absolute; left: 0; width: 100%; height: 2px; background-color: var(--color-primary); transition: var(--duration); content: ''; } .mobileMenu span:before { top: -8px; right: 0; left: unset; width: 100%; background-color: var(--color-primary); } .mobileMenu span:after { bottom: -8px; } .mobileMenu.is-active{color:#ffffff} .mobileMenu.is-active span { background: none; } .mobileMenu.is-active span:before { top: auto; width: var(--width); background-color: #ffffff; transform: rotate(45deg); } .mobileMenu.is-active span:after { bottom: auto; transform: rotate(-45deg); background-color: #ffffff;} .transparent-header:not(.header-sticky) .mobileMenu{color:#ffffff} .transparent-header:not(.header-sticky) .mobileMenu:not(.is-active) span{background-color: #ffffff;} .transparent-header:not(.header-sticky) .mobileMenu span:before{background-color:#ffffff;} .transparent-header:not(.header-sticky) .mobileMenu span:after{background-color:#ffffff;} .footer{background-color:var(--color-sedundair); color:white; padding-top:96px; padding-bottom:96px; color:var(--color-white-muted);} .footer-title{opacity: 0.8;} .footer .footer-col-title{color:var(--color-primary); font: var(--font-h4); font-weight: bold; margin-bottom:30px;} .footer .footer-col-title em{color:white; font-weight: normal;} .footer a:not(.footer-logo){text-decoration:none; color:var(--color-primary);} .footer-top{display:flex; justify-content: space-between; padding-bottom:64px; border-bottom:1px solid var(--color-sedundair);} .footer-top ul{display:flex; gap:32px;} .footer-bottom{display:flex; justify-content: space-between; padding-top:64px; color:#ffffff; border-top:1px solid #00AEEF50;} .footer-bottom ul{display:flex; gap:32px;} .footer .socials svg{color:var(--color-sedundair);} .footer-links{display:flex; flex-direction: row;} .footer-links .footer-links{flex-direction: column;} .footer-links .footer-links a{color:white;} .footer-links .footer-col{width:210px; max-width:100%;} .footer_col_1{line-height: 40px;} .error404 .align-center{text-align: center; padding:96px 24px; width:600px; max-width:100%; margin:0 auto;} .error404 .subtitle{font-weight:600; margin-bottom:20px;} .error404 .page-title{margin-bottom:20px;} .error404 .description{margin-bottom:32px;} .download-popup {overflow-y: scroll; align-items: center; justify-content: center; display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);} .download-popup .popup-content{width:800px; max-width:100%; background:#FDFDFD; border-bottom: 1px solid var(--base-border, #CED8DE); border-radius:8px;} .download-popup .popup-header{padding:24px; display:flex; justify-content: space-between; border-bottom: 1px solid #CED8DE;} .download-popup .popup-header .close-btn{font-size:26px;} .download-popup .modal-wrapper{padding:24px; display:flex; gap:24px;} .download-popup .modal-wrapper .modal-content{flex-grow: 1;} .download-popup .modal-wrapper .modal-image img{border-radius: 12px;} .download-popup .modal-wrapper .modal-image{flex: 0 0 322px;} .child-pages{display: flex; gap: 8px; justify-content:center; padding:48px 0;} .child-pages li a{transition: var(--duration); border: 1px solid #E4E4E7; padding:10px 12px; font-size:14px; border-radius:6px; color:#FAFAFA; text-decoration:none;} .child-pages li a:hover{background-color:#E4E4E7; color:#090446;} /* #Media Queries ================================================== */ @media only screen and (max-width: 767px) { :where(.wp-block-columns.is-layout-flex){gap:16px;} :root{ --font-h1: 30px/36px Poppins; --font-h2: 30px/39px Poppins; --font-h3: 24px/32px Poppins; --font-h4: 24px/32px Poppins; --font-h5: 16px/24px Poppins; --font-h6: 16px/24px Poppins; --line-height-base: 24px; --font-size-base: 16px; --wp--preset--spacing--20:8px; --wp--preset--spacing--30:16px; --wp--preset--spacing--40:16px; --wp--preset--spacing--50:16px; --wp--preset--spacing--60:24px; --wp--preset--spacing--70:32px; --wp--preset--spacing--80:32px; --wp--preset--font-size--x-large: 30px; } :root :where(.is-layout-flow) > *{margin-block-start:16px;} h1{margin-bottom: 16px;} .contentCntr{padding-top:0;} .mobile-only{display:block !important; width: 100%;} .desktop-only{display:none !important;} .yoast-breadcrumbs{display:none;} .header .button{display:none;} .header .header-menu .search-form{display:flex; gap:8px;} .header .header-menu .search-field{background:white; border-radius:8px;} .header .header-menu .search-submit{background:var(--color-sedundair); color:white; width: fit-content;} .is-menu-open .header .header-logo-light{z-index:200; display:block;} .is-menu-open .header .custom-logo-link{display:none;} .is-menu-open .header-menu a{color:white; padding:9px 0; width:100%; display: flex; justify-content: space-between;} .is-menu-open .header-menu a.button{color:var(--color-primary); text-align: center; justify-content: center; margin-bottom:12px;} .is-menu-open .header-menu { left: 0; } .header-menu ul{height:fit-content;} .header-menu li.has-child > a svg{transform:rotate(-90deg); height: 24px; width: 24px;} .header-menu li .header-mega-bg{padding:0; background:unset; box-shadow:unset;} .header.transparent-header .header-mega-wrap a:not(.button){color:white;} .header-menu li.is-active .header-mega-menu{display:block; margin-top:0; padding-top:0; border-left: 1px solid var(--color-sedundair); margin-left:8px; padding-left:16px;} .header-menu .socials{margin:0 auto; } .header-menu .socials ul{display:flex; gap:32px; justify-content: center;} .header-menu .socials ul a{color:var(--color-sedundair) !important;} .header-menu {display: flex; flex-direction: column; background: linear-gradient(174.53deg, #090446 1.34%, #0D00D6 149.16%); padding: 108px 25px 25px; position: fixed; top: 0; left: 100%; width: var(--width); height: 100dvh; transition: var(--duration); overflow-y: scroll; } .header-menu ul { margin-right: 0; display: block; width: 100%; } .header-menu li { margin-bottom: 4px; padding: 0; font-size: 14px; } .header-menu li:not(:last-child) { margin-right: 0; } .header-menu li.has-child a:after { display: none; } .header-menu .button { margin-bottom: 25px; } .header-menu li .header-mega-menu { margin-top: 15px; position: relative; top: unset; display: none; width: var(--width); background-color: transparent; transition: unset; } .header-menu li li { margin-bottom: 0; } p.is-style-subtitle{position: relative !important; top:0 !important;} .wp-block-group.is-layout-grid{display: flex; flex-direction: column;} .wp-block-columns.is-layout-flex{gap:0 !important;} .wp-block-columns .wp-block-columns {padding-left:0; padding-right: 0; gap:16px !important;} .wp-block-group.is-content-justification-space-between.is-nowrap{flex-direction: column;} .faq-load-more-btn{width:100%;} .footer a:not(.footer-logo){opacity: 1;} .footer{padding-top:64px; padding-bottom:64px;} .footer .footer-top{flex-direction: column; padding-bottomn:48px;} .footer .footer-top .footer-logo{margin-bottom:48px;} .footer .footer-top ul{flex-direction: column; text-align: center;} .footer .socials ul{flex-direction: row; margin-top:48px; gap:16px;} .footer .footer-bottom{padding-top:48px; flex-direction: column-reverse; gap:48px; text-align: center} .footer .footer-bottom ul{flex-direction: column; justify-content: center; text-align: center; gap:16px;} .postsgrid{display:block; grid-template-columns: 1fr;} .postsgrid .wp-block-post {margin-bottom:32px} .postsgrid .wp-block-post, .postsgrid .wp-block-post.is-featured {grid-column: span 1;} .blog .contentCntr, .archive .contentCntr{padding-top:32px;} .blog .yoast-breadcrumbs, .archive .yoast-breadcrumbs{display:block;} .archive-cta{margin: 65px 0; padding:64px 24px; flex-direction: column; gap:32px; text-align: center;} .archive-cta .right{flex-direction: column; width:100%;} .archive-cta .right a{width:100%;} .single .content-area .content-block-right{display:none;} .single .post-tags{display:block; clear:both;} .single .post-tags li{display:inline-block; float:left; margin-right:8px;} .single .post-tags li:last-child{float:none;} .download-popup{padding-left: 12px; padding-right: 12px;} .download-popup .modal-image{display:none;} } @media only screen and (min-width: 768px) { .header-call { display: none; } .header-menu li .header-mega-menu { display: block !important; height: auto !important; } .mobileMenu { display: none; } .header-menu li .header-mega-wrap { grid-template-columns: repeat(2, 1fr); } }