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


ol, ul {
    list-style: inside;
}

.mainHeader {
    background-position-y: 95% !important;
    background-attachment: fixed;
}


.greenBox {
    outline: 20px solid #9fc137;
    border: 3px solid #fff;
    color:#fff;

}.greenBox_404 {
    outline: 20px solid #9fc137;
    border: 3px solid #fff;
    color:#fff;
}

.greenBox h2 {
    color:#fff;
    font-size:28px;
}

.greenBox_dark {
    outline: 20px solid #367e8a;
}

.greenBox_dark,
.greenBox {
    position:relative;
    top: -100px;
    min-height:370px;
}

.greenBox .et_pb_button {
    font-size:16px !important;
    background-color: #367e8a;
    width:90% !important;
    padding: 15px !important;
    font-weight:bold;
}

.greenBox .et_pb_button:hover {
    background-color: #449fae !important;
    padding:15px !important;
}

.orderBox .et_pb_button_module_wrapper {
    padding-top:85px;
}

.clip-arrow-down {
    #clip-path: url("#arrow-down");
    clip-path: polygon(100% -20%, 0 -20%, 0 91%, 45% 91%, 50% 100%, 55% 91%, 100% 91%);
}

.clip-event-frame {
    clip-path: url("#eventframe");
}

#top-menu li {
    display: block;
}

#top-menu li:last-child {
    color: #fff;
    margin-bottom: 1em;
    white-space:nowrap;
}
#top-menu li:last-child a {
    color: #fff !important;
    margin-bottom: 1em;
    padding:0px !important;
    margin:0px !important;
}

#footer-widgets {
    padding: 2% 0 0;
}

a.directions:link {
    color: #000000 !important;
}

a.directions:hover {
    color: #000000 !important;
}

a.directions:visited {
    color: #000000 !important;
}


@media only screen and ( max-width:980px ) {
    #et_mobile_nav_menu { display:none; }
    #top-menu {display:block}
}


@media only screen and (max-width: 479px) {
    #logo {margin-left: -8%;}
}


.eventBox {
    outline: 7px solid#a2c0bf;
    outline-offset: 5px;
}


.eventBox ul.ecs-event-list {
    list-style:none;
    font-family: 'Relaway';
    padding:0;
}

.eventBox ul.ecs-event-list li {
    padding-top:2%;
    font-family:Raleway;
    text-align:center;
}

.eventBox ul.ecs-event-list li * {
    display:inline;
    font-family:Raleway !important;
    font-size:100%;
    color:#322b29;
}

.eventBox ul.ecs-event-list li h4 {
    font-weight:bold;
    white-space:nowrap;
}
.eventBox ul.ecs-event-list li span {
    margin-left:2%;
}

.drinkBox h4 {
    margin-bottom: 15px;
    margin-top:30px;
}

.drinkBox .desc {
    padding-top: 10px;
    color: #666;
    font-size: 12px;
    font-weight:normal;
    display: inline-block;
}

.drinkBox strong {
    color: #77902a;
    line-height: 1.7;
    margin-top:6px;
    margin-bottom:6px;
}

.drinkBox ul {
    list-style-type:none;
}
.drinkBox ul li {
    border-top: 1px solid #dbdbdb;
    padding-top: 2%;
    padding-bottom: 3%;
    font-size: 14px;
}
.drinkBox ul li:last-child {
    border-bottom: 1px solid #dbdbdb;
}

.drinkBox p:last-of-type {
    padding-bottom: 1em !important;
}

.theme-299 .pum-title {
    font-weight: 700;
    padding: 10px 15px 15px 20px;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    z-index: 999;
}

.theme-299 .pum-content + .pum-close {
    font-size:14px !important;
    border-radius:0 0 3px 3px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.5) !important;
}

.theme-299 .pum-content + .pum-close:hover {
    background-color: rgba(51, 51, 51, 0.8);
}

.OptinBox {
    wwidth:100%;
}

.OptinBox .et_pb_newsletter_form {

    width:100%;
    padding:0px;
}
.OptinBox .et_pb_newsletter_description {
    display:none;
}

.theme-299 .pum-close {
    z-index:99999999;
}

@media only screen and (max-width: 500px) and (orientation : portrait) {

    .et_header_style_left .logo_container {
	position: relative;
	text-align: center;
    }

    .et_header_style_left #logo, .et_header_style_split #logo {
	max-width: 100%;
    }

    #et-top-navigation {
	padding-left:0px !important;
	float:none;
    }

    nav#top-menu-nav {
	float:none;
    }

    #top-menu {
	width:100%;
	text-align: center;
    }

    #glfButton0 {
	padding:10px !important;
    }

}

.avva-section-container {
    padding: 1em !important;
    margin: 0px auto !important;
}

*/


a.redlink:link {
    color: red !important;
}

a.redlink:hover {
    color: red !important;
}

a.redlink:visited {
    color: red !important;
}

a.greylink:link {
    color: #333 !important;
}

a.greylink:hover {
    color: #333 !important;
}

a.greylink:visited {
    color: #333 !important;
}


a.whitelink:link {
    color: #fff !important;
}

a.whitelink:hover {
    color: #fff !important;
}

a.whitelink:visited {
    color: #fff !important;
}


#global-footer {
	z-index:10;
}

.food-price-table {
border-collapse: collapse;
width:100% !important;
border:0 !important;
}

.food-price-table td {
padding:1em !important;
}

.food-price-table td {
padding-left:0px !important;
}

.food-price-table td:nth-child(2) {
color:#9b2125;
text-align: right;
}

.menu div:last-child {
border-bottom: 1px !important;
}

#menu-container {
  position:absolute;
  width:100%;
  background:none;
}

#menu-container li {
  padding-top:0;
  padding: 1em;
  padding-bottom:6px;
  border-right:1px solid rgba(256,256,256,.2);
}

#menu-container li:last-child {
  border-right:1px solid #e48e0f;
}


#menu-container li:hover {
 background-color: #50BC7F;
 border-color: #2B578F !important;
 #background:#e71e25;
 border-radius: 14px;

}

.order-online {
  #background: #50BC7F;
  #border: 2px solid #003366;
  background-color: #50BC7F;
  border-color: #2B578F !important;
  border-radius: 14px;
}

.order-online:hover {
  #background: #ff7975 !important;
}

.content-row {
  margin-top: 60px;
}

/* KB Slider */

.kbslider {
 /*animation: kbsl 5s infinite;*/
animation: kbsl 7s infinite;
animation-fill-mode: forwardS;
}

@keyframes kbsl {
 0% {
  transform:scale(1)
 }
 /* 50% {
  transform:scale(1.2)
 }*/
 100% {
  transform:scale(1.5)
 }
}