:root {
    --yellow:#ebae05;
    --very-dark-green:#222b00;
    --dark-green:#3a440e;
    --light-green:#dbead8;
    --black: #1d1d1b;
    --med-gray: #9c9b9b;
    --light-gray: #d9d9d9;
}

/* ######### COLORS ###########*/
.white-bg{
    background-color: #fff;
}

.light-grey-bg{
    background-color: #fafafa;
}

.med-dark-blue-bg{
    background-color: #006f9a;
    padding-right: 0px ! important;
    margin-right: 0px ! important;
    z-index: 1000!important;
}

.med-dark-blue-txt{
    color: #006f9a;
}

.med-dark-blue-txt.back-btn:hover{
    color:#4ea4d7;
}


.dark-blue-bg{
    background-color: #11557a;
}

.dark-grey-bg{
    background-color: var(--black);
}

.facebook-bg{
    background-color: #3C5A99;
}

.google-bg{
    background-color: #4285F4;
}
/*Orçamento Participativo green*/
.link-wrapper:hover .participation-tool .content .title.op-green,
.link-wrapper:hover .participation-tool .content .title.op-green + .description,
.op-green{
    color:#93c228;
}

.dark-blue-bg .op-gree{
    color: #c3ef3a;
}

/*LisBOAideia yellow*/
.link-wrapper:hover .participation-tool .content .title.boaideia-yellow,
.link-wrapper:hover .participation-tool .content .title.boaideia-yellow + .description,
.boaideia-yellow{
    color:#e0cb18;
}

/*Na minha rua Grey*/
.rua-grey{
    color:#474747;
}

.link-wrapper:hover .participation-tool .content .title.rua-grey,
.link-wrapper:hover .participation-tool .content .title.rua-grey + .description{
    color:#8a8a8a;
}

.dark-blue-bg .rua-grey{
    color: #c9c9c9;
}

/*Lisboa em debate pink*/
.link-wrapper:hover .participation-tool .content .title.debate-pink,
.link-wrapper:hover .participation-tool .content .title.debate-pink + .description,
.debate-pink{
    color:#e40379;
}

/*Forum Cidadania Blue*/
.link-wrapper:hover .participation-tool .content .title.forum-blue,
.link-wrapper:hover .participation-tool .content .title.forum-blue + .description,
.forum-blue{
    color:#0091d0;
}

.dark-blue-bg .forum-blue{
    color: #1fb4e8;
}

/*Lisboa Aberta yellow*/
.link-wrapper:hover .participation-tool .content .title.aberta-yellow,
.link-wrapper:hover .participation-tool .content .title.aberta-yellow + .description,
.aberta-yellow{
    color:#e7af13;
}


/*################# THEMATIC CATEGORIES ##################*/
/*Thematic area: sports - red */
.sportRed{
    color:#c9284b;
}

/*Thematic area: Tourism, Economy and Inovation - pink */
.tourismPink{
    color:#ce5d8b;
}

/*Thematic area: peoples rights and equality - purple */
.sociaEqualityPurple{
    color:#623aa3;
}

/*Thematic area: housing and development - green */
.housingGreen{
    color:#94c165;
}

/*Thematic area: Green structure, environment and enery - green */
.greenEnergyGreen{
    color:#c2e823;
}

/*Thematic area: Streets, Mobility and Transportation - yellow*/
.transportationYellow{
    color:#f7cd48;
}

/*Thematic area: Administrative modernization - orange */
.administrationOrange{
    color:#d68e38;
}

/*Thematic area: Housing rehabilitation - green*/
.houseRenoGreen{
    color:#46b27c;
}

/*Thematic area: Urban hygiene - purple */
.hygienePurple{
    color:#8065c9;
}

/*Thematic area: Security and civilian protection - blue */
.securityBlue{
    color:#3354cc;
}

/*Thematic area: Learning along life - pink */
.ageLearningPink{
    color:#b86aba;
}

/*Thematic area: Education - pink */
.educationPink{
    color:#dda2db;
}

/*Thematic area: Culture - pink */
.cultureOrange{
    color:#c45f1c;
}

/*Thematic area: sports - red */
.ideas-list .idea-box .link-wrapper:hover .thematic.sportRed{
    background-color:#c9284b;
    color: #fff;
}

/*Thematic area: Tourism, Economy and Inovation - pink */
.ideas-list .idea-box .link-wrapper:hover .thematic.tourismPink{
    background-color:#ce5d8b;
    color: #fff;
}

/*Thematic area: peoples rights and equality - purple */
.ideas-list .idea-box .link-wrapper:hover .thematic.sociaEqualityPurple{
    background-color:#623aa3;
    color: #fff;
}

/*Thematic area: housing and development - green */
.ideas-list .idea-box .link-wrapper:hover .thematic.housingGreen{
    background-color:#94c165;
    color: #fff;
}

/*Thematic area: Green structure, environment and enery - green */
.ideas-list .idea-box .link-wrapper:hover .thematic.greenEnergyGreen{
    background-color:#c2e823;
    color: #fff;
}

/*Thematic area: Streets, Mobility and Transportation - yellow*/
.ideas-list .idea-box .link-wrapper:hover .thematic.transportationYellow{
    background-color:#f7cd48;
    color: #fff;
}

/*Thematic area: Administrative modernization - orange */
.ideas-list .idea-box .link-wrapper:hover .thematic.administrationOrange{
    background-color:#d68e38;
    color: #fff;
}

/*Thematic area: Housing rehabilitation - green*/
.ideas-list .idea-box .link-wrapper:hover .thematic.houseRenoGreen{
    background-color:#46b27c;
    color: #fff;
}

/*Thematic area: Urban hygiene - purple */
.ideas-list .idea-box .link-wrapper:hover .thematic.hygienePurple{
    background-color:#8065c9;
    color: #fff;
}

/*Thematic area: Security and civilian protection - blue */
.ideas-list .idea-box .link-wrapper:hover .thematic.securityBlue{
    background-color:#3354cc;
    color: #fff;
}

/*Thematic area: Learning along life - pink */
.ideas-list .idea-box .link-wrapper:hover .thematic.ageLearningPink{
    background-color:#b86aba;
    color: #fff;
}

/*Thematic area: Education - pink */
.ideas-list .idea-box .link-wrapper:hover .thematic.educationPink{
    background-color:#dda2db;
    color: #fff;
}

/*Thematic area: Culture - orange */
.ideas-list .idea-box .link-wrapper:hover .thematic.cultureOrange{
    background-color:#c45f1c;
    color: #fff;
}

/* ######### Geral ###########*/

html{
    font-size: 14px;
    font-family: 'Maven Pro', sans-serif;
    height: 100%;
}

*{
    font-family: 'Maven Pro', sans-serif;
}

body{
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

a{
    color:#006f9a;
    font-weight: bold;
    text-decoration: none;
}

a:hover{
    color:#4ea4d7;
}


a:focus,
a:active,
.btn-primary.focus,
.btn-primary:focus {
    outline: none;
    box-shadow: none;
}

@media (min-width: 576px){
    html{
        font-size: 14px;
    }
}

@media (min-width: 765px){
    html{
        font-size: 14px;
    }
}

@media (min-width: 992px){
    html{
        font-size: 15px;
    }
}

@media (min-width: 1200px){
    html{
        font-size: 16px;
    }
}

.btn.btn-primary{
    border-radius: 0px;
    background-color:#11557a;
    border:none;
    border-radius: .25rem;
}

.btn.btn-primary:hover{
    background-color:#4ea4d7;
}

/* ######### Black CML nav ###########*/
.cml-nav{
    background-color: #383838;
    text-decoration: none;
    color: rgb(236, 236, 236);
}

.cml-nav span,
.cml-nav a{
    color: rgb(206, 206, 206);
    text-decoration: none;
    font-size: 0.9rem;
}

.cml-nav a.active,
.cml-nav a:hover{
    color: #fff;
}

/* ######### Navbar ###########*/
/* .menu-nav{
    width:100%;
} */

.menu-nav a{
    color: #fff;
    font-size: 0.9rem;
}

.menu-nav .navbar-brand{
    min-width: 6rem;
    max-width: 9rem;
    width: 10%;
    margin-left: -8px;
}

.menu-nav .nav-item {
    padding-right: 20px;
}

.menu-nav .nav-item.login{
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
}

@media (min-width: 992px){
    .menu-nav .nav-item.login{
        padding: 0rem 1rem;
    }
}

.menu-nav .nav-item.login{
    padding-right: .1rem;
    padding-left: .1rem;
}

.menu-nav .nav-item.login button,
.menu-nav .nav-item.login .login-btn{
    border: none;
    background-color: #4ea4d7;
    color: #fff;
    border-radius: 0;
    box-shadow: none;
    padding: 5px 10px;
    font-size: 0.9rem;
    text-transform: uppercase;
    transition: all 0.3s;
}

.menu-nav .nav-item.login .login-btn:hover{
    background-color: #fff;
    color:#006f9a;
}

.menu-nav .dropdown-menu{
    background-color: #006f9a;
    border: none;
    border-radius: 0;
}

.user-dropdown .dropdown-menu,
.user-dropdown{
    background-color:#4ea4d7;
}

.user-dropdown .user-photo{
    border-radius:50%;
    background-size: cover;
    background-position: top center;
    width:20px;
    height:20px;
    float: left;
    margin-right: 5px;
}


/* Overide Bootstap: increase padding of navbar div */
.navbar{
    padding: 15px;
}
.navbar .nav-item a,
.navbar .nav-link{
    font-weight: normal;
}
.navbar .nav-item a:hover,
.navbar .nav-link:hover{
    text-decoration: none;
}

/* Overide Bootstap: remove the transparency for links*/
.navbar-dark .navbar-nav .nav-link{
    color: #fff;
}
/* Overide Bootstap: change the style of collapsed menu button*/
.navbar-dark .navbar-toggler{
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,1);
    border: none;
    font-size: 1.8rem;
}

/* Overide Bootstrap: increase the space between links*/
@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .6rem;
        padding-left: .6rem;
    }
}

/* ######### Big Banner ###########*/
.big-banner-img{
    background-color: #fff;
    border-bottom: 1px solid #CCCCCC;
}

.big-banner-img img{
    display: block;
    /*margin: auto;*/
    /*width: 100%;*/
}

/* Classes for sub-pages*/
.big-banner-img .img-bg{
    padding: 4rem 0;
}

.big-banner-img .img-bg>.container{
    flex:1;
}

.big-banner-img .img-bg .logo-container{
    background-color: #fff;
    padding: 2rem;
}

.big-banner-img .img-bg .logo-container img{
    max-width: 8rem;
}


/* ######### Banner welcome message ###########*/
.banner-welcome-msg{
    background-color: #4ea4d7;
    padding: 25px;
}

.banner-welcome-msg,
.banner-welcome-msg h1{
    text-transform: uppercase;
    margin: 0;
    font-weight: 500;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    margin: auto;
}


/* ######### Participation tools list ###########*/
/* Introduction text */

.tools-big-list-container .big-msg{
    padding: 2rem 0.5rem;
}

.tools-big-list-container .big-msg h2{
    text-align: center;
    color: #fff;
    margin: auto;
}

.tools-big-list-container .big-msg h2:nth-child(2){
    font-weight: 700;
    font-size: 1.8rem;
}

.tools-big-list-container .big-msg h2:first-child{
    font-size: 1.6rem;
    font-weight: 300;
}

/* Participation tool block */

.link-wrapper,
.link-wrapper:hover,
.link-wrapper *{
    text-decoration: none;
}

.tools-big-list-container{
    /*background-color: #f5f5f5;*/
}

.tools-big-list-container .link-wrapper{
    transition: all 0.3s;
    box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.1);
}


.link-wrapper .participation-tool .img-container{
    overflow: hidden;
}

.link-wrapper .participation-tool .img-bg{
    transition: all .5s;
    flex: 1;
}

.link-wrapper:hover .participation-tool .img-bg{
    transform: scale(1.2);
}

.link-wrapper .participation-tool .content .title>i.fas{
    margin-left: 10px;
    opacity: 0.5;
    transition: all .5s;
    transform: scale(0.9);
}

.link-wrapper:hover .participation-tool .content .title>i.fas{
    opacity: 1;
    transform: scale(1.3);
}

.participation-tool .img-bg{
    background-position: center;
    background-size: cover;
}

.participation-tool .content{
    padding: 35px;
    min-height:300px;
}

.tools-big-list-container .link-wrapper .participation-tool .content:before{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    height:5px;
    width:0%;
    transition: all 0.5s;
}

/*####### Orçamento Participativo #######*/
.link-wrapper:hover .participation-tool .content.op-green:before{
    width:100%;
    background-color: #93c228;
}

/*####### Lisboa Ideia #######*/
.link-wrapper:hover .participation-tool .content.boaideia-yellow:before{
    width:100%;
    background-color: #e0cb18;
}

/*####### Na Minha Rua #######*/
.link-wrapper:hover .participation-tool .content.rua-grey:before{
    width:100%;
    background-color: #c9c9c9;
}

/*####### Lisboa Debate #######*/
.link-wrapper:hover .participation-tool .content.debate-pink:before{
    width:100%;
    background-color: #e40379;
}

