/*
Theme Name:   Mijnkerk Child
Template:     mijnkerk
Website: 	  Cornelius Parochie
Version: 	  1.1.4
*/

:root {
	--hoofdkleur-3: #ffffff;
	--hoofdkleur-4: #000000;
}

/*---ALGEMEEN---*/
body {padding: 0px 30px 30px 30px; font-size: var(--l-text);}
@media screen and (max-width: 767px){body {padding: 0px 20px 20px 20px;}}
.section-inner-wrap {padding-top: 90px; padding-right: 30px; padding-bottom: 90px; padding-left: 30px;}
@media screen and (max-width: 767px){.section-inner-wrap {padding-top: 45px; padding-right: 20px; padding-bottom: 45px; padding-left: 20px;}}
section.smal .section-inner-wrap {max-width: 900px;}

/*button*/
.button, #agenda-home .button.button-alt, #actueel-home .button.button-alt {background: linear-gradient(25deg, var(--hoofdkleur-2), var(--hoofdkleur-1))!important; background-size: 175% 200%!important; transition: background-position 0.4s ease-in-out!important; padding-top: 15px; padding-left: 30px; padding-right: 30px; padding-bottom: 15px; border-radius: 40px!important; letter-spacing: 0.2px; font-weight: 400; font-size: 15px; transform: unset!important; box-shadow: 0px 7px 25px -10px rgba(0,0,0,0.25)!important;}
.button:hover, #agenda-home .button.button-alt:hover, #actueel-home .button.button-alt:hover {background-position: left bottom!important;}
.button.button-alt {background: var(--hoofdkleur-1)!important; transition: 0.4s ease-in-out!important; color: white;}
.button.button-alt:hover {background: var(--hoofdkleur-2)!important;}
.team_contactbuttons {top:unset; bottom: -30px;}
.buttons.filter {padding-top: 30px;}
.buttons.filter .button {margin-top: 10px;}
@media screen and (max-width: 480px){.buttons.filter .button {padding: 8px 14px;}}
/*---FONT---*/
@font-face {font-family: 'Almarai'; src: url('/fonts/Almarai-Regular.woff') format('woff'); font-weight: 400; font-style: normal;}
@font-face {font-family: 'Almarai'; src: url('/fonts/Almarai-Bold.woff') format('woff'); font-weight: 700; font-style: normal;}
@font-face {font-family: 'Almarai'; src: url('/fonts/Almarai-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal;}
h1, h2, h3, h4, h5, h6 {font-family: 'Almarai', Arial, sans-serif!important; font-weight: 400!important;}
h1 {padding-bottom: 22px;}
h1 span, h2 span, h3 span {background: linear-gradient(25deg, var(--hoofdkleur-2), var(--hoofdkleur-1)); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 600;}

/*---HEADER---*/
.header-container {max-width: 100%; padding-right: 0px; padding-left: 0px;}
#header.box-shadow {box-shadow: none!important;}

header .site-logo {height: 140px; position: absolute; left: -15px; top: -3px; filter: drop-shadow(0px 0px 20px #fff);}
@media screen and (max-width: 992px){header .site-logo {height: 100px;  left: -15px; top: -3px;}}
@media screen and (max-width: 480px){header .site-logo {height: 85px;        left: -15px;        top: 5px;}}
@media screen and (max-width: 320px){header .site-logo {height: 70px;        left: -15px;        top: 5px;}}
.header-row {padding-top: 22px; padding-bottom: 22px;}
header.header-scroll img.site-logo {height: 100px; left: 30px; top: 7px;}
@media screen and (max-width: 992px){header.header-scroll img.site-logo {height: 85px;  left: 20px; top: 0px;}}
@media screen and (max-width: 480px){header.header-scroll img.site-logo {height: 70px;       left: 20px; top: 8px;}}
@media screen and (max-width: 320px){header.header-scroll img.site-logo {height: 60px;        left: 20px; top: 11px;}}
header.header-scroll .header-row {padding-right: 30px;}

header .dashicons {margin-left: 1.4vw;}
@media (min-width: 480px) and (max-width: 992px) {
    header .button {
        margin-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }
}
/*---MENU---*/
#hoofdmenu-list.menu-list {gap: 1.4vw;}
@media (min-width: 480px) {header .button {font-size: 1rem; margin-left: calc(1.4vw + 10px); text-transform: uppercase;}}

/*submenu*/
header.vertikaal_submenu #hoofdmenu-list.menu-list .sub-menu img {height: 60px; width: 60px; border-radius: 100px;}
#menu-item-612 .sub-menu {grid-template-columns: 1fr 1fr !important; grid-column-gap: 20px;}

/*---HOME---*/
#head-home {min-height: unset!important; max-height: 750px; height: calc(100vh - 330px); position: relative; background-attachment: unset!important; border-radius: 15px 15px 200px 15px; border-bottom: 9px solid #ea763f;}
@media screen and (max-width: 480px){
	#head-home {border-radius: 15px 15px 100px 15px; border-bottom: 9px solid #ea763f;}
}
#head-home:before {content: ""; background-image: url('http://www.webheldtest.nl/limmen/wp-content/uploads/2025/03/cornelius-style-element.png'); background-size: contain; background-repeat: no-repeat; position: absolute; width: 145px; height: 145px; right: 30px; bottom: 30px; z-index: 99; opacity: 0.65;}
@media screen and (max-width: 480px){#head-home:before { width: 70px; height: 70px; right: 15px; bottom: 15px;}}
#head-home:after {content: ""; top: 0px; left: 0px; width: 100%; height: 100%; background-image: radial-gradient( farthest-corner at 50px 50px, rgba(255,255,255,0.50) 10vw, rgba(255,255,255,0) 50vw ); z-index: 2; position: absolute; border-radius: var(--borderradius);}
#head-home .button{display: none;}
#agenda-home .button.button-alt {margin-top: -15px;}



/*---PAGE---*/
.page .hero-image {border-radius: 15px 15px 250px 15px; border-bottom: 9px solid #ea763f; width: calc(100% - 60px);}
@media screen and (max-width: 767px){.page .hero-image { width: calc(100% - 40px);}}
@media screen and (max-width: 480px){.page .hero-image {border-radius: 15px 15px 100px 15px; border-bottom: 9px solid #ea763f; width: calc(100% - 40px);}}


@media screen and (min-width: 992px){
#team-welkom .overzicht-inner {grid-template-columns: repeat(3, 1fr); grid-gap: clamp(30px, 2.5vmin, 60px);}
/*body.page-template-default section.overzicht .overzicht-inner {grid-template-columns: repeat(2, 1fr);}	*/
}
.page-id-104 .content-section .section-inner-wrap, .page-id-117 .content-section .section-inner-wrap {max-width: 1400px;}
#breadcrumbs {    background-color: #ffffff;    font-size: 12px;    border-radius: 0px;    width: 100%;    padding-top: 0px;    padding-bottom: 12px;    padding-left: 2px;    margin-top: -3px;	    position: absolute;    top: 27px;    width: fit-content;}
.section-inner-wrap .rounded {    padding-top: 60px;}
@media screen and (max-width: 480px){#breadcrumbs {margin-top: -13px;}}
/*---SINGLE---*/

/*---PAGINABLOKKEN---*/
@media screen and (min-width: 992px){
	section.tekst-afbeelding .collumns-3-2, section.willekeurig-bericht .collumns-2 {grid-template-columns: 2fr 1fr;}
	section.tekst-afbeelding .collumns-2-3, section.willekeurig-bericht .collumns-2 {grid-template-columns: 1fr 2fr;}
}
.paginablokken section {border-radius: 15px;}
.div-block-space-between {margin-bottom: 20px;}
@media screen and (max-width: 992px){.boven-geen-ruimte {margin-top: -20px;}}

section.breed .section-inner-wrap, section.tekst-afbeelding.breed .collumns-2.boven {max-width: 1400px !important;}
/**hero**/
.home .hero {min-height: clamp(400px,60vh,600px);}
.hero .hero-tekst {font-size: var(--l-text); margin-top: 0px;}

/**tekst en afbeeldingen**/
section.tekst-afbeelding .media img {border-radius: 15px 15px 130px 15px;}
.tekst-afbeelding:not(.hero) .tekst-inner {background-color: unset!important; padding: 0px 30px 0px 0px;}

/**carousel**/
span.post-info {font-size: 14px; padding-bottom: 5px;}
.post-excerpt {margin-top: 22px; font-size: 16px;}
section.carousel:not(.aantal1) h4 {color: var(--koptekstkleur)!important;}
section.carousel .text-block {padding: 22px 30px;}
/*section.carousel .carousel-cell a {display: flex; border-radius: 15px 15px 100px 15px; border-bottom: 4px solid transparent; background: linear-gradient(white, white) padding-box, linear-gradient(25deg, var(--hoofdkleur-1), var(--hoofdkleur-2)) border-box; -webkit-background-clip: padding-box, border-box; background-clip: padding-box, border-box;}
*/section.carousel .post-excerpt, section.overzicht .post-excerpt {overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
/*#actueel-home section.carousel .carousel-cell a {background: linear-gradient(white, white) padding-box, linear-gradient(25deg, var(--hoofdkleur-2), var(--hoofdkleur-1)) border-box; -webkit-background-clip: padding-box, border-box; background-clip: padding-box, border-box;!important}
*/section.carousel .post-text {max-width:90%;}

@media screen and (min-width: 992px){
section.carousel .carousel-cell { width: calc(25% + 5px); }
}

section.carousel.aantal1 h4 {font-size: var(--h4);}
section.carousel.aantal1 .post-excerpt {     overflow: hidden;     text-overflow: ellipsis;     display: -webkit-box;     -webkit-line-clamp: 8;  line-clamp: 8;   -webkit-box-orient: vertical; }
@media (min-width: 480px) {
    section.carousel.aantal1 img, section.carousel.aantal1 .text-block {        height: 480px;        min-height: 100%;    }
	section.carousel.aantal1 .carousel-cell a {grid-template-columns: 1fr 2fr;}
	section.carousel .text-block {justify-content: center;}
}
section.carousel .carousel-cell a .post-button {margin-top: 15px;}
@media (max-width: 479px) {
    section.carousel .carousel-cell {
        width: calc(100% + 20px);
    }
}
/**overzicht**/
section.overzicht h2 {margin-bottom: 30px;}
section.overzicht h4 {color: var(--koptekstkleur);}
section.overzicht:not(.overzicht-viering) .text-block {padding: 22px 30px;}
#nieuws-home .overzicht-cell:nth-child(n+4) {display: none;}
#nieuws-home .overzicht-cell a {border-radius: 15px 15px 60px 15px!important;}
section.overzicht .overzicht-cell > a span.dashicons  {color: var(--hoofdkleur-2);     width: 24px;     height: 24px;     display: inline-flex ;     align-items: center;     justify-content: center;}

@media screen and (min-width: 992px){
#nieuws-home .overzicht-inner {grid-template-columns: repeat(3, 1fr); grid-gap: clamp(30px, 2.5vmin, 60px);}
}

@media screen and (max-width: 992px){
#nieuws-home .overzicht-cell:nth-child(n+3) {display: none !important;}
}

section.overzicht-kerkblad .overzicht-cell img {border-radius: 0px; width: 100%; }

@media screen and (min-width: 992px){
	section.overzicht-viering .overzicht-inner {grid-template-columns: repeat(3, 1fr); }
}	
section.overzicht-viering .overzicht-cell > a {flex-direction: row;}
section.overzicht .text-block {    padding: 22px 30px;  width: 100%;    display: flex;    align-items: flex-start;}
	
.filter {margin-bottom: 10px;}
/**page breaker**/

/**verwijzingen**/
#verwijzingen-home a, #jongeren-home a, #voor-jou-home a, #nieuws-home a, #agenda-home .flickity-slider a, section.overzicht .overzicht-cell > a, section.carousel .carousel-cell > a, section.tekst-afbeelding .media img, section.verwijzingen a {display: flex; border-radius: 15px 15px 100px 15px; border-bottom: 7px solid transparent; background: linear-gradient(white, white) padding-box, linear-gradient(75deg, var(--hoofdkleur-1), var(--hoofdkleur-2)) border-box; -webkit-background-clip: padding-box, border-box; background-clip: padding-box, border-box;}
section.verwijzingen a {padding-left: 15px; padding-right: 15px; padding-top: 45px; padding-bottom: 45px; border-radius: 15px 15px 100px 15px;}
section#verwijzingen-home .verwijzing-columns a {margin-top: 0px!important;}
section.verwijzingen .verwijzing-titel {font-size: var(--h5); text-align: left;}
section.verwijzingen a div.verwijzing-tekst {text-align: left;}
section.verwijzingen .tekst-container {padding: 30px;}
section.verwijzingen a {box-shadow: var(--box-shadow);}
#voor-jou-home a {justify-content: start; align-items: start;}
section.verwijzingen h2 {margin-bottom: 30px;}
.verwijzingen-tekst {margin-bottom: 40px;}
@media screen and (min-width: 992px){
.smal .verwijzing-columns {width: calc(100% + 200px); margin-left: -100px; margin-right: -100px;}
}

/**faq**/

/**niewsbrief**/
#nieuwsbrief-footer {background: #f6f6f6; margin-top: 30px; margin-bottom: 30px;}
.gform_body input {background: white; border-radius: 30px!important; border: 1px solid #b7b7b7!important; height: 37px;}

/*---FOOTER---*/
footer {background: linear-gradient(25deg, var(--hoofdkleur-2), var(--hoofdkleur-1)); border-radius: 15px; position: relative;}
footer:before {content: ""; background-image: url('http://www.webheldtest.nl/limmen/wp-content/uploads/2025/03/cornelius-limmen-icon-wit.png'); background-size: contain; background-repeat: no-repeat; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 1; opacity: 0.06;}
.footer-inner-wrap {position: relative; z-index: 10;}
h4.footer-heading {font-weight: 800!important; margin-bottom: 15px;}
footer .footer-inner-wrap {padding-top: 90px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px;}
footer .footer-heading:not(.footer-heading-main) {font-size: 22px;}
footer .footer_collumn_2_wrapper, footer .footer_collumn_4_wrapper {grid-column: span 3;}
footer .back-to-top {margin: 12px;}
.footer_collumn_3_wrapper {display: none;}

@media screen and (min-width: 992px){
footer .footer-row-top {grid-template-columns: repeat(10, 1fr); gap: clamp(120px, 5vmin, 120px);}
footer .footer_collumn_1_wrapper {grid-column: span 4;}
}

footer span.dashicons  {color: #ffffff;     width: 30px;     height: 30px;   font-size: 24px;  display: inline-flex ;     align-items: center;     justify-content: center;}

.social-link {padding: 5px 15px; margin-top: 20px; display: flex; border-radius: var(--borderradius); border:1px solid var(--hoofdkleur-1); transition-duration: 0.4s; text-decoration: none; align-items: center; gap: 10px; color: var(--tekstkleur) !important; background: #ffffff;}
.social-link:hover { transform: translateY(-5px);}
.instagram-link:before {content: "\f12d"; color: var(--hoofdkleur-1); font-family: "dashicons"; font-size: 18px;  -webkit-font-smoothing: antialiased;     display: var(--fa-display,inline-block);     font-style: normal;     font-variant: normal;     line-height: 1;     text-rendering: auto;}
.facebook-link:before {content: "\f305"; color: var(--hoofdkleur-1); font-family: "dashicons"; font-size: 18px;  -webkit-font-smoothing: antialiased;     display: var(--fa-display,inline-block);     font-style: normal;     font-variant: normal;     line-height: 1;     text-rendering: auto;}

/*---CONTENT---*/


/**blockquote**/

/**formulieren**/

/*lightbox*/
.lightbox-container {padding-bottom: 40px;}
.lightbox-image img {height: 400px; width: 100%; object-fit: cover; margin-bottom: 10px;}

/**team contact link overzicht**/
#blok_contactpagina_adressen a.team_contactbutton > div {display: none;}



            /* Parochierooster */
            #blok_68625fcc06aa6 .div-block {width: 100%;}
			.viering-buttons.buttons {margin-bottom: 30px;}
			div.datumdiv > span.gegevens {color: var(--hoofdkleur-2); padding-left: 0px !important;}
			.viering.liturgischedag {margin-top: 10px !important;}
			.buttons a.active {			background-color: var(--hoofdkleur-2) !important;						}
            .viering-container {width: 100%; }
             .viering-container .vieringitem {border: 0px; padding: 22px 30px; width: calc((100% - 40px) / 2); min-height: 204px; margin-right: 20px; margin-bottom: 20px; margin-left: 0px; display: flex; border-radius: 15px 15px 100px 15px; border-bottom: 7px solid transparent; background: linear-gradient(white, white) padding-box, linear-gradient(75deg, var(--hoofdkleur-1), var(--hoofdkleur-2)) border-box; -webkit-background-clip: padding-box, border-box; background-clip: padding-box, border-box;}
            @media screen and (max-width: 992px){.viering-container .vieringitem {width: calc((100% - 20px) / 1);}}
            div.datumdiv > span.label, div.tijddiv > span.label {
                display: none;
            }
/*
            div.watdiv span:after {
                content: "|";
                color: #747474;
                padding-right: 5px;
                padding-left: 5px;
                font-size: 15px;
            }*/

            div.watdiv span:last-child:after {
                content: '';
            }

            figure.circle {
                margin-top: 12px;
                margin-left: -45px;
                width: 30px;
                height: 30px;
            }

            /*selectiemenu*/
            ul.kerken-list > li.kerken-listitem {
                display: inline-block;
                font-size: 14px;
                cursor: pointer;
            }

            

            ul.kerken-list > li.kerken-listitem:last-child a::after {
                content: '';
            }

            ul.kerken-list > li.kerken-listitem a {
                color: #2271b1 !important;
                border: none !important;
            }

            ul.kerken-list > li.kerken-listitem a.allekerken {
                color: #000 !important;
            }

            div.datumdiv > span.gegevens {
                padding: 5px 10px 5px 10px;
                font-weight: 600
            }

            
            /* Parochierooster - Frontpage */
            @media only screen and (max-width: 700px) {
                .saved-home-secondary-widgets-section {
                    padding-top: 1.5rem;
                }
            }

            div.saved-widgets-row-content nav#viering-select {
                visibility: hidden;
                height: 0px;
            }

            div.saved-widgets-row-content div.vieringitem:nth-of-type(1n+6) {
                visibility: hidden;
                height: 0px;
                margin: 0px;
                padding: 0px;
            }

            ul.kerken-list li:first-child {
                margin-right: 25px;
            }

            div.saved-widgets-row-content div.liturgischedag {
                visibility: hidden;
                height: 0px;
                width: 0px;
                margin: 0px;
                padding: 0px;
            }

            div.saved-widgets-row-content .viering-container {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                width: 100%;
            }

            section.saved-home-secondary-widgets-section:has(div.viering-container) {
                padding-bottom: 0px !important;
            }

            .saved-widgets-row-inner:has(div.viering-container) {
                max-width: 100% !important;
                padding-bottom: 0;
                margin-bottom: -15px
            }

            .saved-widgets-row-content aside:has(div.viering-container) {
                width: 100%;
                margin: 0;
                color: white;
                font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
                background-color: rgba(0, 149, 218, 0.95);
                padding-left: 6%;
                padding-right: 6%;
                padding-bottom: 20px;
            }

            .saved-widgets-row-content aside:has(div.viering-container) > p {
                position: absolute;
            }

            div.saved-widgets-row-content div.vieringitem {
                border: none;
                padding-top: 25px;
                padding-left: 0;
                padding-right: 0;
                box-shadow: none;
                font-size: 1em;
                width: fit-content !important;
                max-width: 45%;
            }

            div.saved-widgets-row-content .datumdiv {
                margin-bottom: 15px;
            }

            div.saved-widgets-row-content .datumdiv .gegevens {
                font-weight: 400;
                text-transform: uppercase;
                background-color: #fff;
                color: #000;
            }

            div.saved-widgets-row-content div.viering {
                margin-right: 0px;
            }

            div.saved-colored-section-button a {
                top: initial;
            }

            div.komendevieringen {
                padding-top: 2.3em;
            }

            div.komendevieringen h2 {
                color: #fff;
            }

            div.saved-widgets-row-content div.watdiv span.gegevens {
                display: inline-block;
                width: 100%;
            }

            div.saved-widgets-row-content div.watdiv span:after {
                content: initial;
            }


/* Social buttons delen */
.page .social-buttons-wrapper {display: none;}