/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

:focus {
    outline: none !important;
    -webkit-outline: none !important;
}

.masthead {
    text-align: center;
}

p {
    margin: 0 0 1.2em 0;
}

header .entry-title.in-colored-header {
    color: #fff;
    font-weight: 400;
    position: relative;
    top: -60px;
    margin: 0;
}

.masthead-inline .p-meta {
    color: #fff;
    font-size: 120%;
    margin: 0;
    position: relative;
    top: -40px;
}


/***** EMBERLY QUIZ FUNCTIONALITY *****/
.em-quiz {
    max-width: 980px;
    margin: 0 auto;
}

.em-quiz-wrapper {
    padding: 50px 30px;
    /* background-color: #f4f4f4; */
}

.em-quiz .gfield_radio {
    display: flex;
}

.em-quiz .gfield_radio li {
    overflow: visible !important;
    flex: 1;
}

.em-quiz li.gfield input[type=radio]+label {
    box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border: 3px solid transparent;
    padding: 15px;
    font-size: 18px;
    font-weight: 400;
    width: 100%;
    text-align: center;
    border-radius: 30px;
}

.em-quiz li.gfield input[type=radio] {
    display: none !important;
}

.em-quiz .gfield_radio:hover li {
    transition: all 0.3s ease;
    opacity: 0.7;
}

.em-quiz .gfield_radio li:hover {
    opacity: 1;
}

.em-quiz li.gfield input[type=radio]:checked+label {
    box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.3);
    border: 3px solid #262626;
    font-weight: 700 !important;
}

.em-quiz .gravity-option-image {
    margin-bottom: 10px;
}



.em-quiz legend {
    font-size: 28px !important;
    font-weight: bold !important;
}

.em-quiz ul.gform_fields li.gfield {
    margin-top: 0;
    margin-bottom: 50px !important;
    padding-right: 0 !important;
}

.em-quiz .gform_heading {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 120px !important;
}

@media screen and (max-width: 800px) {
    .em-quiz li.gfield input[type=radio]+label {
        font-size: 14px;
    }

    .em-quiz li.gfield input[type=radio]+label {
        padding: 10px;
    }

    .em-quiz .gfield_label {
        font-size: 18px !important;
        text-align: center;
    }

    .em-quiz .gfield_radio {
        display: block;
    }

    .em-quiz .gfield_radio li label img {
        width: 36%;
        margin-bottom: 0;
        margin-right: 15px;
    }

    .em-quiz li.gfield input[type=radio]+label {
        margin: 0;
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }
}

.page-id-11337 header.x-header-landmark,
.page-id-11256 header.x-header-landmark {
    display: none !important;
}

.page-id-11256 #top,
.page-id-11337 #top,
.page-id-11264 #top {
    background-color: #f4f4f4 !important;
}

.em-quiz .gform_footer input[type=submit] {
    width: 100% !important;
    background: #1e73be;
    color: #fff;
    border: 0;
    transition: all 0.2s ease;
}

.em-quiz .gform_footer input[type=submit]:hover {
    background: #2b85d3;
}

.em-quiz .gform_wrapper .gf_progressbar {
    width: 100%;
    margin-right: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.em-quiz .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
    margin-left: 0 !important;
}

/* .em-quiz .gform_wrapper .gf_progressbar_percentage {
  background: transparent;
} */

.em-quiz .gform_wrapper .gf_progressbar_percentage span {
    display: none;
}

.em-quiz .gform_wrapper .gf_progressbar_percentage,
.em-quiz .gform_wrapper .gf_progressbar:after {
    height: 10px;
}

.em-quiz .gform_wrapper .gf_progressbar .gf_progressbar_percentage {
    background-color: #ED4D4F !important;
    background: #ED4D4F !important;
    color: #fff !important;
}

.em-quiz .gform_wrapper .gf_progressbar:after {
    margin-top: -10px;
}

.em-quiz .gform_wrapper .gform_page_footer .button.gform_next_button {
    margin-right: 0 !important;
}

/***** QUIZ GAME *****/
.em-quiz.em-quiz-game {
    max-width: 720px;
    padding: 30px;
}

.em-quiz.em-quiz-game legend {
    font-size: 17px !important;
    margin-bottom: 25px !important;
    border: 0 !important;
}

.em-quiz.em-quiz-game li.gfield input[type=radio]+label {
    margin-left: 0;
    width: 100%;
    text-align: center;
    font-size: 15px;
    padding: 10px;
    line-height: 1em;
    border-radius: 10px;
    max-width: 95%;
}

.em-quiz.em-quiz-game li.gfield input[type=radio]+label {
    width: 100%;
    text-align: center;
    font-size: 15px;
    padding: 10px;
    line-height: 1em;
    border-radius: 10px;
    /* background: #f04b4b;
  color: #fff; */
    font-weight: normal;
}

.em-quiz-tip {
    background: #fff;
    padding: 10px;
    border: 1px solid #cacaca;
    border-radius: 10px;
    box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.1);
    font-style: italic;
}

.em-quiz .gform_page_footer {
    text-align: right;
}

.em-quiz .button.gform_next_button,
.em-quiz .gform_wrapper .gform_page_footer input[type=submit] {
    background-color: #ED4D4F;
    color: #fff;
    text-shadow: none;
    min-width: 200px;
    margin-left: auto;
    margin-right: 0;
    border-radius: 20px;
    border: 0;
    line-height: 1em !important;
}

h1.em-quiz-play-title {
    color: #262626 !important;
    opacity: 1;
    z-index: 9999;
    font-size: 20px !important;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 20px;
}

.em-quiz-tip.em-quiz-tip-incorrect {
    background: #ecd2d2;
    color: #bb1e1e;
    border: 1px solid #bb1e1e;
}

.em-quiz-tip.em-quiz-tip-correct {
    background: #ddf9e1;
    border-color: #4dc35e;
    color: #186724;
}

.em-quiz *:focus {
    outline: 0;
}

@media screen and (max-width: 800px) {
    .em-quiz .button.gform_next_button {
        width: 100%;
    }
}


.em-quiz .gf_left_half input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    max-width: 95%;
}

.em-quiz .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border: 2px solid #cecece;
    padding: 13px 14px;
    line-height: 1em;
    height: auto;
    font-size: 15px;
}

.em-quiz ul.gform_fields .gfield.remove_margin_bottom {
    margin-bottom: 0 !important;
}

/**** ALMOST DONE ****/
.almost-done h4 {
    margin-bottom: 10px;
}

