@charset "utf-8";

/*
    Theme name: Expinova - FELUMA
    Author: HUB Tecnológico
    Author URI: https://cmmg.edu.br/hub/apresentacao
    Version: 2025.12.01_11.15
    Requires at least: 6.4
    Tested up to: 6.4
    Requires PHP: 7.4
    Text domain: __cmmg

    Description: Tema desenvolvido para a página Expinova - FELUMA
*/

#__cmmgNav{

    filter: drop-shadow(0 0 10px #666);
}

#__cmmgNav.__cmmgNavRolagem{

    filter: initial;
}

#__cmmgNav .__cmmgBotao{

    --cmmgBotaoCorHex1: #164194;
}

.__cmmgBotao:hover {

    color           : #164194 !important;
    border-radius   : 5px;
    background-size : 0 100%;
    background-color: #f8f8f8 !important;
}

section{

    overflow: hidden;
}

body{

    --dropShadowAzul: .05em .05em 0 var(--cmmgCorHexAzulFeluma);
    --expLargura    : 1450px;

    font-family     : 'Montserrat', sans-serif;
}

h2 {

    margin-bottom: 2em;
}

@media only screen and (max-width: 380px){

    h2{

        font-size: 2em;
    }

    h3{

        font-size: 1.8em;
    }
}

h3 {

    margin-bottom: 1.4em;
}

#cmmgSectionSobre p {

    color: #164194;
}

.expCorBranca{

    color: #fefefe;
}

/* *************************************************************************************************
    Header e Acordeão;
 **************************************************************************************************/

#__cmmgHeader{

     /* Eu só coloquei uma cor porque tava difícil testar a logo no fundo branco, depois você muda =D */
    background-color     : rgba(0, 0, 0, 35%);
    background-image     : url(./imagens/geral/headerFundo.jpg);
    background-size      : cover;
    background-attachment: fixed;
    background-blend-mode: color;
}

#__cmmgHeader h1{

    margin        : auto 0 0 auto;
    text-align    : right;
    color         : #fefefe;
    max-width     : 1100px;
    filter        : drop-shadow(1px 1px 1px black);
    text-transform: uppercase;
    font-size     : 2.73em;
}

#__cmmgHeader,
#cmmgSectionSobre{

    display   : flex;
    padding   : 3em;
    overflow  : hidden;
    width     : calc(100% - 6em);
    min-height: calc(calc(100 * var(--cmmgVh)) - 6em);
}


#cmmgSectionSobre{

    color                  : #fefefe;
    position               : relative;
    padding                : 7em 3em 0 3em;
    background-color       : #fefefe;
}

#cmmgSectionSobre > div{

    z-index  : 1;
    margin   : auto;
    max-width: var(--expLargura);
}

#cmmgSectionSobre .expEbookBotao{

    font-size   : 1.6em;
    font-variant: petite-caps;
}

.__cmmgLayoutAcordeao {

    color: #000;
}

.__cmmgLayoutAcordeao li > div > div li {

    list-style-type: none;
}

@media only screen and (orientation: portrait){

    #__cmmgHeader{

        min-height: calc(calc(80 * var(--cmmgVh)) - 6em);
    }

    #__cmmgHeader::before{

        background-position: center;
    }
}

@media only screen and (max-width: 570px) {

    #__cmmgHeader h1 {

        font-size: 2em;
    }
}

@media only screen and (max-width: 420px),
       only screen and (max-height: 420px) {

    #__cmmgHeader h1 {

        font-size: 1.5em;
    }
}

/*************************************************************************************************
    Equipe Realizadora
**************************************************************************************************/

#felumaRealizadores {

    padding                             : 7em 3em;
    margin                              : 0 auto;
    max-width                           : var(--expLargura);

}

#felumaRealizadores h4{

    margin: 0 0 1em 0;
}

#felumaRealizadores .__cmmgLayoutAcordeao {

    margin                              : 0 0 3em 0;
    --cmmgLayoutAcordeaoCorHexBase      : #fefefe;
    color                               : #fefefe;

}

#felumaRealizadores .__cmmgLayoutAcordeao li{

    background                          : var(--cmmgCorHexAzulFeluma);

}


/*************************************************************************************************
    Experiências
**************************************************************************************************/

#felumaColunaVideos {

    padding         : 5em 3em 7em 3em;
    margin          : 0 auto;
    background-color: #164194;
}

#felumaColunaVideos span {

    margin       : 0 1em;
    align-content: center;
}

#felumaColunaVideos .__cmmgAjaxLoader{

    margin: 1em auto;
}

#felumaColunaVideos .__cmmgAjaxLoader span{

    margin: initial;
}

#felumaColunaVideos h2 {

    color     : #fefefe;
    text-align: center;
}

