/* Geral */

section {
    padding: 90px 0px;
}

body {
    font-family: 'Open Sans', sans-serif;
}

.btn-primary {
    background-color: #5AB045;
}

    .btn-primary:hover {
        background-color: #7BCE67;
    }

.btn-secondary {
    background-color: #5F5CA9;
}

    .btn-secondary:hover {
        background-color: #7B78C3;
    }

.btn-whats {
    font-size: 15px !important;
    background: #5AB045 !important;
    border-radius: 25px;
    color: #fff;
}

.btn-orcamento {
    font-size: 15px;
    color: #5F5CA9;
    font-weight: 600;
}

.green:hover, .purple:hover {
    color: #fff
}

.green {
    background-color: #69B954;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}

.purple {
    background: #FF9191;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}

.graybox {
    background: #EDEDED;
    padding: 45px;
    position: relative;
}

.veja {
    font-size: 16px;
    color: #646464;
    font-weight: 600;
    display: block;
}

.btn {
    padding: 0.5rem 1.55rem;
    font-weight: 600 !important;
    border-radius: 25px;
}


#local h2, #contato h1, #quem h2, #produtos-home h2, #receita h2, #produtos h1, #receita h1 {
    font-size: 30px;
    color: #5F5CA9;
    font-weight: 700;
    padding-right: 35px;
    margin-bottom: 2.5rem;
}

/* Header */

header .dropdown-item {
    color: #686464;
    font-weight: 600;
    margin: 7px 0px;
}

header .todos {
    color: #5f5ca9 !important;
}

.line .fa-phone, .line .fa-map-marker-alt {
    margin-right: 10px;
}

header li.nav-item {
    margin: 0px 15px;
}

header li:last-of-type.nav-item {
    margin: 0px 0px;
}


header .navbar-brand {
    margin-left: 30px;
}

header #navbarSupportedContent {
    width: auto;
    margin-right: 30px;
}

header .line ul {
    padding: 10px 0;
    margin-bottom: 0;
}

header .btn-primary {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 47px;
    border-radius: 40px;
    color: #fff;
    font-size: 15px;
    padding: 0.375rem 1.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

header form {
    position: relative;
    display: block;
}

header .line li {
    display: inline-block;
    padding: 0px 5px;
}

    header .line li:nth-child(2) {
        display: inline-block;
        padding: 0px 71px;
        border-left: 1px solid black;
        border-right: 1px solid black;
    }

header nav {
    height: 95px;
}

header form input {
    width: 433px !important;
    border: solid 1px #DCDBFD !important;
    height: 47px;
    border-radius: 40px !important;
    padding-left: 20px !important;
}

header form button {
    font-size: 15px;
    background: #5AB045;
    font-weight: 600;
    color: #fff;
}

header .nav-link {
    font-size: 15px;
    color: #5F5CA9 !important;
    font-weight: 700;
    text-transform: uppercase;
}

header .btn-secondary {
    font-size: 16px;
    background: #5F5CA9;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    margin-right: 30px;
    width: 200px;
}

header .line {
    height: 46px;
    background: #D4D3EB;
}

    header .line .social-medias a {
        width: 25px;
        height: 25px;
        background: #5F5CA9;
        color: #D4D3EB;
        border-radius: 30px;
        margin-left: 8px;
        font-size: 16px;
    }

    header .line li {
        font-size: 14px;
        color: #5F5CA9;
        font-weight: 600;
    }

/* Footer */

footer {
    background: #5F5CA9;
    padding: 45px 0px;
}

    footer .container {
        flex-wrap: wrap;
    }

    footer .logo {
        max-width: 140px;
        width: 100%;
        margin: auto;
        display: block;
        margin-bottom: 20px;
    }

    footer p {
        font-size: 14px;
        color: #fff;
        font-weight: 600;
        text-align: center;
    }

    footer span {
        font-size: 14px;
        color: #fff;
        font-weight: 600;
        margin-right: 31px;
    }

    footer .loc {
        max-width: 242px;
    }

    footer .btn-orcamento {
        background-color: white;
        border-radius: 25px;
        margin-right: 15px;
    }



    footer .phones {
        text-align: center;
        margin-top: 15px;
    }

    footer .phone span {
        margin-left: 10px;
    }

.copy {
    font-size: 12px;
    color: #fff;
    padding: 10px 0px;
    background-color: #5f5ca9;
    border-top: 2px solid #7b78b8;
}

footer .social-medias a {
    width: 43px;
    height: 43px;
    background: #fff;
    color: #5F5CA9;
    margin-left: 10px;
    border-radius: 50px;
    font-size: 20px;
}

/* Geral */

#sobre-home p {
    font-size: 16px;
    color: #646464;
    margin: 1.5rem 0px;
}

#produtos-home h3, #produtos h3 {
    font-size: 22px;
    color: #5F5CA9;
    font-weight: 700;
    height: 52px;
    margin-bottom: 15px;
}

#produtos-home img, #produtos img {
    max-width: 214px;
    max-height: 214px;
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
    margin-bottom: 3rem;
    border-radius: 127px;
}

#contato label, #receita label {
    font-size: 15px;
    color: #000;
    margin: 11px 0px;
}

#contato label, #receita label {
    font-size: 15px;
    color: #000;
    margin: 11px 0px;
    font-weight: 700;
    display: block;
}

#contato button, #receita button {
    font-size: 16px;
    background: #5F5CA9;
    color: #fff;
}

#contato .graybox h3 {
    font-size: 20px;
    color: #5F5CA9;
    font-weight: 600;
}