/*####### Forum da Cidadania #######*/
.link-wrapper:hover .participation-tool .content.forum-blue:before{
    width:100%;
    background-color: #1fb4e8;
}

/*####### Lisboa Aberta #######*/
.link-wrapper:hover .participation-tool .content.aberta-yellow:before{
    width:100%;
    background-color: #e7af13;
}





.participation-tool .content .logo.width-limit img {
    max-width: 210px;
    width:100%;
    transition: all 0.5s;
}

.participation-tool .content .logo.height-limit img {
    max-height: 150px;
    transition: all 0.5s;
}

@media (min-width: 576px){
    .participation-tool .content .logo.width-limit img {
        max-width: 190px;
        width:100%;
    }

    .participation-tool .content .logo.height-limit img {
        max-height: 130px;
    }
}


@media (min-width: 768px){
    .participation-tool .content .logo.width-limit img {
        max-width: 210px;
        width:100%;
    }

    .participation-tool .content .logo.height-limit img {
        max-height: 140px;
    }
}


@media (min-width: 992px){
    .participation-tool .content .logo.width-limit img {
        max-width: 230px;
        width:100%;
    }

    .participation-tool .content .logo.height-limit img {
        max-height: 150px;
    }
}

.participation-tool .content .logo img.smaller-logo{
    max-width: 200px;
}

.participation-tool .content .title,
.participation-tool .content h3{
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    color:#303030;
    transition: all 0.05s;
}

.participation-tool .content .description,
.participation-tool .content h4{
    font-size: 1.7rem;
    color: #8a8a8a;
    line-height: normal;
    font-weight: 400;
}


/* ######### Banner participation button ###########*/
.banner-participate-btn{
    display: flex;
}

.banner-participate-btn .participate-btn{
    background-color: #fff;
    color: #006f9a;
    text-transform: uppercase;
    font-size: 1.5rem;
    text-align: center;
    margin: auto;
    padding: 10px 25px;
    text-decoration: none;
}

.banner-participate-btn .participate-btn:hover{
    background-color: #11557a;
    color: #fff;
}

/* ######### News ###########*/
.news-grid .title,
.news-grid h1{
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 400;
    color: #00709a;
}

.news-grid .link-small,
.news-grid a,
.events-grid .link-small,
.events-grid a{
    font-size: 1.2rem;
    color: #71caf3;
    text-decoration: none;
    font-weight: initial;
}

.news-grid .link-small:hover,
.events-grid .link-small:hover{
    color:#006f9a;
}

.news-grid .news-box .img-bg{
    min-height: 18rem;
    background-size: cover;
    background-position: center;
}

.news-box .box-wrapper{
    box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.21);
}

.news-grid .news-box .box-wrapper{
    flex:1;
    text-decoration: none;
    background-color: #11557a;
}

.news-grid .news-box .box-wrapper:hover{
    background-color: #006f9a;
}

.news-grid .news-box .date,
.news-grid .news-box p{
    color: #c5c5c5;
    font-size: 0.8rem;
    text-align: center;
}

.news-grid .news-box .tool-name,
.news-grid .news-box label{
    font-size: 0.9rem;
    text-align: center;
    display: block;
    font-weight: 500;
}

.news-grid .news-box .box-title,
.news-grid .news-box h3{
    font-size: 1.15rem;
    font-weight: 300;
    text-align: center;
    color: #fff;
}


/* ######### Events ###########*/
.events-grid .title,
.events-grid h1{
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 400;
    color: #4ea4d7;
}

.event-box{
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.29);
    box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.29);
}
.event-box:hover{
    color: #71caf3;
    text-decoration: none;
}

.event-box h3{
    color: #000;
}
.event-box:hover h3{
    color: #71caf3;
}

.event-box .event-title-col{
    color:#111;
}

.event-box:hover .event-title-col{
    color: #71caf3;
}

.event-box .date-col{
    background-color: #11557a;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.event-box:hover .date-col{
    background-color: #4ea4d7;
}

.event-box:hover .date-col *{
    text-decoration: none;
}

.event-box .event-title-col,
.event-box .date-col{
    padding:1.2rem 1.6rem;
}

.event-box .event-title-col{
    display: flex;
    align-items: center;
}


.event-box .date-col h2{
    line-height: 2.5rem;
    font-size: 2.3rem;
}

.event-box .date-col p{
    line-height: 1.4rem;
    font-size: 1.5rem;
}

.event-box .event-title-col h3{
    line-height: 1.8rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.event-box .event-title-col p{
    font-size: 1.2rem;
}

/* ######### Footer ###########*/

footer{
    background-color: var(--black);
    margin-top: auto;
}
.footer,
.footer a{
    color: #fff;
}

.footer a:hover{
    color:#71caf3;
}

.footer p{
    line-height: normal;
}

.footer .created-by{
    text-align: right;
}

.footer .created-by .logo-img{
    max-width: 150px;
    display: inline;
}





/*######################################### Sub-pages ####################################*/

/*############## LisBOAideia #############*/

.lisBOAideia-graphic>img{
    width:100%;
}

.back-btn{
    font-size: 1rem;
    font-weight: 500;
}

.back-btn:hover{
    color:#b7a828;
}

.intro-info .highlight-paragraph{
    text-transform: uppercase;
    font-weight: 600;
}

.intro-info .norms-link{
    text-transform: uppercase;
    color: #fff;
    background-color: #e0cb18;
    padding: 5px 12px;
}

.intro-info .norms-link:hover{
    background-color:#b7a828;
    color: #333;
}

.intro-info .numbers .number-wrapper{
    background-color: #515151;
    color:#feef00;
    padding: 15px 10px;
    flex:1;
    text-align: center;
}

.intro-info .numbers .number-wrapper h3,
.intro-info .numbers .number-wrapper p{
    line-height: 1.3rem;
    font-weight: 400;
}

.intro-info .numbers .number-wrapper p{
    margin:0;
}

.new-idea-banner{
    display: flex;
    z-index: 3;
}

.new-idea-banner a{
    color: #333;
    background-color: #feef00;
    display: block;
    flex: 1;
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5rem;
}

.new-idea-banner a:hover{
    background-color: #333;
    color: #feef00;
}

.new-idea-banner.sticky-top-div{
    position:fixed;
    left:0;
    width:100%;
    margin-top: 0rem;
}


.ideas-list-filters{
    background-color: #222b00;
    z-index: 0;
}

.ideas-list-filters .form-control{
    background-color: #3a440e;
    padding-top: 0;
    padding-bottom: 0;
}

.ideas-list-filters .input-group{
    line-height: 1.65rem;
}


/* Map */

.ideas-list-filters .map-container *{
    text-decoration: none;
}

.map-icon-legend{
    white-space: nowrap;
}

.ideas-list-filters .map-container img{
    width:100%;
    max-width:40px;
}

.ideas-list-filters .map-container .card.card-block.map{
    background-size: cover;
    min-height: 100vh;
    width: 100%;
    border-radius: 0;
}

.ideas-list-filters .map-container .map-btn{
    width: 0px;
    height: 0px;
    border-style: inset;
    border-width: 0 100px 60px 100px;
    border-color: transparent transparent #515151 transparent;

    background-color: transparent;
    padding: 0;
    border-radius: 0;
    display: block;
    margin: auto;
    transition: all 0.3s;
}

.ideas-list-filters .map-container .map-btn[aria-expanded="false"]{
    transform-origin: 50%;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}

.ideas-list-filters .map-container .map-btn[aria-expanded="true"]{
    transform-origin: 50%;
    margin-top: -60px;
    transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}

.ideas-list-filters .map-container .map-btn *{
    margin: 0;
}

.ideas-list-filters .map-container .map-btn:hover,
.ideas-list-filters .map-container .map-btn:active,
.ideas-list-filters .map-container .map-btn:focus{
    background-color: transparent;
    box-shadow: none;
}

.ideas-list-filters .map-container .map-btn:focus{
    border-color: transparent transparent #515151 transparent;
    background-color: transparent;
    box-shadow: none;
}


.ideas-list-filters .map-container .map-btn:hover,
.ideas-list-filters .map-container .map-btn:active{
    border-color: transparent transparent #a0a0a0 transparent;
}


.ideas-list-filters .map-container .map-btn:hover *{
    color: #333;
}

.ideas-list-filters .map-container .map-btn>div{
    display: block;
    text-align: center;
    top: -40px;
    left: -47px;
    position: relative;
    width: 93px;
    height: 93px;
    margin: 0px;
    color:#fff;

    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}

.ideas-list-filters .map-container .map-btn[aria-expanded="true"]>div{
    top: 20px;

    transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}



/* Filters */

.ideas-list-filters .search-box {
    margin: 5px 0 0 0;
    position: relative;
    order:1;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

/*.input-group .form-control{*/
/*padding: 3px 5px;*/
/*border-radius: 0;*/
/*margin:0;*/
/*border-top: solid 1px #a2a2a2;*/
/*border-left: solid 1px #a2a2a2;*/
/*border-bottom: solid 1px #a2a2a2;*/
/*border-right: 0;*/
/*background-color: #888888;*/
/*box-shadow: none;*/
/*color: #fff;*/
/*font-size: 0.85rem;*/
/*height:28px;*/
/*}*/

.search-box .input-group .form-control:focus{
    /*background-color: #5c5c5c;*/
}

.search-box .input-group input.form-control::placeholder{
    color: #c5c5c5;
    font-size: 0.8rem;
}

.search-box .input-group input.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c5c5c5;
}

.search-box .input-group input.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #c5c5c5;
}



.search-box .search-btn{
    padding: 0px 5px;
    position: relative;
    flex:0;
    font-size: 1rem;
    border-top: solid 1px #3a440e;
    border-right: solid 1px #3a440e;
    border-bottom: solid 1px #3a440e;
    border-left:0;
    border-radius: 0;
    background-color: #3a440e;
    box-shadow: none;
    color: #fff;
}

.ideas-list-filters .filter-label{
    display: block;
    text-transform: uppercase;
    margin: 0;
    color: #e8e8e8;
    font-size: 0.8rem;
}

.ideas-list-filters .filter-btn{
    background-color: #3a440e;
    color: #fff;
    padding: 0px 10px;
    border: solid 1px #3a440e;
    font-size: 0.9rem;
    display: inline-block;
    line-height: 1.65rem;
    vertical-align: middle;
}

.ideas-list-filters .li-tematic .tematic-area{
    background: white!important;
}

.ideas-list-filters .filter-btn:hover{
    cursor: pointer;
}

.ideas-list-filters .filter-btn.dropdown-toggle {
    line-height: 1.85rem;
}


.ideas-list-filters .filter-btn:hover{
    background-color: var(--yellow)!important;
    color: white!important;
}

.ideas-list-filters .filter-btn.dropdown-toggle{
    display:block;
    flex: 1;
}

.ideas-list-filters .filter-btn.dropdown-toggle::after{
    float: right;
    margin-top: 0.85rem;
}

@media (min-width: 576px){
    .ideas-list-filters .filter-btn.dropdown-toggle{
        display:inline-block;
        flex: 0;
        line-height: 1.85rem;
    }

    .ideas-list-filters .filter-btn.dropdown-toggle::after {
        margin-top: auto;
        margin-left: 7rem;
        float: none;
    }
}

@media (min-width: 768px) {
    .ideas-list-filters .filter-btn.dropdown-toggle {
        line-height: 1.65rem;
    }
}


.ideas-list-filters .dropdown-menu{
    background-color: #3a440e;
    border-radius:0;
    border: none;
}

.ideas-list-filters .dropdown-menu .dropdown-item{
    color: #fff;
}

.ideas-list-filters .dropdown-menu.show .dropdown-item:active,
.ideas-list-filters .dropdown-menu.show .dropdown-item:hover{
    color: #333;
    background-color: #fff;
}

.ideas-list-filters .filter-list{
    list-style: none;
    padding: 0;
}

.ideas-list-filters .filter-list li{
    display: inline-block;
    margin-right: 0.2rem;
    margin-top: 0.3rem;
}

/* Ideas list */

.ideas-list.container{
    padding-right: 30px;
    padding-left: 30px;
    margin-top: 3px;
}

.ideas-list .idea-box{
    background-color: #fff;
    z-index: 10000000;
}

.ideas-list .idea-box:hover{
    color: #fff;
    background-color: var(--yellow);
}

.ideas-list .idea-box:hover a{
    color: #fff;
}

.ideas-list .idea-box .link-wrapper .img-container{
    overflow: hidden;
}

.ideas-list .idea-box .link-wrapper .img-bg{
    transition: all 0.3s;
}

.ideas-list .idea-box .link-wrapper:hover  .img-bg {
    transform: scale(1.2);
}

.ideas-list .idea-box .img-bg{
    height: 10rem;
    background-size: cover;
    background-position: center;
}

.ideas-list .idea-box a{
    color: #363636;
    line-height: normal;
}

.ideas-list .idea-box title{
    height: 2rem;
}

.ideas-list .idea-box h3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1.05rem;
    font-weight: 600;
}

.ideas-list .idea-box .idea-details .detail,
.ideas-list .idea-box p{
    font-size: 0.9rem;
    line-height: 1rem;
}

