/*
Theme Name: OnePress Child
Author: Nelson Madeira
Description: Custom child theme using the parent theme OnePress 
Template: onepress
Version: 1
*/

@import "fonts/source_sans_pro/source_sans_pro.css";
@import "fonts/poppins/poppins.css";
@import "fonts/montserrat/montserrat.css";
@import "fonts/raleway/raleway.css";


/* ------------------------------------------------------------------------- */
/* -- propriedades base: podem ser chamadas na forma var(--property-name) -- */
/* ------------------------------------------------------------------------- */

:root {
    --base-color-black: #000;
    --base-color-dark-blue: #24437f;
    --base-color-medium-blue: #7a9fd0;
    --base-color-light-blue: #d5e4f8;    
    --base-color-medium-rose: #c985bc;
    --base-color-dark-rose: #90327e;
    --base-color-light-grey: #ddd;
    --base-color-dark-grey: #555;                    
    
	
	font-family: SourceSansPro_Regular!important;
    font-size: 14pt!important;
    color: var(--base-color-black)!important;
}
body
{
	font-family: SourceSansPro_Regular!important;
    font-size: 1rem!important;    
}
a
{
    color: var(--base-color-black)!important;
}
.entry-content a
{
    color: var(--base-color-medium-blue)!important;
}

h1, h2, h3, h4, h5, h6
{
    color: var(--base-color-black);
    text-transform: none;
    font-weight: normal!important; /* undo bootstrap */
    letter-spacing: inherit!important; /* undo bootstrap */
    text-transform: none!important; /* undo bootstrap */
}
h1
{
    font-family: Poppins SemiBold!important;
    font-size: 2.8rem!important;
    color: var(--base-color-dark-blue)!important;
    margin-bottom: 50px!important;    
}
h2
{
	font-family: Poppins Medium!important;    
    font-size: 2.2rem!important;
    color: var(--base-color-dark-blue)!important;
    text-align: center;
    margin-bottom: 40px!important;    
}
h3
{
	font-family: Montserrat Bold!important;        
    font-size: 1.7rem!important;
    color: var(--base-color-medium-blue)!important;
    margin-bottom: 30px!important;
}
h4
{
	font-family: Montserrat Bold!important;        
    font-size: 1rem!important;    
    margin-bottom: 20px!important;
    color: var(--base-color-dark-blue)!important;    
}
h5
{
	font-family: Poppins Bold!important;            
    font-size: 0.9rem!important;        
    margin-bottom: 20px!important;
    color: var(--base-color-dark-blue)!important;    
}
h1.titulo-rosa,
h2.titulo-rosa,
h3.titulo-rosa,
h4.titulo-rosa,
h5.titulo-rosa,
h6.titulo-rosa
{
    color: var(--base-color-medium-rose)!important;
}
                       

ul
{
    list-style-type: square;
}

p
{
    line-height: 2rem;
    text-align: justify;
    margin-bottom: 2rem;    
}


/* ---------- Top Menu --------------- */

.menu-item a
{
    font-family: 'Poppins Light';
    font-size: 0.8rem; /* root 14pt */
    font-weight: inherit;    
    text-transform: none;
    padding-top: 1vh;
}
.menu-item a::hover {
    color: var(--base-color-black);
}

.menu-item.menu-item-has-children>a:after
{
    content: ' ';
    padding: 3px;
    margin-left: 5px;
    display: inline-block;
    border-top: 1px solid var(--base-color-black);
    border-right: 1px solid var(--base-color-black);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: relative;
    top: -3px;
}

#nav-toggle
{
    color: #fff!important; //para esconder a palavra debaixo do icone
}


/* ---------- Site Brand -------------- */

.site-branding
{
    margin-top: 20px;
    margin-bottom: 20px;    
}
.site-branding .site-logo-div
{
	float: left;
	margin-right: 30px;
	line-height: 55px;
}
.site-branding .site-logo-div img
{
	height: 40px;
	width: auto;
}

/* ------------------ botoes -------------- */

