@charset "UTF-8";
/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * MAIN
 *
 * This file is reserved for @imports only. It should rarely need to be updated.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
/*-------------------------------------------- */
/** Vendor */
/*-------------------------------------------- */
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*-------------------------------------------- */
/** Utils */
/*-------------------------------------------- */
/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * VARIABLES
 * 
 * Define any custom site-wide variables below. These should only be 
 * variables that are global in scope and that need to be referenced 
 * by multiple SASS files.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * FUNCTIONS
 *
 * Define any custom site-wide functions below. These should only be
 * functions that are global in scope and that need to be referenced
 * by multiple SASS files.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
/**
 * Strip Units from values.
 * Mostly used by other functions
 */
/**
 * Pixels to REMs
 */
/**
 * Return colors from $color map
 */
/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * MIXINS
 *
 * Define any custom site-wide mixins below. These should only be
 * mixins that are global in scope and that need to be referenced
 * by multiple SASS files.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
/**
 * Basic Clearfix - pulled from Bourbon.io
 */
/**
 * Vertical Centering
 * $position: variable to set position value, Defaults to relative.
 *
 */
/**
 * Block/Block-Modifier
 * $mod: name of modification to apply at a element or block level modification
 *
 */
/*-------------------------------------------- */
/** Base */
/*-------------------------------------------- */
/*-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- 
 *
 * Z-INDEX DEFINITIONS
 * 
 * Use the z-index variables below instead of hard coded values.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * FONT FACE
 *
 * Define any @font-face declarations below.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * COLORS
 *
 * Define any global color variables below. Ideally color variables should be
 * referenced by the theme variables that follow.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
/*-------------------------------------------- */
/** Theme Variables */
/*-------------------------------------------- */
/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * BASE SETTINGS
 *
 * The settings defined in this file should be updated per project. Any
 * custom global variables needed for the project should be defined in
 * utils/variables.scss
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
/*-------------------------------------------- */
/** File Path Settings */
/*-------------------------------------------- */
/*-------------------------------------------- */
/** Layout Settings */
/*-------------------------------------------- */
/*-------------------------------------------- */
/** Typography Settings */
/*-------------------------------------------- */
/*-------------------------------------------- */
/** Color Settings */
/*-------------------------------------------- */
/*-------------------------------------------- */
/** Common Library variables */
/*-------------------------------------------- */
/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * BREAKPOINTS
 *
 * Define all breakpoint variables below. Breakpoint is included as a vendor
 * library: http://breakpoint-sass.com/. All media queries should make use of
 * the @include breakpoint() mixin and reference the variables defined in this
 * file. When coding a responsive site, mobile first CSS should be used.
 * See http://www.zell-weekeat.com/how-to-write-mobile-first-css/.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    /* 1 */
    display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
    outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * Change font properties to `inherit` in all browsers (opinionated).
 */
button,
input,
select,
textarea {
    font: inherit;
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
    font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 * 2. Show the overflow in Edge, Firefox, and IE.
 */
button,
input,
select {
    /* 2 */
    overflow: visible;
}

/**
 * Remove the margin in Safari.
 * 1. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
    /* 1 */
    margin: 0;
}

/**
 * Remove the inheritence of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritence of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Change the cursor in all browsers (opinionated).
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    cursor: pointer;
}

/**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */
[disabled] {
    cursor: default;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
input:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * Correct the odd appearance of search inputs in Chrome and Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
}

/**
 * Remove the inner padding and cancel buttons in Chrome on OS X and
 * Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.nav-dropdown__link:after, .mc-course__session-title:after, .mc-course__complete-star:after {
    background: url("svg/sprite.css.svg") no-repeat;
}

.nav-dropdown__link:after {
    background-position: 94.86206896551724% 64.39656024513195%;
    width: 14px;
    height: 7.766px;
}

.mc-course__session-title:after {
    background-position: 98.25% 0;
    width: 15px;
    height: 13.03px;
}

.mc-course__complete-star:after {
    background-position: 0 0;
    width: 27.51px;
    height: 27.44px;
}

/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * BASE
 *
 * Global element styles only (i.e. h1-h6, p, a, ul, li)
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
html,
body {
    font-size: 16px;
    min-height: 100%;
}

body {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    background: #cccccc;
    color: #454545;
    line-height: 1.4;
}

body.menu-open {
    overflow: hidden;
}

body.page-template--user-login {
    background-image: url(../img/books-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

h1,
.h1 {
    color: #454545;
    font-size: 2.5rem;
    font-weight: 700;
}

h2,
.h2 {
    color: #454545;
    font-size: 2rem;
    font-weight: 700;
}

h3,
.h3 {
    color: #454545;
    font-size: 1.5rem;
    font-weight: 700;
}

h4,
.h4 {
    color: #454545;
    font-size: 1.25rem;
    font-weight: 700;
}

h5,
.h5 {
    color: #454545;
    font-size: 1rem;
    font-weight: 700;
}

h6,
.h6 {
    color: #454545;
    font-size: 1rem;
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
}

p {
    margin-bottom: 30px;
    line-height: 2;
}

a {
    color: #66b10f;
    text-decoration: none;
}

a:hover {
    color: #6ebf10;
}

a.active {
    color: #6ebf10;
}

a.alt-link-color, a.alt-link-color:hover {
    color: #126f9a;
}

a.underline {
    text-decoration: underline;
}

strong {
    font-weight: 700;
}

ul {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

ul li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

ul li:before {
    content: '';
    display: inline-block;
    width: .9em;
    height: .9em;
    margin-top: .2em;
    margin-right: 4px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25.736' height='46.397' viewBox='0 0 25.736 46.397'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h25.736v46.398H0z'/%3E%3C/defs%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23b)' fill='none' stroke='%2366B10F' stroke-width='5' stroke-miterlimit='10' d='M1.81 1.725L22.282 23.2 1.81 44.67'/%3E%3C/svg%3E") no-repeat 0 0;
    background-size: 100% 100%;
    vertical-align: middle;
}

blockquote {
    margin: 0 50px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #0d7cb2;
    font-size: 1.5625rem;
}

blockquote p {
    line-height: 1.8;
}

blockquote p:before {
    content: "“";
}

blockquote p:after {
    content: "”";
}

img {
    max-width: 100%;
    height: auto;
}

svg {
    fill: currentColor;
}

[v-cloak] {
    display: none;
}

.themed-form {
    background-color: white;
}

.themed-form p {
    margin: 0;
}

.themed-form p:after {
    clear: both;
    content: "";
    display: table;
}

.themed-form p:not(:last-child) {
    margin-bottom: 35px;
}

.themed-form label {
    display: block;
    clear: both;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 1;
    color: #a6a6a6;
}

.themed-form input[type="text"],
.themed-form input[type="password"] {
    width: 100%;
    padding: 0 0 8px 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #c0c0c0;
    outline: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #404040;
    font-size: 0.875rem;
    line-height: 1;
}

.themed-form input[type="checkbox"] {
    width: 20px;
    float: left;
    margin-right: 5px;
}

.themed-form input[type="checkbox"] + label {
    width: calc(100% - 25px);
    float: left;
    clear: none;
    text-transform: none;
    line-height: 1.3;
}

.themed-form__link {
    display: block;
    margin-top: 20px;
    text-align: center;
    color: #126f9a;
    font-size: 0.75rem;
    text-decoration: none;
}

.themed-form__link:hover {
    color: #126f9a;
    text-decoration: underline;
}

.icon {
    width: 24px;
    height: 24px;
}

/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * HELPERS
 *
 * Define any custom site-wide helper classes below. Utility classes such as
 * .centered or .hidden are good candidates to live in this file.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
/**
 * Responsive Visibility
 */
[class*="show-at"] {
    display: none !important;
}

@media (min-width: 768px) {
    .hide-at-small {
        display: none !important;
    }

    .show-at-small {
        display: block !important;
    }

    .show-at-small-i {
        display: inline !important;
    }

    .show-at-small-ib {
        display: inline-block !important;
    }
}

@media (min-width: 980px) {
    .hide-at-medium {
        display: none !important;
    }

    .show-at-medium {
        display: block !important;
    }

    .show-at-medium-i {
        display: inline !important;
    }

    .show-at-medium-ib {
        display: inline-block !important;
    }
}

@media (min-width: 1280px) {
    .hide-at-large {
        display: none !important;
    }

    .show-at-large {
        display: block !important;
    }

    .show-at-large-i {
        display: inline !important;
    }

    .show-at-large-ib {
        display: inline-block !important;
    }
}

@media (min-width: 1400px) {
    .hide-at-xlarge {
        display: none !important;
    }

    .show-at-xlarge {
        display: block !important;
    }

    .show-at-xlarge-i {
        display: inline !important;
    }

    .show-at-xlarge-ib {
        display: inline-block !important;
    }
}

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
    content: "";
    display: table;
}

.page-flush, .course-banner {
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 980px) {
    .page-flush, .course-banner {
        margin-left: -100px;
        margin-right: -100px;
    }
}

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

.circle {
    border-radius: 50%;
}

.d-inline {
    display: inline !important;
}

.float--l {
    float: left;
}

.float--r {
    float: right;
}

.small-text {
    font-size: 0.75rem;
}

