/*
    Theme Name: Atom Theme
    Theme URI: https://atomdigital.com.br/
    Author: Higor Paulo | Atom Digital
    Author URI: https://atomdigital.com.br/
    Description: Website/One Page/Landing Page
    Version: 2024
    License: Atom Digital
    License URI: https://atomdigital.com.br/
    Tags: criação de páginas web Brasil, criação de páginas web Goiânia, desenvolvimento de sites Goiânia, desenvolvimento de sites responsivos Goiânia, web design Goiânia, otimização SEO, análise de desempenho de sites, técnicas de otimização para sites, gestão de redes sociais, estratégias de marketing nas redes sociais, produção de conteúdo para websites
    Text Domain: Atom Digital
*/
:root{
    /* Cores */
    --color-dark: #0b0b0b;
    --color-dark-light: #a3a3a3;
	--color-white: #ffffff;
	--color-primary: #1a2645;
	--color-secondary: #ad1f24;
    --color-secondary-hover: #ff3139;
	--color-green: #00DF54;

    --color-gray: #7f7f7f;
    --color-gray-light: #;
    --color-gray-dark: ;
    /* Cores */

    /* Background Cores */
	--bg-color-light: #;

	--bg-color-dark: #000000;

	--bg-color-gray: #f8f8f8;
	--bg-color-gray-light: #;
	--bg-color-gray-dark: #;
    /* Background Cores */

    /* Cores Borda */
    --color-border-01: #1a2645;
    --color-border-02: #ad1f24;
    --color-border-03: #7f7f7f;
    --color-border-04: #e2e2e2;

    --color-border-opacity01: #;

	/* Box Shadows */
	--box-shadow-01 : 0 30px 30px #eee;

    /* Fonts Family */
    --font-family-01: "DM Sans", sans-serif;
}
body{
    color: var(--color-dark);
    font-family: var(--font-family-01);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
p{
    font-size: 1.063rem;
    font-weight: 300;
}
/*********** Start border ***********/
.at-border-01{
    border: 2px solid var(--color-border-02);
}
.at-border-02{
    border: 1px solid var(--color-border-04);
}

.at-border-top-01{
    border-top: 1px solid rgba(67, 67, 67, 0.15);
}
.at-border-top-02{
    border-top: 1px solid var(--color-secondary);
}

.at-border-bottom-01{
    border-bottom: 1px solid rgba(22, 22, 22, 0.15);
}
/*********** End border ***********/

/*********** Start Box-shadow ***********/
.at-box-shadow-01{
    box-shadow: 0 20px 2cqh #98989816;;
}
.at-box-shadow-02{
    box-shadow: 6px 6px 0 #f5f5f5;
}
/*********** End Box-shadow ***********/
.background-overlay {
    background-color: #22222280;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
/*********** Start Background ***********/
.at-bg-primary{
    background-color: var(--color-primary);
}
.at-bg-secondary{
    background-color: var(--color-secondary)
}
.at-bg-light{
    background-color: var(--color-white);
}
.at-bg-dark{
    background-color: var(--bg-color-dark);
}
.at-bg-gray{
    background-color: var(--bg-color-gray);
}
.at-bg-gray-light{
    background-color: var(--bg-color-gray-light);
}
.at-bg-gray-dark{
    background-color: var(--bg-color-gray-dark);
}
/*********** End Background ***********/

/************* Start Colors *************/
.at-color-dark{
    color: var(--color-dark);
}
.at-color-dark-light{
    color: var(--color-dark-light);
}
.at-color-white{
    color: var(--color-white) !important;
}
.at-color-primary{
    color: var(--color-primary) !important;
}
.at-color-secondary{
    color: var(--color-secondary) !important;
}
.at-color-green{
    color: var(--color-green);
}
.at-color-gray{
    color: var(--color-gray);
}
/************* End Colors *************/

/******** Start Style Text Page ********/
.at-text-big{
    font-size: 1.25rem;
}
.at-text-medium{
    font-size: 1.063rem;
}
.at-text{
    font-size: 1rem;
}
.at-text-small{
    font-size: 0.875rem;
}
.at-text-small-sm{
    font-size: 0.75rem;
}
/******** End Style Text Page ********/

/******** Start Style Title Page ********/

.at-title{
    font-size: 2.938rem;
}
.at-title-small{
    font-size: 2rem;

}
.at-title-medium{
    font-size: 2.5rem;
}
.at-title-big{
    font-size: 3.8rem;
}

.at-subtitle{
    font-size: 1.8rem;
}
.at-subtitle-small{
    font-size: 1.125rem;
}
.at-subtitle-medium{
    font-size: 1.5rem;
}
.at-subtitle-big{

}
/******** End Style Title Page ********/

/********* Start Style Botões *********/
.at-btn-style-01{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--color-secondary);
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    border: 2px solid var(--color-border-02);
    padding: 15px 30px;
    transition: .25s ease-in-out;
}
.at-btn-style-01:hover{
    background-color: var(--color-secondary);
    color: var(--color-white);
}

.at-btn-style-02{
    background-color: var(--color-secondary);
    color: var(--color-white);
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 10px 30px;
    transition: .25s ease-in-out;
    display: inline-block;
}
/********* End Style Botões *********/

/********* Start Swiper Js *********/
.swiper-pagination-bullet {
    width: 25px !important;
    height: 4px !important;
    border-radius: 0 !important;
}
.swiper-pagination-bullet-active {
    background: var(--color-secondary) !important;
}
/********* End Swiper Js *********/

/********** Start Menu *********/
.at-header-main .navbar-collapse{
    justify-content: end;
}
.navbar{
    padding: 0 !important;
}
.at-header-main .nav-item{
    padding-left: 1.3rem !important;

}
.at-header-main .nav-link{
    color: var(--color-white);
    font-size: 1.125rem;
    font-weight: 700;
    padding: 25px 0 !important;
    border-top: 1px solid transparent;
    transition: .25s ease-in-out;
    margin-top: -1px;
}
.at-header-main .nav-link[aria-current="page"],
.at-header-main .nav-link:hover {
    text-decoration: none;
    color: var(--color-secondary-hover);
    border-top: 1px solid var(--color-secondary-hover);
}
.at-header-main .nav-link.active{
    color: var(--color-secondary-hover); 
}
.at-header-main .navbar-brand{
    font-size: inherit;
    padding: 0;
    margin: 0;
}
.at-header-main .navbar-toggler_close,
.at-header-main .navbar-toggler {
    display: none;
}
.nav-link:focus-visible{
    box-shadow: inherit;
}

@media screen and (max-width: 999px) {
    .at-header-main .navbar-overlay {
        background-color: rgba(0, 0, 0, 0.7);
        display: none;
    }
    .at-header-main .navbar-toggler {
        display: block !important;
        border: inherit;
    }
    .at-header-main .navbar-toggler:focus{
        box-shadow: inherit;
    }
    .at-header-main .navbar-toggler img{
        height: 38px;
        padding: 0;
    }
    .at-header-main .navbar-collapse {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        max-width: 80%;
        height: 100%;
        background-color: var(--color-white);
        z-index: 990;
        transform: translateX(100%);
    }
    .at-header-main .navbar-collapse.show {
        transition: .5s ease-in-out;
        transform: translateX(0);
        padding: 50px;
        padding-left: 15%;
        overflow: auto;
    }
    .at-header-main .collapse:not(.show){
        transition: .5s ease-in-out;
        display: block;
        transform: translateX(150%) !important;
    }
    .at-header-main .navbar-nav{
        width: 100%;
        display: flex;
        flex-direction: column !important;
        align-items: start;
        justify-content: center;
        text-align: left;
    }
    .at-header-main .navbar-nav li{
        width: 100%;
        padding-left: 0 !important;
    }
    .at-header-main .navbar-nav li a{
        color: var(--color-dark);
        font-size: 20px;
        line-height: 74px;
        font-weight: 400;
        border: none;
        padding: 15px 0 !important;
    }
    .at-header-main .navbar-nav li a:hover{
        border: none;
        color: var(--color-secondary);
        font-weight: 500;
    }
    .at-header-main .navbar-toggler_close_content{
        position: absolute;
        right: 10px;
        top: 10px;
        width: 100%;
        display: flex !important;
        justify-content: end;
        margin-bottom: 50px;
    }
    .at-header-main .navbar-toggler_close {
        display: flex;
        background-color: transparent;
        border: none;
    }
    .at-header-main .navbar-toggler_close img{
        max-height: 35px;
    }
    .at-header-main .dropdown-menu{
        border: inherit;
    }
}
/********* End Menu *********/

/*********
    Start Enterprises
*********/
.enterprises-list .row article figure img {
    filter: grayscale(100%);
    transition: filter 0.3s ease-in-out;
}
.enterprises-list .row article figure img:hover {
    filter: grayscale(0%);
}
.enterprises-list .row article figcaption{
    width: 50%;
    background-color: var(--color-primary);
    color: var(--color-white);
    padding: 1rem 3rem 1rem 1rem;
    position: absolute;
    bottom: -25px;
    left: 10%;
    font-size: 1.5rem;
    font-weight: 700;
    transition: .3s ease-in-out;
}
.enterprises-list .row article:hover figcaption{
    background-color: var(--color-secondary);
}

#enterprises .swiper-slide .enterprises-card{
    display: none;
}

