/*HEADER*/
header.header{position: fixed; top: 0; z-index: 9980; width: 100%; padding: 1rem 0; background: #fff; transition: .6s; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}
header.header .navbar-brand svg{transition: .6s; width: 100%; height: auto;}
header.header .navbar-brand .logo-icon, header.header .navbar-brand .logo-r, header.header .navbar-brand .logo-text{transition: .6s;}

header.header .navbar-nav .nav-item{position: relative;}
header.header .navbar-nav .nav-item .nav-link{font-size: 16px; color: #EA2127; line-height: 30px; white-space: nowrap; position: relative; padding: .5rem 1rem;}
header.header .navbar-nav .nav-item .nav-link::before{content: ''; display: block; width: 40%; height: 2px; border: none; background: #EA2127; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); opacity: 0; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out;}
header.header .navbar-nav .nav-item.show .nav-link::before{display: none !important;}
header.header .navbar-nav .nav-item:hover .nav-link::before, header.header .navbar-nav .nav-item.active .nav-link::before{width: 90%; opacity: 1;}

header.header .open-menu{display: none; transition: .6s;}
header.header .open-menu img{width: 30px; height: 30px; padding: 2px; cursor: pointer;}

body.home .header-height{display: none !important;}

.featured-image{position: relative; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; width: 100%; padding: 0 1.5rem}
.featured-image::before{content: ""; display: block; position: absolute; z-index: 10; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.featured-image .title-primary{position: relative; z-index: 20; color: #e29037;}

@media (max-width: 576px){
	header.header .navbar-brand{max-width: 160px; height: 43px;}
	
	.header-height{height: 91px;}

	.featured-image{height: 160px;}
}

@media (min-width: 576px) and (max-width: 1200px){
	header.header .navbar-brand{max-width: 160px; height: 43px}
	
	.header-height{height: 91px;}
	
	.featured-image{height: 200px;}
}

@media (min-width: 1200px){
	header.header .navbar-brand{max-width: 220px; height: 60px;}

	header.header .menu-mobile{position: absolute; top: 25px; right: 0; width: 100%; padding: 0 1rem;}
	header.header .menu-mobile.menu-mobile-opened{padding-bottom: 70px;}
	
	.header-height{height: 108px;}
	
	.featured-image{height: 260px;}
}

@media (max-width: 1280px){
	#collapsibleNavbar{display: none;}
	.open-menu{display: flex !important;}
}


/* HEADER FIXED */
header.header-fixed{background: #EA2127 !important; padding: 0;}
header.header-fixed .navbar-brand .logo-text{fill: #FFF;}
header.header-fixed .navbar-brand .logo-icon{fill: rgba(255,255,255,0.2);}
header.header-fixed .navbar-nav .nav-item .nav-link{color: #FFF;}
header.header-fixed .navbar-nav .nav-item .nav-link::before{background: #FFF;}
header.header-fixed .open-menu{filter: brightness(100);}


#menuMobile{background: #eee; position: fixed; z-index: 9999; top: 0; left: -100%; width: 85%; max-width: 400px; height: 100%; transition: 1s;}
#menuMobile .logo-menu-mobile{background: #fff; padding: 1.5rem; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}
#menuMobile .logo-menu-mobile img{width: 160px;}
#menuMobile .menuNav{height: calc(100% - 100px); overflow-y: auto;}
#menuMobile .navbar-nav{padding: 1.5rem; margin: 1rem; border-left: 5px solid #EA2127;}
#menuMobile .navbar-nav .nav-link{padding: .6rem 1rem !important; font-size: 16px; color: #EA2127;}
#menuMobile .navbar-nav .nav-item:not(:last-child){border-bottom: 1px solid #ddd;}

#menuMobile.menuOpened{left: 0;}