@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css");

:root {
    --menu-bg-color: grey;
    --menu-color: white;
	--extra-txt-color: #b2cdbe;
}

@media(min-width: 769px) {
    .navbar-header>.title-logo-wrapper {
        height: 0px !important;
    }
}

.page-header.header-small {
    min-height: 50px !important;
    height: 50px !important;
}

.navbar,
#main-navigation,
footer.footer,
ul.dropdown-menu {
    background-color: var(--menu-bg-color) !important;
    color: var(--menu-color) !important;
    font-weight: 900;
}

.navbar .navbar-nav>li .dropdown-menu li {
    color: var(--menu-color) !important;
    font-weight: 900;
}

.navbar .navbar-nav>li .dropdown-menu li.active>a {
    color: var(--extra-txt-color);
}

.footer .footer-menu a,
.hestia-top-bar,
.label,
.media-footer a,
.navbar,
.navbar a,
.navbar .dropdown-menu li>a {
    font-size: 15px;
}

.btn.btn-primary,
button,
input[type=button],
input[type=submit] {
    -webkit-box-shadow: 0 2px 2px 0 rgb(129 211 208 / 14%), 0 3px 1px -2px rgb(129 211 208 / 20%), 0 1px 5px 0 rgb(129 211 2086 / 12%);
    -moz-box-shadow: 0 2px 2px 0 rgba(129, 211, 208, .14), 0 3px 1px -2px rgba(129, 211, 208, .2), 0 1px 5px 0 rgba(129, 211, 208, .12);
    box-shadow: 0 2px 2px 0 rgb(129 211 208 / 14%), 0 3px 1px -2px rgb(129 211 208 / 20%), 0 1px 5px 0 rgb(129 211 208 / 12%);
}

.woocommerce-cart table.shop_table td {
    padding: 5px !important;
}

td.product-quantity {
    white-space: nowrap;
}

.input-checkbox {
    position: relative !important;
    margin: 0px !important;
}

.single_add_to_cart_button {
    margin: 10px !important;
}

button,
button:hover,
input[type="submit"],
input[type="submit"]:hover,
input[type="button"],
input[type="button"]:hover,
input#searchsubmit,
.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary:active:focus,
.btn.btn-primary:active:hover,
.btn.btn-primary.active:focus,
.btn.btn-primary.active:hover,
.open>.btn.btn-primary.dropdown-toggle,
.open>.btn.btn-primary.dropdown-toggle:focus,
.open>.btn.btn-primary.dropdown-toggle:hover {
    background-color: var(--extra-txt-color) !important;
}

.woocommerce-info {
    background-color: var(--extra-txt-color) !important;
}

.woocommerce .before-shop-main {
    margin: 40px 0 25px;
}

@media screen and (max-width: 600px) {
    #wpadminbar {}
}

@media (max-width: 600px) {
    body.admin-bar .navbar.navbar-not-transparent {
        margin-top: 45px !important;
    }
}

@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed !important;
    }
}