/**
 * Theme Name: CGML Blocksy Child
 * Description: CGML Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

main { 
  background-image: url('assets/groene golf.png');
  background-repeat: no-repeat;
  background-position: center bottom; 
  background-size: 100% 40%;	
}

/* bijbletekst verwijzingen */
span.bible-link {
	color:#224585;
}
span.bible-link:hover {
	color: var(--theme-palette-color-1);
	text-decoration: underline;
}

/* page title link */
div.title-link a {
	text-decoration: none;
}

[data-header*="type-1"] .ct-header [data-sticky*="yes"] [data-row*="top"],
[data-header*="type-1"] .ct-header [data-sticky*="yes"] [data-row*="top"] img {
	height: 120px;
}

/* 
 * Start preken stijlen 
 */

/* alignment van preken filters*/
div#wpfc_sermon_sorting {
	margin-top: auto;
	margin-left: auto;
	margin-right: auto; 
	display: block;
	max-width: var(--theme-narrow-container-max-width);
}
div#wpfc_sermon_sorting form {
	background-color: white;
}

main.wpfc-sermon-container article {
	margin-bottom: 2rem;
}
div.wpfc-sermon-shortcode div.wpfc-sermon-inner, 
article.wpfc-sermon div.wpfc-sermon-inner {
	border: 1px solid #8c93c7; /* blauwe blokje #224585*/
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow: 0 4px 8px 0 #00000022, 0 6px 20px 0 #00000022;
}

/* hover effect voor preek blokken */
div.wpfc-sermon-shortcode div.wpfc-sermon-inner:hover, 
article.wpfc-sermon div.wpfc-sermon-inner:hover {
	border: 2px solid #91d450;
	box-shadow: 0 4px 8px 0 #00000044, 0 6px 20px 0 #00000044;
	cursor: pointer;
}

div.wpfc-sermon-main div.wpfc-sermon-footer {
    margin-top: 10px;
    padding-top: 5px;
	border-top-color: #91d450; /* groene blokje*/
}

/* preek titel */
h3.wpfc-sermon-title, h3.wpfc-sermon-title a {
	color:  #034077; 
	font-size: 20px;
}
/* preken serie heading */
div.wpfc-sermon-meta-series, div.wpfc-sermon-meta-series a {
	color: #91d450; /* donkerblauw #034077 of blauwe blokje #224585 of groene blokje #91d450 */
	font-size: 16px;
}
/* Hide description as we don't use it */
div.wpfc-sermon-description {
	display:none;
}

span.wpfc-sermon-meta-text a,
span.wpfc-sermon-meta-text span.bible-link,
div.sermon-description-content span.bible-link,
div.sermon-description-content span.bible-link a {
	color: #034077; /* donkerblauw #034077 of blauwe blokje #224585*/
}

/* enkele preek */
main.wpfc-sermon-container {
	padding-bottom: var(--theme-content-vertical-spacing);
	padding-top: var(--theme-content-vertical-spacing);
}
main.wpfc-sermon-container article {	
    width: var(--has-wide, var(--theme-container-width));
    max-width: var(--has-wide, var(--theme-narrow-container-max-width));
	margin-left: auto;
	margin-right: auto;
}

div.wpfc-sermon-single-inner div.wpfc-sermon-single-image {
	align-content: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div.wpfc-sermon-single-header {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color:white;
	margin-top: 10px;
}

div.wpfc-sermon-single-meta {
	border-top: 1px solid #91d450;
	width:60%;
	margin-left:auto;
	margin-right: auto;
	text-align:center;
	align-content:center;
}

div.wpfc-sermon-single-inner img {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

div.wpfc-sermon-single-media div.wpfc-sermon-single-video,
div.wpfc-sermon-single-media div.wpfc-sermon-single-video iframe {	
	align-content: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* Styling van de pagination voor preken */
div.sm-pagination div.nav-links {
	margin-top: auto;
	margin-left: auto;
	margin-right: auto; 
	display: block;
	max-width:750px;
}

div#wpfc-sermons-shortcode-navigation a.page-numbers,
div.sm-pagination a.page-numbers {
	border: none;
	vertical-align: middle;
	padding: 6px 8px;
	text-align: center;
	text-decoration: none;
	color:#034077;/* donkerblauw #034077 of blauwe blokje #224585*/
}

div#wpfc-sermons-shortcode-navigation span.page-numbers,
div.sm-pagination span.page-numbers {
	border:none;
	padding: 6px 8px;
	text-align: center;
	vertical-align: middle;
	color:#034077;/* donkerblauw #034077 of blauwe blokje #224585*/	
}

div#wpfc-sermons-shortcode-navigation span.current,
div.sm-pagination span.current {
	color: white;
	background-color: #224585;/* donkerblauw #034077 of blauwe blokje #224585*/
}

div#wpfc-sermons-shortcode-navigation a.page-numbers:hover,
div.sm-pagination a.page-numbers:hover {
	background-color: #91d450;
	color: white;
}