/*
Theme Name: De Poppe
Theme URI: http://www.depoppe.nl/
Author: Remgro Web & ICT Oplossingen
Author URI: https://www.remgro.nl/
Version: 1.1.6
--
Theme Base Usage:
 - Folders 'css', 'fonts' and 'img' are untouched
 - Folder 'js' is untouched except;
	- js/vendor/map.js line 16 (zoom level) and the last few lines regarding 'var marker'
	- js/main.js line 612 changed background rgba transparency from 0.3 to 0.5
 - Folder 'php' has been left out and is replaced by WordPress functions or plugins
 - Folder 'images' has been added and contains custom images to be used with this theme
*/

/* http://nicolasgallagher.com/micro-clearfix-hack */
.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}

/* 2016-05-13 - beide sites */
body.home .nav > li.hideonhome {
	display: none;
}
.page_header {
	padding: 120px 0 55px;
}

.navbar-whatsapp {
	float:right;
	color: #fff;
	padding: 9px 10px;
}

.navbar-whatsapp:hover {
	color: #ccc;
}

@media screen and (min-width: 992px){
	.navbar-whatsapp {
		display:none;
	}
}

/* general classes */
.alignleft{float:left}
.alignright{float:right}
img.alignleft{margin:0.5em 1em 0.5em 0}
img.alignright{margin:0.5em 0 0.5em 1em}
.full-width{width:100%}
.text-shadow{text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8)}
.box-shadow{
-webkit-box-shadow: 1px 8px 19px 0px rgba(104, 104, 104, 0.45);
   -moz-box-shadow: 1px 8px 19px 0px rgba(104, 104, 104, 0.45);
		box-shadow: 1px 8px 19px 0px rgba(104, 104, 104, 0.45);
}
.box-shadow-lite{
-webkit-box-shadow: 0px 5px 15px 0px rgba(104, 104, 104, 0.45);
   -moz-box-shadow: 0px 5px 15px 0px rgba(104, 104, 104, 0.45);
		box-shadow: 0px 5px 15px 0px rgba(104, 104, 104, 0.45);
}

/* never show 'browser upgrade' message */
.browserupgrade{display:none;visibility:hidden;opacity:0}

/* better fonts fallback */
p{font-family:"Josefin Sans",Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;}
.page_header p{font-family:"Raleway",Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;}

/* add width 100% to (responsive) images so they will be stretched when necessary */
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
	width: 100%;
}

/* headings text-align left - normally done by class .text-left */
div.post-content h1,
div.post-content h2,
div.post-content h3,
div.post-content h4,
div.post-content h5,
div.post-content h6,
div.post-content .h1,
div.post-content .h2,
div.post-content .h3,
div.post-content .h4,
div.post-content .h5,
div.post-content .h6 {
	text-align: left;
}

/* first contact page heading without margin-top - normally done by class .no-margin-top */
.contact-content .post-content > h1:first-child,
.contact-content .post-content > h2:first-child,
.contact-content .post-content > h3:first-child,
.contact-content .post-content > h4:first-child,
.contact-content .post-content > h5:first-child,
.contact-content .post-content > h6:first-child {
	margin-top: 0;
}

/* TODO -- margin-bottom -32px ofzo ivm 100vh » checken */

/* ul and ol styling */
div.post-content ul,
div.post-content ol {
	color: #828281;
	font: 20px/32px "Josefin Sans",Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;
}

/* remove background-image from .home */
.home{background-image:none;}
/* override opacity=0 set from within js/animation.js ~line 54 */
body.home h1,body.home h2{opacity: 1 !important;}