.ideas-list .idea-box .description{
    height: 4.2rem;
}

.ideas-list .idea-box .description>p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ideas-list .idea-box .thematic{
    font-size: 0.8rem;
    font-weight: 600;
    background-color: #fff;

    overflow:hidden;

    display: flex;
    align-items: center;
    height: 40px;
}

.ideas-list .idea-box .mantain-height{
    height: 40px;
    background-color: #fff;
}
.ideas-list .idea-box .thematic>div{
    display: flex;
    align-items: center;
}


.ideas-list .idea-box .thematic .demo-icon{
    font-size:1.3rem;
    white-space: nowrap;
}

.ideas-list .idea-box [class^="icon-"]:before,
.ideas-list .idea-box [class*=" icon-"]:before{
    margin-left:0;
}

.ideas-list .idea-box .thematic span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ideas-list .idea-details .detail .btn-inside {
    font-size: 2rem;
    background-color: #50a4d8;
    padding: 5px;
    text-align: center;
    display: flex;
    color: #feef00;
    justify-content: center;
    align-items: center;
    border: none;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.21);
}

.ideas-list .idea-details .detail .btn-inside:hover{
    background-color: #feef00;
    color: #00709a;
}



/*Thematic area: sports - red */
.ideas-list .idea-box .link-wrapper:hover .thematic.sport-red{
    background-color:#c9284b;
    color: #fff;
}

/*Thematic area: Tourism, Economy and Inovation - pink */
.ideas-list .idea-box .link-wrapper:hover .thematic.tourism-pink{
    background-color:#ce5d8b;
    color: #fff;
}

/*Thematic area: peoples rights and equality - purple */
.ideas-list .idea-box .link-wrapper:hover .thematic.socia-equality-purple{
    background-color:#623aa3;
    color: #fff;
}

/*Thematic area: housing and development - green */
.ideas-list .idea-box .link-wrapper:hover .thematic.housing-green{
    background-color:#94c165;
    color: #fff;
}

/*Thematic area: Green structure, environment and enery - green */
.ideas-list .idea-box .link-wrapper:hover .thematic.green-energy-green{
    background-color:#c2e823;
    color: #fff;
}

/*Thematic area: Streets, Mobility and Transportation - yellow*/
.ideas-list .idea-box .link-wrapper:hover .thematic.transportation-yellow{
    background-color:#f7cd48;
    color: #fff;
}

/*Thematic area: Administrative modernization - orange */
.ideas-list .idea-box .link-wrapper:hover .thematic.administration-orange{
    background-color:#d68e38;
    color: #fff;
}

/*Thematic area: Housing rehabilitation - green*/
.ideas-list .idea-box .link-wrapper:hover .thematic.house-reno-green{
    background-color:#46b27c;
    color: #fff;
}

/*Thematic area: Urban hygiene - purple */
.ideas-list .idea-box .link-wrapper:hover .thematic.hygiene-purple{
    background-color:#8065c9;
    color: #fff;
}

/*Thematic area: Security and civilian protection - blue */
.ideas-list .idea-box .link-wrapper:hover .thematic.security-blue{
    background-color:#3354cc;
    color: #fff;
}

/*Thematic area: Learning along life - pink */
.ideas-list .idea-box .link-wrapper:hover .thematic.age-learning-pink{
    background-color:#b86aba;
    color: #fff;
}

/*Thematic area: Education - pink */
.ideas-list .idea-box .link-wrapper:hover .thematic.education-pink{
    background-color:#dda2db;
    color: #fff;
}

/*Thematic area: Culture - orange */
.ideas-list .idea-box .link-wrapper:hover .thematic.culture-orange{
    background-color:#c45f1c;
    color: #fff;
}



/*
Icons and colors for thematic areas in Lisboa Verde
*/

.sustainability{
    color: #6dea00;
}

.mobility{
    color:#dbc20e;
}

.waste{
    color: #cc0962;
}

.energy{
    color: #2cdbd2;
}

.water{
    color:#0084dd;
}

.nature{
    color:#15ba30;
}

/*.ideas-list .idea-box .link-wrapper:hover .thematic.sustainability{*/
/*color: white;*/
/*background-color: #6dea00;*/
/*}*/

/*.ideas-list .idea-box .link-wrapper:hover .thematic.mobility{*/
/*color: white;*/
/*background-color: #dbc20e;*/
/*}*/

/*.ideas-list .idea-box .link-wrapper:hover .thematic.waste{*/
/*color: white;*/
/*//background-color: #727fdd;*/
/*background-color: #cc0962;*/
/*}*/

/*.ideas-listt .idea-box .link-wrapper:hover .thematic.energy{*/
/*color: white;*/
/*background-color: #2cdbd2;*/
/*}*/

/*.ideas-list .idea-box .link-wrapper:hover .thematic.water{*/
/*color: white;*/
/*background-color: #0084dd;*/

/*}*/

/*.ideas-list .idea-box .link-wrapper:hover .thematic.nature{*/
/*color: white;*/
/*background-color: #15ba30;*/
/*}*/









.ideas-list .idea-box .idea-details .detail{
    margin-top:0.3rem;
}

.ideas-list .idea-box .idea-details .detail> i.fas{
    min-width: 1.15rem;
    text-align: center;
    font-size: 0.77rem;
}

.idea-topic .vote .vote-button,
.ideas-list .idea-box .vote .vote-button{
    border:none;
    box-shadow: none;
    font-size: 0.82rem;
    text-transform: uppercase;
    background-color: #50a4d8;
    color:#fff;
    border: 1px solid transparent;
}

.idea-topic .vote .vote-button>i.demo-icon,
.ideas-list .idea-box .vote .vote-button>i.demo-icon{
    color: #feef00;
    font-size: 1.2rem;
}

.idea-topic .vote .vote-button span,
.ideas-list .idea-box .vote .vote-button span{
    color: #fff;
    font-size: 0.85rem;
    margin-left: 7px;
    vertical-align: super;
}

.idea-topic .vote button.vote-button:active,
.idea-topic .vote button.vote-button:focus,
.ideas-list .vote button.vote-button:active,
.ideas-list .vote button.vote-button:focus{
    border: 1px solid #feef00;
    outline: none;
}

.idea-topic .vote .vote-button:hover,
.ideas-list .idea-box .vote .vote-button:hover{
    background-color: rgb(254, 239, 0);
    color: #006f9a;
}


.ideas-list .idea-box .vote .vote-button.likesVoted{
    color: #353535;
    background-color: #feef00;
}


.ideas-list .idea-box .vote .vote-button.likesVoted>i.demo-icon{
    color: #353535;
}

.idea-topic .vote .vote-button:hover i,
.ideas-list .idea-box .vote .vote-button:hover i{
    color:#006f9a;
}

.idea-topic .vote .vote-button:hover span,
.ideas-list .idea-box .vote .vote-button:hover span{
    color:#006f9a;
}

.idea-topic .vote .vote-button.likesVoted .shadow-vote-btn{
    color: #fff;
}

.idea-topic .vote .vote-button.likesVoted:hover .shadow-vote-btn{
    color: #006f9a;
}


/*.likesVoted{*/
/*background: #353535!important;*/
/*color: #feef00!important;*/
/*!*background: {{ Session::get("EMPATIA-SITE-CONFIGURATIONS.color_secondary") }};*!*/
/*}*/


.shadow-vote-btn{
    text-shadow: 2px 2px 2px rgba(0,0,0,0.21);
    color:#feef00;
}




/*############## LisBOAideia: IDEA Detail #############*/

.idea-topic a{
    color: #e0cb18;
    font-size: 1rem;
    font-weight: 500;
}

.idea-topic a:hover{
    color: #b7a828;
}

.idea-topic .col-details{
    -webkit-box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.15);
    box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.15);
    background-color: #3a440e;
    color: #fff;
    line-height: normal;
}

.idea-topic .col-details .img-bg{
    height: 12rem;
    background-size: cover;
    background-position: center;
}

.idea-topic .col-details .thematic{
    background-color: #fff;
}


.idea-topic .col-details .detail-info{
    line-height: normal;
}

.idea-topic .col-details .detail-label{
    color: #feef00;
    text-align: right;
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 1rem;
}

.idea-topic .col-details .detail-info,
.idea-topic .col-details .detail-label{
    vertical-align: baseline;
}

.idea-topic .col-details .detail-info p,
.idea-topic .col-details .detail-label p{
    margin: 0;
    vertical-align: baseline;
}

.idea-topic .col-details .detail-label p{
    line-height: 1.45rem;
}

.idea-topic .share-btn{
    text-transform: uppercase;
    font-weight: 600;
    color: #e0cb18;
}

.idea-topic .navigation *{
    display: inline-block;
}

.idea-topic .navigation .nav-idea-btn{
    background-color: var(--yellow);
    color: white;
    padding: 0px 10px;
    font-size: 1.1rem;
}

.idea-topic .navigation .nav-idea-btn:hover{
    color: #feef00;
    background-color: #333;
}

.idea-topic .navigation .idea-num{
    font-size: 0.8rem;
    color: #666;
}

.idea-topic .navigation .idea-num>span{
    font-size: 1rem;
    font-weight: 600;
}

.idea-topic .idea-title,
.idea-topic .idea-title h1{
    font-size: 1.6rem;
    font-weight: 700;
}

.idea-topic .idea-summary,
.idea-topic .idea-summary h2{
    font-size: 1.1rem;
    font-weight: 500;
}

.idea-topic .idea-description{
    line-height: normal;
}

.idea-topic .content-title{
    font-size: 0.9rem;
    color: #e0cb18;
    text-transform: uppercase;
}



.idea-description>.collapse:not(.show){
    overflow: hidden;
    display: block;
    height: 70px;
}

.idea-description>.collapsing{
    min-height: 70px;
}

.idea-description>.collapse.show{
    height: auto;
}


.idea-topic .see-more-btn{
    display: none;
}

/* Comments */
.idea-comments{
    background-color: #f1f1f1;
    padding:40px 0 40px 0;
}
/*
.idea-content>.row{
    flex-wrap: wrap;
} */

.idea-comments .user-info{
    background-color: #e0cb18;
}

.idea-comments .comments-title{
    text-transform: uppercase;
    color: #e0cb18;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 600;
}

.idea-comments .comments-title span{
    color: #afafaf;
    font-size: 1.1rem;
}

.idea-comments .comment-row{
    padding: 15px 0;
    margin-bottom: 15px;
}

.idea-comments .user-info{
    text-align: center;
    color:#fff;
    padding:15px;
}

.idea-comments .user-info.missing-moderation{
    background-color: #d2cda3;
}

.idea-comments .user-info .user-name{
    font-size: 1.2rem;
    font-weight: 500;
    line-height: normal;
    margin-top: 10px;
}

.idea-comments .user-info .time{
    font-weight: 300;
}

.idea-comments .user-info .user-img{
    min-height: 80px;
    max-height: 100px;
    max-width: 80px;
    background-size: cover;
    margin:auto;
}

.idea-comments .message{
    padding: 10px 15px;
    color: #fff;
    font-weight: 300;
    background-color: #535353;
}

.idea-comments .message p{
    line-height: normal;
}

.idea-comments .message.missing-moderation{
    background-color: #c4c4c4;
}

.idea-comments .message.missing-moderation a{
    display: block;
    text-align:right;
    color: #fff;
    background-color: #4c4c4c;
    padding: 3px 5px;
    margin-bottom: 5px;
    font-size: 0.85rem;
}

.idea-comments .input-group.comments-input textarea{
    background-color: #4c4c4c;
    color: #fff;
    border:none;
    border-radius: 0;
    padding: 1rem 0.75rem;
}

.idea-comments .input-group.comments-input textarea.form-control{
    height:4rem;
}

.idea-comments .input-group.comments-input .send-message{
    background-color: #e0cb18;
    color: #fff;
    border-radius: 0;
    border:none;
    font-size: 1.1rem;
    padding: 0 10px;
}

.idea-comments .input-group.comments-input .send-message:hover{
    background-color: #fff;
    color: #333;
    cursor: pointer;
}



/* ########### Noticia topic ##########*/
.section-title,
h1.section-title{
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 400;
    color: #353535;
}

.section-title+a{
    color:#4ea4d7;
}

.news-topic .thematic .title,
.news-topic .thematic h2.title,
.news-topic .thematic .title h2{
    font-size: 1.4rem;
}

.news-topic .thematic img{
    max-width: 200px;
}

.news-topic .date{
    margin-bottom: 0;
    color: #a5a5a5;
    line-height: normal;
}

.news-topic h3.news-title,
.news-topic .news-title h3,
.news-topic .news-title{
    font-size: 1.7rem;
    color:#006f9a;
}

.news-topic .img-bg{
    height:50vh;
    width: 100%;
    background-position:center;
    background-size:cover;
}

/*######################## Register ####################*/

.default-form{
    background-color: #f4f4f4;
}

label{
    margin: 0;
    font-weight: 600;
    color: #006f9a;
}

.default-form label a,
.register-form label a{
    color: #4ea4d7;
}

.default-form label a:hover,
.register-form label a:hover{
    color: #006f9a;
}

.default-form .form-group,
.register-form .form-group{
    margin: 0;
}

