/*

Theme Name:				Ginger — Child
Theme URI:				https://ginger.forqy.website/
Description:			Child theme for a Ginger — Restaurant WordPress Theme
Text Domain:			ginger-child
Version:				1.0.0

Template:				ginger
Template Version:		1.2.6

Author:					FORQY
Author URI:				https://forqy.website/

License:				GNU General Public License v3.0
License URI:			http://www.gnu.org/licenses/gpl-3.0.html

*/

.woocommerce-store-notice{
background-color: #b4a08c !important;
	color: #000;
}

#navigation .menu-item a:active, #navigation .menu-item a, #navigation .menu-item a:hover{
	color: #FFF !important;
}

#navigation.is-sticky-visible .menu-item a:active, #navigation.is-sticky-visible .menu-item a, #navigation.is-sticky-visible .menu-item a:hover{
	color: #000 !important;
}

#navigation{
	background-color: #323246 !important;
}

.fy-newsletter{
	display: none;
}

.mc4wp-form .mc4wp-form-fields > p{
	margin: 0 0 20px 0;
}

.fy-logo-image a{
	width: 100px !important;
	height: 100px !important;
}

.fy-logo-image img{
	width: 100%;
}

.fy-footer .fy-footer-widget-area{
	
}
/* Hide */
.fy-footer-themeby, .fy-account, .fy-cart{
	display: none !important;
	
}

.ginput_container input[type="text"]{
	width: 100% !important;
}

/* Desktop */
@media (min-width: 1022px) { 
	
#navigation {
    background-color: rgba(255, 255, 255, 0.1) !important;
}
	
	.fy-logo-image a{
	width: 150px !important;
	height: 150px !important;
}

	
#navigation .menu-item a:active, #navigation .menu-item a, #navigation .menu-item a:hover{
	color: #FFF !important;
}

#navigation.is-sticky-visible .menu-item a:active, #navigation.is-sticky-visible .menu-item a, #navigation.is-sticky-visible .menu-item a:hover{
	color: #000 !important;
}
	
	.menu-item-2117, .menu-item-2116{
		float: right;
	}

}

.fy-navigation-close{
	color: #fff;
}


@media (max-width: 1022px) { 

body.sticky-custom .fy-header .fy-centerer > .fy-flex-container-center{
	min-height: 80px;
}
	

	

body.sticky-custom .fy-header{
	position: fixed;
	top:0px;
	left: 0px;
	height: 80px;
	background-color: #fff;
}

body.sticky-custom .fy-navigation-trigger{
	color: #000;
}

body.sticky-custom .fy-logo-image a {
    width: 45px !important;
    height: 45px !important;
}
	
}