.expMostraVideosTexto{

    max-width: var(--expLargura);
    color    : #fefefe;
    margin   : 0 auto 6em auto;
}

#felumaColunaVideos ul.felumaListaVideos{

    display              : grid;
    grid-auto-rows       : max-content;
    grid-template-columns: repeat(auto-fill, 20.3em);
    justify-content      : center;
    gap                  : 2em 2.8em;
    margin               : 0 auto;
    max-width            : var(--expLargura);
}

@media only screen and (max-width: 420px){

    #felumaColunaVideos ul.felumaListaVideos{

        grid-template-columns: initial;
    }
}

.felumaVideos {

    border          : 1px solid #fefefe;
    border-radius   : 1em;
    background-color: rgba(0, 0, 0, 20%);
    overflow        : hidden;
    height          : calc(100% - 6em);
    position        : relative;
    padding         : 0 0 6em 0;
}

.felumaTamanhoVideo{

    position           : relative;
    overflow           : hidden;
    width              : 100%;
    padding-top        : 56.25%;
    background-size    : cover;
    background-position: center;
    background-color   : var(--cmmgCorHexCinzaEscuro);
    /* background-image   : url('./imagens/geral/videoFundo.jpg'); */
}

.felumaTamanhoVideo iframe {

    border-radius: 1em 1em 0 0;
}

.felumaTamanhoVideo iframe,
.felumaTamanhoVideo video {

    position  : absolute;
    top       : 0;
    left      : 0;
    bottom    : 0;
    right     : 0;
    width     : 100%;
    max-width : 100%;
    height    : 100%;
    max-height: 100%;
    margin    : auto;
    object-fit: cover;
}

.felumaTamanhoVideoTitulo {

    color      : #fefefe;
    font-weight: 700;
    font-size  : .7em;
    line-height: 1.5em;
    text-align : center;
    display    : block;
    position   : absolute;
    top        : 1.5em;
    left       : 0;
    width      : calc(100% - 4em);
    height     : calc(55% - 3em);
    margin     : 0 !important;
    padding    : 0 2em;
    overflow   : hidden;

    display    : none;
}

.felumaDados {

    padding: 0 1em;
}

.felumaDados a {

    --cmmgLinkCorHex1: #fefefe;
    --cmmgLinkCorHex2: #fefefe;
}

.felumaDados > a {

    word-wrap: anywhere;
}

.felumaVideos h3 {

    font-size : 1.1em;
    margin    : 1.2em 0 .5em 0;
    color     : #fefefe;
    text-align: left;
}

.felumaVideos p {

    color     : #fefefe;
    margin    : 0;
    text-align: left;
}

.felumaVideos label.__cmmgBotao{

    padding       : 1em 2em !important;
    border-radius : 5px;
    font-size     : 1em;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin        : 0 0 0 1em;
    flex-grow     : 1;
}

@media only screen and (max-width: 380px){

    .felumaVideos label.__cmmgBotao{

        padding: 1em .5em !important;
    }
}

.BotoesDosVideos {

    display        : flex;
    justify-content: space-around;
    align-items    : center;
    position       : absolute;
    bottom         : 0;
    left           : 50%;
    translate      : -50% 0;
    height         : 6em;
    overflow       : hidden;
    width          : 100%;
}

.BotoesDosVideos a {

    padding: 0;
    display: flex;
}


.BotoesDosVideos img {

    max-width: 2em;
}

.botaoCoracao::after {

    outline-color: #fefefe;
}

/* *************************************************************************************************
    Experiências: Formulário
 **************************************************************************************************/

.expFormulario{

    float         : left;
    display       : flex;
    flex-direction: column;
}

.expFormulario input,
.expFormulario textarea{

    width : calc(100% - 1.5em);
    height: 5em;
    margin: 0 0 2em 0;
}

.expFormulario input{

    height: initial;
}

.expFormulario textarea:last-child{

    margin: 0;
}

.expFormulario .g-recaptcha{

    margin: 0 auto;
}

.expFormulario .__cmmgBotao{

    margin       : 2em auto 0 auto;
    padding      : .7em 2em !important;
    border-radius: .5em !important;
}

.expFormulario + div{

    float     : right;
    width     : 70vw;
    max-width : calc(350px - 4em);
    max-height: calc(80 * var(--cmmgVh) - 8em);
    margin    : 0 0 0 2em;
    padding   : 2em;
    overflow  : auto;
}

.expFormulario + div h2,
.expFormulario + div h3{

    font-size : 1.3em;
    text-align: left !important;
    margin    : 0 0 .5em 0;
    color     : var(--cmmgCorHexAzulFeluma) !important;
}

.expFormulario + div h3{

    margin   : 0;
    font-size: 1.1em;
    color    : var(--cmmgCorHexInferno) !important;
}

