@charset "UTF-8";

/*************VARIABLES*****************/

:root {
  --color-agoraaveiro: #cb2a34;
  --color-agoraaveiro-dark: #a2222a;
  
  --color-plantarofuturo: #406146;
  --color-plantarofuturo-dark: #2c4331;
  
  --color-iloveaveiro: #cb2a34;
  --color-iloveaveiro-dark: #a2222a;
  
  --color-greenfriday: #9e9e1c;
  --color-greenfriday-dark: #787814;
  
  --color-cafesuspenso: #f1592a;
  --color-cafesuspenso-dark: #d23c0e;
  
  --color-cleanupaveiro: #5687c6;
  --color-cleanupaveiro-dark: #3c5e8a;
  
  --color-navbar: #333333;
  --color-footer: #1f1f1f;
  --color-footer-dark: #161616;
}

/*************GLOBAL*****************/

body, html{
    overflow-x: hidden;
    padding-right: 0 !important;
}

/* Fix text font on Linux devices */
body, .tooltip, .popover{
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.wow{
    visibility: hidden;
}

.loading{
    background: rgb(23, 23, 23);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}
.loading-logo{
    width: 40%;
    -webkit-filter: drop-shadow(1px 1px 5px #111);
    filter: drop-shadow(1px 1px 5px #111);
}
@media (min-width: 576px){
    .loading-logo {
        width: 30%;
    }
}
.loaded{
    -webkit-transform: scale(4);
    transform: scale(4);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    text-wrap: balance;
}

/* ########## TODO: Remove this, default font-size for <p> is already 1 rem ########## */
p{
    font-size: 1rem;
}

/* ########## TODO: Deprecate `.vermelho` ########## */
/*.vermelho,*/ .text-agoraaveiro{
    color: var(--color-agoraaveiro) !important;
}

.text-iloveaveiro{
    color: var(--color-iloveaveiro) !important;
}

.text-greenfriday{
    color: var(--color-greenfriday) !important;
}

.text-plantarofuturo{
    color: var(--color-plantarofuturo) !important;
}

.text-cafesuspenso{
    color: var(--color-cafesuspenso) !important;
}

.text-cleanupaveiro{
    color: var(--color-cleanupaveiro) !important;
}

/* ########## TODO: Deprecate `.link-xyz:hover` by replacing with `a.text-xyz:hover` ########## */
/*a.vermelho:hover,*/
a.text-agoraaveiro:hover, a.text-agoraaveiro:focus,
.link-agoraaveiro:hover{
    color: var(--color-agoraaveiro) !important;
    text-decoration: underline !important;
}

a.text-plantarofuturo:hover, a.text-plantarofuturo:focus{
    color: var(--color-plantarofuturo) !important;
    text-decoration: underline;
}

a.text-cleanupaveiro:hover, a.text-cleanupaveiro:focus{
    color: var(--color-cleanupaveiro) !important;
    text-decoration: underline;
}

a.text-cafesuspenso:hover, a.text-cafesuspenso:focus{
    color: var(--color-cafesuspenso) !important;
    text-decoration: underline /*!important*/;
}

a.text-greenfriday:hover, a.text-greenfriday:focus{
    color: var(--color-greenfriday) !important;
    text-decoration: underline /*!important*/;
}

/* ########## TODO: Deprecate `.bg-vermelho` ########## */
/*.bg-vermelho,*/ .bg-agoraaveiro{
    background-color: var(--color-agoraaveiro) !important;
}

.bg-iloveaveiro{
    background-color: var(--color-iloveaveiro) !important;
}

.bg-plantarofuturo{
    background-color: var(--color-plantarofuturo) !important;
}

.bg-greenfriday{
    background-color: var(--color-greenfriday) !important;
}

.bg-cafesuspenso{
    background-color: var(--color-cafesuspenso) !important;
}

.bg-cleanupaveiro{
    background-color: var(--color-cleanupaveiro) !important;
}

/* ########## TODO: Deprecate `.bg-cinzento` ########## */
.bg-cinzento, .bg-navbar{
    background-color: var(--color-navbar) !important;
}

/* ########## TODO: Deprecate `.bg-cinzento2` ########## */
/*.bg-cinzento2{
    background-color: rgba(25, 25, 25, 0.8) !important;
}*/

.bg-footer{
    background-color: var(--color-footer) !important;
}

.bg-footer-dark{
    background-color: var(--color-footer-dark) !important;
}

strong, .font-weight-semibold{
    font-weight: 600 !important;
}

a{
    /*text-decoration: none;*/
    color: #fff;
    transition: color 0.7s ease;
}

a:hover{
    text-decoration: none;
    color: var(--color-agoraaveiro) !important;
}

textarea{
    min-height: calc(1em * 1.5 * var(--lines, 3) + 0.75rem + 2px);
    field-sizing: content;
}

/********ALIGNMENT*********************/

.padding-left-1{
    padding-left: 15px;
}

@media (min-width: 900px){
    .margin-left-1{
        margin: 0 12vw 0 12vw;
    }
}

@media (max-width: 899.98px){
    .margin-left-1{
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.margin-top-2{
    margin-top: 7vh;
}

.margin-top-3{
    margin-top: 25vh;
}

.text-justify{
    -moz-text-align-last: initial;
    text-align-last: initial;
}

.text-justify-center{
    text-align: justify !important;
    -moz-text-align-last: center;
    text-align-last: center;
}

@media (min-width: 576px){
    .text-sm-justify{
        text-align: justify !important;
        -moz-text-align-last: initial;
        text-align-last: initial;
    }
}
@media (min-width: 768px){
    .text-md-justify{
        text-align: justify !important;
        -moz-text-align-last: initial;
        text-align-last: initial;
    }
}
@media (min-width: 992px){
    .text-lg-justify{
        text-align: justify !important;
        -moz-text-align-last: initial;
        text-align-last: initial;
    }
}
@media (min-width: 1200px){
    .text-xl-justify{
        text-align: justify !important;
        -moz-text-align-last: initial;
        text-align-last: initial;
    }
}

@media (min-width: 576px){
    .border-sm-left{
        border-left: 1px solid #dee2e6 !important;
    }
}
@media (min-width: 768px){
    .border-md-left{
        border-left: 1px solid #dee2e6 !important;
    }
}
@media (min-width: 992px){
    .border-lg-left{
        border-left: 1px solid #dee2e6 !important;
    }
}
@media (min-width: 1200px){
    .border-xl-left{
        border-left: 1px solid #dee2e6 !important;
    }
}
/*************PARALLAX****************/
.header-container{
    /*height: 100svh;*/
    height: 100vh;
}
.separator-container{
    height: 50vh;
}
.media-container{
    height: 40vh;
}
@media (min-width: 900px){
    .media-container{
        height: 80vh;
    }
}
.parallax__container{
	clip: rect(0, auto, auto, 0);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -100;
	background-color: #000;
}
.parallax__container .parallax{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
    width: 100%;
}
.header-container .parallax__container .parallax, .video-background .video-wrap #video{
    -webkit-filter: brightness(0.8);
	filter: brightness(0.8);
}
.old_parallax{
    background-image: url("/img/sandbox.jpg");
    background-color: black;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}
/*************NAVBAR****************/
/*.nav-item{
    text-transform: uppercase;
}*/

.nav-link{
    color: #fff !important;
}

/*.navbar-nav{
    align-items: center;
}*/

.dropdown-item, .dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover{
    color: #fff !important;
    background-color: inherit;
}

.navbar-toggler {
    border: none;
    height: 30px;
    padding: 0;
    width: 1.5rem;
    top: 5px;
}

.navbar-toggler-hamburger, .navbar-toggler-hamburger:before, .navbar-toggler-hamburger:after {
    display: block;
    background-color: #fff;
    border-radius: 1rem;
    height: 2.5px;
    position: relative;
    transition: all 0.3s ease;
    width: 1.5rem;
}
.navbar-toggler-hamburger:before, .navbar-toggler-hamburger:after {
    content: "";
    left: 0;
    position: absolute;
}
.navbar-toggler-hamburger:before {
    top: -8px;
}
.navbar-toggler-hamburger:after {
    bottom: -8px;
}

.navbar-toggler:not(.collapsed) .navbar-toggler-hamburger {
    background-color: transparent;
}
.navbar-toggler:not(.collapsed) .navbar-toggler-hamburger:before {
    top: 0;
    transform: rotate(-45deg);
}
.navbar-toggler:not(.collapsed) .navbar-toggler-hamburger:after {
    bottom: 0;
    transform: rotate(45deg);
}

@media (max-width: 1339.98px) {
    .navbar-expand-custom > .container, .navbar-expand-custom > .container-fluid, .navbar-expand-custom > .container-sm, .navbar-expand-custom > .container-md, .navbar-expand-custom > .container-lg, .navbar-expand-custom > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
    
    #search-pt, #search-en{
        margin-right: 0 !important;
        display: block;
        padding: .5rem 1rem;
    }
}

@media (min-width: 1340px) {
    .navbar-expand-custom {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .navbar-expand-custom .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .navbar-expand-custom .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-custom .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-custom > .container, .navbar-expand-custom > .container-fluid, .navbar-expand-custom > .container-sm, .navbar-expand-custom > .container-md, .navbar-expand-custom > .container-lg, .navbar-expand-custom > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .navbar-expand-custom .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-custom .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-top: 0 !important;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
    }
    
    .navbar-expand-custom .dropdown-menu {
        text-align: left !important;
    }

    .language {
        position: absolute;
    }
}

/**********HEADER**************/
.header1{
    text-transform: uppercase;
    color: #fff;

    font-weight: bold;
    font-size: 30pt;
    line-height: 40px;
    text-shadow: 2px 3px 10px #332020;

    text-align: left !important;
}

.text-1{
    color: #fff;
    font-weight: lighter;
    font-size: 25px;
    line-height: 28px;
    text-transform: uppercase;
    text-shadow: 2px 3px 5px #000;

    text-align: left !important;
    text-wrap: balance;
}

/* ########## TODO: Implement `.btn-common`, or similar, to avoid duplicate CSS rules across all buttons  ########## */
.btn-agoraaveiro, .btn-plantarofuturo, .btn-cafesuspenso, .btn-greenfriday, .btn-cleanupaveiro{
    border: none;
    border-radius: 20px;
    padding: 5px 20px;
    transition: 0.7s ease;
    font-size: 15px;
}

.btn-agoraaveiro{
    background-color: var(--color-agoraaveiro);
}
.btn-agoraaveiro:hover, .btn-agoraaveiro:focus{
    background-color: var(--color-agoraaveiro-dark);
}

.btn-plantarofuturo{
    background-color: var(--color-plantarofuturo);
}
.btn-plantarofuturo:hover, .btn-plantarofuturo:focus{
    background-color: var(--color-plantarofuturo-dark);
}

.btn-cafesuspenso{
    background-color: var(--color-cafesuspenso);
}
.btn-cafesuspenso:hover, .btn-cafesuspenso:focus{
    background-color: var(--color-cafesuspenso-dark);
}

.btn-greenfriday{
    background-color: var(--color-greenfriday);
}
.btn-greenfriday:hover, .btn-greenfriday:focus{
    background-color: var(--color-greenfriday-dark);
}

.btn-cleanupaveiro{
    background-color: var(--color-cleanupaveiro);
}
.btn-cleanupaveiro:hover, .btn-cleanupaveiro:focus{
    background-color: var(--color-cleanupaveiro-dark);
}

/* ########## TODO: Deprecate `.junta-te` in favor of `.btn-agoraaveiro` ########## */
.junta-te{
    border: 2px solid transparent;
    border-radius: 20px;
    padding: 4px 18px;
    cursor: pointer;
    transition: 0.7s ease;
    font-size: 15px;
}
.junta-te:hover, .junta-te:focus{
    background-color: #a2222a !important;
}
.junta-te.active{
    background-color: #a2222a !important;
    padding: 4px 25px;
}

/*.junta-te.min{
    font-size: 0.8rem;
}*/

/* ########## TODO: Deprecate `.plantar` in favor of `.btn-plantarofuturo` ########## */
.plantar{
    border: 2px solid transparent;
    border-radius: 20px;
    padding: 4px 18px;
    cursor: pointer;
    transition: 0.7s ease;
    font-size: 15px;
}
.plantar:hover, .plantar:focus{
    background-color: #2c4331 !important;
}
.plantar.active{
    background-color: #2c4331 !important;
    padding: 4px 25px;
}
.btn-outline-plantarofuturo{
    border: 2px solid var(--color-plantarofuturo);
    border-radius: 20px;
    padding: 4px 18px;
    transition: all 0.7s ease;
    font-size: 15px;
    color: var(--color-plantarofuturo) !important;
    background-color: transparent;
}
.btn-outline-plantarofuturo.active{
    background-color: var(--color-plantarofuturo);
    color: #fff !important;
}
.border-plantarofuturo{
    border: 2px solid var(--color-plantarofuturo) !important;
}
.border-right-plantarofuturo{
    border-right: 2px solid var(--color-plantarofuturo);
}

/* ########## TODO: Deprecate `.cafesuspenso` in favor of `.btn-cafesuspenso` ########## */
.cafesuspenso{
    border: 2px solid transparent;
    border-radius: 20px;
    padding: 4px 18px;
    cursor: pointer;
    transition: 0.7s ease;
    font-size: 15px;
}
.cafesuspenso:hover, .cafesuspenso:focus{
    background-color: #d23c0e !important;
}

/* ########## TODO: Deprecate `.greenfriday` in favor of `.btn-greenfriday` ########## */
.greenfriday{
    border: 2px solid transparent;
    border-radius: 20px;
    padding: 4px 18px;
    cursor: pointer;
    transition: 0.7s ease;
    font-size: 15px;
}
.greenfriday:hover, .greenfriday:focus{
    background-color: #787814 !important;
}

/* ########## TODO: Deprecate `.cleanupaveiro` in favor of `.btn-cleanupaveiro` ########## */
.cleanupaveiro{
    border: 2px solid transparent;
    border-radius: 20px;
    padding: 4px 18px;
    cursor: pointer;
    transition: 0.7s ease;
    font-size: 15px;
}
.cleanupaveiro:hover, .cleanupaveiro:focus{
    background-color: #3c5e8a !important;
}

.editions-container{
    background-color: var(--color-footer);
}
.editions{
    border: none;
    transition: 0.6s ease;
    color: #fff;
    background: transparent;
}
.editions:hover{
    color: #ccc;
}

.social-container{
    width: 50px;
    height: auto;
    position: absolute;
    bottom: 100px;
    right: 45px;
}

.scroll-icon{
    width: 40px;
    height: auto;
    position: absolute;
    bottom: 120px;
    right: 48vw;
    -webkit-animation: scroll 1.5s infinite alternate;
    animation: scroll 1.5s infinite alternate;
}

@keyframes scroll{
    from{
        transform: translateY(15px);
    }
    to{
        transform: translateY(-15px);
    }
}
@-webkit-keyframes scroll{
    from{
        transform: translateY(15px);
    }
    to{
        transform: translateY(-15px);
    }
}

.social-icon{
    margin-top: 15px;
    font-size: 25px;
    color: #fff;
    border: 2.5px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 46px;
    /*transition: 0.7s ease;*/
}
.social-icon.fa-instagram{
    font-size: 29px;
}

.social-icon-small{
    margin-top: 0;
    font-size: 20px;
    border: 2px solid #fff;
    width: 40px;
    height: 40px;
    line-height: 36px;
}
.social-icon-small.fa-instagram{
    font-size: 23px;
}

.social-icon-dark{
    color: #212529;
    border: 2px solid #212529;
}

.pos-camara{
    position: absolute !important;
    right: 0;
    top: 20px;
}

.pos-camara>div{
    background-color: rgba(25, 25, 25, 0.7);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.filter-icon{
    padding: 8px;
    font-size: 26px;
    color: #212529;
    line-height: 43px;
    width: 45px;
    height: 45px;
    font-weight: 500;
}
.filter-link{
    border: 2.3px solid #212529;
    border-radius: 50%;
    -moz-filter: grayscale(100%) contrast(200%);
    -ms-filter: grayscale(100%) contrast(200%);
    -webkit-filter: grayscale(100%) contrast(200%);
    filter: grayscale(100%) contrast(200%);
    margin: 5px 10px;
    width: 50px;
    height: 50px;
    transition: opacity 0.5s ease, border-radius 0.5s ease !important;
}
.filter-link.selected{
    border: 2.3px solid var(--color-agoraaveiro);
    -moz-filter: none;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    border-radius: 20%;
}
.filter-link.selected .filter-icon{
    color: var(--color-agoraaveiro);
}

.tooltip .tooltip-inner {
    max-width: 500px;
}
/******** HOME SECTION 2*************/
.header2{
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: left;
}

.min-height-15{
    min-height: 15vh;
}

/************** CUSTOM CAROUSEL *****************/
.carousel-inner .carousel-item.active:not(.normal-carousel),
.carousel-inner .carousel-item-next:not(.normal-carousel),
.carousel-inner .carousel-item-prev:not(.normal-carousel){
    display: flex;
}

.carousel-inner .carousel-item-right.active:not(.normal-carousel),
.carousel-inner .carousel-item-next:not(.normal-carousel){
    transform: translateX(33%);
}

.carousel-inner .carousel-item-left.active:not(.normal-carousel), 
.carousel-inner .carousel-item-prev:not(.normal-carousel){
    transform: translateX(-33%);
}
  
.carousel-inner .carousel-item-right:not(.normal-carousel),
.carousel-inner .carousel-item-left:not(.normal-carousel){ 
    transform: translateX(0);
}
/********** LINHA VERMELHA**********/
.counter-main{
    color: white;
    font-weight: bold;
    font-size: 3rem;
}

.counter-main + p{
    text-transform: uppercase;
    color: white;
    font-weight: lighter;

    font-size: 15px;
}

.rotador img{
    width: 2.5rem;
    height: auto;
}

.exp{
    position: relative;
    top: -5px;
    right: -10px;
}

.exp-3{
    position: relative;
    right: -5px;
    top: -6px;
}
/****************** NEWS **********************/
.hovereffect{
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #000;
}

.hovereffect .overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    padding: 10%;
    text-align: left;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
    transition: opacity 0.35s, transform 0.45s;
}

.hovereffect img{
    display: block;
    position: relative;
    max-width: none;
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px,0, 0);
    transform: translate3d(-40px,0,0);
    object-fit: cover;
    aspect-ratio: 16/9;
}

.hovereffect a{
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
    transition: opacity 0.35s, transform 0.45s;
}

.hovereffect p{
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
    transition: opacity 0.35s, transform 0.45s;
}

.hovereffect:hover img{
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.hovereffect:hover .overlay, .hovereffect:hover a, .hovereffect:hover p{
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.titulo-noticia{
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.subtitulo-noticia{
    color: white;
    font-weight: lighter;
    font-size: 1.0rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tags {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tags li {
    display: inline-block;
    line-height: 20px;
    margin: 0 12px 12px 0;
}

.tags .tag {
    border: 1.5px solid var(--color-agoraaveiro);
    text-align: left;
    white-space: nowrap;
}

/* ########## TODO: Find a better way to deal with overflow ########## */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px){
   .subtitulo-noticia{
        -webkit-line-clamp: 3;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px){
    .subtitulo-noticia{
        -webkit-line-clamp: 3;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px){
    .subtitulo-noticia{
        -webkit-line-clamp: 3;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px){
    .subtitulo-noticia{
        -webkit-line-clamp: 3;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px){
    .subtitulo-noticia{
        -webkit-line-clamp: 3;
    }
}

/* ########## END TODO ########## */

.data-noticia{
    color: white;
    font-weight: lighter;
    font-size: 10px;
}

#descricao-noticia span{
    color: initial !important;
}

#descricao-noticia a{
    font-weight: normal;
    color: var(--color-agoraaveiro) !important;
    text-decoration: underline;
}

#descricao-noticia a span{
    font-weight: normal;
    color: var(--color-agoraaveiro) !important;
    text-decoration: underline;
}

#descricao-noticia a span:nth-child(1):not(:only-child){
    opacity: 0;
}

.youtube-embed-wrapper{
    aspect-ratio: 16/9;
    padding: 0 !important;
    height: initial !important;
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-radius: 0.25rem;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}

.marker{
    background-color: yellow;
}

blockquote{
    width: 100%;
    font-style: italic;
    padding: 2em 30px 0.5em 65px;
    border-left: 8px solid #e21832;
    line-height: 1.6;
    background-color: #ededed;
    background-image: url("/img/iloveaveiro/quote.png");
    background-size: 28px;
    background-position: 20px 20px;
    background-repeat: no-repeat;
    border-radius: 5px;
}

#descricao-noticia blockquote p, #descricao-noticia blockquote span{
    color: #333333 !important;
}

/**********FOOTER*********/
.copyright{
    font-size: 0.8rem;
}

/***********QUEM SOMOS****************/
.avatar{
    border-radius: 50%;
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);    
}

.lineh-1{
    line-height: 20px;
}

.transition{
    transition: opacity 0.5s ease;
}
.transition:hover, .transition:focus{
    opacity: 0.6;
}
/*******PROJECTS************/
.card_container {
	position: relative;
	display: -webkit-box;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	width: 400px;
	height: 530px;
	color: #fff;
	background: #fff;
	overflow: hidden;
	border-radius: .25rem;
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
	transition: opacity 0.7s ease;
}

.card_head, .card_box, .card_text, .card_date {
    -webkit-transition: all 0.5s cubic-bezier(0.51, 0.92, 0.24, 1);
    transition: all 0.5s cubic-bezier(0.51, 0.92, 0.24, 1);
}

.card_head {
	position: relative;
	padding-top: 530px;     /* Card height */
}
.card_container:hover .card_head {
    padding-top: 300px;     /* Image height */
}

.card_details {
	position: absolute;
	padding: 1.5em 2em;
	left: 0;
	bottom: 0;
}

.card_image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center;
	background-color: #fff;
	overflow: hidden;
}
.card_image::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.8;
	background: -webkit-gradient(linear,left bottom, left top, from(rgba(0, 0, 0, 0.99)), to(rgba(0, 0, 0, 0)));
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.99), rgba(0, 0, 0, 0));
	overflow: hidden;
}

