/*
Theme Name: Futurio Storefront
Theme URI: https://futuriowp.com/futurio-storefront/
Author: FuturioWP
Author URI: https://futuriowp.com/
Description: Futurio Storefront is a lightweight, fast and customizable free multi-purpose and WooCommerce WordPress theme, suitable for business, portfolio, creative, and photography sites, eCommerce shops, landing pages, blogs or WooCommerce storefronts. Futurio Storefront works perfectly with all page builders, like Elementor, Beaver Builder, Brizy, Visual Composer, SiteOrigin, Divi or Gutenberg, and supports most free and premium WordPress plugins, like WooCommerce, Jetpack, Contact Form 7, Yoast SEO and many more. Futurio Storefront is responsive, SEO friendly, WPML, translation and RTL ready, and comes with a 1-click-demo-import feature. Demos ready for download: https://futuriowp.com/futurio-storefront/
Version: 1.0.4
Tested up to: 6.9
Requires PHP: 5.6
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, right-sidebar, left-sidebar, custom-background, custom-header, full-width-template, rtl-language-support, custom-menu, editor-style, featured-images, translation-ready, custom-logo, threaded-comments, footer-widgets, blog, e-commerce
Text Domain: futurio
*/

/* The bootstrap.css file is auto-enqueued in functions.php */

/* WordPress Core */
.gallery-caption {
    font-weight: bold;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
img.alignnone {
    max-width: 96%;
    height: auto;
    width: auto;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    padding: 10px 0 0 0;
    color: #000;
}
/* Recommended CSS from WP for defined content width support */
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}
iframe,
embed {
    max-width: 100%;
}
img {
    max-width: 100%;
    height: auto;
}
.sticky,
.bypostauthor {}
table { 
    width: 100%; 
    border-collapse: collapse; 
}
th { 
    font-weight: bold; 
}
td, th { 
    padding: 6px; 
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 10px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

body {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    padding: 0;
    color: #686868;
    font-weight: 300;
    line-height: 1.6;
    font-size: 16px;
    word-wrap: break-word;
    position: relative;
}
a, a:active, a:hover, a:focus {
    text-decoration: none;
    color: #00aff2;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    outline-offset: 2px;
}
.comments-template p a, 
.postauthor-content a, 
.post-excerpt a, 
.single-entry-summary a, 
.taxonomy-description a, 
.textwidget a, 
.widget.widget_block a, 
.widget.widget_text a {
    text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word;
    font-weight: 700;
    letter-spacing: -.02em;
}
.page-header a {
    border-bottom: 0;
    color: #000;
}
a:active {
    border-bottom: none;
}
.futurio-page-wrap {
    overflow: hidden;
}
.main-container {
    background-color: #fff;
}
.homepage-row.row {
    margin: 0;
    padding: 60px 0 0 0;
    background: #fff;
    color: black;
}
.icons-menu-right li.fa {
    display: block;
    position: relative;
}
@keyframes showup {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (min-width: 1300px) {
    .container {
        width: 1270px;
    }
}
@media (min-width: 768px) {
    .nav > li > a:before {
        position: absolute;
        content: '';
        top: 0;
        left: 50%;
        width: 0;
        height: 2px;
        background-color: #00aff2;
        -webkit-transition: all 1s;
        transition: all 1s;
    }
    .nav > li:hover > a:before {
        width: 100%;
        left: 0;
    }
    .navbar-nav > li > a {
        padding-top: 30px;
        padding-bottom: 30px;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    }
    .shrink .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 14px;
    }
    .shrink.navbar li.fa:before {
        top: 16px;;
    }
    .navbar-nav li:hover .dropdown-menu{
        border-top: 4px solid #ccc;
        border-radius: 0;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
    }
    .open > .dropdown-menu {
        height: auto;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        overflow: initial;
        visibility: visible;
        opacity: 1;
    }
    .dropdown-menu {
        display: block;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
        opacity: 0;
        visibility: hidden;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: transparent;
        color: #00aff2; 
    }
    .menu-item-has-children li.fa:before {
        top: 6px !important;
    }
    #site-navigation.nav-pos-center .navbar-nav.navbar-center {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    #site-navigation.nav-pos-center .menu-container {
        text-align: center;
        flex-grow: 20;
    }
    #site-navigation.nav-pos-right .menu-container {
        flex-grow: 20;
    }
}
@media (min-width: 600px) {
    .admin-bar #site-navigation.shrink, .admin-bar #futurio-floating.floating-element {
        top: 32px;
    }
}
/* Responsive */
@media (max-width: 782px) {
    .admin-bar .nav-container {
        top: 46px;
    }
}

