Demographic

/*color theming WB-eliezer*/
div.tab .overview-item__name{
     text-transform: capitalize!important;
     color: #fff;
}
.symbol__label{
        text-transform: capitalize;
}
p.label, .tab .overview-item__value{
    text-transform: capitalize;
    color: #fff;
}
.population-education__symbol:last-child{
    padding-bottom: 24px!important;
}
div.nav-tab{
    .nav-tab__tab.active{
        background-color: #fff;
        border-color: #fff;
        color: #7C7A61;
    }
    .nav-tab__tab{
        text-transform: capitalize!important;
        border-color: #fff;
        background-color: transparent; 
        color: #fff;
        &:hover{
        background-color: #fff;
        border-color: #fff;
        color: #7C7A61;
            }
        }
}

p.overview-item__name--hint{
    &:after {
        background-color: #fff!important;
    }
    span.hint{
        background-color: #fff;
        color: #7C7A61;
        &:after {
            background-color: #fff!important;
        }
    }
}

/*end*/
/*START Title Width- */
h2.title.lp-h2 {
    max-width: 100%;
    @media only screen and (max-width:768px){
        max-width: 100%;
    }
}

div.title {
max-width: 100%;
}
/*END Title Width- */

/*START Bar color*/

div.population-age__hint{
    color: #7C7A61!important;
    background-color: #fff!important;
    &:after{
        background-color: #fff!important;
    }
}
/*END*/
/*line theming*/
.tab-section{
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;

}
div.tab .overview-item{
    border-right: 1px solid #fff;
    @media only screen and (max-width: 1024px){
        padding-left: 30px;
        width: 20%;
    }
    @media only screen and (max-width: 820px){
        padding-left: 25px;
        width: 20%;

    }
    @media only screen and (max-width: 768px){
           border-right: 1px solid #fff;
           padding-left: 20px;
    }
    @media only screen and (max-width: 767px){
           border-right: transparent;
           padding-left: 20px;
    }
}
.tab .overview-item:last-child{
    border-right: none;
}
.population-education__symbol{
    border-bottom: 1px solid #fff!important;
}
div.population-age__bar {
    background-color: #ccc;
}

span.weight-bold{
    text-transform: capitalize;
}
h6:not(p){
    text-transform: capitalize;
}
div.description{
    color: #fff;
}

/*end*/