/*

Theme Name: Carmel College Gouda
Template: kadence
Author: Cloudwise
Version: 1.0.1
Text Domain: cloudwise-basis-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

h1, h2, h3, h4, h5, h6 {
    hyphens: auto;
    overflow-wrap: break-word;
}


 #main-header .site-header-row-layout-contained{
    margin-top:24px;
}

@media(max-width:768px){
    .herowrapper.bighero > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap{
        height:auto;
    }

    .kadence-column6_090b1c-c3, .kt-inside-inner-col > .kadence-column6_090b1c-c3:not(.specificity){
        margin-top:0 !important;
    }
}

#secondary-menu .kadence-menu-has-icon .menu-label-icon-wrap{
    border: 1px solid #000;
    border-radius: 8px !important;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;

    .menu-label-icon{
        width: 18px;
        height: 18px;
    }

    + .dropdown-nav-toggle{
        display:none
    }

}



.bighero .wp-block-search .wp-block-search__button{
    width:48px;
    height:48px;
    display:flex;
    align-items: center;
    justify-content: center;
}

.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6{
    margin-top:10px;
}

.wp-block-kadence-rowlayout {
    margin-bottom: 7.5rem;
}

.wp-block-kadence-rowlayout .wp-block-kadence-rowlayout {
    margin-bottom: 0;
}

.wp-block-kadence-rowlayout.no-row-margin {
    margin-bottom: 0;
}

.site-top-header-inner-wrap nav.header-navigation ul .sub-menu{
    background-color:#fff !important;
    border-radius: 0 0 8px 8px;
}


.colorbackgroundrow > div{
    padding: 0 !important

}

footer.site-footer{
    padding:0px;

    .wp-block-kadence-rowlayout{
        margin-bottom:34px;
    }

    .linklist{
        a{
            display:block;
            width:100%;
            position: relative;
            color: #F5F5F4;
            font-size:20px;

            &:after{
                content:'';
                background-image:url('images/arrow.svg');
                background-repeat: no-repeat;
                background-size:12px 12px;
                background-position: center;
                width:32px;
                height:32px;
                position: absolute;
                right: 12px;
                top:-3px;
                border-radius: 8px;
                border: 1px solid var(--Primary-CCG-Grijs-25, rgba(245, 245, 244, 0.25));
                transition: 0.3s;
            }

            &:hover{
                text-decoration: none;

                &:after{
                    right:0;
                }
            }
        }
        p{
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            
        }
    }

}

@media(min-width:1024px){
    footer.site-footer{
        padding:16px;
    }
}

@media(max-width:1024px){
    footer.site-footer p{
        font-size:16px;
    }
}



@media(max-width:1024px){
    .wp-block-kadence-rowlayout {
        margin-bottom: 80px;
    }
    .zoekboxheader .wp-block-search__inside-wrapper{
        width: 75% !important
    }
}


@media(max-width:700px){

    .zoekboxheader .wp-block-search__inside-wrapper{
        width: 100% !important
    }
}


#mobile-header{
    margin-top:16px;
}

@media(max-width:1024px){
    .footer-widget-area-inner > .widget_block.widget_text:first-child p{
        border-bottom:1px solid #fff;
        padding-bottom:16px;
    }

}

@media(max-width:1200px){
    .herowrapper p{
        font-size:18px;
        line-height: 130%;
        letter-spacing: -0.18px;
    }
}   
@media(max-width:1024px){
    .herowrapper.bighero{
        margin-bottom:80px !important; 
    }
    .herowrapper.hero-text-centered{

        p:last-of-type{
            margin-bottom:0;
        }
    }

    .hero-text-centered-image figure, .hero-text-centered-image img{
        height:auto;
        width:100%;
    }

    .steps-pattern > div{
        padding-bottom:0 !important;
    }
}


nav#site-navigation{
    height:100%;

    ul:not(.sub-menu) > li{
        height:100%;
        border-left:0.5px solid rgba(0, 0, 0, 0.10);
        display: flex;
        align-items: center;
        padding-left:8px;
        padding-right:8px;

        &:last-child{
            border-right:0.5px solid rgba(0, 0, 0, 0.10);
        }
    }
}

.header-navigation ul ul.sub-menu, .header-navigation ul ul.submenu{
    box-shadow: none !important;
}

.carmel-menu-hover-link{
	margin-bottom:16px;
	font-size:20px;
	line-height: 24px;
	text-decoration: none;
	color:rgba(0, 0, 0, 1);

	&:last-child{
		margin-bottom:0;
	}
}

.bighero{
    margin-top: -104px;
    margin-bottom: 90px !important;
}



@media(max-width:1025px) {
	.carmel-menu-hover-link{
		margin-bottom:16px;
		font-size:16px;
	
	}
    #mobile-secondary-site-navigation{
        padding: 0 24px;
    }

    .mobile-navigation ul li .sub-menu{
        border-bottom: 0px solid var(--colors-dark-black-10, rgba(0, 0, 0, 0.10));
        border-top: 0px solid var(--colors-dark-black-10, rgba(0, 0, 0, 0.10));
        padding:16px;

        a{
            font-weight:400;
            font-size:16px;
            line-height:1.2;
            padding:0 .5em;
        }
    }

    .bighero{
        margin-top: -90px;
        margin-bottom: 90px !important;
    }
}

@media(max-width:768px) {
    .bighero{
        margin-top: -54px;
        margin-bottom: 90px !important;
    }

    .hide-on-mobile{
        display:none;
    }
}

ul.sub-menu.show-drawer{
	padding-left:0 !important; 
} 

.header-menu-container  a{
    text-decoration: none;
}
.mobile-drawer-content > div:first-child{
	background-color:#fff;
	border-radius:0 0 16px 16px;
    padding:16px;
}


#mobile-drawer.popup-drawer .drawer-content{
    padding:0 16px ;
}
div#mobile-drawer .drawer-header{
    background-color:#fff;
    width:calc(100% - 32px);
    margin:0 auto;
    border-radius:16px 16px 0 0;
}
.drawer-inner{
    padding-top:16px;
}

.wp-singular .mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button{
    border:0;
}

.wp-singular .mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap, .mobile-navigation ul li:not(.menu-item-has-children):last-child a{
    border:0;
}
#mobile-secondary-site-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap, #mobile-secondary-site-navigation ul li:not(.menu-item-has-children):last-child a{
    border:none;
}
header.site-header:has(.menu-item--toggled-on){
    z-index:4;
    
}
ul#mobile-menu >  li{
    border-bottom:1px solid rgba(0, 0, 0, 0.10);
}

.mobile-navigation ul li a
header.site-header:has(.menu-item--toggled-on) + main#inner-wrap:before{
    content:'';
    width:100vw;
    height:100vh;
    background-color:rgba(0,0,0,0.6);
    top:0;
    left:0;
    position:absolute;
    z-index:3;
    position: fixed;
}

/* zoekresultaten */

