/*
Theme Name:  Minima
Theme URI:  https://minima.madebsyuperfly.com
Description:  A Superfly Child Theme Made With ❤ for Divi
Author:  BeSuperfly
Author URI:  https://www.besuperfly.com
Template:  Divi
Version:  1.0
*/

/* GENERAL */
.sideBySideButtons .et_pb_button_module_wrapper {
  float: left;
}
.sideBySideButtons:after {
  clear: both;
}
.sideBySideButtons .sideBySideOne {
  margin-right: 25px;
}
@media screen and (max-width : 1200px) {
  .sideBySideButtons .et_pb_button_module_wrapper {
    float: none;
  }
  .sideBySideButtons .sideBySideOne {
    margin-right: 0;
    margin-bottom: 5px;
  }
}
@media screen and (max-width : 980px) {
  .switch {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .switch.spacingFix .et_pb_column:first-child {
    margin-bottom: 0px;
  }
  .switch.spacingFix .et_pb_column:last-child {
    margin-bottom: 30px;
  }
}
@media screen and (max-width : 500px) {
  .sideBySideButtons .sideBySideOne, .sideBySideButtons .sideBySideTwo {
    width: 100%;
    text-align: center;
  }
  .sideBySideButtons .sideBySideOne {
    margin-bottom: 0;
  }
}

/* KEN BURNS */
@media only screen and (min-width: 767px) {
  .kenBurnsHeader .et_parallax_bg {
    animation: kenburns 45s forwards;
  }
}
@media only screen and (min-width: 767px) {
  .kenBurnsSection .et_parallax_bg {
    animation: kenburns 45s infinite;
  }
}
@keyframes kenburns {
  0% {
    opacity: 0;
    -ms-transform: scale3d(1.05, 1.05, 1.05) translate3d(-15px, 0px, 0px);
    -webkit-transform: scale3d(1.05, 1.05, 1.05) translate3d(-15px, 0px, 0px);
    transform: scale3d(1.05, 1.05, 1.05) translate3d(-15px, 0px, 0px);
    animation-timing-function: linear;
  }
  1% { opacity: 1; }
  100% {
    -ms-transform: scale3d(1.3, 1.3, 1.3) translate3d(-25px, -55px, 0px);
    -webkit-transform: scale3d(1.3, 1.3, 1.3) translate3d(-25px, -55px, 0px);
    transform: scale3d(1.3, 1.3, 1.3) translate3d(-25px, -55px, 0px);
  }
}

/* HEADER */
#main-header { box-shadow: none; }

/* NAVIGATION */
.mobile_menu_bar:before {
  font-size: 48px;
  color: #fff !important;
  background-color: #000;
  padding: 20px;
  left: -22px;
  top: -15px;
  transition: all .3s ease-in-out;
}
.mobile_menu_bar:hover:before { background-color: #eb4c29; }
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
  right: -3px;
  top: 20px;
}
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:before {
  left: -1px;
  top: -1px;
  background-color: transparent;
  transition: all .3s ease-in-out;
}
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:hover:before {
  background-color: #eb4c29;
}
.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened { opacity: 1; }
.et_slide_in_menu_container {
  background-image: url("/wp-content/uploads/sites/67/2023/07/ipadProWork.jpg");
  background-size: cover;
  background-position: center;
  padding-top: 0 !important;
}
.et_slide_in_menu_container:before {
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; left: 0;
  background-color: rgba(0, 0, 0, .5);
  transition: all .3s ease-in-out;
}
.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li { text-align: left; }
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:hover:before { color: #eb4c29; }
.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a,
.et_slide_in_menu_container #mobile_menu_slide li a {
  font-weight: bold;
  font-size: 60px;
  padding: 20px 40px;
  transition: all .3s ease-in-out;
}
.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a:hover,
.et_slide_in_menu_container #mobile_menu_slide li a:hover {
  color: #eb4c29;
  opacity: 1;
  padding-left: 60px;
}

/* DROPDOWNS */
.et_slide_in_menu_container #mobile_menu_slide .et_mobile_menu_arrow:before { display: none; }
.et_slide_in_menu_container #mobile_menu_slide li ul.sub-menu li a {
  font-size: 30px;
  opacity: 1;
  padding: 5px 40px;
}
.et_slide_in_menu_container #mobile_menu_slide li ul.sub-menu li a:hover { padding-left: 50px; }

/* NAVIGATION HIGHLIGHT BUTTON */
.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li.highlightBtn a {
  background-color: #eb4c29;
  border: 3px solid #eb4c29 !important;
  padding: 20px 20px 30px !important;
  display: inline-block !important;
  position: relative;
  left: 40px; top: 15px;
}
.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li.highlightBtn a:hover {
  background-color: rgba(235, 76, 41, 0);
  color: #fff !important;
}

