:root {

    /* course box colors */
    --ccc-color-airport-yellow-01: #fcff00;
    --ccc-color-airport-yellow-02: #ca8900;
    --ccc-color-airport-yellow-03: #eeca29;

    --ccc-color-light-grey: #f3f3f3;
    --ccc-color-dark-grey: #111;

    /* --ccc-color-purple-carpet: #72508d; */
    /* --ccc-color-purple-carpet: #614f72; */
    --ccc-color-purple-carpet: #573769;


    --ccc-color-think-like: #dcf0ea;
    --ccc-color-think-like-bottom: #e3f0ed;


    --ccc-color-airline-top: var(--ccc-color-think-like);
    --ccc-color-airline-bottom: var(--ccc-color-think-like-bottom);

    --ccc-color-announcement-top: #ffc0b3;
    --ccc-color-announcement-bottom: #ffdcd3;

    --ccc-color-applicant-bottom: rgb(255, 220, 211);;

    --ccc-color-arrivals-top: #ffff7e;
    --ccc-color-arrivals-bottom: #ffff7e;

    --ccc-color-cabin-crew-top: var(--ccc-color-think-like);
    --ccc-color-cabin-crew-bottom: var(--ccc-color-think-like-bottom);

    --ccc-color-case-study-top: #f8e4d0;
    --ccc-color-case-study-bottom: #f7e9dc;

    --ccc-color-crew-crosscheck-top: #f5e0e5;
    --ccc-color-crew-crosscheck-bottom: #f5e7eb;

    /* coaching cues, debrief*/
    --ccc-color-debrief-top: #efe6f2;
    --ccc-color-debrief-bottom: #efe6f2;

    --ccc-color-departures-top: #0044f0;
    --ccc-color-departures-bottom: #0044f0;

    --ccc-color-ground-school-top: #566176;
    --ccc-color-ground-school-bottom: #dee0e3;

    --ccc-color-lesson-briefing-top: var(--ccc-color-white);
    --ccc-color-lesson-briefing-bottom: var(--ccc-color-light-grey);

    --ccc-color-module-top: #566176;
    --ccc-color-module-bottom: #566176;

    --ccc-color-old-wives-top: #cd0001;
    --ccc-color-old-wives-bottom: #cd0001;

    --ccc-color-philosophy-top: var(--ccc-color-think-like);
    --ccc-color-philosophy-bottom: var(--ccc-color-think-like-bottom);

    --ccc-color-recruiter-top: var(--ccc-color-think-like);
    --ccc-color-recruiter-bottom: var(--ccc-color-think-like-bottom);

    --ccc-color-roleplay-top: var(--ccc-color-white);
    --ccc-color-roleplay-bottom: var(--ccc-color-white);

    --ccc-color-task-card-top:  #f5e0e5;
    --ccc-color-task-card-bottom: #f5e7eb;

    --ccc-color-training-log-top: var(--ccc-color-white);
    --ccc-color-training-log-bottom: var(--ccc-color-white);

    /* --ccc-color-coaching-cues-top: #ffff0066;
    --ccc-color-coaching-cues-bottom: #ffff0066; */

    --ccc-color-in-flight-entertainment-top: #222;
    --ccc-color-in-flight-entertainment-bottom: #222;

    --ccc-color-xxxxx-top: #0044f0ff;
    --ccc-color-xxxxx-bottom: #0044f0ff;
}


.box-top {
    border-top-left-radius: var(--ccc-corner-radius);
    border-top-right-radius: var(--ccc-corner-radius);
    margin: 1em 0 0 0;
    padding: 1em 1em 1em 2em;
    display: flex;
    align-items: center;

    border: #00000022 1px solid;
    /* border-bottom: none; */
}

.box-top-icon {
    margin-right: 0.5em;
    font-size: 2.5em;
    color: #333;
}

.box-top-content {
    display: flex;
    flex-direction: column;

}

.box-top-title {
    font-weight: 800;
    font-size: 1.5em;
    color: #000;
}

.box-top-subtitle {
    font-size: 1.1em;
    font-weight: 600;
    color: #666;
}

/* form styling*/
div.embedded-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


div.airline,
div.announcement,
div.applicant,
div.arrivals,
div.aside,
div.cabin-crew,
div.case-study,
div.crew-crosscheck,

div.departures,
div.ground-school,
div.lesson-briefing,
div.module,
div.old-wives,

div.philosophy,
div.recruiter,
div.roleplay,
div.task-card,
div.training-log,

div.debrief,
div.coaching-cues,