.search-results .site-main{
    padding:120px 0 100px;
    max-width:900px;
    margin:0 auto
}

.search-results .site-main h1{
    text-align: center;
    margin-bottom:40px;
}

.search-results .entry-title{
    font-size:32px;
    color:#000;
    font-weight:500;
    line-height:120%;
    letter-spacing:-0.64px;
    margin-bottom:24px;
    font-family: Roboto, sans-serif;
}

.search-results .excerpt_part{
    font-size:16px;
    font-weight:400;
    line-height: 120%;
    color:#000;
}

.search-results .site-main .entry-list-item article{
    padding:40px;
    border-radius:24px;
    box-shadow:none
}
.search-results .site-main article.type-attachment{
    border-radius:24px;
    box-shadow:none
}

.search-results .site-main .entry-list-item article .entry-content-wrap{
    padding:0;
}
.search-results .site-main .entry-list-item article h2{
    margin-bottom:24px;
}

.search-results .site-main .entry-list-item article .wp-element-button, .search-results .site-main article.type-attachment  .wp-element-button{
    padding:0;
    display: flex;
    border-radius:8px;
        background-color:#005C74;
    color:#fff;
    padding:10px;
}

#main-header .main-navigation .primary-menu-container > ul > li.menu-item > a{
    padding-left:16px;
    padding-right:16px;
}

/* infohub */
.carmel-infohub__content section{
    padding:40px;
    background-color:#fff;
    border-radius:24px;
}