.almost-done {
    background: #fff;
    padding: 20px !important;
    text-align: center;
    margin-bottom: 40px !important;
    box-shadow: 3px 3px 36px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

img.down-arrow.bounce {
    width: 30px;
    height: 30px;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.em-quiz-result h1,
.em-quiz-result p {
    text-align: center;
}

.em-quiz-result {
    display: block;
    background: #fff;
    padding: 0;
    margin: 0 auto;
    max-width: 700px;
    border-radius: 20px;
    box-shadow: 3px 3px 26px rgba(0, 0, 0, 0.1);
}

h3.em-quiz-score {
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 20px;
}

h3.em-quiz-score span {
    color: #43c170;
}

.em-quiz-celebrities .em-quiz-celebrity-iq {
    color: #43c170;
    text-align: center;
    font-size: 16px;
    margin: 0;
}

.em-quiz-celebrities .em-quiz-celebrity-image {
    width: 100%;
    margin-bottom: 15px;
    border-radius: 50%;
}

.em-quiz-celebrities .em-quiz-celebrity-title {
    font-size: 16px;
    text-align: center;
    font-weight: 800;
    margin: 6px !important;
}

.em-quiz-celebrities .em-quiz-celebrity {
    padding: 15px;
}

.em-quiz-celebrities {
    display: flex;
}

.em-quiz-result-subheader {
    font-size: 16px;
    margin: 0;
    text-align: center;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.em-quiz-result h1 {
    margin: 0;
}

@media screen and (max-width: 800px) {
    .em-quiz-celebrities {
        flex-wrap: wrap;
        margin-right: -2%;
    }

    .em-quiz-celebrities .em-quiz-celebrity {
        flex: auto;
        max-width: 33%;
    }

    .em-quiz-wrapper .em-quiz-result {
        padding: 0;
    }

    .em-quiz-celebrities .em-quiz-celebrity {
        padding: 12px;
    }

    .em-quiz-wrapper .em-quiz-result h1 {
        font-size: 35px;
        font-weight: 800;
    }

    .em-quiz-share-buttons .em-quiz-share-button {
        margin-bottom: 15px;
    }

    .em-quiz-share-buttons {
        display: block;
    }
}

/**** ****/

.em-quiz-share-header {
    text-align: center;
    font-size: 22px;
}

.em-quiz-share-description {
    text-align: center;
}

.em-quiz-share-button span {
    font-size: 1.2em;
}

.em-quiz-share-button svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.em-quiz-share-button svg,
.em-quiz-share-button path {
    fill: #fff;
}

.em-quiz-share-button {
    flex: 1;
    background: #555;
    margin-right: 2%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 8px;
    transition: all 0.4s ease;
}

.em-quiz-share-button:hover {
    opacity: 0.6;
    color: #fff;
    cursor: pointer;
}

.em-quiz-share-buttons {
    display: flex;
    width: 100%;
    margin-right: -4%;
}

.em-quiz-share-buttons .em-quiz-share-button.em-quiz-share-facebook {
    background-color: #4267B2;
}

.em-quiz-share-buttons .em-quiz-share-button.em-quiz-share-twitter {
    background-color: #00aced;
}

.em-quiz-share-buttons .em-quiz-share-button.em-quiz-share-linkedin {
    background-color: #0072b1;
}

/***** QUIZ HEADERS *****/
.em-quiz-splash {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.em-quiz-splash,
.back-row-toggle {
    min-height: 80vh;
    width: 100%;
}



/***** *****/

.back-row-toggle {
    height: 100%;
    margin: 0;
    overflow: hidden;
    background: linear-gradient(to bottom, #202020, #111119);
}

.rain {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transform: rotate(-26deg);
}

.rain.back-row {
    display: none;
    z-index: 1;
    bottom: 60px;
    opacity: 0.5;
}

.em-rain-wrapper {
    background-image: url(https://www.procpr.org/blog/wp-content/uploads/2020/12/cpr-iq-splash-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.em-rain-wrapper.back-row-toggle .rain.back-row {
    display: block;
}

.drop {
    position: absolute;
    bottom: 100%;
    width: 15px;
    height: 120px;
    pointer-events: none;
    animation: drop 0.5s linear infinite;
}

@keyframes drop {
    0% {
        transform: translateY(0vh);
    }

    75% {
        transform: translateY(90vh);
    }

    100% {
        transform: translateY(90vh);
    }
}

.stem {
    width: 5px;
    height: 60%;
    margin-left: 7px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25));
    animation: stem 0.5s linear infinite;
}

@keyframes stem {
    0% {
        opacity: 1;
    }

    65% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.splat {
    width: 45px;
    height: 50px;
    border-top: 4px dotted rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    opacity: 1;
    transform: scale(0);
    animation: splat 0.5s linear infinite;
    display: none;
}

.em-rain-wrapper.splat-toggle .splat {
    display: block;
}

@keyframes splat {
    0% {
        opacity: 1;
        transform: scale(0);
    }

    80% {
        opacity: 1;
        transform: scale(0);
    }

    90% {
        opacity: 0.5;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

.toggles {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.toggle {
    position: absolute;
    left: 20px;
    width: 50px;
    height: 50px;
    line-height: 51px;
    box-sizing: border-box;
    text-align: center;
    font-family: sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.2);
    color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
}

.toggle:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

.toggle:active {
    background-color: rgba(255, 255, 255, 0.3);
}

.toggle.active {
    background-color: rgba(255, 255, 255, 0.4);
}

.splat-toggle {
    top: 20px;
}

.back-row-toggle {
    top: 0;
    line-height: 12px;
    padding-top: 14px;
}

.single-toggle {
    top: 160px;
}

.em-rain-wrapper.single-toggle .drop {
    display: none;
}

.em-rain-wrapper.single-toggle .drop:nth-child(10) {
    display: block;
}

.em-quiz-splash {
    position: relative;
    overflow: hidden;
}

img.em-quiz-splash-old-man {
    position: absolute;
    height: 84%;
    right: 14%;
    bottom: -2%;
    width: auto;
}

img.em-quiz-splash-main-character {
    position: absolute;
    height: 83%;
    left: 9%;
    bottom: -2%;
    width: auto;
}

.em-quiz-title-slide-mobile.em-quiz-title-slide-mobile {
    display: none;
}

@media screen and (max-width: 1400px) {
    img.em-quiz-splash-old-man {
        right: 5%;
    }

    img.em-quiz-splash-main-character {
        left: 5%;
    }

    .em-quiz-title-slide .em-quiz-title-slide-header {
        font-size: 5rem;
    }

    body .em-quiz-title-slide {
        top: 15%;
        width: 43%;
    }
}

@media screen and (max-width: 900px) {
    img.em-quiz-splash-old-man {
        right: 10%;
    }

    img.em-quiz-splash-main-character {
        left: 10%;
    }


    .em-quiz-splash,
    .back-row-toggle {
        min-height: 45vh;
        width: 100%;
    }

    body .em-quiz-title-slide {
        display: none;
    }

    body .em-quiz-title-slide.em-quiz-title-slide-mobile {
        display: block;
        position: relative;
        width: 100%;
        padding: 20px;
        left: 0;
        top: 0;
    }

    body .em-quiz-title-slide .em-quiz-title-slide-header {
        font-size: 3rem;
    }
}

@media screen and (max-width: 767px) {
    img.em-quiz-splash-old-man {
        right: 2%;
    }

    img.em-quiz-splash-main-character {
        left: 2%;
    }
}

.em-quiz-title-slide h2,
.em-quiz-title-slide p {
    margin: 0;
}

.em-quiz-title-slide {
    position: absolute;
    top: 20%;
    width: 33%;
    padding: 20px;
    left: 30%;
    color: #232323;
    z-index: 99999;
}

.em-quiz-title-slide .em-quiz-title-slide-description {
    font-size: 2rem;
    line-height: 1.3em;
    margin-bottom: 20px;
}

.em-quiz-title-slide .em-quiz-title-slide-header {
    font-size: 6rem;
    margin-bottom: 8px;
}

a.button {
    background-color: #f04c4b;
    border: 0;
    color: #fff;
    text-shadow: none;
    min-width: 200px;
    border-radius: 50px;
    padding: 12px 20px;
    line-height: 1em;
    transition: all 0.3s ease;
    font-size: 16px;
}

a.button:hover {
    background-color: #f56161;
    color: #fff;
}

a.button.button-secondary.button-light {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
}

/***** GRAVITY FORMS FIXES *****/
.gfield.gf_left_third input,
.gfield.gf_middle_third input {
    max-width: 94%;
}

.gfield.gf_left_third,
.gfield.gf_middle_third,
.gfield.gf_right_third {
    width: 33.333% !important;
    display: inline-block !important;
    float: none !important;
    margin-right: 0 !important;
}

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

    body .gfield.gf_left_third input,
    body .gfield.gf_middle_third input,
    body .gfield.gf_right_third input {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    body .gfield.gf_left_third,
    body .gfield.gf_middle_third,
    body .gfield.gf_right_third {
        width: 100% !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
}

/***** QUIZ CONFIRMATION *****/
.em-quiz-confirmation .em-quiz-confirmation-description {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.em-quiz-confirmation .em-quiz-confirmation-heading {
    margin: 0;
    margin-bottom: 20px;
}

.em-quiz-confirmation .em-quiz-confirmation-icon {
    width: 70px;
    height: 70px;
    text-align: center;
    margin-bottom: 15px;
}

.em-quiz-confirmation {
    background: #fff;
    box-shadow: 4px 4px 26px rgba(0, 0, 0, 0.1);
    padding: 30px 40px;
    text-align: center;
    border-radius: 20px;
    max-width: 600px;
    margin: 40px auto;
}

.em-quiz-splash-intro p {
    margin-bottom: 0;
    font-size: 17px;
}

.em-quiz-splash-intro h1 {
    margin: 0;
}

.em-quiz-splash-intro {
    background-color: #fff;
    padding: 20px;
    box-shadow: 5px 5px 26px rgba(0, 0, 0, 0.1);
    margin-bottom: 70px;
}

.em-quiz-splash-intro .em-quiz-splash-image {
    margin-bottom: 20px;
}

.em-quiz-cta .button:last-child {
    margin-right: 0;
}

.em-quiz-cta .button {
    margin-right: 20px;
}

.em-quiz-cta {
    background: #003462;
    background-image: url(https://www.procpr.org/blog/wp-content/uploads/2020/12/cpr-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px;
    text-align: center;
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px;
}

.em-quiz-cta .em-quiz-cta-title,
.em-quiz-cta .em-quiz-description {
    color: #fff;
}

.em-quiz-cta .em-quiz-description {
    font-size: 16px;
    margin-bottom: 20px;
}

.em-quiz-cta .em-quiz-cta-title {
    margin: 0 0 10px 0;
    font-size: 3.5rem;
}

.em-quiz-result-content {
    padding: 50px 40px 30px 40px;
}


body .gform_wrapper .top_label li.gfield.gf_right_half {
    margin-right: 0 !important;
    margin-left: 1% !important;
}

body .cta-schedule .gform_wrapper .top_label input.medium,
body .gform_wrapper .top_label select.medium,
body .cta-schedule .gform_wrapper .top_label li.gfield.gf_left_half,
body .gform_wrapper .top_label li.gfield.gf_right_half {
    margin: 0 !important;
    margin-right: 1% !important;
    /* display: inline-block!important; */
    float: none !important;
    width: 49%;
}

body .cta-schedule .gform_wrapper select {
    font-size: 18px !important;
}

body .cta-schedule .gform_wrapper {
    margin-bottom: 0;
}


@media screen and (max-width: 800px) {
    .em-quiz-splash-intro h1 {
        font-size: 3rem;
    }

    .em-quiz-splash-intro {
        margin-bottom: 50px;
    }

    .em-quiz-celebrities .em-quiz-celebrity-title {
        font-size: 13px;
    }

    .em-quiz-celebrities .em-quiz-celebrity-iq {
        font-size: 13px;
    }

    .em-quiz .em-quiz-result-content {
        padding: 25px;
    }
}

.white-links a {
    color: #fff;
}



/***** COURSE CARDS *****/
body.fixed {
    max-height: 100vh;
    overflow: hidden;
}

.course-cards {
    padding: 1rem;
    flex-wrap: wrap;
}

.course-card {
    width: 27.3rem;
    animation: fade_in 0.5s ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

.course-card.hidden {
    display: none !important;
}

.course-card-thumbnail {
    width: 100%;
    position: relative;
    background-color: #999;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.course-card-thumbnail:after {
    content: "";
    display: block;
    padding-bottom: 56.5%;
}

.course-card-title {
    margin-top: 0;
    font-weight: bold;
}

.course-card-preview-link img {
    width: 15px;
    height: 15px;
    margin-right: 7px;
}

.course-card-preview-link {
    font-size: 0.8rem;
}

.course-card-cta-button .btn {
    text-align: center;
}

.help-me-choose {
    padding: 1rem;
    padding-bottom: 0;
    font-size: 24px !important;
    font-weight: bold;
    display: block;
    text-align: right;
    transition: all 0.4s ease;
}

.help-me-choose:hover {
    cursor: pointer;
    opacity: 0.8;
}

.price {
    color: #197f3b;
    font-size: 22px;
    display: flex;
}

.new-price {
    color: #197f3b;
    font-size: 22px;
    margin-left: 20px;
}

.slash-price {
    text-decoration: line-through;
    color: #CB1525;
    font-size: 22px;
}


.form-group {
    margin-bottom: 30px;
}

.form-group-heading {
    font-size: 1rem;
    font-weight: bold;
}

.form-group label {
    font-weight: normal;
    text-transform: none;
}

.form-group label {
    width: 100%;
    color: #003462;
}

.form-group input[type=radio]:checked~span,
.form-group input[type=checkbox]:checked~span {
    font-weight: bold;
}

.course-selector [type=checkbox]:not(:checked),
.course-selector [type=checkbox]:checked {
    position: relative;
    left: auto;
}

.btn-highlight {
    background-color: #297cc1 !important;
}

.btn-fullwidth {
    width: 100%;
}

.course-selector-menu {
    z-index: -99999999;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100vw;
    height: 100vh;
    overflow: scroll;
}

.course-selector-menu.open {
    z-index: 99999999;
    display: flex;
    animation: fade_in 0.5s ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

.course-selector-menu-interior p {
    font-size: 16px;
}

.course-selector-menu-interior {
    /* overflow: scroll; */
}

@keyframes fade_in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.course-selector-menu-buttons label {
    font-size: 18px;
    flex: 1;
    line-height: 1.2em;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.1);
    text-align: center;
    color: #003462;
    background-color: #fff;
    overflow: hidden;
}

.course-selector-menu-buttons label:last-child {
    margin-right: 0;
}

.course-selector-menu-buttons label span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 5px;
    border-radius: 5px;
    border: 2px solid #fff;
}

.course-selector-menu-buttons label input:checked~span {
    border: 2px solid #003462;
}

.course-selector-menu-buttons input[type=radio],
.course-selector-menu-buttons input[type=checkbox] {
    left: -9999999px !important;
    position: absolute !important;
}

.form-selectors {
    display: flex;
}

.course-selector-menu-close .menu-close-bottom {
    transform: rotate(-45deg);
}

.course-selector-menu-close .menu-close-top {
    transform: rotate(45deg);
}

.course-selector-menu-close {
    width: 30px;
    height: 30px;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 300;
}

.course-selector-menu-close .menu-close-line {
    width: 100%;
    height: 2px;
    display: block;
    background: #003462;
    position: absolute;
}

#course-selector .form-group-heading {
    font-size: 2rem;
    margin-bottom: 12px;
}

.filters-applied {
    text-align: center;
    background: #c3ecc3;
    color: #2b9c3e;
    padding: 10px;
}

.filters-applied-wrapper {
    padding: 1rem;
    padding-bottom: 0;
}

.clear-filters {
    margin-top: 10px;
    display: flex;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    color: #000;
    opacity: 0.5;
    transition: all 0.4s ease;
}

.clear-filters:hover {
    opacity: 0.9;
    cursor: pointer;
}

.filters-applied-wrapper {
    display: none;
}

.filters-applied-wrapper.active {
    display: block;
    animation: fade_in 0.5s ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

.clear-filters svg {
    fill: #2b9c3e !important;
}

.clear-filters img {
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    margin-right: 5px;
    fill: #2b9c3e !important;
}

.course-selector-menu-interior {
    max-width: 500px;
    margin: 0 auto;
}

.none-found {
    display: none;
}

.course-card {
    background-color: #fff;
    width: 30%;
    margin: 1.5%;
    margin-bottom: 5%;
}

.course-card-title {
    font-size: 0.85rem;
}

.course-cards {
    padding: 2.5%;
}

.course-card-content {
    padding: 15px !important;
}

@media screen and (max-width: 850px) {
    body h2.course-card-title {
        font-size: 1.7rem !important;
    }

    body .price .new-price {
        font-size: 18px;
    }

    body .price .slash-price {
        font-size: 14px;
    }

    body .price .slash-price,
    .price .new-price {
        margin: 0;
    }

    body .course-card-cta-button .btn {
        padding: 10px;
        text-align: center;
        width: 100%;
    }

    body .course-card-cta-button .btn:hover {
        padding: 10px;
    }

    body .price {
        display: block;
    }

    .course-card {
        width: 45%;
        margin: 2.5%;
        margin-bottom: 5%;
    }

    .course-card-title {
        font-size: 0.85rem;
    }

    .course-cards {
        padding: 2.5%;
    }

    .course-card-content {
        padding: 15px !important;
    }
}

@media screen and (min-width: 851px) {
    .help-me-choose {
        padding-right: 5%;
        padding-top: 5%;
    }
}


@charset "UTF-8";

/***** COLOR VARIABLES *****/
/*** Main Colors ***/
/*** Background colors ***/
/*** Pricing Colors ***/
/***** FONT VARIABLES *****/
/*** Basic Font Sizing ***/
/***** BREAKPOINT VARIABLES *****/
/*** Breakpoint sizing ***/
/***** BASIC RESETS *****/
body {
    font-family: "Asap", sans-serif;
}

a {
    color: #207dc9;
}

div,
section {
    box-sizing: border-box;
}

#main {
    padding-top: 75px;
    overflow: hidden;
}

@media (max-width: 767px) {
    body #main {
        padding-top: 90px;
    }

    .h1,
    h1 {
        font-size: 1.8rem;
    }
}

#wrapper {
    margin-top: 0 !important;
}

/***** BOOTSTRAP COLOR OVERRIDES *****/
.bg-primary {
    background-color: #003462 !important;
}

.bg-light {
    background-color: #edf2f8 !important;
}

.bg-medium {
    background-color: #004684 !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #003462;
}

.text-muted {
    color: #989898 !important;
}

.text-primary {
    color: #003462 !important;
}

.box-shadow {
    box-shadow: 3px 3px 16px 4px rgba(0, 0, 0, 0.05);
}

.bg-white {
    background: #fff;
}

h5.subtitle,
h4.subtitle {
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 3px;
    font-weight: 200;
}

/***** BUTTONS *****/
.btn-primary,
.btn,
input[type=submit] {
    text-transform: uppercase;
    color: #fff;
    background-color: #003462;
    border-color: #003462;
    font-size: 0.9rem;
    border: 0;
    border-radius: 25px;
    text-align: center;
    padding: 9px 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all 0.3s ease;
    align-items: center;
    justify-content: center;
    display: inline-flex;
}

@media (max-width: 575px) {

    .btn-primary,
    .btn,
    input[type=submit] {
        letter-spacing: 0;
        padding: 9px 15px;
        width: 100%;
    }
}

.btn svg {
    width: 16px !important;
    height: 16px !important;
    margin-left: 8px !important;
    fill: #fff !important;
}

.btn.icon-left svg {
    margin-right: 8px !important;
    margin-left: 0 !important;
}

.btn-highlight.btn {
    background-color: #207dc9;
}

.btn-highlight.btn:hover {
    background-color: #3092e3;
}

.btn-primary:hover,
.btn:hover,
.btn:focus,
.btn-primary:focus,
input[type=submit]:hover,
input[type=submit]:focus {
    background-color: #09457b;
    border-color: #09457b;
    color: #fff;
}

body .btn:hover,
input[type=submit]:hover {
    cursor: pointer;
}

.btn-secondary {
    background: transparent;
    border: 0;
    white-space: break-spaces;
}

.btn-secondary:hover {
    background: transparent;
    border: 0;
}

.btn:focus {
    outline: none;
    -webkit-outline: none;
    box-shadow: none;
}

.btn.btn-tertiary {
    display: inline-block;
    background: transparent;
    text-decoration: none;
    text-transform: none;
    font-size: 0.9rem;
    color: #555;
    letter-spacing: 0;
    padding: 0;
    white-space: break-spaces;
    text-align: left;
}

.btn.btn-tertiary::after {
    content: "»";
    margin-left: 4px;
}

/* Special Nav buttons */
#navbar-main .navbar-nav .nav-link.btn {
    background: #fff;
    color: #003462;
    line-height: 1em;
    padding: 10px 30px;
}

.navbar-nav .nav-link.btn:hover {
    background: #fff;
    color: #003462;
}

#navbar-main.scrolled.navbar-dark .navbar-nav .nav-link.btn {
    background: #003462;
    color: #fff;
}

#navbar-main.scrolled.navbar-dark .navbar-nav .nav-link.btn:hover {
    background: #003462;
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

/***** INPUTS *****/
body select {
    appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    border-radius: 0;
    background-image: url(https://d2i057hdzmt54w.cloudfront.net/assets/emberly/dropdown-arrow-e998422dc79a3e5be19c1b644d3eb8f2b6bdeb7a118978d19d7261fe1f56f632.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 50px;
}

select:hover,
select:focus {
    border-radius: 0;
    outline: none;
    -webkit-outline: none;
}

/***** PRICING ELEMENTS *****/
.pricing {
    color: #21ad2b;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
}

.pricing del {
    color: #aa391a;
    font-size: 1.2rem;
}

/***** ICON BOXES *****/
.icon-box {
    display: flex;
    margin-bottom: 30px;
}

.icon-box svg {
    width: 40px;
    height: 40px;
    fill: #003462;
}

.icon-box.icon-box-meta svg {
    fill: #b2b2b2;
}

.icon-box.icon-box-meta {
    font-size: 0.9rem;
}

.icon-box-icon.icon-lg svg {
    width: 50px;
    height: 50px;
}

.icon-box .icon-box-icon {
    margin-right: 20px;
}

.icon-box .icon-box-icon.icon-lg {
    margin-right: 10px;
}

.icon-box h4 {
    font-size: 1.2rem;
}

.icon-box.icon-box-lg>div {
    margin-right: 10px;
}

.icon-sm {
    width: 16px;
    margin-right: 5px;
}

.icon-box.icon-box-column {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

body .icon-box.icon-box-column .icon-box-content {
    text-align: center;
    width: 100% !important;
    padding: 0;
    padding-left: 0;
}

a.icon-box.icon-box-column:hover,
a.icon-box.icon-box-column .icon-box-title:hover {
    text-decoration: none;
}

a.icon-box.icon-box-column .icon-box-icon {
    width: 28px;
}

a.icon-box.icon-box-column .icon-box-title {
    font-size: 1rem;
    margin-bottom: 0;
}

.icon-box .icon-box-title {
    font-size: 1.2rem;
}

@media (max-width: 767px) {
    .icon-box svg {
        width: 25px;
        height: 25px;
    }

    .icon-box-icon.icon-lg svg {
        width: 32px;
        height: 32px;
    }

    .icon-box .icon-box-icon {
        margin-right: 10px;
    }

    .icon-box h4 {
        font-size: 1rem;
    }
}

/***** ALERTS *****/
.alert.alert-success {
    background-color: #b3e8bc;
    border: 1px solid #9dd6a5;
    max-width: 800px;
    margin: 0 auto;
}

.alert.alert-success svg {
    margin-right: 10px;
}

.alert-check {
    fill: #49ba2d;
}

.alert-bg {
    fill: #fff;
}

/***** COUPON BOX *****/
.coupon-box {
    /*            border-radius: 15px;*/
}

.coupon-box .coupon-box-logo {
    border-right: 1px solid #e9e9e9;
}

@media (max-width: 767px) {
    .coupon-box .coupon-box-logo {
        border-right: 0;
    }

    .dlp-home {
        padding-top: 50px;
        padding-bottom: 30px;
    }
}

.coupon-box .coupon-box-title {
    font-size: 2.1rem;
    font-weight: bold;
    margin-bottom: 0;
}

.coupon-box .coupon-box-clip {
    border: 2px solid #d3d3d3;
    font-size: 2.1rem;
    text-align: center;
    padding: 8px;
    font-weight: 800;
}

/***** NAVIGATION *****/
#nav-menus {
    display: flex;
}

@media (max-width: 1199px) {
    body #nav-menus {
        background-color: #004684;
        padding-bottom: 30px;
        height: calc(100vh - 70px);
        overflow: hidden;
    }

    body .navbar-dark #nav-menus .navbar-nav .nav-link,
    body #navbar-main.scrolled.navbar-dark .navbar-nav .nav-link,
    body #navbar-main.scrolled.navbar-dark .navbar-nav .active>.nav-link {
        padding: 20px 10px;
        color: #fff;
    }

    body #navbar-main .navbar-nav .nav-link.btn,
    body #navbar-main.scrolled.navbar-dark .navbar-nav .nav-link.btn {
        background: #fff;
        color: #004684;
        display: inline-block;
        padding: 10px 30px;
        width: fit-content;
    }

    body #navbar-main .nav-item-with-icon svg .header-fill {
        fill: #fff !important;
    }
}

.navbar-brand-wrapper .navbar-brand .logo {
    width: 100%;
    max-width: 180px;
}

.navbar-brand-wrapper .navbar-brand {
    width: 100%;
    display: flex;
    align-items: center;
}

.navbar-brand-wrapper {
    display: flex;
    flex: 1;
    align-items: center;
}

.navbar-brand {
    flex: 1;
    margin: 0;
}

#navbar-main {
    position: fixed;
    z-index: 999999;
    width: 100vw;
    padding: 0 !important;
}

#navbar-main .container {
    padding: 0;
}

