/*!
 Theme Name:  Enfold Child
 Theme URI:   https://www.servicedetage.fr
 Description: Thème enfant d'Enfold pour répondre aux besoins spécifiques de Service d'Étage
 Author:      Poisson Bouge
 Author URI:  https://www.poissonbouge.fr
 Template:    enfold
 Version:     0.2.1
 Text Domain: enfoldchild
*/

/* redéfinition des couleurs pour le template espace pro */

.page-template-template-pro header #header_meta,
.page-template-template-pro header nav #avia-menu li.menu-item-top-level:last-child a span,
.page-template-template-pro #actualites .slide-entry-excerpt {
	background: #00A7B5 !important;
}

.page-template-template-pro .main_color .avia-color-theme-color,
.page-template-template-pro .main_color .avia-color-theme-color:hover,
.page-template-template-pro #scroll-top-link,
.page-template-template-pro .socket_color,
.page-template-template-pro ::selection {
	background-color: #00A7B5;
}

.page-template-template-pro#top .main_color .avia-color-theme-color {
    border-color: #00A7B5;
}

.page-template-template-pro#top .alternate_color.title_container .main-title,
.page-template-template-pro#top .alternate_color.title_container .main-title a,
.page-template-template-pro .alternate_color .breadcrumb,
.page-template-template-pro .alternate_color .breadcrumb a,
.page-template-template-pro#top #wrap_all .all_colors h2 {
	color: #00A7B5;
}

.page-template-template-pro #formulairecontact .container form {
	margin-top: 0;
	margin-bottom: 0;
}


/* affichage du bon lien mail dans le pré-header en fonction du template */

.social_bookmarks .social_bookmarks_mail ~ .social_bookmarks_mail {
	display: none !important; /* ne pas afficher ces élément à partir du 2e, sur toutes les pages */
}
.page-template-template-pro .social_bookmarks .social_bookmarks_mail {
	display: none !important; /* n'afficher aucun de ces éléments, sur la page pro */
}
.page-template-template-pro .social_bookmarks .social_bookmarks_mail ~ .social_bookmarks_mail {
	display: block !important; /* réautoriser l'affichage de ces éléments à partir du 2e, sur la page pro */
}

/* styles spécifiques du header */
#top .av-menu-button > a .avia-menu-text {
    border: 0 none !important;
	border-radius: 0 !important;
	font-style: italic;
}

@media only screen and (max-width: 767px) {
	.responsive #header .social_bookmarks li{float:left !important;}
}

/* correction bug "message bien envoyé" form contact footer */

.wpcf7 form.sent .wpcf7-response-output {
	clear: both;
}



/**
 ********************************************************************************
 * Code CSS auparavant présent dans le fichier custom.css du thème parent Enfold
 ********************************************************************************
 */

/* General Custom CSS */

.stretch_full.container_wrap.alternate_color.light_bg_color.title_container .container {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
}
h1.main-title.entry-title a {
    font-size: 40px;
    font-weight: 100!important;
}
.breadcrumb.breadcrumbs.avia-breadcrumbs {
    left: 0;
    padding-left: 50px;
    padding-top: 50px;
}
/*.avia-content-slider data-show_slide_delay */

body {
    font-size: 16px;
}

/*** CONTACT ***/

/* Fiche contact */
article.iconbox.iconbox_top.main_color.avia-builder-el-2.el_before_av_codeblock.avia-builder-el-first i.fa {
    margin-right: 5px;
    color: #e20031;
}

/*#formContact {
    background-color: #AA8B50;
    border:none;
}*/