@media (max-width: 767px) {
    .heading-row {
        flex-wrap: wrap;
    }
    .heading-row .site-heading, .heading-row .header-widget-area {
        flex-basis: 100%;
    }
    .heading-row .menu-account-hook, .heading-row .menu-cart-hook {
        flex-basis: 50%;
    }
    .heading-row .menu-cart-hook .menu-cart {
        float: left;
        margin-left: 20px;
    }
    .nav > li.active > a:after, .current-page-parent:after {
        height: 0 !important;
        background-color: transparent !important;
    }
    .mobile-canvas {
        float: left;
    }
    .icons-menu-right {
        margin-right: 10px;
    }
    #site-navigation .navbar-header {
        float: left;
    }
    .hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {
        height: 2px;
    }
    .hc-nav-trigger span::after {
        bottom: -6px;
    }
    .hc-nav-trigger span::before {
        top: -6px;
    }
    .hc-nav-trigger {
        width: 20px;
        top: -2px;
    }
    .mobile-menu-button {
        position: relative;
        width: 30px;
        margin-top: 10px;
    }
    .hc-nav-trigger span {
        width: 20px;
    }
    .hc-offcanvas-nav .nav-close-button span::before {
        margin-left: -6px !important;
    }
    .dropdown-menu {
        position: inherit;
        top: auto;
        left: auto;
        display: block;
        float: none;
        min-width: auto;
        padding: 0;
        margin: 0;
        list-style: none;
        font-size: initial;
        text-align: none;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .menu-cart, .menu-account, .top-search-icon, .offcanvas-sidebar-toggle, .menu-button, .mobile-menu-button  {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    .top-bar-item {
        text-align: center !important;
    }
    .icons-menu-right .menu-button a.btn-default  { 
        padding: 6px 10px !important;
        font-size: 80%;
    }
    #site-navigation .navbar-nav a, .openNav .menu-container {
        display: block;
        white-space: normal;
    }
    .top-search-box {
        max-width: 65vw;
    }
    .header-widget-area {
        width: 100% !important;
    }
    .hc-offcanvas-nav .nav-item-link:focus {
        outline: auto;
    }
    #theme-menu {
        display: none;
    }
    .site-header .menu-cart-hook {
        order: 5;
    }
    .site-header .menu-account-hook {
        order: 4;
    }
    .site-header:not(shrink-heading) .full-heading:not(shrink-heading) {
        text-align: center;
    }
    .site-header:not(.shrink) .full-heading .site-branding-logo, 
    .site-header:not(.shrink) .full-heading .site-branding-text,
    .site-header:not(.shrink) .full-heading .site-branding-text .site-title {
        float: none !important;
        text-align: center;
        margin: 0!important;
    }
    .site-header .heading-row div {
        margin-top: 5px;
    }
}
@media (max-width: 991px) {
    #sidebar {
        width: 100%;
    }
}
.icons-menu-right {
    margin-left: 15px;
    float: right;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.icons-menu-right .menu-cart-hook, .icons-menu-right .menu-account-hook {
    float: right;
    display: inline-block;
    padding: 5px 0;
}
.menu-cart,
.menu-account,
.top-search-icon,
.menu-button,
.offcanvas-sidebar-toggle,
.mobile-menu-button  {
    float: right;
    display: inline-block;
    padding: 15px 10px;
    -webkit-transition: padding 0.5s ease;
    transition: padding 0.5s ease;
    line-height: 20px;
}
.top-search-icon i {
    z-index: 21;
}
.dropdown-menu > li > a {
    border-bottom: 0;
}
.navbar-default .navbar-nav > li > a {
    color: #2d2d2d;
}
.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
li.menu-item-has-children > a:after {
    font-family: "FontAwesome";
    content: "\f107";
    margin-left: 10px;
    font-size: 15px;
}
.menu-item-has-children {
    position: relative;
}

ul ul .menu-item-has-children>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 0;
    right: auto;
}

ul ul .menu-item-has-children:hover>.dropdown-menu {
    display: block;
}

ul ul .menu-item-has-children>a:after {
    font-family: "FontAwesome";
    content: "\f105";
    position: absolute;
    right: 8px;
}

