/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

body {
	margin: 0px;
	font-size: 16px !important;
	line-height: 1.5;
	color: #2b2b2b;
}

h1 {
	margin: 0;
}

#page {
	background-color: #FFF;
	font-family: "Source Sans Pro", Arial, Helvetica, Sans-serif;
}

#zone-user-wrapper {
	background-color: #3399FF;
}

#zone-user {
	background-color: #0000FF;
}

 #zone-governo-wrapper {
 	background-color: #f1f1f1;
 }

/******** REGION ACESSIBILIDADE ********/
#zone-acessibilidade-wrapper {
	background-color: #009045;
}

#region-acessibilidade1,
#region-acessibilidade2,
#region-acessibilidade3 {
	min-height: 20px;
	max-height: 100%;
}
			
#region-acessibilidade1 ul{
	margin: 0px;
	padding: 0;
}

#region-acessibilidade1 li,
#region-acessibilidade2 li {
	display: inline-block;
	list-style: none;
	text-align: left;
}
	
#region-acessibilidade1 a,
#region-acessibilidade2 a {  
	color: #fff;
	text-decoration: none;
	font-size: 11.2px;
	line-height: 30px;
}

#region-acessibilidade1 a {
	margin-right: 15px;
}
			
#region-acessibilidade2 a {
	border-bottom: 1px #fff dotted;
}
#region-acessibilidade2 li {
	margin-left: 13px;
}
			
#region-acessibilidade1 a:hover {
	text-decoration: underline;
}
	
#region-acessibilidade1 span{
	border: 1px solid #000;
	background: #000;
	margin-left: 3px;
}
	
#region-acessibilidade2 ul {
	float: right;
	margin: 0px;
	padding: 0 5px 0 0;
}

#region-acessibilidade3 ul#pagestyle_current_list{
	padding: 5px 0 0 0;
	margin: 0px;
	float: right;
	/*display: flex;*/	
}

/******** REGION LOGOMENU ********/
#zone-logomenu-wrapper {
	clear: both;
	background-color: #FFF;
}
#region-logo {
	margin-bottom: 10px;
	margin-top: 1px;
}
#region-busca {
	margin-right: initial;
	min-height: 36px;
	max-height: 36px;
}
#region-busca form{
	background-color: #FFF;
	position: absolute;
	right: 0px;
	width: 100%;
}

#region-redessociais {
        min-width: 24px;
        text-align: right;
        float: right;
}

#region-redessociais img{
        margin-bottom: 2px;
        margin-right: 6px;
}

#region-idiomas ul.language-switcher-locale-url li {
	display: inline;
	font-size: 11.2px;
	margin-left: 7px;
	float: right;
}
#region-idiomas a.language-link {
	text-decoration: none;
	color: #009045;
}

#region-idiomas a.language-link:hover {
	text-decoration: underline;
}
ul.language-switcher-locale-url {
	margin: 6px 4px 0 0;
}	
#zone-megamenu-wrapper {
        background-color: #fff;
}
#region-menu {
	background-color: #FFF;
	min-height: 10px;
	max-height: 100%;
}

/******** REGION TRILHA ********/
#zone-trilha-wrapper {
	background-color: #fff;
}
#region-trilha {
	background-color: #fff;
        color: #000;
	font-size: 0.9em;
	padding-top: 15px;
	padding-bottom: 30px;
}
#region-trilha div.easy-breadcrumb {
	font-size: smaller;
}
#region-trilha div.easy-breadcrumb a {
	color: #000;
	text-decoration: none;
}
#region-trilha div.easy-breadcrumb a:hover {
	text-decoration: underline;
}

/******** REGION SLIDESHOW ********/
#zone-slideshow {
	max-height: 100%;
	margin-top: 15px;
}
.region-slideshow {
	margin-top: 13px;
}	
#region-slideshow .flexslider {
	margin: 0;
	box-shadow: none;
}
#region-slideshow .field-content a {
	color:#009045;
	font-weight:bold;
	font-size: 1.07em;
	line-height: 1em;
	text-decoration: none;
}
#region-slideshow .field-content a:hover {
	text-decoration: underline;
}		
#region-slideshow .views-field-title {
	/*bottom: 20px;*/
	background: rgb(255, 255, 255);
        padding: 9px 9px 22px;
        line-height: 100%;
}

