/* -- Frontpage Full View    -- */

/* ----------------------------- */
/* -- Frontpage Highlights    -- */
/* ----------------------------- */

.highlights {
    /* retirou-se este background para não se notar as margens em mobile */
    /*background-color: #333;*/
    color: #fff;
    position: relative;/* para que as arrows possam ser absolute */
}
.highlights .highlights-content
{
    min-height: 200px;
}
.highlights .highlights-content.container
{
    padding: 0;
}
.highlights .highlights-content a
{
    color: #fff;
}
.highlights .highlights-content .carousel-item,
.highlights .highlights-content .highlight
{
    /* nos devices maiores que xs os banners ficam com height variavel com um limite maximo */    
    /*max-height: 65vh;*//* 65% do height do viewport */
    /*height: 65vh;*//* 65% do height do viewport */
    height: 35vw;/* 65% do height do viewport */    
    overflow-y: hidden;
}
@media (max-width: 575.98px) {
    /* nos devices xs os banners ficam com height fixo */
    .highlights .highlights-content .highlight
    {
	height: 100%;
	max-height: 55vh;
	/*overflow: hidden;*/
	/*position: relative;*/
    }
}
.highlights .highlights-content .carousel-item img,
.highlights .highlights-content .carousel-item video,
.highlights .highlights-content .highlight img,
.highlights .highlights-content .highlight video
{
    width: 100%!important;
    height: auto!important;
    display: block;
}
@media (max-width: 575.98px) {

    /* nos devices xs os img/video alternam os width e height */
    .highlights .highlights-content .highlight img,
    .highlights .highlights-content .highlight video
     {
	 /*
	 width: 100%!important;
	 height: 30vh;
	 position: absolute;
	 left: -10%;
	*/
     }
}



.highlights .highlights-content .highlight .carousel-item-caption,
.highlights .highlights-content .highlight .highlight-caption
{
    font-family: SourceSansPro_Bold;
    font-size: 3em;
    line-height: 40px;

    display: block;
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
}
.highlights .highlights-content .highlight .highlight-caption
{
    padding: 0;
    margin-bottom: 20px;
}

/* -- override slick slider css -- */
.highlights .slick-dots
{
    bottom: 3vh;
}
.highlights .slick-dots li button::before {
    font-size: 12px;
    opacity: 0.8;
    /*color: #fff;*/
    color: var(--base-color-medium-light-grey);    
}
.highlights .slick-dots li button:hover::before,
.highlights .slick-dots li.slick-active button::before {
    opacity: 1;
    color: var(--base-color-black);
}
.highlights .slick-prev,
.highlights .slick-next
 {
     height: 4vw;
     min-height: 20px;
     width: 4vw;
     min-width: 20px;     
     background-color: transparent;
 }
.highlights .slick-prev {
    left: 1vw;
}
.highlights .slick-next {
    right: 1vw;
}
.highlights .slick-prev.slick-disabled,
.highlights .slick-next.slick-disabled {
    opacity: .25;
}
.highlights .slick-prev::before,
.highlights .slick-next::before {
    content: '';/* retira as setas default */
}
.highlights .slick-prev polyline,
.highlights .slick-next polyline
 {
     fill: none;
     /*stroke: #fff;*/
     stroke: var(--base-color-medium-light-grey);
     stroke-width: 800;
     stroke-miterlimit: 10;
 }


/* ----------------------------------------- */
/* -- Frontpage Main    -- */
/* ----------------------------------------- */

.main .main-content .highlights-events,
.main .main-content .highlights-news,
.main .main-content .highlights-adhoc
{
    margin: 50px 0;
    min-height: 100px;
}
.main-numbers .main-numbers-content
{
    padding-top: 20px;
    padding-bottom: 20px;    
}

.front_page.full h1
{
    display:none;
}
.front_page.full h2 .ver-mais
{
    font-size: 0.4em;
    position: relative;
    top: -20px;
}
.front_page.full h2 a::after {
    padding-left: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 1.2rem;
    content: "\f0c1";/* icon do link */
}
			

.front_page.full .full-content .video.embed,
.front_page.full .full-content .video.embed-responsive
 {
     max-width: 80%;
     margin: 0 auto;
}


/*********************************/
/* -- Breakpoints Bootstrap 4 -- */
/* -- Com min-width           -- */
/*********************************/

/* xs - Extra Small devices (nao e necessario nos min-width) */
/* sm - Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}
/* md - Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}
/* lg - Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}
/* xl - Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/*********************************/
/* -- Breakpoints Bootstrap 4 -- */
/* -- Com max-width           -- */
/*********************************/

/* xl - Extra Large devices (nao e necessario nos max-width) */
/* lg - Large devices (desktops, below 1200px) */
@media (max-width: 1199.98px) {}
/* md - Medium devices (tablets, below 992px) */
@media (max-width: 991.98px) {
    .highlights .highlights-content .highlight .highlight-caption
    {
	font-size: 2em;
	line-height: 30px;
    }

    .front_page.full h2 .ver-mais
    {
	top: -10px;
    }
    
}
/* sm - Small devices (landscape phones, below 768px) */
@media (max-width: 767.98px) {
    .highlights .highlights-content .highlight .highlight-caption
    {
	font-size: 1.5em;
	line-height: 20px;
    }
}
/* xs - Extra Small devices (portrait phones, below 576px) */
@media (max-width: 575.98px) {

    /* nos devices xs os banners ficam com height fixo */
    /*
    .highlights .highlights-content .highlight
    {
	height: 30vh;
	overflow: hidden;
	position: relative;
    }
   */
    
    /* nos devices xs os img/video alternam os width e height */
    /*
    .highlights .highlights-content .highlight img,
    .highlights .highlights-content .highlight video
     {
	 width: 120%!important;
	 height: 30vh;
	 position: absolute;
	 left: -10%;
     }
   */
}


/* -- Frontpage Sitemap View    -- */

.front_page.sitemap
{
    margin-top: 20px;
}