/*
 * Theme Name: Baptisten Katwijk
 * Theme URI: https://seoninja.pro
 * Author: SEO Ninja
 * Author URI:https://seoninja.pro
 * Version: 1.0.9
 * Description: Website van Baptisten Katwijk, baptistengemeente uit Katwijk ZH.
 * Text Domain: seoninja
 * Domain Path: /languages
*/

/*
@font-face{
    font-family:'Acumin Pro';
    font-weight:normal;
    src:url('assets/fonts/acumin-pro-cufonfonts/Acumin-RPro.otf') format('opentype');
}
@font-face{
    font-family:'Acumin Pro';
    font-weight:bold;
    src:url('assets/fonts/acumin-pro-cufonfonts/Acumin-BdPro.otf') format('opentype');
}
@font-face{
    font-family:'Zooja Light Pro';
    font-weight:normal;
    src:url('assets/fonts/ZoojaLightPro/ZoojaLightPro.ttf') format('opentype');
}
*/

.container-flex{max-width:99%;}
blockquote p,quote{font-family:var(--wp--preset--font-family--zooja),sans-serif; font-size:70px;}

.has-primary-background-color{background-color:var(--wp--preset--color--primary) !important;}
.has-donkergrijs-background-color{background-color:var(--wp--preset--color--grey-dark) !important;}
.has-lichtgrijs-background-color{background-color:var(--wp--preset--color--grey-light) !important;}
.has-wit-background-color{background-color:var(--wp--preset--color--white) !important;}
.has-roze-background-color{background-color:var(--wp--preset--color--pink) !important;}
.has-lila-background-color{background-color:var(--wp--preset--color--lila) !important;}
.has-groen-background-color{background-color:var(--wp--preset--color--green) !important;}
.has-lichtgroen-background-color{background-color:var(--wp--preset--color--green-light) !important;}

.has-primary-color{color:var(--wp--preset--color--primary) !important;}
.has-donkergrijs-color{color:var(--wp--preset--color--grey-dark) !important;}
.has-wit-color{color:var(--wp--preset--color--white) !important;}
.has-grijs-color{color:var(--wp--preset--color--grey) !important;}
.has-lichtgrijs-color{color:var(--wp--preset--color--grey-light) !important;}
.has-roze-color{color:var(--wp--preset--color--pink) !important;}
.has-lila-color{color:var(--wp--preset--color--lila) !important;}
.has-groen-color{color:var(--wp--preset--color--green) !important;}
.has-lichtgroen-color{color:var(--wp--preset--color--green-light) !important;}


/** Paddings */
.pt30{padding-top:30px;}
.pb30{padding-bottom:30px;}
.pt50{padding-top:50px;}
.ptb30{padding-top:30px; padding-bottom:30px;}
.ptb50{padding-top:50px; padding-bottom:50px;}
.ptb90{padding-top:90px; padding-bottom:90px;}
.p90{padding:90px;}
.pt90{padding-top:90px;}
.pb90{padding-bottom:90px;}


/* Basic */
*{font-family:var(--wp--preset--font-family--acumin),sans-serif; list-style:none; margin:0; padding:0; font-weight:400; font-style:normal; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:top;}
html, body {width:100%; height:100%; margin:0; padding:0; font-size:var(--wp--preset--font-size--medium); line-height:32px; color:var(--seoninja-background-dark); text-align:left;}
body{color:var(--wp--preset--color--primary) !important;}
main{min-height:500px;}
/*h1{font-size:56px !important;}*/
h2 {font-size:36px; margin-bottom:5px; color:var(--wp--preset--color--primary);}
h3 {font-size:22px;}
h4,.h4 {font-size:0.75rem !important; margin-bottom:10px; color:var(--wp--preset--color--primary) !important;}
b,strong{font-weight:bold;}
em,i{font-style:italic;}