.embed-container {
    position: relative;
    max-width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {
    .course-embed-container {
        width: calc(100% - 394px);
    }
}

/*-------------------------------------------- */
/** Layout */
/*-------------------------------------------- */
/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * LAYOUT
 *
 * Major layout container components (i.e. header, main content containers,
 * footer, sidebar/aside)
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
/**
 * Apply to the element that will be the outmost container of site content to
 * contain the width to $page-container-width
 */
.page-container {
    max-width: 1400px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto;
    box-sizing: border-box;
    background: #ffffff;
}

@media (min-width: 980px) {
    .page-container {
        padding-right: 100px;
        padding-left: 100px;
    }
}

.page-template--user-login .page-container {
    background-color: transparent;
}

/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * LAYOUT
 * 
 * Import all layout specific SASS files below. This file is imported 
 * by main.scss.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
.section {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    padding: 30px 15px;
    background-color: #ffffff;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.section--alt-bg {
    background-color: #f4f4f4;
}

.section--alt-bg + .section--alt-bg {
    padding-top: 0;
}

.section--minor {
    padding-top: 30px;
    padding-bottom: 30px;
}

.section--pad-v-md {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width: 980px) {
    .section {
        padding: 120px 100px;
    }

    .section--minor {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .section--pad-v-md {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (min-width: 1400px) {
    .section--extra-horz-pad {
        padding-right: 200px;
        padding-left: 200px;
    }

    .section--extra-md-horz-pad {
        padding-right: 280px;
        padding-left: 280px;
    }

    .section--extra-lg-horz-pad {
        padding-right: 380px;
        padding-left: 380px;
    }
}

.l-two-col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.l-two-col--reverse-mobile-stack {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

@media (min-width: 768px) {
    .l-two-col--wide .l-two-col__col-1 {
        width: 31%;
    }

    .l-two-col--wide .l-two-col__col-2 {
        margin-left: 40px;
    }
}

@media (min-width: 980px) {
    .l-two-col--wide .l-two-col__col-2 {
        margin-left: 80px;
    }
}

@media (min-width: 768px) {
    .l-two-col {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .l-two-col__col-1 {
        width: 205px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .l-two-col__col-2 {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-left: 100px;
    }
}

.side-by-side {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 767px) {
    .side-by-side:not(.side-by-side--pull-left-right) {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.side-by-side__half {
    position: relative;
    padding-top: 80px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .side-by-side__half:last-of-type {
        padding-bottom: 80px;
    }
}

@media (min-width: 768px) {
    .side-by-side {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-left: 0;
        padding-right: 0;
    }

    .side-by-side__half {
        width: 50%;
        padding-bottom: 80px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .side-by-side__half:last-of-type {
        border-left: 1px solid #e1e1e1;
    }

    .side-by-side__half--double-pad-bot {
        padding-bottom: 160px;
    }

    .side-by-side--alt .side-by-side__half {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .side-by-side--alt .side-by-side__half:first-of-type {
        padding-right: 40px;
        padding-left: 40px;
    }

    .side-by-side--alt .side-by-side__half:last-of-type {
        padding-right: 40px;
        padding-left: 40px;
        border-left: 1px solid #e1e1e1;
        background-color: #f4f4f4;
    }

    .side-by-side--alt .side-by-side__half:last-of-type .small-hd {
        margin-bottom: 20px;
    }

    .side-by-side__center-bottom-el {
        position: absolute;
        left: 50%;
        bottom: 80px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media (min-width: 980px) {
    .side-by-side--pull-left-right {
        margin-left: -50px;
        margin-right: -50px;
    }
}

.uni-logo-grid {
    margin-bottom: 15px;
}

.uni-logo-grid__item {
    position: relative;
    height: 90px;
    padding: 0 10px;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.uni-logo-grid__item img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-height: 100%;
    max-width: 100%;
}

.uni-logo-grid--2 .uni-logo-grid__item {
    float: left;
    width: 50%;
}

@media (min-width: 768px) {
    .uni-logo-grid--3 .uni-logo-grid__item {
        float: left;
        width: 33%;
    }
}

/*-------------------------------------------- */
/** Modules */
/*-------------------------------------------- */
/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * MODULES
 *
 * Import all module SASS files below. This file is imported by main.scss.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
.mb-sm {
    margin-bottom: 15px;
}

@media (min-width: 980px) {
    .mb-sm {
        margin-bottom: 25px;
    }
}

.mb-lg {
    margin-bottom: 25px;
}

@media (min-width: 980px) {
    .mb-lg {
        margin-bottom: 50px;
    }
}

.mb-xlg {
    margin-bottom: 50px;
}

@media (min-width: 980px) {
    .mb-xlg {
        margin-bottom: 100px;
    }
}

@media (min-width: 1280px) {
    .mlr-lg {
        margin-left: 180px;
        margin-right: 180px;
    }
}

.small-hd, .medium-hd {
    margin-top: 0;
    color: #7a7a7a;
    text-align: center;
}

.small-hd {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    margin-bottom: 40px;
    font-size: 0.875rem;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.medium-hd {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    margin-bottom: 40px;
    font-size: 1.3125rem;
}

@media (min-width: 768px) {
    .medium-hd {
        margin-bottom: 50px;
        font-size: 2rem;
    }
}

.large-hd {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1.6875rem;
}

@media (min-width: 768px) {
    .large-hd {
        font-size: 2.5rem;
    }
}

.large-hd--white {
    color: white;
}

.ui-hd {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 1.75rem;
}

.byline-hd {
    max-width: 800px;
    margin: 0 auto;
    color: #0d7cb2;
    font-size: 0.75rem;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
}

/**
 * Block: btn
 * Element: btn__element
 * Modifier: btn--modifier
 */
.btn, .themed-form input[type="submit"], .btn-add-item, .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    display: inline-block;
    padding: 14px 40px;
    border: 0;
    border-radius: 40px;
    box-sizing: border-box;
    font-size: 0.875rem;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.btn, .themed-form input[type="submit"], .btn-add-item, .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider, .btn:hover, .themed-form input[type="submit"]:hover, .btn-add-item:hover, .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider:hover {
    color: #FFFFFF;
}

.btn + .btn, .themed-form input[type="submit"] + .btn, .btn-add-item + .btn, .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider + .btn, .themed-form .btn + input[type="submit"], .themed-form input[type="submit"] + input[type="submit"], .themed-form .btn-add-item + input[type="submit"], .wp-social-login-widget .wp-social-login-provider-list .themed-form .wp-social-login-provider + input[type="submit"], .themed-form .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider + input[type="submit"], .btn + .btn-add-item, .themed-form input[type="submit"] + .btn-add-item, .btn-add-item + .btn-add-item, .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider + .btn-add-item, .wp-social-login-widget .wp-social-login-provider-list .btn + .wp-social-login-provider, .themed-form .wp-social-login-widget .wp-social-login-provider-list input[type="submit"] + .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .themed-form input[type="submit"] + .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .btn-add-item + .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider + .wp-social-login-provider {
    margin-left: 12px;
}

.btn--primary, .themed-form input[type="submit"], .btn-add-item {
    background-color: #66b10f;
}

.btn--primary:hover, .themed-form input[type="submit"]:hover, .btn-add-item:hover {
    background-color: #6ebf10;
}

.btn--full-width, .themed-form input[type="submit"], .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider {
    width: 100%;
}

.btn--full-width + .btn--full-width, .themed-form input[type="submit"] + .btn--full-width, .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider + .btn--full-width, .themed-form .btn--full-width + input[type="submit"], .themed-form input[type="submit"] + input[type="submit"], .wp-social-login-widget .wp-social-login-provider-list .themed-form .wp-social-login-provider + input[type="submit"], .themed-form .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider + input[type="submit"], .wp-social-login-widget .wp-social-login-provider-list .btn--full-width + .wp-social-login-provider, .themed-form .wp-social-login-widget .wp-social-login-provider-list input[type="submit"] + .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .themed-form input[type="submit"] + .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider + .wp-social-login-provider {
    margin-left: 0;
}

.btn--primary-outline {
    padding-top: 12px;
    padding-bottom: 12px;
    border: 2px solid;
    background-color: transparent;
    color: #66b10f;
}

.btn--primary-outline:hover {
    color: #ffffff;
    background-color: #66b10f;
    border-color: #66b10f;
}

.btn--primary-outline.is-disabled {
    color: #c2c2c2;
    border-color: #c2c2c2;
    background-color: transparent;
    cursor: default;
    pointer-events: none;
}

.btn--secondary {
    background-color: #126f9a;
}

.btn--secondary:hover {
    background-color: #1479a8;
}

.btn--tertiary {
    background-color: white;
    color: #66b10f;
    box-sizing: border-box;
    border: 1px solid white;
}

.btn--tertiary:hover {
    background-color: white;
    border: 1px solid #66b10f;
    color: #66b10f;
}

.btn--outline {
    padding-top: 12px;
    padding-bottom: 12px;
    border: 2px solid;
    background-color: transparent;
    color: #ffffff;
}

.btn--outline:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.btn--outline-alt {
    padding-top: 12px;
    padding-bottom: 12px;
    border: 2px solid;
    background-color: transparent;
    color: #a2a2a2;
}

.btn--outline-alt:hover {
    color: #959595;
    background-color: rgba(162, 162, 162, 0.15);
}

.btn--small-pad, .btn-add-item, .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider {
    min-width: 100px;
    padding: 11px 20px;
}

@media (max-width: 767px) {
    .btn--full-width\@mobile {
        width: 100%;
    }
}

.btn-add-item {
    position: relative;
    padding-left: 44px;
}

.btn-add-item:before, .btn-add-item:after {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    content: '+';
    position: absolute;
    top: 50%;
    left: 6px;
    z-index: 10;
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    border-radius: 16px;
    background-color: #4b820b;
    color: #FFFFFF;
    font-size: 1.875rem;
    line-height: 27px;
}

.btn-add-item:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath opacity='.25' fill='%23FFF' d='M11 0C4.925 0 0 4.925 0 11c0 6.074 4.925 11 11 11 6.074 0 11-4.926 11-11 0-6.075-4.926-11-11-11m0 2.75c4.556 0 8.25 3.694 8.25 8.25s-3.694 8.25-8.25 8.25S2.75 15.556 2.75 11 6.444 2.75 11 2.75'/%3E%3Cpath fill='%23FFF' d='M11 0c6.074 0 11 4.925 11 11h-2.75c0-4.556-3.694-8.25-8.25-8.25V0z'/%3E%3C/svg%3E");
    z-index: 10;
    -webkit-animation: rotate .8s infinite linear;
    animation: rotate .8s infinite linear;
    opacity: 0;
    transition: opacity .15s ease-out;
}

.btn-add-item.is-adding:after {
    opacity: 1;
}

.btn-add-item:hover {
    background-color: #6ebf10;
}

.btn-add-item select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    cursor: pointer;
}

@media (max-width: 767px) {
    .btn-add-item {
        width: 100%;
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.text-btn {
    padding: 0;
    border: 0;
    background-color: transparent;
    font-size: 0.75rem;
    color: #126f9a;
    text-decoration: underline;
}

.text-btn--danger {
    color: #ff050c;
}

/**
 * Block: course-banner
 * Element: course-banner__element
 * Modifier: course-banner--modifier
 */
.course-banner {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    background-color: #f4f4f4;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.course-banner__left {
    padding: 50px 15px;
    box-sizing: border-box;
}

.course-banner__right {
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    padding-top: 75%;
}

.course-banner__uni-logo {
    margin-bottom: 15px;
}

.course-banner__title {
    margin-top: 0;
    margin-bottom: 20px;
    color: #126f9a;
    font-size: 1.6875rem;
}

.course-banner__intro {
    margin-bottom: 40px;
    font-size: 1.0625rem;
    line-height: 1.6;
}

.course-banner__img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

@media (max-width: 767px) {
    .course-banner .btn, .course-banner .themed-form input[type="submit"], .themed-form .course-banner input[type="submit"], .course-banner .btn-add-item, .course-banner .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .course-banner .wp-social-login-provider {
        display: block;
    }
}

@media (min-width: 768px) {
    .course-banner {
        min-height: 525px;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .course-banner__left, .course-banner__right {
        width: 50%;
    }

    .course-banner__left {
        padding: 50px;
    }

    .course-banner__right {
        padding-top: 0;
    }

    .course-banner__title {
        font-size: 2.5rem;
    }

    .course-banner__intro {
        font-size: 1.25rem;
    }

    .course-banner__img {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: auto;
    }
}

@media (min-width: 1400px) {
    .course-banner {
        min-height: 525px;
    }

    .course-banner__left {
        padding: 100px;
    }
}

/**
 * Block: course-card
 * Element: course-card__element
 * Modifier: course-card--modifier
 */
.course-card {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    border-top: 5px solid #126f9a;
    border-bottom: 2px solid #126f9a;
    position: relative;
    display: block;
    background-color: #ffffff;
    box-sizing: border-box;
    overflow: hidden;
    text-decoration: none;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.course-card:hover .course-card__header:after {
    opacity: 1;
}

.course-card:hover .course-card__header .btn, .course-card:hover .course-card__header .themed-form input[type="submit"], .themed-form .course-card:hover .course-card__header input[type="submit"], .course-card:hover .course-card__header .btn-add-item, .course-card:hover .course-card__header .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .course-card:hover .course-card__header .wp-social-login-provider {
    top: 50%;
    opacity: 1;
}

.course-card__header {
    position: relative;
    z-index: 10;
}

.course-card__header:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity .2s ease-out;
}

.course-card__header .btn, .course-card__header .themed-form input[type="submit"], .themed-form .course-card__header input[type="submit"], .course-card__header .btn-add-item, .course-card__header .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .course-card__header .wp-social-login-provider {
    position: absolute;
    top: calc(40% - 10px);
    left: 50%;
    z-index: 20;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: .2s ease-out;
}

.course-card__image {
    width: 100%;
    vertical-align: bottom;
    transition: -webkit-transform 0.4s cubic-bezier(0.35, 0.52, 0.23, 0.84);
    transition: transform 0.4s cubic-bezier(0.35, 0.52, 0.23, 0.84);
    transition: transform 0.4s cubic-bezier(0.35, 0.52, 0.23, 0.84), -webkit-transform 0.4s cubic-bezier(0.35, 0.52, 0.23, 0.84);
}

.course-card__body {
    position: relative;
    top: 0;
    z-index: 20;
    padding: 28px 30px;
    background-color: #ffffff;
    transition: top 0.25s cubic-bezier(0.31, 0.21, 0.24, 1.02);
}

.course-card__accreditation {
    display: block;
    margin-bottom: 12px;
    font-size: 0.6875rem;
    color: #9B9B9B;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.course-card__title {
    padding-bottom: 90px;
    margin: 0;
    color: #126f9a;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1.5625rem;
    line-height: 1.2;
}

.course-card__institution {
    position: absolute;
    left: 30px;
    bottom: 28px;
    z-index: 30;
    -webkit-filter: grayscale(100%) opacity(40%);
    filter: grayscale(100%) opacity(40%);
    max-height: 40px;
}

@media (min-width: 1280px) {
    .course-card {
        min-height: 425px;
    }
}

/**
 * Block: course-stats
 * Element: course-stats__element
 * Modifier: course-stats--modifier
 */
.course-stats {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 30px;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.course-stats li {
    margin-bottom: 0;
}

.course-stats li:before {
    display: none;
    background-image: none;
}

.course-stats > li {
    padding: 16px 0;
    border-bottom: 2px solid #e1e1e1;
    margin-bottom: 0;
}

.course-stats__stat {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
}

.course-stats__stat-name {
    color: #a6a6a6;
}

.course-stats__stat-name, .course-stats__stat-value {
    width: 50%;
    font-size: 0.75rem;
    text-transform: uppercase;
}

.course-stats__share {
    text-align: center;
}

.course-stats__share:after {
    clear: both;
    content: "";
    display: table;
}

.course-stats__share-text {
    color: #a6a6a6;
    text-transform: uppercase;
    font-size: 0.6875rem;
    letter-spacing: 1px;
    margin-bottom: 13px;
}

.course-stats__share-link {
    display: inline-block;
    color: #126f9a;
    vertical-align: middle;
    margin: 0 6px;
}

.course-stats__share-link:hover {
    color: #1790c8;
}

.course-stats__share-link--facebook {
    width: 18px;
}

.course-stats__share-link--twitter {
    width: 23px;
}

.course-stats__share-link--linkedin {
    width: 20px;
}

.course-stats__share-link svg {
    width: 100%;
    height: 20px;
}

.course-stats__wrap {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .course-stats__wrap {
        float: right;
        width: 310px;
        padding-left: 40px;
        margin-left: 40px;
        margin-bottom: 50px;
        border-left: 4px solid #126f9a;
    }
}

/**
 * Block: course-instructors
 * Element: course-instructors__element
 * Modifier: course-instructors--modifier
 */
.course-instructors {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    padding: 0;
    margin: 0;
    list-style: none;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.course-instructors li {
    margin-bottom: 0;
}

.course-instructors li:before {
    display: none;
    background-image: none;
}

.course-instructors__info {
    width: 100%;
}

.course-instructors__instructor {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.course-instructors__image {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-right: 30px;
    margin-bottom: 30px;
    border-radius: 50%;
}

.course-instructors__name {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .course-instructors__instructor {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start;
    }
}

/**
 * Block: course-card-grid
 * Element: course-card-grid__element
 * Modifier: course-card-grid--modifier
 */
.course-card-grid {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.course-card-grid__item {
    max-width: 384px;
    margin-bottom: 24px;
}

@media (min-width: 768px) {
    .course-card-grid {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .course-card-grid__item {
        width: 32%;
        margin-right: 2%;
    }

    .course-card-grid__item:nth-child(3n+0) {
        margin-right: 0;
    }
}

/**
 * Block: filter-select
 * Element: filter-select__element
 * Modifier: filter-select--modifier
 */
.filter-select {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    padding-bottom: 12px;
    border-bottom: 2px solid #c2c2c2;
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='13' viewBox='0 0 23 13' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ECombined Shape%3C/title%3E%3Cdefs%3E%3Cpath d='M4-6h2V9H4V-6zM6 7h13v2H6V7z' id='a'/%3E%3Cmask id='b' x='0' y='0' width='15' height='15' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3C/defs%3E%3Cuse stroke='%23979797' mask='url(%23b)' stroke-width='2' fill='%23D8D8D8' transform='rotate(-45 11.5 1.5)' xlink:href='%23a' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat right center;
    background-size: 20px;
    color: #7a7a7a;
    font-size: 0.9375rem;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.filter-select::-ms-expand {
    display: none;
}

@media (min-width: 980px) {
    .filter-select {
        background-size: auto;
        font-size: 1.125rem;
    }
}

/**
 * Block: filter-form
 * Element: filter-form__element
 * Modifier: filter-form--modifier
 */
.filter-form {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.filter-form .filter-select-container {
    margin-bottom: 20px;
    padding-right: 34px;
}

.filter-form .filter-select-container .filter-select {
    width: 100%;
}

.filter-form .filter-select-container--has-icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0;
}

.filter-form .filter-select-container--has-icon .icon {
    margin-left: 10px;
}

@media (min-width: 980px) {
    .filter-form .filter-select-container {
        padding-right: 0;
    }
}

@media (min-width: 980px) {
    .filter-form {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }

    .filter-form .filter-select-container {
        width: 37.5%;
        margin-bottom: 0;
    }
}

@media (min-width: 1280px) {
    .filter-form {
        width: 75%;
    }
}

/**
 * Block: cat-list
 * Element: cat-list__element
 * Modifier: cat-list--modifier
 */
.cat-list {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    padding: 0;
    margin: 0;
    list-style: none;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.cat-list li {
    margin-bottom: 0;
}

.cat-list li:before {
    display: none;
    background-image: none;
}

.cat-list > li {
    padding: 16px 0;
    border-bottom: 2px solid #e1e1e1;
    margin-bottom: 0;
}

.cat-list__title {
    font-weight: 600;
}

.cat-list__item a {
    color: #a6a6a6;
    font-size: 0.75rem;
    text-decoration: none;
    text-transform: uppercase;
}

.cat-list__item a:hover {
    color: #66b10f;
}

.cat-list a.is-current {
    color: #66b10f;
}

/**
 * Block: post-preview
 * Element: post-preview__element
 * Modifier: post-preview--modifier
 */
.post-preview {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    padding-bottom: 50px;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.post-preview + .post-preview {
    padding-top: 50px;
    border-top: 1px solid #e1e1e1;
}

.post-cat + .post-preview__title {
    margin-top: 10px;
}

.post-preview__title {
    margin-bottom: 5px;
}

.post-preview__title a {
    display: block;
    color: #0d7cb2;
    font-size: 1.5625rem;
    text-decoration: none;
}

.post-preview__title a:hover {
    color: #126f9a;
}

.post-preview p:last-child {
    margin-bottom: 0;
}

/**
 * Block: posts-pagination
 * Element: posts-pagination__element
 * Modifier: posts-pagination--modifier
 */
.posts-pagination {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    color: #a6a6a6;
    font-size: 0.875rem;
    text-transform: uppercase;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.posts-pagination__pages a, .posts-pagination__pages span {
    margin: 0 2px;
}

.posts-pagination a {
    color: #a6a6a6;
    text-decoration: none;
}

.posts-pagination .current {
    color: #66b10f;
    font-weight: 700;
}

/**
 * Block: post-byline
 * Element: post-byline__element
 * Modifier: post-byline--modifier
 */
.post-byline {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    color: #7a7a7a;
    font-size: 0.6875rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

/**
 * Block: post-cat
 * Element: post-cat__element
 * Modifier: post-cat--modifier
 */
.post-cat {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    position: relative;
    display: inline-block;
    padding-bottom: 12px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    color: #7a7a7a;
    font-size: 0.75rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    transition: color .15s ease-out;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.post-cat:hover {
    color: #616161;
}

.post-cat:hover:after {
    width: 100%;
}

.post-cat:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 1px;
    background-color: #f66f21;
    transition: width .15s ease-out;
}

/**
 * Block: post-social-share
 * Element: post-social-share__element
 * Modifier: post-social-share--modifier
 */
.post-social-share {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.post-social-share__item {
    width: 25%;
    padding: 14px 10px 16px 10px;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 0.75rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: background-color .15s ease-out;
}

.post-social-share__item, .post-social-share__item:hover {
    color: #FFFFFF;
    transition-duration: .1s;
}

.post-social-share__item--fb {
    background-color: #3b5998;
}

.post-social-share__item--fb:hover {
    background-color: #344e86;
}

.post-social-share__item--twitter {
    background-color: #55acee;
}

.post-social-share__item--twitter:hover {
    background-color: #3ea1ec;
}

.post-social-share__item--linkedin {
    background-color: #007bb5;
}

.post-social-share__item--linkedin:hover {
    background-color: #006a9c;
}

.post-social-share__item--email {
    background-color: #c2c2c2;
}

.post-social-share__item--email:hover {
    background-color: #b5b5b5;
}

.post-social-share__item + .post-social-share__item {
    margin-left: 2px;
}

.post-social-share__text {
    display: none;
}

.post-social-share__icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
}

@media (min-width: 1280px) {
    .post-social-share__text {
        display: inline;
    }

    .post-social-share__icon {
        margin-right: 10px;
    }
}

/**
 * Block: post-img-caption
 * Element: post-img-caption__element
 * Modifier: post-img-caption--modifier
 */
.post-img-caption {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    margin: 0;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.post-img-caption__caption {
    color: #a6a6a6;
    font-size: 0.75rem;
}

.post-img-caption img {
    height: auto;
    margin-bottom: 5px;
}

/**
 * Block: sign-up-banner
 * Element: sign-up-banner__element
 * Modifier: sign-up-banner--modifier
 */
.sign-up-banner {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #4e4e4e;
    text-align: center;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.sign-up-banner__title {
    margin-bottom: 0;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 2.375rem;
}

.sign-up-banner__tagline {
    margin: 0;
    color: #b9b9b9;
    font-size: 1.375rem;
}

.sign-up-banner .btn, .sign-up-banner .themed-form input[type="submit"], .themed-form .sign-up-banner input[type="submit"], .sign-up-banner .btn-add-item, .sign-up-banner .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .sign-up-banner .wp-social-login-provider {
    min-width: 175px;
    margin-left: 10px;
    margin-top: 15px;
}

@media (min-width: 768px) {
    .sign-up-banner {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left;
    }

    .sign-up-banner .btn, .sign-up-banner .themed-form input[type="submit"], .themed-form .sign-up-banner input[type="submit"], .sign-up-banner .btn-add-item, .sign-up-banner .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .sign-up-banner .wp-social-login-provider {
        margin-top: 0;
    }
}

/**
 * Block: sub-page-nav
 * Element: sub-page-nav__element
 * Modifier: sub-page-nav--modifier
 */
.sub-page-nav {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #e1e1e1;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.sub-page-nav li {
    margin-bottom: 0;
}

.sub-page-nav li:before {
    display: none;
    background-image: none;
}

.sub-page-nav__item {
    margin-bottom: 0;
}

.sub-page-nav__item:not(:last-child) {
    margin-bottom: 18px;
}

.sub-page-nav__item:not(:last-child) a {
    border-bottom: 1px solid #e1e1e1;
}

.sub-page-nav__item a {
    width: 100%;
    position: relative;
    padding-bottom: 15px;
    color: #a6a6a6;
    font-size: 0.6875rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    transition: .15s ease-out;
    position: relative;
}

.sub-page-nav__item a:after {
    content: '';
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -1px;
    height: 1px;
    background-color: #0d7cb2;
    opacity: 0;
    transition: left .15s ease-out, right .15s ease-out, opacity .1s linear .05s;
}

.sub-page-nav__item a:hover:after {
    opacity: 1;
    left: 0;
    right: 0;
    transition-duration: .15s, .15s, .1s;
    transition-delay: 0s;
}

.sub-page-nav__item.is-active a,
.sub-page-nav__item a:hover {
    color: #0d7cb2;
}

.sub-page-nav__item.is-active a:after,
.sub-page-nav__item a:hover:after {
    left: 0;
    right: 0;
    opacity: 1;
}

@media (min-width: 768px) {
    .sub-page-nav__item {
        margin: 0 30px;
        text-align: center;
    }

    .sub-page-nav__item a {
        padding-bottom: 20px;
        font-size: 0.875rem;
    }

    .sub-page-nav__item:not(:last-child) {
        margin-bottom: 0;
    }

    .sub-page-nav__item:not(:last-child) a {
        border-bottom: 0;
    }
}

@media (min-width: 768px) {
    .sub-page-nav {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/**
 * Block: main-nav
 * Element: main-nav__element
 * Modifier: main-nav--modifier
 */
.main-nav {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.main-nav li {
    margin-bottom: 0;
}

.main-nav li:before {
    display: none;
    background-image: none;
}

.main-nav__item {
    float: left;
    font-size: 0.875rem;
    background-color: #fff;
}

.main-nav__item:not(:last-child) {
    margin-right: 30px;
}

.main-nav__item a {
    display: block;
    width: 100%;
    line-height: 80px;
    color: #757474;
    text-decoration: none;
    transition: .15s ease-out;
}

@media (min-width: 980px) {
    .main-nav__item a {
        position: relative;
    }

    .main-nav__item a:after {
        content: '';
        position: absolute;
        left: 50%;
        right: 50%;
        bottom: 15px;
        height: 3px;
        background-color: #66b10f;
        opacity: 0;
        transition: left .15s ease-out, right .15s ease-out, opacity .1s linear .05s;
    }

    .main-nav__item a:hover:after {
        opacity: 1;
        left: 0;
        right: 0;
        transition-duration: .15s, .15s, .1s;
        transition-delay: 0s;
    }
}

.main-nav__item a:hover,
.main-nav__item.current-menu-item a,
.main-nav__item.current-page-ancestor a {
    color: #66b10f;
}

@media (max-width: 979px) {
    .main-nav__item {
        box-sizing: border-box;
        font-size: 1.125rem;
        width: 100%;
        clear: both;
        padding: 0 15px;
    }

    .main-nav__item:not(:last-child) {
        border-bottom: 1px solid #dbdbdb;
    }

    .main-nav__item a {
        line-height: 70px;
    }
}

@media (min-width: 1400px) {
    .main-nav__item:not(:last-child) {
        margin-right: 45px;
    }
}

.main-nav__item--bottom-bordered {
    border-bottom: 1px solid #dbdbdb;
}

/**
 * Block: site-header
 * Element: site-header__element
 * Modifier: site-header--modifier
 */
.site-header {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 15px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    z-index: 90;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

@media (min-width: 980px) {
    .site-header {
        height: 80px;
    }
}

@media (min-width: 1400px) {
    .site-header {
        padding: 0 25px;
    }
}

.site-header--simple {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: transparent;
    height: auto;
    border-bottom: 0;
    padding-top: 20px;
}

.site-header--simple .site-header__user-menu-link {
    color: white;
}

.site-header__logo {
    display: block;
    width: 180px;
    margin-right: 30px;
}

.site-header__logo img {
    vertical-align: bottom;
    transition: opacity .1s ease-out;
}

.site-header__logo:hover img {
    opacity: 0.5;
}

@media (max-width: 979px) {
    .site-header__logo--desktop {
        display: none;
    }
}

@media (min-width: 1400px) {
    .site-header__logo {
        width: 220px;
        margin-right: 40px;
    }
}

.site-header__mobile-menu {
    float: left;
    display: none;
}

@media (max-width: 979px) {
    .site-header__mobile-menu {
        display: block;
    }
}

.site-header__mobile-menu__logo {
    width: 122px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
}

.site-header__mobile-menu__logo img {
    width: 100%;
}

.site-header__mobile-menu__nav-trigger {
    width: 24px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
}

.site-header__mobile-menu__nav-trigger img {
    width: 100%;
}

.site-header__user-menu-link {
    font-size: 0.875rem;
    color: #757474;
    text-decoration: none;
    margin-right: 12px;
}

@media (max-width: 979px) {
    .site-header__user-menu-link {
        font-size: 0.6875rem;
    }

    .site-header__user-menu .btn, .site-header__user-menu .themed-form input[type="submit"], .themed-form .site-header__user-menu input[type="submit"], .site-header__user-menu .btn-add-item, .site-header__user-menu .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .site-header__user-menu .wp-social-login-provider {
        padding: 6px 17px;
    }
}

@media (min-width: 980px) {
    .site-header__user-menu--stick-right {
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.site-header .menu-footer-menu-container {
    display: none;
}

@media (max-width: 979px) {
    .site-header .menu-footer-menu-container {
        display: block;
    }
}

@media (max-width: 979px) {
    .site-header__menu-wrap {
        position: absolute;
        top: 51px;
        left: -100%;
        width: 100%;
        height: 100vh;
        background-color: #f4f4f4;
        transition: left 0.25s;
        overflow-y: auto;
    }

    .site-header__menu-wrap--active {
        left: 0;
    }

    .site-header__menu-wrap .menu-main-nav-container {
        overflow: hidden;
        background-color: white;
    }

    .site-header__menu-wrap .menu-footer-menu-container {
        clear: both;
        padding: 40px 15px;
    }

    .site-header__menu-wrap .menu-footer-menu-container li {
        margin-bottom: 14px;
    }

    .site-header__menu-wrap .menu-footer-menu-container li a {
        font-size: 0.8125rem;
        text-decoration: none;
        color: #919191;
    }

    .site-header__menu-wrap .menu-footer-menu-container li:before {
        display: none;
    }
}

/**
 * Block: footer
 * Element: footer__element
 * Modifier: footer--modifier
 */
.footer {
    background-color: #404040;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width: 980px) {
    .footer__menu:after {
        clear: both;
        content: "";
        display: table;
    }

    .footer__menu .footer__copyright {
        width: 50%;
        float: left;
    }

    .footer__menu .menu-footer-menu-container {
        width: 50%;
        float: right;
    }
}

.footer__logo {
    margin-bottom: 15px;
}

.footer__logo-image {
    display: block;
    width: 200px;
}

@media (max-width: 979px) {
    .footer__logo-image {
        width: 250px;
        margin: 0 auto;
    }
}

.footer__copyright {
    color: #969696;
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    margin: 0;
}

@media (min-width: 980px) {
    .footer__copyright {
        font-size: 0.875rem;
        text-align: left;
    }
}

.footer .menu-footer-menu-container {
    text-align: center;
    margin: 0 0 15px;
}

.footer .menu-footer-menu-container ul {
    margin: 0;
    line-height: 1;
}

.footer .menu-footer-menu-container li {
    display: inline-block;
    margin: 0 10px;
}

.footer .menu-footer-menu-container li:before {
    display: none;
}

.footer .menu-footer-menu-container li a {
    color: #bebebe;
    font-size: 0.875rem;
    line-height: 1;
    text-decoration: none;
}

@media (min-width: 980px) {
    .footer .menu-footer-menu-container {
        text-align: right;
        margin: 0;
    }

    .footer .menu-footer-menu-container li {
        margin: 0 0 0 20px;
    }
}

/**
 * Block: page-hero
 * Element: page-hero__element
 * Modifier: page-hero--modifier
 */
.page-hero {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    position: relative;
    overflow: hidden;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.page-hero__img {
    vertical-align: bottom;
}

.page-hero__content {
    position: relative;
    z-index: 20;
    background-color: #ffffff;
    text-align: center;
    padding: 40px 10px;
}

.page-hero__title {
    margin-bottom: 10px;
    color: #126f9a;
    font-size: 2.5rem;
    line-height: 1.2;
}

.page-hero__copy {
    margin-top: 0;
    color: initial;
    font-size: 1.3125rem;
    line-height: 1.5;
}

.page-hero .btn--outline {
    color: #c2c2c2;
    margin-top: 10px;
}

.page-hero .btn + .btn, .page-hero .themed-form input[type="submit"] + .btn, .themed-form .page-hero input[type="submit"] + .btn, .page-hero .btn-add-item + .btn, .page-hero .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider + .btn, .wp-social-login-widget .wp-social-login-provider-list .page-hero .wp-social-login-provider + .btn, .page-hero .themed-form .btn + input[type="submit"], .themed-form .page-hero .btn + input[type="submit"], .page-hero .themed-form input[type="submit"] + input[type="submit"], .themed-form .page-hero input[type="submit"] + input[type="submit"], .page-hero .themed-form .btn-add-item + input[type="submit"], .themed-form .page-hero .btn-add-item + input[type="submit"], .page-hero .wp-social-login-widget .wp-social-login-provider-list .themed-form .wp-social-login-provider + input[type="submit"], .themed-form .page-hero .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider + input[type="submit"], .wp-social-login-widget .wp-social-login-provider-list .page-hero .themed-form .wp-social-login-provider + input[type="submit"], .themed-form .wp-social-login-widget .wp-social-login-provider-list .page-hero .wp-social-login-provider + input[type="submit"], .page-hero .btn + .btn-add-item, .page-hero .themed-form input[type="submit"] + .btn-add-item, .themed-form .page-hero input[type="submit"] + .btn-add-item, .page-hero .btn-add-item + .btn-add-item, .page-hero .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider + .btn-add-item, .wp-social-login-widget .wp-social-login-provider-list .page-hero .wp-social-login-provider + .btn-add-item, .page-hero .wp-social-login-widget .wp-social-login-provider-list .btn + .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .page-hero .btn + .wp-social-login-provider, .page-hero .themed-form .wp-social-login-widget .wp-social-login-provider-list input[type="submit"] + .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .page-hero .themed-form input[type="submit"] + .wp-social-login-provider, .themed-form .page-hero .wp-social-login-widget .wp-social-login-provider-list input[type="submit"] + .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .themed-form .page-hero input[type="submit"] + .wp-social-login-provider, .page-hero .wp-social-login-widget .wp-social-login-provider-list .btn-add-item + .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .page-hero .btn-add-item + .wp-social-login-provider, .page-hero .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider + .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .page-hero .wp-social-login-provider + .wp-social-login-provider {
    margin-left: 0;
}

@media (min-width: 768px) {
    .page-hero {
        height: 620px;
    }

    .page-hero:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
        background-color: rgba(0, 0, 0, 0.45);
    }

    .page-hero__img {
        position: relative;
        z-index: 10;
        width: auto;
        max-width: none;
    }

    .page-hero__content {
        position: absolute;
        left: 100px;
        bottom: 50px;
        width: 50%;
        background-color: transparent;
        text-align: left;
    }

    .page-hero__title {
        color: #ffffff;
        font-size: 3.625rem;
    }

    .page-hero__copy {
        color: #ffffff;
        font-size: 1.75rem;
    }

    .page-hero .btn--outline {
        color: #ffffff;
        margin-top: 0;
    }

    .page-hero .btn:first-of-type, .page-hero .themed-form input[type="submit"]:first-of-type, .themed-form .page-hero input[type="submit"]:first-of-type, .page-hero .btn-add-item:first-of-type, .page-hero .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider:first-of-type, .wp-social-login-widget .wp-social-login-provider-list .page-hero .wp-social-login-provider:first-of-type {
        margin-left: 0;
    }

    .page-hero .btn + .btn, .page-hero .themed-form input[type="submit"] + .btn, .themed-form .page-hero input[type="submit"] + .btn, .page-hero .btn-add-item + .btn, .page-hero .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider + .btn, .wp-social-login-widget .wp-social-login-provider-list .page-hero .wp-social-login-provider + .btn, .page-hero .themed-form .btn + input[type="submit"], .themed-form .page-hero .btn + input[type="submit"], .page-hero .themed-form input[type="submit"] + input[type="submit"], .themed-form .page-hero input[type="submit"] + input[type="submit"], .page-hero .themed-form .btn-add-item + input[type="submit"], .themed-form .page-hero .btn-add-item + input[type="submit"], .page-hero .wp-social-login-widget .wp-social-login-provider-list .themed-form .wp-social-login-provider + input[type="submit"], .themed-form .page-hero .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider + input[type="submit"], .wp-social-login-widget .wp-social-login-provider-list .page-hero .themed-form .wp-social-login-provider + input[type="submit"], .themed-form .wp-social-login-widget .wp-social-login-provider-list .page-hero .wp-social-login-provider + input[type="submit"], .page-hero .btn + .btn-add-item, .page-hero .themed-form input[type="submit"] + .btn-add-item, .themed-form .page-hero input[type="submit"] + .btn-add-item, .page-hero .btn-add-item + .btn-add-item, .page-hero .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider + .btn-add-item, .wp-social-login-widget .wp-social-login-provider-list .page-hero .wp-social-login-provider + .btn-add-item, .page-hero .wp-social-login-widget .wp-social-login-provider-list .btn + .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .page-hero .btn + .wp-social-login-provider, .page-hero .themed-form .wp-social-login-widget .wp-social-login-provider-list input[type="submit"] + .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .page-hero .themed-form input[type="submit"] + .wp-social-login-provider, .themed-form .page-hero .wp-social-login-widget .wp-social-login-provider-list input[type="submit"] + .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .themed-form .page-hero input[type="submit"] + .wp-social-login-provider, .page-hero .wp-social-login-widget .wp-social-login-provider-list .btn-add-item + .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .page-hero .btn-add-item + .wp-social-login-provider, .page-hero .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider + .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .page-hero .wp-social-login-provider + .wp-social-login-provider {
        margin-left: 12px;
    }
}

/**
 * Block: instruction-steps
 * Element: instruction-steps__element
 * Modifier: instruction-steps--modifier
 */
.instruction-steps {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    padding: 0;
    margin: 0;
    list-style: none;
    counter-reset: section;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.instruction-steps li {
    margin-bottom: 0;
}

.instruction-steps li:before {
    display: none;
    background-image: none;
}

.instruction-steps--muted .instruction-steps__step:before {
    background-color: #bbbbbb;
}

.instruction-steps__step {
    position: relative;
    margin-bottom: 30px !important;
    font-size: 1.125rem;
    text-align: center;
}

.instruction-steps__step:before {
    counter-increment: section;
    content: counter(section);
    display: inline-block !important;
    width: 30px;
    height: 30px;
    margin-bottom: 15px;
    color: #ffffff;
    background-color: #66b10f;
    border-radius: 50%;
    font-size: 0.875rem;
    line-height: 30px;
    text-align: center;
}

.instruction-steps__step p {
    margin-top: 0;
    margin-bottom: 4px;
    line-height: 1.6;
}

.instruction-steps__step a {
    color: #f66f21;
    font-size: 1rem;
    text-decoration: none;
}

.instruction-steps__step a:after {
    content: '>';
    margin-left: 5px;
}

@media (min-width: 768px) {
    .instruction-steps__step {
        padding-left: 45px;
        text-align: left;
    }

    .instruction-steps__step:before {
        position: absolute;
        top: 0;
        left: 0;
        margin-bottom: 0;
    }
}

/**
 * Block: featured-press-logos
 * Element: featured-press-logos__element
 * Modifier: featured-press-logos--modifier
 */
.featured-press-logos {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -50px;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.featured-press-logos__item {
    display: inline-block;
    margin-bottom: 50px;
    margin-left: 25px;
    margin-right: 25px;
    -webkit-filter: grayscale(100%) opacity(0.6);
    filter: grayscale(100%) opacity(0.6);
    transition: .15s ease-out;
}

.featured-press-logos__item:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.featured-press-logos__item img {
    max-height: 30px;
}

/**
 * Block: vid-quote
 * Element: vid-quote__element
 * Modifier: vid-quote--modifier
 */
.vid-quote {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.vid-quote__vid-container, .vid-quote__quote-container {
    box-sizing: border-box;
}

.vid-quote__vid-wrap .wp-video {
    position: relative;
    width: 100% !important;
    height: 0;
    padding-top: 78.5714285714%;
}

.vid-quote__vid-wrap .wp-video .mejs-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.vid-quote__vid-wrap .wp-video .mejs-time-current {
    background-color: #66b10f !important;
}

.vid-quote__vid-wrap .wp-video .mejs-poster:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.vid-quote__vid-img {
    width: 100%;
    vertical-align: bottom;
}

.vid-quote__quote-container {
    position: relative;
    background-color: #66b10f;
}

.vid-quote__quote {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    margin-top: 0;
    color: #ffffff;
    font-size: 1.3125rem;
    line-height: 1.4;
    text-align: center;
}

.vid-quote__quote-wrap {
    box-sizing: border-box;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 8.5714285714%;
    padding-right: 8.5714285714%;
}

.vid-quote__credit {
    color: #bce987;
    font-size: 0.6875rem;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
}

.vid-quote__thumb-nav {
    width: 100%;
}

button.slick-prev.slick-arrow {
    display: none!important;
}

button.slick-next.slick-arrow {
    display: none!important;
}

@media (min-width: 980px) {
    .vid-quote__thumb-nav {
        display: block;
    }
    button.slick-prev.slick-arrow {
        display: inline-block!important;
    }

    button.slick-next.slick-arrow {
        display: inline-block!important;
    }
}

.vid-quote__thumb-nav-item {
    width: 22.4137931034%;
    padding-right: 10px;
    padding-left: 5px;
    box-sizing: border-box;
    transition: -webkit-filter .15s ease-out;
    transition: filter .15s ease-out;
    transition: filter .15s ease-out, -webkit-filter .15s ease-out;
}

.vid-quote__thumb-nav-item:first-child {
    padding-left: 0;
}

.vid-quote__thumb-nav-item:last-child {
    padding-right: 0;
}

.vid-quote__thumb-nav-item:not(.slick-current) {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.vid-quote__thumb-nav-item:focus {
    outline: 0;
}

.vid-quote__thumb-nav-item:hover {
    cursor: pointer;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.vid-quote__dots-nav {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 20px;
    text-align: center;
}

.vid-quote__dots-nav li {
    margin-bottom: 0;
}

.vid-quote__dots-nav li:before {
    display: none;
    background-image: none;
}

.vid-quote__dots-nav li {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #95d34b;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
}

.vid-quote__dots-nav li.slick-active {
    background-color: #d2ff9d;
}

.vid-quote__dots-nav li:not(:last-child) {
    margin-right: 12px;
}

.vid-quote__dots-nav li button:focus {
    outline: 0;
}

@media (min-width: 980px) {
    .vid-quote {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        max-height: 550px;
    }

    .vid-quote__vid-container, .vid-quote__quote-container {
        width: 50%;
    }

    .vid-quote__quote {
        font-size: 1.625rem;
        text-align: left;
    }

    .vid-quote__quote-wrap {
        position: absolute;
        top: 50%;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .vid-quote__credit {
        font-size: 0.9375rem;
    }

    .vid-quote__thumb-nav {
        position: absolute;
        left: 0;
        bottom: 30px;
        width: 100%;
        padding: 0 60px;
        box-sizing: border-box;
    }
}

@media (min-width: 1280px) {
    .vid-quote__quote {
        font-size: 2rem;
    }
}

/**
 * Block: mc-course
 * Element: mc-course__element
 * Modifier: mc-course--modifier
 */
.mc-course.is-active .mc-course__header {
    padding-bottom: 30px;
}

.mc-course__header-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
    margin: -15px -20px;
}

.mc-course__header-row:hover {
    cursor: pointer;
    background-color: #e6f7ff;
}

.mc-course__header-row:after {
    content: '';
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: block;
    width: 22px;
    height: 12px;
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='13' viewBox='0 0 23 13' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ECombined Shape%3C/title%3E%3Cdefs%3E%3Cpath d='M4-6h2V9H4V-6zM6 7h13v2H6V7z' id='a'/%3E%3Cmask id='b' x='0' y='0' width='15' height='15' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3C/defs%3E%3Cuse stroke='%23979797' mask='url(%23b)' stroke-width='2' fill='%23D8D8D8' transform='rotate(-45 11.5 1.5)' xlink:href='%23a' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat right center;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.is-active .mc-course__header-row:after {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);
}

@media (min-width: 768px) {
    .mc-course__header-row {
        padding: 25px 30px;
        margin: -25px -30px;
    }
}

.mc-course__header-row-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

@media (min-width: 768px) {
    .mc-course__header-row-content {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.mc-course__header-col {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.mc-course__header-col:first-of-type {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .mc-course__header-col:first-of-type {
        margin-bottom: 0;
        width: 45%;
    }
}

.mc-course__stat-container {
    float: left;
}

.mc-course__stat-container:not(:last-of-type) {
    margin-right: 25px;
}

@media (min-width: 768px) {
    .mc-course__stat-container:not(:last-of-type) {
        margin-right: 60px;
    }
}

.mc-course__stat {
    margin: 0;
    font-size: 0.75rem;
}

.mc-course__stat--highlighted {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #66b10f;
}

@media (min-width: 768px) {
    .mc-course__stat {
        font-size: 1rem;
    }
}

.mc-course__goto-course-btn {
    margin-top: 25px;
}

@media (max-width: 767px) {
    .mc-course__goto-course-btn {
        width: 100%;
    }
}

.mc-course__remove-course-btn {
    margin-left: 10px;
}

.mc-course__title {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    margin-bottom: 0;
    color: #126f9a;
    font-size: 1.375rem;
}

.mc-course__accreditation {
    color: #a6a6a6;
}

.mc-course__complete-star:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
}

.mc-course__sessions {
    display: none;
}

.is-active .mc-course__sessions {
    display: block;
    border-top: 1px solid #e1e1e1;
}

.mc-course__session {
    position: relative;
    margin-left: 30px;
}

.mc-course__session:not(:last-of-type) {
    border-bottom: 2px solid #e1e1e1;
}

.mc-course__session:before {
    content: '';
    position: absolute;
    top: 27px;
    left: -30px;
    display: block;
    width: 15px;
    height: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    border: 3px solid #e1e1e1;
    box-sizing: border-box;
    background-color: #ffffff;
    transition: 0.2s ease-out 0.2s;
}

.mc-course__session:after {
    content: '';
    position: absolute;
    display: block;
    width: 3px;
    top: 32px;
    bottom: -32px;
    left: -24px;
    background-color: #e1e1e1;
    transition: 0.2s ease-out 0.2s;
}

.mc-course__session:last-of-type:after {
    display: none;
}

.mc-course__session.is-complete:before, .mc-course__session.is-complete:after {
    background-color: #66b10f;
}

.mc-course__session.is-complete:before {
    border-color: #66b10f;
}

.mc-course__session-title {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
    font-size: 0.875rem;
}

.mc-course__session-title:not(.mc-course__session-title--no-hover):hover {
    color: #66b10f;
    cursor: pointer;
}

.mc-course__session-title:after {
    content: '';
    display: inline-block;
    margin-left: 8px;
    opacity: 0;
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    transition: 0.25s cubic-bezier(0.33, 0.39, 0.26, 1.68) 0.3s;
}

.is-complete .mc-course__session-title:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

@media (min-width: 768px) {
    .mc-course__session-title {
        font-size: 1rem;
    }
}

.mc-course__session-content {
    position: relative;
    margin-top: 10px;
}

.is-saving .mc-course__session-content {
    opacity: .4;
    pointer-events: none;
}

.is-saving .mc-course__session-content:before {
    content: 'Saving...';
    display: block;
    padding: 12px 15px;
    margin-bottom: 10px;
    background-color: #74c911;
    color: #ffffff;
    font-size: 1rem;
    text-align: center;
}

.mc-course__session:not(:last-of-type) .mc-course__session-content {
    margin-bottom: 30px;
}

.mc-course__session-form textarea {
    width: 100%;
    height: 200px;
    padding: 18px 20px;
    border: 2px solid #c0c0c0;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.mc-course__session-form footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mc-course__session-form footer .btn, .mc-course__session-form footer .themed-form input[type="submit"], .themed-form .mc-course__session-form footer input[type="submit"], .mc-course__session-form footer .btn-add-item, .mc-course__session-form footer .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .mc-course__session-form footer .wp-social-login-provider {
    width: 100%;
}

@media (min-width: 768px) {
    .mc-course__session-form footer {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .mc-course__session-form footer .btn, .mc-course__session-form footer .themed-form input[type="submit"], .themed-form .mc-course__session-form footer input[type="submit"], .mc-course__session-form footer .btn-add-item, .mc-course__session-form footer .wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider, .wp-social-login-widget .wp-social-login-provider-list .mc-course__session-form footer .wp-social-login-provider {
        width: auto;
    }
}

.mc-course__session-form .toggle-switch, .mc-course__session-form .toggle-switch + label {
    vertical-align: middle;
}

.mc-course__session-form .toggle-switch + label {
    margin-left: 15px;
}

.mc-course__session-no-notes-ph {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    padding: 17px 25px;
    border: 1px dashed #c0c0c0;
    margin-bottom: 25px;
    color: #959595;
    font-size: 0.875rem;
}

.mc-course__session-notes {
    margin-bottom: 25px;
    font-size: 0.875rem;
}

.mc-course__session-notes h1, .mc-course__session-notes h2, .mc-course__session-notes h3, .mc-course__session-notes h4, .mc-course__session-notes h5, .mc-course__session-notes h6 {
    margin-bottom: 10px;
    font-size: inherit;
}

.mc-course__session-notes p {
    margin-top: 0;
    margin-bottom: 15px;
}

.mc-course__session-notes a, .mc-course__session-notes a:hover {
    color: #126f9a;
}

.mc-course__session-label {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    margin: 0;
    font-size: 0.8125rem;
}

.mc-course__session-label--is-complete {
    color: #66b10f;
}

@media (min-width: 768px) {
    .mc-course__session-label {
        font-size: 0.875rem;
    }
}

.mc-course__session-readonly footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 768px) {
    .mc-course__session-readonly footer {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.mc-course__resource-link {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    margin-right: 15px;
    font-size: 0.75rem;
    text-decoration: underline;
}

.mc-course__resource-link, .mc-course__resource-link:hover {
    color: #126f9a;
}

.mc-course__register-exam-form {
    border-top: 1px solid #e1e1e1;
    padding-top: 25px;
}

.mc-section-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 768px) {
    .mc-section-header {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .mc-section-header .ui-hd {
        margin-bottom: 0;
    }
}

/**
 * Block: toggle-switch
 * Element: toggle-switch__element
 * Modifier: toggle-switch--modifier
 */
.toggle-switch {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 30px;
    cursor: pointer;
    overflow: hidden;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.toggle-switch__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.toggle-switch__label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 0.6875rem;
    text-transform: uppercase;
    border: 2px solid #e1e1e1;
    background-color: white;
    border-radius: 20px;
    box-sizing: border-box;
    transition: 0.2s ease-out;
    transition-property: opacity, background;
}

.toggle-switch__label:before, .toggle-switch__label:after {
    position: absolute;
    top: 50%;
    margin-top: -.45em;
    line-height: 1;
    transition: inherit;
}

.toggle-switch__label:before {
    content: attr(data-off);
    right: 8px;
    color: #7a7a7a;
}

.toggle-switch__label:after {
    content: attr(data-on);
    left: 8px;
    color: #7a7a7a;
    opacity: 0;
}

.toggle-switch__input:checked ~ .toggle-switch__label {
    border-color: #66b10f;
    background: #a7db6a;
}

.toggle-switch__input:checked ~ .toggle-switch__label:before {
    opacity: 0;
}

.toggle-switch__input:checked ~ .toggle-switch__label:after {
    color: #ffffff;
    opacity: 1;
}

.toggle-switch__handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 22px;
    height: 22px;
    background: #7a7a7a;
    border-radius: 50%;
    transition: left 0.2s ease-out;
}

.toggle-switch__input:checked ~ .toggle-switch__handle {
    left: calc(100% - 26px);
    background-color: #ffffff;
}

@media (min-width: 768px) {
    .toggle-switch {
        width: 80px;
        height: 40px;
    }

    .toggle-switch__label {
        font-size: 0.8125rem;
    }

    .toggle-switch__label:before {
        right: 14px;
    }

    .toggle-switch__label:after {
        left: 14px;
    }

    .toggle-switch__handle {
        top: 6px;
        left: 6px;
        width: 28px;
        height: 28px;
    }

    .toggle-switch__input:checked ~ .toggle-switch__handle {
        left: calc(100% - 34px);
    }
}

/**
 * Block: divided-panel
 * Element: divided-panel__element
 * Modifier: divided-panel--modifier
 */
.divided-panel {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    border-top: 5px solid #126f9a;
    border-bottom: 2px solid #126f9a;
    background-color: #ffffff;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.divided-panel__row {
    padding: 15px 20px;
}

.divided-panel__row:not(:last-of-type) {
    border-bottom: 1px solid #e1e1e1;
}

.divided-panel__col-hd {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 0.625rem;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.divided-panel__col-hd--light {
    color: #a6a6a6;
}

@media (min-width: 768px) {
    .divided-panel__col-hd {
        font-size: 0.75rem;
    }
}

.divided-panel__col-text-lg {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    margin: 0;
    font-size: 1.0625rem;
}

.divided-panel__col-text-lg--alt-color {
    color: #126f9a;
}

@media (min-width: 768px) {
    .divided-panel__col-text-lg {
        font-size: 1.375rem;
    }
}

@media (min-width: 768px) {
    .divided-panel__row {
        padding: 25px 30px;
    }
}

/**
 * Block: mc-profile-hero
 * Element: mc-profile-hero__element
 * Modifier: mc-profile-hero--modifier
 */
.mc-profile-hero {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    max-width: 600px;
    margin: 0 auto;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.mc-profile-hero__avatar {
    width: 75px;
    height: 75px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

@media (min-width: 768px) {
    .mc-profile-hero__avatar {
        width: 96px;
        height: 96px;
        margin-bottom: 20px;
    }
}

.mc-profile-hero .large-hd {
    margin-bottom: 5px;
}

.mc-profile-hero__location {
    color: #a6a6a6;
    font-size: 0.6875rem;
    letter-spacing: 2px;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .mc-profile-hero__location {
        font-size: 0.875rem;
    }
}

.mc-profile-hero__bio {
    margin-bottom: 10px;
}

.mc-profile-hero__intro {
    margin-top: 0;
    margin-bottom: 20px;
    color: #454545;
    font-size: 1.375rem;
}

/**
 * Block: alert-bar
 * Element: alert-bar__element
 * Modifier: alert-bar--modifier
 */
.alert-bar {
    display: block;
    padding: 12px 15px;
    margin-bottom: 10px;
    background-color: #74c911;
    color: #ffffff;
    font-size: 1rem;
    text-align: center;
    opacity: 1;
    height: auto;
}

.alert-bar--dismiss-fade {
    -webkit-animation: dismiss-fade .2s ease-out 4s;
    animation: dismiss-fade .2s ease-out 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.alert-bar--error {
    background-color: #ff050c;
}

@-webkit-keyframes dismiss-fade {
    99% {
        opacity: 0;
    }
    100% {
        height: 0;
        opacity: 0;
        padding: 0;
        margin: 0;
        display: none;
    }
}

@keyframes dismiss-fade {
    99% {
        opacity: 0;
    }
    100% {
        height: 0;
        opacity: 0;
        padding: 0;
        margin: 0;
        display: none;
    }
}

/**
 * Block: profile-edit
 * Element: profile-edit__element
 * Modifier: profile-edit--modifier
 */
.profile-edit {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.profile-edit__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.profile-edit__label {
    width: 140px;
    margin-bottom: 10px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.profile-edit__form-field {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    outline: 0;
}

.profile-edit__form-field:focus {
    box-shadow: 0 0 0 1px #d4d4d4 inset;
}

@media (min-width: 768px) {
    .profile-edit__row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }

    .profile-edit__label {
        margin-top: 10px;
    }
}

/**
 * Block: sign-up-msg
 * Element: sign-up-msg__element
 * Modifier: sign-up-msg--modifier
 */
.sign-up-msg {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    background-color: #126f9a;
    text-align: center;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.sign-up-msg p {
    margin-top: 0;
    margin-bottom: 20px;
    color: #bceaff;
    font-size: 1.375rem;
}

.progress-message {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}

.progress-message__interior {
    background-color: white;
    width: 100%;
    max-width: 500px;
    min-height: 180px;
    padding-bottom: 85px;
    position: absolute;
    box-sizing: border-box;
    -webkit-transform-origin: 50% 25%;
    -ms-transform-origin: 50% 25%;
    transform-origin: 50% 25%;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 4px;
    box-shadow: 0 0 4px #333;
}

.progress-message__text {
    font-size: 1.125rem;
}

.progress-message__wrap {
    width: 100%;
    padding: 30px 20px 0 20px;
    text-align: center;
    box-sizing: border-box;
}

.progress-message__btn {
    width: 103px;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.progress-message.prog-msg-transition {
    transition: opacity 0.25s;
}

.progress-message.prog-msg-transition .progress-message__interior {
    -webkit-transform: scale(1) translateY(-50%);
    -ms-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
    opacity: 1;
    transition: all 0.25s cubic-bezier(0.33, 0.39, 0.26, 1.68) 0.2s;
}

.progress-message.prog-msg-enter, .progress-message.prog-msg-leave {
    opacity: 0;
}

.progress-message.prog-msg-enter .progress-message__interior, .progress-message.prog-msg-leave .progress-message__interior {
    -webkit-transform: scale(0.8) translateY(-50%);
    -ms-transform: scale(0.8) translateY(-50%);
    transform: scale(0.8) translateY(-50%);
    opacity: 0;
}

/**
 * Block: nav-dropdown
 * Element: nav-dropdown__element
 * Modifier: nav-dropdown--modifier
 */
.nav-dropdown {
    /*-------------------------------------------- */
    /** Variables */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Styles */
    /*-------------------------------------------- */
    position: relative;
    /*-------------------------------------------- */
    /** Modifiers */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Elements */
    /*-------------------------------------------- */
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.nav-dropdown__item:hover .nav-dropdown__sub-menu {
    top: 80%;
    opacity: 1;
    transition-delay: 0s;
}

.nav-dropdown__link {
    color: #66b10f;
    display: inline-block;
    margin: 0;
    font-size: 0.875rem;
    line-height: 80px;
    cursor: pointer;
}

.nav-dropdown__link:after {
    content: '';
    display: inline-block;
    margin-left: 8px;
}

.nav-dropdown__link:hover {
    color: #66b10f;
}

.nav-dropdown__sub-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #404040;
    transition: opacity .15s ease-out, top 0s linear .18s;
}

.nav-dropdown__sub-menu li {
    margin-bottom: 0;
}

.nav-dropdown__sub-menu li:before {
    display: none;
    background-image: none;
}

.nav-dropdown__sub-menu-item a {
    display: block;
    width: 100%;
    padding: 12px 14px;
    color: #ffffff;
    text-decoration: none;
}

.nav-dropdown__sub-menu-item a:hover {
    color: #66b10f;
}

@media (min-width: 980px) {
    .nav-dropdown__sub-menu {
        position: absolute;
        top: -400%;
        right: 0;
        width: 100vw;
        opacity: 0;
        max-width: 200px;
    }
}

.wp-social-login-widget {
    /*-------------------------------------------- */
    /** Media Queries */
    /*-------------------------------------------- */
}

.wp-social-login-widget .wp-social-login-connect-with {
    display: none;
}

.wp-social-login-widget .wp-social-login-provider-list {
    position: relative;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #e1e1e1;
    margin: 0 0 40px 0;
}

.wp-social-login-widget .wp-social-login-provider-list:after {
    content: 'OR';
    display: block;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 20px);
    width: 40px;
    margin: 0 auto;
    color: #a6a6a6;
    background-color: #fff;
    font-size: 0.875rem;
    text-align: center;
}

.wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider {
    margin-bottom: 15px;
}

.wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider-facebook {
    background-color: #3b5998;
}

.wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider-facebook:hover {
    background-color: #4264aa;
}

.wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider-google {
    background-color: #d34836;
}

.wp-social-login-widget .wp-social-login-provider-list .wp-social-login-provider-google:hover {
    background-color: #d85b4b;
}

/*-------------------------------------------- */
/** Pages */
/*-------------------------------------------- */
/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * PAGES
 *
 * Import all page specific SASS files below. This file is imported by main.scss.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
.page-template--user-login .login-form {
    width: 100%;
    margin: 50px auto 50px auto;
}

@media (min-height: 900px) {
    .page-template--user-login .login-form--v-center {
        position: absolute;
        top: 40%;
        left: 0;
        right: 0;
        margin: 0 auto;
        -webkit-transform: translateY(-40%);
        -ms-transform: translateY(-40%);
        transform: translateY(-40%);
    }
}

.page-template--user-login .login-form .large-hd {
    text-align: center;
    margin-bottom: 15px;
}

.page-template--user-login .login-form__interior {
    border-top: 5px solid #126f9a;
    border-bottom: 2px solid #126f9a;
    padding: 40px;
    background-color: white;
    box-sizing: border-box;
    max-width: 430px;
    margin: 0 auto;
}

.page-template--user-login .login-form__interior--large {
    max-width: 900px;
    padding: 0;
}

.page-template--user-login .login-form__user-link:not(:last-child) {
    margin-bottom: 15px;
}

.page-template--user-login .login-form .alert-bar {
    margin: -40px -40px 30px -40px;
}

@media (min-width: 768px) {
    .page-template--user-login .login-form {
        margin: 100px auto 100px auto;
    }
}

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

/*page template with grey sidebar*/

.container {
    background-color: #404040;
}

.green-head {
    text-align: center;
    background-color: #6ebf10;
}

.green-head > h2 {
    color: white;
    margin: 0;
    padding: 0.5em 0 0 0;
}

.green-head > h6 {
    margin: 0;
    color: white;
    padding: 0 0 1em 0;
}

.main-content {
    background-color: white;
    color: black;
}

.main-content-inner {
    padding: 2%;
}

.section--sidebar {
    background-color: #404040;
}

.sidebar-text {
    padding: 0 1%;
}

.sidebar-head {
    font-size: 2em;
    text-align: center;
    padding: 0.5em 0;
}

.sidebar-block {
    background-color: white;
    color: black;
    text-align: center;
    border: 2px solid black;
    border-radius: 10px;
    height: 160px;
    width: 95%;
    display: flex;
    margin: auto;
}

.sidebar-block > div {
    width: 100%;
    margin: auto 0;
    word-wrap: break-word;
}

.sidebar-arrow {
    background-size: 50%;
    background: url("/wp-content/themes/modern-states/assets/img/arrow.png") no-repeat center;
    width: 110px;
    height: 100px;
    margin: 5% auto;
}

.logo > img {
    margin: 2% 0 0 10%;
}

.sidebar-text > p {
    line-height: 1.2;
}

.sidebar-text > p > a {
    color: white;
    text-decoration: underline;
}

.courses-section {
    background-color: white;
}

.right-sidebar-head {
    text-align: center;
    font-size: 1.2em;
    padding: 1em 0;
}

.courses-list {
    text-align: right;
    font-size: 0.9em;
    margin-bottom: 3em;
    padding: 0 1em;
}

.courses-header {
    font-weight: 600;
    border-bottom: 0.1em solid #6ebf10;
    text-align: left;
}

.courses-list > p > a {
    margin: 1em 0;
    line-height: 1.5em;
    display: block;
    padding: 0;
}

.progress-message__text-bottom {
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.no-padding {
    padding: 0 !important;
}

.print-button-wrapper {
    float: left;
}

.social-sharing {
    width: inherit !important;
    clear: both !important;
    float: right !important;
}

/*Custom contact form*/
.mscontactname label, .mscontactname ginput_container {
    float: left !important;
    clear: right !important;
    margin-bottom: 8px;
}

.mscontactform .ginput_complex {
    clear: both !important;
}

.mscontactform ul li {
    display: block;
}

.mscontactform select {
	overflow:  hidden;
}


.mscontactemail {
    width: 50%;
}

.mscontactform .gform_button {
    border-radius: 40px;
    height: 40px;
    width:auto!important;
    border: solid 1px #6ebf10;
    background-color: #6ebf10;
    color: #FFF;
}

.ms-mcf .ginput_complex {
    clear: both !important;
}

.ms-mcf ul li {
    display: inline;
}

.ms-mcf .mcfli {
    margin-left: 30px !important;
    display: list-item !important;
}

.ms-mcf .ginput_complex, .ms-mcf .ginput_container {
    margin-bottom: 40px !important;
}

.ms-mcf .gform_button {
    border-radius: 40px;
    height: 40px;
    width:auto!important;
    border: solid 1px #6ebf10;
    background-color: #6ebf10;
    color: #FFF;
}

.ms-mcf .mcfphoto #extensions_message {
    color: #888;
    font-size: .8em;
}

.ms-mcf .mcfconsent {
    display: block !important;
    margin-top: 30px !important;
}

@media print {

    * {
        background-color: white !important;
    }

    .sidebar-block > div {
        background-color: transparent !important;
    }

    .page-break {
        display: block;
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid;
    }

    .new-page {
        page-break-after: always;
    }

    .no-wrap-print {
        page-break-inside: avoid;
    }

    .sign-up-banner.page-flush.section, .footer.page-flush.section, .site-header.page-flush, .sidebar-arrow, .print-button-wrapper, .content-buttons {
        display: none;
    }

    .section--sidebar {
        margin: 1em 0;
    }

    .sidebar-block {
        margin: 1em 0;
    }

    .right-side-wrapper {
        width: 100%;
        float: none;
    }

    .main-content {
        float: none;
        background-color: white;
        color: black;
        width: 100%;
        padding: 4%;
    }

    .courses-section {
        width: 100%;
        float: none;
        background-color: white;
        padding: 1.5em 0;
        display: inline-block;
    }
}

@media (max-width: 800px) {
    .green-head > h2 {
        font-size: 2.5em;
    }
    .grey-sidebar{
        display:none;
    }
}

@media (max-width: 650px) {

}

@media (max-width: 450px) {

}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

}