body .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 1.3em;
    padding-right: 1.3em;
}

.navbar-nav {
    align-items: center;
}

.nav-link {
    padding: 1.6rem 1.3rem;
}

.nav-item-with-icon {
    display: flex;
    align-items: center;
}

.nav-item-with-icon svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 10px;
}

.navbar.navbar-expand-lg .container,
.page-footer .container-fluid {
    max-width: 1350px;
}

#navbar-main .header-fill {
    fill: #fff;
}

@media (max-width: 1199px) {
    #nav-menus {
        display: none;
    }

    #nav-menus {
        background: #fff;
    }

    .navbar-dark #nav-menus .navbar-nav .nav-link {
        color: #09457b;
    }

    .header-fill {
        fill: #09457b !important;
    }

    #navbar-main {
        padding: 0;
    }

    body .navbar-expand-lg .navbar-nav .nav-link,
    body .navbar-expand-lg .navbar-nav .nav-item {
        width: 100%;
    }

    body .navbar-expand-lg .navbar-nav .nav-link {
        padding: 10px;
    }

    .navbar-dark .navbar-brand {
        padding: 20px;
    }

    .jumbotron-heading {
        font-size: 1.8rem;
    }

    #navbar-main .container {
        display: block;
    }

    #navbar-main .navbar-expand-lg .navbar-nav {
        display: block !important;
    }

    #navbarNav .navbar-nav {
        display: flex;
        flex-direction: column;
        width: 100%;
        display: block;
    }
}

@media (min-width: 1200px) {
    #navbar-main .mobile-toggle {
        display: none;
    }

    #nav-menus {
        display: flex !important;
    }
}

#navbar-main.scrolled.navbar-dark .navbar-nav .active>.nav-link,
#navbar-main.scrolled.navbar-dark .navbar-nav .nav-link.active,
#navbar-main.scrolled.navbar-dark .navbar-nav .nav-link.show,
#navbar-main.scrolled.navbar-dark .navbar-nav .show>.nav-link,
#navbar-main.scrolled.navbar-dark .navbar-nav .nav-link {
    color: #003462;
}

/**** NAVIGATION SCROLLED *****/
#navbar-main .header-red {
    fill: #e24040 !important;
}

#navbar-main .header-white {
    fill: #fff !important;
}

#navbar-main .header-fill {
    fill: #fff !important;
}

#navbar-main .nav-item-with-icon svg .header-fill {
    fill: #003462 !important;
}

#navbar-main.scrolled .header-fill {
    fill: #003462 !important;
}

#navbar-main.scrolled {
    background-color: #fff !important;
    box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.1);
}

#navbar-main.scrolled .mobile-toggle-inner,
#navbar-main.scrolled .mobile-toggle-inner::before,
#navbar-main.scrolled .mobile-toggle-inner::after {
    background-color: #003462;
}

#navbar-main.scrolled .mobile-toggle-title {
    color: #003462;
}

@media (min-width: 1200px) {
    #navbar-main .nav-item-with-icon svg .header-fill {
        fill: #fff !important;
    }

    #navbar-main.scrolled .nav-item-with-icon svg .header-fill {
        fill: #003462 !important;
    }
}

/***** MOBILE TOGGLE *****/
.mobile-toggle:hover {
    opacity: 0.7;
}

.mobile-toggle:focus {
    outline: none;
    -webkit-outline: none;
}

.mobile-toggle .mobile-toggle-title {
    line-height: 1em;
}

.mobile-toggle.mobile-toggle-dashboard .mobile-toggle-title {
    color: #fff;
}

.mobile-toggle.mobile-toggle-dashboard .mobile-toggle-inner,
.mobile-toggle.mobile-toggle-dashboard .mobile-toggle-inner::before,
.mobile-toggle.mobile-toggle-dashboard .mobile-toggle-inner::after,
.mobile-toggle-dashboard.mobile-toggle.is-active .mobile-toggle-inner,
.mobile-toggle-dashboard.mobile-toggle.is-active .mobile-toggle-inner::before,
.mobile-toggle-dashboard.mobile-toggle.is-active .mobile-toggle-inner::after {
    background-color: #fff;
}

@media (min-width: 768px) {
    .mobile-toggle.mobile-toggle-dashboard {
        display: none;
    }
}

