/*
Theme Name: KBO 2024
Template: vamtam-consulting
Theme URI: http://europewebmedia.nl/
Description: Custom theme for https://kbolimburg.nl/
Author: Europe Web Media
Author URI: http://europewebmedia.nl/
Version: 1.0
General comments/License Statement if any.
*/

#header-slider-container {
  overflow: hidden;
}

@media (min-width: 778px) {
  #rev_slider_65_1_wrapper {
    height: 500px;
  }
}

/*transition delay for pagr header section with background opacity
https://consulting.vamtam.com/services/*/

#sub-header .text-shadow {
  transition: opacity .5s;
}

/*end transition delay for pagr header section with background opacity
https://consulting.vamtam.com/services/*/

#sub-header .vamtam-box-outer-padding,
.header-content-wrapper .header-padding {
  padding-left: 0;
  padding-right: 0;
}

div.has-background .meta-header-inside {
  /*height: 20vh;*/
  height: auto;
  padding-bottom: 0;
}

.loop-wrapper .list-item {
  min-height: 410px;
}

div.loop-wrapper.news .post-article .post-content-outer {
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-bottom: 0;
  margin-bottom: 10px;
}

.post-article header h4 {
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-bottom: 0;
  margin-bottom: 10px;
  font-size: 18px;
}

header.main-header .header-content-wrapper {
  padding: 15px 0;
}

div[class*=gallery-columns-] figure.gallery-item img {
  display: inline-block;
  padding-bottom: 10px;
  min-height: 200px;
  object-fit: cover;
}

#main-menu .menu,
header.main-header.layout-logo-text-menu .second-row #main-menu .menu {
  justify-content: flex-start;
  margin-left: 0;
}

#main-menu .menu > li.menu-item:first-child {
  padding-left: 0;
}

#main-menu .menu>.menu-item a {
  color: #ffffff;
  font-weight: 700;
}

.limit-wrapper .loading-container {
  position: absolute;
  z-index: 2;
  height: 80px;
  width: 80px;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
}

.loading-icon {
  border: 10px solid #f3f3f3; /* Light grey */
  border-top: 10px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
}

.attendance-list {
  margin-bottom: 3rem;
}

.fl-post-grid-date {
  padding: 5px 10px;
  margin-bottom: 10px;
  display: inline-block;
  color: #fff;
  background-color: #154f84;
  position: absolute;
  top: 10px;
}

.calendar-widget {
  margin-bottom: 3rem;
}

.fl-post-feed-post.no-margin .fl-post-feed-header {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.fl-post-feed-post.no-margin .fl-post-feed-header:before {
  content: "›";
}

.map__search {
  display: none;
}

.map__search-results {
  display: none;
  background: #fff;
}

.map-sidebar {
  display: none;
  position: absolute;
  width: 100%;
  max-width: 320px;
  top: 100px;
  left: 20px;
  z-index: 2;
  opacity: 1;
  padding: 20px;
  background-color: #fff;
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
  background-color: #154f84;
  color: #fff;
  font-size: 0.8rem;
}

.map-sidebar a {
  color: #fff;
  font-size: 0.9rem;
}

.sidebar-back-button-container {
  padding-bottom: 1rem;
}

.map-sidebar .p-title {
  font-size: 1rem;
  font-weight: 500;
}

.storelist {
  position:relative;
  float:left;
  width:24%;
  margin-right:1%;
}

.storelist ul:not(.wp-block-gallery),
.storelist ul {
  padding-left: 30px;
  margin-left: 0;
}

.li_afdeling:hover {
  cursor:pointer
}

.wpcf7 .form-check p {
  display: flex;
  gap: 10px;
}

.gallery-container .gallery-item {
  width: 100%;
}

.main-container .slick-slide img {
  height: 100%;
  min-height: 312px;
}

.gallery-container .gallery-item .gallery-slick-nav {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 45%;
  border: none;
  transition:visibility 0.3s linear, opacity 0.3s linear;
  -webkit-filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .7));
  z-index: 99;
  display: none;
  visibility: hidden;
  opacity: 0;
  background: none;
  background-size: contain;
  background-repeat: no-repeat;
}

.gallery-container .gallery-item:hover .gallery-slick-nav {
  display: block;
  visibility: visible;
  opacity: 1;
}

.gallery-container .gallery-item .gallery-slick-prev {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23ffffff" viewBox="0 0 256 256"><path d="M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z"></path></svg>');
  background-position: left;
}

.gallery-container .gallery-item .gallery-slick-next {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23ffffff" viewBox="0 0 256 256"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg>');
  right: 0;
  background-position: right;
}

.gallery-container .gallery-item .slider-container {
  width: 100%;
  max-width: 600px;
}

.gallery-container .gallery-item .slider-info {
  font-size: 1rem;
}

div.post-article .post-media {
  margin-bottom: 2rem;
}

@-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

.header-banner-component .banner-image-wrapper {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: scroll;
}
.header-banner-component img {
width: 100%;
height: auto;
opacity: 0;
visibility: hidden;
object-fit: cover;
}

.header-banner-component .banner-image {
	position: relative;
}
.header-banner-component .header-text {
	position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: grid;
    align-content: center;
}
.header-banner-component .header-text .heading-text {
	color: #fff;
    font-size: 2.5em;
    text-shadow: 1px 1px 11px #000000;
    text-align: center;
}

.blue-boxlinks-component .blue-box-item {
  
        text-align: center;
    border: 1px solid #094378;
    background-color: #154f84;
    padding-top: 5rem;
    padding-bottom: 5rem;
    width: 100%;
    min-height: 238px;
    display: grid;
    align-content: center;
}
.blue-boxlinks-component .blue-box-item .blue-box-link {
font-weight: 600;
    font-size: 28px;
    text-shadow: 1px 1px 3px #333333;
    color: #fff;
    text-align: center;
}

@media (max-width: 767px) {
  .blue-boxlinks-component .blue-box-item {
    padding-top: 3rem;
    padding-bottom: 3rem;
    min-height: unset;
    margin-bottom: 1.5rem;
  }
}

@media (max-width: 959px) {
  #main-menu .menu>.menu-item a {
  color: #154f84;
  /* font-weight: 700; */
  }

  .header-banner-component .header-text .heading-text {
    font-size: 1.5rem;
  }
}

.fl-col-group .wpcf7-form {
	padding-bottom: 1rem;
}
.fl-col-group .wpcf7-form label {
	font-size:15px;
	text-indent: 12px;
}
.fl-col-group .wpcf7-form label .wpcf7-form-control-wrap {
	margin-top: 0.5rem;
		display: flex;
}
.fl-col-group .wpcf7-form .innercontact {
	margin-bottom: 1.5rem;
}
.fl-col-group .wpcf7-form .top-row label {
	font-weight: 400;
}

.fl-col-group .wpcf7-form .top-row .wpcf7-checkbox .wpcf7-list-item.first {
	margin-left: 0;
}