/*
 Theme Name:     Tout un monde by ftzstudio.co
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         ftzstudio - Sarah Faillétaz
 Author URI:     https://ftzstudio.co
 Template:       Divi
 Version:        2022
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
/* Supprimer le défilement à droite sur mobile */
body, html { overflow-x:hidden; }

/* Global Colors */

:root {
	--gris: #656970;
	--grisc: #f4f4f4;
	--rouge: #A64C44;
}

/* Text Module */

.ttum-text h1,
.ttum-text h2,
.ttum-text h3,
.ttum-text h4,
.ttum-text h5,
.ttum-text h6 {
    padding-bottom: .75em;
}

.ttum-text h1:not(:first-child),
.ttum-text h2:not(:first-child),
.ttum-text h3:not(:first-child),
.ttum-text h4:not(:first-child),
.ttum-text h5:not(:first-child),
.ttum-text h6:not(:first-child) {
    padding-top:1.25em;
}

.ttum-text ul li,
.ttum-text ol li {
    padding-bottom: .5em;
}

.ttum-text p:last-of-type {
    padding-bottom: 1em;
}
.ttum-text p:last-child {
    padding-bottom: 0;
}
.ttum-text blockquote p:last-of-type {
	padding-bottom:0;
}

.ttum-text blockquote {
    background: var(--gray10);
    padding: 25px 35px;
}
.ttum-text blockquote {
    position:relative;
}

.ttum-text blockquote:before {
    content: '“';
    position: absolute;
    font-size: 5em;
    top: .15em;
    left: 0;
    color:var(--gris);
}
.ttum-text blockquote:after {
    content: '”';
    position: absolute;
    font-size: 5em;
    bottom: -0.45em;
    right: 0.25em;
    color:var(--gris);
}


/* Buttons */
.ttum-btn.et_pb_button {
    line-height: 1.5!important;
}


/*
______________________
   
   Header
______________________

*/
   
/* Column alignment */   
								/*#ttum-header .et_pb_row {
									align-items: baseline;
								}
								#ttum-header .et_pb_row .et_pb_column:first-child {
									align-self: flex-end;
								}*/
#ttum-header .et_pb_column {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Sticky Section background */
#ttum-header {
    backdrop-filter: blur(7px);
}

/* Main Menu Module */
#ttum-header .et_pb_menu .et-menu>li {
    padding:10px 20px;
}

#ttum-header .et_pb_menu .et-menu>li a:hover {
    opacity:1;
	color: var(--rouge);
}

/* Top Level Menu Hover Effect */
#ttum-header .et_pb_menu .et-menu > li a {
    position:relative;
}

#ttum-header .et_pb_menu .et-menu > li > a:before {
    content:'';
    display:block;
    position:absolute;
    bottom:-20px;
	left:0;
	right:0;
	height:10px;
	opacity:0;
	transition:all .3s ease-in-out;
} 


#ttum-header .et_pb_menu .et-menu > li > a:hover:before {
	opacity:1;
	bottom:-10px;
}

/* Submenu */
#ttum-header .sub-menu {
    border:none;
    border-radius:2px;
    padding:20px;
    width:200px;
    transition:all .3s ease-in-out;
    top:calc(100% + 9px);
}

#ttum-header .sub-menu li {
    width:100%;
    padding:0;
}

#ttum-header .sub-menu li a {
    padding:0 0 10px;
    font-family:"Montserrat", sans-serif;
    font-size:16px;
    text-transform:none;
    letter-spacing:0;
    background:none;
    transition:all .3s ease-in-out;
}

#ttum-header .sub-menu li:last-child a {
    padding:0;
}

#ttum-header .sub-menu li a:hover {
    padding-left:5px;
	color: var(--rouge)!important;	
}

#ttum-header .nav li:hover > ul, #ttum-header .nav li.et-touch-hover > ul {
    top:calc(100% - 1px)
}  
  

