@charset "utf-8";

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

    Description: Tema desenvolvido para a página de Egressos - CMMG
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,0,0');

/***************************************************************************************************
    Base
***************************************************************************************************/

html{

    --cmmgConteudoMaxWidth: 1200px;
}

@media only screen and (min-width: 1921px){

    html{

        --cmmgConteudoMaxWidth: 75vw;
    }
}

body{

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

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

    body{

        font-size: 1.4em;
    }
}

body.__cmmgWpEditor{

    padding: 1.5em;
}

/***************************************************************************************************
    HTML
***************************************************************************************************/

h2, h3, h4, h5, h6{

    font-size   : 2em;
    color       : rgb(var(--cmmgCorRgbTurquesaCmmg));
    font-variant: petite-caps;
    font-weight : 400;
}

h3{

    font-size: 1.6em;
}

h4{

    font-size: 1.3em;
}

h5{

    font-size: 1.1em;
}

h6{

    font-size: 1em;
}

a, .__cmmgSublinhadoAnimado{

    --cmmgLinkCorHex1: var(--cmmgCorHexAzulFeluma);
    --cmmgLinkCorHex2: var(--cmmgCorHexAzulFeluma);
}

/***************************************************************************************************
    Classes genéricas
***************************************************************************************************/

.__cmmgLinkImg::after{

    outline-color: var(--cmmgCorHexDouradoCmmg);
}

.__cmmgBotao{

    padding    : .1em 1.3em .18em 1.3em !important;
    font-size  : .8em;
    font-weight: 400;
}

/***************************************************************************************************
    Formatação para formulários do site
***************************************************************************************************/

form.egrSiteForm{

    display  : block;
    width    : calc(100% - 2px);
    max-width: 800px;
    margin   : 3em auto 0 auto;
    padding  : 0;
}

form.egrSiteForm label{

    display: block;
    color  : rgb(var(--cmmgCorRgbCinzaInferno));
}

form.egrSiteForm input,
form.egrSiteForm select,
form.egrSiteForm textarea{

    display         : block;
    color           : rgb(var(--cmmgCorRgbCinzaInferno));
    width           : calc(100% - 1.4em);
    margin          : 0 0 1.5em 0;
    padding         : .5em .7em;
    border-radius   : .1em;
    border-color    : #ccc;
    background-color: #fefefe;
}

form.egrSiteForm select{

    width: 100%;
}

form.egrSiteForm input[type=submit]{

    margin     : 3em 0 0 0 !important;
    font-size  : 1em;
    line-height: 1.5em;
}

form.egrSiteForm *:disabled{

    background-color: #eee;
}

/***************************************************************************************************
    Formatação específica de conteúdo vindo do editor (páginas gerais)
***************************************************************************************************/

section.egrEditorConteudo ul > li{

    list-style-type: disc;
    margin         : 2em 0 2em 1em;
}

section.egrEditorConteudo ul > li:last-of-type{

    margin-bottom: 0;
}

section.egrEditorConteudo ul > li > ul > li{

    list-style-type: circle;
}

section.egrEditorConteudo ul > li > ul > li > ul > li{

    list-style-type: square;
}

/***************************************************************************************************
    Formatação para páginas com imagem de destaque (Ex.: notícias)
***************************************************************************************************/

section.egrEditorConteudoDestaque{

    max-width: initial !important;
    padding  : 0;
    position : relative;
    height   : 100vh;
    height   : calc(100 * var(--cmmgVh));
    overflow : hidden;
}

@media only screen and (orientation: portrait){

    section.egrEditorConteudoDestaque{

        height: calc(100vmin + 15em);
    }
}

section.egrEditorConteudoDestaqueFundo{

    min-height: 450px;
}

section.egrEditorConteudoDestaque + section.egrEditorConteudo{

    padding-top: 5em;
}

section.egrEditorConteudoDestaque img{

    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

section.egrEditorConteudoDestaque > div{

    z-index         : 1;
    position        : absolute;
    top             : 0;
    width           : 100%;
    height          : 100%;
    display         : flex;
    flex-direction  : column;
    background-color: rgba(0, 0, 0, 40%);
}

section.egrEditorConteudoDestaqueFundo > div{

    background-color: rgba(0, 0, 0, 30%);
}

section.egrEditorConteudoDestaque > div > div{

    /* padding         : 3.75em 3em 0 3em; */
    padding         : 13em 3em;
    margin          : auto;
    width           : calc(100% - 6em);
    background-image: linear-gradient(0, transparent,
                                       rgba(0, 0, 0, 25%),
                                       rgba(0, 0, 0, 50%),
                                       rgba(0, 0, 0, 25%),
                                         transparent);
}

@media only screen and (max-height: 600px){

    section.egrEditorConteudoDestaque > div > div{

        padding: 7em 3em;
    }
}

section.egrEditorConteudoDestaque > div > div.egrEditorConteudoDestaqueDividido{

    width           : 0;
    min-width       : 500px;
    height          : calc(100% - 3.75em);
    margin          : 0 0 0 auto;
    text-align      : left;
    display         : flex;
    flex-direction  : column;
    position        : relative;
    background-image: linear-gradient(0, rgba(0, 0, 0, 75%), rgba(0, 0, 0, 75%)),
                      linear-gradient(0, rgba(var(--cmmgCorRgbTurquesaCmmg), 15%), rgba(var(--cmmgCorRgbTurquesaCmmg), 15%));
}

section.egrEditorConteudoDestaque > div > div.egrEditorConteudoDestaqueDividido *{

    text-align: left;
}

section.egrEditorConteudoDestaque > div > div.egrEditorConteudoDestaqueDividido h2,
section.egrEditorConteudoDestaque > div > div.egrEditorConteudoDestaqueDividido h3{

    margin-left: 0;
}

section.egrEditorConteudoDestaque > div > div.egrEditorConteudoDestaqueDividido :first-child{

    margin-top: auto;
}

section.egrEditorConteudoDestaque > div > div.egrEditorConteudoDestaqueDividido :last-child{

    margin-bottom: auto;
}

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

    section.egrEditorConteudoDestaque > div > div.egrEditorConteudoDestaqueDividido{

        width    : calc(100% - 6em);
        min-width: initial;
    }
}

section.egrEditorConteudoDestaque > div > div.egrEditorConteudoDestaqueDividido p{

    color: #fefefe;
}

section.egrEditorConteudoDestaque span.material-symbols-rounded{

    top     : .2em;
    position: relative;
}

section.egrEditorConteudoDestaque > div > div.egrEditorConteudoDestaqueDividido p span.material-symbols-rounded{

    top: .3em;
}

section.egrEditorConteudoDestaque > div > div h2,
section.egrEditorConteudoDestaque > div > div h3{

    max-width  : var(--cmmgConteudoMaxWidth);
    margin     : 0 auto;
    font-size  : 2.5em;
    font-weight: 600;
    color      : #fefefe;
    text-align : center;
    text-shadow: 1px 1px 7px #000;
}

section.egrEditorConteudoDestaque > div > div h3{

    font-size   : 1em;
    font-weight : 400;
    font-variant: initial;
    margin      : 1em auto 0 auto;
}

