/*
Theme Name:  La Chaussure à Semelles
Theme URI:   https://lachaussureasemelles.be
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site La chaussure à semelles.
Author:      BpOvi@Service01
Author URI:  https://lachaussureasemelles.be
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/
.flex-row-wrapper {
 display: flex;
}
.flex-row-wrapper .et_pb_column {
 display: flex;
 flex-direction: column;
 justify-content: center;
}
.op-closed, .op-open { display: none !important; }
/*.logo_container {display:none !important;}*/
.et_pb_widget_area_left .et_pb_widget { margin-bottom:0px !important; }
.et_pb_map { height: 520px !important; }
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 0% !important; }
.bx-wrapper .bx-prev {left: -3% !important;}
.bx-wrapper .bx-next {right: -3% !important;}

.et_pb_divider:before {
    border-top-color: #f0a600;
    border-top-width: 5px !important;
    width: auto;
    top: 0px;
    right: 40% !important;
    left: 40% !important;
}
.et_pb_divider_position_center:before {
    top: 0%!important; 
}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding-top: 0px!important;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.et_pb_row.et_pb_row_fullwidth, .et_pb_specialty_fullwidth>.et_pb_row {
    width: 100%!important;
    max-width: 100%!important;
}
.et_header_style_left .logo_container {
    width: auto !important;
}

/*---------[GQ - MENU TOP BORDERS]-----------*/
/*------------------------------------------*/
    #et-top-navigation nav > ul > li > a {
        padding-bottom: 26px!important;}
    #top-menu-nav > ul > li > a {
        display: inline-block;
        position: relative;
        padding-bottom: 1px;}
 
    #top-menu-nav > ul > li > a:before {
        content: '';
        display: block;
        margin: auto;
        margin-bottom: 18px;
        height: 5px;
        width: 0%;
        background: transparent;
        -webkit-transition: width 0.6s, -webkit-transform 0.4s;
        -moz-transition: width 0.6s, -moz-transform 0.4s;
        transition: width 0.6s, transform 0.4s;
        }

    #top-menu-nav > ul > li > a:hover:before, #top-menu li.current-menu-item > a:before {
        width: 100%;
        background: #f0a600;}

/*--------------------------------------------------------------------*/
/*----------Tabs Module for Content Navigation by Divi Soup-----------*/
/*--------------------------------------------------------------------*/
.et_pb_tabs_0 .et_pb_tabs_controls li {
    background: url(https://lachaussureasemelles.be/wp-content/uploads/background.png) repeat;
}
.ds-tab-navigation .et_pb_tabs_controls .et_pb_tab_active{
	background-image:none;	
}
/*Remove padding and set the background color for the tabs*/
.ds-tab-navigation .et_pb_tab {padding-left:0; padding-right:0px; padding-top:60px;}
.ds-tab-navigation .et_pb_tabs_controls a, 
.ds-tab-navigation .et_pb_tabs_controls .et_pb_tab_active a {
    padding: 0;
}
/*Remove the tabs border*/
.ds-tab-navigation.et_pb_tabs {
    border: none !important;
}
.ds-tab-navigation.et_pb_tabs_0 .et_pb_tabs_controls li.et_pb_tab_active {
    border-top-color:#f0a600;
	border-bottom-color: #c8c2c0;
	border-top-style: solid;
	border-bottom-style:solid;
	border-width: 5px
		
}
/*Remove the border for the tab controls*/
.ds-tab-navigation .et_pb_tabs_controls ul {
    border-bottom: none;
}
/*Style the tabs controls  JOUER ICI*/
.ds-tab-navigation ul.et_pb_tabs_controls {
    border: none;
    position: absolute;
    width: 100%;
    background: transparent;
    z-index: 10;
}
/*Style the individual tabs controls*/
.ds-tab-navigation .et_pb_tabs_controls li {
    height: 63px;
    text-align: center;
    padding: 5px 2px !important;
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}
/*Replace the number 6 with the number of tabs you have*/
.ds-tab-navigation .et_pb_tabs_controls li:first-child:nth-last-child(6),
.ds-tab-navigation .et_pb_tabs_controls li:first-child:nth-last-child(6) ~ li {
    width: 16.66%;
}
.et_fullwidth_nav #main-header .container { padding-right: 50px !important; padding-left: 50px !important;}

#pop .et_pb_column {
    display: grid;
    grid-column-gap: 10px;
    grid-template-columns: 25% 25% 50%;
    grid-template-areas: "left left right"
    "down down right";
}

#pop .et_pb_column .et_pb_module:nth-child(1) {
    grid-area: left;
}

#pop .et_pb_column .et_pb_module:nth-child(2) {
    grid-area: down;
}

#pop .et_pb_column .et_pb_module:nth-child(3) {
    grid-area: right;
}

#pop .et_pb_module {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/*Adjust for smaller screens*/
@media only screen and (max-width: 1023px) {
	.et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li a {
		font-size: 8px !important;}
    .ds-tab-navigation ul.et_pb_tabs_controls {
        height: 100%;
    }
}

/*Hide the body text on smaller mobiles*/
@media only screen and (max-width: 500px) {

.ds-tab-navigation.et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li a {
    font-size: 11px !important;
}
}

/*** Responsive Styles Large Desktop And Above From Elegant Theme ***/
@media all and (min-width: 1405px) {
.et_fullwidth_nav #main-header .container {
background: url('https://lachaussureasemelles.be/wp-content/uploads/background.png') repeat; width: 100%; }
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 980px) and (max-width: 1405px) {
.et_fullwidth_nav #main-header .container {
background: url('https://lachaussureasemelles.be/wp-content/uploads/background.png') repeat; width: 100%; }
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
.et_pb_column .et_pb_widget:nth-child(n) {
    width: 100%!important; 
    margin: 0px !important; 
}
	#pop.et_pb_column {
    margin-bottom: 0px !important;
}
}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	.ds-tab-navigation .et_pb_tabs_controls li:first-child:nth-last-child(6),
    .ds-tab-navigation .et_pb_tabs_controls li:first-child:nth-last-child(6) ~ li {
        width: 16.66% !important;}
	.ds-tab-navigation .et_pb_tabs_controls li {
    display: table;
    float: left !important;
    line-height: 1.1em;}
	.et_mobile_menu li {text-align: center !important;}
}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
.ds-tab-navigation.et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li a {
    font-size: 8px !important;}
}