/* Formulaire de contact */
input,
button {
    height:30px;    
}
.wpcf7-form p {
    margin: 0 0 2px;
    line-height: 30px;  
}
input.wpcf7-form-control.wpcf7-text {
    width: 90%;
}
input.wpcf7-form-control.wpcf7-submit {
    font-size: 16px;
    padding: 20px 25px;
    width: 120px!important;
}
span.wpcf7-form-control-wrap.contact-captcha {
    display: inline-block;
}
input.wpcf7-form-control.wpcf7-captchar.contact-captchar {
    width: 100px!important;
}
/*** Alertes ***/
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    border: 2px solid red;
    padding: 10px;
    margin: 0;
    clear: both;
}
.wpcf7-not-valid {
    margin-bottom:0!important;
}
span.wpcf7-not-valid-tip {
    font-size: 12px;
    margin-top: -5px;
    display: block;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    padding: 10px;
    margin: 0;
    clear: both;
    border: 2px solid green;
}
.contact-ligne-infos {
    width: 50%;
    float: left;
}
.contact-ligne {
    width: 50%;
    float: left;
    text-align:left;    
    height: 80px;
    padding-right: 10px;
}
.contact-ligne-sujet {
    float: left;
    width: 49%;
    /*text-align: left;*/
}
.contact-ligne-message {
    float: left;
    text-align: left;
    width: 100%;
    padding-right: 10px;
}
.contact-ligne-message textarea {
    width: 95%;
    height: 120px;
}
.contact-ligne-captcha {
    width:100%;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    padding-right: 10px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    line-height:0;
    margin: 10px;
}
img.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-contact-captcha.contact-captchac {
    margin: 10px 10px -5px 10px;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ng {
    float: left;
}





/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
    .contact-ligne-infos {
        width: 100%;
    }
    .breadcrumb.breadcrumbs.avia-breadcrumbs {
        padding: 20px 0!important;
    }

}

h2{
    font-family: 'Oswald', sans-serif!important;
}
h2 span{
    font-weight: 400!important;
}
#top #wrap_all .all_colors h2.avia-caption-title {
    font-size: 50px;
}
.avia-caption-content {
    font-size: 30px;
}
@media only screen and (max-width: 767px) {
    #top #wrap_all .all_colors h2.avia-caption-title {
        font-size: 30px;
    }
    .avia-caption-content {
        font-size: 19px;
    }
}
@media only screen and (max-width: 600px) {
    #top #wrap_all .all_colors h2.avia-caption-title {
        font-size: 25px;
    }
    .avia-caption-content {
        font-size: 16px;
    }
}
p, div.entry-content, label{
    /*text-align: justify!important;*/
    font-family: 'Oswald', sans-serif!important;
}
.avia-button-wrap a span, .avia-button-wrap a span i{
    font-style: italic!important;
}

/**********************
******** HEADER *******
***********************/
/* Partie réseaux sociaux */
header #header_meta{
	background:#AA8B50!important;
    border-bottom: #EBEFEE 6px solid!important;
}
header #header_meta .container{
    height: 40px;
    padding-top: 5px;
}
header .social_bookmarks li a {
    background: #444444!important;
    border-radius: 50%!important;
    color: white!important;
}
header .social_bookmarks li {
    margin-right: 10px;
    transform: scale3d(0.8,0.8,1);
    border: none!important;
}
header .phone-info{
    position: relative;
    font-size: 12px;
    color: white!important;
}
/*header .phone-info:before {
    background-image: url('https://www.servicedetage.fr/wp-content/uploads/2017/06/tel.png');
    width: 10px;
    height: 10px;
    background-size: 10px;
    content: '';
    position: absolute;
    left: -15px;
    bottom: 10.5px;
}*/
/* Partie menu */
header #header_main{
	background:white!important;
}
header nav ul li a{
    color: black!important;
    transition: 0s!important;
}
header nav ul li:hover a{
    color: #454545!important;
}
header nav ul li a{
    cursor: pointer!important;
}
header nav #avia-menu li.menu-item-top-level:last-child a span{
    background: #AA8C50;
    padding: 5px 10px;
    border-radius: 2px;
    color: white;
}
header nav #avia-menu li.menu-item-top-level:last-child:hover a span{
    color: black;
}
.av-main-nav > li > a {
    font-size: 16px!important;
}
/*
#menu-item-208 ul {
    max-height: 0px!important;
    transition: .5s;
    overflow: hidden;
    opacity: 1!important;
    visibility: visible!important;
}
#menu-item-208:hover ul {
    max-height: 150px!important;
}*/
#top .av-main-nav ul ul {
    left: 207px;
}