section.egrEditorConteudoDestaque > div > div.egrEditorConteudoDestaqueDividido h3{

    font-size: 1.5em;
}

@media only screen and (max-height: 600px){

    section.egrEditorConteudoDestaque > div > div h2{

        font-size: 1.8em;
    }

    section.egrEditorConteudoDestaque > div > div.egrEditorConteudoDestaqueDividido h3{

        font-size: 1.3em;
    }
}

section.egrEditorConteudoDestaque a{

    color           : #fefefe;
    background-image: linear-gradient(0, #fefefe, #fefefe);
}

section.egrEditorConteudoDestaque a.egrBotaoVejaMais{

    z-index         : 1;
    position        : absolute;
    bottom          : 2em;
    left            : 50%;
    color           : #333;
    font-size       : .9em;
    font-weight     : 600;
    padding         : .3em 1em;
    transform       : translate(-50%, 0);
    border-color    : #fefefe;
    border-width    : 1px;
    border-radius   : .1em;
    opacity         : .5;
    background-size : 100% 100%;
}

section.egrEditorConteudoDestaque a.egrBotaoVejaMais:hover{

    opacity        : 1;
    color          : #fefefe;
    background-size: 0 100%;
}

section.egrEditorConteudoDestaque a.egrBotaoVejaMais .dashicons{

    font-size: 1em;
    transform: translate(.2em, .4em);
    animation: egrBotaoVejaMaisSeta 10s ease-in-out infinite 3s;
}

section.egrEditorConteudoDestaque a.egrBotaoVejaMais .dashicons::before,
section.egrEditorConteudoDestaque a.egrBotaoVejaMais .dashicons-before::before{

    font-size: 1.5em;
}

@keyframes egrBotaoVejaMaisSeta{

    0%, 20%, 100% { transform: translate(.2em, .4em); }
    10%           { transform: translate(.2em, .6em); }
}

/***************************************************************************************************
    Paginação
***************************************************************************************************/

.egrPaginacao{

    text-align     : center;
    max-width      : fit-content;
    margin         : 0 0 0 2em;
    display        : flex;
    gap            : .3em;
    flex-wrap      : wrap;
    justify-content: end;
    float          : right;
    position       : relative;
    top            : -6em;
}

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

    .egrPaginacao{

        top          : -1em;
        margin-bottom: 2em;
    }
}

.egrPaginacao:last-of-type{

    top      : 0;
    float    : initial;
    margin   : 4em 0 0 0;
    max-width: initial;
}

.egrPaginacao + *{

    clear: both;
}

.egrPaginacao .__cmmgBotao{

    line-height: initial;
    padding    : .52em 1em !important;
}

.egrPaginacao .current.__cmmgBotao{

    --cmmgBotaoCorHex1  : var(--cmmgCorHexCinzaInferno);
    --cmmgBotaoCorHexTxt: var(--cmmgCorHexCinzaInferno);

    cursor              : initial;
    background-image    : none;
}

/***************************************************************************************************
    Filtros
***************************************************************************************************/

.egrFiltros{

    margin         : 0 0 0 2em;
    float          : right;
    clear          : initial;
    position       : relative;
    top            : -6em;
    gap            : .3em;
    display        : flex;
    align-items    : center;
    flex-wrap      : wrap;
    justify-content: stretch;
}

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

    .egrFiltros{

        top   : -1em;
        margin: 0 0 2em 0;
    }
}

.egrFiltros + *{

    clear: both;
}

.egrFiltros label{

    display: none;
}

.egrFiltros select{

    cursor          : pointer;
    color           : #fefefe;
    flex-grow       : 1;
    border-color    : rgb(var(--cmmgCorRgbTurquesaCmmg));
    border-radius   : .2em;
    background-size : 100% 100%;
    background-image: linear-gradient(0, rgb(var(--cmmgCorRgbTurquesaCmmg)), rgb(var(--cmmgCorRgbTurquesaCmmg)));
}

.egrFiltros select:hover{

    color          : rgb(var(--cmmgCorRgbTurquesaCmmg));
    background-size: 0 100%;
}

.egrFiltros option{

    color: rgb(var(--cmmgCorRgbTurquesaCmmg));
}

.egrFiltrosBotao{

    --egrFiltrosBotaoTamanho: calc(1em - 2px);

    font-size  : 2em;
    width      : var(--egrFiltrosBotaoTamanho) !important;
    padding    : 0 !important;
    height     : var(--egrFiltrosBotaoTamanho);
    line-height: var(--egrFiltrosBotaoTamanho);
}

/***************************************************************************************************
    Header
***************************************************************************************************/

header{

    padding: 3em;
}

header.egrHeaderDestaque{

    padding: 0;
}

/***************************************************************************************************
    Header: Nav
***************************************************************************************************/

header nav{

    display      : flex;
    position     : fixed;
    z-index      : 9999;
    top          : calc(-3em + var(--wp-admin--admin-bar--height));
    left         : -50vw;
    width        : calc(100vw - 35em);
    height       : 3.5em;
    border-radius: 50%;
    padding      : 5em calc(50vw + 32em) 2em calc(50vw + 3em);

    --cmmgDsNav  : 0 0 5px #000
}

header nav.egrHeaderNavInicial{

    --cmmgDsNav: 0 0 0 transparent;
}

header.egrHeaderDestaque nav{

    background-image: linear-gradient(0, transparent 7%, rgba(0, 0, 0, 50%));
}

header.egrHeaderNormal  nav,
header.egrHeaderRolagem nav{

    box-shadow      : 0 0 10px #000;
    background-color: #fefefe;
    background-image: none;
}

a.egrNavLogo{

    background: none;
}

a.egrNavLogo::after{

    outline-color: #fefefe;
}

a.egrNavLogo img{

    width  : 10em;
    display: block;
    filter : brightness(0)
             invert(1)
             drop-shadow(var(--cmmgDsNav));
}

header.egrHeaderNormal  a.egrNavLogo img,
header.egrHeaderRolagem a.egrNavLogo img{

    filter: initial;
}

header.egrHeaderNormal  a.egrNavLogo::after,
header.egrHeaderRolagem a.egrNavLogo::after{

    outline-color: rgb(var(--cmmgCorRgbDouradoCmmg));
}

h1{

    color      : #fefefe;
    width      : 5.4em;
    font-size  : 1.5em;
    text-align : center;
    position   : relative;
    top        : -.2em;
    margin     : 0 auto;
    text-shadow: var(--cmmgDsNav);
}

h1 span{

    display: block;
    margin : 0 auto;
}

h1 span:first-child{

    font-variant: petite-caps;
    font-weight : 400;
    font-size   : 1.2em;
}

h1 span:first-child::after{

    content         : '';
    height          : 1px;
    width           : 116%;
    display         : block;
    position        : relative;
    left            : -8%;
    top             : .05em;
    background-color: #fefefe;
}

header.egrHeaderNormal  h1 span:first-child::after,
header.egrHeaderRolagem h1 span:first-child::after{

    background-color: rgb(var(--cmmgCorRgbDouradoCmmg));
}