/* FIXED NAVIGATION */
.et_fullwidth_nav #main-header.et-fixed-header .container {
  padding-right: 20px; padding-left: 20px;
}
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
  transition: all .3s ease-in-out;
}
.et_header_style_fullscreen .et_slide_in_menu_container.scrolled span.mobile_menu_bar.et_toggle_fullscreen_menu {
  right: 4px !important; top: 11px !important;
}
#main-header.et-fixed-header { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05) !important; }
#main-header.et-fixed-header a#mainCTA {
  right: 50px; font-size: 21px; padding: 15px 24px 20px;
}
#main-header.et-fixed-header .mobile_menu_bar:before {
  font-size: 36px; left: 0; top: 0; padding: 11px;
}
.et_header_style_fullscreen .et_slide_in_menu_container.scrolled span.mobile_menu_bar.et_toggle_fullscreen_menu:before {
  top: 0; left: 10px; font-size: 36px; padding: 11px;
}

/* HEADER CTA */
#main-header a#mainCTA {
  font-size: 27px;
  color: #fff;
  background-color: #eb4c29;
  padding: 15px 30px 20px;
  display: block;
  position: absolute;
  right: 85px; top: 0;
  transition: none !important;
}
#main-header a#mainCTA:hover {
  color: #fff; background-color: #000;
}
.mobile_menu_bar:before, .et_fixed_nav #et-top-navigation, #main-header a#mainCTA { transition: none !important; }

/* RESPONSIVE NAVIGATION */
@media screen and (max-width : 980px) {
  #main-header .container { width: 100%; padding-left: 25px; }
  .mobile_menu_bar:before { left: -55px; top: -5px; }
  .et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a,
  .et_slide_in_menu_container #mobile_menu_slide li a {
    font-size: 48px; padding: 15px 40px;
  }
  .et_slide_in_menu_container #mobile_menu_slide li ul.sub-menu li a { font-size: 24px; }
}
@media screen and (max-width : 600px) {
  #logo { max-height: 33%; }
  #main-header a#mainCTA { display: none; }
  .et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a,
  .et_slide_in_menu_container #mobile_menu_slide li a {
    font-size: 36px; padding: 10px 40px;
  }
  .et_slide_in_menu_container #mobile_menu_slide li ul.sub-menu li a { font-size: 21px; }
}

/* BLURB LINKS */
.blurbLink {
  min-height: 400px; padding: 50px; overflow: hidden;
}
.blurbLink .et_pb_blurb_content { max-width: none; }
.blurbLink .et_pb_module_header {
  position: relative; top: -50px; opacity: 0; transition: all 0.4s;
}
.blurbLink:hover .et_pb_module_header { top: 0; opacity: 1; }
.blurbLink .et_pb_blurb_description {
  position: relative; left: -50px; opacity: 0; transition: all 0.4s;
}
.blurbLink:hover .et_pb_blurb_description {
  left: 0; opacity: 1; transition-delay: 0.2s;
}
.blurbLink:after {
  content: 'Learn More';
  font-family: 'Urbanist', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 800; font-size: 30px; letter-spacing: 0;
  color: #eb4c29; background-color: #fff; border: 3px solid #fff;
  padding: 10px 24px; position: absolute; opacity: 0; bottom: 0;
  transition: all 0.4s;
}
.blurbLink:hover:after { opacity: 1; bottom: 45px; transition-delay: 0.4s; }
.blurbLinkRow { overflow: hidden; }
@media screen and (max-width : 980px) {
  .blurbLinkRow { margin-bottom: 30px; }
  .blurbLink .et_pb_module_header { top: 0; opacity: 1; }
  .blurbLink .et_pb_blurb_description { left: 0; opacity: 1; }
  .blurbLink:after { opacity: 1; bottom: 45px; font-size: 27px; }
}
@media screen and (max-width : 767px) {
  .blurbLink { min-height: 350px; padding: 35px; }
  .blurbLink .et_pb_module_header { top: 0px; }
  .blurbLink .et_pb_blurb_description { left: 0px; }
  .blurbLink:after { font-size: 24px; }
  .blurbLink:after, .blurbLink:hover:after { bottom: 30px; }
}

