/*
Theme Name:     CNGEI_minisite
Description:
Author:         mavida
Template:       cngei

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

.container-header-intro {
    min-height: 18.7em !important;
}

@media (max-width: 767px) {
    .container-header-intro {
        top: 20px !important;
    }
}

@media (min-width: 767px) { 
    .container-header-intro .container-badge-branche .badge-header .logo{
        margin-top: 75px !important;
    }
    
    .container-header-intro .container-badge-branche .badge-header{
        padding-bottom: 25% !important;
    }
}
.container-header-intro .container-badge-branche{
    padding-bottom: 0px !important;
}

.top-header{
    height: 50px;
    background: white;
    line-height: 50px;
}

@media (max-width: 767px) {
    .top-header{
        border-bottom: 15px solid white;
        height: 65px;
    }
}

.top-header .discover-more-container{
    background: transparent;
    margin-left: 10px;
    font-weight: 500;
}

.top-header .logo-badge{
    display: inline-block;
    margin-top: 5px;
}

.top-header .logo-badge img{
    width: 40px;
}

.navbar-main {
    top: 50px !important;
}

@media (max-width: 767px) {
    .navbar-main {
        transition: top 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    }
}

.navbar-main.is-fixed{
    top: 0px !important;
}

.container-header-intro .header-subtitle{
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .container-header-intro .container-fazzolettone{
        display: block !important;
        width: 105% !important;
        position: absolute !important;
        top: 0 !important;
        left: -10px !important;
        right: -25px !important;
        overflow: hidden !important;
        max-height: 205px;
    }
    
    .container-header-intro .grid-header-central {
        width: 100% !important;
        padding: 0px !important;
        height: 80vh !important;
    }
    
    .container-header-intro .grid-header-central .relative{
        height: 100% !important;
    }
    
    .container-header-intro .grid-container-after:after{
        display: none !important;
    }
    
    .container-header-intro .header-title{
        bottom: 10%;
        position: absolute;
        width: 100%;
        font-size: 2.125em !important;
    }
    .container-header-intro .header-subtitle{
        bottom: 0;
        position: absolute;
        width: 100%;
        font-size: 1.525em !important;
    }
}

.container-header-intro .container-badge-branche .badge-header.yellow {
    background-image: url(images/yellow.svg) !important;
}
.container-header-intro .container-badge-branche .badge-header.red {
    background-image: url(images/red.svg) !important;
}
.container-header-intro .container-badge-branche .badge-header.green {
    background-image: url(images/green.svg) !important;
}

img.alignleft.imgNoFull {
    margin-right: 15px;
}
.imgNoFull, img.alignleft.imgNoFull, img.alignright.imgNoFull {
    width: auto !important;
    margin-left: 0px !important;
    float: left !important;
}

.bg-news {
    background: rgb(42, 114, 79) !important;
}