/*
Theme Name: Astra Child Theme
Theme URI: https://wpastra.com/
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Author: Brainstorm Force
Author URI: https://wpastra.com/about/
Template: astra
Version: 3.7.3
*/


.site-above-header-wrap ul.social {
    column-gap: 20px;
    display: flex;
}

#ast-desktop-header .site-navigation .main-navigation ul.sub-menu li a {
    color: var(--ast-global-color-0);
}

#ast-desktop-header .site-navigation .main-navigation ul.sub-menu li a:hover {
    color: var(--ast-global-color-1);
}

#ast-desktop-header .main-navigation ul li {
    line-height: 34px;
}

#ast-desktop-header .main-navigation>ul>li.menu-item:nth-child(4)>a {
    border: 1px solid #5e3f97;
    background: #5e3f97;
    border-radius: 7px;
    margin-right: 15px;
    padding: 0 15px;
    color: #fff;
}

#ast-desktop-header .main-navigation>ul>li.menu-item:nth-child(4)>a:hover {
    border: 1px solid #f70;
    background: #fff;
    color: #f70;
}

#ast-desktop-header .main-navigation>ul>li.menu-item:nth-child(5)>a {
    border: 1px solid #5e3f97;
    background: #FFF;
    border-radius: 7px;
    margin-right: 15px;
    border: 1px solid;
    color: #5e3f97;
    padding: 0 15px;
}

#ast-desktop-header .main-navigation>ul>li.menu-item:nth-child(5)>a:hover {
    background: #5e3f97;
    color: #FFF;
}

.site-above-footer-wrap {
    padding-top: 60px;
}

.site-above-footer-wrap .widget-title {
    text-transform: uppercase;
    color: #fff !important;
    letter-spacing: 1px;
    margin-bottom: 30px;
    position: relative;
    font-weight: 700;
    font-size: 15px;
}

.site-above-footer-wrap .widget-title:before {
    background: #FFF;
    position: absolute;
    bottom: -10px;
    width: 60px;
    content: '';
    height: 1px;
}

.site-primary-footer-wrap .ast-builder-html-element aside {
    display: inline-block;
    margin: 0 15px;
    width: auto;
}

.site-primary-footer-wrap .ast-builder-html-element ul {
    column-gap: 20px;
    display: flex;
}

.site-primary-footer-wrap .ast-builder-html-element ul.contatos li,
.site-primary-footer-wrap .ast-builder-html-element ul.contatos li i,
.site-primary-footer-wrap .ast-builder-html-element ul.contatos li span {
    color: var(--ast-global-color-8);
}

.site-primary-footer-wrap .ast-builder-html-element ul.social a i,
.site-primary-footer-wrap .ast-builder-html-element ul.social a {
    color: var(--ast-global-color-5);
    font-size: 20px;
}

