/*
 Theme Name: alisma musique
 Template: Divi
 Description: Theme enfant dérivé de Divi
 Author: Progexia Solutions Web
 Author URI: https://www.progexia.com
 Version: 1.0.0
*/
/*
COLOR :
Beige : #f9f8f3 - rgb(249,248,243)
Noir : 	#1a1a1a - rgb(26,26,26)
Pêche : #fcc095 - rgb(252,192,149)
Vert :	#d1daae - rgb(209,218,174)
Rose : 	#f5d7d1 - rgb(245,215,209)
Jaune :	#ffefbc - rgb(255,239,188)

POLICE :
Titre : 'Ibarra Real Nova',Georgia,'Times New Roman',serif
Texte : 'Inter',Helvetica,Arial,Lucida,sans-serif
*/

/* ----- VARIABLES ----- */
:root {
  font-size: 18px;
  --font-size--v-v-small: 0.625em;
  --font-size--v-small: 0.75em;
  --font-size--small: 0.875em;
  --font-size--large: 1.125em;
  --font-size--v-large: 1.25em;
  --font-size--v-v-large: 1.5em;

  --light-primary: #fff1ef;
  --medium-primary: #f5d7d1;      /*pink*/
  --dark-primary: #d2a59c;

  --light-secondary: #fffffe;
  --medium-secondary: #f9f8f3;    /*tan*/
  --dark-secondary: #d0cec3;

  --light-neutral: #585858;
  --medium-neutral: #1a1a1a;      /*black*/
  --dark-neutral: #000000;
}

/* ----- HEADERS ----- */
h1,h2,h3,h4,h5,h6{padding-bottom: 10px;}
h1,h2,h3,h4,h5{font-family: 'Noto Serif Japanese',Georgia,'Times New Roman',serif;}
h1{font-size:50px !important;font-weight:500;line-height: 1em;}
h2{font-size:32px !important;font-weight:500;line-height: 1.3em;}
h3{font-size:15px !important;}
h4{font-size:16px !important;font-weight:700 !important;line-height: 1.3em !important;}
h6{font-size:10px !important;font-weight:700;line-height: 2em;color:var(--light-neutral);text-transform: uppercase;letter-spacing: 5px;}

	/* Medium devices (landscape tablets, 768px and up) */
	@media only screen and (min-width: 768px) {
			h1{font-size:72px !important;}
			h2{font-size:56px !important;}
			h4{font-size:20px !important;}
			h6{font-size:12px !important;}
	}

	/* Large devices (large laptops and desktops, 1200px and up) */
	@media only screen and (min-width: 1200px) {
			h1{font-size:90px !important;}
			h2{font-size:65px !important;}
			h6{font-size:20px !important;}
	}

.page-id-3 h1,
.page-id-2668 h1{font-size:42px !important;}
.page-id-3 h2,
.page-id-2668 h2{font-size:32px !important;}

	
#main-content .section-entete-accueil h1,{font-size:96px !important;}
    @media only screen and (min-width: 992px) {
        #main-content .section-entete-accueil h1{font-size:130px !important;}
    }
#main-content .section-entete-accueil h2, 
#main-content .section-catalogue h3{
    font-size:15px !important;                /*Musique néoclassique instrumentale & Disponible maintenant dans l'accueil*/
    letter-spacing:3px !important;
    line-height:2em !important;
    font-weight:500 !important;
} 

/* ----- OTHER GENERAL TAGS ----- */
#main-content a{color:var(--medium-neutral) !important;}
#main-content a:hover,
#main-content a:focus,
#main-content a:active{text-decoration:none;}

/* ----- MENU ----- */
	@media only screen and (max-width: 980px) {
		#et-secondary-nav, #et-secondary-menu {display: block !important;}
		#et-secondary-menu  ul {margin-top:10px;}
		#logo {max-height: 80%;}
		.et_pb_svg_logo #logo {height: 80%;}
	}

/* ----- FORMS ----- */
.progexia-formulaire input.text,
.progexia-formulaire input.title, 
.progexia-formulaire input[type=email], 
.progexia-formulaire input[type=password], 
.progexia-formulaire input[type=tel], 
.progexia-formulaire input[type=text], 
.progexia-formulaire select, 
.progexia-formulaire textarea{height:52px;line-height:52px;background-color:var(--medium-secondary);border:none;}