#enterprises .swiper-slide-next .enterprises-card,
#enterprises .swiper-slide-active .enterprises-card{
    display: block;
    width: 70%;
    position: absolute;
    left: 30px;
    bottom: -25px;
    padding: 30px;
    background: var(--color-secondary);
    color: var(--color-white);
    transition: all 0.25s ease-in-out;
}
@media screen and (max-width: 576px) {
    #enterprises .swiper-slide-next .enterprises-card,
    #enterprises .swiper-slide-active .enterprises-card{
        width: 80%;
        left: 20px;
        padding: 15px;
    }
}

.swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: var(--swiper-pagination-bottom, -15px) !important;
}
/*********
    End Enterprises
*********/

/*********
    Start Brands
*********/
#brands * {
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#brands figure{
    position: relative;
}
#brands figure:hover img {
    opacity: 0;
    transform: scale(1.2);
}
#brands figure figcaption {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    text-align: center;
}
#brands figure a {
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin: 0;
    opacity: 0;
    font-weight: 800;
    font-size: 1.5rem;
    transform: scale(1.1);
    color: var(--color-dark);
}
#brands figure:hover a {
    opacity: 1;
    transform: scale(1);
}
/*********
    End Brands
*********/

/*********
    Start Statistics
*********/
#statistics .row > div:nth-child(even){
    margin-top: 5%;
}