h1 span:last-child{

    letter-spacing: .69em;
}

header.egrHeaderNormal  h1,
header.egrHeaderRolagem h1{

    text-shadow: none;
    color      : rgb(var(--cmmgCorRgbDouradoCmmg));
}

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

    header nav{

        width  : calc(100vw - 6em);
        padding: 5em calc(50vw + 3em) 2em calc(50vw + 3em);
    }

    h1{

        display: none;
    }
}

ul.egrNavMenu{

    margin        : auto 0;
    padding       : calc(9em + var(--wp-admin--admin-bar--height)) 0 0 0;
    display       : flex;
    flex-direction: column;
    position      : fixed;
    top           : 0;
    right         : -100vw;
    width         : 100%;
    height        : calc(100vh - 1em);
    max-width     : 400px;
    user-select   : none;
}

ul.egrNavMenu::before{

    content         : '';
    position        : fixed;
    top             : 0;
    z-index         : 2;
    width           : 100vw;
    height          : 100vh;
    background-color: rgba(var(--cmmgCorRgbDouradoCmmg), 90%);
}

input[type=radio]:checked + ul.egrNavMenu{

    right     : 0;
    overflow-y: scroll;
}

li.egrNavMenuLi a{

    z-index            : 3;
    position           : relative;
    display            : block;
    font-weight        : 400;
    text-align         : center;
    padding            : .7em .5em;
    margin             : .2em 1.5em;
    color              : rgb(var(--cmmgCorRgbDouradoCmmg));
    border-radius      : .1em;
    border-color       : #fefefe;
    border-width       : 1px;
    background-position: top left;
    background-repeat  : no-repeat;
    background-size    : 100% 100%;
    background-image   : linear-gradient(0, #fefefe, #fefefe);
}

li.egrNavMenuLi a:hover{

    background-size: 0 100%;
    color          : #fefefe;
}

li.egrNavMenuLi a.egrNavMenuLiAAtivado{

    opacity: .5;
}

label.egrNavMenuLabel{

    width      : .3em;
    height     : .3em;
    position   : fixed;
    z-index    : 3;
    top        : calc(.36em + var(--wp-admin--admin-bar--height));
    right      : .4em;
    display    : block;
    font-size  : 7.5em;
    font-weight: 200;
    line-height: .3em;
    text-indent: -.13em;
    color      : #fefefe;
}

label.egrNavMenuLabel::after{

    outline-color: #fefefe;
}

header.egrHeaderNormal  label.egrNavMenuLabel[for=egrNavMenuRadio1]::after,
header.egrHeaderRolagem label.egrNavMenuLabel[for=egrNavMenuRadio1]::after{

    outline-color: rgb(var(--cmmgCorRgbDouradoCmmg));
}

label.egrNavMenuLabel img{

    width  : .3em;
    height : .3em;
    display: block;
    filter : brightness(0)
             invert(1)
             drop-shadow(var(--cmmgDsNav));
}

header.egrHeaderNormal  label.egrNavMenuLabel img,
header.egrHeaderRolagem label.egrNavMenuLabel img{

    filter: none;
}

label.egrNavMenuFundo{

    display         : none;
    z-index         : 1;
    position        : fixed;
    top             : 0;
    left            : 0;
    width           : 100vw;
    height          : 100vh;
    background-color: rgba(255, 255, 255, 75%);
}

label.egrNavMenuLabel:nth-child(2),
input[type=radio]:checked + ul.egrNavMenu label.egrNavMenuLabel{

    display: none;
}

input[type=radio]:checked + ul.egrNavMenu label.egrNavMenuFundo,
input[type=radio]:checked + ul.egrNavMenu label.egrNavMenuLabel:nth-child(2){

    display: initial;
}

input[type=radio]:checked + ul.egrNavMenu label.egrNavMenuLabel:nth-child(2){

    position: absolute;
}

input[type=radio]:checked + ul.egrNavMenu label.egrNavMenuFundo{

    animation: egrNavMenuFundoAnimacao .5s ease-in-out forwards;
}

@keyframes egrNavMenuFundoAnimacao{

    from { opacity: 0; backdrop-filter: blur(0); }
    to   { opacity: 1; backdrop-filter: blur(.2em); }
}

img.egrNavMenuLogo{

    filter  : brightness(0)
              invert(1);
    position: absolute;
    top     : calc(2.5em + var(--wp-admin--admin-bar--height));
    left    : 1.7em;
    z-index : 2;
    width   : 50%;
}

a.egrNavMenuEgresso{

    position           : fixed;
    top                : calc(2.88em + var(--wp-admin--admin-bar--height));
    right              : 21.5em;
    height             : 2em;
    color              : rgb(var(--cmmgCorRgbTurquesaCmmg));
    font-weight        : 500;
    font-size          : .9em;
    padding            : .3em 2em;
    border-radius      : .1em;
    border-color       : #fefefe;
    border-width       : 1px;
    background-image   : linear-gradient(0, #fefefe, #fefefe);
    background-repeat  : no-repeat;
    background-position: left top;
    background-size    : 100% 100%;
}

                         a.egrNavMenuEgresso:hover,
header.egrHeaderDestaque a.egrNavMenuEgresso:hover{

    color          : #fefefe;
    text-decoration: none;
    background-size: 0 100%;
}

header.egrHeaderDestaque a.egrNavMenuEgresso{

    color: rgb(var(--cmmgCorRgbCinzaInferno));
}

header.egrHeaderNormal  a.egrNavMenuEgresso,
header.egrHeaderRolagem a.egrNavMenuEgresso{

    color           : #fefefe;
    border-color    : rgb(var(--cmmgCorRgbDouradoCmmg));
    background-image: linear-gradient(0, rgb(var(--cmmgCorRgbDouradoCmmg)), rgb(var(--cmmgCorRgbDouradoCmmg)));
}

header.egrHeaderNormal  a.egrNavMenuEgresso:hover,
header.egrHeaderRolagem a.egrNavMenuEgresso:hover{

    color: rgb(var(--cmmgCorRgbDouradoCmmg));
}

input#egrNavMenuBusca{

    font-size   : .834em; /* Isso aqui é só por conta do Safari */
    position    : fixed;
    top         : calc(3.2em + var(--wp-admin--admin-bar--height));
    right       : 8.5em;
    width       : 8.6em;
    height      : 1.6em;
    color       : #fefefe;
    border-color: #fefefe;
    background  : none;
    padding     : .5em 3.7em .5em .7em;
}

input#egrNavMenuBusca::placeholder{

    opacity    : .7;
    color      : #fefefe;
    font-family: 'Montserrat', sans-serif;
}

@media only screen and (min-width: 801px){

    header.egrHeaderNormal  input#egrNavMenuBusca::placeholder,
    header.egrHeaderRolagem input#egrNavMenuBusca::placeholder{

        color: rgb(var(--cmmgCorRgbDouradoCmmg));
    }
}

