/* 
hello ¯\_(ツ)_/¯
Carregar fontes no header.php
*/
@url: 'https://wydeneadteresina.devprojeto.com.br'; // @{url}

// Variáveis
:root {
    --verdePadrao: #0f0;
    --pretoPadrao: #000;
    // color: var(--verdePadrao);
}

// $Mixins
.DisplayFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.FlexAlignCenter {
    .DisplayFlex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.FlexJustCenter {
    .DisplayFlex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.FlexPower {
    .DisplayFlex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.FlexColumn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

// $Scrollbar 
/*
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    border-radius: 0;
    background: purple;
}
::-webkit-scrollbar-thumb {
    background: pink;
    border-radius: 0;
}
*/



// $Geral
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }



@media only screen and (max-width: 1024px) {
    header {
        ul#menu-menu { 
            text-align: center !important;
        }
    }
}


section#bloco-1 {
    .container {
        .col-md {
            span.i.ms-3:first-child {
                margin-left: 0 !important;
            }  
        }
    }
}
section#bloco-2 {
    .container {
        div#pills-profile {
            .row {
                .col-md {
                    width: 50%;
                    -webkit-box-flex: 1;
                        -ms-flex: auto;
                            flex: auto;
                } 
                @media only screen and (max-width: 1024px) {
                    .col-md {
                        width: 100% !important;
                    } 
                }
            }
        } 
    }
}
section#bloco-3 {
    .container {
        .row {
            div#pills-tabContent {
                div.nosubmit {
                    text-align: right;
                }
                .filter-search-container {
                    margin-top: -67px;
                    padding-bottom: 38px;
                }
            }
            .mobile_slider {
                button.btn_courses_mobile {
                    width: auto;
                    padding: 10px;
                    height: auto;
                }
            }
        }
    }
}
section#bloco-4 {
    .container {
        .row {
            .box_benefices.col {
                margin-bottom: 70px;
                p {
                    margin-bottom: 0;
                }
            }
        }
    }

}
@media only screen and (max-width: 1024px) {
    section#bloco-4 {
        overflow-x: hidden;
    }
}
section#bloco-6 {
    .container {
        .row {
            .box_image {
                img {
                    width: 93px;
                    height: 96px;
                    -o-object-fit: cover;
                       object-fit: cover;
                    -o-object-position: center;
                       object-position: center;
                    border-radius: 50%;
                    border: 1px solid #f3f3f3;
                }
            }
        }
    }
}
section#bloco-7 {
    .container {
        .row {
            .input-group {
                form { 
                    >  p {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        .your-email {
                            width: 80% !important;
                            display: block;
                            margin-right: -8px;
                            input {
                                height: 48px;
                            }
                            span.wpcf7-not-valid-tip {
                                display: none;
                            }
                        } 
                        input.btn.btn-outline {
                            width: 30%;
                            min-width: 130px;
                        }
                        span.wpcf7-spinner {
                            position: absolute !important;
                            right: -18px;
                            top: 47px;
                            z-index: 3;
                        }
                    }
                }
            }
        }
    }
}
section#bloco-8 {
    .container {
        .row {
            .redes_sociais {
                a {
                    background: #97d2d4;
                    padding: 10px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    -webkit-box-pack: center;
                        -ms-flex-pack: center;
                            justify-content: center;
                    width: 44px;
                    border-radius: 8px;
                    float: left;
                    margin-right: 5px;
                }
                img {
                    max-width: 22px;
                    -webkit-filter: invert(1);
                            filter: invert(1);
                } 
                @media only screen and (max-width: 1024px) {
                   > div {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                        -ms-flex-pack: center;
                            justify-content: center;
                   } 
                }
            }
        }
    }
}

footer {
    .footer_items {
        .logo_wyden {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            @media only screen and (max-width: 1024px) {
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
            }
        }
    }
    ul#menu-rodape {
        margin: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        a {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
            line-height: 150%;
            color: #8C8A97;
            &:hover {
                color: #E6381F !important;
            }
        }
        @media only screen and (max-width: 1024px) {
            li {
                a {
                    padding: 4px !important;
                }
            }
        }
    }
}