#zone-slideshow img {
	margin-bottom: 40px;
}

#zone-destaques-wrapper {
	background-color: #FFFFFF;
	margin: 0 0 20px;
}
#zone-destaques {
	color:#009045;
	font-size: 15px;
}

/** SLIDER **/
.slick-prev::before, .slick-next::before {
        color: #2b2b2b;
        font-size: 34px;
}
.slick-prev:hover::before, .slick-next:hover::before {
        color: #2a2a2a;
}


/******** REGION ABAS/ACS ********/
#region-abas {
	min-height: 100px;
	/*min-width: 300px;*/
	max-width: 600px;
	margin-bottom: 20px
}
#region-abas .views-field.views-field-field-tipo {
	font-size: 1em;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
#region-abas a.active,
#region-acs a.active {
	font-weight: 600;
	font-size: 16px;
}
#region-abas div.field-content a {
	text-decoration: none;
	color: #000;
}
#region-abas div.field-content a:hover {
	text-decoration: underline;
	color: #000;
}

#region-abas .field-content.dia-mes {
    background: #009045;
    color: white;
    font-size: 12px;
    float: left;
    margin: 0px 5px 10px 10px;
    padding: 10px 10px;
    float: left;
    font-weight: bold;
}

#region-abas .views-field.views-field-field-data-do-evento {
    margin-bottom: 20px;
}

#region-acs {
	min-height: 100px;
	max-height: 100%;
	/*min-width: 300px;*/
	max-width: 600px;
	margin-bottom: 20px;
}
#region-acs div.views-field.views-field-title a,
#region-abas div.views-field.views-field-title a,
#region-abas .views-field.views-field-title a {
	text-decoration: none;
	color: #000;
}
.module-eventos a {
	text-decoration: none;
	color: #000;
}
.module-eventos a:hover {
        text-decoration: underline;
}
#region-acs div.views-field.views-field-title a:hover,
#region-abas div.views-field.views-field-title a:hover,
#region-abas .views-field.views-field-title a:hover {
	text-decoration: underline;
}
#region-acs .views-field.views-field-created, 
#region-acs .views-field.views-field-field-tag-noticia,
#region-abas .views-field.views-field-created,
#region-abas .views-field.views-field-field-tag-noticia a,
#region-abas .views-field.views-field-field-data-do-evento {
	font-size: 0.8em;
	font-weight: normal;
	color: gray;
	text-decoration: none;
}
#region-acs .views-field.views-field-title,
#region-abas .views-field.views-field-title {
	margin-top: 5px;
	color: #000;
}
.documentos-list-item {
	margin-top: 5px !important;
	margin-bottom: 10px !important;
}
#region-acs .more-link a,
#region-abas .more-link a{
	font-size: 0.9em;
	font-weight:normal;
	color: #fff;
	background: #a2a2a2;
	padding: 6px 10px;
	margin-right: 20px;
	text-decoration: none;
	text-align:right;
}
#quicktabs-video_audio .more-link {
        margin: 20px 0;
}
#region-acs .more-link a:hover,
#region-abas .more-link a:hover {
	text-decoration: underline;
}
.media-player,
.osmplayer-default {
	border: none;
	-webkit-box-shadow: none;
}
#region-acs .view.view-audio-acs,
#region-acs .view.view-videos-acs {
	margin-left: 20px;
}
.pagina-video-titulo {
	font-size: 24px;
}
.pagina-video-url {
	margin: 10px 0;
}
.pagina-video-item {
	margin-bottom: 30px;
}

div#block-block-7 a {
    text-decoration: none;
    margin: 20px;
    color: black;
}

div#block-block-7 a:hover {
        text-decoration: underline;
}

/******** REGION SLIDER ********/
#region-slider {
	min-height: 70px;
	max-height: 100%;
	/*min-width: 300px;*/
	background-color: #FFFFFF;			
}
#region-slider .bx-wrapper .bx-viewport {
	min-height: 70px;
	box-shadow: none;
	/*border: solid #E5E3E3 1px;*/
	border: none;
	padding: 0px 5px 0px 5px;
}

#region-slider div.bx-wrapper {
	margin: 0 auto 0;
}

