/*
 Theme Name:     PanMilar 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:        2023
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Global Colors */

:root {
	--violet1: #78488e;
	--violet2: #a88dbc;
	--violet3: #c4b3d4;
	--jaune: #f7af44;
	--noir: #000000;
	--rose: #e0447e;
	--bleu: #08a1ca;
	--vert: #94b05e;
	--gris: #f3f3f3;
	--blanc: #FFFFFF;
}

/* Text Module */

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

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

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

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

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

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

.pan-text marquee {
	position: relative;
    display: flex;
    animation: moveLeft 14s linear infinite !important
}


/* pour modifier le sens de lecture des textes en arabe de droite à gauche au lieu de gauche à droite */

.pan-rtl {
	    direction: rtl !important;
}


/* pour modifier le sens de lecture des textes en français de gauche à droite */

.pan-ltr {
	    direction: ltr !important;
}


/*
______________________
   
   Header
______________________

*/
   
/* Column alignment    
#pan-header .et_pb_row {
    align-items: baseline;
}
#pan-header .et_pb_row .et_pb_column:first-child {
    align-self: flex-end;
}*/


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

/* Sélecteur de langue */
    

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

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

#pan-header .sub-menu li a {
    padding:0 0 10px;
    font-family:"Nunito", serif;
    font-weight:700;
    font-size:15px;
    text-transform:none;
    letter-spacing:0;
    background:none;
    transition:all .3s ease-in-out;
}

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

#pan-header .sub-menu li a:hover {
    padding-left:5px;
}

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

/* Code ajouter par jonas 07.09.2023

/* Empêcher le logo PanMilar de passer de gauche à droite */
.pan-logo {
    float: left !important; /* Aligner le menu à droite en arabe */
	direction: ltr !important; /* Forcer la direction de gauche à droite */
}

/* Code ajouter par jonas





/* Pop-up sélecteur de langue : Alignement du texte */
.pan-popup {
    display: flex;
    justify-content: center;
}


/* Cache le sélecteur de langue WPML en version desktop et devient visible pour la tablette et mobile */
@media only screen and (min-width: 980px) {
.wpml-ls-menu-item {
    visibility: hidden !important;
}
	


/* ajouter une marge intérieur aux sélecteur de langue " Français" pour le différencier des autre terme du menu */
@media only screen and (max-width: 980px) {
  .wpml-ls-menu-item {
	padding-bottom : 20px !important;
  }
}




/* Alignement slogan + icon de traduction modifié

.pan-trad .et_pb_text .et_pb_image_wrap {
	display:inline-block;
	width:500px;
	background-color:#000000;
}
  

/*
______________________
   
   Les Pages
______________________

*/

/* Page équipe */

/*place icon modules next to each other in the same column*/
.pa-inline-buttons .et_pb_icon {
    display: inline-block;
}

.pa-inline-buttons {
    text-align: center !important;
}


/*


/* Page calendrier > évènement */

/*Single Event Layout 1*/

.pa-event-details .decm-show-data-display-block {
	padding: 15px 0;
	border-bottom: 5px dotted var(--jaune);
}

.pa-event-details .decm-show-data-display-block:last-child {
	border-bottom: 0;
}

	
	
	
	
	
/*
______________________
   
   Footer
______________________

*/

#pan-footer .et_pb_row {
	display:block;
    align-items: baseline;
}

#pan-footer .et_pb_row .et_pb_column:first-child {
    align-self: flex-end;
}