.form-control{
    background-color: #4ea4d7;
    color: #fff;
    border:none;
    border-radius: 0;
}

.form-control::placeholder{
    color: #1a5a80;
}

.form-control:active{
    background-color: #006f9a;
}

.search-box .form-control:active{
    background: inherit;
}

.search-box .form-control:focus{
    border-color: #3a440e;
    box-shadow: unset;
}

@media (min-width: 992px){
    .user-profile label,
    .default-form label{
        line-height: 1.5;
        border: 1px solid transparent;
        box-sizing: border-box;
        background-clip: padding-box;
        padding: .375rem .75rem;
    }

    .form-control{
        height:auto;
    }
}

@media (min-width: 1200px){
    .user-profile label,
    .default-form label{
        line-height: 1.5;
        border: 1px solid transparent;
        box-sizing: border-box;
        background-clip: padding-box;
        padding: .375rem .75rem;
    }

    .form-control{
        height:auto;
    }
}

.warning-info{
    font-size:1.05rem;
    color: #d4b310;
}

.warning-info i.fas{
    color: #ffd400;
}

/*####   Start of styles for radio buttons ######*/

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 1.5rem;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 15%;
    width: 16px;
    height: 16px;
    border: 1px solid #a0a0a0;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #4ea4d7;
    position: absolute;
    top: calc(15% + 3px);
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* end styles for radio buttons */

/*####   Start of styles for checkboxes ######*/

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left:0;
    cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 15%;
    width: 1.25em; height: 1.25em;
    border: 1px solid #a0a0a0;
    background: #fff;
    border-radius: 0px;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content:'\2713';
    position: absolute;
    top: calc(15% + 3px);
    left: 4px;
    font-size: 16px;
    line-height: 0.8;
    color: #4ea4d7;
    transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
[type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
    border: 2px solid #4ea4d7;
}

/* hover style just for information */
label:hover:before {
    border: 2px solid #4778d9!important;
}

/* end styles for checkboxes */
.default-form .radio-buttons label,
.default-form .checkbox-buttons label{
    line-height: 1.5;
    border: 1px solid transparent;
    box-sizing: border-box;
    background-clip: padding-box;
}

.default-form .checkbox-buttons label{
    padding: .375rem .75rem;
}

.default-form .radio-buttons label{
    padding: .1rem .75rem .1rem 2.65rem;
}

.default-form .form-footer-btn{
    display: block;
    width: 100%;
    border:none;
}

.default-form .cancel-btn,
.default-form .form-footer-btn.cancel-btn{
    background-color: #909090;
    color: #fff;
    text-align: center;
    padding:5px;
}

.default-form .cancel-btn:hover,
.default-form .form-footer-btn.cancel-btn:hover{
    background-color: #494949;
}

.default-form .submit-btn,
.default-form .form-footer-btn.submit-btn{
    background-color: #006f9a;
    color: #fff;
    text-align: center;
    padding:5px;
}

.default-form .submit-btn:hover,
.default-form .form-footer-btn.submit-btn:hover{
    background-color:#4ea4d7;
}

/* ################################### CREATE IDEA ###################################*/

.default-form .files-col .files-box{
    margin-bottom: 20px;
    margin-top: 0px;
    background-color: #006f9a;
    color: #fff;
}
.default-form .files-col .files-box .box{
    min-height: 100px;
    width: 100%;
}

.default-form .files-col .files-box .box.image-div{
    height: 150px;
    background-position: center;
    background-size: cover;
}

.default-form .files-col .files-box .box.file-line{
    padding: 5px 10px;
    color: #fff;
    font-size:0.8rem;
}

.default-form .files-col .files-box .button{
    width:100%;
    background-color: #4ea4d7;
    color:#fff;
    text-align: center;
    padding: 5px 15px;
    text-transform:uppercase;
    font-size: 0.8rem;
}

.default-form .files-col .files-box .button:hover{
    background-color: #164e6f;
    cursor:pointer;
}

.default-form .files-col .files-box .button a{
    color: #fff;
}

.default-form .files-col .files-box .button:hover a,
.default-form .files-col .files-box .button a:hover{
    text-decoration: none;
    color: #fff;
}


/* ################################### USER PROFILE ###################################*/


.user-profile-body .page-title-user{
    margin-top: auto;
    text-align: right;

    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 600;
    color: #006f9a;
}

.user-profile-body .page-title-user > .col-6{
    padding: 5px 15px;
}

.personal-area-buttons .buttons-margin{
    margin-right: -5px;
    margin-left: -5px;
}

.personal-area-buttons .col.button{
    padding: 0px 5px;
}

.personal-area-buttons .button a{
    padding: 5px;
    background-color: #f4f4f4;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #006f9a;
    font-weight: 600;
    font-size: 0.9rem;
    flex: 1;
}

.personal-area-buttons .button a:hover{
    background-color: #006f9a;
    text-decoration: none;
    color: #fff;
}

.personal-area-buttons .button a.active{
    background-color: #006f9a;
    color: #fff;
}


.user-profile{
    padding: 20px 0;
}

.user-profile .form-row{
    padding:5px 0px;
    margin-bottom:5px;
}

.user-profile .form-row .edit-button{
    text-align: right;
}

.user-profile .form-row .edit-button a{
    padding:5px 25px;
    background-color: #006f9a;
    color: #fff;
}

.user-profile .form-row .edit-button a:hover{
    background-color: #383838;
    text-decoration: none;
}

.user-profile .form-row form,
.user-profile .form-row .form-group{
    margin:0;
}

.form-control:disabled, .form-control[readonly]{
    background-color: #d4d4d4;
    color: #fff;
}

.form-control:disabled::placeholder,
.form-control[readonly]::placeholder{
    color: #fff;
}


.form-group.has-warning{
    display: flex;
    flex-direction: column;
}

.form-control.form-control-warning:disabled{
    margin-top: 0;
    margin-bottom:0;
    background-color: #f0dc4e;
}

.form-control.form-control-warning:disabled i.fa{
    color: #eb9221;
}

.form-group.has-warning .form-control-feedback{
    font-size: 0.8rem;
    line-height: normal;
    flex: 1;
    flex-basis: 300px;
}


.form-control-feedback a{
    white-space: nowrap;
    padding:5px 7px;
}

.form-group .form-small-btn{
    font-size: 0.8rem;
    border:none;
    box-shadow: none;
    cursor: pointer;
    padding:5px 7px;
    white-space: nowrap;
    width: 100%;
    display: block;
    text-align: center;
}

.form-group .form-small-btn.yellow{
    background-color:#eb9221;
    color: #fff;
}

.form-group .form-small-btn.yellow:hover{
    background-color:#f0dc4e;
    color: #eb9221;
}


.user-profile .map-container{
    width: 100%;
    min-height: 150px;
}

.user-profile .pickLocation-map {
    width: 100%;
    background-color: #006f9a;
    color: #fff;
    display: block;
    text-align: center;
    padding:3px 10px;
}

.user-profile .pickLocation-map:hover{
    text-decoration: none;
    background-color: #fff;
    color: #006f9a;
}


@media (min-width: 767px){
    .user-profile .files-col{
        margin-top: 0;
        padding:0 15px;
    }

    .user-profile .files-col .files-box{
        margin-top: 20px;
    }
}

.user-profile .files-col .photo-box{
    /* color: #fff;
    align-items: center;
    text-align: center;
    justify-content: center;
    display: flex;
    background-color: #4c4c4c;
    height: 200px; */
}

.user-profile .files-col .photo-box .box.image-div{
    background-position: top;
    background-size: cover;
    height: 10rem;
    background-color: #C5C5C5;
}

.user-profile .files-col .photo-box .box.image-div.no-photo {
    padding: 50px;
}

.user-profile .files-col .button-container p,
.user-profile .files-col .photo-box .box.image-div.no-photo p{
    text-transform: uppercase;
    margin-top: 5px;
    font-size: 0.8rem;
    color: #fff;
}

.user-profile .files-col .photo-box .box.image-div.no-photo i.fa{
    font-size: 40px;
    color: #fff;
}

.user-profile .files-col .button-container a{
    text-align: center;
    padding:10px 30px;
    display: block;
    color: #fff;
    text-transform: uppercase;
}

.user-profile .files-col .button-container a:hover{
    background-color: #4c4c4c;
    text-decoration: none;
    color:#fff;
}

.user-profile .files-col .button-container.bigger i.fa{
    font-size: 20px;
}

.user-profile .files-col .files-box .box .file-line{
    padding: 5px 10px;
    color: #fff;
    font-size: 0.8rem;
}

.user-profile .files-col .files-box .button{
    width: 100%;
    background-color: #006f9a;
    color: #fff;
    text-align: center;
    padding:5px 15px;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.user-profile .files-col .files-box .button:hover{
    background-color: #fff;
    cursor: pointer;
}


.user-profile .files-col .files-box .button a{
    color: #fff;
}

.user-profile .files-col .files-box .button:hover a,
.user-profile .files-col .files-box .button a:hover{
    text-decoration: none;
    color: #006f9a;
}

.user-profile .files-col .button-container .facebook-btn{
    font-size: 0.8rem;
}

.default-form a.submit-btn:hover{
    background-color:#4ea4d7;
}

.idea-comments.user-messages.submit-area {
    padding:0px;
    background-color: #fff;
}

.idea-comments.user-messages{
    padding:40px;
}


.box-footer.oneFormSubmit{
    display: none;
}

.fa-2x{
    font-size: 2em;
}


.modal .modal-header{
    border:none;
    padding:2rem 30px 0rem 30px;
}

.modal .modal-title{
    font-size: 1.5rem;
    color:#006f9a;
}

.modal .modal-footer {
    border:none;
}

#start-modal .modal-header{
    border: 0;
    padding-bottom: 20px;
}

#start-modal .modal-content{
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    border: 0;
}

#start-modal .modal-header, #start-modal .modal-body{
    background: #FFF;
    position: relative;
    padding: 15px;
    border-radius: 0;
}

@media (min-width: 768px){
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
}

#start-modal img{
    max-width: 100%;
    height: auto;
}

#start-modal .modal-footer{
    background: #006f9a;
    border-radius: 0;
    justify-content: center;
    color: white;
    font-size: 1.3rem;
}

#start-modal a{
    color: #006f9a;
}
#start-modal .modal-footer:hover{
    background: #4ea4d7;
}

.comment-row textarea::placeholder{
    color: #b7b7b7;;
}

#google-map{
    flex: 1;
}

@media(max-width: 575px){
    .wrapper-boxes-homepage{
        padding-right: 15px!important;
        padding-left: 15px!important;
    }

    .logo.height-limit{
        text-align:center!important;
    }

    footer .ml-auto, footer .created-by{
        margin-top: 30px;
    }
}

footer .created-by {
    margin-top: 30px;
}

.new-category{
    height: 40px;
    align-items: center;
    font-size: 0.8rem;
    font-weight: 600;
    overflow: hidden;
    display: flex;
    color: white;
}

.news-box .box-wrapper:hover .img-bg{
    transform: scale(1.2);
}

news-box .box-wrapper .img-container{
    overflow: hidden;
}

.news-box .box-wrapper .img-bg{
    transition: all .5s;
    flex: 1;
}

.news-box .box-wrapper .img-container{
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 19rem;
}

.news-box .box-wrapper .img-container .thematic-label{
    position: absolute;
    width: 100%;
    z-index: 1;
    font-size: 0.85rem;
    padding: 3px 7px;
    background-color: white;
}

.participation-tool .home-logo img{
    max-width: 300px;
}

.demo-icon-dislike:hover{
    color: #f0dc4e;
}

.progress-bar{
    background-color: #4ea4d7;
}

.remaining-time{
    color: #afafaf;
    font-size: 0.8rem;
}

.likesVoted{
    background-color: #feef00!important;
    color: #ffffff!important;
}

.showModal{
    display: block;
    opacity: 1;
}

.hideModal{
    display: none;
    opacity: 0;
}

.displayNone{
    display:none;
}

.fontSize12{
    font-size: 12px;
}

.fontSize14{
    font-size: 14px;
}

.debateConsultationLink{
    border: 2px solid transparent;
    min-height: 200px;
}

.debateConsultationLink a{
    color: black;
}

.debateConsultationLink:hover{
    box-shadow: 0 0 14px 5px rgba(0,0,0,.3);
    border: 2px solid #e5007e;
}

.default-box-container{
    background-color: #fff;
    margin-top: 20px;
    padding: 15px 15px 0;
    height: 100%;
}

.subPageOpenLisbon-block-highlight, .subPageCitizenForum-title-box-container{
    color: #000;
    background: #f6c100;
    padding: 15px 20px;
}

.subPageOpenLisbon-block-highlight{
    color: black;
}

.subPageCitizenForum-title-box-container{
    color: white;
}

.subPageOpenLisbon-block-highlight:hover, .subPageCitizenForum-title-box-container:hover{
    box-shadow: 0 0 14px 5px rgba(0,0,0,.3);
}

.subPageCitizenForum-title-box-container{
    background: #2c81c5;
}

.questionnaire-container-bg{
    background-color: rgb(244, 244, 244);
}