.carmel-infohub__nav{
    padding:40px;
    background-color:#fff;
    border-radius:24px;
}
.carmel-infohub__nav ul{
    padding-left:0 !important;
}


@media(max-width:1025px){
    .iconmenu{
        width: 32px;
        height: 32px;
        flex-shrink: 0;
        background-image: url('/wp-content/themes/ccg/images/loginicon.svg');
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding:16px;

    }
    .search-toggle-open-container .search-toggle-open.search-toggle-style-bordered,
    .mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button,
    .mobile-toggle-open-container #mobile-toggle,
    .iconmenu{
        padding:6px;
        border-radius: 8px;
        border-radius: 8px;
        border: 0.5px solid rgba(0, 0, 0, 0.3);
    }
    .mobile-toggle-open-container #mobile-toggle{
        padding:8px;
    }
    .search-toggle-open-container .search-toggle-open .search-toggle-icon{
        font-size:20px !important;
    }

    .wp-block-carmel-core-infohub-overzicht{
        flex-direction: column;
        display: flex;

        .carmel-infohub__nav{
            display:none;
        }
        .carmel-infohub__content{
            width:100%;
        }
    }
}

.knop-terug{
    svg{
        path{
            fill:currentColor
        }
    }
    span{
        font-weight:400;
    }
}

/* team */
.single-content .carmel-team-slider__name{
    font-weight:500;
    font-size:32px;
}


.carmel-team-slider__image{
    aspect-ratio:520 / 596;
}