/* --- botao azul --- */
.botao-azul
{
    display: inline;
}
.botao-azul,
.botao-azul a
{
    color: #fff!important;
    background-color: var(--base-color-medium-blue)!important;
	border-radius: 25px!important;
	font-family: SourceSansPro_Regular;
  	font-size: 1rem!important;    
}
.botao-azul a
{
    padding: 10px 3rem!important;
}
.botao-azul a:hover
{
    background-color: var(--base-color-dark-blue)!important;   
}

/* --- botao branco --- */
.botao-branco
{
    display: inline;
}
.botao-branco .wp-block-button
{
    background-color: var(--base-color-medium-blue);
}
.botao-branco,
.botao-branco a
{
    color: var(--base-color-dark-grey)!important;
    background-color: #fff!important;
}
.botao-branco a
{
    border: 1px solid var(--base-color-medium-blue);
	border-radius: 15px!important;
    padding: 5px 20px!important;
	font-family: SourceSansPro_Regular;
  	font-size: 1rem!important;    
}
.botao-branco a:hover
{
    text-decoration: none;
    background-color: var(--base-color-light-blue)!important;   
}

/* --- se tiver icone dentro, formata o icone --- */
.botao-azul i.fa-arrow-right-to-bracket,
.botao-branco i.fa-arrow-right-to-bracket
{
    rotate: 90deg;
    margin-right: 10px;
}


/* -------------- Page ------------ */

.page-header
{
    background: #fff url('images/backgrounds/background_header.jpg') no-repeat;
    background-size: cover;
}

.site-content
{
    background: transparent url('images/backgrounds/bg_onda_azul.jpg') no-repeat 100% 55%;
}

/* ------------ Footer ------------- */
.site-footer
{
    color: var(--base-color-black)!important;
}
.footer-widgets
{
    background: #fff url('images/backgrounds/background_footer.jpg') no-repeat;
    background-size: cover;
    padding-bottom: 0!important;
}
.footer-widgets aside
{
    margin-bottom: 0!important;
}
.footer-widgets.section-padding
{
    padding: 50px 0; /* undo parent theme padding */
}
.footer-top
{}
/* -- footer/logo-- */
.footer-top .wp-block-column:nth-child(1) img {
    width: 70%;
    padding: 10px 15px;
}
/* -- footer/contactos-- */
.footer-top .wp-block-column:nth-child(2) h2 {
    font-family: Poppins Regular!important;
    text-align: left!important;
    font-size: 1.2rem!important;
    margin-bottom: 20px!important;
}
.footer-top .wp-block-column:nth-child(2) p {
    margin-bottom: 0!important;
}
.footer-top .wp-block-column:nth-child(2) p i {
    margin-right: 10px;
    color: var(--base-color-dark-blue);    
}
.footer-top .wp-block-column:nth-child(3) li
{
    font-family: Poppins Light!important;
    font-size: 0.7rem!important;
    color: var(--base-color-dark-blue)!important;
}
.footer-top .wp-block-column:nth-child(3) li a {
    color: var(--base-color-dark-blue)!important;
}
                                      

.footer-bottom
{
    position: relative;
    background-color: #fff;
    width: 100vw;
    left: calc(((100vw - 100%) / 2) * -1);
    margin-bottom: 0!important;
    padding: 0;    
}
.footer-bottom .eb-wrapper-outer
{
    margin-bottom: 0;
}
.footer-bottom img
{
    height: 40px!important;
    width: auto!important;
    margin: 0 20px;
}
.footer-bottom p
{
    margin-bottom: 0;
}
footer .site-info
{
    background-color: #fff!important;
    color: var(--base-color-dark-blue)!important;
    padding-top: 0!important;
}
footer .site-info a
{
    color: var(--base-color-dark-blue)!important;
}
footer .site-info .container
{
    border-top: 1px solid var(--base-color-dark-blue);
    padding-top: 20px;
    font-size: 0.6rem!important;
    font-color: var(--base-color-dark-blue)!important;
}
footer .site-info .container .row div:nth-child(1)
{
    text-align:left;
}
footer .site-info .container .row div:nth-child(2)
{
    text-align:right;
}
footer .site-info a.back-to-top
{
    background:none;
}

/* ----------- slick slider --------------- */

.slick-slider .slick-prev
{
    font-size: 2rem!important;
    left: -40px!important;
}
.slick-slider .slick-next
{
    font-size: 2rem!important;
    right: -40px!important;
}

