/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Your awesome customizations start right here !
-------------------------------------------------------------- */
.single-post {
    background-color: #fff; /* Remplacez #fff par la couleur de fond souhaitée */
}
/* Masquer l'icône dans le titre du sous-menu pour les éléments de menu avec des sous-menus */
.menu-item-has-children > a::after {
  display: none !important;
}
/* Change font du mous hover */
/* Lorsqu'un utilisateur survole l'élément */


body,
html {
  height: 100%;
 /* background: #333; */
  font-family: 'Roboto', sans-serif;
}

.slideshow {
  position: relative;
  z-index: 1;
  height: 100%;
  max-width: 700px;
  margin: 50px auto;
}
.slideshow * {
  outline: none;
}
.slideshow .slider {
  box-shadow: 0 20px 50px -25px black;
}
.slideshow .slider-track {
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}
.slideshow .item {
  height: 100%;
  position: relative;
  z-index: 1;
}
.slideshow .item img {
  width: 100%;
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}
.slideshow .item.slick-active img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-animation: cssAnimation 8s 1 ease-in-out forwards;
  animation: cssAnimation 8s 1 ease-in-out forwards;
}

@keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.3) translate(0px);
  }
}
@-webkit-keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.3) translate(0px);
  }
}

.post-output {
  display: flex;
  align-items: left;
}

.post-thumbnail {
  flex: 0 0 50%;
  max-width: 50%;
}
.post-thumbnail img {
  max-width: 100%;
  height: auto;
}
.custom-image {
  max-width: 100%;
  height: 50%;
}

.post-info {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 20px;
}

.post-title {
  font-size: 24px;
  font-weight: bold;
}

.post-author,
.post-date {
  margin-bottom: 10px;
}

.post-content {
  margin-top: 20px;
}

.float-parent-element { 
    width: 50%; 
} 
.float-child-element { 
    float: left; 
    width: 50%; 
} 
.red { 
    background-color: red; 
    margin-left: 50%; 
    height: 100px; 
} 
.yellow { 
    margin-left: 50%; 
    height: 100px; 
    background-color: yellow; 
}  


.grid-container-element { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    grid-gap: 20px; 
    border: 1px solid black; 
    width: 100%; 
} 
.grid-child-element { 
    margin: 10px; 
    border: 1px solid red; 
}

.form-wrapper {
	margin: 10px;
}
.full-input {
	display: inline-block;
	padding: 3px;
	border: 2px solid blue;
}
.formulaire-contact {
	width: 100%;
	max-width: 800px;
	margin: 10px auto;
}

.container {
	display: flex;
	justify-content: space-between;
}

.left-column,
.right-column {
	width: 48%;
	display: inline-block;
}

.form-group {
	margin-bottom: 15px;
}
.textarea {
	height: 100%;
}

.inputSubmit:hover {
	background-color: #5F4B8B;
}

.inputSubmit {
	display: block;
	padding: 10px 50px;
	color: #000000;
	background-color: #FFF;
	border: none;
	border-radius: 25px;
	cursor: pointer;
	margin-top: 15px;
	font-weight: bold;
}

.inputInner {
	outline: none;
	padding: 10px;
	border-radius: 25px;
	border: none;
	display: block;
	line-height: 1.2em;
	font-size: 32px;
	margin-bottom: 10px;
}

h1.inputHeader {
	font-size: 48px; 
	font-weight: bold; 
	padding: 10px;
}
.inputInner::placeholder {
	color: #000000;
	font-family: "Arsenal", sans-serif;
	font-size: 32px;
}
/* Styles pour les smartphones (largeur d'écran jusqu'à 360px) */
@media (max-width: 400px) {
    h1.inputHeader {
        font-size: 14px; /* Taille de police pour les smartphones */
    }
	input.inputInner,textarea.inputInner,input.inputSubmit {
		 font-size: 10px; /* Taille de police pour les smartphones */
	}
	input.inputInner::placeholder, textarea.inputInner::placeholder{
		 font-size: 10px; /* Taille de police pour les smartphones */
	}
}


.moove-gdpr-info-bar-container {
	background-color:#5F4B8B;
}

/* Styles pour le menu hamburger */
.hamburger-menu {
	margin:0;
	display: inline-block;
}

.hamburger-icon {
    position: absolute;
	display: inline-block;
	cursor: pointer;
    font-size: 24px; /* Ajustez la taille de l'icône */
	right:0px;
	top:0px;
	color:white;
}
.close-icon {
    position: absolute;
	display: inline-block;
	cursor: pointer;
    font-size: 24px; /* Ajustez la taille de l'icône */
	right:25px;
	top:5px;
	color:white;

}


#menu-content {
		margin:0 ;
		font-family: 'Ubuntu', sans-serif;
}
#niveau-1 {
	font-size: 32px;
	padding-top:10px;
}
#niveau-2 {
	font-size: 24px;
	padding-top:10px;

}

.menu-content {
	position: fixed;
    top: 0;
    left: 0;
	width: 100%;
    height: 100%;
    padding: 0;
	margin:0;
	padding-top: 50px;
	background-color: #5F4B8B;
    max-width: 100%; /* Définissez une largeur maximale si nécessaire */
	display: none; /* Masque le menu par défaut */
	z-index: 1000; /* Assurez-vous que le menu est au-dessus de tout autre contenu */
	  
}

.menu-content li {
	list-style-type: none;
	margin-top:0px;
    margin-bottom: 10px;
	text-align: left;
	padding-top:50px;
	padding-left:20px;
		
}

.menu-social {
    margin-top: 20px; /* Ajoutez une marge entre les listes si nécessaire */
}
.menu-social-img {
  float: left;
  margin-right:10px;
  max-width: 20%;
  max-height: 20%;
}

.menu-social li {
    margin-bottom: 20px;
}
#arrow {
  border: solid white;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 8px;
 /* margin: 10px; */
  color:white;
 
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* Ajoutez d'autres styles au besoin */