.carmel-team-grid__image, .carmel-team-slider__image{
    border-radius:24px;
    margin-bottom:40px;
    height:520px;
    img{
        height:520px;
        object-position: 0 10%;
    }
}
.carmel-team-grid__name, .carmel-team-slider__name{
    letter-spacing: -0.64px;
    line-height:120%;
    font-size:32px;
    font-weight:500;
    margin-bottom:8px;
    color:rgba(3, 10, 10, 1);
}
.carmel-team-grid__role, .carmel-team-slider__role{
    font-weight: 400;
    line-height: 120%;
    font-size:20px;
    opacity:0.5;
}
.carmel-team-grid{
    grid-template-columns: repeat(3, 1fr);
}
@media(max-width:1024px){
    .carmel-team-grid__name, .carmel-team-slider__name{
        font-size:22px;
        letter-spacing: -0.44px;
    }
    .carmel-team-grid__role, .carmel-team-slider__role{
        font-size:16px;
    }
    .carmel-team-grid__image, .carmel-team-slider__image{
        margin-bottom:32px;
        height:383px;
        img{
            height:383px;
            
        }
    }
    .carmel-team-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:768px){
    .carmel-team-grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .carmel-team-slider__image img{
        width:calc(100% - 36px);
        border-radius:24px;
    }
}
/* kalender */
.simcal-calendar{

    .simcal-calendar-head{
        background-color:#fff;
    }

    .simcal-nav h3{
        color: #020A0A;
        text-align: center;
        font-family: Roboto;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .simcal-nav-button i{
        color: #020A0A;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .simcal-week-day {
        color: #020A0A;
        text-align: center;
        font-family: Roboto;
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding: 10px 0;
    }

    .simcal-day-label{
        color: #020A0A !important;
        text-align: right;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        background-color:#fff !important
    }

    .simcal-event-title{
        color: #020A0A;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

}
@media(max-width:760px){
    .agendarow {    
        width: 100%;
        .kt-inside-inner-col{
            padding:0;

            .simcal-events{
                margin-left:0;
                padding-left:0;
            }

            .simcal-event-title{
                font-size:18px;
                font-weight:700;
            }

            .simcal-events-list-container{
                padding-top:40px;
            }

            .simcal-past{
                border-bottom:1px solid #000;
                margin-bottom:30px;
            }
        }
    }
}

.entry-content .simcal-default-calendar-grid .simcal-day{
    height: 118px;
    min-height: 118px;
    padding: 8px 8px 16px 8px !important;
    gap: 4px;
    flex: 1 0 0;
    background-color:#fff !important;
    
    > div{
        min-height:118px !important
    }
}

.entry-content  .simcal-default-calendar-grid .simcal-event,
.entry-content  .simcal-default-calendar-grid.simcal-default-calendar-light .simcal-event{
    border-bottom:0;
}


/* nieuws slider */

.carmel-news-slider__meta{
    .carmel-news-slider__badge-dot{
        background-color:rgba(79, 193, 0, 1);
    }
}

.cta-pattern, .cta-pattern-wide{
    h2{
        letter-spacing: -3.2px;
        font-weight: 700;
        line-height: 100%;
        font-size:64px;
    }
    h3{
        letter-spacing: -3.2px;
        font-weight: 700;
        line-height: 100%;
        font-size:64px;
    }
    > div{
        p{
            letter-spacing: -0.24px;
            line-height: 130%;
            font-weight: 400;
            margin-bottom:24px !important;
        }
    }
}

@media(min-width:1024px){
    .cta-pattern, .cta-pattern-wide, .cta-wide{
        .kt-row-column-wrap.kt-has-2-columns.kt-tab-layout-row{
            grid-template-columns: 60% 43%;
        }
    }

    .cta-wide .cta-pattern-wide{
        .kt-row-column-wrap.kt-has-2-columns.kt-tab-layout-row{
            padding-top:60px;
        }
    }


}


@media(max-width:1024px){
    .carmel-news-slider__image img, .carmel-news-slider__image{
        height:261px;
    }
    .cta-pattern{
        h3{
            letter-spacing: -2px;
            font-size:40px;
        }
        h2{
            letter-spacing: -2px;
            font-size:40px;
        }
        > div{
            p{
                letter-spacing: -0.18px;
                font-size:18px;
            }
        }
    }
}


.js-menu-image-group.megamenucarmel {
    figure, figure img{
        width: 300px;
        height: 352px;  
        object-fit: cover;
    }

    .wp-block-kadence-column:nth-of-type(2){
        display: flex;
        align-items: flex-end;
    }
}

.tabsblock .tabsblock-tab .tab-arrow, 
.tabsblock .tabsblock-tab > .kt-inside-inner-col{
    transition: 0.3s;
}

.tabsblock .tabsblock-tab:hover  .tab-arrow{
    margin-right:-5px !important;
}

.tabsblock .tabsblock-tab:hover > .kt-inside-inner-col{
    background-color:#ece6e6;
}

.carmel-search-school-badge {
	display: inline-block;
	font-size: var(--carmel-font-size-caption, 14px);
	font-weight: var(--carmel-font-weight-medium, 500);
	color: var(--carmel-color-btn-accent, #63A600);
	background-color: rgba(0, 0, 0, 0.05);
	padding: 4px 10px;
	border-radius: 6px;
	margin-bottom: 8px;
}

@media(max-width:1024px){
    .tabsblock {
        .wp-block-paragraph{
            font-size:16px;
        }

        .tabsblock-tab > .kt-inside-inner-col{
            padding:8px;
        }
    }
}


/* zoekveld boven zoekresultaten */
#main.site-main:has(.carmel-search-results-searchbar) {
    display: flex;
    flex-direction: column;
}

#main.site-main:has(.carmel-search-results-searchbar)  .entry-header.search-archive-title {
    order: 1;
}

#main.site-main:has(.carmel-search-results-searchbar)  .carmel-search-results-searchbar {
    order: 2;
    margin-bottom:40px;
}

#main.site-main:has(.carmel-search-results-searchbar)  #archive-container {
    order: 3;
}

#main.site-main:has(.carmel-search-results-searchbar)  nav.pagination {
    order: 4;
}


.carmel-search-results-searchbar{
    background-color:#fff;
    padding:8px 8px 8px 32px;
    border-radius:24px;
    border: 1px solid #E5E5E5;

}

.carmel-search-results-searchbar input[type=search]{
    border-width:0 !important;
    height: 104px;
    color:rgba(3, 10, 10, 1);
    letter-spacing: -0.24px;
    line-height: 130%;
    font-size:24px;
    font-weight: 400;
}

.carmel-search-results-searchbar  .wp-block-search__button.wp-block-search__button{
    height:104px;
    width:104px;
    background-size: 90px 90px;
    border-radius:24px;
}
.carmel-search-results-searchbar  .wp-block-search__button.wp-block-search__button:hover{
    transform: scale(1.1);
}

