/*
 Theme Name:   divi-enfant-PHILIPPECALANDRE
 Theme URI:    http://CHRISGLAUDEL.COM
 Description:  A Child Theme built for Divi
 Author:       Christophe GLAUDEL
 Author URI:   http://digipicture.com
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
Theme Name: divi-enfant-PHILIPPECALANDRE
Template: Divi
@import url(../Divi/style.css);
*/

/* ------------------------------------------------ */
/* - Divi menu couleur a #6cb6fb ou 83c1fb oujaune #c2ab92          - */
/* ------------------------------------------------ 
#main-header #top-menu li.current-menu-item > a {
color: #c2ab92 !important;
}*/

/* ------------------------------------------------ */
/* -       Remove Divi 404 Page Stuff             - */
/* ------------------------------------------------ */

.error404 #main-content .container, .error404 #content-area, .error404 #left-area {
padding: 0 !important;
margin: 0 ;
width: 100% !important;
max-width: none;
}
.error404 #sidebar {
display: none !important;
}
.error404 .et_pb_post:last-child {
margin-bottom: 0;
}
.error404 #top-header, .error404 #main-header, .error404 #main-footer {
display: none !important;
}


/* ---------------------------------------------- */
/* - autre logo 2 lignes sur mobile & tablettes - */
/* ---------------------------------------------- */
@media only screen and (max-width: 981px) {
  /* Changes mobile logo to specified image */
  #logo {
    content: url("http://philippecalandre.com/wp-content/themes/divi-enfant-philippecalandre/philcal-logo-futura-blk-654-443.png");
  }
}

/* ------------------------------------------------ */
/* - 					Home Page 			  	  - */
/* ------------------------------------------------ */

