/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

body { font-size:16px;color:#202020; }

a:hover { color:#D95D39; }

/* BGNL */
.img-container { border-radius: 20px 20px 0 0; }
.box-titel { margin:10px 20px 0 !important; }
.box-titel h3, h3.box-titel { 
	font-size:20px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; 
    padding-right: 10px;
}
.box-adres { margin:0 20px 20px;font-size:16px; }

.icon::before {
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	color:#D95D39;
	white-space: pre;
}
p.adres, p.telefoon { position: relative; margin-left: 2.5rem;margin-bottom:10px; }
.adres::before {
	font-weight: 900; 
	content: "\f3c5";
	position: absolute;
    top: 0;
    left:-2.5rem; 
}
.telefoon::before {
	font-weight: 900; 
	content: "\f095";
	position: absolute;
    top: 0;
    left:-2.5rem; 
}
.breadcrumbs { font-size:18px; font-weight:600; color:#D95D39; font-family: "Nunito",sans-serif;}
.breadcrumbs .plaats { color:#D95D39; }
.gem-prov-image .elementor-column-wrap { border-radius:0 50px 50px 0;background-size:cover;background-position: center center; }

.homepage-gemeenten { margin:0;padding:0; }
.homepage-gemeenten li {
	background-color:#344966;
	box-shadow:none;
	padding:5px 14px;
    margin: 0 10px 10px 0;
    list-style-type: none;
    display: inline-block;
}
.homepage-gemeenten li a {
	text-decoration:none;
	font-weight:500;
	color:#fff;
}
.homepage-gemeenten li:hover {background-color:#D95D39;}
.homepage-gemeenten li a:hover { color:#fff; }

body .gem-bedrijven-lijst.oceanwp-row { padding: 0 -15px; }
body .gem-bedrijven-lijst.oceanwp-row .col {
    padding: 0 15px;
    margin-bottom:25px;
}

.gem-bedrijven-lijst .img-container { 
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.gem-bedrijven-lijst .img-container { min-height:128px; }
.gem-bedrijven-lijst article { 
	box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 25%);
	border-radius: 20px 20px 20px 20px;
}
.gem-bedrijven-lijst article .elementor-post__text {
    padding: 20px 30px;
}
.gem-bedrijven-lijst article  .elementor-post__title { margin-bottom:0; }
.bedrijfs-item { max-height:150px; }
.bedrijfs-item.has-media { max-height:300px; }

.gem-bedrijven-lijst article .elementor-post__text .elementor-post__excerpt { padding:10px 0 0; }

.gem-bedrijven-lijst article .elementor-element-populated .elementor-widget-wrap { padding:0 !important; }
.gem-bedrijven-lijst article .box-titel {
    margin: 0 !important;
}
.single-bedrijf .beadcrumbs, .single-bedrijf .beadcrumbs a { color:#D95D39;font-weight:500; }
.bedrijfsgegevens h3, h3.social-btns { margin-bottom:10px; }

.zoek-header h2 { font-size:46px; }





.content-area {
    border-right: 0;
}
body .oceanwp-row .span_2_of_3 { width:66.66%; }


.page h1, .page h2, .page h3, .page h4, .page h5, .page h6 {
    margin: 20px 0 5px;
}
.newsfeed h3 { margin-bottom:15px; }
.newsfeed p, .newsfeed h3 { padding:0 15px; }
.newsfeed { background-color:#fff }
body .oceanwp-row.newsfeed .col { background-color:#fff;width:23%;margin:1%;padding:0;border:1px solid #efefef; }
.elementor .elementor-widget:not(.elementor-widget-text-editor) figure.newsimage {
	position:relative;
	margin-bottom:15px;
}
#main #content-wrap {
    padding-top: 10px;
}
.single-bedrijf #main #content-wrap, .search-results #main #content-wrap { /*padding-top: 10px;*/ }
.h2metlijn h2 { border-bottom:5px solid #0B316B;margin-bottom:30px;display: inline-block;padding: 5px; }
.content-area {
    padding-right: 15px;
}
.widget-area.sidebar-primary {
    padding-left: 15px;
}
.elementor .newsimage img { width:100%; }
figure.newsimage figcaption {
	font-size: 12px;
    color: #666;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 5px;
    background-color: rgba(255, 255, 255, 0.7);
} 
.newsfeed-home figure.newsimage { height:340px;background-repeat:no-repeat;background-size:cover;background-position:center center; }
.newsfeed-home .kleine { padding:20px; }
.newsfeed-home .kleine figure.newsimage, .gemeente-newsfeed .kleine figure.newsimage  { height:180px; }
.newsfeed-home .kleine h3, .gemeente-newsfeed .kleine h3  { font-size:16px;height: 60px; }
.newsfeed-home .groot { padding:20px 40px; }
.newsfeed-home .groot h3 { font-size:20px; }
.home-news-container { height: 100%;background: linear-gradient(90deg, #D5DFED 50%, #FFFFFF 50%); }
.gemeente-news-container { 
	background-size: 40% 70%;
    background-image: url(img/bg-light-blue.png);
    background-repeat: no-repeat; 
    padding-top:30px;
}
.snelkeuze { font-weight:700;color:#fff; }
.gemeente-label { max-width:420px;text-align:right;display:inline-block; }
.gemeente-label span.tekst { font-weight:700;text-transform:uppercase;background-color:#0B316B;padding:0 5px;color:#fff; font-size:14px; }

.elementor .informatiegidsen a { margin-right:10px;text-decoration:underline; }
/*.informatiegidsen a:before { content:'|';margin-right: 4px; }
.informatiegidsen a:first-child:before { content:''; }*/
h1.pagina-titel, div.pagina-titel { font-size:36px;margin:0;font-weight: 600;line-height: 1.4;/* text-transform:uppercase;*/ }
h1.pagina-titel span, div.pagina-titel span { color:#4AC591; }

.gem-header { height:350px; background-position: bottom center; background-size: cover;}

.sub-titel { display:block;font-size:14px; }
.totalposts {
	color: #333333;
    font-size: 24px;
    font-weight: 500;
}
.bc {
	background-color: #4AC591;
    color: #fff;
    line-height: 2.2em;
}
.bc a, .bc a:hover { color:#fff !important;font-weight: 500; }

.blog-entry.large-entry {

    padding: 20px;
    box-shadow: 2px 3px 6px 0px rgb(126 126 126 / 50%);
    margin-bottom:0px;
}

}

body .oceanwp-row .col.bedrijf.blog-entry { 
	
	
}
body .oceanwp-row .col.bedrijf .blog-entry-inner {
	padding: 20px;
	background-color:#fff;
	height:250px;
}
body .oceanwp-row.adres .col {
    margin: 0;
}
body .oceanwp-row.adres .col img {
	float:right;
}
h3.naam { margin-bottom:5px; }
.subname { 
	color: #6E6E6E;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom:10px;
}
.informatie { margin:0; }
.telefoon .fas, .adresregel .fas {
	margin-right:5px;
	color: #333333;
}
.cust_image { width:100%;height:auto; }
.logoimg { max-height:100px;width:auto;float:right; }

.error-btn.button {
    background-color: #4AC591;
}
.first, .second { float:left; }
.first { width:70%; }
.second { width:30%;padding-top:10px;text-align:right; }


.gemeente-newsfeed { margin:0 0 20px !important;background-color: #fff;padding: 20px 20px 0; }
.gemeente-newsfeed .newsimage { width:100%; }
.gemeente-newsfeed .newsimage, .gemeente-newsfeed .fig-cont { float:none;  }
.gemeente-newsfeed .fig-cont { width: 100%;padding:5px 10px 0; }

.gemeente-newsfeed .fig-cont h3 { font-weight: 500;margin-bottom:0;font-size: 16px; }
.gemeente-newsfeed .fig-cont .cp { font-size: 12px;color: #a4afb7; }

.events { margin:20px 0;background-color:#fff;padding:20px; }
.events h2 a { float:right;color:#4AC591;font-size:0.8em;line-height:28px; }
.events-list { list-style-type:none; margin:0; }
.events-list li { margin-top: 15px;padding-top:15px;border-top:1px dashed #BFBFBF; }
.events-list li:first-child { margin-top:0;padding-top:0;border-top:0; }
.events-list li a { color:#4AC591;text-decoration:underline; }

.prikbord, .add-event { margin-top:20px;padding:15px 20px;background-color:#4AC591; }
.prikbord { position:relative; }
.prikbord .fas { position:absolute;right:15px;bottom:20px;font-size:2.5em;color:#fff; }
.add-event .fas { font-size:2.5em; margin-left:10px;color:#fff;float: right;padding-top:20px; }
.prik-content, .add-event-content { display: inline-block;max-width: 270px; }
.prik-content h3, .prik-content p { color:#fff;margin-bottom:0; }
.prik-content a, .prik-content a:hover { text-decoration:underline;font-weight:700;color:#fff !important; }
.prik-content p, .add-event-content p { margin-bottom:0; }
.add-event { background-color:#fff;margin-bottom:20px; }
.add-event .fas { color:#4AC591;padding-top:10px; }
.add-event-content h3 { margin-bottom:0; }
.add-event-content a, .add-event-content a:hover { color:#4AC591 !important; }
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0;
}
.elementor-posts .elementor-post__meta-data {
    color: #fff;
}
.prik-content .elementor-post__title { margin-top:10px; }


.tweets { /*border:1px solid #d4d4d4;*/background-color:#fff;padding:30px;    margin-bottom: 20px;  box-shadow: 2px 3px 6px 0px rgb(126 126 126 / 50%); margin-left:30px; }
.tweets h3 { margin:10px 0; }
.tweets h2 .fab { float:right; color:#8ACE00;}
.tweets ul { list-style-type:none;margin:0; }
.tweets ul li { margin-bottom:10px; }
.isbtn {
    position: relative;
    background-position: top center;
    background-repeat: no-repeat;
    float: right;
    margin: 0 0 10px 10px;
    width: 233px;
    height: 90px;
    border: 3px solid #4AC591;
	border-radius:3px;
}
.isbtn span.alpha60 {
	/*background: rgba(54, 154, 215, 0.75);*/
	background-color:#4AC591;
	position: absolute;
	text-align: center;
    bottom: 0;
    display: block;
    line-height: 30px;
    height: 30px;
    width: 100%;
    padding: 0 5px;
    z-index: 10;
    color: #fff;

    font-size: 14px;
}

.klant-buttons { margin-top:10px; }
.klant-buttons .button { 
	border-radius:3px;
	font-size: 14px;
    font-weight: 500;
    text-transform: none;
    margin-right:5px; 
    padding: 10px 15px;
} 
.klant-buttons .fas {
    margin-left: 5px;
}
.button.detail-link { 
	border: 1px solid #4AC591;
    color: #4AC591;
    background-color: #fff;
    border-radius: 2px; 
}
.button.website-url { background-color:#EA6E42; }
.button.route-link { background-color:#51BD60; }
.button.email-url { background-color:#1C9AD7; }

form .elementor-message.elementor-message-danger {
    display: block;
    width: 100%;
}

ul.page-numbers {
    padding: 20px 0 0;
}
.prov-img { margin-top:20px;margin-bottom:20px;text-align:center; }

.prov-img img { width:100%;height:auto; }
.gem-img { margin-bottom:20px; }
.gem-img .gemafbeelding {
    background-position: top center;
    background-repeat: no-repeat;
    height:120px;
}
.gem-img .gemnaam {
	background-color:#4AC591;
	text-align: center;
    padding:10px;
    color:#fff;
    font-size:16px;
    margin-top:2px;
}
.acf-map {
    width: 100%;
    height: 420px;
    border: #d4d4d4 solid 1px;
}

.acf-map img {
   max-width: inherit !important;
}
.termdescr { margin-top:30px;font-size:14px; }
body .oceanwp-row.prov_gem_list { margin:20px -10px; }
.pname {
    text-align: center;
    padding: 20px 10px 30px;
    background-position: center center;
    background-size: cover;
}
.pname div {
    color:#fff;
    font-size: 20px;
    font-weight:500;
    height: 2em;
}
.pname div a { color:#fff; }




.single .entry-title {
    color: #333333;
    font-size: 24px;
    font-weight: 500;
    padding: 0;
    margin: 0;
    border-bottom:0;
    letter-spacing: inherit;
}
.bedrijf.entry-content { margin-top:20px; }
.sectie { background-color:#fff;padding:20px;margin-bottom:20px; }
.sectie h3 { letter-spacing: 1px; }
.branchenaam { 
	color: #6E6E6E;
    font-size: 16px;
    letter-spacing: 1px;
}
.bcs, .bcs a { color: #6E6E6E; }
.bcs {
	font-size: 16px;
    padding-left: 10px;
}
.gemeentelijst { /*margin-top:30px;*/ color: #6E6E6E; }
.gemeentelijst h3 { margin-bottom:10px; color: #6E6E6E; }
.gemeentelijst ul li a { color: #6E6E6E; }




.acf-map.klein {
    height: 200px;
	margin-bottom:20px; 
}

#weeronline {
   margin:20px 0;
   background-color:#fff;
   padding: 5px;
   text-align:center;
}

#weeronline div.weerheader {
	margin: 10px 0;
    font-weight: bold;
    font-size:14px;
    line-height: 1.4em;
}
#weeronline div.weerheader span { font-weight:normal;font-size:16px;color:#4AC591 }

#weeronline a.genlink {
    background: url(//www.weeronline.nl/Shared/Images/widget/new-widget-logo.png) no-repeat center bottom;
    display: block;
    height: 25px;
    width: 100%;
    margin: 10px 0;
    outline: none;
    text-decoration: none;
}
.sidebar-primary .sidebar-box {
    margin-bottom: 20px;
    background-color:#fff;
    padding:10px;
}
.sidebar-primary .widget-title {
    font-weight: 600;
    color: #333;
    font-size:18px;
    border-left:0;
    letter-spacing: 1px;
    padding-left: 10px;
    text-transform: none;
    margin:10px 0;
}
.sidebar-box ul.owp-social-share {
    margin-left: 10px;
}
.sidebar-box ul.owp-social-share li {
    margin-top: 10px;
}


/* New Sharon */

.elementor-button:hover {background-color:#05214B !important; color:#FFF !important;}



.gemeente-newsfeed {background:none;}


.home .fig-cont h3 { box-shadow: 2px 3px 6px 0px rgb(126 126 126 / 50%);
margin:0px;
padding:12px 16px;}

.gemeente-newsfeed h2 {font-size:30px; border-bottom: 5px solid #0B316B; display: inline-block; margin-bottom:30px;}

button[type="submit"]:hover {background-color:#05214B !important;}
button[type="submit"] {text-transform:none;}


.colored {background-color:#D5DFED;}
.colored a {color:#0B316B;}
.colored .adresregel, .colored .fas {color:#0B316B;}

.colored a:hover {color:#05214B !important;}


.head-klant h2:before {
	font-family: "Font Awesome 5 Free";
	content: "\f05a";
	float: left;
    margin-left: -30px;
    color:#D95D39;
}

.head-klant h2 {margin-left:30px;}


body .oceanwp-row .span_1_of_2 {width:100%; border-bottom: 1.5px solid #D95D39; margin-bottom:30px;}


@media only screen and (min-width: 960px) {
	.widget-area.sidebar-primary {
		/*padding-top: 50px;*/
	}
	.single-bedrijf .widget-area.sidebar-primary {
		padding-top: 20px;
	}
	.newsfeed h3 { min-height:80px; }
	.newsfeed p { min-height:140px; }
}

@media only screen and (max-width: 480px) {
	ul.page-numbers {
		text-align: center;
	}
	#main #content-wrap {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.hide_mobiel { display:none; }
	.klant-buttons .button {
		width: 100%;
		margin-bottom: 5px;
	}
	.prov-img { display:none; }
	.page-header-title {
		font-size: 24px;
		text-align: center;
	}
	
	
	.newsfeed-home .groot {padding:20px 0px 10px;}
	.newsfeed-home .kleine {padding:0px;}
}

@media only screen and (min-width:480px) and (max-width:960px)  {

	.home .oceanwp-row .span_1_of_6 {width: 25% !important;}

}

@media only screen and (min-width:360px) {

	.tweets {margin:20px;}

}

/* BG NL*/

@media only screen and (max-width: 959px) {
	.container, body.content-full-screen .elementor-section-wrap>.elementor-section.elementor-section-boxed>.elementor-container {
		max-width: none;
	}
}