/*!
Theme Name: IJsselgraaf WP Blank - door Kommotiv
Theme URI: https://kommotiv.nl
Author: Kommotiv
Author URI: https://kommotiv.nl.nl
Description: Dit is een theme ontwikkeld voor de verschillende scholen vallend onder IJsselgraaf
Version: 1.0.0
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ijsselgraaf
*/
/* ============== RESET ============ */
@media screen {
  html {
    margin-top: 0px !important;
  }
}
/* ============== BOOTSTRAP UITBEREIDING ================== */
.g-45 {
  --bs-gutter-y: 2.25rem;
  --bs-gutter-x: 2.25rem;
}
.g-6, .gx-6 {
  --bs-gutter-x: 4rem;
}
.g-7, .gx-7 {
  --bs-gutter-x: 5rem;
}
.g-8, .gx-8 {
  --bs-gutter-x: 6rem;
}
.g-9, .gx-9 {
  --bs-gutter-x: 7rem;
}
.g-10, .gx-10 {
  --bs-gutter-x: 8rem;
}
.mb-45 {
  margin-bottom: 2.25rem;
}
.mb-6 {
  margin-bottom: 4rem;
}
.mb-7 {
  margin-bottom: 5rem;
}
.mb-8 {
  margin-bottom: 6rem;
}
.mb-9 {
  margin-bottom: 7rem;
}
.mb-10 {
  margin-bottom: 8rem;
}
.mb-11 {
  margin-bottom: 9rem;
}
.mb-12 {
  margin-bottom: 10rem;
}
.mb-13 {
  margin-bottom: 11rem;
}
.mb-14 {
  margin-bottom: 12rem;
}
.mb-15 {
  margin-bottom: 13rem;
}
.mt-6 {
  margin-top: 4rem;
}
.mt-7 {
  margin-top: 5rem;
}
.mt-8 {
  margin-top: 6rem;
}
.mt-9 {
  margin-top: 7rem;
}
.mt-10 {
  margin-top: 8rem;
}
.mt-11 {
  margin-top: 9rem;
}
.mt-12 {
  margin-top: 10rem;
}
.mt-13 {
  margin-top: 11rem;
}
.mt-14 {
  margin-top: 12rem;
}
.mt-15 {
  margin-top: 13rem;
}
.py-45 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
/* ==================== NAVBAR ======================== */
#mainmenu-wrap {
	position: fixed;
	left: 0;
	right:0;
	top: 0;
	filter:drop-shadow(2px 4px 5px #5555);
	z-index: 1000;
}
.navbar-brand {
  background-color: #fff;
  z-index: 1000;
  padding: 1.5rem 3.5rem;
  width: 370px;
  height: 150px;
  transition: .25s all ease-in-out;
}
.navbar-brand img {
  width: 280px;
  height: auto;
  transition: .25s all ease-in-out;
}
.navbar-brand.shrink {
  padding: 1.5rem 3.5rem;
  height: 100px;
  width: 370px;
  transition: .25s all ease-in-out;
}
.navbar-brand.shrink img {
  width: 250px;
  transition: .25s all ease-in-out;
}
#main-nav li a.nav-link {
  font-size: 1rem;
  font-weight: 700;
  color: #454163;
  margin-left: .5rem;
}
#main-nav li a.nav-link:hover {
  color: #EC6075;
}
#main-nav li.current_page_item a.nav-link,
#main-nav li.current-menu-item  a.nav-link {
  color: #EC6075;
}
#mainmenu-wrap nav {
  height: 80px;
}
.navbar-toggler {
  border:0;
  border-radius: 0;
  padding:.7rem .5rem;
}
.navbar-toggler:focus {
  box-shadow: none;
  outline: inherit;
}
.navbar-toggler:focus-visible {
  outline: 2px auto #000;
}
.navbar-toggler-search-icon {
  width: 20px;
}
.navbar-toggler-hamburger-icon {
  width: 32px;
}
@media (min-width: 992px) {
  #navbarDropdownSearch {
    border:0;
    background: none;
    padding: .4rem .3rem;
    margin-left: .5rem;
  }
  #navbarDropdownSearch::after {
    display: none;
  }
  .search_menu.dropdown-menu {
    border:0;
    width: 500px;
    padding: 1rem;
  }
  .search_menu.dropdown-menu .site-search {
    margin-top: 1rem !important;
  }
}
@media (max-width: 1199px) {
  .navbar-brand {
    width: 340px;
    height: 142px;
  }
  .navbar-brand img {
    width: 250px;
  }
}
@media (max-width: 991px) {
  #mainmenu-wrap nav {
    height: inherit;
    padding: 1.67rem 1rem !important;
    border-bottom-left-radius: 8px;
  }
  #main-nav {
    position: relative;
    z-index: 1000;
  }
  #main-nav li a.nav-link {
    margin-left: 0;
  }
}
@media (max-width:767px) {
  #mainmenu-wrap::before {
    height: 84px;
  }
  .navbar-brand {
    width: 290px;
    height: 115px;
  }
  .navbar-brand img {
    width: 200px;
  }
  .navbar-brand.shrink {
    width: 290px;
    height: 80px;
  }
  .navbar-brand.shrink img {
    width: 200px;
    transition: .25s all ease-in-out;
  }
  .navbar-toggler {
    padding:.23rem .5rem;
  } 
}
@media (max-width: 575px) {
  #mainmenu-wrap nav {
    width: 96%;
  }
  .navbar-brand {
    left: -40px;
  }
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* Zoekformulier */
@media (min-width: 992px) {
  #collapseSearch {
    display: none !important;
  }
}
@media (max-width: 991px) {
  #navbarDropdownSearch {
    display: none;
  }
}
/* ===================  KRUIMELPAD =================== */
.breadcrumbs-wrap {
  margin-top: 9rem;
}
@media (min-width: 768px) {
  .breadcrumbs-wrap {
    margin-top: 10rem;
  }
}
@media (min-width: 1200px) {
  .breadcrumbs-wrap {
    margin-top: 11rem;
  }
}
.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.breadcrumbs a {
  font-weight:500;
  text-decoration: none;
  font-size: 14px;
  color: #0F395D;
}
.breadcrumbs a:hover, 
.breadcrumbs a:active {
  text-decoration: underline;
}
.breadcrumb-item {
  display: flex;
  align-items: center;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "";
  background-image: url(assets/images/icons/kruimelpad-haakje-rechts.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 12px;
  width: 25px;
}
.breadcrumb-item .home {
  content: "";
  background-image: url(assets/images/icons/kruimelpad-homepage.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 18px;
  width: 25px;
  align-self: self-start;
}
.breadcrumb-item .home:hover {
  background-image: url(assets/images/icons/kruimelpad-homepage-hover.svg);
}