/******************************************
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
*
* Simply copy an existing style from style.css to this file,
* and modify it to your liking.
*/
/******************************************
HEADINGS
*******************************************/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Londrina+Solid);

h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; }
h1 { font-size: 36px }
h2 { font-size: 30px }
h3 { font-size: 25px }
h3 { margin-top: 0px; margin-bottom: 10px; }
h4 { font-size: 23px }
h4 { margin-top: 0px; margin-bottom: 10px; }

.navbar-brand-wpz h1 {
    font-family: "Londrina Solid", "Montserrat", sans-serif;
}
.navbar-nav a {
		font-size: 13px
}

.navbar {	   
    padding: 4px 0;
	  
}

/*************************************************************
 background: none;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.48) 1%, rgba(0, 0, 0, 0) 100%);


@media screen and (max-width: 770px) { navbar {
			background-color: #000
	   }
	}
******************************************************************/

.section-title {
    font-size: 46px !important;
    font-family: "Londrina Solid", "Montserrat", sans-serif;
    font-weight: normal;
}

.page .entry-title {
    padding-top: 50px;
    font-size: 46px !important;
    font-weight: normal;
    font-family: "Londrina Solid", "Montserrat", sans-serif;
}

.single-event .entry-title {
    padding-top: 50px;
    padding-bottom: 52px;
}

.page .entry-footer .section-title, .single .entry-footer .section-title {
    font-family: "Londrina Solid", "Montserrat", sans-serif;
	font-size: 46px;
	text-transform: none;
}

.single div#jp-relatedposts h3.jp-relatedposts-headline {
    margin-bottom: 20px;
    font-size: 46px !important;
    font-weight: normal;
	text-transform: none !important;
    font-family: "Londrina Solid", "Montserrat", sans-serif;
}

.widget .title {
    margin: 0 0 20px;
    font-size: 25px;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
}

.widget.zoom-twitter-widget {
    margin-right: 40px;
}

h2.fw-special-title {
    color: #222;
    font-size: 35px;
    font-weight: normal;
    font-family: "Londrina Solid", "Montserrat", sans-serif;
}

h3.fw-special-title {
    color: #222;
    font-size: 26px;
    font-family: "Londrina Solid", "Montserrat", sans-serif;
	  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

h4.fw-special-title {
    color: #222;
    font-size: 23px;
    font-family: "open sans", "Montserrat", sans-serif;
	  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.recent-posts .entry-title {
    text-align: left;
}

.recent-posts .entry-meta {
    text-align: left;
}

.entry-title {
    font-size: 46px;
    font-weight: bold;
    font-family: "Londrina Solid", "Montserrat", sans-serif;
}

.single .has-post-cover .entry-header .entry-title {
    font-family: "Londrina Solid", "Montserrat", sans-serif;
}

/******************************************
BODY
*******************************************/
body, body.dereisgenoot {
    font-family: "Open sans", sans-serif;
    font-size: 17px;
}

.builder-wrap {
    font-size: 17px;
}

.fw-special-subtitle {
    font-style: italic;
    opacity: .7;
    font-weight: bold;
}


/******************************************
LINK
*******************************************/
a:hover, .comment-author .fn, .comment-author .fn a:hover, .zoom-twitter-widget a:hover, .woocommerce-pagination .page-numbers, .paging-navigation .page-numbers, .page .post_author a:hover, .single .post_author a:hover, .comment-author a.comment-reply-link:hover, .comment-author a.comment-edit-link:hover {
    text-decoration: underline;
}

.menu-item a:hover, .site-footer .zoom-twitter-widget__items a:hover {
    color: #ffffff !important;
}

/******************************************
BUTTONS
*******************************************/

.wpz-btn {
    border: 1px solid #f4f4f4;
    color: #f4f4f4;
    background: #0bb4aa;
}

.wpz-btn-black:hover, .wpz-btn-black:focus {
    background: rgba(11, 180, 170, 0.05);
    border-color: #121212;
    color: #121212
}

.wpz-btn-white:hover, .wpz-btn-white:focus {
	background: rgba(11, 180, 170, 0.05);
    border-color: #000;
    color: #121212;
}

.button, .btn, .more-link, .more_link, .side-nav, .search-submit {
    border: 1px solid #f4f4f4;
    color: #f4f4f4;
    background: #0bb4aa;
}

.btn:hover, .btn:focus {
	background: rgba(11, 180, 170, 0.05);
    border-color: #000;
    color: #121212;
}

.portfolio-view_all-link .btn:hover {
	background: rgba(11, 180, 170, 0.05);
    border-color: #000;
    color: #121212;
}

.more_link, button, input[type=button], input[type=reset], input[type=submit] {
    font-size: 14px;
	background: #0bb4aa;
    color: #f4f4f4;
    border: 1px solid #f4f4f4;
}

.more_link:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	background: rgba(11, 180, 170, 0.05);
    color: #000000;
    border: 1px solid #000000;
}

.side-nav__wrap button, .side-nav__wrap input[type=button], .side-nav__wrap input[type=reset], .side-nav__wrap input[type=submit] {
    background: #0bb4aa;
    color: #000000;
    border: none;
}

.side-nav__wrap button:hover, .side-nav__wrap input[type=button]:hover, .side-nav__wrap input[type=reset]:hover, .side-nav__wrap input[type=submit]:hover {
	background: rgba(11, 180, 170, 0.05) !important;
    color: #f4f4f4 !important;
    border: 1px solid #f4f4f4 !important;
}

.site-footer button, .site-footer input[type=button], .site-footer input[type=reset], .site-footer input[type=submit] {
    background: #0bb4aa;
    color: #000000;
    border: none;
}

.site-footer button:hover, .site-footer input[type=button]:hover, .site-footer input[type=reset]:hover, .site-footer input[type=submit]:hover {
	background: rgba(11, 180, 170, 0.05) !important;
    color: #f4f4f4 !important;
    border: 1px solid #f4f4f4 !important;
}

.more_link {
    float: left;
}


/******************************************
WAT IK DOE PLAATJES
*******************************************/

.five-pixel-border-at-image img {
    border: 5px solid #f4f4f4;
}


/******************************************
PORTFOLIO
*******************************************/


.portfolio-view_all-link {
    background: #e58b38;
}
.portfolio_item-template-default.single #jp-relatedposts {
	display: none !important;
}