/***** SECTION ELEMENTS *****/
section,
.col {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.jumbotron {
    border-radius: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.jumbotron.discount-intro-jumbotron {
    background-color: #003462;
    border-radius: 0;
    background-image: url(http://devbase.emberlydigital.com/wp-content/uploads/2020/08/call-to-action-bloodborne-pathogens-training.jpg);
    padding-top: 100px;
    padding-bottom: 100px;
}

.jumbotron.get-certified {
    padding-top: 160px;
    background-image: url(http://devbase.emberlydigital.com/wp-content/uploads/2020/08/protrainings-bg.jpg);
}

.final-cta {
    background-image: url(http://devbase.emberlydigital.com/wp-content/uploads/2020/08/cta-blue.jpg);
    padding-top: 130px;
}

@media (max-width: 767px) {
    .jumbotron.discount-intro-jumbotron {
        padding-bottom: 40px;
    }
}

/***** mobile-toggle MENU *****/
.mobile-toggle {
    padding: 8px 25px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0 0 0 auto;
    overflow: visible;
}

.mobile-toggle-box {
    width: 26px;
    height: 24px;
    display: inline-block;
    position: relative;
    margin-bottom: -2px;
}

.mobile-toggle--spin .mobile-toggle-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.mobile-toggle-inner,
.mobile-toggle-inner::before,
.mobile-toggle-inner::after {
    width: 26px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.mobile-toggle-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.mobile-toggle-title {
    color: #fff;
    margin-left: 10px;
    line-height: 50px;
}

.mobile-toggle--spin.is-active .mobile-toggle-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.mobile-toggle.is-active .mobile-toggle-inner,
.mobile-toggle.is-active .mobile-toggle-inner::before,
.mobile-toggle.is-active .mobile-toggle-inner::after {
    background-color: #fff;
}

.mobile-toggle--spin.is-active .mobile-toggle-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.mobile-toggle.is-active .mobile-toggle-inner,
.mobile-toggle.is-active .mobile-toggle-inner::before,
.mobile-toggle.is-active .mobile-toggle-inner::after {
    background-color: #fff;
}

.mobile-toggle--spin .mobile-toggle-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.mobile-toggle--spin.is-active .mobile-toggle-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.mobile-toggle.is-active .mobile-toggle-inner,
.mobile-toggle.is-active .mobile-toggle-inner::before,
.mobile-toggle.is-active .mobile-toggle-inner::after {
    background-color: #fff;
}

.mobile-toggle--spin .mobile-toggle-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.mobile-toggle-inner::after {
    bottom: -8px;
}

.mobile-toggle-inner::before {
    top: -8px;
}

.mobile-toggle-inner::before,
.mobile-toggle-inner::after {
    content: "";
    display: block;
}

.mobile-toggle-inner,
.mobile-toggle-inner::before,
.mobile-toggle-inner::after {
    width: 26px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

/***** review-stars *****/
.rating_filter_sort_box {
    margin-top: 30px;
}

.review-subtitle {
    font-size: 1.2rem;
}

.rating_sort {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.rating_sort span {
    margin-right: 15px;
}

@media (max-width: 767px) {
    .rating_sort {
        justify-content: flex-start;
        margin-bottom: 30px;
    }
}

:root {
    --star-size: 40px;
    --star-color: $color-white;
    --star-background: #fc0;
}

.review-stars {
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: var(--star-size);
    font-family: "Asap", sans-serif;
    line-height: 1;
}

.review-stars::before {
    content: "★★★★★";
    letter-spacing: 3px;
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #fc0;
    /* width and color */
}

@media (max-width: 1199px) {
    .review-stars::before {
        font-size: 1rem;
    }

    .review-stars {
        margin-bottom: 20px;
    }
}

* {
    position: relative;
    box-sizing: border-box;
}

.review-stars-inline .review-stars::before,
.review-stars-inline .review-stars {
    font-size: 1rem;
}

.review-icon svg {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

section .rating_reviews .review-icon {
    display: inline-flex !important;
    align-items: center;
}

.review_widget_avatar_image {
    margin-right: 14px;
}

/***** Dot BG *****/
.dot-bg {
    transform-style: preserve-3d;
}

.dot-bg::after {
    display: block;
    width: 250px;
    height: 170px;
    background: url(https://d2i057hdzmt54w.cloudfront.net/assets/emberly/protrainings-dots-c7867b1a5fdb94e2cb40a9415991ce875164730cf4917256dd86369173ede328.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    position: absolute;
    right: -30px;
    bottom: -30px;
    z-index: -1;
    transform: translateZ(-1px);
}

.dot-bg.dot-bg-top-left::after {
    left: -40px;
    top: -40px;
}

.dot-bg.dot-bg-bottom-left::after {
    left: -40px;
    bottom: -40px;
}

.dot-bg.dot-bg-bottom-right::after {
    right: -40px;
    bottom: -40px;
}

/***** HORIZONTAL RULES *****/
body hr.vertical:after {
    clear: both;
}

body hr.vertical:before {
    border-right: 1px solid #003462;
    content: "";
    height: 100%;
    position: absolute;
    left: 50%;
}

body hr.vertical {
    height: 50px;
    border-top: 0;
    margin: 30px 0;
    position: relative;
    display: block;
}

/***** ALERT *****/
@media (max-width: 767px) {
    .alert.alert-success svg {
        margin-right: 0;
        margin-bottom: 8px;
    }

    .alert.alert-success {
        flex-direction: column;
    }
}

/***** FOOTER *****/
.page-footer.text-light a,
.footer-copyright {
    color: #fff;
    line-height: 2.3em;
    display: block;
    font-size: 0.8rem;
}

.arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

/*
.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
*/

/***** Forms & Inputs *****/
input[type=text],
input[type=password],
select {
    background: #fff;
    appearance: none;
    -webkit-appearance: none;
    border: 2px solid #ccc;
    padding: 10px;
    font-size: 17px !important;
    line-height: 1.3em;
    border-radius: 0;
    transition: border 0.3s ease;
}

input[type=text].bg-light {
    border: 1px solid #bfc6d0;
}

input[type=text].bg-light:hover {
    border: 1px solid #7d8590;
}

input[type=text].bg-light:focus {
    border: 1px solid #4e5867;
}

input[type=text]:hover,
input[type=password]:hover,
body select:hover {
    border: 1px solid #9d9d9d;
    outline: none;
    -webkit-outline: none;
    box-shadow: none;
}

input[type=text]:focus,
input[type=password]:hover body select:focus {
    border: 1px solid #555;
    outline: none;
    -webkit-outline: none;
    box-shadow: none;
}

/* form label,
label {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.9rem;
} */

form input[type=checkbox]~label,
input[type=checkbox]~label {
    font-weight: 400;
    text-transform: none;
    font-size: inherit;
}

/* CHECKBOXES! Let's have fun! */
/* Base for label styling */
[type=checkbox]:not(:checked),
[type=checkbox]:checked {
    position: absolute;
    left: -9999px;
}

[type=checkbox]:not(:checked)+label,
[type=checkbox]:checked+label {
    position: relative;
    padding-left: 1.7em;
    cursor: pointer;
}

/* checkbox aspect */
[type=checkbox]:not(:checked)+label:before,
[type=checkbox]:checked+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.17em;
    width: 1.1em;
    height: 1.1em;
    border: 1px solid #cbcbcb;
    background: #fff;
    border-radius: 0;
    transition: all 0.1s ease;
}

/* checked mark aspect */
[type=checkbox]:not(:checked)+label:after,
[type=checkbox]:checked+label:after {
    content: "";
    position: absolute;
    left: 0.34em;
    top: 0.3em;
    width: 0.45em;
    height: 0.7em;
    border: solid #555;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg) !important;
    transition: all 0.1s ease;
}

/* checked mark aspect changes */
[type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

[type=checkbox]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
[type=checkbox]:disabled:not(:checked)+label:before,
[type=checkbox]:disabled:checked+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type=checkbox]:disabled:checked+label:after {
    color: #999;
}

[type=checkbox]:disabled+label {
    color: #aaa;
}

/* accessibility */
[type=checkbox]:checked:focus+label:before,
[type=checkbox]:not(:checked):focus+label:before {
    border: 1px solid blue;
}

/* hover style just for information */
label:hover:before {
    border: 1px solid #4778d9 !important;
}

/***** SIDEBAR *****/
.sidebar-heading {
    text-transform: uppercase;
    font-size: 1.5rem;
    letter-spacing: 2px;
}

.mobile-toggle.mobile-toggle-dashboard {
    width: 100%;
    display: none;
    justify-content: center;
    background: #002444;
    padding: 20px;
}

#dashboard-navigation {
    display: block;
}

@media (max-width: 991px) {
    .sidebar-heading {
        display: none;
    }

    #dashboard-navigation {
        display: none;
    }

    .mobile-toggle.mobile-toggle-dashboard {
        display: flex;
    }
}

#wrapper {
    margin-top: 15px;
}

#sidebar-wrapper .sidebar-heading {
    padding: 0.875rem 1.25rem;
    font-size: 1.5rem;
}

#sidebar-wrapper {
    flex: 0.8;
}

div#page-content-wrapper {
    flex: 4;
}

.list-group-item svg {
    width: 26px;
    max-width: 20px;
    max-height: 20px;
    margin-right: 8px;
}

.sidebar-icons {
    fill: #fff;
}

.dashboard-course-thumbnail svg {
    width: 40px;
    height: 40px;
    fill: #fff;
}

@media (min-width: 992px) {
    #dashboard-navigation {
        display: block !important;
    }
}

.list-group-item {
    padding: 24px 15px;
    border: 0;
    transition: background 0.2s ease;
}

.list-group-item.active {
    background-color: #085ba5 !important;
}

.list-group-item:hover {
    cursor: pointer;
}

.bg-medium.list-group-item:hover {
    background-color: #085ba5 !important;
}

/***** PROGRESS BARS *****/
.progress {
    width: 100%;
    height: 12px;
    border-radius: 15px;
}

.progress-bar {
    background-color: #003462;
}

/***** DASHBOARD *****/
.dashboard-course .icon-box .icon-box-icon svg {
    width: 100%;
    height: auto;
}

.dashboard-course .icon-box .icon-box-content {
    width: calc(100% - 20px);
    padding-left: 9px;
}

.dashboard-course .icon-box .icon-box-icon {
    width: 20px;
    margin-right: 0;
}

.dashboard-course .status-icon {
    width: 100%;
    border-radius: 50%;
    border: 2px solid #c5d4e0;
    display: block;
    content: "";
    position: absolute;
    background: #fff;
    z-index: 999;
}

.dashboard-course .status-icon.status-icon-checked {
    border: 2px solid #003462;
    background: #003462;
}

.dashboard-course .status-icon.status-icon-inprogress {
    background-image: url(http://devbase.emberlydigital.com/wp-content/uploads/2020/09/processing-icon.svg);
    border: 0;
}

.dashboard-course .status-icon.status-icon-checked::after {
    content: "";
    position: absolute;
    left: 0.36em;
    top: 0.125em;
    width: 0.4em;
    height: 0.7em;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg) !important;
    transition: all 0.1s ease;
}

.dashboard-course .subtitle {
    font-size: 0.9rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.dashboard-course .dashboard-course-title {
    font-size: 2.1rem;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .dashboard-course .dashboard-course-title {
        font-size: 1.5rem;
    }
}

.dashboard-course .dashboard-course-subtitle {
    font-size: 1rem;
    font-weight: 300;
}

.dashboard-course .dashboard-course-training-status-title {
    font-size: 1.5rem;
}

.dashboard-course {
    padding: 30px;
}

.course-state {
    position: relative;
}

.course-state .course-state-inner {
    height: 100%;
}

.course-state .course-state-inner::after {
    content: "";
    border-bottom: 2px solid #85a1ad;
    width: 1.5rem;
    height: 1px;
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
}

.course-state:last-child .course-state-inner::after {
    display: none;
}

@media (max-width: 991px) {
    .course-state .course-state-inner::after {
        height: 1.5rem;
        width: 1px;
        top: 100%;
        left: 50%;
        border-left: 2px solid #85a1ad;
    }
}

.course-state-active .course-state-inner {
    animation: glowbig 3s ease;
    animation-iteration-count: infinite;
    box-shadow: 3px 3px 16px rgba(54, 162, 255, 0.2);
}

@keyframes glowbig {
    0% {
        box-shadow: 3px 3px 16px rgba(54, 162, 255, 0.2);
    }

    50% {
        box-shadow: 3px 3px 26px rgba(54, 162, 255, 0.63);
    }

    100% {
        box-shadow: 3px 3px 16px rgba(54, 162, 255, 0.2);
    }
}

.dashboard-course-content .icon-box {
    margin-bottom: 0;
}

.progress-bar-statuses {
    display: flex;
    margin-top: 5px;
}

.progress-bar-status {
    font-size: 0.8rem;
}

.dashboard-course-payent-status .col-2 {
    max-width: 12%;
    width: 12%;
    flex: 0 0 12%;
}

.dashboard-course-payent-status .col-10 {
    max-width: 88%;
    width: 88%;
    flex: 0 0 88%;
}

@media (max-width: 991px) {
    .dashboard-status-sm {
        font-size: 0.9rem;
    }
}

.dashboard-course-content .btn.btn-tertiary {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light.border-bottom {
    display: none;
}

.dashboard-course-thumbnail {
    background-color: #003462;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    body .certification-header {
        border-bottom: 0 !important;
    }
}

/***** CE CREDITS *****/
.ce-cta {
    max-width: 150px;
}

.ce-cta .ce-cta-title {
    font-size: 1.2rem;
}

.ce-credit .ce-title {
    font-size: 1rem;
}

.ce-credit .ce-status {
    font-size: 0.7rem;
}

.ce-credit {
    width: fit-content;
    max-width: 100%;
    min-width: 164px;
}

.ce-credit.ce-credit-protrainings svg {
    fill: #e24040;
}

.ce-credit.ce-credit-agd svg {
    fill: #00a6e7;
}

.ce-credit.ce-credit-capce svg {
    fill: #ec4d00;
}

.ce-credit.ce-credit-nasm svg {
    fill: #053a61;
}

.ce-credit.ce-credit-nasm {
    width: 180px;
    min-width: 200px;
}

@media (max-width: 991px) {
    .ce-credits {
        margin-right: -3%;
    }

    .ce-credits .ce-credit {
        width: 47% !important;
        margin: 0;
        min-width: 1px;
        margin-right: 3% !important;
    }

    body .ce-credit .ce-title {
        font-size: 0.9rem;
    }
}

/***** *****/
body .dashboard-title {
    color: #989898;
    font-size: 1.2rem;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 200;
    letter-spacing: 6px;
    margin-bottom: 25px;
}

/***** BORDER RADIUS *****/
.border-radius {
    border-radius: 6px;
}

/***** MENU DOTS *****/
.menu-dots {
    padding: 0 20px;
    width: fit-content;
    margin: 0 auto;
    transition: all 0.4s ease;
    position: relative;
}

.menu-dots:hover {
    opacity: 0.6;
    cursor: pointer;
}

.menu-dot:last-child {
    margin-bottom: 0;
}

.menu-dot {
    width: 5px;
    height: 5px;
    background: #c5d4e0;
    border-radius: 50%;
    margin-bottom: 5px;
}

nav.dot-dropdown ul a {
    background: #fff;
    display: block;
    padding: 10px 20px;
    line-height: 1em;
    color: #404040;
}

nav.dot-dropdown ul a:hover {
    background: #f4f4f4;
    text-decoration: none;
}

nav.dot-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav.dot-dropdown {
    position: absolute;
    z-index: 999;
    box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.2);
    min-width: 150px;
    right: 0;
    top: 110%;
    display: none;
}

/***** COUNTDOWN TIMER *****/
.countdown-timer .countdown-unit {
    display: flex;
    line-height: 1em;
    color: #003462;
}

.countdown-timer .countdown-unit::after {
    content: ":";
    margin: 0 10px;
    font-size: 1.5rem;
}

.countdown-timer .countdown-unit:last-child::after {
    display: none;
}

.countdown-timer .countdown-unit .countdown-label {
    font-size: 11px;
}

.countdown-timer .countdown-unit .countdown-number {
    font-size: 1.5rem;
    margin-bottom: 6px;
}

.countdown-timer .countdown-unit {
    text-align: center;
    min-width: 35px;
}

.countdown-timer {
    display: flex;
    align-items: center;
}

/***** ALERTS *****/
.alert-danger {
    background-color: #ffffff;
    border-color: #d46a75;
    box-shadow: 3px 5px 18px 4px rgba(0, 0, 0, 0.2);
    margin-bottom: 50px;
    border-radius: 6px;
    border: 0;
    border-left: 8px solid #c51f30;
}

.alert-danger .row {
    margin-left: 0;
    margin-right: 0;
}

.alert-certification-expiring .alert-certification-thumbnail {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 15px;
    border: 1px solid #e9e9e9;
    width: 100%;
    height: auto;
}

.alert-certification-expiring h2,
.alert-certification-expiring p {
    color: #003462;
}

.alert-certification-expiring h2 {
    margin-bottom: 0;
}

.alert-certification-expiring .button {
    text-transform: uppercase;
    color: #fff;
    background-color: #207dc9;
    border-color: #003462;
    font-size: 0.9rem;
    border: 0;
    border-radius: 25px;
    text-align: center;
    padding: 9px 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all 0.3s ease;
    align-items: center;
    justify-content: center;
    display: inline-flex;
}

@media (max-width: 767px) {
    .alert-certification-expiring .alert-certification-thumbnail {
        max-width: 80px;
    }

    .alert-certification-expiring h2 {
        font-size: 1.3rem;
        font-weight: bold;
    }

    .alert-certification-expiring .button {
        width: 100%;
    }
}

/***** UPDATED HEADER *****/
@media (max-width: 767px) {
    body .navbar-expand-lg .navbar-nav .nav-link {
        justify-content: center;
        text-align: center;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    body #nav-menus {
        overflow-y: scroll;
        box-sizing: border-box;
    }

    body #navbar-main .navbar-nav .nav-link.btn,
    body #navbar-main.scrolled.navbar-dark .navbar-nav .nav-link.btn {
        margin: 0 auto;
        text-align: center;
        display: block;
        padding: 10px 30px !important;
        line-height: 1em;
    }

    body #nav-menus {
        padding-top: 20px;
    }

    .mobile-dashboard-menu {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 20px;
        border-top: 1px solid #003462;
    }
}