.white-row-bg{
    background-color: #fff;
    padding-top: 20px;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.questionnaire-form-row{
    padding: 1.25rem;
}
.questionnaire-form-row.form-{
    padding: 1.25rem;
}

.questionnaire-input .form-control{
    background: rgb(244, 244, 244);
    /*border: 2px solid #006f9a;*/
    border: 1px solid #006f9a;
    color: #006f9a!important;
}

.questionnaire-input .form-control{
    background: white;
}

.questionnaire-input .form-group .form-check{
    padding-left: 0;
}
/*.questionnaire-input .form-control {*/
/*    background-color: #006f9a;*/
/*}*/

.questionnaire-input .form-control:focus {
    color: #fff;
}

.questionnaire-input .form-group {
    margin-bottom: 0;
}

.questionnaire-input .form-group > label{
    padding-bottom: 0.5rem;
}

.questionnaire-input [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before{
    border: 1px solid #006f9a;
}

.questionnaire-input [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after{
    background: #006f9a;
}

.questionnaire-input label:hover:before{
    border: 2px solid #006f9a!important;
}

.questionnaire-input [type="checkbox"] + label{
    padding-left: 28px;
    color: #666;
}

.questionnaire-input [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after{
    color: #006f9a;
}

.questionnaire-input [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before{
    border: 1px solid #006f9a;
}

.questionnaire-form-btn{
    max-width: 100%;
    margin: auto;
}

.my-progress{
    height:10px;
}
.idea-box .link-wrapper .img-container {
    overflow: hidden;
    height: 10rem;
    position: relative;
}

.idea-box .link-wrapper .img-container img {
    width: 100%;
    object-fit: cover;
    height: 10rem;
    transition: all .5s;
}

.idea-box .link-wrapper:hover .img-container img {
    transform: scale(1.2);
}

.balance-container{
    position: absolute;
    right: 15px;
    top:15px;
}

.balance-empty,
.balance{
    border-radius:50%;
    height:60px;
    width:60px;
    position: relative;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.balance::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f110";
    position: absolute;
    z-index: 0;
    color: #4ea4d7;
    font-size: 55px;
}

.balance-empty span,
.balance span{
    color:#006f9a;
    font-weight: 600;
    z-index: 1;
    text-align: center;
    font-size:17px;
}

/*################################## Others page ####################################*/

.others-page-cards{
    margin-top:0;
    margin-bottom:100px;
}

.tools-big-list-container{
    padding-bottom: 100px;
    margin-bottom: unset;
}

.card-col-link{
    width: 100%;
    position: relative;
    display: block;
    height: 450px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    font-weight: normal;
}

.card-col-link:hover{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09);
}

.card-col-link img.card-img{
    width: 100%;
    position: absolute;
    top:0;
    left:50%;
    transform-origin: 50% 50%;
    transform: translate(-50%,0);
    transition: all 0.2s ease-in-out;
}

.card-col-link .info{
    text-align: center;
    background-color:#fff;
    height: 50%;
    width:100%;
    position: absolute;
    top:500px;
    left:0;
    bottom:0;
    transition: top 0.3s ease-in-out;
}

.others-page-cards .card-col-link .info{
    top: 407px;
}


.card-col-link .info .title{
    text-align: center;
    background-color: #006f9a;
    color: #fff;
    height: 40px;
    padding: 0 20px;
    transition: all 0.35s ease-in-out;
    font-size: 17px;
    text-transform: uppercase;
    line-height: 43px;
    vertical-align: middle;
}

.card-col-link .info.has-logo .title{
    height: 40px;
    opacity: 1;
    visibility: visible;
    display: block;
    transition: all 0.4s ease-in-out;
}

.card-col-link .info.has-logo img{
    height: auto !important;
    max-height: 95px !important;
    max-width: 200px !important;
    opacity: 1;
    visibility: visible;
    margin: 10px auto 5px;
    display: block;
    text-align: center;
    transition-delay: 0.5s;
    transition: height 0.25s ease-in-out;
}


.card-col-link:hover .info.has-logo img{
    height: 85px;
    opacity: 1;
    visibility: visible;
}

.card-col-link .info .description{
    padding:10px 20px;
    color: #636363;
    line-height: normal;
}

.card-col-link .overlay{
    position: absolute;
    bottom:0;
    left:50%;
    transform: translate(-50%,0);
    width:100%;
    height:100%;
    background-color: #0ea7df;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.card-col-link:hover .overlay{
    opacity: 0.6;
}


@media (max-width: 767px){
    .tools-big-list-container .card-col-link .info{
        margin-top: auto;
    }

    .card-col-link:hover .info.has-logo img{
        height: auto;
        max-height: 60px;
        max-width: 70%;
    }
}

@media (min-width:768px){
    .card-col-link{
        height: 350px;
    }

    .card-col-link img.card-img{
        width: auto;
        min-width: 100%;
        height: 100%;
    }

    .card-col-link:hover img.card-img{
        transform: translate(-50%,0) scale(1.1);
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }

    .card-col-link .info {
        text-align: left;
        top: 300px;
    }

    .others-page-cards .card-col-link .info{
        top: 300px;
    }

    .tools-big-list-container .card-col-link .info{
        top: 310px;
    }

    .card-col-link:hover .info{
        background-color:#fff;
        top:50%;
        left:0;
        bottom:0;
    }

    .card-col-link .info.has-logo img {
        max-width: 200px;
    }


    .card-col-link .info .title{
        text-align: left;
    }

    .card-col-link:hover .info.has-logo .title{
        height:0;
        opacity: 0;
        visibility: hidden;
        /* display: none; */
    }
    .card-col-link:hover .info.has-logo img {
        height: 85px;
        opacity: 1;
        visibility: visible;
    }

    .card-col-link:hover .info .title{
        background-color: #fff;
        color: #006f9a;
        margin-bottom:0;
    }
}

/**************************NA MINHA RUA**************************/

.na-minha-rua-question{
    color: #006f9a;
    font-weight: 700;
    margin-bottom:3px;
    font-size: 1.05rem;
}

.na-minha-rua-answer{
    color: black;
    margin-bottom:35px;
}

.not-equal-height-col{
    align-items: start;
}

.normal-txt-myStreet-page{
    font-size: 1.1rem;
}

.go-to-page-btn,
.btn.btn-primary.go-to-page-btn,
a.go-to-page-btn:not([href]):not([tabindex]){
    color: white;
    padding: 7px 15px;
    border-radius: 0;
}

.myStreet-page-phone-img{
    display: flex;
    align-items: center;
    justify-content: center;
}

.myStreet-page-phone-img img{
    max-height: 200px;
    max-width: 100%;
}

@media (min-width:576px){
    .myStreet-page-phone-img {
        justify-content: flex-end;
    }
    .myStreet-page-phone-img img{
        max-height: unset;
    }
}

.debate-main-title, .debate-second-title{
    font-size: 1.2rem;
    font-weight: 600;
}

.my-custom-p{
    font-size: 1rem;
}

.generic-content-img{
    width: unset;
    max-height: 160px;
}

@media (min-width:576px){
    .generic-content-img{
        width: 100%;
        max-height: unset;
    }
}

.subPageCitizenForum-title-box-container,
.lisboaAbertaBoxLink{
    flex: 1;
    display: flex;
}

.subPageOpenLisbon-block-highlight{
    flex: 1;
}

.subPageCitizenForum-title-box-container:hover,
.subPageOpenLisbon-block-highlight:hover{
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.31);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.31);
}

.subPageCitizenForum-title-box-container h5,
.subPageOpenLisbon-block-highlight h5{
    text-transform: uppercase;
    font-weight: 600;
    color:#333;
}

.subPageCitizenForum-title-box-container h5{
    color: #fff;
    min-height: 52px;
}


/********************DEBATE******************/
.section-title.without-back-btn{
    margin-top:100px;
}

.two-columns-content{
    margin-top:40px;
}

.content-header img{
    width: auto;
    height: 150px;
    margin-left:auto;
    margin-right:auto;
    display: block;
}

.content-normal-txt{
    font-size: 1.1rem;
}

.content-boxes .grey-box{
    display: flex;
}

.content-boxes .wrapper{
    flex: 1;
    background-color: #fafafa;
    padding:20px;
    display:block;
}

.content-boxes .title span:first-child{
    color: #7b7b7b;
    font-size:26px;
    line-height:26px;
    display: block;
}

.content-boxes .title span:last-child{
    color: #e6027d;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 41px;
    line-height: 41px;
    display: block;
}

@media (min-width:768px){
    .content-header img{
        width: 100%;
        max-height: unset;
        margin-left:0;
        margin-right:unset;
    }
    .two-columns-content{
        margin-top:80px;
    }
}

.content-boxes .normal-txt-smaller{
    margin-top:20px;
}

.debate-page{
    margin-bottom:100px;
}

a.wrapper .normal-txt-smaller{
    color: black;
}

.content-boxes .wrapper{
    border: solid 1px white;
    background-color: #f1f1f1;
}

.content-boxes .wrapper:hover{
    background-color: #ffffff;
    border: solid 1px #f7f7f7;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.06);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.06);
    text-decoration: none;
}

.op-escolar-block-highlight{
    display: flex;
    align-items: center;
    text-align: center;
    justify-content:center;
    background-color: #f3f3f3;
}

.cropper-hidden{
    display: none;
}

.cropper-crop-box{
    display: none;
}

div[id^='img-containerparameter_'], div[id*=' img-containerparameter_']{
    height:auto!important;
}

#img-containerparameter_*{
    height:auto!important;
}

.balance-empty.less-fifty,
.balance .less-fifty{
    background-color: grey;
}

.balance-empty.more-fifty,
.balance .more-fifty{
    background-color: white;
}

.balance-inside.less-fifty{
    color: white;
}

.balance-inside.more-fifty{
    color: #0ea7df;
}

.closed-vote-label{
    text-align: center;
    background: #ededed;
    margin-right: -15px;
}

.ideas-list .idea-box:hover .idea-details .closed-vote-label{
    background-color: #004e6d;
    color:#1985bc;
}

.closed-vote-small-text{.balance-empty span, .balance span.balance-empty span, .balance span
color: #939393;
}

.closed-vote-big-text{
    color: #939393;
    font-size: 1.3rem;
}

.ideas-list .idea-box:hover .idea-details .closed-vote-label .closed-vote-small-text,
.ideas-list .idea-box:hover .idea-details .closed-vote-label .closed-vote-big-text{
    color:#1985bc;
}

.expand-height{
    display: flex;
    flex: 1;
    flex-direction: column;
}

.fill-height{
    flex: 1;
    display: flex;
}

.cropper-container.cropper-bg{
    height: auto!important;
}

.normas{
    text-transform: uppercase;
    font-weight: bold;
}

.normas a{
    color: #d6c821!important;
}

.ideias-description-title{
    font-weight: bolder;
}

.ideias-description-title{
    font-weight: bold;
}

.cancel-btn{
    background-color: #909090;
    color: #fff;
}

.btn.btn-primary.submit-btn{
    background-color: #11557a;
    border: none;
    border-radius: .25rem;
}

.carousel-control-next-icon{
    background-image: none;
}

.carousel-control-next-icon{
    background-image: none;

}


@media (min-width: 768px){
    #getCroppedCanvasModal .modal-dialog{
        width: 700px;
        max-width: 700px;
    }
}

@media (min-width: 576px){
    #getCroppedCanvasModal .modal-dialog{
        width: 600px;
        max-width: 600px;
        min-height: 500px;
    }
}

@media (min-width: 576px) {
    #getCroppedCanvasModal .modal-content {
        min-height: 500px;
    }
}

#getCroppedCanvasModal .modal-body{
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-indicators li{    background-color: #FFF;}

.carousel-indicators li.active{ background-color: #FFF;}

.lisboa-idea-image{
    width: unset!important;
    max-height: 160px!important;
}

.auth-btn{
    background-color: #1670a0;
    color: #fff;
    font-size: 1.05rem;
    padding: 5px 30px;
    text-align: center;
    border: none!important;
    border-radius: 10px;
}

.auth-btn:hover{
    background-color: #4ea4d7;
    color: #fff;
}

.idea-comments .user-info-messages{
    background-color: #fff;
    color: #006f9a;
    padding: 15px;
    text-align: center;
}

.idea-comments .user-info-messages .user-name {
    padding-top: 10px;
    font-weight: 600;
}

.idea-comments .user-info-messages .time{
    color: #000;
    font-weight: 300;
    font-size: smaller;
}
.idea-comments .user-info-messages .user-img {
    min-height: 80px;
    max-height: 100px;
    max-width: 80px;
    background-size: cover;
    margin: auto;
}

.send-message-btn{
    background-color: #006f9a!important;
}
.send-message-btn:hover{
    background-color: #fff!important;
}
.in-vote-register-login-page {
    flex:1;
    background-color: #fafafa;
    padding: 30px;
    height: 100%;
}
.box-all-elevated {
    -webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.11);
    -moz-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.11);
    box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.11);
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
.lisboa-logo img {
    max-width: 200px;
}

.in-vote-register-form-control:-webkit-autofill, .in-vote-register-form-control:-webkit-autofill:hover, .in-vote-register-form-control:-webkit-autofill:focus {
    border: 1px solid #3b7aa0;
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px #3b7aa0 inset;
    transition: background-color 5000s ease-in-out 0s;
    color: #fff !important;
}

