/*
Theme Name:    AeR
Theme URI:    http://eita.coop.br
Description:    AeR is a child theme of Blocksy
Author:        Cooperativa Eita
Author URI:    https://eita.coop.br
Template:    blocksy
Version:    1.0.0
Text Domain:    aer
*/

/* GERAL */
:root {
    --background0: #7AA52D;
    --background1: #D8505E;
    --background2: #63A5A3;
    --background3: #774366;
        --backgroundMapeamento: #54928D;
        --icon-color: #FFF;
}
body, li {
    word-break: break-all;
}
.d-none {
    display: none;
}

.catamaran {
    font-family: var(--buttonFontFamily);
}
.grupo_box {
    padding: 50px;
}
.bg_branco {
    background: white;
}
.nomarginbottom {
    margin-bottom: 0px !important;
}
.nomargintop {
    margin-top: 0px !important;
}
.aer_numero {
    font-family: var(--buttonFontFamily);
    text-align: center;
    font-size: 68px;
    margin-bottom: 0px !important;
    line-height: 1em;
}
@media (max-width:1000px) {
  .aer_numero {
    font-size: 40px;
  }
}

.aer_numero_wrapper p {
  text-align: center;
    margin-bottom: 0px;
}
.aer_numero_wrapper .ativo {
    text-align: center;
    display: block;
    width: max-content;
    margin: 10px auto;
}
.aer_legenda {
    color: var(--paletteColor3);
    font-style: italic;
    font-size: 12px;
}
.medium {
    font-weight: 500 !important;
}
p, h1, h2, h3, h4, h5, div {
    word-break: break-word;
}

.wp-block-getwid-accordion__header a, .wp-block-getwid-toggle__header a {
    color: var(--paletteColor4);
}

.entry-content h2 {
    margin-bottom: calc(0.2em + 32px) !important;
}

/* MENU PRINCIPAL */

#offcanvas .ct-widget.widget_nav_menu .widget-title {
    font-size: 16px;
}
#offcanvas div[data-device="desktop"] .menu-item {
    margin-bottom: 15px;
}
#offcanvas div[data-device="desktop"] .menu-item a {
    font-size: 32px;
    line-height: 1;
}
#offcanvas div[data-device="desktop"] #nav_menu-15 .menu-item a {
    font-size: inherit;
}
#offcanvas .menu-item a:hover, footer .widget-menu a:hover {
    text-decoration: underline;
    color: var(--paletteColor2) !important;
}
#offcanvas::before {
    content: url("/wp-content/uploads/2020/12/logo_AeR_branca_horizontal-1.png");
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 10;
}
@media (min-width: 1000px){
    #offcanvas div[data-device="desktop"] > div {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(200px, 300px));
        margin: 80px auto 0 !important;
        width: 980px;
    }
    #offcanvas .ct-widget.widget_nav_menu {
    margin-top: 0px;
    }
}
@media (max-width: 999px){
    #offcanvas div[data-device="mobile"] .menu-item a {
        font-size: 28px;
    }
    #offcanvas .menu-item {
        line-height: 1.1;
	margin-bottom: 8px;
    }
	#offcanvas div[data-device="mobile"] #nav_menu-15 .menu-item a {
        font-size: inherit;
    }
	#nav_menu-15 .menu-item {
        height: inherit;
    }
    #offcanvas h2 {
        margin-bottom: 10px;
    }
    #offcanvas .ct-header-socials {
    margin-top: 30px !important;
    }
    #offcanvas .ct-panel-content {
        padding-top: 70px;
    }
    #offcanvas .ct-widget.widget_nav_menu {
        margin: 0px auto 35px;
    }
}
@media (max-width:560px){
    #offcanvas .aer_busca_topo input[type="text"] {
	width: 100%;
    }
    #offcanvas .ct-header-text {
	width: 100%;
    }
}
/* BUTTON */
:root {
    --buttonMinHeight: 45px;
    --buttonBorderRadius: 30px;
    --buttonTextInitialColor: var(--paletteColor4);
    --buttonTextHoverColor: var(--paletteColor4);
    --buttonInitialColor: transparent;
    --buttonHoverColor: transparent;
}
.wp-block-button a, .ninja-forms-field[type=button] {
    border: 1px solid var(--paletteColor4) !important;
}
.wp-block-button.branco a {
    border: 1px solid var(--paletteColor5);
    color: var(--paletteColor5) !important;
}