.overlap-negative-vertical-md {
    margin-top: -80px;
}

ul.social-icons svg {
    height: 28px;
}

ul.social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
}

.icon-md svg {
    width: 30px;
}

.content-image {
    min-height: 300px;
}

.negative-overlap-left {
    margin-left: -60px;
    z-index: 999;
}

@media screen and (max-width: 767px) {
    .negative-overlap-left {
        margin-left: 0;
    }

    .overlap-negative-vertical-md {
        margin-top: 0;
    }
}

.card .card-title {
    font-size: 1.4rem;
}

/***** RATING OVERVIEWS *****/
.testimonials-overview-bar-graph {
    max-width: 700px;
}

.testimonials-overview-bar-graph .overview-bar {
    display: flex;
    margin-bottom: 20px;
}

.testimonials-overview-bar-graph .overview-bar-title {
    width: 15%;
    min-width: 65px;
}

.testimonials-overview-bar-graph .overview-bar-fill {
    height: 100%;
    background-color: #3eb871;
    position: absolute;
}

.testimonials-overview-bar-graph .overview-bar .overview-bar-wrapper {
    display: flex;
    background-color: #e9e9e9;
    width: 100%;
    position: relative;
}

.testimonials-overview-bar-graph .overview-bar-number {
    margin-left: auto;
    padding: 1px;
}

.testimonial-overview-mentions {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0;
    padding: 0;
    list-style: none;
}

.testimonial-overview-mentions li a {
    color: #9b9b9b;
    border: 1px solid #9b9b9b;
    padding: 5px 10px;
    border-radius: 4px;
    display: block;
    text-decoration: none;
}

.testimonial-rating-overview-col .rating {
    font-weight: bold;
}

.testimonial-rating-overview-col.first {
    border-right: 1px solid #e9e9e9;
}

.testimonial-rating-overview-col .rating {
    margin-bottom: 0;
}

/***** PAGINATIOMN *****/
ul.pagination li a {
    border: 1px solid #003462;
    text-decoration: none;
    padding: 2px 6px;
    font-size: 14px;
    line-height: 1em;
    border-radius: 5px;
}

ul.pagination li.current a,
ul.pagination li:hover a {
    background: #003462;
    color: #fff;
}

ul.pagination li:last-child {
    margin-right: 0;
}

ul.pagination li {
    margin-right: 20px;
}

ul.pagination {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    text-align: center;
    justify-content: center;
    margin-top: 40px;
}

.review_widget a {
    color: #003462;
}

.review_widget .rating_tags h3,
.review_widget .rating_breakdown h3 {
    font-weight: normal !important;
    text-align: left !important;
    font-size: 18px !important;
    line-height: 1.3em !important;
    margin: 0 0 20px 0 !important;
}

.review_widget .rating_summary table {
    width: 100%;
}

.review_widget .rating_tags .tag_box {
    font-size: 12px;
    display: inline-block;
    margin: 0 10px 10px 0;
    color: #999;
}

.review_widget .rating_tags .tag_box a {
    color: #999;
    padding: 3px 12px 3px 12px;
    border-radius: 5px;
    border: 1px solid #aaa;
    background-color: #fff;
}

.review_widget .rating_tags .tag_box a:hover {
    background-color: #EE4142;
    border: 1px solid #EE4142;
    color: #fff;
    text-decoration: none;
}

.review_widget .rating_summary table .rating_table_stars {
    width: 50px;
}

.review_widget .rating_summary .rating_bar_outline {
    background-color: #eee;
    width: 100%;
    height: 16px;
}

.review_widget .rating_summary .rating_bar {
    position: relative;
    text-indent: -1000em;
    height: 16px;
    background-color: #36AF65;
}

.review_widget .rating_summary table .rating_table_count {
    width: 50px;
    font-size: 12px;
    color: #aaa;
    text-align: right;
}

.review_widget .rating_reviews ul {
    list-style: none;
    padding: 0;
}

.review_widget .rating_reviews .review_widget_avatar_image {
    width: 42px;
    z-index: 20;
    left: 0;
    margin-top: 0;
}

.review_widget .rating_reviews .review_widget_avatar {
    display: inline-block;
    position: absolute;
    left: 0;
    height: 40px;
    width: 40px;
    padding-top: 4px;
    border-radius: 50%;
    background-color: #EE4142;
    color: #fff;
    font-size: 19px;
    text-align: center;
    z-index: 10;
}

.review_widget_avatar {
    line-height: 37px;
}

.review_widget .rating_reviews .review_container {
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.rating_reviews ul li {
    display: flex;
    margin-bottom: 20px;
}

.review_widget .rating_reviews ul {
    list-style: none;
}

.review_widget .rating_reviews .review_container .review_line_1 .review_star_text {
    font-size: 22px;
}

.review_widget .rating_reviews .review_container .review_line_1 .review_date {
    color: #8F98A4;
}

.review_widget .rating_reviews .review_container .review_line_1 .review_star_text,
.review_widget .rating_reviews .review_container .review_line_1 .review-stars-inline,
.review_widget .rating_reviews .review_container .review_line_1 .review_date {
    display: inline-block;
    margin-right: 10px;
}

.review_widget .rating_reviews ul {
    list-style: none;
}

.review_widget .rating_reviews .review_container .review_text {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 16px;
}

.review_widget .rating_reviews .review_container .review_line_1 .review_star_text {
    font-size: 22px;
}

.review_widget .rating_reviews .review_container .review_line_3 .review_name {
    color: #8F98A4;
}

.review_widget .rating_reviews .review_container .review_line_3 .review_verified,
.review_widget .rating_reviews .review_container .review_line_3 .review_featured {
    font-size: 10px;
}

.review_line_3 {
    display: flex;
    align-items: center;
}

.review_widget .rating_reviews .review_container .review_line_3 .review_name,
.review_widget .rating_reviews .review_container .review_line_3 .review_verified,
.review_widget .rating_reviews .review_container .review_line_3 .review_featured {
    display: inline-block;
    margin-right: 10px;
}

.review_widget .rating_reviews .review_container .review_line_3 .review_verified i,
.review_widget .rating_reviews .review_container .review_line_3 .review_featured i {
    color: #EE4142;
    font-size: 16px;
    position: relative;
    top: 2px;
    padding-right: 4px;
}

.fa,
.fas {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}

.review_widget .rating_reviews .review_container .review_line_3 .review_verified i,
.review_widget .rating_reviews .review_container .review_line_3 .review_featured i {
    color: #EE4142;
    font-size: 16px;
    position: relative;
    top: 2px;
    padding-right: 4px;
}

.fa,
.fas {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}

.review_widget .widget-star-sm a,
.review_widget .widget-star-sm .current-rating {
    height: 18px;
    line-height: 18px;
}

.review_widget .widget-star-sm .current-rating {
    background-image: url(https://d2i057hdzmt54w.cloudfront.net/assets/sites/common/en/widget-stars-sm-acaa73d….png);
    line-height: 18px;
    height: 18px;
    margin: 0;
}

.review_widget .widget-star a,
.review_widget .widget-star .current-rating {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -1000em;
    height: 50px;
    line-height: 50px;
    outline: none;
    overflow: hidden;
    border: none;
}

.review_widget .widget-star .current-rating {
    z-index: 1;
    background-position: left bottom;
    background-image: url(https://d2i057hdzmt54w.cloudfront.net/assets/sites/common/en/widget-stars-e9ec276….png);
    line-height: 50px;
    height: 50px;
}

.review_widget .review_paging .review_previous.review_button_disabled {
    color: #999;
}

.review_widget .review_paging .review_next,
.review_widget .review_paging .review_previous {
    color: #000;
    border: 1px solid #ccc;
    background-color: #eee;
    border-radius: 4px;
    padding: 5px 10px;
}

.review_widget .review_paging {
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
    width: 100%;
}

.review_widget .rating_reviews ul {
    list-style: none;
}

.review_widget .rating_reviews .review_container .review_line_1 .review_star_text,
.review_widget .rating_reviews .review_container .review_line_1 .review-stars-inline,
.review_widget .rating_reviews .review_container .review_line_1 .review_date {
    display: inline-block;
    margin-right: 10px;
}

.review_widget .rating_reviews ul {
    list-style: none;
}

#wrapper {
    margin-top: 15px;
}

#sidebar-wrapper .sidebar-heading {
    padding: 0.875rem 1.25rem;
    font-size: 1.2rem;
}

#sidebar-wrapper {
    flex: 0.8;
}

div#page-content-wrapper {
    flex: 4;
}

.list-group-item svg {
    width: 26px;
    max-width: 20px;
    max-height: 20px;
    margin-right: 8px;
}

.sidebar-icons {
    fill: #fff;
}

.dashboard-course-thumbnail svg {
    width: 40px;
    height: 40px;
    fill: #fff;
}

/*# sourceMappingURL=style.css.map */


body .elementor-row h2 {
    margin-top: 0;
    margin-bottom: 10px;
}

body h2.course-card-title {
    font-size: 2rem;
}

.course-selector-menu~#main {
    padding-top: 0;
}

.course-selector input[type=submit] {
    font-size: 17px;
    margin-top: 40px;
    width: 100%;
}

.clear-filters {
    font-size: 17px;
}

.course-card-cta-button .btn {
    font-size: 16px !important;
    font-family: "Roboto", Sans-serif;
    font-size: 19px;
    font-weight: 500;
    background-color: #0869B2;
    border-radius: 25px 25px 25px 25px;
    margin-top: 10px;
    padding: 9px 40px 9px 40px;
    transition: all 0.2s ease;
}

.course-card-cta-button .btn:hover {
    font-size: 16px !important;
    font-family: "Roboto", Sans-serif;
    font-size: 19px;
    font-weight: 500;
    background-color: #1580d2;
    border-radius: 25px 25px 25px 25px;
    margin-top: 10px;
    padding: 9px 40px 9px 40px;
}

.course-card-preview-link img,
.course-card-preview-link span {
    display: none !important;
}

/***** NEW NAVBAR *****/
body .x-navbar {
    background-color: #003462;
    border-bottom: 2px solid #003462 !important;
}

body .btn:hover,
input[type=submit]:hover {
    cursor: pointer;
    border: 0;
}

body .em-quiz .gform_wrapper .gfield_description {
    font-size: 16px;
}

.em-quiz ul#input_2_23 {
    margin-bottom: 50px;
}

li#field_2_85 {
    margin-bottom: 0 !important;
}

body .em-quiz-confirmation {
    padding: 30px 55px;
    background-color: #fff;
    font-size: 18px;
}

#gform_wrapper_5 li#field_5_8 {
    margin-bottom: 0 !important;
}

body .em-quiz-confirmation br {
    display: none;
}

@media screen and (max-width: 800px) {
    body .em-quiz-wrapper {
        padding: 30px;
    }

    body .em-quiz.em-quiz-game {
        padding: 0;
    }

    body .em-quiz-confirmation .em-quiz-confirmation-heading {
        font-size: 28px;
    }
}

/***** REMOVE PREVIOUS BUTTON *****/
#gform_wrapper_2 .gform_page_footer .gform_previous_button,
#gform_wrapper_13 .gform_page_footer .gform_previous_button {
    display: none !important;
}

/***** CTA SCHEDULE *****/

.cta-schedule .datepicker {
    width: 100% !important;
    margin-bottom: 0 !important;
}

body .em-quiz .cta-schedule ul.gform_fields li.gfield {
    margin-bottom: 0 !important;
}

