/* Card Group */
/* Consecutive Cards */
/* Image */
/* Icon */
/* base padding */
/* heights */
/* card body */
/* full card padding */
/* card font size */
/* card icon size */
/* cardHeader */
/* Metadata */
/* Links */
/* Description */
/* get count from BS variables */
/* Columns */
/* Stackable */
/* Changeable */
.text-cert {
    color: #0C7EAC;
}

.text-course {
    color: #008545;
}

.text-pub {
    color: #BB5725;
}

.text-workshop {
    color: #996E1A;
}

.bg-cert {
    background: #11aae5;
}

.bg-course {
    background: #00914c;
}

.bg-pub {
    background: #d4632a;
}

.bg-workshop {
    background: #dda533;
}

.border-cert {
    border-color: #11aae5 !important;
}

.border-course {
    border-color: #00914c !important;
}

.border-pub {
    border-color: #d4632a !important;
}

.border-workshop {
    border-color: #dda533 !important;
}

.sidebar {
    margin-top: .5rem;
}

@media (min-width: 576px) {
    .border-sm-right {
        border-right: 1px solid rgba(34, 36, 38, 0.15);
    }
}

.training-search {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #243a5f;
}

@media (min-width: 768px) {
    .training-search {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .training-search:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("../svg/bg-learning-guideewh0.svg") 102% 100% no-repeat;
    }
}

.training-search .search-wrapper:before {
    content: none;
}

.training-search [data-scrollnav="true"] {
    height: auto;
}

.training-search [data-scrollnav="true"].fixed {
    background-color: #243a5f;
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.05);
    z-index: 1023;
}

.ui-widget {
    font-family: inherit;
    font-size: inherit;
}


@media (min-width: 768px) {
    .grid-mode {
        background-color: #f2f2f2;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-bottom: 1rem;
    }
}

.filter-cards .subject-divider {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-top: 1.5rem;
}

.filter-cards .subject-divider:not(:first-child) {
    margin-top: 2.5rem;
}