/* Hyperlinks */
a{color:var(--wp--preset--color--primary); text-decoration:none;}
a:hover{color:var(--wp--preset--color--pink);}
a:hover::before{text-decoration:none; background-color:var(--wp--preset--color--primary); text-decoration:none;}
div[role="main"] a{text-decoration:underline; color:var(--wp--preset--color--primary);}
div[role="main"] a:hover{text-decoration:none;}
/*
a[href^="tel:"]::before{font-family:'Font Awesome 5 Free'; font-weight:900; content:'\f095'; background:var(--wp--preset--color--primary); border-radius:5px;color:var(--wp--preset--color--white);padding:1.5px; margin-right:5px; text-decoration:none;}
a[href^="mailto:"]::before{font-family:'Font Awesome 5 Free'; font-weight:900;content:'\f0e0'; background:var(--wp--preset--color--primary); border-radius:5px;color:var(--wp--preset--color--white);padding:1.5px; margin-right:5px; text-decoration:none;}
*/

section a{color:var(--wp--preset--color--primary); text-decoration:none;}
section a:hover{color:var(--wp--preset--color--primary); background-color:transparent;}

.wp-block-media-text{margin-bottom:0;}

/** Form Fields */
input,textarea,select{border:1px solid #EFEFEF !important; border-radius:3.5px !important;}
input[type="submit"]{border-radius:22px !important; padding:6px 30px !important; background-color:var(--wp--preset--color--primary) !important;}
input[type="submit"]:hover{background-color:var(--wp--preset--color--primary) !important;}
input:focus,textarea:focus,select:focus{box-shadow:0 2px 2px 0 var(--wp--preset--color--primary) !important; border:0;}
.gform_wrapper.gravity-theme .gfield_required{color:var(--wp--preset--color--primary) !important;}
p.gform_required_legend,.gfield_required{display:none !important;}

/** Buttons */
.wp-block-button__link{border-radius:22px; padding:6px 30px; font-size:18px;}
.wp-block-button__link:hover{background-color:var(--wp--preset--color--primary) !important; color:var(--wp--preset--color--white);}
.is-style-outline .wp-block-button__link{border:0 !important; color:var(--wp--preset--color--white) !important;}
.wp-block-buttons p{font-size:15px; margin-top:15px;}

.buttons{display:flex; align-items:center; justify-content:space-between; margin:15px 0;}
.buttons a{font-size:18px; text-decoration:underline; line-height:1;}
.buttons a:hover{text-decoration:none;}

a.btn,span.btn{font-size:20px; background-color:var(--wp--preset--color--pink); color:var(--wp--preset--color--primary); padding:15px 30px; border-radius:30px; text-decoration:none; border:none; font-weight:normal;}
a.btn:after,span.btn:after{content:''; background-image:url('assets/images/icon-arrow-right-white.png'); display:inline-block; background-size:14px 14px; width:18px; height:18px; margin-left:30px; background-repeat:no-repeat; background-position:bottom;}
a.btn-secundary::after,span.btn-secundary::after{color:var(--wp--preset--color--pink);}
a.btn:hover,span.btn:hover{background-color:var(--wp--preset--color--lila) !important; color:var(--wp--preset--color--primary) !important;}
a.btn-secundary,span.btn-secundary{background-color:var(--wp--preset--color--green-light);}

/** Breadcrumbs */
.breadcrumbs,.breadcrumbs a,.rank-math-breadcrumb,.rank-math-breadcrumb a{font-size:13px !important;}
.breadcrumbs a,.rank-math-breadcrumb a{color:var(--wp--preset--color--grey);}
.rank-math-breadcrumb .separator{margin:0 5px; color:var(--wp--preset--color--grey);}

/** Home */
.wp-block-cover{border-radius:10px;}
.wp-block-cover .wp-block-heading{margin-bottom:50px;}
.wp-block-cover__inner-container{padding-left:200px;}

body .is-layout-flex{align-items:center !important; align-content:flex-start;}
.small-content .container,p.center{--bs-gutter-x:15rem;}
.large-content .container,p.center{--bs-gutter-x:8rem;}
p.center{width:100%; padding:70px calc(var(--bs-gutter-x) * .5) 10px; margin-right:auto; margin-left:auto;}
@media only screen and (max-width:600px){
    p.center{padding:70px 10px 10px; font-size:17px;}
}

/** Header */
header{font-size:18px;}
header>.container{display:flex; align-items:flex-end;}
header .header-submenu{font-size:var(--wp--preset--font-size--small);}

header .sn-nav{align-items:flex-end; margin-bottom:20px;}
header .sn-nav-bar{display:flex; align-items:flex-end; justify-content:flex-end;}
header .sn-nav-logo img{width:auto; height:80px;}
header .header-mainmenu{display:flex; justify-content:center;}
header .header-mainmenu ul{display:flex; justify-content:flex-end; margin-bottom:12px; align-items:end;}
header .header-mainmenu li{padding:0 15px;}
header .header-mainmenu a,header a.btn{color:var(--wp--preset--color--primary); text-decoration:none; padding:0; text-transform:uppercase; font-weight:normal;}
header .header-mainmenu a,header a.btn{content:""; float:left; background:transparent; width:100%; height:7px; border-radius:5px; margin-top:5px;}
/*header .header-mainmenu a:hover,
    header .header-mainmenu li.current_page_item a,
    header .header-mainmenu li.current_page_parent a{color:var(--wp--preset--color--pink); border-bottom:6px solid var(--wp--preset--color--pink); border-bottom-left-radius:0 10px; border-bottom-right-radius:0 10px;}
*/
header a.btn:hover::after,
header .header-mainmenu a:hover::after,
header .header-mainmenu li.current_page_item a::after,
header .header-mainmenu li.current_page_parent a::after,
header .header-mainmenu li.current-menu-item a::after
    {content:""; float:left; background:var(--wp--preset--color--pink); width:100%; height:7px; border-radius:5px; margin-top:5px;}

/*
header a.btn{padding:15px 30px; text-transform:none;}
header a.btn:hover{border-radius:30px; border-bottom:0;}
*/

section + section{padding-bottom:0 !important;}

@media only screen and (max-width:400px){
    header .header-logo img{width:auto; height:45px;}
}


.block-heading{display:flex; justify-content:space-between;}
.block-heading *{font-size:18px !important;}
.block-heading h2{text-transform:uppercase; font-weight:bold; margin-bottom:30px;}
.block-heading a{text-decoration:underline;}
.block-heading a:hover{text-decoration:none;}


/* Hero */
.sn-hero{position:relative; width:99%;}
.sn-hero img{width:100%; height:auto; border-radius:0 50px 0 0;}
.sn-hero .hero-content{position:absolute; top:0; left:0; background:var(--wp--preset--color--grey-dark); opacity:0.3; border-radius:0 50px 0 0; mix-blend-mode:multiply;}
.sn-hero .hero-heading{position:absolute; top:100px; left:10%; color:var(--wp--preset--color--white);}
.sn-hero .hero-heading h1{font-size:80px; font-weight: bold;}

.sn-hero .hero-bottom{position:relative;}
.sn-hero .about-us{position:absolute; background:var(--wp--preset--color--primary); color:var(--wp--preset--color--white); right:-1%; bottom:15px; width:50%; padding:140px 100px; border-radius: 0px 0px 0px 50px; font-size:25px;}
.sn-hero .about-us .buttons{text-align:right; justify-content:flex-end; margin-bottom:0;}
.sn-hero .about-us .buttons a.btn{color:var(--wp--preset--color--white); font-size:17px; background-color: var(--wp--preset--color--primary);}

.sn-hero .next-event{margin-top:50px;}
.sn-hero .next-event p,.sn-hero .next-event time{text-transform: uppercase; font-weight:bold;}
.sn-hero .next-event h2{font-size:var(--wp--preset--font-size--medium); margin-bottom:20px; display:flex; align-items:flex-end;}
.sn-hero .next-event h2:before{content:''; background-image:url('assets/images/icon-preek.png'); display:inline-block; background-size:15px 15px; width:18px; height:18px; margin-right:10px; background-repeat:no-repeat; background-position:bottom;}

@media only screen and (max-width:1200px){
    .sn-hero{width:100%;}
    .sn-hero .hero-heading h1{font-size:55px;}
    .sn-hero .about-us{position:relative; width:auto; right:auto; padding:100px;}
    .sn-hero .next-event{margin:50px 0;}
}

/* Header */
.sn-header{position:relative; width:99%;}
.sn-header .hero-content{position:absolute; top:0; left:0; background:var(--wp--preset--color--grey-dark); opacity:0.3; border-radius:0 50px; mix-blend-mode:multiply;}
.sn-header .hero-heading{position:absolute; top:100px; color:var(--wp--preset--color--white);}
.sn-header img{width:100%; height:auto; border-radius:0 50px;}
body.single .sn-header img{max-width:650px;}
.sn-header h1{font-size:80px; font-weight:bold;}
.sn-header quote{font-size:100px;}

nav.rank-math-breadcrumb *{color:var(--wp--preset--color--white) !important; font-size:13px !important;}
nav.rank-math-breadcrumb p{text-align:center; /*display:flex; align-items:center;*/}
body.single nav.rank-math-breadcrumb p{text-align:left;}
nav.rank-math-breadcrumb a{text-decoration:underline;}
nav.rank-math-breadcrumb a:hover{text-decoration:none;}

/* Doelgroepen */
.sn-doelgroepen{padding:100px 0 50px 0;}
.sn-doelgroepen h2:before{content:''; background-image:url('assets/images/icon-doelgroepen.png'); display:inline-block; background-size:15px 15px; width:18px; height:18px; margin-right:10px; background-repeat:no-repeat; background-position:bottom;}
.sn-doelgroepen ul{margin-top:70px; padding:0; display:grid; grid-template-columns: auto auto auto auto auto; justify-content:space-between; row-gap:30px;}
.sn-doelgroepen li a{display:block; padding:50px 75px; background:var(--wp--preset--color--green-light); border-radius:30px; text-align:center;}
.sn-doelgroepen li a:hover{background:var(--wp--preset--color--lila);}

@media only screen and (max-width:760px){
    .sn-doelgroepen{padding:50px 0;}
    .sn-doelgroepen ul{margin-top:0; display:block;}
    .sn-doelgroepen li{margin-bottom:30px;}
}
@media only screen and (max-width:1200px){
    .sn-doelgroepen{padding:50px 0;}
    .sn-doelgroepen ul{margin-top:0; grid-template-columns:auto auto auto;}
}

/* Bijbeltekst */
.sn-bijbeltekst{padding:50px 0;}
.sn-bijbeltekst h2:before{content:''; background-image:url('assets/images/icon-doelgroepen.png'); display:inline-block; background-size:15px 15px; width:18px; height:18px; margin-right:10px; background-repeat:no-repeat; background-position:bottom;}
.sn-bijbeltekst blockquote {padding:25px 250px 0 25px; border:none; quotes:"\201C" "\201D"; display:inline-block; position:relative; font-size:28px; font-style:italic;}
.sn-bijbeltekst blockquote:before {content: open-quote; font-weight: bold; position:absolute; top:0; left:25px;} 
.sn-bijbeltekst p{text-align:right; font-size:var(--wp--preset--font-size--medium); font-style:italic; margin-bottom:0;}

/* Nieuwsoverzicht */
.sn-nieuws{padding:100px 0 0 0;}
.sn-nieuws .container-fluid{padding-left:0; padding-right:0;}
.sn-nieuws h2:before{content:''; background-image:url('assets/images/icon-doelgroepen.png'); display:inline-block; background-size:15px 15px; width:18px; height:18px; margin-right:10px; background-repeat:no-repeat; background-position:bottom;}
.sn-nieuws .block-heading{display:flex;}
/*.sn-nieuws .article img{width:100%; height:auto;}*/
.sn-nieuws .article{margin-bottom:100px;}
.sn-nieuws .article:nth-child(3n+1) img{border-radius:30px 0 0 0;}
.sn-nieuws .article:nth-child(3n) img{border-radius:0 0 30px 0;}
.sn-nieuws .article img{width:100%; height:auto;}
.sn-nieuws .article time{font-size:var(--wp--preset--font-size--medium); color:var(--wp--preset--color--green); margin-top:30px; display:block;}
.sn-nieuws .article h3{font-size:20px; font-weight:bold; min-height:50px; margin-top:30px;}

/* Vacatures C2A */
.sn-vacatures-banner{margin-bottom:100px;}
.sn-vacatures-banner a.btn{background:var(--wp--preset--color--white);}
.sn-vacatures-banner a.btn:after{background-image:url('assets/images/icon-arrow-right-grey.png');}
.sn-vacatures-banner a:hover.btn:after{background-image:url('assets/images/icon-arrow-right-white.png');}
.vacatures-heading{display:flex; align-items:center; background:var(--wp--preset--color--primary); color:var(--wp--preset--color--white); border-radius:30px 0 0 30px; padding:30px 60px;}
.vacatures-heading h2{font-size:var(--wp--preset--font-size--x-large); text-align:center; margin:0;}
.vacatures-body{background:var(--wp--preset--color--green-light); border-radius:0 30px 30px 0; padding:30px 60px; display:flex; justify-content:space-around; align-items:center;}
.vacatures-body p{margin:0;}
.vacatures-body .buttons{margin-left:20px;}
.vacatures-body .buttons a.btn{font-size:18px;}

/* Single */
.single .header{display:flex; justify-content:space-between; align-items:center; background:var(--wp--preset--color--green-bright); border-radius:0 50px;}
.single .header-title{padding:80px 120px;}
.single .header-image picture,.single .header-image img{max-height:500px; border-radius:0 50px 0 0;}
.single .header time{color:var(--wp--preset--color--white); font-size:18px;}
.single .header h1{color:var(--wp--preset--color--white); font-size:30px; margin:20px 0;}

@media only screen and (max-width:1200px){
    .single .header-title{padding:0 120px;}
    .single .header h1{font-size:var(--wp--preset--font-size--x-large);}
    section.sn-article article{padding-bottom:100px;}
}

.sn-article{padding:100px 0;}
.sn-article .col-10{padding:0 0 0 120px;}
.sn-article .col-10{font-size:18px;}
.sn-article .blogs{display:grid; grid-template-columns: 66% 33%;}
.sn-article article h2{font-size:var(--wp--preset--font-size--large); margin:50px 0 15px 0; font-weight:bold;}
.sn-article article h3{font-size:18px; margin:25px 0 15px 0; font-weight:bold; color:var(--wp--preset--color--grey-dark);}
.sn-article article p:first-child{font-size:var(--wp--preset--font-size--large);}
.sn-article article .wp-block-image{margin:50px 0;}
.sn-article article .wp-block-image img{width:100%;}
.sn-article article a{color:var(--wp--preset--color--pink-dark); text-decoration:underline;}
.sn-article article a:hover{text-decoration:none;}
.sn-article article ul{padding-left:15px;}
.sn-article article ol{padding-left:19px;}
.sn-article article ol li{list-style:decimal;}
.sn-article article ul li{list-style:disc;}
.sn-article article blockquote{margin:50px 0;}
.sn-article article blockquote p{font-size:60px !important; margin:0;}
.sn-article article blockquote cite{font-style:italic;}

.sn-article aside h2{font-size:18px; font-weight:bold; text-transform:uppercase;}
.sn-article aside .articles picture img{max-width:100%; height:auto; border-radius:50px 0; margin:50px 0 0 0;}
.sn-article aside .articles h3{font-size:18px; font-weight:bold;}
.sn-article aside .articles time{display:block; font-size:var(--wp--preset--font-size--medium); margin:25px 0; color:var(--wp--preset--color--green-light);}

@media only screen and (max-width:1200px){
    .sn-article .blogs{display:block;}
    .sn-article aside .articles{display:grid; grid-template-columns:auto auto auto; column-gap:30px; row-gap:30px;}
    .sn-article aside .articles picture img{border-radius:0; height:auto;}
    .sn-article aside .articles a:nth-child(3n+1) picture img{border-radius:30px 0 0 0;}
    .sn-article aside .articles a:nth-child(3n) picture img{border-radius:0 0 30px 0;}
}

.article-navigation{display:grid; grid-template-columns: auto auto; padding:100px 0;}
.article-navigation a{display:inline-block; background:var(--wp--preset--color--pink); color:var(--wp--preset--color--primary) !important; border-radius:30px; padding:20px 40px; text-decoration:none !important;}
.article-navigation a:hover{background:var(--wp--preset--color--lila);}
.article-navigation .article-nav-prev a::before{display:inline-block; content:''; background-size:14px 14px; width:18px; height:13px; background-image:url('assets/images/icon-arrow-left-white.png'); background-repeat:no-repeat; margin-right:20px;}
.article-navigation .article-nav-prev a:hover::before{background-color:var(--wp--preset--color--lila) !important;}
.article-navigation .article-nav-next{text-align:right;}
.article-navigation .article-nav-next a::after{display:inline-block; content:''; background-size:14px 14px; width:18px; height:13px; background-image:url('assets/images/icon-arrow-right-white.png'); background-repeat:no-repeat; margin-left:20px;}
.article-navigation .article-nav-next a:hover::after{background-color:var(--wp--preset--color--lila) !important;}

@media only screen and (max-width:1200px){
    .article-navigation{display:grid; grid-template-columns:auto; justify-items:center; padding:100px 0 0 0;}
    .article-navigation a{margin:20px;}
}

/* Footer */
footer{font-size:15px;}
footer{padding:100px 0;}
footer h2,footer h3{font-size:var(--wp--preset--font-size--medium); font-weight:bold;}
footer h3{margin-top:50px;}
footer p{margin:0;}
footer .sn-nav-logo img{width:100%; height:auto; margin-bottom:45px;}
footer form{margin-top:15px !important;}
footer a{color:var(--wp--preset--color--primary) !important; text-decoration:none;}
footer a:hover{background-color:transparent; color:var(--wp--preset--color--primary) !important; text-decoration:underline;}
footer a:hover::before{background:var(--wp--preset--color--primary);}
footer ol,footer ul{padding-left:0;}
footer li{margin-bottom:5px;}
footer li.current-menu-item a{color:var(--wp--preset--color--primary) !important;}
footer li.current-menu-item:hover a{color:var(--wp--preset--color--primary) !important;}
footer .row.first{align-items:flex-end;}
footer .row.first h2{margin-bottom:35px;}
footer .row.first h2:after{content:''; background-image:url('assets/images/footer-h2-line.png'); display:block; background-size:60%; width:94px; height:18px; background-repeat:no-repeat; margin-top:10px;}
footer a.btn{font-size:15px;}

footer .socials{display:flex; justify-content:flex-start;}
footer .social{margin-right:15px;}

.copyright{display:flex; justify-content:center; font-size:var(--wp--preset--font-size--small); padding:10px 0;}
.copyright a{color:var(--wp--preset--color--primary); text-decoration:underline;}
.copyright a:hover{text-decoration:none;}
.copyright ul{display:flex; margin:0; justify-content:center;}
.copyright li{padding:0;}
.copyright li:not(:last-child):after{content:' | '; padding:0 20px;}

@media only screen and (max-width:600px){
    .footer-blocks{display:block;}
    .footer-blocks>div{margin:40px 0;}
    .footer-newsletter .gform-theme--foundation .gform_fields{display:flex; justify-content:center;}
    .footer-newsletter input{border:0;}
    .footer-newsletter input[type="submit"]{border-radius:0 15px 15px 0 !important;}
}