/* logo */
.container > .navbar-header {
	position: relative;
}
.navbar .navbar-brand {
	top: 0;
	left: 0;
	padding: 10px;
	width: 240px;
	height: 130px;
	position: absolute;
	text-align: center;
	background-color: #fff;
	transition: all 0.5s ease;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
	/*filter: alpha(opacity=80);*/ /* IE567 */
   -moz-opacity: 0.8;
 -khtml-opacity: 0.8;
		opacity: 0.8;
-webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.4);
		box-shadow: 0 8px 10px rgba(0, 0, 0, 0.4);
}
.navbar .navbar-brand.scroll {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* IE8 */
	/*filter: alpha(opacity=100);*/ /* IE567 */
   -moz-opacity: 0.95;
 -khtml-opacity: 0.95;
		opacity: 0.95;
-webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5);
		box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5);
}
.navbar .navbar-brand:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
	/*filter: alpha(opacity=100);*/ /* IE567 */
   -moz-opacity: 1;
 -khtml-opacity: 1;
		opacity: 1;
-webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.6);
   -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.6);
		box-shadow: 0 8px 10px rgba(0, 0, 0, 0.6);
}
.navbar .navbar-brand > img {
	width: auto;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
}

/* mainmenu */
.navbar .navbar-nav > li > a {
	font-size: 16px;
}
.navbar .caret {
	display: none;
	margin-left: 5px;
}
.navbar .menu-item-has-children > a > .caret {
	display: inline-block;
}

/* headerimage - slider */
.page_header {
	background-color: #999;
	background-image: none;
	/*background-image: url(images/header.jpg);*/
	background-position: center center;
}
/*
.page_header.mogelijkheden {
	background-image: url(images/header-mogelijkheden.jpg);
}
.page_header.chillgrill {
	background-image: url(images/header-chillgrill.jpg);
}
.page_header.contact {
	background-image: url(images/header-chillgrill.jpg);
}
*/
.page_header h2 {
	word-wrap: break-word;
}
.page_header .text-shadow p {
	opacity: 0.85;
}
.page_header.mogelijkheden .text-shadow p {
	opacity: 1;
}
.page_header_slider {
	padding: 0;
	background: none;
	position: relative;
}
.page_header .alignright {
	padding: 15px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.95);
	text-transform: uppercase;
}
.page_header_slider > .alignright {
	right: 0;
	bottom: 25%;
	width: 570px;
	margin-right: 18%;
	position: absolute;
}
@media screen and (max-width: 1799px){ .page_header_slider>.alignright{bottom:21%;margin-right:12%} }
@media screen and (max-width: 1599px){ .page_header_slider>.alignright{bottom:18%;margin-right:6%} }
@media screen and (max-width: 1359px){ .page_header_slider>.alignright{bottom:12%;margin-right:3%} }
@media screen and (max-width: 1199px){ .page_header_slider>.alignright{bottom:6%;margin-right:2%} }
@media screen and (max-width: 799px){
	/*.page_header > .alignright{display:none}*/
	.page_header > .alignright {
		width: 100%;
		float: none;
		margin-right: 0;
		position: relative;
	}
	.blog-content {
		
	}
}
.page_header .alignright p {
	margin: 8px 0;
	color: #120b0b;
	font-size: 16px;
	font-weight: 600;
}
.page_header .alignright p.description {
	font-weight: 400;
	margin-bottom: 30px;
	text-transform: none;

}
.page_header .alignright .header-image img {
	width: auto;
	height: auto;
	max-width: 200px;
	margin-right: 15px;
}
@media screen and (max-width: 1099px){ .page_header > .alignright .header-image img{max-width:120px} }
.page_header .alignright .btn {
	right: 0;
	bottom: 0;
	color: #0a0a0a;
	display: block;
	font-size: 12px;
	position: absolute;
	padding: 10px 25px 9px;
}
/*
.page_header {
	background-image: url(images/header.jpg);
	background-position: center center;
}
.page_header .metaslider {
	top: 0;
	left: 0;
	position: absolute;
}
.page_header.mogelijkheden {
	background-image: url(images/header-mogelijkheden.jpg);
}
.page_header.chillgrill {
	background-image: url(images/header-chillgrill.jpg);
}
.page_header.contact {
	background-image: url(images/header-chillgrill.jpg);
}
.page_header .text-shadow p {
	opacity: 0.85;
}
.page_header.mogelijkheden .text-shadow p {
	opacity: 1;
}
*/

