@charset "UTF-8";
/*!
Theme Name: MedicareInteractive
Author: Something Digital
Description: Theme for MedicareInteractive.org
Version: 0.1
Text Domain: MedicareInteractive
*/
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *  user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  box-sizing: border-box;
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

* {
  box-sizing: inherit;
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

body > svg {
  width: 0px;
  height: 0px;
  position: absolute;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

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

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.post-wrapper__content table td {
  padding: 5px;
}

td,
th {
  padding: 0;
}

[aria-hidden="true"] {
  display: none;
}

[aria-hidden="false"] {
  display: block;
}

[aria-expanded="false"]:not([aria-controls]) {
  display: none;
}

[aria-expanded="true"] {
  display: block;
}

/*--------------------------------------------------------------
1.0 Site Structure
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.0 Breakpoints
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.0 Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.0 Border Widths
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.0 Colors
--------------------------------------------------------------*/
/*doc
---
title: Colors
name: colors
category: Base Styles - Colors
---
```html_example_table
<a class="button button--full-width" style="background-color:#49a942;"><strong style="text-transform:none;">$c-green-apple</strong> <br> #49a942</a>
<a class="button button--full-width" style="background-color:#001D6C;"><strong style="text-transform:none;">$c-blue-prussian</strong> <br> #001d6c</a>
<a class="button button--full-width" style="background-color:#008fce;"><strong style="text-transform:none;">$c-blue-pacific</strong> <br> #008fce</a>
<a class="button button--full-width" style="background-color:#00cdcb;"><strong style="text-transform:none;">$c-teal</strong> <br> #00cdcb</a>
<a class="button button--full-width" style="background-color:#cf4d00;"><strong style="text-transform:none;">$c-orange-burnt</strong> <br> #cf4d00</a>
<a class="button button--full-width" style="background-color:#993816;"><strong style="text-transform:none;">$c-orange-dark</strong> <br> #993816</a>
<a class="button button--full-width" style="background-color:#DB0000;"><strong style="text-transform:none;">$c-red-error</strong> <br> #DB0000</a>
<a class="button button--full-width" style="background-color:#49A942;"><strong style="text-transform:none;">$c-green</strong> <br> #49A942</a>
<a class="button button--full-width" style="background-color:#ccf5f5;"><strong style="text-transform:none;">$c-mint-tulip</strong> <br> #ccf5f5</a>
<a class="button button--full-width" style="background-color:#cf4d00;"><strong style="text-transform:none;">$c-orange-burnt</strong> <br> #cf4d00</a>
<a class="button button--full-width" style="background-color:#993816;"><strong style="text-transform:none;">$c-orange-dark</strong> <br> #993816</a>
<a class="button button--full-width" style="background-color:#87300e;"><strong style="text-transform:none;">$c-orange-korma</strong> <br> #87300e</a>
<a class="button button--full-width" style="background-color:#333;"><strong style="text-transform:none;">$c-gray-dark</strong> <br> #333</a>
<a class="button button--full-width" style="background-color:#666;"><strong style="text-transform:none;">$c-gray-dove</strong> <br> #666</a>
<a class="button button--full-width" style="background-color:#ccc;"><strong style="text-transform:none;">$c-gray-medium</strong> <br> #ccc</a>
<a class="button button--full-width" style="background-color:#ddd;"><strong style="text-transform:none;">$c-gray-alto</strong> <br> #ddd</a>
<a class="button button--full-width" style="background-color:#f4f4f4;"><strong style="text-transform:none;">$c-gray-light</strong> <br> #f4f4f4</a>
```
*/
/*
// ----------------------------------------------
// Usage example:
// For IE set $mq-support to false.
// Set the fixed value.
// Then use mixins to test whether styles should be applied.
// ----------------------------------------------

$mq-support: false;
$mq-fixed-value: 1024;

// Renders at fixed value
@include bp (min-width, 300px) {
    div { color:#000; }
}

// Doesn't render without MQ support
@include bp (min-width, 1200px) {
    div { color:#FFF; }
}

// Doesn't render without MQ support
@include bp (max-width, 300px) {
    div { color:#444; }
}

// Renders at fixed value
@include bp (max-width, 1200px) {
    div { color:#888; }
}

// ----------------------------------------------
*/
@media only screen and (min-width: 801px) {
  .course-catalog .course-product__header:after, .webinar-catalog .webinar-product__header:after, .site-header:after, .site-header__nav-bar:after, .site-header .searchform:after, .site-header .searchform--alt:after, .main-nav__additional:after, .account-nav:after, .next-prev:after, .panel-block__footer:after, .panel-block--list__footer:after, .panel-block--links__footer:after, .panel-block--purchase__footer:after {
    content: '';
    display: table;
    clear: both;
  }
}

/* Nav Toggle */
#nav-toggle {
  position: absolute;
  left: 50%;
  top: 10px;
  margin-left: -15px;
}

#nav-toggle {
  cursor: pointer;
  padding: 10px 30px 16px 0px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 30px;
  background: #fff;
  position: absolute;
  display: block;
  content: '';
}

.main-nav--active .main-nav__toggle {
  color: #001d6c;
}

.main-nav--active #nav-toggle span,
.main-nav--active #nav-toggle span:before,
.main-nav--active #nav-toggle span:after {
  background: #001d6c;
}

#nav-toggle span:before {
  top: -8px;
}

#nav-toggle span:after {
  bottom: -8px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: -webkit-transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out;
}

#nav-toggle.active span {
  background-color: transparent;
}

#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}

#nav-toggle.active span:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

#nav-toggle.active span:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.visuallyhidden,
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus,
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.screen-reader-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

html {
  font-size: 62.5%;
}

body {
  line-height: 1.4;
  font-size: 1.8rem;
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #333;
}

@media only screen and (min-width: 801px) {
  body {
    line-height: 1.4;
    font-size: 1.8rem;
  }
}

/*doc
---
title: List (Clean)
name: ul-clean
category: Base Styles - Lists
---

```html_example
<ul class="list--clean">
  <li>Test</li>
  <li>Test</li>
  <li>Test</li>
</ul>
```
*/
.list--clean {
  list-style-type: none;
  padding: 0;
}

/*doc
---
title: List (Spacious)
name: ul-spacious
category: Base Styles - Lists
---

```html_example
<ul class="list--spacious">
  <li>Test</li>
  <li>Test</li>
  <li>Test</li>
</ul>
```
*/
.list--spacious li + li {
  margin-top: 0;
}

/*doc
---
title: Unordered List
name: ul
category: Base Styles - Lists
---

```html_example
<ul>
  <li>Test</li>
  <li>Test</li>
  <li>Test</li>
</ul>
```
*/
ul,
ol {
  margin: 0;
  padding-left: 0;
}

.post-wrapper__content ul, .post-wrapper__content
ol {
  padding-left: 25px;
  margin-top: 1em;
  margin-bottom: 1em;
}

.post-wrapper__content ul li, .post-wrapper__content
ol li {
  margin-bottom: 5px;
}

.post-wrapper__content ul ul,
.post-wrapper__content ul ol, .post-wrapper__content
ol ul,
.post-wrapper__content
ol ol {
  margin-top: 5px;
  margin-bottom: 0;
}

.post-wrapper__content ul ul:last-child,
.post-wrapper__content ul ol:last-child, .post-wrapper__content
ol ul:last-child,
.post-wrapper__content
ol ol:last-child {
  margin-bottom: 0;
}

/*doc
---
title: Ordered List
name: ol
category: Base Styles - Lists
---

```html_example
<ol>
  <li>Test</li>
  <li>Test</li>
  <li>Test</li>
</ol>
```
*/
ol {
  list-style: decimal;
  margin-left: 1.5em;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

/*doc
---
title: Definition List
name: dl
category: Base Styles - Lists
---

```html_example
<dl>
<dt>Term</dt>
<dd>Definition</dd>
<dt>Lorem Ipsum</dt>
<dd>In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content that could be distracting with placeholder text may allow viewers to focus on graphic aspects such as font, typography, and page layout. It also reduces the need for the designer to come up with meaningful text, as they can instead use hastily generated lorem ipsum text.</dd>
</dl>
```
*/
dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

/*doc
---
title: Headings
name: 1headings
category: Base Styles - Typography
---
###You can make any element have heading font by including the @include heading(h1-h6); mixin.
```html_example
<h1>H1 Heading</h1>
<p style="font-size: 12px;">48/32px Book #333</p>
<h2>H2 Heading</h2>
<p style="font-size: 12px;">32/28 Medium #333</p>
<h3>H3 Heading</h3>
<p style="font-size: 12px;">24/22 Semibold #333</p>
<h4>H4 Heading<h4>
<p style="font-size: 12px;">23/22 Semibold #666</p>
<h5>H5 Heading<h5>
<p style="font-size: 12px;">22/18 Semibold #333</p>
<h6>H6 Heading<h6>
<p style="font-size: 12px;">22/18 Semibold #666</p>
```
*/
h1 {
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.125;
  font-size: 3.5rem;
  font-weight: 400;
  color: #333;
}

@media only screen and (min-width: 801px) {
  h1 {
    line-height: 1.08333;
    font-size: 3.5rem;
  }
}

h1 a {
  color: inherit;
}

h2 {
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1;
  font-size: 2.8rem;
  font-weight: 500;
  color: #333;
}

@media only screen and (min-width: 801px) {
  h2 {
    line-height: 1.125;
    font-size: 2.8rem;
  }
}

h2 a {
  color: inherit;
}

h3 {
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.09;
  font-size: 2.2rem;
  font-weight: 600;
  color: #333;
}

@media only screen and (min-width: 801px) {
  h3 {
    line-height: 1.16667;
    font-size: 2.4rem;
  }
}

h3 a {
  color: inherit;
}

h4 {
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.09;
  font-size: 2.2rem;
  font-weight: 600;
  color: #666;
}

@media only screen and (min-width: 801px) {
  h4 {
    line-height: 1.16667;
    font-size: 2.4rem;
  }
}

h4 a {
  color: inherit;
}

h5 {
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.22222;
  font-size: 1.8rem;
  font-weight: 600;
  color: #333;
}

@media only screen and (min-width: 801px) {
  h5 {
    line-height: 1.09;
    font-size: 2.2rem;
  }
}

h5 a {
  color: inherit;
}

h6 {
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.22222;
  font-size: 1.8rem;
  font-weight: 600;
  color: #666;
}

@media only screen and (min-width: 801px) {
  h6 {
    line-height: 1.09;
    font-size: 2.2rem;
  }
}

h6 a {
  color: inherit;
}

/*doc
---
title: Paragraph
name: 2paragraph
category: Base Styles - Typography
---
###Paragraph

```html_example
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</h1>
```
*/
p {
  margin: 0 0 25px;
}

p:last-child {
  margin-bottom: 0;
}

b,
strong {
  font-weight: bold;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

/*doc
---
title: Blockquote
name: blockquote
category: Base Styles - Typography
---
###blockquote

```html_example
<blockquote>Sup?</blockquote>
```
*/
blockquote {
  margin: 0 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 0;
}

address {
  font-style: normal;
}

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

.t-success {
  color: #49a942;
}

.t-error {
  color: #db0000;
}

.container {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.container:after {
  content: " ";
  display: block;
  clear: both;
}

@media only screen and (min-width: 1240px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.container--padded {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.container--padded:after {
  content: " ";
  display: block;
  clear: both;
}

.container--narrow {
  max-width: 826.708px;
  margin-left: auto;
  margin-right: auto;
}

.container--narrow:after {
  content: " ";
  display: block;
  clear: both;
}

@media only screen and (max-width: 1239px) {
  .container--narrow {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.container--no-padding {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 801px) {
  .col2-set .col-1 {
    float: left;
  }
  .col2-set .col-2 {
    float: right;
  }
}

button,
input,
select,
textarea {
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
}

/*doc
---
title: Input Fields
name: input-fields
category: Base Styles - Forms
---
```html_example_table
<fieldset>
<legend class="form__heading">Register</legend>
<label>First Name</label>
<input type="text" placeholder="Guillermo">

<label class="required-field">Email</label>
<input type="email" placeholder="contact@somethingdigital.com">

<label class="required-field">Telephone</label>
<input type="tel" placeholder="646-561-6500">
<p class="input-hint">Password must be 8-10 characters long and contain one uppercase character.</p>
</fieldset>

<fieldset>
<legend class="form__heading">Testing 2nd Grouping</legend>
<label class="required-field">Hello</label>
<input type="text" placeholder="Guillermo">

<label class="required-field">Hello</label>
<input class="input-error" type="text" placeholder="Guillermo">
</fieldset>

<fiedset>
  <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount">
  <button class="button">Apply</button>
</fiedset>
```
*/
input,
textarea,
label {
  display: block;
  width: 100%;
  width: calc(100% - 8px);
}

@media only screen and (min-width: 801px) {
  input,
  textarea,
  label {
    width: auto;
  }
}

input {
  -webkit-appearance: none;
  border-radius: 0;
  height: 40px;
}

@media only screen and (min-width: 801px) {
  input {
    width: 310px;
  }
}

select {
  border-radius: 0;
  height: 40px;
  border: 1px solid #666;
  box-shadow: 0 0 0 4px #f4f4f4;
  line-height: 1.4;
  font-size: 1.6rem;
  padding: 10px;
  margin: 10px 0 25px 4px;
  color: #001d6c;
}

select:focus {
  box-shadow: 0 0 0 4px #ccf5f5;
  outline: none;
}

select:last-child {
  margin-bottom: 0;
}

select::-webkit-input-placeholder {
  color: #666;
}

select:-moz-placeholder {
  /* Firefox 18- */
  color: #666;
}

select::-moz-placeholder {
  /* Firefox 19+ */
  color: #666;
}

select:-ms-input-placeholder {
  color: #666;
}

@media only screen and (min-width: 801px) {
  select {
    width: 310px;
  }
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
}

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  padding: 0;
  border: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea {
  -webkit-appearance: none;
  border: 1px solid #666;
  box-shadow: 0 0 0 4px #f4f4f4;
  line-height: 1.4;
  font-size: 1.6rem;
  padding: 10px;
  margin: 10px 0 25px 4px;
  color: #001d6c;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
textarea:focus {
  box-shadow: 0 0 0 4px #ccf5f5;
  outline: none;
}

input[type="text"]:last-child,
input[type="email"]:last-child,
input[type="url"]:last-child,
input[type="password"]:last-child,
input[type="search"]:last-child,
input[type="tel"]:last-child,
textarea:last-child {
  margin-bottom: 0;
}

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #666;
}

input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #666;
}

input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #666;
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #666;
}

input[type="number"] {
  border: 1px solid #666;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
  color: #001d6c;
}

/*doc
---
title: Textarea Field
name: textarea-fields
category: Base Styles - Forms
---
```html_example_table
<label>About me</label>
<textarea type="text" placeholder="Hey, hi there!" rows="3"></textarea>
```
*/
textarea {
  width: 100%;
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  line-height: 1;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
}

label {
  font-size: 1.6rem;
  display: inline;
  padding-left: 4px;
  color: #333;
}

label.required-field {
  position: relative;
}

label.required-field:before {
  position: absolute;
  top: 2px;
  right: 63px;
  color: #cf4d00;
  content: "*";
}

label.required-field:after {
  font-size: 1.2rem;
  padding-left: 18px;
  color: #666;
  content: "Required";
}

.input-error {
  color: #db0000;
}

input .input-error,
textarea .input-error {
  border-color: #db0000;
}

.input-hint {
  font-size: 1.4rem;
  padding-bottom: 20px;
  padding-left: 4px;
  margin: -15px 0 0;
  color: #666;
}

@media only screen and (min-width: 801px) {
  .input-hint {
    width: 310px;
  }
}

.input-hint:last-child {
  padding-bottom: 0;
}

legend {
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.22222;
  font-size: 1.8rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 20px;
}

@media only screen and (min-width: 801px) {
  legend {
    line-height: 1.09;
    font-size: 2.2rem;
  }
}

legend a {
  color: inherit;
}

.form-row {
  margin-bottom: 20px;
}

@media only screen and (min-width: 801px) {
  .form-row .button, .form-row .course__sidebar .add_to_cart_button + .added_to_cart, .course__sidebar .form-row .add_to_cart_button + .added_to_cart {
    width: 318px;
  }
}

.form-row input[type="submit"] {
  margin-top: 0;
}

.form__heading {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.form__heading:not(:first-child) {
  margin-top: 40px;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

fieldset + fieldset {
  margin-top: 40px;
}

::-webkit-input-placeholder {
  color: #001d6c;
}

:-ms-input-placeholder {
  color: #001d6c;
}

::placeholder {
  color: #001d6c;
}

.required-star {
  color: #cf4d00;
}

.required-text {
  color: #666;
  font-size: .8em;
  margin: 0 .75em;
}

/*doc
---
title: SVG Icons
name: svg-icons
category: Base Styles - SVG Icons
---
```html_example_table

<div>
  <span class="visuallyhidden">Bookmark</span>
  <svg>
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#bookmark"></use>
  </svg>
</div>
<div>
  <span class="visuallyhidden">checkmark</span>
  <svg>
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#checkmark"></use>
  </svg>
</div>
<div>
  <span class="visuallyhidden">email</span>
  <svg>
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#email"></use>
  </svg>
</div>
<div>
  <span class="visuallyhidden">pause</span>
  <svg>
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#pause"></use>
  </svg>
</div>
<div>
  <span class="visuallyhidden">twitter</span>
  <svg>
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#twitter"></use>
  </svg>
</div>
<div>
  <span class="visuallyhidden">boxedemail</span>
  <svg>
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#boxedemail"></use>
  </svg>
</div>
<div>
  <span class="visuallyhidden">circledarrow</span>
  <svg>
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#circledarrow"></use>
  </svg>
</div>
<div>
  <span class="visuallyhidden">eye</span>
  <svg>
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#eye"></use>
  </svg>
</div>
<div>
  <span class="visuallyhidden">Play</span>
  <svg>
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#play"></use>
  </svg>
</div>
<div>
  <span class="visuallyhidden">User</span>
  <svg>
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#user"></use>
  </svg>
</div>

```
*/
svg {
  fill: currentColor;
}

.circledarrow {
  padding-right: 10px;
}

.circledarrow #circle {
  stroke: currentColor;
}

.circledarrow #arrow {
  fill: currentColor;
}

.complex-icon {
  display: none;
  width: 200px;
  height: 200px;
  margin: -35px auto 0;
}

@media only screen and (min-width: 801px) {
  .complex-icon {
    display: block;
  }
}

.play-icon #circle {
  stroke: currentColor;
}

.toggle-next {
  margin: 0;
}

.toggle-next__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0;
  text-align: inherit;
  background: none;
  border: 0;
  box-shadow: none;
}

.toggle-next svg {
  width: 25px;
  height: 25px;
  fill: none;
}

@media only screen and (min-width: 801px) {
  .toggle-next svg {
    width: 35px;
    height: 35px;
  }
}

.toggle-next svg #circle {
  stroke: currentColor;
}

.toggle-next svg #foreground {
  fill: currentColor;
}

.toggle-next__icon--minus {
  display: none;
}

.toggle-next--expanded .toggle-next__icon--plus {
  display: none;
}

.toggle-next--expanded .toggle-next__icon--minus {
  display: block;
}

button.toggle-next {
  float: left;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  padding-left: 0;
  background: none;
  border: 0;
  box-shadow: none;
}

@media only screen and (min-width: 801px) {
  button.toggle-next {
    width: 35px;
    height: 35px;
  }
}

div.view {
  float: left;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  padding-left: 0;
  background: none;
  border: 0;
  box-shadow: none;
}

@media only screen and (min-width: 801px) {
  div.view {
    width: 35px;
    height: 35px;
  }
}

button.bookmark {
  float: left;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  padding-left: 0;
  background: none;
  border: 0;
  box-shadow: none;
}

@media only screen and (min-width: 801px) {
  button.bookmark {
    width: 35px;
    height: 35px;
  }
}

/*doc
---
title: Accordion
name: accordion
category: Components - Toggled Content
---
```html_example_table
<div class="accordion">
  <h2 class="toggle-next">Related Courses</h2>
  <div>
    Some content 1
  </div>
  <h3 class="toggle-next">Sum Chicken</h3>
  <iframe src="//giphy.com/embed/jQNL26NgbhjOM?html5=true" width="480" height="360" frameBorder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
  </div>
</div>

```
*/
@media only screen and (min-width: 801px) {
  .accordion {
    border-top: 1px solid #ddd;
  }
}

.accordion .toggle-next__button {
  position: relative;
  border-bottom: 1px solid #ddd;
}

.panel-block .accordion .toggle-next__button {
  border-bottom: 0;
}

.accordion .toggle-next__button, .accordion .toggle-next__content {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 35px;
}

@media only screen and (min-width: 801px) {
  .accordion .toggle-next__button, .accordion .toggle-next__content {
    padding-left: 55px;
  }
}

.accordion .toggle-next__content {
  border-bottom: 1px solid #ddd;
}

.accordion .toggle-next__content .youtube-embed {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 Aspect Ratio */
}

.accordion .toggle-next__content .youtube-embed iframe {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
}

.accordion .toggle-next [aria-expanded="false"]:before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
  height: 25px;
  vertical-align: middle;
  content: '';
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDhmY2UiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNNy42OCAzNS4wNEM1Ljg5IDMxLjk4IDUgMjguNjMgNSAyNWMwLTMuNjMgMC44OS02Ljk4IDIuNjgtMTAuMDRzNC4yMi01LjQ5IDcuMjgtNy4yOEMxOC4wMyA1Ljg5IDIxLjM3IDUgMjUgNWMzLjYzIDAgNi45NyAwLjg5IDEwLjA0IDIuNjggMy4wNiAxLjc5IDUuNDkgNC4yMiA3LjI4IDcuMjhDNDQuMTEgMTguMDMgNDUgMjEuMzcgNDUgMjVzLTAuODkgNi45Ny0yLjY4IDEwLjA0Yy0xLjc5IDMuMDctNC4yMiA1LjQ5LTcuMjggNy4yOEMzMS45NyA0NC4xMSAyOC42MyA0NSAyNSA0NWMtMy42MyAwLTYuOTgtMC44OS0xMC4wNC0yLjY4QzExLjkgNDAuNTMgOS40NyAzOC4xIDcuNjggMzUuMDR6Ii8+PHBhdGggZmlsbD0iIzAwOGZjZSIgZD0iTTEzLjMzIDI2LjY3YzAgMC40NSAwLjE3IDAuODQgMC40OSAxLjE3IDAuMzMgMC4zMyAwLjcyIDAuNSAxLjE3IDAuNWg2LjY3VjM1YzAgMC40NSAwLjE3IDAuODQgMC41IDEuMTcgMC4zMyAwLjMzIDAuNzIgMC40OSAxLjE3IDAuNDloMy4zM2MwLjQ1IDAgMC44NC0wLjE2IDEuMTctMC40OSAwLjMzLTAuMzMgMC41LTAuNzIgMC41LTEuMTd2LTYuNjdIMzVjMC40NSAwIDAuODQtMC4xNiAxLjE4LTAuNSAwLjMzLTAuMzMgMC40OS0wLjcyIDAuNDktMS4xN3YtMy4zM2MwLTAuNDUtMC4xNy0wLjg0LTAuNDktMS4xNyAtMC4zMy0wLjMzLTAuNzItMC40OS0xLjE4LTAuNDloLTYuNjdWMTVjMC0wLjQ1LTAuMTctMC44NC0wLjUtMS4xNyAtMC4zMy0wLjMzLTAuNzItMC40OS0xLjE3LTAuNDloLTMuMzNjLTAuNDUgMC0wLjg0IDAuMTctMS4xNyAwLjUgLTAuMzMgMC4zMy0wLjUgMC43Mi0wLjUgMS4xN3Y2LjY3aC02LjY3Yy0wLjQ1IDAtMC44NCAwLjE3LTEuMTcgMC41IC0wLjMzIDAuMzMtMC40OSAwLjcyLTAuNDkgMS4xN3YzLjMzaDBWMjYuNjd6Ii8+PC9zdmc+DQo=") center center no-repeat;
  background-size: 25px;
}

@media only screen and (min-width: 801px) {
  .accordion .toggle-next [aria-expanded="false"]:before {
    width: 35px;
    height: 35px;
    margin-right: 15px;
    background-size: 35px;
  }
}

.accordion .toggle-next [aria-expanded="true"]:before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
  height: 25px;
  vertical-align: middle;
  content: '';
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHg9IjAiIHk9IjAiIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTcuNjggMzUuMDRDNS44OSAzMS45OCA1IDI4LjYzIDUgMjVjMC0zLjYzIDAuODktNi45NyAyLjY4LTEwLjA0czQuMjEtNS40OSA3LjI4LTcuMjhDMTguMDIgNS45IDIxLjM3IDUgMjUgNWMzLjYzIDAgNi45OCAwLjkgMTAuMDQgMi42OSAzLjA2IDEuNzkgNS40OSA0LjIxIDcuMjcgNy4yOEM0NC4xIDE4LjAyIDQ1IDIxLjM3IDQ1IDI1YzAgMy42My0wLjkgNi45OC0yLjY5IDEwLjA0IC0xLjc5IDMuMDctNC4yMSA1LjQ5LTcuMjcgNy4yOEMzMS45NyA0NC4xIDI4LjYzIDQ1IDI1IDQ1Yy0zLjYzIDAtNi45Ny0wLjktMTAuMDQtMi42OUMxMS45IDQwLjUzIDkuNDcgMzguMSA3LjY4IDM1LjA0eiIvPjxwYXRoIGQ9Ik0xMy4zNCAyNi42N2MwIDAuNDUgMC4xNyAwLjg0IDAuNSAxLjE3IDAuMzMgMC4zMyAwLjcyIDAuNSAxLjE3IDAuNWgyMGMwLjQ1IDAgMC44NS0wLjE2IDEuMTctMC40OSAwLjMzLTAuMzMgMC40OS0wLjcyIDAuNDktMS4xN3YtMy4zM2MwLTAuNDUtMC4xNi0wLjg0LTAuNDktMS4xNyAtMC4zMy0wLjMzLTAuNzItMC40OS0xLjE3LTAuNDlIMTVjLTAuNDUgMC0wLjg0IDAuMTYtMS4xNyAwLjUgLTAuMzMgMC4zMy0wLjUgMC43Mi0wLjUgMS4xN1YyNi42N3oiLz48L3N2Zz4K") center center no-repeat;
  background-size: 25px;
}

@media only screen and (min-width: 801px) {
  .accordion .toggle-next [aria-expanded="true"]:before {
    width: 35px;
    height: 35px;
    margin-right: 15px;
    background-size: 35px;
  }
}

.accordion .toggle-next:last-of-type .toggle-next__button {
  border-bottom: none;
}

@media only screen and (min-width: 980px) {
  .accordion .toggle-next:last-of-type .toggle-next__button {
    border-bottom: 1px solid #ddd;
  }
}

.accordion .toggle-next:last-of-type .toggle-next__button[aria-expanded="true"] {
  border-bottom: 1px solid #ddd;
}

.accordion .toggle-next__content:last-of-type {
  border-bottom: none;
}

.accordion .toggle-next.answer-video + .toggle-next__content {
  padding-left: 0;
}

.accordion [aria-expanded="false"] {
  color: #008fce;
}

.accordion [aria-expanded="false"]:hover, .accordion [aria-expanded="false"]:active, .accordion [aria-expanded="false"]:focus {
  color: #001d6c;
}

.accordion [aria-expanded="true"] {
  color: #333;
}

.accordion [aria-expanded="true"]:hover, .accordion [aria-expanded="true"]:active, .accordion [aria-expanded="true"]:focus {
  color: #001d6c;
}

.accordion__list {
  background-color: #fff;
}

.accordion__link-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.accordion__link-list > li {
  padding-bottom: 10px;
}

.accordion__link-list > li:last-child {
  padding: 0;
}

/*doc
---
title: Breadcrumbs
name: breadcrumbs
category: Base Styles - Typography
---
```html_example
<div class="breadcrumbs">
  <ul class="breadcrumbs__list">
    <li class="breadcrumbs__element">Home</li>
    <li class="breadcrumbs__element"><a href="#">Profile</a></li>
  </ul>
</div>
```
*/
.breadcrumbs {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 801px) {
  .breadcrumbs {
    margin-top: 0;
    margin-bottom: 45px;
  }
}

.breadcrumbs span {
  font-size: 1.4rem;
}

.breadcrumbs__list {
  padding-left: 0;
  list-style: none;
}

.breadcrumbs__list:after {
  content: '';
  display: table;
  clear: both;
}

.breadcrumbs__divider {
  padding: 0 5px;
  font-size: 1.4rem;
}

.breadcrumbs__element {
  line-height: 1.25;
  font-size: 1.6rem;
  display: inline;
  color: #666;
}

@media only screen and (min-width: 801px) {
  .breadcrumbs__element {
    line-height: 1.14286;
    font-size: 1.4rem;
  }
}

.breadcrumbs__element a:hover, .breadcrumbs__element a:active {
  color: #001d6c;
}

/*doc
---
title: Buttons
name: 1buttons
category: Base Styles - Buttons
---
Button styles can be applied to any element. Typically you'll want to
use either a `<button>` or an `<a>` element:

##When to use `<a>` or `<button>`
If your button is actually a link to another page, please use the
`<a>` element, while if your button performs an action, such as submitting
a form or triggering some javascript event, then use a `<button>` element.

##Button Styles
There are three 3 styles for buttons: Default, secondary
and tertiary. Simply apply the class for the desired style.
There is also an additional modifier that will make the button take the
full width of the container. It may be used with the any of the button
size and style modifiers.

Button                                                            | Modifier Class
----------------------------------------------------------------- | -----------------
<button class="button">Primary</button>                           | `button`
<button class="button--secondary">Secondary</button>              | `button--secondary`
<button class="button--tertiary">Tertiary</button>         | `button--tertiary`
<button class="button button--full-width">Full width</button>| `button button--full-width`

*/
button {
  cursor: pointer;
  outline: 0;
}

.button, .course__sidebar .add_to_cart_button + .added_to_cart, .button--secondary, .minus,
.plus {
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.22222;
  font-size: 1.8rem;
  font-weight: 600;
  color: #333;
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 12px 30px;
  margin-top: 20px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border: 0;
  border-radius: 2px;
}

@media only screen and (min-width: 801px) {
  .button, .course__sidebar .add_to_cart_button + .added_to_cart, .button--secondary, .minus,
  .plus {
    line-height: 1.09;
    font-size: 2.2rem;
  }
}

.button a, .course__sidebar .add_to_cart_button + .added_to_cart a, .button--secondary a, .minus a,
.plus a {
  color: inherit;
}

.button:hover, .course__sidebar .add_to_cart_button + .added_to_cart:hover, .button--secondary:hover, .minus:hover,
.plus:hover, .button:active, .course__sidebar .add_to_cart_button + .added_to_cart:active, .button--secondary:active, .minus:active,
.plus:active, .button:focus, .course__sidebar .add_to_cart_button + .added_to_cart:focus, .button--secondary:focus, .minus:focus,
.plus:focus {
  color: #fff;
  box-shadow: none;
}

@media only screen and (min-width: 801px) {
  .button, .course__sidebar .add_to_cart_button + .added_to_cart, .button--secondary, .minus,
  .plus {
    width: auto;
    margin-top: 30px;
  }
}

/*doc
---
title: Primary Button
name: button-primary
category: Base Styles - Buttons
---
```html_example_table
<button class="button">Primary button</button>
<a href="#" class="button">Go to the homepage</a>

```
*/
.button, .course__sidebar .add_to_cart_button + .added_to_cart {
  background-color: #cf4d00;
}

.button:hover, .course__sidebar .add_to_cart_button + .added_to_cart:hover, .button:active, .course__sidebar .add_to_cart_button + .added_to_cart:active {
  background-color: #993816;
}

.button--full-width {
  width: 100%;
}

.button.webinar-button, .course__sidebar .add_to_cart_button + .webinar-button.added_to_cart {
  padding: 12px 12px;
  line-height: 0.5;
  margin-top: 10px;
}

.button.webinar-button.added, .course__sidebar .add_to_cart_button + .webinar-button.added.added_to_cart {
  display: none;
}

.button.webinar-button + .button--add-to-cart.added_to_cart, .course__sidebar .add_to_cart_button + .webinar-button.added_to_cart + .button--add-to-cart.added_to_cart {
  padding: 20px 20px;
  line-height: 0.5;
  margin-top: 10px;
  background: #49a942;
  display: inline-block;
}

/*doc
---
title: Secondary button
name: button-secondary
category: Base Styles - Buttons
---
```html_example_table
<button class="button--secondary">secondary button</button>
<a href="#" class="button--secondary">go to the homepage</a>

```
*/
.button--secondary, .minus,
.plus {
  background-color: #008fce;
}

.button--secondary:hover, .minus:hover,
.plus:hover, .button--secondary:active, .minus:active,
.plus:active {
  background-color: #001d6c;
}

/*doc
---
title: Tertiary button (call to action)
name: button-tertiary
category: Base Styles - Buttons
---
```html_example_table
<a href="#" class="button--tertiary">Edit Item</a>

```
*/
.button--tertiary, .woocommerce-checkout .payment_methods .control input[type="radio"] + label a, .woocommerce-account .section-title a, .course-catalog--account .course-product__header__title a, .search .search-result__title {
  margin-top: 20px;
  text-shadow: none;
  background: none;
  border: 0;
  box-shadow: none;
}

@media only screen and (min-width: 801px) {
  .button--tertiary, .woocommerce-checkout .payment_methods .control input[type="radio"] + label a, .woocommerce-account .section-title a, .course-catalog--account .course-product__header__title a, .search .search-result__title {
    margin-top: 30px;
  }
}