ul ul .menu-item-has-children.pull-left {
    float: none;
}
ul ul .menu-item-has-children.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #00aff2;
}
.navbar-toggle {
    border: 1px solid #ccc;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ccc;
}
.navbar-nav > li > a {
    border-bottom: 0;
    text-transform: uppercase;
    vertical-align: middle;
    display: inline-block;
}
.nav > li.active > a:before, .current-page-parent:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #00aff2;
}
#top-navigation {
    border: none;
    border-radius: 0;
    background-color: #fff;
    z-index: 996;
    min-height: 32px;
    border-bottom: 1px solid #e2e2e2;
}
#top-navigation .navbar-nav > li > a {
    border: none;
    border-radius: 0;
    color: #000;
    padding: 6px !important;
    background-color: #fff;
    min-width: 28px;
    max-height: 32px;
}
#top-navigation .navbar-nav a {
    font-size: 13px;
}
.dropdown-menu {
    font-size: inherit;
}
#top-navigation .dropdown-menu {
    background-color: #fff;
}
#top-navigation .dropdown-menu > li > a, #top-navigation .nav .open > a {
    color: #000;
    background-color: #fff;
}
article.futurio-post {
    clear: both;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
article.elementor-news.col-md-6:nth-child(2n+1),
article.elementor-news.col-md-4:nth-child(3n+1),
article.elementor-news.col-md-3:nth-child(4n+1) {
    clear: both;
}
.archive-page-header h1 {
    margin: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    font-weight: 400;
    font-size: 30px;
}
.container-fluid.archive-page-header {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e2e2e2;
}
.updated:not(.published) {
    display: none;
}
.main-content {
    float: left;
    width: 100%;
}
.page-header {
    width: 100%;
    margin: 20px 0;
    text-align: center;
}
.page h1.single-title {
    margin-bottom: 15px;
}
h1.single-title {
    margin-top: 0;
    z-index: 2;
    position: relative;
}
.single-head {
    clear: both;
    margin-bottom: 15px;
    position: relative;
}
.single-entry-summary, .entry-footer {
    margin-top: 15px;
    width: 100%;
    clear: both;
}
.single-content.row {
    margin-bottom: 60px;
}
.tagcloud a {
    font-size: 15px !important;
    padding: 0px 6px;
    border: 1px solid;
    display: inline-block;
    margin-bottom: 5px;
}
input, textarea {
    background-color: #fff;
    padding: 6px;
    color: #464a4c;
    border-radius: 0;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #272727;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    width: 100%;
}
.radio, .checkbox {
    display: inline-block;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: relative;
    margin-left: 0;
}
select {
    max-width: 100%;
    padding: 5px;
    color: #000;
}
#respond .comment-form-author,
#respond .comment-form-author input,
#respond .comment-form-email,
#respond .comment-form-email input,
#respond .comment-form-url,
#respond .comment-form-url input {
    width: 100%;
}
#sidebar {
    display: inline-block;
    max-width: 100%;
}
.page-area {
    padding-top: 15px;
    padding-bottom: 20px;
}
.page-builders .page-area,
.page-builders .single-entry-summary,
.page-builders article {
    padding: 0;
    margin: 0;
}
.widget {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin-bottom: 20px;
    position: relative;
}
.widget ul {
    padding-left: 0;
    list-style-type: none;
}
.widget li > ul {
    padding-left: 15px;
}
.widget ul li {
    margin: 4px 0px 0px;
    padding: 0px 0px 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.widget ul li:last-child {
    border-bottom: none;
}
.widget-title {
    font-size: 18px;
    position: relative;
    width: 100%;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block;
    text-align: center;
}
.widget-title:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    background-color: #e2e2e2;
    left: 0;
    right: 0;
}
.widget-title h3 {
    font-size: 20px;
    position: relative;
    color: #434343;
    padding: 10px 20px;
    margin: 0;
    line-height: 18px;
    display: inline-block;
    background-color: #fff;
    z-index: 1;
    font-weight: 300;
}
h1.site-title, .site-title {
    margin: 0;
    padding: 0;
    font-size: 28px;
    line-height: 32px;
    word-wrap: break-word;
    font-weight: 700;
    color: #434343;
    letter-spacing: -.02em;
    text-align: left;
}
.site-description {
    font-size: 15px;
    line-height: 22px;
    margin: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    display: inline-block;
    text-align: left;
    color: #414141;
}
.site-branding-text {
    z-index: 10;
    position: relative;
    float: left;
}
.site-branding-logo {
    float: left;
    display: inline-block;
    margin-right: 15px;
}
.heading-menu .site-branding-text {
    display: inline-block;
    float: left;
    padding-top: 10px;
}
.site-branding-logo a {
    border: none;
    z-index: 15;
    position: relative;
}
.site-branding-logo img {
    width: auto;
    max-height: 80px;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
}
.site-heading {
    padding: 0 15px;
    height: auto;
}
.site-heading.navbar-brand {
    display: flex;
    align-items: center;
}
.navbar {
    margin-bottom: 0;
}
.main-menu {
    position: relative;
    z-index: 999;
}
.elementor-editor-active #futurio-floating.floating-element {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#futurio-floating.floating-element {
    -webkit-box-shadow: 0px 4px 16px 0px rgba(0,0,0,.1);
    box-shadow: 0px 4px 16px 0px rgba(0,0,0,.1);
}
#site-navigation.shrink {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 4px 16px 0px rgba(0,0,0,.1);
    box-shadow: 0px 4px 16px 0px rgba(0,0,0,.1);
    border: none;
}
#site-navigation {
    background-color: #ffffff;
    border: none;
    min-height: 40px;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
}
#site-navigation {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #434343;
    border-radius: 0;
}
#site-navigation .container, #site-navigation .container-fluid {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}
#site-navigation .navbar-nav > li > a:focus, #site-navigation .dropdown-menu > li > a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.elementor-editor-active #futurio-floating.floating-element {
    position: relative;
    z-index: initial;
}
#site-navigation.shrink, #futurio-floating.floating-element {
    min-height: 50px;
    position: fixed;
    width: 100%;
    z-index: 1001;
    top: 0;
}
.shrink h1.site-title,
.shrink .site-title,
.shrink .site-branding-text .site-title,
.shrink .site-branding-text h1.site-title,
.shrink .site-branding-text .site-title a,
.shrink .site-branding-text h1.site-title a,
.shrink .site-branding-text .site-title a:hover,
.shrink .site-branding-text h1.site-title a:hover {
    font-size: 19px;
    line-height: 19px;
}
.shrink p.site-description {
    font-size: 12px;
    line-height: 12px;
}
.shrink .heading-menu .site-branding-text {
    padding-top: 5px;
}
.shrink .site-branding-logo img {
    width: auto;
    max-height: 60px;
}
.featured-thumbnail {
    width: 100%;
    position: relative;
}
.featured-thumbnail img {
    width: 100%;
    text-align: center;
}
nav.navigation.pagination {
    text-align: center;
    width: 100%;
    clear: both;
    margin: 20px 0;
}
nav.navigation.pagination .nav-links a, nav.navigation.pagination .current {
    padding: 5px 10px;
    border: none;
    border-radius: 0;
    position: relative;
    z-index: 1;
    border: 1px solid #b5b5b5;
}

#content-footer-section {
    background-color: #1e1e1e;
    color: #ffffff;
    padding: 15px;
    clear: both;
}
#content-footer-section .news-item h2 a {
    color: #fff;
    font-weight: 300;
}
#content-footer-section .widget-title h3 {
    background-color: #1e1e1e;
    color: #fff;
}

.footer-credits {
    background-color: #1e1e1e;
    clear: both;
}
.footer-credits-text {
    padding: 20px 0;
    color: #fff;
    background-color: #1e1e1e;
}
.site-header {
    padding: 15px 0;
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2;
}

