@media only screen and (max-width: 999px) {
#header [data-device="mobile"] .site-logo-container img {
width: 165px !important;
max-width: min(165px, 46vw) !important;
height: auto !important;
object-fit: contain !important;
}
#header [data-device="mobile"] .site-logo-container,
#header [data-device="mobile"] a.site-logo-container {
height: auto !important;
}
} .gfwp01-header-login {
display: none;
}
@media only screen and (max-width: 999px) {
.gfwp01-header-login,
.gfwp01-header-login:visited {
align-items: center !important;
background: #93ff00 !important;
border-radius: 7px !important;
color: #000000 !important;
display: inline-flex !important;
font-family: 'Nunito', sans-serif !important;
font-size: 14px !important;
font-weight: 800 !important;
height: 29px !important;
justify-content: center !important;
letter-spacing: 0.5px !important;
line-height: 1 !important;
margin-right: 12px !important;
padding: 0 !important;
text-decoration: none !important;
text-transform: uppercase !important;
white-space: nowrap !important;
width: 70px !important;
}
.gfwp01-header-login:hover,
.gfwp01-header-login:focus {
color: #000000 !important;
}
} .gfwp01-desktop-login {
display: none;
}
@media only screen and (min-width: 1000px) {
.gfwp01-desktop-login,
.gfwp01-desktop-login:visited {
align-items: center !important;
background-color: #9DFF00 !important;
border-radius: 6px !important;
color: #000000 !important;
cursor: pointer !important;
display: inline-flex !important;
font-size: 18px !important;
font-weight: 700 !important;
justify-content: center !important;
line-height: 1 !important;
margin-left: 18px !important;
padding: 10px 25px !important;
text-align: center !important;
text-decoration: none !important;
transition: all .3s cubic-bezier(0.23, 1, 0.320, 1) !important;
white-space: nowrap !important;
}
.gfwp01-desktop-login:hover,
.gfwp01-desktop-login:focus {
color: #000000 !important;
opacity: 0.9 !important;
}
} @media only screen and (max-width: 999px) { #offcanvas,
#offcanvas .ct-panel-inner {
background: #000000 !important;
} #offcanvas .ct-panel-content[data-device="mobile"] {
display: flex !important;
flex-direction: column !important;
flex: 1 !important;
min-height: 0 !important;
}
#offcanvas .ct-panel-content[data-device="mobile"] .ct-panel-content-inner {
display: flex !important;
flex-direction: column !important;
flex: 1 !important;
min-height: 0 !important;
padding-left: 0 !important;
} #offcanvas .ct-toggle-close,
#offcanvas .ct-toggle-close svg {
color: #ffffff !important;
stroke: #ffffff !important;
} #offcanvas .mobile-menu {
align-items: flex-start !important;
gap: 36px !important;
padding-left: 0 !important;
text-align: left !important;
}
#offcanvas .mobile-menu li {
width: auto !important;
} #offcanvas .mobile-menu .ct-menu-link,
#offcanvas .mobile-menu .ct-menu-link:visited {
background: transparent !important;
color: #ffffff !important;
font-family: 'Nunito', sans-serif !important;
font-size: 25px !important;
font-weight: 800 !important;
line-height: 1.1 !important;
margin-bottom: 8px !important;
padding: 0 !important;
text-transform: capitalize !important;
} #offcanvas .mobile-menu .gfwp01-menu-item-login .ct-menu-link,
#offcanvas .mobile-menu .gfwp01-menu-item-login .ct-menu-link:visited {
text-decoration: underline !important;
text-decoration-color: #ffffff !important;
text-underline-offset: 6px !important;
}
#offcanvas .mobile-menu .ct-menu-link:hover,
#offcanvas .mobile-menu .ct-menu-link:focus {
color: #ffffff !important;
} #offcanvas .mobile-menu .sub-menu {
align-items: flex-start !important;
gap: 20px !important;
list-style: disc !important;
padding-left: 22px !important;
text-align: left !important;
}
#offcanvas .mobile-menu .sub-menu > li {
display: list-item !important;
list-style: disc !important;
color: #ffffff !important;
}
#offcanvas .mobile-menu .sub-menu .ct-menu-link,
#offcanvas .mobile-menu .sub-menu .ct-menu-link:visited {
font-size: 20px !important;
font-weight: 700 !important;
text-align: left !important;
} #offcanvas .mobile-menu [class*='children'] > ul li a:before {
display: none !important;
} #offcanvas .mobile-menu .ct-sub-menu-parent > svg,
#offcanvas .mobile-menu [class*="children"] > svg {
color: #ffffff !important;
stroke: #ffffff !important;
}
}  .gfwp01-mobile-menu-footer {
align-items: center;
border-top: none !important;
display: flex;
flex-direction: column;
gap: 16px;
justify-content: center;
margin-top: auto !important;
padding: 16px 20px 28px !important;
width: 100%;
} .gfwp01-store-nav {
display: flex;
flex-direction: column !important;
align-items: center;
justify-content: center;
gap: 16px !important;
width: 100%;
}
.gfwp01-store-nav .app-store-icon-link {
display: inline-flex;
line-height: 0;
padding: 0;
}
.gfwp01-store-nav .app-store-icon {
display: block;
width: 135px;
max-width: min(135px, 80vw);
height: auto;
border: 1px solid rgba(255, 255, 255, 0.35) !important;
border-radius: 10px !important;
}