.section-banner-home {
    background-image: url(assets/images/imagem-top.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: auto;
    margin-left: auto;
    min-height: 550px;
}

.section-banner-home .section-conteudo h2 {
    font-size: 26px;
    font-weight: 900;
    color: #aaa;
    padding-top: 8px;
    letter-spacing: 1px;
    line-height: 32px;
}

.section-banner-home .section-conteudo p {
    letter-spacing: 1px;
    line-height: 24px;
    padding-top: 3px;
    font-weight: 600;
    color: #555;
}

.section-banner-home .section-conteudo {
    padding: 115px 0 120px 50px;
    max-width: 420px;
}

.section-banner-home .section-conteudo {
    padding: 40px 40px 30px 35px;
    background: #f6f6f6;
    position: relative;
    max-width: 500px;
    top: 365px;
}

.section-banner-home .section-conteudo span {
    color: #ff7700;
    font-weight: 700;
    font-size: 10px;
}

.section-title {
    border-bottom: #ebebeb solid 1px;
    justify-content: space-between;
    margin-bottom: 40px;
    flex-direction: row;
    align-items: center;
    margin-top: 130px;
    flex-wrap: nowrap;
    padding: 6px 0;
}

.section-title h2 {
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 900;
    font-size: 30px;
    color: #aaa;
}

.section-title h6 {
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: right;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 0;
    font-size: 11px;
    color: #aaa;
    flex: 1;
}

.section-banner-home1 {
    background-image: url(assets/images/quem-somos.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    justify-content: center;
    background-size: cover;
    padding-bottom: 16px;
    letter-spacing: 2px;
    margin-right: auto;
    line-height: 16px;
    padding-top: 16px;
    margin-left: auto;
    min-height: 500px;
    color: white;
    display: flex;
}

.section-conteudo1 {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: 100%;
    display: flex;
}

.section-conteudo1 span {
    color: #ff7700;
}

.section-conteudo1 h2 {
    line-height: 23px;
    padding-top: 15px;
    font-weight: 900;
    font-size: 29px;
    color: white;
}

.section-conteudo1 p {
    padding-bottom: 16px;
    letter-spacing: 2px;
    padding-top: 16px;
    line-height: 16px;
    color: white;
}

.section-conteudo1 a {
    font-weight: 600 !important;
    border: 1px solid #FFF;
    background: transparent;
    letter-spacing: 1px;
    border-radius: 8px;
    padding: 13px 30px;
    font-size: 13px;
    color: white;
}

.section-conteudo1 a:hover {
    border-color: #ff7700;
    background: #ff7700;
    color: #FFFFFF
}

.plataforma {
    margin-top: 75px;
}

.elementor-element-0cd3217.plataforma {
    margin-top: 20px;
}

.plataforma span {
    letter-spacing: 1px;
    color: #ff7700;
    font-weight: 600;
    font-size: 12px;
}

.plataforma h6 {
    color: #ff7700;
    font-weight: 900;
    margin-top: 20px;
    font-size: 15px;
}

.plataforma h5 {
    letter-spacing: 0px;
    padding-top: 15px;
    color: #aaaaaa;
    font-weight: 800;
    font-size: 31px;
}

.plataforma p {
    letter-spacing: 1px;
    line-height: 23px;
    margin-top: 20px;
    font-weight: 700;
    margin-bottom: 0;
    color: #555;
}

.client {
    color: #111111;
    font-size: 80%;
    text-align: left;
}

.client .client-inner img {
    border: 4px solid rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 500px;
    color: #fff !important;
    border-radius: 500px;
    margin-right: 30px;
    margin-top: 20px;
    max-width: 80px;
    margin: 0 auto;
}

.client .client-inner .client-info {
    text-align: center;
    overflow: hidden;
}

.client .client-inner .client-info .star-rating {
    margin-bottom: 14px;
    margin-top: 5px;
    font-size: 80%;
    margin: 0;
}

.client .client-inner .client-info .star-rating span:before {
    color: #e1ab88 !important;
}

.client .client-inner .client-info span {
    margin-bottom: 10px;
    list-style: none;
    padding-right: 0;
    display: block;
    color: #fff;
}

.client .client-inner .client-info span.client-pos {
    color: #ccc;
}

.client .client-inner .client-info .client-name {
    color: #ff7700;
    margin-top: 8px;
    text-align: center;
    font-weight: 700;
}

.footer-newsletter {
    padding-bottom: 50px;
}

.newsletter-text {
    margin: 0 auto;
    text-align: center;
    margin-top: 60px;
}

.newsletter-text span {
    color: #ff7700;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
}

.newsletter-text h4 {
    font-weight: 900;
    font-size: 30px;
    color: #aaaaaa;
    letter-spacing: 0;
}

.newsletter-text p {
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 600;
    line-height: 25px;
    padding-bottom: 20px;
}

form#newsletter {
    max-width: 1100px;
    margin: 0 auto;
}

form#newsletter button.btn.btn-default {
    background: #5c3c97;
    font-weight: 600 !important;
    font-size: 13px;
    padding: 13px 30px;
    letter-spacing: 1px;
    border-radius: 9px;
    border: 1px solid;
}