button.slick-arrow::before
{
    content: ''; /*undo*/
}
button.slick-arrow i
{
    color: var(--base-color-dark-grey);
}

/* ---------------- Accordion -------------- */


.eb-accordion-wrapper
{
    padding: 15px 0 15px 0!important;
    border-radius: 0!important; /* undo */
    border: 0!important;
    border-bottom: 1px solid var(--base-color-light-blue)!important;
    background-color: #fff!important;
}
.eb-accordion-wrapper .eb-accordion-icon
{
    color: var(--base-color-medium-rose) !important;
}
.eb-accordion-wrapper span
{
    border:0!important;
}
.eb-accordion-title
{
    font-family: Poppins Regular !important;
    font-size: 1.1rem !important;
    width: 85%;
    color: var(--base-color-dark-blue) !important;
    margin-bottom: 0!important;
}
.eb-accordion-content p
{
    font-size: 0.9rem!important;
    line-height: 1.5rem;
    font-family: SourceSansPro_Regular!important;
}


.eb-post-carousel-wrapper.eb-post-carousel-9dfv5 .ebpg-post-carousel-column
{
    transition:none!important;
}

/* ------------------ home --------------- */

.home #primary
{
    padding-top: 0;
}

/* --- home/hero --- */
.wp-block-cover.seccao-hero
{
	position: relative;
  	width: 100vw;
	height: 75vh;
  	left: calc(((100vw - 100%) / 2) * -1);
    margin-bottom: 100px;
}
.wp-block-cover.seccao-hero .wp-block-cover__inner-container
{
	position: absolute;
	top: 50px;
}
.wp-block-cover.seccao-hero h1
{
    font-size: 2.8rem!important;
    text-align: left;
    width: 65%;
    margin-bottom: 40px!important;
}
.wp-block-cover.seccao-hero p
{
    font-size: 1.35rem!important;
    text-align: left;
    width: 55%;
}
.wp-block-cover.seccao-hero .wp-block-cover__background
{
	background-color: transparent!important;
}
.wp-block-cover.seccao-hero .botao-azul .eb-button-wrapper
{
    flex-direction: row;
}


.shorten-text
{
  overflow: hidden;    
  text-overflow: ellipsis;
  white-space: nowrap;  
  max-width: 100%;
}

/* ----- home/acoes -------- */

.lista-acoes .wrapper>.row>.col-12,
.lista-acoes .wrapper>.row>.col-sm-6,
.lista-acoes .wrapper>.row>.col-md-6,
.lista-acoes .wrapper>.row>.col-lg-4
{
    padding-left: 50px;
    padding-right: 50px;    
}
.acao.highlight
{
    margin-bottom: 70px;
}
.acao.highlight .ilustracao
{
    text-align:left;
}
.acao.highlight .ilustracao img
{
    width: 100%;
}
.acao.highlight .name
{
    font-family: Poppins Regular;
    font-size: 1.2rem!important;
    text-align: left;
    color: var(--base-color-dark-blue)!important;
    padding-top: 15px;
}
.acao.highlight .description
{
    font-family: SourceSansPro_Regular;
    font-size: 1.2rem!important;
    color: var(--base-color-black)!important;
    margin-top: 15px;
}

/* --- home/atividades --- */
.bloco-atividades
{
    padding: 50px;
}
.bloco-atividades .bloco-atividades-content
{
    width: 85%;
    margin: 0 auto;
    padding: 30px;
    padding-bottom: 0;
    background-color: rgb(56,20,50,0.3);
    /*background-color: rgb(58,37,54,0.4);*/
}
.bloco-atividades h2
{
    font-family: Poppins Semibold!important;
    color: #fff!important;
}
.bloco-atividades p
{
    font-size: 1.1rem!important;
    line-height: 1.5rem!important;
    color: #fff!important;
}
.bloco-atividades .botao-azul
{
    display: relative;
    top: -55px;
}
.bloco-atividades .botao-azul .eb-button-wrapper
{
    margin-bottom: -55px;/* igual ao top no botao-azul */
}