.taxonomy-description {
    margin-bottom: 20px;
}
.single-footer.row {
    clear: both;
}
/* Search styling */
.header-widget-area {
    width: 40%;
    padding: 0 20px;
}
.menu-search-widget .widget {
    margin-bottom: 0;
}
.top-search-icon {
    position: relative;
    border:none;
    background: none;
}
.top-search-icon button, .offcanvas-sidebar-toggle button {
    border:none;
    background: none;
    padding: 0;
}
.site-heading-sidebar {
    margin-top: 5px;
}
.site-heading-sidebar .widget{
    margin-bottom: 5px;
    font-size: 80%;
}
.shrink .top-search-icon,
.shrink .menu-cart,
.shrink .menu-account,
.shrink .menu-button,
.shrink .offcanvas-sidebar-toggle {
    padding: 12px 5px;
}
.top-search-icon:hover {
    cursor: pointer;
}
.top-search-icon.visible-xs {
    position: relative;
    float: left;
    left: 30px;
}
.top-search-box {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 20;
    width: 380px;
    margin-top: -25px;
}

.top-search-box input.search-field {
    border: 1px solid #434343;
    padding-right: 30px;
    height: 50px;
}
.top-search-box .search-submit {
    display: none;
}
form.search-form label {
    width: 100%;
    display: block;
}
button.dgwt-wcas-search-submit, button.dgwt-wcas-search-submit:hover {
    background: initial;
}
.top-search-box .widget.woocommerce.widget_product_search {
    margin: 0;
}
.top-search-box .widget.woocommerce.widget_product_search {
    right: 30px;
}
form.search-form, .search-icon, form.woocommerce-product-search {
    position: relative;
}
.search-submit, .woocommerce-product-search button {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    padding: 5px 15px!important;
    line-height: 16px;
}
.search-field {
    width: 100%;
    padding-right: 90px;
    border: 1px solid #434343;
    border-radius: 3px;
}
input[type="search"].search-field::-webkit-input-placeholder {
    color: #d7d7d7;
}
input[type="search"].search-field:focus::-webkit-input-placeholder {
    color: #f1f1f1;
    padding: 20px 0 0 0;
}
fieldset {
    border: 1px solid #bbb;
    margin: 0 2px 15px 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    width: auto;
    border-bottom: 0;
}
/* Comments */
.comment-form #comment {
    width: 100%;
}

