/*
Theme Name: Stinskerk Child Theme
Description: Website van de Stinskerk
Author: Wilje Online & Design
Author URI: https://wiljeonline.nl
Template: Avada
Version: 1.3
*/


/* HEADER */

.grecaptcha-badge {
	display: none !important;
}

div.fusion-menu-anchor {
	top: -90px;
	position: absolute;
}

.fusion-header-v4 .fusion-header {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.fusion-row:before {
	display: block;
}

.fusion-secondary-main-menu {
	border-bottom: 0px;
}

.fusion-main-menu .sub-menu {
	border-top: 0px solid #fff !important;
}

.fusion-main-menu a {
	text-transform: uppercase;
}

.fusion-logo a {
	max-width: 60%;
}

.fusion-logo img {
	max-height: 120px !important;
}

.logo-kerk {
  background: url(assets/img/logo_kerk.png);
  background-image: url(assets/img/logo_kerk.svg),none;
	background-repeat: no-repeat;
  height: 45px;
	max-width: 467px;
  width: 100%;
}

.pgz-logo-wrapper {
	width: 100%;
}

.fusion-logo {
	margin-top: 0px !important;
}

.searchform .search-table .search-button input[type=submit] {
	background-color: #fff;
	border-bottom: 1px solid  gray;
	border-radius: 0px 3px 3px 0px;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	color: #e98c00;
	height: 40px !important;
	width: 40px !important;
}

#wrapper .search-table .search-button input[type="submit"]:hover {
	background-color: #fff !important;
	color: #000 !important;
}

#wrapper .search-table .search-field input {
	border-color: gray !important;
	border-radius: 3px 0px 0px 3px;
	border-right: none;
	color: gray !important;
	height: 40px;
}

.wpcf7-form input[type="submit"]:hover, .wpcf7-submit:hover {
	color: #e98c00 !important;
}

/* SINGLE */

.single .post {
	background-color: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.single .post h2,
.single .post .post-content {
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-bottom: 0px !important;
}

.single .post h2 {
	padding-bottom: 0px;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 500 !important;
	color: #e98c00 !important;
	font-size: 3rem !important;
	line-height: 1.2em !important;
}

.single .kartel-top:before {
	background: linear-gradient(-135deg, #f6f8fc 10px, transparent 0), linear-gradient(135deg, #f6f8fc 10px, transparent 0);
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 20px 20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}

#top .titel-balk:after {
	background: linear-gradient(-45deg, #ffffff 10px, transparent 0), linear-gradient(45deg, #ffffff 10px, transparent 0);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 20px 20px;
	content: " ";
	display: block;
	height: 20px;
	margin-top: 17px;
	left: 0px;
	position: absolute;
	width: 100%;
}

.page-template-actueel-page #top .titel-balk:after {
	background: linear-gradient(-45deg, #f6f8fc 10px, transparent 0), linear-gradient(45deg, #f6f8fc 10px, transparent 0);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 20px 20px;
	content: " ";
}

.page-template-page-alt #top .titel-balk:after {
	background: linear-gradient(-45deg, #f5dcea 10px, transparent 0), linear-gradient(45deg, #f5dcea 10px, transparent 0);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 20px 20px;
	content: " ";
}

.single #top .titel-balk:after {
	background: linear-gradient(-45deg, #f6f8fc 10px, transparent 0), linear-gradient(45deg, #f6f8fc 10px, transparent 0);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 20px 20px;
	content: " ";
}

.single-agenda #top .titel-balk:after,
.single-diensten #top .titel-balk:after {
	background: linear-gradient(-45deg, #fff 10px, transparent 0), linear-gradient(45deg, #fff 10px, transparent 0);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 20px 20px;
	content: " ";
}

#gerelateerde-berichten h4.fusion-carousel-title {
	padding: 20px;
	margin: 0px;
	background-color: #fff;
	font-family: 'Roboto', sans-serif !important;
}

#gerelateerde-berichten h2 {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 500 !important;
	color: #e98c00 !important;
	font-size: 24px!important;
	margin-top: 80px!important;
	display: block;
}

#gerelateerde-berichten .fusion-carousel-meta,
#gerelateerde-berichten h3.title-heading-left {
	display: none;
}

#gerelateerde-berichten h2.title-heading-left {
	display: none !important;
}

#gerelateerde-berichten .related-posts {
	margin-top: 10px;
}

#gerelateerde-berichten .related-posts .fusion-carousel-item {
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.19), 0 0px 6px rgba(0, 0, 0, 0.23);
}

#gerelateerde-berichten {
	margin-top: 30px !important;
	margin-bottom: -80px !important;
}

#gerelateerde-berichten .fusion-row {
	padding-top: 10px;
}


/* Homepage slider */

#homepage-slider-area .fusion-widget-area-1, #pgz_slider_widget-2, .pgz-homepage-slider, .pgz-homepage-slider .slick-list, .pgz-homepage-slider .slick-track, .slick-slide, .pgz-slider-image {
	min-height: inherit !important;
}

.slick-slider .slick-track, .slick-slider .slick-list { height: 100%; }

