/*
Theme Name: Colibri
Author: Plurial Method & Vision Sàrl
Description: Theme for colibri's Site
Version: 1.0
*/

body, html {
    padding: 0;
    margin: 0;
}
.site-container {
	padding-bottom: 207px;
}
.page-id-15 .site-container {
	padding-bottom: 0px!important;
}
html {
	height: 100%;	
}
.liens p {
	line-height: 35px!important;
}
.fab {
	font-size: 35px;
}
.fa-facebook-square {
	margin-right: 20px;
}

body {
    background-color: #1f6892;
    font-family: 'Josefin Sans';
    color: white;
    font-size: 24px;
    line-height: 29px;
	height: 100%;
}

body.home .header {
    height:  400px;
}
body.home .navbar-brand {
    display: none;
}
.img-concept img {
    position: absolute!important;
    bottom: -435px!important;
	width: 70%;
}
a {
    color: #fff;
    text-decoration: none;
}
a:hover {
	color: #7fb9a0;
    text-decoration: none;
} 
.margin {
    margin-top: 107px;
    padding-left: 30px;
}
.maps, .liens {
    padding: 65px 0px;
}
.margin2 {
    margin-top: 65px;
    padding-left: 30px;
}

body:not(.home) .navbar {
    margin-bottom: 70px;
}
.wpb_gmaps_widget {
    margin-bottom: 120px!important;
    z-index: 3;
    position: relative;
}

.footer {
    padding: 60px 0;
    background-color: #c83175;

    color: white;
    font-size: 22px;
    line-height: 29px;
	
	position: absolute;
	width: 100%;
	height: 207px;
	bottom: 0;
}

.home .footer {
    padding: 60px 0;
    background-color: #c83175;

    color: white;
    font-size: 22px;
    line-height: 29px;
	
	position: relative;
	width: 100%;
	height: 207px;
}
.footer a {
	text-decoration: none;
}
.footer a:hover {
	text-decoration: none;
	color: #7fb9a0;
}

.main {
    overflow-x : hidden;
    min-height: 100%;
	position: relative;
}

.owl-dots {
    margin-top: -60px;
    padding-right: 20px;
    text-align: right;
}