/* homepage isotope - custom class .menu-items5 */
/*
.menu-items5 .menu2-overlay {
    background: rgba(19, 19, 19, 0.5);
}
*/
.menu-items5 .menu2-overlay {
	z-index: 15;
	background: #c8912e;
	background: rgba(200, 145, 46, 0.85);
}
.menu-items5 .menu2-overlay.menu2-title {
	opacity: 1;
	z-index: 20;
	height: auto;
	visibility: visible;
}
.menu-items5 .menu2-overlay.menu2-title h4 {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	margin: 10px 28px;
}
.menu-items5 .menu2-overlay .price {
	font-size: 20px;
	margin-top: 12px;
	padding-top: 6px;
}

/* sidebar telefoonnummer */
h2.tel {
	text-align: left;
}
h2.tel a {
	color: #4b4741;
	font-weight: 400;
}
h2.tel a:hover {
	color: #000;
}

/* sidebar 'bel mij terug' form */
.search.callback {
	margin-bottom: -6px;
}
.search.callback p {
	margin: 0;
}
.search.callback br,
.search.callback span.wpcf7-not-valid-tip,
.search.callback div.wpcf7-validation-errors {
	display: none !important;
	visibility: hidden !important;
}
.search.callback input {
	margin-bottom: 6px;
}
.search.callback input.wpcf7-not-valid {
	border-color: #f00;
	background-color: #fff2f2;
}
.search.callback button {
	top: auto;
	bottom: 6px;
}
.search.callback div.wpcf7-response-output {
	padding: 0.5em 1em;
	margin: 0 !important;
}

/* sidebar button */
.search.callback button:hover {
	background-color: #f7b239;
}

/* move post and page text up to align at the same position as the image left */
.about2 .col-md-7 {
	padding-top: 0;
}
.about2 h2 {
	margin-top: 0;
}

/* bel mij terug - footer bar */
/*
input.nomarginright {
	margin-right: 0;
}
*/

/* footer background image */
.footer {
	background-image: url(images/footer.jpg);
}

/* switch remgro-hyperlink colors */
.footer .footer-copyrights a {
	color: #b5b5b4;
}
.footer .footer-copyrights a:hover {
	color: #f9c56a;
}

/* contact form 7 */
span.wpcf7-not-valid-tip {
	/*color: #a94442;*/
	margin: 10px 0;
    font-size: 16px;	
}
div.wpcf7-response-output {
	display: none !important;
}
div.wpcf7-response-output.wpcf7-mail-sent-ok {
	display: block !important;
}
div.wpcf7-mail-sent-ok {
	font-size: 1.1em;
	border-width: 1px;
	background-color: #f2fff2;
}
.wpcf7 .sent p,
.wpcf7 .sent div.checkbox,
.wpcf7 .sent div.form-group {
	display: none;
}
/* adjust 'offerteaanvraag' font/size */
.post-649 .wpcf7 {
	max-width: 553px;
}
.post-649 div.checkbox,
.post-649 .form-control,
.post-649 .form-group > label {
	font-size: 17px;
	font-family: "Josefin Sans", sans-serif;
}
.post-649 div.checkbox > stsrong {
	font-size: 16px;
}
/* 'offerteaanvraag' checkboxes below each other */
.post-649 .wpcf7-checkbox .wpcf7-list-item {
	display: block;
}

/* metaslider adjustments as described at https://wordpress.org/support/topic/arrows-prevnext-do-not-show-up-flex-slider?replies=2 */
.metaslider .flex-direction-nav .flex-next {
	text-align: left;
}
.metaslider .flex-direction-nav a {
	visibility: visible;
	opacity: 0.8 !important;
	/* manually added custom arrow image */
	background-image: url(images/metaslider-arrows-v4.png);
}
.metaslider .flex-direction-nav a:hover {
	opacity: 1 !important;
}

