/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.headerrow-nieuw {
	background-color: #00000060 !important;
	background-blend-mode: darken !important;
	margin-top: -14em !important;
    z-index: 1 !important;
    padding-top: 7em !important;;
}

.site-header{
	z-index: 2 !important;
}

.has-sticky-branding.is_stuck  {
	background: white !important;
}

.main-navigation .main-nav ul li a{
	font-family: clarendon-light;
}

.has-sticky-branding.is_stuck.main-navigation .main-nav ul li a{
	color: black !important;
}

body:not(.page-id-8666) .main-navigation .main-nav ul li a{
	color: black !important;
}

.lunchreserverenrow .vc_inner .wpb_column{
	width: 37% !important;
}

.lunchreserverenrow .vc_btn3-container {
	width: 100% !important;
}

.lunchreserverenrow .vc_btn3-container a{
	width: 100% !important;
}

body:not(.page-id-8666) .menu-toggle{
	color: black !important;
}

footer{
	display: none !important;
}

button, a{
    font-family: clarendon-light;
}

p{
	font-family: clarendon-light;
}



.outlinedbutton a{
	background: linear-gradient(transparent, transparent 50%, #ffffff 50%) !important;
    background-size: 100% 200% !important;
    transition: background 0.5s !important;
	color: black !important;
	padding: 17px 24px !important;
	border: 2px solid white !important;
	border-radius: 5px !important;
	font-size: 16px !important;
	color: white !important;
}

.outlinedbutton button{
	color: white !important;
}

.outlinedbutton:hover a{
	background-position: 100% 100% !important;
	color: black !important;
}

.blackbutton a{
	background: linear-gradient(transparent, transparent 50%, #000000 50%) !important;
    background-size: 100% 200% !important;
    transition: background 0.5s !important;
	color: black !important;
	padding: 17px 24px !important;
}

.blackbutton:hover a{
	background-position: 100% 100% !important;
	color: white !important;
}

.outlinedbutton:hover button{
	color: black !important;
}

.outlinedbutton button{
	border: none !important;
	padding: 0px !important;
	background: none !important;
}

.copyright-bar.vc_row{
	margin-bottom: -5em;
}

.main-navigation .main-nav ul li#menu-item-9026 a{
	line-height: 45px;
}

#menu-item-9026 a{
	border: 1px solid #b8b7b7;
	border-radius: 5px;
}

.lunchinzwolle-row .vc_col-sm-3{
	width: 30% !important;
}

.lunchreserverenrow .vc_inner .wpb_column {
    width: 40% !important;
}

.sub-menu a{
	background: white !important;
	color: black !important;
}

@media(min-width: 1200px) and (max-width: 1500px){
	h2{
		font-size: 32px !important;
	}
}

@media(min-width: 501px) and (max-width: 900px){
	.header-widget{
		display: none !important;
	}
	.mobile-menu-open .headerrow-nieuw{
		margin-top: -2em !important;
		z-index: 1 !important;
		padding-top: 0em !important;
	}
	.mobile-menu-open .main-navigation .main-nav ul li a{
		color: black !important;
		line-height: 40px !important;
	}
	.main-navigation.sticky-navigation-transition .navigation-branding img {
        height: 120px;
    }
	.main-navigation.sticky-navigation-transition .gp-icon svg{
		color: black !important;
	}
	.mobile-menu-open .main-navigation .main-nav ul{
		padding-bottom: 1em !important;
	}
	.headerrow-nieuw .vc_inner .vc_col-sm-4{
		width: 20% !important;
	}
	
	.headerrow-nieuw .vc_inner .vc_col-sm-2{
		width: 30% !important;
	}
	.headerrow-nieuw .wpb_single_image {
		margin-top: 50px !important;
	}
	.menukaart-row .vc_inner .vc_col-sm-4{
		width: 50% !important;
	}
	.reserveringsrow button{
		max-width: 100% !important;
	}
	.reserveringsrow .vc_col-sm-6:nth-child(2) .vc_inner .wpb_column{
		width: 100% !important;
	}
	.reserveringsrow .vc_col-sm-6:nth-child(2) .vc_inner .wpb_column .vc_btn3-container{
		margin-left: 0px !important;
	}
	.lunchinzwolle-row .vc_inner .vc_btn3-container {
		width: 100% !important;
	}
	.lunchinzwolle-row .vc_inner .vc_btn3-container a{
		width: 100% !important;
	}
	.lunchinzwolle-row .vc_inner .wpb_column{
		width: 50% !important;
	}
	.lunchreserverenrow .vc_btn3-container {
		width: auto !important;
	}
	.lunchreserverenrow .vc_inner .wpb_column {
		width: 100% !important;
	}
}