cite.fn {
    font-weight: bold;
}
a.comment-reply-link {
    border: 1px solid #ccc;
    padding: 10px 20px;
}
.reply {
    margin: 20px 0;
}
.comment-meta.commentmetadata {
    margin: 10px 0;
    font-size: 12px;
    font-style: italic;
}
.comment-body {
    margin-bottom: 40px;
}
.commentlist li {
    list-style-type: none;
}
.error-template {
    padding-bottom: 60px;
}
.btn-default, 
input[type="submit"], 
input#submit, 
button, 
a.comment-reply-link, 
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt, 
.icons-menu-right.menu-button a.btn-default  { 
    box-shadow: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border: 1px solid;
    border-radius: 3px;
    padding: 10px 20px;
    color: #00aff2;
    background-color: transparent;
}
.icons-menu-right .menu-button {
    min-width: fit-content;
}
.icons-menu-right .menu-button a.btn-default  { 
    border: 2px solid;
    font-weight: 700;
    font-size: 90%;
}
.woocommerce #reviews #comments ol.commentlist {
    padding-left: 0;
}
.woocommerce ul.products li.product .star-rating {
    margin: 0 auto;
}
.woocommerce .star-rating {
    width: 5.6em;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: transparent;
    color: #00aff2;
}
.woocommerce ul.products li {
    border-bottom: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.woocommerce ul.products li.product.product-category {
    padding-bottom: 0;
}
.woocommerce ul.products li.product.product-category a img {
    margin: 0;
}
.woocommerce ul.products li.product.product-category {
    padding: 0;
}
.woocommerce .related.products {
    text-align: center;
}
.woocommerce .related.products > h2 {
    font-weight: 300;
    border-top: 1px solid #eaeaea;
    padding-top: 30px;
    padding-bottom: 15px;
}
.woocommerce a.added_to_cart {
    width: 100%;
    margin-bottom: 10px;
    padding: 0 5px 0 5px;
}
.inner-wrapper {
    display: block;
    margin-bottom: 15px;
}
.content-date-comments {
    width: 70px;
    text-align: center;
    float: left;
    margin-right: 20px;
}
.date-meta {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 15px 8px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.5px;
    word-spacing: 0px;
    color: #434343;
    line-height: 18px;
}
.comments-meta {
    background-color: rgba(0, 0, 0, 0.71);
    color: #FFF;
    padding: 3px 5px;
    margin: 10px 0;
    font-size: 15px;
    line-height: 1.4;
}
.comments-meta a {
    color: #FFF;
}
.cat-links, .tags-links {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 30px;
}
.cat-links a,
.cat-links span,
.tags-links span {
    position: relative;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    margin-right: 5px;
}
.tags-links a {
    position: relative;
    font-style: italic;
    opacity: 0.8;
    font-size: 14px;
    margin-right: 5px;
}
.entry-footer {
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 20px;
}
.entry-footer .space-right {
    margin-right: 10px;
    font-weight: bold;
}
a.post-edit-link {
    float: right;
}
.news-item {
    margin-bottom: 35px;
}

.news-item h2 {
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 700;
}
.news-item h2 a {
    font-size: 36px;
    font-weight: 700;
    color: #434343;
    font-weight: 300;
}
.news-thumb {
    margin-bottom: 10px;
    text-align: center;
}
.news-thumb img {
    width: 100%;
}
.post-excerpt {
    font-style: italic;
    font-weight: 300;
}
.author-meta-by {
    font-style: italic;
    opacity: 0.7;
    position: relative;
    font-size: 14px;
    font-weight: 300;
}
.author-meta a {
    color: #434343;
    text-transform: uppercase;
    font-size: 14px;
    margin-left: 4px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #000;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
    border: 1px solid;
    padding: 8px;
    border-radius: 5px;
    border-color: #d9d9d9;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 15px !important;
}
.woocommerce ul.products li.product > a img {
    -webkit-box-shadow: 0px 10px 20px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 20px -15px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 20px -15px rgba(0,0,0,0.75);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid;
    border-radius: 5px;
    border-color: #d9d9d9;
    margin-top: -20px;
    margin-bottom: 15px;
}
.woocommerce ul.products li.product:hover > a img {
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 25px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 25px -10px rgba(0,0,0,0.75);
    border: 1px solid;
    border-color: #d9d9d9;
    margin-top: -25px;
    margin-bottom: 20px;
}
.futurio-has-gallery .secondary-image {
    left: 8px;
    width: calc(100% - 16px)!important;
    margin-top: -18px !important;
}
.woocommerce mark, .woocommerce .mark {
    background-color: transparent;
    color: inherit;
}
.woocommerce-MyAccount-navigation li {
    list-style-type: none;
    border: 1px solid #e4e4e4;
    margin-bottom: -1px;
    padding: 5px 15px;
}
.woocommerce-MyAccount-navigation ul {
    padding: 0;
}
.woocommerce-MyAccount-navigation li.is-active {
    background-color: rgba(0, 0, 0, 0.1);
    font-weight: bold;
}
.heading-row {
    position: relative;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}
.menu-cart a.cart-contents,
.elementor-menu-cart a.cart-contents,
.menu-account a, 
.top-search-icon i,
.offcanvas-sidebar-toggle i {
    color: #434343;
    font-size: 18px;
    line-height: 22px;
    position: relative;
    padding: 0 !important;
    background-color: transparent !important;
}
.menu-cart a.cart-contents i, .elementor-menu-cart a.cart-contents i {
    position: relative;
}
.menu-account a, .menu-cart a.cart-contents {
    font-size: 20px;
    line-height: 26px;
    display: inline-flex;
    align-items: center;
}
.menu-account i, .menu-cart a.cart-contents i, .elementor-menu-cart a.cart-contents i {
    border: 2px solid;
    padding: 0px;
    border-radius: 31px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
}
.top-search-icon i.fa-times {
    color: #434343 !important;
}
.menu-cart, .menu-account {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    width: max-content;
    display: inline-block;
    position: relative;
}
.cart-contents span.count {
    font-size: 10px;
    font-weight: 400;
    padding: 0px;
    color: #fff;
    background-color: #6b6b6b;
    border-radius: 17px;
    border: 1px solid #434343;
    line-height: 18px;
    margin: 0;
    position: absolute;
    top: -6px;
    right: -10px;
    font-style: initial;
    height: 20px;
    width: 20px;
    text-align: center;
    font-family: 'Open Sans Condensed', "Helvetica Neue", helvetica, arial, sans-serif;
}
ul.site-header-cart {
    opacity: 0;
    display: none;
    position: absolute;
    z-index: 50;
}
.woocommerce-cart ul.site-header-cart,
.woocommerce-checkout ul.site-header-cart {
    display: none !important;
}
.elementor-menu-cart .header-cart {
    position: relative;
    display: inline-block;
}
.menu-cart:hover ul.site-header-cart, 
.product-added-to-cart .menu-cart ul.site-header-cart,
.elementor-menu-cart .header-cart:hover ul.site-header-cart, 
.product-added-to-cart .elementor-menu-cart .header-cart ul.site-header-cart {
    display: block;
    opacity: 1;
    right: -10px;
    min-width: 320px;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 10px;
    z-index: 9999;
    animation: showup 0.5s;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.15);
}
.amount-cart, .account-text {
    color: #434343;
    font-size: 15px;
    margin-left: 15px;
    font-weight: 700;
    display: inline-block;
    line-height: 16px;
}
.amount-cart-total, .account-title {
    opacity: 0.7;
    text-transform: none;
    font-size: 80%;
    font-weight: 400;
}
.account-subtitle {
    text-transform: none;
}
.offcanvas-sidebar-toggle:hover,
.offcanvas-sidebar-close:hover {
    cursor: pointer;
}
.offcanvas-sidebar-expanded .offcanvas-sidebar {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.offcanvas-sidebar-expanded .futurio-page-wrap:after {
    content: "";
    left: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: rgba(102, 102, 102, 0.42);
    z-index: 997;
    right: 0;
}
.offcanvas-sidebar {
    width: 320px;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    padding: 40px 20px 30px 20px;
    background: #fff;
    z-index: 5000;
    -webkit-transform: translateX(-320px);
    -ms-transform: translateX(-320px);
    transform: translateX(-320px);
    left: 0;
    -webkit-transition: -webkit-transform 0.2s;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    overflow-y: auto;
    border-right: 1px solid #cbcbcb;
}
.admin-bar .offcanvas-sidebar {
    padding-top: 60px;
}
.offcanvas-sidebar-close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 25px;
}
.admin-bar .offcanvas-sidebar-close {
    top: 28px;
}