/******** REGION CONTENT ********/
#region-content {
	max-width: 100%;
}
#region-content a {
	color: #009045;
	font-weight: normal;
	font-size: 1em;
	text-decoration: none;
}
#region-content a:hover {
	text-decoration: underline;
}
#region-content li {
	list-style-type: none;
}
li.pagina-video-item, ul.site-map-menu li,
.imagem-destaque-list ul li {
	list-style: none;
}
#region-content table {
	border: 0;
}
#region-content .view-display-id-page .view-content .views-row{
	float: left;
	width: 50%;					
}
#region-content  .fc-event-default {
	color: #000;
	background-color: #bad3be;
	border-style: none;
	font-size: 0.9em;
	font-weight: normal;
}
#region-content span.fc-event-time {
	border-style: none;
	background-color: #bad3be;
	color: #000;
}
#region-content td.ui-state-highlight {
	border: 1px solid #000;
	background: #fff;
}
div.breadcrumb a {
	color: #000;
	text-decoration: none;
	font-size: 0.9em;
}
#region-content li.ultimos-documentos,
#region-content li.noticias-taxonomia,
#region-content li.noticias,
#region-content li.aluno-abas,
#region-content li.professor-abas,
#region-content li.tae-abas,  
#region-content li.brasilia-abas {
	margin-bottom: 10px;
}

#region-content div.views-field.views-field-created, 
div.views-field.views-field-field-tag-noticia,
div.views-field.views-field-field-tag-portaria {
	font-size: 0.8em;
}
#region-content span.views-field.views-field-created,
#region-content span.views-field.views-field-nothing,
#region-content span.views-field.views-field-field-tag-noticia,
#region-content span.views-field.views-field-type,
#region-content span.views-field.views-field-totalcount {
	font-size: 0.8em;
}
#region-content ul.pager li {
	font-size: 0.9em;
}
#region-content ul.enderecos-lista li {
	display: inline-block;
	margin-bottom: 7em;
}

/** IMAGEM DESTAQUE **/
.slide__description {
        display: none;
}

.slide__title {
        font-size: 16px;
        font-weight: normal;
        margin: 0;
}

.slide__caption {
        min-height: 0 !important;
        padding: 14px 22px !important;
	width: 100% !important;
}



/******** ZONE ENDERECO MAPA********/

#zone-enderecomapa-wrapper {
        background-color: #fff;
}

#zone-enderecomapa {
        background-color: #fafafa;
        margin-bottom: 0px;
}
#region-endereco1 {
        font-size: 12px;
}

#region-endereco1 .views-field.views-field-name {
        color: #009045;
        font-weight: 600;
        font-size:14px;
}

#selectlocation {
        margin-left: 10px;
}

#region-endereco3 {
        background-color: #eee;
}

.mapa-list-line {
        width: calc(50% - 28px);
        min-height: 100px;
        float: left;
        padding: 8px 14px 0 14px;
}

.mapa-list-line:first-of-type {
        width: calc(100% - 28px);
}

.mapa-list-line a {
        color: #009045;
        font-weight: bold;
        text-decoration: none;
}

.mapa-list-line:hover {
        background-color: #f0f0f0;
        cursor: pointer;
}

.mapa-unidades-titulo {
    background: #009045;
    color: #fff;
    font-size: 16px;
    margin-bottom: 9px;
    font-weight: bold;
    /*padding: 12px 24px; com o mapa ao lado*/
    padding: 10px;
    position: relative;
    right: 9px;
}
@media all and (min-width: 740px) {
        .mapa-unidades-titulo {
                width: 100%;
        }
}

/******** ZONE FOOTER ********/
.section-footer {
	font-size: 13px;
}
#zone-footer-wrapper {
	background-color: #009045;
}
#zone-footer {
	background-color: #009045;
	color: #fff;
	margin-bottom: 0px;
	margin-top: 30px;
}
#region-rodape1 {
	margin-top: 5px;
	width: calc(100% - 147px);
	float: left;
}
#region-acessoinformacao {
	min-width: 25px;
	max-width: 107px;
	text-align: right;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

/******** ZONE FOOTERMENU ********/
#zone-footermenu-wrapper {
	background-color: #2a2a2a;
	padding-top: 15px;
}
#zone-footermenu {
	background-color: #2a2a2a;
	color: #fff;
}