.pgz-slider-image {
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.pgz-slider-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.compat-object-fit {
    background-size: cover;
    background-position: center center;
	background-repeat: no-repeat; 
	height: auto;
}

.compat-object-fit img { 
	display: none; 
}

.pgz-slider-content {
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color: rgba(92,144,210, 0.8);
	padding: 20px;
	padding-bottom: 40px;
}

.pgz-slider-tekst {
	margin-bottom: 20px;
}

.pgz-slider-knop.fusion-button a, .pgz-slider-knop.fusion-button i {
	color: #5c90d2 !important;
}

.pgz-slider-knop.fusion-button {
	background-color: #fff !important;
}

.pgz-slider-knop.fusion-button:hover, .pgz-slider-knop.fusion-button:focus {
	background-color: rgba(255, 255, 255, 0.75) !important;
}

.pgz-homepage-slider span {
	font-size: 30px;
	line-height: 40px;
	font-family: 'Roboto Slab', serif;
  text-transform: none;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 300;
	color: #fff;
}

.slick-dots {
	bottom: 50px;
	left: 50%;
}

.slick-dots li {
	float: left;
}

.slick-dots li button:before {
	font-family: 'FontAwesome';
	color: #fff;
	opacity: 1;
	font-size: 14px;
	content:"\f10c";
}

.slick-dots li.slick-active button:before {
	content:"\f111";
	opacity: 1;
	color: #fff;
}

/* PAGINA'S GLOBAL */

#main {
	padding-bottom: 80px !important;
}

#content {
	padding-top: 20px !important;
}

/* BLAUWE PAGINA */

.single,
.single #wrapper,
.page-template-actueel-page,
.page-template-actueel-page #wrapper {
	background-color: #f6f8fc!important;
	background: #f6f8fc!important;
}

.page-template-actueel-page #main,
.page-template-actueel-page #wrapper #main,
.page-template #content {
	padding-bottom: 80px;
}

.page-template-actueel-page .kartel-top:before {
	background: linear-gradient(-135deg, #f6f8fc 10px, transparent 0), linear-gradient(135deg, #f6f8fc 10px, transparent 0);
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 20px 20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}

.page-template-actueel-page #aanmelden label {
	color: #5c90d2 !important;
}

/* PAGINA ALT */

.page-template-page-alt,
.page-template-page-alt #wrapper {
	background-color: #f5dcea !important;
	background: #f5dcea !important;
}

/* NIEUWSBRIEF PAGINA */

.nieuwsbrief {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.nieuwsbrief .fusion-layout-column {
	margin: 0px !important;
}

.nieuwsbrief h2,
.nieuwsbrief h2 a {
	color: #5c90d2!important;
	margin: 0px !important;
}

.nieuwsbrief h2 a:hover {
	color: #000!important;
}

.nieuwsbrief p {
	margin: 0px !important;

}

.nieuwsbrief  b,
.nieuwsbrief  strong {
	padding-top: 10px !important;
	display: block;

}

/* KERKDIENST GEMIST */

ul.rss-aggregator {
	list-style: none;
	padding-left: 0px;
}

iframe {
	width: 100%;
	height: 500px;
}

div.wprss-feed-meta > span:not(:last-child):after {
	display: none;
}

ul.rss-aggregator a {
	display: inline-block;
	width: 50%;
	float: left;
	color:  rgb(217, 119, 172)!important;
	font-weight: 700;
}

ul.rss-aggregator a:hover {
		color:  #000!important;
}

span.link-kerk {
	width: 50%;
	display: inline-block;
	padding-left: 20px;
}

span.feed-date {
	width: 20%;
	display: inline-block;
}

span.feed-author{
	width: 30%;
	display: inline-block;
}

ul.rss-aggregator li {
	background-color: #fff;
	padding: 20px;
}

a.kerkdienst-widget-link {
	color: #fff;
}

a.kerkdienst-widget-link:hover {
	text-decoration: underline;
	color: #fff;
}

/* PAGINA-TOP - MENU */

.pagina-menu {
	height: 50px;
	margin-bottom: 20px;
	margin-top: 30px;
}

.pagina-menu ul li a:before {
	content: ''!important;
}

.pagina-menu .fusion-content-widget-area .widget {
	margin-bottom: 0px!important;
}

.pagina-menu ul li.terug-knop a:before {
	content: '\f0d9'!important;
	 font-family: FontAwesome!important;
	 padding-right: 20px;
}

.page-template-top-menu-page h2 {
	font-family: "Roboto Slab";
	font-weight: 300;
	color:#5c90d2 !important;
	font-size: 40px!important;
}

.pagina-menu li.terug-knop a {
	color: #e98c00 !important;
	border-color: #e98c00 !important;
}

.pagina-menu ul {
	list-style: none;
	padding-left: 0px;
}

.pagina-menu ul li.terug-knop a:hover:before {
	color: #fff !important;
	content: '\f0d9'!important;
	font-family: FontAwesome!important;
}

.pagina-menu li.terug-knop a:hover {
	color: #fff !important;
	background-color: #e98c00 !important;
}

.pagina-menu ul li {
	float: left;
	border: 0px !important;
	padding: 5px 10px !important;
	padding-left: 0px !important;
}

.pagina-menu ul li a {
	color: #5c90d2 !important;
	text-transform: uppercase;
	font-size: 14px;
	display: inline-block;
	border: 1px solid #5c90d2 !important;
	padding: 5px 10px;
}

.pagina-menu ul li.current_page_item > a,
.pagina-menu ul li a:hover {
	color: #fff !important;
	background-color: #5c90d2 !important;
}

/* STIJLEN */

.inleiding {
	font-size: 18px !important;
	font-weight: bold !important;
	line-height: 1.5em;
}

.inleiding-groot {
	font-family: "Roboto Slab" !important;
	font-size: 22px;
	font-weight: 300 !important;
	line-height: 1.5em;
}

.page-template-default .inleiding-groot {
	color: #5c90d2;
}

.citaat {
	display: block;
	font-family: "Roboto Slab" !important;
	font-size: 45px;
	font-weight: 300 !important;
	line-height: 1.2em;
	padding: 50px 0px;
}

/* icons */

/* a[href$=".xls"], .bijlage a[href$=".xlsx"], a[href$=".doc"], .bijlage a[href$=".docx"], .bijlage a[href$=".dotx"], .bijlage a[href$=".dot"],
a[href$=".ppt"], .bijlage a[href$=".pptx"], a[href$=".zip"] {
	padding-left: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
}

a[href$=".xls"], .bijlage a[href$=".xlsx"] {
 background: url(assets/icons/xls.png) !important;
 background-image: url(assets/icons/xls.svg),none !important;
 background-repeat:no-repeat !important;
 background-size: 21px 30px !important;
}

a.fusion-button[href$=".pdf"] {
	background: none !important;
	background-image: none !important;
	background-repeat: no-repeat !important;
}

a[href$=".pdf"] {
 background: url(assets/icons/pdf.png) !important;
 background-image: url(assets/icons/pdf.svg),none !important;
 background-repeat:no-repeat !important;
 background-size: 25px 25px !important;
}

a[href$=".doc"], .bijlage a[href$=".docx"], .bijlage a[href$=".dotx"], .bijlage a[href$=".dot"] {
 background: url(assets/icons/doc.png);
 background-image: url(assets/icons/doc.svg),none;
 background-repeat:no-repeat;
 background-size: 21px 30px;
}

/* a[href$=".jpg"] {
 background: url(assets/icons/jpg.png);
 background-image: url(assets/icons/jpg.svg),none;
 background-repeat:no-repeat;
 background-size: 21px 30px;
}

a[href$=".ppt"], .bijlage a[href$=".pptx"] {
 background: url(assets/icons/ppt.png);
 background-image: url(assets/icons/ppt.svg),none;
 background-repeat:no-repeat;
 background-size: 21px 30px;
}

a[href$=".zip"] {
 background: url(assets/icons/zip.png);
 background-image: url(assets/icons/zip.svg),none;
 background-repeat:no-repeat;
 background-size: 21px 30px;
} */

.fa.fa-play-circle-o {
	font-size: 16px;
}

/* Koppen H */

.home.page-template-default  h2 {
	font-size: 50px !important;
		font-family: "Roboto Slab"!important;
		text-transform: none;
		margin-top: 30px !important;
		margin-bottom: 50px !important;
		font-weight: 300!important;
}

.home #home-bijbeltekst h2 {
	margin-bottom: 10px !important;
}