/* -- home/recursos -- */
.bloco-recursos
{}
.bloco-recursos h3.titulo-rosa
{
    width: 85%;
}
.bloco-recursos .wp-block-column:nth-child(2) {
    padding: 0; /* undo */
}
.ilustracao-recursos
{
    border-radius: 15px;
    /*
    position: relative;
  	width: 35vw;
	height: auto;
    */
  	/*left: calc(((100vw - 100%) / 2) * -1);*/
}


/* ---------- views evento ------------------ */

/* --- view list --- */

.evento.list {
    color: var(--base-color-black)!important;
    margin-bottom: 30px;
}
.evento.list .post-holder {
    display: flex;
    align-items: flex-start;
    box-shadow: 0px 0px 10px 5px #ccc;
    border-radius: 10px;
    height: 200px;
}
.evento.list .post-holder .entry-media {
    width: 45%;
    height: 100%;
}
.evento.list .post-holder .entry-media .entry-thumbnail {
    height: 100%;
    position: relative; /* para que o anchor fique dentro */
}
.evento.list .post-holder .entry-media .entry-thumbnail a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    clip: unset;/* undo */
    text-indent: -9999px!important;
}
.evento.list .post-holder .entry-media .entry-thumbnail img {
    object-fit: cover; /* como o object-fit está cover, podemos ter o height e width a 100% quea imagem e aumentada ate cobrir o espaco */
    object-position: top;
    height: 100%;
    width: 100%;
    border-radius: 10px 0 0 10px;
}
.evento.list .post-holder .entry-wrapper {
    width: 55%;
    padding: 10px 15px;
    position: relative; /* para permitir fixar o link mais-info */
    height: 100%;
}
.evento.list .post-holder .entry-wrapper .entry-content {
    margin-bottom: 20px;
}
.evento.list .entry-content .post-acao {
    font-family: SourceSansPro_Semibold;
    font-size: 0.8rem;
    color: var(--base-color-dark-blue);
    border: 1px solid var(--base-color-light-grey);;
    white-space: nowrap;
    display: inline-block;
    padding-right: 15px;
    border-radius: 15px;
    text-transform: uppercase;
}
.evento.list .entry-content .post-acao img {
    height: 20px;
    width: auto;
    margin: 2px;
}
.evento.list .entry-content .post-acao span.name {
    position: relative;
    top: 2px;
}
.evento.list .entry-content .post-title {
    font-family: Poppins Regular;
    font-size: 0.8rem;
    color: var(--base-color-dark-blue)!important;
    margin: 10px 0;
}
.evento.list .entry-content .post-title a
{
    color: var(--base-color-dark-blue)!important;
}
.evento.list .entry-content .post-title a:hover
{
    text-decoration: none;
}
.evento.list .entry-content .post-periodicidade,
.evento.list .entry-content .post-datas,
.evento.list .entry-content .post-local
{
    font-family: SourceSansPro_Regular;
    font-size: 0.7rem;
    color: var(--base-color-dark-grey)!important;
}
.evento.list .entry-content .post-periodicidade i,
.evento.list .entry-content .post-datas i,
.evento.list .entry-content .post-local i
{
    margin-right: 10px;
}
.evento.list .entry-content-footer {
    position: absolute;
    bottom: 5px;
}
.evento.list .entry-content-footer .mais-info {
    font-family: SourceSansPro_Regular;
    font-size: 0.7rem;
    font-style: italic;
    color: var(--base-color-dark-grey)!important;
    border-top: 1px solid var(--base-color-light-grey)!important;
    padding: 5px 0;
    margin-top: 10px;
}
.evento.list .entry-content-footer .mais-info a {
    color: var(--base-color-dark-grey)!important;
}

/* --- parte generica da view single --- */

article.single {
    color: var(--base-color-black)!important;
    margin-bottom: 30px;
}
article.single .post-holder {
    display: flex;
    align-items: flex-start;
}
article.single .post-holder .entry-media {
    width: 30%;
    /*height: 100%;*/
}
article.single .post-holder .entry-media .entry-thumbnail {
    /*height: 100%;*/
}
article.single .post-holder .entry-media .entry-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 10px 0 0 0;
}
article.single .post-holder .entry-wrapper {
    width: 70%;
    padding: 20px 20px;
}
/* -- wrapper do artigo post -- */
article.single.post .post-holder .entry-wrapper
{
    padding-top: 0;
}
article.single .post-holder .entry-wrapper .entry-content {}

