/*
Theme Name: Local Dehy
*/

html {
	font-family: 'Raleway', sans-serif;
	background-attachment: fixed;
	font-size: 20px;
}

header, h1, h2, h3 {
	font-family: "Frente";
	font-weight: normal;
}

header, .wrap p, .wrap div.woocommerce {
	margin: 0px auto;
    line-height: 1.5rem;
}

button,
input,
optgroup,
select,
textarea {
	font-family: Raleway;
}

.wrap p.fullscreen {
	max-width: 100%;
}
.wrap h3 {
    margin: 2rem auto;
}

.wrap p.fullscreen img {
	width: 100%;
	height: auto;
}

#main > p, #main > h3 {
	
    max-width: 800px;
    margin: 20px auto;
} 



#main > p.fullscreen {
    max-width: none;
} 

.woocommerce ul.products li.product a img.woocommerce-placeholder {
	display: none;
}

.wrap .woocommerce {
	text-align: center;
	margin:3rem !important;
	margin-bottom: 0 !important;
}

.page-header {
	/*border-bottom: 2px solid black;*/
	line-height: 0;
}

.page-header a {
	text-decoration: none !important;
}

.site-name a {
	color: black !important;
}

.page-header h1 {
	font-size: 5rem;
    line-height: 2rem;
    margin: 0;
    margin-top: 3.5rem;
}
.page-header h2 {
	line-height: 1rem;
    font-size: 1.6rem;
    margin-top: 2rem;
    left: 5px;
    position: relative;
}

.logo {
	display: inline-block;
	vertical-align: top;
	width: 200px;
    margin: 2rem;
    margin-left: 3rem;
    margin-right: 3rem;


}

.logo img {
	width: 100%;
}

.site-name {
	vertical-align: top;
	display: inline-block;
}

div.menu {
	display: inline-block;
	line-height: 130px;
}

#menu-navigation {
	text-align: center;

    top: 4px;
    position: relative;
}

#menu-navigation li {
	list-style-type: none;
	display: inline-block;
	font-size: 2rem;
    margin: 10px 2rem;
}

#menu-navigation li a {
	color: black;
	text-decoration: none;
}

.parallax-content {
	position: absolute;
	top:0;
	left: 0;
	right:0;
	bottom:0;
	width:auto;
	height: auto;
	display: inline-flex;
}

.parallax-content p {
	font-family: "Frente";
	font-size: 6rem;
	line-height: 7rem;
	text-align: center;
	color:white;
	/* color: #e98d33; */
	text-shadow: -2px -2px 10px black;
	position: relative;
	position: relative;
	-webkit-align-self: center;
	align-self: center;
}

.bfc {
  overflow: hidden;
  _overflow: visible;
  zoom: 1; 
 }

 footer {

    padding: 50px;
    background: #e98d33;
    color: white;
    margin-top: 4rem;
    text-align: center;
 }

 @font-face {
 	font-family: "Frente";
 	src: url('fonts/FrenteH1-Regular.otf');
 }



 .woocommerce .columns-3 {
 	margin: 4rem !important;
 }

 li.product {
    padding: 1rem !important;
    box-sizing: border-box !important;
 }

.woocommerce ul.products li.product .woocommerce-loop-product__title{

    font-size: 2rem;
    color: black !important;
    line-height: 2rem;
 }

 .three-up {
 	text-align: center;
 	margin-top:4rem;
 }

 .three-up div {
	display: inline-block;
	position: relative;
 }

 .three-up div p {
 	position: absolute;
	top: 50%;
	transform: translateY(-50%); 
    font-family: "Frente";
    color: white;
    font-size: 3rem;
    line-height: 3rem;
    width: 100%;
    text-shadow: 1px 1px black;
 }

 .three-up img {
 	width: auto;
	height:300px;
 }

.order-form {
	display: none;
	width: 90%;
	max-width: 800px;
}



.different-shipping {
	display: none;
}

.order-form .meals input {
	width: 2rem;
    text-align: right;
    padding: 5px;
}

	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
		margin-bottom: 0;
	}

@media (max-width: 1250px) {
	.logo {
		margin: 2rem 1rem;
	}
	.site-name h1 {
		font-size: 4rem;
		margin-top:2.8rem;
	}
	div.menu {
		float:right;
	}
	#menu-navigation {
		padding: 0;
	}
	#menu-navigation li {
		margin: 10px .5rem;
	}
}

@media (max-width: 950px) {
	
	.site-name h1 {
		font-size: 3rem;
		margin-top:1.6rem;
	}
	.site-name h2 {
		font-size: 1.3rem;
		margin-top: 1rem;
	}
	#menu-navigation li {
		font-size:1.2rem;
	}
	div.menu {
		line-height: 80px
	}

	.logo {
		width: 150px;
		margin: 1rem;
	}
}