.page-template-default .titel-balk h2 {
	text-transform: uppercase;
}

.page-template-default h2 {
	font-family: 'Roboto', sans-serif !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	margin-top: 30px !important;
	margin-bottom: 10px !important;
}

#pgz-actueel .fusion-post-medium h2.blog-shortcode-post-title,
.fusion-blog-archive .fusion-post-content > h2.fusion-post-title {
	font-family: 'Roboto', sans-serif !important;
	font-size: 32px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	margin-top: 0px !important;
	margin-bottom: 20px !important;
}

.bericht-klein .fusion-post-medium h2.blog-shortcode-post-title {
	font-size: 25px !important;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	margin-top: 0px !important;
	margin-bottom: 20px !important;
}

.blog-datum {
  margin-bottom: 20px;
  text-transform: uppercase !important;
}

#pgz-kerkdiensten h2 {
	color: #fff !important;
	font-size: 35px !important;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
}

.widget_kerkdienst_widget h3{
	color: #fff !important;
	text-transform: uppercase;
	font-family: "Roboto Slab"!important;
	font-size: 20px !important;
}

/* Knoppen */

.button-default:hover,
.fusion-button.button-default.button-1:hover span,
.fusion-button.button-default.button-1:hover i {
	color: #e98c00 !important;
}

.project-lees-verder,
.agenda-item a.knop,
.single-agenda .post-content .fusion-button,
.widget_agenda_widget a.knop {
	border-radius: 2px;
	color: #fff;
	font-family: 'Roboto'!important;
	font-size: 14px;
	font-weight: 500!important;
	line-height: 17px;
	padding: 13px 20px !important;
	text-transform: uppercase;
}

.single-agenda .post-content .fusion-button.button-1 .fusion-button-text,
.single-agenda .post-content .fusion-button.button-1 i,
.single-diensten .post-content .fusion-button.button-1 .fusion-button-text,
.single-diensten .post-content .fusion-button.button-1 i,
.fusion-button .fusion-button-text,
.fusion-button i {
	color: #fff !important;
}

.project-lees-verder {
	background-color:  #e98c00;
	margin-top: 20px;
	max-width: 150px;
	display: block;
}

.agenda-item a.knop,
.single-agenda .post-content .fusion-button,
.diensten-single a.knop,
.roze-knop a,
.widget_agenda_widget a.knop,
.single-diensten .post-content .fusion-button {
	background-color:  #da77ad !important;
	margin-bottom: 20px;
	display: inline-block;
}