input#egrNavMenuBuscaBotao{

    cursor             : pointer;
    position           : fixed;
    top                : calc(1.8em + var(--wp-admin--admin-bar--height));
    right              : 4.7em;
    border-color       : #fefefe;
    border-radius      : 0 .1em .1em 0;
    height             : 1.5em;
    width              : 1.5em;
    padding            : 0;
    line-height        : 0em;
    color              : rgb(var(--cmmgCorRgbTurquesaCmmg));
    background-color   : transparent;
    background-color   : initial;
    background-position: 0 0;
    background-size    : 100% 100%;
    background-repeat  : no-repeat;
    background-image   : linear-gradient(0, #fefefe, #fefefe);
}

                         input#egrNavMenuBuscaBotao:hover,
header.egrHeaderDestaque input#egrNavMenuBuscaBotao:hover{

    color          : #fefefe;
    background-size: 0 100%;
}

header.egrHeaderDestaque input#egrNavMenuBuscaBotao{

    color: rgb(var(--cmmgCorRgbCinzaInferno));
}

header.egrHeaderNormal  input#egrNavMenuBusca,
header.egrHeaderRolagem input#egrNavMenuBusca,
header.egrHeaderNormal  input#egrNavMenuBuscaBotao,
header.egrHeaderRolagem input#egrNavMenuBuscaBotao{

    color       : rgb(var(--cmmgCorRgbDouradoCmmg));
    border-color: rgb(var(--cmmgCorRgbDouradoCmmg));
}

header.egrHeaderNormal  input#egrNavMenuBuscaBotao,
header.egrHeaderRolagem input#egrNavMenuBuscaBotao{

    color           : #fefefe;
    background-image: linear-gradient(0, rgb(var(--cmmgCorRgbDouradoCmmg)), rgb(var(--cmmgCorRgbDouradoCmmg)));
}

header.egrHeaderNormal  input#egrNavMenuBuscaBotao:hover,
header.egrHeaderRolagem input#egrNavMenuBuscaBotao:hover{

    color: rgb(var(--cmmgCorRgbDouradoCmmg));
}

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

    a.egrNavMenuEgresso,
    input#egrNavMenuBusca,
    input#egrNavMenuBuscaBotao{

        z-index   : 3;
        position  : relative;
        top       : initial;
        right     : initial;
        margin    : .5em 1.5em;
        padding   : .5em 1em;
        width     : calc(100% - 5em);
        height    : auto;
        display   : block;
        font-size : 1em;
    }

    a.egrNavMenuEgresso{

        color           : rgb(var(--cmmgCorRgbDouradoCmmg)) !important;
        border-color    : #fefefe !important;
        background-image: linear-gradient(0, #fefefe, #fefefe) !important;
    }

    a.egrNavMenuEgresso:hover{

        color: #fefefe !important;
    }

    input#egrNavMenuBusca{

        font-size   : 1em;
        color       : #fefefe !important;
        border-color: #fefefe !important;
        margin      : .5em 1.5em 2em 1.5em;
        width       : calc(100% - 8em);
        padding     : .5em 4em .5em 1em;
    }

    input#egrNavMenuBuscaBotao{

        width           : 3em;
        height          : 2.4em;
        border-color    : #fefefe !important;
        border-radius   : 0 .1em .1em 0;
        position        : absolute;
        top             : .5em;
        right           : .3em;
        color           : rgb(var(--cmmgCorRgbDouradoCmmg)) !important;
        background-image: linear-gradient(0, #fefefe, #fefefe) !important;
    }

    input#egrNavMenuBuscaBotao:hover{

        color: #fefefe !important;
    }
}

/***************************************************************************************************
    WP Admin Bar
***************************************************************************************************/

#wpadminbar{

    background-color: rgb(var(--cmmgCorRgbDouradoCmmg)) !important;
}

/***************************************************************************************************
    Main
***************************************************************************************************/

main{

    padding : 7em 0 0 0;
    position: relative;
}

header.egrHeaderNormal + main,
header.egrHeaderDestaque + main{

    padding: 0;
}

section{

    margin  : auto;
    padding : 7em 3em;
    position: relative;
}

header.egrHeaderNormal + main section,
header.egrHeaderDestaque + main section{

    max-width: var(--cmmgConteudoMaxWidth);
}

/***************************************************************************************************
    Página inicial: Destaque
***************************************************************************************************/

section#egrSectionInicialDestaque{

    --cmmgInicialDestaqueTopo: 7.5em;

    position                 : relative;
    top                      : -13em;
    left                     : 0;
    margin                   : 0 0 -13em 0;
    padding                  : var(--cmmgInicialDestaqueTopo) 0 0 0;
    width                    : 100%;
    max-width                : initial;
    height                   : 100vh;
    min-height               : 400px;
    max-height               : calc(100vh - var(--cmmgInicialDestaqueTopo));
    max-height               : calc(100 * var(--cmmgVh) - var(--cmmgInicialDestaqueTopo));
    overflow                 : hidden;
    background-color         : rgb(var(--cmmgCorRgbTurquesaCmmg));
    background-repeat        : no-repeat;
    background-size          : cover;
    background-blend-mode    : multiply;
    background-attachment    : fixed;
    background-image         : url('./imagens/fundos/fundoBeneficios.jpg');
}

@media only screen and (orientation: portrait){

    section#egrSectionInicialDestaque{

        height    : calc(100vmin + var(--cmmgInicialDestaqueTopo));
        min-height: initial;
    }
}

section#egrSectionInicialDestaque > a{

    position        : absolute;
    top             : calc(50% + 1.5em);
    left            : 2em;
    z-index         : 2;
    transform       : translateY(-50%)
                      rotate(180deg);
    box-shadow      : 0 0 5px rgba(0, 0, 0, 15%);
    display         : block;
    width           : 4em;
    height          : 3em;
    line-height     : 3.9em;
    text-align      : center;
    color           : #fefefe;
    border-radius   : .2em;
    background-size : 0 100%;
    background-image: linear-gradient(0, #fefefe, #fefefe);
    background-color: rgb(var(--cmmgCorRgbTurquesaCmmg));
}

section#egrSectionInicialDestaque > a span{

    font-size  : 1.4em;
    font-weight: 600;
    position   : relative;
    left       : -.2em;
}

section#egrSectionInicialDestaque > a:last-of-type{

    left     : initial;
    right    : 2em;
    transform: translateY(-50%);
}

section#egrSectionInicialDestaque > a:hover{

    text-decoration: none;
    background-size: 100% 100%;
    color          : rgb(var(--cmmgCorRgbTurquesaCmmg));
}

section#egrSectionInicialDestaque > a:hover span{

    left: 0;
}

ul.egrSectionInicialDestaques{

    width   : 100%;
    height  : calc(100% - 3em);
    margin  : 0;
    overflow: hidden;
    position: relative;
}

ul.egrSectionInicialDestaques li{

    cursor          : pointer;
    width           : calc(100% - 6em);
    min-width       : calc(100% - 6em);
    height          : 100%;
    margin          : 0 3em;
    overflow        : hidden;
    border-radius   : .3em;
    position        : absolute;
    z-index         : 1;
    background-color: #fefefe;
}

ul.egrSectionInicialDestaques li:hover img{

    transform: scale(1.05);
}