.single .atividade .entry-header
{
    display: none;
}

/* ----------- parte especifica da view single de evento ------- */

.evento.single .entry-content .post-acao {
    font-family: SourceSansPro_Semibold;
    /*font-size: 0.8rem;*/
    color: var(--base-color-dark-blue);
    border: 1px solid var(--base-color-light-grey);;
    white-space: nowrap;
    display: inline-block;
    padding-right: 15px;
    border-radius: 15px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.evento.single .entry-content .post-acao img {
    height: 30px;
    width: auto;
    margin: 2px;
}
.evento.single .entry-content .post-acao span.name {
    position: relative;
    top: 2px;
}
.evento.single .entry-content .post-periodicidade,
.evento.single .entry-content .post-datas,
.evento.single .entry-content .post-local,
.evento.single .entry-content .post-duracao,
.evento.single .entry-content .post-certificacao
{
    font-family: SourceSansPro_Regular;
    /*font-size: 0.7rem;*/
    color: var(--base-color-dark-grey)!important;
    margin-bottom: 20px;
}
.evento.single .entry-content .post-periodicidade i,
.evento.single .entry-content .post-datas i,
.evento.single .entry-content .post-local i,
.evento.single .entry-content .post-duracao i,
.evento.single .entry-content .post-certificacao i
{
    margin-right: 20px;
}



/* ---------------- view noticia list ------------- */

.slick-slider .slider-article-holder
{
    padding: 15px 15px;
}
.post.list
{
    color: var(--base-color-black)!important;
    margin-bottom: 30px;
}
.post.list .post-holder,
.noticias-highlights .ebpg-carousel-post-holder
{
    height: calc(100% - 25px);
    position: relative;
    z-index: 1;
    
    padding: 0!important;/* -- undo -- */
    box-shadow: 0px 0px 10px 5px #ccc;
    border-radius: 10px;
}
.post.list .post-holder::after,
.noticias-highlights .ebpg-carousel-post-holder::after
{
    background: none!important;
}
.post.list .entry-thumbnail
{
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    line-height: 0;
    position: relative;
}
.post.list .entry-thumbnail:hover,
.noticias-highlights .ebpg-entry-thumbnail:hover
{
    border-radius: 10px 10px 0 0 !important;
}
.post.list .entry-thumbnail a
{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    clip: unset;/* undo */
    text-indent: -9999px!important;
    margin: 0;
    opacity: 0;
}               
.post.list .entry-thumbnail a:hover
{
    border-radius: 10px 10px 0 0 !important;
    background-color: var(--base-color-black);
    opacity: 0.4;
    transition: opacity 300ms linear;
}
.post.list .entry-thumbnail img,
.noticias-highlights article .ebpg-entry-thumbnail img
{
    height: 200px!important;
    object-fit: cover;
    object-position: left top;
    border-radius: 10px 10px 0 0 !important;
}
.post.list .entry-wrapper,
.noticias-highlights .ebpg-entry-wrapper
{
    padding: 20px 30px;
}
.post.list .header-meta,
.noticias-highlights .ebpg-header-meta
{
    display:none;
}
.post.list .entry-header,
.noticias-highlights .ebpg-entry-header
{
    min-height: 120px;
}
.post.list .entry-content
{
    min-height: 120px;
    margin-bottom: 0;
}

.post.list .post-title,
.post.list .post-title a,
.noticias-highlights h1,
.noticias-highlights h1 a
{
    font-family: Poppins Regular!important;
    color: var(--base-color-dark-blue)!important;
    line-height: 1.2rem;
    font-size: 1rem !important;
}
.post.list .post-title a:hover
{
    text-decoration: none!important;
}
.post.list .footer-meta,
.noticias-highlights .ebpg-footer-meta
{
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;

    border-top: 1px solid #eee;
    border-bottom: 0;
    padding: 10px 0;

    font-style: italic;
    font-size: 0.7rem;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
}
.post.list .footer-meta .posted-on,
.noticias-highlights .ebpg-footer-meta .ebpg-posted-on
{
    color: var(--base-color-black)!important;
}


/* -------------------- view post.highlight ---------------------- */

.post.highlight {
    color: var(--base-color-black)!important;
    margin-bottom: 30px;
    
}
.post.highlight .post-holder {
    box-shadow: 0px 0px 10px 5px #ccc;
    border-radius: 10px;
    height: 350px;
    display: flex;
    flex-direction: row-reverse;
}
.post.highlight .post-holder .entry-media {
    width: 50%;
    height: 100%;
}
.post.highlight .post-holder .entry-media .entry-thumbnail {
    height: 100%;
    position: relative; /* para que o anchor fique dentro */
}
.post.highlight .post-holder .entry-media .entry-thumbnail a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    clip: unset;/* undo */
    text-indent: -9999px!important;
}
.post.highlight .post-holder .entry-media .entry-thumbnail img {
    object-fit: cover; /* como o object-fit está cover, podemos ter o height e width a 100% quea imagem e aumentada ate cobrir o espaco */
    object-position: top;
    height: 100%;
    width: 100%;
    border-radius: 0 10px 10px 0;
}
.post.highlight .post-holder .entry-wrapper {
    width: 50%;
    padding: 50px;
    position: relative; /* para permitir fixar o link mais-info */
    height: 100%;
}
.post.highlight .post-holder .entry-wrapper .entry-content {
    margin-bottom: 20px;
}
.post.highlight .entry-content .post-ambito {
    font-family: Montserrat Medium;
    font-size: 0.6rem;
    color: var(--base-color-dark-blue);
    white-space: nowrap;
    display: inline-block;
    text-transform: uppercase;
}
.post.highlight .entry-content .post-title {
    font-family: Poppins Light;
    font-size: 1.2rem;
    color: var(--base-color-dark-blue)!important;
    margin: 10px 0;
}
.post.highlight .entry-content .post-title a
{
    color: var(--base-color-dark-blue)!important;
}
.post.highlight .entry-content .post-title a:hover
{
    text-decoration: none;
}
.post.highlight .entry-content .post-excerpt
{
    font-family: SourceSansPro_Regular;
    font-size: 1rem;
}
.post.highlight .entry-content .post-button
{
    position: absolute;
    bottom: 40px;
}
.post.highlight .entry-content .post-button img
{
    max-height: 50px;
    object-fit: contain;
    border-radius: 10px;
    filter: grayscale(0%);
}
.post.highlight .entry-content .post-button a:hover img
{
    filter: grayscale(100%);
    transition: filter 300ms linear;
}


