/*
*Theme Name:     CozyStay Child Theme
*Theme URI: 	 https://cozystay.loftocean.com/
*Description:    CozyStay child theme for user customization
*Author:         Loft.Ocean
*Author URI:     http://www.loftocean.com
*License: 		 GNU General Public License v2 or later
*License URI: 	 http://www.gnu.org/licenses/gpl-2.0.html
*Tags: 			 full-width-template, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, threaded-comments, translation-ready
*Template:       cozystay
*Text Domain: 	 cozystay-child
*Version:        1.0
*/

 /** Add your styles below **/


body
{
	/*Color definitions*/
	--p: #81796e;
	--s: #A98841;
	--bg: #E0E1DF;
}

body .dropdown-dark
{
	/*Override theme vars*/
	--sub-menu-bg: var(--s) !important;
}

.cs4-wave
{
    overflow: hidden;
}

.cs4-wave-svg
{
	fill: var(--bg);
	width: 100%;
	border: 0;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.cs4-wave.white .cs4-wave-svg
{
	fill: #fff;
}

.cs4-wave.creme .cs4-wave-svg
{
	fill: var(--e-global-color-4999859);
}

#wpfm-floating-menu-nav ul.wpfm-nav
{
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--s);
    color: #fff;
    border: 0;
    border-radius: 0;
    transform: none;
    padding: 0;
    font-size: 0; /*remove whitespaces*/
    box-shadow: 0 -2px 10px #0009;
}

#wpfm-floating-menu-nav ul.wpfm-nav li
{
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
    width: 25%;
    border-left: 2px solid var(--p);
}

#wpfm-floating-menu-nav ul.wpfm-nav li a
{
    display: block;
    width: 100%;
    text-align: center;
    padding: .5rem 0;
}

#wpfm-floating-menu-nav ul.wpfm-nav li a span
{
    color: inherit;
}

#wpfm-floating-menu-nav ul.wpfm-nav li:hover
{
    background-color: var(--p);
}

.sub-menu a
{
	text-transform: none !important;
}

body > .country-selector,
.weglot-container
{
    position: fixed;
    left: 20px;
    bottom: 0px;
    z-index: 999999;
    box-shadow: 0 0 8px #0009;
}

html.mobile body > .country-selector,
html.mobile .weglot-container
{
    bottom: 75px;
}