/* Add here all your CSS customizations */
h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0.05em;
}

html .bg-color-primary, html .bg-primary {
    background-color: #2d6542 !important;
}

html.sticky-header-active .logo_white {
	display: none;
}
html.sticky-header-active .logo_color {
	display: block !important;
	width: 160px!important;
}

html.sticky-header-active #header .header-nav.header-nav-links nav > ul > li > a{
	color: rgb(0, 17, 67);
}
html.sticky-header-active #header .header-nav.header-nav-links nav > ul > li > a:hover{
	color: #2d6542 !important;
}

html .btn-primary,
html .btn-primary .btn-rounded {
    background-color: #2d6542;
    border-color: #2d6542 #e6a21f #cc9222;
    color: #FFF;
}

html .btn-primary:hover, 
html .btn-primary:focus,
html .btn-primary:active{
    background-color: #f7b12a !important;
    border-color: #f7b12a  #f7b12a  #f7b12a !important;
    color: #FFF !important;
}


.list .fase_1::before {
    background-color: #b87dbd!important;
}

.list .fase_2::before {
    background-color: #fbb429!important;
}

.list .fase_3::before {
    background-color: #57b6e5!important;
}

.legend.divider-left-border {
	border-left: 2px solid rgba(0, 0, 0, 0.8);
	padding-left: 15px;
	margin-left: 10px;
}

@media (min-width: 992px) {
	#header .header-nav {
		align-self: auto;
	}
	#header .header-nav-main nav > ul > li > a {
		font-size: 16px;
	}
}

.lead {
    letter-spacing: 0.05em;
}
.font-weight-bold {
    font-weight: 600 !important;
}

@media (max-width: 992px) {
    .header-logo,
    .header-logo img{
    	width: 300px!important;
    }
    .sticky-header-active .header-logo img{
    	width: 250px!important;
    }
}