/******** REGION RODAPE3 ********/				
#region-rodape3 ul.footer_links_main-menu,
#block-menu-menu-internacional .menu {
        border-left: 1px dotted #FFFFFF;
}
#region-rodape3 {
        margin-bottom: 20px;
}
#block-menu-menu-internacional a {
        text-decoration: none;
}
#region-rodape3 a.fs-root-link,
#block-menu-menu-internacional .expanded a  {
        color: #ffffff;
        margin-left: 10px;
        font-weight: bold;
        font-size: 1em;
}
#region-rodape3 .depth-1,
#block-menu-menu-internacional .expanded {
        margin-left: 10px;
}
#region-rodape3 .depth-1 a,
#block-menu-menu-internacional .leaf a{
        color: #ffffff;
}
#block-menu-menu-internacional .leaf a {
        font-weight: normal;
        font-size: 0.8em;
}
#block-menu-menu-internacional {
        margin: 0 1em;
}
#block-menu-menu-internacional .expanded {
        float: left;
}

/******** custom ********/
div#wrapper-barra-brasil {
	max-width: 1170px !important;
}

.controller-only {
        width: 100% !important;
	max-width: 400px;
}

.form-submit {
        background: #009045 !important;
        color: #fff !important;
        text-shadow: none !important;
        border-color: #009045 !important;
        -webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}
#edit-search-block-form--2 {
        height: 32px !important;
        background-color: #e9e9e9 !important;
        border: none !important;
        position: relative;
        /*left: 3px;*/
        padding: 2px 9px;
        width: calc(100% - 48px) !important;
}
button:focus, button:active, input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active {
        box-shadow: #808080 0 0 7px !important;
}
input[value="   "] {
        border-radius: 0;
        z-index: 200;
        position: relative;
        background: transparent !important;
        padding: 9px 15px !important;
        border: none !important;
	margin: 0;
}
.form-submit {
        min-width: 39px !important;
}
.barra-pesquisar:after {
        font-family: FontAwesome;
        content: "\f002";
        position: absolute;
        right: 6px;
        line-height: 32px;
        width: 39px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        background: #009045;
}

.field-slideshow {
        padding-bottom: 0 !important;
        margin: auto;
}
.imagem-destaque-list ul li {
        margin: 0 5px 5px 0;
}
ul#field-slideshow-1-pager {
        max-height: 144px;
        overflow: auto;
}
div#field-slideshow-1-wrapper {
        max-width: 480px;
        margin: auto;
}
.field-slideshow-pager img {
        opacity: 0.6;
}
.field-slideshow-pager img:hover, .field-slideshow-pager .activeSlide img {
        opacity: 1.0;
}
div#field-slideshow-1-controls {
        position: relative;
        /*text-align: center;*/
}
.field-slideshow-controls .next {
        position: absolute;
        right: 0;
}
.field-slideshow-caption {
        background: gainsboro;
}


.link_categorizado {
	padding-left: 14px;
}
.link_categorizado li, .link_categorizado div {
	display: inline;
}
.link_categorizado a {
	font-size: 13px;
	margin: 4px 7px;
	color: #fff !important;
	background: #a2a2a2;
	padding: 6px 10px;
	/*font-weight: 600;*/
	display: inline-block;
}
.block-eventos {
	color: #000;
}
.block-eventos ul {
	list-style: none;
	margin-top: 0;
	padding-left: 21px;
}
.views-field-field-endereco-do-link, .block-eventos ul li {
	margin-top: 5px;
	margin-bottom: 13px;
}
ul.quicktabs-tabs.quicktabs-style-sky li.active {
	margin: 0.3em 0 0 0;
	position: relative;
	top: -0.4em;
}


::selection {
	background: #009045;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #009045;
	color: #fff;
	text-shadow: none;
}



/*.region-logo img {
	margin: 16px 0;
}*/

.region-portalantigo p, .region-busca {
	margin: 16px 0;
}
.region-idiomas {
	margin-top: 10px;
}
.region-portalantigo img {
	max-width: 100%;
	height: auto;
	margin: auto;
	padding: 5px;
}
#edit-field-tag-do-documento-und {
	min-height: 200px;
}
.imagem-corpo-noticia {
        width: auto !important;
        display: inline-block;
}