@media screen and (max-width: 576px) {
    #statistics .row > div:nth-child(even){
        margin-top: 0%;
    }

}
.statistics_box{
    width: 100%;
    display: block;
    border: 1px solid #e8e8e8;
    padding: 30px;
    position: relative;
    transition: all 0.25s ease-in-out;
}
.statistics_box:hover {
    transform: translateY(-20px);
    box-shadow: 0 30px 30px #eee;
}
.statistics_box:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #e8e8e8 transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}
.number-statistics{
    font-size: 4.375rem;
    font-weight: 300;
}
.title-statistics{
    position: relative;
    display: inline-block;
}
.title-statistics:before {
    content: "";
    width: 100%;
    height: 6px;
    background: var(--color-secondary);
    position: absolute;
    left: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    transition: all 0.25s ease-in-out;
}
.statistics_box:hover .title-statistics:before {
    width: 0;
}
/*********
    End Statistics
*********/

/*********
    Start Blog
*********/

.form-seach-blog input{
    border: 1px solid var(--color-border-04);
    color: var(--color-dark-light);
}
.blog-box img{
    width: 100%;
    height: 525px;
}
.bg-overlay{
    background-color: #02010180;
}

.comments-area {
    margin-top: 40px;
    width: 100%;
    display: block;
    padding: 20px;
    border: 1px solid var(--color-border-04);
    margin: 30px 0;
    box-shadow: 6px 6px 0 #f5f5f5;
}
.comments-area form > p{
    display: flex;
    flex-direction: column;
    row-gap: .3rem;
}

.comments-area form > p label{
    margin-top: .5rem;
    font-size: 0.875rem;
    color: var(--color-gray);
}
.logged-in-as{
    display: none !important;
}
.comment-reply-title{
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}
.comments-area input,
.comments-area textarea{
    border: 1px solid var(--color-border-04);
    color: var(--color-dark-light);
    padding: .5rem;
}
.comments-area .submit{
    background-color: var(--color-secondary);
    color: var(--color-white);
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 10px 30px;
    transition: .25s ease-in-out;
    display: inline-block;
    border: 0;
    margin-top: 20px;
    width: 300px;
}
.comment-form-cookies-consent{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin-top: .5rem !important;
    gap: .4rem;
}
.comment-form-cookies-consent label{
    margin-top: 0rem !important;
}
/*********
    End Blog
*********/

