.sub-menu {
    min-width: 150px;
    right: 0
}

.width-30 {
    width: 35%;
}

.width-70 {
    width: 65%;
}

.grid-width-30 {
    width: 30%;
}

.grid-width-70 {
    width: 70%;
}

.mysr-form-footer {
    display: none !important;
}

.cart-icon {
    font-size: 32pt;
    margin-bottom: 15px;
}

.cart-options a:hover, .cart-options a:hover p {
    color: white;
}

.payment-panel {
    display: none;
}

.payment-panel.show {
    display: block;
}

.cart-options a.active {
    background-color: rgb(30 80 117 / var(--tw-bg-opacity));
    color: white;
}

.gift_form {
    display: none;
}

#navbarMenu {
    display: none;
}

#navbarMenu.shown {
    display: flex;
}

@media (min-width: 1024px) {
    #navbarMenu {
        display: flex;
    }

    #hamburgerButton {
        display: none;
    }
}

.subgroup ~ .sub-menu {
    left: -40px;
    right: auto;

}

.subgroup ~ .sub-menu.show {
    display: flex !important;
}

.subgroup {
    display: flex;
    align-items: center;
}

.subgroup img {
    margin-right: auto;
}

.truncate-two-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

body {
    color: var(--design-color1); /*#000000*/
}

.bg-gray-super {
    background-color: var(--design-color2) !important; /*#eef1f8*/
    opacity: var(--tw-bg-opacity);
}

.bg-grad-blue-1 {
    background-color: var(--design-color3) !important; /*#2C6188*/
    opacity: var(--tw-bg-opacity);
}


.border-primary {
    border-color: var(--design-color4) !important; /*#1E5075*/
}

.text-primary {
    color: var(--design-color4) !important; /*#1E5075*/
}

.hover\:text-primary:hover {
    color: var(--design-color4) !important; /*#1E5075*/
}

.border-border-blue,
.border-blue {
    border-color: var(--design-color5) !important; /*#06222F*/
}

.bg-blue {
    background-color: var(--design-color5) !important; /*#06222F*/
    opacity: var(--tw-bg-opacity);
}

.text-blue {
    color: var(--design-color5) !important; /*#06222F*/
}

.bg-nav-black {
    background-color: var(--design-color6) !important; /*#252F3B*/
    opacity: var(--tw-bg-opacity);
}

.bg-blue-super-3 {
    background-color: var(--design-color7) !important; /*#2e638a*/
    opacity: var(--tw-bg-opacity);
}

.bg-black {
    background-color: var(--design-color8) !important; /*#000000*/
    opacity: var(--tw-bg-opacity);
}

.border-black {
    border-color: var(--design-color8) !important; /*#000000*/
}

.text-black {
    color: var(--design-color1) !important; /*#000000*/
}

/*.bg-white {*/
/*    background-color: var(--design-color9) !important; !*#ffffff*!*/
/*    opacity: var(--tw-bg-opacity);*/
/*}*/

.border-white {
    border-color: var(--design-color9) !important; /*#ffffff*/
    opacity: var(--tw-bg-opacity);
}

.text-white, .\!text-white {
    color: var(--design-color9) !important; /*#ffffff*/
}


.bg-primary,
.\!bg-blue-super,
.before\:bg-primary::before {
    background-color: var(--design-color4) !important; /*#1E5075*/
    opacity: var(--tw-bg-opacity);
}