#contato .graybox span {
    display: block;
    font-size: 15px;
    color: #646464;
}

#contato .social-medias a {
    width: 43px;
    height: 43px;
    background: #F8F8F8;
    color: #5F5CA9;
    border-radius: 40px;
    margin-right: 12px;
    font-size: 20px;
}

#local {
    background-color: #EDEDED;
}


#quem p {
    font-size: 18px;
    color: #646464;
}

#detalhes-produto h1 {
    font-size: 38px;
    color: #5F5CA9;
    font-weight: 400;
}

#detalhes-produto p {
    font-size: 16px;
    color: #646464;
    margin: 2rem 0px;
}

.btn-saber {
    font-size: 16px;
    background: #5F5CA9;
    font-weight: 600;
    color: #fff;
}

#topo-home .icon {
    margin-bottom: 20px;
    max-width: 43%;
}

#topo-home .owl-nav, #produtos-home .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -30px;
}

#topo-home button:focus, #produtos-home button:focus {
    outline: inherit;
    outline: inherit;
}

#topo-home .owl-nav button, #produtos-home .owl-nav button {
    display: block;
    border-radius: 40px !important;
    color: black;
}

    #topo-home .owl-nav button:hover, #produtos-home .owl-nav button:hover {
        color: black;
    }

#topo-home .owl-nav span, #produtos-home .owl-nav span {
    font-size: 35px;
    font-weight: 700;
    background-color: white !important;
    width: 55px;
    height: 55px;
    display: block;
    display: block;
    border-radius: 40px !important;
}

#topo-home .owl-prev, #produtos-home .owl-prev {
    left: -30px;
    position: relative;
    float: left;
}

#topo-home .owl-next, #produtos-home .owl-next {
    right: -30px;
    position: relative;
    float: right;
}


#topo-home .wraper-text {
    flex-direction: column;
    width: 100%;
}

#topo-home .mini-banner {
    left: 0px;
    position: relative;
    display: block;
    max-width: 50%;
}

.no-padding-r {
    padding-right: 0px;
}

.no-padding-l {
    padding-left: 0px;
}


#sobre-home .graybox {
    max-width: 600px;
    width: 100%;
    height: 355px;
    top: -5%;
    left: 3%;
}

#sobre-home h2 {
    color: #5f5ca9;
    font-weight: 700;
    font-size: 42px;
}

#produtos-home .graybox, #produtos .graybox {
    height: 426px;
    margin: auto;
    margin-bottom: 30px;
    max-width: 356px;
}

#topo-home {
    background: linear-gradient(180deg, rgba(212,211,235,1), rgba(255,255,255,1) 100%);
    padding: 0px;
}



#sobre-home .wraper-text {
    max-width: 421px;
}

#sobre-home .row {
    background-image: url('../img/img-quem-somos-home.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 320px;
}

#produtos-home .title-line {
    height: 2px;
    width: 100%;
    background-color: #B5B5B5;
}

#produtos-home .wraper-title {
    margin-bottom: 3rem;
}

#local iframe {
    width: 100%;
    height: 450px;
}

#contato .social-medias {
    margin-top: 1rem;
}


#contato .btn-whats {
    margin: 25px 0px;
}

#quem .wraper-text {
    max-width: 650px;
    margin: auto;
    margin-top: 5rem;
}


@media(max-width:1400px) {

    header form input {
        width: 333px !important;
    }
}

@media(max-width:1200px) {

    header .line li:nth-child(2) {
        padding: 0px 18px;
    }

    header form input {
    }

    header nav {
        flex-direction: column;
        height: inherit;
    }

        header nav .container {
            margin: 20px 0px;
        }
}

@media(max-width:998px) {

    .no-padding-r {
        padding-right: calc(var(--bs-gutter-x) / 2);
    }

    .no-padding-l {
        padding-left: calc(var(--bs-gutter-x) / 2);
    }

    section {
        padding: 45px 0px;
    }

    #sobre-home .row {
        background-image: inherit;
    }

    #sobre-home .graybox {
        padding: 0;
        background-color: white;
        max-width: 100%;
        width: 100%;
        top: 0;
        left: 0;
        height: auto;
    }

    header #navbarSupportedContent {
        width: auto;
        margin: auto;
    }

    header li:last-of-type.nav-item {
        margin: 0px 15px;
    }

    header nav .container {
        margin: 0px;
        max-width: 100%;
    }

    footer .loc {
        margin: auto;
        margin-bottom: 1rem;
    }

    header nav {
        flex-direction: row;
        height: auto;
    }
}

@media(max-width:768px) {
    #topo-home .mini-banner {
        max-width: 50%;
    }

    #topo-home .icon {
        width: 70px;
        margin-bottom: 10px;
    }

    .green {
        font-size: 14px;
    }

    .purple {
        font-size: 14px;
    }

    footer .social-medias {
        margin: auto;
        margin-top: 2rem
    }

    footer .container {
        justify-content: center !important;
    }

    #quem .wraper-text {
        margin-top: 3rem;
    }
}

@media(max-width:500px) {
    #quem .wraper-text {
        padding: 0px 20px;
    }

    footer .btn-whats, footer .btn-orcamento {
        margin: auto;
        display: block;
        margin-bottom: 12px;
    }

    .contato {
        margin: 3rem 0px;
    }

    .column {
        flex-direction: column;
    }

    #receita button {
        margin-top: 20px;
    }

    #receita input[type="file"] {
        font-size: 13px;
    }
}

@media(max-width:340px) {
    header .line li:nth-child(1) {
        display: none;
    }

    header .line ul {
        justify-content: center !important;
    }
}