/*!
Theme Name: AIADTSS
Theme URI: http://underscores.me/
Author: Navigators
Author URI: http://navigators.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aiadtss
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

AIADTSS is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
*/

@import url(assets/css/gibki.css);

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:root {
    /* variaveis */
    --azul-primario: #113B8C;
    --azul-secundario: #011438;

    --preto-texto: #272727;
    --branco: #FFFFFF;

    --cinza-bg-1: #EBEBEB;
    --cinza-bg-geral: #F4F4F4;
    --cinza-linhas: #D6D6D6;
    --cinza-text-1: #554F5D;
    --cinza-text-2: #888888;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
}

a {
    text-decoration: none;
    color: var(--preto-texto);
    text-underline-offset: 4px;
}

a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

a.btn {
    font-family: "Markazi Text", serif;
    background-color: var(--azul-primario);
    border: 1px solid var(--azul-primario);
    color: var(--branco);
    padding: .5rem 1.5rem;
    border-radius: 8px;
    font-size: 24px;
    margin: 2rem 0;
    display: inline-flex;
    align-items: center;
    /* Alinhamento vertical */
    gap: 8px;
    transition: background-color 0.3s ease;
}

.btn.simples {
    margin: 0;
}

a.btn:hover {
    background-color: var(--branco);
    color: var(--azul-primario);
    text-decoration: none;
}

a.btn_email {
    border: 1px solid var(--preto-texto);
    padding: .25rem .75rem;
    border-radius: 1rem;
    text-decoration: none;
}

a.btn_email:hover {
    background-color: var(--azul-primario);
	color: var(--branco);
}

a.btn_email:hover img {
    filter: invert(1);
}

p.leia-mais {
    margin-top: 0;
}

p.leia-mais a {
    font-family: "Markazi Text", serif;
    color: var(--azul-primario);
    font-size: 1.5rem;
    font-weight: 600;
}

.desktop {
    display: block;
}

.mobile {
    display: none;
}

/* header */

header .logo {
    padding: .75rem 0;
}

.menu-superior {
    background-color: var(--azul-primario);
    color: var(--branco);
    line-height: 1;
}

nav.menu a {
    color: var(--branco);
}

nav.menu ul {
    display: flex;
    list-style: none;
    padding: 1rem;
    justify-content: space-around;
    margin: 0;
}

nav.menu li {
    position: relative;
    min-width: 120px;
    transition: width 2s;
}

nav.menu li:hover,
nav.menu li a:hover,
.current-menu-item a,
.menu .current-page-parent {
    text-decoration: none;
    font-weight: 700;
}

nav.menu ul ul {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 15px;
    left: -25px;
    padding-left: 0;
    z-index: 5;
}

nav.menu li:hover ul,
nav.menu li.over ul {
    display: block;
}

.angle {
    rotate: 180deg;
}

li:hover .angle {
    rotate: 0deg;
}

nav.menu li ul li {
    padding: .75rem 1.5rem;
    background-color: var(--azul-primario);
    text-wrap: nowrap;
    min-width: 170px;
    font-weight: 400;
}

nav.menu li ul li:first-child {
    padding-top: 1.5rem;
}

nav.menu li ul li:last-child {
    padding-bottom: 1.5rem;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}


/* Main */
main {
    padding: 0;
}

/* Home */


.hero_interna {
    position: relative;
    max-width: 100%;
    height: 220px;
    object-fit: cover;
}

nav.breadcrumbs {
    color: var(--branco);
    font-family: "Inter", sans-serif;
    line-height: 1.5;
    font-weight: 400;
    font-size: .875rem;
    margin-block-start: 1em;
    margin-block-end: 1em;
}

.breadcrumbs a {
    color: var(--branco);
}

.content {
    position: absolute;
    left: 10%;
    top: 25%;
    max-width: 32%;
    color: var(--branco);
    font-family: "Markazi Text", serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 1;
}

.content h1,
.content h2 {
    margin: 0;
}

/* home_news_events */

.interna .publications .publi,
.interna .diretoria .directors {
    margin-bottom: 2rem;
}

/* Noticias */
.noticias {
    background-color: var(--cinza-bg-geral);
    padding: 2rem 0;
}

.noticias .lista_posts {
    margin: 2rem 0;
}