.agenda-item a.knop:hover,
.diensten-single a.knop:hover,
.roze-knop a:hover,
.agenda-archief a.knop:hover,
.diensten-archief a:hover,
.widget_agenda_widget a.knop:hover {
		background-color: #ecc1db !important;
		color: #da77ad !important;
		text-decoration: none;
}

#pgz-kerkdiensten .fusion-button .fusion-button-text,
#pgz-kerkdiensten .fusion-button i {
	color: #da77ad !important;
}

.widget_agenda_widget a.knop {
	margin-top: 20px;
	margin-bottom: 0px !important;
}

.roze-knop a[href$=".pdf"] {
	background-image: none !important;
}

.project-lees-verder:hover {
	background-color: #f7c78d;
	color: #e98c00 !important;
}

.home a.knop-roze:hover {
	background: rgba(255,255,255,0.8) !important;
}

#pgz-kerkdiensten a.fusion-button {
	background-color: #fff !important;
	display: block !important;
	text-align: left;
	margin-bottom: 10px;
	padding: 13px 29px !important;
}

#pgz-kerkdiensten a.fusion-button:hover, #pgz-kerkdiensten a.fusion-button:focus, #pgz-kerkdiensten a.fusion-button:active {
	background: rgba(255,255,255,0.8) !important;
}

.pgz-button {
  text-decoration: none !important;
	margin-bottom: 20px;
}

.button-blauwgroen {
  background: #008c96;
}

.button-blauwgroen:hover {
  background: rgba(0, 140, 150, 0.25);
}

.fusion-button.button-blauwgroen:hover .fusion-button-text,
.fusion-button.button-blauwgroen:hover i {
  color: #008c96 !important;
}

.button-oranje {
  background: #e98c00;
}

.button-oranje:hover {
  background: rgba(233, 140, 0, 0.25);
}

.fusion-button.button-oranje:hover .fusion-button-text,
.fusion-button.button-oranje:hover i {
  color: #e98c00 !important;
}

.button-groen {
  background: #72782c;
}

.button-groen:hover {
  background: #b9b58b;
}

.fusion-button.button-groen:hover .fusion-button-text,
.fusion-button.button-groen:hover i {
  color: #72782c !important;
}

.button-roze {
  background: #da77ad;
}

.button-roze:hover {
  background: rgba(218, 119, 173, 0.25);
}

.fusion-button.button-roze:hover .fusion-button-text,
.fusion-button.button-roze:hover i {
  color: #da77ad !important;
}

.button-rood {
  background: #ce3a35;
}

.button-rood:hover {
  background: #e7a390;
}

.fusion-button.button-rood:hover .fusion-button-text,
.fusion-button.button-rood:hover i {
  color: #ce3a35 !important;
}

/* GRID NIEUWS */

.fusion-blog-shortcode .post {
	margin-bottom: 20px !important;
}

.related-posts .fusion-carousel-item,
.fusion-post-grid .fusion-post-wrapper,
.fusion-post-medium {
	border: none !important;
	border-bottom-width: 0px !important;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	overflow: hidden;
}

a.fusion-related-posts-title-link:hover {
	text-decoration: underline !important;
}

.fusion-blog-shortcode .fusion-post-medium {
	background-color: #fff;
	padding: 20px;
}

.fusion-blog-layout-medium .fusion-post-slideshow,
.fusion-blog-layout-medium-alternate .fusion-post-slideshow {
	margin-bottom: -20px !important;
	margin-left: -20px;
	margin-right: 0px !important;
	margin-top: -20px;
	max-height: 325px;
	width: calc( 50% + 20px ) !important;
}

.fusion-blog-layout-medium  .post-content {
	float: right;
	padding-left: 30px;
	padding-right: 30px;
	width: 50%;
	padding-top: 0px;
}

.flexslider .slides img {
width: 150% !important;
max-width: 150%  !important;
}


.bericht-klein
.flexslider .slides img {
width: 145% !important;
max-width: 145%  !important;
}

/* Pagina breedte */

#pgz-meerweten .fusion-row {
	max-width: 1100px !important;
}

#main {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#main .fusion-row {
  max-width: 100% !important;
}

.home #main .fusion-row #content,
.home #main .fusion-row .pgz-full-width .fusion-row,
.page-template-100-width #main .fusion-row #content,
.page-template-100-width .titel-blok {
  max-width: 1100px !important;
  float: none;
  margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

#main .fusion-row #content,
#main .fusion-row .pgz-full-width .fusion-row  {
  max-width: 800px !important;
  float: none;
  margin: 0 auto;
	margin-top: 20px;
}

#main .fusion-row #content {
	padding-bottom: 0px;
}

#main .fusion-row .pgz-full-width .fusion-row  {
	padding-bottom: 20px;
}

.pgz-full-width {
	width: 100vw;
	left: 50%;
	margin-left: -50vw;
}

.width-100 .nonhundred-percent-fullwidth {
	margin-left: 0 !important;
	margin-right: 0 !important;
}


/* KARTELRANDEN */

