@charset "UTF-8";
/*
Theme Name: Hope4Antioch
Theme URI: http://fotografie.dreamtags.nl/
Author: Niels de Pagter
Author URI: http://www.dreamtags.nl/
Description: Bootstrap 4.0.0 Custom Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: bootstrap
Text Domain: bootstrap
 
This theme, is licensed under the GPL.
*/      

:root {
	--sb-red: #F43434;
    --sb-yellow: #F5C433;
	--sb-green: #142E19;
	--sb-green-light: #5EB86B;
	--bs-heading-color: #000;
	--sb-font-sans-serif: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;
	--bs-accordion-icon:  url('data:image/svg+xml;charset=utf-8,<?xml version="1.0" encoding="utf-8"?><svg%20xmlns="http://www.w3.org/2000/svg"%20x="0px"%20y="0px"%20viewBox="0 0 20.4 20.4"%20%20xml:space="preserve"><polygon%20fill="%2318B7FF"%20points="5.8,20.4 4.4,19 13.2,10.2 4.4,1.4 5.8,0 16,10.2"/></svg>') ;
	--bs-accordion-icon-select:  url('data:image/svg+xml;charset=utf-8,<?xml version="1.0" encoding="utf-8"?><svg%20xmlns="http://www.w3.org/2000/svg"%20x="0px"%20y="0px"%20viewBox="0 0 20.4 20.4"%20%20xml:space="preserve"><polygon%20fill="%23fff"%20points="5.8,20.4 4.4,19 13.2,10.2 4.4,1.4 5.8,0 16,10.2"/></svg>') ;
	--bs-accordion-btn-icon-transform: matrix(-2, 0, 0, -2, 0, 0);
	--bs-nav-icon:  url('data:image/svg+xml;charset=utf-8,<?xml version="1.0" encoding="utf-8"?><svg%20xmlns="http://www.w3.org/2000/svg"%20x="0px"%20y="0px"%20viewBox="0 0 10 10"%20%20xml:space="preserve"><polygon%20fill="%23fff"%20points="0.1,2.9 0.8,2.2 5,6.4 9.2,2.2 9.9,2.9 5,7.8 "/></svg>') ;
	--bs-nav-icon-hover: url('data:image/svg+xml;charset=utf-8,<?xml version="1.0" encoding="utf-8"?><svg%20xmlns="http://www.w3.org/2000/svg"%20x="0px"%20y="0px"%20viewBox="0 0 10 10"%20%20xml:space="preserve"><polygon%20fill="%2318B7FF"%20points="0.1,2.9 0.8,2.2 5,6.4 9.2,2.2 9.9,2.9 5,7.8 "/></svg>') ;
	--bs-nav-hamburger: url('data:image/svg+xml;charset=utf-8,<?xml version="1.0" encoding="utf-8"?><svg%20xmlns="http://www.w3.org/2000/svg"%20x="0px"%20y="0px"%20viewBox="0 0 47 42"%20%20xml:space="preserve"><rect%20y="36"%20fill="%2318B7FF"%20width="47"%20height="6"/><rect%20id="Rectangle_69"%20y="18"%20fill="%2318B7FF"%20width="47"%20height="6"/><rect%20id="Rectangle_70"%20fill="%2318B7FF"%20width="47"%20height="6"/></svg>');
	--bs-nav-upload: url('data:image/svg+xml;charset=utf-8,<?xml version="1.0" encoding="utf-8"?><svg%20xmlns="http://www.w3.org/2000/svg"%20x="0px"%20y="0px"%20viewBox="0 0 17.2 17.2"%20%20xml:space="preserve"><path%20fill="%23FFF"%20d="M14.5,17.2H2.7C1.2,17.2,0,16,0,14.5v-3.4c0-0.6,0.4-1,1-1s1,0.4,1,1v3.4c0,0.4,0.3,0.7,0.7,0.7h11.8 c0.4,0,0.7-0.3,0.7-0.7v-3.4c0-0.6,0.4-1,1-1s1,0.4,1,1v3.4C17.2,16,16,17.2,14.5,17.2z"/><path%20fill="%23FFF2"%20d="M13.5,4.5L9.3,0.3C9.2,0.2,9.1,0.1,9,0.1C8.7,0,8.5,0,8.2,0.1C8.1,0.1,8,0.2,7.9,0.3L3.7,4.5 c-0.4,0.4-0.4,1,0,1.4s1,0.4,1.4,0l2.5-2.5v7.7c0,0.6,0.4,1,1,1s1-0.4,1-1V3.4l2.5,2.5c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 C13.9,5.5,13.9,4.9,13.5,4.5z"/></svg>');
	--bs-nav-post: url('data:image/svg+xml;charset=utf-8,<?xml version="1.0" encoding="utf-8"?><svg%20xmlns="http://www.w3.org/2000/svg"%20x="0px"%20y="0px"%20viewBox="0 0 36.7 11.1"%20%20xml:space="preserve"><g><polygon%20fill="%2318B7FF"%20points="31.1,0 30.4,0.7 34.6,4.9 0,4.9 0,5.9 35,5.9 30.4,10.4 31.1,11.1 36.7,5.6 "/></g></svg>') ;

}