.owl-stage-outer div {
    height: 600px;
}
.owl-stage-outer div div.item {
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
.owl-carousel button.owl-dot {
    z-index: 2;
    position: relative;
    width: 13px;
    height: 13px;
    border: 1px solid white;
    border-radius: 13px;
    margin-right: 13px;
}

.owl-carousel button.owl-dot.active {
    background: white;
}

.navbar {
    margin-top: 30px;
    font-size: 15px;
	padding-left: 0!important;
	padding-right: 0!important;
}
	.nav-link {
		padding-left: 20px!important;
		padding-right: 0px;
	}
	.menu-item:last-child .nav-link {
		padding-right: 0!important;
	}
	.nav-link {
		padding-left: 20px!important;
	}
    .navbar.bg-light {
        background: transparent!important;
        height: 115px;
    }
    .navbar a.nav-link {
        color: white!important;
        text-transform: uppercase!important;
        text-decoration: none!important;
    }
	.navbar a.nav-link:hover {
        color: #7fb9a0!important;
    }
    .navbar .current_page_item a {
        color: #7fb9a0!important;
    }

.logo-container {
    margin-top: 60px;
    margin-bottom: 15px;
}

.container-maison {
    background-image: url('assets/img/branche_droite.png'), url('assets/img/maison.png');
    background-position: top right, bottom left;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 120px!important;
}

.text-maison {
    margin-top: 400px;
    padding: 0px 70px!important;
}

.container-content {
    position: relative;
    background-color: #7fb9a0;
    background-image: url('assets/img/branche-bleue-droite.png');
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: 465px;
    background-position: bottom right;
    padding: 120px 0px;
}


    .container-content .content2 {
        position: absolute;
        top: 500px;
        left: 65px;

        color: white;
        font-size: 20px;
    }
        .container-content .content2 ul {
            padding-left: 15px;
        }
        .container-content .content2 ul li {
            margin-bottom: 20px;
        }

        h2 {
            margin-bottom: 30px;
            color: white!important;
            text-transform: uppercase!important;
        }

.oiseaux {
    position: absolute;
    top: -100px;
    left: 430px;
    z-index: 200;
}

.container-valeurs {
    text-align: center;
    height: 1100px;
    background: url('assets/img/colibri_valeurs.png') no-repeat bottom center;
    padding-top: 115px;
}

.adresse {
    margin-top: 100px;
}
.maps {
    background: #7fb9a0;
    margin-top: -400px;
    padding-top: 400px;
}

.fleur, .fleur2 {
    position: absolute;
}

.fleur {
    right: 150px;
    top: 100px
}

.fleur2 {
    right: 50px;
}

.fleur-oiseau {
    background: #c83175;
}
.fleur-oiseau .wpb_column:last-child .wpb_text_column, .fleur-oiseau .wpb_single_image {
    margin-bottom: 0px!important;
}

.header-concept {
    margin-top: 75px;
    margin-bottom: 75px;
}

.content-padding {
}

.content-padding-containter {
    padding: 75px 0px;
}
.vert {
    background-color: #7fb9a0;
}

.page-equipe {
    background: url('assets/img/demi-rond.png') no-repeat top left, url('assets/img/vertical-rose.png') no-repeat bottom right;
}
    .page-equipe .image {
        text-align: center;
        margin-bottom: 30px;
    }
    .page-equipe .image img {
		width: 60%;
	}
    .page-equipe .titre {
        text-align: center;
		font-size: 20px;
    }
        .page-equipe .titre p
        {
            margin-bottom: 0px;
        }
    .page-equipe .nom {
        text-align: center;
        text-transform: uppercase;
		font-size: 20px;
    }
    .page-equipe .equipes {
        margin-top: 100px;
    }
    .page-equipe .equipe {
        margin-bottom: 100px;
    }

.button, .button:hover {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 20px;
    background-color: #c83175;
    color: white;
    height: 63px;
	font-size: 20px;
}
input[type='submit'] {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #c83175;
    color: white;
	font-size: 20px;
	padding: 10px 5px 5px 5px;
}
.button:hover, input[type=submit]:hover {
    color: #7fb9a0;
}

.administration {
    background: url('assets/img/vertical-vert.png') no-repeat bottom right;
}

@media screen and (min-width: 500px) and (max-width: 767px) {
    .container-valeurs {
        background-size: 130%!important;
        height: 500px!important;
    }
    .valeurs {
        width: 140px!important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .container-valeurs {
        background-size: 200%!important;
        height: 700px!important;
    }

    body {
        font-size: 21px;
        line-height: 26px;
    }

    body.home .navbar-brand {
        display: block;
        visibility: hidden;
    }

    .navbar-light .navbar-toggler {
        border: 0px;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .navbar-brand img {
        width: 90%!important;
    }

    img.valeurs {
        width: 40%;
    }

    .prestations .wpb_content_element {
        margin-bottom: 0;
    }

    .page-id-11 .content-padding-containter {
        padding-bottom: 25px;
    }

    .fleur, .fleur2 {
        display: none;
    }

    body:not(.home) .navbar {
        margin-bottom: 20px;
    }
    .navbar {
        margin-top: 0px;
    }

    ul {
        padding-left: 20px;
    }

    body.home .header {
        height: 350px;
    }

    .logo-container {
        margin-top: 60px;
        margin-bottom: 30px;
    }
    .logo-container img {
        width: 30%;
    }

    .container-maison {
        background-image: url('assets/img/maison.png');
        background-position: top left;
        background-repeat: no-repeat;
        -webkit-background-size: 45%;
        background-size: 45%;
        padding-bottom: 60px!important;
    }

    .footer {
        padding: 30px 0;
        font-size: 18px;
    }

    #navbarSupportedContent {
        background-color: #7fb9a0;
        padding: 20px 0px;
        position: absolute;
        top: 108px;
        left: -45px;
        right: -45px;
        width: calc(100% + 90px);
        z-index: 200;
    }

    #navbarSupportedContent li {
        text-align: center;
    }

    .text-maison {
        margin-top: 50px;
        padding: 0px!important;
    }

    .container-content {
        position: relative;
        background-color: #7fb9a0;
        background-image: url('assets/img/branche-bleue-droite.png');
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        background-size: 390px;
        background-position: bottom right;
        padding: 60px 0px;
    }


    .navbar-brand img {
        width: 50%;
    }

    img.valeurs {
        width: 185px;
    }

    .container-valeurs {
        padding: 60px 0px;
    }

    .adresse {
        margin-top: 60px;
    }

    .adresse .wpb_single_image .vc_figure {
        width: 100%;
        text-align: center;
    }

    .adresse .wpb_single_image .vc_figure img {
        width: 70%;
    }

    .maps {
        background: #7fb9a0;
        margin-top: -400px;
        padding-top: 340px;
    }

    .maps .wpb_text_column, .liens .wpb_content_element {
        margin-bottom: 0px;
    }

    .img-concept img {
        position: absolute !important;
        bottom: -444px !important;
    }

    .page-equipe .equipes {
        margin-top: 60px;
    }

    .page-equipe .equipe {
        margin-bottom: 60px;
    }
}

.cours .img {
    position: relative;
}
.cours .img img {
    width: 100%;
    height: auto;
}
.cours a .img .text, .cours .img .text {
    position: absolute;
    bottom: 35px;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding: 10px 0;
    color: black;
}
.cours a .img .text .text-title, .cours .img .text .text-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: black;
}
.cours .img .text .text-subtitle {
    font-size: 16px;
    text-align: center;
    font-weight: 300;
}
.professeur {
	margin-bottom: 30px;	
}

