:root {
    --primary: #005801;
    --secondary: #7dad3F;
    --accent-main: #9c0001;
    --accent-lighten: #e50001;
    --black: #001b00;
    --grey: #4a4a4a;
    --white: #fff;
}


/* Button */
.button-gsb {
    background: var(--accent-lighten);
    border-radius: 5px;
    color: var(--white) !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.44rem;
    font-weight: 600;
    padding: 0.125rem 1.5rem;
}

/* Logo container */
.logo-container {
    background-color: var(--white);
    border: 2px solid var(--secondary);
    width: 75px;
    height: 75px;
    border-radius: 50%;
    padding: 12px;
}

/* Navbar */
.navbar-gsb {
    background-color: #024B02;
    transition: background-color 0.15s ease-in-out;
}

.navbar-gsb .nav-link {
    color:  var(--white);
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-size: 1.44rem;
    margin-right: 1.5rem;
}

.navbar-gsb .dropdown .dropdown-toggle .dropdown-arrow {
    margin-left: 1rem;
    font-size: 1rem;
}

.navbar-gsb .dropdown-submenu {
    position: relative;
}

.navbar-gsb .dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .1em;
}

.navbar-gsb .dropdown-submenu .dropdown-menu {
    top: 20% !important;
    left: 110%;
    margin-left: .1rem;
    margin-right: .1rem;
}

.img-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid var(--secondary);
    object-fit: cover;
}

.icon-cart {
    position: relative;
    padding-top: .5rem;
    padding-right: .5rem;

}

.cart-counter {
    position: absolute;
    padding-bottom: 10px;
    top: -7px;
    right: 0;
    color: white;
}

/* Header  */
.header-bg {
    background: url(../front_assets/img/public/a/header-bg.jpg) no-repeat center
        center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 3rem;
}

.page-header.header-bg {
    padding-bottom: 2rem;
}

/* Footer */
footer {
    background: url(../front_assets/img/public/c/footer-bg.jpg) no-repeat center
        center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.footer-border {
    border-top: 1px solid var(--white);
}


@media only screen and (max-width: 997.92px) {

    #layoutDefault, #layoutDefault_footer {
        overflow-x: hidden;
    }

}