/** Custom CSS File for MJP Consulting **/

#wpadminbar {
    position: fixed;
    bottom: 0px !important;
    top: unset;
}

:root {
    --blue: rgb(16, 37, 82);
    --red: #ec1d24;
    --white: #ffffff;
    --muted: #f1f1f1;
    --primary: 'Barlow Condensed';
}

html[lang="es"] .widget_gtranslate a[title="Español"] {
    display: none;
}

html[lang="en-US"] .widget_gtranslate a[title="English"],
html[lang="en"] .widget_gtranslate a[title="English"],
html[lang="auto"] .widget_gtranslate a[title="English"] {
    display: none;
}

.logged-in .legal {
    margin-bottom: 32px;
}

#wpadminbar .menupop .ab-sub-wrapper {
    bottom: 32px;
}

/*? ===== Global ===== */

.card-muted {
    background-color: var(--muted);
}

.card-red {
    background-color: var(--red);
}


/*? ===== Navbar ===== */

.uk-logo img {
    filter: drop-shadow(10px 10px 10px #ddd);
}

.uk-navbar-nav>li:hover>a::before,
.uk-navbar-nav>li.uk-active>a::before,
.uk-navbar-nav>li>a[aria-expanded=true]::before {
    background-image: url('/wp-content/uploads/2022/08/navbar-line.png');
    background-size: 64px;
    background-position: bottom right;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 999;
    height: 15px;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    background-image: url('/wp-content/uploads/2022/09/nav-banner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: screen;
    background-color: rgb(255 255 255 / 87%);
}

.uk-navbar-container {
    border-bottom: 4px solid var(--red);
    transition: all .5s ease;
}

.uk-navbar-container.uk-navbar-sticky {
    border-bottom: 4px solid var(--blue);
    transition: all .5s ease;
}

.uk-navbar-nav>li>a {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.online-training-button {
    padding-left: 20px;
}


/*? ===== Hero ===== */

#welcome {
    position: relative;
}

.red-star {
    margin: 0px;
    position: absolute;
    right: -60px;
    transform: rotate(15deg);
    top: -230px;
    /* z-index: 999; */
    filter: drop-shadow(2px 8px 0px #fff);
}

/*? ===== About ===== */

.about-quote .el-meta {
    font-family: var(--primary);
    font-weight: bold;
    font-size: 18px;
}

/* .about-quote .uk-first-column+div {
    margin-top: 30px;
} */

/*? ===== Courses ===== */

.course-overlay .el-title+.uk-margin-top {
    height: 0px;
    opacity: 0;
    margin-top: 0px !important;
    transition: all .5s ease;
}

.course-overlay .el-item:hover .el-title+.uk-margin-top {
    margin-top: 20px !important;
    height: 52px !important;
    opacity: 1;
    transition: all .5s ease;
}

.courses-grid>div>div:nth-child(even) .uk-grid>div:first-child {
    order: 1;
}

.courses-grid>div>div:nth-child(even) .uk-grid>div:last-child {
    order: 2;
}

.top-bread {
    position: absolute;
    right: 20px;
    top: -60px;
    background: var(--red);
    padding: 5px 20px;
}

.top-bread *,
.top-bread .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
    color: #fff !important;
}

/* .single-courses .page-title {
    position: relative;
    bottom: -30px;
    left: unset;
    transform: unset;
} */

.view-all-courses {
    display: none;
}

/*? ===== Inner Pages ===== */


.page-title {
    width: max-content;
    max-width: 100%;
    padding: 20px 30px;
}

.page-banner>div {
    padding-top: 260px;
}

.page-title {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}



/*? ===== Contact ===== */

.wpcf7-spinner {
    position: absolute;
    bottom: -20px;
    left: 0px;
}

/*? ===== Footer ===== */

.footer-logo {
    filter: grayscale(1) brightness(6);
}

@media (min-width: 1200px) {
    .staffing-image .uk-container {
        position: relative;
    }

    .short-long-staffing {
        position: absolute;
        bottom: -120px;
        background: var(--muted);
        padding: 40px 20px;
        max-width: 100%;
        margin: 0px auto;
        width: calc(100% - 180px);
        left: 50%;
        border-bottom: 5px solid var(--blue);
        transform: translateX(-50%);
    }

    .staffing-image {
        min-height: 570px;
    }

    .short-long-staffing>div:first-child {
        padding-left: 0px;
    }

    .short-long-staffing>div:last-child {
        padding-left: 20px;
    }

    .courses-grid .uk-button+.uk-button {
        margin-left: 5px;
    }
}

@media (max-width: 1199px) {

    .courses-grid .uk-button {
        width: 100%;
        margin-bottom: 5px;
    }
}

@media (min-width: 960px) {

    /* .about-quote .el-content::before {
        position: absolute;
        z-index: 0;
        opacity: .2;
        font-size: 64px;
        content: '❝';
        top: -40px;
        left: -20px;
        line-height: 1;
    } */

    .staffing-profession-list {
        max-width: 100%;
        width: 480px;
    }
}

@media (max-width: 959px) {
    .uk-navbar-toggle {
        padding-left: 0px;
    }
}



@media (max-width: 639px) {
    .uk-heading-medium {
        font-size: 32px;
    }

    .home-courses .el-title {
        font-size: 26px;
    }
}