/***** *****/
@media screen and (min-width: 800px) {

    .gform_wrapper .top_label li.gfield.gf_left_half+.gform_footer,
    .gform_wrapper .top_label li.gfield.gf_left_half+li.gfield,
    .gform_wrapper .top_label li.gfield.gf_right_half+.gform_footer,
    .gform_wrapper .top_label li.gfield.gf_right_half+li.gfield {
        clear: none !important;
    }

    body .gform_wrapper .top_label li.gfield.gf_left_half {
        margin-right: 2% !important;
    }
}

body .gform_wrapper .ginput_container select {
    border: 2px solid #cecece;
    padding: 13px 14px;
    line-height: 1em;
    height: auto;
    font-size: 15px;
}

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

    body .gform_wrapper .top_label li.gfield.gf_left_half,
    body .gform_wrapper .top_label li.gfield.gf_right_half {
        width: 100% !important;
        margin-right: 0 !important;
    }
}

/***** QUIZ ANNOTATIONS ****/

body .quiz-annotation-large {
    padding: 20px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    max-width: 500px;
    margin: 0 auto;
    font-size: 1.75rem;
    display: block;
    margin-bottom: 50px !important;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b82a5+0,26476c+100 */
    background: rgb(59, 130, 165);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(59, 130, 165, 1) 0%, rgba(38, 71, 108, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(59, 130, 165, 1) 0%, rgba(38, 71, 108, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(59, 130, 165, 1) 0%, rgba(38, 71, 108, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b82a5', endColorstr='#26476c', GradientType=0);
    /* IE6-9 */

}

body .quiz-annotation-large {
    position: relative;
}

body .quiz-annotation-large:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(38, 71, 108, 0);
    border-top-color: #26476C;
    border-width: 20px;
    margin-left: -20px;
}

/***** LABEL CENTER *****/

body .gform_wrapper .label-center label.gfield_label {
    text-align: center;
    display: block;
    font-size: 2.5rem !important;
    margin-bottom: 40px;
}

@media screen and (max-width: 800px) {
    /* body .gform_wrapper .label-center label.gfield_label {
    font-size: 2.5rem!important;
  } */
}

body .em-quiz select {
    box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border: 3px solid transparent;
    padding: 15px;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 20px;
    border-radius: 20px;
}

.label-light label.gfield_label {
    font-weight: 400 !important;
}

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

    body .gform_wrapper .top_label li.mobile_half.gf_left_half.gfield,
    body .gform_wrapper .top_label li.mobile_half.gf_right_half.gfield {
        width: 48% !important;
        float: left !important;
        clear: none !important;
    }

    body .gform_wrapper .top_label li.mobile_half.gf_left_half.gfield {
        margin-right: 4% !important;
    }

    .em-quiz .gf_left_half.mobile_full input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
    .em-quiz .gf_right_half.mobile_full input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
        max-width: 100% !important;
    }

    .mobile_buttons_flex .gfield_radio {
        display: flex !important;
    }

    .gform_wrapper .mobile_buttons_flex ul.gfield_radio li {
        margin-right: 4% !important;
    }

    .em-quiz.em-quiz-game .mobile_buttons_flex li.gfield input[type=radio]+label {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    body .em-quiz .em-quiz-confirmation {
        padding: 30px 25px;
    }
}

#gform_next_button_2_110,
#gform_previous_button_1,
#gform_next_button_2_107,
#gform_next_button_13_107 {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

body .em-quiz #field_1_15 {
    margin-bottom: 15px !important;
}

body .em-quiz .gform_wrapper .gfield_required {
    color: #e91414;
}

body .em-quiz .gfield_align_left input[type=radio]+label {
    justify-content: flex-start !important;
}

/***** NEW EMOJI DESIGN *****/
.text-message {
    padding: 17px 26px;
    background: #e1e1e1;
    border-radius: 18px;
    font-size: 1.2em;
    margin-bottom: 35px;
}

.text-emoji {
    width: 22px !important;
    height: 22px !important;
    margin-right: 4px !important;
    margin-left: 4px !important;
    margin-bottom: -3px !important;
    display: inline-block !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.text-message p {
    margin-bottom: 0.4em;
}

.text-message p:last-child {
    margin-bottom: 0;
}

.text-emoji-flex {
    background-image: url(https://www.procpr.org/blog/wp-content/uploads/2021/02/emoji-flex.png) !important;
}

.text-emoji-protrainings {
    background-image: url(https://www.procpr.org/blog/wp-content/uploads/2021/02/emoji-protrainings.svg) !important;
}

.text-emoji-pinky {
    background-image: url(https://www.procpr.org/blog/wp-content/uploads/2021/02/emoji-pinky.png) !important;
}

.text-emoji-rolleyes {
    background-image: url(https://www.procpr.org/blog/wp-content/uploads/2021/02/emoji-rolleyes.png) !important;
}


.text-message-from {
    position: relative;
    background: #e1e1e1;
}

.text-message-from:after {
    top: 100%;
    left: 4%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(225, 225, 225, 0);
    border-top-color: #e1e1e1;
    border-width: 10px;
    margin-left: -10px;
}

.em-quiz ul.gform_fields li.gfield.last-option-secondary ul.gfield_radio li:last-child label {
    background: none;
    box-shadow: none;
    font-style: italic;
    margin-top: 30px;
    margin-bottom: 50px;
    opacity: 0.7;
    font-size: 16px;
}

.em-quiz ul.gform_fields li.gfield.first-option-button ul.gfield_radio li:first-child label {
    background-color: #ED4D4F;
    color: #fff;
    text-shadow: none;
    min-width: 200px;
    margin-left: auto;
    margin-right: 0;
    border-radius: 50px;
    border: 0;
    padding: 14px;
    display: block !important;
}

@media screen and (max-width: 800px) {
    body .text-message {
        border-radius: 12px;
    }

    body .text-message-from:after {
        top: 100%;
        left: 30px;
    }
}

.em-quiz.em-quiz-game li.gfield,
.em-quiz.em-quiz-game li.gfield label {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

body .em-quiz .labels-stacked .gfield_radio li {
    margin-bottom: 15px !important;
    display: block;
}

.em-quiz .labels-stacked .gfield_radio {
    display: block;
}

.em-quiz .labels-stacked li.gfield input[type=radio]+label {
    margin-left: 0;
}

.em-quiz .gform_wrapper .gform_page_footer {
    border: 0 !important;
}

.em-quiz ul.gform_fields li.gfield.first-option-button ul.gfield_radio li:first-child label {
    margin-left: 0;
    width: 100% !important;
    max-width: 97%;
}

body .em-quiz-confirmation .em-quiz-confirmation-heading {
    font-size: 37px;
}

body .em-quiz-confirmation .em-quiz-confirmation-icon {
    margin-bottom: 25px;
}

@media screen and (max-width: 800px) {
    body .em-quiz-confirmation .em-quiz-confirmation-heading {
        font-size: 21px !important;
    }
}

.manikin-intro-header img {
    margin-bottom: 10px;
}

body .slider-slides .slider-slide .slider-title {
    background-color: #801cba;
    line-height: 1em;
}

#gform_fields_7 .gfield_radio {
    display: flex;
}

#gform_fields_7 .cpr-readiness h2 {
    margin: 0;
}

#gform_fields_7 .cpr-readiness {
    text-align: center;
}

#gform_fields_7 li.gfield input[type=radio]+label {
    width: 100%;
    text-align: center;
    font-size: 15px;
    padding: 10px;
    line-height: 1em;
    border-radius: 10px;
    font-weight: normal;
    box-shadow: 3px 3px 16px rgb(0 0 0 / 10%);
    background-color: #fff;
    border: 3px solid transparent;
    padding: 15px;
    font-size: 18px;
    font-weight: 400;
}

#gform_fields_7 li.gfield input[type=radio] {
    display: none !important;
}

#gform_fields_7 .gform_wrapper form li,
#gform_fields_7 .gform_wrapper li {
    flex: 1;
    overflow: visible !important;
}

body #gform_fields_7 li {
    width: 100%;
}

body #gform_fields_7 label.gfield_label {
    font-weight: 800;
}

body #gform_fields_7 li {
    width: 100%;
    overflow: visible !important;
}

.et_bloom_optin_2 .et_bloom_form_content .et_bloom_popup_input {
    width: 34% !important;
    margin-bottom: 0 !important;
}

/**** STYLED GRAVITY BUTTONS *****/

.styled-buttons .gfield_radio input[type=radio]+label {
    width: 100%;
    text-align: center;
    font-size: 15px;
    padding: 10px;
    line-height: 1em;
    border-radius: 10px;
    font-weight: normal;
}

.styled-buttons .gfield_radio input[type=radio] {
    display: none !important;
}

.styled-buttons .gfield_radio input[type=radio]+label {
    box-shadow: 3px 3px 16px rgb(0 0 0 / 10%);
    background-color: #fff;
    border: 3px solid transparent;
    padding: 15px;
    font-size: 18px;
    font-weight: 400;
}

.styled-buttons .gfield_radio li {
    flex: 1;
    overflow: visible !important;
}

.styled-buttons .gfield_radio {
    display: flex;
}

@media screen and (max-width: 800px) {
    .styled-buttons .gfield_radio label {
        max-width: 100% !important;
        margin-bottom: 10px !important;
    }

    .styled-buttons .gfield_radio {
        display: block;
    }
}




/***** POPUP *****/
body .popup-overlay {
    width: 100vw;
    height: 100vh;
    z-index: 8888;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.popup-overlay.popup-readiness .popup,
.popup-overlay.popup-refreshers .popup {
    max-width: 750px;
    max-height: 85vh;
}

.popup-overlay.popup-readiness .popup-content {
    max-height: 85vh;
    overflow: visible;
}

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

    input#input_18_4,
    #input_18_5 {
        line-height: 1em;
        padding: 7px !important;
    }

    #label_18_13_2 {
        margin-right: 0 !important;
        margin-left: 0 !important;
        font-size: 15px;
        text-align: center !important;
        width: 100%;
        display: block !important;
        text-align: initial;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* .popup-content {
    overflow-y: scroll;
    overflow-x: hidden;
} */

.popup-readiness .popup-content {
    padding: 50px;
}


.popup-readiness .popup-close svg {
    fill: #999;
}

.popup-readiness .popup-close {
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    right: 20px;
    top: 20px;
    width: 21px;
    height: 21px;
}

.popup {
    width: 88vw;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center !important;
    background: #fff;
    padding: 0;
    max-width: 1270px;
    position: relative;
}

.popup-close {
    width: 30px;
    height: 30px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: -11px;
    background-color: #fff;
    top: -10px;
    z-index: 99999;
    transition: all 0.4s ease;
}

.popup h1 {
    color: #f79d20;
    font-family: 'ffmarketbold', sans-serif;
    text-transform: uppercase;
    font-size: 4rem;
    margin: 0;
    line-height: 1.2em;
}

.popup h2 {
    margin: 0;
    color: #555;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.2rem;
}

.popup-close {
    width: 30px;
    height: 30px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: -11px;
    background-color: #fff;
    top: -10px;
    z-index: 300;
    transition: all 0.4s ease;
}

.popup-close:hover {
    cursor: pointer;
}

.popup .button {
    margin: 0 auto;
    margin-top: 30px;
}

.popup-content {
    text-align: center;
}

.popup .welcome-back-logo {
    max-width: 4rem;
}

body .popup-overlay {
    z-index: -99999;
    opacity: 0;
    display: none;
    display: flex;
    left: 0;
    top: 0;
}

body .popup-overlay.open {
    z-index: 99999;
    opacity: 1;
    display: flex;
    left: 0;
    top: 0;
    animation: popupIn 0.8s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

/* body .popup-overlay.closed {
    z-index: -999999!important;
    opacity: 0!important;
    display: none!important;
} */
@keyframes popupIn {
    0% {
        z-index: -999999;
        opacity: 0;
        display: none;
    }

    1% {
        z-index: 99999;
        opacity: 0;
        display: flex;
    }

    100% {
        z-index: 99999;
        opacity: 1;
        display: flex;
        left: 0;
        top: 0;
    }
}

.popup-close:hover {
    transform: scale(1.1);
}

@media screen and (max-width: 767px) {
    .popup {
        width: 85vw;
    }

    .popup h1 {
        font-size: 2.6rem;
    }

    .popup-bg {
        padding: 0;
    }
}

body .page-container {
    transform: none !important;
}

body.fixed {
    width: 100%;
    height: 100%;
    overflow: hidden;
}


/***** POPUP HEADER *****/
.popup-header .popup-header-heading {
    margin: 0 !important;
    margin-bottom: 4px !important;
    font-size: 30px !important;
    font-weight: 700 !important;
}

.popup-header .popup-icon svg {
    width: 100%;
    height: auto;
}



.popup-header .popup-header-content {
    text-align: left;
}

.popup-header .popup-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    margin-right: 20px;
    animation: popup_fadein 3s ease;
    animation-fill-mode: forwards;
    display: flex;
}