.form-control.in-vote-register{
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.in-vote-register-box button.in-vote-login-btn {
    display: block;
    background-color: #1670a0;
    color: #fff;
    font-size: 1.05rem;
    padding: 5px 30px;
    text-align: center;
}
.in-vote-login-btn {
    border: none!important;
    border-radius: 10px;
}

.form-control.is-invalid{
    border-color: #dc3545!important;
    padding-right: calc(1.5em + .75rem)!important;
}

.box-topic-invote{
    background-color: #fafafa;
    margin-bottom: 10px;
    padding: 10px 10px;
    height: 150px;
}
.box-topic-invote .col-3{
    padding: 0;
}

.topic-invote.img-box{
    min-width: 20%;
    max-width: 20%;
}
.topic-invote.img-box img{
    width: 100%;
}

.topic-invote.title-box{
    min-width: 60%;
    max-width: 60%;
}

.topic-invote.vote-box{
    min-width: 20%;
    max-width: 20%;
}

.topic-invote .thematic{
    font-size: smaller;
}

.google-information{
    background: #1670a0;
    color: white;
    display:flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}
.close-google-information:hover{
    color: #ccc;
    cursor: pointer;
}

/* Temathic Consultation page */
.expand-height{
    flex:1;
}

.thematic-header{
    padding:20px;
    background-color: #fff;
}

.thematic-header img{
    width:auto;
    max-height:150px;
    margin:auto;
    display:block;
}

@media (min-width:768px){
    .thematic-header img{
        width:100%;
        max-height:unset;
    }
}

.topic-container{
    padding-top:30px;
    padding-bottom:30px;
    background-color: #f3f3f3;
    padding-left:20px;
    padding-right:20px;
}

.topic-container .user-info{
    display: flex;
    align-items: center;
}

@media (min-width:992px){
    .topic-container .user-info{
        max-width: unset;
        flex-basis: unset;
        flex-grow: 1;
        flex-shrink: 0;
        width: auto;
        padding-right: 20px;
        padding-left: 20px;
    }
}

.topic-container .info-text{
    padding-left:15px;
}

.topic-container .info-text .name{
    margin-bottom:0;
}
.topic-container .user-photo{
    border-radius:50%;
    height:50px;
    width:50px;
    border:solid 2px #000;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.topic-container .user-photo img{
    width:100%;
    object-fit: cover;
}

.topic-container .user-photo .icon{
    font-size:20px;
    text-align:center;
}

.topic-container .info-text .member{
    font-size:14px;
    color:#808080;
    margin-bottom:0;
}
.topic-container .topic-title{
    border-right: solid 1px #a7a7a7;
}
@media (min-width:992px){
    .topic-container .topic-title{
        max-width: unset;
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width:992px){
    .topic-container .topic-title{
        border-left: solid 1px #a7a7a7;
        border-right: solid 1px #a7a7a7;
    }
}
.topic-container .topic-title .title{
    font-size:19px;
    color:#e6027d;
}

@media (min-width:768px){
    .topic-container .topic-title .title{
        font-size:21px;
    }
}

.topic-container .topic-description{
    line-height: normal;
    margin-bottom:0;
}

.topic-info-container .comments-info{
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
}

.topic-info-container .comments-info .comment-count{
    margin-left: 7px;
    font-size: 20px;
}

@media (min-width:992px){
    .topic-info-container .comments-info{
        max-width: unset;
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 1;
        width: auto;
    }
}

.topic-info-container .comments-info i.fas{
    font-size:20px;
    color: #777777;
}

.comment-container{
    background-color: #fff;
    padding:15px 0px;
    margin-top:25px;
}

.comment-container .user-info{
    padding-right: 0px;
    padding-left: 0px;
}

.topic-container .user-photo{
    height:35px;
    width:35px;
}
.comment-container .info-text .name,
.comment-container .info-text .member{
    display: inline-block;
}

.comment-container .info-text .name{
    font-size: 20px;
}

.comment-container .comment-txt{
    line-height: normal;
    margin-top:10px;
}

.topic-container .comment-container .form-control{
    background-color: #fff;
    border: solid 1px #e6027d;
}

.insert-comment{
    padding-left:5px;
    padding-right:5px;
}

.insert-comment-title{
    margin-bottom:15px;
}

.insert-comment-title .title{
    font-size: 20px;
}

.insert-comment-title i.fas{
    font-size:20px;
    color: #929292;
}

.comment-container .submit-comment{
    background-color: #e6027d;
    color: #fff;
    text-transform: uppercase;
    border:none;
    padding:7px 15px;
}



.thematic-header .title span:first-child,
.content-boxes .title span:first-child{
    color: #7b7b7b;
    font-size:26px;
    line-height:26px;
    display: block;
}

.thematic-header .title span:last-child,
.content-boxes .title span:last-child{
    color: #e6027d;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 41px;
    line-height: 41px;
    display: block;
}

@media (min-width:768px){
    .content-header img{
        width: 100%;
        max-height: unset;
        margin-left:0;
        margin-right:unset;
    }
    .two-columns-content{
        margin-top:80px;
    }
}

.content-boxes .normal-txt-smaller{
    margin-top:20px;
}

.debate-page{
    margin-bottom:100px;
}


/* Temathic Consultation page */
.expand-height{
    flex:1;
}

.thematic-header{
    padding:20px;
    background-color: #fff;
}

.thematic-header img{
    width:auto;
    max-height:150px;
    margin:auto;
    display:block;
}

@media (min-width:768px){
    .thematic-header img{
        width:100%;
        max-height:unset;
    }
}

.topic-container{
    padding-top:30px;
    padding-bottom:30px;
    background-color: #f3f3f3;
    padding-left:20px;
    padding-right:20px;
}

.topic-container .user-info{
    display: flex;
    align-items: center;
}

@media (min-width:992px){
    .topic-container .user-info{
        max-width: unset;
        flex-basis: unset;
        flex-grow: 1;
        flex-shrink: 0;
        width: auto;
        padding-right: 20px;
        padding-left: 20px;
    }
}

.topic-container .info-text{
    padding-left:15px;
}

.topic-container .info-text .name{
    margin-bottom:0;
}
.topic-container .user-photo{
    border-radius:50%;
    height:50px;
    width:50px;
    border:solid 2px #000;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.topic-container .user-photo img{
    width:100%;
    object-fit: cover;
}

.topic-container .user-photo .icon{
    font-size:20px;
    text-align:center;
}

.topic-container .info-text .member{
    font-size:14px;
    color:#808080;
    margin-bottom:0;
}
.topic-container .topic-title{
    border-right: solid 1px #a7a7a7;
}
@media (min-width:992px){
    .topic-container .topic-title{
        max-width: unset;
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width:992px){
    .topic-container .topic-title{
        border-left: solid 1px #a7a7a7;
        border-right: solid 1px #a7a7a7;
    }
}
.topic-container .topic-title .title{
    font-size:19px;
    color:#e6027d;
}

@media (min-width:768px){
    .topic-container .topic-title .title{
        font-size:21px;
    }
}

.topic-container .topic-description{
    line-height: normal;
    margin-bottom:0;
}

.topic-info-container .comments-info{
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
}

.topic-info-container .comments-info .comment-count{
    margin-left: 7px;
    font-size: 20px;
}

@media (min-width:992px){
    .topic-info-container .comments-info{
        max-width: unset;
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 1;
        width: auto;
    }
}

.topic-info-container .comments-info i.fas{
    font-size:20px;
    color: #777777;
}

.comment-container{
    background-color: #fff;
    padding:15px 0px;
    margin-top:25px;
}

.comment-container .user-info{
    padding-right: 0px;
    padding-left: 0px;
}

.topic-container .user-photo{
    height:35px;
    width:35px;
}
.comment-container .info-text .name,
.comment-container .info-text .member{
    display: inline-block;
}

.comment-container .info-text .name{
    font-size: 20px;
}

.comment-container .comment-txt{
    line-height: normal;
    margin-top:10px;
}

.topic-container .comment-container .form-control{
    background-color: #fff;
    border: solid 1px #e6027d;
}

.insert-comment{
    padding-left:5px;
    padding-right:5px;
}

.insert-comment-title{
    margin-bottom:15px;
}

.insert-comment-title .title{
    font-size: 20px;
}

.insert-comment-title i.fas{
    font-size:20px;
    color: #929292;
}

.comment-container .submit-comment{
    background-color: #e6027d;
    color: #fff;
    text-transform: uppercase;
    border:none;
    padding:7px 15px;
}

/* Temathic Consultation List page */

.fill-height{
    flex: 1;
    display: flex;
}

.consulta-tematica-page .page-header{
    /*margin-top:50px;*/
    /*padding:10px 10px 20px;*/
}

.consulta-tematica-page .page-header img{
    width:100%;
    padding:20px 20px;
    max-width: 200px;
    margin:auto;
    display:block;
}

@media (min-width:992px){
    .consulta-tematica-page .page-header img{
        width:100%;
        padding:20px 100px;
        max-width: unset;
    }
}

.consulta-tematica-page .stats-container{
    background-color:#e6027d;
    color: #fff;
    text-align: center;
    padding:15px 10px;
}

.consulta-tematica-page .stats-container .number{
    font-size:20px;
    font-weight: 700;
    line-height: normal;
}

.consulta-tematica-page .stats-container .small-txt{
    text-transform: uppercase;
    font-weight: 200;
    font-size: 15px;
    line-height: normal;
}

.consulta-tematica-page .stats-container .big-txt{
    font-size:20px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: normal;
}

.consulta-tematica-page .consultas-filter{
    /*padding:25px 0px 0px;*/
}

.consulta-tematica-page .consultas-filter .filter-label{
    font-size:16px;
    color: grey;
}

.consulta-tematica-page .consultas-filter .btns-container{
    display: flex;
    margin-left:-10px;
    margin-right:-10px;
    margin-top:10px;
}

.consulta-tematica-page .consultas-filter .filter-btn{
    padding:0 10px;
}

.consulta-tematica-page .consultas-filter .filter-btn a{
    padding: 5px 15px;
    background-color: #fff;
    color:#e6027d;
    transition: all 0.2s ease-in-out;
}

.consulta-tematica-page .consultas-filter .filter-btn a:hover,
.consulta-tematica-page .consultas-filter .filter-btn a.active{
    background-color:#e6027d!important;
    color:#fff;
}

.consulta-tematica-page .consultas-container{
    padding:0;
    padding-bottom: 100px;
}

.consulta-tematica-page .consulta-box{
    margin-top:30px;
    display: flex;
}

.consulta-tematica-page .consulta-box .box-wrapper{
    border: solid 1px #e6e6e6;
    background-color: #fff;
    display: block;
    color: #333;
    display: flex;
    flex-direction: column;
    flex: 1;
    transition: all 0.2s ease-in-out;
}

.consulta-tematica-page .consulta-box .box-wrapper:hover{
    border: solid 1px #e6027d;
    box-shadow: 0 0 0 1px #e6027d;
}

.consulta-tematica-page .consulta-box .box-wrapper:hover .title{
    color:#e6027d;
}

.consulta-tematica-page .consulta-box .status{
    padding: 5px 15px;
    font-size:14px;
}

.consulta-tematica-page .consulta-box.ongoing .status{
    background-color: #e6027d;
    color: #fff;
}

.consulta-tematica-page .consulta-box.closed .status{
    background-color: #f1f1f1;
    color: rgb(180, 180, 180);
}

.consulta-tematica-page .consulta-box .title{
    padding: 5px 15px;
    padding-top:15px;
    padding-bottom:10px;
}

.consulta-tematica-page .consulta-box .title *{
    font-size: 20px;
    margin-bottom:0;
}

.consulta-tematica-page .consulta-box .description{
    padding: 5px 15px;
}

.consulta-tematica-page .consulta-box .description *{
    line-height: normal;
}

.consulta-tematica-page .consulta-box .publication{
    background-color: #f1f1f1;
    display: flex;
    margin-top:auto;
}

.consulta-tematica-page .consulta-box .publication .clock{
    font-size: 30px;
    padding: 13px 5px 13px 20px;
    color:#e0e0e0;
    display: flex;
    align-items: center;
}

.consulta-tematica-page .consulta-box .publication .time{
    padding: 15px 10px;
}

.consulta-tematica-page .consulta-box .publication .time *{
    line-height: normal;
}

.consulta-tematica-page .consulta-box .publication .time .small-txt{
    color: #ababab;
    font-size:14px;
}

.consulta-tematica-page .consulta-box .publication .time .txt{
    font-size: 14px;
}

.consulta-tematica-page .consulta-box .publication .status{
    max-width: 80px;
    font-weight: 600;
    font-size: 14px;
    margin-left:auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.consulta-tematica-page .consulta-box.ongoing .publication .status{
    background-color: #e6027d;
    color:#fff;
}

.consulta-tematica-page .consulta-box.closed .publication .status{
    background-color: #d8d8d8;
    color: rgb(167, 167, 167);
}

.consulta-tematica-page .consulta-box .publication .status p{
    text-align: center;
    line-height: normal;
}

/* Temathic Consultation List page */

.consulta-tematica-detail-page .consulta-container{
    margin-top:70px;
}

.consulta-tematica-detail-page .consulta-container .logo img{
    width:100%;
    padding: 15px 50px;
}

.consulta-tematica-detail-page .consulta-box .box-wrapper{
    background-color: #fff;
    border: solid 1px #e6e6e6;
}

.consulta-tematica-detail-page .consulta-box .publication {
    background-color: #f1f1f1;
    display: flex;
    margin-top: auto;
}

.consulta-tematica-detail-page .consulta-box .status{
    font-weight: 600;
    font-size: 14px;
    display: flex;
    line-height: normal;
    padding:15px;
}

.consulta-tematica-detail-page .consulta-box .status .txt-container{
    padding:0 10px;
}

.consulta-tematica-detail-page .consulta-box .status .small-txt{
    font-size:13px;
    font-weight: 500;
}

.consulta-tematica-detail-page .consulta-box .status.decorrer{
    color:#e6027d;
}

.consulta-tematica-detail-page .consulta-box .status.fechado{
    color: rgb(167, 167, 167);
}

.consulta-tematica-detail-page .consulta-box .publication .time{
    padding: 15px 15px;
    display: flex;
    margin-left: auto;
}

.consulta-tematica-detail-page .consulta-box .publication .clock{
    font-size: 30px;
    padding: 0 15px ;
    color:#e0e0e0;
    display: flex;
    align-items: center;
}


.consulta-tematica-detail-page .consulta-box .time p,
.consulta-tematica-detail-page .consulta-box .time .small-txt{
    color: #6e6e6e;
    font-size:13px;
    line-height: normal;
}

.consulta-tematica-detail-page .consulta-box .time .txt{
    font-size: 14px;
}


.consulta-tematica-detail-page .consulta-box .title{
    padding: 5px 15px;
    padding-top:25px;
    padding-bottom:10px;
}

.consulta-tematica-detail-page .consulta-box .title *{
    font-size: 20px;
    margin-bottom:0;
}

.consulta-tematica-detail-page .consulta-box .description{
    padding: 5px 15px;
}

.consulta-tematica-detail-page .consulta-box .description *{
    line-height: normal;
}

.consulta-tematica-detail-page .consulta-box .answer-btn{
    background-color: #e6027d;
    color: #fff;
    text-align: center;
    padding:5px 15px;
    display: block;
    text-transform:uppercase;
    transition: all 0.2s ease-in-out;
}

.consulta-tematica-detail-page .consulta-box .answer-btn:hover{
    /* background-color: #ff2e8f; */
    background-color: #5d5d5d;
    color: #ff59b3;
}

.consulta-tematica-detail-page .consulta-box .answer-btn.answered{
    background-color: #5d5d5d;
}

.consulta-tematica-detail-page .consulta-box .answer-btn.answered:hover {
    color: #FFF;
}

.consulta-tematica-detail-page .consulta-box .message{
    padding:5px 15px 15px 20px;
}

.consulta-tematica-detail-page .consulta-box .message>.title{
    font-size:18px;
    text-align: center;
    padding-top:0;
    color: #e6027d;
}

.consulta-tematica-detail-page .consulta-box .message .txt{
    line-height: normal;
}

.consulta-tematica-detail-page .consulta-box .message .home-link{
    color: #e6027d;
    text-decoration:none;
    transition: all 0.2s ease-in-out;
}

.consulta-tematica-detail-page .consulta-box .message .home-link:hover{
    color: #ff75c1;
}

.contentSection td {
    border: 1px solid black;
}

.loader a{
    padding: 10px 20px!important;
}


.thematic-img-button{
    padding-top:30px;
    display: block;
}

.thematic-img-button img{
    width:100%;
    height: 150px;
    object-fit: cover;
    object-position: top;
}

.loading-modal .modal-content{
    text-align: center;
    padding: 5rem 3rem;
    background-color: rgba(255,255,255,0.8);
}
.loading-modal .fas{
    font-size:4rem;
    color:#006f9a;
}

.loading-modal h1{
    color:#555;
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }
}

@media(min-width: 320px){
    table{
        width: 278px!important;
    }
}

@media(min-width: 425px){
    table{
        width: 385px!important;
    }
}

@media(min-width: 784px){
    table{
        width: 700px!important;
    }
}

@media (min-width: 576px){
    table{
        width: 326px!important;
    }
}

@media (min-width: 576px){
    table{
        width: 500px!important;
    }
}

@media(min-width: 776px){
    .op-escolar-banner{
        padding-right: 5%!important;
        padding-left: 5%!important;
    }
}

@media(min-width: 898px){
    .op-escolar-banner{
        padding-right: 15%!important;
        padding-left: 15%!important;
    }
}

section.news-content{
    padding-bottom: 1.5rem;
}

.news-content .contentSection{
    padding-left: 30px;
    padding-right: 15px;
}


table td{
    text-align: center!important;
}


/* ----------   MEDIA MODAL   ---------- */

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


.open:hover{
    cursor: pointer;
}

.op-escolar-block-highlight{
    cursor: pointer;
}

.modal-obrigado{
    overflow: hidden;
    position: relative;
}

.modal-obrigado .modal-content{
    background-color: transparent;
    min-height: 400px;
    display: flex;
    align-items: center;
    text-align: center;
    padding-top: 40px;
    color:#3a440e;
}

.modal-obrigado h1{
    font-weight: 800;
}

.modal-obrigado img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.modal-obrigado button,
.modal-obrigado a{
    margin-top: auto;
    margin-bottom: 40px;
    background-color: transparent;
    border:none;
}
.modal-obrigado a:hover{
    cursor: pointer;
}

.modal-obrigado button.close {
    float: none;
    position: absolute;
    top: 15px;
    right: 25px;
}

.modal-obrigado button:focus,
.modal-obrigado button:active{
    border: none;
    outline: none;
}


.modal-obrigado button p,
.modal-obrigado a p{
    font-size: 1.05rem;
    font-weight: 600;
    margin-top: 0.5rem;
    color:var(--dark-green);
}

.modal-obrigado .home-icon{
    width: 50px;
    height: 50px;
    background-color: var(--yellow);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #3a440e;
    color:var(--yellow);
    font-size: 1.5rem;
    margin: auto;
    transition:all 0.2s ease-in-out;
}

.modal-obrigado button:hover .home-icon,
.modal-obrigado a:hover .home-icon{
    background-color: white;
}


.banner,
.jumbo{
    position: relative;
    display: flex;
    align-items: center;
}

.jumbo{
    padding-top: 40px;
}

.jumbo>img{
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left: 0;
    z-index: -1;
}

.banner>img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-box{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.banner-box .page-title,
.jumbo-box{
    background-color: rgba(0, 0, 0, 0.65);
    color:white;
    width: 100%;
    margin:auto;
}

.jumbo-box{
    padding: 15px 20px;
    position: relative;
    display: flex;
    flex-direction:column;
}

@media (min-width:768px){
    .jumbo-box{
        padding: 30px 60px;
    }
}

@media (min-width:768px){
    .jumbo-box{
        flex-direction: column;
    }
}

.jumbo-box .logo{
    flex-grow: 0;
    align-self: flex-end;
}

.jumbo-box .logo img{
    width: 100%;
    height: auto;
    max-height: 150px;
    object-fit: contain;
}

@media (min-width:572px){
    .jumbo-box .logo img{
        max-height: 300px;
    }
}

.banner-box .logo{
    max-height: 150px;
}

.banner-box .page-title{
    width: auto;
    margin: unset;
    padding: 5px 10px;
    margin-top: 15px;
}

.jumbo-box>p{
    font-size: 0.9rem;
    margin-left: 0%;
    margin-top: 1.55rem;
}

@media (min-width:768px){
    .jumbo-box>p{
        /*margin-left: 9%;*/
    }
}

body{
    font-size: 14px;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.regular-btn{
    border:none;
    padding:6px 20px 5px 20px;
    border-radius: 4px;
    font-family: Coachella Regular;
    transition: all 0.2s ease-in-out;
}

.regular-btn:focus{
    outline:none;
}

.regular-btn.yellow{
    background-color: var(--yellow);
    color:white;
}

.regular-btn.yellow:hover{
    background-color: var(--yellow);
    color:white;
}

.regular-btn.white{
    color: var(--yellow);
    background-color:white;
}

.regular-btn.white:hover{
    background-color: var(--yellow);
    color:white;
}

.content-container{
    width: 100%;
    max-width: 1200px;
    padding-left:15px;
    padding-right:15px;
    margin-left: auto;
    margin-right: auto;
}

.card{
    border: none;
    -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.05);
    box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.05);
}

.light-gray-bg{
    background-color: #f4f4f4;
    flex: 1;
}

.light-green-bg{
    background-color: #eff7ed;
    flex: 1;
}

.bg-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}

.banner,
.jumbo{
    position: relative;
    display: flex;
    align-items: center;
}

.jumbo{
    padding-top: 40px;
}

.banner{
    height: 200px;
    overflow: hidden;
}

.jumbo>img{
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left: 0;
    z-index: -1;
}

.banner>img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-box{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.banner-box .page-title,
.jumbo-box{
    background-color: rgba(0, 0, 0, 0.65);
    color:white;
    width: 100%;
    margin:auto;
}

.jumbo-box{
    padding: 15px 20px;
    position: relative;
    display: flex;
    flex-direction:column;
}

@media (min-width:768px){
    .jumbo-box{
        padding: 30px 60px;
    }
}

@media (min-width:768px){
    .jumbo-box{
        flex-direction: row;
    }
}

.jumbo-box .logo{
    flex-grow: 0;
    align-self: flex-end;
}

.jumbo-box .logo img{
    width: 100%;
    height: auto;
    max-height: 150px;
    object-fit: contain;
}

@media (min-width:572px){
    .jumbo-box .logo img{
        max-height: 300px;
    }
}

.banner-box .logo{
    max-height: 150px;
}

.banner-box .page-title{
    width: auto;
    margin: unset;
    padding: 5px 10px;
    margin-top: 15px;
}

.jumbo-box>p{
    font-size: 0.9rem;
    margin-left: 0%;
    margin-top: 1.55rem;
}

@media (min-width:768px){
    .jumbo-box>p{
        margin-left: 9%;
    }
}

.jumbo-footer{
    padding: 30px 0 40px 0;
}

.jumbo-btn{
    width:100%;
    background-color: var(--dark-green);
    color:white;
    border:none;
    padding: 15px;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.5);
    box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.5);
    transition: all 0.2s ease-in-out;
    margin-top: 10px;
}

.jumbo-btn:hover{
    background-color: var(--yellow);
}

.jumbo-btn:focus{
    outline: none;
}

.big-banner-btn{
    background-color: var(--yellow);
    color:white;
    border:none;
    width: 100%;
    padding:20px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;
}

.big-banner-btn:hover{
    background-color: var(--dark-green);
    color: white;
}

.big-banner-btn:focus{
    outline: none;
}

.big-banner-btn .fas{
    margin-left: 10px;
    vertical-align: middle;
}

/*icons*/
.air{
    color: #c46722!important;
}

.li-tematic.selected_filter .air{
    background: #c46722!important;
    color: white!important;
}
.buildings{
    color: #c46722!important;
}

.li-tematic.selected_filter .buildings{
    background: #c46722!important;
    color: white!important;
}

.water{
    color: #0084dd!important;
}

.li-tematic.selected_filter .water{
    background: #0084dd!important;
    color: white!important;
}

.energy{
    color: #2cdbd2!important;
}

.li-tematic.selected_filter .energy{
    background: #2cdbd2!important;
    color: white!important;
}

.waste{
    color: #727fdd!important;
}

.li-tematic.selected_filter .waste{
    background: #727fdd!important;
    color: white!important;
}

.mobility{
    color: #dbc20e!important;
}

.li-tematic.selected_filter .mobility{
    background: #dbc20e!important;
    color: white!important;
}

.participation{
    color: #2e9964!important;
}

.li-tematic.selected_filter .participation{
    background: #2e9964!important;
    color: white!important;
}

.biodiversity{
    color: #15ba30!important;
}

.li-tematic.selected_filter .biodiversity{
    background: #15ba30!important;
    color: white!important;
}

.green-infrastructure{
    color: #15ba30!important;
}

.li-tematic.selected_filter .green-infrastructure{
    background: #15ba30!important;
    color: white!important;
}

.economy{
    color: #d82407!important;
}

.li-tematic.selected_filter .economy{
    background: #d82407!important;
    color: white!important;
}



.ideas-list-filters .li-tematic{
    margin-right: 0.3rem!important;
}

footer {
    z-index:10000000;
}

.modal#start-modal-compromisso{
    z-index: 999999999999999!important;
}