div.in-flight-entertainment {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

blockquote.airline,
blockquote.announcement,
blockquote.applicant,
blockquote.arrivals,
blockquote.aside,
blockquote.cabin-crew,
blockquote.case-study,
blockquote.crew-crosscheck,

blockquote.departures,
blockquote.ground-school,
blockquote.lesson-briefing,
blockquote.module,
blockquote.old-wives,

blockquote.philosophy,
blockquote.recruiter,
blockquote.roleplay,
blockquote.task-card,
blockquote.training-log,

blockquote.debrief,
blockquote.coaching-cues,


blockquote.in-flight-entertainment {
    border-right: #00000022 1px solid;
    border-bottom: #00000022 1px solid;
    border-left: #00000022 1px solid !important;
    border-top: dotted 0.5em var(--ccc-color-purple-carpet);

    margin-top: 0;
    margin-bottom: 2em;
    /*     padding: 2em 4em; */

    padding: 2em 0.5em;

    @media (min-width: 389px) {
        padding: 2em 2em;
    }

    @media (min-width: 767px) {
        padding: 2em 4em;
    }

    color: var(--ccc-color-dark-grey)
}


div.airline {
    background-color: var(--ccc-color-airline-top);
}

blockquote.airline {
    background-color: var(--ccc-color-airline-bottom);
}


div.applicant {
    background-color: var(--ccc-color-announcement-top);
    background-image: linear-gradient(to top, rgb(255, 220, 211), rgb(255, 189, 176));
}

blockquote.applicant {
    background-color: var(--ccc-color-applicant-bottom);
}


div.announcement {
    background-color: var(--ccc-color-announcement-top);
    background-image: linear-gradient(to top, rgb(211, 254, 255), rgb(167, 224, 225));
}

blockquote.announcement {
    background-color: rgb(211, 254, 255);
}

div.arrivals {
    background-color: var(--ccc-color-arrivals-top);
    border-radius: 0.5em;
}

blockquote.arrivals {
    background-color: var(--ccc-color-arrivals-bottom);
}


/*
div.cabin-crew {
    background-color: var(--ccc-color-cabin-crew-top);
}

blockquote.cabin-crew {
    background-color: var(--ccc-color-cabin-crew-bottom);
}
*/


div.aside,
div.case-study {
    background-color: var(--ccc-color-case-study-top);
}

blockquote.aside,
blockquote.case-study {
    background-color: var(--ccc-color-case-study-bottom);
}

div.cabin-crew,
div.crew-crosscheck {
    background-color: var(--ccc-color-crew-crosscheck-top);
}

blockquote.cabin-crew,
blockquote.crew-crosscheck {
    background-color: var(--ccc-color-crew-crosscheck-bottom);
}


div.departures {
    background-color: var(--ccc-color-departures-top);
    border-radius: 0.5em;

    div.box-top-icon,
    div.box-top-title,
    div.box-top-subtitle {
        color: #fff;
    }

    /* color: #fff; */
}

blockquote.departures {
    background-color: var(--ccc-color-departures-bottom);
    color: #fff;
}

div.ground-school {
    background-color: var(--ccc-color-ground-school-top);
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    border-bottom: dashed 0.5em #ff0;
    /* border: dashed 0.5em #ff0; */

    div.box-top-icon,
    div.box-top-title,
    div.box-top-subtitle {
        color: #ffff00;
    }
}

blockquote.ground-school {
    background-color: var(--ccc-color-ground-school-bottom);
    border: none;
}

div.module {
    background-color: var(--ccc-color-module-top);

    div.box-top-icon {
        background-color: #fff;
        /* color: #000; */
        color: var(--ccc-color-module-top);
        padding: 0.5em 0.5em 0.25em 0.5em;
        padding: 0.5em 0.5em 0 0.5em;
        margin-left: -0.5em;
        margin-top: -0.5em;
    }

    div.box-top-title {
        visibility: collapse;
    }

    div.box-top-subtitle {
        font-weight: 800;
        font-size: 1.5em;
        color: #fff;
    }

}

blockquote.module {
    background-color: var(--ccc-color-module-bottom);
}

div.old-wives {
    background-color: var(--ccc-color-old-wives-top);
    border-radius: 0.5em;

    div.box-top-icon,
    div.box-top-title,
    div.box-top-subtitle {
        color: #fff;
    }
}

blockquote.old-wives {
    background-color: var(--ccc-color-old-wives-bottom);
    color: #fff;
}


blockquote.old-wives {
    figure {
        table {
            color: #fff;
        }
    }

    figure.wp-block-pullquote {
        blockquote {
            p {
                color: #fff;
            }
        }
    }
}


div.philosophy {
    background-color: var(--ccc-color-philosophy-top);
}

blockquote.philosophy {
    background-color: var(--ccc-color-philosophy-bottom);
}

div.recruiter {
    background-color: var(--ccc-color-recruiter-top);
}

blockquote.recruiter {
    background-color: var(--ccc-color-recruiter-bottom);
}

/* {
    background-color: var(--ccc-color-roleplay-top);
} */

div.task-card{
    background-color: var(--ccc-color-task-card-top);
}

blockquote.task-card {
    background-color: var(--ccc-color-task-card-bottom);
}


div.lesson-briefing,
div.roleplay,
div.training-log {
    background-color: var(--ccc-color-roleplay-top);
    /* border: solid 0.2em #ccc; */
    /* border-radius: 0.5em; */
}


blockquote.lesson-briefing,
blockquote.roleplay,
/* blockquote.task-card, */
blockquote.training-log {
    background-color: var(--ccc-color-lesson-briefing-bottom);
}

div.debrief,
div.coaching-cues {
    background-color: var(--ccc-color-debrief-bottom);
}


blockquote.debrief,
blockquote.coaching-cues {
    background-color: var(--ccc-color-debrief-bottom);

}


div.in-flight-entertainment {
    background-color: var(--ccc-color-in-flight-entertainment-top);

    div.box-top-icon,
    div.box-top-title,
    div.box-top-subtitle {
        color: #eee;
    }
}

blockquote.in-flight-entertainment {
    background-color: var(--ccc-color-in-flight-entertainment-bottom);
    color: #fff;
}