/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://restaurant-le-grenier-a-sel.fr/Hello-Elementor-child/
 Description:  Thème enfant hérité du thème "Hello Elementor" permettant de personnaliser le thème en toute sécurité.
 Author:       Anthony Hnatow / Monsieur Site Web
 Author URI:   https://monsieursiteweb.fr
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v3 or later
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Tags:         
 Text Domain:  hello-elementor-child
*/

#first_screen,
#reservation {
	position: sticky!important;
	top: 0!important;
	min-height: 100vh!important;
}

/* Indispensable : fonds 100 % opaques */
/* #first_screen { background-color: #1a1a2e; } */
/* #reservation  { background-color: #16213e; } */
/* #exploration  { background-color: #0f3460; } */

.page-header .entry-title {
	margin: 50px 0 0 0;
}


body:not(.home) #header {
	background-color:var(--Vert);
}

@media(min-width: 1025px) {
	#header .elementor-menu-toggle {
		display: flex;
	}
	
	#header .elementor-nav-menu--dropdown {
		display: block;
	}

	#header .elementor-nav-menu--main {
		display: none;
	}
}

/* Menu Elementor apparaît de la droite */
body .elementor-location-header #header .elementor-menu-toggle+.elementor-nav-menu__container { position:fixed; z-index:10001; height:100vh; background-color:#24382f; width:400px!important; max-width:calc(100% - 90px); max-height: 100%; top: 0!important; left:auto!important; right:-400px!important; transition:all 0.4s linear; transform:none; -webkit-transform:none; margin: 0; }

body .elementor-location-header #header .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container { left:auto!important; right:0!important; transform:none; -webkit-transform:none; }

.elementor-menu-toggle .eicon-menu-bar { display:block!important; }
.elementor-menu-toggle .eicon-close { display:none!important; }

#IL_overlay_header { position: fixed; display: block; max-width: 0px; overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; z-index: 3; transition:background-color 0.3s; }
body .elementor-location-header #header .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container+#IL_overlay_header { z-index:9999; background-color:rgba(0,0,0,0.5); max-width:2000px; }

#container_close_menu_mobile { display: flex; justify-content: flex-end; padding: 8px; }
#container_close_menu_mobile .elementor-menu-dropdown__close-button { position: relative; width: 40px; height: 40px; cursor:pointer; }
#container_close_menu_mobile .elementor-menu-dropdown__close-button:before ,
#container_close_menu_mobile .elementor-menu-dropdown__close-button:after { background: #fff; content: ""; position: absolute; height: 3px; width:24px; top:18px; left: 8px; border-radius: 1px; }
#container_close_menu_mobile .elementor-menu-dropdown__close-button:before { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#container_close_menu_mobile .elementor-menu-dropdown__close-button:after { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

#header .elementor-item {
	justify-content: flex-start;
}


body .elementor-nav-menu__container h3 {
	color:#fff;
	font-size:38px;
	font-weight:400;
	margin: 10px 0 80px 30px;
}

.elementor-nav-menu__container #infos_menu_footer {
	position:absolute;
	bottom:40px;
	line-height:24px;
}

.elementor-nav-menu__container #infos_menu_footer a {
	font-size:17px;
	color:#fff;
	display: block;
	padding:0 30px;
}

/* .cky-consent-container { */
    /* position: fixed; */
    /* left: 0; */
    /* bottom: 0; */
    /* z-index: 10300; */
    /* width: 100%; */
    /* max-width: 100%; */
    /* display: flex; */
    /* justify-content: center; */
	/* background-color: rgba(255, 255, 255, .4); */
    /* height: 100%; */
/* } */

.cky-consent-bar {
	background-color:#FFF9E7!important;
    position: fixed !important;
    top: auto !important;
    bottom: 20px !important;
    width: calc(40% - 40px) !important;
    left: 20px !important;
    right: auto !important;
    min-width: unset !important;
    transform: none !important;
    box-shadow: 0px 0px 5px #666!important;
    grid-row-gap: 2px!important;
}

.cmplz-message, .cmplz-categories {
	width:100%!important;
}

.cky-notice-group {
	flex-wrap: wrap;
}

.cky-notice .cky-title {
	font-size: 24px!important;
	color:#000!important;
}

.cky-notice-des {
	line-height:1.2em!important
}

.cky-notice-btn-wrapper {
	display:flex!important;
	justify-content: center !important;
	align-items: center !important;
	gap: 20px !important;
	width: 100%;
    margin: 15px 0 0 0 !important;
}

.cky-notice-btn-wrapper .cky-btn {
    padding: 10px 20px!important;
    font-size: 13px!important;
    font-weight: 400!important;
    width: auto!important;
    text-transform: none;
}

.cky-notice-btn-wrapper .cky-btn-accept {
	order:2!important;
	background-color:#000!important;
	border:1px solid #000!important;
	padding:10px 15px;
}

