/*
Theme Name:  BohnennWebdesign
Theme URI:   http://divithemes.reviews
Version:     1.1
Description: Divi child theme.
Author:      Bohnenn Webdesign
Author URI:  https://www.bohnennwebdesign.nl
Template:    Divi
*/

/*---- Typography ----*/
body {
	font-family: open-sans, sans-serif !important;
	line-height: 1.7;
}
h1, .et_pb_column_1_3 h1, .et_pb_column_1_4 h1, .et_pb_column_1_5 h1, .et_pb_column_1_6 h1, .et_pb_column_2_5 h1 {
	font-family: sofia-pro-variable, sans-serif !important;
    color: #0C99BA;
	font-weight: 600;
	line-height: 1.1;
}
h2, .et_pb_column_1_3 h2, .et_pb_column_1_4 h2, .et_pb_column_1_5 h2, .et_pb_column_1_6 h2, .et_pb_column_2_5 h2, .et_pb_title_container h1, .sidepage-heading h1, .et-db #et-boc .et-l .et_pb_column_1_3 h2 {
	font-family: sofia-pro-variable, sans-serif !important;
	color: #61735E;
	font-size: 64px;
	font-weight: 600;
}
.h2-as-h3 h2 {
	font-size: 36px;
}
h3, .et_pb_column_1_3 h3, .et_pb_column_1_4 h3, .et_pb_column_1_5 h3, .et_pb_column_1_6 h3, .et_pb_column_2_5 h3, .gfield_label {
	font-family: sofia-pro-variable, sans-serif !important;
	font-weight: 600;
	line-height: 1.1;
	font-size: 24px;
}
h4, .et_pb_toggle .et_pb_toggle_title {
	color: #5F5F37 !important;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 500;
}
.h2-as-h1 h2 {
	font-size: 72px !important;
}
.et_pb_button {
	font-family: sofia-pro-variable, sans-serif !important;
}
.et_pb_text ul:last-child {
	padding-bottom: 0 !important;
}
.et_pb_text ul li:not(:last-child) {
	padding-bottom: 10px
}
.et_pb_text h3 + ul {
	padding-top: 10px;
}
@media only screen and (max-width: 980px) {
	h2, .et_pb_column_1_3 h2, .et_pb_column_1_4 h2, .et_pb_column_1_5 h2, .et_pb_column_1_6 h2, .et_pb_column_2_5 h2, .et_pb_title_container h1, .sidepage-heading h1, .et-db #et-boc .et-l .et_pb_column_1_3 h2 {
		font-size: 48px;
	}
}
@media only screen and (max-width: 767px) {
	h2, .et_pb_column_1_3 h2, .et_pb_column_1_4 h2, .et_pb_column_1_5 h2, .et_pb_column_1_6 h2, .et_pb_column_2_5 h2, .et_pb_title_container h1, .sidepage-heading h1, .et-db #et-boc .et-l .et_pb_column_1_3 h2 {
		font-size: 32px;
	}
}

/*---- General ---*/
input.gform_button.button {
    font-size: 20px !important;
    line-height: 1.7 !important;
    background: #13bfe8 !important;
    padding: 10px 25px !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
}
.gform-theme--foundation .gform_fields {
    gap: 20px !important;
}

/*---- Menu ----*/
#logo {
    max-height: 190px !important;
    background: #FFFCF3;
    padding: 15px 32px 45px 32px;
    clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0);
}
.et_fullwidth_nav #main-header .container {
	padding-left: 60px;
	padding-right: 60px;
}
#top-menu li {
	padding-right: 40px;
}
.et_fullwidth_nav #main-header a:hover {
    opacity: 1;
}
#top-menu li > a {
	font-family: sofia-pro-variable, sans-serif !important;
}
#top-menu li.current-menu-item>a {
	color: #13BFE8 !important;
}
@media only screen and (max-width: 980px) {
	.et_fullwidth_nav #main-header .container {
		padding: 0 !important;
		width: 85% !important;
	}
}

