/*
 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
*/

.inside-article ul.wp-block-list {
    margin-left: 1.5rem;
}

.inside-article ::marker{
  color: var(--global-color-10);
}

/** GRAVITY FORMS STYLES **/

input.gform_button{
  background-color: var(--global-color-10) !important;
  padding: 15px 20px !important;
  line-height: 1 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

input.gform_button:hover, input.gform_button:focus{
  background-color: var(--global-color-11) !important;
}

/** KLANTLGO CAROUSSEL **/

.swiper.logo-swiper{
  max-width: 1200px;
  padding: 0 40px;
}

.logo-swiper .swiper-slide {
  height: auto;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-swiper .swiper-slide .image-wrapper{
  padding: 20px;
}

.swiper-button-next, .swiper-button-prev{
  color: var(--accent) !important;
  width: 40px;
}

.swiper-button-next{
  right: -10px
}

.swiper-button-prev{
  left: -10px
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 20px;
}

/** DIENSTEN SLIDER **/

.projecten-swiper .swiper-wrapper{
  width: 100%;
  height: 100%;
  max-height: 800px;
}

.projecten-swiper .swiper-slide {
  background: #fff;
  display: flex;
  flex-direction: column;
  box-shadow: 10px 10px 20px rgba(0,0,0, 0.2);
  border-radius: 10px;
  overflow: hidden;
}

.projecten-swiper .slide-content{
  padding: 40px;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;  
}

.diensten-swiper .slide-content .button{
  padding: 1rem 2rem;
  border-radius: 5px;
  margin-top: auto;
  background-image: linear-gradient(45deg, var(--global-color-9) 0%, var(--global-color-10) 100%);
}


.projecten-swiper .swiper-slide img {
  aspect-ratio: 3 / 2;
  object-fit: cover;

}

.swiper.projecten-swiper{
  overflow: visible;
}

.projecten-swiper .swiper-slide {
  max-width: 400px;
  height: auto;
}

.projecten-swiper .swiper-pagination{
  bottom: -40px;
}

.swiper-pagination-bullet{
  width: 12px;
  height: 12px;
}

.swiper{
    position: relative;
}

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

}

.projecten-swiper .swiper-button-next, .swiper-button-prev{
  color: var(--contrast) !important;
  width: 40px;
}

.projecten-swiper .swiper-button-next{
  right: 0
}

.projecten-swiper .swiper-button-prev{
  left: 0
}

.projecten-swiper .swiper-button-next:after, .projecten-swiper  .swiper-button-prev:after {
  font-size: 20px;
}


.swiper-button-next, .swiper-button-prev{
    color: #fff;
    transition: all .25s ease-in-out;
}

.swiper-button-next:hover, .swiper-button-prev:hover{
    color: #b59956;
}

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




.swiper-pagination-bullet{
  background: #fff;
  opacity: 1;
}

.swiper-pagination-bullet-active{
  background: var(--global-color-8);
}

@media all and (max-width: 767px){
  
  .diensten-swiper.swiper{
    overflow: hidden;
  }
  
}


/** 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;
}

@media (max-width: 1023px) {
     .main-navigation .menu-toggle {
        line-height: 20px;
    }
    
    .mobile-menu-control-wrapper .gb-button{
      margin-right: 20px;
    }
    
    .mobile-menu-control-wrapper .menu-toggle{
      background-color: transparent;
    }
    
    .main-navigation.mobile-header-navigation {
      padding: 20px 0 20px 0;
    }
    

    
    .main-navigation .inside-navigation .gb-button{
      margin: 0 20px 0 auto;
    }
    
    
}