ul.egrSectionInicialDestaques li.egrSectionInicialDestaquesSimples{

    cursor: initial;
}

ul.egrSectionInicialDestaques li.egrSectionInicialDestaquesSimples:hover img{

    transform: initial;
}

ul.egrSectionInicialDestaques li.egrSectionInicialDestaquesOculto{

    opacity: 0;
    z-index: 0;
}

ul.egrSectionInicialDestaques li img{

    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

ul.egrSectionInicialDestaques li div{

    position        : absolute;
    bottom          : 0;
    right           : 0;
    width           : calc(100% - 5em);
    padding         : 10em 2.5em 2.5em 2.5em;
    text-align      : right;
    background-image: linear-gradient(0, rgba(0, 0, 0, 80%), transparent);
}

ul.egrSectionInicialDestaques li div h2{

    color      : #fefefe;
    font-size  : 2em;
    font-weight: 600;
    margin     : 0;
    text-shadow: 1px 1px 5px #000;
}

ul.egrSectionInicialDestaques li div h2 a{

    color     : #fefefe;
    background: none;
}

a.egrSectionInicialDestaquesLink{

    display : block;
    z-index : 1;
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
}

div.egrSectionInicialDestaquesIndicadores{

    text-align: center;
}

div.egrSectionInicialDestaquesIndicadores a{

    width           : 2em;
    height          : .3em;
    border-radius   : .5em;
    color           : transparent;
    line-height     : 100%;
    padding         : 0;
    margin          : 1.3em .5em;
    display         : inline-block;
    overflow        : hidden;
    opacity         : .5;
    background-size : 100% 100%;
    border-color    : #fefefe;
    border-width    : 1px;
    background-image: linear-gradient(0, #fefefe, #fefefe);
}

div.egrSectionInicialDestaquesIndicadores a:hover{

    text-decoration: none;
    background-size: 0 100%;
}

div.egrSectionInicialDestaquesIndicadores a.egrSectionInicialDestaquesIndicadoresMarcado{

    opacity: 1;
}

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

    section#egrSectionInicialDestaque > a{

        font-size: .7em;
    }

    ul.egrSectionInicialDestaques li div h2{

        font-size: 1.5em;
    }
}

/***************************************************************************************************
    Página inicial: Benefícios
***************************************************************************************************/

section#egrSectionInicialBeneficios{

    display              : flex;
    min-height           : calc(90vh - 14em);
    min-height           : calc(90 * var(--cmmgVh) - 14em);
    background-repeat    : no-repeat;
    background-size      : cover;
    background-color     : rgba(var(--cmmgCorRgbTurquesaCmmg), 50%);
    background-blend-mode: hard-light;
    background-attachment: fixed;
    background-image     : url('./imagens/fundos/fundoBeneficios.jpg');
}

section#egrSectionInicialBeneficios h2{

    font-size : 2.5em;
    text-align: right;
    margin    : auto 1.5em auto auto;
}

section#egrSectionInicialBeneficios h2 span{

    display    : block;
    line-height: 1.3em;
}

section#egrSectionInicialBeneficios h2 span:nth-child(1){

    font-size: .8em;
}

section#egrSectionInicialBeneficios h2 span:nth-child(2){

    font-weight: 600;
    font-size  : 1.4em;
}

section#egrSectionInicialBeneficios h2 span:nth-child(4){

    font-size  : .9em;
    font-weight: 500;
}

section#egrSectionInicialBeneficios > div{

    color           : #fefefe;
    padding         : 3em;
    margin          : auto auto auto 1.5em;
    border-radius   : .3em;
    backdrop-filter : blur(3px);
    background-color: rgba(var(--cmmgCorRgbTurquesaCmmg), 85%);
}

section#egrSectionInicialBeneficios > div ul li{

    display: flex;
    margin : 0;
    padding: 1em 0;
}

section#egrSectionInicialBeneficios > div ul li img{

    width : 2em;
    height: 2em;
    margin: 0 1em 0 0;
    filter: brightness(0)
            invert(1);
}

section#egrSectionInicialBeneficios > div a,
section#egrSectionInicialBeneficios > div h3{

    color: #fefefe;
}

section#egrSectionInicialBeneficios > div a{

    background-image: linear-gradient(0, #fefefe, #fefefe);
}

section#egrSectionInicialBeneficios > div h3{

    margin: 0;
}

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

    section#egrSectionInicialBeneficios{

        padding       : 7em 1.5em;
        min-height    : initial;
        flex-direction: column;
    }

    section#egrSectionInicialBeneficios h2{

        text-align: center;
        margin    : auto auto 1.5em auto;
    }

    section#egrSectionInicialBeneficios > div{

        margin: 1.5em auto auto auto;
    }
}

/***************************************************************************************************
    Página inicial: Educação Continuada
***************************************************************************************************/

section#egrSectionInicialEducacaoContinuada{

    display              : flex;
    width                : calc(100% - 6em);
    min-height           : calc(100vh - 15em);
    min-height           : calc(100 * var(--cmmgVh) - 15em);
    padding              : 7.5em 3em;
    background-color     : rgb(var(--cmmgCorRgbAzulFeluma));
    background-repeat    : no-repeat;
    background-size      : cover;
    background-blend-mode: multiply;
    background-attachment: fixed;
    background-image     : url('./imagens/fundos/fundoEducacaoContinuada.jpg');
}

section#egrSectionInicialEducacaoContinuada > div{

    margin: auto;
}

section#egrSectionInicialEducacaoContinuada h2{

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

section#egrSectionInicialEducacaoContinuada ul{

    display: flex;
    margin : 0 auto;
    width  : fit-content;
}

section#egrSectionInicialEducacaoContinuada ul li{

    margin          : 0 1em;
    width           : 23vw;
    max-width       : 320px;
    height          : 65vh;
    height          : calc(65 * var(--cmmgVh));
    max-height      : 500px;
    min-height      : 255px;
    position        : relative;
    overflow        : hidden;
    border-radius   : .2em;
    transform       : skew(-10deg);
    background-color: #fefefe;
}

section#egrSectionInicialEducacaoContinuada ul li div{

    width    : 100%;
    height   : 100%;
    transform: skew(10deg);
    position : absolute;
    top      : 0;
    left     : 0;
}

section#egrSectionInicialEducacaoContinuada ul li div img{

    object-fit: cover;
    max-width : initial;
    height    : 100%;
    position  : absolute;
    top       : 50%;
    left      : 50%;
    transform : translate(-50%, -50%);
}

section#egrSectionInicialEducacaoContinuada ul li div a{

    display  : block;
    width    : 100%;
    height   : 100%;
    position : absolute;
    top      : 0;
    left     : 0;
    transform: skew(-10deg);
}

section#egrSectionInicialEducacaoContinuada ul li div a span{

    z-index          : 1;
    position         : absolute;
    right            : 0;
    bottom           : 0;
    transform        : rotate(-90deg)
                       translate(100%);
    padding          : .5em 1em;
    width            : max-content;
    font-weight      : 800;
    border-color     : #fefefe;
    border-width     : 1px;
    border-radius    : 0 .1em 0 0;
    transform-origin : bottom right;
    background-image : linear-gradient(0, rgba(255, 255, 255, 90%), rgba(255, 255, 255, 90%));
    background-repeat: no-repeat;
    background-size  : 100% 100%;
}

