/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


/*********** global ***********/

/** font **/

@font-face {
    font-family: 'AkzidenzGrotesk';
    src: url('fonts/AkzidenzGrotesk-Bold.eot');
    src: url('fonts/AkzidenzGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/AkzidenzGrotesk-Bold.woff2') format('woff2'),
        url('fonts/AkzidenzGrotesk-Bold.woff') format('woff'),
        url('fonts/AkzidenzGrotesk-Bold.ttf') format('truetype'),
        url('fonts/AkzidenzGrotesk-Bold.svg#AkzidenzGrotesk-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AkzidenzGrotesk';
    src: url('fonts/AkzidenzGrotesk-Black.eot');
    src: url('fonts/AkzidenzGrotesk-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/AkzidenzGrotesk-Black.woff2') format('woff2'),
        url('fonts/AkzidenzGrotesk-Black.woff') format('woff'),
        url('fonts/AkzidenzGrotesk-Black.ttf') format('truetype'),
        url('fonts/AkzidenzGrotesk-Black.svg#AkzidenzGrotesk-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AkzidenzGrotesk';
    src: url('fonts/AkzidenzGrotesk-Roman.eot');
    src: url('fonts/AkzidenzGrotesk-Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/AkzidenzGrotesk-Roman.woff2') format('woff2'),
        url('fonts/AkzidenzGrotesk-Roman.woff') format('woff'),
        url('fonts/AkzidenzGrotesk-Roman.ttf') format('truetype'),
        url('fonts/AkzidenzGrotesk-Roman.svg#AkzidenzGrotesk-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AkzidenzGrotesk';
    src: url('fonts/AkzidenzGrotesk-Light.eot');
    src: url('fonts/AkzidenzGrotesk-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/AkzidenzGrotesk-Light.woff2') format('woff2'),
        url('fonts/AkzidenzGrotesk-Light.woff') format('woff'),
        url('fonts/AkzidenzGrotesk-Light.ttf') format('truetype'),
        url('fonts/AkzidenzGrotesk-Light.svg#AkzidenzGrotesk-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Minion Pro';
    src: url('fonts/MinionPro-Regular.eot');
    src: url('fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/MinionPro-Regular.woff2') format('woff2'),
        url('fonts/MinionPro-Regular.woff') format('woff'),
        url('fonts/MinionPro-Regular.ttf') format('truetype'),
        url('fonts/MinionPro-Regular.svg#MinionPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Candy Script';
    src: url('fonts/CandyScript-Regular.eot');
    src: url('fonts/CandyScript-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/CandyScript-Regular.woff2') format('woff2'),
        url('fonts/CandyScript-Regular.woff') format('woff'),
        url('fonts/CandyScript-Regular.ttf') format('truetype'),
        url('fonts/CandyScript-Regular.svg#CandyScript-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Candy Script';
    src: url('fonts/CandyScript-Regular_1.eot');
    src: url('fonts/CandyScript-Regular_1.eot?#iefix') format('embedded-opentype'),
        url('fonts/CandyScript-Regular_1.woff2') format('woff2'),
        url('fonts/CandyScript-Regular_1.woff') format('woff'),
        url('fonts/CandyScript-Regular_1.ttf') format('truetype'),
        url('fonts/CandyScript-Regular_1.svg#CandyScript-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*************** global **************/

h1{
	font-family: 'AkzidenzGrotesk';
	font-size: 50px;
}

h2{
	font-family: 'AkzidenzGrotesk';
	font-size: 25px !important;
	line-height: 35px !important;
	padding: 0 0 0 0 !important;
}

h3{
	font-family: 'AkzidenzGrotesk';
	font-size: 20px !important;
	line-height: 30px;
}

h4{
	font-family: 'AkzidenzGrotesk';
	font-size: 40px !important;
	line-height: 55px !important;
	font-weight: 600 !important;
}

h5{
	font-family: 'AkzidenzGrotesk';
	font-size: 30px !important;
	line-height:35px !important;
	font-weight: 500 !important;
}

h2 span{
	font-size: 16px;
}

p{
	font-family: 'AkzidenzGrotesk';
	font-size: 16px;
}

p span{
	font-family: 'AkzidenzGrotesk';
	font-size: 16px;
	padding: 20px 0;
}

a{
	transition: all 200ms ease-in;
}

a:hover{
	transition: all 200ms ease-in;
}


/************ nav menu *****************/

.nav > li > a{
	text-shadow: rgba(0,0,0,0.8) 0px 0px 16px;
}



/************* home page ************/

.hp-gift-wrap{
	display: flex;
	align-items: center;
	justify-content: center;
}
.home .et_pb_image img
{
	margin-top:7%!important;
}
@media(max-width: 750px){
	.hp-gift-wrap{
	flex-direction: column;
}
}

.hp-hours-wrap{
	display: flex;
	justify-content: center;
	align-items: bottom;
	flex-direction: row;
}

.resturant-txt{
font-family: 'Candy Script';
font-size: 90px;
margin: 0 15px;
}

@media(max-width: 750px){
	
	.hp-hours-wrap{
	flex-direction: column;
	text-align: center;
}

.resturant-txt{
font-family: 'Candy Script';
font-size: 65px;
margin: 45px 0;
}
}


/************ contact page **************/


.contect-form-wrap{
	width: 100%;
	max-width: 630px;
}


.contact-page-field-input{
	display: block;
	align-items: top;
	border-radius: 0px;
margin: 0 0 0 0 !important;
	width:100%;
}

.contact-page-field-sub input{
padding: 15px;
color: #222222;
font-size: 16px;
border-radius: 0px;
margin: 0 0 0 0 !important;
}

.contect-form-wrap input{
	width: 100%;
	display: block;
padding: 15px;
color: #222222;
font-size: 16px;
border-radius: 0px;
margin: 0 0 0 0 !important;
}

.contect-form-wrap input, .contect-form-wrap select{
	padding: 15px;
	width: 100%;
}

.contect-form-wrap textarea.wpcf7-form-control.wpcf7-textarea{
	width: 100%;
	height: 125px;
	padding: 15px;
	color: #222222;
	font-size: 16px;
	margin-top:25px;
	margin-bottom: 20px;
}


.contect-form-wrap input.wpcf7-form-control.wpcf7-submit{
	cursor: pointer;
	width: 100%;
	background-color: #046444;
	color: #fff;
	font-size: 25px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	padding: 20px 0;
	border: 0px solid #fff;
	margin: -10px 0 0 0;
}
.app-form-wrap.app-form-wrap-new input.wpcf7-form-control.wpcf7-submit{
	display:block;
	cursor: pointer;
	width: 65%;
	background-color: #046444;
	color: #fff;
	font-size: 25px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	padding: 20px 0;
	border: 0px solid #fff;
	margin: 0px auto 0px;	
}

.app-form-wrap.app-form-wrap-new input.wpcf7-form-control.wpcf7-submit:hover, .contect-form-wrap input.wpcf7-form-control.wpcf7-submit:hover{
	background-color: #000;
}
.app-form-wrap.app-form-wrap-new .ajax-loader{
	position: absolute;
}
.contect-form-wrap div.wpcf7-response-output{
 color: #000 !important;
  border: 0px solid #fff;
  font-size: 20px !important;
  line-height: 30px;
}

span.wpcf7-not-valid-tip{
	
	font-family: Francois One;
	font-size: 17px;
	font-weight: 500;
	color: #DC3232;
	padding: 0 0 0 0;
}



/**************** menu page ***************/

.menu-title-sec h1{
	text-align: center;
}

.menu-title-sec p{
	text-align: center;
	margin: 30px 0 50px;
}

a.menu-dl{
	display: block;
	color: #fff;
	font-size: 22px;
	background-color: #116C4E;
	text-transform: uppercase;
	text-align: center;
	width: 250px;
	padding: 25px;
	margin: 25px auto 0px auto;
}

.menu-wrap{
	display: flex;
	max-width: 900px;
	margin: 40px auto 100px auto;
}

.menu-sec-wrap{
	display: block;
	width: 50%;
	background-color: #116C4E;
	padding: 32px;
	color: #fff;
	margin: 20px;
}

.menu-item-wrap{
	display: block;
	color: #fff;
	font-size: 25px;
	line-height: 27px;
	letter-spacing: 1px;
	padding: 10px 0;
	font-weight: bold;
}

.menu-sec-wrap h2{
	font-family: 'Candy Script';
	color: #116C4E;
	font-size: 50px !important;
	margin-top: -80px;
	padding: 0 0 40px 0 !important;
}

@media(max-width: 800px){
	.menu-wrap{	flex-direction: column;}
.page .menu-sec-wrap {
	display: block;
	width: 95% !important;
	max-width: 500px;
	margin: 70px auto;
	float: none !important;
	clear: none !important;
}

.page .menu-wrap::before{
	display: none;
}

.menu-title-sec h1{
	font-size: 50px;
}
}

.menu-sec-wrap i{
	font-family: 'AkzidenzGrotesk';
	display: block;
	font-size: 20px;
	line-height: 30px;
	font-weight: 500 !important;
	padding: 10px 0;
}


.right-place{
	position: relative;
	width: 95%;
	max-width: 900px;
	margin: auto auto;
}

.right-place h1{
	font-size: 50px;
	text-align: center;
}

.right-place span{
	display: block;
	position: relative;
	font-family: 'Candy Script' !important;
	color: #046444;
	text-align: center;
	font-size: 25px !important;
	height: 50px;
	margin: 10px auto 90px auto;
	z-index: 3;
}


.right-place span:before{
	display: block;
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #116C4E;
}

.image-sec-wrap{
	max-width: 925px;
	margin: 20px auto 20px auto;
}

.image-sec-wrap h2{
	text-transform: uppercase;
	font-size: 30px !important;
	font-weight: 800;
	margin: 0 15px 20px 15px;
}


.image-sec-inner{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.item-image-wrap{
	display: block;
	position: relative;
	width: 277px;
	height: 277px;
	margin: 15px;
	overflow: hidden;
}

#item-image-inner{
	display: block;
	position: relative;
	width: 277px;
	height: 277px;
	z-index: 30;
}



.item-img-card{
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: center;
	width: 277px !important;
	height: 277px;
	z-index: 3;
	
	 -webkit-transition: .7s ease;
    -moz-transition: .7s ease;
    -o-transition: .7s ease;
    transition: .7s ease;
	
}


.item-img-card span{
	color: #fff;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 40px;
	font-weight: 800;
	text-shadow: rgba(0,0,0,0.8) 0px 0px 16px;
	text-align: center;
}

.item-img-des{
	position: absolute;
	overflow:scroll;
	z-index: 1;
	top: 0px;
	left: 0px;
	padding: 32px;
	background-color: #222222;
	width: 277px;
	height: 277px;
	color: #fff;
}


.item-img-des h2{
	color: #fff;
	font-size: 21px !important;
	text-transform: capitalize !important;
	margin: 0 0 10px 0;
}

.item-img-des p{
	font-family: 'AkzidenzGrotesk';
	color: #fff;
	font-size: 15px !important;
	font-weight: 400 !important;
}



@media(max-width: 920px){
	
	.image-sec-wrap h2{
	text-align: center;
    }

	.image-sec-inner{
	justify-content: center;
  }
}


/************* press page ************/

.press-wrap{
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	width: 95%;
	max-width: 900px;
	height: 250px;
	margin: 15px auto 15px auto;
}


.press-img{
	display: block;
	position: relative;
	width: 250px;
	height: 250px;
	min-height: 250px;
}
	
.press-logo{
	display: block;
	background-size: contain;
	background-position: center;
	background-repeat:no-repeat;
	position: absolute;
	background-color: #fff;
	width: 250px;
	height: 250px;
	top: 0px;
	left: 0px;
}

.press-hover{
	background-size: cover;
	background-position: center;
	position: absolute;
	width: 250px;
	height: 250px;
	top: 0px;
	left: 0px;
}

.press-title{
	width: calc(100% - 350px);
	font-size: 24px;
}

@media(max-width: 800px){
	.press-wrap{
	flex-direction: column;
}

.press-title{
	width: 100%;
	text-align: center;
}


.press-wrap{
	justify-content: center;
	height: 300px;
}

.press-title{
	margin: 20px 0 0 0;
	padding: 15px;
	border-bottom: 1px solid #ccc;
}

}





/************* footer *************/

/** contact form **/

.contact-footer-wrap .contact-field-input{
display: block;
align-items: center;
margin-bottom: 20px;
}

.contact-footer-wrap .contact-field-input input{
	display: block;
width: 100%;
padding: 15px;
color: #222222;
font-size: 16px;
}

.contact-footer-wrap textarea.wpcf7-form-control.wpcf7-textarea{
	width: 100%;
	height: 125px;
	padding: 15px;
	color: #222222;
	font-size: 16px;
	margin-bottom:15px;
}

.contact-footer-wrap input.wpcf7-form-control.wpcf7-submit{
	cursor: pointer;
	width: 100%;
	background-color: #046444;
	color: #fff;
	font-size: 25px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	padding: 20px 0;
	border: 0px solid #fff;
	margin: 0 0 0 0;
}

.contact-footer-wrap input.wpcf7-form-control.wpcf7-submit:hover{
	background-color: #000;
}

.contact-footer-wrap div.wpcf7-response-output{
 color: #fff;
  border: 0px solid #fff;
  font-size: 20px !important;
  line-height: 30px;
}

.contact-mariachi-wrap{
	position: absolute;
	bottom: -100px;
	right: -500px;
	height: 600px;
	width: 600px;
	z-index: 1;
}


@media(max-width: 980px){
	.contact-mariachi-wrap{
	display: none;
}
}


/** bottom menu **/

#et-footer-nav{
	position: relative;
	z-index: 3;
}


ul.bottom-nav{
	display: flex;
	justify-content: center;
	padding: 50px 0 50px 0;
	float: right;
	margin-top: -40px;
}
ul.bottom-nav li:last-child {
    padding-right: 0px !important;
}
ul.bottom-nav a{
	font-size: 19px;
	line-height: 40px;
	text-align: center;
	color: rgba(255,255,255,0.7);
	font-weight: 400;
}

ul.bottom-nav li{
	padding: 5px 15px 5px 15px !important;
}

#footer-bottom{
	border-top: 1px solid rgba(255,255,255,0.4);
	padding: 30px 0 25px 0;
}
.breakfast-page .menu-wrap::before {
    display: none;
}
.breakfast-page .menu-wrap {
    text-align: center;
}
.breakfast-page .menu-sec-wrap.left-section {
    float: none;
    text-align: left;
}
.drinks-page .right-place {
    display: none;
}
.drinks-page .image-sec-wrap {
    display: none;
}
.breakfast-page .item-img-des {
    overflow: hidden;
}
.image-sec-wrap.Sides-section {
    display: none;
}
.lunch-dinner-page .item-img-des {
    overflow: hidden;
}
.menu-sec-wrap.left-section {
    float: left;
    clear: left;
}
.menu-sec-wrap.right-section {
    float: right;
    clear: right;
}
.right-place span::after, .right-place span::before {
    background-color: #116C4E;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.right-place span {
    overflow: hidden;
    text-align: center;
}
.right-place span:before {
    right: 0.5em;
    margin-left: -50%;
}
.right-place span::after {
    left: 0.5em;
    margin-right: -50%;
}

.menu-wrap {
    display: block;
    max-width: 960px;
    overflow: hidden;
    width: 100%;
    margin-left: auto;
    position: relative;
    margin-right: auto;
}
.menu-sec-wrap {
    display: inline-block;
    width: 43%;
    margin-bottom: 40px;
    margin-top: 70px;
    vertical-align: top;
}
.menu-wrap:before {
    content: "";
    display: block;
    width: 0;
    height: calc(100% - 2rem);
    position: absolute;
    left: calc(50% - 1px);
    top: 2rem;
    border: 1px solid #116c4e;
}
.image-sec-wrap.Meats-section {
    display: none;
}
@media(max-width: 920px){
	#footer-info{
		margin: 30px 0 20px 0;
	}
}


@media(max-width: 750px){
	ul.bottom-nav{
	flex-direction: column;
}


}

@media(max-width: 800px){
	.press-logo { 
	    width: 170px;
	    height: 170px; 
	}
	.press-hover { 
	    width: 170px;
	    height: 170px; 
	}
	.press-img {
	    display: block;
	    position: relative;
	    width: 170px;
	    height: 170px;
	    min-height: 170px;
	}
}

.locaton-page-wrap {
    width: 100%;
    max-width: 996px;
    margin: auto;
    text-align: center;
    padding-bottom: 100px;
}
.location-wrap {
    width: 45%;
    min-height: 370px;
    vertical-align: top;
    margin: 15px 15px 15px 15px;
    color: #000;
    padding: 30px 24px 0px 24px;
    font-size: 17px;
    text-align: center;
    line-height: 200%;
    background-color: #fff;
    border: 5px #004f11 solid;
    position: relative;
    display: inline-block;
}
h3.location-title {
    font-size: 30px !important;
    padding-bottom: 45px;
}
p.location-address {
    margin-bottom: 25px;
    font-size: 17px !important;
}
.location-link {
    text-align: center;
    margin-top: 32px;
    padding: 15px 0px 10px 0px;
    padding-bottom: 10px;
    border-top: 1px solid rgba(0, 0, 0, .08);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    display: inline-block;
    width: 100%;

}

#et-footer-nav{
	padding-top: 40px;
}
#et-footer-nav .container{
	display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#et-footer-nav .footer-logo{
	line-height: 1.5;
    font-size: 19px;
    margin-bottom: 15px;
}

.footer-logo {
    width: 20%;
    float: left;
}

@media(max-width: 1199px){
	.location-wrap{ padding-bottom: 24px; }
	ul.bottom-nav li { padding: 5px 10px 5px 10px !important;}
}
@media(max-width: 991px){
	ul.bottom-nav a {
    font-size: 16px;
    }
}    
@media(max-width: 767px){
	.location-wrap{ width: 90%; }
	.location-link{ margin-top: 0; }
	#et-footer-nav .container{ display: block !important; text-align: center; }
	.footer-logo { float: none; display: inline-block; width: 100%;}
	ul.bottom-nav{ width: 100%;}
}
@media(max-width: 600px){
	.location-wrap{
		width: 100%;
		margin-left: 0;
	}
	.locaton-page-wrap {
	    max-width: 95%;
	    width: 95%;
	}
}