.wpcf7-form input[type=email], .wpcf7-form input[type=text], .wpcf7-form textarea {
    background-color: #FFF;
    box-shadow: inset 0 0 0 1px rgba(102,113,123,.25), inset 0 1px 2px 0 rgba(102,113,123,.21);
    border: none;
}
@media (min-width: 768px) {
    form[class*=wpcf7-] p:nth-of-type(1), form[class*=wpcf7-] p:nth-of-type(2) {
        display: block;
        width: 50%;
        max-width: 50%;
        float: left;
    }
    form[class*=wpcf7-] p:nth-of-type(1) {
        padding-right: 15px;
    }
}
.wpcf7-form p, .wpcf7-form label  {
    width: 100%;
    font-weight: 300;
}
.wpcf7-form p  {
    width: 100%;
    float: left;
}
.wpcf7-form input:not([type="checkbox"]), .wpcf7-form select, .wpcf7-form textarea {
    display: block;
    width: 100%;
    font-size: 1em;
    outline: 0;
    vertical-align: middle;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    box-shadow: none;
    padding: 5px 12px;
    font-weight: 300;
    font-size: initial;
}
.wpcf7-form input[type=submit] {
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid #f1f1f1;
    padding: 8px 35px;
    vertical-align: middle;
    -webkit-appearance: none;
    margin-left: auto;
    margin-right: 0;
    height: auto;
    display: block;
    margin-bottom: 0;
    width: auto;
}
.wpcf7-response-output {
    float: left;
    width: 100%;
    text-align: center;
}
.woocommerce ul.products li {
    border-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    border-bottom: 1px solid #ebebeb
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li {
    border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: transparent;
    padding: 0 30px 0 0;
    margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li:hover a {
    border-bottom: 1px solid #00aff2;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 10px 20px;
    font-weight: 300;
    min-width: 100px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    color: #00aff2;
    border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a {
    border-bottom: 1px solid #00aff2;
    color: #00aff2;
}
.woocommerce div.product .woocommerce-tabs h2:first-child {
    display: none;
}
.product_meta {
    clear: both;
    font-size: 14px;
    border-bottom: 1px solid #eaeaea;
    margin-top: -1px;
    padding: 20px 0;
    margin-top: 0;
}
.woocommerce div.product form.cart {
    padding: 20px 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-top: 20px;
    margin-bottom: 10px;
    border-color: #eaeaea;
}
.woocommerce div.product .product_title {
    clear: none;
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #eaeaea;
}
section.related.products, .up-sells.upsells.products {
    clear: both;
}
section.related.products ul.products, .up-sells.upsells.products ul.products {
    margin-top: 30px;
}
.woocommerce span.onsale {
    background-color: #52aff2;
    line-height: 1.7;
    min-height: 1.7em;
    border-radius: 3px;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #777;
}
.woocommerce ul.products li.product .button {
    margin-top: 5px;
    margin-bottom: 15px;
}
p.woocommerce-mini-cart__buttons.buttons {
    text-align: center;
}
.woocommerce div.product form.cart .variations select {
    min-width: 70%;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.77);
    margin: 0 0 1em;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
    width: 60px;
    border: 1px solid #ebebeb;
    float: left;
    margin-left: 0;
    margin-right: 15px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, 
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #00aff2;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
    top: 2px;
    height: 4px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: transparent;
    border: 1px solid;
    height: 10px;
}
.woocommerce .widget ul.woocommerce-widget-layered-nav-list li,
.woocommerce .widget_layered_nav_filters ul li {
    border: 0;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: rgba(235, 233, 235, 0.46);
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background-color: rgba(247, 246, 247, 0.1);
    color: inherit;
}

nav.navigation.post-navigation {
    clear: both;
    width: 100%;
    float: left;
    margin-bottom: 15px;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 15px;
}
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.nav-subtitle {
    background: transparent;
    opacity: 0.8;
    color: initial;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
}
.nav-links .nav-title {
    position: relative;
}
.nav-previous .fa {
    margin-right: 5px;
}
.nav-next .fa {
    margin-left: 5px;
}

.container-fluid.head-bread {
    border-bottom: 1px solid #e2e2e2;
    padding: 5px 0;
    background-color: #fff;
}

/* Top bar */
.top-bar-section {
    background: #242424;
    color: #fff;
    padding: 5px 0;
    z-index: 15;
    position: relative;
}
.social-links li {
    list-style-type: none;
    display: inline-block;
    padding: 0 5px;
}
.top-bar-section ul,
.top-bar-section p {
    margin: 0;
    padding: 0;
}
.top-bar-section .col-sm-4:nth-child(3n),
.top-bar-section .col-sm-6:nth-child(2n) {
    text-align: right;
}
.top-bar-section .col-sm-4:nth-child(2n) {
    text-align: center;
}
.top-bar-section #icons .fa, .top-search-icon .fa, .news-text-wrap .fa, .icons-menu-right .fa {
    font-family: "fontawesome";
    font-weight: 400;
}
.full-head-img {
    padding-top: 60px;
    padding-bottom: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}
.full-head-img:after {
    position: absolute;
    content: "";
    background-color: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
}
.full-head-img h1.single-title, .single-subtitle {
    color: #fff;
    z-index: 2;
    position: relative;
}
/* =========================================================
   GL AUDIO INDIA - PREMIUM HEADER NAVIGATION
   ========================================================= */

:root {
    --gla-red: #DB0000;
    --gla-red-light: #ff2424;
    --gla-black: #080808;
    --gla-dark: #151515;
    --gla-white: #ffffff;
    --gla-gray: #cccccc;
}

/* Main Header */
.site-header,
#masthead,
.header-main {
    background: var(--gla-black) !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.35) !important;
    position: relative;
    z-index: 9999;
}

/* Main Navigation Area */
.main-navigation,
.nav-menu {
    background: transparent !important;
}

/* Main Menu */
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
    color: var(--gla-white) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    padding: 16px 18px !important;
    margin: 0 2px;
    border-radius: 6px;

    transition:
        color 0.3s ease,
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;

    position: relative;
}

/* Red Bottom Line */
.main-navigation ul.menu > li > a::after,
.main-navigation ul.nav-menu > li > a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 0;
    height: 2px;
    background: var(--gla-red);
    transform: translateX(-50%);
    transition: width 0.3s ease;
}

/* Hover */
.main-navigation ul.menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:hover {
    color: #ffffff !important;
    background: var(--gla-red) !important;

    transform: translateY(-3px);

    box-shadow:
        0 7px 15px rgba(219,0,0,0.35),
        inset 0 1px 0 rgba(255,255,255,0.15);
}