.expFormulario + div h2 + h3{

    margin-bottom: 3em;
}

.expFormulario + div h3 + em{

    display  : block;
    font-size: .8em;
    margin   : 0 0 .5em 0;
}

.expFormulario + div li{

    margin: 0 0 3em 0;
}

.expFormulario + div li:last-of-type{

    margin: 0;
}

.expFormulario + div p{

    font-size: .9em;
    color    : var(--cmmgCorHexInferno);
}

@media only screen and (max-width: 980px){

    .expFormulario{

        float: initial;
    }

    .expFormulario + div{

        float     : initial;
        width     : initial;
        max-height: initial;
        margin    : 2em 0 0 0;
    }
}

/* *************************************************************************************************
    Realização e Apoio
 **************************************************************************************************/

 #cmmgSectionRealizacaoApoio{

    background-color: #fefefe;
}

#cmmgSectionRealizacaoApoio::before{

    content: '';
}

#cmmgSectionRealizacaoApoio > div{

    padding   : 8em 3em;
    margin    : 0 auto;
    text-align: center;
    max-width : 1200px;
}

#cmmgSectionRealizacaoApoio h2,
#cmmgSectionRealizacaoApoio h3{

    font-size: 2em;
    color    : var(--cmmgCorHexAzulFeluma);
}

#cmmgSectionRealizacaoApoio h3{

    margin-top: 2em;
}

#cmmgSectionRealizacaoApoio > div > div{

    display  : flex;
    flex-wrap: wrap;
    margin   : 0 auto;
}

#cmmgSectionRealizacaoApoio > div > div a{

    margin: auto;
}

#cmmgSectionRealizacaoApoio > div > div img{

    max-height: 80px;
    max-width : 350px;
}

@media only screen and (max-width: 1000px){

    #cmmgSectionRealizacaoApoio > div > div{

        flex-direction: column;
    }

    #cmmgSectionRealizacaoApoio > div > div a{

        margin: 1.5em auto;
    }
}

@media only screen and (max-width: 500px){

    #cmmgSectionRealizacaoApoio > div > div img{

        max-width: calc(100vw - 6em);
    }
}

/* *************************************************************************************************
    Footer
 **************************************************************************************************/

 #__cmmgFooter{

    padding         : 5em 3em;
    text-align      : center;
    color           : #fefefe;
    background-color: var(--cmmgCorHexAzulFeluma);
}

.exp_coluna {

    display        : flex;
    margin         : auto;
    padding        : 4em 3em;
    justify-content: space-evenly;
    align-items    : center;
    text-align     : left;
}

.exp_nome {

    max-width: 35%;
}

.exp_nome h2{

    line-height: 1.25em;
    font-size  : 1.7em;
    color      : #fefefe;
}

.exp_informacoes {

    padding-top: .8em;
}

.exp_informacoes a {

    position        : relative;
    text-decoration : none;
    color           : #fefefe;
}

.exp_informacoes a::after{

    content         : "";
    position        : absolute;
    height          : 1px;
    width           : 0;
    bottom          : 0;
    left            : 0;
    background-color: #fefefe;
    transition      : all 0.4s ease;

}

.exp_informacoes a:hover::after{

    width: 100%;
}

#__cmmgFooter .__cmmgLinkImg::after{

    outline-color: #fefefe;
}

/*------------------------------------------------------------------------*/

@media only screen and (max-width: 640px){

    #cmmgSectionSobre p {

        font-size: 1.1em;
    }

    .__cmmgLayoutAcordeao label{

        font-size: 1em;
    }

    .exp_coluna{

        flex-direction: column;
        padding       : 0;
    }

    .exp_nome{

        max-width: 100%;
    }

    .exp_nome h2{

        font-size: 1.6em;
        text-align: center;
    }

    .exp_logo_informacoes{

        text-align: center;
    }

}

@media only screen and (min-width: 641px) and (max-width: 900px) {

    #cmmgSectionSobre p {

        font-size: 1.19em;
    }

    .felumaVideos h3 {

        font-size: 1.35em;
    }

    .felumaVideos p {

        font-size: 1.13em;
    }

    .felumaDados a{

        font-size: 1.13em;
    }

    .exp_coluna{

        padding: 0;
    }

    .exp_nome{

        max-width: 50%;
    }
}

@media only screen and (min-width: 901px) and (max-width: 1200px) {

    #cmmgSectionSobre p {

        font-size: 1.25em;
    }

    .__cmmgLayoutAcordeao label {

        font-size: 1.3em;
    }

    .felumaVideos h3 {

        font-size: 1.35em;
    }

    .felumaVideos p {

        font-size: 1.13em;
    }

    .felumaDados a{

        font-size: 1.13em;
    }

    .exp_nome {

        max-width: 50%;
    }
}