.search-archive .excerpt_part strong{
    font-weight:400;
    text-decoration: underline;
}

@media(max-width:1024px){
    .carmel-search-results-searchbar{
        border-radius:16px;
        padding:4px 4px 4px 24px;

    }
    .carmel-search-results-searchbar input[type=search]{
        letter-spacing: -0.18px;
        font-weight: 400;
        font-size:18px;
        height:72px;
    }
    .carmel-search-results-searchbar  .wp-block-search__button.wp-block-search__button{
        border-radius:12px;
        width:72px;
        height:72px;
        background-size: 56px 56px;
    }
}

.double-textblock-row2,
.double-textblock-row1,
.image-text-pattern,
.text-image-pattern{
    margin-bottom:120px; 
    &:has(+ .double-textblock-row2){
        margin-bottom:80px;
    }
     &:has(+ .double-textblock-row1){
        margin-bottom:80px;
    }
     &:has(+ .image-text-pattern){
        margin-bottom:80px;
    }
    &:has(+ .text-image-pattern){
        margin-bottom:80px;
    }

    figure{
        margin-bottom:0 !important;
    }
}

.js-row-slider .js-card{
    height:auto;
}



.carmel-nieuws-overzicht__grid a img{
    transition: 0.3s;
}

.carmel-nieuws-overzicht__grid a:hover img{
    transform: scale(1.1);
}


.veelgesteldevragen{
    h2{
        font-weight: 700;
        letter-spacing: -1.92px;
        line-height: 100%;
        font-size:48px;

    }
}

@media(min-width:1024px){
    .veelgesteldevragen{
        h2{
            font-size:96px;
            letter-spacing: -3.84px;
        }
    }
}



@media(max-width:500px){
    .js-card .js-card-desc{
        opacity:1;
        position: relative;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
        height:auto;
        padding-left:0;
    }
    .herowrapper.hero-text-reveal  > div > div > .kt-inside-inner-col > div{
        padding-left:24px !important;
        padding-right:24px !important;
    }
    .js-card figure{
        height:168px !important;
    }
 
}
@media(max-width:400px){
   .js-card h5{
        margin-top: 0;
        margin-bottom: 8px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        
    }
    .js-card h5:after{
        position: relative;
        right:0;
        margin-top:8px;
    }
}

@media(max-width:360px){
    .js-card h5{
        flex-direction: column;
    }
}


.carmel-search-results-form{
    display: flex;
    justify-content: space-between;
}

.carmel-row-slider__prev {
    transform: scaleX(-1); /* of rotate(180deg) */
}

input[type="search"]::-webkit-search-cancel-button{
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 4L12 12M12 4L4 12' stroke='%23030A0A' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.6;
    transition: opacity 0.2s ease;
}
.drawer-content input[type="search"]::-webkit-search-cancel-button{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 4L12 12M12 4L4 12' stroke='%23F5F5F4' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
 
input[type="search"]::-webkit-search-cancel-button:hover {
    opacity: 1;
}
.carmel-search-results-form input[type="search"] {
    outline: none;
    box-shadow: none;
}
 
.carmel-search-results-form input[type="search"]:focus,
.carmel-search-results-form input[type="search"]:active {
    outline: none;
    box-shadow: 0 0 0 0px var(--carmel-color-btn-accent, #63A600);
    color:rgba(3, 10, 10, 1)
}
section.error form{
    display:none;
}

.carmel-faq-accordion__answer * {
    font-family: inherit !important;
    font-size: inherit !important;
    color: inherit !important;
    font-weight: normal !important;
    background: transparent !important;
}

.ptrn-video{
    margin-bottom:120px !important;
}

@media(max-width:1024px){
    .ptrn-video{
        margin-bottom:80px !important;

        .kt-row-column-wrap{
            align-items: center;
            justify-content: center;
            display: flex;
            > div{
                align-self: center !important;
            }

        }
    }


}

.carmel-nieuws-overzicht__date-input{
    width:44px;
}

/* recaptcha achtergrond */
.kt-recaptcha-branding-string{
    background-color:transparent !important;
}