/* BLOG */
.minimaBlog .et_pb_blog_grid .et_pb_post { border: none; padding: 0; }
.minimaBlog .et_pb_image_container { margin: 0; }
.minimaBlog .et_pb_post .entry-featured-image-url { margin-bottom: 20px; }
.minimaBlog .et_pb_post .entry-title { padding-bottom: 2px; }
.minimaBlog a.more-link {
  display: inline-block;
  margin-top: 15px;
  border-radius: 2px;
  padding: 5px 14px 5px 18px;
  background-color: #6597a4;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 11px;
  transition: all .3s ease-in-out;
}
.minimaBlog a.more-link:hover {
  background-color: #2e5e6a;
  color: #cde2df;
}
@media screen and (max-width : 980px) {
  .minimaBlog .et_pb_column .et_pb_blog_grid .column.size-1of2 {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  .minimaBlog .et_pb_column .et_pb_blog_grid .column.size-1of2 .et_pb_post {
    margin-bottom: 75px;
  }
  .minimaBlog .et_pb_column .et_pb_blog_grid .column.size-1of2:last-of-type .et_pb_post:last-child {
    margin-bottom: 20px;
  }
}
@media screen and (max-width : 767px) {
  .minimaBlog .et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post { margin-bottom: 60px; }
}

/* BLOG SINGLE */
#minimaBlog #minimaBlogContent .et_builder_inner_content .et_pb_section .et_pb_row { padding: 0; }
.comment-content { width: 90%; }
@media screen and (max-width : 767px) {
  #minimaBlog #minimaBlogContent .et_builder_inner_content .et_pb_section { padding: 0; }
  #minimaBlog #minimaBlogContent .et_builder_inner_content .et_pb_section .et_pb_row { width: 100%; }
}

/* DARK MODE DEMO */
body.darkdemo { background-color: #000; }
body.darkdemo #logo { filter: invert(1); }
body.darkdemo #main-header { background-color: #000; }
body.darkdemo #main-header a#mainCTA { background-color: #f92ff3; }
body.darkdemo #main-header a#mainCTA:hover { color: #f92ff3; background-color: #fff; }
body.darkdemo .mobile_menu_bar:before { background-color: #fff; color: #f92ff3 !important; }
body.darkdemo .mobile_menu_bar:hover:before { background-color: #F6E9F8; }
body.darkdemo .et_slide_in_menu_container #mobile_menu_slide li a:hover { color: #f92ff3; }
body.darkdemo.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li.highlightBtn a {
  background-color: #f92ff3; border: 3px solid #f92ff3 !important;
}
body.darkdemo.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li.highlightBtn a:hover {
  background-color: rgba(249, 47, 243, 0); border: 3px solid #f92ff3 !important; color: #f92ff3 !important;
}
body.darkdemo.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:hover:before {
  background-color: #F6E9F8;
}
body.darkdemo .et_slide_in_menu_container { background-image: url("/wp-content/uploads/sites/67/2023/07/groupCoworking.jpg"); }
body.darkdemo .et_slide_in_menu_container:before { background-color: rgba(0, 0, 0, .33); }
body.darkdemo .blurbLink:after { color: #f92ff3; }

/* LAST EDITED BY JOHN ON JUL 29, 2023 */


/* === [NIYA] Accessibility & Contrast Fixes — 2025-09 (append at end) === */

/* 1) Sterke basis tekstopmaak en duidelijke links */
body { color: #0D1B2A; }
a:not(.et_pb_button):not(.button) {
  color: #0D1B2A;
  text-decoration: underline;
}
a:not(.et_pb_button):not(.button):hover,
a:not(.et_pb_button):not(.button):focus {
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}
a:not(.et_pb_button):not(.button):visited { color: #24354A; }

/* 2) Buttons altijd voldoende contrast (solid) */
.et_pb_button,
.et_pb_promo_button,
a.et_pb_promo_button,
.et_pb_more_button {
  background: #0D1B2A !important;
  color: #FFFFFF !important;
  border: 2px solid #0D1B2A !important;
}
.et_pb_button:hover,
.et_pb_promo_button:hover,
a.et_pb_promo_button:hover,
.et_pb_more_button:hover {
  background: #091423 !important;
  color: #FFFFFF !important;
  border-color: #091423 !important;
}
.et_pb_button.et_pb_bg_layout_light,
.et_pb_button.et_pb_bg_layout_dark {
  background: #0D1B2A !important;
  color: #FFFFFF !important;
}

/* 3) Header CTA (oranje) → tekst zwart, hover donkerder oranje */
#main-header a#mainCTA {
  background-color: #EB4C29 !important;
  color: #000000 !important;
  border: 2px solid #EB4C29 !important;
}
#main-header a#mainCTA:hover {
  background-color: #C74022 !important;
  color: #FFFFFF !important;
  border-color: #C74022 !important;
}

/* 4) Mobile menu highlight */
.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li.highlightBtn a {
  background-color: #EB4C29 !important;
  border-color: #EB4C29 !important;
  color: #000000 !important;
}
.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li.highlightBtn a:hover {
  background-color: #C74022 !important;
  border-color: #C74022 !important;
  color: #FFFFFF !important;
}

/* 5) Blog “Meer lezen” knop donker genoeg */
.minimaBlog a.more-link {
  background-color: #2E5E6A !important;
  color: #FFFFFF !important;
  border: 2px solid #2E5E6A !important;
}
.minimaBlog a.more-link:hover {
  background-color: #274F58 !important;
  color: #FFFFFF !important;
  border-color: #274F58 !important;
}

/* 6) Overlay optie voor tekst op foto (zet class `has-contrast-overlay` op de sectie) */
.et_pb_section.has-contrast-overlay { position: relative; }
.et_pb_section.has-contrast-overlay::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35));
  pointer-events: none;
}
.et_pb_section.has-contrast-overlay .et_pb_row,
.et_pb_section.has-contrast-overlay .et_pb_button { position: relative; }

/* 7) Toetsenbord focus zichtbaar */
:focus-visible { outline: 3px solid #0D1B2A; outline-offset: 2px; }

/* 8) iOS: voorkom auto-zoom op formulieren */
input, select, textarea { font-size: 16px; }