/*
Theme Name: SoHappy - Toitures des Pyrénées
Template: Divi
Version: 1.0
Description: SoHappy Theme DIVI child
Author: Olivier SOROS
Author URI: http://www.sohappy.so
Tags: 
Text Domain: sohappy
License: 
License URI: 
*/

/*
 * Couleurs
 * --------
Vert foncé : #00621f
Vert clair : #3c9851
Marron : #604d44
Marron Clair : #dbd3cf
*/

p {
    font-weight: 400;
}

blockquote {
    margin: 40px 0 50px;
    padding-left: 40px;
    border-left: 2px solid;
    border-color: #dbd3cf;
}
blockquote p {
    color:#3c9851;
    font-weight: 700;
}

h2, h3{
    padding: 2% 0 2% 0;
}
h4 {
    padding: 1% 0 1% 0;
}
#left-area { width:100%!important;}

#sidebar { display: none;}

body .et_pb_section {
    padding: 0!important;
}

#main-content .container:before {
    width: 0;
    background-color: transparent;
}
#main-content {
        margin-top: 130px;
}
.home #main-content {
        margin-top : 0;
}

.blog_grid p {
    line-height: 1;
    text-align: justify;
}

/* ############## HEADER ################### */
.reseaux {
    position: absolute;
    top:10px;
    left: 0;
    right: 0;
    margin: auto;
    padding-left: 50%;
    margin-left: -58px;
    z-index: 99999;
}
.reseaux .et-social-icons {
    float: left;
    color:#417039;
}

.reseaux .et-social-icons li {
    margin-left: 5px;
    border-left: #417039 1px solid;
    padding-left: 10px;
}

.reseaux .et-social-facebook a.icon:before {
    color:#417039;
    font-size: 22px;
}

.reseaux #et_top_search {
    display: inline-block;
    float: left;
    width: 30px;
    height:30px;
}

.reseaux #et_search_icon:before {
    margin-top: 0;

}

.reseaux #et_search_icon:before {
    top: 0;
    font-size: 22px;
    color:#417039;
}

#slider_home .et_pb_button, #slider_home .slider_home a.et_pb_button {
    color :#fff;
}

#top-menu li {
    font-size: 1.3rem;
}


/* ############## RESUME ################### */


.et_pb_blurb_content .et_pb_blurb_container {
    font-size: 1.2rem;
    line-height: 1.6rem;
    padding: 7%;
    border: 4px solid #3c9851;
}

/* ############## CONTENT ################### */


.entry-content h2 {
    background-image: url("assets/images/ligneverticale.png");
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 60px;

}

#content-area h1 {
    text-align: center;
    background-image: url("assets/images/ligneverticale.png");
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 60px;
    width: 100%;
}

#presentation_home.et_pb_section {
    padding: 0!important;
}

#presentation_home .et_pb_image .et_pb_image_wrap {
    height: 350px;
    display: block;
    overflow: hidden;
}

#presentation_home {
    margin-bottom: 100px;
}

#presentation_titre {
    margin-top: -55px;
}

#presentation_image {
    position: absolute;
    top:20px;
}
/* ############## SLIDER ################### */

.et_pb_slides .et_pb_slider_container_inner {
    display: block;
    width: 100%;
    margin-top: 120px;
}

.et_pb_slide_description {
    border: #3c9851 1px dotted;
    padding: 4% 4%;
}

.et_pb_slider .et_pb_slide {
    height: 900px;
}

#slider_home {
    background-image: url("assets/images/slider-bottom.png");
    background-position: bottom;
}

#slider_bottom {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -28px;
    width: 131px;
    height: 77px;
    z-index: 99;
}

/* ############## REALISATIONS ################### */

.nav-next, .nav-previous {
    font-size: 10px;
    display: inline-block;
    border: 0;
    padding: 10px;
    margin: 15px;
    color:#417039;
}

.nav-next::after {
    font-family: dashicons;
    content : "\f344";
}

.nav-previous::before {
    font-family: dashicons;
    content : "\f340";
}
.nav-next a, .nav-previous a {
    color:#417039;
}
.et_main_title .et_project_categories {
    display: none;
    font-size: 12px;
    /*display: inline-block;*/
    border: 1px #417039 solid;
    padding: 10px;
}

.voir_toutes {
    margin-top: 40px;
    margin-bottom: 40px;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters ul {
    text-align: center;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
    float: none;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    color: #417039;
    background-color: #dbd3cf;
}

#section_realisations h2 {
        background-image: none;
        padding-top: 10px;
    font-size: 1rem;
}

#section_realisations .et_pb_portfolio_item .post-meta {
    display: none;
    /*display: inline-block;*/
    font-size: 0.7rem;
    border: 1px #dbd3cf solid;
    padding: 6px 10px 6px 10px;
    text-transform: uppercase;
}

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
    margin: 0.5%;
    width: 24%;

}

