/*
Theme Name:     Hjemmebu
Theme URI:
Description:    Divi child theme.
Author:         Pure Communication
Author URI:
Template:       Divi
Version:        0.1.0
*/


/**
 * Typography
 */


/* Webfont: Elgoc-Regular */@font-face {
    font-family: 'Elgoc';
    src: url('fonts/Elgoc-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Elgoc-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Elgoc-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/Elgoc-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Elgoc-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Elgoc-SemiBold */@font-face {
    font-family: 'ElgocSemBd';
    src: url('fonts/Elgoc-SemiBold.eot'); /* IE9 Compat Modes */
    src: url('fonts/Elgoc-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Elgoc-SemiBold.woff') format('woff'), /* Modern Browsers */
         url('fonts/Elgoc-SemiBold.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Elgoc-SemiBold.ttf') format('truetype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

.lexend-body {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}


.inter-nav {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

html,
body {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
	}
h1,
h2,
h3,
h4,
h5 {
	/*font-family: 'Raleway', sans-serif !important;
	font-family: 'Elgoc', sans-serif !important;
	font-weight: 400 !important;*/
}

h3,
h4 {
	/*font-weight: 400 !important;*/
}

h4 {
	/*font-size: 26px !important;*/
}

h1,
h2,
h3,
h4,
h5 {
	margin-top: 1em;
	margin-bottom: .5em;
	padding: 0;
}

h1,
h2 {
	margin-bottom: 1em;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
	margin-top: 0;
}

h1+h2,
h1+h3,
h1+h4,
h2+h3,
h3+h4,
h3+h2,
h4+h2,
h4+h3 {
	margin-top: 0;
}


/**
 * Divi overrides
 */

@media all and (max-width: 768px) {
	body,.et_pb_column_1_2 .et_quote_content blockquote cite,.et_pb_column_1_2 .et_link_content a.et_link_main_url,.et_pb_column_1_3 .et_quote_content blockquote cite,.et_pb_column_3_8 .et_quote_content blockquote cite,.et_pb_column_1_4 .et_quote_content blockquote cite,.et_pb_blog_grid .et_quote_content blockquote cite,.et_pb_column_1_3 .et_link_content a.et_link_main_url,.et_pb_column_3_8 .et_link_content a.et_link_main_url,.et_pb_column_1_4 .et_link_content a.et_link_main_url,.et_pb_blog_grid .et_link_content a.et_link_main_url,body .et_pb_bg_layout_light .et_pb_post p,body .et_pb_bg_layout_dark .et_pb_post p {
		font-size: 16px !important;
	}
}

.mobile_menu_bar:before,
.mobile_menu_bar:after {
	color: white !important;
}

.mfp-title {
	display: none;
}

#mobile_menu {
	background-color: rgba(0, 0, 0, .5) !important;
}

@media all and (max-width: 768px) {
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
		width: 100%;
	}
}

.home .et_pb_fullwidth_section:first-child>.et_pb_module {
	padding-top: 0 !important;
	height: 100vh;
}

.home.admin-bar .et_pb_fullwidth_section:first-child>.et_pb_module {
	height: calc(100vh - 32px);
}

.et_pb_fullwidth_section:first-child .et_pb_fullwidth_header {
	padding: 0;
}

body:not(.home) .et_pb_fullwidth_section:first-child .et_pb_fullwidth_header {
	padding-bottom: 8em !important;
}

body:not(.home) .et_pb_fullwidth_section:first-child .et_parallax_bg {
	background-position: center bottom;
}

.et_pb_fullwidth_section:first-child>.et_pb_module .et_pb_fullwidth_header_container,
.et_pb_fullwidth_section:first-child>.et_pb_module .et_pb_fullwidth_header_container div {
	height: 100%;
}

.et_pb_fullwidth_section:first-child .header-content {
	padding: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.et_pb_fullwidth_section:first-child .et_pb_header_content_wrapper {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}


/*.et_pb_text {
	max-width: 50em;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none;
}*/

.header-content h1 {
	margin-bottom: .25em;
}

#top-menu li.current-menu-ancestor>a,
#top-menu li.current-menu-item>a {
	color: white;
	font-weight: bold;
}

.footer-widget .et_pb_widget {
	width: 100%;
}

.et-social-icons {
	float: none;
	text-align: center;
}

.et-social-icon:first-child {
	margin-left: 0;
}

.footer-widget .et_social_networks {
	text-align: center;
}

.footer-widget .et_social_icons_container li {
	float: none !important;
	display: inline-block;
}

.footer-widget .et_social_icons_container li:last-child {
	margin-right: 0 !important;
}


/**
 * Custom styles
 */

p.intro {
	font-size: 1.2em;
	line-height: 1.4;
}

@media all and (min-width: 981px) {
	p.intro {
		font-size: 1.4em;
		line-height: 1.4;
	}
}


/* ----------- GALLERY STYLING --------------------------- */


/* disable animation */

.et_pb_gallery_item {
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}


/* masonry gallery */

.et_pb_column .et_pb_gallery_items {
	width: 104.5%;
}

.masonry-grid,
.et_pb_column .et_pb_gallery_items {
	margin-left: -2.25%;
	margin-right: -2.25%;
	margin-bottom: 0px !important;
}

.masonry-grid .et_pb_grid_item,
.et_pb_column .et_pb_grid_item:nth-child(n) {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 2.25% !important;
	width: 100% !important;
}

.masonry-grid .et_pb_gallery_item {
	display: block !important;
}

.masonry-grid .et_pb_gallery_item a img {
	width: 100%;
	max-width: inherit;
}

@media all and (min-width: 768px) {
	.masonry-grid .et_pb_grid_item,
	.et_pb_column .et_pb_grid_item:nth-child(n) {
		width: 50% !important;
	}
}

@media all and (min-width: 981px) {
	.masonry-grid .et_pb_grid_item,
	.et_pb_column .et_pb_grid_item:nth-child(n) {
		width: 50% !important;
	}
}

/* ------------------- language menu --------------------------- */
.menu-item.wpml-ls-item .sub-menu {
	width: auto;
	right: 0;
	left: auto;
}

.menu-item.wpml-ls-item .sub-menu .wpml-ls-item > a img {
	max-width: 1000px;
}

.et_mobile_menu .menu-item.wpml-ls-item .sub-menu {
	padding-left: 0 !important;
}

.et_mobile_menu .menu-item.wpml-ls-item .sub-menu .wpml-ls-item {
	padding-left: 0 !important;
}

/* Background color pagina's */
body {
background-color: #f5f1eb !important;
}
.et_pb_section {
    background-color: #f5f1eb !important;
}


/* Bullet list items */
#left-area ul, .entry-content ul {
    line-height: 38px;
	}

/* ------------------- Mobile menu --------------------------- */

.mobile_menu_bar:before{
    color: #b99767 !important;

	}

#mobile_menu {
background-color: #f5f1eb !important;
}