/*doc
---
title: Transparent button
name: button-transparent
category: Base Styles - Buttons
---
```html_example_table
<button class="button--transparent">where did the button go?</button>

```
*/
.button--transparent {
  background: none;
  border: 0;
  box-shadow: none;
}

.button--transparent:focus {
  outline: 1;
}

/*doc
---
title: Transparent button
name: button-transparent
category: Base Styles - Buttons
---
Inserted to templates using `woocommerce_template_loop_add_to_cart()`

```html_example_table
<a href="/learn-medicare/courses?add-to-cart=100" rel="nofollow" data-product_id="100" data-product_sku="level_1-course_1" data-quantity="1" class="button--add-to-cart add_to_cart_button product_type_simple"><svg viewBox="0 0 50 50"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#cart"></use></svg> Add to cart</a>
```

*/
.button--add-to-cart {
  background: #cf4d00;
  color: #fff;
  padding: 10px;
  border-radius: 2px;
  width: auto !important;
}

.button--add-to-cart:hover, .button--add-to-cart:active, .button--add-to-cart:focus {
  color: #fff;
}

.button--add-to-cart svg {
  height: 1.5em;
  width: 1.5em;
  vertical-align: middle;
}

@media only screen and (min-width: 801px) {
  .button--add-to-cart svg {
    height: 2em;
    width: 2em;
  }
}

.button--add-to-cart.added {
  display: none;
}

.button--add-to-cart.added + .wc-forward {
  color: #49a942;
  background: none;
  /*&:before {
        content: '';
        display: inline-block;
        width: 2em;
        height: 2em;
        margin-right: 2px;
        padding-right: 20px;
        vertical-align: middle;
        @include svg-checkmark-green;
        background-size: 2em;
      }*/
}

.course-product--bundle .button--add-to-cart.added + .wc-forward {
  color: #fff;
}

.course-product--bundle .button--add-to-cart.added + .wc-forward:before {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zOC43NSA5LjM3NUwyMCAyOC4xMjVsLTguNzUtOC43NUw1IDI1LjYyNWwxNSAxNSAyNS0yNUwzOC43NSA5LjM3NXoiLz4NCjwvc3ZnPg==") center center no-repeat;
}

.webinar-product--bundle .button--add-to-cart.added + .wc-forward {
  color: #fff;
}

.webinar-product--bundle .button--add-to-cart.added + .wc-forward:before {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zOC43NSA5LjM3NUwyMCAyOC4xMjVsLTguNzUtOC43NUw1IDI1LjYyNWwxNSAxNSAyNS0yNUwzOC43NSA5LjM3NXoiLz4NCjwvc3ZnPg==") center center no-repeat;
}

/* Cart Buttons */
.minus,
.plus {
  height: 40px;
  width: 40px;
  display: inline;
  margin: 0;
  padding: 0;
  border-radius: 0;
}

.edit-link {
  margin-top: 10px;
  margin-bottom: 30px;
}

.edit-link a:hover,
.edit-link a:focus {
  color: #fff;
}

@media only screen and (min-width: 980px) {
  .course {
    float: right;
    width: 75%;
    padding-left: 10px;
  }
}

.course__header {
  margin-bottom: 25px;
}

@media only screen and (max-width: 979px) {
  .course__header {
    text-align: center;
  }
}

.course__parent-title {
  color: #49a942;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 20px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.course__header .course__parent-title {
  margin-top: 0;
  margin-bottom: 15px;
}

@media only screen and (min-width: 980px) {
  .course__header .course__parent-title {
    display: none;
  }
}

.course__content {
  margin-bottom: 30px;
}

.course__content ul {
  margin: 22px 0 22px 0;
  padding-left: 40px;
}

.course__video {
  margin-top: 15px;
}

@media only screen and (min-width: 980px) {
  .course__video {
    margin-top: 15px;
  }
}

.course__video.purchase-video {
  padding: 20px;
  height: 400px;
  margin-bottom: 25px;
  background-color: #001d6c;
  color: #fff;
  text-align: center;
}

@media only screen and (min-width: 801px) {
  .course__video.purchase-video {
    height: 450px;
  }
}

.course__video.purchase-video .purchase-video_content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-75%);
      -ms-transform: translateY(-75%);
          transform: translateY(-75%);
  max-width: 466px;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
}

.course__video.purchase-video .purchase-video_content .coming_soon:hover, .course__video.purchase-video .purchase-video_content .coming_soon:active {
  background: #cf4d00;
}

.course__video.purchase-video .purchase-video_content p {
  font-size: 1.8rem;
}

.course__video.purchase-video .purchase-video_content.webinar {
  top: 70%;
}

.course__video.purchase-video .login {
  margin-top: 15px;
  font-size: 1.6rem;
}

.course__video.purchase-video .purchase-video__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.course__video.purchase-video svg {
  height: 50px;
  width: 50px;
}

@media only screen and (min-width: 600px) {
  .course__video.purchase-video svg {
    height: 100px;
    width: 100px;
  }
}

.course .purchase-video {
  background-size: cover;
}

.course .purchase-video_content p {
  font-weight: 500;
  font-size: 27px;
}

.course__overlay {
  background: rgba(0, 0, 0, 0.4);
  height: 130%;
  margin: -20px;
}

.course__overlay:hover, .course__overlay:active {
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.course__hidden {
  display: none;
}

.course__buttons {
  margin: 10px 0 40px 0;
}

.course__buttons .button, .course__buttons .course__sidebar .add_to_cart_button + .added_to_cart, .course__sidebar .course__buttons .add_to_cart_button + .added_to_cart {
  width: 100%;
}

.course__buttons .add_to_cart_button.added {
  display: none;
}

.course__buttons .add_to_cart_button + .wc-forward {
  color: #fff;
  background: #49a942;
  display: block;
  text-align: center;
}

.course__buttons .add_to_cart_button + .wc-forward:hover, .course__buttons .add_to_cart_button + .wc-forward:active {
  color: #fff;
}

.course__sidebar {
  display: none;
  font-size: 1.8rem;
}

@media only screen and (min-width: 980px) {
  .course__sidebar {
    display: block;
    float: left;
    width: 25%;
    padding-right: 10px;
  }
}

.course__sidebar__icon {
  width: 55%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.course__sidebar li {
  padding-bottom: 20px;
}

.course__sidebar .current_page_item a {
  color: #333;
}

@media only screen and (max-width: 979px) {
  .course__footer {
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
    background-color: #f2f2f2;
  }
  .course__footer:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 12px solid #fff;
    border-right: 9px dotted transparent;
    border-bottom: 0;
    border-left: 9px solid transparent;
    position: absolute;
    top: 0;
    left: calc(50% - 12px);
  }
  .course__footer__accordion {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: #fff;
  }
  .course__footer__accordion > ul > li {
    padding: 5px 0px;
  }
}

.course__footer__accordion .toggle-next {
  font-weight: 400;
}

.course__footer__accordion > ul > li {
  padding: 5px 0px;
}

.course__footer .demo_toggle {
  position: relative;
  margin: 0;
  padding: 20px 0 20px 35px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  color: #ddd;
  font-weight: 400;
}

@media only screen and (min-width: 801px) {
  .course__footer .demo_toggle {
    padding-left: 55px;
  }
}

.course__footer .demo_toggle:before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
  height: 25px;
  vertical-align: middle;
  content: '';
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve"><path id="circle" fill="none" stroke="#dddddd" stroke-width="4" stroke-miterlimit="10" d="M7.682 35.039C5.894 31.975 5 28.63 5 25c0-3.629 0.894-6.976 2.682-10.04s4.216-5.49 7.278-7.279C18.027 5.893 21.371 5 25 5c3.628 0 6.974 0.893 10.039 2.682 3.062 1.789 5.49 4.216 7.279 7.279C44.105 18.027 45 21.372 45 25.001s-0.895 6.974-2.682 10.039c-1.789 3.065-4.217 5.491-7.279 7.28C31.974 44.109 28.628 45 25 45c-3.629 0-6.978-0.891-10.041-2.682C11.896 40.529 9.47 38.104 7.682 35.039z"/><path id="foreground" fill="#dddddd" d="M13.334 26.666c0 0.453 0.165 0.842 0.492 1.172 0.332 0.33 0.724 0.496 1.174 0.496h6.666V35c0 0.451 0.168 0.84 0.496 1.172 0.332 0.33 0.72 0.494 1.174 0.494h3.332c0.451 0 0.842-0.164 1.17-0.494 0.33-0.332 0.496-0.721 0.496-1.172v-6.666H35c0.453 0 0.842-0.164 1.176-0.496 0.326-0.33 0.492-0.719 0.492-1.172v-3.333c0-0.451-0.166-0.843-0.492-1.172 -0.334-0.33-0.723-0.495-1.176-0.495h-6.666V15c0-0.451-0.166-0.841-0.496-1.171 -0.328-0.33-0.719-0.495-1.17-0.495h-3.334c-0.452 0-0.84 0.165-1.174 0.495 -0.328 0.329-0.496 0.719-0.496 1.171v6.667h-6.666c-0.45 0-0.843 0.166-1.174 0.495 -0.327 0.329-0.492 0.721-0.492 1.172v3.333h0.002V26.666z"/></svg>') center center no-repeat;
  background-size: 25px;
}

@media only screen and (min-width: 801px) {
  .course__footer .demo_toggle:before {
    width: 35px;
    height: 35px;
    margin-right: 15px;
    background-size: 35px;
  }
}

.course__footer .glossary-link {
  margin: 0px 0px 0px -10px;
}

.course__footer .glossary-link > a {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  color: #008fce;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.course__footer .glossary-link > a > svg {
  height: 0px;
  width: 0px;
}

.course__footer .glossary-link > a > .complex-icon {
  display: block;
  height: 30px;
  width: 30px;
  margin: -5px 0px 0px 0px;
  float: left;
}

@media only screen and (min-width: 801px) {
  .course__footer .glossary-link > a > .complex-icon {
    height: 40px;
    width: 40px;
    margin-top: -10px;
  }
}

.course__footer .glossary-link > a > span {
  padding-left: 5px;
}

@media only screen and (min-width: 801px) {
  .course__footer .glossary-link > a > span {
    padding-left: 15px;
  }
}

.course__footer .glossary-link > a:hover, .course__footer .glossary-link > a:active {
  color: #001d6c;
}

.course__footer .wthp {
  margin: 0px;
  border-top: 1px solid #ddd;
  text-align: center;
}

@media only screen and (min-width: 480px) {
  .course__footer .wthp {
    text-align: left;
  }
}

.course__footer .helpful-block-content {
  position: relative;
  padding-left: 0px;
  background: #fff;
  color: #001d6c;
  border: none;
  margin: 0px;
}

.course__footer .helpful-block-content .wthp_title {
  font-size: 2rem;
}

.course__footer .helpful-block-content ul li {
  display: inherit;
}

.course__footer .helpful-block-content .wthp--unsubmitted {
  right: 0;
  top: 0;
  margin-top: 16px !important;
}

@media only screen and (min-width: 480px) {
  .course__footer .helpful-block-content .wthp--unsubmitted {
    position: absolute;
  }
}

.course__footer .helpful-block-content .wthp--unsubmitted a {
  background: #fff;
  border: none;
  color: #001d6c;
  font-size: 2rem;
}

@media only screen and (min-width: 801px) {
  .course__footer .helpful-block-content .wthp--unsubmitted a {
    padding-right: 12px;
    padding-left: 12px;
    padding-left: 0px;
  }
}

.course__footer .helpful-block-content .wthp--unsubmitted a span svg {
  height: 20px;
  width: 20px;
  display: none;
}

@media only screen and (min-width: 801px) {
  .course__footer .helpful-block-content .wthp--unsubmitted a span svg {
    display: inline;
    margin-right: 10px;
  }
}

.course__footer .helpful-block-content textarea {
  margin-top: 20px;
}

.course__footer .helpful-block-content input[type="button"] {
  background: #cf4d00;
  color: #fff;
  width: 150px;
  border: none;
  border-radius: 2px;
}

.course__footer .helpful-block-content .success {
  margin-left: 10px;
}

@media only screen and (min-width: 801px) {
  .course__footer .helpful-block-content .success {
    margin-left: 0px;
  }
}

.overlay-modal {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10;
}

.course-quiz {
  position: absolute;
  top: 0;
  display: none;
  height: auto;
  min-height: 100%;
  width: 100%;
  border: 1px solid #fff;
  box-shadow: 0px 2px 7px #292929;
  -moz-box-shadow: 0px 2px 7px #292929;
  -webkit-box-shadow: 0px 2px 7px #292929;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #fff;
  z-index: 1000;
  padding: 45px 25px 25px 25px;
}

.course-quiz .course-close {
  float: right;
  margin-top: -40px;
  margin-right: -20px;
  cursor: pointer;
  display: inline-block;
  line-height: 0px;
  z-index: 100;
}

.course-quiz .course-close > svg {
  height: 30px;
  width: 30px;
}

.course-quiz__question-list {
  margin: 15px 0px 30px 0px;
}

.course-quiz__question-list > .course-quiz__answer-list {
  background: #ddd;
  padding: 10px;
}

.course-quiz__question-list > .course-quiz__answer-list > .course-quiz__answer-choice {
  display: none;
}

.course-quiz__question-list > .course-quiz__answer-list > .course-quiz__answer-label {
  display: block;
  background: #fff;
  color: #008fce;
  padding: 10px;
  width: 100%;
}

.course-quiz__question-list > .course-quiz__answer-list > .course-quiz__answer-label.course-quiz__answer-label--chosen {
  color: #fff;
  background: #001d6c;
}

.course-quiz__question-list > .course-quiz__answer-list > .course-quiz__answer-label.course-quiz__answer-label--wrong {
  background: #db0000;
}

.course-quiz__submit {
  background: #cf4d00;
  color: #fff;
  width: 150px;
  border-radius: 2px;
}

.course-quiz__submit--submitted {
  background: #ddd;
  color: #666;
}

.course-quiz__certificate, .course-quiz__reset {
  background: #cf4d00;
  color: #fff;
  width: 150px;
  border-radius: 2px;
}

.survey-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10;
}

.course-survey {
  position: absolute;
  width: auto !important;
  min-height: 0;
  height: auto;
  left: 15%;
  top: 30%;
  border: 1px solid #fff;
  box-shadow: 0px 2px 7px #292929;
  -moz-box-shadow: 0px 2px 7px #292929;
  -webkit-box-shadow: 0px 2px 7px #292929;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #fff;
  z-index: 1000;
  padding: 45px 25px 25px 25px;
}

.course-survey .survey-close {
  float: right;
  margin-top: -40px;
  margin-right: -20px;
  cursor: pointer;
  display: inline-block;
  line-height: 0px;
  z-index: 100;
}

.course-survey .survey-close > svg {
  height: 30px;
  width: 30px;
}

@media only screen and (min-width: 801px) {
  .course-survey .survey-close {
    display: none;
  }
}

@media only screen and (min-width: 1240px) {
  .course-survey {
    left: 33%;
    top: 30%;
  }
}

.captivate_modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 500000;
}

.captivate_modal iframe {
  width: 100%;
  height: 100% !important;
  background: black;
}

.captivate-close {
  color: #fff;
  cursor: pointer;
  background: black;
  display: block;
  text-align: center;
}

@media only screen and (max-width: 978px) {
  .captivate-close {
    color: #fff;
  }
}

.captivate-close:hover, .captivate-close:active {
  color: #008fce;
}

.captivate-modal__container {
  height: 100%;
  background: #000;
  padding: 0 0 30px 0;
}

.button-mobile {
  display: block;
  margin: 10px auto !important;
  max-width: 250px;
}

.button-mobile.added {
  display: none;
}

.button-mobile + .added_to_cart {
  background: #49a942;
  display: block;
  margin: 10px;
}

@media only screen and (min-width: 980px) {
  .button-mobile + .added_to_cart {
    display: none;
  }
}

@media only screen and (min-width: 980px) {
  .button-mobile {
    display: none;
  }
}

.mi-view-progress {
  color: #008fce;
  font-size: 1.6rem;
  display: block;
  margin-top: 10px;
}

.mi-view-progress--mobile {
  text-align: center;
  display: block;
  margin: 10px 0;
}

@media only screen and (min-width: 980px) {
  .mi-view-progress--mobile {
    display: none;
  }
}

#hubspot-messages-iframe-container {
  z-index: 100000 !important;
}

.bookmark-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10;
}

.bookmark-modal {
  position: absolute;
  top: 0;
  height: auto;
  min-height: 100%;
  width: 100%;
  border: 1px solid #fff;
  box-shadow: 0px 2px 7px #292929;
  -moz-box-shadow: 0px 2px 7px #292929;
  -webkit-box-shadow: 0px 2px 7px #292929;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #fff;
  z-index: 1000;
  padding: 45px 25px 25px 25px;
  text-align: left;
}

@media only screen and (min-width: 980px) {
  .bookmark-modal {
    position: absolute;
    top: 2%;
    left: 28%;
    height: 800px;
    min-height: auto;
    width: 830px;
  }
}

.bookmark-modal .bookmark-close {
  float: right;
  margin-top: -40px;
  margin-right: -20px;
  cursor: pointer;
  display: inline-block;
  line-height: 0px;
  z-index: 100;
}

.bookmark-modal .bookmark-close > svg {
  height: 30px;
  width: 30px;
}

@media only screen and (min-width: 980px) {
  .post-wrapper {
    float: right;
    width: 75%;
    padding-left: 20px;
  }
}

.post-wrapper .page-header h1 {
  font-size: 3.5rem;
}

.post-wrapper__category-desc {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}

@media only screen and (max-width: 979px) {
  .post-wrapper__header {
    text-align: center;
  }
}

.post-wrapper__heading {
  font-weight: 600;
  margin-bottom: 25px;
}

.post-wrapper__content {
  margin-bottom: 25px;
}

.post-wrapper__content__title {
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.09;
  font-size: 2.2rem;
  font-weight: 600;
  display: block;
  margin-bottom: 30px;
}

@media only screen and (min-width: 801px) {
  .post-wrapper__content__title {
    line-height: 1.16667;
    font-size: 2.4rem;
  }
}

.post-wrapper__content__title a {
  color: inherit;
}

.post-wrapper__content__article-link {
  margin-top: 0;
}

.post-wrapper__qa dt {
  margin-bottom: 20px;
  font-weight: normal;
}

.post-wrapper__qa dd {
  margin: 20px 0 0 0;
}

