/*
 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: 'rocks';
    src: url('fonts/ChineseRocksRg-Regular.eot');
    src: url('fonts/ChineseRocksRg-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/ChineseRocksRg-Regular.woff2') format('woff2'),
        url('fonts/ChineseRocksRg-Regular.woff') format('woff'),
        url('fonts/ChineseRocksRg-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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



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

h1{
	 position:relative;  
	font-family: 'rocks';
	font-size: 60px;
    font-weight: 800;
	letter-spacing: 3px;
	
	color: #e2912a; /* Fallback solid color */
    -webkit-text-fill-color: transparent; /* Webkit Disable Fallback */

/* Text color gradient properties */
    background: -webkit-linear-gradient(#ecbc2a, #d86f29, #c12a2e, #cc0208);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	
	filter: drop-shadow(-3px 5px #333);
}


h3{
	font-family: 'fibre';
	color: #fab240;
	text-shadow: -3px 3px 0px #590105;
	font-size: 45px !important;
	line-height: 35px !important;
	padding: 0 0 0 0 !important;
}

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


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

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

.line{
	background-image: url(https://winnr.digital/pistoleros/wp-content/uploads/2020/07/line.png);
	width: 170px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 15px auto;
}

@media(max-width: 600px){
	h1{
	font-size: 45px;
}
}
/************** navigation ****************/

.page-template-default #main-content{
	margin-top: -175px;
}

ul.nav{
	display: flex;
	justify-content: space-evenly;
	min-width: 1000px !important;
}

.nav li{
	font-family: 'rocks';
	font-size: 35px !important;
	letter-spacing: 3px;
}

.nav li a{
	color: #E79B39 !important;
}


li.centered-inline-logo-wrap{
	min-width: 300px !important;
	margin-top: -75px !important;
}

#logo{
	min-width: 200px !important;
	min-height: 270px !important;
	margin-right: -75px;
}


@media(max-width: 980px){
	#logo{
	min-width: 0 !important;
	min-height: 0 !important;
}


li.centered-inline-logo-wrap{
	min-width: 0px !important;
	margin-top: -0px !important;
}
}



/************** homepage ****************/

/**newsletter**/

.mc-nl{
	display: flex;
	justify-content: center;
}

input.nl-email{
	font-family: fibre;
	font-size: 22px;
	color: #d6ac5d;
	height: 60px;
	padding: 0 15px 0 15px;
	width: 300px;
	border: 2px solid #61AEB6;
	background-color: rgba(0,0,0,0.0);
}

input.nl-email::placeholder{
	color: #61AEB6;
}

input.nl-btn{
	font-family: fibre;
	font-size: 25px;
	color: #d6ac5d;
	height: 60px;
	width: 150px;
	background-color: #590104;
	border: 0px solid #fff;
}


/************* food menu ************/

.food-content-wrap{
	position: relative;
	background-color: #63aaaf;
background-image: url(https://winnr.digital/pistoleros/wp-content/uploads/2020/07/background2.png);
background-size: cover;
padding: 290px 0 100px 0;
}

.food-content-top{
	position: absolute;
	top: 0;
	width: 100%;
	height: 250px;
	background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0.7497373949579832) 0%, rgba(0,0,0,0) 100%);
}

.food-content-wrap h1{
	text-align: center;
	margin: 0 0 30px 0;
	font-size: 70px;
}

.title-text{
	display: block;
	font-family: 'fibre';
	color: #fab240;
	text-shadow: -3px 3px 0px #590105;
	text-align: center;
	font-size: 60px !important;
	line-height: 35px !important;
	padding: 0 0 0 0 !important;
}


.food-menu-wrap{
	width: 95%;
	max-width: 1000px;
	margin: auto auto;
	background-color: #150e02;
	padding: 50px 25px;
}

.food-menu-wrap h3{
	font-size: 60px !important;
	text-align: center;
	margin: 20px 0 40px 0;
}

.food-menu-inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	width: 95%;
	max-width: 900px;
	margin: auto auto;
}

.food-content-inner h4{
	font-family: 'fibre';
	color: #fab240;
}

.food-content-inner h5{
	font-family: 'fibre';
	color: #fab240;
}

.food-content-inner p{
	font-family: 'fibre';
	color: #fab240;
}

.food-content-inner span{
	font-family: 'fibre';
	color: #fab240;
}


.food-item{
	width: 95%;
	max-width: 400px;
	margin: 40px 20px;
}

.food-top{
	display: flex;
	justify-content: space-between;
	align-items: top;
}

.food-top p{
	font-size: 22px;
	font-weight: 800;
	color: #FAB240;
	text-transform: uppercase;
}

.price{
	font-size: 24px;
	font-weight: 700;
	color: #FAB240;
	text-transform: uppercase;
}

.food-dec{
	color: #d84427;
	font-weight: 600;
}

.taco-wrap{
	width: 90%;
	max-width: 700px;
	margin: auto auto;
	padding: 50px 30px;
	border: 1px solid rgba(255,255,255,0.2);
}


.two-col{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 15px 0;
}

.two-col h4{
	margin: 10px;
}

.page-id-191 h5{
	font-size: 22px;
	font-family: fibre;
	color: #C53E23;
}

