@import url('./globals.css');


body {
    font-family: var(--primary-font);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    font-family: 'Montserrat';
}

hr.star-light,
hr.star-dark {
    max-width: 15rem;
    padding: 0;
    text-align: center;
    border: none;
    border-top: solid 0.25rem;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
}

    hr.star-light:after,
    hr.star-dark:after {
        position: relative;
        top: -.8em;
        display: inline-block;
        padding: 0 0.25em;
        content: '\f005';
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 2em;
    }

hr.star-light {
    border-color: #fff;
}

    hr.star-light:after {
        color: #fff;
        background-color: var(--primary-color-2);
    }

hr.star-dark {
    border-color: var(--secondary-color-4);
}

    hr.star-dark:after {
        color: var(--secondary-color-4);
        background-color: white;
    }

section {
    padding: 6rem 0;
}

    section h2 {
        font-size: 2.25rem;
        line-height: 2rem;
    }

@media (min-width: 992px) {
    section h2 {
        font-size: 3rem;
        line-height: 2.5rem;
    }
}

.btn-xl {
    padding: 1rem 1.75rem;
    font-size: 1.25rem;
}

.btn-social {
    width: 3.25rem;
    height: 3.25rem;
    font-size: 1.25rem;
    line-height: 2.5rem;
}

.scroll-to-top {
    z-index: 1042;
    right: 1rem;
    bottom: 1rem;
    display: none;
}

    .scroll-to-top a {
        width: 3.5rem;
        height: 3.5rem;
        background-color: rgba(33, 37, 41, 0.5);
        line-height: 3.1rem;
    }

#mainNav {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}

    #mainNav .navbar-brand {
        color: #fff;
    }

    #mainNav .navbar-nav {
        margin-top: 1rem;
        letter-spacing: 0.0625rem;
    }

        #mainNav .navbar-nav li.nav-item a.nav-link {
            color: #fff;
        }

            #mainNav .navbar-nav li.nav-item a.nav-link:hover {
                color: var(--primary-color-2);
            }

            #mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
                color: #fff;
            }

            #mainNav .navbar-nav li.nav-item a.nav-link.active {
                color: var(--primary-color-2);
            }

    #mainNav .navbar-toggler {
        font-size: 80%;
        padding: 0.8rem;
    }

@media (min-width: 992px) {
    #mainNav {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
        transition: padding-top 0.3s, padding-bottom 0.3s;
    }

        #mainNav .navbar-brand {
            font-size: 2em;
            -webkit-transition: font-size 0.3s;
            transition: font-size 0.3s;
        }

        #mainNav .navbar-nav {
            margin-top: 0;
        }

            #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
                color: #fff;
                background: var(--primary-color-2);
            }

                #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
                    color: #fff;
                    background: var(--primary-color-2);
                }

        #mainNav.navbar-shrink {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
        }

            #mainNav.navbar-shrink .navbar-brand {
                font-size: 1.5em;
            }
}

.header-logo {
    display: none;
}

.header-logo-break {
    max-width: 100px;
    display: block;
}

@media (min-width: 768px) {
    .header-logo {
        max-width: 180px;
        display: block;
    }

    .header-logo-break {
        display: none;
    }
}


@media (min-width: 992px) {
    .header-logo {
        max-width: 300px;
        display: block;
    }

    .header-logo-break {
        display: none;
    }
}

header.masthead {
    padding-top: calc(6rem + 72px);
    padding-bottom: 6rem;
}

    header.masthead.masthead-sm {
        height: 100px;
    }

    header.masthead h1 {
        font-size: 3rem;
        line-height: 3rem;
    }

    header.masthead h2 {
        font-size: 1.3rem;
        font-family: 'Lato';
    }

@media (min-width: 992px) {
    header.masthead {
        padding-top: calc(6rem + 106px);
        padding-bottom: 6rem;
    }

        header.masthead h1 {
            font-size: 4.75em;
            line-height: 4rem;
        }

        header.masthead h2 {
            font-size: 1.75em;
        }
}

form .row:first-child .floating-label-form-group {
    border-top: 1px solid #e9ecef;
}

.footer {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: var(--secondary-color-4);
    color: #fff;
}

.copyright {
    background-color: #1a252f;
}

a {
    color: var(--primary-color-2);
}

    a:focus, a:hover, a:active {
        color: #128f76;
    }

.btn {
    border-width: 2px;
}

.bg-primary {
    background-color: var(--primary-color-2) !important;
}

