/*
Theme Name:     Customizr Child
Theme URI:      http://themesandco.com/customizr
Description:    A child theme for the Customizr WordPress theme. This child theme simply includes 2 files : style.css to add your custom css and functions.php where you can extend Customizr's core code. In order to keep your code as clean and flexible as possible, try to use Customizr's hooks API for your customizations. Do something awesome and have fun !
Author:         Nicolas Guillaume (nikeo)
Author URI:     http://themesandco.com
Template:       customizr
Version:        1.0.0
*/

/* 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 */