.project-template-default .et_pb_gallery_item.et_pb_grid_item {
    width: 48%;
    margin: 1%;
}

/* ############## LIGHTBOX ################### */

.mfp-container {
    background-color: rgba(96,77,69,0.9);
}

img.mfp-img {
    width: 1140px;
}




/* ############## ACTUALITES ################### */

#actu_home .et_pb_blog_grid .column.size-1of3 {
    width: 44%;
}

.et_pb_blog_grid .et_pb_post {
    padding: 0;
    border: 0;
}

#actu_home .et_pb_blog_grid .column.size-1of3 .et_pb_post, #actu_home .et_pb_blog_grid .column.size-1of3 .et_pb_post {
    margin: 10%;
}

#actu_home .actus_content {
    color:#fff;
    background-color: rgba(65,112,57,0.8);
    width: 300px;
    height: 220px;
    padding: 15px;
    margin-left: 160px;
    margin-top: -190px;
    z-index: 9999;
}
#actu_home .actus_content h2 {
    height: 70px;
    background-image: none;
    padding: 0;
    color:#fff;
}
#actu_home .actus_content p {
    color:#fff;
    font-size: 0.8rem;
}

/* ############## HOME ################### */

#home_activites.et_pb_section {
    padding: 0!important;
}
#home_activites h2 {
    margin-bottom: 40px;
}
#home_activites .et_pb_row {
    padding: 0!important;
    width: 100%!important;
    max-width: 100%!important;
}
#home_activites .et_pb_column {
    margin: 0;
}

#home_activites .et_pb_promo {
    height: 300px;
}

#home_activites .et_pb_column_1_3 {
    width: 33.33%;
}

/* ############## FOOTER ################### */

#footer_image h4 {
    color: #fff;
    text-transform: uppercase;
}

.et_pb_fullwidth_header .et_pb_parallax_css {
}

#footer-widgets .footer_tel, #footer-widgets .footer_adresse {
    display: block;
}

button.footer_contact {
    height: 50px;
    width: 200px;
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 400;
    color: #417039!important;
    background-color: transparent;
    border: 0;
    background-image: url(assets/images/btn-contact.png);
    background-repeat: no-repeat;
    background-position: left;
    font-size: 16px!important;
    text-transform: uppercase;
    padding-left: 55px;
    cursor: pointer;
}
button.footer_carte {
    height: 50px;
    width: 200px;
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 400;
    color: #417039!important;
    background-color: transparent;
    border: 0;
    background-image: url(assets/images/btn-carte.png);
    background-repeat: no-repeat;
    background-position: left;
    font-size: 16px!important;
    text-transform: uppercase;
    padding-left: 55px;
    cursor: pointer;
}

#footer-widgets .footer-widget  a {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    font-size: 1rem;
}

#footer-widgets .footer-widget li {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.8rem;
    padding-left: 0;
}

#footer-widgets .footer-widget li:before {
    display: none;
}

#footer-widgets .footer-widget .fwidget {
    margin-bottom: 0;
}

.et_pb_scroll_top.et-pb-icon {
    right: 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
    background: rgba(65,112,57,.9);
    font-size: 50px;
}

/* ############## RESPONSIVE MAX-WIDTH 980px ################### */
@media only screen and (max-width: 980px)
{
 .et_mobile_menu {
    border-top: 3px solid #5C4F46;

}
    #presentation_image {
    position: relative;
    top: 0;
    }
    .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    width: 100%;
}
.container {
    width: 90%;
}
     #actu_home .actus_content {
    margin-left: 0;
    margin-top: -50px;

    }
    body .et_pb_slider .et_pb_slide {
    height: 600px;
}
    body .et_pb_fullwidth_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title {
        font-size: 2.6rem!important;
    }
    .reseaux .et-social-icons {
        right: 0;
        float:  right;
    }
    .et_header_style_split #main-header .mobile_nav {
        background-color: #00621f;
    }
    .et_header_style_split .mobile_nav .select_page {
        color:#fff!important;  
    }
    .mobile_menu_bar:before, #et_search_icon:before {
    color:#fff!important;
}

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
    margin: 1%!important;
    width: 48%!important;
}

}

/* ############## RESPONSIVE MAX-WIDTH 767px ################### */
@media only screen and (max-width: 767px)
{ 
    .et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 100%;
    }
    .reseaux .et-social-icons,  .et-social-icons {
        right: 0;
         float:  right;
    }
    #actu_home .actus_content {
    margin-left: 0;
    margin-top: -106px;

    }
    #footer-widgets, .footer-widget {
    text-align: center;
}
    #footer-widgets .footer-widget .fwidget:last-child {
    width: 100%;
}
    #footer_image h4 {
    font-size: 1.5rem;
    line-height: 2rem;
}

.project-template-default .et_pb_gallery_item.et_pb_grid_item {
    width: 99%;
    margin: 1%;
}

    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
        margin: 0!important;
        width: 100%!important;
    }

    .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
        width: 100%;
    }
}