/*----- COLORS -----*/
.headroom.lb {
    background-color:var(--base);
}



.headroom.tr {
    
    background-color:var(--trop-rosa1);
}

.headroom.hbb {
    
    background-color:var(--bimbam-primary);
}

.headroom.tr .logo__img-alt,
.headroom.hbb .logo__img-alt{
    transition:all ease 0.5s;
    opacity:0;
}

.headroom--top.tr .logo__img-alt,
.headroom--top.hbb .logo__img-alt {
    transition:all ease 0.5s;
    opacity:0;
}

.headroom--not-top.tr .logo__img-alt,
.headroom--not-top.hbb .logo__img-alt{
    transition:all ease 0.5s;
    opacity:1;
}

.headroom.tr .logo__img,
.headroom.hbb .logo__img {
    width:100%;
    transition:all ease 0.5s;
}


.headroom--not-top.tr .logo__img,
.headroom--not-top.hbb .logo__img {
    width:72%;
    
}


.headroom.hbb .logo__img-alt{
    transition:all ease 0.5s;
}










@media only screen and (min-width: 993px) {


.headroom {
    will-change: transform;
     transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	
}

.headroom--pinned, .headroom--bottom  {
    transform: translateY(0%)!important;
	box-shadow:var(--shadow);
	
 
}
.headroom--unpinned {
    /*transform: translateY(-100%)!important;
     transform: translateY(100%)!important;*/
	
}


.headroom--top {
	
	
	box-shadow:none;
}



.headroom--not-top {
	
	background-color:white;
}




}


@media only screen and (max-width: 992px) {
	
	.headroom {
		background-color:white;
		/*height:75px!important;*/
		box-shadow:var(--shadow);
	}
	
	.logo__img {
		max-height:32px;
		width:auto;
		
	}
	

}