/*

Theme Name: Max Velthuijs
Template: kadence
Author: Cloudwise
Version: 1.0.1
Text Domain: maxvelthuijs
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

:root {
    --oranje: #f18c08;
}

/* knoppen */
.kb-button:not(.kb-btn-global-inherit),
.kb-form .kadence-blocks-form-field .kb-forms-submit{ }
.kb-button:not(.kb-btn-global-inherit).knop{}
.kb-button:not(.kb-btn-global-inherit).knop:hover{}

.kb-button.knop-terug:after{display:none}
.kb-button.knop-terug:before{content: "\f104"; font-family: 'Font Awesome 5 Free'; font-weight: 700; padding-right:10px; position:relative; opacity:1;}

.knop a,
.knop a:active,
.knop a:visited,
a.knop,
a.knop:active,
a.knop:visited,
#wrapper .wp-block-kadence-posts a.post-more-link,
#wpwrap .wp-block-kadence-posts a.post-more-link,
#wrapper #archive-container a.post-more-link,
#wpwrap #archive-container a.post-more-link{display:inline-block; }
.knop a:hover,
a.knop:hover,
#wrapper .wp-block-kadence-posts a.post-more-link:hover,
#wpwrap .wp-block-kadence-posts a.post-more-link:hover,
#wrapper #archive-containers a.post-more-link:hover,
#wpwrap #archive-container a.post-more-link:hover {}


/* flickity */
#wrapper .flickity-page-dots{padding-left:0;}
#wrapper .flickity-page-dots .dot{}
#wrapper .flickity-page-dots .dot.is-selected{}


/* zoeken */
.search-toggle-open-container{}
.search-toggle-open-container .search-toggle-open{ }
.search-toggle-open-container .search-toggle-label{}

#search-drawer .drawer-inner input.search-field{border-radius:33px; padding:12px 30px !important;}
#search-drawer .drawer-inner input.search-field:focus{box-shadow:none !important;}

.search-items .wp-block-post-excerpt__more-text{display:none;} 


/* zoeken x  (browser default overschrijven) */
#search-drawer input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; appearance: none;
	width: 20px; height: 20px; background-color: #fff; border-radius: 50%; cursor: pointer;
    -webkit-mask-image: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
    <path fill='black' d='M18.3 5.7a1 1 0 0 0-1.4 0L12 10.6 7.1 5.7a1 1 0 1 0-1.4 1.4L10.6 12l-4.9 4.9a1 1 0 1 0 1.4 1.4L12 13.4l4.9 4.9a1 1 0 0 0 1.4-1.4L13.4 12l4.9-4.9a1 1 0 0 0 0-1.4z'/>\
    </svg>");-webkit-mask-repeat: no-repeat;-webkit-mask-position: center; -webkit-mask-size: contain;
}


/* nieuws kadence */
/* kadence nieuws overzicht */
.wp-block-kadence-posts{}
.wp-block-kadence-posts .post-thumbnail{}
.wp-block-kadence-posts .content-bg{}
.wp-block-kadence-posts .entry-taxonomies{}
.wp-block-kadence-posts .entry-taxonomies .category-style-pill a{}
.wp-block-kadence-posts .entry-header{margin:0;}
.wp-block-kadence-posts .entry-header .entry-title{}
.wp-block-kadence-posts .entry-header .entry-title a{}
.wp-block-kadence-posts .entry-header .entry-title a:hover{}
.wp-block-kadence-posts .entry-header .entry-meta{}
.wp-block-kadence-posts .entry-summary{margin:0;}
.wp-block-kadence-posts .entry-summary p{margin:0;}
.wp-block-kadence-posts .entry-actions{}
.wp-block-kadence-posts .entry-content-wrap .entry-footer a.post-more-link{ text-transform:none; letter-spacing:0;}
.wp-block-kadence-posts .entry-content-wrap .entry-footer a.post-more-link:hover{}
.wp-block-kadence-posts .entry-content-wrap .entry-footer a.post-more-link .kadence-svg-iconset{display:none;}