.progexia-formulaire .et_contact_bottom_container{margin-top:10px;}

/* ----- BUTTONS ----- */
.btn-primary,
.btn-primary .et_pb_button,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary .et_pb_button:hover,
.btn-primary .et_pb_button:focus,
.btn-primary .et_pb_button:active{padding: 14px 48px;margin-left:0px;}

.et_pb_bg_layout_dark.btn-primary.reversed .et_pb_button {background-color:var(--medium-neutral);color:white;}
.progexia-formulaire .et_pb_bg_layout_dark.btn-primary.reversed .et_pb_button {background-color:var(--medium-neutral);color:white;}

.btn-album-audio{width:250px;text-align:center;}

/* ----- LAYOUT ----- */
#main-content .et_pb_section{background-color:#F9F8F3;}
#main-content .et_pb_row{width:90%;} 
#main-content .artiste-entete .et_pb_row{width:100%;}
#main-content .section-discographie-alisma .et_pb_row .et_pb_column{display:flex;align-items:center;justify-content:center;}
	@media only screen and (min-width: 1200px) { 
		#main-content .et_pb_row{width:80%;} 
	}
    @media only screen and (min-width: 992px) {
        #main-content .section-artiste-texte .et_pb_row{width:60% !important;}	
    }
    
/* ----- FOOTER ----- */
#main-content .footer .et_pb_row h3{font-weight:600 !important;}
#main-content .footer .et_pb_row .et_pb_column{padding-top:0px;}

#footer-info{text-align:center !important;float:none;}
	@media only screen and (max-width: 980px) {
		.dsm_icon_list_0 .dsm_icon_list_items.dsm_icon_list_layout_horizontal, 
		.dsm_icon_list_1 .dsm_icon_list_items.dsm_icon_list_layout_horizontal {text-align: center !important;}
	}

/* ---------- SPECIFIC RULES ---------- */
/* ----- QUOTES ----- */
#main-content .progexia-citation .et_pb_row{width:100%;} 
	@media only screen and (max-width: 768px) { 
		#main-content .progexia-citation.citation-50-50.et_pb_section .et_pb_row{margin-left:0px !important;margin-right:0px !important;}
	}
	@media only screen and (min-width: 768px) { 
		.progexia-citation.citation-50-50.et_pb_section .et_pb_row{margin-left:auto !important;margin-right:auto !important;}
		.progexia-citation.citation-50-50.et_pb_section .et_pb_row .et_pb_column{display:flex; align-items:center;}
	}
	@media only screen and  (min-width:768px) and (max-width: 980px)  {
		.progexia-citation .et_pb_column .et_pb_row_inner, .et_pb_row{padding: 0px 0px 50px;}
	}

/* ----- IMAGE / TEXT OVERLAPPING ----- */
#main-content .section-image-texte-chevauchement-gauche .et_pb_row{display: flex;flex-direction: column-reverse;}
#main-content .section-image-texte-chevauchement-droite .et_pb_row .et_pb_column:last-child, 
#main-content .section-image-texte-chevauchement-gauche .et_pb_row .et_pb_column:first-child  {display:flex;align-items:center;}
	@media only screen and (min-width: 992px) {
		#main-content .section-image-texte-chevauchement-gauche .et_pb_row{flex-direction: row;}
		#main-content .section-image-texte-chevauchement-droite .et_pb_row .et_pb_column:last-child {margin-left:-50px;}
		#main-content .section-image-texte-chevauchement-gauche .et_pb_row .et_pb_column:first-child{margin-right:-50px;z-index: 9999;}
		#main-content .section-image-texte-chevauchement-droite-album .et_pb_row .et_pb_column:last-child {width:60%;} /*page Album*/
	}
#main-content .et_pb_section .et_pb_row .et_pb_column.et-last-child .et_pb_module .et_pb_promo_description{padding-bottom:0px !important;}

/* ----- HEADER - PAGE ARTISTE -----*/
#main-content .artiste-entete .et_pb_row .et_pb_column{display:flex;justify-content:center;align-items:center;}
/*#main-content .artiste-entete .et_pb_row .et_pb_column h1{font-size:60px !important;}*/
	@media only screen and (max-width: 980px) {
		#main-content .artiste-entete .et_pb_row .et_pb_column:nth-child(2){min-height:500px;}
		#main-content .artiste-entete .et_pb_row .et_pb_column:last-child{height:400px;}
	}
	@media only screen and (min-width: 980px) {
		#main-content .artiste-entete .et_pb_row .et_pb_column{height:600px;}  
	}