.cky-notice-btn-wrapper .cky-btn-reject {
	order: 3 !important;
    /* padding: 0 !important; */
	/* position: absolute!important; */
    right: 20px!important;
	height: auto !important;
	color:#000!important;
	background-color:transparent!important;
	border:1px solid #000!important;
}

.cky-notice-btn-wrapper .cky-btn-customize,
.cky-notice-btn-wrapper .cky-btn-customize {
	order:1!important;
	border:1px solid #000!important;
	padding:10px 15px;
	color:#000!important;
}

#MSW_scroll_top {
    display:none;
}

body.elementor-maintenance-mode .elementor-location-header,
body.elementor-maintenance-mode .elementor-location-footer {
	display:none;
}


body.cli-barmodal-open {
	overflow:auto;
}

body #cookie-law-info-bar {
    position: fixed!important;
    right: auto!important;
    top: auto!important;
    bottom: 20px!important;
    left: 0!important;
    margin: 0 20px!important;
    width: calc(100% - 40px)!important;
    max-width: 100%!important;
    border-radius: 0!important;
    height: fit-content!important;
    max-height: unset!important;
    box-shadow: 0px 0px 5px #666!important;
    border: 2px solid #000!important;
	z-index: 10001!important;
}

body h5.cli_messagebar_head {
    color: #000;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 20px;
}

/* body h5.cli_messagebar_head::before { */
    /* content: ""; */
    /* display: inline-block; */
    /* width: 83px; */
    /* height: 48px; */
    /* background-image: url("https://www.maisonmarguerite.fr/wp-content/uploads/2020/12/logo-MM-site-internet-01.png"); */
    /* background-size: contain; */
    /* background-repeat: no-repeat; */
	/* margin: -15px 0 0 0; */
/* } */

body #cookie-law-info-bar p {
    font-size: 13px;
    color: #000;
    line-height: 15px;
    font-weight: 400;
    text-align: left;
}

body .cli-modal-backdrop.cli-show {
    background-color: rgba(255,255,255,.4);
    height: 100%;
	z-index: 10000;
}

body a.cli-plugin-button.cli_settings_button {
	cursor:pointer;
	border:1px solid #000;
	padding:10px 13px;
}

body a.cli-plugin-button.cli_settings_button:hover {
	background-color:transparent!important;
}

body a#wt-cli-accept-all-btn {
	border:1px solid #000;
	padding:10px 20px;
	cursor:pointer;
	margin: 0 0 0 15px;
}

body a#wt-cli-accept-all-btn:hover {
	background-color:#000!important;
}

body a#cookie_action_close_header_reject {
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    right: 20px;
    bottom: 35px;
    font-weight: 400;
}




.gs-logo-wrap {
   width: 100%;
   max-width: 200px;
   margin: 0 auto;
}

.gs-logo-wrap svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.gs-logo-circle {
	transform-box: fill-box;
	transform-origin: center;
	transform: scale(0.001);
}
.gs-logo-anim .gs-logo-circle {
	animation: gsLogoGrow 4.6s cubic-bezier(.45,0,.4,1) forwards;
}
@keyframes gsLogoGrow {
	0%   { transform: scale(0.001); }
	100% { transform: scale(1); }
}




.gs-scroll-cue {
	position: relative;
	display: block;
	width: 2px;
	height: 50px;
	margin: 0 auto;
	overflow: hidden;
	background: rgba(255, 255, 255, .5);
	opacity: 1;
	transition: opacity .2s ease;
}
.gs-scroll-cue.is-hidden {
	opacity: 0;
	pointer-events: none;
}
.gs-scroll-cue span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 24px;
	background: #fff;
	animation: gs-scroll-run 2.5s cubic-bezier(.65, 0, .35, 1) infinite;
}
@keyframes gs-scroll-run {
	0%   { transform: translateY(-100%); }
	65%  { transform: translateY(72px); }
	100% { transform: translateY(72px); }
}

@media (prefers-reduced-motion: reduce) {
	.gs-scroll-cue span {
		animation: none;
		transform: translateY(12px);
	}
}







@media (max-width:1024px)
{
	.cky-consent-bar {
		width: calc(100% - 40px) !important;
	}
	
	.cky-notice-btn-wrapper {
		flex-direction: row!important;
	}

}




@media (max-width:767px)
{

	.cky-notice-btn-wrapper .cky-btn-reject {
		bottom:15px!important;
		right:28px!important;
	}
	
	.cky-notice-btn-wrapper {
		padding: 0 0 32px 0!important;
		margin:15px 28px 0 28px!important;
		width:calc(100% - 56px)!important;
	}
	
	.cky-notice-btn-wrapper .cky-btn-accept {
		width: 100%!important;
	}

	.cky-notice-des {
		max-height: 100vh !important;
        overflow-y: visible !important;
	}
	
	.cky-notice-des p{
		text-align:justify;
	}
	
	body .elementor-nav-menu__container h3 {
		font-size:28px;
	}
	
	.gs-logo-wrap {
	   max-width: 150px;
	}

}