/* a */
a 											{color:var(--sb-red);text-decoration:none;}		
a:hover										{color:black;text-decoration:none;}	
#footermenu a, a.social .fa					{color:#fff;transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease;}

a,a:hover,.btn,.btn:hover,
button,button:hover							{transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease;text-decoration:none;}

.btn-custom									{color: #fff; background-color:none;padding: 12px 28px 14px 28px;border-radius:30px; border: 2px solid; font-size:1.4rem; margin: 20px; }
.btn-custom2								{color: #000; background-color:none;padding: 6px 14px 7px 14px;border-radius:5px; border: 2px solid #cab49b; font-size:1rem; margin: 20px; }
.btn-custom3:hover							{color: #000; background-color:#fff;border: 2px solid #000; }
.btn-custom:hover,
.btn-custom2:hover							{color: #ffffff; background-color:#cab49b;border: 2px solid #cab49b;}
.btn-custom3								{color: #ffffff; background-color:#cab49b;border: 2px solid #cab49b;padding: 12px 28px 14px 28px;border-radius:30px;font-size:1.4rem; margin: 20px;}
.button-secondary							{color: #fff;background-color: #cab49b;border-color: #cab49b;border-radius:35px;}
.button-secondary:active, 
.button-secondary:hover						{color: #fff;background-color: #333;border-color: #333;}

.btn-plus									{color: #555; background-color:#ccc; border-radius:50%;border: 1px solid #333;}
.btn-plus:hover								{color: #fff; background-color:#cab49b;}

.btn-warning								{background: var(--sb-red);border: 1px solid var(--sb-red);color: #000;display: inline-block;flex-shrink: 0;vertical-align: middle;line-height: 1.2;padding: 15px 25px;position: relative;text-align: center;transition: all .3s ease;margin-top:20px;border-radius: 30px;font-size: 1.2rem;}
.btn-warning:hover							{background: transparent;text-decoration: none;color:white;border-color: var(--sb-red);}

.btn-send									{background: var(--sb-red);border: 1px solid var(--sb-red);color: #000;display: inline-block;flex-shrink: 0;vertical-align: middle;line-height: 1.2;padding: 15px 25px;position: relative;text-align: center;transition: all .3s ease;margin-top:20px;border-radius: 30px;font-size: 1.2rem;}
.btn-send:hover								{background: transparent;text-decoration: none;color:black;border-color: var(--sb-red);}

.btn-more									{background: transparent;font-weight:600;border: 1px solid black;color: #000;display: inline-block;flex-shrink: 0;vertical-align: middle;line-height: 1.2;padding: 15px 25px;position: relative;text-align: center;transition: all .3s ease;margin-top:20px;border-radius: 30px;font-size: 1.1rem;}
.btn-more:hover								{background: var(--sb-red);text-decoration: none;color:black;border-color: var(--sb-red);}

.btn-black									{color: #000; background-color:none;padding: 10px 17px 10px 17px;border-radius:30px; border:1px solid black; font-size:1.1rem; margin-top: 25px;font-weight: 500; display: inline-block;}
.btn-black:hover							{background:black;text-decoration: none;color:white;border-color: black}

.btn-white									{color: white; background-color:none;padding: 10px 17px 10px 17px;border-radius:30px; border:1px solid white; font-size:1.1rem; margin-top: 25px;font-weight: 500; display: inline-block;font-weight: 500;}
.btn-white:hover							{background:black;text-decoration: none;color:white;border-color: black}

a.social-icons svg							{max-width:45px;max-height:45px;margin-right:10px;margin-top:20px;}
.bs-docs-footer a.social-icons				{color:#fff;}
.bs-docs-footer a.social-icons:hover		{color:#cab49b;}

.member										{background: var(--sb-red);border: 2px solid var(--sb-red);color: #fff;padding: 6px 26px;transition: all .3s ease;border-radius: 0px;font-weight: 600;}
.member:hover								{background: transparent;border: 2px solid var(--sb-red);color: white;transition: all .3s ease;border-radius: 0px;}

/* h1,h2,etc */
h1 											{color:#fff; margin-top: 20px;margin-bottom: 20px; font-weight:bold;}
h2 											{font-size:2rem; font-weight: 600;}
h2.home										{font-size:calc(1.5rem + 1.5vw);margin-top: 20px;margin-bottom: 20px;font-weight: 600;line-height: 1;}
.block h3									{font-weight: 600; font-size:calc(1.1rem + .2vw);margin-bottom:20px;margin-top:35px;}
h3 											{font-weight: 600; }
h4 											{font-weight:bold;}
h5 											{font-weight:bold;}

h2.post-titel a								{text-transform: none;color:black;font-size:1.4rem}
h2.post-titel								{line-height: 0.9!important;}

/* Navigatie */
#site-navigation li.active a{color:#cab49b;}
#site-navigation a:focus, 
#site-navigation a:hover  	{background-color:transparent; color:#cab49b;}
#site-navigation			{padding-right: 30px;}
#site-navigation a			{color:#fff;}

.navbar						{padding:.2rem 1.2rem .5rem 0.9rem;}

.nav-scroll					{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;padding-left: 0;margin-bottom: 0;list-style: none;}

.menu-fixed            		{background-color: rgba(0, 0,0, 0.6); z-index: 1500;padding:0.5rem 0.5rem 0.5rem 0.5rem !important;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.menu-fixed .navbar-brand svg	{width:140px;padding-top:5px;padding-bottom:5px;}
.menu-fixed .navbar-brand		{padding:0;}
.navbar-brand					{padding:20px 0px 0px 0px;}
	.menu-fixed .active a		{text-decoration: none;}
.menu-fixed	.navbar-nav		{padding: 0;}

.navbar,
.navbar-brand img					{transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.navbar-brand svg					{height: auto;
	width: 220px;
	max-width: 90%;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	}

.dropdown-item:focus, .dropdown-item:hover	{color:var(--sb-red);background-color:rgba(0, 0, 0, 0.0);}
.dropdown-item.active, .dropdown-item:active {color:var(--sb-red); background-color:rgba(0, 0, 0, 0.0);}
	
.dropdown-item,
.nav-link					{text-align: right;color:#fff;font-weight: 500;}

.navbar-nav a:hover,
.navbar-nav a.active		{color:var(--sb-red)!important;}

.text-bg-dark							{background-color: var(--sb-red)!important;}

.dropdown-menu > li > a					{color: #fff; line-height: 1.8em; list-style: none;padding: 0 auto 0 auto; text-align:center;}
.dropdown-menu > li > a:hover			{color:#cab49b;}
.dropdown-menu > li.menu-item			{width: 100%;}
.dropdown-menu 							{-webkit-padding-start: 0px; list-style: none; font-size: 18px; }
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:hover, 
.dropdown-menu>.active>a:focus			{background-color:#eee; color:#cab49b;}
.dropdown-toggle::after					{vertical-align:.125em;}	

li.menu-item							{margin-right: 10px;}

#bottom-menu				{padding:0; margin:0; -webkit-padding-start: 0px;}
#bottom-menu a				{color:#fff;}
#bottom-menu li				{list-style: none; margin-bottom: 18px;}
#bottom-menu a:hover		{color:var(--sb-red)}
#bottom-menu ul				{-webkit-padding-start: 0px;}

:focus						{outline-color: -webkit-focus-ring-color;outline-style: none;outline-width: 0px;}

/* Alle pagina's algemeen */
body 						{font-family: 'Poppins', sans-serif; font-size:1.1rem;-webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto;color:#000;}

/* header */
.custom-header 				{display: block;height:80vh; width:100%;}
/* .custom-header-media:after 	{background: url(images/cloudrand.png) repeat-x 50% 100%;background-size: 100%;display: block;position: absolute;right: 0;bottom: -1px;left: 0;width: 100%;margin: 0;height: 100%;content: '';} */
.custom-header-media		{height: inherit;max-height: 100%;overflow: hidden;bottom: 0;left: 0;position: absolute;right: 0;top: 0;width: 100%;}
.custom-header-media:before	{background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.45) 20%);/* FF3.6-15 */background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.35) 20%);/* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.45) 20%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0);/* IE6-9 */bottom: 0;content: "";display: block;height: 100%;left: 0;position: absolute;right: 0;}
.custom-header img			{height: 100%;left: 0;-o-object-fit: cover;object-fit: cover;top: 0;-ms-transform: none;-moz-transform: none;-webkit-transform: none;transform: none;width: 100%;}

.site-header				{background-color: #fafafa;position: relative;}
.site-branding				{height: inherit;width: 100%;z-index:3;text-align:center;}
.site-branding-text			{position: relative;top: 50%; transform: translateY(-50%);color:#fff; max-width:1200px; margin: 0 auto;}
	.site-branding-text .site-title	{font-size:calc(2.5rem + 0.8vw);line-height: 1;margin-bottom:15px;font-weight: 600;color: #fff;}
	.site-title	a			{color:#fff;}
	.site-description		{margin-top:0px;padding: 0 15px;color:var(--sb-red);font-size: calc(1.4rem + .4vw);font-weight: 500;}
	.site-title img			{padding:15px;}

.custom-header-sub			{height: 500px;display: block;width:100%;}
.custom-header-sub img		{height: 100%;left: 0;-o-object-fit: cover;object-fit: cover;top: 0;-ms-transform: none;-moz-transform: none;-webkit-transform: none;transform: none;width: 100%;}
.site-kop					{position: relative;z-index:3;}
.site-kop-text				{display: inline-block;text-align:center;color:#fff;padding-top: 50px;padding-bottom: 60px;width: 100%;}
	h1.site-title-sub		{color:#fff;font-size:28px;margin-bottom:5px;text-transform: uppercase;}
	.site-breadcrumb		{margin-top:5px; }

/* bs-docs */
.bs-docs-menu				{position: fixed;z-index: 999;width: 100%; padding:0;font-size:1.2rem;}
.bs-docs-content			{padding-top:25px; padding-bottom:70px;position: relative;}
.bs-docs-content-page		{padding-top:60px;padding-bottom: 80px;}

.bs-docs-content-green		{position: relative;background-color: var(--sb-red);padding-top: 80px;padding-bottom: 100px;color:#D0D0D0;}
.bs-docs-content-green .home{color:white;}
.bs-docs-content-green h3	{color:var(--sb-red);margin-top:25px;}
.bs-docs-content-green a:hover h3	{color:var(--sb-red);}

.bs-docs-content-yellow		{padding-top:30px; padding-bottom:70px;position: relative;background-color: var(--sb-red);}
.bs-docs-content-action		{position: relative;background-color: var(--sb-red);padding-top: 100px;padding-bottom: 100px;color:white;}

.bs-docs-content-grey		{position: relative;background-color: #D8D8D8;padding-top: 50px;padding-bottom: 70px;color:white;}

.bs-docs-footer				{padding-bottom:10px;background:black; color:#fff;min-height:100px;z-index:1;position:relative;}
	.bs-docs-footer a			{color:white;}
	.bs-docs-footer a:hover		{color:var(--sb-red);}
	.bs-docs-footer h3			{font-size:1.4rem;font-weight: bold;color:#fff;margin-top:40px;margin-bottom:20px;}
	.bs-docs-footer .widget-area a {color: var(--sb-red);}

.bs-docs-content-contact		{background-image: linear-gradient(#eee, white);text-align: center;position: relative;margin: 0;padding: 40px 0 50px 0;border: none;z-index: 99;}
	.bs-docs-content-contact h2			{padding-top:30px;font-size:2rem;}

.zoom:hover h3					{color:#cab49b;}
.zoom img						{transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease;}

.site-title					{margin:0;}
/* Footer */


/* BLOG */
a .block 	 				{color:#212529; text-align: left;padding-top:.block h30px;}
.block a					{font-weight: 500;}
.padding-bottom				{padding-bottom:40px;}
.post:hover .entry-background	{border-bottom-color:#555;}
h2.post-title a				{font-weight:bold;text-transform: uppercase; color:#000;font-size: 1.5rem;}
h2.post-title a:hover		{color:#cab49b}
h1.entry-title				{text-align:left;}
.post .entry-content		{text-align:left;color:#626262; }
.post-thumbnail				{margin-top: 23px;margin-bottom:20px;}
.post-thumbnail img			{width: 100%;}
.form-submit input			{color: #212529;background-color: #fff;border-radius: 10px;border: 1px solid #fd7e14;padding: 7px;cursor: pointer;}
#secondary					{padding-top:12px;}

.time						{font-size:26px;}

.nav-links					{border-top: 1px solid #ccc;padding: 20px;text-align: center;}

.head-block					{margin-top:25px;}

hr.divider					{width: 38px; border-bottom: 3px solid;color: #494949;margin-left: 0;}
.date-post					{color:#cab49b;font-size:26px;}

.normal-contact 			{position: relative;margin: 0;border: none;z-index: 99;min-height:400px; text-align:center;}
#googlemaps 				{height: 300px; border-radius:5px; width: 100%; position:relative; overflow:hidden;z-index: 0; margin-bottom: 70px;}

.wpcf7 textarea.form-control{height:150px;}

.sidebar					{text-align: left;}
.sidebar-blog section		{padding-bottom:30px; border-bottom: 1px solid #ccc;}
#archives-2					{padding-top:20px;}
#categories-2,
.widget_recent_entries		{padding-top:30px;}
.sidebar-blog h2			{text-transform: uppercase;}
aside .widget-title + ul > li{padding: 10px 0;margin: 0 0 0px 0;list-style: none;font-size: 12px;line-height: 1.55;text-transform: uppercase;font-weight: 700;}
.widget ul					{margin: 0;padding: 0;list-style: none;}

#comments					{text-align: left;}

.search-form				{position: relative; display:block;}
.search-form .search-submit	{bottom: 3px;padding: 0.5em 1em;position: absolute;right: 3px;top: 3px;}
.search-form .search-submit .icon{height: 24px;top: -2px;width: 24px;}
.icon						{display: inline-block;fill: currentColor;height: 1em;position: relative;top: -0.0625em;vertical-align: middle;width: 1em;}

input[type="search"]		{color: #666;background: #fff;background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));border: 1px solid #bbb;-webkit-border-radius: 3px;border-radius: 3px;display: block;padding: 0.7em;width: 100%;}
[type="search"]				{-webkit-appearance: textfield;outline-offset: -2px;}
label						{color: #333;display: block;font-weight: 800;margin-bottom: 0.5em;}

button.search-submit		{background-color: #222;border: 0;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: none;box-shadow: none;color: #fff;cursor: pointer;display: inline-block;-webkit-transition: background 0.2s;transition: background 0.2s;}
button.search-submit:hover	{background: #767676;}

.screen-reader-text			{clip: rect(1px, 1px, 1px, 1px);height: 1px;overflow: hidden;position: absolute !important;width: 1px;word-wrap: normal !important;}
div.wpcf7					{padding-bottom: 50px;position: relative;}
.screen-reader-response		{height: 50px!important;width: 100%!important;bottom:0px;clip: auto!important;}
.wpcf7-not-valid-tip		{color:#ff0000;}

.pagination					{font-size: 14px;font-weight: 800;padding: 2em 0 3em;text-align: center;width:100%;}
.page-numbers				{padding: 0.5em 0.75em; display:inline-block;}
a.next, a.page-numbers		{border: 1px solid #ccc; background:#fff;color: #000;}	
a.next:hover,
a.page-numbers:hover		{background:#ccc;color: #cab49b;}
span.page-numbers			{border: 1px solid #ccc; background:#fff; color: #cab49b;}

svg:not(:root)				{overflow:hidden;}

/* paralax */
.paral 						{min-height: 250px;background-attachment: fixed;background-size: cover;background-position: 50% 50%;}
.paral p 					{font-size: 1.4rem;color:#f5f5f5;text-align: center;}
.paral h2 					{color: #fff;text-align: center;padding-top:30px;font-size: 2rem;}
.paralsec 					{background-image: url("images/parallax-niels.jpg");}	 
.paralsec1 					{background-image: url("images/small/background.jpg");}
.paralsec2 					{background-image: url("https://img.webnots.com/2015/11/parallax2.jpg");}
.jumbotron					{margin-bottom: 0;border-radius:0px;}
.lead .btn					{margin-top:20px;}

.center						{text-align:center;}

.extra-footer-info			{padding-top:20px;color:#A2A2A2;}

.wpcf7-not-valid-tip		{text-align: left;padding-top: 10px;font-size:0.9rem;}

@media (min-width: 576px) and (max-width: 767.99px) { 
	

}
@media (min-width: 768px) {
.left						{text-align:left;}
.right,.alg-vw				{text-align:right;}
}

@media (min-width: 768px) and (max-width: 991.99px) { 
	#site-navigation li 					{margin-left:18px;}
	#site-navigation>li>a					{padding:0;}
	.bs-docs-menu							{min-height: 80px;}
	.navbar-brand img						{max-height: 65px;}

}

@media (min-width: 992px) and (max-width: 1199.99px) { 
	figure.effect-oscar:hover figcaption 		{padding: 2em!important;}
	figure.effect-oscar figcaption 				{padding: 1.2em!important;}


}

@media only screen and (min-width: 1850px) {
    .container.breder {max-width: 1460px}
}	

@media (max-width: 767.99px) { 
	.left,.copyright,.right,.alg-vw,.center				{text-align:center; padding-bottom:30px;}
}

@media(max-width: 768px) {
    #site-navigation>li>a					{padding-top:10px; padding-bottom:10px;}
    .navbar-menu 							{float: inherit;}
    .navbar-menu li 						{border: none;text-align: center; display:inline;}
    .navbar-brand img						{margin: 0 auto;max-height: 65px;}
   	.bs-docs-menu							{min-height: 80px;}

}

@media(max-width: 992px) {
	.menu-fixed ul.navbar-nav				{background-color: transparent;}
	#lightGallery							{column-count: 2!important;}
	.wp-block-image .alignright,
	.wp-block-image .alignleft				{margin:.5rem 0!important;}
	.custom-header							{height:90vh;}
}

@media(max-width: 1200px) {
	.grid figure p							{font-size: 0.9rem;}
	#none .depth_0>li>a::before				{display: inline-block;margin-right: .5em;content: "/";font-size: 1.1rem;font-weight: 300;}	
	.dropdown-menu 							{background-color: var(--bs-dark-rgb);border:none;}
	
}

@media(max-width:1400px) {
	.offcanvas-body							{padding-top: 28px!important;padding-bottom: 130px!important;display: flex;flex-direction: column;justify-content: center;}
	.member									{background-color: black;}
}

@media(max-width: 1850px) {
	.grid figure h2							{font-size: 1.5rem;}

}
@media (min-width: 480px) {
	.pricing-box-body 						{padding: 50px 15px;}
}
@media (min-width: 768px) {
	.heading-2 								{font-size: 34px;line-height: 1.26923;}
}
@media (min-width: 992px) {
	#site-navigation li 					{margin-left:30px;}
	#site-navigation li a					{padding:0;}
	.grid figure h2 						{font-size: 2rem;}
	.bs-docs-menu							{min-height: 80px;}
	.navbar-brand img						{max-height: 76px;}
	.wp-block-image .alignright,
	.wp-block-image .alignleft				{max-width: 50%;}
	
	}

@media (min-width: 1200px) {
	.dropdown-menu							{background-color:rgba(20, 46, 25, 0.5);}
	.heading-2 								{font-size: 36px;}
	.pricing-box-body 						{padding: 30px 15px;}
	h2.home									{font-size:2.8rem;}
	.block									{padding-right:20px;padding-left:25px}
}

@media (min-width: 1600px) {
	.heading-2 								{font-size: 44px;}
	.pricing-box .btn						{padding:14px 43px;}
	.pricing-box-body 						{padding: 50px 15px;}
}


/* Alignment blog  */
img.alignright 								{padding: 5px 0 5px 5px;margin: 0 0 2px 7px;display: inline;max-width:50%;height: auto}
img.alignleft 								{padding: 5px 5px 5px 0;margin: 0 7px 2px 0;display: inline;max-width:50%;height: auto}
img.aligncenter 							{display: block;margin-left: auto;margin-right: auto;max-width:50%;height: auto}
	
.alignright 								{float: right;}
.alignleft 									{float: left;}
.aligncenter 								{display: block;margin-left: auto;margin-right: auto;}

/* hover style */
.grid										{position: relative;margin: 0 auto;width: 100%;max-width: 100%;list-style: none;text-align: center;display: block;}
.grids 										{margin-bottom:20px;}
.grid figure 								{position: relative;float: left;overflow: hidden;background: rgb(150, 101, 69);text-align: center;cursor: pointer;max-width:100%;}
.grid figure img 							{position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 1;}
.grid figure figcaption 					{padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after,
.grids figure figcaption::before,
.grids figure figcaption::after 			{pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a, 	
.grids figure figcaption,
.grids figure figcaption > a 				{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.card-img-top								{border-radius:0px;}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a,
.grids figure figcaption > a 				{z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid figure h2 							{word-spacing: -0.15em;font-weight: 300;color: #fff;}
.grid figure h2 span 						{font-weight: 800;}
.grid figure h2,
.grid figure p 								{margin: 0;}
.grid figure p 								{letter-spacing: 1px;font-size: 68.5%;}

.grid .effect-oscar							{max-width:100%;}
figure.effect-oscar img 					{opacity: 1;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
.grid figure.effect-oscar figcaption 		{background-color: rgba(0, 0, 0, 0.2);-webkit-transition: background-color 0.35s;transition: background-color 0.35s;}
figure.effect-oscar figcaption::before 		{position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;border: 1px solid #fff;content: '';}
figure.effect-oscar h2 						{margin: 12% 0 10px 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}
figure.effect-oscar figcaption::before,
figure.effect-oscar p 						{opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0);}
figure.effect-oscar:hover h2 				{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p 				{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
figure.effect-oscar:hover figcaption 		{background-color: rgba(58,52,42,0);}
figure.effect-oscar:hover img 				{opacity: 0.4;}

.pricing-box								{background-color: #f5f5f5;border:1px solid #ccc;border-radius: 9px;margin-left: auto;margin-right: auto;text-align: center;transition: .3s ease-out all;margin-bottom:50px;padding-bottom:40px;}
.pricing-box:hover							{box-shadow: 0 7px 24px 0 rgba(110,123,157,.42);}
.pricing-box-header							{background-color:#cab49b;text-align: center;padding: 25px 10px;color: white;border-top-right-radius: inherit;border-top-left-radius: inherit;transition: .3s ease-out all;}
.pricing-box-header-top						{background-color: #a6927c;}
.pricing-box-header	h4						{margin-bottom: 0rem;}
.pricing-box:hover .pricing-box-header		{background-color: #cab49b;}
.pricing-box-price							{color: #29293a;font-weight: 500;margin-bottom:20px}
.pricing-box-price sup						{font-size: .6em; top:-.5em}
.pricing-box .btn							{margin-bottom: 30px;text-transform: uppercase;}
.pricing-box-body 							{padding: 20px 27px;}
.pricing-box-list							{list-style: none;padding: 0;margin: 0;}
.unit-body									{padding: 10px 0;}

#lightGallery li							{ break-inside: avoid;
	margin-bottom: 10px;}
#lightGallery li img						{ width: 100%;
	height: auto;
	display: block;}
#lightGallery li:hover img					{opacity: 0.9;}
ul#lightGallery								{
	column-count: 3; /* Aantal kolommen */
	column-gap: 10px; /* Ruimte tussen de kolommen */
	list-style: none;
	padding: 0;
	margin: 0;}

/* hover style */
.grids										{display: inline-block;}
.grids figure 								{position: relative;float: left;overflow: hidden;background: rgb(109, 56, 21);text-align: center;cursor: pointer;margin: 0 0 0rem;}
.grids figure img 							{position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 1;}
.grids figure figcaption 					{color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grids figure h5 							{font-weight: 300;color: #fff;top: 34%;position: absolute;text-align: center;width: 100%;padding: 2rem;}
.grids figure h5 span 						{font-weight: 800;}
.grids figure h5,
.grids figure p 							{margin: 0;}
.grids figure p 							{letter-spacing: 1px;font-size: 68.5%;}

.grids figure.effect-oscar figcaption 				{background-color: rgba(0, 0, 0, 0);-webkit-transition: background-color 0.35s;transition: background-color 0.35s;}
figure.effect-oscar h5 						{-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);opacity:0;}
figure.effect-oscar:hover h5 				{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);opacity:1;}

.wp-block-image img							{height:auto;}
.grecaptcha-badge {
    visibility:hidden
}

.btn-close									{--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")}

#svg-top									{position: absolute;bottom: -1px;width: 100%;height: auto;}
#svg-bottom  								{position: absolute;top: -1px;width: 100%;height: auto;}						

.st0										{fill:var(--sb-red)}
.st1										{fill:#fff;}
.st2 										{fill: var(--sb-red)}
.st3 										{fill: #D8D8D8;}
.st4										{fill:black;}

.white										{color:white;}
.green 										{color:#5EB86B;}
.black										{color:black;}
.red	 									{color:var(--sb-red)}

#breadcrumbs a								{font-weight: 500;color: #fff;}
#breadcrumbs								{font-weight: 500;color: #fff;font-size: 1rem;}

.bold										{font-weight: 500;}