section#egrSectionInicialEducacaoContinuada ul li div a:hover span{

    background-size: 0 100%;
    color          : #fefefe;
    filter         : drop-shadow(0 0 4px #000);
}

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

    section#egrSectionInicialEducacaoContinuada ul{

        width         : calc(80vw - 3em);
        flex-direction: column;
        align-items   : center;
    }

    section#egrSectionInicialEducacaoContinuada ul li{

        margin    : 1em;
        width     : 100%;
        max-width : initial;
        height    : 180px;
        min-height: initial;
        max-height: initial;
    }

    section#egrSectionInicialEducacaoContinuada ul li div img{

        width    : calc(100% + 3em);
        height   : initial;
        top      : 0;
        transform: translate(-50%, -10%);
    }

    section#egrSectionInicialEducacaoContinuada ul li div a span{

        transform: initial;
        right    : initial;
        left     : 0;
    }
}

/***************************************************************************************************
    Página inicial: Depoimentos
***************************************************************************************************/

section#egrSectionInicialDepoimentos{

    position: relative;
}

section#egrSectionInicialDepoimentos::before{

    content              : '';
    position             : absolute;
    z-index              : -1;
    top                  : 0;
    left                 : 0;
    width                : 100%;
    height               : 100%;
    opacity              : .1;
    background-size      : cover;
    background-attachment: fixed;
    background-repeat    : no-repeat;
    background-color     : rgb(var(--cmmgCorRgbTurquesaCmmg));
    background-blend-mode: luminosity;
    background-image     : url('./imagens/fundos/fundoDepoimentos.jpg');
}

section#egrSectionInicialDepoimentos h2{

    text-align: center;
}

                          ul.egrDepoimentosLista,
section.egrEditorConteudo ul.egrDepoimentosLista{

    width    : 100%;
    max-width: calc(var(--cmmgConteudoMaxWidth) / 1.2);
    display  : block;
    margin   : 0 auto;
}

                          ul.egrDepoimentosLista li,
section.egrEditorConteudo ul.egrDepoimentosLista li{

    padding         : 2em;
    margin          : 1.5em auto;
    border-color    : rgb(var(--cmmgCorRgbTurquesaCmmg));
    border-width    : 1px;
    border-radius   : .3em;
    list-style-type : none;
    background-color: #fefefe;
}

                          ul.egrDepoimentosLista li img,
section.egrEditorConteudo ul.egrDepoimentosLista li img{

    float           : left;
    height          : 6.5em;
    width           : 6.5em;
    object-fit      : cover;
    margin          : 0 2em 0 0;
    border-radius   : .3em;
    background-color: #fefefe;
}

                          ul.egrDepoimentosLista li h3,
                          ul.egrDepoimentosLista li h4,
                          ul.egrDepoimentosLista li h5,
section.egrEditorConteudo ul.egrDepoimentosLista li h3,
section.egrEditorConteudo ul.egrDepoimentosLista li h4,
section.egrEditorConteudo ul.egrDepoimentosLista li h5{

    margin: 0 0 .5em 0;
}

                          ul.egrDepoimentosLista li > div,
section.egrEditorConteudo ul.egrDepoimentosLista li > div{

    display: table;
    width  : calc(100% - 8.5em);
}

                          ul.egrDepoimentosLista li > div > div,
section.egrEditorConteudo ul.egrDepoimentosLista li > div > div{

    margin: 1em 0;
}

                          ul.egrDepoimentosLista li > div > strong:last-of-type,
section.egrEditorConteudo ul.egrDepoimentosLista li > div > strong:last-of-type{

    display   : block;
    text-align: right;
}

section#egrSectionInicialDepoimentos > p{

    text-align: center;
}

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

                              ul.egrDepoimentosLista li img,
    section.egrEditorConteudo ul.egrDepoimentosLista li img{

        display: block;
        float  : initial;
        margin : 0 auto 2em auto;
    }

                              ul.egrDepoimentosLista li > div,
    section.egrEditorConteudo ul.egrDepoimentosLista li > div{

        width: initial;
    }

                              ul.egrDepoimentosLista li h3,
                              ul.egrDepoimentosLista li h4,
                              ul.egrDepoimentosLista li h5,
    section.egrEditorConteudo ul.egrDepoimentosLista li h3,
    section.egrEditorConteudo ul.egrDepoimentosLista li h4,
    section.egrEditorConteudo ul.egrDepoimentosLista li h5{

        text-align: center;
    }
}

/***************************************************************************************************
    Página: Benefícios
***************************************************************************************************/

ul.egrListaBeneficios{

    width    : 100%;
    max-width: calc(var(--cmmgConteudoMaxWidth) / 1.2);
    margin   : 0 auto;
    display  : block;
    font-size: .9em;
}

ul.egrListaBeneficios > li{

    margin         : 3em 0 !important;
    list-style-type: none !important;
    border-color   : rgb(var(--cmmgCorRgbTurquesaCmmg));
    border-radius  : .3em;
    border-width   : 1px;
}

ul.egrListaBeneficios > li div:first-child{

    padding         : 2em 1.5em;
    background-color: rgb(var(--cmmgCorRgbTurquesaCmmg));
}

ul.egrListaBeneficios > li div:first-child img{

    width     : 3em;
    float     : left;
    margin    : 0 2em 0 0;
    position  : relative;
    top       : -.5em;
    background: none;
    filter    : brightness(0)
                invert(1);
}

ul.egrListaBeneficios > li div:first-child h4{

    color    : #fefefe;
    font-size: 1.4em;
    margin   : 0;
}

ul.egrListaBeneficios > li div:last-child{

    padding: 2em;
}

a.egrListaBeneficiosLink{

    cursor             : pointer;
    display            : block;
    text-align         : center;
    color              : #fefefe;
    max-width          : 600px;
    margin             : 3em auto 0 auto;
    padding            : .5em 1.5em;
    border-color       : rgb(var(--cmmgCorRgbTurquesaCmmg));
    border-width       : 1px;
    border-radius      : .1em;
    background-size    : 100% 100%;
    background-position: top left;
    background-image   : linear-gradient(0, rgb(var(--cmmgCorRgbTurquesaCmmg)), rgb(var(--cmmgCorRgbTurquesaCmmg)));
}

a.egrListaBeneficiosLink:hover{

    color          : rgb(var(--cmmgCorRgbTurquesaCmmg));
    background-size: 0 100%;
}

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

    ul.egrListaBeneficios{

        font-size: 1em;
    }
}

/***************************************************************************************************
    Página: Posts
***************************************************************************************************/

ul.egrListaPosts li{

    cursor         : pointer;
    list-style-type: none;
    display        : block;
    padding        : 0;
    margin         : 2em 0 !important;
    overflow       : hidden;
    border-color   : rgb(var(--cmmgCorRgbTurquesaCmmg));
    border-width   : 1px;
    border-radius  : .3em;
}

