/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* CBA */

.et_pb_section {background-color: black !important;}
#main-content {background: black !important; }
h3, .page h1 {font-family: 'Roboto Condensed', sans-serif !important; text-transform: uppercase;font-weight: 100; color: white;font-size:36px;}
.single-post #left-area p {color:#979797;text-align: justify;}
#sidebar{display: none;}
#left-area{width: 100%;}
#main-content .container:before {
width: 0;
}

.et_post_meta_wrapper {display: none;}

#et-top-navigation {float: left;width: 100%;padding-left: 0 !important;}
nav#top-menu-nav {width: 80%;}
body:not(.et_mobile_device ) #top-menu {width: 90%;
    margin: auto;
    display: block;
    position: relative;
    margin-left: 15%;
text-align: center;}
#top-menu li {padding-right: 5%; text-transform: uppercase;font-family: "Roboto Condensed", sans-serif; font-size: 21px;font-weight: 200;}
.logo-plugin {float: right;}
#main-header img {max-height: 34px;}
.slick-dots {bottom: 30%;}
.slick-dots li {color: white;}
.slick-dots li button:before {color: white;font-size: 26px;}
.slick-dots li{padding: 0 10px;}
.slick-dots li.slick-active button:before {color: white;}
.et_header_style_left #et-top-navigation nav > ul > li > a {padding-bottom: 0 !important; margin-bottom: 35px;}
.et_header_style_left #et-top-navigation .current-menu-item > a {border-bottom: 1px solid white;}
 

/* Home */

.home.et_fixed_nav #main-header, .home.et_fixed_nav #top-header {position: relative;}
#portraits-home {padding: 0;}
#portraits-home .et_pb_row {padding: 0;}
#portraits-home .et_pb_text {height: 768px;
    vertical-align: middle;
    display: table-cell;
    width: 605px;}
#portraits-home .et_pb_text_0 {z-index: 10;}
.home #portraits-home .et_pb_text_0 img, .home #portraits-home .et_pb_text_2 img {cursor: pointer;}
.home #portraits-home .et_pb_text_1, #portraits-home .et_pb_text_3, #portraits-home .et_pb_text_4 {z-index: 100;    position: absolute;
    top: 0;
    background: black;
    padding: 20% 15% 0 15% ;text-align: justify;display: none;}
/*#portraits-home .et_pb_text:not(.texte-portrait-home) p {top:25%;position: relative;}*/
#arrow-down-portraits {padding-top: -20%;}
#arrow-down-portraits img {    position: absolute;
    margin: auto;
    bottom: 100px;
    display: block;
    margin-left: -29px;
    left: 50%;