form#newsletter button.btn.btn-default:hover {
    background: #ff7700 !important;
}

.footer-newsletter .input-group input.form-control {
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    margin-right: 15px;
    height: 40px;
}

.ast-site-header-cart .ast-addon-cart-wrap i.astra-icon:after {
    background: #ff7700 !important;
}

.ast-plain-container.ast-no-sidebar #primary {
    padding-top: 50px;
}

.main-header-menu .sub-menu .menu-link {
    padding: 0 1em;
}

@media(min-width: 992px) {
    .section-banner-home1 {
        border-left: 40px solid #FFF;
        border-right: 40px solid #FFF;
    }

    .footer-newsletter .input-group input.form-control {
        width: calc(45% - 82px);
        float: left;
    }

    .plataforma .elementor-col-25 {
        border-right: 1px solid #f70;
    }

    .plataforma .elementor-col-25:nth-child(4) {
        border-right: 1px solid #FFF;
    }

    .client .client-inner {
        padding: 90px 200px;
    }
}

@media(max-width: 991px) {
    .section-title {
        margin-top: 40px;
    }


    .section-title .elementor-container {
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        padding: 6px 0;
        display: flex;
    }

    .plataforma .elementor-container {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        display: grid;
    }

    .client .client-inner {
        padding: 40px 10px;
    }

    footer {
        background-color: #1b0831;
    }

    footer .site-above-footer-wrap .widget-title:before {
        transform: translate3d(-50%, 0, 0);
        left: 50%;
    }

    .site-primary-footer-wrap .ast-builder-html-element ul.contatos {
        display: block;
    }

    footer ul.contatos li {
        display: inline-block;
        margin: 10px 5px 0;
    }

    form#newsletter {
        padding: 0 15px;
    }

    form#newsletter .input-group input.form-control,
    form#newsletter button.btn.btn-default {
        margin-bottom: 15px;
        width: 100%;
    }

    footer .site-primary-footer-wrap {
        padding-bottom: 0 !important;
        margin-top: -1px;
    }

    footer ul.social {
        justify-content: center;
    }

    .site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-mobile-stack .site-footer-section {
        margin-bottom: 0;
    }

    .site-primary-footer-wrap>p {
        display: none;
    }

    .site-primary-footer-wrap aside.footer-widget-area:nth-child(2) {
        background-color: #1b0831;
        padding-bottom: 10px;
        padding-top: 20px;
        margin-top: 30px;
        margin-right: 0;
        margin-left: 0;
    }

}

@media only screen and (max-width: 425px) {
    .section-banner-home {
        background-image: url(assets/images/foto-mobile.jpg);
        background-position: left top;
        background-repeat: no-repeat;
        background-size: cover;
        margin-right: auto;
        margin-left: auto;
    }

    .section-banner-home .section-conteudo h2 {
        font-size: 30px;
        font-weight: 900;
        color: #aaaaaa;
        padding-top: 8px;
        letter-spacing: 2px;
        line-height: 32px;
    }

    .section-banner-home .section-conteudo p {
        font-weight: 600;
        color: #555555;
        letter-spacing: 1px;
        line-height: 24px;
        padding-top: 3px;
        padding-bottom: 19px;
    }

    .section-banner-home .section-conteudo {
        max-width: 420px;
        padding: 115px 0 120px 50px;
    }

    .section-banner-home .section-conteudo {
        max-width: 400px;
        padding: 27px 30px 0px 25px;
        top: 230px;
        margin: 0 auto;
        position: relative;
        background: #f6f6f6;
    }

    .section-banner-home .section-conteudo span {
        color: #ff7700;
        font-size: 13px;
        font-weight: 700;
    }
}