@media screen and (max-width: 767px) {
    body {
        font-size: 21px;
        line-height: 26px;
    }

    .fleur, .fleur2 {
        display: none;
    }

    body:not(.home) .navbar {
        margin-bottom: 20px;
    }
    .navbar {
        margin-top: 0px;
    }

    ul {
        padding-left: 20px;
    }

    body.home .header {
        height: 240px;
    }

    .text-maison {
        margin-top: 375px;
        padding: 0px 0px !important;
    }

    .logo-container {
        margin-top: 0px;
        margin-bottom: 0px;
    }
        .logo-container img {
            width: 50%;
        }

    .container-maison {
        background-image: url('assets/img/maison.png');
        background-position: top left;
        background-repeat: no-repeat;
        -webkit-background-size: 80%;
        background-size: 80%;
        padding-bottom: 30px!important;
    }

    .container-content {
        padding: 60px 0px;
        background-image: none;
    }

    .text-maison .wpb_text_column {
        margin-bottom: 0!important;
    }

    .container-valeurs {
        height: 500px;
        padding-top: 60px;
    }

    .owl-stage-outer div {
        height: 300px;
    }

    .adresse {
        margin-top: 60px;
    }

    .adresse .wpb_single_image .vc_figure {
        width: 100%;
        text-align: center;
    }

    .adresse .wpb_single_image .vc_figure img {
        width: 80%;
    }

    .container-valeurs {
        background-size: 250%;
    }

    .maps {
        background: #7fb9a0;
        margin-top: -400px;
        padding-top: 340px;
    }

        .maps .wpb_text_column, .liens .wpb_content_element {
            margin-bottom: 0px;
        }

    .margin, .margin2 {
        margin-top: 0px;
    }

    .header-concept {
        margin: 0px;
        padding: 60px 0px;
    }

    .fleur-oiseau .vc_col-sm-6:first-child {
        display: none;
    }

    .content-padding-containter {
        padding: 60px 0px;
    }
        .content-padding-containter .fleur-oiseau .wpb_column:last-child .wpb_content_element {
            margin-bottom: 0;
        }

    .page-equipe {
        background-image: none;
    }
        .page-equipe .equipes {
            margin-top: 60px;
        }
        .page-equipe .equipe {
            margin-bottom: 60px;
        }

    .button {
        margin-bottom: 30px!important;
    }
    .administration .vc_row-fluid:nth-child(2) {
        margin-top: 40px;
    }

    .administration .vc_empty_space {
        height: 0px!important;
    }

    .footer {
        padding: 30px 0;
        font-size: 18px;
    }

    #navbarSupportedContent {
        background-color: #7fb9a0;
        padding: 20px 0px;

        position: absolute;
        top: 135px;
        left: -15px;
        right: -15px;
        width: calc(100% + 30px);
        z-index: 200;
    }
        #navbarSupportedContent li {
            text-align: center;
        }

    body.home .navbar-brand {
        display: block;
        visibility: hidden;
    }

    .navbar-light .navbar-toggler {
        border: 0px;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .navbar-brand img {
        width: 70%;
    }

    img.valeurs {
        width: 140px;
    }

    .prestations .wpb_content_element {
        margin-bottom: 0;
    }

    .page-id-11 .content-padding-containter {
        padding-bottom: 25px;
    }
}