/* ------------------- view post/noticia/ single --------------- */

.post.single .entry-content .post-ambito
{
    font-family: SourceSansPro_Semibold;
    /*font-size: 0.8rem;*/
    color: var(--base-color-dark-blue);
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.post.single .entry-content .post-posted-on
{
    font-style: italic;
    font-size: 0.7rem;
    border-top: 1px solid #eee; 
    padding: 10px 0;
    margin-top: 20px;
}

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

/* ---- media queries ---- */
/* --- min --- */
@media (min-width: 1200px) { /* XL */
}
@media (min-width: 1400px) { /* XXL */
}
@media (min-width: 1600px) { /* XXXL */
}


/**********************************************/
/* -- Breakpoints Bootstrap 4 com max-width-- */
/**********************************************/
/* xl - Extra Large devices (nao e necessario nos max-width) */

@media (max-width: 1999.98px) {
    
}
/* lg - Large devices (desktops, below 1200px) */
@media (max-width: 1199.98px) {
    .menu-item.menu-item-has-children>a:after
    {
        content: none;/* para apagar a seta */
        border: none;
    }
}
/* md - Medium devices (tablets, below 992px) */
@media (max-width: 991.98px) {
    .wp-block-cover.seccao-hero
    {
        height: 55vh;
    }
    .wp-block-cover.seccao-hero h1
    {
        font-size: 1.8rem!important;
        width: 100%;
        margin-bottom: 20px!important;
    }
    .wp-block-cover.seccao-hero p
    {
        font-size: 1rem!important;
        width: 100%;
        line-height: 1.5rem;
    }
    .wp-block-cover.seccao-hero .wp-block-cover__inner-container
    {
        top: 0;
    }

    .bloco-atividades
    {
        padding: 30px;
    }
    .bloco-atividades .bloco-atividades-content
    {
        width: 100%;
        padding: 10px;
    }
    .bloco-atividades p
    {
        font-size: 1rem!important;
        line-height: 1.2rem!important;
    }
    .bloco-atividades .botao-azul
    {
        top: -50px;
    }
    .bloco-atividades .botao-azul .eb-button-wrapper
    {
        margin-bottom: -50px;/* igual ao top no botao-azul */
    }

    h2
    {
        font-size: 1.8rem!important;
        margin-bottom: 40px!important;    
    }
    h3
    {
        font-size: 1.2rem!important;
        margin-bottom: 30px!important;
    }
    h4
    {
        font-size: 1rem!important;    
        margin-bottom: 20px!important;
    }
    h5
    {
        font-size: 0.9rem!important;        
        margin-bottom: 20px!important;
    }

    .post.highlight .entry-content .post-title {
        font-size: 1rem;
        margin-top: 0;
    }
    .post.highlight .entry-content .post-excerpt
    {
        font-size: 0.8rem;
    }

}
/* sm - Small devices (landscape phones, below 768px) */
@media (max-width: 767.98px) {
    .wp-block-columns .wp-block-column {
        padding-left: 0px!important;
        padding-right: 0px!important;        
    }
    .site-branding .site-logo-div img
    {
        height: 25px;
        width: auto;
    }

    h1 {
        font-size: 1.8rem!important;
        margin-bottom: 20px!important;    
    }

    .post.highlight .post-holder {
        height: 450px;
        display: flex;
        flex-direction: column;
    }
    .post.highlight .post-holder .entry-media {
        width: 100%;
        height: 50%;
    }
    .post.highlight .post-holder .entry-media .entry-thumbnail {
        height: 100%;
    }
    .post.highlight .post-holder .entry-media .entry-thumbnail a {
        height: 100%;
        width: 100%;
    }
    .post.highlight .post-holder .entry-media .entry-thumbnail img {
        width: 100%;
        border-radius: 10px 10px 0 0;
    }
    .post.highlight .post-holder .entry-wrapper {
        width: 100%;
        padding: 20px;
    }
    .post.highlight .entry-content .post-ambito {
        font-size: 0.6rem;
    }
    .post.highlight .entry-content .post-title {
        font-size: 1rem;
        margin-top: 0;
    }
    .post.highlight .entry-content .post-excerpt
    {
        font-size: 0.8rem;
    }
    .post.highlight .entry-content .post-button
    {
        bottom: 20px;
    }
    .post.highlight .entry-content .post-button img
    {
        max-height: 35px;
    }


    article.single .post-holder {
        flex-direction: column;
    }
    article.single .post-holder .entry-media {
        width: 100%;
    }
    article.single .post-holder .entry-media .entry-thumbnail img {
        width: 100%;
        height: auto;
    }
    article.single .post-holder .entry-wrapper {
        width: 100%;
    }

    .bloco-atividades .botao-azul a
    {
        width: 75%!important;
    }
}
/* xs - Extra Small devices (portrait phones, below 576px) */
@media (max-width: 575.98px) {
    :root {
        font-size: 12pt!important;
    }
    .wp-block-columns .wp-block-column {
        padding-left: 10px!important;
        padding-right: 10px!important;        
    }
    .site-branding
    {
        margin-top: 0;
    }
    .site-branding .site-logo-div
    {
        margin-right: 20px;
    }
    .site-branding .site-title,
    .site-branding .site-text-logo
    {
        font-size: 10px;
    }
    .site-branding .has-logo-img .site-title
    {
        margin-bottom: 0!important;
    }
    .entry-content h1::before {
        padding-top: 20px;
    }

    .footer-top>.wp-block-column:nth-child(1) {
        text-align: center;
    }
    .footer-bottom img
    {
        height: 30px!important;
    }

    .wp-block-cover.seccao-hero
    {
        height: 70vh;
    }
    
}