.bg-secondary {
    background-color: var(--secondary-color-4) !important;
}

.text-primary {
    color: var(--primary-color-2) !important;
}

.text-primary-4 {
    color: var(--primary-color-4) !important;
}

.text-secondary {
    color: var(--secondary-color-4) !important;
}

.text-tertiary {
    color: #4f98ca !important;
}

.btn-primary {
    background-color: var(--primary-color-2);
    border-color: var(--primary-color-2);
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background-color: var(--secondary-color-2);
        border-color: var(--secondary-color-2);
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        background-color: var(--secondary-color-2);
        border-color: var(--secondary-color-2);
    }

.btn-secondary {
    background-color: var(--secondary-color-4);
    border-color: var(--secondary-color-4);
}

    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
        background-color: #1a252f;
        border-color: #1a252f;
    }

#icone_whats {
    position: fixed;
    bottom: 16px;
    right: 16px;
    width: 80px;
    height: 80px;
    z-index: 10000;
}

    #icone_whats a {
        display: flex;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background: #34af23 !important;
        align-items: center;
        justify-content: center;
        font-size: 50px;
        text-decoration: none !important;
        box-shadow: 0 0 10px #00000059;
        color: #ffffff;
        background-image: url(../img/bg-whats.png) !important;
        background-repeat: repeat-y;
    }

.icon {
    font-size: 30px;
}

.icon-bg {
    font-size: 60px;
}

.icon-extra-bg {
    font-size: 250px;
}

.media-hidden-992px {
    display: none !important;
}

@media (min-width: 992px) {
    .media-hidden-992px {
        display: block !important;
    }
}

.main-section {
    padding-top: 50px;
}

.button-text {
    margin-left: 8px;
}

/* Hide resize option */
textarea {
    resize: none;
}

/* Hide arrows/spinner on textmode number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Hide arrows/spinner on textmode number */
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

@media print {
    .masthead {
        display: none;
    }
}

.dropdown-menu {
    z-index: 9999 !important;
}

.text-command {
    display: none;
    width: 33px;
}

@media (min-width: 576px) {
    .text-command {
        display: inline;
    }
}

.bootstrap-select .dropdown-menu {
    max-width: 200px !important;
}

@media (min-width: 992px) {
    .bootstrap-select .dropdown-menu {
        max-width: none !important;
    }
}

/* Utilizado para padronizar os rowcommands */
.commands {
    width: 100px; /* or width is certain by parent element */
    height: auto; /* height cannot be defined */
    word-break: break-all; /*  */
    word-wrap: break-word; /* if you want to cut the complete word */
    white-space: normal; /* be sure its not 'nowrap'! ! ! :/ */
}

    .commands > a {
        width: 33px !important;
        margin-bottom: 4px !important;
    }

    .commands .btn-sm {
        width: 33px !important;
        margin-bottom: 4px !important;
    }


.nav-primary.active {
    background-color: var(--primary-color-2) !important;
    color: #fff !important;
    font-weight: bold;
}

.nav-primary:hover {
    background-color: var(--secondary-color-4) !important;
    color: #fff !important;
}

input[type=checkbox].dropdown-toggle::after {
    content: none;
}

/*--------------------------------------------------------------
# Loader
--------------------------------------------------------------*/
.cg-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: #fff;
}

.cg-loader-container {
    margin: 20px auto;
    width: 300px;
    height: 120px;
    position: relative;
    top: 35%;
    margin-top: -20px;
}

#cg-loader-animation {
    width: 100%;
    height: 200px;
}

/*--------------------------------------------------------------
# Toast
--------------------------------------------------------------*/
#toast-container {
    top: 100px;
}

@media (min-width: 576px) {

    .toast {
        min-width: 480px !important;
    }
}
/*--------------------------------------------------------------
# SweetAlert2
--------------------------------------------------------------*/
.swal2-actions .btn {
    margin-left: 10px !important;
}

.swal2-icon-content {
    font-size: 1.5em !important;
}
/*--------------------------------------------------------------
# Checkbox
--------------------------------------------------------------*/
.checkbox {
    padding-left: 20px;
}

    .checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555;
        }

    .checkbox input[type="checkbox"] {
        opacity: 0;
        z-index: 1;
    }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--primary-color-2);
    background-color: var(--primary-color-2);
}

/*--------------------------------------------------------------
# Diversos
--------------------------------------------------------------*/
.no-padding {
    padding: 0 !important;
}