.kartel-top:before {
	background: linear-gradient(-135deg, #ffffff 10px, transparent 0), linear-gradient(135deg, #ffffff 10px, transparent 0);
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 20px 20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}

.kartel-bottom:after {
	background: linear-gradient(-45deg, #ffffff 10px, transparent 0), linear-gradient(45deg, #ffffff 10px, transparent 0);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 20px 20px;
	content: " ";
	display: block;
	height: 20px;
	margin-top: -20px;
	left: 0px;
	position: absolute;
	width: 100%;
}

#home-bijbeltekst.kartel-bottom:after {
	background: linear-gradient(-45deg, #f6f8fc 10px, transparent 0), linear-gradient(45deg, #f6f8fc 10px, transparent 0);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 20px 20px;
	content: " ";
	display: block;
	height: 20px;
	margin-top: -20px;
	left: 0px;
	position: absolute;
	width: 100%;
}

/* Titel boven */

#top .beeld-top {
	display: block;
	height: 300px ;
	}

#top .titel-balk {
	height: 90px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
}

.home .titel-balk {
	display: none;
}

.titel-balk {
	height: 75px;
	border-top: 1px solid #fff;
	width: 100%;
}

.titel-balk-roze {
	background-color: rgb(217, 119, 172);
}

.titel-balk-blauw {
	background-color: #5c90d2;
}

#top-beeld .beeld-top {
	display: block;
	height: 300px ;
	background-repeat: no-repeat !important;
	background-size: cover!important;
	background-position: center center!important;
}

.top-beeld-blauw .beeld-top:before {
	background: linear-gradient(-135deg, #5c90d2 10px, transparent 0), linear-gradient(135deg, #5c90d2 10px, transparent 0);
}

.top-beeld-roze .beeld-top:before {
	background: linear-gradient(-135deg, #da77ad 10px, transparent 0), linear-gradient(135deg, #da77ad 10px, transparent 0);
}

.top-beeld-oranje .beeld-top:before {
	background: linear-gradient(-135deg, #d977ac 10px, transparent 0), linear-gradient(135deg, #d977ac 10px, transparent 0);
}

#top-beeld .beeld-top:before {
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 20px 20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0px;
	position: absolute;
	width: 100%;
}

.titel-blok {
	max-width: 800px;
	margin: 0 auto;
	display: block;
	padding-bottom: 0px;
	padding-top: 25px;
}

.titel-blok h1 {
	margin: 0px;
	font-family: "Roboto Slab";
	font-weight: 700;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
}

.basis_titel h1 {
	margin: 0px;
}

.basis_titel {
	display: block !important;
	margin-top:-40px;
	padding: 10px 20px;
}

.basis_titel.boven {
	display: block !important;
	margin-top:2px;
  background-color: #da77ad;
}

.basis_titel.boven h1 {
  color: #fff;
	font-family: "Roboto Slab";
	font-size: 30px;
	margin: 0 auto;
	max-width: 800px;
	padding: 10px 0px 20px 0px;
}

.basis_titel.boven:after {
  background: linear-gradient(-45deg, #ffffff 10px, transparent 0), linear-gradient(45deg, #ffffff 10px, transparent 0);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 20px 20px;
  content: " ";
  display: block;
  height: 20px;
	margin-top: -9px;
  left: 0px;
  position: absolute;
  width: 100%;
}

/* MENU  SUB */

.fusion-main-menu .sub-menu ul {
	top: 0px !important;
}

.fusion-main-menu .sub-menu li.current-menu-parent a,
.fusion-main-menu .sub-menu li.current-menu-parent li.current-menu-item a,
.fusion-main-menu .sub-menu li .sub-menu li a:hover,
.fusion-body .fusion-main-menu .current-menu-ancestor > a, .fusion-body .fusion-main-menu .current-menu-item > a,
.fusion-body .fusion-main-menu .current-menu-item:not(.fusion-main-menu-cart) > a:before,
.fusion-body .fusion-main-menu .current-menu-parent > a, .fusion-body .fusion-main-menu .current_page_item > a,
.fusion-main-menu .sub-menu li a:hover {
	color: #000 !important;
}

/* STIJLEN TIJDELIJK UIT IVM TEST SUBMENU

.fusion-main-menu .sub-menu ul {
	top: 45px;
	left:0px;
	display: block;
	position: initial;
}

.fusion-main-menu .sub-menu li {
	height: 45px;
	display: block;
}

.fusion-main-menu .sub-menu li.menu-item-has-children:hover  {
	height:auto!important;
	display: block;
}

.fusion-main-menu .sub-menu li.menu-item-has-children:hover a {
	background-color: rgba(233, 140, 0, 1);
}

.fusion-main-menu .sub-menu li.current-menu-parent li a  {
	color: #fff !important;
} */

/* MENU  SUB END */

/* HOMEPAGE */

.home #main {
	padding-bottom: 0px !important;
}

.home #content {
	padding-top: 0px !important;
}

#main .fusion-row #aanmelden .fusion_builder_column {
	max-width: 800px !important;
	margin: 0 auto;
}

#home-bijbeltekst h2 {
	color: #000 !important;
	margin-bottom: 10px;
	margin-top: 20px;
}

#home-bijbeltekst h3 {
	color: #fff !important;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 14px;
}

#home-bijbeltekst p {
	font-family: "Roboto Slab"!important;
	font-size: 30px;
	font-weight: 100;
	color: #fff;
	line-height: 1.5em;
}

#home-snelblokken .fusion_builder_column_1_3 {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	padding-bottom: 20px;
}

#home-snelblokken .fusion_builder_column_1_3 p {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

#pgz-actueel .fusion-post-wrapper {
	padding: 10px !important;
}