/**********************
***** 1er Bandeau *****
***********************/
.slideshow_align_caption h2{
    margin-bottom: 0 !important;
    position: relative;
    font-weight: 100;
}
.slideshow_align_caption h2:after{
    width: 300px;
    height: 2px;
    content: '';
    position: absolute;
    left: 15px;
    bottom: 0;
    border: none;
    background-color: #C5C5C5;
}
.avia-caption-content p {
    width: 467px;
    font-weight: 100;
}
#flechebas{
    background: none;
    border: none;
    margin-top: -120px;
    width: 80px;
    margin-left: calc(50% - 20px);
}
#flechebas a{
    background: rgba(0,0,0,0.7);
    border-radius: 50%;
    height: 40px!important;
    width: 40px!important;
    font-size: 50px!important;
    line-height: 40px!important;
}
/**********************
***** 2em Bandeau *****
*******(services)******/
#enconfiance{
    margin-top: 5px!important;
}
#enconfiance .avia-builder-el-9{
    max-width: 750px!important;
    margin-left: 20px!important;
    font-size: 16px!important;
}
/**********************
***** 3em Bandeau *****
****(presentations)****/
#prestations {
    border-top: 1px solid #D4D4D4;
    background: linear-gradient(180deg, white 0%, #F3F3F3 100%);
}
#prestations .flex_column{
    background: white;
}
#prestations .avia-color-theme-color {
    color: #ffffff;
    border-color: #232323;
    width: 90%;
    margin-bottom: 10px;
}
#prestations .av-special-heading-h3{
    margin-top: 20px;
}
#prestations .avia_textblock p{
    margin: 5px 15px;
    text-align: left;
}
.avia_transform a:hover .image-overlay { 
    opacity: 0.7 !important;
    display: none!important;
}
/**********************
***** 4em Bandeau *****
***********************/
#nosqualite .av-special-heading-h4{
    margin-top: 5px!important;
}

/**********************
***** 5em Bandeau *****
********(actus)********/
#actualites{
    border-bottom: 1px solid #D4D4D4;    
}
#actualites .slide-entry-title{
    text-align: center!important;
}
#actualites .slide-meta{
    display: none!important;
} 
#actualites .slide-entry-excerpt{
    background: #AA8C50!important;
    padding: 8px 6px!important;
    color: white!important;
} 
#actualites .slide-content header{
    margin: 10px 0!important;
}
#actualites .slide-image{
    height: 150px;
}
#actualites .slide-image img{
    /*width: 100%!important;*/
    height: 100%!important;
}
.big-preview a{
    width: 50%!important;
    margin: 0 auto!important;
}
.blog-author, .blog-categories, .text-sep{
    display: none!important;
}
/**********************
***** 6em Bandeau *****
*****(Formulaire)******/
#formulairecontact .avia_textblock p{
    text-align: center!important;
}
#formulairecontact .avia-builder-el-46{ /* ? */
    height: 300px!important;
    padding: 10px 0!important; 
}
#titreform .container .template-page{
    padding-bottom: 10px!important;
}
#formulairecontact .container{
    max-width: 1120px!important;
}
#formulairecontact .container form{
    margin-top: 30px;
}
#formulairecontact .container label{
    font-size: 1.05em;
}
#formgauche, #formdroite{
    width: 47%;
    display: inline-table;
    vertical-align: top;
}
#formdroite{
    float: right!important;
}
#formdroite{
    padding-top: 11px;
}
#formgauche p{
    width: 48.5%;
    display: inline-block;
    margin-right: 0.5%;
    margin-left: 0.5%;
}
.fullsize input{
    width: 100%!important;
}
#formgauche p label span input, #formgauche div.fullsize label span input{
    margin-bottom: 10px!important;
}
textarea[name="your-message"]{
    height: 150px!important;
    resize: none!important;
}
#sendbtn{
    margin-top: 40px!important;
}
#sendbtn input{
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,.1), inset 0 -10px 20px rgba(0,0,0,.1);
}
input[type="submit"]{
    background: #4D4D4D!important;
    font-weight: bold;
    padding: 15px 0!important;
    outline: 0;
}
input[type="submit"]:hover{
    background: #707070!important;
}
#mentionsobligatoires{
    text-align: center!important;
    /*margin-top: 151px;*/
}
.ajax-loader{
    visibility: hidden!important;
}
span[role="alert"]{
    color: darkred!important;
}
/*.wpcf7-response-output{
    text-align: center!important;
    border: none!important;
    background: white!important;
    padding: 5px!important;
    margin-top: 105px!important;
    width: 75%!important;
    margin: 15px auto!important;
}*/
.mail{
    text-decoration: none!important;
}
.mail:hover{
    text-decoration: underline!important;
}
#prestations .avia-button-wrap .avia_iconbox_title{
    float: right!important;
}
/**********************
******* Footer ********
***********************/
#footer{
    padding: 0!important;
    border: none!important;
}
#footer h3{
    color: white!important;
}
#footer .textwidget p{
    margin: 0!important;
    text-align: center!important;
}
#footer .textwidget p:nth-child(3):before {
    background-image: url('https://www.servicedetage.fr/wp-content/uploads/2017/06/tel.png');
    width: 10px;
    height: 10px;
    background-size: 10px;
    content: '';
    position: absolute;
    left: -15px;
    bottom: 10.5px;
}
#footer .textwidget p:nth-child(4):before {
    background-image: url('https://www.servicedetage.fr/wp-content/uploads/2017/06/tel.png');
    width: 10px;
    height: 10px;
    background-size: 10px;
    content: '';
    position: absolute;
    left: -15px;
    bottom: 10.5px;
}
#footer #text-4{
    margin-bottom: 10px!important;
}
#footer #text-4 h3{
    text-align: center!important;
}
#footer #avia_google_maps-3{
    margin-top: 0!important;
}
#footer .widget_nav_menu li {
    line-height: 13px;
}
#footer #media_image-3{
    text-align: center;
}
#footer #text-3{
    overflow: visible !important;
}
/* #footer #text-3 p{
    font-size: 16px;
    margin-top: -15px !important;
} */
#footer #media_image-12{    
    text-align: center;
}
#footer #media_image-13{
    margin: 40px 0 0 0!important;
}
#socket{
    border: none!important;
}
#socket .social_bookmarks li a{
    color: white!important;
}
#footer #menu-plan-du-site .sub-menu {
    margin-left: 5px!important;
}