@media (max-width: 768px) {
	.meals {
		font-size: 0.7rem;
	}

	.meals input {
		float: left;
		margin-right: 10px;
		padding: 5px 0;
	}
	.order-form .meals input {
		width: 2rem;
	    text-align: right;
	    padding: 5px;
	    border: 1px solid #bbb;
	}

	.meals label {
		font-size: 0.8rem;
	}

	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
	div.menu {
		line-height:1rem;
	}
	.page-header {
		text-align: center;
	}
	div.menu {
		float: none;
		width:100%;
	}
	.parallax-content p {
		font-size: 4rem;
	    line-height: 5rem;
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
		width: 33.33%;
		clear: none;
	}
}

@media (max-width: 500px) {
	.parallax-content p {
		font-size: 3rem;
	    line-height: 4rem;
	}

	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
	    width: 40vw !important;
	    float: none !importnat;
	    display: inline-block;
		margin: 0;
	}
	.product img {
	    max-width: 100px;
	}
}

.product .add_to_cart_button {
	display: none !important;
}

.order-now {
	text-align: center;
}

.order-now a, #where-are-you button {
	color: black;
	font-weight: bold;
	background-color: #e98d33;
	border-radius: 5px;
	display: inline-block;
	padding:20px;
	text-decoration: none;
  cursor: pointer;
}

#where-are-you button {
	background-color: #ccc;
}

#where-are-you button.selected {
	background-color: #e98d33;
}


header.page-header, div.menu {
	overflow: visible;
}

.menu-item-11 {
	position: relative;
}

#product-menu {
	opacity: 0;
	transition: opacity 0.5s ease;
	position: absolute;
	display: none;
	width:600px;
	margin:0;
    padding: 1rem 2rem;
	line-height: 4rem;
    background-color: rgba(255,255,255, .9);
    margin-left: -2rem;
    margin-top: -2rem;
    z-index: 1000;
    left: -200px;
}

#menu-navigation li a:hover {
	color: #e98d33;
}

@media (max-width:767px) {
	#product-menu {
 		margin-top:20px;
    }

    .woocommerce ul.products li.product a img {
    	display: inline;
    }
}

#product-menu li {
	width: 300px;
	margin:0;
	padding:0;
	text-align: left;
}

.page-id-6 #main img {
	width: auto;
	max-height:400px;
	height:50vh;
}

.alignright {
	margin-left:100px;
}

@media(max-width:767px) {

.page-id-6 #main .alignright, .page-id-6 #main .alignleft {
	margin:0 auto;
}
.page-id-6 #main img {
	display:block;
}
}


.slideshow-nav {
	display: none;
}

.slideshow-content img {
	height: 400px !important;
	width: auto !important;
	object-fit: cover;
}

div.slideshow-wrapper {
	width: 350px;
	float:left;
	margin: 0 40px 40px 0;
}

@media (max-width:767px) {
	.slideshow-wrapper {
		float:none;
		width: 100%;
	}
}

.parent-pageid-6 h3, .parent-pageid-6 p {
	margin: none;
}

.parent-pageid-6 main {
	max-width: 800px;
	margin: 0 auto;
}

.parent-pageid-6 h3 {
	margin: 1rem auto;
    font-size: 3rem;
}

#inside-nz {
	display:none;
}

a.button.product_type_simple.ajax_add_to_cart {
	display: none;
}


.free-shipping {
	background-color: #e98d33; 
	padding: 3rem; 
	cursor:pointer;
}

.free-shipping h1 {
	font-size: 6rem;
	line-height: 6rem;
}

.free-shipping h2 {
	font-size:4rem;
	margin-bottom: 0;
	padding: 2rem;
}


.left {
	float: left;
	width: 300px;
}

@media(max-width:767px) {
	.wrap .woocommerce.free-shipping { 
		margin: 0 !important;
		padding: 1rem;
	}

	.wrap .woocommerce {
		margin: 1rem !important;
	}

	.free-shipping h1 {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.free-shipping h2 {
		font-size:1.5rem;
		line-height: 2rem;
		padding: 0;
	}

	.free-shipping p {
		font-size: 0.7rem;
	}

	.left {
		width:50vw;

	}

	#product-menu {
		width: 100vw;
		line-height: 2rem;
	}

	#product-menu li {
		width: 45vw;
		padding: 0.3rem 1rem;
	}
}


.two-column {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.half-width {
    display: table-cell; /* Make elements inside the container behave like table cells */
    width: 50%;
    vertical-align: top;
    line-height: 0 !important;
}

.half-width img { 
    width: 100%;
    height: auto;
}

@media (max-width: 767px) {
	.half-width.woocommerce {
		padding: 1rem !important;
	}
}