/*
Theme Name: Calyweb Child Theme
Theme URI: 
Author: Calyweb
Author URI: 
Description: Calyweb Child Theme
License: 
License URI: 
Template: h-code
Version: 1
Text Domain: 
*/

.page-id-110 .hcode-heading-1 {
    padding: 0 0 30px 0 !important;
    text-align: center !important;
}
.page-id-90 .hcode-heading-1 {
    margin: 0 0 50px 0 !important;
}
.hcode-separator-1 {
    margin: 0 auto 50px auto !important;
}
.single-portfolio .hcode-row-1 {
    margin: -20px 0 0 0 !important;
}
.single-portfolio .hcode-button-1 {
margin: 30px 0 30px 0 !important;
}
.page-id-115 .hcode-row-1 {
    margin: 50px 0 0 0 !important;
}
.page-id-115 .hcode-heading-1 {
    padding: 0 0 30px 0 !important;
}
.page-id-115 .hcode-heading-2 {
    padding: 0 0 30px 0 !important;
}

.wpcf7-form br{
    display:none !important;
}

.highlight-button {
    border: 1px solid #000 !important;
}

span[data-name="checkbox"] {
    display:inline !important;
} 
.wpcf7-form-control .wpcf7-list-item {
    margin: 0 !important;
    line-height:20px;
}
#contact-us .btn {
    margin: 0 !important;
}

div[class^='WriteAReviewButton'], div[class*=' WriteAReviewButton'] {
    display:none !important;
}

.reseauxslide {
    max-width: 500px;
    max-height: 500px;
}
.reseauxslide .owl-item {
    padding: 0;
}

.work-with-title figure:hover img {
    opacity: 1 !important;
}

.disflex .row {
    display:flex;
    align-items:center;
}

.single .page-title-section .col-lg-8 {
    width:100% !important;
    text-align:center;
}

@media (min-width: 768px) {
    .single .owl-carousel .owl-item img {
        width:500px;
    }
    .single .owl-carousel.owl-drag .owl-item {
        width: 510px !important;
    }
    .single .owl-stage-outer {
        height:500px;
    }
}

.single .text-med {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.blog-details-text p {
    margin-bottom: 10px;
}

.team-style-6 {
    width:100% !important;
}
.architecture-team p {
    margin-bottom:0;
}
.architecture-team {
    padding: 0px 0px 0 35px;
    margin-bottom:0 !important;
}
.team-member {
    overflow: visible !important;
}
@media (max-width: 1199px) {
.architecture-team {
    margin-bottom: 0px !important;
}}
@media (max-width: 1064px) {
.architecture-team {
    padding: 0px 0px 0px 35px !important;
}}
@media (max-width:991px) {
    .architecture-team {
    padding: 0 !important;    
    }
}

.container.cli-style-v2 {
    padding-left:0;
    padding-right:0;
}

.slider-text-middle {
    animation-name: none !important;
}

.margin-ten {
    margin-top: 20px !important;
    margin-bottom: 20px!important;
}
.printbox{
    clear:left;
}

#media_image-2 img {
    max-width:200px !important;
    margin-bottom:20px;
}
#media_image-2 {
    text-align:center;
}

.separator-line-thick {
    margin: 30px auto;
}

.single-portfolio .gallery-img {
    display:none;
}

@media (min-width: 768px) and (max-width: 991px) {
    .about .hcode-column-1 {
        padding-left:15px !important;
        padding-right:15px !important;
    }
}


/* On met en forme le détail des prestas */
.panel-body {
    padding: 10px 18px 0px 18px;
}
@media (max-width: 480px) {
.panel-body {
    padding: 20px 18px 0px !important;
}}
ul {
    margin-bottom: 0px;
}
.panel-heading {
    padding-bottom: 0px;
}
.panel-body li:last-child {
    padding-bottom: 0px;
}

/* ----------------- GENERAL ----------------- */


/* On raligne à droite un module de la page d'accueil */
.recprojects .hcode-text-2 {
    text-align:right;
}

/* On rectifie le padding */
section {
    padding: 60px 0;
}
@media (max-width: 991px){
    section {
        padding: 60px 0 !important;
    }
}

/* On aligne à gauche le copyright */
.copyright {
    margin-left:0 !important;
}