/******************************************
PAGINA HEADERS

!! see custom.css !!

#main.site-main {
    background-image: url(/wp-content/uploads/2017/12/pagina-header3-1.png);
    background-repeat: no-repeat;
}
#main {
    background-image: url(/wp-content/uploads/2017/12/pagina-header3-1.png);
    background-repeat: no-repeat;
}

.page .entry-info, .single-event .entry-info {
    margin-top: 0;
}

.page .entry-title, .single-event .entry-title {
    margin-top: 0;
}

.section-title {
    margin-top: 0;
	padding-top: 40px;
}
*******************************************/

/******************************************
SIMPLE EVENTS WIDGET
*******************************************/

#vsel .vsel-content {
    border-bottom: none;
}
#vsel .vsel-meta-date {
    display: inline;
}
#vsel .vsel-meta-date:after {
    content: ' ';
}
#vsel .vsel-meta-time {
    display: inline;
    margin-left: 6px;
}
#vsel .vsel-meta-location:before {
    content: ' ';
    display: block;
}
#vsel .vsel-meta-location {
    display: inline;
}
#vsel .vsel-meta-link {
    display: inline;
    margin-left: 6px;
}



/******************************************
HEADER MENU, DROPDOWN
*******************************************/

.navbar-nav ul {
    width: auto;
    min-width: 220px;
}


/******************************************
CONTACTFORMULIER
*******************************************/

.entry-content blockquote {
    text-align: left;
    margin-left: 0;
    padding: 0;
}

.contact-form textarea {
      width: 100%;
}

/******************************************
VIDEOHEADER
*******************************************/
.background-video-buttons-wrapper {
     bottom: 4.5rem;
}



/******************************************
HEADERS EN FOOTERS
*******************************************/


.page-id-7491 .site-header {
  display: none;
}
.page-id-7491 .site-footer {
  display: none;
}
.page-id-9527 .site-header {
  display: none;
}
.page-id-9527 #main.site-main {
  background-image: none;
}
.page-id-9527 .site-footer {
  display: none;
}
.page-id-7568 .site-footer {
  display: none;
}
.page-id-6632 .site-header {
  display: none;
}
.page-id-6632 #main.site-main {
  background-image: none;
}
.page-id-6632 .site-footer {
  display: none;
}
.page-id-13205 .site-header {
  display: none;
}
.page-id-13205 #main.site-main {
  background-image: none;
}
.page-id-13205 .site-footer {
  display: none;
}

@media screen and (max-width: 770px) {
    img {
         width: 350px;
    }
	.entry-title {
				font-size 40px
	}
}

/******************************************
PAGINA HEADERS
*******************************************/


#main.site-main {
    background-image: url(/wp-content/uploads/2021/02/Artikelen_Achtergrond.png);
    background-repeat: no-repeat;
}
/*
#main {
    background-image: url(/wp-content/uploads/2017/12/pagina-header3-1.png);
    background-repeat: no-repeat;
}
*/

.page .entry-info, .single-event .entry-info {
    margin-top: 0;
}

.page .entry-title, .single-event .entry-title {
    margin-top: 0;
}

.section-title {
    margin-top: 0;
	padding-top: 40px;
}
/******************************************
PRIJSTABEL
*******************************************/


.fw-pricing-content li {
    border-bottom: 2px solid #d0d0d0;
}


.woocommerce-page .site-header + .inner-wrap {
	max-width: none;
	padding: 0;
}

.woo-title {
	    padding-top: 50px;
    font-size: 46px !important;
    font-weight: normal;
    font-family: "Londrina Solid", "Montserrat", sans-serif;
	text-align: center;
	margin: 0 0 80px;
		border: none;
}

.woocommerce-shop .products-archive {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 4%;
}

.woocommerce-breadcrumb { display: none; }

.single-product .site-main {
	padding-top: 200px !important;
}

.single-product .products-archive {
	max-width: 1200px;
	float: none;
	padding: 0 4%;
}

@media all and (max-width: 768px) {
	.single-product .site-main {
		background: none !important;  
	}
}