/*
Theme Name:     Thème de Libre et Belle
Description:    Child theme for the Divi theme
Author:         Marièke Poulat de Pixellule
Author URI:     http:///pixellule.com
Template:       Divi
Version:        0.1.0
*/

/*Installation de la police

@font-face {
    font-family: 'milton_oneregular';
    src: url('fonts/milton_one-webfont.eot');
    src: url('fonts/milton_one-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/milton_one-webfont.woff2') format('woff2'),
         url('fonts/milton_one-webfont.woff') format('woff'),
         url('fonts/milton_one-webfont.ttf') format('truetype'),
         url('fonts/milton_one-webfont.svg#milton_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');

/*Eléments du menu*/

.bottom-nav {
text-align: center;
}

.et_header_style_centered #top-menu > li > a {
padding-bottom: 20px !important;
}

#top-menu-nav > ul > li > a:hover {
color: #FBC6AE;
}

#top-menu li li a {
padding-right: 0px !important;
font-size: 15px;
}


/*Eléments du menu de pied de page*/

.bottom-nav a:hover {
color: #FBC6AE;
}

/*Eléments de typograhie*/

h1 {
font-family: "Pinyon Script", cursive;
color: #231F20;
font-size: 3em;
text-align: center;
}

h1.home {
font-family: "Pinyon Script", cursive;
color: #231F20;
font-size: 3em;
text-align: left;
}

h1.mobile {
font-family: lato;
color: #231F20;
font-size: 2em;
text-align: center;
text-transform: uppercase;
}

p.home {
font-family: lato;
color: #231F20;
font-size: 1.2em;
margin-left: 50px;
}

h2 {
font-family: lato;
color: #231F20;
font-size: 1.6em;
}

h3 {
font-family: lato;
color: #f69173 !important;
}

p {
font-size: 1.2em;
line-height: 25px;
}

p.footer-infos {
font-size: 0.8em;
line-height: 1em;
color: #f69173;
text-align: center;
width: 50%;
margin: auto auto 20px auto;
}

ul.histoire {
padding-left: 30px !important;
}

li {
font-size: 1.2em;
line-height: 25px;
color: #f69173;
}

blockquote {
font-family: 'lato';
color: #f69173;
font-size: 0.8em !important;
border: none !important;
text-align: center;
line-height: 50px !important;
}

.wp-caption {
font-family: 'lato';
background-color: #FFFFFF;
border: none !important;
}


/*Boutons*/

body.et_pb_button_helper_class .et_pb_button:hover {
    color: #FFF !important;
}

/*Effet de survol sur les images en home*/

.ds-hover-1 {
    display: inline-block;
	position: relative;
	margin: 0px;
	overflow: hidden;
	background: #000;
}
.ds-hover-1 img {
	display: block;
	max-width: 100%;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.ds-hover-1::before {
	content: attr(ds-title);
	position: absolute;
	height: 100%;
	color: #231f20;
	z-index: 1;
	top: 80%;
	width: 100%;
	background: rgba(251,198,174,0.4);
	font-size: 18px;
        font-family: lato;
        text-transform: uppercase;
        text-align: center;
	padding: 2% 5% 5% 5%;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out; 
	-moz-transition: -moz-transform 0.3s ease-in-out; 
	transition: transform 0.3s ease-in-out; 
}
.ds-hover-1:hover::after,
.ds-hover-1:hover::before {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}




/*Optin en pied de page*/

input[type=email] {
   border: 1px solid #fff;
   color: #231f20;
   background-color: #fff;
   font-family: 'Lato';
   font-size: 1em;
   margin-top: 30px !important;
}

input[type="submit"] {
   border: 1px solid #fff;
   color: #231f20;
   background-color: #fff;
   font-family: 'Lato';
   font-size: 1em;
   margin-top: 30px;
}

input[type="submit"]:hover {
   border: 1px solid #fbc6ae;
   color: #ffffff;
   background-color: #fbc6ae;
   font-family: 'Lato';
   font-size: 1em;
   margin-top: 30px;
}

div.mc4wp-response {
   color: #ffffff;
   font-family: 'Lato';
   font-size: 0.8em;
   margin-top: 20px;
}

/* Optin en pied de page */

body.wp-singular.page-template-default.page.page-id-48 li {
	padding-left: 30px !important;
	color: #000000 !important;
	margin-bottom: 8px !important;
}