@keyframes popup_fadein {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.popup-header .popup-icon.popup-icon-md {
    width: 70px;
    height: 70px;
    min-width: 70px;
    margin-right: 10px;
}

.popup-header {
    display: flex;
    max-width: 558px;
    margin: 0 auto;
}

.popup-header p {
    font-size: 16px;
}

/***** *****/
.popup-form .gform_fields>*:last-child {
    padding-left: 10px;
}

.popup-form .gform_fields>*:first-child {
    padding-right: 10px;
}

.popup-form .gform_fields>* {
    flex: 1;
}

.popup-form li.gfield {
    margin-top: 0 !important;
}

.popup-form .gform_fields {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.popup-form .gform_footer {
    margin-top: 20px !important;
    text-align: center;
}

.popup-form .gform_button {
    font-size: 16px;
    padding: 10px 30px;
    min-width: 180px;
    background-color: #FF3642;
    margin-right: 0 !important;
}

.popup-form .gform_button:hover,
.popup-form .gform_button:focus {
    background-color: #ff535e;
}

.popup-form .popup-next-option {
    font-size: 16px;
}

.popup-form.popup-form-nolabels .gfield_label {
    display: none;
}

.popup-form .popup-form-title {
    font-weight: 700;
    font-size: 18px;
    /* margin-bottom: 10px; */
}

.popup-form .gfield .gfield_label {
    font-size: 18px;
    font-weight: 700 !important;
    text-align: left;
}

.popup-form .gfield_required {
    color: #ff0000 !important;
}

.popup-form .popup-content {
    animation: fade_popup_in 2s ease;
    animation-fill-mode: forwards;
}

.popup-form input[type=text],
.popup-form input[type=password],
.popup-form select,
.popup-form input[type=text]:hover,
.popup-form input[type=password]:hover,
.popup-form select:hover {
    border-width: 2px;
    font-size: 16px;
    height: auto;
}

body .popup-form .gform_wrapper input[type=text],
body .popup-form .gform_wrapper input[type=url],
body .popup-form .gform_wrapper input[type=email],
body .popup-form .gform_wrapper input[type=tel],
body .popup-form .gform_wrapper input[type=number],
body .popup-form .gform_wrapper input[type=password],
body .popup-form .gform_wrapper select,
body .popup-form .gform_wrapper textarea {
    height: auto;
    line-height: 1em;
    font-size: 18px !important;
    padding: 13px 13px !important;
    font-weight: 500 !important;
}

body .popup-form .gform_wrapper .gform_footer input[type=submit] {
    font-size: 16px;
    text-shadow: none;
    padding: 12px 20px !important;
}

body .popup-next-option {
    font-style: normal;
    font-weight: 400;
    color: #424242;
    font-size: 16px;
    padding: 10px;
}

body .popup-form .gfield_label {
    font-size: 18px;
}

body .popup-next-option:hover {
    color: #555555;
}

.popup-tab {
    display: none;
}

.popup-tab.active {
    display: block;
}

.popup-refresher .popup-header {
    max-width: 583px;
    margin-bottom: 30px;
}

.popup-readiness .popup-header {
    margin-bottom: 30px;
}

body .popup-header-description-desktop {
    font-size: 16px;
}

body .popup-header-description-desktop {
    display: block;
}

body .popup-header-description-mobile {
    display: none;
}

/***** POPUP REFRESHERS *****/

body .popup-refreshers .popup-header {
    margin-bottom: 20px;
}

body .popup-refreshers .popup-content {
    padding: 30px;
}

body .popup-refreshers .gform_wrapper {
    margin-bottom: 15px;
}

body .popup-refreshers form#gform_14 .gfield,
body .popup-refreshers form#gform_14 .gfield input {
    margin-bottom: 0 !important;
}

body .popup-refreshers form#gform_14 {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

body .popup-refreshers form#gform_14 .gform_footer {
    width: 30%;
}

body .popup-refreshers form#gform_14 .gform_body {
    width: 70%;
}

body .popup-overlay.popup-bottom-right {
    width: fit-content;
    height: fit-content;
    position: fixed;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: 0;
    margin-right: 0;
    box-shadow: 3px 3px 30px rgb(0 0 0 / 20%);
}

.em-popup-close.em-popup-close-inset {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: 7px;
    background-color: #fff;
    top: 7px;
    z-index: 99999;
    transition: all 0.4s ease;
}

.em-popup-close.em-popup-close-inset svg {
    width: 15px;
    height: 15px;
    fill: #999;
}

.em-popup-close.em-popup-close-inset:hover {
    cursor: pointer;
}

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

    body .popup-refreshers .popup-header {
        margin-bottom: 0;
    }

    body .popup-refreshers form#gform_14 .gform_footer {
        width: 100%;
    }

    body .popup-refreshers form#gform_14 .gform_body {
        width: 100%;
        margin-bottom: 20px;
    }

    body .popup-refreshers form#gform_14 {
        display: block;
    }

    body .popup-readiness .popup-header,
    body .popup-refresher .popup-header {
        margin-bottom: 0 !important;
    }

    body .popup-header-description-desktop {
        display: none;
    }

    body .popup-header-description-mobile {
        display: block;
    }

    body .popup-readiness .popup-content {
        padding: 30px;
    }



    body .popup-header .popup-icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
        margin-right: 15px;
    }

    body .popup-header .popup-header-heading {
        font-size: 20px !important;
        line-height: 1.2em;
    }

    body .popup-content p {
        margin-bottom: 15px !important;
        font-size: 14px;
        line-height: 1.4em;
    }

    body .popup-form .popup-form-title {
        font-size: 14px;
        line-height: 1.2em;
        margin-bottom: 6px;
    }

    body .popup-form .gform_fields {
        display: block !important;
    }

    body .popup-form .gform_footer {
        margin-top: 6px !important;
    }

    body .popup-form .gform_fields>*:first-child {
        padding-right: 0;
    }

    body .popup-form .gform_fields>*:last-child {
        padding-left: 0;
    }

    body .popup-form .gform_wrapper .gfield select {
        margin: 0 !important;
    }

    body .popup-form .gform_wrapper .gfield {
        margin-bottom: 11px !important;
    }

    body .popup-form .gform_wrapper input[type=text],
    body .popup-form .gform_wrapper input[type=url],
    body .popup-form .gform_wrapper input[type=email],
    body .popup-form .gform_wrapper input[type=tel],
    body .popup-form .gform_wrapper input[type=number],
    body .popup-form .gform_wrapper input[type=password],
    body .popup-form .gform_wrapper select,
    body .popup-form .gform_wrapper textarea {
        height: auto;
        line-height: 1em;
        font-size: 15px !important;
        padding: 10px 10px !important;
        font-weight: 500 !important;
    }

    body .popup-form .gform_wrapper .gform_footer input[type=submit] {
        line-height: 1em !important;
    }

    body .popup-form .gform_wrapper {
        margin-bottom: 0 !important;
    }

    body .popup-readiness .popup-close {
        right: 10px;
        top: 10px;
        width: 15px;
        height: 15px;
    }

    body .popup-header .popup-icon.popup-icon-md {
        width: 60px;
        height: 60px;
        min-width: 60px;
        margin-right: 5px;
    }

    body .popup-form .gfield .gfield_label {
        font-size: 17px;
    }

    body .popup-form .gform_wrapper .ginput_container,
    body .popup-form .gform_wrapper .ginput_container input {
        margin: 0 !important;
    }

    body .popup-form .gform_wrapper input[type=text] {
        line-height: 1em !important;
        font-size: 15px !important;
        padding: 8px 11px !important;
    }
}

.popup-form-title.e_readiness_title {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

label#label_13_116_0 {
    width: fit-content !important;
    margin: 0 auto;
    min-width: 250px;
}

body .em-quiz-wrapper .gfield_checkbox label {
    padding-left: 24px !important;
    font-size: 15px !important;
}

body .em-quiz-wrapper ul#gform_fields_13_15,
body .em-quiz-wrapper ul#gform_fields_13_16 {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 3px 3px 26px rgb(0 0 0 / 6%);
}

body .em-quiz-wrapper ul#gform_fields_13_15 li.gfield.last-option-secondary ul.gfield_radio li:last-child label {
    margin-top: 10px;
    margin-bottom: 0;
}

body .popup-header svg {
    fill: #2687b4;
}

.page-id-12194 #fb-root {
    display: none;
}

.popup-confidence .popup .popup-content {
    padding: 40px;
}

.popup-confidence .popup {
    max-width: 590px;
}

#gform_wrapper_15,
#gform_wrapper_16 {
    margin-bottom: 0;
}

.popup-confidence .popup-header .popup-header-heading {
    font-size: 23px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.popup-confidence .popup-header {
    margin-bottom: 30px;
}

.popup-confidence .styled-buttons {
    margin-bottom: 50px !important;
}

body .popup-confidence .gform_wrapper .gform_footer {
    text-align: center;
}

body .popup-confidence .gform_wrapper .gform_footer input[type=submit],
body .popup-confidence input#gform_next_button_15_12,
body .popup-confidence input#gform_submit_button_15,
body .popup-confidence input#gform_next_button_16_12,
body .popup-confidence input#gform_submit_button_16,
#gform_submit_button_13 {
    background-color: #ff3642;
    margin-right: 0;
    margin-top: 12px;
    text-decoration: none;
    text-transform: none;
    text-shadow: none;
    letter-spacing: 0;
    color: #fff;
    border: 0;
    border-radius: 20px;
    line-height: 1em;
    padding: 8px 30px;
}

body input#gform_previous_button_15,
body input#gform_previous_button_16 {
    color: #232323;
    border: 0;
    text-shadow: none;
    padding: 0;
    margin-top: 10px;
}

body input#gform_previous_button_15:hover,
body input#gform_previous_button_16:hover {
    color: #999;
    background-color: transparent !important;
}

body .popup-confidence #gform_wrapper_15 li.gfield.gf_left_half,
body .popup-confidence #gform_wrapper_16 li.gfield.gf_left_half {
    width: 50% !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
}

body .popup-confidence #gform_wrapper_15 li.gfield.gf_left_half:last-child,
body .popup-confidence #gform_wrapper_16 li.gfield.gf_left_half:last-child {
    padding-right: 0 !important;
}

body .popup-confidence #gform_wrapper_15 .gfield_html,
body .popup-confidence #gform_wrapper_16 .gfield_html {
    margin: 0 !important;
}

body .popup-confidence #gform_wrapper_15 .gform_spacer,
body .popup-confidence #gform_wrapper_16 .gform_spacer {
    padding: 15px !important;
}


body .popup-confidence #gform_wrapper_15 li.gfield input[type=radio]+label,
body .popup-confidence #gform_wrapper_16 li.gfield input[type=radio]+label {
    width: 100%;
    text-align: center;
    font-size: 19px;
    padding: 7px;
    line-height: 1em;
    border-radius: 10px;
    font-weight: normal;
    margin-right: 10px !important;
    max-width: 80%;
}

body .popup-confidence #gform_wrapper_15 input[type=radio]:checked+label,
body .popup-confidence #gform_wrapper_16 input[type=radio]:checked+label {
    box-shadow: 3px 3px 16px rgb(0 0 0 / 30%);
    border: 3px solid #262626;
    font-weight: 700 !important;
}

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

    body .popup-confidence #gform_wrapper_15 .styled-buttons .gfield_radio,
    body .popup-confidence #gform_wrapper_16 .styled-buttons .gfield_radio {
        display: flex;
    }

    body .popup-confidence .popup-header {
        margin-bottom: 20px;
    }

    .popup-confidence .popup-header .popup-icon {
        min-width: 30px !important;
        margin-right: 10px;
    }

    .popup-confidence .popup-header .popup-header-heading {
        font-size: 18px !important;
        font-weight: 800 !important;
    }

    .popup-confidence .popup .popup-content {
        padding: 30px;
    }

    .popup-confidence .popup-form-title.e_readiness_title {
        font-size: 15px;
        line-height: 1.2em;
    }

    body .popup-confidence #gform_wrapper_15 li.gfield.gf_left_half,
    body .popup-confidence #gform_wrapper_16 li.gfield.gf_left_half {
        margin-right: 2% !important;
        width: 48% !important;
    }

    body .popup-confidence #gform_wrapper_15 li.gfield.gf_right_half,
    body .popup-confidence #gform_wrapper_16 li.gfield.gf_right_half {
        margin-left: 2% !important;
        width: 48% !important;
    }

    body .popup-confidence #gform_wrapper_15 .gform_spacer,
    body .popup-confidence #gform_wrapper_16 .gform_spacer {
        padding: 4px !important;
    }

    body .popup-confidence .gform_wrapper .gform_footer input[type=submit] {
        font-size: 15px !important;
        padding: 8px 15px !important;
        line-height: 1em;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    body .popup-confidence #gform_wrapper_15 li.gfield input[type=radio]+label,
    body .popup-confidence #gform_wrapper_16 li.gfield input[type=radio]+label {
        width: 80%;
    }

    .popup-confidence .popup-form-title.e_readiness_title {
        max-width: 230px;
        margin-left: auto;
        margin-right: auto;
    }

}

body .popup-confidence .gform_wrapper .gform_page_footer {
    text-align: center;
    border: 0 !important;
}

.tracker_action_hidden {
    position: absolute;
    z-index: -999999;
    left: -100vw;
    visibility: hidden;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body .partial_entry_warning {
    display: none;
}

label.gfield_label {
    color: #003462;
    font-weight: 600 !important;
}

legend.gfield_label.gfield_label_before_complex {
    color: #003462;
    font-weight: 600 !important;
}

input#input_21_1 {
    width: 100%;
}

input#gform_submit_button_21 {
    font-size: 15px;
    background-color: #004A86;
}


/***** IMAGE BLURBS *****/

.elementor-template-full-width header.x-header-landmark {
    display: none;
}

.image-blurb .elementor-image-box-title {
    margin: 0;
    font-size: 24px;
}

.image-blurb.elementor-widget-image-box {
    margin-bottom: 40px !important;
}

.image-blurb.elementor-widget-image-box:last-child {
    margin-bottom: 0px !important;
}