/*.et_mobile_menu li a,.nav li li a {  
  font-family: "Lexend", sans-serif;
	font-size: 22px !important;
	font-weight: 500 !important;
	padding-bottom: 20px !important;
	padding-top: 20px !important;
	background-color: rgba(0, 0, 0, .0)!important;
	}*/

.et_mobile_menu li a { 
  font-family: "Lexend", sans-serif;
	font-size: 22px !important;
	font-weight: 500 !important;
	padding-bottom: 20px !important;
	padding-top: 20px !important;
	background-color: rgba(0, 0, 0, .0)!important;
	}

.nav li li a {  
  font-family: "Inter", sans-serif;
	font-size: 18px !important;
	font-weight: 500 !important;
	padding-bottom: 20px !important;
	padding-top: 20px !important;
	background-color: rgba(0, 0, 0, .0)!important;
	}



/*.et_mobile_menu{ 
	height: 100vh;
	}*/

.logo_container
{
    padding-left : 20px !important;
}


.et_mobile_menu
{
    padding-right : 20px !important;
}

.et_header_style_left #et-top-navigation .mobile_menu_bar
{
    padding-right : 20px !important;
}

.container {
    width: 100% !important;	
}




/* ------------------- Boekingsmodule hide tekst accomodatie bij het reservatieformulier --------------------------- */