.main-navigation ul.menu > li > a:hover::after,
.main-navigation ul.nav-menu > li > a:hover::after {
    width: 70%;
}

/* Active Page */
.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.menu > li.current_page_item > a,
.main-navigation ul.nav-menu > li.current-menu-item > a,
.main-navigation ul.nav-menu > li.current_page_item > a {
    color: #ffffff !important;
    background: var(--gla-red) !important;

    box-shadow:
        0 5px 14px rgba(219,0,0,0.30);
}

/* =========================================================
   SUBMENU
   ========================================================= */

.main-navigation ul ul {
    background: var(--gla-black) !important;
    border-top: 3px solid var(--gla-red) !important;

    min-width: 220px !important;

    box-shadow:
        0 12px 30px rgba(0,0,0,0.45),
        0 4px 10px rgba(219,0,0,0.12);

    border-radius: 0 0 8px 8px;
    padding: 8px 0 !important;

    animation: glaSubMenu 0.25s ease;
}

/* Submenu Items */
.main-navigation ul ul li a {
    background: var(--gla-black) !important;
    color: var(--gla-white) !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    padding: 12px 18px !important;

    border-left: 3px solid transparent;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        padding-left 0.3s ease,
        border-color 0.3s ease;
}

/* Submenu Hover */
.main-navigation ul ul li a:hover {
    background: var(--gla-red) !important;
    color: #ffffff !important;

    padding-left: 24px !important;

    border-left-color: #ffffff;

    box-shadow:
        inset 0 0 15px rgba(255,255,255,0.08);
}

/* Submenu Active */
.main-navigation ul ul li.current-menu-item > a {
    background: var(--gla-red) !important;
    color: #ffffff !important;
}

/* =========================================================
   DROPDOWN ARROW
   ========================================================= */

.main-navigation .menu-item-has-children > a::before {
    color: var(--gla-red) !important;
}

.main-navigation .menu-item-has-children > a:hover::before {
    color: #ffffff !important;
}

/* =========================================================
   3D EFFECT
   ========================================================= */

.main-navigation ul.menu > li {
    perspective: 600px;
}

.main-navigation ul.menu > li > a {
    transform-style: preserve-3d;
}

.main-navigation ul.menu > li > a:active {
    transform: translateY(-1px) scale(0.98);
    box-shadow: 0 3px 8px rgba(219,0,0,0.25);
}

/* =========================================================
   SUBMENU ANIMATION
   ========================================================= */