.banner,
.jumbo{
    position: relative;
    display: flex;
    align-items: center;

}

.banner{
    height: 300px;
    overflow: hidden;
}

.jumbo>img{
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left: 0;
    z-index: -1;
}

.banner>img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-box{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.banner-box .page-title,
.jumbo-box{
    background-color: rgba(0, 0, 0, 0.65);
    color:white;
    width: 100%;
    margin:auto;
}

.jumbo-box{
    padding: 50px 100px;
    display: flex;
    position: relative;
}

.jumbo-box .logo{
    max-height: 300px;
}

.banner-box .logo{
    max-height: 150px;
}

.banner-box .page-title{
    width: auto;
    margin: unset;
    padding: 5px 10px;
    margin-top: 15px;
}

.jumbo-box>p{
    font-size: 0.9rem;
    /*margin-left: 9%;*/
}

body{
    font-size: 14px;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.regular-btn{
    border:none;
    padding:6px 20px 5px 20px;
    border-radius: 4px;
    font-family: Coachella Regular;
    transition: all 0.2s ease-in-out;
}

.regular-btn:focus{
    outline:none;
}

.regular-btn.yellow{
    background-color: var(--yellow);
    color:white;
}

.regular-btn.yellow:hover{
    background-color: var(--yellow);
    color:white;
}

.regular-btn.white{
    color: var(--yellow);
    background-color:white;
}

.regular-btn.white:hover{
    background-color: var(--yellow);
    color:white;
}

.content-container{
    width: 100%;
    max-width: 1200px;
    padding-left:15px;
    padding-right:15px;
    margin-left: auto;
    margin-right: auto;
}

.card{
    border: none;
    -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.05);
    box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.05);
}