.image-blurb .elementor-image-box-img {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px;
}

.image-blurb img {
    width: 100% !important;
}

.d-flex.course-cards {
    display: flex !important;
}

body.page-template.elementor-default {
    background: #fff;
}

.review_widget .rating_summary table .rating_table_stars {
    width: 60px;
    min-width: 60px;
}

select#rating_sort {
    margin-left: 20px;
}

.review_widget .rating_reviews ul {
    margin-left: 0 !important;
}

div#gform_wrapper_21 {
    margin-bottom: 0;
}


/***** 5 FEARS OF CPR PAGE *****/
.cpr_confidence .gform_wrapper legend.gfield_label {
    text-align: center;
    font-size: 24px;
    font-weight: bold !important;
    max-width: 500px;
    border: 0;
    margin-bottom: 30px !important;
}

@media screen and (max-width: 800px) {
    .cpr_confidence .gform_wrapper legend.gfield_label {
        font-size: 16px;
    }
}

.cpr_confidence form,
#gform_wrapper_22 {
    margin: 0 !important;
}

.cpr_confidence .gform_wrapper .gform_footer {
    display: none !important;
}

.cpr_confidence .gform_wrapper .gfield-choice-input+label:hover {
    cursor: pointer;
    transform: scale(1.05);
}

.cpr_confidence .gform_wrapper .gfield-choice-input+label {
    width: 100%;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    line-height: 1em;
    border-radius: 10px;
    font-weight: normal;
    box-shadow: 3px 3px 16px rgb(0 0 0 / 10%);
    background-color: #fff;
    border: 1px solid #ccc;
    transition: all 0.5s ease;
}

.cpr_confidence .gform_wrapper .gfield-choice-input:checked+label {
    box-shadow: 3px 3px 16px rgb(0 0 0 / 30%);
    border: 3px solid #262626;
    font-weight: 700 !important;
}

.cpr_confidence .gform_wrapper .gfield-choice-input {
    display: none !important;
}

.cpr_confidence .gfield_radio>* {
    flex: 1;
}

.cpr_confidence .gfield_radio {
    display: flex;
}

.cpr_confidence .gform_wrapper .gfield-choice-input+label {
    max-width: 94% !important;
}

.cpr_confidence .gform_wrapper .ginput_container {
    margin-right: -4%;
}

.cpr_confidence input[type=submit],
#gform_submit_button_11,
input#gform_submit_button_14 {
    color: #fff !important;
    text-transform: none !important;
    text-shadow: none !important;
    background-color: #207dc9 !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
    font-size: 17px !important;
    margin-bottom: 0 !important;
}

#gform_wrapper_11 #field_11_8>* {
    font-size: 18px;
}

#gform_wrapper_11 #field_11_8 {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 800px) {
    #gform_wrapper_11 #field_11_8>* {
        font-size: 16px;
    }

    #gform_wrapper_11 .gform_footer {
        padding: 0;
    }
}


/***** NEW EM POPUPS ****/
/***** POPUP *****/
body .em-popup-overlay {
    width: 100vw;
    height: 100vh;
    z-index: 8888;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.em-popup {
    width: 88vw;
    max-width: 600px;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center !important;
    background: #fff;
    padding: 0;
    position: relative;
    /*box-shadow: 3px 3px 35px rgba(0,0,0,0.1);*/
}

.em-popup-close {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: 7px;
    background-color: #fff;
    top: 7px;
    z-index: 99999;
    transition: all 0.4s ease;
}

.em-popup-close.em-popup-close-round {
    width: 30px;
    height: 30px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: -11px;
    background-color: #fff;
    top: -10px;
    z-index: 99999;
    transition: all 0.4s ease;
}

.em-popup-close svg {
    fill: #999;
    width: 18px;
    height: 18px;
}

.em-popup-close:hover {
    cursor: pointer;
}

.em-popup-content {
    padding: 40px;
    text-align: center;
}

@media screen and (max-width: 800px) {
    body .em-popup-content {
        padding: 30px;
    }

    body .gform_wrapper.gravity-theme .gfield.gfield--width-half {
        -ms-grid-column-span: 6 !important;
        grid-column: span 6 !important;
        margin-right: 6px !important;
    }

    body .gform_wrapper.gravity-theme .gfield.gfield--width-half:last-child {
        margin-right: 0 !important;
    }
}

body .em-popup-overlay {
    z-index: -99999;
    opacity: 0;
    display: none;
    display: flex;
    right: 0;
    bottom: 0;
}

p.em-popup-description {
    font-size: 17px;
}

@media screen and (max-width: 800px) {
    p.em-popup-description {
        font-size: 15px;
    }
}

body .em-popup-overlay.active {
    z-index: 99999;
    opacity: 1;
    display: flex;
    right: 0;
    bottom: 0;
    animation: em_popup_in 0.8s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    margin-top: auto;
    margin-left: auto;
}

@keyframes em_popup_in {
    0% {
        z-index: -999999;
        opacity: 0;
        display: none;
    }

    1% {
        z-index: 99999;
        opacity: 0;
        display: flex;
    }

    100% {
        z-index: 99999;
        opacity: 1;
        display: flex;
        left: 0;
        top: 0;
    }
}

.em-popup-close:hover {
    transform: scale(1.1);
}

.em-popup .em-popup-title {
    text-transform: none;
    font-size: 34px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 10px;
}

.em-popup p {
    margin-top: 0;
}


body .em-popup .gform_wrapper form,
body .em-popup .gform_wrapper {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 767px) {
    .em-popup {
        width: 85vw;
    }

    .em-popup-bg {
        padding: 0;
    }

    .em-popup-fields input {
        box-sizing: border-box;
        margin-right: 0 !important;
        width: 100% !important;
        margin-bottom: 9px;
    }

    body .em-popup-fields {
        display: block;
    }

    .em-popup-bottom-right .em-popup {
        margin-left: auto;
        margin-right: auto;
    }
}

body .page-container {
    transform: none !important;
}

body.fixed {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* FIXING BORDER ON 20% OFF */
#gform_fields_21 legend {
    border: 0;
}

form#gform_21 {
    margin-bottom: 0;
}

#gform_21 .gfield_label {
    font-size: 21px !important;
    margin-bottom: 10px;
}

#gform_21 .gform_footer.top_label,
#gform_14 .gform_footer.top_label {
    text-align: right;
    padding-bottom: 0;
}

input#gform_submit_button_21 {
    background-color: #207dc9 !important;
}

div#gform_confirmation_wrapper_14 {
    font-size: 20px;
    padding: 30px;
}

#gform_wrapper_14 {
    margin-top: 30px;
}

#gform_wrapper_14 .gform_footer.top_label {
    margin-top: 0;
    padding-top: 0;
}

#field_21_6,
#field_21_6 .gfield_label {
    margin-bottom: 0 !important;
}

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

    div#field_14_2,
    div#field_14_1 {
        display: block;
        width: 100%;
        grid-column: span 12 !important;
        margin-right: 0 !important;
    }
}

@media screen and (min-width: 800px) {
    #gform_14 .gform_footer.top_label {
        text-align: center !important;
    }

    #gform_14 .gform_footer.top_label input#gform_submit_button_14 {
        min-width: 200px;
        line-height: 1em;
    }
}

.em-quiz .gform_wrapper .gf_progressbar {
    background: #e6e6e6;
}


#gform_submit_button_26 {
    color: #fff !important;
    text-transform: none !important;
    text-shadow: none !important;
    background-color: #207dc9 !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
    font-size: 17px !important;
    margin-bottom: 0 !important;
}

#gform_26 .gform_footer {
    text-align: center;
}

form#gform_26 {
    margin-bottom: 0 !important;
}

.round-image img {
    height: 150px !important;
    width: 150px;
    object-fit: cover;
    border-radius: 50% !important;
    max-width: 100%;
    max-height: 100%;
}

/***** ADJUST MAIN CONTAINER *****/
body .container {
    width: 1300px;
}

body .gform_wrapper .top_label .gfield.gravity-mb-0 {
    margin-bottom: 0 !important;
}



/***** STYLES FROM THE QUIZ *****/
.ptooltip-wrapper .ptooltip-inner {
    width: 20px;
    height: 20px;
    background-color: #e9e9e9;
    margin-bottom: -3px;
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 50%;
    position: relative;
    background-image: url(https://www.procpr.org/blog/wp-content/uploads/2021/03/question-mark.svg);
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
}

.ptooltip-wrapper {
    display: inline-block;
    position: relative;
}

.ptooltip-text {
    position: absolute;
    display: block;
    background: #232323;
    color: #fff;
    bottom: 100%;
    margin-left: 20px;
    transform: translateX(-50%);
    font-size: 16px;
    line-height: 1.2em;
    min-width: 320px;
    text-align: center;
    padding: 15px;
    border-radius: 8px;
    z-index: -999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease;
}

@media screen and (max-width: 800px) {
    .ptooltip-text {
        min-width: 210px !important;
    }
}

.ptooltip-wrapper:hover .ptooltip-text {
    z-index: 999;
    visibility: visible !important;
    opacity: 1;
    cursor: pointer;
    animation: fade_in_popup_text 1s ease;
    animation-fill-mode: forwards;
}

@keyframes fade_in_popup_text {
    0% {
        z-index: -999;
        visibility: hidden;
        opacity: 0;
    }

    1% {
        z-index: 999;
        visibility: visible;
        opacity: 0;
    }

    100% {
        z-index: 999;
        visibility: visible;
        opacity: 1;
    }
}

.ptooltip-wrapper:hover {
    cursor: pointer;
}

.popup .gform_wrapper .gform_page_footer {
    border: 0;
    text-align: center;
}

.popup li.gfield.gfield_html {
    padding: 0;
    margin: 0;
}

.popup .popup-form-title {
    text-align: center;
    font-weight: 700;
    font-size: 17px;
}

@media screen and (min-width: 800px) {

    body .popup .gform_wrapper li.gfield.gf_left_half {
        margin: 0 !important;
        margin-right: 0 !important;
        width: 50% !important;
    }

    body .popup .gform_wrapper li.gfield.gf_right_half {
        margin-right: 0 !important;
        padding-right: 0 !important;
        width: 50% !important;
    }

}

#gform_next_button_27_6 {
    font-size: 16px;
    padding: 10px 30px;
    min-width: 180px;
    background-color: #FF3642;
    margin-right: 0 !important;
    color: #fff;
    border: 0;
    border-radius: 20px;
    box-shadow: none !important;
    text-shadow: none !important;
}

body .primary_secondary_select {
    margin-bottom: 0 !important;
}

body .primary_secondary_select label::before {
    display: none !important;
}

body .primary_secondary_select ul {
    text-align: center;
}

body .primary_secondary_select ul li:first-child label,
#gform_submit_button_27 {
    font-size: 16px;
    padding: 10px 30px;
    min-width: 180px;
    background-color: #FF3642;
    margin-right: 0 !important;
    color: #fff;
    border: 0;
    border-radius: 20px;
    box-shadow: none !important;
    text-shadow: none !important;
    text-align: center;
    line-height: 1em;
}

body .primary_secondary_select ul li:last-child label {
    font-size: 16px;
    margin: 0 auto !important;
    margin-top: 30px !important;
    display: block;
    text-align: center !important;
    width: fit-content !important;
}

body #gform_next_button_27_6,
body #gform_previous_button_27,
body #gform_submit_button_27 {
    left: -9999999px;
    position: absolute;
    visibility: hidden;
}

body .popup input[type=text] {
    background: #fff;
    appearance: none;
    -webkit-appearance: none;
    border: 2px solid #cecece !important;
    padding: 10px;
    line-height: 1.3em;
    border-radius: 0;
    transition: border 0.3s ease;
    height: auto;
    line-height: 1em;
    font-size: 18px !important;
    padding: 13px 13px !important;
    font-weight: 500 !important;
}

.popup-overlay.popup-readiness .popup-content {
    height: fit-content;
    max-height: none;
}

body .popup .gform_wrapper {
    margin-bottom: 0 !important;
}

body .popup .gform_wrapper .gform_page_footer {
    padding: 0;
    margin: 0;
}

body .popup .gform_wrapper .gfield_label {
    font-size: 16px;
    font-weight: 700;
}

body .popup .gform_wrapper ul.gform_fields li.gfield:last-child {
    margin-bottom: 0 !important;
}

body .primary_secondary_select input[type=checkbox]:checked+label:after {
    display: none;
}

body .gform_wrapper .gfield_required {
    color: #790000 !important;
}

body input[type=submit]#gform_submit_button_13 {
    font-size: 18px;
    padding: 10px 20px;
}

/**** GROUP TRAINING SIGNUP FORM ****/
div#gform_wrapper_28 {
    margin-bottom: 0;
}
div#gform_fields_28 label {
    color: #ffffff;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400!important;
}
div#gform_fields_28 span.gfield_required.gfield_required_asterisk {
    color: #C60000!important;
}
#gform_fields_28 input, #gform_fields_28 select {
    border: none;
    border-radius: 4px;
}

#gform_wrapper_28 .gform_footer.top_label {
    text-align: center;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}
#gform_wrapper_28 .gform_footer input#gform_submit_button_28 {
    background: #417FC0;
    color: #ffffff;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
	text-shadow: none;
}

form#gform_28 {
    margin-bottom: 0;
}

@media screen and (max-width: 800px){
	.gform_wrapper.gravity-theme .gform_fields {
		display: block!important;
	}
}