/*
*   FAIRE ONLY
*/
body {
    background: #f2f2f2;
}
.navbar-default {
    background-color: white;
    border-bottom: 3px solid #38414A;
}

.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:hover, .navbar-default .navbar-nav>.show>a:focus {
    color: #e32a19;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #38414A;
}

.dropdown-menu {
    background-color: #38414A;
}

.background-primary-transparent{background-color: rgba(59, 92, 138, 0.6) !important;}
.background-secondary-transparent{background-color: rgba(74, 144, 226, 0.6) !important;}

#login_modal .modal-content {  border: 5px solid #63a3b7;  }

.modal-body-inverse{ background-color: #fff; }
.modal-body-inverse .home_register{ background-color: #fff; }
.modal-body-inverse .home_register h1{ color: #63a3b7; }
.modal-body-inverse .home_register .inverse-logo{ max-height: 80px; }
.modal-body-inverse .home_register{ background-color: #fff; }
.inner-inverse{text-align: center;}
.inner-inverse h1{color: #63a3b7; font-size: 20px; padding-top: 20px;}
.inner-inverse h2{color: #63a3b7; font-size: 18px; padding-top: 20px;}
.inner-inverse .content{text-align: left; color: #63a3b7; font-size: 16px;}
.inverse-logo{ max-height: 80px; }

#message-home-faire{color: #63a3b7; font-size: 16px; padding: 20px; text-align: center; text-transform: uppercase;}

#feria-hero{position:relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
#feria-hero .cont{position:absolute;left:10px;padding:10px;bottom:10px;background-color: #ffffff;background-color:rgba(255,255,255,0.65);  color:#444; font-weight:bold; font-size: 18px;text-align: left;text-transform: uppercase;}

.dropdown-menu > li > a{color: #555;}

/*
*   HEADER
*/
.navbar-default{background-color: white;}
#header{background: white; font-size: 14px;}
#header a.link{font-size: 12px;}

#header a.link,#header a.link:active, #header a.link:visited,
#header a .fas, #header a:active .fas, #header a:visited .fas, #header a .fab, #header a:active .fab, #header a:visited .fab{padding: 0 10px; color: #767b8f; text-decoration: none;}
#header a.link:hover, #header a:hover .fas, #header a:hover .fab, #header a:hover .far{color: #CD0614; text-decoration: none;}

#header .header-top{padding: 10px 0;}
#header .header-top .left{text-align: left; padding-left: 40px;}
#header .header-top .right{text-align: right; padding-right: 40px;}
#header .header-middle{background-color: #e1e8e8; padding: 15px 20px;}

#header .logo {max-width: 260px !important; max-height: 45px !important; margin: 9px;}

#header .logo-feriaua { max-width: 155px !important; margin: 0 10px !important;}

.navbar-default .navbar-nav>li>a.login{background: #e32a19; border: 2px solid #e32a19; color: white;}
.navbar-default .navbar-nav>li>a.login:hover{background-color: white !important; color: #e32a19 !important;border: 2px solid white;}
.lower-logo{ display: none!important;}
.navbar-default .navbar-nav>li>a.portalCompany{background: #16429b; border: 2px solid #16429b; color: white;}
.navbar-default .navbar-nav>li>a.portalCompany:hover{color: #fff !important; background-color: #565f6e !important; border-color: #565f6e !important;}

.navbar-default{border-bottom: 2px solid #565f6e;}

.navbar-default .navbar-nav>li>a{color: #e32a19;}
.dropdown-menu {background-color: #fff;}
.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:hover, .navbar-default .navbar-nav>.show>a:focus{background-color: transparent; color: #e32a19;}
.navbar-default .header-middle .navbar-nav>li>a:hover, .navbar-default .header-middle .navbar-nav>li>a:focus{background-color: transparent !important; color: #e32a19 !important;}
.navbar-default .header-middle .navbar-nav>li>a.login:hover, .navbar-default .header-middle .navbar-nav>li>a.login:focus{background-color: #3373a9 !important; color: #fff !important;}

.header-bottom .navbar-nav>li>a{padding:10px;}
.navbar-nav>li>a{font-weight: 500;}
/*.navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li>a:active{color: white !important; background-color: #4a90e2 !important;}*/
#header .dropdown-menu > li > a{color: #555f6e; font-weight: 500; border-radius: 0;}
#header .dropdown-menu>li>a:hover, #header .dropdown-menu>li>a:focus{color: white; background: #555f6e;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background-color: #555f6e; color: white;}

.divFilter { background: white !important;}

@media (min-width: 992px){
    #header .logo-feriabiobio{max-width: 325px; margin-top: 4px; margin-right: 10px;}
    .navbar-header{line-height: 0;}
    .header-bottom #navbar{display: inline-block !important;}
    .header-bottom .navbar-header{float: none;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-header{line-height: 0;}
    .header-bottom #navbar{display: inline-block !important;}
    .header-bottom .navbar-header{float: none;}

}
@media (max-width: 767px) {
    .header-bottom .dropdown-menu > li{text-align: center;}
    .navbar-collapse{border-top: none;}
    .navbar-nav{margin:0;}
}

.navbar-default .navbar-toggle .icon-bar{background-color: white;}
.nav-tabs { color: white; border-bottom: 1px solid #277FC2 !important; font-size: 1.2em !important;}
.nav-tabs .active a { color: white !important; background: #16429b !important;}

.icon-block .item { border-radius: 0px; }

/*
*   FOOTER
*/
footer { background: #666666 !important;}
.footer_link { font-size: 12px !important; }
.footer_link:hover { color: #267fc2 !important; }
#footer {color: black; background: #fff;}
#footer .footer-text-big{font-size: 14px;}
.footer-column ul.footer-list{list-style: none; -webkit-padding-start: 0;}
.footer-column ul.footer-list li{margin-top: 5px;}
.footer-column .fab, .footer-column .fab, .footer-column .far{font-size: 20px;}
.footer-column a{color: black;}
.footer-column a:hover{color: #16429b; text-decoration: none;}

#featuredNewsCarousel .carousel-inner .carousel-item .item-image { height: 580px !important;}
/* YOUTUBE VIDEO BACKGROUND */
.feature.video {
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.video-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    height: 0;
    width: 100%;
    padding: 0;
    padding-bottom: 56.25%;
    z-index: -1;
}

.video-wrapper iframe {
    height: calc(100% + 250px);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    pointer-events: none;
    margin-top: -125px;
}

.video-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: -1;
}