ul.egrListaPosts li:hover{

    border-color: rgb(var(--cmmgCorRgbTurquesaCmmg), 35%);
}

ul.egrListaPosts li figure{

    float        : left;
    display      : block;
    background   : none;
    width        : 16em !important;
    height       : 9em;
    margin       : 1.5em 0 1.5em 1.5em;
    border-radius: .3em;
    overflow     : hidden;
}

ul.egrListaPosts li figure img{

    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

ul.egrListaPosts li div{

    display: table;
    padding: 1.5em 1.5em 1.5em 2em;
}

ul.egrListaPosts li div h4,
ul.egrListaPosts li div h5{

    margin   : 0 0 .3em 0;
    font-size: 1.5em;
}

ul.egrListaPosts li div h5{

    font-size  : 1.2em;
    font-weight: 600;
    color      : rgb(var(--cmmgCorRgbCinzaInferno));
}

ul.egrListaPosts li div h4 a{

    background: none;
    color     : rgb(var(--cmmgCorRgbTurquesaCmmg));
}

ul.egrListaPosts li div > span{

    font-size : .9em;
    font-style: italic;
}

ul.egrListaPosts li div > span.material-symbols-rounded{

    font-size : 1em;
    font-style: initial;
    position  : relative;
    top       : .1em;
}

ul.egrListaPosts li div > p{

    margin: 1em 0 0 0;
}

ul.egrListaPosts li div > p span.material-symbols-rounded{

    position: relative;
    top     : .2em;
}

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

    ul.egrListaPosts li figure{

        width : calc(100vw - 9em) !important;
        height: calc(56.25vw - 5em);
        margin: 1.5em 1.5em 0 1.5em;
    }
}

/***************************************************************************************************
    Página: Posts + Cards
***************************************************************************************************/

ul.egrListaPostsCards{

    display              : grid;
    grid-template-columns: repeat(auto-fill, 50%);
    justify-content      : space-evenly;
    width                : 100%;
}

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

    ul.egrListaPostsCards{

        display: block;
    }
}

ul.egrListaPostsCards li{

    width  : calc(100% - 4em - 2px);
    padding: 0;
    margin : 2em !important;
}

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

    ul.egrListaPostsCards li{

        width : calc(100% - 2px);
        margin: 2em auto !important;
    }
}

ul.egrListaPostsCards li > figure{

    margin       : 0;
    width        : 100% !important;
    border-radius: 0;
    height       : 25vmax;
    max-height   : 35vh;
}

ul.egrListaPostsCards li > div{

    text-align: center;
    margin    : 0;
    padding   : 1em 2em;
    display   : inline-block;
    width     : calc(100% - 4em);
}

/***************************************************************************************************
    Página: Notícia
***************************************************************************************************/

div.egrNoticiaDescricao{

    text-align      : center;
    font-size       : 1.3em;
    line-height     : 1.3em;
    margin          : 0 0 2em 0;
    padding         : 1em 1.5em;
    border-radius   : .3em;
    background-color: #eee;
}

p.egrNoticiaAtualizado{

    font-weight: 500;
}

/***************************************************************************************************
    Página: Perfil do Egresso
***************************************************************************************************/

.egrPerfilEgressoSecaoContainer{

    margin : 7em 0;
    display: grid;
    gap    : 2.5em;
}

.egrPerfilEgressoSecaoContainer:last-of-type{

    margin: 0;
}

.egrPerfilEgressoSecaoContainer h3{

    width    : 100%;
    margin   : 0;
    grid-area: titulo;
}

.egrPerfilEgressoConteudoGrafico{

    display  : block;
    max-width: 100%;
    overflow : hidden;
    grid-area: grafico;
}

.egrPerfilEgressoConteudoTexto{

    grid-area: texto;
}

.egrPerfilEgressoSecaoContainer-grafico .egrPerfilEgressoConteudoTexto{

    display: none;
}

.egrPerfilEgressoSecaoContainer-direita,
.egrPerfilEgressoSecaoContainer-esquerda{

    grid-template-columns: calc(50% - 2.5em) calc(50% - 2.5em);
}

.egrPerfilEgressoSecaoContainer-esquerda{

    grid-template-areas: 'grafico titulo'
                         'grafico texto';
}

.egrPerfilEgressoSecaoContainer-direita{

    grid-template-areas: 'titulo grafico'
                         'texto grafico';
}

.egrPerfilEgressoSecaoContainer-cima,
.egrPerfilEgressoSecaoContainer-grafico{

    grid-template-areas: 'titulo'
                         'grafico'
                         'texto';
}

.egrPerfilEgressoSecaoContainer-baixo{

    grid-template-areas: 'titulo'
                         'texto'
                         'grafico';
}

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

    .egrPerfilEgressoSecaoContainer-direita,
    .egrPerfilEgressoSecaoContainer-esquerda{

        grid-template-columns: initial;
    }

    .egrPerfilEgressoSecaoContainer-esquerda{

        grid-template-areas: 'titulo'
                             'grafico'
                             'texto';
    }

    .egrPerfilEgressoSecaoContainer-direita{

        grid-template-areas: 'titulo'
                             'texto'
                             'grafico';
    }
}

/***************************************************************************************************
    Vagas
***************************************************************************************************/

div.egrVagaDados{

    margin: -2em 0 2em 0;
}

div.egrVagaDados h3{

    color : rgb(var(--cmmgCorRgbCinzaInferno));
    margin: 0 0 .1em 0;
}

div.egrVagaDados h4{

    margin: 1em 0;
}

div.egrVagaDados h3 + span{

    font-style: italic;
}

div.egrVagaDados p{

    font-size  : .9em;
    line-height: 2em;
}

div.egrVagaDados p .dashicons,
div.egrVagaDados p .dashicons::before{

    line-height: 1.4em;
    color      : rgb(var(--cmmgCorRgbCinzaInferno));
}

.egrVagasAvisoLogin{

    color           : #fefefe;
    text-align      : center;
    padding         : 2em 3em;
    border-radius   : .3em;
    background-color: var(--cmmgCorHexTurquesaCmmg);
}

.egrVagasAvisoLogin .__cmmgBotao{

    --cmmgBotaoCorHex1  : #fefefe;
    --cmmgBotaoCorHexTxt: var(--cmmgCorHexTurquesaCmmg);
    margin              : 1em auto 0 auto;
}

/***************************************************************************************************
    Memória CMMG: Turma
***************************************************************************************************/

section.egrEditorConteudoTurma{

    display: flex;
}

section.egrEditorConteudoTurma div.egrEditorConteudoTurmaImg{

    min-width: 300px;
    margin   : 0 3em 0 auto;
    position : relative;
}

section.egrEditorConteudoTurma div#egrEditorConteudoTurmaImgContainer{

    max-width: 300px;
}

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

    section.egrEditorConteudoTurma{

        display: block;
    }

    section.egrEditorConteudoTurma div.egrEditorConteudoTurmaImg{

        width    : auto;
        min-width: 250px;
        margin   : 0 0 3em 0;
    }

    section.egrEditorConteudoTurma div#egrEditorConteudoTurmaImgContainer{

        max-width: 100%;
    }
}