.noticias .lista_posts article {
    display: flex;
    justify-content: flex-start;
    border-radius: 1rem;
    background-color: var(--branco);
    -webkit-box-shadow: 0px 0px 32px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 0px 32px 0px rgba(204, 204, 204, 1);
    box-shadow: 0px 0px 32px 0px rgba(204, 204, 204, 1);
    margin-bottom: 2rem;
}

.noticias .lista_posts article .post_content {
    padding: 1rem 1rem 1rem 2rem;
    line-height: 1.5;
}

.noticias .lista_posts article h2 {
    margin: 0 0 1rem;
    font-weight: 700;
    line-height: 1;
}


.noticias .lista_posts article h2 a {
    font-size: 1.25rem;
    color: var(--azul-primario);
}

.noticias .lista_posts article .img {
    display: block;
    width: 360px;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.noticias .lista_posts article .date {
    display: inline-flex;
    font-size: .875rem;
    color: var(--cinza-text-2);
    padding: 0;
}

.noticias .lista_posts article .post article img {
    max-width: 100%;
}

/* Interna */

.interna {
    background-color: var(--cinza-bg-geral);
    padding: 2rem 0;
}

.interna h2 {
    font-family: "Markazi Text", serif;
    font-size: 3rem;
    font-weight: 600;
    color: var(--azul-primario);
    line-height: 1;
    margin: 1rem 0 1rem;
}

.interna h3 {
    font-family: "Markazi Text", serif;
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--azul-primario);
    line-height: 1;
    margin: 1rem 0 1rem;
}

.input-container {
    position: relative;
    display: inline-block;
    width: 500px;
    padding: 0 0 2rem;
}

.input-container input[type="text"] {
    max-width: 500px;
    border-radius: 5px;
    border: 1px solid #dad7d7;
    padding: 10px;
    padding-right: 2rem;
    font-size: 1rem;
    width: 100%;
    margin: 10px 0 0;
    box-sizing: border-box;
}

.input-container button {
    position: absolute;
    right: 5px;
    top: 27px;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
}

.input-container button img {
    width: 19px;
    height: 19px;
    margin-top: 10px;
}

/* Details */

.wp-block-details {
    background-color: white;
    border-radius: 10px;
    padding: 1rem 1.5rem 0;
    margin-bottom: 1rem;
    -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.1);
}

summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    list-style: none;
    font-size: 2rem;
    font-family: "Markazi Text", serif;
    font-weight: 600;
    color: var(--azul-primario);
}

summary div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
}

summary::marker {
    content: "";
}

.marker {
    margin-left: 10px;
    transition: transform 0.3s ease;
}

details>summary .marker {
    content: url('assets/images/chevron_down.svg');
    width: 21px;
    margin-bottom: 1rem;
    /* Ícone seta fechada */
}

details[open]>summary .marker {
    transform: rotate(180deg);
    /* Ícone seta aberta */
}

/* Ícones de + e - para details internos */
details details>summary .marker {
    content: url('assets/images/plus.svg');
    width: 21px;
    margin-bottom: 0;
    /* Ícone de "+" */
}

details details[open]>summary .marker {
    content: url('assets/images/minus.svg');
    width: 21px;
    margin-bottom: 0;
    /* Ícone de "-" */
}

.details-details summary {
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: var(--preto-texto);
}

.download-details {
    display: flex;
    justify-content: space-between;
}

details details,
.download-details {
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: var(--preto-texto);
    border-top: 1px solid var(--cinza-linhas);
    padding: 1rem 0 1rem 3rem;
}

.content_details {
    padding: 1rem 0 0;
}

.email_membro {
    display: flex;
    gap: .6rem;
}

/* Interna institucional */

.interna article {
    margin-right: .5rem;
}

.interna article>p:first-child {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.55;
}

.interna article>p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}

.interna article img.image {
    display: block;
    height: auto;
    object-fit: cover;
    width: 100%;
    margin: 3rem auto;
    border-radius: 1.5rem;
}

.interna article img.image-border {
    display: block;
    height: auto;
    object-fit: cover;
    border-radius: 1rem;
}

.pagination {
    text-align: center;
}

.pagination ul {
    list-style: none;
    display: inline-flex;
    font-size: 1.15rem;
    color: var(--azul-primario);
    padding: 0;
}

