:root {
    --white: #ffffff;
    --black: #212529;
    --grey: #6C757D;

    --primary-lightest: #4D90D2;
    --primary-lighter: #2679C9;
    --primary-base: #0061BF;
    --primary-darker: #0052A2;
    --primary-darkest: #004486;

    --accent-lightest: #FEA44D;
    --accent-lighter: #FD9126;
    --accent-base: #FD7D00;
    --accent-darker: #D76A00;
    --accent-darkest: #B15800;
}

/* Card */
.card-custom .card-body {
    padding: 24px;
}

/* Navbar */
.navbar {
    padding: 0;
}

.navbar-jp .nav-link {
    font-family: 'Roboto', sans-serif;
    font-size: 1;
    font-style: normal;
    line-height: 130%;
    color: white;
    font-weight: 500;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 24px;
}


.nav-logo-container {
    width: 5vw;
    height: auto;
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}

.nav-logo {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.navbar .form-control,
.navbar .btn {
    padding: 8px 16px;
}

.shop-search {
    width: 25%;
}

/* Footer */
.footer-map {
    width: 100%;
    border-radius: 8px;
    height: auto;
    background-size: cover;
}

/* Header */
.page-header {
    padding-top: 48px;
}

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

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

}

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

    /* Navbar */
    .shop-search {
        width: 100%;
    }

    .nav-logo-container {
        width: 20vw;
    }

    .card-custom .card-body {
        padding: 16px;
    }

}