/*********
    Start Call to action
*********/

.form-call-to-action input,
.form-call-to-action textarea{
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--color-border-03);
    padding: 15px 10px;
    color: var(--color-gray);
    font-size: 1rem;
    transition: all 0.25s ease-in-out;
}
.form-call-to-action input:focus,
.form-call-to-action textarea:focus{
    color: var(--color-gray);
    border-bottom: 1px solid var(--color-border-02);
}

/*********
    End Call to action
*********/

/*********
    Start Features
*********/
#featuresTabs{
    border: inherit;
}
#featuresTabs.nav-tabs .nav-link {
    color: var(--color-dark);
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: inherit;
    background: 0 0;
    border: inherit;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
#featuresTabs.nav-tabs .nav-link.active {
    border-bottom: 2px solid var(--color-border-01);
}
/*********
    End Features
*********/

/*********
    Start Text Image
*********/
#text-image .row > div:nth-child(1) {
    order: 1;
}
#text-image .row > div:nth-child(2) {
    order: 1;
}
#text-image .row > div:nth-child(3) {
    order: 4;
}
#text-image .row > div:nth-child(4) {
    order: 3;
}

/*********
    End Text Image
*********/

/*********
    Start Dates
*********/
#datesTabs .nav-tabs{
    flex-wrap: nowrap;
    border: inherit;
}
#datesTabs .nav-tabs .nav-item{
    width: 100%;
    position: relative;
    overflow: hidden;
}
#datesTabs .nav-tabs .nav-item::after{
    content: '';
    display: block;
    width: 50%;
    height: 4px;
    position: absolute;
    top: 0;
    bottom: auto;
    z-index: 999;
    left: -50%;
    background-color: var(--color-secondary);
    transition: right .5s ease-in-out, left .5s ease-in-out;
}
#datesTabs .nav-tabs .nav-item:hover::after{
    left: 0;
    transition: right .5s ease-in-out, left .5s ease-in-out;
}
#datesTabs .nav-tabs .nav-item::before{
    content: '';
    display: block;
    width: 50%;
    height: 4px;
    position: absolute;
    top: 0;
    bottom: auto;
    z-index: 999;
    right: -50%;
    background-color: var(--color-secondary);
    transition: right .5s ease-in-out, left .5s ease-in-out;
}
#datesTabs .nav-tabs .nav-item:hover::before{
    right: 0;
    transition: right .5s ease-in-out, left .5s ease-in-out;
}

#datesTabs .nav-tabs .nav-link {
    width: 100%;
    text-align: left !important;
    padding: 40px 0;
    color: var(--color-dark);
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: inherit;
    background: 0 0;
    border: inherit;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
#datesTabs .nav-tabs .nav-link.active{
    width: 100%;
    border-top: 4px solid var(--color-border-02);
}
.tabs-border {
    height: 25px;
    position: relative;
    background-color: #2e2e2e;
}
.tabs-border::before{
    content: '';
    width: 100%;
    height: 100%;
    background-size: 6px 100%;
    position: absolute;
    left: 0;
    background-image: linear-gradient(90deg, rgb(249, 249, 249) 5px, transparent 0);
}
.tabs-border::after{
    content: '';
    width: 100%;
    height: 100%;
    background-size: 100% 6px;
    position: absolute;
    left: 0;
    background-image: linear-gradient(0, rgb(255 255 255) 5px, transparent 0);
}
/*********
    End Dates
*********/

.progress-container {
    width: 100%;
}
.progress-bar {
    width: 0%;
    height: 20px;
    background-color: var(--color-secondary);
    line-height: 20px;
    color: white;
}

/*********
    Start Footer
*********/
.menu-footer ul{
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
}
.menu-footer ul li a{
    color: var(--color-dark-light);
    text-decoration: underline;
}

.menu-footer-inline ul{
    width: 100%;
    display: inline-flex;
    justify-content: end;
    text-align: end;
    gap: 1rem;
}
.menu-footer-inline ul li a{
    color: var(--color-dark-light);
}
/*********
    End Footer
*********/