.post-wrapper__tip {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

.post-wrapper__tip__title {
  font-weight: 600;
}

.post-wrapper__tip p:first-of-type {
  display: inline;
}

.post-wrapper__tip p:nth-of-type(2) {
  margin-top: 20px;
}

@media only screen and (min-width: 801px) {
  .post-wrapper__footer {
    padding: 20px 0;
    border-top: 1px solid #ddd;
  }
}

.post-wrapper .wthp {
  text-align: center;
}

@media only screen and (min-width: 480px) {
  .post-wrapper .wthp {
    text-align: left;
  }
}

.post-wrapper .helpful-block-content {
  position: relative;
  padding-left: 0px;
  background: #fff;
  color: #001d6c;
  border: none;
}

.post-wrapper .helpful-block-content ul {
  padding-left: 0px;
}

.post-wrapper .helpful-block-content .wthp_title {
  font-size: 2rem;
}

.post-wrapper .helpful-block-content .wthp--unsubmitted {
  right: 0;
  top: 0;
  margin-top: 28px;
}

@media only screen and (min-width: 480px) {
  .post-wrapper .helpful-block-content .wthp--unsubmitted {
    position: absolute;
  }
}

.post-wrapper .helpful-block-content .wthp--unsubmitted a {
  background: #fff;
  border: none;
  color: #001d6c;
  font-size: 2rem;
  padding-left: 0px;
}

@media only screen and (min-width: 801px) {
  .post-wrapper .helpful-block-content .wthp--unsubmitted a {
    padding-right: 12px;
    padding-left: 12px;
  }
}

.post-wrapper .helpful-block-content .wthp--unsubmitted a span svg {
  height: 20px;
  width: 20px;
  display: none;
}

@media only screen and (min-width: 801px) {
  .post-wrapper .helpful-block-content .wthp--unsubmitted a span svg {
    display: inline;
    margin-right: 10px;
  }
}

.post-wrapper .helpful-block-content textarea {
  margin-top: 20px;
  margin-left: 15px;
}

.post-wrapper .helpful-block-content input[type="button"] {
  background: #cf4d00;
  color: #fff;
  width: 150px;
  border: none;
  border-radius: 2px;
}

.post-wrapper .helpful-block-content .success {
  margin-left: 10px;
}

@media only screen and (min-width: 801px) {
  .post-wrapper .helpful-block-content .success {
    margin-left: 0px;
  }
}

.category .post-wrapper__heading {
  margin-bottom: 0;
}

.category .post-wrapper__content {
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}

.category .blog_info {
  color: #666;
  font-size: 1.5rem;
}

.category .title__blog {
  margin-bottom: 5px;
}

.category .wp-post-image {
  width: 653px;
  height: 368px;
}

.course-catalog {
  margin-bottom: -50px;
  margin-left: 0;
}

.course-catalog,
.course-catalog ol,
.course-catalog ul {
  padding: 0;
  list-style-type: none;
}

.course-catalog .accordion {
  border-top: 0;
  margin-left: 0;
  margin-top: 20px;
}

@media only screen and (min-width: 600px) {
  .course-catalog .accordion {
    padding: 0 20px;
  }
}

.course-catalog .accordion li:last-child .course-product__header {
  border: none;
}

.course-catalog .course-product__header {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (min-width: 600px) {
  .course-catalog .course-product__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.course-catalog .course-product__header__title {
  margin: 0;
  color: inherit;
  font-weight: 400;
  width: 100%;
}

@media only screen and (min-width: 801px) {
  .course-catalog .course-product__header__title {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (min-width: 600px) {
  .course-catalog .course-product__header__title {
    width: 50%;
  }
}

.course-catalog .course-product__header .price {
  line-height: 2em;
  margin-left: 15px;
}

@media only screen and (min-width: 600px) {
  .course-catalog .course-product__header .price {
    float: left;
  }
}

.course-catalog .course-product__header .price del {
  font-size: 1.6rem;
}

.course-catalog .course-product__header .price ins {
  text-decoration: none;
  font-weight: bold;
}

@media only screen and (min-width: 801px) {
  .course-catalog .course-product__header .price {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.course-catalog .course-product__header .button--add-to-cart,
.course-catalog .course-product__header .button--add-to-cart + .wc-forward {
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  float: right;
  text-align: right;
}

.course-catalog .course-product__header .button--add-to-cart + .wc-forward {
  color: #fff;
  background: none;
}

.course-catalog .course-product__header .button--add-to-cart + .wc-forward:hover, .course-catalog .course-product__header .button--add-to-cart + .wc-forward:active {
  color: #fff;
}

.course-catalog .course-product__header__actions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

@media only screen and (min-width: 600px) {
  .course-catalog .course-product__header__actions {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
  }
}

.course-catalog .course-product .course-product__start {
  background: #008fce;
  color: #fff;
  padding: 10px;
  border-radius: 2px;
  text-align: center;
  display: block;
  margin-right: 30px;
}

@media only screen and (min-width: 600px) {
  .course-catalog .course-product .course-product__start {
    text-align: right;
    float: right;
    margin-right: 0;
  }
}

@media only screen and (min-width: 480px) {
  .course-catalog .course-product .course-product__start {
    padding-left: 10px;
  }
}

.course-catalog .course-product .course-product__start svg {
  visibility: hidden;
  height: 30px;
  width: 30px;
  vertical-align: bottom;
}

.course-catalog .course-product .try-for-free {
  font-size: 18px;
  text-transform: none;
  font-weight: 300;
  margin: 10px 10px 0 10px;
  display: block;
  width: auto;
}

.course-catalog .course-product .try-for-free.added {
  display: none;
}

.course-catalog .course-product .try-for-free.added + .wc-forward {
  background: #49a942;
  float: none;
  display: block;
  margin: 10px 10px 0 20px;
  text-align: center;
}

@media only screen and (min-width: 600px) {
  .course-catalog .course-product .try-for-free.added + .wc-forward {
    float: right;
    margin-right: 41px;
    padding: 10px 37px;
  }
}

@media only screen and (min-width: 600px) {
  .course-catalog .course-product .try-for-free {
    float: right;
    margin: 0 45px;
  }
}

.course-catalog .course-product__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}

@media only screen and (min-width: 801px) {
  .course-catalog .course-product__footer {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.course-catalog .course-product__footer .price {
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-left: 50px;
}

.course-catalog .course-product__footer .price del {
  font-size: 1.6rem;
}

.course-catalog .course-product__footer .price ins {
  text-decoration: none;
  font-weight: bold;
}

@media only screen and (min-width: 801px) {
  .course-catalog .course-product__footer .price {
    width: 70%;
  }
}

.course-catalog .course-product__footer .button--add-to-cart,
.course-catalog .course-product__footer .button--add-to-cart + .wc-forward {
  width: 50%;
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}

.course-catalog .course-product--simple .course-product__header .price {
  color: #fff;
}

.course-catalog .course-product--simple.product_cat-special-topics .price {
  color: #333;
}

.course-catalog .course-product--simple.product_cat-special-topics .added_to_cart {
  color: #49a942;
}

.course-catalog .course-product--simple.product_cat-special-topics .added_to_cart:hover, .course-catalog .course-product--simple.product_cat-special-topics .added_to_cart:active {
  color: #49a942;
}

.course-catalog .course-product.for_sale .course-product__header {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  background-color: #001d6c;
  border-bottom: 0;
}

.course-catalog .course-product.for_sale .course-product__header.level__added {
  background-color: #49a942;
}

.course-catalog .course-product.for_sale .course-product__header .mi-pro-course-length {
  display: block;
  font-size: 1.4rem;
  color: #fff;
  margin-top: 5px;
}

.course-catalog .course-product.for_sale .course-product__header__title {
  text-align: center;
  margin-bottom: 5px;
}

@media only screen and (min-width: 600px) {
  .course-catalog .course-product.for_sale .course-product__header__title {
    text-align: left;
  }
}

.course-catalog .course-product.for_sale .course-product__header__title,
.course-catalog .course-product.for_sale .course-product__header .button--add-to-cart {
  color: #fff;
}

.course-catalog .course-product.for_sale .course-product__header .button--add-to-cart {
  background: #cf4d00;
  padding: 10px;
  border-radius: 2px;
  width: auto;
}

.course-catalog .course-product.for_sale .course-product__header .button--add-to-cart:hover, .course-catalog .course-product.for_sale .course-product__header .button--add-to-cart:active {
  color: #fff;
}

.course-catalog .course-product.for_sale .course-product__header .button--add-to-cart + .wc-forward {
  background: none;
}

.course-catalog .course-product.for_sale .course-product__header__actions {
  display: inline-block;
  text-align: left;
  margin: 10px 0;
  padding: 0 15px;
}

@media only screen and (min-width: 600px) {
  .course-catalog .course-product.for_sale .course-product__header__actions {
    margin-left: 85px;
    margin: 0;
  }
}

.course-catalog .course-product.for_sale .course-product__header__actions .price {
  font-weight: 500;
}

@media only screen and (max-width: 600px) {
  .course-catalog .course-product.for_sale .course-product__header__actions .price {
    vertical-align: sub;
  }
}

.course-catalog .course-product.for_sale .course-product__footer {
  color: #fff;
  background-color: #001d6c;
}

.course-catalog .course-product.for_sale .course-product__footer.level__added {
  background-color: #49a942;
}

@media only screen and (max-width: 599px) {
  .course-catalog .course-product.for_sale .course-product__footer {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.course-catalog .course-product.for_sale .course-product__footer__title,
.course-catalog .course-product.for_sale .course-product__footer .button--add-to-cart {
  color: #fff;
}

.course-catalog .toggle-next {
  position: relative;
}

@media only screen and (min-width: 801px) {
  .course-catalog .toggle-next + .course-product__header__title {
    width: calc(50% - 45px);
  }
}

.course-catalog .toggle-next[aria-expanded="false"]:before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
  height: 25px;
  vertical-align: middle;
  content: '';
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDhmY2UiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNNy42OCAzNS4wNEM1Ljg5IDMxLjk4IDUgMjguNjMgNSAyNWMwLTMuNjMgMC44OS02Ljk4IDIuNjgtMTAuMDRzNC4yMi01LjQ5IDcuMjgtNy4yOEMxOC4wMyA1Ljg5IDIxLjM3IDUgMjUgNWMzLjYzIDAgNi45NyAwLjg5IDEwLjA0IDIuNjggMy4wNiAxLjc5IDUuNDkgNC4yMiA3LjI4IDcuMjhDNDQuMTEgMTguMDMgNDUgMjEuMzcgNDUgMjVzLTAuODkgNi45Ny0yLjY4IDEwLjA0Yy0xLjc5IDMuMDctNC4yMiA1LjQ5LTcuMjggNy4yOEMzMS45NyA0NC4xMSAyOC42MyA0NSAyNSA0NWMtMy42MyAwLTYuOTgtMC44OS0xMC4wNC0yLjY4QzExLjkgNDAuNTMgOS40NyAzOC4xIDcuNjggMzUuMDR6Ii8+PHBhdGggZmlsbD0iIzAwOGZjZSIgZD0iTTEzLjMzIDI2LjY3YzAgMC40NSAwLjE3IDAuODQgMC40OSAxLjE3IDAuMzMgMC4zMyAwLjcyIDAuNSAxLjE3IDAuNWg2LjY3VjM1YzAgMC40NSAwLjE3IDAuODQgMC41IDEuMTcgMC4zMyAwLjMzIDAuNzIgMC40OSAxLjE3IDAuNDloMy4zM2MwLjQ1IDAgMC44NC0wLjE2IDEuMTctMC40OSAwLjMzLTAuMzMgMC41LTAuNzIgMC41LTEuMTd2LTYuNjdIMzVjMC40NSAwIDAuODQtMC4xNiAxLjE4LTAuNSAwLjMzLTAuMzMgMC40OS0wLjcyIDAuNDktMS4xN3YtMy4zM2MwLTAuNDUtMC4xNy0wLjg0LTAuNDktMS4xNyAtMC4zMy0wLjMzLTAuNzItMC40OS0xLjE4LTAuNDloLTYuNjdWMTVjMC0wLjQ1LTAuMTctMC44NC0wLjUtMS4xNyAtMC4zMy0wLjMzLTAuNzItMC40OS0xLjE3LTAuNDloLTMuMzNjLTAuNDUgMC0wLjg0IDAuMTctMS4xNyAwLjUgLTAuMzMgMC4zMy0wLjUgMC43Mi0wLjUgMS4xN3Y2LjY3aC02LjY3Yy0wLjQ1IDAtMC44NCAwLjE3LTEuMTcgMC41IC0wLjMzIDAuMzMtMC40OSAwLjcyLTAuNDkgMS4xN3YzLjMzaDBWMjYuNjd6Ii8+PC9zdmc+DQo=") center center no-repeat;
  background-size: 25px;
}

@media only screen and (min-width: 801px) {
  .course-catalog .toggle-next[aria-expanded="false"]:before {
    width: 35px;
    height: 35px;
    margin-right: 15px;
    background-size: 35px;
  }
}

.course-catalog .toggle-next[aria-expanded="true"]:before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
  height: 25px;
  vertical-align: middle;
  content: '';
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHg9IjAiIHk9IjAiIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTcuNjggMzUuMDRDNS44OSAzMS45OCA1IDI4LjYzIDUgMjVjMC0zLjYzIDAuODktNi45NyAyLjY4LTEwLjA0czQuMjEtNS40OSA3LjI4LTcuMjhDMTguMDIgNS45IDIxLjM3IDUgMjUgNWMzLjYzIDAgNi45OCAwLjkgMTAuMDQgMi42OSAzLjA2IDEuNzkgNS40OSA0LjIxIDcuMjcgNy4yOEM0NC4xIDE4LjAyIDQ1IDIxLjM3IDQ1IDI1YzAgMy42My0wLjkgNi45OC0yLjY5IDEwLjA0IC0xLjc5IDMuMDctNC4yMSA1LjQ5LTcuMjcgNy4yOEMzMS45NyA0NC4xIDI4LjYzIDQ1IDI1IDQ1Yy0zLjYzIDAtNi45Ny0wLjktMTAuMDQtMi42OUMxMS45IDQwLjUzIDkuNDcgMzguMSA3LjY4IDM1LjA0eiIvPjxwYXRoIGQ9Ik0xMy4zNCAyNi42N2MwIDAuNDUgMC4xNyAwLjg0IDAuNSAxLjE3IDAuMzMgMC4zMyAwLjcyIDAuNSAxLjE3IDAuNWgyMGMwLjQ1IDAgMC44NS0wLjE2IDEuMTctMC40OSAwLjMzLTAuMzMgMC40OS0wLjcyIDAuNDktMS4xN3YtMy4zM2MwLTAuNDUtMC4xNi0wLjg0LTAuNDktMS4xNyAtMC4zMy0wLjMzLTAuNzItMC40OS0xLjE3LTAuNDlIMTVjLTAuNDUgMC0wLjg0IDAuMTYtMS4xNyAwLjUgLTAuMzMgMC4zMy0wLjUgMC43Mi0wLjUgMS4xN1YyNi42N3oiLz48L3N2Zz4K") center center no-repeat;
  background-size: 25px;
}

@media only screen and (min-width: 801px) {
  .course-catalog .toggle-next[aria-expanded="true"]:before {
    width: 35px;
    height: 35px;
    margin-right: 15px;
    background-size: 35px;
  }
}

.course-catalog--index .panel-block__content {
  padding: 20px 0 0 0;
}

.course-catalog--index .panel-block__content p {
  padding: 0 10px;
}

.course-catalog--index .course-product:first-child .course-product__header {
  margin-top: 20px;
}

.course-catalog--index .course-product__header {
  font-size: 18px;
  padding: 20px 5px;
}

@media only screen and (min-width: 801px) {
  .course-catalog--index .course-product__header {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.course-catalog--index .course-product__header .toggle-next {
  width: 35px;
  height: 45px;
  padding: 0;
  margin-right: 0;
}

@media only screen and (min-width: 600px) {
  .course-catalog--index .course-product__header .toggle-next {
    margin-left: 15px;
  }
}

.course-catalog--index .course-product__header__title {
  font-size: inherit;
  font-weight: 500;
  color: #008fce;
}

.course-catalog--index .course-product__header__title .mi-pro-course-length {
  margin-top: 5px;
  display: block;
  font-size: 1.4rem;
  color: #666;
}

@media only screen and (max-width: 600px) {
  .course-catalog--index .course-product__header__title .mi-pro-course-length {
    margin-left: 35px;
  }
}

@media only screen and (min-width: 600px) {
  .course-catalog--index .course-product__header__actions {
    display: block;
  }
}

.course-catalog--index .course-product__header .catalog_fullscreen {
  background: none;
  width: auto;
  margin: 0 45px;
  float: right;
  display: inline-table;
}

@media only screen and (max-width: 600px) {
  .course-catalog--index .course-product__header .catalog_fullscreen {
    margin: 10px 20px;
    display: block;
    float: none;
    width: 100%;
  }
}

.course-catalog--index .course-product__header .catalog_fullscreen .mi-pro-preview {
  width: 10%;
  color: #008fce;
  cursor: pointer;
  font-size: 1.8rem;
}

.course-catalog--index .course-product__header .catalog_fullscreen .mi-pro-preview:hover, .course-catalog--index .course-product__header .catalog_fullscreen .mi-pro-preview:active {
  color: #001d6c;
}

.course-catalog--index .course-product__header .catalog_fullscreen .mi-pro-preview i {
  font-size: 20px;
  margin-left: 16px;
  display: inline;
}

.course-catalog--index .course-product__footer {
  margin-left: -10px;
  margin-right: -10px;
}

@media only screen and (min-width: 600px) {
  .course-catalog--index .course-product__footer {
    display: none;
  }
}

.course-catalog--category.panel-block {
  padding-left: 0;
  padding-right: 0;
}

.course-catalog--category .course-product + .course-product {
  margin-top: 20px;
}

.course-catalog--category .course-product--simple .course-product__header__title {
  width: 100%;
}

.course-catalog--category .course-product--bundle {
  font-size: 18px;
}

.course-catalog--category .course-product--bundle .course-product__header {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.course-catalog--category .course-product--bundle .course-product__header__title {
  font-size: inherit;
}

@media only screen and (max-width: 800px) {
  .course-catalog--category .course-product--bundle .course-product__header__title {
    display: none;
  }
}

.course-catalog--category .course-product--bundle .course-product__header__actions {
  display: block;
}

.course-catalog--category .course-product--bundle .course-product__footer {
  display: none;
}

.course-catalog.course-catalog--index .panel-block:last-of-type {
  display: none;
}

.webinar-catalog {
  margin-bottom: -50px;
  margin-left: 0;
}

.webinar-catalog,
.webinar-catalog ol,
.webinar-catalog ul {
  padding: 0;
  list-style-type: none;
}

.webinar-catalog .accordion {
  border-top: 0;
  margin-left: 0;
}

.webinar-catalog .webinar-product__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.webinar-catalog .webinar-product__header__title {
  margin: 0;
  color: inherit;
  font-weight: 400;
}

@media only screen and (min-width: 801px) {
  .webinar-catalog .webinar-product__header__title {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.webinar-catalog .webinar-product__header .price {
  float: left;
}

@media only screen and (min-width: 801px) {
  .webinar-catalog .webinar-product__header .price {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 2em;
  }
}

.webinar-catalog .webinar-product__header .button--add-to-cart,
.webinar-catalog .webinar-product__header .button--add-to-cart + .wc-forward {
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  float: right;
  text-align: right;
}

.webinar-catalog .webinar-product__header__actions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
  width: 100%;
}

@media only screen and (min-width: 801px) {
  .webinar-catalog .webinar-product__header__actions {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.webinar-catalog .webinar-product .webinar-product__start {
  margin-left: -20px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: right;
  white-space: nowrap;
}

@media only screen and (min-width: 801px) {
  .webinar-catalog .webinar-product .webinar-product__start {
    margin-left: 0px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

.webinar-catalog .webinar-product .webinar-product__start svg {
  height: 30px;
  width: 30px;
  vertical-align: bottom;
}

.webinar-catalog .webinar-product .webinar-product__recording {
  margin-left: -20px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: right;
  white-space: nowrap;
}

@media only screen and (min-width: 480px) {
  .webinar-catalog .webinar-product .webinar-product__recording {
    margin-left: 0px;
    padding-left: 0px;
  }
}

.webinar-catalog .webinar-product .webinar-product__recording svg {
  height: 30px;
  width: 30px;
  vertical-align: bottom;
}

.webinar-catalog .webinar-product .webinar-product__concluded {
  margin-left: -20px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: right;
  white-space: nowrap;
}

@media only screen and (min-width: 480px) {
  .webinar-catalog .webinar-product .webinar-product__concluded {
    margin-left: 0px;
    padding-left: 0px;
    vertical-align: -webkit-baseline-middle;
  }
}

.webinar-catalog .webinar-product .webinar-product__concluded svg {
  height: 30px;
  width: 30px;
  vertical-align: bottom;
}

.webinar-catalog .webinar-product .webinar-product__soon {
  padding-left: 30px;
  padding-right: 10px;
  text-align: right;
  white-space: nowrap;
}

@media only screen and (min-width: 480px) {
  .webinar-catalog .webinar-product .webinar-product__soon {
    padding-left: 45px;
    vertical-align: -webkit-baseline-middle;
  }
}

.webinar-catalog .webinar-product .webinar-product__soon svg {
  height: 30px;
  width: 30px;
  vertical-align: bottom;
}

.webinar-catalog .webinar-product__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}

@media only screen and (min-width: 801px) {
  .webinar-catalog .webinar-product__footer {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.webinar-catalog .webinar-product__footer .price {
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

@media only screen and (min-width: 801px) {
  .webinar-catalog .webinar-product__footer .price {
    width: 70%;
  }
}

.webinar-catalog .webinar-product__footer .button--add-to-cart,
.webinar-catalog .webinar-product__footer .button--add-to-cart + .wc-forward {
  width: 50%;
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  text-align: right;
}

.webinar-catalog .webinar-product--simple .webinar-product__header .price {
  color: #333;
}

.webinar-catalog .webinar-product--simple.product_cat-webinar-series.product-type-simple {
  display: none;
}

.webinar-catalog .webinar-product--bundle .webinar-product__header {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  background-color: #001d6c;
  border-bottom: 0;
}

.webinar-catalog .webinar-product--bundle .webinar-product__header.level__added {
  background-color: #49a942;
}

@media only screen and (max-width: 800px) {
  .webinar-catalog .webinar-product--bundle .webinar-product__header {
    display: none;
  }
}

.webinar-catalog .webinar-product--bundle .webinar-product__header__title,
.webinar-catalog .webinar-product--bundle .webinar-product__header .button--add-to-cart {
  color: #fff;
}

.webinar-catalog .webinar-product--bundle .webinar-product__footer {
  color: #fff;
  background-color: #001d6c;
}

@media only screen and (max-width: 800px) {
  .webinar-catalog .webinar-product--bundle .webinar-product__footer {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.webinar-catalog .webinar-product--bundle .webinar-product__footer__title,
.webinar-catalog .webinar-product--bundle .webinar-product__footer .button--add-to-cart {
  color: #fff;
}

.webinar-catalog .toggle-next {
  position: relative;
  width: auto;
}

@media only screen and (min-width: 801px) {
  .webinar-catalog .toggle-next + .webinar-product__header__title {
    width: calc(50% - 45px);
  }
}

.webinar-catalog .toggle-next .toggle-recording {
  padding-left: 35px;
}

@media only screen and (min-width: 801px) {
  .webinar-catalog .toggle-next .toggle-recording {
    padding-left: 50px;
  }
}

.webinar-catalog .toggle-next[aria-expanded="false"]:before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
  height: 25px;
  vertical-align: middle;
  content: '';
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDhmY2UiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNNy42OCAzNS4wNEM1Ljg5IDMxLjk4IDUgMjguNjMgNSAyNWMwLTMuNjMgMC44OS02Ljk4IDIuNjgtMTAuMDRzNC4yMi01LjQ5IDcuMjgtNy4yOEMxOC4wMyA1Ljg5IDIxLjM3IDUgMjUgNWMzLjYzIDAgNi45NyAwLjg5IDEwLjA0IDIuNjggMy4wNiAxLjc5IDUuNDkgNC4yMiA3LjI4IDcuMjhDNDQuMTEgMTguMDMgNDUgMjEuMzcgNDUgMjVzLTAuODkgNi45Ny0yLjY4IDEwLjA0Yy0xLjc5IDMuMDctNC4yMiA1LjQ5LTcuMjggNy4yOEMzMS45NyA0NC4xMSAyOC42MyA0NSAyNSA0NWMtMy42MyAwLTYuOTgtMC44OS0xMC4wNC0yLjY4QzExLjkgNDAuNTMgOS40NyAzOC4xIDcuNjggMzUuMDR6Ii8+PHBhdGggZmlsbD0iIzAwOGZjZSIgZD0iTTEzLjMzIDI2LjY3YzAgMC40NSAwLjE3IDAuODQgMC40OSAxLjE3IDAuMzMgMC4zMyAwLjcyIDAuNSAxLjE3IDAuNWg2LjY3VjM1YzAgMC40NSAwLjE3IDAuODQgMC41IDEuMTcgMC4zMyAwLjMzIDAuNzIgMC40OSAxLjE3IDAuNDloMy4zM2MwLjQ1IDAgMC44NC0wLjE2IDEuMTctMC40OSAwLjMzLTAuMzMgMC41LTAuNzIgMC41LTEuMTd2LTYuNjdIMzVjMC40NSAwIDAuODQtMC4xNiAxLjE4LTAuNSAwLjMzLTAuMzMgMC40OS0wLjcyIDAuNDktMS4xN3YtMy4zM2MwLTAuNDUtMC4xNy0wLjg0LTAuNDktMS4xNyAtMC4zMy0wLjMzLTAuNzItMC40OS0xLjE4LTAuNDloLTYuNjdWMTVjMC0wLjQ1LTAuMTctMC44NC0wLjUtMS4xNyAtMC4zMy0wLjMzLTAuNzItMC40OS0xLjE3LTAuNDloLTMuMzNjLTAuNDUgMC0wLjg0IDAuMTctMS4xNyAwLjUgLTAuMzMgMC4zMy0wLjUgMC43Mi0wLjUgMS4xN3Y2LjY3aC02LjY3Yy0wLjQ1IDAtMC44NCAwLjE3LTEuMTcgMC41IC0wLjMzIDAuMzMtMC40OSAwLjcyLTAuNDkgMS4xN3YzLjMzaDBWMjYuNjd6Ii8+PC9zdmc+DQo=") center center no-repeat;
  background-size: 25px;
}

@media only screen and (min-width: 801px) {
  .webinar-catalog .toggle-next[aria-expanded="false"]:before {
    width: 35px;
    height: 35px;
    margin-right: 15px;
    background-size: 35px;
  }
}

.webinar-catalog .toggle-next[aria-expanded="true"]:before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
  height: 25px;
  vertical-align: middle;
  content: '';
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHg9IjAiIHk9IjAiIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTcuNjggMzUuMDRDNS44OSAzMS45OCA1IDI4LjYzIDUgMjVjMC0zLjYzIDAuODktNi45NyAyLjY4LTEwLjA0czQuMjEtNS40OSA3LjI4LTcuMjhDMTguMDIgNS45IDIxLjM3IDUgMjUgNWMzLjYzIDAgNi45OCAwLjkgMTAuMDQgMi42OSAzLjA2IDEuNzkgNS40OSA0LjIxIDcuMjcgNy4yOEM0NC4xIDE4LjAyIDQ1IDIxLjM3IDQ1IDI1YzAgMy42My0wLjkgNi45OC0yLjY5IDEwLjA0IC0xLjc5IDMuMDctNC4yMSA1LjQ5LTcuMjcgNy4yOEMzMS45NyA0NC4xIDI4LjYzIDQ1IDI1IDQ1Yy0zLjYzIDAtNi45Ny0wLjktMTAuMDQtMi42OUMxMS45IDQwLjUzIDkuNDcgMzguMSA3LjY4IDM1LjA0eiIvPjxwYXRoIGQ9Ik0xMy4zNCAyNi42N2MwIDAuNDUgMC4xNyAwLjg0IDAuNSAxLjE3IDAuMzMgMC4zMyAwLjcyIDAuNSAxLjE3IDAuNWgyMGMwLjQ1IDAgMC44NS0wLjE2IDEuMTctMC40OSAwLjMzLTAuMzMgMC40OS0wLjcyIDAuNDktMS4xN3YtMy4zM2MwLTAuNDUtMC4xNi0wLjg0LTAuNDktMS4xNyAtMC4zMy0wLjMzLTAuNzItMC40OS0xLjE3LTAuNDlIMTVjLTAuNDUgMC0wLjg0IDAuMTYtMS4xNyAwLjUgLTAuMzMgMC4zMy0wLjUgMC43Mi0wLjUgMS4xN1YyNi42N3oiLz48L3N2Zz4K") center center no-repeat;
  background-size: 25px;
}

@media only screen and (min-width: 801px) {
  .webinar-catalog .toggle-next[aria-expanded="true"]:before {
    width: 35px;
    height: 35px;
    margin-right: 15px;
    background-size: 35px;
  }
}

.webinar-catalog--index .panel-block__content {
  padding-bottom: 0;
}

.webinar-catalog--index .webinar-product.product-type-bundle .out_of_stock {
  cursor: default;
}

.webinar-catalog--index .webinar-product.product-type-bundle .webinar-product__start {
  color: #fff;
  margin-left: 35px;
}

.webinar-catalog--index .webinar-product.product-type-bundle .webinar-product__start:hover, .webinar-catalog--index .webinar-product.product-type-bundle .webinar-product__start:active {
  color: #fff;
}

.webinar-catalog--index .webinar-product:first-child .webinar-product__header {
  margin-top: 20px;
}

.webinar-catalog--index .webinar-product__header {
  margin-left: -10px;
  margin-right: -10px;
  font-size: 18px;
}

@media only screen and (min-width: 801px) {
  .webinar-catalog--index .webinar-product__header {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.webinar-catalog--index .webinar-product__header__title {
  font-size: inherit;
  font-weight: 500;
  color: #008fce;
}

@media only screen and (min-width: 801px) {
  .webinar-catalog--index .webinar-product__header__actions {
    display: block;
  }
}

.webinar-catalog--index .webinar-product__footer {
  margin-left: -10px;
  margin-right: -10px;
}

@media only screen and (min-width: 801px) {
  .webinar-catalog--index .webinar-product__footer {
    display: none;
  }
}

.webinar-catalog--category.panel-block {
  padding-left: 0;
  padding-right: 0;
}

.webinar-catalog--category .webinar-product + .webinar-product {
  margin-top: 20px;
}

.webinar-catalog--category .webinar-product__footer {
  border-bottom: 2px solid #333;
}

.webinar-catalog--category .webinar-product--simple .webinar-product__header__title {
  width: 100%;
}

.webinar-catalog--category .webinar-product--bundle {
  font-size: 18px;
}

.webinar-catalog--category .webinar-product--bundle .webinar-product__header {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.webinar-catalog--category .webinar-product--bundle .webinar-product__header__title {
  font-size: inherit;
}

@media only screen and (max-width: 800px) {
  .webinar-catalog--category .webinar-product--bundle .webinar-product__header__title {
    display: none;
  }
}

.webinar-catalog--category .webinar-product--bundle .webinar-product__header__actions {
  display: block;
}

.webinar-catalog--category .webinar-product--bundle .webinar-product__footer {
  display: none;
}

/*doc
---
title: CMS Tout
name: cms-tout
category: Base Styles - CMS
---
```html_example_table

<div class="cms-tout">
  <p>This level serves as a gateway to understanding Medicare. Throughout introductory MRU Level 1 courses, you will learn common insurance
  and health care terms, gain an understanding of Medicare eligibility requirements, and receive a broad overview of the fundamental components of Medicare.</p>
  <p>Click on the course links below to view MRU Level 1 courses (you will only be able to access courses for which you are registered):</p>
</div>

```
*/
.cms-tout {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #fff;
  background-color: #008fce;
}

.cms-tout a {
  color: #001d6c;
}

.cms-tout a:hover, .cms-tout a:active {
  color: #fff;
}

/* Only putting this in this file for consistency */
.learning-center-tout {
  background: #ffffff;
  color: #333333;
  padding-bottom: 40px;
}

/*doc
---
title: CMS Secondary Nav
name: secondary-nav
category: Base Styles - Navigation
---
```html_example_table

<aside class="secondary-sidebar">
  <img class="secondary-sidebar__icon" src="http://sassdoc.com/assets/images/logo_full_inline.svg" height="150" width="150">
  <nav class="secondary-nav"> 
    <div class="secondary-nav__heading">Explaining Medicine</div>
    <ul class="secondary-nav__list">
      <li>What is health insurance?</li>
      <li><a href="#">What is Medicare?</a></li>
      <li><a href="#">What is the difference between Medicare and Medicade?</a></li>
    </ul>
  </nav>
</aside>

```
*/
@media only screen and (min-width: 980px) {
  .secondary-sidebar {
    display: block;
    float: left;
    width: 25%;
    margin-bottom: 0;
    padding-right: 10px;
  }
}

.secondary-sidebar__icon {
  display: none;
  width: 150px;
  height: 150px;
  margin: 0 auto;
}

@media only screen and (min-width: 980px) {
  .secondary-sidebar__icon {
    display: block;
  }
}

.secondary-sidebar__icon--plus {
  opacity: 1;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: opacity .5s ease-out, -webkit-transform .5s ease-out;
  transition: opacity .5s ease-out, transform .5s ease-out;
}

.secondary-sidebar__icon--minus {
  width: 0;
  opacity: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  transition: opacity .5s ease-out, -webkit-transform .5s ease-out;
  transition: opacity .5s ease-out, transform .5s ease-out;
}

.secondary-sidebar .mi_ad_space {
  margin-top: 20px;
}

@media only screen and (max-width: 980px) {
  .secondary-sidebar .mi_ad_space {
    display: none;
  }
}

.secondary-nav {
  display: none;
}

@media only screen and (min-width: 980px) {
  .secondary-nav {
    display: block;
  }
}

.secondary-nav__heading {
  display: none;
}

@media only screen and (min-width: 980px) {
  .secondary-nav__heading {
    display: block;
    margin: 0;
    padding-bottom: 20px;
    color: #49a942;
    text-align: center;
    border-bottom: 1px solid #ddd;
  }
}

.secondary-nav__list {
  padding: 20px 0 0;
  margin: 0;
  list-style: none;
  font-size: 1.8rem;
}

@media only screen and (min-width: 980px) {
  .secondary-nav__list {
    display: block;
  }
}

.secondary-nav__list > li {
  padding-bottom: 20px;
}

.secondary-nav__list > li:last-child {
  padding: 0;
}

.secondary-nav__list > li.current-menu-item a, .secondary-nav__list > li.current-menu-parent a, .secondary-nav__list > li.current_page_item a {
  color: #333;
}

.secondary-nav__heading--mobile + .secondary-nav {
  display: block;
}

.toggle-next.secondary-nav__heading--mobile {
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.22222;
  font-size: 1.8rem;
  font-weight: 600;
  color: #333;
  position: relative;
  width: 100%;
  height: auto;
  padding: 18px 10px 18px 50px;
  margin-bottom: 25px;
  background-color: #001d6c;
  color: #fff;
  cursor: pointer;
  text-align: left;
}

@media only screen and (min-width: 801px) {
  .toggle-next.secondary-nav__heading--mobile {
    line-height: 1.09;
    font-size: 2.2rem;
  }
}

.toggle-next.secondary-nav__heading--mobile a {
  color: inherit;
}

@media only screen and (min-width: 980px) {
  .toggle-next.secondary-nav__heading--mobile {
    display: none;
  }
}

.toggle-next.secondary-nav__heading--mobile svg {
  position: absolute;
  top: 16px;
  left: 10px;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-right: 15px;
  fill: #fff;
}

.toggle-next.secondary-nav__heading--mobile.toggle-next--expanded {
  margin-bottom: 15px;
  border-bottom: 1px solid #fff;
}

.toggle-next.secondary-nav__heading--mobile.toggle-next--expanded .secondary-sidebar__icon--plus {
  opacity: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.toggle-next.secondary-nav__heading--mobile.toggle-next--expanded .secondary-sidebar__icon--minus {
  width: 42px;
  height: 42px;
  left: 1px;
  top: 8px;
  opacity: 1;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

@media only screen and (max-width: 979px) {
  .toggle-next__content.secondary-nav__list > li {
    margin-top: 1px;
    padding: 15px 10px;
    background: #f5f5f5;
  }
  .toggle-next__content.secondary-nav__list > li:last-child {
    padding: 15px 10px;
  }
  .toggle-next__content.secondary-nav__list > li a {
    color: #333;
  }
}

.menu-my-profile-container .menu-item,
.menu-my-profile-medicare-minutes-container .menu-item,
.menu-my-profile-intake-form-container .menu-item,
.menu-my-profile-intake-mm-container .menu-item {
  padding: 7px 10px 7px 20px;
  border-radius: 2px;
}

.menu-my-profile-container .menu-item a,
.menu-my-profile-medicare-minutes-container .menu-item a,
.menu-my-profile-intake-form-container .menu-item a,
.menu-my-profile-intake-mm-container .menu-item a {
  display: block;
}

@media only screen and (min-width: 979px) {
  .menu-my-profile-container .menu-item,
  .menu-my-profile-medicare-minutes-container .menu-item,
  .menu-my-profile-intake-form-container .menu-item,
  .menu-my-profile-intake-mm-container .menu-item {
    width: 80%;
    margin: 10px 0 10px 0;
  }
}

.menu-my-profile-container .menu-item:hover, .menu-my-profile-container .menu-item:active,
.menu-my-profile-medicare-minutes-container .menu-item:hover,
.menu-my-profile-medicare-minutes-container .menu-item:active,
.menu-my-profile-intake-form-container .menu-item:hover,
.menu-my-profile-intake-form-container .menu-item:active,
.menu-my-profile-intake-mm-container .menu-item:hover,
.menu-my-profile-intake-mm-container .menu-item:active {
  background: #f2f2f2;
}

.menu-my-profile-container .menu-item:last-child,
.menu-my-profile-medicare-minutes-container .menu-item:last-child,
.menu-my-profile-intake-form-container .menu-item:last-child,
.menu-my-profile-intake-mm-container .menu-item:last-child {
  padding: 15px;
  background: #f5f5f5;
  text-align: center;
  margin: 30px 0px;
  font-weight: bold;
}

.menu-my-profile-container .menu-item.current-menu-item,
.menu-my-profile-medicare-minutes-container .menu-item.current-menu-item,
.menu-my-profile-intake-form-container .menu-item.current-menu-item,
.menu-my-profile-intake-mm-container .menu-item.current-menu-item {
  background: #008fce;
}

.menu-my-profile-container .menu-item.current-menu-item:hover, .menu-my-profile-container .menu-item.current-menu-item:active,
.menu-my-profile-medicare-minutes-container .menu-item.current-menu-item:hover,
.menu-my-profile-medicare-minutes-container .menu-item.current-menu-item:active,
.menu-my-profile-intake-form-container .menu-item.current-menu-item:hover,
.menu-my-profile-intake-form-container .menu-item.current-menu-item:active,
.menu-my-profile-intake-mm-container .menu-item.current-menu-item:hover,
.menu-my-profile-intake-mm-container .menu-item.current-menu-item:active {
  background: #008fce;
}

.menu-my-profile-container .menu-item.current-menu-item a,
.menu-my-profile-medicare-minutes-container .menu-item.current-menu-item a,
.menu-my-profile-intake-form-container .menu-item.current-menu-item a,
.menu-my-profile-intake-mm-container .menu-item.current-menu-item a {
  color: #fff;
}

.control {
  position: relative;
  display: block;
  padding: 15px 0 15px 50px;
  cursor: pointer;
  /*doc
---
title: Radio Input
name: radio-input
category: Base Styles - Forms
---
```html_example
<label class="control">
    <input type="radio" name="radio-choice" id="radio-choice-1" value="choice-1">
    <label for="radio-choice-1">Choice 1</label>
</label>
<label class="control">
    <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2">
    <label for="radio-choice-2">Choice 2</label>
</label>
```
*/
  /*doc
---
title: Checkbox Input
name: checkbox-input
category: Base Styles - Forms
---
```html_example
<label class="control optional">
    <input type="checkbox" name="checkbox" id="checkbox">
    <label for="checkbox">Checkbox</label>
</label>
<label class="control">
    <input type="checkbox" name="checkbox2" id="checkbox2">
    <label for="checkbox2">Another checkbox</label>
</label>
```
*/
}

.control.optional:after {
  font-size: 1.2rem;
  display: block;
  margin-top: 2px;
  margin-left: 5px;
  content: "Optional";
}

@media only screen and (min-width: 801px) {
  .control.optional:after {
    font-size: 1.4rem;
  }
}

.control.optional input[type="radio"] + label,
.control.optional input[type="checkbox"] + label {
  font-size: 1.8rem;
}

@media only screen and (min-width: 801px) {
  .control.optional input[type="radio"] + label,
  .control.optional input[type="checkbox"] + label {
    font-size: 2rem;
  }
}

.control.optional input[type="radio"] + label:after,
.control.optional input[type="checkbox"] + label:after {
  top: 25px;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control input[type="radio"] + label,
.control input[type="checkbox"] + label {
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.22222;
  font-size: 1.8rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

@media only screen and (min-width: 801px) {
  .control input[type="radio"] + label,
  .control input[type="checkbox"] + label {
    line-height: 1.09;
    font-size: 2.2rem;
  }
}

.control input[type="radio"] + label a,
.control input[type="checkbox"] + label a {
  color: inherit;
}

.control input[type="radio"]:checked + label,
.control input[type="checkbox"]:checked + label {
  color: #cf4d00;
}

.control input[type="radio"] + label:before,
.control input[type="radio"] + label:after,
.control input[type="checkbox"] + label:before,
.control input[type="checkbox"] + label:after {
  position: absolute;
  top: 15px;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.control input[type="radio"] + label:before,
.control input[type="checkbox"] + label:before {
  border: 1px solid #666;
  box-shadow: 0 0 0 4px #f4f4f4;
  display: block;
  line-height: 15px;
  color: #fff;
  background-color: #fff;
  content: '';
}

.control input[type="radio"] + label:before:focus,
.control input[type="checkbox"] + label:before:focus {
  box-shadow: 0 0 0 4px #ccf5f5;
  outline: none;
}

.control input[type="radio"] + label {
  width: 100%;
  height: 40px;
  line-height: 40px;
}

.control input[type="radio"] + label:before,
.control input[type="radio"] + label:after {
  top: 50%;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.control input[type="radio"] + label:before {
  width: 40px;
  height: 40px;
}

.control input[type="radio"]:checked + label:after {
  position: absolute;
  top: 50%;
  left: 12px;
  display: block;
  width: 18px;
  height: 18px;
  background-color: #cf4d00;
  content: '';
}

.control input[type="checkbox"] + label {
  height: 40px;
  line-height: 40px;
}

.control input[type="checkbox"] + label:before {
  width: 40px;
  height: 40px;
}

.control input[type="checkbox"]:checked + label:after {
  position: absolute;
  top: 23px;
  left: 10px;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI2NmNGQwMCIgZD0iTTM4Ljc1IDkuMzc1TDIwIDI4LjEyNWwtOC43NS04Ljc1TDUgMjUuNjI1bDE1IDE1IDI1LTI1TDM4Ljc1IDkuMzc1eiIvPjwvc3ZnPg==") center center no-repeat;
  background-size: 25px;
  content: '';
  fill: #cf4d00;
  color: #cf4d00;
}

/* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */
/* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */
/*doc
---
title: Custom Select
name: customselect
category: Base Styles - Forms
---
```html_example
<form>
<label class="wrapper">This label wraps the select
  <div class="custom-select ff-hack">
    <select>
      <option>Apples</option>
      <option>Bananas</option>
      <option>Grapes</option>
      <option>Oranges</option>
      <option>A very long option name to test wrapping</option>
    </select>
  </div>
</label>
</form>
```
*/
/* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */
.custom-select {
  position: relative;
  display: block;
  margin-top: .5em;
  padding: 0;
}

/* This is the native select, we're making everything but the text invisible so we can see the button styles in the wrapper */
.custom-select select {
  width: 100%;
  margin: 0;
  background: none;
  border: 1px solid transparent;
  outline: none;
  /* Prefixed box-sizing rules necessary for older browsers */
  box-sizing: border-box;
  /* Remove select styling */
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  /* General select styles: change as needed */
  font-weight: bold;
  padding: .6em 1.9em .5em .8em;
  border-radius: 0;
  border: 1px solid #666;
  box-shadow: 0 0 0 4px #f4f4f4;
  line-height: 1.4;
  font-size: 1.4rem;
  margin: 0;
}

.custom-select select:focus {
  box-shadow: 0 0 0 4px #ccf5f5;
  outline: none;
}

/* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select. Note this si a 2x image so it will look bad in browsers that don't support background-size. In production, you'd handle this resolution switch via media query but this is a demo. */
.custom-select::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 7px;
  top: 50%;
  right: 1em;
  margin-top: -2px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgICB3aWR0aD0iMTAuNzk1cHgiIGhlaWdodD0iNi45MzhweCIgdmlld0JveD0iLTEuOTI3IDEuOTI5IDEwLjc5NSA2LjkzOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMS45MjcgMS45MjkgMTAuNzk1IDYuOTM4IiAgIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIGlkPSJMYXllcl8xXzFfIiBkaXNwbGF5PSJub25lIj4gIDxnIGRpc3BsYXk9ImlubGluZSI+ICAgIDxwYXRoIGZpbGw9IiMwMDI2NDkiIGQ9Ik0xLjMwNSwxMC4zNTNjLTAuMTQsMC4xNDItMC4zNjMsMC4xNDItMC41MDIsMGwtNC4xNDUtNC4xMzhjLTAuMTQxLTAuMTQtMC4xNDEtMC4zNjksMC0wLjUwOGwwLjkyNy0wLjkyMSAgICAgIGMwLjE0MS0wLjE0LDAuMzYzLTAuMTQsMC41MDMsMEwxLjA1NCw3Ljc1TDQuMDIsNC43ODVjMC4xNC0wLjE0LDAuMzYyLTAuMTQsMC41MDIsMEw1LjQ1LDUuNzA2YzAuMTM5LDAuMTQsMC4xMzksMC4zNjksMCwwLjUwOCAgICAgIEwxLjMwNSwxMC4zNTN6Ii8+ICA8L2c+PC9nPjxnIGlkPSJMYXllcl80IiBkaXNwbGF5PSJub25lIj4gIDxnIGRpc3BsYXk9ImlubGluZSI+ICAgIDxwYXRoIGZpbGw9IiMwMDI2NDkiIGQ9Ik0wLjQzMyw5Ljg5N2wzLjU1OSwzLjU1N2MwLjE2NywwLjE2OCwwLjE2NywwLjQzNiwwLDAuNjA0bC0xLjExMywxLjExMWMtMC4xNjcsMC4xNjgtMC40MzYsMC4xNjgtMC42MDMsMCAgICAgIGwtNC45NzEtNC45NzFjLTAuMTY3LTAuMTY3LTAuMTY3LTAuNDM2LDAtMC42MDJsNC45NzEtNC45NzNjMC4xNjctMC4xNjcsMC40MzYtMC4xNjcsMC42MDMsMGwxLjExMywxLjExMiAgICAgIGMwLjE2NywwLjE2NywwLjE2NywwLjQzNSwwLDAuNjAzTDAuNDMzLDkuODk3eiIvPiAgPC9nPjwvZz48ZyBpZD0iTGF5ZXJfNSI+ICA8Zz4gICAgPHBhdGggZmlsbD0iIzBFMjc0OSIgZD0iTS0xLjgwMiwzLjc2OWMtMC4xNjgtMC4xNjctMC4xNjgtMC40MzYsMC0wLjYwM2wxLjExMS0xLjExMWMwLjE2OC0wLjE2NywwLjQzNi0wLjE2NywwLjYwNCwwTDMuNDcsNS42MTEgICAgICBsMy41NTctMy41NThjMC4xNjctMC4xNjcsMC40MzUtMC4xNjcsMC42MDMsMGwxLjExMiwxLjExM2MwLjE2NywwLjE2NywwLjE2NywwLjQzNiwwLDAuNjAzTDMuNzcyLDguNzQgICAgICBjLTAuMTY3LDAuMTY4LTAuNDM1LDAuMTY4LTAuNjAzLDBMLTEuODAyLDMuNzY5eiIvPiAgPC9nPjwvZz48ZyBpZD0iTGF5ZXJfMiIgZGlzcGxheT0ibm9uZSI+ICA8ZyBkaXNwbGF5PSJpbmxpbmUiPiAgICA8cGF0aCBmaWxsPSIjMEUyNzQ5IiBkPSJNLTYuNzYsMC45OWMwLDAuMTg5LTAuMTY3LDAuMzU3LTAuMzU3LDAuMzU3aC0yLjE0MmMtMC4xODksMC0wLjM1Ny0wLjE2Ny0wLjM1Ny0wLjM1N3YtMi4xNDIgICAgICBjMC0wLjE4OSwwLjE2Ny0wLjM1NywwLjM1Ny0wLjM1N2gyLjE0MmMwLjE4OCwwLDAuMzU3LDAuMTY3LDAuMzU3LDAuMzU3VjAuOTl6IE0tNi43Niw1LjI3M2MwLDAuMTg5LTAuMTY3LDAuMzU3LTAuMzU3LDAuMzU3ICAgICAgaC0yLjE0MmMtMC4xODksMC0wLjM1Ny0wLjE2Ny0wLjM1Ny0wLjM1N1YzLjEzMmMwLTAuMTg5LDAuMTY3LTAuMzU3LDAuMzU3LTAuMzU3aDIuMTQyYzAuMTg4LDAsMC4zNTcsMC4xNjcsMC4zNTcsMC4zNTdWNS4yNzN6ICAgICAgIE0tNi43Niw5LjU1OGMwLDAuMTg4LTAuMTY3LDAuMzU1LTAuMzU3LDAuMzU1aC0yLjE0MmMtMC4xODksMC0wLjM1Ny0wLjE2Ny0wLjM1Ny0wLjM1NVY3LjQxNWMwLTAuMTg5LDAuMTY3LTAuMzU3LDAuMzU3LTAuMzU3ICAgICAgaDIuMTQyYzAuMTg4LDAsMC4zNTcsMC4xNjgsMC4zNTcsMC4zNTdWOS41NTh6IE0tNi43NiwxMy44NGMwLDAuMTg4LTAuMTY3LDAuMzU2LTAuMzU3LDAuMzU2aC0yLjE0MiAgICAgIGMtMC4xODksMC0wLjM1Ny0wLjE2OC0wLjM1Ny0wLjM1NnYtMi4xNDJjMC0wLjE4OSwwLjE2Ny0wLjM1NywwLjM1Ny0wLjM1N2gyLjE0MmMwLjE4OCwwLDAuMzU3LDAuMTY4LDAuMzU3LDAuMzU3VjEzLjg0eiAgICAgICBNMTAuMzcyLDAuOTljMCwwLjE4OS0wLjE2NiwwLjM1Ny0wLjM1NCwwLjM1N0gtNC45NzZjLTAuMTg4LDAtMC4zNTYtMC4xNjctMC4zNTYtMC4zNTd2LTIuMTQyYzAtMC4xODksMC4xNjctMC4zNTcsMC4zNTYtMC4zNTcgICAgICBoMTQuOTkyYzAuMTg4LDAsMC4zNTQsMC4xNjcsMC4zNTQsMC4zNTdMMTAuMzcyLDAuOTlMMTAuMzcyLDAuOTl6IE0xMC4zNzIsNS4yNzNjMCwwLjE4OS0wLjE2NiwwLjM1Ny0wLjM1NCwwLjM1N0gtNC45NzYgICAgICBjLTAuMTg4LDAtMC4zNTYtMC4xNjctMC4zNTYtMC4zNTdWMy4xMzJjMC0wLjE4OSwwLjE2Ny0wLjM1NywwLjM1Ni0wLjM1N2gxNC45OTJjMC4xODgsMCwwLjM1NCwwLjE2NywwLjM1NCwwLjM1N0wxMC4zNzIsNS4yNzMgICAgICBMMTAuMzcyLDUuMjczeiBNMTAuMzcyLDkuNTU4YzAsMC4xODgtMC4xNjYsMC4zNTUtMC4zNTQsMC4zNTVILTQuOTc2Yy0wLjE4OCwwLTAuMzU2LTAuMTY3LTAuMzU2LTAuMzU1VjcuNDE1ICAgICAgYzAtMC4xODksMC4xNjctMC4zNTcsMC4zNTYtMC4zNTdoMTQuOTkyYzAuMTg4LDAsMC4zNTQsMC4xNjgsMC4zNTQsMC4zNTdMMTAuMzcyLDkuNTU4TDEwLjM3Miw5LjU1OHogTTEwLjM3MiwxMy44NCAgICAgIGMwLDAuMTg4LTAuMTY2LDAuMzU2LTAuMzU0LDAuMzU2SC00Ljk3NmMtMC4xODgsMC0wLjM1Ni0wLjE2OC0wLjM1Ni0wLjM1NnYtMi4xNDJjMC0wLjE4OSwwLjE2Ny0wLjM1NywwLjM1Ni0wLjM1N2gxNC45OTIgICAgICBjMC4xODgsMCwwLjM1NCwwLjE2OCwwLjM1NCwwLjM1N0wxMC4zNzIsMTMuODRMMTAuMzcyLDEzLjg0eiIvPiAgPC9nPjwvZz48ZyBpZD0iTGF5ZXJfMyIgZGlzcGxheT0ibm9uZSI+ICA8ZyBkaXNwbGF5PSJpbmxpbmUiPiAgICA8cGF0aCBmaWxsPSIjMEUyNzQ5IiBkPSJNNC43NDMsMTIuNTI4bC0zLjkwNCw0LjI4M2MtMC4wNjYsMC4wNjQtMC4xNTUsMC4xMDktMC4yNTYsMC4xMDljLTAuMTAyLDAtMC4yMDEtMC4wNDUtMC4yNjktMC4xMDkgICAgICBsLTMuOTU5LTQuMjgzYy0wLjA4OS0wLjExMi0wLjExMS0wLjI1OC0wLjA1Ny0wLjM5MWMwLjA1Ny0wLjEyMywwLjE3OS0wLjIxNSwwLjMyMy0wLjIxNWgyLjQ5OXYtMTMuOTIgICAgICBjMC0wLjIwMSwwLjE1NS0wLjM1NywwLjM1Ni0wLjM1N0gxLjYyYzAuMiwwLDAuMzU2LDAuMTU2LDAuMzU2LDAuMzU3djEzLjkyaDIuNDk4YzAuMTQ2LDAsMC4yNjksMC4wNzgsMC4zMjIsMC4yMTUgICAgICBDNC44NTQsMTIuMjcxLDQuODMzLDEyLjQxNiw0Ljc0MywxMi41Mjh6Ii8+ICA8L2c+PC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
  /* This hack make the select behind the arrow clickable in some browsers */
  pointer-events: none;
}

.validation-error .custom-select::after {
  margin-top: -15px;
}

/* Hover style */
/* Focus style */
.custom-select select:focus {
  outline: none;
  box-shadow: 0 0 1px 3px #b4defa;
  background-color: transparent;
  color: #222;
  border: 1px solid #aaa;
}

/* Set options to normal weight */
.custom-select option {
  font-weight: normal;
}

/* ------------------------------------  */
/* START OF UGLY BROWSER-SPECIFIC HACKS */
/* ----------------------------------  */
/* OPERA - Pre-Blink nix the custom arrow, go with a native select button to keep it simple. Targeted via this hack http://browserhacks.com/#hack-a3f166304aafed524566bc6814e1d5c7 */
x:-o-prefocus, .custom-select::after {
  display: none;
}

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom-select select::-ms-expand {
    display: none;
  }
  .custom-select select:focus::-ms-value {
    background: transparent;
    color: #222;
  }
}

/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
/* Show only the native arrow */
@-moz-document url-prefix() {
  .custom-select {
    overflow: hidden;
    border-right: 1px solid #f4f4f4;
  }
  .custom-select::after {
    right: .75em;
  }
  .custom-select select {
    width: 120%;
    width: calc(100% + 3em) !important;
    max-width: none !important;
    padding-right: calc(3em + 20px);
  }
}

/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
.custom-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* ------------------------------------  */
/*  END OF UGLY BROWSER-SPECIFIC HACKS  */
/* ------------------------------------  */
.event__content .event-left {
  font-size: 1.6rem;
  margin-bottom: 40px;
}

@media only screen and (max-width: 478px) {
  .event__content .event-left {
    text-align: center;
    width: 100%;
  }
}

@media only screen and (min-width: 479px) {
  .event__content .event-left {
    float: left;
    width: 33%;
  }
}

.event__content .event-right {
  font-size: 1.6rem;
  margin-bottom: 40px;
}

@media only screen and (max-width: 478px) {
  .event__content .event-right {
    width: 100%;
  }
}

@media only screen and (min-width: 480px) {
  .event__content .event-right {
    float: right;
    width: 67%;
  }
}

@media only screen and (min-width: 980px) {
  .event__content .event-right .button, .event__content .event-right .course__sidebar .add_to_cart_button + .added_to_cart, .course__sidebar .event__content .event-right .add_to_cart_button + .added_to_cart {
    width: 100%;
  }
}

@media only screen and (min-width: 1052px) {
  .event__content .event-right .button, .event__content .event-right .course__sidebar .add_to_cart_button + .added_to_cart, .course__sidebar .event__content .event-right .add_to_cart_button + .added_to_cart {
    width: auto;
  }
}

.event-close {
  padding: 10px;
  border-radius: 5px;
  background: rgba(23, 35, 34, 0.75);
  line-height: 0;
}

.event-close:hover, .event-close:active {
  background: #00adef;
}

.event-close svg {
  fill: #dddddd;
  height: 15px;
  width: 15px;
}

.event-close svg:hover, .event-close svg:active {
  fill: #ffffff;
}

/*doc
---
title: Site Footer
name: site-footer
category: Components - Footer
---
```html_example_table

<div class="site-footer">
  <div class="site-footer__social-bar">
    <a class="back-to-top" href="#">
        <svg>
          <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#circledarrow"></use>
        </svg> Back to Top</a>
    <form class="site-footer__newsletter">
      <span>Subscribe to our Newsletter</span>
      <input type="email" placeholder="Enter email address">
      <button class="button" type="submit">Sign up</button>
    </form>
    <div class="site-footer__social-icons">
      <a href="https://www.facebook.com/medicarerights">
        <svg>
          <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#facebook"></use>
        </svg>
      </a>
      <a href="https://twitter.com/medicarerights">
        <svg>
          <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#twitter"></use>
        </svg>
      </a>
      <a href="https://www.youtube.com/user/MedicareRightsCenter">
        <svg>
          <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#youtube"></use>
        </svg>
      </a>
    </div>
  </div>
  <ul class="site-footer__nav">
    <li><a href="#">Home</a></li>
    <li><a href="#">Contact Us</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Donate</a></li>
    <li><a href="#">Terms & Conditions</a></li>
    <li><a href="#">Privacy</a></li>
  </ul>
  <div class="site-footer__copyright">
    &copy; Copyright 2015 Medicare Interactive
  </div>
</div>

```
*/
.site-footer {
  margin-bottom: 15px;
  margin-top: 50px;
}

.site-footer > .container {
  padding-left: 20px;
  padding-right: 20px;
}

.site-footer__social-bar {
  color: #fff;
  text-align: center;
  background-color: #008fce;
}

@media only screen and (min-width: 980px) {
  .site-footer__social-bar {
    text-align: left;
  }
}

.site-footer__social-bar:after {
  content: '';
  display: table;
  clear: both;
}

.site-footer__newsletter {
  font-size: 1.4rem;
  padding: 0 25px;
}

@media only screen and (min-width: 980px) {
  .site-footer__newsletter {
    float: left;
    height: 40px;
    padding: 20px 0 20px 20px;
    line-height: 40px;
  }
}

.site-footer__newsletter:after {
  content: '';
  display: table;
  clear: both;
}

.site-footer__newsletter input,
.site-footer__newsletter button {
  display: inline;
}

@media only screen and (max-width: 980px) {
  .site-footer__newsletter input,
  .site-footer__newsletter button {
    line-height: 1.22222;
    font-size: 1.8rem;
  }
}

.site-footer__newsletter .button:hover, .site-footer__newsletter .course__sidebar .add_to_cart_button + .added_to_cart:hover, .course__sidebar .site-footer__newsletter .add_to_cart_button + .added_to_cart:hover, .site-footer__newsletter .button:active, .site-footer__newsletter .course__sidebar .add_to_cart_button + .added_to_cart:active, .course__sidebar .site-footer__newsletter .add_to_cart_button + .added_to_cart:active, .site-footer__newsletter .button:focus, .site-footer__newsletter .course__sidebar .add_to_cart_button + .added_to_cart:focus, .course__sidebar .site-footer__newsletter .add_to_cart_button + .added_to_cart:focus {
  background: #fff;
  color: #001d6c;
}

.site-footer__newsletter > label {
  font-size: 1.8rem;
  display: block;
  padding: 20px 0 10px;
  color: #fff;
}

@media only screen and (min-width: 980px) {
  .site-footer__newsletter > label {
    float: left;
    padding: 0;
    line-height: 40px;
  }
}

.site-footer__newsletter > input {
  float: left;
  width: calc(100% - 135px);
  height: 40px;
  margin: 0;
  border: 0;
  box-shadow: none;
}

@media only screen and (min-width: 980px) {
  .site-footer__newsletter > input {
    width: 220px;
    margin-left: 17px;
  }
}

@media only screen and (min-width: 1240px) {
  .site-footer__newsletter > input {
    width: 270px;
  }
}

.site-footer__newsletter > input:focus {
  box-shadow: inset 0 0 0 4px #ccf5f5;
}

.site-footer__newsletter > button {
  float: left;
  width: 120px;
  padding: 10px 20px 9px;
  margin-top: 0;
  margin-left: 4px;
  background-color: #001d6c;
}

@media only screen and (min-width: 980px) {
  .site-footer__newsletter > button {
    width: auto;
    padding: 9px 20px 10px;
  }
}

@media only screen and (min-width: 1240px) {
  .site-footer__newsletter > button {
    padding: 8px 20px 9px;
  }
}

.site-footer__social-icons {
  display: inline-block;
  padding: 20px 0;
  list-style-type: none;
}

@media only screen and (min-width: 980px) {
  .site-footer__social-icons {
    float: right;
    margin-right: 25px;
    padding: 0;
    line-height: 30px;
  }
}

@media only screen and (min-width: 1240px) {
  .site-footer__social-icons {
    margin-right: 30px;
  }
}

.site-footer__social-icons svg {
  height: 30px;
  width: 30px;
}

.site-footer__social-icons li {
  float: left;
}

@media only screen and (min-width: 980px) {
  .site-footer__social-icons li {
    height: 30px;
    margin-top: 25px;
    margin-bottom: 25px;
  }
}

.site-footer__social-icons li + li {
  margin-left: 30px;
}

@media only screen and (min-width: 980px) {
  .site-footer__social-icons li + li {
    margin-left: 25px;
  }
}

.site-footer__social-icons a {
  color: #fff;
}

.site-footer__social-icons a:hover, .site-footer__social-icons a:active, .site-footer__social-icons a:focus {
  color: #001d6c;
}

.site-footer__nav {
  padding: 20px 0 0;
  text-align: center;
  list-style: none;
  font-weight: 500;
}

@media only screen and (min-width: 980px) {
  .site-footer__nav {
    text-align: left;
  }
}

.site-footer__nav li {
  font-size: 1.4rem;
  display: inline;
  padding-right: 15px;
}

.site-footer__nav li:last-child {
  padding-right: 0;
}

.site-footer__nav:after {
  content: '';
  display: table;
  clear: both;
}

.site-footer__copyright {
  font-size: 1.2rem;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

@media only screen and (min-width: 980px) {
  .site-footer__copyright {
    text-align: left;
  }
}

.back-to-top {
  font-size: 1.4rem;
  display: block;
  padding: 15px 0;
  text-align: center;
  color: #fff;
  background-color: #001d6c;
}

.back-to-top--touch-triggered, .back-to-top--touch-triggered:hover {
  color: #fff;
  background-color: #001d6c;
}

@media only screen and (min-width: 801px) {
  .back-to-top:active, .back-to-top:focus {
    color: #001d6c;
    background-color: #fff;
  }
  .back-to-top:active .back-to-top__icon, .back-to-top:focus .back-to-top__icon {
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggaWQ9ImNpcmNsZSIgZmlsbD0iIzAwMWQ2YyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTQyLjMxMiAxNC45NjFjLTEuNzg1LTMuMDY0LTQuMjE1LTUuNDkxLTcuMjczLTcuMjc3LTMuMDYyLTEuNzg5LTYuNDA5LTIuNjg1LTEwLjA0Mi0yLjY4NS0zLjYyNSAwLTYuOTcxIDAuODk2LTEwLjAzNyAyLjY4NS0zLjA2MiAxLjc4Ni01LjQ5MyA0LjIxMy03LjI3OCA3LjI3N0M1Ljg5NCAxOC4wMjQgNSAyMS4zNzMgNSAyNWMwIDMuNjMzIDAuODk0IDYuOTc5IDIuNjgyIDEwLjAzOSAxLjc4NyAzLjA2OCA0LjIxNSA1LjQ5NiA3LjI3OCA3LjI4MSAzLjA2MyAxLjc4OSA2LjQxMSAyLjY4MSAxMC4wMzcgMi42ODEgMy42MzMgMCA2Ljk4MS0wLjg5MiAxMC4wNDItMi42ODEgMy4wNTktMS43ODcgNS40OS00LjIxMyA3LjI3My03LjI4MUM0NC4xMDcgMzEuOTc5IDQ1IDI4LjYzMyA0NSAyNSA0NSAyMS4zNzMgNDQuMTA3IDE4LjAyNCA0Mi4zMTIgMTQuOTYxeiIvPjxwYXRoIGlkPSJhcnJvdyIgZmlsbD0iI2ZmZmZmZiIgZD0iTTMwLjQ3MSAyNS43NjZsLTcuNjg5IDcuNjg4Yy0wLjIxNSAwLjIwOC0wLjQ2OSAwLjMyLTAuNzYyIDAuMzJzLTAuNTQ3LTAuMTEyLTAuNzYzLTAuMzJsLTEuNzI4LTEuNzI3Yy0wLjIxMy0wLjIxNi0wLjMyMi0wLjQ2OS0wLjMyMi0wLjc2NCAwLTAuMjk0IDAuMTA5LTAuNTQ3IDAuMzIyLTAuNzYzbDUuMjAzLTUuMi01LjIwMy01LjE5OGMtMC4yMTMtMC4yMTUtMC4zMjItMC40NjgtMC4zMjItMC43NjIgMC0wLjI5NSAwLjEwOS0wLjU0OSAwLjMyMi0wLjc2NmwxLjcyOC0xLjcyNWMwLjIxNi0wLjIxNCAwLjQ3LTAuMzIzIDAuNzYzLTAuMzIzczAuNTQ3IDAuMTA5IDAuNzYyIDAuMzIzbDcuNjg5IDcuNjljMC4yMTMgMC4yMTYgMC4zMjIgMC40NjkgMC4zMjIgMC43NjFDMzAuNzkzIDI1LjI5MiAzMC42ODQgMjUuNTQ3IDMwLjQ3MSAyNS43NjZ6Ii8+PC9zdmc+) center center no-repeat;
    background-size: 30px;
  }
}

.back-to-top:hover:not(.back-to-top--touch-triggered) {
  color: #001d6c;
  background-color: #fff;
}

.back-to-top:hover:not(.back-to-top--touch-triggered) .back-to-top__icon {
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggaWQ9ImNpcmNsZSIgZmlsbD0iIzAwMWQ2YyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTQyLjMxMiAxNC45NjFjLTEuNzg1LTMuMDY0LTQuMjE1LTUuNDkxLTcuMjczLTcuMjc3LTMuMDYyLTEuNzg5LTYuNDA5LTIuNjg1LTEwLjA0Mi0yLjY4NS0zLjYyNSAwLTYuOTcxIDAuODk2LTEwLjAzNyAyLjY4NS0zLjA2MiAxLjc4Ni01LjQ5MyA0LjIxMy03LjI3OCA3LjI3N0M1Ljg5NCAxOC4wMjQgNSAyMS4zNzMgNSAyNWMwIDMuNjMzIDAuODk0IDYuOTc5IDIuNjgyIDEwLjAzOSAxLjc4NyAzLjA2OCA0LjIxNSA1LjQ5NiA3LjI3OCA3LjI4MSAzLjA2MyAxLjc4OSA2LjQxMSAyLjY4MSAxMC4wMzcgMi42ODEgMy42MzMgMCA2Ljk4MS0wLjg5MiAxMC4wNDItMi42ODEgMy4wNTktMS43ODcgNS40OS00LjIxMyA3LjI3My03LjI4MUM0NC4xMDcgMzEuOTc5IDQ1IDI4LjYzMyA0NSAyNSA0NSAyMS4zNzMgNDQuMTA3IDE4LjAyNCA0Mi4zMTIgMTQuOTYxeiIvPjxwYXRoIGlkPSJhcnJvdyIgZmlsbD0iI2ZmZmZmZiIgZD0iTTMwLjQ3MSAyNS43NjZsLTcuNjg5IDcuNjg4Yy0wLjIxNSAwLjIwOC0wLjQ2OSAwLjMyLTAuNzYyIDAuMzJzLTAuNTQ3LTAuMTEyLTAuNzYzLTAuMzJsLTEuNzI4LTEuNzI3Yy0wLjIxMy0wLjIxNi0wLjMyMi0wLjQ2OS0wLjMyMi0wLjc2NCAwLTAuMjk0IDAuMTA5LTAuNTQ3IDAuMzIyLTAuNzYzbDUuMjAzLTUuMi01LjIwMy01LjE5OGMtMC4yMTMtMC4yMTUtMC4zMjItMC40NjgtMC4zMjItMC43NjIgMC0wLjI5NSAwLjEwOS0wLjU0OSAwLjMyMi0wLjc2NmwxLjcyOC0xLjcyNWMwLjIxNi0wLjIxNCAwLjQ3LTAuMzIzIDAuNzYzLTAuMzIzczAuNTQ3IDAuMTA5IDAuNzYyIDAuMzIzbDcuNjg5IDcuNjljMC4yMTMgMC4yMTYgMC4zMjIgMC40NjkgMC4zMjIgMC43NjFDMzAuNzkzIDI1LjI5MiAzMC42ODQgMjUuNTQ3IDMwLjQ3MSAyNS43NjZ6Ii8+PC9zdmc+) center center no-repeat;
  background-size: 30px;
}

@media only screen and (min-width: 980px) {
  .back-to-top {
    font-size: 1.8rem;
    float: right;
    padding: 20px 10px;
    line-height: 40px;
  }
}

.back-to-top__icon {
  display: inline-block;
  height: 24px;
  width: 24px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggaWQ9ImNpcmNsZSIgZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTQyLjMxMiAxNC45NjFjLTEuNzg1LTMuMDY0LTQuMjE1LTUuNDkxLTcuMjczLTcuMjc3IC0zLjA2Mi0xLjc4OS02LjQwOS0yLjY4NS0xMC4wNDItMi42ODUgLTMuNjI1IDAtNi45NzEgMC44OTYtMTAuMDM3IDIuNjg1IC0zLjA2MiAxLjc4Ni01LjQ5MyA0LjIxMy03LjI3OCA3LjI3N0M1Ljg5NCAxOC4wMjQgNSAyMS4zNzMgNSAyNWMwIDMuNjMzIDAuODk0IDYuOTc5IDIuNjgyIDEwLjAzOSAxLjc4NyAzLjA2OCA0LjIxNSA1LjQ5NiA3LjI3OCA3LjI4MSAzLjA2MyAxLjc4OSA2LjQxMSAyLjY4MSAxMC4wMzcgMi42ODEgMy42MzMgMCA2Ljk4MS0wLjg5MiAxMC4wNDItMi42ODEgMy4wNTktMS43ODcgNS40OS00LjIxMyA3LjI3My03LjI4MUM0NC4xMDcgMzEuOTc5IDQ1IDI4LjYzMyA0NSAyNSA0NSAyMS4zNzMgNDQuMTA3IDE4LjAyNCA0Mi4zMTIgMTQuOTYxeiIvPjxwYXRoIGlkPSJhcnJvdyIgZmlsbD0iIzAwMWQ2YyIgZD0iTTMwLjQ3MSAyNS43NjZsLTcuNjg5IDcuNjg4Yy0wLjIxNSAwLjIwOC0wLjQ2OSAwLjMyLTAuNzYyIDAuMzJzLTAuNTQ3LTAuMTEyLTAuNzYzLTAuMzJsLTEuNzI4LTEuNzI3Yy0wLjIxMy0wLjIxNi0wLjMyMi0wLjQ2OS0wLjMyMi0wLjc2NCAwLTAuMjk0IDAuMTA5LTAuNTQ3IDAuMzIyLTAuNzYzbDUuMjAzLTUuMiAtNS4yMDMtNS4xOThjLTAuMjEzLTAuMjE1LTAuMzIyLTAuNDY4LTAuMzIyLTAuNzYyIDAtMC4yOTUgMC4xMDktMC41NDkgMC4zMjItMC43NjZsMS43MjgtMS43MjVjMC4yMTYtMC4yMTQgMC40Ny0wLjMyMyAwLjc2My0wLjMyM3MwLjU0NyAwLjEwOSAwLjc2MiAwLjMyM2w3LjY4OSA3LjY5YzAuMjEzIDAuMjE2IDAuMzIyIDAuNDY5IDAuMzIyIDAuNzYxQzMwLjc5MyAyNS4yOTIgMzAuNjg0IDI1LjU0NyAzMC40NzEgMjUuNzY2eiIvPjwvc3ZnPg==) center center no-repeat;
  background-size: 24px;
  vertical-align: middle;
}

@media only screen and (min-width: 980px) {
  .back-to-top__icon {
    height: 30px;
    width: 30px;
    background-size: 30px;
  }
}

.free-assessment {
  padding: 30px;
}

.free-assessment-feedback {
  display: none;
  margin: 0px;
  border-top: 1px solid #ddd;
  text-align: center;
}

@media only screen and (min-width: 480px) {
  .free-assessment-feedback {
    text-align: left;
  }
}

.free-assessment-feedback .helpful-block-content {
  position: relative;
  padding-left: 0px;
  background: #fff;
  color: #001d6c;
  border: none;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 801px) {
  .free-assessment-feedback .helpful-block-content {
    width: 50%;
  }
}

.free-assessment-feedback .helpful-block-content .wthp_title {
  font-size: 2rem;
}

.free-assessment-feedback .helpful-block-content .wthp--unsubmitted {
  right: 0;
  top: 0;
  margin-top: 16px;
}

@media only screen and (min-width: 480px) {
  .free-assessment-feedback .helpful-block-content .wthp--unsubmitted {
    position: absolute;
  }
}

.free-assessment-feedback .helpful-block-content .wthp--unsubmitted a {
  background: #fff;
  border: none;
  color: #001d6c;
  font-size: 2rem;
}

@media only screen and (min-width: 801px) {
  .free-assessment-feedback .helpful-block-content .wthp--unsubmitted a {
    padding-right: 12px;
    padding-left: 12px;
  }
}

.free-assessment-feedback .helpful-block-content .wthp--unsubmitted a span svg {
  height: 20px;
  width: 20px;
  display: none;
}

@media only screen and (min-width: 801px) {
  .free-assessment-feedback .helpful-block-content .wthp--unsubmitted a span svg {
    display: inline;
    margin-right: 10px;
  }
}

.free-assessment-feedback .helpful-block-content textarea {
  margin-top: 20px;
}

.free-assessment-feedback .helpful-block-content input[type="button"] {
  background: #cf4d00;
  color: #fff;
  width: 150px;
  border: none;
  border-radius: 2px;
}

.free-assessment-feedback .helpful-block-content .success {
  margin-left: 10px;
}

@media only screen and (min-width: 801px) {
  .free-assessment-feedback .helpful-block-content .success {
    margin-left: 0px;
  }
}

.free-assessment__question-list {
  margin: 15px 0px 30px 0px;
}

.free-assessment__question-list > .free-assessment__answer-list {
  background: #ddd;
  padding: 10px;
}

.free-assessment__question-list > .free-assessment__answer-list.free-assessment__answer-list--no-answer {
  box-shadow: 0px 0px 5px 5px red;
}

.free-assessment__question-list > .free-assessment__answer-list > .free-assessment__answer-choice {
  display: none;
}

.free-assessment__question-list > .free-assessment__answer-list > .free-assessment__answer-label {
  display: block;
  background: #fff;
  color: #008fce;
  padding: 10px;
}

.free-assessment__question-list > .free-assessment__answer-list > .free-assessment__answer-label.free-assessment__answer-label--chosen {
  color: #fff;
  background: #001d6c;
}

.free-assessment__question-list > .free-assessment__answer-list > .free-assessment__answer-label.free-assessment__answer-label--wrong {
  background: #db0000;
}

.free-assessment__submit {
  background: #cf4d00;
  color: #fff;
  width: 150px;
  border-radius: 2px;
}

.free-assessment__submit--submitted {
  background: #ddd;
  color: #666;
}

.free-assessment__certificate {
  background: #cf4d00;
  color: #fff;
  width: 150px;
  border-radius: 2px;
}

.post-wrapper .ln-letters > a {
  width: 40px;
}

@media only screen and (min-width: 801px) {
  .post-wrapper .ln-letters > a {
    width: inherit;
  }
}

.post-wrapper .wthp {
  margin: 0px;
  border-top: 1px solid #ddd;
  text-align: center;
}

@media only screen and (min-width: 480px) {
  .post-wrapper .wthp {
    text-align: left;
  }
}

.post-wrapper .helpful-block-content {
  position: relative;
  padding-left: 0px;
  background: #fff;
  color: #001d6c;
  border: none;
  margin: 0px;
}

.post-wrapper .helpful-block-content .wthp_title {
  font-size: 2rem;
}

.post-wrapper .helpful-block-content ul li {
  display: inherit;
}

.post-wrapper .helpful-block-content .wthp--unsubmitted {
  right: 0;
  top: 0;
  margin-top: 16px !important;
}

@media only screen and (min-width: 480px) {
  .post-wrapper .helpful-block-content .wthp--unsubmitted {
    position: absolute;
  }
}

.post-wrapper .helpful-block-content .wthp--unsubmitted a {
  background: #fff;
  border: none;
  color: #001d6c;
  font-size: 2rem;
}

@media only screen and (min-width: 801px) {
  .post-wrapper .helpful-block-content .wthp--unsubmitted a {
    padding-right: 12px;
    padding-left: 12px;
  }
}

.post-wrapper .helpful-block-content .wthp--unsubmitted a span svg {
  height: 20px;
  width: 20px;
  display: none;
}

@media only screen and (min-width: 801px) {
  .post-wrapper .helpful-block-content .wthp--unsubmitted a span svg {
    display: inline;
    margin-right: 10px;
  }
}

.post-wrapper .helpful-block-content textarea {
  margin-top: 20px;
}

.post-wrapper .helpful-block-content input[type="button"] {
  background: #cf4d00;
  color: #fff;
  width: 150px;
  border: none;
  border-radius: 2px;
}

.post-wrapper .helpful-block-content .success {
  margin-left: 10px;
}

@media only screen and (min-width: 801px) {
  .post-wrapper .helpful-block-content .success {
    margin-left: 0px;
  }
}

.site-header {
  padding-top: 10px;
  background-color: #001d6c;
}

@media only screen and (min-width: 801px) {
  .site-header {
    padding-left: 0;
    padding-right: 0;
    background-color: inherit;
  }
}

@media only screen and (max-width: 800px) {
  .site-header .container:after {
    display: none;
  }
}

.site-header ul {
  list-style-type: none;
}

.site-header__logo {
  float: right;
  width: calc(100% - 125px);
  height: 60px;
  position: relative;
  padding: 7px 10px 8px;
  background: #fff;
  text-align: right;
}

@media only screen and (min-width: 801px) {
  .site-header__logo {
    width: auto;
    height: 90px;
    float: left;
    padding: 0;
    padding-left: 20px;
    text-align: left;
  }
}

@media only screen and (min-width: 980px) {
  .site-header__logo {
    height: 100px;
  }
}

@media only screen and (min-width: 1240px) {
  .site-header__logo {
    padding-left: 0;
  }
}

.site-header__logo:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 9px dotted transparent;
  border-right: 12px solid #fff;
  border-bottom: 9px solid transparent;
  border-left: 0;
  top: 50%;
  left: -12px;
  margin-top: -10px;
  z-index: 5;
}

@media only screen and (min-width: 801px) {
  .site-header__logo:before {
    display: none;
  }
}

.site-header__logo h1 {
  height: 100%;
  margin: 0;
}

.site-header__logo svg {
  height: 100%;
}

.site-header__logo--tagline {
  display: none;
}

@media only screen and (min-width: 801px) {
  .site-header__logo--tagline {
    display: block;
  }
  .site-header__logo--simple {
    display: none;
  }
}

@media only screen and (min-width: 801px) {
  .site-header__nav-bar {
    margin-top: 10px;
    background-color: #001d6c;
    clear: left;
  }
}

@media only screen and (min-width: 980px) {
  .site-header__nav-bar {
    margin-top: 20px;
  }
  .site-header__nav-bar .container {
    position: relative;
  }
}

.site-header .searchform, .site-header .searchform--alt {
  width: 100%;
  margin-top: 10px;
  clear: both;
}

@media only screen and (min-width: 801px) {
  .site-header .searchform, .site-header .searchform--alt {
    max-width: 400px;
    max-width: calc(100% - 305px);
    height: 65px;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #001d6c;
    clear: right;
  }
}

@media only screen and (min-width: 980px) {
  .site-header .searchform, .site-header .searchform--alt {
    max-width: 400px;
    height: 52px;
    position: absolute;
    top: -80px;
    right: 20px;
    padding: 0;
    background-color: inherit;
    border: 1px solid #001d6c;
  }
}

.site-header .searchform [type="search"], .site-header .searchform--alt [type="search"] {
  margin: 0;
  border: 0;
  box-shadow: none;
}

@media only screen and (min-width: 801px) {
  .site-header .searchform [type="search"], .site-header .searchform--alt [type="search"] {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
  }
}

@media only screen and (min-width: 980px) {
  .site-header .searchform [type="search"], .site-header .searchform--alt [type="search"] {
    width: 100%;
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.site-header .searchform [type="search"]:focus, .site-header .searchform--alt [type="search"]:focus {
  box-shadow: inset 0 0 0 4px #ccf5f5;
}

.site-header .searchform__submit {
  padding: 0 7px;
}

.site {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  transition: -webkit-transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
}

.main-nav--active {
  overflow-x: hidden;
}

.main-nav--active > .site {
  position: absolute;
  width: 100vw;
  -webkit-transform: translateX(250px);
      -ms-transform: translateX(250px);
          transform: translateX(250px);
}

@media only screen and (min-width: 801px) {
  .main-nav--active > .site {
    -webkit-transform: translateX(275px);
        -ms-transform: translateX(275px);
            transform: translateX(275px);
  }
}

.main-nav--active .main-nav__primary {
  position: absolute;
  width: 250px;
  height: 100%;
  top: 0;
  left: -250px;
  background-color: #f4f4f4;
}

@media only screen and (min-width: 801px) {
  .main-nav--active .main-nav__primary {
    width: 275px;
    left: -275px;
  }
}

.main-nav--active .main-nav__primary:after {
  top: 30px;
  right: 0;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 9px dotted transparent;
  border-right: 12px solid #001d6c;
  border-bottom: 9px solid transparent;
  border-left: 0;
  z-index: 5;
}

@media only screen and (min-width: 801px) {
  .main-nav--active .main-nav__primary:after {
    top: 133px;
    border-right-color: #008fce;
  }
}

.main-nav--active .main-nav__label--active {
  opacity: 1;
}

.main-nav--active .main-nav__label--inactive {
  opacity: 0;
}

@media only screen and (min-width: 801px) {
  .main-nav {
    float: left;
    width: 285px;
    background-color: #001d6c;
  }
}

@media only screen and (min-width: 980px) {
  .main-nav {
    width: 100%;
    position: relative;
  }
}

.main-nav svg {
  width: 25px;
  height: 25px;
}

.main-nav__toggle {
  position: relative;
}

.main-nav__toggle .icon {
  top: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve"><path d="M5 9.285h40v8.572H5V9.285zM5 20.714h40v8.571H5V20.714zM5 32.143h40v8.572H5V32.143z"/></svg>') center center no-repeat;
  height: 30px;
  width: 60px;
}

.main-nav__toggle .icon:hover {
  cursor: pointer;
}

.main-nav--active .main-nav__toggle .icon {
  left: 55%;
  background-color: transparent;
}

.main-nav--active .main-nav__toggle .icon:before, .main-nav--active .main-nav__toggle .icon:after {
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}

.main-nav--active .main-nav__toggle .icon:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.main-nav--active .main-nav__toggle .icon:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media only screen and (min-width: 980px) {
  .main-nav__toggle {
    display: none;
  }
}

.main-nav__label {
  transition: opacity .35s ease-in-out;
}

.main-nav__label--active {
  opacity: 0;
}

.main-nav__primary {
  padding-top: 20px;
  text-transform: uppercase;
  font-weight: 600;
}

@media only screen and (min-width: 980px) {
  .main-nav__primary {
    display: block;
    padding-top: 0;
    font-size: 2rem;
  }
}

@media only screen and (min-width: 980px) {
  .main-nav__primary li {
    float: left;
  }
}

.main-nav__primary li > .sub-menu {
  display: none;
}

@media only screen and (min-width: 980px) {
  .main-nav__primary li > .sub-menu.sub-menu--hover {
    display: block;
    position: absolute;
    width: 230px;
    background: #fff;
    margin-left: -1px;
    z-index: 100;
    border-style: solid;
    border-color: #1D5D93;
    border-width: thin;
    border-top-width: 0px;
  }
  .main-nav__primary li > .sub-menu.sub-menu--hover > li {
    text-transform: capitalize;
  }
  .main-nav__primary li > .sub-menu.sub-menu--hover > li > a {
    font-size: 1.7rem;
    padding: 0px 0px 0px 20px;
    color: #008fce;
    width: 228px;
  }
  .main-nav__primary li > .sub-menu.sub-menu--hover > li > a:focus {
    background-color: #fff;
  }
  .main-nav__primary li > .sub-menu.sub-menu--hover > li > a:hover, .main-nav__primary li > .sub-menu.sub-menu--hover > li > a:active {
    background: #fff;
    color: #001d6c !important;
  }
  .main-nav__primary li > .sub-menu.sub-menu--hover .current-page-ancestor > a,
  .main-nav__primary li > .sub-menu.sub-menu--hover .current-menu-parent > a {
    background: #fff;
  }
}

.main-nav__primary li:hover, .main-nav__primary li:active {
  background: #008fce;
}

.main-nav__primary .menu-answers > .sub-menu {
  display: none;
}

@media only screen and (min-width: 980px) {
  .main-nav__primary .menu-answers > .sub-menu.sub-menu--hover {
    display: block;
    position: absolute;
    width: 500px;
    height: 420px;
    background: #fff;
    margin-left: -1px;
    z-index: 100;
    border-style: solid;
    border-color: #1D5D93;
    border-width: thin;
    border-top-width: inherit;
  }
  .main-nav__primary .menu-answers > .sub-menu.sub-menu--hover > li {
    display: block;
    text-transform: none;
    padding: 0px 0px 0px 20px;
    margin: 20px 0px 5.8px 0px;
  }
  .main-nav__primary .menu-answers > .sub-menu.sub-menu--hover > li > a {
    display: inherit;
    font-size: 1.7rem;
    padding: 0px 20px 0px 0px;
    line-height: 1;
    color: #008fce;
    height: 40px;
    width: 220px;
  }
  .main-nav__primary .menu-answers > .sub-menu.sub-menu--hover > li > a:focus {
    background-color: #fff;
  }
  .main-nav__primary .menu-answers > .sub-menu.sub-menu--hover > li > a:hover, .main-nav__primary .menu-answers > .sub-menu.sub-menu--hover > li > a:active {
    background: #fff;
    color: #001d6c !important;
  }
  .main-nav__primary .menu-answers > .sub-menu.sub-menu--hover > li.all-answers {
    padding-right: 20px;
    width: 100%;
  }
  .main-nav__primary .menu-answers > .sub-menu.sub-menu--hover > li.all-answers > hr {
    background: #008fce;
    border: 0px;
    height: 1px;
  }
  .main-nav__primary .menu-answers > .sub-menu.sub-menu--hover > li.all-answers > a {
    font-size: 2rem;
  }
  .main-nav__primary .menu-answers > .sub-menu.sub-menu--hover > li.all-answers > a > svg {
    height: 0px;
    width: 0px;
  }
  .main-nav__primary .menu-answers > .sub-menu.sub-menu--hover > li.all-answers > a > .complex-icon {
    height: 50px;
    width: 50px;
    margin: -10px 0px 0px 0px;
    float: left;
  }
  .main-nav__primary .menu-answers > .sub-menu.sub-menu--hover > li:hover, .main-nav__primary .menu-answers > .sub-menu.sub-menu--hover > li:active {
    background: #fff;
    color: #008fce !important;
  }
}

.main-nav__primary a {
  display: block;
  padding: 10px 20px;
}

.main-nav__primary a:hover, .main-nav__primary a:active {
  color: #fff;
  background-color: #008fce;
}

.main-nav__primary a:focus {
  color: inherit;
  background-color: #00cdcb;
}

@media only screen and (min-width: 980px) {
  .main-nav__primary a {
    height: 65px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 65px;
    color: #fff;
    font-size: 1.6rem;
    font-size: 1.6vw;
  }
}

@media only screen and (min-width: 1240px) {
  .main-nav__primary a {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 2rem;
  }
}

.main-nav__primary .current-menu-item:not(.supress-active-state) a,
.main-nav__primary .current-page-ancestor:not(.supress-active-state) a,
.main-nav__primary .current-menu-parent:not(.supress-active-state) a {
  color: #fff;
  background-color: #001d6c;
}

@media only screen and (min-width: 980px) {
  .main-nav__primary .current-menu-item:not(.supress-active-state) a,
  .main-nav__primary .current-page-ancestor:not(.supress-active-state) a,
  .main-nav__primary .current-menu-parent:not(.supress-active-state) a {
    background-color: #008fce;
  }
}

.main-nav__primary .current-menu-item:not(.supress-active-state) li > a,
.main-nav__primary .current-page-ancestor:not(.supress-active-state) li > a,
.main-nav__primary .current-menu-parent:not(.supress-active-state) li > a {
  background-color: #fff;
}

.main-nav__primary .utility-nav__tout {
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: none;
  color: #008fce;
}

@media only screen and (max-width: 799px) {
  .main-nav__primary .utility-nav__tout:last-of-type {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 801px) {
  .main-nav__primary .utility-nav__tout {
    display: none;
  }
}

.main-nav__primary .utility-nav__tout .textwidget > a:hover, .main-nav__primary .utility-nav__tout .textwidget > a:active {
  color: #001d6c;
  background: none;
}

.main-nav__primary .fontResizer, .main-nav__primary .ct-font-resizer {
  text-align: left !important;
  margin-top: -7px;
  padding-bottom: 7px;
}

.main-nav__primary .fontResizer > a, .main-nav__primary .ct-font-resizer > a {
  display: inline;
  padding: 0px;
}

.main-nav__primary .fontResizer > a:hover, .main-nav__primary .fontResizer > a:active, .main-nav__primary .ct-font-resizer > a:hover, .main-nav__primary .ct-font-resizer > a:active {
  color: #008fce;
  background: transparent;
}

.main-nav__primary .fontResizer li, .main-nav__primary .ct-font-resizer li {
  background: transparent;
}

@media only screen and (min-width: 801px) {
  .main-nav__primary .fontResizer, .main-nav__primary .ct-font-resizer {
    display: none;
  }
}

@media only screen and (min-width: 801px) {
  .main-nav__primary .account-nav {
    display: none;
  }
}

.main-nav__primary .account-nav .separator {
  display: none;
}

.main-nav__primary .account-nav__welcome {
  display: none;
}

.main-nav__primary .menu-donate {
  display: inherit;
}

@media only screen and (min-width: 801px) {
  .main-nav__primary .menu-donate {
    display: none;
  }
}

.main-nav__additional {
  float: left;
  padding-right: 5px;
  background-color: #008fce;
}

@media only screen and (min-width: 801px) {
  .main-nav__additional {
    float: none;
    padding-right: 0;
  }
}

@media only screen and (min-width: 980px) {
  .main-nav__additional {
    width: 190px;
    float: right;
  }
}

.main-nav__additional a {
  position: relative;
}

.main-nav__additional__cart .main-nav__additional__label {
  width: 75px;
}

.main-nav__additional__donate {
  display: none;
}

@media only screen and (min-width: 801px) {
  .main-nav__additional__donate {
    display: block;
    background-color: #49a942 !important;
  }
}

.utility-nav {
  display: none;
}

@media only screen and (min-width: 801px) {
  .utility-nav {
    display: block;
    float: right;
    margin-top: 10px;
    padding-right: 20px;
    font-size: 1.6rem;
    text-align: right;
    font-weight: 500;
    color: #001d6c;
  }
}

@media only screen and (min-width: 1240px) {
  .utility-nav {
    padding-right: 0;
  }
}

@media only screen and (min-width: 980px) {
  .utility-nav__tout {
    float: left;
    margin-right: 5px;
    margin-left: 15px;
  }
}

.utility-nav__tout:last-of-type {
  float: left;
  color: #008fce;
  width: auto;
}

@media (min-width: 799px) and (max-width: 978px) {
  .utility-nav__tout:last-of-type {
    width: 82.5%;
  }
}

.utility-nav > .fontResizer, .utility-nav .ct-font-resizer {
  float: right;
  margin: -3px 20px 0px 0px;
}

.utility-nav > .fontResizer li, .utility-nav .ct-font-resizer li {
  background: none;
}

@media only screen and (min-width: 980px) {
  .utility-nav > .fontResizer, .utility-nav .ct-font-resizer {
    float: left;
  }
}

.account-nav {
  width: auto;
}

.account-nav:hover, .account-nav:active {
  color: #fff !important;
}

@media (min-width: 799px) and (max-width: 978px) {
  .account-nav {
    width: 418px;
  }
}

@media only screen and (min-width: 801px) {
  .account-nav {
    margin-bottom: 10px;
    list-style-type: none;
  }
  .account-nav li,
  .account-nav .separator {
    display: inline-block;
  }
  .account-nav .separator {
    color: #001d6c;
  }
  .account-nav:hover, .account-nav:active {
    color: #001d6c !important;
  }
}

@media only screen and (min-width: 980px) {
  .account-nav {
    float: right;
    margin-bottom: 0;
  }
}

.main-nav__toggle, .main-nav__additional a {
  padding: 10px 0;
  float: left;
  width: 60px;
  height: 60px;
  font-size: 1.4rem;
  text-align: center;
  text-transform: none;
  color: #fff;
  background-color: #008fce;
  border: 0;
  box-shadow: none;
}

@media only screen and (min-width: 801px) {
  .main-nav__toggle, .main-nav__additional a {
    width: 95px;
    height: 65px;
    font-size: 1.6rem;
  }
}

.main-nav__label, .main-nav__additional__label {
  position: absolute;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media only screen and (min-width: 801px) {
  .main-nav__label, .main-nav__additional__label {
    bottom: 12px;
  }
}

/*doc
---
title: Links
name: links
category: Base Styles - Typography
---
```html_example
The <a href="http://www.nsa.gov" target="_blank">NSA</a> is always watching.
```
*/
.button--tertiary, .woocommerce-checkout .payment_methods .control input[type="radio"] + label a, .woocommerce-account .section-title a, .course-catalog--account .course-product__header__title a, .search .search-result__title, .course-catalog .course-product__header__title a, .webinar-catalog .webinar-product__header__title a, a {
  color: #008fce;
}

.button--tertiary:hover, .woocommerce-checkout .payment_methods .control input[type="radio"] + label a:hover, .woocommerce-account .section-title a:hover, .course-catalog--account .course-product__header__title a:hover, .search .search-result__title:hover, .course-catalog .course-product__header__title a:hover, .webinar-catalog .webinar-product__header__title a:hover, a:hover, .button--tertiary:active, .woocommerce-checkout .payment_methods .control input[type="radio"] + label a:active, .woocommerce-account .section-title a:active, .course-catalog--account .course-product__header__title a:active, .search .search-result__title:active, .course-catalog .course-product__header__title a:active, .webinar-catalog .webinar-product__header__title a:active, a:active {
  color: #001d6c;
}

@media only screen and (min-width: 801px) {
  .course-catalog--index .panel-block__header > a, .webinar-catalog--index .panel-block__header > a, .site-footer__nav a, .account-nav a, .answers__section__header a {
    color: #001d6c;
  }
  .course-catalog--index .panel-block__header > a:hover, .webinar-catalog--index .panel-block__header > a:hover, .site-footer__nav a:hover, .account-nav a:hover, .answers__section__header a:hover, .course-catalog--index .panel-block__header > a:active, .webinar-catalog--index .panel-block__header > a:active, .site-footer__nav a:active, .account-nav a:active, .answers__section__header a:active {
    color: #fff;
  }
}

@media only screen and (min-width: 801px) and (min-width: 980px) {
  .course-catalog--index .panel-block__header > a:hover, .webinar-catalog--index .panel-block__header > a:hover, .site-footer__nav a:hover, .account-nav a:hover, .answers__section__header a:hover, .course-catalog--index .panel-block__header > a:active, .webinar-catalog--index .panel-block__header > a:active, .site-footer__nav a:active, .account-nav a:active, .answers__section__header a:active {
    color: #008fce;
  }
}

a {
  text-decoration: none;
}

.tel-link {
  display: inline !important;
  padding: 5px !important;
}

#subscriptions {
  padding-top: 30px;
}

.myaccount_subscriptions, .myaccount_bookmarks {
  margin-top: 36px;
}

.mi_subscribe {
  margin: 0;
  cursor: pointer;
}

.mi_bookmark, .mi_subscription {
  border-bottom: 1px solid #ddd;
}

.mi_subscription {
  margin: 0px 0px 20px 0px;
  font-weight: bold;
  padding: 10px 0;
}

.mi_subscription p {
  font-weight: 400;
}

.mi_bookmark {
  padding: 20px 0;
}

.mi_bookmark a {
  font-weight: bold;
  display: inline-block;
  width: 85%;
}

.mi_subscription_register {
  display: none;
}

@media only screen and (min-width: 801px) {
  .mi_subscription_register {
    display: inherit;
    padding: 10px;
  }
}

.mi_subscription_register.mi_subscription_register_opt {
  padding-bottom: 30px;
}

.mi_label_register {
  color: #001d6c;
  font-weight: bold;
  font-size: 2.0rem;
  padding-bottom: 10px;
  display: none;
}

@media only screen and (min-width: 801px) {
  .mi_label_register {
    display: inherit;
  }
}

.mi_label_register_mobile {
  display: block;
  color: #001d6c;
  font-weight: bold;
  font-size: 2.2rem;
  padding-bottom: 10px;
}

@media only screen and (min-width: 801px) {
  .mi_label_register_mobile {
    display: none;
  }
}

.mi_subscription_call_mobile {
  padding: 10px;
}

@media only screen and (min-width: 801px) {
  .mi_subscription_call_mobile {
    display: none;
  }
}

.mi_subscription_label_register {
  display: none;
}

@media only screen and (min-width: 801px) {
  .mi_subscription_label_register {
    display: inline;
    font-weight: bold;
    vertical-align: super;
  }
}

.mi_subscription_label_register_mobile {
  font-weight: bold;
  vertical-align: super;
}

@media only screen and (min-width: 801px) {
  .mi_subscription_label_register_mobile {
    display: none;
  }
}

.mi_subscription_register_mobile {
  display: inherit;
  margin: 0px 0px 20px 0px;
  padding: 10px;
}

@media only screen and (min-width: 801px) {
  .mi_subscription_register_mobile {
    display: none;
  }
}

.mi_subscription_hidden, .mi_subscription_hidden_register, .mi_subscription_hidden_register_mobile {
  display: none;
}

.mi_subscription_hidden:checked + label svg, .mi_subscription_hidden_register:checked + label svg, .mi_subscription_hidden_register_mobile:checked + label svg {
  display: inherit;
}

.mi_subscription_checkbox {
  background-color: #bec0c7;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  cursor: pointer !important;
  display: inline-block;
}

.mi_subscription_checkbox svg {
  height: 25px;
  width: 20px;
  color: #001d6c;
  display: none;
}

.mi_subscription_checkbox_register {
  display: none;
}

@media only screen and (min-width: 801px) {
  .mi_subscription_checkbox_register {
    background-color: #bec0c7;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    cursor: pointer !important;
    display: inline-block;
  }
}

.mi_subscription_checkbox_register svg {
  height: 25px;
  width: 20px;
  color: #001d6c;
  display: none;
}

.mi_subscription_checkbox_register_mobile {
  background-color: #bec0c7;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  cursor: pointer !important;
  display: inline-block;
}

@media only screen and (min-width: 801px) {
  .mi_subscription_checkbox_register_mobile {
    display: none;
  }
}

.mi_subscription_checkbox_register_mobile svg {
  height: 25px;
  width: 20px;
  color: #001d6c;
  display: none;
}

.mi_subscription_label {
  margin-bottom: -4px !important;
  font-size: inherit;
  vertical-align: top;
  font-weight: bold;
}

.mi_subscription_checkbox_register {
  display: none;
}

@media only screen and (min-width: 801px) {
  .mi_subscription_checkbox_register {
    background-color: #bec0c7;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    cursor: pointer !important;
    display: inline-block;
  }
}

.mi_subscription_checkbox_register_mobile {
  background-color: #bec0c7;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  cursor: pointer !important;
  display: inline-block;
}

@media only screen and (min-width: 801px) {
  .mi_subscription_checkbox_register_mobile {
    display: none;
  }
}

.mi_subscription p {
  padding: 10px 10px 10px 0;
}

.mi_bookmark_remove, .mi_unsubscribe {
  float: right;
  font-weight: 400;
  font-size: 1.5rem;
}

.mi_bookmark_remove:hover, .mi_bookmark_remove:active, .mi_unsubscribe:hover, .mi_unsubscribe:active {
  color: #db0000;
  cursor: pointer;
}

@media only screen and (max-width: 600px) {
  .mi_bookmark_remove, .mi_unsubscribe {
    float: none;
  }
}

.ui-sortable-helper {
  border-style: dashed;
  border-width: 1px;
  border-color: #ccc;
  background: #fff;
}

.ui-sortable-helper > .mi_bookmark_remove {
  display: none;
}

.mi-unsubscribe-mailchimp {
  display: block;
  margin: 20px 0 10px 0;
  font-size: 1.5rem;
}

.mi-gift-card .woocommerce-message, .mi-gift-card .woocommerce-error {
  margin-top: 20px;
  font-size: 16px;
}

.mi-gift-card .mi-donation-cart__nyp {
  margin: 25px auto 0;
}

.mi-gift-card .mi-donation-cart__button {
  margin-top: 20px;
  font-size: 16px;
}

.mi-gift-card .button.added, .mi-gift-card .course__sidebar .add_to_cart_button + .added.added_to_cart, .course__sidebar .mi-gift-card .add_to_cart_button + .added.added_to_cart {
  background: #49a942;
  margin-top: 20px;
  font-size: 16px;
}

/*doc
---
title: Page Header
name: page-header
category: Components - Page Header
---
```html_example_table

<header class="page-header">
    <h1>Contact Us</h1>
</header>

```
*/
/*doc
---
title: Page Header (with subtitle)
name: page-header-subtitle
category: Components - Page Header
---
```html_example_table

<header class="page-header">
    <h1>Course 1: Health Insurance Terms</h1>
    <h3 class="page-header__subtitle">Level 1: Medicare Basics</h3>
    <ul class="social-toolbar">
      <li class="social-toolbar__share">
        <button class="button--transparent">
          <svg>
            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#plus"></use>
          </svg>
          <span>Share</span>
        </button>
        <ul>
          <li><a href="">Twitter</a></li>
          <li><a href="">Facebook</a></li>
          <li><a href="">Email</a></li>
        </ul>
      </li>
    </ul>
</header>

```
*/
/*doc
---
title: Page Header (with social toolbar)
name: page-header-social
category: Components - Page Header
---
Styles are changed automatically

Use `medicareinteractive_social_toolbar()` to add social toolbar

```html_example_table
<header class="page-header">
    <h1>Contact Us</h1>
    <ul class="social-toolbar">
      <li class="social-toolbar__share">
        <button class="button--transparent">
          <svg>
            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#plus"></use>
          </svg>
          <span>Share</span>
        </button>
        <ul>
          <li><a href="">Twitter</a></li>
          <li><a href="">Facebook</a></li>
          <li><a href="">Email</a></li>
        </ul>
      </li>
    </ul>
</header>
```
*/
.page-header {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.page-header--border {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

@media only screen and (min-width: 980px) {
  .page-header--two-column {
    text-align: left;
  }
}

.page-header h1 {
  margin: 0;
}

.page-header h1:only-child {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.page-header__subtitle {
  margin-top: 15px;
  margin-bottom: 15px;
  color: #49a942;
}

@media only screen and (min-width: 980px) {
  .page-header__subtitle {
    display: none;
  }
}

.page-header .social-toolbar {
  margin-top: 10px;
}

@media only screen and (min-width: 980px) {
  .page-header .social-toolbar {
    margin-top: 20px;
  }
}

.page-title--border {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.page-title--two-column {
  margin-bottom: 15px;
}

@media only screen and (min-width: 980px) {
  .page-title--two-column {
    margin-top: 65px;
    margin-bottom: 20px;
  }
}

/*doc
---
title: Pagination
name: pagination
category: Base Styles - Pagination
---
```html_example_table

<nav role="pagination" aria-label="Pagination" class="pagination">
  <ul class="pagination__list">
    <li><a href="#">Prev</a></li>
    <li><a href="#">3</a></li>
    <li class="pagination__current">4</li>
    <li><a href="#">5</a></li>
    <li><a href="#">Next</a></li>
  </ul>
</nav>

```
*/
.pagination__list {
  padding: 0;
  list-style: none;
}

.pagination__list > li {
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.22222;
  font-size: 1.8rem;
  font-weight: 600;
  color: #333;
  float: left;
  padding-right: 20px;
  font-weight: 500;
}

@media only screen and (min-width: 801px) {
  .pagination__list > li {
    line-height: 1.09;
    font-size: 2.2rem;
  }
}

.pagination__list > li a {
  color: inherit;
}

.pagination__list > li:last-child {
  padding-right: 0;
}

.pagination__list > li > a {
  color: #cf4d00;
  text-transform: uppercase;
}

.pagination__list > li > a:hover, .pagination__list > li > a:active {
  color: #993816;
}

/*doc
---
title: Next-Previous
name: next-previous
category: Base Styles - Pagination
---
```html_example_table

<nav role="pagination" aria-label="Pagination" class="next-prev">
  <a class="next-prev__prev" href="#">
    <div class="next-prev__label">
      ‹ Previous Page
    </div>
    <div class="next-prev__link-title">
      Introduction to Medicare
    </div>
  </a>
  <a class="next-prev__next" href="#">
    <div class="next-prev__label">
      Next Page ›
    </div>
    <div class="next-prev__link-title">
      What is health insurance?
    </div>
  </a>
</nav>

```
*/
/*doc
---
title: Next-Previous Centered
name: next-previous-centered
category: Base Styles - Pagination
---
```html_example_table
<nav role="pagination" aria-label="Pagination" class="next-prev next-prev--centered">
  <a class="next-prev__prev" href="#">
    <div class="next-prev__label">
      ‹ Previous Page
    </div>
    <div class="next-prev__link-title">
      Introduction to Medicare
    </div>
  </a>
  <a class="next-prev__next" href="#">
    <div class="next-prev__label">
      Next Page ›
    </div>
    <div class="next-prev__link-title">
      What is health insurance?
    </div>
  </a>
</nav>

```
*/
.next-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}

@media only screen and (min-width: 980px) {
  .next-prev {
    display: block;
  }
}

.next-prev--centered {
  max-width: 826.708px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  background: #f2f2f2;
}

.next-prev--centered:after {
  content: " ";
  display: block;
  clear: both;
}

.next-prev__prev, .next-prev__next {
  width: 50%;
  padding: 30px 10px;
  text-align: center;
  background: #fff;
}

.next-prev__prev:only-child, .next-prev__next:only-child {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 0;
}

@media only screen and (min-width: 980px) {
  .next-prev__prev, .next-prev__next {
    padding: 0;
    padding-top: 10px;
  }
}

@media only screen and (min-width: 980px) {
  .next-prev__prev .next-prev__link-title, .next-prev__next .next-prev__link-title {
    max-width: 400px;
  }
}

.next-prev__prev .next-prev__link-title:hover, .next-prev__prev .next-prev__link-title:active, .next-prev__next .next-prev__link-title:hover, .next-prev__next .next-prev__link-title:active {
  color: #cf4d00;
}

.next-prev--centered .next-prev__prev, .next-prev--centered .next-prev__next {
  width: calc(50% - 5px);
  padding: 30px 0;
  text-align: center;
  background: #fff;
}

@media only screen and (min-width: 801px) {
  .next-prev--centered .next-prev__prev, .next-prev--centered .next-prev__next {
    width: calc(50% - 10px);
    padding: 40px 10px;
  }
}

.next-prev--centered .next-prev__prev:only-child, .next-prev--centered .next-prev__next:only-child {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  border: 0;
}

.next-prev__next {
  float: right;
  border-left: 5px solid #f2f2f2;
}

@media only screen and (min-width: 980px) {
  .next-prev__next {
    text-align: right;
    border-left: 0;
  }
}

.next-prev--centered .next-prev__next {
  margin-left: 5px;
}

@media only screen and (min-width: 801px) {
  .next-prev--centered .next-prev__next {
    margin-left: 10px;
  }
}

.next-prev--centered .next-prev__next .next-prev__link-title {
  float: none !important;
}

.next-prev__next .next-prev__link-title {
  float: right;
}

.next-prev__prev {
  float: left;
  border-right: 5px solid #f2f2f2;
}

@media only screen and (min-width: 980px) {
  .next-prev__prev {
    text-align: left;
    border-right: 0;
  }
}

.next-prev--centered .next-prev__prev {
  margin-right: 5px;
}

@media only screen and (min-width: 801px) {
  .next-prev--centered .next-prev__prev {
    margin-right: 10px;
  }
}

.next-prev__label {
  font-size: 1.6rem;
  padding-bottom: 20px;
  color: #cf4d00;
}

@media only screen and (min-width: 801px) {
  .next-prev__label {
    font-size: 1.8rem;
  }
}

.next-prev__link-title {
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.22222;
  font-size: 1.8rem;
  font-weight: 600;
  color: #333;
}

@media only screen and (min-width: 801px) {
  .next-prev__link-title {
    line-height: 1.09;
    font-size: 2.2rem;
  }
}

.next-prev__link-title a {
  color: inherit;
}

.paginated-next__label, .paginated-all__label {
  font-size: 2rem;
  font-weight: bold;
  color: #001d6c;
}

.paginated-next__label:hover, .paginated-next__label:active, .paginated-next__label:focus, .paginated-all__label:hover, .paginated-all__label:active, .paginated-all__label:focus {
  color: #008fce;
}

.next-prev__all {
  clear: both;
}

.paginated-image {
  width: 100%;
}

.image__centered {
  display: block;
  width: auto;
  margin: 0 auto;
}

/*doc
---
title: Panel Block
name: panel-block
category: Base Styles - CMS
---
```html_example_table

<div class="panel-block">
  <div class="panel-block__content">
    <p>Hey there</p>
  </div>
</div>

```
*/
.panel-block {
  padding: 20px 5px;
  background-color: #f2f2f2;
}

.panel-block + .panel-block {
  padding-top: 0;
}

.panel-block__header {
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 10px;
  color: #001d6c;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  font-weight: 400;
  line-height: 1.15;
}

@media only screen and (min-width: 801px) {
  .panel-block__header {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1;
  }
}

.panel-block__header.toggle-next {
  border-bottom: 0;
}

.panel-block__header.toggle-next--expanded {
  border-bottom: 1px solid #ccc;
}

.panel-block__header.sale {
  padding-left: 0px;
}

@media only screen and (max-width: 480px) {
  .panel-block__header.sale {
    padding-top: 0px;
    padding-right: 0px;
  }
}

.panel-block__header.sale .course-new {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  background-color: #49a942;
  vertical-align: middle;
  padding: 10px;
}

@media only screen and (max-width: 480px) {
  .panel-block__header.sale .course-new {
    display: block;
    width: 100px;
    text-align: center;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 480px) {
  .panel-block__header.sale .course-new ~ span {
    margin-left: 95px !important;
  }
}

.panel-block__content {
  padding: 20px 10px;
  background-color: #fff;
}

@media only screen and (min-width: 801px) {
  .panel-block__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.panel-block__footer {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #ccc;
}

/*doc
---
title: Panel List
name: panel-list
category: Base Styles - CMS
---
```html_example_table

<div class="panel-block--list">
  <div class="panel-block--list__header">
    <h2>Lesson 1: Medicare Basics</h2>
  </div>
  <div class="panel-block--list__content">
    <ul class="panel-block--list__items">
      <li>Product</li>
      <li>Cart Subtotal</li>
      <li>Test</li>
    </ul>
  </div>
</div>

```
*/
.panel-block--list {
  padding: 20px 5px;
  background-color: #f2f2f2;
}

.panel-block--list + .panel-block--list {
  padding-top: 0;
}

.panel-block--list__header {
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 10px;
  color: #001d6c;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  font-weight: 400;
  line-height: 1.15;
}

@media only screen and (min-width: 801px) {
  .panel-block--list__header {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1;
  }
}

.panel-block--list__header.toggle-next {
  border-bottom: 0;
}

.panel-block--list__header.toggle-next--expanded {
  border-bottom: 1px solid #ccc;
}

.panel-block--list__header.sale {
  padding-left: 0px;
}

@media only screen and (max-width: 480px) {
  .panel-block--list__header.sale {
    padding-top: 0px;
    padding-right: 0px;
  }
}

.panel-block--list__header.sale .course-new {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  background-color: #49a942;
  vertical-align: middle;
  padding: 10px;
}

@media only screen and (max-width: 480px) {
  .panel-block--list__header.sale .course-new {
    display: block;
    width: 100px;
    text-align: center;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 480px) {
  .panel-block--list__header.sale .course-new ~ span {
    margin-left: 95px !important;
  }
}

.panel-block--list__content {
  padding: 20px 10px;
  background-color: #fff;
}

@media only screen and (min-width: 801px) {
  .panel-block--list__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.panel-block--list__footer {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #ccc;
}

.panel-block--list__content {
  padding: 0;
}

.panel-block--list__items {
  padding: 0;
  list-style: none;
}

.panel-block--list__items > li {
  font-size: 1.8rem;
  padding: 20px 10px;
  border-bottom: 1px solid #ddd;
}

@media only screen and (min-width: 801px) {
  .panel-block--list__items > li {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.panel-block--list__items > li:last-child {
  border-bottom: 0;
}

/*doc
---
title: Panel Links
name: panel-links
category: Base Styles - CMS
---
```html_example_table

<div class="panel-block--links">
  <div class="panel-block--links__header">
    <h2>Lesson 1: Medicare Basics</h2>
  </div>
  <div class="panel-block--links__content">
    <ul class="panel-block--links__items">
      <li><a href="">Product</a></li>
      <li><a href="">Cart Subtotal</a></li>
    </ul>
  </div>
  <a href="#" class="button">Show More</a>
</div>

```
*/
.panel-block--links {
  padding: 20px 5px;
  background-color: #f2f2f2;
}

.panel-block--links + .panel-block--links {
  padding-top: 0;
}

.panel-block--links__header {
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 10px;
  color: #001d6c;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  font-weight: 400;
  line-height: 1.15;
}

@media only screen and (min-width: 801px) {
  .panel-block--links__header {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1;
  }
}

.panel-block--links__header.toggle-next {
  border-bottom: 0;
}

.panel-block--links__header.toggle-next--expanded {
  border-bottom: 1px solid #ccc;
}

.panel-block--links__header.sale {
  padding-left: 0px;
}

@media only screen and (max-width: 480px) {
  .panel-block--links__header.sale {
    padding-top: 0px;
    padding-right: 0px;
  }
}

.panel-block--links__header.sale .course-new {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  background-color: #49a942;
  vertical-align: middle;
  padding: 10px;
}

@media only screen and (max-width: 480px) {
  .panel-block--links__header.sale .course-new {
    display: block;
    width: 100px;
    text-align: center;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 480px) {
  .panel-block--links__header.sale .course-new ~ span {
    margin-left: 95px !important;
  }
}

.panel-block--links__content {
  padding: 20px 10px;
  background-color: #fff;
}

@media only screen and (min-width: 801px) {
  .panel-block--links__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.panel-block--links__footer {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #ccc;
}

.panel-block--links__content {
  padding: 0;
}

.panel-block--links__items {
  padding: 0;
  list-style: none;
}

.panel-block--links__items > li {
  font-size: 1.8rem;
  padding: 20px 10px;
  border-bottom: 1px solid #ddd;
}

.panel-block--links__items > li:hover, .panel-block--links__items > li:active {
  color: #fff;
  cursor: pointer;
  background-color: #001d6c;
}

.panel-block--links__items > li:hover > a, .panel-block--links__items > li:active > a {
  color: #fff;
}

@media only screen and (min-width: 801px) {
  .panel-block--links__items > li {
    padding: 20px;
  }
}

.panel-block--links__items > li:last-child {
  border-bottom: 0;
}

.panel-block--links__items > li > a {
  color: #008fce;
}

/*doc
---
title: Panel Accordion
name: panel-accordion
category: Base Styles - CMS
---
```html_example_table

<div class="panel-block--purchase">
  <div class="panel-block--purchase__header">
    <h2>Lesson 1: Medicare Basics</h2>
  </div>
  <div class="panel-block--purchase__content">
    <p>This course reviews Medicare options, discussing the two different ways that an individual with Medicare can receive Medicare benefits: Original Medicare and Medicare Advantage. This course will also review services excluded from Medicare coverage. In this course, you will learn the main differences between Original Medicare and Medicare Advantage and how these differences can affect access to health care services.</p>
  </div>
  <div class="tabakordion accordion nomultiselect">
    <h3 id="tab-courses" class="tab selected accordion__tab" aria-controls="related-courses">Course 3: Medicare Options</h3>
    <div id="related-courses" class="panel accordion__panel" aria-labelledby="tab-courses">
      Some content 1
    </div>
    <h3 id="tab-chick" class="tab accordion__tab" aria-controls="sum-chicken">Course 4: Enrollment Period</h3>
    <div id="sum-chicken" class="panel accordion__panel" aria-labelledby="tab-chick">
      <iframe src="//giphy.com/embed/jQNL26NgbhjOM?html5=true" width="480" height="360" frameBorder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
    </div>
  </div>
  <div class="panel-block--purchase__footer">
    <span>Cost: $50</span>
    <a href="">
      <svg>
        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#cart"></use>
      </svg>
      Add to Cart</a>
  </div>
</div>

```
*/
.panel-block--purchase {
  padding: 20px 5px;
  background-color: #f2f2f2;
  background-color: #fff;
}

.panel-block--purchase + .panel-block--purchase {
  padding-top: 0;
}

.panel-block--purchase__header {
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 10px;
  color: #001d6c;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  font-weight: 400;
  line-height: 1.15;
}

@media only screen and (min-width: 801px) {
  .panel-block--purchase__header {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1;
  }
}

.panel-block--purchase__header.toggle-next {
  border-bottom: 0;
}

.panel-block--purchase__header.toggle-next--expanded {
  border-bottom: 1px solid #ccc;
}

.panel-block--purchase__header.sale {
  padding-left: 0px;
}

@media only screen and (max-width: 480px) {
  .panel-block--purchase__header.sale {
    padding-top: 0px;
    padding-right: 0px;
  }
}

.panel-block--purchase__header.sale .course-new {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  background-color: #49a942;
  vertical-align: middle;
  padding: 10px;
}

@media only screen and (max-width: 480px) {
  .panel-block--purchase__header.sale .course-new {
    display: block;
    width: 100px;
    text-align: center;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 480px) {
  .panel-block--purchase__header.sale .course-new ~ span {
    margin-left: 95px !important;
  }
}

.panel-block--purchase__content {
  padding: 20px 10px;
  background-color: #fff;
}

@media only screen and (min-width: 801px) {
  .panel-block--purchase__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.panel-block--purchase__footer {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #ccc;
}

.pinata-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10;
}

.pinata-modal {
  position: absolute;
  top: 0;
  height: auto;
  min-height: 100%;
  width: 100%;
  border: 1px solid #fff;
  box-shadow: 0px 2px 7px #292929;
  -moz-box-shadow: 0px 2px 7px #292929;
  -webkit-box-shadow: 0px 2px 7px #292929;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #fff;
  z-index: 1000;
  padding: 45px 25px 25px 25px;
  text-align: left;
}

@media only screen and (min-width: 980px) {
  .pinata-modal {
    position: absolute;
    top: 2%;
    left: 28%;
    height: 800px;
    min-height: auto;
    width: 830px;
  }
}

.pinata-modal .pinata-close {
  float: right;
  margin-top: -40px;
  margin-right: -20px;
  cursor: pointer;
  display: inline-block;
  line-height: 0px;
  z-index: 100;
}

.pinata-modal .pinata-close > svg {
  height: 30px;
  width: 30px;
}

.pinata-modal ul {
  padding-left: 25px;
  margin-top: 1em;
  margin-bottom: 1em;
}

.pinata-modal .pinata-cta {
  text-align: center;
}

.pinata-modal .pinata-cta-download {
  margin-bottom: 40px !important;
  text-align: center;
}

.pinata-modal .pinata-cta-download > .button, .pinata-modal .course__sidebar .pinata-cta-download > .add_to_cart_button + .added_to_cart, .course__sidebar .pinata-modal .pinata-cta-download > .add_to_cart_button + .added_to_cart {
  background-color: #49a942 !important;
}

.pinata-modal .button, .pinata-modal .course__sidebar .add_to_cart_button + .added_to_cart, .course__sidebar .pinata-modal .add_to_cart_button + .added_to_cart {
  background: #cf4d00;
  color: #fff;
  border: none;
  border-radius: 2px;
  padding: 10px;
}

.decision_tree_area {
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 20px 0;
}

@media only screen and (min-width: 801px) {
  .decision_tree_area {
    padding: 20px 150px;
  }
}

.decision_tree_area_flow {
  width: 100%;
  height: auto;
  min-height: 310px;
  border: none;
  margin-bottom: -20px;
}

.decision_tree_area .dt_display_title, .decision_tree_area .dt_display_question, .decision_tree_area .dt_display_subtext {
  text-align: center;
}

.decision_tree_area .fa-road {
  margin-right: 10px;
  color: #001d6c;
  font-size: 35px;
}

.decision_tree_area .dt_button {
  font-size: 16px !important;
  margin-bottom: 14px !important;
  min-height: auto !important;
  line-height: 1.35 !important;
  border-radius: 4px !important;
  border: 1px solid #d3d3d3 !important;
  font-family: 'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: relative !important;
  cursor: pointer !important;
  vertical-align: middle !important;
  text-align: center !important;
  overflow: visible !important;
  padding: .4em 1em !important;
  max-width: 100% !important;
  width: 100% !important;
}

@media only screen and (min-width: 480px) {
  .decision_tree_area .dt_button {
    line-height: 30px !important;
  }
}

.decision_tree_area .dt_button:hover, .decision_tree_area .dt_button:active, .decision_tree_area .dt_button:focus {
  background: #001d6c !important;
  border-color: #001d6c !important;
}

.decision_tree_area .dt_display_title {
  font-size: 1.2em !important;
  padding: 3px 0 6px 0 !important;
  color: #333 !important;
  margin-bottom: 10px;
}

.decision_tree_area .dt_radio_choice {
  color: #ffffff;
  background: #008fce !important;
  border-color: #008fce !important;
}

.decision_tree_area .dt_radio_answer, .decision_tree_area .dt_radio_answer_nolink {
  color: #ffffff;
  background: #49a942 !important;
  border-color: #49a942 !important;
}

.decision_tree_area .dt_radio_answer_nolink {
  cursor: inherit !important;
}

.decision_tree_area .dt_radio_answer_nolink:hover, .decision_tree_area .dt_radio_answer_nolink:active, .decision_tree_area .dt_radio_answer_nolink:focus {
  background: #49a942 !important;
  border-color: #49a942 !important;
}

.decision_tree_area .answer-restart {
  background: #008fce !important;
}

.decision_tree_area .answer-restart .fa-repeat {
  font-family: 'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif, FontAwesome !important;
}

.decision_tree_area a.button, .decision_tree_area .course__sidebar .add_to_cart_button + a.added_to_cart, .course__sidebar .decision_tree_area .add_to_cart_button + a.added_to_cart {
  width: 100%;
}

/*doc
---
title: Search form
name: search-form
category: Components - Search Form
---
```html_example
<form role="search" method="get" id="searchform" class="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
    <label class="visuallyhidden" for="s"><?php _x( 'Search for:', 'label' ); ?></label>
    <input type="search" placeholder="<?php _e( 'What are you looking for?', 'medicareinteractive' ); ?>" value="<?php echo get_search_query(); ?>" name="s" id="s" />
    <button class="searchform__submit button--transparent" id="searchsubmit">
        <span class="visuallyhidden">
            <?php _e( 'Search', 'submit button' ); ?>
        </span>
        <svg>
            <?php echo medicareinteractive_svg_use('search'); ?>
        </svg>
    </button>
</form>
```
*/
.searchform, .searchform--alt {
  position: relative;
}

.searchform [type="search"], .searchform--alt [type="search"] {
  width: 100%;
  padding-right: 50px;
  border-bottom: 1px solid #ddd;
}

@media only screen and (min-width: 801px) {
  .searchform [type="search"], .searchform--alt [type="search"] {
    height: 50px;
  }
}

.searchform__submit {
  position: absolute;
  top: 0;
  right: 5px;
  width: 50px;
  height: 100%;
  color: #001d6c;
}

.searchform__submit:hover, .searchform__submit:active {
  color: #008fce;
}

.searchform__submit svg {
  width: 25px;
  height: 100%;
}

@media only screen and (min-width: 801px) {
  .searchform__submit svg {
    width: 30px;
  }
}

.searchform--alt:after {
  content: '';
  display: table;
  clear: both;
}

.searchform--alt [type="search"] {
  float: left;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 0;
  padding-right: 115px;
  box-shadow: none;
}

@media only screen and (min-width: 801px) {
  .searchform--alt [type="search"] {
    width: 310px;
    padding-right: 5px;
  }
}

.searchform--alt button {
  position: absolute;
  right: -3px;
  width: auto;
  margin-top: 0;
  padding: 10px 20px 9px;
}

@media only screen and (min-width: 801px) {
  .searchform--alt button {
    position: relative;
    right: 0;
    margin-left: -5px;
    padding-top: 13px;
    padding-bottom: 14px;
  }
}

/*doc
---
title: Social Toolbar
name: social-toolbar
category: Components - Social Toolbar
---
```html_example_table

<ul class="social-toolbar" style="margin-bottom: 100px;">
  <li class="social-toolbar__view-count">
    <svg>
      <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#eye"></use>
    </svg>
    <span>34,000</span>
  </li>
  <li><a href="#">
    <svg>
      <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#bookmark"></use>
    </svg>
    <span>Bookmark</span>
  </a></li>
  <li class="social-toolbar__share">
    <button class="button--transparent">
      <svg>
        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#plus"></use>
      </svg>
      <span>Share</span>
    </button>
    <ul>
      <li><a href="">Twitter</a></li>
      <li><a href="">Facebook</a></li>
      <li><a href="">Email</a></li>
    </ul>
  </li>
</ul>

.view {
    margin: 0;

    &__div {
      display: flex;
      align-items: center;
      width: 100%;
      padding: 0;
      text-align: inherit;
      background: none;
      border: 0;
      box-shadow: none;
    }

    svg {
      width: 25px;
      height: 25px;
      fill: none;
      float: left;

      @include bp(min-width, $bp-medium + 1) {
        width: 35px;
        height: 35px;
      }

      #circle {
        stroke: currentColor;
      }

      #foreground {
        fill: currentColor;
      }
    }

    .bawpvc-ajax-counter {
      float: left;
      margin: 0px 4px;
    }

    &__icon--minus {
      display: none;
    }
  }

```
*/
.social-toolbar {
  padding: 0;
  list-style: none;
}

.social-toolbar svg {
  height: 30px;
  width: 30px;
  fill: #001d6c;
  vertical-align: middle;
}

@media only screen and (min-width: 801px) {
  .social-toolbar svg {
    height: 30px;
    width: 30px;
  }
}

.social-toolbar a,
.social-toolbar button {
  color: #cf4d00;
}

.social-toolbar a:hover, .social-toolbar a:active,
.social-toolbar button:hover,
.social-toolbar button:active {
  color: #993816;
}

.social-toolbar a svg,
.social-toolbar button svg {
  fill: #cf4d00;
}

.social-toolbar a .at-icon,
.social-toolbar button .at-icon {
  fill: #fff;
}

.social-toolbar > li {
  font-size: 1.6rem;
  display: inline-block;
  margin-right: 0px;
}

@media only screen and (min-width: 801px) {
  .social-toolbar > li {
    font-size: 2rem;
    margin-right: 55px;
  }
}

.social-toolbar > li:last-child {
  margin-right: 0;
}

.social-toolbar__view-count {
  color: #001d6c;
}

.social-toolbar__view-count > div {
  width: auto;
  height: auto;
  padding: 7px;
}

.social-toolbar__view-count > div svg {
  margin-top: -5px;
  float: left;
}

.social-toolbar__view-count > div .bawpvc-ajax-counter {
  float: left;
  margin: 0px 4px;
}

.social-toolbar__share {
  position: relative;
}

.social-toolbar__share > button {
  width: auto;
  height: auto;
  padding: 7px;
  color: #cf4d00;
}

.social-toolbar__share > button.toggle-next--expanded {
  border: 1px solid #333;
  padding: 6px;
  color: #6c6c6c;
}

.social-toolbar__share > button.toggle-next--expanded svg {
  fill: #6c6c6c;
}

.social-toolbar__share > button svg {
  margin-top: -5px;
}

.social-toolbar__share > ul {
  position: absolute;
  top: 32px;
  left: 0;
  padding: 0 10px;
  margin: 0 !important;
  background: #fff;
  list-style: none;
  border: 1px solid #333;
  text-align: left;
  z-index: 100;
}

@media only screen and (min-width: 801px) {
  .social-toolbar__share > ul {
    right: auto;
    top: 38px;
  }
}

.social-toolbar__share li {
  font-size: 1.6rem;
  min-width: 150px;
  padding: 10px 20px 10px 0;
  border-bottom: 1px solid #ddd;
}

@media only screen and (min-width: 801px) {
  .social-toolbar__share li {
    font-size: 1.8rem;
  }
}

.social-toolbar__share li span {
  display: inline-block !important;
  margin-right: 10px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-size: 32px !important;
  vertical-align: middle;
}

.social-toolbar__share li:last-child {
  border-bottom: 0;
}

.social-toolbar__share a {
  color: #333;
}

.social-toolbar__share:focus > ul {
  display: block;
}

.social-toolbar__share:focus > button {
  padding: 5px;
  color: #666;
  border: 1px solid #333;
  border-bottom: 0;
}

.social-toolbar__share:focus > button:hover, .social-toolbar__share:focus > button:active {
  color: #666;
}

.social-toolbar .at-share-btn-elements a {
  margin-right: 10px;
}

.social-toolbar__bookmark {
  position: relative;
}

.social-toolbar__bookmark > button {
  width: auto;
  height: auto;
  padding: 7px;
}

.social-toolbar__bookmark > button.bookmark {
  color: #666;
  font-size: 18px;
  padding: 5px 5px 5px 0;
}

.social-toolbar__bookmark > button.bookmark svg {
  margin-top: -5px;
  fill: #666;
}

.social-toolbar__bookmark > button.bookmark:hover, .social-toolbar__bookmark > button.bookmark:active {
  color: #666;
}

.social-toolbar__bookmark > button.bookmark:hover svg, .social-toolbar__bookmark > button.bookmark:active svg {
  fill: #666;
}

@media only screen and (min-width: 801px) {
  .social-toolbar__bookmark > button.bookmark:hover, .social-toolbar__bookmark > button.bookmark:active {
    color: #333;
  }
  .social-toolbar__bookmark > button.bookmark:hover svg, .social-toolbar__bookmark > button.bookmark:active svg {
    fill: #333;
  }
}

.social-toolbar__bookmark > button.bookmark--bookmarked {
  color: #001d6c;
}

.social-toolbar__bookmark > button.bookmark--bookmarked svg {
  margin-top: -5px;
  fill: #001d6c;
}

.social-toolbar__bookmark > button.bookmark--bookmarked:hover, .social-toolbar__bookmark > button.bookmark--bookmarked:active {
  color: #001d6c;
}

.social-toolbar__bookmark > button.bookmark--bookmarked:hover svg, .social-toolbar__bookmark > button.bookmark--bookmarked:active svg {
  fill: #001d6c;
}

@media only screen and (min-width: 801px) {
  .social-toolbar__bookmark > button.bookmark--bookmarked:hover, .social-toolbar__bookmark > button.bookmark--bookmarked:active {
    color: #008fce;
  }
  .social-toolbar__bookmark > button.bookmark--bookmarked:hover svg, .social-toolbar__bookmark > button.bookmark--bookmarked:active svg {
    fill: #008fce;
  }
}

/*doc
---
title: Quantity selector
name: qty-selector
category: Components - Courses
---
Requires `courses.js`

```html_example
<div class="qty-selector__container container--padded">
            <form class="qty-selector" id="qty-selector">
            <fieldset>
                <legend>
                    I am purchasing as:                </legend>
                <label class="control">
                    <input class="qty-selector__radio" name="qty-selector__level" id="qty-selector__level--individual" type="radio" value="1" checked="">
                    <label for="qty-selector__level--individual">
                        Individual                    </label>
                </label>
                <label class="control">
                    <input class="qty-selector__radio" name="qty-selector__level" id="qty-selector__level--multi" type="radio" aria-expanded="false" aria-controls="qty-selector__qty-fieldset" data-min="2" data-max="4" value="multi">
                    <label for="qty-selector__level--multi">
                        Multi (2–4)                    </label>
                </label>
                <label class="control">
                    <input class="qty-selector__radio" name="qty-selector__level" id="qty-selector__level--group" type="radio" aria-expanded="false" aria-controls="qty-selector__qty-fieldset" data-min="5" value="group">
                    <label for="qty-selector__level--group">
                        Group (5+)                    </label>
                </label>
            </fieldset>

            <fieldset id="qty-selector__qty-fieldset" aria-expanded="false">
                <legend>
                    Enter number of users:                 </legend>
                <input id="qty-selector__qty" name="qty-selector__qty" type="number">
                <small>Discount will be reflected in the cart.</small>
            </fieldset>
        </form>
        </div>
```
*/
.qty-selector__container {
  margin-top: 30px;
  margin-bottom: 30px;
}

.qty-selector__title {
  margin-top: 0;
}

.qty-selector [type="number"] {
  width: 55px;
}

@media only screen and (min-width: 1240px) {
  .qty-selector__fieldset {
    margin-top: 0;
  }
  .qty-selector__fieldset > * {
    display: inline-block;
  }
  .qty-selector__fieldset > * + * {
    margin-left: 20px;
  }
  .qty-selector__fieldset--qty > * + * {
    margin-left: 5px;
    text-align: center;
  }
  .qty-selector__fieldset small {
    color: #666;
  }
}

/*doc
---
title: Responsive Vimeo Videos
name: responsive-vimeo-videos
category: Components - oEmbed
---
Use `[vimeo url=]` shortcode to make vimeo video responsive

```html_example_table
<div class="embed-container"><iframe src="//player.vimeo.com/video/108018156" width="640" height="360" frameborder="0" title="Watchtower of Turkey" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe></div>
```
*/
.embed-container {
  position: relative;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 480px) {
  .embed-container {
    padding-bottom: 158%;
  }
}

@media only screen and (min-width: 321px) {
  .embed-container {
    padding-bottom: 132%;
  }
}

@media only screen and (min-width: 415px) {
  .embed-container {
    padding-bottom: 118%;
  }
}

@media only screen and (min-width: 600px) {
  .embed-container {
    padding-bottom: 83%;
  }
}

@media only screen and (min-width: 1240px) {
  .embed-container {
    padding-bottom: 67%;
  }
}

@media only screen and (max-width: 480px) {
  .embed-container.sneak-peek {
    padding-bottom: 189%;
  }
}

@media only screen and (min-width: 321px) {
  .embed-container.sneak-peek {
    padding-bottom: 161%;
  }
}

@media only screen and (min-width: 413px) {
  .embed-container.sneak-peek {
    padding-bottom: 134%;
  }
}

@media only screen and (min-width: 600px) {
  .embed-container.sneak-peek {
    padding-bottom: 77%;
  }
}

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

.webinar-series-add {
  background: #f1f1f1;
  margin-bottom: 10px;
}

.webinar-series-add::after {
  content: '';
  display: block;
  clear: both;
}

.webinar-series-add + .login {
  background: #ddd;
  margin-top: -10px;
  margin-bottom: 20px;
  text-align: center;
  padding-bottom: 10px;
  font-size: 1.5rem;
}

.add-container-single {
  background: #f1f1f1;
  text-align: center;
  padding: 30px;
}

.add-container-float {
  background: #f1f1f1;
  text-align: center;
  padding: 30px 30px 15px 30px;
}

@media only screen and (min-width: 605px) {
  .add-container-float {
    width: 50%;
  }
  .add-container-float.first {
    float: left;
  }
  .add-container-float.last {
    float: right;
  }
}

@media only screen and (min-width: 801px) {
  .wpcf7 {
    width: 50%;
  }
  .wpcf7 .form__heading {
    max-width: 316px;
  }
}

.wpcf7 input[name="Nopersonalinfo"] {
  -webkit-appearance: checkbox;
}

.wishpond-inline {
  margin-top: -30px;
}

.filters {
  list-style: none;
}

.filters:after {
  content: '';
  display: table;
  clear: both;
}

.filters > li {
  margin-top: 15px;
  margin-right: 39px;
  font-weight: 600;
}

@media only screen and (min-width: 801px) {
  .filters > li {
    float: left;
  }
}

.filters > li:last-child {
  margin-right: 0;
}

.filters > li.current-filter a {
  color: #cf4d00;
}

/* queries */
html:not(.mi-table) table .back {
  display: none;
}

@media only screen and (max-width: 600px) {
  html:not(.mi-table) .mi-table th, html:not(.mi-table) .mi-table td {
    font-size: 0;
    padding: 0;
    content: "";
    height: 7px;
  }
  html:not(.mi-table) .mi-table {
    position: relative;
    overflow: hidden;
  }
  html:not(.mi-table) .mi-table:before {
    content: "Table: Tap to View";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-weight: bold;
    font-size: 1.6em;
    text-align: center;
    vertical-align: middle;
    z-index: 100;
    font-family: Helvetica, sans-serif;
  }
  html.mi-table *:not(.mi-table) {
    display: none;
  }
  html.mi-table .mi-table .back p {
    font-size: 2.6rem;
    padding: 10px;
    margin: 10px;
    background: #001d6c;
    color: #fff;
    text-align: center;
    border-radius: 5px;
  }
  html.mi-table .mi-table tbody {
    display: table-row-group;
  }
  html.mi-table .mi-table tr {
    display: table-row;
  }
  html.mi-table .mi-table td {
    display: table-cell;
  }
  html.mi-table .mi-table td * {
    display: block;
  }
}

.toolkit article {
  font-size: 1.8rem;
}

.toolkit-slide__first {
  width: 100%;
}

.toolkit-slide__first iframe {
  width: 100%;
}

@media only screen and (min-width: 1240px) {
  .toolkit-slide__first {
    display: inline-block;
    width: 55%;
  }
  .toolkit-slide__first iframe {
    width: 480px;
  }
}

.toolkit-slide__second {
  width: 100%;
}

.toolkit-slide__second iframe {
  width: 100%;
}

@media only screen and (min-width: 1240px) {
  .toolkit-slide__second {
    display: inline-block;
    width: 44%;
  }
  .toolkit-slide__second iframe {
    width: 480px;
  }
}

.toolkit .toolkit_after_registration_wall {
  clear: both;
}

.partner-entity-logo {
  margin-bottom: 20px;
  max-width: 300px;
}

.partner-register abbr {
  color: #cf4d00;
  border: 0;
  margin-left: -5px;
  text-decoration: none;
}

.short-answer {
  width: 100%;
  background: #f5f5f5;
  padding: 0px 25px;
}

.short-answer--header {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}

.short-answer--header-text {
  color: #333;
  font-weight: bold;
}

.short-answer--content {
  padding: 25px 0px;
}

.woocommerce {
  /* Form Styles for WOO */
}

.woocommerce .order-success {
  margin-top: 20px;
  font-size: 2.3rem;
  line-height: 1.5;
}

.woocommerce .woocommerce-checkout-review-order .order-success {
  margin: 20px -20px;
}

@media only screen and (min-width: 801px) {
  .woocommerce .woocommerce-checkout-review-order .order-success {
    margin: 20px 0 0;
  }
}

.woocommerce .checkout_coupon {
  display: block !important;
}

.woocommerce .payment_coupon {
  border-top: 0;
}

.woocommerce .payment_coupon .toggle-next__content {
  padding: 20px 0 0;
}

.woocommerce .payment_coupon .toggle-next__content:after {
  content: '';
  display: table;
  clear: both;
}

.woocommerce .payment_coupon .toggle-next__content .form-row {
  position: relative;
}

.woocommerce .payment_coupon input[type="text"] {
  width: 90%;
  width: calc(100% - 135px);
}

@media only screen and (min-width: 801px) {
  .woocommerce .payment_coupon input[type="text"] {
    margin: 10px 0 25px 3px;
    padding-right: 140px;
    width: calc(100% - 145px);
  }
}

@media only screen and (min-width: 980px) {
  .woocommerce .payment_coupon input[type="text"] {
    width: 260px;
  }
}

.woocommerce .payment_coupon input[type="submit"] {
  position: absolute;
  width: auto;
  height: 40px;
  margin: 0;
  padding: 10px 30px;
  top: 31px;
  right: 0;
}

@media only screen and (min-width: 801px) {
  .woocommerce .payment_coupon input[type="submit"] {
    top: 30px;
  }
}

@media only screen and (min-width: 980px) {
  .woocommerce .payment_coupon input[type="submit"] {
    right: auto;
    left: 275px;
  }
}

.woocommerce .form-row label + strong,
.woocommerce .form-row select + .chosen-container {
  display: block;
}

.woocommerce .form-row label {
  position: relative;
  display: block;
}

.woocommerce .form-row label:after {
  font-size: 1.2rem;
  padding-left: 5px;
  color: #666;
  content: "Optional";
}

.woocommerce .form-row.validate-required label abbr.required {
  color: #cf4d00;
  border: 0;
  margin-left: -5px;
  text-decoration: none;
}

.woocommerce .form-row.validate-required label:after {
  content: "Required";
}

.woocommerce .form-row.woocommerce-invalid-required-field input {
  box-shadow: 0 0 0 4px #f4b2b2;
}

.woocommerce .form-row.woocommerce-invalid-required-field label:after {
  color: #db0000;
}

.woocommerce .form-row.woocommerce-invalid-required-field abbr.required {
  color: #db0000;
}

.woocommerce .form-row .select2-container {
  margin: 10px 0 0 4px;
  border: 1px solid #666;
  box-shadow: 0 0 0 4px #f4f4f4;
  width: calc(100% - 8px) !important;
}

@media only screen and (min-width: 801px) {
  .woocommerce .form-row .select2-container {
    width: 310px !important;
  }
}

.woocommerce .form-row .select2-container::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 7px;
  top: 50%;
  right: 1em;
  margin-top: -2px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgICB3aWR0aD0iMTAuNzk1cHgiIGhlaWdodD0iNi45MzhweCIgdmlld0JveD0iLTEuOTI3IDEuOTI5IDEwLjc5NSA2LjkzOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMS45MjcgMS45MjkgMTAuNzk1IDYuOTM4IiAgIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIGlkPSJMYXllcl8xXzFfIiBkaXNwbGF5PSJub25lIj4gIDxnIGRpc3BsYXk9ImlubGluZSI+ICAgIDxwYXRoIGZpbGw9IiMwMDI2NDkiIGQ9Ik0xLjMwNSwxMC4zNTNjLTAuMTQsMC4xNDItMC4zNjMsMC4xNDItMC41MDIsMGwtNC4xNDUtNC4xMzhjLTAuMTQxLTAuMTQtMC4xNDEtMC4zNjksMC0wLjUwOGwwLjkyNy0wLjkyMSAgICAgIGMwLjE0MS0wLjE0LDAuMzYzLTAuMTQsMC41MDMsMEwxLjA1NCw3Ljc1TDQuMDIsNC43ODVjMC4xNC0wLjE0LDAuMzYyLTAuMTQsMC41MDIsMEw1LjQ1LDUuNzA2YzAuMTM5LDAuMTQsMC4xMzksMC4zNjksMCwwLjUwOCAgICAgIEwxLjMwNSwxMC4zNTN6Ii8+ICA8L2c+PC9nPjxnIGlkPSJMYXllcl80IiBkaXNwbGF5PSJub25lIj4gIDxnIGRpc3BsYXk9ImlubGluZSI+ICAgIDxwYXRoIGZpbGw9IiMwMDI2NDkiIGQ9Ik0wLjQzMyw5Ljg5N2wzLjU1OSwzLjU1N2MwLjE2NywwLjE2OCwwLjE2NywwLjQzNiwwLDAuNjA0bC0xLjExMywxLjExMWMtMC4xNjcsMC4xNjgtMC40MzYsMC4xNjgtMC42MDMsMCAgICAgIGwtNC45NzEtNC45NzFjLTAuMTY3LTAuMTY3LTAuMTY3LTAuNDM2LDAtMC42MDJsNC45NzEtNC45NzNjMC4xNjctMC4xNjcsMC40MzYtMC4xNjcsMC42MDMsMGwxLjExMywxLjExMiAgICAgIGMwLjE2NywwLjE2NywwLjE2NywwLjQzNSwwLDAuNjAzTDAuNDMzLDkuODk3eiIvPiAgPC9nPjwvZz48ZyBpZD0iTGF5ZXJfNSI+ICA8Zz4gICAgPHBhdGggZmlsbD0iIzBFMjc0OSIgZD0iTS0xLjgwMiwzLjc2OWMtMC4xNjgtMC4xNjctMC4xNjgtMC40MzYsMC0wLjYwM2wxLjExMS0xLjExMWMwLjE2OC0wLjE2NywwLjQzNi0wLjE2NywwLjYwNCwwTDMuNDcsNS42MTEgICAgICBsMy41NTctMy41NThjMC4xNjctMC4xNjcsMC40MzUtMC4xNjcsMC42MDMsMGwxLjExMiwxLjExM2MwLjE2NywwLjE2NywwLjE2NywwLjQzNiwwLDAuNjAzTDMuNzcyLDguNzQgICAgICBjLTAuMTY3LDAuMTY4LTAuNDM1LDAuMTY4LTAuNjAzLDBMLTEuODAyLDMuNzY5eiIvPiAgPC9nPjwvZz48ZyBpZD0iTGF5ZXJfMiIgZGlzcGxheT0ibm9uZSI+ICA8ZyBkaXNwbGF5PSJpbmxpbmUiPiAgICA8cGF0aCBmaWxsPSIjMEUyNzQ5IiBkPSJNLTYuNzYsMC45OWMwLDAuMTg5LTAuMTY3LDAuMzU3LTAuMzU3LDAuMzU3aC0yLjE0MmMtMC4xODksMC0wLjM1Ny0wLjE2Ny0wLjM1Ny0wLjM1N3YtMi4xNDIgICAgICBjMC0wLjE4OSwwLjE2Ny0wLjM1NywwLjM1Ny0wLjM1N2gyLjE0MmMwLjE4OCwwLDAuMzU3LDAuMTY3LDAuMzU3LDAuMzU3VjAuOTl6IE0tNi43Niw1LjI3M2MwLDAuMTg5LTAuMTY3LDAuMzU3LTAuMzU3LDAuMzU3ICAgICAgaC0yLjE0MmMtMC4xODksMC0wLjM1Ny0wLjE2Ny0wLjM1Ny0wLjM1N1YzLjEzMmMwLTAuMTg5LDAuMTY3LTAuMzU3LDAuMzU3LTAuMzU3aDIuMTQyYzAuMTg4LDAsMC4zNTcsMC4xNjcsMC4zNTcsMC4zNTdWNS4yNzN6ICAgICAgIE0tNi43Niw5LjU1OGMwLDAuMTg4LTAuMTY3LDAuMzU1LTAuMzU3LDAuMzU1aC0yLjE0MmMtMC4xODksMC0wLjM1Ny0wLjE2Ny0wLjM1Ny0wLjM1NVY3LjQxNWMwLTAuMTg5LDAuMTY3LTAuMzU3LDAuMzU3LTAuMzU3ICAgICAgaDIuMTQyYzAuMTg4LDAsMC4zNTcsMC4xNjgsMC4zNTcsMC4zNTdWOS41NTh6IE0tNi43NiwxMy44NGMwLDAuMTg4LTAuMTY3LDAuMzU2LTAuMzU3LDAuMzU2aC0yLjE0MiAgICAgIGMtMC4xODksMC0wLjM1Ny0wLjE2OC0wLjM1Ny0wLjM1NnYtMi4xNDJjMC0wLjE4OSwwLjE2Ny0wLjM1NywwLjM1Ny0wLjM1N2gyLjE0MmMwLjE4OCwwLDAuMzU3LDAuMTY4LDAuMzU3LDAuMzU3VjEzLjg0eiAgICAgICBNMTAuMzcyLDAuOTljMCwwLjE4OS0wLjE2NiwwLjM1Ny0wLjM1NCwwLjM1N0gtNC45NzZjLTAuMTg4LDAtMC4zNTYtMC4xNjctMC4zNTYtMC4zNTd2LTIuMTQyYzAtMC4xODksMC4xNjctMC4zNTcsMC4zNTYtMC4zNTcgICAgICBoMTQuOTkyYzAuMTg4LDAsMC4zNTQsMC4xNjcsMC4zNTQsMC4zNTdMMTAuMzcyLDAuOTlMMTAuMzcyLDAuOTl6IE0xMC4zNzIsNS4yNzNjMCwwLjE4OS0wLjE2NiwwLjM1Ny0wLjM1NCwwLjM1N0gtNC45NzYgICAgICBjLTAuMTg4LDAtMC4zNTYtMC4xNjctMC4zNTYtMC4zNTdWMy4xMzJjMC0wLjE4OSwwLjE2Ny0wLjM1NywwLjM1Ni0wLjM1N2gxNC45OTJjMC4xODgsMCwwLjM1NCwwLjE2NywwLjM1NCwwLjM1N0wxMC4zNzIsNS4yNzMgICAgICBMMTAuMzcyLDUuMjczeiBNMTAuMzcyLDkuNTU4YzAsMC4xODgtMC4xNjYsMC4zNTUtMC4zNTQsMC4zNTVILTQuOTc2Yy0wLjE4OCwwLTAuMzU2LTAuMTY3LTAuMzU2LTAuMzU1VjcuNDE1ICAgICAgYzAtMC4xODksMC4xNjctMC4zNTcsMC4zNTYtMC4zNTdoMTQuOTkyYzAuMTg4LDAsMC4zNTQsMC4xNjgsMC4zNTQsMC4zNTdMMTAuMzcyLDkuNTU4TDEwLjM3Miw5LjU1OHogTTEwLjM3MiwxMy44NCAgICAgIGMwLDAuMTg4LTAuMTY2LDAuMzU2LTAuMzU0LDAuMzU2SC00Ljk3NmMtMC4xODgsMC0wLjM1Ni0wLjE2OC0wLjM1Ni0wLjM1NnYtMi4xNDJjMC0wLjE4OSwwLjE2Ny0wLjM1NywwLjM1Ni0wLjM1N2gxNC45OTIgICAgICBjMC4xODgsMCwwLjM1NCwwLjE2OCwwLjM1NCwwLjM1N0wxMC4zNzIsMTMuODRMMTAuMzcyLDEzLjg0eiIvPiAgPC9nPjwvZz48ZyBpZD0iTGF5ZXJfMyIgZGlzcGxheT0ibm9uZSI+ICA8ZyBkaXNwbGF5PSJpbmxpbmUiPiAgICA8cGF0aCBmaWxsPSIjMEUyNzQ5IiBkPSJNNC43NDMsMTIuNTI4bC0zLjkwNCw0LjI4M2MtMC4wNjYsMC4wNjQtMC4xNTUsMC4xMDktMC4yNTYsMC4xMDljLTAuMTAyLDAtMC4yMDEtMC4wNDUtMC4yNjktMC4xMDkgICAgICBsLTMuOTU5LTQuMjgzYy0wLjA4OS0wLjExMi0wLjExMS0wLjI1OC0wLjA1Ny0wLjM5MWMwLjA1Ny0wLjEyMywwLjE3OS0wLjIxNSwwLjMyMy0wLjIxNWgyLjQ5OXYtMTMuOTIgICAgICBjMC0wLjIwMSwwLjE1NS0wLjM1NywwLjM1Ni0wLjM1N0gxLjYyYzAuMiwwLDAuMzU2LDAuMTU2LDAuMzU2LDAuMzU3djEzLjkyaDIuNDk4YzAuMTQ2LDAsMC4yNjksMC4wNzgsMC4zMjIsMC4yMTUgICAgICBDNC44NTQsMTIuMjcxLDQuODMzLDEyLjQxNiw0Ljc0MywxMi41Mjh6Ii8+ICA8L2c+PC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
  /* This hack make the select behind the arrow clickable in some browsers */
  pointer-events: none;
}

.woocommerce .form-row .select2-container .select2-choice {
  height: auto;
  padding: 10px;
  background: #fff;
  border: 0;
  border-radius: 0;
  color: #666 !important;
  line-height: 1.4;
  font-size: 1.4rem;
}

.woocommerce .form-row .select2-container .select2-choice .select2-arrow {
  display: none;
}

.woocommerce .event_unsubscribe {
  cursor: pointer;
}

.woocommerce-message {
  padding-bottom: 10px;
  color: #49a942;
}

.woocommerce-message + .cart-empty,
.page-template-template-courses-catalog .woocommerce-message {
  padding-bottom: 20px;
  text-align: center;
}

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

ul.woocommerce-error {
  padding-left: 0;
}

ul.woocommerce-error > li {
  list-style: none;
  color: #db0000;
}

.woocommerce .quantity input.qty,
.woocommerce-page .quantity input.qty {
  width: 2.1em;
  margin: 0 10px;
  border: 1px solid #666;
  border-radius: 0 !important;
}

.woocommerce .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce-page .quantity .plus,
.woocommerce-page .quantity .minus {
  float: left;
  position: relative;
  height: 2.1em;
  width: 2.1em;
  background-color: #008fce;
  border: 0;
  border-radius: 0 !important;
  color: #fff;
}

.woocommerce .quantity .plus:hover,
.woocommerce .quantity .minus:hover,
.woocommerce-page .quantity .plus:hover,
.woocommerce-page .quantity .minus:hover {
  background-color: #001d6c;
}

.button--add-to-cart.add_to_cart_button.loading {
  position: relative;
  color: transparent !important;
}

.button--add-to-cart.add_to_cart_button.loading > svg {
  color: #666;
}

.course-product--bundle .button--add-to-cart.add_to_cart_button.loading > svg {
  color: #fff;
}

.button--add-to-cart.add_to_cart_button.loading:after {
  content: 'Updating...';
  position: absolute;
  color: #fff;
  right: 7px;
}

.course-product--bundle .button--add-to-cart.add_to_cart_button.loading:after {
  color: #fff;
}

.course__sidebar .add_to_cart_button {
  font-size: 1.8rem;
  margin-top: 15px;
}

.course__sidebar .add_to_cart_button.added {
  display: none;
}

.course__sidebar .add_to_cart_button:after {
  content: 'Updating...';
  position: absolute;
  left: 0;
  right: 0;
  color: #fff;
  opacity: 0;
  width: 0;
}

.course__sidebar .add_to_cart_button.loading {
  color: transparent;
  background-color: #87300e;
  box-shadow: inset 0 0 3px 1px #333;
}

.course__sidebar .add_to_cart_button.loading:after {
  opacity: 1;
  width: 100%;
  transition: all 1s ease;
}

.course__sidebar .add_to_cart_button + .added_to_cart {
  margin-top: 0;
  background-color: #49a942;
  font-size: 1.8rem;
  margin-top: 15px;
}

.course__sidebar .add_to_cart_button + .added_to_cart:hover {
  background-color: #398434;
}

.woocommerce-order {
  max-width: 800px;
  margin: auto;
}

/**
 * This is the styling for the woocommerce cart
 *
 */
.woocommerce-cart .page-header {
  margin-top: 40px;
  margin-bottom: 0;
}

.woocommerce-message .wc-forward {
  display: none;
}

.woocommerce-cart .woocommerce-error .wc-forward {
  display: none;
}

.woocommerce-cart .breadcrumbs {
  display: none;
}

@media only screen and (min-width: 980px) {
  .woocommerce-cart .payment_coupon {
    float: left;
  }
}

.woocommerce-cart .mi-donation-cart {
  display: none;
  margin-top: 20px;
  border-bottom: 1px solid #ddd;
}

.woocommerce-cart .mi-donation-cart__info {
  width: 100%;
}

.woocommerce-cart .mi-donation-cart__info-header {
  font-weight: 600;
  margin: 0;
}

.woocommerce-cart .mi-donation-cart__info-text {
  font-size: 1.7rem;
}

.woocommerce-cart .mi-donation-cart__nyp {
  width: 100%;
}

.woocommerce-cart .mi-donation-cart__button {
  margin: 0 0 20px 0;
  width: 100%;
  background: #49a942;
  font-size: 14px;
}

.woocommerce-cart .mi-donation-cart__button:hover, .woocommerce-cart .mi-donation-cart__button:active {
  background: #31722d;
}

@media only screen and (min-width: 980px) {
  .woocommerce-cart .mi-donation-cart__info {
    display: inline-block;
    width: 55%;
  }
  .woocommerce-cart .mi-donation-cart__separator {
    display: inline-block;
    width: 10%;
  }
  .woocommerce-cart .mi-donation-cart__nyp {
    display: inline-block;
    width: 14%;
  }
  .woocommerce-cart .mi-donation-cart__button {
    display: inline-block;
    margin: 10px 0 0 20px;
    width: 17%;
  }
}

@media only screen and (min-width: 1240px) {
  .woocommerce-cart .mi-donation-cart__separator {
    display: inline-block;
    width: 12%;
  }
  .woocommerce-cart .mi-donation-cart__nyp {
    display: inline-block;
    width: 15%;
  }
  .woocommerce-cart .mi-donation-cart__button {
    display: inline-block;
    margin: 10px 0 0 20px;
    width: 15%;
  }
}

.woocommerce-cart .cart-empty,
.woocommerce-cart .return-to-shop {
  text-align: center;
}

.woocommerce-cart .return-to-shop {
  margin-bottom: 50px;
}

.woocommerce-cart .shop_table {
  width: 100%;
  margin-top: -15px;
}

@media only screen and (max-width: 799px) {
  .woocommerce-cart .shop_table {
    margin-top: 0;
  }
}

.woocommerce-cart .shop_table > thead {
  border-bottom: 1px solid #ddd;
  display: none;
}

@media only screen and (min-width: 801px) {
  .woocommerce-cart .shop_table > thead {
    display: table-header-group;
  }
}

.woocommerce-cart .shop_table > thead th {
  padding: 25px 0;
}

.woocommerce-cart .shop_table tbody .cart_item:not(.bundled_table_item) {
  border-bottom: 1px solid #ddd !important;
}

.woocommerce-cart .shop_table tbody .cart_item:not(.bundled_table_item) td {
  display: block;
  padding-bottom: 15px;
}

@media only screen and (min-width: 801px) {
  .woocommerce-cart .shop_table tbody .cart_item:not(.bundled_table_item) td {
    display: table-cell;
    padding: 25px 0;
    text-align: center;
  }
  .woocommerce-cart .shop_table tbody .cart_item:not(.bundled_table_item) td:before {
    display: none;
  }
}

.woocommerce-cart .shop_table tbody .cart_item:not(.bundled_table_item) td:before {
  font-weight: 500;
}

.woocommerce-cart .shop_table tbody .cart_item:not(.bundled_table_item) td.product-name {
  text-align: left;
  padding-top: 15px;
}

@media only screen and (min-width: 801px) {
  .woocommerce-cart .shop_table tbody .cart_item:not(.bundled_table_item) td.product-name {
    padding-top: 25px;
  }
}

.woocommerce-cart .shop_table tbody .cart_item:not(.bundled_table_item) td.product-remove {
  display: none;
}

@media only screen and (min-width: 801px) {
  .woocommerce-cart .shop_table tbody .cart_item:not(.bundled_table_item) td.product-remove {
    display: block;
  }
}

.woocommerce-cart .shop_table tbody .cart_item:not(.bundled_table_item) td.product-price ins {
  text-decoration: none;
}

.woocommerce-cart .shop_table tbody .cart_item:not(.bundled_table_item) td.product-price del {
  color: #666;
  font-size: 1.8rem;
}

.woocommerce-cart .shop_table tbody .cart_item:not(.bundled_table_item) td.product-price:before {
  content: "Price";
}

.woocommerce-cart .shop_table tbody .cart_item:not(.bundled_table_item) td.product-quantity:before {
  content: "Quantity";
}

.woocommerce-cart .shop_table tbody .cart_item:not(.bundled_table_item) td.product-subtotal:before {
  content: "Total:";
}

.woocommerce-cart .shop_table tbody .bundle_table_item .product-name {
  font-weight: bold;
}

.woocommerce-cart .shop_table tbody .bundled_table_item {
  border-bottom: 1px solid #ddd !important;
}

.woocommerce-cart .shop_table tbody .bundled_table_item .product-name h3 {
  display: none;
}

.woocommerce-cart .shop_table tbody .bundled_table_item td {
  padding-top: 25px;
  padding-bottom: 25px;
}

.woocommerce-cart .shop_table tbody .bundled_table_item .product-remove--mobile {
  display: none;
}

@media only screen and (min-width: 801px) {
  .woocommerce-cart .shop_table tbody .bundled_table_item .product-quantity {
    text-align: center;
  }
}

.woocommerce-cart .shop_table .remove svg {
  height: 30px;
  width: 30px;
}

@media only screen and (min-width: 801px) {
  .woocommerce-cart .shop_table .remove svg {
    margin-bottom: -17px;
  }
}

.woocommerce-cart .shop_table .remove svg #circle {
  stroke: #666;
}

.woocommerce-cart .shop_table .remove svg #x {
  fill: #666;
}

.woocommerce-cart .shop_table .remove svg:hover #circle, .woocommerce-cart .shop_table .remove svg:active #circle {
  stroke: #333;
}

.woocommerce-cart .shop_table .remove svg:hover #x, .woocommerce-cart .shop_table .remove svg:active #x {
  fill: #333;
}

.woocommerce-cart .shop_table .product-name {
  text-align: left;
}

.woocommerce-cart .shop_table .product-remove--mobile {
  position: absolute;
  right: 15px;
  margin-top: 15px;
}

@media only screen and (min-width: 801px) {
  .woocommerce-cart .shop_table .product-remove--mobile {
    display: none !important;
  }
}

.woocommerce-cart .quantity {
  display: block;
  padding-top: 10px;
  padding-right: 0;
}

@media only screen and (min-width: 801px) {
  .woocommerce-cart .quantity {
    display: inline-block;
    padding-top: 0;
  }
}

.woocommerce-cart .quantity .qty {
  width: 40px;
  display: inline;
  margin: 0 15px;
  text-align: center;
}

@media only screen and (min-width: 980px) {
  .woocommerce-cart .cart-totals {
    width: 33%;
    float: right;
    text-align: right;
  }
}

.woocommerce-cart .cart-totals .checkout-button {
  margin-top: 15px;
  margin-bottom: 50px;
}

@media only screen and (min-width: 801px) {
  .woocommerce-cart .cart-totals .cart-update {
    float: right;
  }
}

.woocommerce-cart .cart-totals .cart-checkout {
  padding: 0 20px;
}

@media only screen and (min-width: 980px) {
  .woocommerce-cart .cart-totals .cart-checkout {
    padding: 0;
    background-color: transparent;
  }
}

.woocommerce-cart .cart-totals .cart-collaterals {
  margin-right: -20px;
  margin-left: -20px;
  text-align: center;
}

@media only screen and (min-width: 980px) {
  .woocommerce-cart .cart-totals .cart-collaterals {
    margin: 0;
  }
}

.woocommerce-cart .cart-totals .cart-collaterals:before {
  content: '';
  display: table;
  clear: both;
}

.woocommerce-cart .cart-totals .cart-collaterals .heading {
  margin: 25px 0 10px 0;
  text-transform: uppercase;
}

@media only screen and (min-width: 801px) {
  .woocommerce-cart .cart-totals .cart-collaterals .heading {
    margin-top: 50px;
  }
}

.woocommerce-cart .cart-totals .cart-collaterals .panel-block {
  background: #fff;
}

.woocommerce-cart .cart-totals table {
  width: 100%;
}

.woocommerce-cart .cart-totals table .cart-subtotal th,
.woocommerce-cart .cart-totals table .cart-subtotal td {
  font-weight: normal;
  padding-bottom: 25px;
}

.woocommerce-cart .cart-totals table th {
  text-align: right;
}

.woocommerce-cart .cart-totals table td {
  text-align: left;
  padding-left: 45px;
}

.woocommerce-checkout {
  /*.blockUI.blockOverlay {
    height: 3em !important;
    width: 3em !important;
    position: absolute !important;
    top: 1500% !important;
    left: 45% !important;
    display: block !important;
    content: "";
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
    background: url('https://dev.medicareinteractive.org/images/loader2.gif') center center !important;
    background-size: cover !important;
    line-height: 1 !important;
    opacity: 1 !important;
  }*/
}

.woocommerce-checkout .page-header {
  margin-top: 40px;
  margin-bottom: 0;
}

.woocommerce-checkout .page-header h1:only-child {
  border: none;
}

.woocommerce-checkout .breadcrumbs {
  display: none;
}

@media only screen and (min-width: 801px) {
  .woocommerce-checkout .col-1 .form__heading {
    width: 318px;
  }
}

.woocommerce-checkout .col-1 .mi_subscription_checkout {
  padding: 10px 0 40px 4px;
  /*@include bp(min-width, $bp-medium + 1) {
        padding: 40px 0 30px 0;
      }*/
}

.woocommerce-checkout .col-1 .mi_subscription_checkout .mi_subscription_checkbox_register {
  background-color: #bec0c7;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  cursor: pointer !important;
  display: inline-block;
}

.woocommerce-checkout .col-1 .mi_subscription_checkout .mi_subscription_checkbox_register svg {
  height: 25px;
  width: 20px;
  color: #001d6c;
}

.woocommerce-checkout .col-1 .mi_subscription_checkout .mi_subscription_label_register {
  display: inline;
  font-size: 1.6rem;
  font-weight: 400;
}

.woocommerce-checkout .col-1 .mi_subscription_hidden {
  display: none !important;
}

@media only screen and (max-width: 801px) {
  .woocommerce-checkout .col-1 {
    float: none;
    width: 100%;
  }
}

.woocommerce-checkout .col-2 {
  float: left;
  margin-bottom: 0px;
  width: 100%;
  /*@include bp(min-width, $bp-medium + 1) {
      float: right;
      width: 48%;
      margin-bottom: 0;
    }*/
}

.woocommerce-checkout .col2-set:after {
  content: '';
  display: table;
  clear: both;
}

@media only screen and (min-width: 980px) {
  .woocommerce-checkout .col2-set .col-1 {
    width: auto;
  }
}

@media only screen and (max-width: 600px) {
  .woocommerce-checkout .col2-set {
    width: 100%;
    float: none;
  }
}

@media only screen and (min-width: 980px) {
  .woocommerce-checkout .col2-set {
    width: 65%;
    float: left;
  }
}

.woocommerce-checkout .order-review {
  margin-right: -20px;
  margin-left: -20px;
}

@media only screen and (min-width: 801px) {
  .woocommerce-checkout .order-review {
    margin: 0;
  }
}

.woocommerce-checkout .order-review .panel-block__content {
  padding: 0;
}

@media only screen and (min-width: 801px) {
  .woocommerce-checkout .order-review .panel-block__content {
    padding: 0 15px;
  }
}

.woocommerce-checkout .woocommerce-error + .checkout_login {
  margin-top: 20px;
}

.woocommerce-checkout .checkout_login {
  margin-bottom: 20px;
  padding-top: 0;
  border-top: 0;
}

.woocommerce-checkout .checkout_login .panel {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}

.woocommerce-checkout .checkout_login .input-hint {
  padding-bottom: 0;
}

.woocommerce-checkout .checkout_login .form-actions .button, .woocommerce-checkout .checkout_login .form-actions .course__sidebar .add_to_cart_button + .added_to_cart, .course__sidebar .woocommerce-checkout .checkout_login .form-actions .add_to_cart_button + .added_to_cart {
  margin-top: 12px;
}

@media only screen and (min-width: 801px) {
  .woocommerce-checkout .checkout_login .form-actions .form-row,
  .woocommerce-checkout .checkout_login .form-actions .control {
    float: left;
  }
}

.woocommerce-checkout .checkout_login .form-actions .form-row {
  margin-bottom: 5px;
}

@media only screen and (min-width: 801px) {
  .woocommerce-checkout .checkout_login .form-actions .form-row {
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 801px) {
  .woocommerce-checkout .checkout_login .form-actions .control {
    margin-left: 20px;
    padding-top: 15px;
  }
}

.woocommerce-checkout .checkout_login .lost_password {
  clear: both;
  margin: 0;
}

.woocommerce-checkout .checkout_login .woocommerce-info {
  font-size: 1.6rem;
}

.woocommerce-checkout .login_notice {
  margin-bottom: 25px;
}

.woocommerce-checkout .create-account {
  margin-bottom: 0;
}

.woocommerce-checkout .create-account > p {
  margin-bottom: 15px;
  font-size: 1.6rem;
}

@media only screen and (min-width: 801px) {
  .woocommerce-checkout .create-account > p {
    width: 310px;
  }
}

.woocommerce-checkout .create-account .form-row {
  width: 46% !important;
  float: left !important;
  margin-right: 15px;
}

@media only screen and (max-width: 600px) {
  .woocommerce-checkout .create-account .form-row {
    width: 100% !important;
  }
}

.woocommerce-checkout .create-account input, .woocommerce-checkout .create-account select {
  width: 100% !important;
}

.woocommerce-checkout .shop_table {
  width: 100%;
}

.woocommerce-checkout .shop_table th {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 15px 0;
}

@media only screen and (min-width: 980px) {
  .woocommerce-checkout .shop_table th {
    background: #f5f5f5;
    font-size: 1.8rem;
    font-weight: bold;
  }
}

.woocommerce-checkout .shop_table td {
  padding: 15px 0;
  font-size: 1.6rem;
}

.woocommerce-checkout .shop_table th,
.woocommerce-checkout .shop_table td {
  padding: 20px 0;
}

.woocommerce-checkout .shop_table th:first-child,
.woocommerce-checkout .shop_table td:first-child {
  text-align: left;
}

.woocommerce-checkout .shop_table tr {
  border-bottom: 1px solid #ddd;
}

.woocommerce-checkout .shop_table tr > :first-child {
  padding-left: 15px;
}

@media only screen and (min-width: 801px) {
  .woocommerce-checkout .shop_table tr > :first-child {
    padding-left: 5px;
  }
}

.woocommerce-checkout .shop_table tr > :last-child {
  padding-right: 15px;
}

@media only screen and (min-width: 801px) {
  .woocommerce-checkout .shop_table tr > :last-child {
    padding-right: 0;
    text-align: center;
  }
}

.woocommerce-checkout .shop_table tfoot {
  text-align: left;
}

.woocommerce-checkout .shop_table tfoot tr:last-child {
  border-bottom: 0;
}

.woocommerce-checkout .shop_table .cart-subtotal th {
  font-weight: normal;
}

.woocommerce-checkout .shop_table .product-total {
  text-align: left;
}

.woocommerce-checkout .shop_table .product-quantity {
  display: none;
}

.woocommerce-checkout .shop_table ul {
  padding-left: 0px;
}

.woocommerce-checkout .shop_table.order_details th {
  background: #fff;
}

.woocommerce-checkout .payment_lock {
  display: none;
}

.woocommerce-checkout #order_review_heading {
  margin-bottom: 0px;
}

@media only screen and (min-width: 980px) {
  .woocommerce-checkout #order_review_heading {
    float: left;
    width: 35%;
    margin-left: 0%;
    background: #f5f5f5;
    padding: 20px 40px;
  }
}

.woocommerce-checkout #order_review .blockOverlay {
  display: none !important;
}

@media only screen and (min-width: 980px) {
  .woocommerce-checkout #order_review {
    float: left;
    width: 35%;
    margin-left: 0%;
    background: #f5f5f5;
    padding: 20px 40px;
  }
}

.woocommerce-checkout .payment_coupon {
  border-top: 0;
  margin-bottom: 40px;
}

.woocommerce-checkout .payment_methods {
  list-style: none;
  padding-left: 0;
}

.woocommerce-checkout .payment_methods .control input[type="radio"] + label:before,
.woocommerce-checkout .payment_methods .control input[type="radio"] + label:after {
  display: none;
}

.woocommerce-checkout .payment_methods .control input[type="radio"] + label:after {
  top: 27px;
}

.woocommerce-checkout .payment_methods label[for="payment_method_paypal_pro_payflow"] {
  font-weight: bold !important;
  color: #333 !important;
  font-size: 1.8rem !important;
}

.woocommerce-checkout .payment_methods .payment_method_paypal_pro_payflow .form-row label:after {
  content: "Required";
}

.woocommerce-checkout .payment_methods .payment_method_paypal_pro_payflow .form-row label .required {
  color: #cf4d00;
}

.woocommerce-checkout .payment_methods .payment_method_paypal_pro_payflow .control {
  position: relative;
  display: block;
  padding: 15px 0 15px 0;
  cursor: pointer;
}

.woocommerce-checkout .payment_methods .payment_method_paypal .control {
  padding-top: 5px;
}

.woocommerce-checkout .payment_methods .payment_method_paypal img {
  display: block;
  margin: 0;
  vertical-align: middle;
}

@media only screen and (min-width: 801px) {
  .woocommerce-checkout .payment_methods .payment_method_paypal img {
    display: inline;
    margin: 0 20px;
  }
}

.woocommerce-checkout .payment_methods .payment_box {
  padding-left: 0;
}

.woocommerce-checkout .woocommerce-checkout-payment {
  position: relative;
  margin: 0;
  padding: 0;
  background: none !important;
}

@media only screen and (max-width: 801px) {
  .woocommerce-checkout .woocommerce-checkout-payment {
    max-width: 450px !important;
  }
}

.woocommerce-checkout .woocommerce-checkout-payment .payment_lock {
  position: absolute;
  top: 20px;
  right: 10px;
  height: 75px;
  width: 80px;
}

.woocommerce-checkout .woocommerce-checkout-payment input[type="text"] {
  width: 100% !important;
}

.woocommerce-checkout .woocommerce-checkout-payment input[type="submit"] {
  width: 100%;
  margin-left: 4px !important;
}

.woocommerce-checkout .form-row label + strong {
  display: block;
  padding-left: 4px;
}

.woocommerce-checkout .mailchimp-newsletter input {
  float: left;
}

.woocommerce-checkout .lp-bar__iframe {
  display: none !important;
}

.woocommerce-checkout container--narrow {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 600px) {
  .woocommerce-checkout container--narrow {
    max-width: 450px;
  }
}

.woocommerce-checkout .toggle-next:before {
  display: none;
}

.woocommerce-checkout .toggle-next__button {
  padding: 0px;
}

.woocommerce-checkout .toggle-next:last-of-type .toggle-next__button {
  border: none;
}

.woocommerce-checkout input[type="radio"], .woocommerce-checkout input[type="checkbox"] {
  width: 30px;
  height: 20px;
  display: inline-block;
}

.woocommerce-checkout ul.woocommerce-shipping-methods li {
  list-styles: none;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
  width: 46% !important;
  float: left !important;
  margin-right: 15px;
}

@media only screen and (max-width: 600px) {
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
    width: 100% !important;
    float: none !important;
    margin-right: 0px;
  }
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper input, .woocommerce-checkout .woocommerce-billing-fields__field-wrapper select {
  width: 100% !important;
}

@media only screen and (min-width: 980px) {
  .woocommerce-checkout .woocommerce-billing-fields h3 {
    margin-top: 40px;
  }
}

.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row {
  width: 46% !important;
  float: left !important;
  margin-right: 15px;
}

@media only screen and (max-width: 600px) {
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row {
    width: 100% !important;
    float: none !important;
    margin-right: 0px;
  }
}

.woocommerce-checkout .woocommerce-additional-fields {
  max-width: 358px;
}

.woocommerce-checkout .woocommerce-additional-fields__field-wrapper .form-row {
  float: left !important;
  margin-top: 20px;
  width: 100%;
}

@media only screen and (max-width: 600px) {
  .woocommerce-checkout .woocommerce-additional-fields__field-wrapper .form-row {
    width: 100% !important;
    float: none !important;
    margin-right: 0;
  }
}

.woocommerce-checkout #billing_address_1_field, .woocommerce-checkout #billing_address_2_field {
  width: 94% !important;
  float: none !important;
}

@media only screen and (max-width: 600px) {
  .woocommerce-checkout #billing_address_1_field, .woocommerce-checkout #billing_address_2_field {
    width: 100% !important;
    float: none !important;
  }
}

.woocommerce-checkout #shipping_address_1_field, .woocommerce-checkout #shipping_address_2_field {
  width: 94% !important;
}

@media only screen and (max-width: 600px) {
  .woocommerce-checkout #shipping_address_1_field, .woocommerce-checkout #shipping_address_2_field {
    width: 100% !important;
    float: none !important;
  }
}

.woocommerce-checkout #billing_address_1_field label, .woocommerce-checkout #shipping_address_1_field label {
  display: inline-block !important;
}

.woocommerce-checkout label[for="coupon_code"] {
  display: none !important;
}

.woocommerce-checkout #coupon_code {
  float: left;
  margin: 0 10px 20px 0;
  width: 300px;
}

@media only screen and (max-width: 600px) {
  .woocommerce-checkout #coupon_code {
    width: 100%;
    float: none;
  }
}

@media only screen and (min-width: 980px) {
  .woocommerce-checkout #coupon_code {
    max-width: 155px;
  }
}

.woocommerce-checkout .checkout_coupon {
  margin-bottom: 40px;
  margin-top: 10px;
}

.woocommerce-checkout .checkout_coupon input[type="submit"] {
  padding: 9px 25px;
  width: auto;
}

@media only screen and (max-width: 600px) {
  .woocommerce-checkout .checkout_coupon input[type="submit"] {
    width: 100%;
  }
}

.woocommerce-checkout #pay-with_amazon {
  float: none !important;
  text-align: center;
}

.woocommerce-checkout .wc-amazon-checkout-message {
  text-align: center;
}

.woocommerce-checkout .wc-amazon-payments-advanced-info {
  color: #fff;
}

@media only screen and (max-width: 600px) {
  .woocommerce-checkout-review-order {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 801px) {
  .woocommerce-checkout .woocommerce-shipping-totals td {
    padding-left: 0px;
    width: 65%;
    text-align: left;
  }
}

.page-id-9 .page-header h1:only-child {
  border: none;
}

.page-id-9 .lp-bar__iframe {
  display: none;
}

.page-id-9 .container--narrow {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.page-id-9 toggle-next [aria-expanded="true"]:before, .page-id-9 toggle-next [aria-expanded="false"]:before {
  display: none;
}

.page-id-9 .accordion .toggle-next__button {
  padding: 0;
}

.page-id-9 .accordion .toggle-next__button:before {
  display: none;
}

.page-id-9 .accordion .toggle-next__content:last-of-type {
  padding-left: 0;
}

.page-id-9 .accordion .toggle-next:last-of-type .toggle-next__button {
  border: none;
}

.page-id-9 .accordion .toggle-next:last-of-type .toggle-next__button[aria-expanded="true"] {
  border: none;
}

.page-id-9 .wc_coupon_message_wrap {
  display: none;
}

woocommerce-order {
  max-width: 826.708px;
  margin-left: auto;
  margin-right: auto;
}

.order-again {
  display: none;
}

#amazon_customer_details .col-1 {
  width: 100%;
  padding-right: 50px;
}

.wc-amazon-checkout-message.wc-amazon-payments-advanced-populated {
  max-width: 800px;
  margin: auto;
}

#pay_with_amazon {
  float: none !important;
  text-align: center !important;
}

.express-line {
  line-height: 0.1em;
  margin: 10px 0 0;
}

.express-line-place {
  background: #ffffff;
  padding: 0 10px;
}

.woocommerce-checkout .wc-amazon-payments-advanced-info {
  color: #fff;
  padding-top: 30px;
  border: 1px solid #ddd;
}

.title-line {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ddd;
  line-height: 0.1em;
  margin: 10px 0 20px;
}

.title-line-place {
  background: #fff;
  padding: 0 10px;
}

.customer-login,
.customer-register {
  margin-bottom: 5em;
}

.customer-login:after,
.customer-register:after {
  content: " ";
  display: block;
  clear: both;
}

.customer-login .lost-password a,
.customer-register .lost-password a {
  color: #666;
}

.customer-login .lost-password a:hover, .customer-login .lost-password a:active,
.customer-register .lost-password a:hover,
.customer-register .lost-password a:active {
  color: #008fce;
}

@media only screen and (min-width: 801px) {
  .customer-login .side-callout,
  .customer-login .login-forms,
  .customer-register .side-callout,
  .customer-register .login-forms {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-left: 0;
    padding-right: 20px;
  }
}

.customer-login .side-callout,
.customer-register .side-callout {
  padding: 20px 0;
}

@media only screen and (min-width: 801px) {
  .customer-login .side-callout,
  .customer-register .side-callout {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    float: right;
    padding: 0 !important;
    background: #ddd;
    font-size: 16px;
  }
}

.customer-login .side-callout .textwidget,
.customer-register .side-callout .textwidget {
  padding: 20px;
}

.customer-login .side-callout .textwidget ul,
.customer-register .side-callout .textwidget ul {
  margin-left: 25px;
}

.customer-login .side-callout .textwidget ul li,
.customer-register .side-callout .textwidget ul li {
  margin-bottom: 5px;
}

@media only screen and (min-width: 801px) {
  .customer-login .side-callout .button--secondary, .customer-login .side-callout .minus, .customer-login .side-callout
  .plus,
  .customer-register .side-callout .button--secondary,
  .customer-register .side-callout .minus,
  .customer-register .side-callout
  .plus {
    margin: 20px;
  }
}

.customer-login .side-callout .pseudo-aside,
.customer-register .side-callout .pseudo-aside {
  display: none;
}

@media only screen and (min-width: 801px) {
  .customer-login .side-callout .pseudo-aside,
  .customer-register .side-callout .pseudo-aside {
    display: inherit;
    background: #fff;
    height: 100%;
    padding-top: 30px;
  }
}

.customer-login .side-callout .pseudo-aside p,
.customer-register .side-callout .pseudo-aside p {
  display: none;
}

@media only screen and (min-width: 801px) {
  .customer-login .side-callout .pseudo-aside p,
  .customer-register .side-callout .pseudo-aside p {
    display: inherit;
    padding: 10px;
  }
}

.customer-login .forms-col,
.customer-register .forms-col {
  margin-top: 1em;
}

@media only screen and (min-width: 801px) {
  .customer-login .forms-col,
  .customer-register .forms-col {
    max-width: 310px;
  }
}

@media only screen and (min-width: 801px) {
  .customer-login .forms-col:first-child,
  .customer-register .forms-col:first-child {
    margin-top: 0;
  }
}

.customer-login .button, .customer-login .course__sidebar .add_to_cart_button + .added_to_cart, .course__sidebar .customer-login .add_to_cart_button + .added_to_cart,
.customer-register .button,
.customer-register .course__sidebar .add_to_cart_button + .added_to_cart, .course__sidebar
.customer-register .add_to_cart_button + .added_to_cart {
  margin-top: 0;
}

.customer-login .login .input-text,
.customer-login .register .input-text,
.customer-register .login .input-text,
.customer-register .register .input-text {
  width: 100%;
  width: calc(100% - 8px);
}

.customer-login .login .button, .customer-login .login .course__sidebar .add_to_cart_button + .added_to_cart, .course__sidebar .customer-login .login .add_to_cart_button + .added_to_cart,
.customer-login .register .button,
.customer-login .register .course__sidebar .add_to_cart_button + .added_to_cart, .course__sidebar
.customer-login .register .add_to_cart_button + .added_to_cart,
.customer-register .login .button,
.customer-register .login .course__sidebar .add_to_cart_button + .added_to_cart, .course__sidebar
.customer-register .login .add_to_cart_button + .added_to_cart,
.customer-register .register .button,
.customer-register .register .course__sidebar .add_to_cart_button + .added_to_cart, .course__sidebar
.customer-register .register .add_to_cart_button + .added_to_cart {
  width: 100%;
  margin-top: 0;
}

.customer-login .register-sidebar-title,
.customer-register .register-sidebar-title {
  font-weight: 600;
}

@media only screen and (max-width: 800px) {
  .customer-login .register-sidebar-title,
  .customer-register .register-sidebar-title {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #ddd;
  }
}

.customer-login .login .control,
.customer-register .login .control {
  margin-bottom: 20px;
}

@media only screen and (max-width: 800px) {
  .customer-register .side-callout {
    padding-top: 0;
  }
}

.customer-register .side-callout .fball_ui {
  margin-top: 20px;
}

@media only screen and (max-width: 800px) {
  .customer-register .register-sidebar-title {
    padding-top: 0;
  }
}

.customer-register .woocommerce-form__input-checkbox {
  display: inline;
  width: 30px;
}

.register .mailchimp-newsletter {
  display: none;
}

@media only screen and (min-width: 980px) {
  .secondary-sidebar + .mi-intake-content {
    float: right;
    width: 75%;
  }
}

.mi-intake-content .required-header {
  color: red;
  font-size: 1.4rem;
  font-weight: 400;
}

.mi-intake-content .required-header .required-sub-header {
  color: #333;
}

.mi-intake-content .accordion {
  border: none;
  margin-bottom: 20px;
}

.mi-intake-content .accordion button {
  border: none !important;
  padding: 0;
  font-size: 1.6rem;
}

.mi-intake-content .accordion button::before {
  display: none;
}

.mi-intake-content #intake-type {
  width: 97%;
}

@media only screen and (min-width: 801px) {
  .mi-intake-content #intake-type {
    width: 360px;
  }
}

.mi-intake-content input, .mi-intake-content select {
  width: 100%;
}

@media only screen and (min-width: 801px) {
  .mi-intake-content input, .mi-intake-content select {
    width: 360px;
  }
}

.mi-intake-content select {
  padding: 9px;
}

.mi-intake-content input[type="submit"] {
  margin-top: 10px;
}

.mi-intake-content .toggle-next__content {
  background: #f5f5f5;
  margin-top: 20px;
  padding-left: 35px;
}

@media only screen and (max-width: 799px) {
  .mi-intake-content .toggle-next__content {
    padding: 10px;
  }
}

@media only screen and (max-width: 799px) {
  .mi-intake-content .toggle-next__content input {
    width: 95%;
  }
}

.mi-intake-content .toggle-next__content .input-hint {
  display: none;
}

.mi-intake-content .toggle-next__content .lost_password {
  font-size: 1.6rem;
}

.mi-intake-content .required-text {
  display: none;
}

.intake-form-first {
  clear: both;
  margin-bottom: 10px;
}

.intake-form-first .form__heading {
  margin-top: 10px;
}

.intake-form-last {
  clear: both;
  margin-bottom: 10px;
}

.intake-form-last .form__heading {
  margin-top: 20px;
}

.intake-hidden {
  display: none;
}

.intake-header {
  border-bottom: none !important;
}

.intake__logged-in {
  margin-top: 10px;
}

.intake__logged-in .login-forms {
  width: 100%;
  float: none;
  padding: 0;
  margin-top: 30px;
}

.intake__logged-in .login-forms .forms-col {
  max-width: 100%;
}

.intake__logged-in .login-forms .forms-col .form-row {
  width: 49%;
  display: inline-block;
}

@media only screen and (max-width: 799px) {
  .intake__logged-in .login-forms .forms-col .form-row {
    width: 100%;
  }
}

.intake__logged-in .intake-form-right {
  float: right;
  width: 50%;
}

.intake__logged-in input[type="submit"] {
  margin-top: 30px;
}

.intake__register {
  margin-top: 10px;
}

.intake__register .login-forms {
  width: 100%;
  float: none;
  padding: 0;
}

.intake__register .login-forms .forms-col {
  max-width: 100%;
}

.intake__register .login-forms .forms-col .form-row {
  width: 49%;
  display: inline-block;
}

@media only screen and (max-width: 799px) {
  .intake__register .login-forms .forms-col .form-row {
    width: 100%;
  }
}

.intake__register .login-forms .mi_subscription_label {
  font-weight: 400;
}

.intake__register .login-forms .form__heading {
  margin-top: 20px;
}

.intake__register .intake-form-right {
  float: right;
  width: 50%;
}

.intake__register .mi_subscription_register_opt {
  padding-bottom: 10px;
  display: block;
}

.intake__register .mi_subscription_register_opt .mi_subscription_checkbox_register {
  background-color: #bec0c7;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  cursor: pointer !important;
  display: inline-block;
}

.intake__register .mi_subscription_register_opt .mi_subscription_label {
  display: inline;
}

.intake__register .mi_subscription_label {
  font-size: 1.6rem;
  vertical-align: super;
}

#intake-time {
  display: block;
}

.tooltip {
  position: relative;
  display: table;
  border-bottom: 1px dotted #888;
  font-size: 1.4rem;
  font-weight: 400;
  color: #888;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: #333;
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #fff;
  text-align: left;
  border-radius: 3px;
  padding: 10px 10px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

@media only screen and (min-width: 801px) {
  .tooltip {
    display: inline-block;
  }
}

.tooltip:hover .tooltiptext, .tooltip:active .tooltiptext {
  visibility: visible;
}

#intake-question {
  line-height: 1.4;
  min-height: 175px;
}

.intake_zip_error {
  font-size: 1.4rem;
  color: red;
  margin-top: 10px;
  display: table;
}

@media only screen and (min-width: 801px) {
  .intake_zip_error {
    max-width: 360px;
  }
}

.intake_zip_error.zip_error_hidden {
  display: none;
}

.intake_question_error {
  display: none;
  font-size: 1.4rem;
  color: red;
  margin-top: 10px;
}

#reg_zip {
  margin-bottom: 0;
}

.woocommerce-account .page-header {
  border-bottom: 0;
}

@media only screen and (min-width: 980px) {
  .woocommerce-account .page-header {
    margin-top: 0;
  }
}

.woocommerce-account .page-header h1 {
  padding-bottom: 0;
  border-bottom: 0;
}

.woocommerce-account .profile-section:not(:first-child) {
  margin-top: 40px;
}

.woocommerce-account .profile-section h5 {
  margin-top: 20px;
}

.woocommerce-account .section-title {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  display: block;
}

.woocommerce-account .section-title a {
  float: right;
  margin-top: 0;
}

.course-catalog--account {
  margin: -23px -20px 0;
}

.woocommerce-account .course-catalog--account {
  padding-left: 0;
}

@media only screen and (min-width: 801px) {
  .course-catalog--account {
    margin: 0;
  }
}

.course-catalog--account .accordion .toggle-next__content {
  padding: 10px;
}

.course-catalog--account .panel-block__content {
  padding: 0;
  background: none;
}

.course-catalog--account .panel-block__header {
  border-top: 0;
}

.course-catalog--account .panel-block__header:not(:first-of-type) {
  margin-top: 20px;
}

.course-catalog--account .course-product__header__title a {
  width: 100%;
  padding-right: 10px;
}

@media only screen and (min-width: 801px) {
  .course-catalog--account .course-product__header__title a {
    width: auto;
  }
}

.course-catalog--account .accordion li {
  margin-bottom: 0;
  border-bottom: 2px solid #333;
}

.course-catalog--account .accordion li footer {
  display: none;
}

.course-catalog--account .course-product__header {
  display: block;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 801px) {
  .course-catalog--account .course-product__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.course-catalog--account .course-product__header button {
  margin-left: 10px;
}

.course-catalog--account .course-product__header .woocommerce-LoopProduct-link {
  display: none;
}

.course-catalog--account .course-product__header.panel-block__header {
  padding-left: 10px;
  padding-right: 10px;
}

.course-catalog--account .course-product__header.panel-block__header .course-product__header__title {
  font-weight: 400;
}

.course-catalog--account .course-product__header__actions {
  display: block;
  width: 100%;
  margin-top: 20px;
  padding: 20px 10px 0 10px;
  text-align: left;
}

@media only screen and (min-width: 801px) {
  .course-catalog--account .course-product__header__actions {
    width: 50%;
    text-align: right;
    margin-top: 0;
    padding-top: 0;
    border: 0;
  }
}

.course-catalog--account .course-product__header__actions .price {
  display: none;
}

.course-catalog--account .course-product__header__actions svg {
  width: 25px;
  height: 25px;
  margin-right: 5px;
  vertical-align: middle;
}

@media only screen and (min-width: 801px) {
  .course-catalog--account .course-product__header__actions svg {
    width: 30px;
    height: 30px;
  }
}

.course-catalog--account .course-product__start {
  width: 100%;
}

@media only screen and (min-width: 801px) {
  .course-catalog--account .course-product__start {
    float: right;
    width: auto;
  }
}

.course-catalog--account .webinar-product__recording {
  background: #008fce;
  color: #fff;
  padding: 10px;
  border-radius: 2px;
  text-align: center;
  min-width: 155px;
  display: inline-block;
}

@media only screen and (max-width: 801px) {
  .course-catalog--account .webinar-product__recording {
    display: block;
    margin-bottom: 10px;
  }
}

.load-more-courses {
  text-align: center;
}

@media only screen and (max-width: 801px) {
  .course-catalog--webinars {
    margin-top: 20px;
  }
}

.course-catalog--webinars .panel-block {
  padding: 0;
  background: #fff;
}

.course-catalog--webinars .panel-block__content {
  margin: 0;
}

.course-catalog--webinars .panel-block__content .course-product {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}

.course-catalog--webinars .panel-block__content .course-product__header {
  padding: 0;
  border: none;
}

.course-catalog--webinars .panel-block__content .course-product__header h5 {
  font-size: 18px;
  font-weight: bold !important;
  padding: 0;
}

@media only screen and (max-width: 600px) {
  .course-catalog--webinars .panel-block__content .course-product__header h5 {
    padding: 0 5px 0 10px;
  }
}

.course-catalog--webinars .panel-block__content .course-product__header h5 a {
  padding: 0;
}

.course-catalog--webinars .panel-block__content .course-product .mi-webinar-profile {
  display: none;
  color: #001d6c;
  font-size: 1.5rem;
  font-weight: 500;
  margin: 10px 0 0 0;
}

@media only screen and (min-width: 600px) {
  .course-catalog--webinars .panel-block__content .course-product .mi-webinar-profile {
    display: block;
  }
}

.course-catalog--webinars .panel-block__content .course-product .mi-webinar-profile-mobile {
  color: #001d6c;
  font-size: 1.5rem;
  font-weight: 500;
  margin: 10px 0 0 0;
  padding-left: 10px;
}

@media only screen and (min-width: 600px) {
  .course-catalog--webinars .panel-block__content .course-product .mi-webinar-profile-mobile {
    display: none;
  }
}

.minute-report {
  margin-bottom: 30px;
  color: #008fce;
}

.minute-report:hover, .minute-report:active {
  color: #001d6c;
}

.minute-report--link {
  margin-bottom: 30px;
}

.minute-report--form {
  width: 100%;
  height: 595px;
  margin-top: 20px;
  border: 0px;
}

@media only screen and (max-width: 801px) {
  .minute-report--form {
    height: 635px;
  }
}

.minutes-container {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}

.minutes-container__download {
  border-top: 1px solid #ddd;
  margin-top: 40px;
}

.minute-container {
  padding-bottom: 30px;
}

.minute-container h5 {
  display: inline-block;
  margin: 0;
  max-width: 575px;
  font-size: 18px;
}

.minute-container__report {
  margin-top: 10px;
}

.minute-container:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.minute-container .minute-date {
  font-weight: 400;
  font-size: 16px;
  margin-top: 5px;
  display: block;
}

.minute-container .minute-disclaimer {
  font-size: 16px;
  max-width: 700px;
  margin-top: 10px;
  color: #ff0000;
}

.minute-container .dropbtn {
  background-color: #008fce;
  color: white;
  padding: 10px;
  font-size: 16px;
  border: none;
  border-radius: 2px;
}

@media only screen and (max-width: 480px) {
  .minute-container .dropbtn {
    width: 100%;
  }
}

.minute-container .dropdown {
  position: relative;
  display: inline-block;
  float: right;
  margin: 10px 0;
}

@media only screen and (max-width: 801px) {
  .minute-container .dropdown {
    float: none;
    display: block;
    margin: 15px 0 0 0;
  }
}

.minute-container .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f5f5f5;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  font-size: 16px;
}

@media only screen and (max-width: 480px) {
  .minute-container .dropdown-content {
    width: 100%;
  }
}

@media only screen and (min-width: 801px) {
  .minute-container .dropdown-content {
    right: 0;
  }
}

.minute-container .dropdown-content a {
  color: black;
  padding: 15px 20px;
  text-decoration: none;
  display: block;
  min-width: 200px;
}

.minute-container .dropdown-content a:hover, .minute-container .dropdown-content a:active {
  background-color: #ddd;
}

.minute-container .dropdown:hover .dropdown-content, .minute-container .dropdown:active .dropdown-content {
  display: block;
}

.minute-container .dropdown:hover .dropbtn, .minute-container .dropdown:active .dropbtn {
  background-color: #001d6c;
}

.minute-container__first {
  background: #f5f5f5;
  padding: 10px 30px 30px 30px;
  border-bottom: 0px;
  margin-bottom: 40px;
}

.minute-container__first h5 {
  display: block;
  margin-bottom: 10px;
}

.minute-container__first .dropdown {
  position: inherit;
  display: inline-block;
  float: none;
}

.minute-container__first .dropdown-content {
  right: auto;
}

.minute-container__first:last-child {
  padding-bottom: 30px;
}

.minute-container--list {
  margin-left: 20px;
  margin-bottom: 25px;
}

/* 1199 specific styles */
.eleven-ninetynine {
  border-bottom: 1px solid #ddd;
  margin-bottom: 40px;
}

.eleven-ninetynine .eleven-ninetynine-past-stream {
  margin-bottom: 10px;
}

@media only screen and (min-width: 801px) {
  .eleven-ninetynine .eleven-ninetynine-past-stream {
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
  }
}

.eleven-ninetynine .eleven-ninetynine-past-stream-info h5 {
  font-size: 2.2rem;
}

.eleven-ninetynine .eleven-ninetynine-clear {
  clear: both;
}

.eleven-ninetynine-livestream {
  padding-top: 30px;
}

.eleven-ninetynine-livestream h5 {
  font-size: 2.2rem;
  padding-bottom: 10px;
}

.eleven-ninetynine-livestream-chat {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
}

.eleven-ninetynine-slidedeck-button {
  background-color: #008fce;
  color: white;
  padding: 10px;
  font-size: 16px;
  border: none;
  border-radius: 2px;
}

.eleven-ninetynine-slidedeck-button:hover, .eleven-ninetynine-slidedeck-button:active {
  color: white;
  background: #001d6c;
}

.eleven-ninetynine-dropdown {
  position: inherit !important;
  float: none !important;
}

.eleven-ninetynine-dropdown-content {
  right: auto !important;
}

.answers {
  margin-bottom: -50px;
  margin-left: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  background: #f2f2f2;
}

.answers__section {
  list-style: none;
}

.answers__section a {
  display: block;
  position: relative;
}

.answers__section svg {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  vertical-align: middle;
}

@media only screen and (min-width: 801px) {
  .answers__section svg {
    width: 50px;
  }
}

.answers__section svg + a,
.answers__section svg + div {
  display: block;
  margin-left: 40px;
}

@media only screen and (min-width: 801px) {
  .answers__section svg + a,
  .answers__section svg + div {
    margin-left: 65px;
  }
}

.answers__section__header {
  position: relative;
}

.answers__section__header .complex-icon {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 50px;
  height: 50px;
  margin: 0 0 0 -10px;
}

@media only screen and (min-width: 801px) {
  .answers__section__header .complex-icon {
    width: 75px;
    height: 75px;
    margin-left: -15px;
  }
}

.answers__section__header .complex-icon + .answers__section__title {
  margin-left: 40px;
}

@media only screen and (min-width: 801px) {
  .answers__section__header .complex-icon + .answers__section__title {
    margin-left: 65px;
  }
}

.answers__section__header > * {
  vertical-align: middle;
}

.page__content--dark {
  background: #f2f2f2;
  margin-bottom: -50px;
}

.page__content--dark .container--padded {
  padding: 0;
}

@media only screen and (min-width: 801px) {
  .page__content--dark .container--padded {
    padding: inheirt;
  }
}

@media only screen and (min-width: 801px) {
  .landing-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 30px 0;
  }
}

.landing-block {
  position: relative;
  background: #fff;
  padding: 25px 25px 40px;
  border-bottom: 1px solid #ddd;
  margin-top: 20px;
}

@media only screen and (min-width: 801px) {
  .landing-block {
    display: table-cell;
    width: 33.33%;
    padding: 25px 25px 110px;
    text-align: center;
    border-right: 10px solid #f2f2f2;
    border-bottom: 0;
    border-left: 10px solid #f2f2f2;
  }
}

.landing-block__wrapper > h2 {
  margin-top: 0;
}

@media only screen and (min-width: 801px) {
  .landing-block__wrapper > h2 {
    text-align: center;
  }
}

.landing-block__wrapper > h3 {
  margin: 25px 0px;
  display: block;
}

.landing-block__icon {
  display: none;
}

@media only screen and (min-width: 801px) {
  .landing-block__icon {
    display: block;
    width: 200px;
    height: 200px;
    margin: -35px auto 0;
    text-align: center;
  }
}

.landing-block__icon svg {
  width: 150px;
  height: 150px;
  margin: 0 auto;
}

.landing-block__content {
  text-align: left;
}

@media only screen and (min-width: 801px) {
  .landing-block__content {
    text-align: center;
  }
}

.landing-block__content p {
  margin-bottom: 5px;
}

.landing-block__content-ce {
  text-align: left;
}

@media only screen and (min-width: 801px) {
  .landing-block__action {
    position: absolute;
    right: 25px;
    bottom: 25px;
    left: 25px;
  }
  .landing-block__action a {
    margin-top: 0;
    position: relative;
  }
}

@media only screen and (min-width: 801px) {
  .landing-block:nth-child(3n + 1):last-child {
    content: '';
    display: table;
    clear: both;
    position: relative;
    float: none;
    width: 100%;
    margin-top: 20px;
    padding: 20px 0;
  }
  .landing-block:nth-child(3n + 1):last-child .landing-block__content {
    text-align: left;
  }
  .landing-block:nth-child(3n + 1):last-child .landing-block__content-ce {
    text-align: left;
  }
  .landing-block:nth-child(3n + 1):last-child .landing-block__wrapper {
    float: right;
    width: 75%;
    padding-right: 20px;
    text-align: left;
  }
  .landing-block:nth-child(3n + 1):last-child .landing-block__wrapper > h2 {
    text-align: left;
  }
  .landing-block:nth-child(3n + 1):last-child .landing-block__icon {
    float: left;
    width: 25%;
    text-align: center;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .landing-block:nth-child(3n + 1):last-child .landing-block__icon img {
    margin: 0 auto;
  }
}

.fullpage-banner {
  position: relative;
  padding: 0;
  color: #fff;
  text-align: center;
  z-index: 1;
}

.fullpage-banner:after {
  /*@include triangle(down, 10px, #0f5695);
    bottom: -10px;
    left: 50%;
    margin-left: -5px;

    @include bp(min-width, $bp-medium + 1) {
      display: none;
    }*/
}

.fullpage-banner__overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #004b91;
  background-blend-mode: multiply;
  opacity: 0.65;
  z-index: -1;
}

.fullpage-banner__title {
  font-weight: bold;
  color: #fff;
}

@media only screen and (min-width: 801px) {
  .fullpage-banner__title {
    font-size: 6rem;
  }
}

.fullpage-banner__cta {
  padding-left: 70px;
  padding-right: 70px;
}

.featured-answers {
  position: relative;
  background-color: #f2f2f2;
  margin: 0 -20px;
  padding: 30px 20px;
}

@media only screen and (min-width: 801px) {
  .featured-answers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0;
    padding: 20px 0;
    background-color: #fff;
  }
}

.featured-answers:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 10px solid #f2f2f2;
  border-right: 7.5px dotted transparent;
  border-bottom: 0;
  border-left: 7.5px solid transparent;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}

@media only screen and (min-width: 801px) {
  .featured-answers:after {
    display: none;
  }
}

.featured-answers__view-all {
  margin-top: 30px;
}

@media only screen and (min-width: 801px) {
  .featured-answers__view-all {
    display: none;
  }
}

.featured-answers .panel-block {
  list-style: none;
  width: 100%;
  padding: 0;
}

@media only screen and (min-width: 801px) {
  .featured-answers .panel-block {
    float: left;
    width: 49.5%;
  }
  .featured-answers .panel-block:nth-child(n+3) {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 980px) {
  .featured-answers .panel-block {
    float: left;
    width: 32.5%;
  }
  .featured-answers .panel-block:nth-child(n+3) {
    margin: 0;
  }
  .featured-answers .panel-block:nth-child(n+4) {
    margin-top: 20px;
  }
}

.featured-answers .panel-block:first-child {
  text-align: center;
}

.featured-answers .panel-block:first-child h2 {
  margin-top: 0;
}

.featured-answers .panel-block:first-child a {
  display: none;
}

@media only screen and (min-width: 801px) {
  .featured-answers .panel-block:first-child a {
    display: inline-block;
    margin-top: 0;
  }
}

.featured-answers .panel-block:last-child__link {
  margin-bottom: 0;
}

.featured-answers .panel-block__content {
  background-color: transparent;
  padding: 0;
}

@media only screen and (min-width: 801px) {
  .featured-answers .panel-block__content {
    padding: 40px;
  }
}

.featured-answers .panel-block__icon {
  display: none;
  margin: 0 auto 40px;
}

@media only screen and (min-width: 801px) {
  .featured-answers .panel-block__icon {
    display: block;
  }
}

.featured-answers .panel-block__svg {
  float: left;
  margin-right: 10px;
}

.featured-answers .panel-block__svg svg {
  height: 25px;
}

.featured-answers .panel-block__title {
  line-height: 1.5;
  font-size: 1.8rem;
  float: right;
  width: calc(100% - 50px);
}

.featured-answers .panel-block__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  margin-bottom: 1px;
  padding: 20px;
}

@media only screen and (min-width: 801px) {
  .featured-answers .panel-block__link {
    margin-bottom: 0;
  }
}

.featured-answers .panel-block__link:after {
  content: '';
  display: table;
  clear: both;
}

.visitor-stats {
  margin: 30px 3px;
  padding: 20px;
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

@media only screen and (min-width: 801px) {
  .visitor-stats {
    margin-top: 0;
    margin-bottom: 0;
    padding: 75px 0 25px;
    border: 0;
  }
}

.visitor-stats > div {
  display: block;
  color: #001d6c;
  font-weight: bold;
  font-size: 3.2rem;
  text-transform: uppercase;
}

@media only screen and (min-width: 801px) {
  .visitor-stats > div {
    display: inline;
    margin: 0;
  }
}

.featured-video {
  display: none;
  background: #001d6c;
  background-size: cover;
  width: 66.2%;
  float: left;
  height: 495px;
  margin-bottom: 25px;
  background-color: #333;
  color: #fff;
  text-align: center;
}

.featured-video .embed-container {
  padding: 0;
  height: 100%;
}

.featured-video__hidden {
  display: none;
}

.featured-video__overlay {
  background: #001d6c;
  height: 100%;
}

.featured-video__overlay:hover, .featured-video__overlay:active {
  background: #001d6c;
  cursor: pointer;
}

.featured-video__preview {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 auto;
  font-weight: 500;
  font-size: 27px;
}

.featured-video svg {
  height: 100px;
  width: 100px;
}

@media only screen and (min-width: 801px) {
  .featured-video {
    display: block;
  }
}

@media only screen and (min-width: 980px) {
  .featured-video {
    height: 430px;
  }
}

.featured-course {
  text-align: center;
  font-size: 1.9rem;
}

@media only screen and (min-width: 801px) {
  .featured-course {
    font-size: 1.8rem;
    width: 32.5%;
    float: right;
    padding: 15px 0 0;
  }
}

.featured-course .button--secondary, .featured-course .minus, .featured-course
.plus {
  margin-top: 0;
}

.featured-course__icon {
  display: none;
  margin: 0 auto 20px;
}

@media only screen and (min-width: 801px) {
  .featured-course__icon {
    display: block;
  }
}

.featured-course__icon img {
  border-radius: 50%;
}

@media only screen and (min-width: 801px) {
  .featured-course h2 {
    margin: 10px 0;
  }
}

.featured-course__cta {
  margin-top: 0;
}

.search .page-header {
  text-align: left;
}

.search .page-header h1 {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  padding-bottom: 20px;
}

@media only screen and (min-width: 801px) {
  .search .page-header h1 {
    border: 0;
    padding: 0;
  }
}

.search .search-filters {
  margin-bottom: 10px;
}

.search .search-count {
  padding-bottom: 20px;
}

.search .search-count--bottom {
  padding-top: 20px;
  padding-bottom: 20px;
}

.search .search-results .refinements {
  margin-bottom: 25px;
}

.search .search-results .refinements a {
  margin-right: 18px;
  margin-bottom: 25px;
}

.search .search-results .refinements span {
  margin-right: 18px;
  margin-bottom: 25px;
  border-bottom: 3px solid;
}

.search .search-result {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #ddd;
}

.search .search-result:last-child {
  border-bottom: 1px solid #ddd;
}

.search .search-result__title {
  display: block;
  margin: 0;
  padding-bottom: 20px;
}

.search .search-notfound {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

.checkout-two {
  margin-top: 40px;
}

.checkout-two__error {
  font-size: 1.6rem;
  display: block;
  padding-left: 4px;
  color: #ff0000;
}

.checkout-two__text {
  font-size: 1.6rem;
}

.checkout-two__register {
  margin-top: 20px;
}

@media only screen and (min-width: 978px) {
  .checkout-two__register {
    float: left;
    margin: 0;
    padding-right: 25px;
    width: 40%;
  }
}

.checkout-two__register button.button, .checkout-two__register .course__sidebar .add_to_cart_button + button.added_to_cart, .course__sidebar .checkout-two__register .add_to_cart_button + button.added_to_cart {
  margin-top: 15px;
}

.checkout-two__login {
  margin-top: 40px;
}

@media only screen and (min-width: 978px) {
  .checkout-two__login {
    float: left;
    margin: 0 80px 0 0;
    padding-right: 80px;
    width: 45%;
    border-right: solid 1px #333;
  }
}

@media only screen and (min-width: 980px) {
  .checkout-two {
    margin-top: 70px;
  }
}

.continuing-education .cms-tout {
  background: #fff;
  color: #333;
  padding: 0px;
}

.continuing-education .page__content--dark {
  background: #fff;
}

.continuing-education .page__content--dark .landing-blocks {
  padding: 30px 0px 50px 0px;
}

.continuing-education .page__content--dark .landing-blocks .landing-block {
  background: #f2f2f2;
  border-right: 10px solid #fff;
  border-left: 10px solid #fff;
}

.continuing-education .page__content--dark .landing-blocks .landing-block__icon svg {
  display: none;
}

.continuing-education .page__content--dark .landing-blocks .landing-block__content-ce .ce-sale {
  background: #49a942;
  padding: 7px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  width: 130px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.continuing-education .page__content--dark .landing-blocks .landing-block__action .ce-demo {
  margin-bottom: 0;
}

.continuing-education .page__content--dark .landing-blocks .landing-block__action .ce-demo__overlay {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1000;
  overflow-y: scroll;
}

.continuing-education .page__content--dark .landing-blocks .landing-block__action .ce-demo__overlay.hidden {
  display: none;
}

@media only screen and (max-width: 598px) {
  .continuing-education .page__content--dark .landing-blocks .landing-block__action .ce-demo__overlay {
    margin-top: -70px;
  }
}

.continuing-education .page__content--dark .landing-blocks .landing-block__action .ce-demo__container {
  background: #fff;
  margin-left: 30%;
  margin-right: 30%;
  margin-top: 50px;
  padding: 30px;
  height: 800px;
}

@media only screen and (max-width: 978px) {
  .continuing-education .page__content--dark .landing-blocks .landing-block__action .ce-demo__container {
    margin-top: 35px;
    margin-left: 10%;
    margin-right: 10%;
    height: 102%;
  }
}

.continuing-education .page__content--dark .landing-blocks .landing-block__action .ce-demo__container--form {
  height: 100%;
  margin-left: 10%;
  margin-right: 10%;
}

@media only screen and (max-width: 978px) {
  .continuing-education .page__content--dark .landing-blocks .landing-block__action .ce-demo__container--form {
    margin-left: 5%;
    margin-right: 5%;
  }
}

.continuing-education .page__content--dark .landing-blocks .landing-block__action .ce-demo__container--form p {
  text-align: left;
}

.continuing-education .page__content--dark .landing-blocks .landing-block__action .ce-demo__container--form .hbspt-form {
  height: 100%;
}

.continuing-education .page__content--dark .landing-blocks .landing-block__action .ce-demo__container--form .hbspt-form iframe {
  height: 100%;
}

.continuing-education .page__content--dark .landing-blocks .landing-block__action .ce-demo__close {
  margin-left: 100%;
  margin-top: -15px;
  cursor: pointer;
}

@media print {
  .mtsnb {
    display: none !important;
  }
  .single {
    padding-top: 0px !important;
  }
  .utility-nav {
    display: none !important;
  }
  .site-header__nav-bar {
    display: none !important;
  }
  .site-header__logo {
    left: 0 !important;
    position: absolute !important;
  }
  .site-header__logo--tagline {
    left: 0 !important;
    position: absolute !important;
    display: block !important;
  }
  .site-header__logo--simple {
    display: none !important;
  }
  .breadcrumbs {
    visibility: hidden !important;
  }
  .breadcrumbs__element {
    font-size: 1.0rem !important;
  }
  .social-toolbar {
    display: none !important;
  }
  .page-header__subtitle {
    display: none !important;
  }
  .course__footer {
    display: none !important;
  }
  .wthp {
    display: none !important;
  }
  footer {
    margin-bottom: 0px !important;
  }
  .site-footer__social-bar {
    display: none !important;
  }
  .menu-footer-container {
    display: none !important;
  }
  .next-prev__link_title {
    font-size: 1.0rem !important;
  }
  .next-prev__label {
    font-size: 1.0rem !important;
  }
  .next-prev__next .next-prev__link-title {
    float: none !important;
  }
  .mi_ad_space {
    display: none !important;
  }
  .bsaProItem {
    display: none !important;
  }
}

.m0 {
  margin: 0;
}

.mt0 {
  margin-top: 0;
}

.mr0 {
  margin-right: 0;
}

.mb0 {
  margin-bottom: 0;
}

.ml0 {
  margin-left: 0;
}

.p0 {
  padding: 0  !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

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