/*----------Super Slim Bloom Optin Form HOME ----------*/
/* regle couleur de fond des champs */
.slim-optin-form .et_bloom_form_container .et_bloom_form_content .et_bloom_popup_input INPUT { padding: 10px !important; background-color: #e5dee8;}
/* regle le padding pour le contenu */
.slim-optin-form .et_bloom_form_container .et_bloom_form_content { padding: 0px !important; }
/* Hide the header area */
.slim-optin-form .et_bloom_form_container .et_bloom_form_header { display: none !important; }
/* Set the font size of the optin text module */
.slim-optin-text { padding-top: 18px !important; }
/* Set the margin for the optin form module */
.slim-optin-form { margin: 0px 0; }
.slim-optin-form .et_bloom_inline_form { margin: 10px 0 !important; }
/* Add a little padding for smaller screens */
@media only screen and (max-width: 1110px) { .slim-optin-form { margin-bottom: 25px; margin-top: 0px; } }
/* Set the font colour for the sucess and error messages */
.slim-optin-form h2.et_bloom_success_message, h2.et_bloom_error_message { color: #888 !important; }
/* Set the border radius for the sucess and error messages */
.slim-optin-form .et_bloom_form_container h2.et_bloom_error_message, h2.et_bloom_success_message { border-radius: 0px !important;
}
/* Hide the checkmark on success message */
.slim-optin-form .et_bloom_success_container.et_bloom_animate_success span.et_bloom_success_checkmark { display: none; }


/* ------------------------------------------------ */
/* - SLIDESHOW PLEIN ECRAN EN HOME     			- */
/* - css perso mon-slider-home     base			- */
/* ------------------------------------------------*/
/* - Manually Set Slider Height 					 */
/* ------------------------------------------------ */
@media only screen and ( min-width:866px ) {
/*These values stay the same.  Just modify the height to suit your needs.*/
.mon-slider-home, .mon-slider-home .et_pb_container {
height: 650px !important;
}
/*.et_pb_slide becomes .et_pb_slides. Note the plural.*/
.mon-slider-home, .mon-slider-home .et_pb_slides .et_pb_bg_layout_dark {
max-height: 650px !important;
}
.mon-slider-home .et_pb_slide_description .et_pb_slides .et_pb_bg_layout_dark {
position: relative;
top: 25%;
padding-top: 0 !important;
padding-bottom:0 !important;
height:auto !important;
}
/*Add basic responsive coding to .et_pb_active_slide, which controls what happens to the image.*/
.et_pb_active_slide {
width: 100%;
height: auto;
}
}

@media only screen and ( max-width:865px ) {

.mon-slider-home, .mon-slider-home .et_pb_container {
height: 700px !important;
}
.mon-slider-home, .mon-slider-home .et_pb_slides .et_pb_bg_layout_dark {
max-height: 700px !important;
}
.mon-slider-home .et_pb_slide_description .et_pb_slides .et_pb_bg_layout_dark {
position: relative;
top: 25%;
padding-top: 0 !important;
padding-bottom:0 !important;
height:auto !important;
}
.et_pb_active_slide {
width:100%;
height: auto;
}
}

@media only screen and ( max-width:565px ) {

.mon-slider-home, .mon-slider-home .et_pb_container {
height: 565px !important;
}
.mon-slider-home, .mon-slider-home .et_pb_slides .et_pb_bg_layout_dark {
max-height: 565px !important;
}
.mon-slider-home .et_pb_slide_description .et_pb_bg_layout_dark .et_pb_slides {
position: relative;
top: 25%;
padding-top: 0 !important;
padding-bottom:0 !important;
height:auto !important;
}

.et_pb_active_slide {
width:100%;
height: auto;
}
}

/* ------------------------------------------------ */
/* - SLIDESHOW PLEIN ECRAN EN projet     			- */
/* - css perso mon-slider-projet     500		- */
/* ------------------------------------------------*/
/* - Manually Set Slider Height 					 */
/* ------------------------------------------------ */
@media only screen and ( min-width:866px ) {
/*These values stay the same.  Just modify the height to suit your needs.*/
.mon-slider-projet, .mon-slider-projet .et_pb_container {
height: 500px !important;
}
/*.et_pb_slide becomes .et_pb_slides. Note the plural.*/
.mon-slider-projet, .mon-slider-projet .et_pb_slides .et_pb_bg_layout_dark {
max-height: 500px !important;
}
.mon-slider-projet .et_pb_slide_description .et_pb_slides .et_pb_bg_layout_dark {
position: relative;
top: 25%;
padding-top: 0 !important;
padding-bottom:0 !important;
height:auto !important;
}
/*Add basic responsive coding to .et_pb_active_slide, which controls what happens to the image.*/
.et_pb_active_slide {
width: 100%;
height: auto;
}
}

@media only screen and ( max-width:865px ) {

.mon-slider-projet, .mon-slider-projet .et_pb_container {
height: 475px !important;
}
.mon-slider-projet, .mon-slider-projet .et_pb_slides .et_pb_bg_layout_dark {
max-height: 475px !important;
}
.mon-slider-projet .et_pb_slide_description .et_pb_slides .et_pb_bg_layout_dark {
position: relative;
top: 25%;
padding-top: 0 !important;
padding-bottom:0 !important;
height:auto !important;
}
.et_pb_active_slide {
width:100%;
height: auto;
}
}

@media only screen and ( max-width:565px ) {

.mon-slider-projet, .mon-slider-projet .et_pb_container {
height: 325px !important;
}
.mon-slider-projet, .mon-slider-projet .et_pb_slides .et_pb_bg_layout_dark {
max-height: 325px !important;
}
.mon-slider-projet .et_pb_slide_description .et_pb_bg_layout_dark .et_pb_slides {
position: relative;
top: 25%;
padding-top: 0 !important;
padding-bottom:0 !important;
height:auto !important;
}

.et_pb_active_slide {
width:100%;
height: auto;
}
}


/******************* GRID IMAGE LAYOUT *******************/
/*                 SOCIAL MEDIA CONTACT                  */
/*********************************************************/
.social_media_custom_1.et_pb_social_media_follow {
    right: 75% !important;
}

.social_media_custom_2.et_pb_social_media_follow {
    right: 50% !important;
}

.social_media_custom_3.et_pb_social_media_follow {
    right: 25% !important;
}

.social_media_custom_4.et_pb_social_media_follow {
    right: 0 !important;
}

.social_media_custom_1, .social_media_custom_2, .social_media_custom_3, .social_media_custom_4 {
    margin-bottom: 0px  !important;
    background-color: none;    /* <-------- Customize here the Background-color */
    padding: 5px 5px 0px 15px !important;
    position: absolute ;
    bottom: 0 !important;
}


/* === Style WP-PageNavi Pagination === */

/* Center the pagination */
.wp-pagenavi { text-align:center; }

/* Add a border */
.wp-pagenavi span, .wp-pagenavi a, .wp-pagenavi :last-child {
    border: 1px solid #bbb !important;
    padding: 6px 12px;
    margin: 0;
}
.wp-pagenavi span, .wp-pagenavi a { border-right: none !important; }

/* Style the default text */
.wp-pagenavi span, .wp-pagenavi a {
    font-weight: bold !important;
    color: #999 !important
}

/* Style the current / hovered page link */
.wp-pagenavi span.current,
.wp-pagenavi a:hover {
    color: #666 !important;
    background-color: #ddd !important;
}

/* Style the page count text */
.wp-pagenavi :first-child { color: #666 !important; }

/* Add text to the "next" link */
.wp-pagenavi .nextpostslink:before { content: 'Next '; }
.wp-pagenavi .previouspostslink:after { content: ' Prev'; }

/* ------------------------------------------------ */
/* - styles de divi central                       - */
/* ------------------------------------------------ */

/* ------------------------------------------------ */
/* - retrait en z des barres menu pour afficher   - */
/* - la lightbox de essentialGrid par dessus      - */
/* ------------------------------------------------ */

#main-header {
	z-index: 99998;
}
#top-header {
z-index: 99997;
}
/*Lightbox essential grid au dessus de menubar*/
.esgbox-overlay {z-index: 99998 !important}
.esgbox-wrap {z-index: 99999 !important}

/* ------------------------------------------------ */
/* - taille nom de auteur vue shop grille         - */
/* ------------------------------------------------ */
.wb-posted_in {
    font-size: 0.9em;
    text-align: center;
}

/* ------------------------------------------------ */
/* - Supprimer la légende lightbox en double      - */
/* - au dessus du visuel                          - */
/* ------------------------------------------------ */
div.pp_woocommerce div.ppt { display: none !important;}
.singular div.pp_woocommerce div.ppt { opacity: 0 !important ;}


/* ------------------------------------------------ */
/* - gallery    format 2:3             - */
/* ------------------------------------------------*/

@media only screen and ( min-width: 1200px ) {
.et_pb_column .custom-4c-blog-style.et_pb_blog_grid .et_pb_salvattore_content[data-columns]::before { content: '4 .column.size-1of4' !important;
}
.et_pb_column .custom-4c-blog-style .column.size-1of4 {
width:24% !important;
margin-right:1%;
}}

/* ------------------------------------------------ */
/* - projets    ecran full screen                 - */
/* ------------------------------------------------*/

.et_fullscreen_slider .et_pb_slides,
.et_fullscreen_slider .et_pb_slide,
.et_fullscreen_slider .et_pb_container {
    min-height: 100% !important;
    height: 100% !important;
}