/*##### GLOBAL #####*/
body { 
    font-family: 'Libre Baskerville', serif;
    font-size: 14px;
    color: white; 
}
h1,h2,h4,h5,h6 { 
     font-family: 'Open Sans', sans-serif;
     
}
.title h2 {
    font-size: 42px;
    font-weight: 300;
    text-transform: uppercase;
    color: #7F8C8C;
    margin:60px 0;
}
.title h2:after, h2:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 2px;
    background: #8C7E7F;
    margin:0 20px 10px 15px;
}

@media screen and (max-width: 640px){
    .title h2 {
        font-size: 32px;
    }
    .title h2:after, h2:before {
        width: 30px;
   }
}

/*##### HEADER #####*/

/*TOP-BAR*/

header .top-bar { 
    height:180px;  
    padding: 0 8px;  
    background-color: #E74C3C;
    transition: 1s all ease;    
}
header .top-bar ul { 
    background-color: #E74C3C;
    margin-top: 72px;
}
header .top-bar ul li a{
    font-family: 'Open Sans', sans-serif;    
    font-size: 14px;  
    font-weight: 700;
    text-transform: uppercase;
    color: white;  
    padding: 12px 1.3rem;  
    transition: 1s all ease; 
    
}
header .top-bar ul li a:hover{ 
    color: #F1C40D;
}
header .current_page_item a {
    color: #F1C40D!important;
}
header .top-bar #logo { 
     margin-top:5px;
}


header .top-bar ul .fone span{
    font-size:22px;
}
header .title-bar { 
    background-color: #E74C3C;
    height:101px;    
}

header .menu-icon {
 margin-top: 22px; 
}
header .menu-icon::after { 
    background: #FFF;  
    box-shadow: 0 7px 0 #FFF, 0 14px 0 #FFF; 
}

@media screen and (max-width: 640px){
    header .title-bar {
        height:75px;
    }
    header .top-bar { 
        height:250px!important; 
    }
}

/*HOME*/
header .site-banner {
    background-color: #E74C3C;
    padding:30px 0;
    color: white;
}
header .site-banner h1 {
    font-size:85px;
    font-weight: 300;
    text-transform: uppercase;
    max-width: 680px; 
    line-height:1.2;  
    margin-bottom:60px;
}
header .site-banner h1 span {
    font-size: 90px;
    font-weight: 700;
    color: #F1C40D;
}
header .site-banner p {
    font-size:18px;
    margin-bottom: 5px;
}
header .site-banner .telefone:before, .telefone:after{
    content: "";
    display: inline-block;
    width: 90px;
    height: 2px;
    background: white;
    margin:0 15px 3px 15px;
}

@media screen and (max-width: 640px) {
   header .site-banner h1 {
        font-size:40px;
        margin-top:20px;
        margin-bottom:40px;
    }
    header .site-banner h1 span {
        font-size: 45px;
    }
    header .site-banner p {
        font-size:14px;
    }
    header .site-banner .telefone:before, .telefone:after{
        width: 40px;
    }
}

/*##### INDEX #####*/
.product-card{
    background-color: #E74C3C; 
    padding: 15px;
    margin-top:20px;
}
.product-card img{
    margin-top:-40px;
}
.product-card .p-title {
    font-size:22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top:20px;
}
.product-card .p-desc {
    font-size:14px;
    margin-top:20px;
}
.product-card .p-price {
    font-family: 'Open Sans', sans-serif; 
    font-size:32px;
    font-weight: 700;
    color: #BF392B;
    margin:0;
}
.product-card .p-price:after, .p-price:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 3px;
    background: #BF392B;
    margin:0 15px 10px 15px;
}

#index .dogs .button {
    font-family: 'Open Sans', sans-serif;  
    font-size: 18px;
    font-weight: 700;
    background-color: white;
    color: #F1C40E;
    border: 2px solid #F1C40E;
    width: 300px;
    height: 50px;
    margin-top:60px;
}


#index #dinho-dog p {
    color: #7F8C8C;
    font-size:17px;
    line-height: 1.8;
}
@media screen and (max-width: 640px) {
    .dogs .product-card {
        margin-bottom:30px;
    }
    #index .dogs .button {
        width: 280px;
        margin-top:30px;
    }
    #index #dinho-dog h2:after {
        content:none ;
    } 
     #index #dinho-dog h2:before {
        content:none ;
    } 
    #index #dinho-dog p {
        text-align: center;
        margin-top:-20px;
        font-size:14px;
    }
}



/*##### CARDÁPIO #####*/
.cardapio-extras-bebidas .product-card{
    margin-top:0;
    margin-bottom:20px;
}



/*##### CONTATO #####*/
#contato{
    color: #E74C3C;
}
#contato p {
    color: #333;
}



/*##### FOOTER #####*/

#copy {
    margin-top:60px;
    background-color: #E74C3C;
    padding:35px;
    color: white;
}
#copy p{
    margin:0px;
}
.footer-adjust {
    height:40px;
}
.pedir-online {
    width: 100%;
    position: fixed;
    bottom: -16px;
}
.pedir-online .button{
   font-family: 'Open Sans', sans-serif;
   text-transform: uppercase;
   padding:1.2em 1.2em;
}