#pgz-actueel .blog-shortcode-post-title {
	margin-top: 0px !important;
}

.home #pgz-actueel,
.home #aanmelden {
	margin-bottom: 0px;
}

#meer-weten,
#pgz-actueel,
#gerelateerde-berichten,
#aanmelden {
	margin-bottom: -80px;
}

#home-snelblokken .fusion_builder_column_1_3 a.fusion-button {
	margin-left: 20px;
}

#home-snelblokken h3 {
	color: #5c90d2 !important;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
	font-size: 25px;
}

#home-snelblokken h4 {
	font-family: 'Roboto'!important;
	font-size: 14px;
	background-color: #5c90d2;
	display: block;
	color: #fff;
	padding: 10px 0px;
}

#home-snelblokken h4:before{
content: "\f04b";
font-family: FontAwesome;
margin-right: 10px;
}

#home-snelblokken img {
	width: 100%;
}

#meer-weten .person-name{
	color: #5c90d2;
	font-family: 'Roboto';
	font-weight: 700;
}

#meer-weten h2 {
	color: #5c90d2;
	font-size: 50px !important;
	font-family: "Roboto Slab"!important;
	text-transform: none;
	font-weight: 300 !important;
	margin-bottom: 50px !important;
}

#meer-weten .person-content,
#personen .person-content {
	margin-top: 0px;
}

#meer-weten .fusion-person .person-shortcode-image-wrapper img,
#personen .fusion-person .person-shortcode-image-wrapper img {
	max-width: 80% !important;
}

#personen .person-name {
	color: #e98c00;
	font-family: 'Roboto';
	font-weight: 700;
}

#aanmelden,
#aanmelden h2 {
	color: #fff;
}

#aanmelden {
	font-family: "Roboto Slab"!important;
	font-weight: 200!important;
	font-size: 20px;
	line-height: 1.5em;
}

#aanmelden label {
	font-family: "Roboto"!important;
	font-size: 14px !important;
}

/* FORMS */

.searchform .search-table .search-button input[type="submit"],
#comment-input input, .avada-select .select2-container .select2-choice,
.avada-select-parent select, .chzn-container .chzn-drop, .chzn-container-single .chzn-single,
.fusion-login-box .fusion-login-form input[type=password], .fusion-login-box .fusion-login-form input[type=text],
.input-text:not(textarea), .main-nav-search-form input, .post-password-form label input[type="password"],
.search-page-search-form input, .searchform .search-table .search-field input,
.wpcf7-captchar, .wpcf7-form .wpcf7-date, .wpcf7-form .wpcf7-number,
.wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-select, .wpcf7-form .wpcf7-text,
input.s, input[type="email"], input[type="number"], input[type="password"],
input[type="text"], select {
    height: 45px !important;
}


#comment-input .placeholder, #comment-input input, #comment-textarea .placeholder,
#comment-textarea textarea, #wrapper .search-table .search-field input,
.avada-select .select2-container .select2-choice, .avada-select .select2-container .select2-choice2,
.avada-select-parent select, .chzn-container .chzn-drop, .chzn-container-single .chzn-single,
.comment-form-comment textarea, .input-text, .main-nav-search-form input,
.post-password-form label input[type="password"], .search-page-search-form input,
.wpcf7-captchar, .wpcf7-form .wpcf7-date, .wpcf7-form .wpcf7-number,
.wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-select, .wpcf7-form .wpcf7-text,
.wpcf7-form textarea, .wpcf7-select-parent .select-arrow, input.s,
input.s .placeholder, input[type="email"], input[type="number"],
input[type="password"], input[type="text"], select, textarea {
    color: #222222 !important;
}

.pgz-recaptcha {
	margin-bottom: 20px;
}

.g-recaptcha > div > div {
	height: inherit;
}

.g-recaptcha > div > div > iframe {
	height: inherit;
}

/* HOME - TAGCLOUD */

#tagcloud a {
	font-family: "Roboto Slab"!important;
	font-weight: 700!important;
}

.widget_agenda_widget,
#tagcloud {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	background-color: #fff;
	padding: 0px 20px 20px 20px;
}

#tagcloud h4.widget-title {
	background-color: #e98c00;
	display: block;
	color: #fff !important;
	text-transform: uppercase;
	padding: 20px 25px;
	width: calc( 100% + 41px ) !important;
	margin-left: -20px;
	margin-bottom: 20px;
}

/* WILJE ONLINE WIDGETS */

h4.agenda-titel,
h4.diensten-titel {
	font-family: 'Roboto'!important;
	font-size: 16px !important;
	font-weight: 400!important;
}

h4.agenda-titel a,
h4.diensten-titel a {
	color: #000 !important;
}

body .agenda-titel > a,
body .diensten-titel > a {
	color: #da77ad !important;
}

body .agenda-titel > a:hover,
body .diensten-titel > a:hover {
	text-decoration: underline !important;
}


h4.agenda-titel a:hover,
h4.diensten-titel a:hover {
	color: #da77ad !important;
}

.agenda-titel a:hover,
.diensten-titel a:hover, {
	color: #da77ad !important;
}

/* AGENDA WIDGET */

.home #agenda_widget-2 {
	margin-bottom: 20px !important;
}

.fusion-content-widget-area .widget {
	margin-bottom: 0px !important;
}