/**Slick Carousel**/
.slick-prev, .slick-next {
        /*width: 42px;
        height: 42px;
        border-radius: 50%;
        margin-top: -21px;*/
}

.antigo-portal {
        float: right;
        text-decoration: none;
        color: #009045;
        font-size: 11.2px;
        margin-right: 4px;
}

.link-ouvidoria {
        color: #009045;
        font-weight: bold;
        text-decoration: none;
        float: right;
        padding-right: 6px;
        margin-bottom: 8px;
}
.link-ouvidoria:before {
        font-family: FontAwesome;
        content: "\f0e5";
}
.region-ouvidoria p {
        margin: 0;
}
.acesso-info-superior p {
        margin-top: 0;
        margin-bottom: 4px;
}

.acesso-info-superior img {
        max-height: 24px;
        margin-right: 27px;
}

#region-acesso-informacao-superior {
        min-width: 24px;
        text-align: right;
}

.menuparent > a:after {
        font-family: FontAwesome;
        content: "\f0d7";
        font-weight: normal;
        position: absolute;
        margin-left: 6px;
}
@media all and (min-width: 768px) {
        .menuparent > a.sf-depth-2.menuparent:after,
        .menuparent > a.sf-depth-3.menuparent:after {
               content: "\f0da";
        }
}
.sf-depth-2.sf-no-children a {
        font-weight: normal;
}
.sf-depth-3 > a:after {
	display: none;
}

/*SUPERFISH 18092020*/
ul.sf-style-superfish_sub_unipampa .first a {
        margin: 0;
        font-weight: normal;
        padding: 13px 15px;
        color: #777;
        font-style: italic;
        pointer-events: none;
}

#quicktabs-not_cias .attachment-before {
        border-bottom: 2px solid #6aad88;
	padding-bottom: 10px;
}
.noticia-destaque-titulo, .noticia-thumbnail-titulo {
	font-size: 16px;
        font-weight: 600;
        /*color: #333;*/
}

.noticia-thumbnail-titulo, .noticia-thumbnail-data {
        margin-left: 130px;
}
.noticia-thumbnail-titulo {
	display: grid;
}

.noticia-destaque-list li:first-child a {
        font-weight: 600;
        font-size: 18px;
        color: #009045 !important;
}
.noticia-destaque-list li {
        margin-bottom: 12px !important;
}
.view-noticias-acs ul li {
    margin-bottom: 10px;
}

.flex-pauseplay a {
        top: 10px;
        left: 20px;
        overflow: visible;
}
.flex-direction-nav a {
        overflow: visible;
}
.flex-pauseplay a:before {
        opacity: 0.8;
}
@media all and (max-width:739px) {
        .flex-direction-nav a:before {
                font-size: 22px;
        }
        .flex-pauseplay a:before {
                font-size: 16px;
        }
        .flex-pauseplay a {
                left: 10px;
        }
}
@media all and (min-width:740px) {
        .views-field-field-exibir-linha-descritiva {
                        pointer-events: none;
        }
}

.noticia-thumbnail {
        display: block;
	min-height: 80px;
        width: 100%;
}
.noticia-thumbnail img {
        position: absolute;
        margin-left: 20px;
	margin-top: 4px;
}

.region-menu-campi {
    margin-top: 14px;
}


/******** compartilhar - facebook/twitter/whatsapp ********/
.botao-facebook {
    max-width: 104px;
    margin-left: 10px;
}
.botao-twitter {
    margin-bottom: -8px;
    margin-left: 5px;
    margin-top: 10px;
    max-width: 70px;
}

.botao-whatsapp {
    background: #58c042;
    color: #fff !important;
    border-radius: 3px;
    font-size: 12px !important;
    padding: 0 6px 1px;
    position: absolute;
    margin-top: 10px;

}
.fa-whatsapp {
    margin-top: 3px;
    margin-right: 3px;
}
.hide-button {
        display: none;
}

.mensagem-atos-oficiais {
        font-size: 13px !important;
        text-decoration: underline !important;
        color: #2b2b2b !important;
        margin: 0 0 0.25em 1.5em;
        display: block;
}

