/*-- Use For Custom Styling --*/

@font-face {
    font-family: 'Le Havre';
    font-style: normal;
    font-weight: normal;
    src: url('/vendor/fonts/LeHavre.woff') format('woff');
}

@font-face {
    font-family: 'Bastia Bold';
    font-style: normal;
    font-weight: normal;
    src: url('/vendor/fonts/Bastia-Bold.woff') format('woff');
}

.logo {
    max-width: 200px;
}

.side-menu.center {
    background: #f7f1e7;
}

.side-nav .navbar-nav .nav-link {
    color: #C73D5F;
}

.side-nav .navbar-nav .nav-link::after {
    background: #C73D5F;
}

.color-kasaba-red {
    color: #C73D5F;
}

.bg-kasaba-yellow {
    background: #F7BE56;
}

.bg-kasaba-blue {
    background: #6EB3C1;
}

.bg-kasaba-cream {
    background: #F7F1E7;
}

.text-kasaba-red {
    color: #C73D5F;
}

::-webkit-scrollbar-thumb {
    background: #F7BE56;
}

.logo-full {
    max-width: 250px;
}

.btn-kasaba-blue {
    background: #6EB3C1;
}

.btn-hvr-kasaba-pink:after {
    background-color: #EECBDB;
}

@media screen and (max-width: 767px) {
    .logo {
        max-width: 140px;
    }

    .logo-full {
        max-width: 180px;
    }
}