.widget_agenda_widget h4.widget-title {
	background-color: #d977ac;
	display: block;
	color: #fff !important;
	text-transform: uppercase;
	padding: 20px 25px;
	width: calc( 100% + 41px ) !important;
	margin-left: -20px;
	margin-bottom: 0px;
}

.agenda-item-wrapper .post-date {
	display: block;
	float: left;
	width: 25%;
}

.agenda-item-wrapper .post-titel {
	display: block;
	float: left;
	width: 75%;
}

.agenda-item-wrapper {
	border-top: 1px solid #da77ad;
	display: inline-flex;
	height: auto;
	margin-left: -20px;
	padding: 20px 20px 10px 20px;
	width: calc(100% + 40px);
}

.post-date-day,
	.post-date-month {
	color: #da77ad;
	display: block;
	font-weight: 700;
	width: 100%;
}

.post-date-day {
	font-size: 30px;
	margin-bottom: 0px;
	padding-top: 0px;
}

.post-date-month {
	text-transform: uppercase;
}

.post-date-time {
	font-weight: 700;
}

/* GALERIJ */

.fusion-gallery {
	height: auto !important;
}

/* Agenda & Kerkdiensten Single en Agenda & Kerkdiensten Archief */

.agenda-item.knop,
.diensten-single.knop {
	border: none;
	padding-top: 20px;
	border-top: 1px #da77ad solid;
}

.agenda-item,
.diensten-single {
	border-bottom: 1px solid #da77ad;
	display: table;
	margin-bottom: 20px;
	width: 100%;
}

.page-template-agenda-pagina .agenda-item {
	display: flex;
}

.agenda-item > a:hover, .diensten-single > a:hover,
.agenda-item > a:focus, .diensten-single > a:focus {
	text-decoration: underline;
	color: #da77ad;
}

.single-agenda #main .fusion-row #content,
.single-diensten #main .fusion-row #content {
	padding-top: 30px;
}

.single-agenda .post .post-content,
.single-diensten .post .post-content {
	padding-bottom: 20px;
	padding-top: 20px
}

.single-agenda, .single-agenda #wrapper,
.single-diensten, .single-diensten #wrapper {
	background-color: #fff !important;
	background: #fff !important;
}

.single.single-agenda .post h2,
.single.single-diensten .post h2 {
  font-weight: 300 !important;
  color: #333 !important;
  font-size: 32px !important;
  line-height: 1.4 !important;
	margin: 0 0 20px !important;
	padding: 0px !important;
}

.agenda-item .agenda-titel h3,
.diensten-single .diensten-titel h3 {
	margin-top: 0px;
}

.agenda-item h3,
.diensten-single h3 {
	color: #da77ad !important;
	text-transform: uppercase;
}

.archive .agenda-item h3, .single-agenda h3,
.archive .diensten-single h3, .single-diensten h3 {
	margin-top: 0.5em !important;
}

.page-template-kerkdienst-pagina .diensten-single .fusion-button,
.page-template-agenda-pagina .agenda-item .fusion-button {
	display: none;
}

.agenda-archief a.knop, .agenda-item a.knop,
.diensten-archief a.knop, .diensten-single a.knop,
.roze-knop a.knop {
	background-color: #da77ad;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-family: 'Roboto'!important;
	font-size: 14px;
	font-weight: 500!important;
	line-height: 17px;
	margin-bottom: 20px;
	padding: 13px 20px !important;
	text-transform: uppercase;
}

.agenda-archief a.knop .button-icon-left {
	margin-right: 0px;
	margin-left: 10px;
}

.dag-maand-wrapper {
	float: left;
	padding-right: 15px;
}

.agenda-lijst-content-wrapper,
.diensten-lijst-content-wrapper {
	float: left;
}

.far {
	font-family: "FontAwesome";
	font-style: normal;
}

.pgz-pagination.fusion-alignright:hover, .pgz-pagination.fusion-alignright:focus,
.pgz-pagination.fusion-alignleft:hover, .pgz-pagination.fusion-alignleft:focus {
	text-decoration: underline;
	color: #398c00;
}

/* FOOTER */

.logo_footer {
	background: url('https://www.stinskerk.nl/wp-content/themes/stinskerk-child/assets/img/PGZ_duif-750x750.png');
  height: 750px;
  opacity: 0.7;
  width: 750px;
	position: absolute;
	left: -250px;
	top: -225px;
}

.kerk_footer {
	background: url('https://www.stinskerk.nl/wp-content/themes/stinskerk-child/img/stinskerk_logo.png');
	max-width: 247px;
	width: 100%;
	height: 200px;
  	opacity: 1;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0px;
	bottom: -230px;
}

.archive .fusion-footer {
	margin-top: 40px;
}

.avada-html-layout-wide .fusion-footer { 
    overflow-y: hidden;
}

footer h4.widget-title {
	margin-bottom: 0px !important;
}

footer ul#menu-footer-menu {
	margin-top: 10px;
}

footer ul#menu-footer-menu li {
	padding-top: 0px;
	padding-bottom: 0px;
}

footer .social-media {
	margin-top: 10px;
}

footer .fa-facebook-official:before,
footer .fa-twitter-square:before {
	font-size: 25px;
	margin-right: 10px;
}

footer .pgz-footer {
	background: url(assets/img/logo_kerk_wit.png);
	background-image: url(assets/img/logo_kerk_wit.svg), none;
	background-repeat: no-repeat;
	height: 20px;
	margin-top: 10px;
	width: 100%;
}