.mensagem-desativados {
	font-size: 13px !important;
    	text-decoration: underline !important;
	color: #fff !important;
	margin: 0 0 0.25em 1.5em;
	display: inline-block;
	background: #009045;
	padding: 6px;
}


/**** Busca View ****/
.views-field.views-field-title.busca-view {
    font-size: 1.2em;
}

.views-field.views-field-changed.busca-view {
    font-size: 0.8em;
    font-weight: normal;
    color: gray;
}

.views-field.views-field-search-api-excerpt.busca-view {
    text-indent: 1.5em;
}

.views-row.busca-view {
    margin-bottom: 15px;
}

.views-exposed-form .views-exposed-widget .form-submit {
        margin-top: 0em;
}

.views-exposed-form label {
        display: none;
}

.views-exposed-form .views-exposed-widget {
        padding: 0;
}

#edit-search-api-views-fulltext {
    height: 32px !important;
    background-color: #e9e9e9 !important;
    border: none !important;
    padding: 2px 9px;
    width: 208px;
}

@media all and (min-width: 1220px) {
    #edit-search-api-views-fulltext {
        width: 380px;
    }
}

#edit-submit-busca {
    position: absolute;
    width: 39px;
    height: 32px;
    opacity: 0;
    right: 0px;
}

.views-submit-button:after {
    font-family: FontAwesome;
    content: "\f002";
    display: block;
    float: left;
    right: 6px;
    line-height: 32px;
    width: 39px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #009045;

}

#views-exposed-form-busca-page .views-exposed-widgets {
        float: right;
}

@media all and (max-width: 739px) {
    .zone-logomenu, .zone-superior-auxiliar {
        text-align: center;
    }
    #region-idiomas ul.language-switcher-locale-url li,
    #views-exposed-form-busca-page .views-exposed-widgets,
    .antigo-portal, .link-ouvidoria, #region-redessociais {
        float: none;
    }
    #region-redessociais {
        text-align: center;
    }
    div#edit-search-api-views-fulltext-wrapper {
        width: calc(100% - 90px);
        padding-left: 25px;
    }
    #edit-search-api-views-fulltext, .views-exposed-form .form-item,
    .views-widget-filter-search_api_views_fulltext > .views-widget {
        width: 100%;
    }
    #edit-submit-busca {
        right: 26px;
    }
    ul.language-switcher-locale-url {
        padding: 0;
    }
    #region-logo, .region-idiomas {
        margin: 0;
    }
    .region-portalantigo p {
        margin: 0;
    }
    .region-portalantigo, .region-idiomas,
    .region-ouvidoria, .region-redessociais,
    .region-acesso-informacao-superior {
        display: inline-block;
    }
    .link-ouvidoria {
        vertical-align: bottom;
        line-height: 15px;
    }
    .link-ouvidoria:before {
        top: 3px;
        position: relative;
    }
    .acesso-info-superior img {
        margin-right: 4px;
        margin-bottom: -8px;
    }
    .sf-accordion-toggle {
        margin-top: 16px;
    }
}

@media all and (min-width: 740px) and (max-width: 979px) {
    #region-redessociais img {
        margin-right: 1px;
        max-width: 22px;
    }
}

#text{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}
#overlay {
  position: fixed; /* Sit on top of the page content */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(255,255,255); /* Black background with opacity */
  z-index: 1000; /* Specify a stack order in case you're using a different order for other elements */
}
#overlay-content-container {
  display: grid;
  height: 100%;
  text-align: center;
}

@media all and (min-width: 740px) {
    #region-logo img {
        position: relative;
        top: 20px;
    }
}

/* Eventos WP */
.view-evento-wp-conteudo .views-row {
        display: grid;
        grid-template-areas: "date title" "date time";
        justify-content: start;
        margin-bottom: 15px;
}
.views-field.field-data-evento {
        grid-area: date;
        display: flex;
        align-items: center;
        justify-content: center;

        background: #009045;
        min-width: 108px;
        color: white;
        font-size: 12px;
        margin-right: 10px;
        padding: 10px 10px;
        font-weight: bold;
        border-radius: 4px;
}
.views-field.views-field-title {
        grid-area: title;
}
.views-field.views-field-field-dia-inteiro {
        grid-area: time;
        font-size: 0.8em;
        font-weight: normal;
        color: gray;
}