.header {
    background: linear-gradient(to right, #003E50, #FAA61A, #FFFFFF, #FAA61A, #003E50);
}

.mini-header {
    color: #003E50;
    background-color: #FAA61A;
}

.header-icon {
    color: #003E50;
}

.background-theam {
    color: #003E50;
    background-color: #F3EED4;
}

.darker-theam {
    color: #003E50;
    background-color: #FAA61A;
    p {
        color: #FEE9C7;
    }
}

.dark-theam {
    background-color: #003E50;
}

.main-title {
    color: #FAA61A;
}

.hollow-box {
    color: #003E50;
    background: transparent;
    box-shadow: 0 0 5px #003E50;

    h2,
    h3,
    h4,
    h5 {
        color: #003E50;
    }

    .active {
        color: #003E50;
    }

    hr {
        height: 2px;
        background-color: #003E50;
        border: none;
    }
}

.hollow-box:hover {
    box-shadow: 0 0 20px #FAA61A;
}

.filled-box {
    color: #FAA61A;
    background: #003E50;
    box-shadow: 0 0 5px #FAA61A;

    h2,
    h3,
    h4,
    h5,
    p {
        color: #FAA61A;
    }

    hr {
        background: #FAA61A;
    }
}

.filled-box:hover {
    box-shadow: 0 0 20px #FAA61A;
}

.image-button {
    color: #FAA61A;
}

.filled-button {
    color: #FAA61A;
    background: #003E50;
    box-shadow: 0 0 5px #003E50;
    border-color: #003E50;
}

.image-button:hover,
.filled-button:hover {
    box-shadow: 0 0 20px #FAA61A;
}

.custom-switch span.active {
    color: #003E50;
}

.switch {
    background: #003E50;
}

.table>thead>tr>th {
    background-color: #FAA61A;
    color: #003E50;
}

.message-box {
    border-color: #003E50;
}

.menu-card {
    box-shadow: 0 0 5px #FAA61A;
}

.menu-card:hover {
    box-shadow: 0 0 20px #FAA61A;
}

.modal {
    .modal-header {
        color: #FAA61A;
        background-color: #003E50;
    }
    .modal-content {
        background-color: #FEE9C7;
    }
    .form-check-input {
        background-color: #FEE9C7;
    }
    .form-check-input:checked {
        background-color: #003E50;
        border-color: #003E50;
    }
}

.filter-web {
    p:hover {
        color: #003E50;
    }

    span {
        color: #FAA61A;
    }
}

.filter-mobile {
    #navbar {
        .nav-link {
            color: #FAA61A;
            background-color: #003E50;
        }

        .navbar-toggler {
            color: #FAA61A;
            background-color: #FAA61A;
        }
    }
}

.category-card {
    background: #003E50;
    box-shadow: 0 0 5px #003E50;    
}

.category-card:hover {
    box-shadow: 0 0 20px #FAA61A;
}

.cart-icon {
    color: #FAA61A
}

.cart-badge {
    background: #FAA61A;
    color: #003E50;
}

.partner-social a:hover {
    color: #FAA61A;
}

.partner-footer {
	background-color: #003E50;	    
}