/* Var */
:root {
--font-family-base: "Lato", sans-serif;
--dmc-rounded: 6px;
--dmc-rounded-40: 40px;
  
/* Firefox */ 
  @supports (width: -moz-available) {
  --stretch: -moz-available;
  }
/* Safari */ 
  @supports (width: -webkit-fill-available) {
    --stretch: -webkit-fill-available;
  }
/* Chromium */
  @supports (width: stretch) {
    --stretch: stretch;
  }
}

/* Font */
body {font-family:var(--font-family-base);}
.cta h2.text-accent {color: var(--dmc-text) !important;}
h1, .h1 {font-size: 3.1rem; color: var(--dmc-text);}
ul.infoblock-links li a {color: var(--dmc-text);}
ul.infoblock-links li a:hover {color: var(--bs-primary);}

/* Iconen */
.stacked-icons .fa-stack {width: 2em;}
.stacked-icons .icon-content {margin-left: 5px;}

/* Border-radius */
.element {border-radius: var(--dmc-rounded);}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {border-radius: var(--dmc-rounded);}
.submenu ul a {border-radius: var(--dmc-rounded-40);}
.subgroup.border {border-radius: var(--dmc-rounded);}
.cta {border-radius: var(--dmc-rounded);}
.btn {border-radius: var(--dmc-rounded-40);}

/* Breadcrumb */
.breadcrumb ul li::after {font-size: 0.6rem; vertical-align: middle;}

/* Header */
header section.container .container .row .col-6.text-lg-start {width: 40%;}
header section.container .container .row .col-6 {width: 60%; display: flex; flex-direction: row-reverse; justify-content: flex-start;}
header section.container .container .row .col-6 .header-contact {display: flex !important;}
header section.container .container .row .col-6 .header-contact a:hover {text-decoration: underline;}
header section.container .container .row .col-6 .header-search {width: 36%;}
header section.container .container .row .col-6 .header-search .fluid-container.py-3.my-3 {padding: 0 !important; margin: 0 0 0 20px !important;}
header section.container .container .row .col-6.col1 {justify-content: flex-end;}

/* Zoekbalk */
.header-search .row {justify-content: flex-end;}
.footer-search .fluid-container {padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important;}
.denk-theme-search-form {display: block !important; position: relative; max-width: 300px; /* optioneel */}
#denk-theme-search-form #edit-search {width: var(--stretch); margin-right: 0;}
.denk-theme-search-form .form-control {width: 100%; padding: 12px 50px 12px 16px; /* ruimte rechts voor icoon */ border-radius: var(--dmc-rounded-40); border: none; background-color: var(--bs-light); /* lichtgrijs/blauw */ font-size: 0.9rem;}
.denk-theme-search-form .form-submit {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; border: none; background-image: url(/sites/default/files/domains/rocassure/magnifying-glass-solid-full.png) !important; cursor: pointer;}
#denk-theme-search-form .form-submit {background-color: transparent; padding-right: 2rem;}
.denk-theme-search-form .form-control:focus {outline: none; box-shadow: 0 0 0 2px rgba(0,0,0,0.1);}
.denk-theme-search-form .form-submit {appearance: none;}

/* Menu */
#main-menu ul.menu li {padding: 0.7rem 0;}
#main-menu ul.menu li a {padding: 0.7rem 1.2rem; margin: 0 5px;}
#main-menu ul a {border-radius: var(--dmc-rounded-40);}
#main-menu ul.menu li.active-trail a {background: var(--bs-light); color: var(--bs-primary);}
#main-menu ul.menu li.active-trail a:hover {background: var(--bs-secondary); color: var(--bs-white);}

/* Video */
video {width: 100%;}

/* Header - img + buttons */
.section-headerimg {position: relative; margin-top: -5% !important;z-index: 500;}
.section-headerimg > .container > .row:first-child {background: url(/sites/default/files/heck-assurantien/bg-icons-headerimg-1.png) no-repeat; background-position: 0 0; background-size: 65% auto; padding: 4% 0 5% 2%;}
.section-headerimg .icon-banner {border-radius: var(--dmc-rounded-40);}
.section-headerimg .icon-banner.element.bg-accent i {color: var(--bs-white) !important; font-size: 1.4rem;}
.section-headerimg .icon-banner.text-white h4 {margin-bottom: 0;}
.icon-banner i, .icon-banner svg {color:var(--bs-white) !important; height: 1.4em;}