section.egrEditorConteudoTurma div#egrEditorConteudoTurmaTxt{

    margin: 0 auto 0 0;
}

section.egrEditorConteudoTurma div.egrEditorConteudoTurmaImg a{

    width  : 100%;
    display: block;
}

section.egrEditorConteudoTurma div.egrEditorConteudoTurmaImg a:first-of-type{

    background-image: none;
}

section.egrEditorConteudoTurma div.egrEditorConteudoTurmaImg img{

    max-width: 100%;
}

section.egrEditorConteudoTurma div.egrEditorConteudoTurmaImg a:hover img{

    transform: scale(1.1);
}

section.egrEditorConteudoTurma div.egrEditorConteudoTurmaImg a:nth-child(2),
section.egrEditorConteudoTurma div.egrEditorConteudoTurmaImg a:nth-child(3){

    margin: 1em 0 0 0;
}

@media only screen and (min-width: 801px){

    div.egrEditorConteudoTurmaImgContainerFixado{

        position: fixed;
        top     : 11.5em;
    }

    div.egrEditorConteudoTurmaImgContainerFixadoFundo{

        position: absolute;
        bottom  : 0;
    }
}

/***************************************************************************************************
    Galeria de imagens
***************************************************************************************************/

section.egrEditorConteudo ul.egrEditorConteudoGaleria{

    display              : grid;
    grid-template-columns: repeat(auto-fill, 30%);
    justify-content      : space-evenly;
}

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

    section.egrEditorConteudo ul.egrEditorConteudoGaleria{

        grid-template-columns: repeat(auto-fill, 45%);
    }
}

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

    section.egrEditorConteudo ul.egrEditorConteudoGaleria{

        grid-template-columns: repeat(auto-fill, 100%);
    }
}

section.egrEditorConteudo ul.egrEditorConteudoGaleria li{

    list-style: none;
    width     : 100%;
    margin    : .5em auto;
}

section.egrEditorConteudo ul.egrEditorConteudoGaleria li a{

    background-image: none;
}

section.egrEditorConteudo ul.egrEditorConteudoGaleria li a img{

    width: 100%;
}

section.egrEditorConteudo ul.egrEditorConteudoGaleria li a:hover img{

    transform: scale(1.1);
}

div#egrGaleriaImagemContainer{

    position        : fixed;
    top             : 0;
    left            : 0;
    z-index         : 99999;
    display         : flex;
    cursor          : pointer;
    width           : 100vw;
    height          : 100vh;
    backdrop-filter : blur(5px);
    background-color: rgba(0, 0, 0, 85%);
}

a#egrGaleriaImagemFecha{

    position : absolute;
    color    : #fefefe;
    font-size: 5em;
    top      : .4em;
    right    : .5em;
    width    : .4em;
    height   : .4em;
    padding  : 100vmax;
    transform: translate(50%, -50%);
}

a#egrGaleriaImagemFecha::after{

    outline-color: #fefefe;
    width        : .48em;
    height       : .48em;
    left         : calc(100vmax + .045em);
    top          : calc(100vmax - .045em);
}

a#egrGaleriaImagemContainerImagem{

    z-index         : 2;
    margin          : auto;
    background-image: none;
}

a#egrGaleriaImagemContainerImagem img{

    max-width       : 80vw;
    max-height      : 80vh;
    background-color: rgba(255, 255, 255, 10%);
}

a#egrGaleriaImagemBotaoAntes,
a#egrGaleriaImagemBotaoDepois{

    position: absolute;
    top      : 50%;
    right    : 0;
    z-index  : 1;
    font-size: 2em;
    color    : #fefefe;
    padding  : 35vh .5em 35vh 2em;
    transform: translateY(-50%);
}

a#egrGaleriaImagemBotaoAntes{

    right    : initial;
    left     : 0;
    transform: translateY(-50%)
               rotate(180deg);
}

a#egrGaleriaImagemBotaoAntes::after,
a#egrGaleriaImagemBotaoDepois::after{

    outline-color: #fefefe;
    top          : 50%;
    left         : calc(40vw - .2em);
    width        : calc(1em + 10px);
    height       : calc(1em + 10px);
    transform    : translateY(-50%);
}

a.egrGaleriaImagemBotaoOculto{

    opacity: .1;
}

/***************************************************************************************************
    EqualWeb
***************************************************************************************************/

#INDmenu-btn{

    translate: 0 -50%;
}

.__cmmgCssTelaToque #INDmenu-btn{

    translate: 0 40%;
}

/***************************************************************************************************
    VLibras
***************************************************************************************************/
div#__cmmgDivVLibras .enabled{

    top: calc(100% - var(--cmmgDivVLibrasTamanho)) !important;
}

[vw] [vw-plugin-wrapper].active{

    translate: 0 -50%;
}

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

footer{

    font-size       : .85em;
    color           : #fefefe;
    position        : relative;
    overflow        : hidden;
    padding         : 6em 3em 3em 3em;
    background-color: rgb(var(--cmmgCorRgbTurquesaCmmg));
}

footer::after,
footer::before{

    content         : '';
    position        : absolute;
    top             : -9em;
    left            : 50%;
    width           : 200vw;
    height          : 10em;
    background-color: #fefefe;
    border-radius   : 50%;
    transform       : translate(-50%, 0);
    box-shadow      : 0 0 10px #222;
}

footer.egrFooterAzul::before{

    background-color: rgb(var(--cmmgCorRgbAzulFeluma));
}

footer::after{

    top       : -10em;
    box-shadow: none;
}

footer h3{

    color : #fefefe;
    margin: 2.2em auto 2em auto;
}

footer > div{

    display  : flex;
    width    : 100%;
    max-width: var(--cmmgConteudoMaxWidth);
    margin   : 0 auto;
}

footer > div div{

    margin: 0 auto;
}

a.egrFooterLogo{

    background: none;
}

a.egrFooterLogo::after{

    top   : -15px;
    left  : -15px;
    width : calc(100% + 30px);
    height: calc(100% + 30px);
}

a.egrFooterLogo::after,
a.egrFooterSocial::after{

    outline-color: #fefefe;
}

footer a img{

    max-width: 18em;
    filter   : contrast(0)
               brightness(2);
}

a.egrFooterSocial{

    line-height: 0;
    margin     : 0 .5em;
}

a.egrFooterSocial::after{

    border-radius: 50%;
}

a.egrFooterSocial:first-child{

    margin-left: 0;
}

a.egrFooterSocial:last-child{

    margin-right: 0;
}

a.egrFooterSocial img{

    width   : 2em;
    height  : 2em;
    overflow: hidden;
}

footer > p{

    text-align: center;
    margin    : 5em 0 0 0;
}

footer a{

    color           : #fefefe;
    background-image: linear-gradient(0, #fefefe, #fefefe);
}

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

    footer > div{

        width         : fit-content;
        flex-direction: column;
    }

    footer > div div{

        width     : 100%;
        margin    : 1em auto;
        text-align: center;
    }
}