.pagination li {
    padding: .5rem;
}

.pagination a {
    color: var(--azul-primario);
}

.post .date {
    display: inline-flex;
    font-size: .875rem;
    color: var(--cinza-text-2);
    padding: 0;
}

.post .date img {
    width: 15px;
    margin: 0 .5rem 0 0;
}

.navegador {
    position: sticky;
    top: 20px;
    background-color: var(--branco);
    padding: 0;
    margin: 2rem 0 0;
    border-radius: .5rem;
    -webkit-box-shadow: 0px 0px 32px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 0px 32px 0px rgba(204, 204, 204, 1);
    box-shadow: 0px 0px 32px 0px rgba(204, 204, 204, 1);
}

.navegador h3 {
    background-color: var(--azul-primario);
    margin: 0;
    padding: 1rem;
    font-family: "Markazi Text", serif;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--branco);
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    line-height: 1;
}

.navegador .items {
    padding: 0 2rem 2rem;
}

.navegador ul {
    list-style: none;
    padding-inline-start: 1.5rem;
}

.navegador li {
    padding-top: .5rem;
}

/* footer */

footer .container {
    margin: 4rem 0;
}

footer h2 {
    font-family: "Markazi Text", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 1.875rem;
    line-height: 1.5rem;
    margin: 0 0 .5rem 0;
    color: var(--azul-primario);
}

footer a:hover:not(.clean) {
    text-decoration: none;
    font-weight: 700;
}

footer nav ul {
    list-style: none;
    padding: 0;
}

footer nav li {
    padding-bottom: .5rem;
    min-width: 7.5rem;
}

footer .copyright {
    background: var(--azul-primario);
    color: var(--branco);
    text-align: center;
    font-size: .875rem;
    padding: .2rem 0;
}

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

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    header .mobile {
        background-color: var(--azul-primario);
    }

    header .logo {
        padding-left: 2rem;
    }
	
	.slideshow {
		height: 500px !important;
	}

    .content {
        left: 5%;
        top: 30%;
        max-width: 90%;
    }


    .interna article {
        margin-right: 0;
    }

    .interna img {
        max-width: 100%;
		height: auto;
    }

    .interna .publications {
        margin: 3rem 0 0;
    }

    .input-container {
        width: 100%;
    }

    details details,
    .download-details {
        padding: 1rem 0;
    }

    .download-details {
        display: flex;
        flex-direction: column;
    }

    .download-details span {
        margin-bottom: 1rem;
    }

    .download-details a {
        width: fit-content;
    }

    .noticias .lista_posts article {
        display: block;
    }

    .noticias .lista_posts article .img {
        display: block;
        width: 100%;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        border-bottom-left-radius: 0;
    }

    .noticias .lista_posts article .post_content {
        padding: 1rem 1.5rem;
    }

    .navegador {
        margin: 0;
    }

    .eventos .date {
        border-top-right-radius: 1rem;
        border-bottom-left-radius: 0 !important;
    }

    .eventos .event {
        padding: 0rem 1.5rem 1.5rem !important;
    }


    footer .container {
        margin: 2rem 0;
    }

    footer .container.flex--space-between {
        justify-content: space-around;
    }

    footer footer .logo {
        margin: 0 auto;
    }

    footer .larger {
        width: 100%;
        text-align: center;
    }

    footer .copyright {
        text-align: left;
        padding: .5rem 1rem;
        line-height: 1.4;
    }
}


/* Captions
--------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {

    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

/* Menu */
.dashicons, .dashicons-before:before {
    width: 40px;
    height: 40px;
    font-size: 40px;
}

label.form-label { 
	font-family: "Markazi Text", serif;
	font-size: 2rem;
	color: var(--azul-primario);
	font-weight: 600;
	line-height: 1;
	margin: 1rem 0 1rem;
}

.form-contato{
	width: 99%;
	border: 0;
	padding: 11px;
	border: 1px solid var(--azul-primario);
}

.btn-form{
	font-family: "Markazi Text", serif;
	background-color: var(--azul-primario);
	border: 1px solid var(--azul-primario);
	color: var(--branco);
	padding: .5rem 1.5rem;
	border-radius: 8px;
	font-size: 24px;
	margin: 2rem 0;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: background-color 0.3s ease;
}