/*---- Home header ----*/
.home-header {
    min-height: calc(100vh - 84px);
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding: 0 !important;
}
.home-header .et-pb-background-video:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(-15deg, #60735E 10%, transparent 70%);
    z-index: 1;
}
.home-header .et_pb_row {
	min-height: calc(100vh - 84px);
	padding: 60px !important;
	width: 100% !important;
	max-width: 100% !important;
}
.home-header .et_pb_row .et_pb_column:first-child {
	min-height: calc(100vh - 120px - 84px);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.home-header .et_pb_row .et_pb_column:first-child .et_pb_text {
    background: rgba(19,191,232, 0.75);
    max-width: 600px;
    padding: 50px;
	color: #FFF;
	font-size: 21px;
}
.home-header .et_pb_row .et_pb_column:first-child .et_pb_text h1 {
	color: #FFF;
	font-size: 40px;
	padding-bottom: 15px;
}
.home-header .actie-knop {
    color: #020405;
    font-family: sofia-pro-variable, sans-serif;
    font-weight: 600;
    display: inline-block;
    aspect-ratio: 604/200;
    font-size: 30px;
    background-image: url(/wp-content/uploads/2026/01/actie-knop-dark-yellow.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 22px 30px 0;
    margin-top: 25px;
}
.home-header .et_pb_row .et_pb_column:last-child {
	min-height: calc(100vh - 120px - 84px);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.home-header .et_pb_row .et_pb_column:last-child .et_pb_text {
    text-align: right;
    color: #F7F4EB;
    font-family: sofia-pro-variable, sans-serif;
    font-size: 120px;
    line-height: 1;
    font-weight: 600;
}
@media only screen and (max-width: 980px) {
	.home-header {
		min-height: unset !important;
	}
	.home-header .et_pb_row {
		min-height: unset !important;
	}
	.home-header .et_pb_row .et_pb_column:first-child {
		min-height: unset !important;
	}
	.home-header .et_pb_row .et_pb_column:first-child .et_pb_text {
		max-width: 100% !important;
	}
	.home-header .et_pb_row .et_pb_column:last-child {
		 min-height: unset !important;
	}
	.home-header .et_pb_row .et_pb_column:last-child .et_pb_text {
		font-size: 80px;
	}
}
@media only screen and (max-width: 767px) {
	.home-header {
    	min-height: unset !important;
    	padding-top: 66vw !important;
    	background-size: 100%;
    	background-position: top;
	}
	.home-header .et-pb-background-video {
    	height: 56.25vw !important;
	}
	.et-pb-background-video .mejs-video {
		width: 100% !important;
		height: 56.25vw !important;
	}
	.home-header .et_pb_row {
		padding: 0 !important;
		min-height: unset !important;
	}
	.home-header .et_pb_row .et_pb_column:first-child {
		min-height: unset !important;
	}
	.home-header .et_pb_row .et_pb_column:first-child .et_pb_text {
		background: rgba(19,191,232, 1) !important;
		max-width: unset !important;
		padding: 50px 7.5vw !important;
		font-size: 18px;
	}
	.home-header .et_pb_row .et_pb_column:first-child .et_pb_text h1 {
		font-size: 32px;
	}
	.home-header .et_pb_row .et_pb_column:last-child {
		display: none !important;
	}
}

/*---- Side header ----*/
.side-header {
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding: 0 !important;
}
.side-header:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(-15deg, #60735E 10%, transparent 90%);
    z-index: 1;
}
.side-header h1 {
    color: #FFFCF3;
    font-size: 96px;
}
@media only screen and (max-width: 980px) {
	.side-header h1 {
		font-size: 40px;
	}
}

/*---- Accomodation ----*/
ul.marimonta_labels__list {
    padding: 0;
    list-style-type: none;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
}
li.marimonta_labels__item {
    background: #13bfe8;
    color: #fff;
    line-height: 1;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 600;
}
.marimonta-slider {
	--mm-slider-height: 480px;
}
.swiper-button-next, .swiper-button-prev {
    color: #fff !important;
    background: #13bfe8 !important;
    width: 36px !important;
    padding: 10px !important;
    height: 36px !important;
}
.swiper-button-prev:after, .swiper-button-next:after {
    font-size: 20px !important;
    line-height: 36px !important;
    font-weight: 700 !important;
}
.swiper-pagination {
    text-align: left !important;
    padding: 0 10px !important;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    background: #fff !important;
    border: 2px solid #13bfe8 !important;
    width: 12px !important;
    height: 12px !important;
}
.mfp-bg {
	opacity: 0.97 !important;
}
.mfp-image-holder .mfp-content {
    max-width: 100% !important;
    max-height: calc(80vh - 84px) !important;
    margin-top: 84px !important;
}
img.mfp-img {
    width: auto !important;
    max-height: calc(80vh - 84px) !important;
    xmax-height: unset !important;
    padding: 0 !important;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    width: 44px !important;
    right: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}
.mfp-counter {
    top: 10px !important;
    right: 10px !important;
}
.mfp-arrow-right:before, .mfp-arrow-left:before {
	border: 0 !important;
}
table.marimonta-prijs-table__table {
    width: 100%;
}
table.marimonta-prijs-table__table tr {
    border-bottom: 1px solid #cccc;
	text-align: left !important;
}
table.marimonta-prijs-table__table th, table.marimonta-prijs-table__table td {
    padding: 10px 0px;
}
.marimonta-prijs-table__extra {
    margin-top: 15px;
    font-size: 14px;
}
.datepick {
    width: 100% !important;
}
.datepick-nav, .datepick-ctrl {
	background-color: #61735e !important;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
    background: #000 !important;
}
.datepick-month th, .datepick-month th a {
	background-color: #61735e !important;
}
.mphb-calendar td .mphb-available-date {
    background-color: #61735e;
    font-weight: 700;
	color: #fff;
}
.mphb-calendar td .mphb-mark-as-unavailable--check-out {
    background: linear-gradient(to top left, #61735e 0, #61735e 50%, #dddddd 50%, #dddddd 100%);
}
p.mphb-required-fields-tip {
	display: none !important;
}
.mphb_sc_booking_form-wrapper label {
    font-size: 16px;
    font-weight: 600;
}
.mphb_sc_booking_form-wrapper input[type=text], .mphb_sc_booking_form-wrapper select, .mphb_sc_checkout-guests-chooser, 
.mphb_sc_checkout-form input[type=text],
.mphb_sc_checkout-form input[type=email],
.mphb_sc_checkout-form select,
.mphb_sc_checkout-form textarea {
    width: 100%;
    padding: 10px 10px;
    height: unset !important;
    border: 1px solid #61735e;
}
input.mphb-reserve-btn.button, input.button.mphb-button, .mphb_sc_checkout-submit-wrapper input.button {
    color: #fff;
    background: #61735e;
    border: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.7;
    padding: 10px 25px;
	cursor: pointer;
}
.mphb-calendar .datepick-ctrl .mphb-calendar__selected-dates {
	color: #fff;
}

/*---- Slider mobile ----*/
@media only screen and (max-width: 767px) {
	.marimonta-slider {
		flex-wrap: wrap;
	}
	.marimonta-slider__main {
		flex: unset !important;
		width: 100%;
		height: unset !important;
		aspect-ratio: 1;
	}
	.marimonta-slider__thumbs {
		display: none !important;
	}
	.mfp-bg {
		height: calc(100dvh - 0px) !important;
		top: 0px !important;
		position: fixed !important;
	}
	.mfp-wrap {
    	height: calc(100dvh - 0px) !important;
    	top: 0px !important;
    	position: fixed !important;
	}
	.mfp-image-holder .mfp-content {
		margin-top: 0 !important;
	}
}