/*
Theme Name: Inês e Axé
Theme URI: https://www.araujo.xyz/
Author: Leonel Araujo
Author URI: https://www.araujo.xyz/
Description: Inês e Axé
Version: 2.0
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
.iner-menu {
    text-align:  center;
    width:  100%;
    margin-top: 10px;
}

span.elementor-button-text {
    color: #fff!important;
}

a, a:hover, a:focus {
    text-decoration: none;
}
.elementor-element-6c30955 {
    background-color: #f9f9f9;
    margin-bottom: -58px;
    position: relative;
    z-index: 2;
}
a.menu-a {
    display: inline-block;
    text-decoration: none;
    height:  50px;
    line-height:  50px;
    padding-left:  10px;
    padding-right:  10px;
    font-size:  15px;
    font-family:  'Roboto', sans-serif;
    color: #a62223;
    border-radius: 3px;
    min-width: 70px;
    transition: background-color 0.4s, color 0.4s;
}

a.menu-a:hover {
    color: #42311c;
}

nav.nav {
    background-color: transparent;
    text-align:  center;
    padding-top:  10px;
    margin-bottom: 150px;
}

header {
    background-image: url('img/fundo-head.jpg');
    background-position: center;
    background-size: cover;
}

.mask {
    background-color: rgba(0, 0, 0, 0.63);
    padding-bottom: 150px;
    padding-top: 230px;
}

.menu {
    display: flex;
    width:  100%;
}

.logo {
    width:  25%;
}

.iner-menu {
    width:  75%;
    text-align:  right;
}

.logo img {
    height:  70px;
}

nav.nav {
    background-color:  #fff;
    padding-bottom:  10px;
}

@media (max-width: 660px){
    .menu {
        display:  block;
        text-align:  center;
    }

    .menu>div {
        width:  100%;
        text-align:  center;
    }

    .mask {
        padding-top: 280px;
    }
}
h1.txt-hero {
    color:  #fff;
    text-align:  center;
    font-size: 50px;
    margin:  0;
    font-weight: 600;
    font-family:  'Roboto', sans-serif;
}

p.fun-hero {
    text-align:  center;
    font-size: 18px;
    color:  #fff;
    font-family:  'Roboto', sans-serif;
    margin:  0;
    opacity:  0.9;
    margin-bottom:  50px;
}
p.hero-btns {
    margin: 0;
    text-align:  center;
}

button.hero-btn {
    height:  50px;
    min-width:  130px;
    border-radius:  3px;
    border:  0;
    background-color: #fff;
    color: #42311c;
    font-family:  'Roboto', sans-serif;
    font-weight:  500;
    margin-left:  5px;
    margin-right: 5px;
    opacity: 0.9;
    outline:  none;
    transition: opacity 0.3s, background 0.4s;
}

button.hero-btn:hover {
    opacity:  1;
}

.bt-delivery {
    background-color: #a62223!important;
    color:  #fff!important;
}

.bt-delivery:hover {
    background-color: #ad7b32!important;
    color: #fff!important;
}

@media (max-width: 390px){
    button.hero-btn {
        width:  100%;
        margin:  0;
        margin-top: 7px;
        margin-bottom: 7px;
    }

    p.fun-hero {
        font-size:  15px;
    }

    h1.txt-hero {
        font-size:  32px;
        margin-bottom:  5px;
    }
}

.cardapio {
    padding-top:  50px;
    padding-bottom:  50px;
    background-color: #fbfbfb;
}

h2.layer-txt {
    font-family:  'Roboto', sans-serif;
    text-align:  center;
    font-size:  25px;
    opacity:  0.8;
    margin-bottom:  0;
}

p.layer-min {
    text-align:  center;
    font-size:  15px;
    color:  #333;
    font-family:  'Roboto', sans-serif;
    opacity:  0.5;
    margin-top:  0;
}

hr.layer-hr {
    margin:  auto;
    margin-bottom:  20px;
    width:  100px;
    border: 1px solid #333;
    opacity: 0.1;
}

.dely-img {
    background-image: url('img/delivery.jpg');
}

.delivery {
    background-color: #42311c;
    display:  flex;
}

.left-text {
    box-sizing:  border-box;
    padding: 30px;
    padding-top:  130px;
    padding-bottom:  130px;
}

.delivery>div {
    width: 50%;
}

.dely-img {
    background-position:  center;
    background-size:  cover;
}

h2.dely-txt {
    margin:  0;
    color:  #fff;
    font-family:  'Roboto', sans-serif;
    margin-bottom:  20px;
    font-size: 26px;
    font-weight: 300;
    text-transform:  uppercase;
}

p.more-dely {
    margin: 0;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    opacity:  0.8;
    margin-bottom: 20px;
}

.dely-img {
    margin: 0;
    color: #fff;
    font-family: 'Roboto', sans-serif;
}

p.dely-as {
    margin: 0;
    color: #fff;
    font-family: 'Roboto', sans-serif;
}

p.dely-as {
    font-weight: 500;
    font-size:  16px;
}

p.dely-as span {
    font-weight: 400;
    opacity:  0.8;
}

.dely-img span {
    width:  100%;
    height:  100%;
    display:  block;
    background-color: rgba(209, 149, 63, 0.44);
}
.dely-img span {
    background-position:  center;
    background-repeat:  no-repeat;
    background-size: 150px;
}

.dely-img.sobre {
    background-image: url('img/sobre.jpg');
}

nav.nav {
    position: fixed;
    width: 100%;
    margin: 0;
    left: 0;
    top: 0;
    z-index: 9998;
    box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.17);
}
.delivery.sobre {
    background-color: #a62223;
}

.delivery.sobre .dely-img.sobre span {
    background-color: rgba(66, 49, 28, 0.58);
}

.left-text {
    padding-top:  90px;
    padding-bottom: 90px;
}

.delivery.sobre .left-text {
    padding-top:  70px;
    padding-bottom: 70px;
}
@media (max-width: 1000px){
    .dely-img {
        display:  none;
    }

    .left-text {
        width: 100%!important;
        text-align:  center;
        padding-top:  80px;
        padding-bottom:  80px;
    }
}
h2.cnt-txt {
    font-size: 17px;
    border-left: 2px solid #a62223;
    padding: 5px;
    padding-left: 9px;
    color:  #555;
    font-family:  'Roboto', sans-serif;
    margin:  0;
    margin-bottom:  20px;
    margin-top:  30px;
}

p.txt-cotn {
    font-family:  'Roboto', sans-serif;
    color:  #666;
    margin-top:  0;
    margin-bottom:  5px;
}

.cont-form {
    margin-top: 20px;
}

.fm-s {
    width:  100%;
    max-width:  100%;
    max-height: 160px;
    min-width:  100%;
    border-radius:  3px;
    border:  1px solid #cfcfcf;
    height: 40px;
    margin-bottom:  10px;
    padding-left:  13px;
    padding-right:  13px;
    line-height:  40px;
    font-family:  'Roboto', sans-serif;
    color:  #555;
    outline:  none;
    transition:  border 0.4s, box-shadow 0.4s;
}

textarea.fm-s {
    height: 90px;
}

label {
    font-family:  'Roboto', sans-serif;
    color:  #444;
    margin-bottom:  3px;
}

.fm-s:focus {
    border: 1px solid rgba(209, 149, 63, 0.73);
    box-shadow: 0px 0px 0px 2px rgba(209, 149, 63, 0.32);
}

p.localiza-txt {
    font-family: 'Roboto', sans-serif;
    color: #666;
    margin-top: 0;
    margin-bottom: 15px;
}

.mapa iframe {
    max-width:  100%;
    width: 100%;
}

.mapa {
    padding:  4px;
    box-sizing:  border-box;
    background-color: rgba(207, 148, 62, 0.31);
    padding-bottom:  0px;
}
footer {
    background-color:  #f3f3f3;
    padding-top:  20px;
    padding-bottom: 20px;
}

.col-sm-6.logo-footer {
    text-align:  right;
}

h2.footer-txt {
    margin:  0;
    line-height: 45px;
    font-size:  16px;
    font-family:  'Roboto', sans-serif;
    color:  #999;
}
.go-top {
    text-align:  right;
    width:  auto;
    float:  right;
    margin-top: -26px;
    padding-right: 10px;
}

button.go-tops {
    width: 46px;
    height: 46px;
    border:  0;
    border-radius:  4px;
    color: #777;
    outline:  none;
    background-color: #d8d8d8;
    transition: background 0.4s, color 0.4s;
}

button.go-tops:hover {
    background-color: #8a8a8a;
    color:  #fff;
}

@media (max-width: 767px){
    footer, footer * {
        text-align:  center;
        margin:  auto;
    }

    .col-sm-6.logo-footer {
        text-align:  center;
        margin-top:  10px;
    }
}
.wpb_content_element, .vc_row, .vc_column_container, .vc_column-inner, .wpb_wrapper {
    margin: 0!important;
    padding: 0!important;
    z-index:  1;
    position: initial;
}

button.env-form:hover, button.env-form:focus {
    box-shadow: 0px 0px 0px 2px rgba(209, 149, 63, 0.32);
    background-color: #ca913f;
}

button.env-form {
    height:  40px;
    padding-left:  20px;
    padding-right:  20px;
    color: #fff;
    border:  0;
    border-radius:  3px;
    background-color: #a62223;
    transition: box-shadow 0.4s;
    font-family:  'Roboto', sans-serif;
    font-weight: 500;
    font-size:  13px;
	outline: none;
}

button.env-form:hover, button.env-form:focus {
    box-shadow: 0px 0px 0px 2px rgba(166, 34, 35, 0.37);
    background-color: #981f1f!important;
}

.fm-s:focus {
    box-shadow: 0px 0px 0px 2px rgba(166, 34, 35, 0.37);
    border: 1px solid rgba(152, 31, 31, 0.78)!important;
}

nav.nav {
    position: relative;
}

.elementor-column-wrap.elementor-element-populated {
    padding-top: 0!important;
}
span.elementor-icon {
    background-color: #a62223;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    margin: auto;
    text-align: center;
    display: flex;
    border-radius: 100%;
    border: 3px solid #fff!important;
    box-shadow: 0px 0px 0px 2px rgba(166, 34, 35, 0.39);
}

span.elementor-icon i {
    font-size: 30px;
    display: block;
    margin: auto;
    color: #fff;
    opacity: 0.97;
}

h3.elementor-icon-box-title {
    color: #676767!important;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 400!important;
    margin-top: 25px;
    margin-bottom: 20px;
}

p.elementor-icon-box-description {
    color: #999!important;
}

.elementor-element-6ad2b1b {
    background-color: #f9f9f9;
    padding-top: 60px;
    padding-bottom: 60px;
    margin: 0!important;
}

.elementor-element-126275d {
    margin: 0!important;
    padding-top: 60px;
    padding-bottom: 60px;
}

.elementor-element-126275d * {
    color: #777!important;
    font-family: 'Roboto', sans-serif;
}

.elementor-element-126275d span {
    opacity: 0.9;
}

.elementor-element-1fadab0 {
    padding-bottom: 60px;
}

.elementor-image-gallery .gallery-item img {
    border: 0!important;
    border-radius: 4px;
    width: 97%;
}

.elementor-image-gallery .gallery-item a {
    width: 100%;
}