.page-id-191 span{
	font-family: fibre;
	color: #fab240;
}

.page-id-191 h3{
	font-family: fibre;
	color: #fab240;
}

.page-id-191 h4{
	font-size: 30px !important;
	font-family: fibre;
	color: #fab240;
	text-shadow: -3px 3px 0px #590105;
}


@media(max-width: 980px){
	.food-content-wrap{
padding: 120px 0 100px 0;
}

}

@media(max-width: 700px){
	.food-menu-inner{
	flex-direction: column;
}

.food-item{
	width: 100%;
	margin: 20px auto 30px auto;
}
}




/************* drink menu ************/

.page-id-286 h4{
	font-family: 'fibre';
	color: #fab240;
}

.page-id-286 h5{
	font-family: 'fibre';
	color: #fab240;
}

.page-id-286 p{
	font-family: 'fibre';
	color: #fab240;
}

.drink-content-wrap{
	position: relative;
	background-color: #63aaaf;
background-image: url(https://winnr.digital/pistoleros/wp-content/uploads/2020/07/background2.png);
background-size: cover;
padding: 290px 0 100px 0;
}

.drink-content-top{
	position: absolute;
	top: 0;
	width: 100%;
	height: 250px;
	background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0.7497373949579832) 0%, rgba(0,0,0,0) 100%);
}

.drink-content-wrap h1{
	text-align: center;
	margin: 0 0 30px 0;
	font-size: 70px;
}


.drink-menu-wrap{
	width: 95%;
	max-width: 1000px;
	margin: auto auto;
	background-color: #150e02;
	padding: 50px 25px;
}

.drink-menu-wrap h3{
	font-size: 60px !important;
	text-align: center;
	margin: 20px 0 40px 0;
}

.food-menu-inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	width: 95%;
	max-width: 900px;
	margin: auto auto;
}

.drink-item{
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 700px;
	margin: 40px auto;
	padding: 0 0 15px 0;
}

.drink-item{
	width: 95%;
}

.drink-item img{
	width: 30%;
	margin: 0 30px;
	max-width: 175px;
	max-height: 175px;
	object-position: center;
	object-size: cover;
}

.drink-top{
	display: flex;
	justify-content: space-between;
	align-items: top;
}

.drink-top p{
	font-size: 22px;
	font-weight: 800;
	color: #FAB240;
	text-transform: uppercase;
}

.price{
	font-size: 24px;
	font-weight: 700;
	color: #FAB240;
	text-transform: uppercase;
}

.drink-dec{
	color: #d84427;
	font-weight: 600;
}

@media(max-width: 980px){
	.drink-content-wrap{
padding: 120px 0 100px 0;
}

}

@media(max-width: 700px){
	.drink-item{
	flex-direction: column;
	max-width: 400px;
	margin: auto auto;
}


	.drink-item img{
	width: 100%;
	margin: 30px 0 30px 0;
	max-width: 175px;
	max-height: 175px;
	object-position: center;
	object-size: cover;
}
}

/************* contact form **************/

.page-id-135 p{
	color: #333333;
	font-size: 20px;
	font-family: 'fibre';
	max-width: 700px;
	text-align: center;
	margin: 15px auto;
	line-height: 30px;
}


.contact-form{
	margin: auto auto;
	max-width: 700px;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
	color: #590105;
}

.contact-form input{
	width: 100%;
	height: 50px;
	margin: 10px 0;
	padding: 0 0 0 20px;
	font-size: 20px;
	font-family: 'fibre';
}

.contact-message textarea{
	width: 100%;
	margin: 10px 0;
	padding: 15px 0 0 20px;
	font-size: 20px;
	font-family: 'fibre';
}

.contact-form .wpcf7-submit{
	float: left;
	max-width: 200px;
	font-size: 30px;
	border: 0px solid #fff;
	background-color: #E39B2A;
	color: #000;
	padding: 0 0 0 0;
	cursor: pointer;
}

.contact-form .wpcf7-submit:hover{
background-color: #590105;
color: #D6AC5D;
}

span.wpcf7-not-valid-tip{
	font-size: 19px;
	font-family: 'fibre';
	color: #590105;
}


div.wpcf7-response-output{
	font-family: 'fibre';
	text-align: center;
	background-color: #590105;
	border: 0px solid #000 !important;
	padding: 40px !important;
	font-size: 20px;
	color: #E39A2A;
	max-width: 500px;
	margin: 55px auto 0 auto !important;
}


/************* top footer **************/

.top-footer{
	display: flex;
	justify-content: center;
background-color: #590105;
padding: 30px 0;
}


.top-footer i a:hover{
	background-color: #140E02;
}



.top-footer .fab{
	padding: 12px;
	margin: 0 15px;
	background-color: #d6ac5d;
	color: #590105;
	font-size: 30px;
}

.top-footer .fab:hover{
	background-color: #140E02;
	color: #FAB240;
}


/************ bottom footer *************/

div.footer-widget{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

#footer-info{
	display: flex;
	float: none;
	justify-content: center;
	margin: auto auto;
	color: #dcd4ce;
}

.textwidget{
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 1px;
}

.open{
	color: #8e8985;
	margin: 30px auto 50px auto;
	font-weight: 600;
}