.card_body {
	position: relative;
	padding: 2em;
}

.card_name {
	font-weight: 600;
	margin: 0 0 0.6em;
}

.card_text {
    font-size: 0.98em;
	line-height: 1.5;
	margin: 0;
	opacity: 0;
	text-align: justify;
    color: #212529;
}
.card_container:hover .card_text {
    opacity: 1;
    -webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.card_link {
	opacity: 0;
	-webkit-filter: drop-shadow(1px 1px 1px #111);
	filter: drop-shadow(1px 1px 1px #111);
	transition: color 0.5s ease, opacity 0.5s ease;
}
.card_container:hover .card_link {
	opacity: 1;
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.card_link:hover{
    color: #e2e2e2 !important;
}

.card_tag {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.card_date {
	opacity: 0;
	color: #212529;
}
.card_container:hover .card_date {
	opacity: 0.8;
}

.card_scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.card_scroll::-webkit-scrollbar {
    display: none;
}

.card_box {
    opacity: 0;
    height: 180px;
    border: none;
    overflow: hidden;
    position: relative;
}
.card_box .card_scroll {
    overflow-y: auto;
    max-height: 100%;
}
.card_box::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 25px;
    background: -webkit-gradient(linear, left top, left bottom, to(white), from(rgba(255, 255, 255, 0)));
    background: linear-gradient(white, rgba(255, 255, 255, 0));
}
.card_box::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 25px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
    background: linear-gradient(rgba(255, 255, 255, 0), white);
}
.card_container:hover .card_box {
	opacity: 1;
}

/*******I LOVE AVEIRO***********/
.hist figure{
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    z-index: 1000;
}

.dis-no-hist{
    display: none;
}

.dis-yes-hist{
    display: flex;
    opacity: 0;
}

.show-hero{
    display: initial;
    opacity: 0;
}

.heroes .item .image-holder{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 80vh;
    background: #000;
    margin-bottom: 1.5rem;
}

.heroes .item .text-holder{
    display: block;
    justify-content: center;
    width: 100%;
    min-height: 120vh;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 0 !important;
}

.heroes .item .image-holder img{
    position: relative;
    height: 100%;
    width: auto;
    left: 10%;
}

.heroes .item .text-holder p{
    line-height: 1.6;
    font-size: 1.1rem;
    text-indent: 40px;
    padding-right: 2rem;
    padding-left: 2rem;
    text-align: justify;
}

.heroes .item .text-holder h3{
    color: #e22132;
    padding-bottom: 3rem;
    padding-right: 2rem;
    padding-left: 2rem;
}

@media (min-width: 768px) {
    .heroes .item .text-holder p{
        padding-right: 10rem;
        padding-left: 4rem;
    }
    
    .heroes .item .text-holder h3{
        padding-left: 4rem;
    }
}
    
@media (min-width: 992px){
    .heroes .item .image-holder{
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        float: left;
        overflow: hidden;
        width: 40%;
        height: 100vh;
        margin: 4rem 0;
    }
    
    .heroes .item .text-holder{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 60%;
        min-height: 120vh;
        margin-left: 40%;
        padding: 6rem;
        padding-right: 0 !important;
    }
    
    .heroes .item .image-holder img{
        position: relative;
        height: 100%;
        width: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .heroes .item .text-holder p{
        padding-right: 20vw !important;
        padding-left: 0;
    }
    
    .heroes .item .text-holder h3{
        padding-left: 0;
    }
}
/********** PARTNERS **********/
.partners{
    padding: 1rem 2rem;
    flex: 0 0 100%;
}
@media (min-width: 576px) {
    .partners{
        flex: 0 0 50%;
    }
}
@media (min-width: 768px) {
    .partners{
        flex: 0 0 33.333333%;
    }
}
@media (min-width: 992px) {
    .partners{
        flex: 0 0 25%;
    }
}
.partners img{
    transition: transform .5s ease;
}
.partners img:hover{
    transform: translateY(-8px);
}
/*******MAPS***********/
#map_contacts{
    height: 50vh;
}
#map_greenfriday, #map_plantarofuturo, #map_erasmus{
    height: 60vh;
}
#map_cafesuspenso, #map_iloveaveiro{
    height: 70vh;
}
/**********MODAL**************/
.modal-backdrop.show {
    opacity: 0.7;
}

.modal.fade{
    transition: opacity 0.3s ease-in-out;
}

.modal-content, .toast{
    -webkit-box-shadow: 0 0 20px 4px rgba(0,0,0,0.50);
    -moz-box-shadow: 0 0 20px 4px rgba(0,0,0,0.50);
    box-shadow: 0 0 20px 4px rgba(0,0,0,0.50);
}

/********* BOOTSTRAP CUSTOM CLASSES **********/
.hidden{
    display: none !important;
}

.text-balance{
    text-wrap: balance;
}

.btn:focus, .btn:active, .form-control:focus, .custom-select:focus, .custom-control-input:focus~.custom-control-label::before, .custom-control-input:focus:not(:checked)~.custom-control-label::before{
    /*outline: 0 !important;*/
    box-shadow: none !important;
    border-color: var(--color-agoraaveiro);
}

.custom-control-input:checked~.custom-control-label::before, .custom-control-input:not(:disabled):active~.custom-control-label::before{
    border-color: var(--color-agoraaveiro) !important;
    background-color: var(--color-agoraaveiro) !important;
}

a.collapsed{
    color: #212529 !important;
}

a.text-decoration-none:hover{
    text-decoration: none !important;
}

a[data-toggle="collapse"] .fa-angle-down{
    width: 12px;
    transition: transform .40s ease;
}
a[data-toggle="collapse"].collapsed .fa-angle-down{
    transform: rotate(-90deg);
}
/*********** INDIVIDUAL PROJECT PAGES ****************/
.video-background{
    position: relative;
	width: 100%;
	min-height: 100vh;
}

.video-wrap{
    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#video{
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    z-index: -1000;
}

video{ 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url("") no-repeat;
    background-color: black;
    background-size: cover;
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
}

.logo-sticky{
	position: -webkit-sticky;
	position: sticky;
	top: 15vh;
}
/*********** SEARCH ****************/
.gsc-control-cse{
    font-family: inherit !important;
}
.gsc-input{
    font-size: inherit !important;
    background: rgb(255, 255, 255) !important;
}
.gsc-search-button-v2{
    padding: 7.6px 30px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: .15rem !important;
    border-bottom-right-radius: .15rem !important;
}
/*.gsc-input-box{
    padding: 0 !important;
}*/
table.gsc-input, .gsc-input-box{
    border-top-left-radius: .15rem !important;
    border-bottom-left-radius: .15rem !important;
}
table.gsc-search-box td.gsc-input{
    padding-right: 0 !important;
}
.gsc-search-button{
    margin-left: 0 !important;
}
.gcsc-branding{
    display: none !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page{
    border-color: var(--color-agoraaveiro) !important;
    color: var(--color-agoraaveiro) !important;
}
.gsst_a .gscb_a{
    color: var(--color-agoraaveiro) !important;
}
.gsst_a:hover .gscb_a, .gsst_a:focus .gscb_a{
    color: #a2222a !important;
}
/*********** SPECIAL THEME ****************/
canvas{
    height: 107.8vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.titanic{
    float: none;
    bottom: 0;
}

.jtsimoes{
    top: 1%;
    right: 100%;
    display: flex;
    color: #BADA55;
    content: "https://jtsimoes.com/";
}