.mphb-rooms-quantity-wrapper .mphb-rooms-quantity-single .mphb-rooms-quantity-wrapper.mphb-rooms-quantity-multiple {
	display: none !important;
	font-size: 12px !important;
}



/* ------------------- Activiteiten Cards Swipe --------------------------- */

.activiteiten_cards
{
	padding-right : 30px !important;
	padding-bottom : 30px !important;
    padding-left : 30px !important;
	margin-bottom: 0px;

}
.et_pb_promo_description
{
	position:absolute;
	bottom:0;
}

.et_pb_module_header{
margin-bottom: 0px !important;
}

/* ------------------- Full Screen Mobile menu --------------------------- */

/*align the hamburger menu to the right right*/
.pa-fullscreen-menu .et_pb_menu__wrap {
	justify-content: flex-end !important;
}
/*hide the desktop version of the menu*/
.pa-fullscreen-menu .et_pb_menu__wrap .et_pb_menu__menu {
	display: none !important;
}
/*show the mobile version of the menu on desktop*/
.pa-fullscreen-menu .et_pb_menu__wrap .et_mobile_nav_menu {
	display: block !important;
	align-items: center !important;
}
/*style the opened menu*/
.pa-fullscreen-menu .opened #mobile_menu1 {
	width: 100vw !important;
	position: fixed !important;
	top: 0em !important;
	left: 0vw !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	flex-direction: column !important;
	opacity: 1 !important;
	visibility: visible !important;
	transition: visibility 0.3s, opacity 0.3s ease-in-out;
	padding: 0 !important;
}
/*style the closed menu*/
.pa-fullscreen-menu .closed #mobile_menu1 {
	background-color: #fff !important;
	text-align: center !important;
	width: 100vw !important;
	position: fixed !important;
	left: 100vw !important;
	top: 0em !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-direction: column !important;
	transition: visibility 0.3s, opacity 0.3s, left 1s, ease-in-out;
	opacity: 0 !important;
	visibility: hidden !important;
}
/*remove the bullet points from the list items*/
.pa-fullscreen-menu #mobile_menu1 li {
	list-style: none !important;
	text-align: center !important;
	width: 100%
}
/*move the menu to the top above other elements*/
.pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar {
	z-index: 999999 !important;
}
/*change the opened menu icon*/
.pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
	content: "\4d" !important;
}
/*make the hamburger menu fixed position on mobile*/
.pa-fullscreen-menu .opened .mobile_menu_bar {
	position: fixed !important;
}
/*remove the default blue border top on the mobile menu*/
.pa-fullscreen-menu .et_mobile_menu {
	border-top: none;
}
/*remove the default background color on menu items*/
.pa-fullscreen-menu .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}
/*remove the default hover background color and adjust opacity*/
.et_mobile_menu li a:hover {
	background-color: transparent;
	opacity: 1;
}
/*remove the default border bottom on menu items*/
.pa-fullscreen-menu .et_mobile_menu li a {
	border-bottom: none;
}



/* Booking Calendar Styling */

@media (max-width:720px){
.datepick-popup{
    right:10px!important;
    left:10px!important;
}
  
.datepick.datepick-multi.mphb-datepick-popup{
  width:auto !important;
  float:none;
}

.mphb-reserve-room-section{
padding-left:10px!important;
}
	
.mphb-booked-date 	{
background: #fffaf0!important;
}
	
.mphb-calendar.mphb-datepick .mphb-datepicker-peru {
--mphb-not-available-date-bg: #fffaf0!important;
--mphb-booked-date-bg: #fffaf0!important;
}
	
.datepick-month {
  width: 100%;
}
}

/* tabel beschikbaarheid */ 
 .tabel_beschikbaarheid
{
	border-top: 1px solid #5a3f16!important;

}