/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

figure.openingstijden table td{
  padding: 2px 0;
  border: none;
}

.inside-article ul{
  margin: 0 0 1.5rem 1.5rem;
}

.inside-article ul ::marker{
  color: var(--base);
}

.inside-article ul.gbp-list--unstyled{
  margin: 0;
}


/** KLANTLGO CAROUSSEL **/

/** PORTFOLIO SLIDER **/

.impressie-slider-wrapper{

    margin-bottom: -30px;

}

.swiper, .swiper-slide{
    position: relative;
}

.swiper-slide{
  overflow: hidden;
}

.swiper-slide .slide-description{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  text-shadow: 0 1px  5px rgba(32, 32, 32, .5);
  background: linear-gradient(180deg,rgba(255, 255, 255, 0) 50%, rgba(32, 32, 32, 1) 100%);
}

.impressie-swiper .swiper-navigation-wrapper{
    position: relative;
    left: 30px;
    bottom: 30px;
    background-color: var(--accent);
    display: block;
    width: 90px;
    height: 60px;
    padding: 10px;
    z-index: 2;

}

.swiper-button-next, .swiper-button-prev{
    color: var(--base-3) !important;
    transition: all .25s ease-in-out;
}

.swiper-button-next:hover, .swiper-button-prev:hover{
    color: var(--base-3) !important;
}

.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 1.5rem !important;
}

.swiper-wrapper{
  width: 100%;
  height: 100%;
}

.impressie-swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.impressie-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.impressie-swiper .swiper-slide {
  width: 90% !important;
  height: auto;
  aspect-ratio: 16/9;
}

/** RECENTIES SLIDER **/

.swiper-slide blockquote{
  border: none;
  background-color: #f5d3b8;
  padding: 3.5rem;  
  border-radius: 5px;
}

.swiper-slide blockquote cite{
 font-size: .8rem
}

/** FEATURED BLOG BLOCK **/

.featured-blog{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-bottom: 40px;
}

.featured-blog .content{
  padding: 3.5rem;
  background-color: #fff;
}

.featured-blog .blog-image img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media all and (max-width: 767px){
  
  .featured-blog{
    grid-template-columns: repeat(1, 1fr);

  }
  
  .featured-blog .content{
    padding: 1.75rem
  }
  
  .impressie-swiper .swiper-slide {
    width: 90% !important;
    height: auto;
    aspect-ratio: 3/2;
  }
  
  .impressie-swiper .swiper-navigation-wrapper{
    left: 15px;
    bottom: 15px;
  }
}

/** CLASSIC NAVIGATION WIDGET **/

.wp-classic-menu-block ul{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wp-classic-menu-block ul a{
  text-decoration: none;
}

.wp-classic-menu-block ul a:hover, .wp-classic-menu-block ul a:focus{
  text-decoration: underline;
}

/** RESERVERINGSFORMULIER **/

.wpbs-main-wrapper{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 7rem
}

.wpbs-main-wrapper .wpbs-form-container{
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.wpbs-container .wpbs-calendars .wpbs-calendar .wpbs-calendar-header .wpbs-calendar-header-navigation .wpbs-next, .wpbs-container .wpbs-calendars .wpbs-calendar .wpbs-calendar-header .wpbs-calendar-header-navigation .wpbs-prev{
  background: var(--accent);
}

.wpbs-legend, .wpbs-container .wpbs-calendars .wpbs-calendar{
  border: none;
  background: none;
}

.wpbs-container .wpbs-calendars .wpbs-calendar table tr td .wpbs-date.wpbs-gap{
  background: none;
}

.wpbs-container .wpbs-calendars .wpbs-calendar .wpbs-calendar-header{
  background: none;
  padding: 0;
}

@media all and (max-width: 767px){
  
  .wpbs-main-wrapper{
    grid-template-columns: repeat(1,1fr);
  }

}