/* ----- CRÉDIT ARTISTES -----*/

#main-content .section-image-texte-chevauchement-droite-album .et_pb_row .et_pb_column .et_pb_module .credit-photo{
    text-align: left; 
    color: #585858;   
    line-height: 1.4em;
    font-size: 12px !important;
}
/* ----- IMAGES OVERLAPPING - PAGE ABOUT (À propos) ----- */
/*Landscape Ipad && larger devices*/
	@media only screen and (min-width: 768px)and (orientation: landscape) {
		#main-content .section-images-chevauchement-droite .et_pb_row .et_pb_column:nth-child(2){
			display:flex;
			align-items:flex-end;
			z-index:9999;
			height:300px;
			justify-content:flex-end;
		}
		#main-content .section-images-chevauchement-droite .et_pb_row .et_pb_column:last-child{
			display:flex;
			align-items:flex-start;
			height:300px;
		}
	}

/* ----- IMAGES OVERLAPPING - PAGE CONTACT (Nous joindre) ----- */
/*Landscape Ipad && larger devices */
#main-content .section-images-chevauchement-gauche .et_pb_row .et_pb_column:first-child img{max-width:350px;}
	@media only screen and (min-width: 768px) and (orientation: landscape)  {
		#main-content .section-images-chevauchement-gauche .et_pb_row .et_pb_column:first-child{
			display:flex;
			align-items:flex-start;
			height:300px;
			justify-content:flex-start;
		}
		#main-content .section-images-chevauchement-gauche .et_pb_row .et_pb_column:nth-child(2){
			display:flex;
			z-index:9999;
			align-items:flex-end;
			height:300px;
		}
	}
/* ----- ÉCOUTER UN EXTRAIT*/
@media only screen and (min-width: 992px){
	#main-content .dl-slide-sidebar {
		overflow-y: hidden;
		position: fixed;
		top: 25%;
		right: -300px;
	}
}
#main-content .dl-slide-sidebar.is-opened{
	z-index: 3;
	right: 0px;
	transform: translateX(0%);
}



/* ----- POLITIQUE DE CONFIDENTIALITÉ ----- */
#main-content .section-politique-confidentialite .et_pb_row .et_pb_column a{text-decoration:underline !important; }
    /*@media only screen and (min-width: 980px){
        #main-content .section-politique-confidentialite .et_pb_row .et_pb_column h1{font-size:70px !important;}
        #main-content .section-politique-confidentialite .et_pb_row .et_pb_column h2{font-size:35px !important;}
    }*/


/* ----- ANIMATIONS ----- */
@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes slideRight {
	0% {opacity: 0;transform: translateX(20px);}
	100% {opacity: 1;transform: translateX(0);}
}
@keyframes slideLeft {
	0% {opacity: 0;transform: translateX(-20px);}
	100% {opacity: 1;transform: translateX(0);}
}

/* ----- Page À propos -----*/
#main-content .section-entete-a-propos .et_pb_row .et_pb_column:first-child{
    opacity:0%;
    animation: fadeIn 1s linear 1s 1 normal forwards;
}
#main-content .section-entete-a-propos .et_pb_row .et_pb_column:nth-child(2){
    opacity:0%;
    animation: slideRight 0.5s linear 1.5s 1 normal forwards;
}
#main-content .section-entete-a-propos .et_pb_row .et_pb_column:last-child{
    opacity:0%;
    animation: slideLeft 0.5s linear 1.5s 1 normal forwards;
}

/* ----- Page Nous joindre -----*/
#main-content .section-entete-nous-joindre .et_pb_row .et_pb_column:first-child{
    opacity:0%;
    animation: slideRight 0.5s linear 1.5s 1 normal forwards;
}
#main-content .section-entete-nous-joindre .et_pb_row .et_pb_column:nth-child(2){
    opacity:0%;
    animation: slideLeft 0.5s linear 1.5s 1 normal forwards;
}
#main-content .section-entete-nous-joindre .et_pb_row .et_pb_column:last-child{
    opacity:0%;
    animation: fadeIn 1s linear 1s 1 normal forwards;
}