/*
Theme Name: Sellabees child
Theme URL: https://sellabees.nl/
Description: Sellabees theme
Author: Sellabees
Author URL: https://sellabees.nl/
Template: Divi
Version: 3.0
Text Domain: Sellabees-child
*/ 

@font-face {
    font-family: 'palatinoroman';
    src: url('palr45w-webfont.woff2') format('woff2'),
         url('palr45w-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* tekst 'jaartal + sitenaam'*/
#footer-info {
    color: black !important;
}
/* tekst 'SmitPRO dé website bouwer | Privacybeleid | Algemene voorwaarden'*/
#footer-info a {
    color: black !important;
}
/* inlog knop */
input#wp-submit {
    width: 100%;
	background-color: #0f4053;
}
/* Terug naar 'sitenaam' knop */
p#backtoblog {
    display: none;
}
/* achtergrond van de login pagina */
body.login {
	background-image: url("");
	background-color: #f2f2f2;
	background-position: center center;
}

/* login form */
#login form#loginform, #login form#registerform, #login form#lostpasswordform {
    padding: 26px 24px 46px 25px;
    border-radius: 10px;
    box-shadow: 0 1px 50px rgba(2,2,2,0.3);
}

/* mobile menu */
.et_mobile_menu .menu-item-has-children {
    position: relative !important;
}

.et_mobile_menu .menu-item-has-children .left-click-area,
.et_mobile_menu .menu-item-has-children .right-click-area {
    position: absolute !important;
    top: 0;
    z-index: 1;
}

.et_mobile_menu .menu-item-has-children .left-click-area {
    left: 0;
    width: 80% !important;
    height: 45px;
    cursor: pointer;
}

.et_mobile_menu .menu-item-has-children .right-click-area {
    right: 0;
    width: 20% !important;
    height: 45px !important;
    cursor: pointer;
    z-index: 0;
}

@media (max-width: 980px) {
    #et_mobile_nav_menu .et_mobile_menu,
    .dvcs_scrollable_mobile_menu.et_pb_menu .et_mobile_menu,
    .dvcs_scrollable_mobile_menu.et_pb_fullwidth_menu .et_mobile_menu {
        overflow-y: auto !important;
        max-height: 80vh;
        padding-top: 0px;
        -webkit-overflow-scrolling: touch;
    }

    .et_mobile_menu .menu-item-has-children > ul.sub-menu {
        overflow-y: auto !important;
        max-height: 60vh;
        -webkit-overflow-scrolling: touch;
    }
}