/* instagram widget */
#sbi_mod_error{background-color:#1c1c1e}/*only visible for admins*/
#sb_instagram .sb_instagram_header {
	padding-top: 0 !important;
}
#sb_instagram #sbi_images,
#sb_instagram #sbi_images .sbi_item {
	padding: 0 !important;
}
#sb_instagram #sbi_images .sbi_item a {
	border: solid 1px #f9c56a;
-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
	    border-radius: 3px;
}

/* custom secondary .btn */
.btn-secondary {
	color: #fff;
	background-color: #248e32;
	border-color: #248e32;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active, .open>.dropdown-toggle.btn-secondary {
	color: #fff;
	background-color: #1A6623;
	border-color: #1A6623;
}
.btn-secondary:active, .btn-secondary.active, .open>.dropdown-toggle.btn-secondary {
	background-image: none;
}
@media screen and (max-width: 449px) {
	.btn-secondary {
		white-space: normal;
	}
}

/* custom css popup plugin */
.pum-theme-302 .pum-container,
.pum-theme-default-theme .pum-container {
	padding-top: 24px !important;
}

/* set margin at fixed menu when admin-bar is active */
body.admin-bar .navbar-fixed-top {
	top: 32px;
}
@media screen and (max-width: 992px) {
	.navbar .navbar-brand {
		width: 120px;
		height: 65px;
	}
	.navbar-nav {
		margin-top: 18px;
	}
	.menu-tags2 > br {
		display: none;
		visibility: hidden;
	}
	/* 2016-11-28 responsive update <500px 2col / >500px 3col */
	.menu-item2.col-sm-4 {
		width: 33%;
		width: 33.33333333%;
	}
	.menu-item2.col-sm-4 .menu2-overlay p {
		font-size: 17px;
		line-height: 21px;
	}
}
@media screen and (max-width: 799px) {
	.page_header,
	.footer {
		background-image: none !important;
	}
	.page_header {
		/*padding: 150px 0 75px;*/
		display: none;
	}
	.page_header h2 {
		font-size: 28px;
		line-height: 34px;
	}
	.page_header p {
		font-size: 18px;
	}
	.page-header h1 {
		font-size: 28px;
	}
	.page_header_slider {
		padding: 51px 0 1em;
	}
	.page_header_slider > .metaslider {
		display: none;
	}
	.sidebar .widget_nav_menu {
		display: none;
	}
	.about2 {
		padding: 47px 0 67px;
	}
	.about2 h2 {
		font-size: 26px;
		line-height: 30px;
	}
	.footer {
		background-color: #666;
	}
	/* 2016-11-28 responsive update <500px 2col / >500px 3col */
	.menu-items5 .menu2-overlay.menu2-title h4 {
		font-size: 13px;
	}
	.menu-item2.col-sm-4 .menu2-overlay p {
		font-size: 16px;
		line-height: 19px;
	}
}
@media screen and (max-width: 782px) {
	body.admin-bar .navbar-fixed-top {
		top: 46px;
	}
}
@media screen and (max-width: 599px) {
	/* 2016-11-28 responsive update <500px 2col / >500px 3col */
	.menu-items5 .menu2-overlay.menu2-title h4 {
		font-size: 12px;
		margin: 8px 10px;
	}
	.menu-item2.col-sm-4 .menu2-overlay p {
		font-size: 15px;
		line-height: 18px;
	}
}
@media screen and (max-width: 499px) {
	/* 2016-11-28 responsive update <500px 2col / >500px 3col */
	.menu-item2.col-sm-4.col-xs-6 {
		width: 50%;
	}
	.menu-items5 .menu2-overlay.menu2-title h4 {
		font-size: 12px;
	}
}