.light-gray-bg{
    background-color: #f4f4f4;
    flex: 1;
}

.bg-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}

.banner,
.jumbo{
    position: relative;
    display: flex;
    align-items: center;
}

.jumbo{
    padding-top: 40px;
}

.jumbo>img{
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left: 0;
    z-index: -1;
}

.banner>img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-box{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.banner-box .page-title,
.jumbo-box{
    background-color: rgba(0, 0, 0, 0.65);
    color:white;
    width: 100%;
    margin:auto;
}

.jumbo-box{
    padding: 15px 20px;
    position: relative;
    display: flex;
    flex-direction:column;
}

@media (min-width:768px){
    .jumbo-box{
        padding: 30px 60px;
    }
}

@media (min-width:768px){
    .jumbo-box{
        flex-direction: column;
    }
}

.jumbo-box .logo{
    flex-grow: 0;
    align-self: flex-end;
}

.jumbo-box .logo img{
    width: 100%;
    height: auto;
    max-height: 150px;
    object-fit: contain;
}

@media (min-width:572px){
    .jumbo-box .logo img{
        max-height: 300px;
    }
}

.banner-box .logo{
    max-height: 150px;
}

.banner-box .page-title{
    width: auto;
    margin: unset;
    padding: 5px 10px;
    margin-top: 15px;
}

.jumbo-box>p{
    font-size: 0.9rem;
    margin-left: 0%;
    margin-top: 1.55rem;
}

@media (min-width:768px){
    .jumbo-box>p{
        /*margin-left: 9%;*/
    }
}

.jumbo-footer{
    padding: 30px 0 40px 0;
}

.jumbo-btn{
    width:100%;
    background-color: var(--dark-green);
    color:white;
    border:none;
    padding: 15px;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.5);
    box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.5);
    transition: all 0.2s ease-in-out;
    margin-top: 10px;
}

.jumbo-btn:hover{
    background-color: var(--yellow);
}

.jumbo-btn:focus{
    outline: none;
}

.big-banner-btn{
    background-color: var(--yellow);
    color:white;
    border:none;
    width: 100%;
    padding:20px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;
}

.big-banner-btn:hover{
    background-color: var(--dark-green);
    color: white;
}

.big-banner-btn:focus{
    outline: none;
}

.big-banner-btn .fas{
    margin-left: 10px;
    vertical-align: middle;
}

/*icons*/
.air{
    color: #c46722!important;
}

.li-tematic.selected_filter .air{
    background: #c46722!important;
    color: white!important;
}

.water{
    color: #0084dd!important;
}

.li-tematic.selected_filter .water{
    background: #0084dd!important;
    color: white!important;
}

.energy{
    color: #2cdbd2!important;
}

.li-tematic.selected_filter .energy{
    background: #2cdbd2!important;
    color: white!important;
}

.waste{
    color: #727fdd!important;
}

.li-tematic.selected_filter .waste{
    background: #727fdd!important;
    color: white!important;
}

.mobility{
    color: #dbc20e!important;
}

.li-tematic.selected_filter .mobility{
    background: #dbc20e!important;
    color: white!important;
}

.participation{
    color: #2e9964!important;
}

.li-tematic.selected_filter .participation{
    background: #2e9964!important;
    color: white!important;
}

.biodiversity{
    color: #15ba30!important;
}

.li-tematic.selected_filter .biodiversity{
    background: #15ba30!important;
    color: white!important;
}

.economy{
    color: #d82407!important;
}

.li-tematic.selected_filter .economy{
    background: #d82407!important;
    color: white!important;
}



.ideas-list-filters .li-tematic{
    margin-right: 0.3rem!important;
}

footer {
    z-index:1000;
}

.modal#start-modal-compromisso{
    z-index: 999999999999999!important;
}

.jumbo{
    position: relative;
    display: flex;
    align-items: center;
    height: auto;
    padding: 20px 0 40px 0;
}

@media (min-width: 576px){
    .jumbo{
        padding: 0;
    }
}
@media (min-width: 768px){
    .jumbo{
        padding: 0;
    }
}
.jumbo .content{
    margin-top: 70px;
}
@media (min-width: 576px){
    .jumbo .content{
        margin-top: 80px;
    }
}
@media (min-width: 768px){
    .jumbo .content{
        margin-top: 0px;
    }
}
.jumbo>img{
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left: 0;
    z-index: -2;
    object-fit: cover;
}

.jumbo-box{
    background: transparent;
    position: relative;
    padding: 60px;
    margin: auto;
    transform: none;
    transform: translate(0,0px);
}

@media (min-width:576px){
    .jumbo-box{
        padding: 60px;
    }
}

@media (min-width:768px){
    .jumbo-box{
        padding: 60px;
        transform: translate(120px,-50px);
    }
}

.jumbo-box .img-bg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
}

.jumbo-box>p{
    font-size: 1.5rem;
    line-height: 1;
    text-transform: uppercase;
    color: var(--black);
    margin-bottom: 18px;
    position: inherit;
    line-height: 1;
    padding-right: 10px;
}

.jumbo-box>h1{
    font-size: 1.7rem;
    font-family: Coachella Bold;
    margin-bottom: 0;
    position: inherit;
    line-height: 1;
    padding-right: 30px;
    color: black;
}

@media (min-width:576px){
    .jumbo-box>p{
        font-size: 2.1rem;
    }

    .jumbo-box>h1{
        font-size: 3.2rem;
    }
}


@media (min-width:768px){
    .jumbo-box>p{
        font-size: 1.65rem;
    }

    .jumbo-box>h1{
        font-size: 2.6rem;
    }
}

.jumbo-box .date{
    background-color: var(--yellow);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 39px;
    top: 67px;
}


.jumbo-box .date p,
.jumbo-box .date .month{
    margin-bottom: 0;
    color:var(--black);
    font-family: Coachella Medium;
    line-height: 1;
}

.jumbo-box .date p:first-child{
    font-size: 0.8rem;
    margin-bottom: -0.1rem;
    margin-right: 0.2rem;
    text-align: right;
}

.jumbo-box .date p:last-child{
    font-size: 1.15rem;
    margin-bottom: 0.5rem;
}

.jumbo-box .date .month{
    font-size: 0.8rem;
    text-transform: uppercase;
}

@media (min-width:576px){
    .jumbo-box .date{
        width: 75px;
        height: 75px;
        right: 60px;
        top: 77px;
    }
    .jumbo-box .date p:first-child{
        font-size: 1rem;
        margin-bottom: -0.1rem;
        margin-right: 0.8rem;
    }

    .jumbo-box .date p:last-child{
        font-size: 1.6rem;
        margin-bottom: 0.7rem;
    }

    .jumbo-box .date .month{
        font-size: 1.2rem;
    }
}


.events-list,
.cards-grid{
    padding-bottom: 48px;
}

.cards-grid .card{
    color: inherit;
    border:none;
    /* -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.05);
    box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.05); */
    transition: all 0.2s ease-in-out;
    flex:1;
    border-radius: 0;
}

.cards-grid .card:hover{
    color:white;
    background-color: var(--dark-green);
    text-decoration: none;
}

.cards-grid .card img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}

.cards-grid .card .img-container{
    overflow: hidden;
    position: relative;
}

.cards-grid .card .img-container::after{
    content:'';
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--yellow);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.cards-grid .card:hover img{
    transform: scale(1.2);
}

.cards-grid .card:hover .img-container{
    overflow: hidden;
}

.cards-grid .card:hover .img-container::after{
    opacity: 0.3;
}

.cards-grid .card .card-text{
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex:1;
}

.cards-grid .card .card-text h3{
    color: var(--black);
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: auto;
}

.cards-grid .card:hover .card-text h3{
    color:white;
}

.cards-grid .card button{
    background-color: transparent;
    color: var(--black);
    margin-top: 25px;
    border:none;
    display: flex;
    align-items: center;
    font-weight: 700;
}

.cards-grid .card:hover button{
    color:white;
}

.cards-grid .card span{
    align-items: center;
    font-weight: 600;
}

.cards-grid .card button:focus,
.cards-grid .card button:active{
    outline:none;
    border:none;
}

.cards-grid .card button .fas{
    margin-left:7px;
    font-size: 1.5rem;
    color:var(--yellow);
    transition: all 0.3s ease-in-out;
}

.cards-grid .card:hover button .fas{
    color:var(--yellow);
}


.events-list{
    padding-top:18px;
}

.events-list .card{
    border: none;
    -webkit-box-shadow: 3px 2px 10px 5px rgba(0, 0, 0, 0.178);
    box-shadow: 3px 2px 10px 5px rgba(0, 0, 0, 0.178);
    margin-top:30px;
}

.events-list p{
    margin-bottom:0;
    line-height: 1;
}

.events-list .date{
    background-color:white;
    color:var(--yellow);
    text-align: center;
    padding: 15px;
    transition: all 0.3s ease-in-out;
}

.events-list a.card:hover .date{
    color:white;
    background-color:var(--yellow);
}

.events-list .date .big-num{
    font-size: 2rem;
    font-weight: 800;
}

.events-list .date .month{
    font-size: 1.1rem;
    font-weight: 600;
}

.events-list .date .year{
    font-size: 0.95rem;
    font-weight: 600;
    color:var(--dark-gray);
    margin-top:6px;
    transition: all 0.3s ease-in-out;
}

.events-list a.card:hover .date .year{
    color:white;
}

.events-list .event{
    background-color: var(--yellow);
    color:white;
    padding: 15px;
    transition: all 0.3s ease-in-out;
}

.events-list a.card:hover .event{
    background-color:var(--very-dark-green);
}

.events-list .event .big-txt{
    font-size: 1.2rem;
    font-weight: 800;
}

.events-list .event .med-txt{
    font-size: 1rem;
    font-weight: 600;
    margin-top:10px;
}

.events-list .event-btn{
    background-color:#e69f04;
    color:white;
    display: flex;
    align-items:center;
    justify-content: center;
    flex-direction: row-reverse;
    padding: 15px;
    transition: all 0.3s ease-in-out;
}

@media (min-width:576px){
    .events-list .event-btn{
        align-items:center;
        justify-content: center;
        flex-direction: column;
    }
}

.events-list a.card:hover .event-btn{
    background-color:var(--dark-green);
    color:white;
}

.events-list .event-btn .fas{
    display: block;
    font-size: 2rem;
    transition: all 0.3s ease-in-out;
}

.events-list a.card:hover .event-btn .fas{
    color:var(--yellow);
}

.events-list .event-btn p{
    color:var(--black);
    margin-top:0px;
    margin-right: 10px;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}
@media (min-width:576px){
    .events-list .event-btn p{
        margin-top:12px;
        margin-right: 0px;
    }
}

.events-list a.card:hover .event-btn p{
    color:white;
}


.events-list .share{
    margin-top: 18px;
    display: block;
}

.share{
    text-transform: uppercase;
    color:var(--yellow);
    font-weight: 600;
    font-size: 1rem;
}

.share:hover{
    color:var(--dark-green);
}

.event-detail{
    margin-bottom:48px;
}

.event-detail img{
    width:100%;
    max-height: 280px;
    object-fit: contain;
}
.event-detail p{
    font-weight: 500;
    line-height: normal;
    margin-bottom:1rem;
}

.event-detail .info-group{
    margin-top:12px;
}

.event-detail .info-group label{
    color:var(--yellow);
    font-weight: 600;
    margin-bottom:0;
}

.event-detail .info-group p{
    margin-bottom:0;
}

.news-detail p.summary,
.event-detail p.summary{
    font-weight: 800;
}


.news-detail{
    margin-top:48px;
    margin-bottom:48px;
}

.news-detail img{
    width: 100%;
}

.news-detail h4{
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom:15px;
}

@media (max-height:792px){
    #start-modal .modal-body{
        max-height: 50vh;
        overflow-y: auto;
    }
}

.modal{
    z-index: 99999999999999999999999999999999;
}

.na-minha-rua{
    background: #a5b939
}
.na-minha-rua img{
    min-width:auto !important;
}