@media(max-width: 500px){
	.headerrow-nieuw{
		display: none !important;
	}
	.site-header .header-image {
		width: 100px;
	}
	.page-id-8666 .headerrow-mobile{
		padding-top: 10em;
		margin-top: -11em;
	}
	.header-widget{
		display: none !important;
	}
	.mobile-menu-open .page-id-8666 .headerrow-mobile {
        padding-top: 0em;
        margin-top: 4em;
    }
	.mobile-menu-open .main-navigation .main-nav ul li a{
		color: black !important;
	}
	.mobile-menu-open .gp-icon svg{
		color: black !important;
	}
	.groepsreserveren-image img{
		width: 100vw !important;
	}
	h2{
		font-size: 26px !important;
	}
	.main-navigation .main-nav ul li a{
		line-height: 60px !important;
	}
	.menu-toggle{
		color: white !important;
	}
	
	nav.is_stuck .menu-toggle{
		color: black !important;
	}
	nav.is_stuck .inside-navigation{
		padding: 0px 30px !important;
	}
	nav.is_stuck .sticky-navigation-logo img{
		width: 100px;
		height: 120px !important;
	}
	.main-navigation.toggled .main-nav li{
		border-bottom: 1px solid #b8b7b790;
	}
	.main-navigation.toggled .main-nav li a{
		padding-left: 0px !important;
	}
	#menu-item-9026 a{
		border: none !important;
	}
	#menu-item-9026{
		border: none !important;
	}
	.groepsreserveren-mobile{
		margin-top: -7em !important;
	}
	#menu-hoofdmenu{
		background: white !important;
	}
}

@media (min-width: 1024px) and (max-height: 1292px) and (orientation: portrait){
	.reserveringsrow button{
		max-width: 100% !important;
	}
	.reserveringsrow .vc_col-sm-6:nth-child(2) .vc_inner .wpb_column{
		width: 50% !important;
	}
	.reserveringsrow .vc_col-sm-6:nth-child(2) .vc_inner .wpb_column .vc_btn3-container{
		margin-left: 0px !important;
	}
	.lunchinzwolle-row .vc_inner .vc_btn3-container {
		width: 100% !important;
	}
	.lunchinzwolle-row .vc_inner .vc_btn3-container a{
		width: 100% !important;
	}
	.lunchinzwolle-row .vc_inner .wpb_column{
		width: 40% !important;
	}
	.lunchreserverenrow .vc_inner .wpb_column {
		width: 45% !important;
	}
	h2{
		font-size: 27px !important;
	}
	.headerrow-nieuw .vc_col-sm-4{
		width: 30% !important;
	}
	
	.headerrow-nieuw .vc_col-sm-2{
		width: 20% !important;
	}
	.menukaart-row .vc_col-sm-4{
		width: 40% !important;
	}
	.reserveringsrow button{
		padding: 15px !important;
	}
	
}
@media only screen and (min-width: 1292px) and (max-height: 1024px) and (-webkit-min-device-pixel-ratio: 1.5)  and (orientation: landscape){
	h2{
		font-size: 30px !important;
	}
}

/* 110% size */
@media (min-width: 1701px) and (max-width: 1919px) {}

/* Laptop L (120%) size */
@media (min-width: 1501px) and (max-width: 1700px) {}

/* Macbook screens size (1440x768) */
@media (min-width: 1401px) and (max-width: 1500px) {}

/* Laptop S/M (150%) sizes */
@media (min-width: 1200px) and (max-width: 1400px) {}

/* Tablet/iPad landscape mode */
@media (min-width: 901px) and (max-width: 1199px) {}

/* Tablet/iPad portrait mode */
@media (min-width: 501px) and (max-width: 900px) {}

/* Tablet/iPad portrait BIG mode (850x1024) */
@media (min-width: 701px) and (max-width: 900px) {}

/* Mobile general */
@media (max-width: 500px) {
	.mobile-reserveren-title {
		font-size: 14pt !important;
	}
	.headermobiel h1 span{
		color: white !important;
	}
	.headermobiel p{
		color: white !important;
	}
	.headermobiel.vc_row{
		padding-top: 7em !important;
		margin-top: -10em !important;
		background-color: #00000060 !important;
		background-blend-mode: darken !important;
		padding-bottom: 2em;
		background-size: cover !important;
		background-repeat: no-repeat !important;
	}
	.headermobiel.vc_row a{
		border-color: white !important;
		color: white !important;
	}
	.mobile-menu-open .inside-header{
		background: white !important;
	}
	body.page .menu-toggle{
		color: white !important;
	}
	body:not(.page-id-8666) .is_stuck .menu-toggle {
		color: black !important;
	}
	.page-id-9321 .headermobiel.vc_row, .page-id-9396 .headermobiel.vc_row {
		background-position: center !important;
		background-size: cover !important;
	}
	.page-id-8721 .headermobiel.vc_row{
		background-position: center !important;
		background-size: cover !important;
	}
	.page-id-9402 .headermobiel.vc_row{
		background-size: cover !important;
        background-image: url(/wp-content/uploads/2024/06/Reserveren-pagina.webp);
        max-width: 100vw;
        width: 100vw;
        margin-left: -1.9em;
        padding-left: 1em;
        padding-right: 0em;
	}
	.page-id-9402 .headermobiel.vc_row h2 span{
		color: white !important;
	}
}

/* iPhone X en kleiner */
@media (max-width: 380px) {}