/* kadence nieuws archief */
#archive-container .post-thumbnail{}
#archive-container .entry-taxonomies .category-style-pill a{}
#archive-container .entry-header .entry-title{}
#archive-container .entry-header .entry-title a{}
#archive-container .entry-header .entry-title a:hover{}
#archive-container .entry-header .entry-meta{}
#archive-container .entry-content-wrap .entry-footer a.post-more-link{ text-transform:none; letter-spacing:0;}
#archive-container .entry-content-wrap .entry-footer a.post-more-link:hover{}
#archive-container .entry-content-wrap .entry-footer a.post-more-link .kadence-svg-iconset{display:none;}



/* media queries */
@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 767px) {
}

@media only screen and (max-width: 479px) {	
}
.TopImg{
        height: 300px;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top:0;
    left:0;
}

#masthead{
    background-color:transparent !important;
}
.TopImg:before{
        content: "";
    background-image: url(images/header_bg_nobees.svg);
    background-repeat: no-repeat;
    width: 150%;
    height: 100%;
    position: absolute;
    background-position: top center;
    top: -5px;
    left: -18%;
    min-width: 2500px;
}

#wrapper{
background-image: url(images/footer_bg_nobees.svg);
    background-position:-56px bottom;
    background-repeat: no-repeat;
    background-size:120%;
}
.site-header-top-section-right{
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-end;
    gap:10px;
}

.headerafbeelding{
    position: relative;
}
.headerafbeelding:before{
    content: "";
    display: block;
    width: 100%;
    height: 21px;
    background-image: url(images/banner_top.png);
    background-repeat: no-repeat;
    background-size: 100% 21px;
    position: absolute;
    top: 0;
    left: 0;
}
.headerafbeelding:after{
    content: "";
    display: block;
    width: 100%;
    height: 39px;
    background-image: url(images/banner_bottom.png);
    background-repeat: no-repeat;
    background-size: 100% 39px;
    position: absolute;
    bottom: 0;
    left: 0;
}

#masthead #main-header .header-button{
display: inline-block;
    width: 154px;
    height: 49px;
    background-image: url(images/header_btn.png);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    line-height: 49px;
    margin-right: 40px;
    box-shadow:none;
    padding-top:0px;
}

.site-header-section-right{
    padding-top:20px;
}

/* zijmenu */
.SubpagesListWrapper .SubpagesListHeader {
    background-color:var(--global-palette3, #444);
    color:#fff;
    padding: 10px 30px 20px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}


.SubpagesListWrapper .SubpagesListHeader:after {
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    background-image: url(images/sidepane_bottom.png);
    background-repeat: no-repeat;
    background-size: 100% 18px;
    position: absolute;
    bottom: 0;
    left: 0;
}



.SubpagesListWrapper ul{
  margin-bottom:0;
  background-color:var(--global-palette2, #444);
  padding-top:10px;
  padding-bottom:10px;
}
.SubpagesListWrapper ul, .SubpagesListWrapper ul li{
  list-style-type:none;
}
.SubpagesListWrapper ul li a{
  color:var(--global-palette3, #444);
  text-decoration:none;
  font-size: 18px;
  line-height: 1.8;

}
.SubpagesListWrapper ul li.current a,
.SubpagesListWrapper ul li a:hover{
  font-weight:bold;
}

@media (max-width: 768px) {
  .SubpagesListWrapper{display:none}
}

.single-content  ol.breadcrumb-items{
    padding-left:0;
}

.single-content  ol.breadcrumb-items a{
    text-decoration: none;
}

.readmore a{
    color:var(--oranje);
    font-size: 26px;
    font-family: 'Gaegu', cursive;
    font-weight: bold;
    letter-spacing: -3px;
    display: block;
    text-align: right;
    margin-top: 20px;
}
.readmore:hover a{
    color:var(--oranje);
}

@media (min-width: 1200px) {
    body:not(.home) .content-area{
        margin-bottom:375px !important;
    }
}


@media (max-width: 500px) {
    .headerafbeelding:before{
        background-size: 100% 5px;
        height:5px;
    }
    .headerafbeelding:after{
        background-size: 100% 12px;
        height:12px;
    }
    .home .site-container{
        padding:0 !important
    }
}