/* FOOTER */
.widget-title {
    text-transform: uppercase;
    color: #E8E4C8;
    font-size: 13px;
    font-weight: 700;
    font-family: var(--buttonFontFamily);
    margin-bottom: 10px;
}
.entry-content h2.widget-title {
	margin-bottom: 10px !important;
}
footer .ct-widget.widget_media_image {
    display: inline;
}
footer [data-column="widget-area-2"] {
    display: grid;
    grid-template-columns: 50% 50%;
}
footer a, #offcanvas a {
    font-family: var(--buttonFontFamily);
    color: white;
    font-weight: 600;
}
footer .ct-footer-copyright a {
    color: var(--paletteColor2);
    font-weight: 400;
}

footer [data-column="widget-area-1"] a,
footer [data-column="widget-area-3"] a {
    font-size: 32px;
}
footer [data-column="widget-area-1"] li,
footer [data-column="widget-area-3"] li {
    height: 35px;
}
footer [data-column="widget-area-1"] .widget-title,
footer [data-column="widget-area-3"] .widget-title {
    margin-bottom: 0px;
}
footer {
    padding-top: 60px;
}

/* MAPEAMENTO CARD */
.cards_mapeamentos img, .cards_mapeamentos .wp-block-getwid-custom-post-type__post-thumbnail {
    width: 100%;
    background: white;
    aspect-ratio: 1/1;
    object-fit: cover;
}
.cards_mapeamentos .wp-block-getwid-template-post-featured-image {
    margin-bottom: 0px;
}
.cards_mapeamentos .wp-block-getwid-template-post-title {
    font-size: 19px;
    text-decoration: none;
    font-weight: 500;
    line-height: normal;
}
.cards_mapeamentos .wp-block-getwid-template-post-title a {
 text-decoration: none;
 color: var(--paletteColor4);
}
.cards_mapeamentos .wp-block-getwid-template-post-title a:hover {
 color: var(--paletteColor2);
 text-decoration: underline;
}
.cards_mapeamentos .wp-block-getwid-template-post-content {
 color: var(--paletteColor3);
 font-size: 15px;
 line-height: initial;
}
.cards_mapeamentos .attachment-large {
 background-color: #EEE;
 text-align: center;
}
.cards_mapeamentos .attachment-large i.fa {
 font-size: 92px;
 padding: 48px;
}
.ativo {
    border-radius: 45px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    background: var(--paletteColor2);
    padding: 3px 15px 1px;
    font-family: var(--buttonFontFamily);
    text-transform: uppercase;
    font-size: 13px;
}
.cards_mapeamentos .wp-block-getwid-template-post-tags.has-divider {
    margin-bottom: 15px;
    margin-top: 0px;
}
.entry-content > .cards_mapeamentos:not(.alignfull) [class*="_inner-container"] {
    --inner-block-width: calc(100% - 32px);
}
/* TABS */
.wp-block-getwid-tabs .wp-block-getwid-tabs__title-wrapper a {
    font-family: var(--buttonFontFamily);
    color: var(--paletteColor4);
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__title-wrapper {
    border: 0px;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link {
    border: 0px;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link.ui-tabs-active {
    background: unset;
    border-bottom: 3px solid var(--paletteColor2);
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__tab-content {
    border: 0px;
    border-top: 1px solid var(--paletteColor2);
}

/* TEMAS */
.aer_temas_container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    grid-gap: 23px;
}
.aer_tema_container {
    position: relative;
    background: white;
    height: 100%;
}
.aer_tema_container:hover {
    transition: .3s;
}
.aer_tema_container:nth-child(4n+0):hover {
    background: var(--background0);
}
.aer_tema_container:nth-child(4n+1):hover {
    background: var(--background1);
}
.aer_tema_container:nth-child(4n+2):hover {
    background: var(--background2);
}
.aer_tema_container:nth-child(4n+3):hover {
    background: var(--background3);
}
.aer_tema_container a::before {
    width: 36px;
    position: absolute;
    left: 10px;
    top: 7px;
}
.aer_tema_container a {
    font-family: var(--buttonFontFamily);
    color: var(--paletteColor4);
    display: block;
    padding: 10px 10px 10px 58px;
}
.aer_tema_container a:hover {
    color: var(--paletteColor5);
    transition: .5s;
}

/* BUSCA */
.aer_busca_topo {
    position: relative;
    margin-right: 50px;
}
header .ct-header-trigger, header .ct-header-trigger[data-design="solid"] {
    width: 48px;
    height: 48px;
    border-radius: 48px !important;
}
.aer_busca_topo input[type="text"] {
    border-radius: 56px !important;
    padding-left: 58px;
    font-size: 17px !important;
    background: #FFF;
    width: 560px;
    max-width: 100%;
    height: 52px;
}
.aer_busca_topo input[type="text"]:focus {
    border: 2px solid #A4B65C !important;
    background: #FFF;
}
/* .aer_busca_topo input[type="text"]:hover,
.aer_busca_topo input[type="text"]:focus {
    box-shadow: 2px 6px 6px var(--paletteColor1)
} */

.aer_busca_topo button {
    position: absolute !important;
    top: 5px;
    left: 22px;
    margin: 0px;
    padding: 0px !important;
}
.aer_busca_por {
    display: inline-block;
    font-size: 60px;
    font-weight: 500;
}
@media (max-width: 689.98px) {
    .aer_busca_por {
        font-size: 40px;
    }
}
.aer_busca_topo .buscaBtn {
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 24px;
    cursor: pointer;
    color: var(--paletteColor1);
    font-weight: lighter;
}
.buscaBtnIcon,
#offcanvas .buscaBtnIcon {
    color: var(--paletteColor1);
    font-weight: lighter;
}
.page-id-293 h1.page-title {
    display: inline-block;
    font-size: var(--fontSize) !important;
}

/* FORMS */
.nf-form-fields-required {
    display: none;
}
.nf-field-label label, .ninja-forms-req-symbol {
    color: white !important;
    font-weight: 500 !important;
    font-size: 17px !important;
}
.nf-form-content input[type="button"] {
    background: transparent !important;
    color: white;
    border-radius: 40px;
    border: 1px solid white !important;
    min-width: 150px;
    text-transform: uppercase;
    font-family: var(--buttonFontFamily);
}
.submit-wrap {
    float: right;
}

.nf-form-content input[type="button"]:hover {
    color: white !important;
    transform: var(--buttonTransform, translate3d(0, -3px, 0));
}

/* PASSO A PASSO */
.passoapasso > div {
    background: white;
}
.passoapasso > div:nth-child(2n) {
    margin-bottom: 20px;
}
.passoapasso a {
    color: var(--paletteColor4);
}

/* TIMELINE */
.content-title-simple a, div.ctl-tooltips span {
    color: black !important;
}

.timeline-post .content-title a {
    color: #000 !important;
}

/* VOLTAR */
.voltar a::before {
    content: url(/wp-content/themes/aer/images/voltar.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
}
.voltar {
    position: relative;
    padding-left: 40px;
    font-size: 13px;
}
.voltar a::before {
    top: -4px;
}

/* ENTENDA OS DADOS - TOGGLE*/
.wp-block-getwid-toggle.has-icon-left.getwid-init {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-gap: 15px;
}

.has-icon-left .wp-block-getwid-toggle__icon {
    min-width: 40px;
}
.aer_temas_desc > div {
    position: relative;
    height: min-content;
    background: white;
}
.aer_temas_desc > div:hover a, .aer_temas_desc > div.is-active, .aer_temas_desc div.is-active .wp-block-getwid-toggle__header-title {
    color: white;
    transition: .3s;
}
.aer_temas_desc .img_hover{
    display: none;
}
.aer_temas_desc > div:hover .img_hover{
    display: unset;
}
.aer_temas_desc > div:hover .img_normal{
    display: none;
}

.aer_temas_desc > div:nth-child(4n+0):hover, .aer_temas_desc > div.is-active:nth-child(4n+0) {
    background: var(--background0);
}
.aer_temas_desc > div:nth-child(4n+1):hover, .aer_temas_desc > div.is-active:nth-child(4n+1) {
    background: var(--background1);
}
.aer_temas_desc > div:nth-child(4n+2):hover, .aer_temas_desc > div.is-active:nth-child(4n+2) {
    background: var(--background2);
}
.aer_temas_desc > div:nth-child(4n+3):hover, .aer_temas_desc > div.is-active:nth-child(4n+3) {
    background: var(--background3);
}

/* NUMEROS MAPEAMENTO */
.numeros_mapeamento {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        text-align: center;
        grid-gap: 20px;
}
.numeros_mapeamento img {
        width: 55px;
        display: unset;
}
@media (max-width: 768px){
  #temas_mapeamento_polar {
    display: none !important;
  }
}
/* EXPERIENCIA */
dd {
    margin-left: 0px;
}

/* TEMPORÀRIO */
.ct-footer-copyright {
    display: none;
}

header .ct-header-trigger,
header .ct-header-trigger[data-design="solid"] {
    border-radius: 50%;
    padding: 16px;
    position: fixed;
}

header .ct-header-text {
    margin-right: 60px;
}