/*
Theme Name: EIQ
Theme URI: https://lefcreative.nl/
Author: Lef Creative
Author URI: https://lefcreative.nl
Description: Child theme van het thema Leflite voor EIQ
Version: 1.0.0
License: /
License URI: /
Template: leflite
*/

/* Specific CSS */
body {
  background: var(--quaternary);
}

header#header {
  margin: 25px;
  width: calc(100% - 50px);
  border-radius: 100px;
  border: 1px solid var(--quaternary);
}

.navigation-inner-main {
  padding-left: 35px !important;
  padding-right: 25px !important;
}

.menu-item.menu-item-has-button a {
  padding-top: unset;
  padding-bottom: unset;
  padding-right: 6px;
}

.btn, button, .menu-item-button {
  line-height: normal;
}

.menu-item-button {
  border-radius: 43px;
}


.thin-headings h1,
.thin-headings h2,
.thin-headings h3,
.thin-headings h4 {
  font-weight: 200;
}

.thin-headings h1 strong, 
.thin-headings h2 strong, 
.thin-headings h3 strong, 
.thin-headings h4 strong {
  font-weight: 600;
}

.featured-faqs {
  display: flex;
  flex-direction: column;
  grid-row-gap: 15px;
}

.accessibility-button {
  left: -5px;
}

footer {
  clip-path: polygon( 0% 0%,0% 0%,1.193% 0.404%,4.545% 1.482%,9.717% 3.032%,16.369% 4.85%,24.162% 6.734%,32.754% 8.482%,41.807% 9.892%,50.981% 10.761%,59.937% 10.886%,68.333% 10.065%,68.333% 10.065%,72.231% 9.271%,76.385% 8.209%,80.638% 6.961%,84.833% 5.612%,88.814% 4.242%,92.422% 2.936%,95.502% 1.776%,97.896% 0.844%,99.448% 0.225%,100% 0%,100% 100%,0% 100%,0% 0% );
}

footer .footer-inner {
  padding: 115px 0 115px 0;
}

footer .footer-inner .widget-menu {
  margin-top: 12px;
}

footer .footer-inner .widget-menu ul {
  display: flex;
  flex-direction: column;
  grid-row-gap: 4px;
}

.image-holder img {
  clip-path: polygon( 98.361% 29.343%,98.361% 29.343%,99.594% 34.781%,100% 40.487%,99.614% 46.37%,98.472% 52.343%,96.607% 58.317%,94.054% 64.203%,90.847% 69.913%,87.021% 75.359%,82.611% 80.452%,77.651% 85.103%,77.651% 85.103%,72.19% 89.227%,66.328% 92.764%,60.174% 95.659%,53.837% 97.86%,47.428% 99.314%,41.056% 99.967%,34.83% 99.768%,28.86% 98.663%,23.256% 96.598%,18.126% 93.521%,18.126% 93.521%,13.59% 89.412%,9.663% 84.397%,6.369% 78.639%,3.733% 72.301%,1.778% 65.547%,0.531% 58.541%,0.014% 51.445%,0.252% 44.424%,1.27% 37.641%,3.092% 31.26%,3.092% 31.26%,5.726% 25.416%,9.105% 20.144%,13.141% 15.456%,17.747% 11.364%,22.834% 7.881%,28.315% 5.017%,34.101% 2.786%,40.105% 1.198%,46.239% 0.267%,52.414% 0.004%,52.414% 0.004%,58.547% 0.414%,64.557% 1.471%,70.361% 3.143%,75.878% 5.398%,81.026% 8.204%,85.723% 11.526%,89.887% 15.334%,93.436% 19.594%,96.288% 24.275%,98.361% 29.343% );
}

.mobile-navigation .sub-menu-toggle:after {
  color: var(--black);
}

/* Dotted path background */
.bg-hero-dotted-path {
  background-image: url('dist/img/eiq-dotted-path.png');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-info-dotted-path {
  background-image: url('dist/img/eiq-more-info-path.png');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-hero-clip-path {
  clip-path: polygon( 0% 0%,100% 0%,100% 100%,82.753% 95.938%,82.753% 95.938%,80.902% 95.532%,79.048% 95.185%,77.192% 94.898%,75.334% 94.67%,73.475% 94.501%,71.615% 94.392%,69.754% 94.342%,67.892% 94.351%,66.031% 94.42%,64.169% 94.548%,0% 100%,0% 0% );
}

.bg-info-clip-path {
  clip-path: polygon( 0% 0%,0% 0%,1.167% 0.266%,4.448% 0.978%,9.509% 2.003%,16.019% 3.209%,23.644% 4.465%,32.053% 5.638%,40.913% 6.599%,49.891% 7.213%,58.656% 7.35%,66.875% 6.878%,66.875% 6.878%,70.948% 6.356%,75.291% 5.643%,79.738% 4.795%,84.127% 3.872%,88.292% 2.931%,92.068% 2.031%,95.291% 1.23%,97.798% 0.585%,99.422% 0.156%,100% 0%,100% 100%,100% 100%,98.719% 99.631%,95.12% 98.654%,89.566% 97.26%,82.425% 95.644%,74.059% 93.997%,64.834% 92.513%,55.114% 91.385%,45.266% 90.805%,35.653% 90.967%,26.641% 92.063%,26.641% 92.063%,23.364% 92.765%,19.871% 93.647%,16.293% 94.648%,12.764% 95.71%,9.415% 96.772%,6.378% 97.775%,3.786% 98.659%,1.771% 99.364%,0.465% 99.831%,0% 100%,0% 0% );
}

.info-clip-path-above {
  position: relative;
  z-index: -1;
  margin-top: -35px;
}

/* Image extension */
.image-outer.extend-to-right img {
    position: relative;
    display: block;
    margin-left: 62px;
    transform: scale(1.2);
  
    @media only screen and (max-width: 991px) {
        margin-left: unset;
      	transform: unset;
    }
}

/* Large cards */
.large-card .card {
  padding: 30px;
  border-radius: 10px;
}

/* Mobile specific styling */
@media only screen and (max-width: 991px) {
  .navigation .logo {
    height: 36px;
  }
}

.card-default .image-holder img {
    clip-path: none;
}