/*
	Theme Name: ANTON Makelaardij
	Theme URI: https://antonmakelaardij.nl
	Description: Maatwerk Wordpress template
	Version: 1
	Author: 100% STEBA
	Author URI: http://100steba.nl
*/

/* @font-face */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');

/* Reset */
* { box-sizing: border-box; margin: 0; padding: 0; }
body {background-color: #ff6c0f;}
html {line-height: 2; font-family: 'Noto Sans'; font-size: 14px; font-weight: 400;}
img { height: auto; vertical-align: bottom; }
strong { font-weight: 700; }
svg { height: auto; max-width: 100%; vertical-align: middle; }
table { border-collapse: collapse; font-size: 1rem; margin-bottom: 30px; width: 100%; }
table td { color: #9e9e9e; padding: 5px 15px; }
table th { color: #ff6c0f; font-weight: 700; padding: 5px 15px; text-align: left; }
table tr:nth-child(even) td { background-color: #f5f5f5; }

/* Typography */
a { color: #ff6c0f; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { color: #ff6c0f; line-height: 1.25; margin: 0 0 20px 0; }
h1 { font-family: 'Noto Sans'; font-size: 1.9em; font-weight: 700; }
h2 { font-family: 'Noto Sans'; font-size: 1.7em; font-weight: 700; }
h3 { font-family: 'Noto Sans'; font-size: 1.4em; font-weight: 700; color: #555555; }
h4 { font-family: 'Noto Sans'; font-size: 1.1em; font-weight: 700; }
h5 { font-family: 'Noto Sans'; font-size: 1em; font-weight: 700; }
h6 { font-family: 'Noto Sans'; font-size: 0.875em; font-weight: 700; }
ol, p, ul { color: #555;; margin-bottom: 15px; }
ol, ul { padding-left: 20px; }

/* Icons */
.age { background-image: url(img/icon-age.gif); }
.animals { background-image: url(img/icon-paw.gif); }
.area { background-image: url(img/icon-marker.gif); }
.cabin { background-image: url(img/icon-cabin.gif); }
.camper { background-image: url(img/icon-camper.gif); }
.camping { background-image: url(img/icon-tipi.gif); }
.caravan { background-image: url(img/icon-caravan.gif); }
.card { background-image: url(img/icon-card.gif); }
.facilities { background-image: url(img/icon-shower.gif); }
.group { background-image: url(img/icon-group.gif); }
.map { background-image: url(img/icon-map.gif); }
.tent { background-image: url(img/icon-tent.gif); }

/* .button */
.button:visited { color: #c7c7c7; }
.button--primary {  background-color: #ff6c0f; color: #fff; cursor: pointer; display: inline-flex; font-family: 'Noto Sans'; font-size: 1em; font-weight: 700; line-height: 1.5; padding: 10px 15px; text-align: center; text-decoration: none !important;border: none; }
.button--primary:hover { background: #ff6c0f; background: border: none; }
.button--primary:visited { color: #fff; }

/* Video */
figure.wp-block-embed.is-type-video {
    position: relative;
    width: 95%;
    height: 0;
    padding-bottom: 56.25%; /*16:9*/
}
figure.wp-block-embed.is-type-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* .container */
.container { max-width: 980px; margin: 0 auto; width: 100%; }

/* .contact */
.contact { padding: 50px 0 20px 0; }
.contact a { text-decoration: underline; }

/* .content */
.content { padding: 20px 0 20px 0; }
.content a { text-decoration: underline; }
.content .aside ul { list-style-type: none; padding-left: 0; }
.content .aside ul li { border-bottom: 1px dashed #bfbfbf; }
.content .aside ul li.active a, .content .aside ul li a:hover { background-color: #f5f5f5; color: #ff6c0f; }
.content .aside ul li a { background-position: 10px center; background-repeat: no-repeat; color: #828282; display: block; font-size: 14px; padding: 10px; text-decoration: none; }
@media (min-width:900px) {
	.content { padding: 50px 0 20px 0; }
	.content .main .main-padding{padding-right: 25px;}
	.content .handtekening{font-family: 'Dancing Script', cursive; font-size: 28px;}
}
@media (min-width:900px) {
.content .contact_form,
.content .contact_info{float: left; width: 50%;}
}
.content .object{padding: 25px 0px; clear: both; border-bottom: 1px solid #e0e0e0;}
@media (min-width:900px) {
.content .object{float: left; width: 50%; clear: none;}
}
.content .object * {line-height: 1.5; font-size: 15px; color: #555;}
.content .object .object_image{float: left; position: relative; width: 225px;}
.content .object .object_image img{max-width: 220px; height: 135px;}
.content .object .object_image .status{position: absolute; left: 5px; top:  5px; font-size: 12px; background: red; padding:  1px 3px; color: #FFF;}
.content .object .object_info{float: left; padding-left: 25px;}
.content .object .object_info .address{}
.content .object .object_info .address a{color:  #0071b3; text-decoration: none; font-weight: bold;}
.content .object .object_info .price{font-weight: bold; padding-top:  5px; padding-bottom:  5px; font-size: 16px;}
.content .object .object_info .specs sup{font-size: 11px;}
/* .footer */
.footer {text-align: center; }
.footer a, .footer h3, .footer p { color: #fff; }
.footer .button--primary { background-color: #0fa4e5; background-image: none; }
.footer .button--primary:hover { background-color: #009ee3; background-image: none; }
.footer__primary { padding: 20px 15px 20px 15px; }
.footer__primary .email { background-image: url(img/icon-footer-email.gif); background-position: left center; background-repeat: no-repeat; padding-left: 25px; }
.footer__primary .grid__item { margin-bottom: 30px; }
.footer__primary .phone { background-image: url(img/icon-footer-phone.gif); background-position: left center; background-repeat: no-repeat; padding-left: 25px; }
.footer__secondary { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 30px 15px; }
.footer__secondary a { display: block; padding: 5px; color: rgba(255, 255, 255, 0.5); }
.footer__secondary li { display: inline-block; }
.footer__secondary ul { font-size: 14px; list-style-type: none; margin-bottom: 0; text-align: center; }
.footer-activities { display: flex; flex-wrap: nowrap; justify-content: center; margin-bottom: 30px; }
.footer-activities__item { display: block; flex: 0 1 auto; }
.footer-activities__item + .footer-activities__item { margin-left: 10px; }
@media (min-width:900px) {
	.footer { text-align: left; }
	.footer .grid { display: grid; grid-column-gap: 30px; grid-template-columns: repeat(3, 1fr); }
	.footer-activities { justify-content: left; }
}

/* .gallery */
.gallery { margin-bottom: 15px; }
.gallery .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    margin-right: 5px !important;
    width: auto !important;
}

.wp-block-separator{background: url(img/divider.jpg) repeat-x scroll 0 0 rgba(0, 0, 0, 0); border: medium none; height: 3px; margin-bottom: 20px;}

/* .hero */
.hero { display: none; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 10px; display: flex; flex-flow: column; justify-content: flex-end; min-height: 200px; position: relative; }
.hero h1, .hero h2, .hero h3, .hero p, .hero__title .lead { color: #fff; }
.hero__arch { bottom: -34px; display: none; fill: #fff; left: 50%; max-width: none; position: absolute; transform: translateX(-50%); width: 980px; }
.hero__icon { display: none; }
.hero__icon .base { fill: #ff6c0f; width: 50px }
.hero__icon .icon { left: 50%; position: absolute; transform: translate(-50%, -50%); top: 50%; }
.hero__new { background-color: rgba(155, 195, 0, 0.9); border-radius: 0; padding: 20px; }
.hero__new h3 { margin-bottom: 10px; }
.hero__new p { margin-bottom: 0; }
.hero__title { padding: 30px; text-align: center; }
.hero__title h1 { margin-bottom: 0; }
.hero__title .lead { font-size: 1.25em; }
.hero__reservation { display:none;}
.hero__reservation h2 {font-size: 1.5em;}
.hero__reservation p { margin-bottom: 15px; }
.hero__reservation .usp{}
.hero__reservation .usp li{float: left; width: 100%; color:#FFF; font-weight: bold;}
@media (min-width:900px) {
	.hero { align-items: flex-end; flex-flow: row; height: 350px; justify-content: flex-end; position: relative; z-index: -1; }
	.hero--home { height: 450px; }
	.hero__arch { display: block; }
	.hero__icon { display: block; bottom: -20px; left: 50%; position: absolute; transform: translateX(-50%); left: 80px; transform: none; }
	.hero__icon .base { width: 100px }
	.hero__new { border-radius: 10px; max-width: 300px; position: absolute; right: 30px; top: 30px; }
	.hero__reservation { display: block; background-color: #50340ad4; padding: 15px; border-radius: 10px; margin-right: 0px; max-width: 330px; padding-bottom: 30px; border-bottom-left-radius: 0; }
	.hero__title { margin-right: 30px; padding-bottom: 60px; text-align: left; }
}

/* .home-menu */
.home-menu { padding: 20px 0px 20px 0px; }
.home-menu ul { list-style-type: none; margin-bottom: 0; padding: 15px 30px; }
.home-menu a { background-position: 10px center; background-repeat: no-repeat; color: #828282; display: block; padding: 15px 0 15px 45px; }
.home-menu a:hover { background-color: #eaeaea; color: #ff6c0f; }
.home-menu .grid { background-color: #f5f5f5; border-bottom: 1px dashed #bfbfbf; border-top: 1px dashed #bfbfbf; margin-bottom: 30px; }
.home-menu .make-your-choice {font-size: 24px; font-weight: bold; color: #227347; padding-bottom: 10px; padding-left: 40px;}
@media (min-width:900px) {
	.home-menu{padding: 50px 0px 20px 0px;}
	.home-menu ul + ul { border-left: 1px dashed #bfbfbf; }
	.home-menu .grid { display: grid; grid-template-columns: repeat(3, 1fr); }
	.home-menu .make-your-choice{ margin-top: -30px; padding-bottom: 20px; padding-left: 40px; }
}

/* .language-select */
.wpml-ls ul { display: flex; flex-wrap: wrap; font-size: 14px; justify-content: flex-end; list-style-type: none; margin-bottom: 0; padding-left: 0; width: 100%; }
.wpml-ls ul li { padding: 5px; }
.wpml-ls ul a {background-position: left 6px; background-repeat: no-repeat; color: #828282; padding-left: 20px; }
.wpml-ls ul a:hover { color: #ff6c0f; }
.wpml-ls ul .wpml-ls-current-language a { color: #ff6c0f; }
.wpml-ls ul .wpml-ls-item-en a { background-image: url(img/flag-en.gif); }
.wpml-ls ul .wpml-ls-item-nl a{ background-image: url(img/flag-nl.gif); }
.wpml-ls ul .wpml-ls-item-de a{ background-image: url(img/flag-de.gif); }
.wpml-ls ul .wpml-ls-native,
.wpml-ls ul .wpml-ls-display{display: none;}

/* .menu */
.menu__bar { background-color: #fff; }
.menu__bar .container { align-items: center; display: flex; justify-content: space-between; }
.menu__info { display: none; color: #ff6c0f; font-size: 14px; font-weight: 700; text-align: right; }
.menu__navigation { display: none; background-color: #f5f5f5; list-style-type: none; left: 0; margin-bottom: 0; padding: 10px 5px; position: absolute; top: 147px; width: 100%; z-index: 1; }
.menu__navigation .current_page_parent > a,
.menu__navigation .current_page_item > a { color: #ff6c0f; }
.menu__navigation a { display: block; color: #3a3a3a; padding: 10px; }
.menu__navigation a:hover { color: #ff6c0f; }
.menu__navigation li { position: relative; }
.menu__navigation li:hover ul { display: block; }
.menu__navigation li:last-child ul { right: 0; }
.menu__navigation li ul { list-style-type: none; margin-bottom: 0; padding: 0 30px; }
.menu__navigation li ul li { border-bottom: 1px dashed rgba(255, 255, 255, 0.2); }
.menu__navigation li ul li a { background-position: 10px center; background-repeat: no-repeat; display: block; font-size: 14px; padding: 10px 10px 10px 15px; }
.menu__navigation li ul li:last-child { border-bottom: none; }
.menu__logo { display: block; flex: 0 1 150px; padding: 10px 0; }
.menu__toggle { background: transparent; border: none; cursor: pointer; display: block; padding: 10px; }
.menu__toggle svg { width: 1.5em; }
@media (min-width:900px) {
	.menu__info { display: block; }
	.menu__navigation { align-items: center; background: transparent; display: flex !important; flex: 0 0 auto; justify-content: flex-end; left: auto; padding: 0; position: static; top: auto; width: auto; }
	.menu__navigation a:hover { color: #ff6c0f; }
	.menu__navigation li ul { background-color: #f5f5f5; display: none; min-width: 200px; padding: 0; position: absolute; z-index: 1; }
	.menu__navigation li ul li { border-color: #bfbfbf; }
	.menu__info .container { display: flex; justify-content: flex-end; }
	.menu__logo { flex-basis: 250px; margin-top: -25px; }
	.menu__toggle { display: none; }
}

.wifi{text-align: center; padding-top: 20px !important;}

/* .paper */
.paper { background: #fff; margin-bottom: 0px; overflow: hidden; padding: 0 15px; }
@media (min-width:900px) {
	.paper { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); margin: 0 auto 0px auto; max-width: 980px; padding: 0 50px; position: relative; width: 100%; z-index: 0 }
}
.paper .menu{padding-top: 30px;}

/* .reservation */
.reservation{
	padding: 50px 15px 20px 15px;
}
.reservation iframe{
	margin-bottom: 30px;
}

/* .table-responsive */
.table-responsive{
	display: block;
	margin-bottom: 30px;
    overflow-x: auto;
    width: 100%;
}

/* .wp-block-gallery */
.wp-block-gallery{
    margin: 0 15px 0px 0px
}
.wp-block-gallery .blocks-gallery-item{
    margin: 0 !important;
    padding: 10px;
    width: auto !important;
}
.wp-block-gallery.columns-2 .blocks-gallery-item{
	 flex: 0 1 50%;
}
.wp-block-gallery.columns-3 .blocks-gallery-item{
	 flex: 0 1 33.33%;
}
.wp-block-gallery.columns-4 .blocks-gallery-item{
	 flex: 0 1 25%;
}

.form_banner{
    padding: 25px;
    border: 1px solid #d6d6d6;
    background-color: #e4ddcd;
    margin-bottom: 25px;
}
.form_banner h3{color: #000;}
@media (min-width:700px) {
	.form_banner .form_group{
		float: left;
    	width: 50%;
	}
}
.form_banner .form_group label{
	font-weight: bold;
    color: #000000;
}
.form_banner .form_group input{
	line-height: normal;
    border: 1px solid #ff6c0f;
    padding: 5px;
}
.form_banner .form_group select{
	width: 300px;
    padding: 5px;
    border-color: #ff6c0f;
}
.wpcf7-response-output{
    padding: 15px;
    border:  0;
    margin: 0px 0px 25px 0px !important;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    background: #46b450;
    font-weight: bold;
}