.widget_text, .widget_media_image {
    text-align: center;
}

.footer_color .image {
    max-width: 165px !important;
}

#footer .widget {
    margin: 15px 0;
}

#footer .flex_column {
    padding: 15px 0;
}

@media only screen and (max-width: 1030px) {
    .av-main-nav > li > a {
        font-size: 14px!important;
    }
}
@media only screen and (max-width: 990px) {
    #menu-item-208 ul {
        max-height: 214px!important; /* 214 px si 4 éléments ds le sous-menu */
    }
}
@media only screen and (max-width: 833px) {
  #formgauche, #formdroite{
    width: 100%;
    display: block;
    }
    #formgauche p{
        width: 100%;
        display: inline-block;
    }
    .wpcf7-recaptcha > div{
        margin: 0 auto 15px!important;
    }
}
@media only screen and (max-width: 815px) {
    .av-main-nav > li > a {
        font-size: 11px!important;
    }
}
@media only screen and (max-width: 767px) {
    #header_meta .social_bookmarks, #header_meta .phone-info {
        width: 50%!important;
        display: inline-block!important;
        padding-left: 0!important;
    }
    #enconfiance .avia-image-container{
        float: none!important;
    }
    #enconfiance .avia-image-container img{
        margin: 0 auto!important;
    }
    #enconfiance .avia-builder-el-9 {
        margin-left: 0px!important;
    }
    #footer {
        text-align: center!important;
    }
    .slideshow_align_caption h2:after{
        width: 105px;
    }
    .avia-caption-content p, .slideshow_align_caption h2 {
        width: 185px!important;
    }
    #flechebas{
        display: none;
    }
}
@media only screen and (max-width: 525px) {    
    #full_slider_1 .slideshow_align_caption{
        margin: 0 0 -15px -25px!important;
    }
}
@media only screen and (max-width: 450px) {    
    #full_slider_1 .slideshow_align_caption{
         margin: 0 0 -25px -55px!important;
    }
}
@media only screen and (max-width: 400px) {    
    #full_slider_1 .slideshow_align_caption p{
        font-size: 10px!important;
        padding: 5px 10px!important;
    }
}
img{
    transition: .5s!important;
}
#enconfiance img:hover, #prestations img:hover, #nosqualite img:hover, #formulairecontact img:hover{
    transform: scale3d(1.1,1.1,1)!important;
}

ul li strong em{
    font-size: 18px;
}
#monh1{ 
    position: absolute!important;
    visibility: hidden!important;
}
body.page-id-27 .av-subheading p{
    color: #aa8c50;
    font-size: 10px;
    line-height: 0;
    text-align: center!important;
    font-style: italic;
    margin-top: 10px;
}
#lestarifs table tbody tr td, #lestarifs table tbody tr th{
    font-size: 16px!important;
}
.image-overlay {
 visibility: hidden!important;
 }
.av_textblock_section ul{
    margin-top: 40px!important;
}