/* On limite la largeur du logo et on ajoute un espace en haut et en bas */
.logo-light img, .logo-dark img,.navbar .hcode-header-logo > .logo-light > .logo,.navbar .hcode-header-logo > .logo-dark > .logo
{
	max-width: 150px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* On change la couleur de bordure des sous-titre de section */
.sub-title { border-bottom: 1px solid #b7612c; }

/* Classe pour justifier le texte */
.justify { text-align: justify; }

/* On met en forme les titres de chaque section */
h2
{
	font-weight: 500 !important;
	font-family: "Chronicle";
	letter-spacing: 4px !important;
}

/* On redéfinit le margin par défaut des P */
p { margin: 0 0 20px; }

/* On redéfinit la grosseur par défaut des H3 */
h3 { font-weight: 600; }

/* On met en forme les titre du bandeau pré footer */
.footer-top p 
{
   letter-spacing: 1px;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-transform:uppercase;
}

/* On met en forme les titre du footer */
.sidebar-title 
{
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 11px;
    color: #000000;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

/* On réaligne le dropdown du header sur la bande */
.navbar > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu 
{
margin-top: 3px!important;
}
.shrink-nav > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu 
{
margin-top: 2px!important;
}

/* On change la couleur de fond du dropdown */
.dropdown-menu,.static-sticky .dropdown-menu,.white-header .dropdown-menu {
    background: #fff !important;
}
.dropdown-menu li a {color:#000;}
.dropdown-menu li a:hover,.navbar .simple-dropdown > ul.dropdown-menu > li.current-menu-item > a {
    color: #edd9c5 !important;}

/* On met en forme les liens du dropdown */
.navbar > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu li a {
border-bottom: 1px solid rgba(183, 97, 44, 0.1);
padding: 15px 15px !important;
position: relative;
}

/* On met en forme le footer */
.footer-bottom .margin-three {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.margin-four {
margin-top: 30px !important;
}
footer .footer-middle {
padding-top: 40px;
padding-bottom:0px;
}
.row.margin-four.no-margin-bottom {
    display:none;
}

/* On met en forme les réseaux sociaux */
.footer-social a {
margin: 0 0px;
}
.fa-instagram {
    padding-left:30px;
}

@media only screen and (min-width : 992px) {
    /* On limite la largeur du A propos du footer sur desktop */
    #media_image-2 {
        padding-right:40px;
    }
}

/* On cache le badge recaptcha */
.grecaptcha-badge{
	visibility: collapse !important;  
}

/* On met en forme la police H1 sur chaque page */
.page-title-section h1 {
    font-weight: 500 !important;
	font-family: "Chronicle";
	letter-spacing: 4px !important;
}

/* On réduit la bordure sous le menu */
.navbar > .nav-header-container .navbar-nav > li.current-menu-ancestor > a, .navbar > .nav-header-container .navbar-nav > li.current-menu-item > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:hover, .navbar-default .navbar-nav > li.open:hover > a, .pull-menu .navbar-nav li:hover > a, .pull-menu .navbar-nav li > a.active, .pull-menu .navbar-nav li.current-menu-ancestor > a, .pull-menu .navbar-nav li.current-menu-item > a, .pull-menu .navbar-nav li.current-menu-ancestor > a, .pull-menu .navbar-nav li.current-menu-ancestor ul li.current-menu-item > a {
    border-bottom:1px solid #edd9c5 !important;
}


/* --- TABLETTE ET MOBILE --- */

@media (max-width: 991px)
{
	/* On change la couleur du hamburger sur le bandeau transparent */
	.navbar .navbar-toggle { background-color: transparent !important; }
	.home .navbar-default .navbar-toggle .icon-bar { background-color: #fff !important; }
	.home .shrink-nav .navbar-toggle .icon-bar { background-color: #b7612c !important; }
	
	/* On augmente l'espace entre chaque trait du menu */
	.navbar-toggle .icon-bar + .icon-bar { margin-top: 6px; }
	
	/* On change la couleur du hamburger sur le bandeau fixe */
	.navbar-default .navbar-toggle .icon-bar { background-color: #b7612c !important; }
	
	/* On augmente la hauteur du bandeau */
	.navbar > .nav-header-container .accordion-menu .navbar-collapse {
        max-height: 600px !important;
        margin-top: 2px;
    }
    .shrink-nav > .nav-header-container .accordion-menu .navbar-collapse {;
        margin-top: 1px !important;
    }

	/* On change le fond du menu */  
    .navbar > .nav-header-container .accordion-menu.mobile-accordion-menu .navbar-collapse, .dropdown-menu,.static-sticky .dropdown-menu,.white-header .dropdown-menu {
        background: #fff !important;

    }

	/* On force la police noire sur tout le menu */     
    .navbar.shrink-nav .navbar-nav > li > a, .navbar.nav-black .navbar-nav > li > a,.navbar .navbar-nav > li > a,.navbar .navbar-nav .open .dropdown-menu > li > a {
        color: #000 !important;
    }
    
	/* On colorise la page en cours */        
    .current_page_item a,.navbar > .nav-header-container .navbar-nav > li.current-menu-item > a {
        color:#edd9c5 !important;
        border-bottom:0px !important;
    }
    .navbar-default .navbar-nav > li:hover > a,.navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:hover, .navbar-default .navbar-nav > li.open:hover > a,.navbar > .nav-header-container .navbar-nav > li.current-menu-ancestor > a {
        border-bottom:0px !important;
    }
    .footer-middle .current_page_item a {
    color:#000 !important;
    }
    
    /* On diminue l'épaisseur de police du menu */ 
    .sticky-nav .navbar-nav > li > a {
        font-weight: 600 !important;
    }
    .navbar.navbar-default > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu li a {
        font-weight: 500 !important;
    }
    
    /* On colorise les bordures de chaque lien du menu */ 
    .hcode-menu-custom-color .navbar > .nav-header-container .accordion-menu .navbar-collapse .navbar-nav > li {
        border-bottom-color: rgba(183, 97, 44, 0.1) !important;
        border-bottom: 1px solid;
        border-top:0px;
    }
}


/* --- TABLETTE --- */

@media (min-width: 768px) and (max-width: 991px)
{
    .hcode-header-logo  {
        width: 100% !important;
        text-align: center;
        padding-left: 72px !important;
    }
}


/* --- MOBILE --- */

@media only screen and (max-width : 767px)
{
	/* On redéfinit le margin par défaut des P */
	p { margin: 0 0 15px; }
	
	.footer-top {padding:20px 0;}
	
	.footer-social a:last-child {
	    margin:auto;
	}
	.disflex .row {
        display:block;
    }
}


/* ----------------- ACCUEIL ----------------- */


/* On met en forme le sous-titre de la bannière suite au changement de police */
h1.hometitle
{
font-weight: normal;
line-height: 30px;
margin-top: 20px !important;
letter-spacing: 5px;
font-size: 15px;
}
.homesubtitle
{
	line-height: 30px;
	font-family: Chronicle;
	font-weight: normal !important;
	font-size:17px;
	margin-top:30px;
	text-transform:uppercase;
}

/* On met en forme le titre de la bannière suite au changement de police */
.slider-title-big6
{
	font-family: Chronicle;
	font-weight: 500 !important;
    line-height: 80px;
}

.work-with-title .grid figcaption h3 a {
    color: #000;
    font-size:12px;
    letter-spacing: 2px;
}
.grid-gallery figcaption p {
    letter-spacing: 2px;
}


@media only screen and (min-width : 768px)
{
    /* On augmente les espaces entre chaque box prestation */	
    .socialbox { padding-left: 20px; }
	.identitybox
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	.conseilbox { padding-right: 20px; }
}

/* On supprime le curseur par défaut bizarre sur les projets récents */
.masonry-portfolio-grid.grid figcaption,.work-with-title figure:hover img { cursor: pointer !important; }



/* On réduit l'effet au hover du bandeau sur les projets récents */
.work-with-title .grid li:hover figcaption { bottom: 10px; }

.masonry-portfolio-grid p {
    text-align:center !important;
}

/* --- TABLETTE ET MBOBILE --- */

@media (max-width: 991px)
{

	/* On supprime l'effet Up sur le bandeau au hover */
	.work-with-title .grid li:hover figcaption { bottom: 0 !important; }
}


/* --- TABLETTE --- */

@media (min-width: 768px) and (max-width: 991px)
{
	
	/* On diminue la taille de police du titre de la bannière */
    .slider-title-big6 
    {
    font-size: 75px !important;
    line-height: 80px !important;
    }
}


/* --- MOBILE --- */

@media only screen and (max-width : 767px)
{
	
	/* On masque les logos clients */
	.clientbox {display:none;}
	
	.vc-column-innner-wrapper .work-with-title .grid li:hover figcaption {
        bottom: 0px !important;
    }
}


/* ----------------- CONTACT ----------------- */


/* On met en forme le bouton du formulaire */
.highlight-button-dark {
    border: 1px solid #000;
    background-color:transparent;
    color:#000;
}
.highlight-button-dark:hover,.highlight-button-dark:focus {
    border: 1px solid #000;
    background-color:#000;
    color:#fff;
}

/* On change la police des coordonnées de la page contact */
.contactinfo {
    font-weight:400;
    letter-spacing:2px;
    font-size:11px;
}

/* On décale le bouton envoi vers le bas */
.wpcf7-submit {
    margin-top: 30px !important;
}

/* On résou le bug de la checkbox */
.checkbox,.wpcf7-form-control.wpcf7-checkbox {
    display:inline;
}
input[type="checkbox"] {
    padding:8px;
    bottom:3px;
}
.checkbox .wpcf7-list-item {
    position: static;
}

/* ----------------- A PROPOS ----------------- */


/* On met en forme la citation en bas du A Propos */
.testimonial-style2 p {
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color:#000;
    text-transform:uppercase;
}

/* On justifie le texte */
.tab-content p {
    text-align:justify;
}

/* On met à la ligne le titre de chaque tab de A propos*/
@media (max-width: 991px) {
    .page-id-110 .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
        border-bottom: 1px solid #000 !important;
    }
    /* On supprime la marge à droite des paragraphes mise par défaut sur tablette et mobile*/
    .margin-right-ten {
        margin-right: 0% !important;
    }
}
@media (max-width: 767px) {
    .page-id-110 .nav > li {
        width: 33%;
    }
    .nav-tabs > li.active > a {
        border-width: 1px !important;
    }
}
@media (max-width: 500px) {
    .page-id-110 .nav > li {
        width: 50%;
    }
}




/* ----------------- PROJETS REALISES ----------------- */


/* On met en forme nos titres H2 */
.page-id-90 h2 {
    font-weight:400 !important;
    letter-spacing:2px !important;
    font-family:"Open Sans";
}

/* On réduite la marge entre chaque catégorie du filtre */
.nav-tabs-gray li a {
    margin: 0 25px;
}
.nav-tabs-gray li:first-child a {
    margin: 0 25px;
}



@media (max-width: 991px) {
    
    /* On met en forme sur Ipad et Mobile le filtre de recherche */
    .nav-tabs > li > a {
        margin-left: 25px !important;
        margin-right: 25px !important;
        padding-top:20px;
    }
    
    /* On supprime la bordure par défaut en bas de chaque bouton */
    .nav-tabs > li > a:hover,.nav-tabs > li > a:focus {
        border-bottom: 0px !important;
    }
}


@media (max-width: 767px) {
    
    /* On met en forme sur mobile comme sur PC le filtre de recherche */
    .nav-tabs > li {
        display: inline-block;
        width: 33% !important;
    }
    .portfolio-filter {
        display: inline-block !important;
    }
    .nav-tabs-gray li:last-child a,.nav-tabs > li > a {
        margin-top:0px !important;
        border-bottom:0px !important;
    }
    .nav-tabs {
        text-align: center;
    }
    .nav-tabs > li.active > a {
    border-bottom: 0px;
    }
    /* On augmente l'espace entre le filtre de recherche et le reste */
    .portfolio-filter.nav-tabs {
    margin-bottom: 50px !important;
    }
    .features-box-style2 .small-icon {
        margin-bottom:20px !important;
    }
    .features-box-style2 .separator-line {
        margin-top:20px !important;
        margin-bottom:15px !important;
    }
}
@media (max-width: 500px) {
    .nav-tabs > li {
        width: 50% !important;
    }
}


/* ----------------- SINGLE PROJECT ----------------- */

/* On répare le bug de marge entre le titre et le paragraphe */
.portfolio-single-content .margin-five-top {
    margin-top: 0px !important;
    padding-top: 25px !important;
}

/* On met en forme le titre H2 de chaque section */
.portfolio-single-content h2 {
    font-size: 15px !important;
    font-weight: 100 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase;
    font-family:"Open Sans";
    line-height:25px !important;
}

/* On réduit la largeur des pré-infos du projet */
@media (min-width: 992px) {
.single-portfolio .col-md-12 {
    width:83.33333333%;
    float:none;
    margin:auto;
}
.projectinfos .row {
    width:83.33333333%;
    margin:auto; 
}
}


/* ----------------- PRESTATIONS ----------------- */

@media (min-width: 768px) {
.accordion-style1 .panel-collapse {
    display:block;
}
.accordion-style1 .panel-title .pull-right {
    display:none;
}
}

/* On met en forme le titre H2 de chaque section */
.prestasbox h2 {
    font-size:18px !important;
    font-weight:400 !important;
}

/* On espace chaque ligne de détail de prestation */
.panel-body li {
    padding-bottom:20px;
}

/* On aligne à gauche le titre de chaque section */
.prestasbox {
    text-align:left !important;
}

@media (max-width: 991px) {
    .prestasbox {
        text-align: left !important;
    }
}

/* = GESTION DES COOKIES
-------------------------------------------------------------- */
.cli-bar-message {
    display:inline;
}
.cli-plugin-button {
    width: 100px;
}
.footer.cli_settings_button{
    color:#626262 !important;
}
.footer.cli_settings_button:hover{
    color:#000000 !important;
}
@media (max-width: 400px) {
    .cli-bar-message {
        display: block !important;
        text-align:center !important;
    }
}