/* Mobile Header Structure & Menu */
@media (max-width:980px) {

    #ttum-header .et_pb_row {
        display: flex;
        align-items:center;
    }
    #ttum-header .et_pb_column {
        margin-bottom:0;
    }
    #ttum-header .et_pb_column:nth-child(1) {
        order:1;
    }
    #ttum-header .et_pb_column:nth-child(2) {
        order:3;
    }
    #ttum-header .et_pb_column:nth-child(3) {
        order:2;
    }

    #ttum-header .et_pb_menu__wrap {
        justify-content:flex-end;
    }
    
    /* Mobile Menu */
	
    #ttum-header .mobile_menu_bar:before {
        font-size: 40px;
    }

    #ttum-header .opened .mobile_menu_bar:before {
        content:'\4d';
    }

    #ttum-header .et_mobile_menu {
        position: fixed;
        display: block!important;
        margin: 0!important;
        height: 100%!important;
        min-height: 100vh;
        padding: 100px 0 0!important;
        max-width: 300px;
        left: auto;
        right: -300px;
        top: 0;
        z-index: 39;
        transition: all 1s ease-in-out;
    }

    #ttum-header .opened .et_mobile_menu {
        right: 0;
    }

    #ttum-header .mobile_menu_bar {
        z-index: 40;
    }
	
	/* Position "Fixed" inside the Sticky Section fix */
    #ttum-header.et_pb_sticky * {
        transform:none!important;
    }
	
	/* Mobile Sub-menu */
    #ttum-header .sub-menu {
        width:auto;
        padding:0;
    }
    #ttum-header .sub-menu li a,
    #ttum-header .sub-menu li a:hover,
    #ttum-header .sub-menu li:last-child a {
        padding:10px 25px 10px 35px;
    }

}

/* Section oenotourisme */
@media (max-width:980px) {
	#a-propos .ttum-labels {
		display:flex;
		align-items:center;
		justify-content:left;
		flex-wrap:wrap;
	}
}

/*
______________________
   
  Section nos salles
______________________

*/

/* Style the Blurbs Tabs */
#nos-salles .et_pb_column {
	display:flex;
	align-items:center;
	justify-content:left;
	flex-wrap:wrap;
}
#nos-salles .tab-title {
	width:156.5px;
}

#nos-salles h4.et_pb_module_header{
	padding: 0px 0px 0px;
}

@media (max-width: 767px ) {
	#nos-salles .tab-title {
		width:50%;
	}
}
@media (max-width: 479px ) {
	#nos-salles .tab-title {
		width:100%;
	}
}

/* Hover Styles for Blurb Tabs - Titles */
#nos-salles .tab-title {
	transition:all .3s ease-in-out;
}
#nos-salles .tab-title:hover {
	cursor:pointer; 
	color:var(--rouge)!important; /* Tab hover background color */
}
#nos-salles .tab-title.active-tab {
	background:#D9DFE2; /* Active tab background color */
	border-bottom-color:var(--grisc);
}
#nos-salles .tab-title.active-tab .et_pb_blurb_container h4 a {
	color:#000; /* Active tab title color */
}


/* Tab Titles Mobile Styles */
@media (max-width: 767px ) {
	#blurb-tabs .tab-title {
		width:50%;
	}
	#blurb-tabs .tab-title .et_pb_main_blurb_image {
		margin-bottom:10px; /* Reduce icon bottom margin */
	}
}

@media (max-width: 479px ) {
	#blurb-tabs .tab-title {
		width:100%;
	}
	#nos-salles .tab-title .et_pb_blurb_content { /* This moves icon to the right */
		display:flex;
		align-items:center;
		justify-content:flex-start;
	}
	#nos-salles .tab-title .et_pb_main_blurb_image { /* Fix icon margins on mobile */
		margin-bottom:0;
		margin-right:30px;
	}
}

/* Hover Styles for Blurb Tabs - Titles */
#nos-salles .tab-title {
	transition:all .3s ease-in-out;
}
#nos-salles .tab-title:hover {
	cursor:pointer; 
	background:var(--grisc); /* Tab hover background color */
}


#nos-salles .tab-title.active-tab {
	background:var(--grisc); /* Active tab background color */
}
#nos-salles .tab-title.active-tab .et_pb_blurb_container h4 a {
	color:#000; /* Active tab title color */
}
#nos-salles .tab-title.active-tab .et-pb-icon {
	color:#666!important; /* Active tab icon color */
}

/* Hide the tabs content/sections + show first tab */
.tab-content {
	display:none;
}
.tab-open {
	display:block;
}

/* changer couleur des flèches et points de la galerie */
.navigation-galerie .et-pb-slider-arrows {
    color: var(--rouge)!important;
}
 
.navigation-galerie .et-pb-controllers a {
    background-color: var(--rouge)!important;
}

/* Section réservation */

.ttum-reservation.et_pb_column {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Inverser les blocs réservation sur tablet */
@media (max-width:980px){

    #reservation .et_pb_row {
        display: flex;
		flex-direction: column;
    }

    #reservation .et_pb_column:nth-child(1) {
        order:2 ;
    }
    #reservation .et_pb_column:nth-child(2) {
        order:1;
    }

}

@media (max-width: 479px )
	{

    #reservation .et_pb_row {
        display: flex;
		flex-direction: column;
    }

    #reservation .et_pb_column:nth-child(1) {
        order:2;
    }
    #reservation .et_pb_column:nth-child(2) {
        order:1;
    }

}

/* Section oenotourisme */

.ttum-oenotourisme {
	display: flex;
	flex-direction: column;
	justify-content: center;
}