@keyframes glaSubMenu {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* =========================================================
   MOBILE NAVIGATION
   ========================================================= */

@media (max-width: 768px) {

    .main-navigation ul.menu > li > a,
    .main-navigation ul.nav-menu > li > a {
        font-size: 14px !important;
        padding: 13px 15px !important;
        margin: 2px 0;
        border-radius: 5px;
    }

    .main-navigation ul ul {
        min-width: 100% !important;
        border-top: 2px solid var(--gla-red) !important;
        border-radius: 0;
        box-shadow: none;
    }

    .main-navigation ul ul li a {
        font-size: 13px !important;
        padding: 11px 20px !important;
    }

    .main-navigation ul ul li a:hover {
        padding-left: 26px !important;
    }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .main-navigation ul.menu > li > a,
    .main-navigation ul.nav-menu > li > a {
        font-size: 13px !important;
        padding: 12px 13px !important;
    }

}

/* =====================================================
   GL AUDIO INDIA - FUTURIO MENU FINAL COMPACT FIX
   ===================================================== */

@media (min-width: 992px) {

    /* Main navigation container */
    .main-navigation {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    /* Actual Futurio menu list */
    .main-navigation ul.nav-menu,
    .main-navigation ul.menu {
        width: 100% !important;

        display: flex !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: flex-start !important;

        margin: 0 !important;
        padding: 0 18px !important;

        gap: 0 !important;
    }

    /* Every main menu item */
    .main-navigation ul.nav-menu > li,
    .main-navigation ul.menu > li {
        float: none !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;
    }

    /* ACTUAL MENU LINK */
    .main-navigation ul.nav-menu > li > a,
    .main-navigation ul.menu > li > a {

        display: block !important;

        margin: 0 !important;

        padding: 15px 7px !important;

        font-size: 11px !important;

        line-height: 1.2 !important;

        font-weight: 800 !important;

        letter-spacing: 0 !important;

        white-space: nowrap !important;

        color: #ffffff !important;

        text-transform: uppercase !important;
    }

    /* Hover */
    .main-navigation ul.nav-menu > li > a:hover,
    .main-navigation ul.menu > li > a:hover {

        color: #DB0000 !important;

        background: transparent !important;
    }

    /* Active */
    .main-navigation ul.nav-menu > li.current-menu-item > a,
    .main-navigation ul.nav-menu > li.current_page_item > a,
    .main-navigation ul.menu > li.current-menu-item > a {

        color: #DB0000 !important;
    }

}


/* =====================================================
   VERY LARGE SCREEN
   ===================================================== */

@media (min-width: 1300px) {

    .main-navigation ul.nav-menu,
    .main-navigation ul.menu {

        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .main-navigation ul.nav-menu > li > a,
    .main-navigation ul.menu > li > a {

        padding-left: 8px !important;
        padding-right: 8px !important;

        font-size: 11px !important;
    }
}


/* =====================================================
   1100 - 1299px
   ===================================================== */

@media (min-width: 992px) and (max-width: 1299px) {

    .main-navigation ul.nav-menu,
    .main-navigation ul.menu {

        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .main-navigation ul.nav-menu > li > a,
    .main-navigation ul.menu > li > a {

        padding-left: 4px !important;
        padding-right: 4px !important;

        font-size: 12px !important;
    }
}
@media (min-width: 992px) {

    .main-navigation {
        width: calc(100% - 80px) !important;
    }

    .main-navigation ul.nav-menu,
    .main-navigation ul.menu {
        justify-content: flex-start !important;
    }

    .main-navigation .menu-item {
        flex-shrink: 1 !important;
    }
}
/* =====================================================
   GL AUDIO INDIA - FUTURIO COMPACT MAIN MENU
   ===================================================== */

@media (min-width: 992px) {

    /* Main menu */
    .main-navigation,
    .navbar-nav {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Menu row */
    .main-navigation ul,
    .navbar-nav {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 5px !important;
    }

    /* Menu items */
    .main-navigation ul li,
    .navbar-nav > li {
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
        flex-shrink: 1 !important;
    }

    /* Menu text */
    .main-navigation ul li a,
    .navbar-nav > li > a {
        padding: 12px 5px !important;
        margin: 0 !important;

        font-size: 9px !important;
        font-weight: 800 !important;
        letter-spacing: 0 !important;

        white-space: nowrap !important;
        line-height: 1.2 !important;

        color: #ffffff !important;

        transition: all .25s ease !important;
    }

    /* Hover */
    .main-navigation ul li a:hover,
    .navbar-nav > li > a:hover {
        color: #DB0000 !important;
        transform: translateY(-1px);
    }

    /* Active */
    .main-navigation ul li.current-menu-item > a,
    .main-navigation ul li.current_page_item > a,
    .navbar-nav > li.current-menu-item > a {
        color: #DB0000 !important;
    }
}


/* =====================================================
   1200px+ DESKTOP
   ===================================================== */

@media (min-width: 1200px) {

    .main-navigation ul li a,
    .navbar-nav > li > a {
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 10.5px !important;
    }
}


/* =====================================================
   992px - 1199px
   ===================================================== */

@media (min-width: 992px) and (max-width: 1199px) {

    .main-navigation ul li a,
    .navbar-nav > li > a {
        padding-left: 3px !important;
        padding-right: 3px !important;
        font-size: 9px !important;
    }
}
#site-navigation .navbar-nav > li > a
 {
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .5px;
    text-transform: uppercase;
    padding: 19px 11px !important;
    position: relative;
    transition: all .3s ease;
}
.icons-menu-right {
    gap: 5px !important;
}
.icons-menu-right {
    margin-left: -12px !important;
    float: right;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}


/* =========================================
   GL AUDIO - CART & CHECKOUT TEXT FIX
========================================= */

/* Main headings */
body.woocommerce-cart h1,
body.woocommerce-cart h2,
body.woocommerce-cart h3,
body.woocommerce-cart h4,
body.woocommerce-checkout h1,
body.woocommerce-checkout h2,
body.woocommerce-checkout h3,
body.woocommerce-checkout h4 {
    color: #222222 !important;
}

/* Paragraphs */
body.woocommerce-cart p,
body.woocommerce-checkout p {
    color: #555555 !important;
}

/* Cart table */
body.woocommerce-cart table,
body.woocommerce-cart table th,
body.woocommerce-cart table td {
    color: #222222 !important;
}

/* Product name */
body.woocommerce-cart .product-name,
body.woocommerce-cart .product-name a {
    color: #222222 !important;
}

/* Product price */
body.woocommerce-cart .product-price,
body.woocommerce-cart .product-price *,
body.woocommerce-cart .product-subtotal,
body.woocommerce-cart .product-subtotal * {
    color: #222222 !important;
}

/* Quantity */
body.woocommerce-cart .quantity,
body.woocommerce-cart .quantity * {
    color: #222222 !important;
}

/* Cart totals */
body.woocommerce-cart .cart_totals,
body.woocommerce-cart .cart_totals *,
body.woocommerce-cart .woocommerce-Price-amount,
body.woocommerce-cart .woocommerce-Price-amount * {
    color: #222222 !important;
}

/* Checkout labels */
body.woocommerce-checkout label {
    color: #222222 !important;
}

/* Checkout fields */
body.woocommerce-checkout input,
body.woocommerce-checkout select,
body.woocommerce-checkout textarea {
    color: #222222 !important;
    background-color: #ffffff !important;
}

/* Checkout field placeholder */
body.woocommerce-checkout input::placeholder,
body.woocommerce-checkout textarea::placeholder {
    color: #777777 !important;
    opacity: 1 !important;
}

/* Checkout order review */
body.woocommerce-checkout #order_review,
body.woocommerce-checkout #order_review *,
body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-checkout .woocommerce-checkout-review-order-table * {
    color: #222222 !important;
}

/* Payment section */
body.woocommerce-checkout .payment_box,
body.woocommerce-checkout .payment_box * {
    color: #555555 !important;
}

/* Links */
body.woocommerce-cart a,
body.woocommerce-checkout a {
    color: #db0000 !important;
}

/* Buttons should remain white text */
body.woocommerce-cart .button,
body.woocommerce-checkout .button,
body.woocommerce-cart button,
body.woocommerce-checkout button {
    color: #ffffff !important;
    background-color: #db0000 !important;
}

/* Button hover */
body.woocommerce-cart .button:hover,
body.woocommerce-checkout .button:hover,
body.woocommerce-cart button:hover,
body.woocommerce-checkout button:hover {
    color: #ffffff !important;
    background-color: #222222 !important;
}
html body .top-search-icon,
html body .top-search-icon i,
html body .top-search-icon a,
html body .offcanvas-sidebar-toggle,
html body .offcanvas-sidebar-toggle i,
html body .offcanvas-sidebar-toggle a {
    color: #ffffff !important;
    fill: #ffffff !important;
}