ul#mobile_menu2 {
    width: 100vw !important;
    height: 100vh;
    transform: translateX(-10%);
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
	padding-bottom: 200px !important;
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}
.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
}
.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .menu-item-has-children > a:after {
    font-size: 16px;
    content: '\4c';
    top: 13px;
    right: 10px;
}
.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .menu-item-has-children.visible > a:after {
    content: '\4d';
}
.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}
.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .menu-item > a {
    font-size: 16px;
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .sub-head > a {
    font-size: calc(16px - 2px);
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .sub-head ul.sub-menu > li > a {
    font-size: calc(16px - 3px); 
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .sub-head ul.sub-menu li ul.sub-menu > li > a {
    font-size: calc(16px - 3px);
}

.dsm_contact_form_7 input[type=text], .dsm_contact_form_7 input[type=email], .dsm_contact_form_7 input[type=tel], .dsm_contact_form_7 input[type=date], .dsm_contact_form_7 textarea, .dsm_contact_form_7 select {
	font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 300;
    font-size: 16px;
	border-width: 3px;
	color: #161615;
    border-color: #dedede;
	background-color:white;
}

.dsm_contact_form_7 select { 
	margin-bottom:15px;
}

.reserverenInputsDate  {
	border:3px solid #dedede !important;
	padding-right: 30px; 
    position: relative;
	-webkit-appearance: none;
    appearance: none;
}

.wpcf7-form > p:nth-last-of-type(1) {
	display:flex;
	flex-direction:row-reverse;
}

.reserverenInputs::placeholder {
	color: #161615 !important;
}

.twoInputsRow {
    display: flex;
    flex-direction: row;
    gap: 30px; 
	margin: 30px 0px;
}

.twoInputsRow div {
    flex: 1;
}

.imageSliderAccommondation .remaining-count, .imageSliderAccommondationPhone .remaining-countPhone {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    padding: 10px;
    font-size: 2em;
    border-radius: 5px;
}


#footer-info, #footer-info a {
	color:white !important;
	text-align:center;
}

.reserveringAanvraag iframe {
	min-height: 750px !important;
}

@media screen and (max-width: 1200px) and (min-width: 981px) {
	
	.accommondations {
		width:80% !important;
	}
	
	.et_pb_row.et_pb_row_6.accommondations > div:nth-child(3) h2 {
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}
	
	h2.et_pb_module_header {
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}
	
	.feestenOrganiseren {
		width:80% !important;
	}
	
	.feestenOrganiseren > div > .feestBox {
		padding-top: 30vh !important;
	}
	
	
	.feestenOrganiseren > div .feestBox > div > h2 {
		font-size: 22px !important;
	}
	
	.heerlijkEten > div:nth-child(1) h2 {
		font-size:40px;
	}
	
	.hapjesDrankjesItems > div > div:nth-child(2) > h4 {
		font-size:17px !important;
	}
	
	.voorKidsInfoBox > div:nth-child(2) {
		padding: 10vh 4vw !important;
	}
	
	.contactInfoBoxes {
		width: 80% !important;
	}
	
	.contactInfoBoxes .blurbContactInfo > div > div:nth-child(1) {
		width: 19% !important
	}
	
		.contactInfoBoxes > div:nth-child(1) .blurbContactInfo > div > div:nth-child(1) {
		width: 16% !important
	}
	
	.contactInfoBoxes .blurbContactInfo h4 {
		font-size: 17px !important;
	}
	
	
	.footer {
		width: 80% !important;
	}
	
	.footer > div:nth-child(2) h3 {
		font-size: 22px;
	}
	
	.footer > div:nth-child(2) a {
		font-size: 12px !important;
		padding: 3px 20px !important;
	}


}

@media (max-width: 980px) {
	#footer-info, #footer-info a {
		text-align:start;
	}
	
	.imageSliderAccommondation .remaining-count, .imageSliderAccommondationPhone .remaining-countPhone {
		font-size: 1.5em;
	}


}

@media (max-width: 532px) {
    .twoInputsRow {
        flex-direction: column;
        gap: 30px; 
    }
}

@media only screen and (min-width: 981px) and (max-width: 1180px)  {
	.PageTitle h1 {
		font-size:40px !important;
	}
	
	.blurbLocatie h4 {
		font-size:14px !important;
		line-height:1.8em !important;
	}
	
	#AdressRowNavbar > div > .blurbLocatie {
		margin-bottom: -9px !important;
	}
	
	.blurbLocatie > div {
		width:350px !important;
	}
	
	.blurbLocatie > div > div:first-child >span>span{
		font-size:12px !important;
	}
	
	.hapjesDrankjesItems {
		display: block !important;
		width:100% !important;
	}
	
	.hapjesDrankjesItems > div > div:nth-child(2) > h4 {
		font-size:18px !important;
	}
}

/* Verberg het desktop-menu onder 1181px */
@media only screen and (min-width: 981px) and (max-width: 1180px)  {
    #desktop-menu {
        display: none !important; /* Desktop-menu verbergen */
    }
    #mobiel-menu {
        display: block !important; /* Mobiel menu tonen */
    }
    #menu-home-1 {
        display: none;
    }
	#menu-menudropdown {
        display: none;
    }

    .mobile_menu_bar {
        display: block !important; /* Zorg dat het icoon zichtbaar is */
        width: 20px; /* Breedte van de hamburger */
        height: 2px; /* Hoogte van elke balk */
        background-color: #4B4B4B; /* Zwarte kleur */
        margin: 10px auto;
        position: relative;
        top: -5px;

    }

    .mobile_menu_bar::before,
    .mobile_menu_bar::after {
        content: "";
        display: block;
        width: 20px;
        height: 2px;
        background-color: #4B4B4B; /* Zelfde kleur als het icoon */
        position: absolute;
        left: 0;
        transition: all 0.3s ease;
    }

    .mobile_menu_bar::before {
        top: 5px !important; /* Bovenste balk */
    }

    .mobile_menu_bar::after {
        top: 10px; /* Onderste balk */
    }

    .et_mobile_nav_menu {
        display: flex !important;
        align-items: center;
    }

    .et_mobile_nav_menu li {
        list-style-type: none;
        text-align: start;
    }

    #mobiel-menu .et_pb_menu__wrap {
        justify-content: end;
    }

    #mobiel-menu .et_pb_menu__logo-wrap {
        width: 140px;
    }

    #AdressRowNavbar h4 {
        color: white !important;
    }
    
}

/* Verberg het mobiele menu boven 1180px */
@media (min-width: 1181px) {
    #mobiel-menu {
        display: none !important; /* Mobiel menu verbergen */
    }
    #desktop-menu {
        display: block !important; /* Desktop-menu tonen */
    }
}

@media screen and (max-width: 400px) {
/* 	.homePageSlider > div > div:nth:child(1) > div > div > div > div > div:nth-child(1) {
		font-size: 28px;
		background-color:blue;
	} */
	
	.homePageSlider .dsm_card_carousel_child_subtitle {
		font-size: 28px !important;
	}
	
	.homePageSlider a.et_pb_button.et_pb_more_button {
		font-size:11px !important;
	}
}