/*
|--------------------------------------------------------------------------
| NAVBAR DROPDOWN
|--------------------------------------------------------------------------
*/

.navbar .dropdown-menu
{
    display:none;
    margin-top:0;
}

.navbar .nav-item:hover > .dropdown-menu
{
    display:block;
}

.dropdown-submenu
{
    position:relative;
}

.dropdown-submenu .dropdown-menu
{
    top:0;
    left:100%;
    margin-top:-1px;
}

.dropdown-submenu:hover > .dropdown-menu
{
    display:block;
}

.dropdown-submenu > .dropdown-item::after
{
    content:"›";
    float:right;
    font-size:14px;
}


/* =========================================================
   EXPERIENCES PAGE
========================================================= */

.experiences-page-spinner {
    width: 3rem;
    height: 3rem;
}

.experiences-intro {
    max-width: 720px;
}


/* =========================================================
   EXPERIENCE CARD
========================================================= */

.experience-card {
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.experience-card:hover {
    transform: translateY(-6px);
}


/* =========================================================
   EXPERIENCE IMAGE
========================================================= */

.experience-image-wrap {
    height: 280px;
    overflow: hidden;
}

.experience-image {
    width: 100%;
    height: 100%;
    object-fit: cover;

    transition:
        transform 0.45s ease;
}

.experience-card:hover .experience-image {
    transform: scale(1.05);
}


/* =========================================================
   EXPERIENCE CONTENT
========================================================= */

.experience-highlight {
    line-height: 1.7;
}


/* =========================================================
   LOAD MORE
========================================================= */

#loadMoreExperiences {
    min-width: 150px;
}

#loadMoreExperiences:disabled {
    cursor: not-allowed;
    opacity: 0.75;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .experience-image-wrap {
        height: 230px;
    }

}