.filter-cards .card {
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.filter-cards .card:before {
    content: "";
    position: absolute;
}

.filter-cards .card .card-body > .card-title {
    font-size: 1.125rem;
    font-weight: 600;
}

.filter-cards .card .card-body > .card-text {
    font-size: 0.9rem;
    color: rgba(33, 37, 41, 0.75);
}

.filter-cards .class-type {
    text-transform: uppercase;
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
}

.filter-cards .class-attend {
    position: relative;
    background-color: transparent;
    display: flex;
    border-color: transparent;
    padding: 0;
    text-align: center;
    line-height: 28px;
    width: 28px;
    height: 28px;
    transition: all 300ms 0s ease;
    z-index: 1;
    margin-left: auto;
    cursor: default;
    top: -10px;
}

.filter-cards .class-attend + .class-attend {
    margin-left: 0.25rem;
}

.filter-cards .class-attend:before {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

@media (min-width: 576px) {
    .filter-cards .card:before {
        top: -8px;
        left: -1px;
        width: calc(100% + 2px);
        height: 8px;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
    }
    .filter-cards .card.ribbon .card-body > .card-title .badge {
        top: -8px;
    }
}

@media (max-width: 575.98px) {
    .filter-cards .card {
        margin-left: calc(0.5em + 8px);
    }
    .filter-cards .card:before {
        top: -1px;
        left: -8px;
        height: calc(100% + 2px);
        width: 8px;
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
    }
}

.filter-cards > div:not(.subject-divider) {
    margin-bottom: 8px;
}

.filter-cards [data-class-type="cert"] .class-type {
    color: #0C7EAC;
}

.filter-cards [data-class-type="cert"] .class-type:before {
    width: 18px;
    height: 18px;
    margin-right: 3px;
    margin-bottom: -3px;
    background-size: 18px 18px;
    display: inline-block;
    content: "";
    pointer-events: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%2311aae5;%7d%3c/style%3e%3c/defs%3e%3cg id='cert'%3e%3cpath class='cls-1' d='M7.51,11.88A2.56,2.56,0,0,1,6,11.39a3.59,3.59,0,0,1-.36-.32v3.44c0,.37.23.47.5.22l1.35-1.17,1.44,1.18c.27.26.49.17.49-.21V11.09a2.73,2.73,0,0,1-.81.56A2.65,2.65,0,0,1,7.51,11.88Z'/%3e%3cpath class='cls-1' d='M12,5.14a1.61,1.61,0,0,1,.31,1A1.58,1.58,0,0,1,12,7a1.52,1.52,0,0,1-.76.59,1.67,1.67,0,0,1,.12,1,1.63,1.63,0,0,1-.46.89,1.53,1.53,0,0,1-.88.45,1.61,1.61,0,0,1-1-.12,1.68,1.68,0,0,1-.34.56,1.8,1.8,0,0,1-.53.37,1.67,1.67,0,0,1-.67.14,1.57,1.57,0,0,1-.94-.3A1.53,1.53,0,0,1,6,9.81a1.65,1.65,0,0,1-1,.12,1.53,1.53,0,0,1-.88-.45,1.63,1.63,0,0,1-.46-.89,1.76,1.76,0,0,1,.12-1A1.64,1.64,0,0,1,2.72,6.09a1.6,1.6,0,0,1,.3-1,1.57,1.57,0,0,1,.76-.59,1.73,1.73,0,0,1-.12-1,1.6,1.6,0,0,1,.46-.89A1.57,1.57,0,0,1,5,2.24a1.6,1.6,0,0,1,1,.12,1.53,1.53,0,0,1,.59-.77,1.57,1.57,0,0,1,.94-.3,1.6,1.6,0,0,1,1,.3,1.65,1.65,0,0,1,.59.77,1.66,1.66,0,0,1,1.85.34,1.6,1.6,0,0,1,.46.89,1.65,1.65,0,0,1-.12,1A1.52,1.52,0,0,1,12,5.14Zm-2.41.12a.19.19,0,0,0,0-.3L9.1,4.48a.17.17,0,0,0-.28,0L7,6.29l-.79-.8a.19.19,0,0,0-.3,0L5.43,6c-.1.1-.1.2,0,.28L6.86,7.7a.19.19,0,0,0,.28,0Z'/%3e%3c/g%3e%3c/svg%3e");
}

.filter-cards [data-class-type="cert"] .card:before {
    background: #11aae5;
    opacity: .8;
}

.filter-cards [data-class-type="course"] .class-type {
    color: #008545;
}

.filter-cards [data-class-type="course"] .card:before {
    background: #00914c;
}

.filter-cards [data-class-type="pub"] .class-type {
    color: #BB5725;
}

.filter-cards [data-class-type="pub"] .card:before {
    background: #d4632a;
}

.filter-cards [data-class-type="workshop"] .class-type {
    color: #996E1A;
}

.filter-cards [data-class-type="workshop"] .card:before {
    background: #dda533;
}

.filter-cards [data-filter*="self-paced"] .class-attend:before {
    content: url("../svg/icon-self-pacedx7t4.svg");
}

.filter-cards [data-filter*="in-person"] .class-attend:before {
    content: url("../svg/icon-in-persons8wv.svg");
}

.filter-cards [data-filter*="instructor-led"] .class-attend:before {
    content: url("../svg/icon-instructor-lednb78.svg");
}

.filter-cards [data-filter*="self-paced;instructor-led"] .class-attend:before {
    content: url("../svg/icon-self-pacedx7t4.svg");
}

.filter-cards [data-filter*="self-paced;instructor-led"] .class-attend + .class-attend:before {
    content: url("../svg/icon-instructor-lednb78.svg");
}

.filter-cards [data-filter*="self-paced;in-person"] .class-attend:before {
    content: url("../svg/icon-self-pacedx7t4.svg");
}

.filter-cards [data-filter*="self-paced;in-person"] .class-attend + .class-attend:before {
    content: url("../svg/icon-in-persons8wv.svg");
}

.filter-cards [data-filter*="instructor-led;in-person"] .class-attend:before {
    content: url("../svg/icon-instructor-lednb78.svg");
}

.filter-cards [data-filter*="instructor-led;in-person"] .class-attend + .class-attend:before {
    content: url("../svg/icon-in-persons8wv.svg");
}

.filter-cards [data-filter*="self-paced;instructor-led;in-person"] .class-attend:before {
    content: url("../svg/icon-self-pacedx7t4.svg");
}

.filter-cards [data-filter*="self-paced;instructor-led;in-person"] .class-attend + .class-attend:before {
    content: url("../svg/icon-instructor-lednb78.svg");
}

.filter-cards [data-filter*="self-paced;instructor-led;in-person"] .class-attend + .class-attend + .class-attend:before {
    content: url("../svg/icon-in-persons8wv.svg");
}

.filter-cards .see-more-link {
    display: flex;
    justify-content: center;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    margin: 0.25rem;
}

.filter-cards .see-more-link hr {
    width: 100%;
}

.filter-cards .see-more-link .btn-collapse {
    position: absolute;
    align-self: center;
    font-weight: bold;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: var(--bs-primary-text-emphasis);
}

.filter-cards .see-more-link .btn-collapse:hover {
    color: #fff;
    background-color: var(--bs-primary-text-emphasis);
    border-color: var(--bs-primary-text-emphasis);
}

.class-signup {
    position: relative;
    margin-top: auto;
}

.class-signup .dropdown-item:hover {
    color: var(--bs-dropdown-link-active-color) !important;
    background: var(--bs-dropdown-link-active-bg);
}

.class-signup .accordion-item {
    border: none;
    background-color: transparent;
}

.class-signup .accordion-button {
    color: var(--bs-dropdown-color);
    background-color: transparent;
    border: none;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    border-radius: 0;
}

.class-signup .accordion-button:hover {
    color: var(--bs-dropdown-link-active-color) !important;
    background: var(--bs-dropdown-link-active-bg);
}

.class-signup .accordion-button:after {
    background-image: none;
}

.class-signup .accordion-button:not(.collapsed) {
    color: var(--bs-dropdown-link-active-color);
    background: var(--bs-dropdown-link-active-bg);
}

.class-signup .accordion-button:not([onClick]):after {
    background-image: none;
    background-size: auto;
    display: inline;
    width: auto;
    height: auto;
    margin-top: 0;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-style: normal;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    vertical-align: baseline;
    background-position: 0% 0%;
    background-repeat: repeat;
    speak: none;
    padding-right: .5rem;
    padding-left: .5rem;
    content: "\f107";
}

.class-signup .list-group-item {
    color: var(--bs-dropdown-color) !important;
    background: var(--bs-dropdown-link-hover-bg);
    border-color: var(--bs-dropdown-border-color);
    padding-left: 2rem;
}

.class-signup .list-group-item:hover {
    color: var(--bs-dropdown-color) !important;
    background: var(--bs-dropdown-bg);
}

[data-class-type="course"] .class-signup .dropdown-item {
    padding: 0;
}

[data-class-type="course"] .class-signup .dropdown-item:hover {
    background-color: transparent;
}