/* Homepage - infoblokken */
.card {border: 1px solid rgba(152, 152, 152, 0.8);}
.iconbanner-situatie {padding: 30px;text-align: left !important;}
.iconbanner-situatie .ic-banner {display: flex; flex-direction: column;}
.iconbanner-situatie .icon-situatie {display: flex;justify-content: center;overflow: hidden;}
.iconbanner-situatie .icon-situatie img {width: 125px; transition: transform 0.2s ease; transform-origin: center;}
.iconbanner-situatie .ic-banner:hover .icon-situatie img {transform: scale(1.03);}
.iconbanner-situatie .title {color: var(--dmc-text); padding: 20px 0px 10px !important;font-size: 1.2em !important; font-weight: 600 !important; font-family:var(--font-family-base);}
.iconbanner-situatie .ic-banner:hover, .iconbanner-situatie .ic-banner:hover .title {color: var(--bs-primary) !important;}
.iconbanner-situatie .txt {text-align: left;}
.iconbanner-situatie .txt a {color: var(--dmc-text) !important;}
.iconbanner-situatie .txt a:hover {color: var(--bs-primary) !important;} 
.iconbanner-situatie ul.checklist li:before {content: "\f054"; font-weight: 900; line-height: 20px;padding: 0; font-size: 0.7rem;}
.iconbanner-situatie ul.iconlist {padding-top: 10px;}
.iconbanner-situatie ul.iconlist li {padding-left: 20px !important;padding: 0 0 10px 0; font-size: 1.1em;}

@media only screen and (max-width: 950px) and (min-width: 780px) {
.iconbanner-situatie ul.iconlist li {font-size: 0.9em;}
}

/* ZekerKlant - Nieuws */
#denk-nieuws .rounded-0 {border-radius: var(--dmc-rounded) !important;}
#denk-nieuws .dnk-img-fx {border-radius: var(--dmc-rounded) !important;}
#denk-nieuws .text-secondary {color: var(--dmc-text) !important;}

/* Footer */
footer {font-size: 0.9em; line-height: 1.7em;}
footer strong {font-size: 0.95rem;}

@media (max-width: 575.98px) {
  /* Header */
header section.container .container .row .col-6 .header-contact {display: none !important;}

/* Header - img + buttons */
.section-headerimg .container .row .d-flex {flex-direction: column;}
.section-headerimg, .section-headerimg .container {max-width: 100%;}
.section-headerimg > .container > .row:first-child {background: url(/sites/default/files/heck-assurantien/bg-icons-headerimg-small-1.png) no-repeat; background-position: 0 0; background-size: 100% 100%; object-fit: cover;}
.section-headerimg .icon-banner {background-color: var(--bs-accent) !important;}
.section-headerimg .icon-banner i {text-align: center !important;}
.section-headerimg .icon-banner .text-md-center {text-align: left !important;}
.section-headerimg .icon-banner.text-white h4 {color: var(--bs-white) !important; font-weight: 700; font-size: 1.2rem;}
}

@media (min-width: 576px) {
  /* Header */
header section.container .container .row .col-6 .header-contact {display: none !important;}

/* Header - img + buttons */
.section-headerimg .container .row .d-flex {flex-direction: column;}
.section-headerimg, .section-headerimg .container {max-width: 100%;}
.section-headerimg > .container > .row:first-child{background: url(/sites/default/files/heck-assurantien/bg-icons-headerimg-small-1.png) no-repeat; background-position: 0 0; background-size: 100% 100%; object-fit: cover;}
.section-headerimg .icon-banner {background-color: var(--bs-accent) !important;}
.section-headerimg .icon-banner i {text-align: center !important;}
.section-headerimg .icon-banner .text-md-center {text-align: left !important;}
.section-headerimg .icon-banner.text-white h4 {color: var(--bs-white) !important; font-weight: 700; font-size: 1.2rem;}
}

@media (min-width: 768px) {
  
}

@media (min-width: 992px) {
  /* Header */
.header-contact a {font-size: 0.9rem;}
header section.container .container .row .col-6 .header-contact {display: flex !important;}

/* Zoekbalk */
.denk-theme-search-form .form-control {font-size: 0.62rem;}

/* Header - img + buttons */
.section-headerimg .container .row .d-flex {flex-direction: row;}
.section-headerimg, .section-headerimg .container {max-width: 960px;}
.section-headerimg > .container > .row:first-child {background: url(/sites/default/files/heck-assurantien/bg-icons-headerimg-1.png) no-repeat; background-position: 0 0; background-size: 65% auto;}
}

@media (min-width: 1200px) {
  /* Zoekbalk */
.denk-theme-search-form .form-control {font-size: 0.8rem;}

/* Header - img + buttons */
.section-headerimg, .section-headerimg .container {max-width: 1140px;}
}

@media (min-width: 1400px) {
  /* Zoekbalk */
.denk-theme-search-form .form-control {font-size: 0.9rem;}

/* Header - img + buttons */
.section-headerimg, .section-headerimg .container {max-width: 1320px;}
}