/*
Theme Name: SwissDelight Child
Theme URI: https://swissdelight.qodeinteractive.com
Description: A child theme of SwissDelight
Author: Elated Themes
Author URI: https://qodeinteractive.com
Version: 1.0.0
Text Domain: swissdelight
Template: swissdelight
*/


/****** HEADER ******/

/* Réduit la taille des marges pour le menu à droite du logo */
.qodef-header-navigation>ul>li {
    margin: 0 15px;
}

/* Fixe une hauteur minimale du bloc titre */
.qodef-page-title {
    height: 350px !important;
}

/* Luminosité réduite sur l'image car couleur du txt blanche */
.qodef-parallax-img-holder {
    filter: brightness(70%) !important;
}

/* Ajoute une image au header lors de la création d'une nouvelle page */
.qodef-page-title{
    background: url("http://machocolaterie-site.swpl.xyz/wp-content/uploads/2024/06/background.png");
	background-repeat: no-repeat;
	background-position: center;
}

.qodef-page-title .qodef-m-title{
    color: white;
}

/****** BLOG ******/

/* Divise en deux colonnes la page blog */
.qodef-blog > .qodef-blog-item {
    width: calc(50% - 25px);
    padding: 15px;
}

/* Retire deux colonnes la page blog item */
.qodef--single > .qodef-blog-item {
    width: 100%;
    padding: 15px;
}

/* Retire deux colonnes la page blog item */
.single-article {
   margin-top: -130px;
}

/*  Retire deux colonnes la page blog item
    Réduit la taille de l'image MEA d'un article */
.qodef--single > .qodef-blog-item .qodef-e-media-image img{
    margin: auto;
    width: 50%;
    padding: 20px;
}

/* Mobile Menu */
#popup-mobile-menu{
	display: none;
	justify-content: center; /* Centre horizontalement le contenu */
	align-items: center; /* Centre verticalement le contenu */
	background-color: rgba(255, 255, 255, 0.9);
	position: fixed; /* Fixe le menu par rapport à la fenêtre d'affichage */
	top: 7Opx;
	left: 0;
	width: 100%; /* Prend toute la largeur de l'écran */
	height: 100vh; /* Prend toute la hauteur de l'écran */
	overflow: hidden; /* Désactive le défilement à l'intérieur du menu */
	z-index: 9999; /* Assure que le menu soit au-dessus des autres éléments */
	font-size: 2em;
	line-height: 2em;
}
/****** Mobile ******/

@media screen and (max-width: 600px) {
    
    /* Retire deux colonnes la page blog item */
    .qodef-blog > .qodef-blog-item {
        width: 100%;
    }
    
    /* Centre le btn d'envoi de formulaire */
    .wpforms-submit-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Augmente la taille de l'image MEA d'un article */
    .qodef--single > .qodef-blog-item .qodef-e-media-image img{
        margin: auto;
        width: 100%;
        padding: 20px;
    }
	
	#popup-mobile-menu ul{
		list-style-type: none;
	}
	header > .qodef-m-icon .qodef--open{
		display: none !important;
	}
	#popup-mobile-menu #menu-menu3-4{
		list-style-type: none;
		font-size: 2em;
		line-height: 2em;
	}
	#popup-mobile-menu.open {
		display: flex !important;
	}
	.no-scroll {
		overflow: hidden;
	}
}