/* 404 PAGINA */
.error-message, .oops {
	font-size: 140px;
}

.fusion-body .error-menu li:after, .fusion-body .error-menu li:before {
	background-color: transparent !important;
	color: #e98c00 !important;
}

ul.error-menu.circle-yes li:before {
	font-size: 16px;
}

/* FUSION BLOG ARCHIEF */

.fusion-blog-archive .fusion-blog-layout-medium .post-content {
	padding-top: 30px;
}

.fusion-blog-archive .post {
	margin-bottom: 20px !important;
}

/* ZOEKRESULTATEN */

.search-results .fusion-blog-layout-medium .post-content {
		width: 100%;
		padding-top: 20px;
}

.search-results .fusion-post-medium h2 {
	font-size: 32px !important;
}

.search-results .fusion-flexslider {
	display: none;
}

.search-results .post {
	margin-bottom: 20px;
}


/* @MEDIA */

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

	#main #content, .titel-balk, .fusion-footer-copyright-area, .fusion-footer-widget-area,
	#gerelateerde-berichten .fusion-layout-column, .page-template-default #pgz-actueel {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	h3 {
		margin-top: 0.5em !important;
	}

	.bericht-klein .flexslider .slides img {
		width: 190% !important;
		max-width: 190% !important;
	}

}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
	.fusion-footer .fusion-columns-5 .col-lg-2, .fusion-footer .fusion-columns-5 .col-md-2, .fusion-footer .fusion-columns-5 .col-sm-2,
	.fusion-footer .fusion-columns-5 .fusion-column {
		width: 50% !important;
		float: left !important;
	}


	.kerk_footer {
		bottom: -120px;
		height: 120px;
		left: 20px;
	}

}


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

	.bericht-klein .fusion-blog-layout-medium  .post-content {
		width: 100%;
		padding-top: 60px;
	}

	.bericht-klein .fusion-blog-layout-medium .fusion-post-slideshow {
		margin-bottom: -20px !important;
		margin-left: -20px;
		margin-right: 0px !important;
		margin-top: -20px;
		max-height: 250px;
		width: calc( 100% + 41px ) !important;
		overflow: hidden !important;
	}

	.bericht-klein .flexslider .slides img {
		width: 100% !important;
		max-width: 100% !important;
	}

}


/* BREEKPUNT MENU */
@media only screen
	and (max-width: 955px) {

	div.fusion-mobile-menu-icons {
		margin-top: 8px;
	}

	.fusion-mobile-menu-icons a {
		font-size: 30px;
	}

	.fusion-sticky-header-wrapper {
		-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
	}

	.fusion-mobile-menu-text-align-left li.fusion-mobile-nav-item li a:before {
		content: "\f0da";
		font-family: FontAwesome;
		margin-right: 20px;
	}
}

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


}

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

	#pgz-kerkdiensten h2 {
		font-size: 30px !important;
	}

	.single .post h2 {
		font-size: 1.5em !important;
	}

	.single .post h2, .single .post .post-content {
		padding: 20px !important;
	}

	.single .post h2.entry-title {
		margin-bottom: 0px !important;
	}

	.single-post .fusion-post-slideshow {
		margin-bottom: 10px !important;
	}

}


/* BREEKPUNT SITE */
@media only screen and (max-width: 760px) {

	.logo_footer {
	right: -250px!important;
	top: -225px;
	left: auto;
	}

	.kerk_footer {
		right: 50px!important;
		top: 120px;
		left: auto;
	}

	#homepage-slider-area .fusion-column-wrapper {
		min-height: 500px !important;
	}
	.nieuwsbrief span.fusion-imageframe {
		display: none !important;
	}


}


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

	.kerk_footer {
		bottom: -260px;
	}

	.fusion-blog-layout-medium  .post-content {
		width: 100%;
		padding-top: 60px;
	}

	 .fusion-blog-layout-medium .fusion-post-slideshow {
		margin-bottom: -20px !important;
		margin-left: -20px;
		margin-right: 0px !important;
		margin-top: -20px;
		max-height: 250px;
		width: calc( 100% + 41px ) !important;
		overflow: hidden !important;
	}

	 .flexslider .slides img {
		width: 100% !important;
		max-width: 100% !important;
	}


}

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

	.widget_nav_menu ul li {
		margin-bottom: 20px !important;
	}

	.fusion-blog-shortcode .fusion-post-medium {
	padding: 0px;
	}

	.logo-pgz {
		height: 25px;
		max-width: 300px;
		margin-top: 10px;
		display: inline-block ;
	}

	#homepage-slider-area .fusion-column-wrapper {
		min-height: 400px !important;
	}

	.slick-dots {
		left: 75%
	}

	ul.rss-aggregator a {
		width: 100%;
	}

	span.feed-date, span.feed-author {
		width: 50%;
	}

	.feed-table-header {
		display: none;
	}

}

@media only screen and (max-width: 500px) {
	#gerelateerde-berichten li.fusion-carousel-item {
		max-width: 500px !important;
	}
}


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

	.logo-pgz {
		max-width: 250px;
	}

	#pgz-actueel .fusion-post-medium h2.blog-shortcode-post-title, .fusion-blog-archive .fusion-post-content > h2.fusion-post-title {
		font-size: 24px !important;
	}

	#meer-weten h2 {
		font-size: 32px !important;
	}

}