z-index: 1000;}
#actualites-home.et_pb_section, #actualites-home .et_pb_row  {padding: 0;}
.home #page-container {top: 0;padding-top: 0 !important;}
.texte-portrait-home, .texte-portrait-home-mobile {display: none;}
.texte-portrait-home h3 {text-transform: uppercase;font-family: "Roboto Condensed", sans-serif; font-size: 30px;padding-bottom: 20px;}
.texte-portrait-home p {color: #979797;}
#partenaires h3 {text-transform: uppercase;font-size: 30px;font-family: 'Roboto Condensed', sans-serif;} 
#partenaires strong{text-transform: uppercase;font-size: 16px;font-family: 'Open Sans', sans-serif;font-weight: 500;color: white;} 
#partenaires  {font-size: 16px;font-family: 'Open Sans', sans-serif;font-weight: 400;color: #636466;} 
#actualites-home {background: #212121;padding: 30px;}
#actualites-home h4 {color:white; font-family: 'Roboto Condensed', sans-serif;}
#actualites-home p {color: #979797;}
#actualites-home .et_pb_slides {height: 100%;}
#actualites-home .et_pb_slide {height: 100%;}
#actus-home .wrap-post{display: block;background: #212121;padding-left: 30px;width: 100%;position: absolute;bottom: 0;}
#actus-home .entry-title, #actus-home .post-content, #actus-home .post-meta, .category .entry-title, .category .post-content, .category .post-meta{color: #cecece;font-family: "Roboto Condensed", sans-serif;}
#actus-home .entry-title{font-size: 23px;text-transform: uppercase;color: white;}
#actus-home .post-meta{margin-bottom: 0;padding-bottom: 20px;}
#actus-home .post-content{padding-bottom: 20px; display: none;}
#actus-home article:hover .post-content{display: block;}


/* Page de contenu */
@media screen and (min-width: 782px) {

body:not(.home) .et-pb-slider-arrows {width: 40%;
    display: block;
    /* margin: auto; */
    position: absolute;
    right: 0;
    top: 200px;
margin: auto;}
body:not(.home) .et-pb-arrow-prev, body:not(.home) .et-pb-arrow-next {opacity: 1; }
body:not(.home) .et-pb-arrow-next {right: 0;}
body:not(.home) .et-pb-controllers {width: 40%;left: auto;right: 0;top: 200px;}
body:not(.home) .et_pb_bg_layout_light .et-pb-controllers a {background: white;}
body:not(.home) .et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control {background: #DDD;width: 10px;height: 10px;}
 
    
}

.single-post .et_pb_section, .single-post .et_pb_row {padding: 0;margin-bottom: 1.1%;}
.single-post .logos {padding: 15px 0 0 0;}
#nav-prev-next {width: 80%;max-width: 1200px;margin: 40px auto;height: 60px;}
.fleche.gauche {text-align: left;}
.fleche.droite {text-align: right;float: right;}
.fleche {height: 50px;display: block;float: left;width: 50%;z-index: 1000;position: relative;}
.fleche a{color: white;font-family: 'Roboto Condensed'; font-size: 30px;height: 100%;}
.fleche strong{color: white;font-size: 17px;font-family: 'Roboto Condensed';text-transform: uppercase;font-weight: 300;}

#contact-portraits p {text-align: center !important;}
/* Réalisations */ 

.esg-cc .esg-overlay {background: transparent; }
.esg-media-cover-wrapper {cursor: pointer;}
.esg-filters {text-align: left !important;}
.eg-woodrowwilson-element-4, .eg-woodrowwilson-element-0 {text-align: left;font-family: "Roboto Condensed", sans-serif !important;}
.esg-filterbutton {text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif;}
.esg-filter-wrapper {margin-left: 0 !important;} 

/* CATEGORIES */

.category article {width: 49%;float: left;display: block;position: relative;margin-left: 1%;height: 450px;background: #212121;}
.category.et_pb_gutter.et_pb_gutters2 #left-area {width: 100%;padding-right: 0;}
.category .post-meta {display: none;}
.category .entry-title {color: white;text-transform: uppercase;}
.category .wrap-post p {color: #979797;font-family: 'Open Sans';}
.category .wrap-post {padding-left: 20px;}

/* Footer */

#footer-widgets {padding: 0;background: black;}

#footer-atelier .logos {height: 50px;display: block;}
#footer-atelier p {padding: 0;}

#footer-atelier h3 {text-transform: uppercase;font-size: 30px;padding: 20px 0;font-family: 'Roboto Condensed', sans-serif;}
#footer-atelier .footer-social {color: white;padding: 15px 0 0 0;}
.footer-social i {padding: 0 10px;}
#main-footer .container {max-width: 100%;width: 100%;}
#main-footer .et_pb_row_5 {max-width: 100% !important;width: 100% !important;}
#main-footer #divi_pb_widget-2 {width: 100%;}
#footer-bottom {display: none;}
.et_pb_widget a {color: white;}
.et-pb-arrow-prev:before {content: url('http://outrun.agency/clients/ATELIERDARCHI/wp-content/uploads/arrow-gauche.png');}
.et-pb-arrow-next:before {content: url('http://outrun.agency/clients/ATELIERDARCHI/wp-content/uploads/arrow-droite.png');}
.et-pb-controllers{display: none;} 
.esg-loadmore {display: none !important;}

.pa-image-gallery-2-3 .et_pb_gallery_image {
  padding-top: 150%;
  display: block;
}

.pa-image-gallery-2-3 .et_pb_gallery_item img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
 .et_pb_gallery_grid .et_pb_gallery_image {
  padding-top: 133.33%;
  display: block;
}
.et_pb_gallery_grid .et_pb_gallery_item img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
@media screen and (max-width: 767px) {

    .fleche strong {display: none;}
    body:not(.home) .et_pb_gallery_image {width: auto;}
    .et-fixed-header {top: 0 !important;}
    .minimal-dark .esg-filterbutton {width: 100%;text-align: center;}
    .category article {width: 100%;height: auto;padding-bottom: 20px;}
    #main-header {top: 0 !important;}
    .et_pb_section {padding: 0;}
    #footer-atelier .et_pb_row {padding: 10px;}
    #page-container {padding-top: 50px !important;}
    #portraits-home .et_pb_text {width: 100%;float: left;}
    #portrait-isa img, #portrait-mathieu img {padding-top: 70%;}
    #portraits-home .et_pb_text:not(.texte-portrait-home) p {text-align: justify;}
    .bascule-portrait {background: transparent;border: 0;padding: 40px 0;margin: 0;}
    .bascule-portrait.et_pb_toggle h5.et_pb_toggle_title {padding: 20px 0 0 0;}
    .bascule-portrait .et_pb_toggle_title:before {position: relative;top: 0;float: right;margin: 3px 0 0 0;}
    .bascule-portrait h5 {    text-transform: uppercase;
    font-size: 24px;top: 10px;
    padding: 20px 0;color: white !important;font-family: 'Roboto Condensed', sans-serif !important;font-weight: 100;}
    .logo-plugin {float: left;padding-left: 35%;}
    #footer-atelier .logos {width: 65px;float: left;padding-top: 25px;padding-right: 15px;}
    #footer-atelier h3 {font-size: 24px;}
    .et_pb_column_1 {padding-left: 0 !important;}
    .et_pb_gutters2 .et_pb_column_4_4 .et_pb_grid_item {width: 100% !important;}
}



@media screen and (max-width: 767px) and (orientation:landscape){
 
        #portrait-isa img, #portrait-mathieu img {padding-top: 50%;margin-left: 25%}
    
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    
    #footer-atelier .et_pb_column {float: left;width: 48% !important;margin-right: 1%;}
    .footer-widget:nth-child(n) {width: 100% !important;}
    #texte-portrait-mathieu, #texte-portrait-isa {width: 100% !important;}
    #top-menu {    width: 90%;
    margin: auto;
    display: block;
    position: relative;
    margin-left: 15%;
    text-align: center;}
    }

body {background: black !important;}
.et_full_width_page #left-area, #left-area {
    float: none;
    width: 100%!important;
}   
.et_pb_gutters2 .et_pb_column_4_4 .et_pb_grid_item {width: 25%;margin: 0;}
.et_pb_gallery_grid .et_pb_gallery_item {display: block !important; opacity: 1 !important;}