@import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=22a64587-b90f-49d4-bebe-7adfafa46659);
@import url(https://use.typekit.net/xgp5rxg.css);
@charset "UTF-8";
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

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

/* Grouping content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
  display: block; }

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

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

/**
     * Add the correct display in IE.
     */
main {
  display: block; }

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

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

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

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

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

/* Forms
       ========================================================================== */
/**
     * 1. Change the font styles in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
     * Show the overflow in IE.
     */
button {
  overflow: visible; }

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

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

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */ }
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible; }

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

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

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
  /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
       */ }
  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
     * Correct the padding in Firefox.
     */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

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

/**
     * 1. Add the correct display in IE 9-.
     * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

/* Interactive
       ========================================================================== */
/*
     * Add the correct display in Edge, IE, and Firefox.
     */
details {
  display: block; }

/*
     * Add the correct display in all browsers.
     */
summary {
  display: list-item; }

/*
     * Add the correct display in IE 9-.
     */
menu {
  display: block; }

/* Scripting
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
canvas {
  display: inline-block; }

/**
     * Add the correct display in IE.
     */
template {
  display: none; }

/* Hidden
       ========================================================================== */
/**
     * Add the correct display in IE 10-.
     */
[hidden] {
  display: none; }

html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

.col-1 {
  width: calc(((100vw - 79px) / 4) * 1 + 0px); }
  @media screen and (min-width: 768px) {
    .col-1 {
      width: calc(((100vw - 79px) / 4) * 1 + 0px); } }
  @media screen and (min-width: 1200px) {
    .col-1 {
      width: calc(((100vw - 286px) / 12) * 1 + 0px); } }
  @media screen and (min-width: 1680px) {
    .col-1 {
      width: calc(((100vw - 286px) / 12) * 1 + 0px); } }

.col-2 {
  width: calc(((100vw - 79px) / 4) * 2 + 10px); }
  @media screen and (min-width: 768px) {
    .col-2 {
      width: calc(((100vw - 79px) / 4) * 2 + 10px); } }
  @media screen and (min-width: 1200px) {
    .col-2 {
      width: calc(((100vw - 286px) / 12) * 2 + 16px); } }
  @media screen and (min-width: 1680px) {
    .col-2 {
      width: calc(((100vw - 286px) / 12) * 2 + 16px); } }

.col-3 {
  width: calc(((100vw - 79px) / 4) * 3 + 20px); }
  @media screen and (min-width: 768px) {
    .col-3 {
      width: calc(((100vw - 79px) / 4) * 3 + 20px); } }
  @media screen and (min-width: 1200px) {
    .col-3 {
      width: calc(((100vw - 286px) / 12) * 3 + 32px); } }
  @media screen and (min-width: 1680px) {
    .col-3 {
      width: calc(((100vw - 286px) / 12) * 3 + 32px); } }

.col-4 {
  width: calc(((100vw - 79px) / 4) * 4 + 30px); }
  @media screen and (min-width: 768px) {
    .col-4 {
      width: calc(((100vw - 79px) / 4) * 4 + 30px); } }
  @media screen and (min-width: 1200px) {
    .col-4 {
      width: calc(((100vw - 286px) / 12) * 4 + 48px); } }
  @media screen and (min-width: 1680px) {
    .col-4 {
      width: calc(((100vw - 286px) / 12) * 4 + 48px); } }

.col-5 {
  width: calc(((100vw - 79px) / 4) * 5 + 40px); }
  @media screen and (min-width: 768px) {
    .col-5 {
      width: calc(((100vw - 79px) / 4) * 5 + 40px); } }
  @media screen and (min-width: 1200px) {
    .col-5 {
      width: calc(((100vw - 286px) / 12) * 5 + 64px); } }
  @media screen and (min-width: 1680px) {
    .col-5 {
      width: calc(((100vw - 286px) / 12) * 5 + 64px); } }

.col-6 {
  width: calc(((100vw - 79px) / 4) * 6 + 50px); }
  @media screen and (min-width: 768px) {
    .col-6 {
      width: calc(((100vw - 79px) / 4) * 6 + 50px); } }
  @media screen and (min-width: 1200px) {
    .col-6 {
      width: calc(((100vw - 286px) / 12) * 6 + 80px); } }
  @media screen and (min-width: 1680px) {
    .col-6 {
      width: calc(((100vw - 286px) / 12) * 6 + 80px); } }

.col-7 {
  width: calc(((100vw - 79px) / 4) * 7 + 60px); }
  @media screen and (min-width: 768px) {
    .col-7 {
      width: calc(((100vw - 79px) / 4) * 7 + 60px); } }
  @media screen and (min-width: 1200px) {
    .col-7 {
      width: calc(((100vw - 286px) / 12) * 7 + 96px); } }
  @media screen and (min-width: 1680px) {
    .col-7 {
      width: calc(((100vw - 286px) / 12) * 7 + 96px); } }

.col-8 {
  width: calc(((100vw - 79px) / 4) * 8 + 70px); }
  @media screen and (min-width: 768px) {
    .col-8 {
      width: calc(((100vw - 79px) / 4) * 8 + 70px); } }
  @media screen and (min-width: 1200px) {
    .col-8 {
      width: calc(((100vw - 286px) / 12) * 8 + 112px); } }
  @media screen and (min-width: 1680px) {
    .col-8 {
      width: calc(((100vw - 286px) / 12) * 8 + 112px); } }

.col-9 {
  width: calc(((100vw - 79px) / 4) * 9 + 80px); }
  @media screen and (min-width: 768px) {
    .col-9 {
      width: calc(((100vw - 79px) / 4) * 9 + 80px); } }
  @media screen and (min-width: 1200px) {
    .col-9 {
      width: calc(((100vw - 286px) / 12) * 9 + 128px); } }
  @media screen and (min-width: 1680px) {
    .col-9 {
      width: calc(((100vw - 286px) / 12) * 9 + 128px); } }

.col-10 {
  width: calc(((100vw - 79px) / 4) * 10 + 90px); }
  @media screen and (min-width: 768px) {
    .col-10 {
      width: calc(((100vw - 79px) / 4) * 10 + 90px); } }
  @media screen and (min-width: 1200px) {
    .col-10 {
      width: calc(((100vw - 286px) / 12) * 10 + 144px); } }
  @media screen and (min-width: 1680px) {
    .col-10 {
      width: calc(((100vw - 286px) / 12) * 10 + 144px); } }

.col-11 {
  width: calc(((100vw - 79px) / 4) * 11 + 100px); }
  @media screen and (min-width: 768px) {
    .col-11 {
      width: calc(((100vw - 79px) / 4) * 11 + 100px); } }
  @media screen and (min-width: 1200px) {
    .col-11 {
      width: calc(((100vw - 286px) / 12) * 11 + 160px); } }
  @media screen and (min-width: 1680px) {
    .col-11 {
      width: calc(((100vw - 286px) / 12) * 11 + 160px); } }

.col-12 {
  width: calc(((100vw - 79px) / 4) * 12 + 110px); }
  @media screen and (min-width: 768px) {
    .col-12 {
      width: calc(((100vw - 79px) / 4) * 12 + 110px); } }
  @media screen and (min-width: 1200px) {
    .col-12 {
      width: calc(((100vw - 286px) / 12) * 12 + 176px); } }
  @media screen and (min-width: 1680px) {
    .col-12 {
      width: calc(((100vw - 286px) / 12) * 12 + 176px); } }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px; }
  @media screen and (min-width: 768px) {
    .row {
      margin-left: -5px;
      margin-right: -5px; } }
  @media screen and (min-width: 1200px) {
    .row {
      margin-left: -8px;
      margin-right: -8px; } }

.col {
  margin-left: 5px;
  margin-right: 5px; }
  @media screen and (min-width: 768px) {
    .col {
      margin-left: 5px;
      margin-right: 5px; } }
  @media screen and (min-width: 1200px) {
    .col {
      margin-left: 8px;
      margin-right: 8px; } }

.grid-full {
  width: calc(((100vw - 79px) / 4) * 4 + 30px); }
  @media screen and (min-width: 768px) {
    .grid-full {
      width: calc(((100vw - 79px) / 4) * 4 + 30px); } }
  @media screen and (min-width: 1200px) {
    .grid-full {
      width: calc(((100vw - 286px) / 12) * 12 + 176px); } }

/* Color Options
--------------------------------------------- */
.txt--mustard {
  color: #C9B529; }

.txt--mustard-dark {
  color: #A79533; }

.txt--denim {
  color: #7A8F9C; }

.txt--charcoal-light {
  color: #9ea1a4; }

.txt--charcoal {
  color: #41464B; }

.txt--charcoal-dark {
  color: #282c30; }

.txt--hazel {
  color: #a8947d; }

.txt--tan {
  color: #E0DED5; }

.txt--ivory {
  color: #F5F6F5; }

.txt--white {
  color: #ffffff; }

.txt--error-light {
  color: #cd5252; }

.txt--error {
  color: #c14d4d; }

.txt--success-light {
  color: #729546; }

.txt--success {
  color: #50810f; }

.txt--warning {
  color: #b56016; }

.txt--informational {
  color: #3a7091; }

.txt--black {
  color: #000000; }

.bkg--mustard {
  background: #C9B529; }

.bkg--mustard-dark {
  background: #A79533; }

.bkg--denim {
  background: #7A8F9C; }

.bkg--charcoal-light {
  background: #9ea1a4; }

.bkg--charcoal {
  background: #41464B; }

.bkg--charcoal-dark {
  background: #282c30; }

.bkg--hazel {
  background: #a8947d; }

.bkg--tan {
  background: #E0DED5; }

.bkg--ivory {
  background: #F5F6F5; }

.bkg--white {
  background: #ffffff; }

.bkg--error-light {
  background: #cd5252; }

.bkg--error {
  background: #c14d4d; }

.bkg--success-light {
  background: #729546; }

.bkg--success {
  background: #50810f; }

.bkg--warning {
  background: #b56016; }

.bkg--informational {
  background: #3a7091; }

.bkg--black {
  background: #000000; }

.txt--mustard {
  color: #C9B529; }

.txt--mustard-dark {
  color: #A79533; }

.txt--denim {
  color: #7A8F9C; }

.txt--charcoal-light {
  color: #9ea1a4; }

.txt--charcoal {
  color: #41464B; }

.txt--charcoal-dark {
  color: #282c30; }

.txt--hazel {
  color: #a8947d; }

.txt--tan {
  color: #E0DED5; }

.txt--ivory {
  color: #F5F6F5; }

.txt--white {
  color: #ffffff; }

.txt--error-light {
  color: #cd5252; }

.txt--error {
  color: #c14d4d; }

.txt--success-light {
  color: #729546; }

.txt--success {
  color: #50810f; }

.txt--warning {
  color: #b56016; }

.txt--informational {
  color: #3a7091; }

.txt--black {
  color: #000000; }

:root {
  --mustard: #C9B529;
  --mustard-dark: #A79533;
  --denim: #7A8F9C;
  --charcoal-light: #9ea1a4;
  --charcoal: #41464B;
  --charcoal-dark: #282c30;
  --hazel: #a8947d;
  --tan: #E0DED5;
  --ivory: #F5F6F5;
  --white: #ffffff;
  --error-light: #cd5252;
  --error: #c14d4d;
  --success-light: #729546;
  --success: #50810f;
  --warning: #b56016;
  --informational: #3a7091;
  --black: #000000; }

/* weight options
--------------------------------------------- */
.light {
  font-weight: light;
  font-weight: 200; }

.normal {
  font-weight: normal;
  font-weight: 400; }

.bold {
  font-weight: bold;
  font-weight: 700; }

.extrabold {
  font-weight: extrabold;
  font-weight: 800; }

@font-face {
  font-family: "Trade Gothic";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/40775ed4-d9b0-4f75-b874-80f2842332a9.eot?#iefix");
  src: url("../fonts/40775ed4-d9b0-4f75-b874-80f2842332a9.eot?#iefix") format("eot"), url("../fonts/24ba8ea7-bbf3-40e0-b924-fd985d79ebca.woff2") format("woff2"), url("../fonts/9274bb7f-01c5-45cb-b935-f53683ab6dd6.woff") format("woff"), url("../fonts/a94b3f7a-c1fd-4bbe-9273-1f6f081dcb2f.ttf") format("truetype"), url("../fonts/b0fb9bf0-3364-4802-9c4e-89202a063331.svg#b0fb9bf0-3364-4802-9c4e-89202a063331") format("svg"); }

@font-face {
  font-family: "Trade Gothic";
  font-weight: normal;
  font-style: italic;
  src: url("../fonts/379b55d3-190d-48bd-b1f2-dc787a73b65b.eot?#iefix");
  src: url("../fonts/379b55d3-190d-48bd-b1f2-dc787a73b65b.eot?#iefix") format("eot"), url("../fonts/5760433c-f9b7-4c0d-b618-77b03ff59186.woff2") format("woff2"), url("../fonts/48f8ec71-d114-4f7f-a933-b1032c89aa32.woff") format("woff"), url("../fonts/efdb46c3-279b-490c-8468-dfe30e01582c.ttf") format("truetype"), url("../fonts/9572e7af-5fa0-46b5-b48a-90892a8f7aa5.svg#9572e7af-5fa0-46b5-b48a-90892a8f7aa5") format("svg"); }

@font-face {
  font-family: "Trade Gothic";
  font-weight: bold;
  font-style: normal;
  src: url("../fonts/d1380d7c-6e23-49c9-bac2-0f927e77eb17.eot?#iefix");
  src: url("../fonts/d1380d7c-6e23-49c9-bac2-0f927e77eb17.eot?#iefix") format("eot"), url("../fonts/2bd4e485-6e2d-478c-94c7-9a7cabf8e98d.woff2") format("woff2"), url("../fonts/3e9c6e62-e41c-408b-bef3-ffa454301b17.woff") format("woff"), url("../fonts/a74675c3-a15b-41ed-8409-e90f921c3cb8.ttf") format("truetype"), url("../fonts/32260af6-2329-4a39-a8a3-3339f87a580b.svg#32260af6-2329-4a39-a8a3-3339f87a580b") format("svg"); }

body, input, textarea {
  font-family: "trade-gothic-next", sans-serif;
  color: #41464B; }

h1, h2, .h1, .page-contact .gform_wrapper h3.gform_title, .h2 {
  font-family: "Playfair Display", serif; }

h1, .h1, .page-contact .gform_wrapper h3.gform_title {
  font-weight: extrabold;
  font-weight: 800;
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.34375; }
  @media screen and (min-width: 1200px) {
    h1, .h1, .page-contact .gform_wrapper h3.gform_title {
      font-size: 42px;
      font-size: 2.625rem;
      line-height: 1.33333; } }

h2, .h2 {
  font-weight: bold;
  font-weight: 700;
  font-size: 24px;
  font-size: 1.5rem; }
  @media screen and (min-width: 1200px) {
    h2, .h2 {
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.2; } }

h3, .h3 {
  font-weight: normal;
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.3; }

h4, h5, .h4, .h5 {
  font-weight: bold;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333; }

h4, .h4 {
  letter-spacing: 1.8px;
  text-transform: uppercase; }

h6, .h6 {
  font-weight: bold;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28571;
  letter-spacing: 0.7px; }

body, p, .p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.66667; }

p, .p {
  margin-bottom: 1.875rem; }

ul, ol {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.27778;
  padding-left: 0px; }

li {
  list-style-position: inside;
  margin: 20px 0;
  padding-left: 1px; }
  li::before {
    content: "";
    position: relative;
    display: inline-block; }

ul li::before {
  width: 5px; }

ol li::before {
  width: 8px; }

.center {
  text-align: center; }

.small {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857; }

.uppercase {
  text-transform: uppercase; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.inline {
  display: inline; }

.flex {
  display: flex; }

.fixed {
  position: fixed; }

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

svg.icon_clock .stroke-override,
svg.icon_clipboard .stroke-override,
svg.icon_filter .stroke-override,
svg.icon_caret-down .stroke-override,
svg.icon_chevron-right .stroke-override,
svg.icon_chevron-left .stroke-override {
  fill: none;
  stroke: #41464B;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px; }

.inline-icon {
  display: inline-block;
  width: 38px;
  position: relative; }
  .inline-icon:before {
    content: "\200b"; }
  .inline-icon svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }

.pseudo-icon {
  position: relative;
  padding-left: 32px; }
  .pseudo-icon::after {
    content: '';
    position: absolute;
    height: 32px;
    width: 32px;
    top: 50%;
    left: 0;
    transform: translateY(-50%); }
  .pseudo-icon.play {
    position: relative;
    padding-left: 27.8px; }
    .pseudo-icon.play::after {
      background-image: url("/app/themes/training-corn-states/assets/img/icons/play.svg");
      left: -4px;
      width: 27.8px;
      height: 27px; }
  .pseudo-icon.search::after {
    background-image: url("/app/themes/training-corn-states/assets/img/icons/search.svg");
    left: auto;
    right: 2px;
    height: 38px;
    width: 38px;
    background-size: 38px 38px;
    background-position: center; }
  .pseudo-icon.export {
    padding-left: 27px; }
    .pseudo-icon.export::after {
      margin-left: -11px;
      height: 38px;
      width: 38px;
      background-image: url("/app/themes/training-corn-states/assets/img/icons/export.svg"); }

a, button {
  text-decoration: none;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  position: relative; }

button {
  border: 0;
  outline: none; }

.a,
.wpProQuiz_button {
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28571;
  font-weight: bold;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  cursor: pointer;
  width: auto; }
  .a.primary, .a.secondary,
  .wpProQuiz_button.primary,
  .wpProQuiz_button.secondary {
    transition: background-color 0.4s ease; }
  .a.primary,
  .wpProQuiz_button.primary {
    background-color: #C9B529;
    padding: 16px 30px; }
    .a.primary:hover,
    .wpProQuiz_button.primary:hover {
      background-color: #A79533; }
  .a.small,
  .wpProQuiz_button.small {
    padding: 11px 20px; }
  .a.secondary,
  .wpProQuiz_button.secondary {
    background-color: #ffffff;
    outline: 1px solid #41464B;
    padding: 15px 29px; }
    .a.secondary:hover,
    .wpProQuiz_button.secondary:hover {
      background-color: #F5F6F5; }
    .a.secondary.small,
    .wpProQuiz_button.secondary.small {
      padding: 10px 19px; }
    .a.secondary.inverse,
    .wpProQuiz_button.secondary.inverse {
      background-color: #41464B;
      color: #C9B529;
      outline: 2px solid #C9B529; }
      .a.secondary.inverse:hover,
      .wpProQuiz_button.secondary.inverse:hover {
        background-color: #282c30; }
  .a.text,
  .wpProQuiz_button.text {
    padding-right: 17px; }
    .a.text.inverse,
    .wpProQuiz_button.text.inverse {
      color: #F5F6F5; }
    .a.text:hover .icon.chevron-right-small svg:first-of-type,
    .wpProQuiz_button.text:hover .icon.chevron-right-small svg:first-of-type {
      transform: translateY(-50%); }
      .a.text:hover .icon.chevron-right-small svg:first-of-type .stroke,
      .wpProQuiz_button.text:hover .icon.chevron-right-small svg:first-of-type .stroke {
        opacity: 0.5; }
    .a.text:hover .icon.chevron-right-small svg:last-of-type,
    .wpProQuiz_button.text:hover .icon.chevron-right-small svg:last-of-type {
      transform: translateY(-50%) translateX(5px); }
    .a.text:hover .icon.chevron-right-small svg .stroke,
    .wpProQuiz_button.text:hover .icon.chevron-right-small svg .stroke {
      stroke: #C9B529; }
    .a.text:hover .icon svg,
    .wpProQuiz_button.text:hover .icon svg {
      transform: translateY(-50%) translateX(10px); }
      .a.text:hover .icon svg .stroke,
      .wpProQuiz_button.text:hover .icon svg .stroke {
        stroke: #A79533; }
    .a.text .icon.chevron-right-small svg:first-of-type .stroke,
    .wpProQuiz_button.text .icon.chevron-right-small svg:first-of-type .stroke {
      opacity: 0; }
    .a.text .icon svg .stroke,
    .wpProQuiz_button.text .icon svg .stroke {
      stroke: #C9B529; }
  .a.left svg,
  .wpProQuiz_button.left svg {
    transform: rotate(180deg); }
  .a.down svg,
  .wpProQuiz_button.down svg {
    transform: rotate(90deg); }
  .a.up svg,
  .wpProQuiz_button.up svg {
    transform: rotate(270deg); }
  .a.primary .icon, .a.secondary .icon,
  .wpProQuiz_button.primary .icon,
  .wpProQuiz_button.secondary .icon {
    padding-right: 31px; }
    .a.primary .icon.reverse, .a.secondary .icon.reverse,
    .wpProQuiz_button.primary .icon.reverse,
    .wpProQuiz_button.secondary .icon.reverse {
      padding-left: 31px;
      padding-right: 0; }
      .a.primary .icon.reverse svg, .a.secondary .icon.reverse svg,
      .wpProQuiz_button.primary .icon.reverse svg,
      .wpProQuiz_button.secondary .icon.reverse svg {
        left: auto; }
    .a.primary .icon.play, .a.secondary .icon.play,
    .wpProQuiz_button.primary .icon.play,
    .wpProQuiz_button.secondary .icon.play {
      padding-left: 26px;
      padding-right: 0; }
      .a.primary .icon.play svg, .a.secondary .icon.play svg,
      .wpProQuiz_button.primary .icon.play svg,
      .wpProQuiz_button.secondary .icon.play svg {
        left: -4px;
        width: 27.8px;
        height: 27px;
        transform: translateY(-50%); }
    .a.primary .icon svg, .a.secondary .icon svg,
    .wpProQuiz_button.primary .icon svg,
    .wpProQuiz_button.secondary .icon svg {
      position: absolute;
      right: 0; }
  .a .icon,
  .wpProQuiz_button .icon {
    position: relative; }
    .a .icon svg,
    .wpProQuiz_button .icon svg {
      height: 38px;
      width: 38px;
      position: absolute;
      left: 100%;
      top: 50%;
      transform: translateY(-50%);
      transition: transform 0.4s ease; }
      .a .icon svg .stroke,
      .wpProQuiz_button .icon svg .stroke {
        transition: all 0.4s ease; }
    .a .icon.chevron-right-small svg,
    .wpProQuiz_button .icon.chevron-right-small svg {
      height: 17px;
      width: 19.5px; }
    .a .icon.filter,
    .wpProQuiz_button .icon.filter {
      margin-right: 24px; }
      .a .icon.filter svg,
      .wpProQuiz_button .icon.filter svg {
        margin-left: -3px; }

textarea,
input[type="text"] {
  -webkit-appearance: none; }

/* updated chosen 1.8.5 styles - defaults  */
/* @group Base */
.gform_wrapper .chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.gform_wrapper .chosen-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.gform_wrapper .chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  display: none; }

.gform_wrapper .chosen-container.chosen-with-drop .chosen-drop {
  display: block; }

.gform_wrapper .chosen-container a {
  cursor: pointer; }

.gform_wrapper .chosen-container .search-choice .group-name,
.gform_wrapper .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999; }

.gform_wrapper .chosen-container .search-choice .group-name:after,
.gform_wrapper .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top; }

/* @end */
/* @group Single Chosen */
.gform_wrapper .chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px; }

.gform_wrapper .chosen-container-single .chosen-single input[type="text"] {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  width: 0; }

.gform_wrapper .chosen-container-single .chosen-default {
  color: #999; }

.gform_wrapper .chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.gform_wrapper .chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px; }

.gform_wrapper .chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px; }

.gform_wrapper .chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px; }

.gform_wrapper .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px; }

.gform_wrapper .chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%; }

.gform_wrapper .chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("chosen-sprite.png") no-repeat 0px 2px; }

.gform_wrapper .chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap; }

.gform_wrapper .chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url("chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0; }

.gform_wrapper .chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box; }

.gform_wrapper .chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  opacity: 0;
  pointer-events: none; }

/* @end */
/* @group Results */
.gform_wrapper .chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch; }

.gform_wrapper .chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none; }

.gform_wrapper .chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer; }
  .gform_wrapper .chosen-container .chosen-results li.active-result:before {
    display: none; }

.gform_wrapper .chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default; }

.gform_wrapper .chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff; }

.gform_wrapper .chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4; }

.gform_wrapper .chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default; }

.gform_wrapper .chosen-container .chosen-results li.group-option {
  padding-left: 15px; }

.gform_wrapper .chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline; }

/* @end */
/* @group Multi Chosen */
.gform_wrapper .chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text; }

.gform_wrapper .chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none; }

.gform_wrapper .chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.gform_wrapper .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px; }

.gform_wrapper .chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default; }

.gform_wrapper .chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word; }

.gform_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px; }

.gform_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px; }

.gform_wrapper .chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666; }

.gform_wrapper .chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4; }

.gform_wrapper .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px; }

.gform_wrapper .chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0; }

.gform_wrapper .chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default; }

/* @end */
/* @group Active  */
.gform_wrapper .chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
  background-image: linear-gradient(#eee 20%, #fff 80%);
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset; }

.gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent; }

.gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px; }

.gform_wrapper .chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.gform_wrapper .chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important; }

/* @end */
/* @group Disabled Support */
.gform_wrapper .chosen-disabled {
  opacity: 0.5 !important;
  cursor: default; }

.gform_wrapper .chosen-disabled .chosen-single {
  cursor: default; }

.gform_wrapper .chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default; }

/* @end */
/* @group Right to Left */
.gform_wrapper .chosen-rtl {
  text-align: right; }

.gform_wrapper .chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0; }

.gform_wrapper .chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl; }

.gform_wrapper .chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px; }

.gform_wrapper .chosen-rtl .chosen-single div {
  right: auto;
  left: 3px; }

.gform_wrapper .chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px; }

.gform_wrapper .chosen-rtl .chosen-choices li {
  float: right; }

.gform_wrapper .chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl; }

.gform_wrapper .chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px; }

.gform_wrapper .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px; }

.gform_wrapper .chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0; }

.gform_wrapper .chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0; }

.gform_wrapper .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none; }

.gform_wrapper .chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: url("chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl; }

.gform_wrapper .chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px; }

.gform_wrapper .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px; }

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .gform_wrapper .chosen-rtl .chosen-search input[type="text"],
  .gform_wrapper .chosen-container-single .chosen-single abbr,
  .gform_wrapper .chosen-container-single .chosen-single div b,
  .gform_wrapper .chosen-container-single .chosen-search input[type="text"],
  .gform_wrapper .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .gform_wrapper .chosen-container .chosen-results-scroll-down span,
  .gform_wrapper .chosen-container .chosen-results-scroll-up span {
    background-image: url("chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important; } }

/* @end */
/* updated chosen 1.8.5 styles - gravityforms specific  */
body .gform_wrapper .chosen-container a.chosen-single {
  border-radius: inherit; }

body .gform_wrapper ul.chosen-results li {
  line-height: inherit; }

@media only screen and (max-width: 641px) {
  /* make the inputs a little larger for mobile devices */
  .gform_wrapper input:not([type='radio']):not([type='checkbox']):not([type='image']):not([type='file']) {
    line-height: 2;
    min-height: 2rem; }
  .gform_wrapper textarea {
    line-height: 1.5; }
  .gform_wrapper .chosen-container.chosen-container-single[style] {
    width: 100% !important; }
  .gform_wrapper .chosen-container-single .chosen-single {
    height: 40px;
    line-height: 2.8; }
  .gform_wrapper .chosen-container-single .chosen-single div b {
    position: relative;
    top: 10px; }
  .gform_wrapper div.chosen-container.chosen-container-multi[style] {
    width: 100% !important; }
  .gform_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice,
  .gform_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-field {
    width: 100%;
    line-height: inherit;
    float: none; }
  .gform_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice span {
    margin-bottom: 0; }
  .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: calc(50% - 6px); }
  body .gform_wrapper select.medium.gfield_select + div.chosen-container-single[style],
  body .gform_wrapper select.medium.gfield_select + div.chosen-container-multi[style] {
    width: calc(50% - 8px) !important; }
  body .gform_wrapper select.large.gfield_select + div.chosen-container-single[style],
  body .gform_wrapper select.large.gfield_select + div.chosen-container-multi[style] {
    width: 100% !important; }
  body .gform_wrapper select.small.gfield_select + div.chosen-container-single[style],
  body .gform_wrapper select.small.gfield_select + div.chosen-container-multi[style] {
    width: 25% !important; } }

.fieldgroup {
  position: relative; }
  .fieldgroup.select.disabled {
    pointer-events: none;
    filter: grayscale(1);
    opacity: 0.5; }
  .fieldgroup.small {
    margin-bottom: 34px; }
    .fieldgroup.small textarea,
    .fieldgroup.small input:not([type='radio']),
    .fieldgroup.small input:not([type='checkbox']),
    .fieldgroup.small input:not([type='submit']),
    .fieldgroup.small input:not([type='button']),
    .fieldgroup.small input:not([type='image']),
    .fieldgroup.small input:not([type='file']) {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.28571;
      padding-left: 14px;
      padding-top: 9px;
      padding-bottom: 9px;
      height: 40px; }
    .fieldgroup.small .icon {
      right: 2px;
      bottom: 2px; }
  .fieldgroup.chosen-has-value.gform_wrapper .chosen-single span {
    opacity: 1; }
  .fieldgroup.inverse label {
    color: #F5F6F5; }
  .fieldgroup.inverse textarea,
  .fieldgroup.inverse input {
    background: #41464B;
    color: #F5F6F5; }
    .fieldgroup.inverse textarea::placeholder,
    .fieldgroup.inverse input::placeholder {
      color: #F5F6F5; }
  .fieldgroup.inverse.gform_wrapper .chosen-container-single .chosen-single {
    color: #F5F6F5; }
  .fieldgroup.inverse.gform_wrapper .chosen-container .chosen-results li {
    color: #F5F6F5; }
    .fieldgroup.inverse.gform_wrapper .chosen-container .chosen-results li.highlighted {
      background-color: #282c30; }
  .fieldgroup.inverse .chosen-results {
    background: #41464B; }
  @media screen and (min-width: 1200px) {
    .fieldgroup.inverse-desktop label {
      color: #F5F6F5; }
    .fieldgroup.inverse-desktop textarea,
    .fieldgroup.inverse-desktop input {
      background: #41464B;
      color: #F5F6F5; }
      .fieldgroup.inverse-desktop textarea::placeholder,
      .fieldgroup.inverse-desktop input::placeholder {
        color: #F5F6F5; }
    .fieldgroup.inverse-desktop.gform_wrapper .chosen-container-single .chosen-single {
      color: #F5F6F5; }
    .fieldgroup.inverse-desktop.gform_wrapper .chosen-container .chosen-results li {
      color: #F5F6F5; }
      .fieldgroup.inverse-desktop.gform_wrapper .chosen-container .chosen-results li.highlighted {
        background-color: #282c30; }
    .fieldgroup.inverse-desktop .chosen-results {
      background: #41464B; } }
  .fieldgroup textarea,
  .fieldgroup input {
    color: #41464B; }
    .fieldgroup textarea::placeholder,
    .fieldgroup input::placeholder {
      color: #41464B;
      opacity: 0.5; }
  .fieldgroup .icon {
    position: absolute;
    right: 12px;
    bottom: 11px;
    height: 38px;
    width: 38px; }
    .fieldgroup .icon .icon_search .stroke-override {
      stroke: #C9B529; }
    .fieldgroup .icon .icon_check .stroke-override {
      stroke: #50810f; }
  .fieldgroup .small {
    margin: 14px 0 0; }

body .gform_wrapper.small .chosen-container-single .chosen-single {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857;
  padding-left: 14px;
  padding-top: 9px;
  padding-bottom: 9px;
  box-shadow: none; }

body .gform_wrapper.small .chosen-container .chosen-results li {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857;
  padding-left: 14px;
  padding-top: 9px;
  padding-bottom: 9px; }

body .gform_wrapper.small .chosen-container-single .chosen-single svg {
  right: 0; }

select {
  width: 100%; }

.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  opacity: 0;
  pointer-events: none; }

.fieldgroup,
.gform_wrapper ul.gform_fields li.gfield {
  margin: 0 0 60px 0;
  padding: 0; }

body .gform_wrapper ul li.gfield {
  margin: 0;
  padding: 0; }

body .gform_wrapper ul.gform_fields li.gfield {
  padding: 0; }

body .gform_wrapper {
  margin: 0; }

label,
.gform_wrapper legend.gfield_label,
.gform_wrapper .top_label .gfield_label {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28571;
  font-weight: bold;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: block; }

.gform_wrapper .gfield_required {
  display: none; }

body .gform_wrapper h2.gsection_title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.2px !important; }
  @media screen and (min-width: 768px) {
    body .gform_wrapper h2.gsection_title {
      font-size: 25px;
      font-size: 1.5625rem;
      letter-spacing: normal !important; } }

body .gform_wrapper .gsection {
  border: 0; }

body .gform_wrapper ul.gform_fields li.gfield.gsection {
  margin-bottom: 36px; }
  @media screen and (min-width: 768px) {
    body .gform_wrapper ul.gform_fields li.gfield.gsection {
      margin-bottom: 46px; } }

body .gform_wrapper ul.gform_fields li.gfield + li.gsection {
  padding-top: 54px;
  padding-bottom: 0; }
  @media screen and (min-width: 768px) {
    body .gform_wrapper ul.gform_fields li.gfield + li.gsection {
      padding-top: 48px; } }

body .gform_wrapper .top_label li.gfield.gf_left_half + li.gsection,
body .gform_wrapper .top_label li.gfield.gf_right_half + li.gsection {
  padding-top: 54px;
  padding-bottom: 0; }
  @media screen and (min-width: 768px) {
    body .gform_wrapper .top_label li.gfield.gf_left_half + li.gsection,
    body .gform_wrapper .top_label li.gfield.gf_right_half + li.gsection {
      padding-top: 48px; } }

body .gform_wrapper li.gfield.field_description_below + li.gsection {
  margin-top: 0 !important; }

textarea:not([type='radio']), textarea:not([type='checkbox']), textarea:not([type='image']), textarea:not([type='file']),
input:not([type='radio']),
input:not([type='checkbox']),
input:not([type='image']),
input:not([type='file']),
body .gform_wrapper input:not([type='radio']),
body .gform_wrapper input:not([type='checkbox']),
body .gform_wrapper input:not([type='image']),
body .gform_wrapper input:not([type='file']) {
  min-height: initial;
  width: 100%; }
  textarea:not([type='radio'])::placeholder, textarea:not([type='checkbox'])::placeholder, textarea:not([type='image'])::placeholder, textarea:not([type='file'])::placeholder,
  input:not([type='radio'])::placeholder,
  input:not([type='checkbox'])::placeholder,
  input:not([type='image'])::placeholder,
  input:not([type='file'])::placeholder,
  body .gform_wrapper input:not([type='radio'])::placeholder,
  body .gform_wrapper input:not([type='checkbox'])::placeholder,
  body .gform_wrapper input:not([type='image'])::placeholder,
  body .gform_wrapper input:not([type='file'])::placeholder {
    opacity: 0.5; }

input.btn-join {
  width: 116px; }

body .gfield:not(.hidden-label) div.ginput_recaptcha:after {
  display: none; }

body .gform_wrapper .gform_fields.top_label div.ginput_container {
  margin-top: 0;
  position: relative; }

textarea,
input,
body .gform_wrapper input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']) {
  padding: 17px 62px 18px 30px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: normal;
  font-weight: 400;
  letter-spacing: normal;
  outline: none;
  border: solid 2px #E0DED5; }
  textarea:focus,
  input:focus,
  body .gform_wrapper input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']):focus {
    border: solid 2px #C9B529; }
  textarea.error,
  input.error,
  body .gform_wrapper input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']).error {
    border: solid 2px #c14d4d; }

/* Overwrite the default medium size so that fields always take full width for large/medium*/
body .gform_wrapper .top_label input.medium,
body .gform_wrapper .top_label select.medium {
  width: 100%; }

body .gform_wrapper .top_label li.gfield.gf_left_half,
body .gform_wrapper .top_label li.gfield.gf_right_half {
  padding-right: 0;
  width: 100%; }
  @media screen and (min-width: 768px) {
    body .gform_wrapper .top_label li.gfield.gf_left_half,
    body .gform_wrapper .top_label li.gfield.gf_right_half {
      width: calc(50% - 10px); } }

body .gform_wrapper .top_label li.gfield.gf_left_half {
  margin-right: 0; }
  @media screen and (min-width: 768px) {
    body .gform_wrapper .top_label li.gfield.gf_left_half {
      margin-right: 20px; } }

body .gform_wrapper textarea.medium {
  height: 152px; }

body .gform_wrapper textarea {
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.88;
  letter-spacing: normal;
  color: #41464B;
  padding: 16px 20px;
  outline: none;
  display: block;
  border: solid 2px #E0DED5; }
  body .gform_wrapper textarea:focus {
    border: solid 2px #C9B529; }
  body .gform_wrapper textarea::placeholder {
    color: #41464B;
    opacity: 0.5; }

.checkbox,
.radio,
body .gform_wrapper.gf_browser_chrome .gfield_checkbox li,
body .gform_wrapper.gf_browser_chrome .gfield_radio li {
  height: 28px;
  margin: 0; }

input[type=checkbox],
input[type=radio],
body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
body .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
  display: none; }
  input[type=checkbox] + label,
  input[type=radio] + label,
  body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox] + label,
  body .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] + label {
    margin: 0 0 0 0;
    padding: 5px 0;
    position: relative;
    margin-left: 29px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.27778;
    font-weight: normal;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
    margin-bottom: 0;
    display: inline-block; }
    input[type=checkbox] + label::before, input[type=checkbox] + label::after,
    input[type=radio] + label::before,
    input[type=radio] + label::after,
    body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox] + label::before,
    body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox] + label::after,
    body .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] + label::before,
    body .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] + label::after {
      content: ' ';
      height: 38px;
      width: 38px;
      position: absolute;
      left: -38px;
      top: 50%;
      transform: translateY(-50%); }
    input[type=checkbox] + label::before,
    input[type=radio] + label::before,
    body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox] + label::before,
    body .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] + label::before {
      background: white; }
  input[type=checkbox]:checked + label,
  input[type=radio]:checked + label,
  body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox]:checked + label,
  body .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio]:checked + label {
    font-weight: normal;
    font-weight: 400; }

input[type=checkbox] + label::after,
input[type=radio].checkbox + label::after,
body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox] + label::after {
  background-image: url("/app/themes/training-corn-states/assets/img/icons/checkbox.svg"); }

input[type=checkbox]:checked + label::after,
input[type=radio].checkbox:checked + label::after,
body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox]:checked + label::after {
  background-image: url("/app/themes/training-corn-states/assets/img/icons/checkbox-active.svg"); }

input[type=radio] + label::after,
input[type=checkbox].radio + label::after,
body .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] + label::after {
  background-image: url("/app/themes/training-corn-states/assets/img/icons/circle.svg"); }

input[type=radio]:checked + label::after,
input[type=checkbox].radio:checked + label::after,
body .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio]:checked + label::after {
  background-image: url("/app/themes/training-corn-states/assets/img/icons/circle-active.svg"); }

body .gform_wrapper li.gfield_error ul.gfield_checkbox,
body .gform_wrapper li.gfield_error ul.gfield_radio {
  color: #41464B; }

body .gform_wrapper .gform_footer {
  margin: 0 0 60px 0; }
  @media screen and (min-width: 768px) {
    body .gform_wrapper .gform_footer {
      margin: 0 0 60px 0; } }

input[type='submit'] {
  border: none !important;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28571;
  font-weight: bold;
  font-weight: 700;
  letter-spacing: 0.7px; }

input[type='submit'].success {
  color: #50810f; }

.chosen-container-single[style].chosen-container,
body .gform_wrapper select.medium.gfield_select + div.chosen-container-single[style].chosen-container,
body .gform_wrapper select.medium.gfield_select + div.chosen-container-multi[style].chosen-container {
  width: 100% !important; }

.chosen-container-single .chosen-single,
body .gform_wrapper.gf_browser_gecko .chosen-container-single .chosen-single,
body .gform_wrapper.gf_browser_safari .chosen-container-single .chosen-single,
body .gform_wrapper.gf_browser_chrome .chosen-container-single .chosen-single {
  display: block;
  line-height: inherit;
  height: initial; }

body .gform_wrapper .ginput_container span:not(.ginput_price) {
  margin-bottom: 0; }

.chosen-container-single .chosen-single,
body .gform_wrapper .chosen-container-single .chosen-single {
  width: 100%;
  background: none;
  margin: 0;
  height: 60px;
  padding: 17px 62px 18px 30px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: normal;
  font-weight: 400;
  letter-spacing: normal;
  box-shadow: none; }

body .gform_wrapper .gfield_error .chosen-container-single .chosen-single {
  border: solid 2px #c14d4d; }

.chosen-container-active .chosen-single,
body .gform_wrapper .chosen-container-active .chosen-single {
  border: solid 2px #E0DED5;
  color: #41464B; }
  .chosen-container-active .chosen-single span,
  body .gform_wrapper .chosen-container-active .chosen-single span {
    opacity: 0.5; }

.chosen-container-active.chosen-with-drop .chosen-single,
body .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single {
  background: none;
  border: solid 2px #C9B529;
  border-bottom: solid 2px transparent; }
  .chosen-container-active.chosen-with-drop .chosen-single svg,
  body .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single svg {
    transform: translateY(-50%) rotate(180deg); }

.chosen-container.chosen-with-drop .chosen-drop,
body .gform_wrapper .chosen-container.chosen-with-drop .chosen-drop {
  border-radius: 0;
  border: solid 2px #C9B529;
  border-top: none;
  box-shadow: none; }

.chosen-container-single .chosen-single,
body .gform_wrapper .chosen-container-single .chosen-single {
  height: auto;
  padding: 18px 44px 19px 30px;
  border: solid 2px #E0DED5; }
  .chosen-container-single .chosen-single svg,
  body .gform_wrapper .chosen-container-single .chosen-single svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px; }

.chosen-container .chosen-results,
body .gform_wrapper .chosen-container .chosen-results {
  margin: 0;
  padding: 0; }

.chosen-single span,
body .gform_wrapper .ginput_container_select .chosen-single span {
  opacity: 0.5; }

body .chosen-has-value .chosen-single span,
body .gform_wrapper .ginput_container_select.chosen-has-value .chosen-single span {
  opacity: 1; }

.chosen-container .chosen-results,
body .gform_wrapper .chosen-container .chosen-results {
  position: relative; }
  .chosen-container .chosen-results::before,
  body .gform_wrapper .chosen-container .chosen-results::before {
    content: '';
    position: absolute;
    height: 2px;
    width: calc(100% - 44px);
    background: #C9B529;
    top: 0;
    left: 22px; }

.chosen-container .chosen-results li,
body .gform_wrapper .chosen-container .chosen-results li {
  padding: 17px 62px 18px 30px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: normal;
  font-weight: 400;
  letter-spacing: normal;
  color: #41464B; }

.chosen-container .chosen-results li.highlighted,
body .gform_wrapper .chosen-container .chosen-results li.highlighted {
  background: none;
  background-color: #F5F6F5;
  color: #41464B; }

.chosen-container .chosen-results li.gf_placeholder,
body .gform_wrapper .chosen-container .chosen-results li.gf_placeholder {
  display: none; }

body .gform_wrapper div.validation_error {
  display: none; }

body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half),
body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_right_half) {
  max-width: initial !important;
  width: 100%; }

body .gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: initial; }

body .gform_wrapper .gfield_error .gfield_label {
  color: #41464B; }

body .gform_wrapper .validation_message {
  color: #c14d4d; }

body .gform_wrapper li.gfield_error input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']),
body .gform_wrapper li.gfield_error textarea {
  border: 2px solid #c14d4d; }

body .gform_wrapper .field_description_below .gfield_description {
  padding: 14px 0;
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857;
  font-weight: normal; }

body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
  padding-right: 0; }

body .gform_wrapper li.gfield.gfield_error,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  border: 0; }

body .gform_wrapper.gform_validation_error .top_label input.medium,
body .gform_wrapper.gform_validation_error .top_label select.medium {
  width: 100%; }

body .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half,
body .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
  padding-right: 0;
  width: 100%;
  max-width: 100%; }
  @media screen and (min-width: 768px) {
    body .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half,
    body .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
      width: calc(50% - 10px);
      max-width: calc(50% - 10px); } }

body .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half {
  margin-right: 0; }
  @media screen and (min-width: 768px) {
    body .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half {
      margin-right: 20px; } }

body .gform_wrapper ul.gform_fields li.gfield.gfield_error + li.gfield.gfield_error {
  margin-top: 0; }

body .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 0; }

body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
  margin-top: 6px; }

body .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker),
body .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker) {
  margin-top: 6px; }

.gform_confirmation_wrapper {
  margin-bottom: 100px; }

body {
  background-color: #ffffff;
  overflow-x: hidden; }

header + main {
  padding-top: 70px;
  min-height: calc(100vh - 70px); }

img {
  height: auto; }

.content-area {
  max-width: 100vw;
  width: 100vw;
  padding-left: 24.5px;
  padding-right: 24.5px; }
  @media screen and (min-width: 768px) {
    .content-area {
      padding-left: 24.5px;
      padding-right: 24.5px; } }
  @media screen and (min-width: 1200px) {
    .content-area {
      padding-left: 55px;
      padding-right: 55px; } }
  .content-area-mobile {
    max-width: 100vw;
    width: 100vw;
    padding-left: 24.5px;
    padding-right: 24.5px; }
    @media screen and (min-width: 768px) {
      .content-area-mobile {
        padding-left: 0;
        padding-right: 0; } }
    @media screen and (min-width: 1200px) {
      .content-area-mobile {
        padding-left: 0;
        padding-right: 0; } }
  .content-area-desktop {
    max-width: 100vw;
    width: 100vw;
    padding-left: 0;
    padding-right: 0; }
    @media screen and (min-width: 768px) {
      .content-area-desktop {
        padding-left: 0;
        padding-right: 0; } }
  .content-area.no-results {
    padding-bottom: 50px; }
    .content-area.no-results h1 {
      color: #cfba4b; }
    @media screen and (min-width: 768px) {
      .content-area.no-results {
        padding-bottom: 100px; } }
    .content-area.no-results .head {
      padding: 24px 0px; }
      @media screen and (min-width: 768px) {
        .content-area.no-results .head {
          padding: 36px 50px 56px; } }

@media screen and (min-width: 1200px) {
  .inner-content {
    margin: 0 calc(((100vw - 286px) / 12) * 4 + 64px); } }

@media screen and (min-width: 1680px) {
  .inner-content {
    margin: 0 calc(((100vw - 286px) / 12) * 4 + 64px); } }

header.site-header {
  position: relative;
  overflow: visible;
  margin-bottom: 70px; }
  header.site-header aside.bookmark {
    position: absolute;
    top: 0px;
    left: 81px;
    width: 154px;
    height: 246px;
    background: #282c30;
    justify-content: center;
    align-items: center;
    z-index: 7;
    display: none; }
  @media screen and (min-width: 1200px) {
    header.site-header.invert aside.bookmark {
      display: flex; } }
  header.site-header .fixed {
    position: fixed;
    top: 0;
    height: 70px;
    width: 100vw;
    overflow: visible;
    z-index: 10001;
    display: flex;
    background: #41464B;
    color: #F5F6F5;
    text-transform: capitalize;
    justify-content: space-between;
    padding-left: 62.8px;
    padding-right: 17px; }
    @media screen and (min-width: 1200px) {
      header.site-header .fixed {
        padding-left: 140px; } }
    header.site-header .fixed.active {
      z-index: 8; }
  header.site-header.invert .fixed {
    background: #ffffff; }
    @media screen and (min-width: 1200px) {
      header.site-header.invert .fixed {
        padding-left: 81px; } }
  @media screen and (min-width: 1200px) {
    header.site-header .main-navigation {
      display: flex; } }
  header.site-header .footer-nav,
  header.site-header .header-nav {
    margin: 0;
    list-style: none; }
    @media screen and (min-width: 1200px) {
      header.site-header .footer-nav,
      header.site-header .header-nav {
        display: flex; } }
  header.site-header .menu-item {
    margin: 0 0 40px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.27778;
    font-weight: bold;
    font-weight: 700;
    max-width: 205px;
    color: #A79533; }
    @media screen and (min-width: 1200px) {
      header.site-header .menu-item {
        margin: 28px 20px 0 0;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.125;
        max-width: none;
        padding-bottom: 20px; } }
    header.site-header .menu-item::before {
      margin-bottom: 0;
      display: none;
      max-width: none; }
    @media screen and (min-width: 1200px) {
      header.site-header .menu-item.active {
        color: #ffffff;
        border-bottom: 4px solid #C9B529; } }
  header.site-header.invert .menu-item.active {
    color: #282c30; }
  @media screen and (min-width: 1200px) {
    header.site-header .footer-nav {
      display: none; } }
  header.site-header .logo {
    margin-top: 12px;
    height: 45.8px;
    width: 153.2px;
    flex-shrink: 0; }
    @media screen and (min-width: 1200px) {
      header.site-header .logo {
        margin-top: 11px; } }
    header.site-header .logo .icon_logo-horizontal .cls-3 {
      fill: #E0DED5; }
    header.site-header .logo svg {
      width: 100%;
      height: 100%; }
  header.site-header.invert .logo .icon_logo-horizontal .cls-3 {
    fill: #282c30; }
  header.site-header .search.fieldgroup {
    margin-bottom: 29px; }
    @media screen and (min-width: 1200px) {
      header.site-header .search.fieldgroup {
        position: absolute;
        top: 15px;
        right: 16px;
        margin-bottom: 0; }
        header.site-header .search.fieldgroup input {
          opacity: 0;
          width: 0px;
          transition: all 0.3s ease;
          background-color: #ffffff; }
        header.site-header .search.fieldgroup.active {
          z-index: 10; }
          header.site-header .search.fieldgroup.active input {
            width: 212px;
            opacity: 1;
            color: #41464B; } }
    @media screen and (min-width: 1300px) {
      header.site-header .search.fieldgroup input {
        width: 212px;
        opacity: 1;
        color: #41464B; } }
  header.site-header .drawer {
    display: block; }
    @media screen and (min-width: 1200px) {
      header.site-header .drawer {
        display: block;
        flex-basis: 100%; } }
    @media screen and (min-width: 1200px) {
      header.site-header .drawer.active .content {
        transform: none; } }
    @media screen and (min-width: 1200px) {
      header.site-header .drawer .content {
        position: relative;
        height: 100%;
        width: 100%;
        left: auto;
        background: #41464B;
        padding-left: 53.8px;
        display: flex; } }
    @media screen and (min-width: 1200px) {
      header.site-header .drawer .content-area {
        max-width: none;
        width: auto;
        padding-left: 0;
        padding-right: 0; } }
    @media screen and (min-width: 1200px) {
      header.site-header .drawer .head {
        border-bottom: none;
        margin-bottom: 0; } }
    @media screen and (min-width: 1200px) {
      header.site-header .drawer .trigger {
        display: none; } }
    @media screen and (min-width: 1200px) {
      header.site-header .drawer h6 {
        display: none; } }
  header.site-header.invert .drawer .content {
    background: #ffffff; }
  header.site-header .profile {
    position: relative;
    padding-top: 16px; }
    header.site-header .profile:hover {
      cursor: pointer; }
    header.site-header .profile .trigger {
      display: flex; }
    header.site-header .profile .avatar {
      padding-top: 4px;
      height: 30px;
      width: 30px;
      border-radius: 50%;
      background: #A79533;
      background-size: cover;
      background-position: center; }
    header.site-header .profile .name {
      white-space: nowrap;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1;
      color: #C9B529;
      margin: 12px 4px 0 14px;
      display: none; }
      @media screen and (min-width: 1200px) {
        header.site-header .profile .name {
          display: block; } }
    header.site-header .profile .icon {
      margin-left: -6px;
      height: 38px;
      width: 38px; }
      header.site-header .profile .icon .stroke-override {
        stroke: #C9B529; }
    header.site-header .profile.active .icon {
      transform: rotate(180deg); }
    header.site-header .profile.active .dropdown {
      display: block;
      z-index: 8; }
  header.site-header .dropdown {
    display: none;
    position: absolute;
    background: #282c30;
    right: -6px;
    border-radius: 10px;
    padding: 22px 50px 22px 12px; }
    header.site-header .dropdown:before {
      content: '';
      position: absolute;
      top: -9px;
      right: 15px;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #282c30; }
    header.site-header .dropdown .a {
      color: #C9B529;
      padding-left: 36px;
      position: relative; }
      header.site-header .dropdown .a + .a {
        margin-top: 15px; }
      header.site-header .dropdown .a svg {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
    header.site-header .dropdown .stroke-override {
      stroke: #C9B529; }

footer.site-footer {
  background: #282c30;
  display: none;
  position: relative; }
  @media screen and (min-width: 1200px) {
    footer.site-footer {
      display: block; } }
  footer.site-footer .content-area {
    padding-top: 25px;
    padding-bottom: 25px; }
  footer.site-footer .footer-nav {
    list-style: none;
    color: #C9B529;
    display: flex;
    margin: 0; }
    footer.site-footer .footer-nav li {
      margin: 0;
      padding-right: 50px; }
      footer.site-footer .footer-nav li::before {
        display: none; }

.fixed.active {
  z-index: 8; }

@media screen and (min-width: 1200px) {
  .drawer {
    display: none; } }

.drawer.active .content {
  transform: translateX(100%); }

.drawer .content {
  z-index: 7;
  position: absolute;
  height: 100vh;
  max-height: 100vh;
  overflow: auto;
  width: 100vw;
  left: -100%;
  background: white;
  transition: transform 0.25s ease;
  padding-bottom: 144px; }
  @media screen and (min-width: 1200px) {
    .drawer .content {
      max-height: none;
      padding-bottom: 0; } }

.drawer .head {
  color: #41464B;
  border-bottom: solid 1px #E0DED5;
  margin-bottom: 33px;
  text-transform: uppercase; }
  .drawer .head h6 {
    margin: 33px 0 37px;
    position: relative;
    text-align: center; }
    .drawer .head h6 .icon {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      height: 16px;
      width: 16px;
      cursor: pointer; }

.drawer .trigger {
  position: absolute; }
  .drawer .trigger.open {
    left: 11px;
    top: 17px;
    height: 36px;
    width: 36px; }
    .drawer .trigger.open .stroke-override {
      stroke: #C9B529; }

.sidebar {
  display: flex;
  justify-content: space-between;
  bottom: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  height: 70px;
  border-top: solid 2px #E0DED5;
  background: white;
  z-index: 6; }
  @media screen and (min-width: 1200px) {
    .sidebar {
      display: block;
      bottom: auto;
      left: 55px;
      height: auto;
      border-top: none;
      width: calc(((100vw - 286px) / 12) * 3 + 32px);
      z-index: 0;
      flex-shrink: 0;
      margin-top: -50px;
      padding-top: 50px;
      max-height: 100%;
      overflow: auto;
      padding-bottom: 157px; } }

@media screen and (min-width: 1200px) {
  .sidebar + .content {
    padding-left: calc(((100vw - 286px) / 12) * 3 + 32px); } }

body.page-styleguide {
  margin-top: -32px !important; }
  @media screen and (max-width: 782px) {
    body.page-styleguide {
      margin-top: -46px !important; } }

#wpadminbar {
  display: none; }

.styleguide .col {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }

.styleguide #typography h1, .styleguide #typography h2, .styleguide #typography h3, .styleguide #typography h4, .styleguide #typography h5, .styleguide #typography h6 {
  margin: 40px 0; }

.styleguide #typography p, .styleguide #typography a, .styleguide #typography hr {
  margin: 16px 0; }

.styleguide #typography p a {
  margin-right: 0; }

.styleguide #colors a, .styleguide #colors .a {
  margin-right: 40px; }

@media screen and (min-width: 1200px) {
  .styleguide #ui-elements {
    width: calc(((100vw - 286px) / 12) * 10 + 144px);
    margin: 0 auto; } }

.styleguide #ui-elements .row {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%; }

#helper {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  display: none; }
  #helper.show {
    display: block;
    z-index: 9;
    display: block; }
  #helper .row {
    position: relative; }
  #helper .col {
    background: linear-gradient(90deg, orange 50%, yellow 50%);
    opacity: 0.1;
    pointer-events: none;
    height: 100vh; }
    #helper .col:nth-child(1n+5) {
      display: none; }
    @media screen and (min-width: 1200px) {
      #helper .col:nth-child(1n+3) {
        display: block; } }

@media screen and (min-width: 1200px) {
  body.page-dashboard {
    background: #41464B; } }

@media screen and (min-width: 1200px) {
  body.page-dashboard h4.title {
    color: #ffffff; } }

.page-contact .gform_wrapper {
  max-width: 880px;
  margin: 0 auto;
  padding: 30px;
  padding-top: 50px; }
  @media screen and (min-width: 768px) {
    .page-contact .gform_wrapper {
      padding-top: 60px; } }
  @media screen and (min-width: 768px) {
    .page-contact .gform_wrapper h3.gform_title {
      margin-bottom: 70px; } }

.page-register {
  background: #41464B; }

.marketing-single {
  background-color: #F5F6F5; }
  .marketing-single .marketing-material {
    margin: 0 auto;
    max-width: 1000px; }
    .marketing-single .marketing-material .title {
      margin: 80px 0;
      font-size: 42px;
      font-weight: 700;
      line-height: 44px;
      /* 104.762% */
      text-transform: capitalize;
      font-family: "Source Serif 4"; }
    .marketing-single .marketing-material .material {
      display: flex;
      flex-wrap: wrap;
      margin: 0 auto;
      gap: 63px;
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .marketing-single .marketing-material .material {
          flex-wrap: nowrap; } }
      .marketing-single .marketing-material .material .featured-image {
        width: 100%;
        height: 100%;
        min-height: 223px;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain; }
        @media screen and (min-width: 768px) {
          .marketing-single .marketing-material .material .featured-image {
            width: 50%;
            min-height: 443px;
            height: auto; } }
        .marketing-single .marketing-material .material .featured-image.placeholder {
          background-image: url("http://localhost:8000/app/uploads/2020/11/placeholder.png"); }
      .marketing-single .marketing-material .material .assets {
        width: 100%; }
        @media screen and (min-width: 768px) {
          .marketing-single .marketing-material .material .assets {
            width: 50%; } }
        .marketing-single .marketing-material .material .assets .asset {
          margin-bottom: 40px; }
          .marketing-single .marketing-material .material .assets .asset h5 {
            font-size: 16px;
            font-weight: 700;
            line-height: 20px;
            /* 125% */
            text-transform: uppercase;
            margin-top: 0;
            margin-bottom: 10px; }
          .marketing-single .marketing-material .material .assets .asset .buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 20px; }
            @media screen and (min-width: 425px) {
              .marketing-single .marketing-material .material .assets .asset .buttons {
                flex-wrap: nowrap;
                gap: 36px; } }
            .marketing-single .marketing-material .material .assets .asset .buttons .button {
              display: flex;
              justify-content: center;
              align-items: center;
              gap: 10px;
              font-size: 16px;
              font-weight: 700;
              line-height: 20px;
              /* 125% */
              text-transform: uppercase;
              width: 100%; }
              @media screen and (min-width: 425px) {
                .marketing-single .marketing-material .material .assets .asset .buttons .button {
                  width: auto; } }
        .marketing-single .marketing-material .material .assets .share {
          margin-bottom: 20px; }
          .marketing-single .marketing-material .material .assets .share a {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 14px;
            font-weight: 700; }
    .marketing-single .marketing-material .related {
      margin-top: 136px;
      margin-bottom: 160px; }
      .marketing-single .marketing-material .related-card {
        display: flex;
        max-width: 270px;
        padding: 30px 40px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 20px;
        border-radius: 12px;
        border: 2px solid #E0DED5;
        background-color: #ffffff; }
        .marketing-single .marketing-material .related-card .featured-image {
          width: 100%;
          height: 100%;
          min-height: 109px;
          background-repeat: no-repeat;
          background-position: center top;
          background-size: contain; }
          .marketing-single .marketing-material .related-card .featured-image.placeholder {
            background-image: url("http://localhost:8000/app/uploads/2020/11/placeholder.png"); }
        .marketing-single .marketing-material .related-card-row {
          display: flex;
          flex-wrap: wrap;
          gap: 40px;
          justify-content: center; }
          @media screen and (min-width: 768px) {
            .marketing-single .marketing-material .related-card-row {
              flex-wrap: nowrap;
              justify-content: flex-start; } }
        .marketing-single .marketing-material .related-card .link:after {
          content: '';
          position: absolute;
          background-image: url("/app/themes/training-corn-states/assets/img/icons/chevron-right-mustard.svg");
          height: 38px;
          width: 38px;
          top: 50%;
          transform: translate(-20%, -50%); }
  .marketing-single .preview-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999; }
    .marketing-single .preview-modal.show {
      display: block; }
    .marketing-single .preview-modal .modal-content {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 50px;
      margin: 0 auto;
      width: 100%;
      height: 100%;
      max-width: 1000px; }
      @media screen and (min-width: 768px) {
        .marketing-single .preview-modal .modal-content {
          padding: 0 100px; } }
      .marketing-single .preview-modal .modal-content .close-button {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 50px;
        font-weight: 700;
        cursor: pointer;
        color: #ffffff; }
      .marketing-single .preview-modal .modal-content .preview-image {
        width: 100%; }

body.page-library {
  background-color: #F5F6F5; }

body.page-management {
  background-color: #F5F6F5; }

section.library {
  margin: 50px 0 100px; }
  @media screen and (min-width: 1200px) {
    section.library article.content,
    section.library article.step-progression,
    section.library .enrollment {
      padding-left: calc(((100vw - 286px) / 12) * 3 + 32px);
      padding-right: calc(((100vw - 286px) / 12) * 1 + 0px); } }
  section.library article.content .head {
    margin-bottom: 80px; }
  section.library article.content .header-image {
    width: 100%;
    height: auto;
    padding-bottom: 50px; }
  section.library article.content .measure span {
    position: relative;
    padding-left: 38px;
    padding-right: 29px; }
  section.library article.content .measure svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
  section.library article.step-progression {
    margin: 70px 0 100px; }

section.course .category {
  margin: 0; }

section.course .title {
  margin: 0 0 10px; }

section.course .last-modified {
  margin: 0 0 30px;
  font-weight: normal;
  font-weight: 400; }

section.course .learning-objectives {
  margin: 70px 0 50px; }

section.lesson .title {
  margin: 0 0  22px; }
  @media screen and (min-width: 1200px) {
    section.lesson .title {
      margin-bottom: 20px; } }

.learndash-cpt-sfwd-courses .user_has_no_access article.sidebar .lesson-items,
.learndash-cpt-sfwd-lessons .user_has_no_access article.sidebar .lesson-items,
.learndash-cpt-sfwd-topic .user_has_no_access article.sidebar .lesson-items {
  opacity: 0.5; }
  .learndash-cpt-sfwd-courses .user_has_no_access article.sidebar .lesson-items .ld-status-icon,
  .learndash-cpt-sfwd-lessons .user_has_no_access article.sidebar .lesson-items .ld-status-icon,
  .learndash-cpt-sfwd-topic .user_has_no_access article.sidebar .lesson-items .ld-status-icon {
    pointer-events: none; }
  .learndash-cpt-sfwd-courses .user_has_no_access article.sidebar .lesson-items .icon_chevron-down .stroke-override,
  .learndash-cpt-sfwd-lessons .user_has_no_access article.sidebar .lesson-items .icon_chevron-down .stroke-override,
  .learndash-cpt-sfwd-topic .user_has_no_access article.sidebar .lesson-items .icon_chevron-down .stroke-override {
    stroke: #41464B; }

.learndash-cpt-sfwd-quiz .learndash-not-available .ld-table-list-item-preview a.ld-lesson-item-preview-heading,
.learndash-cpt-sfwd-quiz .learndash-not-available .ld-table-list-item-preview a.ld-item-name,
.learndash-cpt-sfwd-quiz .learndash-not-available .ld-lesson-item-preview a.ld-lesson-item-preview-heading,
.learndash-cpt-sfwd-quiz .learndash-not-available .ld-lesson-item-preview a.ld-item-name,
.learndash-cpt-sfwd-quiz .learndash-not-available .ld-item-list-item-preview a.ld-lesson-item-preview-heading,
.learndash-cpt-sfwd-quiz .learndash-not-available .ld-item-list-item-preview a.ld-item-name,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-table-list-item-preview a.ld-lesson-item-preview-heading,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-table-list-item-preview a.ld-item-name,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-lesson-item-preview a.ld-lesson-item-preview-heading,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-lesson-item-preview a.ld-item-name,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-item-list-item-preview a.ld-lesson-item-preview-heading,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-item-list-item-preview a.ld-item-name,
.learndash-cpt-sfwd-quiz .learndash-not-available .ld-table-list-item-preview,
.learndash-cpt-sfwd-quiz .learndash-not-available .ld-lesson-item-preview,
.learndash-cpt-sfwd-quiz .learndash-not-available .ld-item-list-item-preview,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-table-list-item-preview,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-lesson-item-preview,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-item-list-item-preview {
  cursor: pointer; }

.learndash-cpt-sfwd-quiz .learndash-not-available .ld-table-list-item-preview,
.learndash-cpt-sfwd-quiz .learndash-not-available .ld-lesson-item-preview,
.learndash-cpt-sfwd-quiz .learndash-not-available .ld-item-list-item-preview,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-table-list-item-preview,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-lesson-item-preview,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-item-list-item-preview,
.learndash-cpt-sfwd-quiz .learndash-not-available .ld-table-list-item-preview a.ld-lesson-item-preview-heading,
.learndash-cpt-sfwd-quiz .learndash-not-available .ld-table-list-item-preview a.ld-item-name,
.learndash-cpt-sfwd-quiz .learndash-not-available .ld-lesson-item-preview a.ld-lesson-item-preview-heading,
.learndash-cpt-sfwd-quiz .learndash-not-available .ld-lesson-item-preview a.ld-item-name,
.learndash-cpt-sfwd-quiz .learndash-not-available .ld-item-list-item-preview a.ld-lesson-item-preview-heading,
.learndash-cpt-sfwd-quiz .learndash-not-available .ld-item-list-item-preview a.ld-item-name,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-table-list-item-preview a.ld-lesson-item-preview-heading,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-table-list-item-preview a.ld-item-name,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-lesson-item-preview a.ld-lesson-item-preview-heading,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-lesson-item-preview a.ld-item-name,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-item-list-item-preview a.ld-lesson-item-preview-heading,
.learndash-cpt-sfwd-quiz .user_has_no_access .ld-item-list-item-preview a.ld-item-name {
  pointer-events: all; }

article.sidebar .course-overview {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 20px;
  border-right: solid 2px #E0DED5;
  width: 100%; }
  @media screen and (min-width: 1200px) {
    article.sidebar .course-overview {
      display: block;
      border-right: none;
      margin-bottom: 50px;
      width: auto; } }
  article.sidebar .course-overview .title {
    display: none;
    margin: 0; }
    @media screen and (min-width: 1200px) {
      article.sidebar .course-overview .title {
        display: block; } }

@media screen and (min-width: 1200px) {
  article.sidebar .enrollment {
    margin-top: 20px;
    padding-left: 0; } }

article.sidebar .drawer {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding-left: 20px; }
  @media screen and (min-width: 1200px) {
    article.sidebar .drawer {
      position: relative;
      display: block;
      padding-left: 0; } }
  article.sidebar .drawer .trigger.open {
    position: relative;
    left: auto;
    top: auto;
    height: auto;
    width: auto; }
    @media screen and (min-width: 1200px) {
      article.sidebar .drawer .trigger.open {
        display: none; } }
  article.sidebar .drawer .content {
    position: fixed;
    top: 0; }
    @media screen and (min-width: 1200px) {
      article.sidebar .drawer .content {
        position: relative;
        top: auto;
        width: auto;
        height: auto;
        z-index: 0;
        left: 0;
        transform: none; } }
    @media screen and (min-width: 1200px) {
      article.sidebar .drawer .content .head {
        display: none; } }

@media screen and (min-width: 1200px) {
  article.sidebar .lessons {
    max-width: calc(((100vw - 286px) / 12) * 2 + 32px); } }

article.sidebar .lessons .title {
  text-transform: uppercase;
  margin: 18px 0px; }
  @media screen and (min-width: 1200px) {
    article.sidebar .lessons .title {
      margin: 0 0 18px; } }

article.sidebar .lesson-items {
  margin-left: 8px; }

article.sidebar .ld-lesson-item-preview {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }

article.sidebar .ld-lesson-item-preview-heading {
  display: inline-flex;
  width: 100%; }

article.sidebar .ld-table-list-item a,
article.sidebar .ld-lesson-item-preview a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28571; }

article.sidebar .ld-lesson-item-preview {
  margin: 18px 0; }

article.sidebar .ld-table-list-item {
  margin-bottom: 10px; }

article.sidebar .ld-lesson-item-preview .ld-status-icon,
article.sidebar .ld-lesson-item-preview .ld-status-incomplete {
  position: relative;
  height: 18px;
  width: 18px;
  margin-right: 18px; }

article.sidebar .ld-lesson-item-preview .ld-icon-checkmark {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

article.sidebar .ld-lesson-item-preview .ld-icon-checkmark:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 38px;
  width: 38px;
  background-image: url("/app/themes/training-corn-states/assets/img/icons/success.svg");
  background-size: 100%; }

article.sidebar .ld-lesson-item-preview .ld-status-incomplete:after,
article.sidebar .ld-lesson-item-preview .ld-status-in-progress:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 38px;
  width: 38px;
  background-image: url("/app/themes/training-corn-states/assets/img/icons/circle.svg");
  background-size: 100%; }

article.sidebar .ld-lesson-item-preview .ld-icon-quiz:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 19px;
  width: 19px;
  background-image: url("/app/themes/training-corn-states/assets/img/icons/quiz.svg");
  background-size: 100%; }

article.sidebar .learndash-complete,
article.sidebar .ld-is-current-item,
article.sidebar .ld-is-current-lesson .ld-lesson-item-preview,
article.sidebar .ld-status-in-progress + .ld-lesson-title {
  color: #A79533; }

article.sidebar .ld-lesson-title {
  max-width: calc(100% - 74px); }

article.sidebar .ld-is-current-item {
  font-weight: "bold";
  font-weight: 700; }

article.sidebar .ld-lesson-item {
  position: relative; }
  article.sidebar .ld-lesson-item.expanded .ld-expandable {
    display: block; }

article.sidebar .ld-lesson-item.expanded .expand-button {
  transform: rotate(180deg); }

article.sidebar .expand-button {
  height: 18px;
  display: flex;
  align-items: center;
  cursor: pointer; }
  article.sidebar .expand-button .stroke-override {
    stroke: #A79533; }

article.sidebar .ld-expandable {
  display: none;
  margin-left: 40px; }
  article.sidebar .ld-expandable .ld-icon {
    display: none; }

article.sidebar .ld-topic-title {
  position: relative;
  padding-left: 18px; }
  article.sidebar .ld-topic-title:before {
    content: '•';
    color: #41464B;
    margin-right: 11px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%); }

article.sidebar .ld-quiz-complete + .ld-topic-title:before,
article.sidebar .ld-quiz-incomplete + .ld-topic-title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 16px;
  width: 16px;
  background-image: url("/app/themes/training-corn-states/assets/img/icons/quiz.svg");
  background-size: 100%; }

article.sidebar .ld-status-complete + .ld-topic-title:before,
article.sidebar .learndash-complete + .ld-topic-title:before {
  content: '';
  height: 30px;
  width: 30px;
  background-image: url("/app/themes/training-corn-states/assets/img/icons/check.svg");
  background-size: 100%; }

article.sidebar .mark-complete {
  position: relative;
  display: none; }
  @media screen and (min-width: 1200px) {
    article.sidebar .mark-complete {
      display: block; } }
  article.sidebar .mark-complete:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 38px;
    width: 38px;
    background-image: url("/app/themes/training-corn-states/assets/img/icons/success.svg");
    background-size: 100%; }
  article.sidebar .mark-complete input[type='submit'],
  article.sidebar .mark-complete .learndash_mark_complete_button {
    cursor: pointer;
    padding: 0;
    padding-left: 40px;
    border: none;
    background: none;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.28571;
    font-weight: bold;
    font-weight: 700;
    text-transform: uppercase;
    text-align: start;
    color: #50810f;
    height: 18px; }

article.sidebar .sfwd-mark-complete {
  margin-top: 11px;
  line-height: 1; }
  article.sidebar .sfwd-mark-complete input:not([type='radio']):not([type='checkbox']):not([type='image']):not([type='file']) {
    width: auto; }

.ld-progress {
  display: flex;
  align-items: center; }
  @media screen and (min-width: 1200px) {
    .ld-progress {
      margin-top: 24px; } }
  .ld-progress .bar-container {
    width: calc(((100vw - 79px) / 4) * 2 + 10px); }
    @media screen and (min-width: 1200px) {
      .ld-progress .bar-container {
        width: calc(((100vw - 286px) / 12) * 2 + 16px);
        margin-right: 19px; } }
  .ld-progress .bar,
  .ld-progress .percentage {
    border-radius: 100px; }
  .ld-progress .bar {
    height: 5px;
    background: #F5F6F5;
    width: calc(100% - 20px);
    margin-left: 3px; }
    @media screen and (min-width: 1200px) {
      .ld-progress .bar {
        width: calc(100% - 5px);
        margin: 0; } }
    .ld-progress .bar .percentage {
      height: 100%;
      background: #C9B529; }
  .ld-progress .label {
    color: #A79533;
    margin: 0; }

section.library.quiz .wpProQuiz_content li,
section.library.quiz .wpProQuiz_content p {
  margin: 0; }

section.library.quiz .wpProQuiz_content label {
  text-transform: none; }

section.library.quiz .step-progression {
  display: none; }

section.library.quiz .quiz_continue_link {
  margin: 29px 0 100px; }

section.library.quiz .wpProQuiz_content {
  margin-top: 0;
  margin-bottom: 0; }

section.library.quiz .wpProQuiz_content .wpProQuiz_questionList {
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  overflow: visible; }

section.library.quiz .wpProQuiz_questionListItem:before {
  display: none; }

section.library.quiz .wpProQuiz_questionListItem label {
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: normal;
  font-weight: 400;
  letter-spacing: normal; }
  section.library.quiz .wpProQuiz_questionListItem label::before, section.library.quiz .wpProQuiz_questionListItem label::after {
    content: ' ';
    height: 38px;
    width: 38px;
    position: absolute;
    left: -38px;
    top: 50%;
    transform: translateY(-50%); }
  section.library.quiz .wpProQuiz_questionListItem label.checkbox, section.library.quiz .wpProQuiz_questionListItem label.radio {
    padding: 5px 0;
    margin-left: 29px;
    display: block; }
  section.library.quiz .wpProQuiz_questionListItem label.checkbox::after {
    background-image: url("/app/themes/training-corn-states/assets/img/icons/checkbox.svg"); }
  section.library.quiz .wpProQuiz_questionListItem label.checkbox.checked::after {
    background-image: url("/app/themes/training-corn-states/assets/img/icons/checkbox-active.svg"); }
  section.library.quiz .wpProQuiz_questionListItem label.radio::after {
    background-image: url("/app/themes/training-corn-states/assets/img/icons/circle.svg"); }
  section.library.quiz .wpProQuiz_questionListItem label.radio.checked::after {
    background-image: url("/app/themes/training-corn-states/assets/img/icons/circle-active.svg"); }

section.library.quiz .wpProQuiz_questionListItem input[type=checkbox],
section.library.quiz .wpProQuiz_questionListItem input[type=radio] {
  display: none; }

section.library.quiz .wpProQuiz_content .wpProQuiz_questionListItem {
  padding-left: 0;
  padding-right: 0; }

section.library.quiz [data-type="sort_answer"] li::before {
  display: none; }

section.library.quiz [data-type="sort_answer"] .wpProQuiz_questionListItem {
  margin: 0;
  padding-top: 7.5px;
  padding-bottom: 7.5px; }

section.library.quiz [data-type="sort_answer"] .wpProQuiz_questionListItem + .wpProQuiz_questionListItem {
  border-top: solid 1px #E0DED5; }

section.library.quiz .wpProQuiz_sortable {
  padding: 0;
  border: 0;
  box-shadow: none;
  background-color: transparent;
  position: relative; }
  section.library.quiz .wpProQuiz_sortable::after {
    content: ' ';
    height: 38px;
    width: 38px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("/app/themes/training-corn-states/assets/img/icons/sort.svg"); }

section.library.quiz .wpProQuiz_matrixSortString {
  background: none;
  border: none;
  padding: 0; }
  section.library.quiz .wpProQuiz_matrixSortString .wpProQuiz_sortStringList {
    padding: 0;
    height: auto; }
  section.library.quiz .wpProQuiz_matrixSortString .wpProQuiz_sortStringItem {
    background: #F5F6F5;
    padding: 11px 20px;
    margin-right: 10px;
    border: none;
    box-shadow: none; }
  section.library.quiz .wpProQuiz_matrixSortString .wpProQuiz_header {
    display: none; }
  section.library.quiz .wpProQuiz_matrixSortString .wpProQuiz_sortStringList {
    display: flex;
    flex-wrap: wrap;
    padding: 0; }
  section.library.quiz .wpProQuiz_matrixSortString .wpProQuiz_placehold {
    height: 45px !important;
    background-color: transparent !important;
    border: 2px dashed #bbb;
    position: absolute;
    left: 0; }

section.library.quiz .wpProQuiz_mextrixTr {
  height: 45px; }
  section.library.quiz .wpProQuiz_mextrixTr td + td {
    padding: 0; }
  section.library.quiz .wpProQuiz_mextrixTr .wpProQuiz_maxtrixSortCriterion {
    width: auto; }
  section.library.quiz .wpProQuiz_mextrixTr .wpProQuiz_sortStringItem {
    padding: 11px 20px;
    height: 100%;
    display: inline-block;
    background-color: #F5F6F5; }

section.library.quiz .wpProQuiz_question_text {
  font-weight: normal;
  font-weight: 400;
  margin-bottom: 21px; }
  section.library.quiz .wpProQuiz_question_text p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1; }

section.library.quiz .wpProQuiz_clear {
  display: none; }

section.library.quiz .wpProQuiz_button {
  position: relative;
  border: none;
  transition: background-color 0.4s ease;
  background-color: #C9B529;
  margin: 20px 0;
  padding: 16px 30px;
  width: auto; }
  section.library.quiz .wpProQuiz_button:hover {
    background-color: #A79533; }

section.library.quiz .wpProQuiz_TipButton {
  padding: 0;
  background-color: transparent;
  background-image: url("/app/themes/training-corn-states/assets/img/icons/question.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: right;
  padding-right: 23px; }
  section.library.quiz .wpProQuiz_TipButton:hover {
    background-color: transparent; }

section.library.quiz .wpProQuiz_content .wpProQuiz_tipp > div {
  background-color: white;
  padding: 10px;
  border: solid 2px #F5F6F5;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: none; }

section.library.quiz .wpProQuiz_content ul.wpProQuiz_maxtrixSortCriterion {
  padding: 0; }

section.library.quiz .wpProQuiz_content .wpProQuiz_sortable,
section.library.quiz .wpProQuiz_sortStringItem {
  padding: 0;
  border: none;
  box-shadow: none; }
  section.library.quiz .wpProQuiz_content .wpProQuiz_sortable:before,
  section.library.quiz .wpProQuiz_sortStringItem:before {
    display: none;
    width: 0; }

section.library.quiz .wpProQuiz_content .wpProQuiz_mextrixTr > td {
  padding: 0; }

section.library.quiz .wpProQuiz_content .wpProQuiz_placehold {
  background-color: rgba(201, 181, 41, 0.25);
  height: 100%;
  display: inline-block; }

section.library.quiz .wpProQuiz_content .wpProQuiz_graded_points {
  text-align: left; }

section.library.quiz .wpProQuiz_content .wpProQuiz_points,
section.library.quiz .wpProQuiz_content .wpProQuiz_earned_points,
section.library.quiz .wpProQuiz_content .wpProQuiz_graded_points {
  text-align: left; }

section.library.quiz .wpProQuiz_content .wpProQuiz_response {
  background: transparent;
  border: none;
  padding: 0;
  margin-bottom: 0;
  box-shadow: none;
  margin-top: 16px; }

section.library.quiz .wpProQuiz_sending .wpProQuiz_header {
  display: none; }

section.library.quiz .wpProQuiz_results {
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
  border-bottom: solid 1px #E0DED5; }
  section.library.quiz .wpProQuiz_results h2, section.library.quiz .wpProQuiz_results p {
    margin-bottom: 1.875rem; }
  section.library.quiz .wpProQuiz_results .wpProQuiz_header,
  section.library.quiz .wpProQuiz_results .wpProQuiz_quiz_time {
    display: none; }
  section.library.quiz .wpProQuiz_results .wpProQuiz_points {
    order: -1;
    font-family: "Playfair Display", serif;
    font-weight: bold;
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem; }
    @media screen and (min-width: 1200px) {
      section.library.quiz .wpProQuiz_results .wpProQuiz_points {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.2; } }

section.library.quiz .wpProQuiz_resultsList li:before {
  display: none; }

section.library.quiz .ld-quiz-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0; }
  section.library.quiz .ld-quiz-actions .wpProQuiz_button {
    margin: 0 0 18px 0; }
  section.library.quiz .ld-quiz-actions .wpProQuiz_button_restartQuiz {
    order: 1;
    padding: 0;
    padding-right: 26px;
    background: none;
    background-position: center right;
    background-repeat: no-repeat;
    background-image: url("/app/themes/training-corn-states/assets/img/icons/chevron-right-small-mustard.svg"); }

section.library.quiz .wpProQuiz_incorrect span {
  color: #c14d4d; }

section.library.quiz .wpProQuiz_correct span {
  color: #50810f; }

section.library.quiz .wpProQuiz_content .wpProQuiz_answerCorrectIncomplete,
section.library.quiz .wpProQuiz_content .wpProQuiz_answerIncorrect,
section.library.quiz .wpProQuiz_content .wpProQuiz_answerCorrect {
  position: relative;
  overflow: visible; }
  section.library.quiz .wpProQuiz_content .wpProQuiz_answerCorrectIncomplete:after,
  section.library.quiz .wpProQuiz_content .wpProQuiz_answerIncorrect:after,
  section.library.quiz .wpProQuiz_content .wpProQuiz_answerCorrect:after {
    content: '';
    position: absolute;
    left: -32px;
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    width: 30px;
    background-size: 100%; }

section.library.quiz .wpProQuiz_content .wpProQuiz_answerCorrect label.radio.checked::after,
section.library.quiz .wpProQuiz_content .wpProQuiz_answerCorrectIncomplete label.radio.checked::after {
  background-image: url("/app/themes/training-corn-states/assets/img/icons/circle-active-correct.svg"); }

section.library.quiz .wpProQuiz_content .wpProQuiz_answerCorrect label.checkbox.checked::after,
section.library.quiz .wpProQuiz_content .wpProQuiz_answerCorrectIncomplete label.checkbox.checked::after {
  background-image: url("/app/themes/training-corn-states/assets/img/icons/checkbox-active-correct.svg"); }

section.library.quiz .wpProQuiz_content .wpProQuiz_answerCorrect {
  color: #50810f;
  background: none; }

section.library.quiz .wpProQuiz_content .wpProQuiz_answerCorrectIncomplete {
  border: none !important; }

section.library.quiz .wpProQuiz_content .wpProQuiz_answerCorrectIncomplete:after,
section.library.quiz .wpProQuiz_content .wpProQuiz_answerCorrect:after {
  background-image: url("/app/themes/training-corn-states/assets/img/icons/check.svg"); }

section.library.quiz .wpProQuiz_content .wpProQuiz_answerIncorrect {
  color: #c14d4d;
  background: none; }
  section.library.quiz .wpProQuiz_content .wpProQuiz_answerIncorrect:after {
    background-image: url("/app/themes/training-corn-states/assets/img/icons/incorrect.svg"); }
  section.library.quiz .wpProQuiz_content .wpProQuiz_answerIncorrect label.radio.checked::after {
    background-image: url("/app/themes/training-corn-states/assets/img/icons/circle-active-incorrect.svg"); }
  section.library.quiz .wpProQuiz_content .wpProQuiz_answerIncorrect label.checkbox.checked::after {
    background-image: url("/app/themes/training-corn-states/assets/img/icons/checkbox-active-incorrect.svg"); }
  section.library.quiz .wpProQuiz_content .wpProQuiz_answerIncorrect input {
    border: solid 2px #c14d4d;
    color: #c14d4d; }

.course.course-complete .head .title {
  color: #3F464B;
  position: relative;
  padding-left: 43px; }
  @media screen and (min-width: 1200px) {
    .course.course-complete .head .title {
      padding-left: 55px; } }
  .course.course-complete .head .title svg {
    position: absolute;
    height: 43px;
    left: 0;
    top: 21.5px;
    transform: translateY(-50%); }
    @media screen and (min-width: 1200px) {
      .course.course-complete .head .title svg {
        top: 27.5px;
        height: 55px; } }

.partial--course-card {
  margin-bottom: 22px;
  width: calc(((100vw - 79px) / 4) * 4 + 30px);
  border: 2px solid #E0DED5;
  border-radius: 10px;
  padding: 20px 21px;
  background: #ffffff; }
  @media screen and (min-width: 1200px) {
    .partial--course-card {
      width: calc((100% - 66px) / 3);
      margin-right: 30px; } }
  .partial--course-card.placeholder {
    height: 0;
    border: 0;
    margin-bottom: 0;
    padding: 0; }
  .partial--course-card .inner-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%; }
  .partial--course-card.small {
    padding-top: 17px;
    padding-left: 18px;
    padding-bottom: 17px;
    margin-bottom: 10px; }
    @media screen and (min-width: 1200px) {
      .partial--course-card.small {
        width: calc(((100vw - 286px) / 12) * 5 + 64px);
        padding-right: 0; } }
    .partial--course-card.small .inner-wrapper {
      flex-direction: row;
      padding-bottom: 0; }
    .partial--course-card.small .featured-image {
      margin-right: 12px;
      margin-bottom: 0;
      background: #A79533;
      background-size: cover;
      background-position: center;
      height: 54px;
      width: 54px; }
      @media screen and (min-width: 1200px) {
        .partial--course-card.small .featured-image {
          height: 82px;
          width: 82px; } }
    .partial--course-card.small .title {
      position: relative; }
      .partial--course-card.small .title:after {
        content: '';
        position: absolute;
        background-image: url("/app/themes/training-corn-states/assets/img/icons/chevron-right-mustard.svg");
        height: 38px;
        width: 38px;
        top: 50%;
        left: 100%;
        transform: translateY(-50%); }
    .partial--course-card.small .callout {
      width: calc(100% -  84px);
      flex-grow: 0; }
      @media screen and (min-width: 1200px) {
        .partial--course-card.small .callout {
          width: calc(100% - 132px);
          margin-bottom: 0; } }
    .partial--course-card.small .description {
      width: 100%; }
    .partial--course-card.small .excerpt {
      margin-bottom: 0;
      margin-top: 10px;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.42857;
      max-height: 20px;
      height: fit-content;
      display: block;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media screen and (min-width: 1200px) {
        .partial--course-card.small .excerpt {
          max-height: none; } }
    .partial--course-card.small .icon {
      height: 38px;
      width: 38px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 4px; }
      @media screen and (min-width: 1200px) {
        .partial--course-card.small .icon {
          right: 14px; } }
      .partial--course-card.small .icon svg .stroke {
        stroke: #C9B529; }
  @media screen and (min-width: 1200px) {
    .partial--course-card.overview .description .title, .partial--course-card.large .description .title, .partial--course-card.list .description .title {
      min-height: 92px; } }
  .partial--course-card.overview .bar-container, .partial--course-card.large .bar-container, .partial--course-card.list .bar-container {
    width: 100%; }
    @media screen and (min-width: 1200px) {
      .partial--course-card.overview .bar-container, .partial--course-card.large .bar-container, .partial--course-card.list .bar-container {
        width: 100%; } }
  @media screen and (min-width: 1200px) {
    .partial--course-card.list {
      width: 100%; } }
  @media screen and (min-width: 1200px) {
    .partial--course-card.list .inner-wrapper {
      min-height: calc(((100vw - 286px) / 12) * 2 + 16px); } }
  @media screen and (min-width: 1200px) {
    .partial--course-card.list .featured-image {
      position: absolute;
      height: calc(((100vw - 286px) / 12) * 2 + 16px);
      width: calc(((100vw - 286px) / 12) * 2 + 16px); } }
  @media screen and (min-width: 1200px) {
    .partial--course-card.list .callout,
    .partial--course-card.list .details {
      padding-left: 36px;
      margin-left: calc(((100vw - 286px) / 12) * 2 + 16px); } }
  @media screen and (min-width: 1200px) {
    .partial--course-card.list .description {
      max-width: calc(((100vw - 286px) / 12) * 5.5 + 72px); } }
  .partial--course-card.list .description .category,
  .partial--course-card.list .description .title {
    padding-right: 123px; }
    @media screen and (min-width: 1200px) {
      .partial--course-card.list .description .category,
      .partial--course-card.list .description .title {
        padding-right: 0; } }
  @media screen and (min-width: 1200px) {
    .partial--course-card.list .description .title {
      min-height: 0;
      margin-bottom: 36px; } }
  .partial--course-card.list .primary,
  .partial--course-card.list .complete {
    position: absolute;
    right: 0; }
    @media screen and (min-width: 1200px) {
      .partial--course-card.list .primary,
      .partial--course-card.list .complete {
        position: relative;
        right: auto; } }
  @media screen and (min-width: 1200px) {
    .partial--course-card.list .details {
      display: flex;
      flex-direction: row-reverse;
      justify-content: flex-end; } }
  @media screen and (min-width: 1200px) {
    .partial--course-card.list .ld-progress {
      margin: 0; } }
  @media screen and (min-width: 1200px) {
    .partial--course-card.list .bar-container {
      width: calc(((100vw - 286px) / 12) * 2.25 + 20px); } }
  @media screen and (min-width: 1200px) {
    .partial--course-card.list .measure {
      margin-right: 18px; } }
  @media screen and (min-width: 1200px) {
    .partial--course-card.grid {
      width: calc(33.33% - 6.66px); } }
  @media screen and (min-width: 1200px) {
    .partial--course-card.grid .description {
      width: calc(((100vw - 286px) / 12) * 1.5 + 8px); } }
  .partial--course-card.grid .excerpt {
    display: none; }
  .partial--course-card .featured-image {
    height: 164px;
    width: 100%;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px; }
    .partial--course-card .featured-image.placeholder {
      background: #41464B; }
  .partial--course-card .category, .partial--course-card .title {
    margin: 0; }
  .partial--course-card .category {
    margin-top: 3px;
    margin-bottom: 5px; }
  .partial--course-card .callout {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-grow: 1;
    gap: 10px; }
  .partial--course-card .a {
    display: table;
    align-self: flex-start; }
  .partial--course-card .excerpt {
    margin-bottom: 0; }
    @media screen and (min-width: 1200px) {
      .partial--course-card .excerpt {
        min-height: 42px; } }
  .partial--course-card .complete {
    height: 36px;
    width: 36px;
    background-image: url("/app/themes/training-corn-states/assets/img/icons/success.svg");
    background-size: 175%;
    background-position: center;
    flex-shrink: 0; }
  .partial--course-card .ld-progress {
    margin-bottom: 15px; }
  .partial--course-card .details {
    margin-top: 46px; }
  .partial--course-card .measure {
    margin: 0; }
    .partial--course-card .measure svg {
      position: absolute;
      left: -8px;
      top: 50%;
      transform: translateY(-50%); }
    .partial--course-card .measure span {
      position: relative;
      padding-left: 30px;
      padding-right: 18px;
      display: inline-block;
      max-width: 50%;
      white-space: nowrap; }

@media screen and (min-width: 1200px) {
  .partial--course-card-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }

@media screen and (min-width: 1200px) {
  .partial--course-card-row .partial--course-card {
    width: calc(33.33% - 6.66px);
    margin-right: 0; } }

.partial--course-card-row .partial--course-card.placeholder {
  height: 0;
  margin: 0; }

.partial--course-card-row .partial--course-card .measure {
  margin: 0; }

.partial--registration {
  min-height: calc(100vh - 72px); }
  .partial--registration.content-area {
    overflow: visible; }
    @media screen and (min-width: 1200px) {
      .partial--registration.content-area {
        margin: 0 calc(((100vw - 286px) / 12) * 1 + 16px);
        width: auto; } }
  @media screen and (min-width: 768px) {
    .partial--registration .columns {
      display: flex; } }
  @media screen and (min-width: 768px) {
    .partial--registration .form-column,
    .partial--registration .screenshot-column {
      width: 50%; } }
  .partial--registration .login-logo {
    position: relative;
    display: block;
    background-image: url("/app/themes/training-corn-states/assets/img/R2L_Logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 244px;
    height: 73px;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 62px; }
    @media screen and (min-width: 768px) {
      .partial--registration .login-logo {
        margin-top: 0;
        margin-bottom: 65px; } }
  .partial--registration h1, .partial--registration p, .partial--registration label {
    color: #E0DED5; }
  @media screen and (min-width: 768px) {
    .partial--registration .form-column {
      max-width: 50%;
      padding: 56px 0; } }
  .partial--registration .form-column h1 {
    margin-top: 0; }
  .partial--registration .form-column .form-content {
    display: flex;
    flex-direction: column-reverse;
    min-height: 60vh;
    justify-content: space-between; }
  .partial--registration .form-column .gform_wrapper ul li.gfield.field_sublabel_above.field_description_below + li.gfield {
    margin: 0 0 18px;
    max-width: none !important; }
  .partial--registration .form-column .gform_confirmation_wrapper + .header {
    display: none; }
  @media screen and (min-width: 768px) {
    .partial--registration .form-column .dash-img-wrap {
      display: none; } }
  .partial--registration .form-column .gform_wrapper .gform_footer {
    margin: 0;
    padding: 0;
    margin-top: 36px; }
  .partial--registration .form-column form {
    margin-top: 20px;
    margin-bottom: 47px;
    padding: 0; }
  .partial--registration .form-column label {
    line-height: 1.3;
    margin-bottom: 14px; }
  .partial--registration .form-column p {
    margin: 0; }
  .partial--registration .form-column .subtext {
    font-size: 14px;
    font-size: 0.875rem; }
    .partial--registration .form-column .subtext a {
      text-decoration: underline; }
  .partial--registration .screenshot-column {
    display: none; }
    @media screen and (min-width: 768px) {
      .partial--registration .screenshot-column {
        display: flex; } }
  .partial--registration .dash-img-wrap {
    display: flex;
    order: 1;
    align-items: center;
    overflow: hidden;
    height: auto;
    margin-bottom: 30px;
    max-width: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: solid 1px rgba(0, 0, 0, 0.25);
    border-right: none;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.5);
    background-color: #41464B;
    margin-left: 30px;
    margin-left: -50%;
    overflow: visible;
    transform: translateX(50%); }
    @media screen and (min-width: 768px) {
      .partial--registration .dash-img-wrap {
        transform: none;
        height: auto;
        order: 2;
        max-height: 60vh;
        margin-left: 60px;
        align-self: center;
        flex: 1 0; } }
    @media screen and (min-width: 1200px) {
      .partial--registration .dash-img-wrap {
        overflow: hidden;
        transform: none;
        position: absolute;
        margin-left: 124px; } }
  .partial--registration .dash-img {
    width: 125%;
    height: auto;
    object-fit: cover;
    object-position: top;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: solid 1px rgba(0, 0, 0, 0.25);
    border-right: none;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.5);
    background-color: #41464B; }
    @media screen and (min-width: 768px) {
      .partial--registration .dash-img {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border: none;
        box-shadow: none;
        background-color: #41464B;
        height: auto;
        width: 200%;
        max-width: 200%;
        max-height: 60vh; } }

.partial--tabbed-content .tab-input:checked + .tab-label {
  background: #ffffff;
  border-color: #E0DED5;
  font-weight: bold;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857; }
  .partial--tabbed-content .tab-input:checked + .tab-label:before {
    display: block;
    background: white;
    left: 0;
    width: 100%;
    height: 4px;
    top: auto;
    bottom: -3px;
    transform: none; }

.partial--tabbed-content .tab-input-0:checked ~ .tab-content-0 {
  display: block; }

.partial--tabbed-content .tab-input-1:checked ~ .tab-content-1 {
  display: block; }

.partial--tabbed-content .tab-input-2:checked ~ .tab-content-2 {
  display: block; }

.partial--tabbed-content .tab-input {
  display: none; }

.partial--tabbed-content .tab-label,
.partial--tabbed-content .tab-content {
  border-radius: 10px; }

.partial--tabbed-content .tab-label {
  cursor: pointer;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  margin: 0;
  border-width: 2px;
  border-style: solid;
  border-color: #C9B529;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #C9B529;
  font-weight: bold;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857;
  text-align: center;
  width: calc((100% - 11px) / 3); }
  @media screen and (min-width: 1200px) {
    .partial--tabbed-content .tab-label {
      margin-right: 10px;
      padding: 11px;
      width: calc(((100vw - 286px) / 12) * 2 + 16px); } }
  .partial--tabbed-content .tab-label:before, .partial--tabbed-content .tab-label:after {
    display: none; }

.partial--tabbed-content .tab-content {
  display: none;
  background: white;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 2px solid #E0DED5; }
  @media screen and (min-width: 1200px) {
    .partial--tabbed-content .tab-content {
      border-top-right-radius: 10px; } }

.partial--agronomic-card {
  margin-bottom: 22px;
  width: calc(((100vw - 79px) / 4) * 4 + 30px);
  border: 2px solid #E0DED5;
  border-radius: 10px;
  padding: 0;
  background: #ffffff; }
  @media screen and (min-width: 1200px) {
    .partial--agronomic-card {
      width: 100%;
      margin: 0 64px;
      margin-bottom: 20px; } }
  .partial--agronomic-card.placeholder {
    height: 0;
    border: 0;
    margin-bottom: 0;
    padding: 0; }
  .partial--agronomic-card .inner-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 30px 40px; }
  .partial--agronomic-card .description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch; }
  .partial--agronomic-card .date {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    margin: 0 0 5px 0; }
  .partial--agronomic-card .title {
    font-family: "Source Serif 4";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 106.667% */
    margin: 0;
    text-transform: capitalize; }
  .partial--agronomic-card .pdfLink {
    font-size: 14px;
    position: relative; }
    .partial--agronomic-card .pdfLink:after {
      content: '';
      position: absolute;
      background-image: url("/app/themes/training-corn-states/assets/img/icons/chevron-right-mustard.svg");
      height: 38px;
      width: 38px;
      top: 50%;
      transform: translate(-20%, -50%); }
  .partial--agronomic-card.featured .inner-wrapper {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: center; }
  .partial--agronomic-card.featured .featured-image {
    margin-right: 0;
    margin-bottom: 0;
    background: #A79533;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
    aspect-ratio: 1;
    min-height: 120px;
    min-width: 120px;
    max-width: 20%;
    display: none; }
    @media screen and (min-width: 768px) {
      .partial--agronomic-card.featured .featured-image {
        display: block; } }
    .partial--agronomic-card.featured .featured-image.placeholder {
      background-image: url("/app/uploads/2020/11/placeholder.png"); }
  .partial--agronomic-card.featured .excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-right: 50px;
    margin: 0; }
  .partial--agronomic-card.featured .pdfLink {
    padding-left: 28px; }
    .partial--agronomic-card.featured .pdfLink:before {
      content: '';
      position: absolute;
      background-image: url("/app/themes/training-corn-states/assets/img/icons/chevron-right-mustard.svg");
      height: 38px;
      width: 38px;
      top: 50%;
      transform: translate(-100%, -50%); }
    .partial--agronomic-card.featured .pdfLink:after {
      content: none; }

@media screen and (min-width: 1200px) {
  .partial--agronomic-card-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }

@media screen and (min-width: 1200px) {
  .partial--agronomic-card-row .partial--agronomic-card {
    width: calc(33.33% - 6.66px);
    margin-right: 0; } }

.partial--agronomic-card-row .partial--agronomic-card .featured-image {
  margin-right: 12px;
  margin-bottom: 17px;
  background: #A79533;
  background-size: cover;
  background-position: center;
  height: 120px;
  width: 120px;
  display: none; }
  @media screen and (min-width: 768px) {
    .partial--agronomic-card-row .partial--agronomic-card .featured-image {
      display: block; } }
  .partial--agronomic-card-row .partial--agronomic-card .featured-image.placeholder {
    background-image: url("/app/uploads/2020/11/placeholder.png"); }

.partial--agronomic-card-row .partial--agronomic-card.placeholder {
  height: 0;
  margin: 0; }

.partial--agronomic-card-row .partial--agronomic-card .measure {
  margin: 0; }

.partial--materials-card {
  margin-bottom: 22px;
  width: calc(((100vw - 79px) / 4) * 4 + 30px);
  border: 2px solid #E0DED5;
  border-radius: 10px;
  padding: 0;
  background: #ffffff; }
  @media screen and (min-width: 1200px) {
    .partial--materials-card {
      width: 100%;
      margin: 0 64px;
      margin-bottom: 20px; } }
  .partial--materials-card.placeholder {
    height: 0;
    border: 0;
    margin-bottom: 0;
    padding: 0; }
  .partial--materials-card .featured-image {
    margin-right: 0;
    margin-bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 140px;
    width: 140px;
    display: none; }
    @media screen and (min-width: 768px) {
      .partial--materials-card .featured-image {
        display: block; } }
  .partial--materials-card .inner-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 40px;
    flex-direction: row;
    padding: 30px 40px; }
  .partial--materials-card .links-wrapper {
    display: flex;
    gap: 20px;
    margin: 20px 0; }
    @media screen and (min-width: 768px) {
      .partial--materials-card .links-wrapper {
        gap: 40px; } }
  .partial--materials-card .link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 700; }
  .partial--materials-card .description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch; }
  .partial--materials-card .date {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    margin: 0 0 5px 0; }
  .partial--materials-card .tag {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    max-width: 540px; }
  .partial--materials-card .title {
    font-family: "Source Serif 4";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 106.667% */
    margin: 0;
    text-transform: capitalize; }
  .partial--materials-card .pdfLink {
    font-size: 14px;
    position: relative; }
    .partial--materials-card .pdfLink:after {
      content: '';
      position: absolute;
      background-image: url("/app/themes/training-corn-states/assets/img/icons/chevron-right-mustard.svg");
      height: 38px;
      width: 38px;
      top: 50%;
      transform: translate(-20%, -50%); }

@media screen and (min-width: 1200px) {
  .partial--materials-card-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }

@media screen and (min-width: 1200px) {
  .partial--materials-card-row .partial--materials-card {
    width: calc(33.33% - 6.66px);
    margin-right: 0; } }

.partial--materials-card-row .partial--materials-card.placeholder {
  height: 0;
  margin: 0; }

.partial--materials-card-row .partial--materials-card .measure {
  margin: 0; }

.partial--featured-course-card {
  margin-bottom: 22px;
  width: calc(((100vw - 79px) / 4) * 4 + 30px);
  border: 2px solid #E0DED5;
  border-radius: 10px;
  padding: 20px 21px;
  background: #ffffff; }
  @media screen and (min-width: 1200px) {
    .partial--featured-course-card {
      width: calc((100% - 66px) / 4);
      margin-right: 30px; } }
  .partial--featured-course-card.placeholder {
    height: 0;
    border: 0;
    margin-bottom: 0;
    padding: 0; }
  .partial--featured-course-card .inner-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%; }
  .partial--featured-course-card.small {
    padding-top: 17px;
    padding-left: 18px;
    padding-bottom: 17px;
    margin-bottom: 10px; }
    @media screen and (min-width: 1200px) {
      .partial--featured-course-card.small {
        width: calc(((100vw - 286px) / 12) * 5 + 64px);
        padding-right: 0; } }
    .partial--featured-course-card.small .inner-wrapper {
      flex-direction: row;
      padding-bottom: 0; }
    .partial--featured-course-card.small .featured-image {
      margin-right: 12px;
      margin-bottom: 0;
      background: #A79533;
      background-size: cover;
      background-position: center;
      height: 54px;
      width: 54px; }
      @media screen and (min-width: 1200px) {
        .partial--featured-course-card.small .featured-image {
          height: 82px;
          width: 82px; } }
    .partial--featured-course-card.small .title {
      position: relative; }
      .partial--featured-course-card.small .title:after {
        content: '';
        position: absolute;
        background-image: url("/app/themes/training-corn-states/assets/img/icons/chevron-right-mustard.svg");
        height: 38px;
        width: 38px;
        top: 50%;
        left: 100%;
        transform: translateY(-50%); }
    .partial--featured-course-card.small .callout {
      width: calc(100% -  84px);
      flex-grow: 0; }
      @media screen and (min-width: 1200px) {
        .partial--featured-course-card.small .callout {
          width: calc(100% - 132px);
          margin-bottom: 0; } }
    .partial--featured-course-card.small .description {
      width: 100%; }
    .partial--featured-course-card.small .excerpt {
      margin-bottom: 0;
      margin-top: 10px;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.42857;
      max-height: 20px;
      height: fit-content;
      display: block;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media screen and (min-width: 1200px) {
        .partial--featured-course-card.small .excerpt {
          max-height: none; } }
    .partial--featured-course-card.small .icon {
      height: 38px;
      width: 38px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 4px; }
      @media screen and (min-width: 1200px) {
        .partial--featured-course-card.small .icon {
          right: 14px; } }
      .partial--featured-course-card.small .icon svg .stroke {
        stroke: #C9B529; }
  .partial--featured-course-card.overview .bar-container, .partial--featured-course-card.large .bar-container, .partial--featured-course-card.list .bar-container {
    width: 100%; }
    @media screen and (min-width: 1200px) {
      .partial--featured-course-card.overview .bar-container, .partial--featured-course-card.large .bar-container, .partial--featured-course-card.list .bar-container {
        width: 100%; } }
  @media screen and (min-width: 1200px) {
    .partial--featured-course-card.list {
      width: 100%; } }
  @media screen and (min-width: 1200px) {
    .partial--featured-course-card.list .inner-wrapper {
      min-height: calc(((100vw - 286px) / 12) * 2 + 16px); } }
  @media screen and (min-width: 1200px) {
    .partial--featured-course-card.list .featured-image {
      position: absolute;
      height: calc(((100vw - 286px) / 12) * 2 + 16px);
      width: calc(((100vw - 286px) / 12) * 2 + 16px); } }
  @media screen and (min-width: 1200px) {
    .partial--featured-course-card.list .callout,
    .partial--featured-course-card.list .details {
      padding-left: 36px;
      margin-left: calc(((100vw - 286px) / 12) * 2 + 16px); } }
  @media screen and (min-width: 1200px) {
    .partial--featured-course-card.list .description {
      max-width: calc(((100vw - 286px) / 12) * 5.5 + 72px); } }
  .partial--featured-course-card.list .description .category,
  .partial--featured-course-card.list .description .title {
    padding-right: 123px; }
    @media screen and (min-width: 1200px) {
      .partial--featured-course-card.list .description .category,
      .partial--featured-course-card.list .description .title {
        padding-right: 0; } }
  @media screen and (min-width: 1200px) {
    .partial--featured-course-card.list .description .title {
      min-height: 0;
      margin-bottom: 36px; } }
  .partial--featured-course-card.list .primary,
  .partial--featured-course-card.list .complete {
    position: absolute;
    right: 0; }
    @media screen and (min-width: 1200px) {
      .partial--featured-course-card.list .primary,
      .partial--featured-course-card.list .complete {
        position: relative;
        right: auto; } }
  @media screen and (min-width: 1200px) {
    .partial--featured-course-card.list .details {
      display: flex;
      flex-direction: row-reverse;
      justify-content: flex-end; } }
  @media screen and (min-width: 1200px) {
    .partial--featured-course-card.list .ld-progress {
      margin: 0; } }
  @media screen and (min-width: 1200px) {
    .partial--featured-course-card.list .bar-container {
      width: calc(((100vw - 286px) / 12) * 2.25 + 20px); } }
  @media screen and (min-width: 1200px) {
    .partial--featured-course-card.list .measure {
      margin-right: 18px; } }
  @media screen and (min-width: 1200px) {
    .partial--featured-course-card.grid {
      width: calc(33.33% - 6.66px); } }
  @media screen and (min-width: 1200px) {
    .partial--featured-course-card.grid .description {
      width: calc(((100vw - 286px) / 12) * 1.5 + 8px); } }
  .partial--featured-course-card.grid .excerpt {
    display: none; }
  .partial--featured-course-card .featured-image {
    height: 164px;
    width: 100%;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px; }
    .partial--featured-course-card .featured-image.placeholder {
      background: #41464B; }
  .partial--featured-course-card .category, .partial--featured-course-card .title {
    margin: 0; }
  .partial--featured-course-card .category {
    margin-top: 3px;
    margin-bottom: 5px; }
  .partial--featured-course-card .callout {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 10px; }
    @media screen and (min-width: 1200px) {
      .partial--featured-course-card .callout {
        flex-direction: column;
        justify-content: flex-start; } }
  .partial--featured-course-card .a {
    display: table;
    align-self: flex-start; }
  .partial--featured-course-card .excerpt {
    margin-bottom: 0; }
    @media screen and (min-width: 1200px) {
      .partial--featured-course-card .excerpt {
        min-height: 42px; } }
  .partial--featured-course-card .complete {
    height: 36px;
    width: 36px;
    background-image: url("/app/themes/training-corn-states/assets/img/icons/success.svg");
    background-size: 175%;
    background-position: center;
    flex-shrink: 0; }
  .partial--featured-course-card .ld-progress {
    margin-bottom: 15px; }
  .partial--featured-course-card .details {
    margin-top: 46px; }
  .partial--featured-course-card .measure {
    margin: 0;
    margin-top: 15px; }
    .partial--featured-course-card .measure svg {
      position: absolute;
      left: -8px;
      top: 50%;
      transform: translateY(-50%); }
    .partial--featured-course-card .measure span {
      position: relative;
      padding-left: 30px;
      padding-right: 18px;
      display: inline-block;
      max-width: 50%;
      white-space: nowrap;
      margin-bottom: 10px; }
      .partial--featured-course-card .measure span:last-child {
        margin-bottom: 0; }

.pc-block--course-downloads {
  margin: 70px 0; }
  .pc-block--course-downloads h6 {
    margin: 30px 0; }
  .pc-block--course-downloads .button {
    margin-bottom: 10px; }

.pc-block--course-video {
  margin: 80px auto;
  max-width: calc(100vw - 49px); }
  @media screen and (min-width: 1200px) {
    .pc-block--course-video {
      margin: 100px auto 70px;
      max-width: calc(100vw - 110px - calc(((100vw - 286px) / 12) * 2 + 32px)); } }
  .pc-block--course-video .video-wrapper {
    position: relative; }
    .pc-block--course-video .video-wrapper.iframe-wrapper {
      width: 100%;
      height: 0;
      padding-bottom: 56.25%;
      position: relative; }
      .pc-block--course-video .video-wrapper.iframe-wrapper .overlay {
        background-color: rgba(0, 0, 0, 0.75);
        pointer-events: none; }
      .pc-block--course-video .video-wrapper.iframe-wrapper iframe {
        position: absolute;
        height: 100%;
        width: 100%;
        cursor: pointer; }
  .pc-block--course-video iframe, .pc-block--course-video video {
    display: block; }
  .pc-block--course-video.active .overlay {
    opacity: 0; }
  .pc-block--course-video.active .overlay-button {
    visibility: hidden; }
  .pc-block--course-video.active .iframe-wrapper .overlay {
    display: none; }
  .pc-block--course-video .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center; }
  .pc-block--course-video .overlay-button {
    height: 96px;
    width: 96px; }
  .pc-block--course-video .overlay-button,
  .pc-block--course-video .ld-video .mejs-overlay-button {
    background: none;
    background-position: center center;
    position: relative; }
    .pc-block--course-video .overlay-button::before, .pc-block--course-video .overlay-button::after,
    .pc-block--course-video .ld-video .mejs-overlay-button::before,
    .pc-block--course-video .ld-video .mejs-overlay-button::after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .pc-block--course-video .overlay-button::before,
    .pc-block--course-video .ld-video .mejs-overlay-button::before {
      content: '';
      height: 98px;
      width: 98px;
      background: white;
      border-radius: 50%;
      border: 6px solid #C9B529; }
    .pc-block--course-video .overlay-button::after,
    .pc-block--course-video .ld-video .mejs-overlay-button::after {
      background: url("/app/themes/training-corn-states/assets/img/icons/triangle.svg") no-repeat;
      height: 53.8px;
      width: 52px; }
  .pc-block--course-video .small {
    margin: 10px 0 0; }

.course-listing {
  margin-bottom: 50px; }
  @media screen and (min-width: 1200px) {
    .course-listing {
      margin-bottom: 100px; } }
  .course-listing .list-view-toggle {
    display: none; }
    @media screen and (min-width: 1200px) {
      .course-listing .list-view-toggle {
        display: block;
        display: flex;
        justify-content: flex-end;
        padding: 20px 0; } }
    .course-listing .list-view-toggle .toggle {
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: solid 2px #A79533;
      cursor: pointer; }
      .course-listing .list-view-toggle .toggle:first-of-type {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; }
      .course-listing .list-view-toggle .toggle:last-of-type {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }
      .course-listing .list-view-toggle .toggle svg {
        fill: #A79533; }
      .course-listing .list-view-toggle .toggle.active {
        background: #A79533;
        color: white; }
        .course-listing .list-view-toggle .toggle.active svg {
          fill: white; }
  @media screen and (min-width: 1200px) {
    .course-listing .wrapper {
      display: flex;
      flex-direction: row; } }
  .course-listing .filters {
    background-color: #F5F6F5; }
    .course-listing .filters.sidebar {
      width: 100%;
      display: block; }
      @media screen and (min-width: 1200px) {
        .course-listing .filters.sidebar {
          width: calc(((100vw - 286px) / 12) * 3 + 32px); } }
    .course-listing .filters .controls {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .course-listing .filters .controls h2 {
        margin-top: 0; }
    .course-listing .filters .trigger.open {
      color: #C9B529;
      position: relative;
      padding-right: 36px; }
      @media screen and (min-width: 1200px) {
        .course-listing .filters .trigger.open {
          display: none; } }
      .course-listing .filters .trigger.open .icon_filter {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        .course-listing .filters .trigger.open .icon_filter .stroke-override {
          stroke: #C9B529; }
    .course-listing .filters .content {
      position: absolute;
      width: 100vw;
      left: calc(50% - 50vw);
      transform: translateX(-100%);
      top: 0;
      display: flex;
      flex-direction: column;
      background: white;
      z-index: 6;
      height: 100vh;
      transition: transform 0.25s ease;
      background-color: #F5F6F5; }
      @media screen and (min-width: 1200px) {
        .course-listing .filters .content {
          position: relative;
          width: auto;
          left: auto;
          top: auto;
          z-index: 0;
          height: auto;
          transform: none; } }
      .course-listing .filters .content.active {
        transform: translateX(0); }
        @media screen and (min-width: 1200px) {
          .course-listing .filters .content.active {
            transform: none; } }
      .course-listing .filters .content .filter label::before {
        background-color: #F5F6F5; }
    .course-listing .filters .head {
      border-bottom: solid 1px #e4e2db;
      margin-bottom: 33px; }
      .course-listing .filters .head h6 {
        position: relative;
        padding: 33px 0 37px;
        margin: 0;
        text-align: center; }
      .course-listing .filters .head .icon {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 16px;
        width: 16px;
        cursor: pointer; }
    .course-listing .filters .body {
      max-height: calc(100vh - 190px);
      overflow: auto;
      flex-grow: 1; }
      @media screen and (min-width: 1200px) {
        .course-listing .filters .body {
          max-height: none; } }
      .course-listing .filters .body .filter {
        margin-bottom: 40px; }
      .course-listing .filters .body h6 {
        margin: 0 0 20px; }
    .course-listing .filters .foot {
      width: 100%;
      display: flex;
      justify-content: space-between;
      padding-bottom: 20px; }
      .course-listing .filters .foot button {
        width: calc(50% - 10px); }
    @media screen and (min-width: 1200px) {
      .course-listing .filters .head,
      .course-listing .filters .foot {
        display: none; } }
  .course-listing .search h1 {
    margin: 0; }
  .course-listing .search .suggestions {
    margin: 90px 0; }
  @media screen and (min-width: 1200px) {
    .course-listing .list.content {
      padding-left: 0;
      width: 100%; } }
  @media screen and (min-width: 1200px) {
    .course-listing .cards {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }
  .course-listing .cards .partial--course-card {
    margin-right: 0; }
  .course-listing .cards .card.placehold {
    pointer-events: none;
    position: relative;
    overflow: hidden; }
    .course-listing .cards .card.placehold .featured-image.placeholder,
    .course-listing .cards .card.placehold .category,
    .course-listing .cards .card.placehold .title,
    .course-listing .cards .card.placehold .excerpt,
    .course-listing .cards .card.placehold a.primary,
    .course-listing .cards .card.placehold .measure span {
      overflow: hidden;
      background: linear-gradient(to right, rgba(65, 70, 75, 0.25), rgba(65, 70, 75, 0.2));
      color: transparent; }
    .course-listing .cards .card.placehold .category {
      width: 90px; }
    .course-listing .cards .card.placehold .title {
      width: 140px; }
    .course-listing .cards .card.placehold svg {
      opacity: 0; }

.page-agronomics {
  background-color: #F5F6F5; }

.agronomic-info-listing {
  margin-bottom: 50px;
  margin-top: 100px; }
  @media screen and (min-width: 1200px) {
    .agronomic-info-listing {
      margin-bottom: 100px; } }
  .agronomic-info-listing .list-view-toggle {
    display: none; }
    @media screen and (min-width: 1200px) {
      .agronomic-info-listing .list-view-toggle {
        display: block;
        display: flex;
        justify-content: flex-end;
        padding: 20px 0; } }
    .agronomic-info-listing .list-view-toggle .toggle {
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: solid 2px #A79533;
      cursor: pointer; }
      .agronomic-info-listing .list-view-toggle .toggle:first-of-type {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; }
      .agronomic-info-listing .list-view-toggle .toggle:last-of-type {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }
      .agronomic-info-listing .list-view-toggle .toggle svg {
        fill: #A79533; }
      .agronomic-info-listing .list-view-toggle .toggle.active {
        background: #A79533;
        color: white; }
        .agronomic-info-listing .list-view-toggle .toggle.active svg {
          fill: white; }
  @media screen and (min-width: 1200px) {
    .agronomic-info-listing .wrapper {
      display: flex;
      flex-direction: row; } }
  .agronomic-info-listing .filters {
    border-radius: 12px;
    border: 2px solid #E0DED5; }
    .agronomic-info-listing .filters.sidebar {
      width: 100%;
      display: block;
      padding-top: 20px;
      padding-bottom: 20px;
      margin-top: 0;
      margin-bottom: 20px; }
      @media screen and (min-width: 1200px) {
        .agronomic-info-listing .filters.sidebar {
          width: calc(((100vw - 286px) / 12) * 3 + 32px); } }
    .agronomic-info-listing .filters .collaspable-filters {
      margin: 0 16px;
      padding: 5px 10px;
      border: 2px solid #E0DED5; }
      .agronomic-info-listing .filters .collaspable-filters input, .agronomic-info-listing .filters .collaspable-filters label {
        cursor: pointer; }
      .agronomic-info-listing .filters .collaspable-filters label {
        margin-top: 5px;
        margin-bottom: 5px;
        opacity: .6;
        transition: opacity .3s ease; }
      .agronomic-info-listing .filters .collaspable-filters input[type="checkbox"]:checked:after, .agronomic-info-listing .filters .collaspable-filters input[type="checkbox"]:checked:before, .agronomic-info-listing .filters .collaspable-filters input[type="checkbox"]:checked + label {
        opacity: 1; }
      .agronomic-info-listing .filters .collaspable-filters .collaspe-toggle {
        cursor: pointer;
        position: relative;
        text-transform: capitalize;
        color: rgba(65, 70, 75, 0.6); }
        .agronomic-info-listing .filters .collaspable-filters .collaspe-toggle::after {
          content: '';
          position: absolute;
          top: 50%;
          right: 0;
          transform: translateY(-50%) rotate(-90deg);
          width: 40px;
          height: 40px;
          background-image: url("/app/themes/training-corn-states/assets/img/icons/chevron-right-mustard.svg");
          background-size: contain;
          background-repeat: no-repeat; }
        .agronomic-info-listing .filters .collaspable-filters .collaspe-toggle.active::after {
          transform: translateY(-50%) rotate(90deg); }
      .agronomic-info-listing .filters .collaspable-filters .collaspe {
        height: auto;
        overflow: hidden;
        transition: all .3s ease; }
        .agronomic-info-listing .filters .collaspable-filters .collaspe.active {
          height: 0; }
    .agronomic-info-listing .filters .controls {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 10px; }
      .agronomic-info-listing .filters .controls h6, .agronomic-info-listing .filters .controls p {
        margin: 0; }
      @media screen and (min-width: 1200px) {
        .agronomic-info-listing .filters .controls p {
          display: none; } }
    .agronomic-info-listing .filters .trigger.open {
      color: #C9B529;
      position: relative;
      padding-right: 36px; }
      @media screen and (min-width: 1200px) {
        .agronomic-info-listing .filters .trigger.open {
          display: none; } }
      .agronomic-info-listing .filters .trigger.open .icon_filter {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        .agronomic-info-listing .filters .trigger.open .icon_filter .stroke-override {
          stroke: #C9B529; }
    .agronomic-info-listing .filters .content {
      position: fixed;
      width: 100vw;
      left: calc(50% - 50vw);
      transform: translateX(-100%);
      top: 0;
      display: flex;
      flex-direction: column;
      background: white;
      z-index: 6;
      height: 100vh;
      transition: transform 0.25s ease; }
      @media screen and (min-width: 1200px) {
        .agronomic-info-listing .filters .content {
          position: relative;
          width: auto;
          left: auto;
          top: auto;
          z-index: 0;
          height: auto;
          transform: none; } }
      .agronomic-info-listing .filters .content.active {
        transform: translateX(0); }
        @media screen and (min-width: 1200px) {
          .agronomic-info-listing .filters .content.active {
            transform: none; } }
    .agronomic-info-listing .filters .head {
      border-bottom: solid 1px #e4e2db;
      margin-bottom: 33px; }
      .agronomic-info-listing .filters .head h6 {
        position: relative;
        padding: 33px 0 37px;
        margin: 0;
        text-align: center; }
      .agronomic-info-listing .filters .head .icon {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 16px;
        width: 16px;
        cursor: pointer; }
    .agronomic-info-listing .filters .body {
      max-height: calc(100vh - 190px);
      overflow: auto;
      flex-grow: 1; }
      @media screen and (min-width: 1200px) {
        .agronomic-info-listing .filters .body {
          max-height: none; } }
      .agronomic-info-listing .filters .body .filter {
        margin-bottom: 40px; }
      .agronomic-info-listing .filters .body h6 {
        font-size: 24px;
        font-weight: 400;
        margin: 0 0 20px;
        margin-left: 16px;
        margin-right: 16px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .agronomic-info-listing .filters .body h6 span {
          color: rgba(65, 70, 75, 0.5);
          font-size: 14px;
          font-weight: 400;
          cursor: pointer; }
    .agronomic-info-listing .filters .foot {
      width: 100%;
      display: flex;
      justify-content: space-between;
      padding-bottom: 20px; }
      .agronomic-info-listing .filters .foot button {
        width: calc(50% - 10px); }
    @media screen and (min-width: 1200px) {
      .agronomic-info-listing .filters .head,
      .agronomic-info-listing .filters .foot {
        display: none; } }
    .agronomic-info-listing .filters #agronomics-search {
      margin: 0 16px;
      margin-bottom: 37px; }
  .agronomic-info-listing .search {
    margin: 0 64px; }
    .agronomic-info-listing .search h1 {
      margin: 0; }
    .agronomic-info-listing .search p {
      margin-top: 0;
      display: none; }
      @media screen and (min-width: 1200px) {
        .agronomic-info-listing .search p {
          display: block; } }
    .agronomic-info-listing .search .suggestions {
      margin: 90px 0; }
  @media screen and (min-width: 1200px) {
    .agronomic-info-listing .list.content {
      padding-left: 0;
      width: 100%; } }
  @media screen and (min-width: 1200px) {
    .agronomic-info-listing .cards {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }
  .agronomic-info-listing .cards .partial--course-card {
    margin-right: 0; }
  .agronomic-info-listing .cards .card.placehold {
    pointer-events: none;
    position: relative;
    overflow: hidden; }
    .agronomic-info-listing .cards .card.placehold .featured-image.placeholder,
    .agronomic-info-listing .cards .card.placehold .category,
    .agronomic-info-listing .cards .card.placehold .title,
    .agronomic-info-listing .cards .card.placehold .excerpt,
    .agronomic-info-listing .cards .card.placehold a.primary,
    .agronomic-info-listing .cards .card.placehold .measure span {
      overflow: hidden;
      background: linear-gradient(to right, rgba(65, 70, 75, 0.25), rgba(65, 70, 75, 0.2));
      color: transparent; }
    .agronomic-info-listing .cards .card.placehold .category {
      width: 90px; }
    .agronomic-info-listing .cards .card.placehold .title {
      width: 140px; }
    .agronomic-info-listing .cards .card.placehold svg {
      opacity: 0; }

.page-marketing {
  background-color: #F5F6F5; }

.marketing-listing {
  margin-bottom: 50px;
  margin-top: 100px; }
  @media screen and (min-width: 1200px) {
    .marketing-listing {
      margin-bottom: 100px; } }
  .marketing-listing .list-view-toggle {
    display: none; }
    @media screen and (min-width: 1200px) {
      .marketing-listing .list-view-toggle {
        display: block;
        display: flex;
        justify-content: flex-end;
        padding: 20px 0; } }
    .marketing-listing .list-view-toggle .toggle {
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: solid 2px #A79533;
      cursor: pointer; }
      .marketing-listing .list-view-toggle .toggle:first-of-type {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; }
      .marketing-listing .list-view-toggle .toggle:last-of-type {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }
      .marketing-listing .list-view-toggle .toggle svg {
        fill: #A79533; }
      .marketing-listing .list-view-toggle .toggle.active {
        background: #A79533;
        color: white; }
        .marketing-listing .list-view-toggle .toggle.active svg {
          fill: white; }
  @media screen and (min-width: 1200px) {
    .marketing-listing .wrapper {
      display: flex;
      flex-direction: row; } }
  .marketing-listing .filters {
    border-radius: 12px;
    border: 2px solid #E0DED5; }
    .marketing-listing .filters.sidebar {
      width: 100%;
      display: block;
      padding-top: 20px;
      padding-bottom: 20px;
      margin-top: 0;
      margin-bottom: 20px; }
      @media screen and (min-width: 1200px) {
        .marketing-listing .filters.sidebar {
          width: calc(((100vw - 286px) / 12) * 3 + 32px); } }
    .marketing-listing .filters .collaspable-filters {
      margin: 0 16px;
      padding: 5px 10px;
      border: 2px solid #E0DED5; }
      .marketing-listing .filters .collaspable-filters input, .marketing-listing .filters .collaspable-filters label {
        cursor: pointer; }
      .marketing-listing .filters .collaspable-filters label {
        margin-top: 5px;
        margin-bottom: 5px;
        opacity: .6;
        transition: opacity .3s ease; }
      .marketing-listing .filters .collaspable-filters input[type="checkbox"]:checked:after, .marketing-listing .filters .collaspable-filters input[type="checkbox"]:checked:before, .marketing-listing .filters .collaspable-filters input[type="checkbox"]:checked + label {
        opacity: 1; }
      .marketing-listing .filters .collaspable-filters .collaspe-toggle {
        cursor: pointer;
        position: relative;
        text-transform: capitalize;
        color: rgba(65, 70, 75, 0.6); }
        .marketing-listing .filters .collaspable-filters .collaspe-toggle::after {
          content: '';
          position: absolute;
          top: 50%;
          right: 0;
          transform: translateY(-50%) rotate(-90deg);
          width: 40px;
          height: 40px;
          background-image: url("/app/themes/training-corn-states/assets/img/icons/chevron-right-mustard.svg");
          background-size: contain;
          background-repeat: no-repeat; }
        .marketing-listing .filters .collaspable-filters .collaspe-toggle.active::after {
          transform: translateY(-50%) rotate(90deg); }
      .marketing-listing .filters .collaspable-filters .collaspe {
        height: auto;
        overflow: hidden;
        transition: all .3s ease; }
        .marketing-listing .filters .collaspable-filters .collaspe.active {
          height: 0; }
    .marketing-listing .filters .controls {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 10px; }
      .marketing-listing .filters .controls h6, .marketing-listing .filters .controls p {
        margin: 0; }
      @media screen and (min-width: 1200px) {
        .marketing-listing .filters .controls p {
          display: none; } }
    .marketing-listing .filters .trigger.open {
      color: #C9B529;
      position: relative;
      padding-right: 36px; }
      @media screen and (min-width: 1200px) {
        .marketing-listing .filters .trigger.open {
          display: none; } }
      .marketing-listing .filters .trigger.open .icon_filter {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        .marketing-listing .filters .trigger.open .icon_filter .stroke-override {
          stroke: #C9B529; }
    .marketing-listing .filters .content {
      position: fixed;
      width: 100vw;
      left: calc(50% - 50vw);
      transform: translateX(-100%);
      top: 0;
      display: flex;
      flex-direction: column;
      background: white;
      z-index: 6;
      height: 100vh;
      transition: transform 0.25s ease; }
      @media screen and (min-width: 1200px) {
        .marketing-listing .filters .content {
          position: relative;
          width: auto;
          left: auto;
          top: auto;
          z-index: 0;
          height: auto;
          transform: none; } }
      .marketing-listing .filters .content.active {
        transform: translateX(0); }
        @media screen and (min-width: 1200px) {
          .marketing-listing .filters .content.active {
            transform: none; } }
    .marketing-listing .filters .head {
      border-bottom: solid 1px #e4e2db;
      margin-bottom: 33px; }
      .marketing-listing .filters .head h6 {
        position: relative;
        padding: 33px 0 37px;
        margin: 0;
        text-align: center; }
      .marketing-listing .filters .head .icon {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 16px;
        width: 16px;
        cursor: pointer; }
    .marketing-listing .filters .body {
      max-height: calc(100vh - 190px);
      overflow: auto;
      flex-grow: 1; }
      @media screen and (min-width: 1200px) {
        .marketing-listing .filters .body {
          max-height: none; } }
      .marketing-listing .filters .body .filter {
        margin-bottom: 40px; }
      .marketing-listing .filters .body h6 {
        font-size: 24px;
        font-weight: 400;
        margin: 0 0 20px;
        margin-left: 16px;
        margin-right: 16px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .marketing-listing .filters .body h6 span {
          color: rgba(65, 70, 75, 0.5);
          font-size: 14px;
          font-weight: 400;
          cursor: pointer; }
    .marketing-listing .filters .foot {
      width: 100%;
      display: flex;
      justify-content: space-between;
      padding-bottom: 20px; }
      .marketing-listing .filters .foot button {
        width: calc(50% - 10px); }
    @media screen and (min-width: 1200px) {
      .marketing-listing .filters .head,
      .marketing-listing .filters .foot {
        display: none; } }
    .marketing-listing .filters #marketing-search {
      margin: 0 16px;
      margin-bottom: 37px; }
  .marketing-listing .search {
    margin: 0 64px; }
    .marketing-listing .search h1 {
      margin: 0; }
    .marketing-listing .search p {
      margin-top: 0;
      display: none; }
      @media screen and (min-width: 1200px) {
        .marketing-listing .search p {
          display: block; } }
    .marketing-listing .search .suggestions {
      margin: 90px 0; }
  @media screen and (min-width: 1200px) {
    .marketing-listing .list.content {
      padding-left: 0;
      width: 100%; } }
  @media screen and (min-width: 1200px) {
    .marketing-listing .cards {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }
  .marketing-listing .cards .partial--course-card {
    margin-right: 0; }
  .marketing-listing .cards .card.placehold {
    pointer-events: none;
    position: relative;
    overflow: hidden; }
    .marketing-listing .cards .card.placehold .featured-image.placeholder,
    .marketing-listing .cards .card.placehold .category,
    .marketing-listing .cards .card.placehold .title,
    .marketing-listing .cards .card.placehold .excerpt,
    .marketing-listing .cards .card.placehold a.primary,
    .marketing-listing .cards .card.placehold .measure span {
      overflow: hidden;
      background: linear-gradient(to right, rgba(65, 70, 75, 0.25), rgba(65, 70, 75, 0.2));
      color: transparent; }
    .marketing-listing .cards .card.placehold .crop {
      width: 90px; }
    .marketing-listing .cards .card.placehold .title {
      width: 140px; }
    .marketing-listing .cards .card.placehold svg {
      opacity: 0; }

.dashboard {
  padding-top: 46px; }
  @media screen and (min-width: 1200px) {
    .dashboard .content-area {
      margin: 0 calc(((100vw - 286px) / 12) * 1 + 16px);
      width: auto; } }
  @media screen and (min-width: 1200px) {
    .dashboard .body {
      display: flex; } }
  .dashboard .sidebar {
    border: 2px solid #E0DED5;
    border-radius: 10px;
    margin-bottom: 50px;
    padding-top: 32px;
    position: relative;
    height: auto;
    display: block;
    width: auto;
    left: auto;
    z-index: 1; }
    @media screen and (min-width: 1200px) {
      .dashboard .sidebar {
        width: calc(((100vw - 286px) / 12) * 3 + 32px);
        margin-right: calc(((100vw - 286px) / 12) * 0 + 16px);
        align-self: flex-start;
        position: unset;
        padding-bottom: 0; } }
    .dashboard .sidebar .image {
      height: 147px;
      width: 147px;
      border-radius: 100%;
      margin: 0 auto 26px;
      background-size: cover;
      background-position: center;
      background-color: #41464B; }
    .dashboard .sidebar .title {
      margin: 0 auto;
      padding: 0 30px;
      text-align: center;
      margin-bottom: 36px; }
    .dashboard .sidebar .item {
      margin-left: 0;
      margin-right: 0;
      display: flex;
      justify-content: space-between;
      border-top: 2px solid #E0DED5;
      padding: 15px 30px 0 30px; }
      @media screen and (min-width: 1200px) {
        .dashboard .sidebar .item {
          padding-top: 21px; } }
      .dashboard .sidebar .item h6 {
        padding-right: 30px; }
      .dashboard .sidebar .item h6,
      .dashboard .sidebar .item p {
        margin: 0; }
      .dashboard .sidebar .item p {
        white-space: nowrap;
        overflow: auto;
        text-align: right;
        padding-bottom: 15px; }
        @media screen and (min-width: 1200px) {
          .dashboard .sidebar .item p {
            padding-bottom: 24px; } }
  @media screen and (min-width: 1200px) {
    .dashboard .data {
      width: calc(((100vw - 286px) / 12) * 7 + 96px); } }

.pc-block--dashboard-banner {
  margin-bottom: 99px; }
  @media screen and (min-width: 1200px) {
    .pc-block--dashboard-banner {
      margin-bottom: 101px; } }
  .pc-block--dashboard-banner .content-area {
    padding-top: 30px;
    padding-bottom: calc(((100vw - 79px) / 4) * 2 + 30px);
    position: relative; }
    @media screen and (min-width: 1200px) {
      .pc-block--dashboard-banner .content-area {
        padding-top: 48px;
        padding-bottom: 0;
        margin: 0 calc(((100vw - 286px) / 12) * 2 + 32px);
        width: auto;
        display: flex;
        flex-direction: row; } }
    .pc-block--dashboard-banner .content-area .title, .pc-block--dashboard-banner .content-area .details {
      margin: 0;
      text-align: center; }
      @media screen and (min-width: 1200px) {
        .pc-block--dashboard-banner .content-area .title, .pc-block--dashboard-banner .content-area .details {
          text-align: start; } }
    .pc-block--dashboard-banner .content-area .title {
      margin-bottom: 8px;
      line-height: 2.5rem;
      font-family: "Source Serif 4";
      font-weight: 700; }
      @media screen and (min-width: 1200px) {
        .pc-block--dashboard-banner .content-area .title {
          margin-top: 5px;
          line-height: 3.5rem; } }
    .pc-block--dashboard-banner .content-area .details {
      margin-bottom: -12px; }
      .pc-block--dashboard-banner .content-area .details .icon_clipboard .stroke-override {
        stroke: #ffffff; }
    .pc-block--dashboard-banner .content-area .inline-icon {
      margin-right: -4px; }
      @media screen and (min-width: 1200px) {
        .pc-block--dashboard-banner .content-area .inline-icon {
          margin-left: -6px; } }
    .pc-block--dashboard-banner .content-area .profile-image {
      position: absolute;
      bottom: 0;
      left: 0;
      transform: translate(50%, 50px);
      height: calc(((100vw - 79px) / 4) * 2 + 30px);
      width: calc(((100vw - 79px) / 4) * 2 + 30px);
      border-radius: 100%;
      background: #A79533;
      background-size: cover;
      background-position: center; }
      @media screen and (min-width: 1200px) {
        .pc-block--dashboard-banner .content-area .profile-image {
          position: relative;
          left: 0;
          height: 93px;
          width: 93px;
          transform: none;
          margin-right: 20px; } }

.pc-block--dashboard-courses {
  margin-bottom: 63px; }
  @media screen and (min-width: 1200px) {
    .pc-block--dashboard-courses {
      margin: 0 calc(((100vw - 286px) / 12) * 1 + 16px) 120px;
      width: auto; } }
  .pc-block--dashboard-courses .heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 30px;
    position: relative; }
    .pc-block--dashboard-courses .heading .title {
      margin: 0; }
    .pc-block--dashboard-courses .heading .title, .pc-block--dashboard-courses .heading .a {
      color: #41464B; }
      @media screen and (min-width: 1200px) {
        .pc-block--dashboard-courses .heading .title, .pc-block--dashboard-courses .heading .a {
          color: #ffffff; } }
    .pc-block--dashboard-courses .heading .a {
      font-weight: 400; }
  @media screen and (min-width: 1200px) {
    .pc-block--dashboard-courses .slide {
      margin: 0 12px; } }
  .pc-block--dashboard-courses .partial--course-card {
    margin: 0;
    height: 100%;
    width: calc(((100vw - 79px) / 4) * 4 + 30px); }
    @media screen and (min-width: 1200px) {
      .pc-block--dashboard-courses .partial--course-card {
        width: calc((calc(((100vw - 286px) / 12) * 10 + 144px) - 48px)/ 3); } }
  .pc-block--dashboard-courses .component--pagination {
    margin: 28px 0 64px; }
    @media screen and (min-width: 1200px) {
      .pc-block--dashboard-courses .component--pagination {
        margin-bottom: 0; } }
    @media screen and (min-width: 1200px) {
      .pc-block--dashboard-courses .component--pagination .pages .page.current {
        color: #ffffff; } }

.pc-block--dashboard-activity {
  margin-bottom: 49px; }
  @media screen and (min-width: 1200px) {
    .pc-block--dashboard-activity {
      margin: 0 calc(((100vw - 286px) / 12) * 1 + 16px) 74px;
      width: auto;
      display: flex;
      justify-content: space-between;
      gap: 23px; } }
  @media screen and (min-width: 1200px) {
    .pc-block--dashboard-activity .activity,
    .pc-block--dashboard-activity .suggested-courses {
      width: calc(50% - 8px); } }
  .pc-block--dashboard-activity .activity {
    margin-bottom: 50px; }
    @media screen and (min-width: 1200px) {
      .pc-block--dashboard-activity .activity {
        margin-bottom: 0;
        display: flex;
        flex-direction: column; } }
    .pc-block--dashboard-activity .activity .card {
      background: #ffffff;
      border: 2px solid #E0DED5;
      border-radius: 10px;
      padding: 54px 38px 35px; }
      @media screen and (min-width: 1200px) {
        .pc-block--dashboard-activity .activity .card {
          flex-grow: 1;
          padding: 50px 68px 44px; } }
  .pc-block--dashboard-activity .suggested-courses .card:last-of-type {
    margin-bottom: 0; }
  .pc-block--dashboard-activity .heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 21px; }
    @media screen and (min-width: 1200px) {
      .pc-block--dashboard-activity .heading {
        margin-bottom: 23px; } }
    .pc-block--dashboard-activity .heading .title {
      margin: 0; }
      @media screen and (min-width: 1200px) {
        .pc-block--dashboard-activity .heading .title {
          color: #ffffff; } }
    .pc-block--dashboard-activity .heading .fieldgroup.small {
      margin-bottom: 0;
      width: 160px; }
  .pc-block--dashboard-activity .chart {
    margin: 0 auto 52px;
    display: flex;
    justify-content: center;
    height: 207px;
    width: 207px;
    border-radius: 100%;
    background-color: #F5F6F5; }
    @media screen and (min-width: 1200px) {
      .pc-block--dashboard-activity .chart {
        margin-bottom: 72px;
        height: 248px;
        width: 248px; } }
    .pc-block--dashboard-activity .chart > div {
      display: inline-block; }
  @media screen and (min-width: 1200px) {
    .pc-block--dashboard-activity .legend {
      display: flex;
      flex-wrap: wrap; } }
  .pc-block--dashboard-activity .legend .row {
    position: relative;
    margin: 0;
    width: 50%; }
  .pc-block--dashboard-activity .legend .key {
    color: #41464B;
    padding-left: 30px; }
  .pc-block--dashboard-activity .legend .icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    border-radius: 100%;
    position: absolute; }

.pc-block--management-dashboard {
  padding-top: 46px; }
  @media screen and (min-width: 1200px) {
    .pc-block--management-dashboard .head {
      display: flex;
      justify-content: space-between;
      align-items: center; } }
  .pc-block--management-dashboard .breadcrumbs {
    display: flex;
    font-weight: bold;
    font-weight: 700;
    margin-bottom: 25px; }
    .pc-block--management-dashboard .breadcrumbs .breadcrumb + .breadcrumb {
      margin-left: 44px;
      position: relative; }
      .pc-block--management-dashboard .breadcrumbs .breadcrumb + .breadcrumb:before {
        content: '';
        position: absolute;
        left: -40px;
        top: 50%;
        transform: translateY(-50%);
        height: 36px;
        width: 36px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("/app/themes/training-corn-states/assets/img/icons/chevron-right-small.svg"); }
  .pc-block--management-dashboard .component--table-list-view {
    border: 2px solid #E0DED5;
    border-radius: 10px; }
  @media screen and (min-width: 1200px) {
    .pc-block--management-dashboard .component--table-list .table-list th:first-child,
    .pc-block--management-dashboard .component--table-list .table-list td:first-child {
      width: 40%; } }
  .pc-block--management-dashboard .actions {
    display: flex;
    justify-content: center;
    margin-bottom: 9px; }
    @media screen and (min-width: 1200px) {
      .pc-block--management-dashboard .actions {
        justify-content: flex-end; } }
    .pc-block--management-dashboard .actions > button {
      margin-left: 4px; }
    .pc-block--management-dashboard .actions .component--email-modal button {
      margin-right: 4px; }
    .pc-block--management-dashboard .actions.stretch > .action {
      width: 50%; }
      @media screen and (min-width: 1200px) {
        .pc-block--management-dashboard .actions.stretch > .action {
          width: auto; } }
      .pc-block--management-dashboard .actions.stretch > .action > button {
        width: 100%; }
        @media screen and (min-width: 1200px) {
          .pc-block--management-dashboard .actions.stretch > .action > button {
            width: auto; } }
    .pc-block--management-dashboard .actions.stretch > button {
      width: 100%; }
      @media screen and (min-width: 1200px) {
        .pc-block--management-dashboard .actions.stretch > button {
          width: auto; } }
  .pc-block--management-dashboard .component--table-list-view {
    margin-bottom: 50px; }
    @media screen and (min-width: 1200px) {
      .pc-block--management-dashboard .component--table-list-view {
        margin-bottom: 25px; } }
    .pc-block--management-dashboard .component--table-list-view .percent-complete-bar {
      display: block; }
  @media screen and (min-width: 1200px) {
    .pc-block--management-dashboard .component--table-list th:first-child,
    .pc-block--management-dashboard .component--table-list td:first-child {
      width: 40%; } }
  .pc-block--management-dashboard .component--manage-row.loading {
    filter: grayscale(1); }
  .pc-block--management-dashboard .component--manage-row.loading, .pc-block--management-dashboard .component--manage-row.error {
    pointer-events: none;
    opacity: 0.5; }

.pc-block--profile-dashboard .sidebar .image {
  position: relative;
  cursor: pointer; }
  .pc-block--profile-dashboard .sidebar .image:before, .pc-block--profile-dashboard .sidebar .image:after {
    content: '';
    position: absolute; }
  .pc-block--profile-dashboard .sidebar .image:before {
    height: 36px;
    width: 36px;
    bottom: 4px;
    right: 6px;
    background: #C9B529;
    border: 4px solid white;
    border-radius: 100%; }
  .pc-block--profile-dashboard .sidebar .image:after {
    height: 13px;
    width: 15.7px;
    right: 16.1px;
    bottom: 15.5px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/app/themes/training-corn-states/assets/img/icons/camera.svg"); }
  .pc-block--profile-dashboard .sidebar .image.updating {
    cursor: not-allowed;
    opacity: 0.5; }

.pc-block--profile-dashboard .sidebar #profile_image {
  display: none; }

.pc-block--profile-dashboard .body {
  margin-bottom: 65px; }
  @media screen and (min-width: 1200px) {
    .pc-block--profile-dashboard .body {
      margin-bottom: 109px; } }

.pc-block--profile-dashboard .toggle-drawer {
  display: block;
  margin-bottom: 40px; }
  @media screen and (min-width: 1200px) {
    .pc-block--profile-dashboard .toggle-drawer {
      display: none; } }
  .pc-block--profile-dashboard .toggle-drawer .icon {
    display: flex;
    justify-content: space-between; }

.pc-block--profile-dashboard .tab-label {
  display: none; }
  @media screen and (min-width: 1200px) {
    .pc-block--profile-dashboard .tab-label {
      display: inline-block;
      z-index: 1; } }

.pc-block--profile-dashboard .tab-content {
  position: fixed;
  height: 100vh;
  width: 100vw;
  left: -100%;
  top: 0;
  transition: transform 0.25s ease;
  overflow: auto;
  display: block;
  padding-bottom: 50px; }
  @media screen and (min-width: 1200px) {
    .pc-block--profile-dashboard .tab-content {
      transition: none;
      display: none;
      position: relative;
      height: auto;
      width: auto;
      left: auto;
      top: auto;
      padding-bottom: 0;
      overflow: visible; } }
  .pc-block--profile-dashboard .tab-content.active {
    display: block;
    transform: translateX(100%);
    z-index: 8; }
    @media screen and (min-width: 1200px) {
      .pc-block--profile-dashboard .tab-content.active {
        transform: none;
        z-index: inherit; } }
  .pc-block--profile-dashboard .tab-content .head {
    border-bottom: solid 1px #e4e2db;
    margin-bottom: 33px;
    text-transform: uppercase; }
    @media screen and (min-width: 1200px) {
      .pc-block--profile-dashboard .tab-content .head {
        display: none; } }
    .pc-block--profile-dashboard .tab-content .head h6 {
      margin: 33px 0 37px;
      position: relative;
      text-align: center; }
    .pc-block--profile-dashboard .tab-content .head .icon {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      height: 16px;
      width: 16px;
      cursor: pointer; }
  @media screen and (min-width: 1200px) {
    .pc-block--profile-dashboard .tab-content .content-area {
      padding: 67px 50px 48px;
      margin: 0; } }

.pc-block--profile-dashboard .row {
  margin-left: 0;
  margin-right: 0;
  display: block; }
  @media screen and (min-width: 1200px) {
    .pc-block--profile-dashboard .row {
      display: flex;
      justify-content: space-between; } }
  .pc-block--profile-dashboard .row .fieldgroup {
    margin-bottom: 30px; }
    .pc-block--profile-dashboard .row .fieldgroup input {
      padding-right: 0; }
  @media screen and (min-width: 1200px) {
    .pc-block--profile-dashboard .row .fieldgroup,
    .pc-block--profile-dashboard .row .column,
    .pc-block--profile-dashboard .row .row {
      width: calc(50% - 26.5px); } }
  .pc-block--profile-dashboard .row .column .fieldgroup {
    width: 100%; }
  @media screen and (min-width: 1200px) {
    .pc-block--profile-dashboard .row .row .fieldgroup {
      width: calc(50% - 4px); } }

.pc-block--profile-dashboard button.primary {
  margin-top: 20px; }
  .pc-block--profile-dashboard button.primary.disabled {
    pointer-events: none;
    opacity: 0.5; }

.pc-block--profile-dashboard .updates {
  margin-top: 20px;
  position: relative;
  padding-left: 30px; }
  .pc-block--profile-dashboard .updates:before {
    content: '';
    position: absolute;
    height: 30px;
    width: 30px;
    background-image: url("/app/themes/training-corn-states/assets/img/icons/check.svg");
    left: 0;
    top: -5px; }

.pc-block--reporting-overview {
  margin: 49px 0 101px; }
  @media screen and (min-width: 1200px) {
    .pc-block--reporting-overview {
      margin: 79px 0 110px; } }
  @media screen and (min-width: 1200px) {
    .pc-block--reporting-overview .content-area {
      margin: 0 calc(((100vw - 286px) / 12) * 1 + 16px);
      width: auto; } }

.pc-block--r2l-header .container {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 80px 5% 72px 5%;
  display: flex;
  align-items: center; }
  @media screen and (min-width: 768px) {
    .pc-block--r2l-header .container {
      padding: 80px 0 72px 15%; } }
  .pc-block--r2l-header .container .content {
    max-width: 600px;
    color: #F5F6F5; }
    .pc-block--r2l-header .container .content h1 {
      margin-top: 0;
      margin-bottom: 20px;
      font-size: 42px;
      font-weight: 700;
      text-transform: capitalize;
      font-family: "Source Serif 4"; }
    .pc-block--r2l-header .container .content .description {
      font-size: 18px;
      font-weight: 400;
      line-height: 24px;
      min-height: 84px; }
      .pc-block--r2l-header .container .content .description a {
        color: #F5F6F5;
        text-decoration: underline; }
        .pc-block--r2l-header .container .content .description a:hover {
          color: #F5F6F5; }
      .pc-block--r2l-header .container .content .description p, .pc-block--r2l-header .container .content .description a, .pc-block--r2l-header .container .content .description span {
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        margin: 0; }

.pc-block--featured-courses {
  margin-bottom: 63px; }
  @media screen and (min-width: 1200px) {
    .pc-block--featured-courses {
      margin: 0 calc(((100vw - 286px) / 12) * 1 + 16px) 120px;
      width: auto; } }
  .pc-block--featured-courses .heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 30px;
    position: relative; }
    .pc-block--featured-courses .heading .title {
      margin: 0; }
    .pc-block--featured-courses .heading .title, .pc-block--featured-courses .heading .a {
      color: #41464B; }
      @media screen and (min-width: 1200px) {
        .pc-block--featured-courses .heading .title, .pc-block--featured-courses .heading .a {
          color: #ffffff; } }
    .pc-block--featured-courses .heading .a {
      font-weight: 400; }
  .pc-block--featured-courses .courses {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 24px; }
    @media screen and (min-width: 1200px) {
      .pc-block--featured-courses .courses {
        flex-wrap: nowrap; } }
  .pc-block--featured-courses .partial--featured-course-card {
    margin: 0;
    height: 100%;
    width: calc(((100vw - 79px) / 4) * 4 + 30px); }
    @media screen and (min-width: 1200px) {
      .pc-block--featured-courses .partial--featured-course-card {
        width: calc((calc(((100vw - 286px) / 12) * 10 + 144px) - 48px)/ 4); } }

.carousel .slides {
  display: flex;
  overflow: auto;
  max-width: 100vw;
  width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 14.5px 0 24.5px;
  margin-left: -24.5px; }
  @media screen and (min-width: 1200px) {
    .carousel .slides {
      max-width: auto;
      width: 100%;
      padding: 0;
      width: calc(calc(((100vw - 286px) / 12) * 10 + 144px) + 24px);
      margin: 0;
      margin: 0 -12px; } }

.carousel .slick-slider {
  display: block; }

.carousel .slick-list {
  overflow: visible; }
  @media screen and (min-width: 1200px) {
    .carousel .slick-list {
      overflow: hidden; } }

.carousel .slick-track {
  display: flex;
  margin-left: 0; }

.carousel .slick-slide {
  display: flex;
  height: auto; }

.carousel .slick-dots {
  display: block;
  width: 100%;
  padding: 20px 38px 0;
  margin: 0;
  list-style: none;
  text-align: center; }
  .carousel .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 38px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .carousel .slick-dots li::before {
      width: 5px; }
    .carousel .slick-dots li button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 0;
      line-height: 0;
      display: block;
      width: 20px;
      height: 20px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: 0;
      background: 0 0; }
      .carousel .slick-dots li button:before {
        font-family: slick;
        font-size: 30px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '•';
        text-align: center;
        opacity: .25;
        color: #000;
        -webkit-font-smoothing: antialiased; }
    .carousel .slick-dots li.slick-active button:before {
      opacity: .75;
      color: #000; }

.carousel .slick-prev,
.carousel .slick-next {
  display: none;
  position: absolute;
  z-index: 99;
  font-size: 0;
  padding: 0;
  background: transparent; }
  .carousel .slick-prev:after,
  .carousel .slick-next:after {
    content: '';
    position: absolute; }
  .carousel .slick-prev.slick-disabled,
  .carousel .slick-next.slick-disabled {
    opacity: 0; }

.carousel .slick-prev,
.carousel .slick-prev:after,
.carousel .slick-next,
.carousel .slick-next:after {
  height: 38px;
  width: 38px;
  bottom: 0; }

.carousel .slick-prev,
.carousel .slick-prev:after {
  left: 0; }

.carousel .slick-next,
.carousel .slick-next:after {
  right: 0; }

.carousel .slick-prev:after {
  background-image: url("/app/themes/training-corn-states/assets/img/icons/chevron-right-mustard.svg");
  transform: rotate(180deg); }

.carousel .slick-next:after {
  background-image: url("/app/themes/training-corn-states/assets/img/icons/chevron-right-mustard.svg"); }

.component--pagination {
  display: flex;
  justify-content: center;
  user-select: none;
  margin: 8px 0 50px; }
  @media screen and (min-width: 1200px) {
    .component--pagination {
      margin: 28px 0 100px; } }
  .component--pagination .pages {
    display: flex; }
    .component--pagination .pages .prev, .component--pagination .pages .next {
      position: relative;
      width: 38px; }
      .component--pagination .pages .prev.disabled, .component--pagination .pages .next.disabled {
        cursor: default;
        opacity: 0.5; }
      .component--pagination .pages .prev svg, .component--pagination .pages .next svg {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
    .component--pagination .pages .stroke-override {
      stroke: #C9B529; }
    .component--pagination .pages .prev, .component--pagination .pages .next, .component--pagination .pages .page {
      cursor: pointer; }
    .component--pagination .pages .page {
      margin: 0 11px;
      width: 8px;
      font-weight: bold;
      font-weight: 700;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.28571;
      color: #C9B529; }
      .component--pagination .pages .page.current {
        color: #41464B;
        cursor: default; }
    .component--pagination .pages .gap {
      pointer-events: none;
      position: relative; }
      .component--pagination .pages .gap span {
        position: absolute;
        left: 50%;
        transform: translateX(-50%); }

.component--table-list {
  padding: 24px 12px 0; }
  @media screen and (min-width: 1200px) {
    .component--table-list {
      padding: 24px 31px 0 31px; } }
  .component--table-list.loading .interaction {
    filter: grayscale(1);
    opacity: 0.75;
    cursor: not-allowed; }
    .component--table-list.loading .interaction * {
      pointer-events: none; }
  @media screen and (min-width: 1200px) {
    .component--table-list .head {
      display: flex;
      justify-content: space-between; } }
  .component--table-list .filters {
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 1200px) {
      .component--table-list .filters {
        flex-direction: row; } }
  .component--table-list .search {
    margin-bottom: 0;
    width: 100%; }
    @media screen and (min-width: 1200px) {
      .component--table-list .search {
        width: calc(((100vw - 286px) / 12) * 2 + 48px);
        margin-right: 22px; } }
  .component--table-list .actions {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0; }
  .component--table-list .action {
    width: calc(50% - 4px); }
    @media screen and (min-width: 1200px) {
      .component--table-list .action {
        width: auto;
        margin-left: 8px; } }
    .component--table-list .action > button {
      width: 100%; }
  .component--table-list .no-results {
    margin: 20px 19px 53px 19px; }
    @media screen and (min-width: 1200px) {
      .component--table-list .no-results {
        margin: 46px 19px 118px 19px; } }
  .component--table-list .fieldgroup.small {
    margin-bottom: 10px;
    min-width: 100%; }
    @media screen and (min-width: 1200px) {
      .component--table-list .fieldgroup.small {
        margin-bottom: 0;
        min-width: 180px; } }
  .component--table-list .table-list {
    width: 100%;
    margin: 19px 0 24px;
    border-collapse: collapse;
    display: block; }
    @media screen and (min-width: 1200px) {
      .component--table-list .table-list {
        width: 100%;
        margin: 18px 0 20px 0;
        display: table; } }
    .component--table-list .table-list tr {
      min-width: 100%;
      display: block; }
      @media screen and (min-width: 1200px) {
        .component--table-list .table-list tr {
          display: table-row; } }
      .component--table-list .table-list tr:first-child th {
        display: block; }
        @media screen and (min-width: 1200px) {
          .component--table-list .table-list tr:first-child th {
            display: table-cell; } }
        .component--table-list .table-list tr:first-child th ~ th {
          display: none; }
          @media screen and (min-width: 1200px) {
            .component--table-list .table-list tr:first-child th ~ th {
              display: table-cell; } }
      .component--table-list .table-list tr:not(:first-child) {
        display: flex;
        flex-direction: column; }
        @media screen and (min-width: 1200px) {
          .component--table-list .table-list tr:not(:first-child) {
            display: table-row; } }
      .component--table-list .table-list tr td {
        max-width: 100%;
        min-width: 100%;
        overflow: auto; }
        @media screen and (min-width: 1200px) {
          .component--table-list .table-list tr td {
            min-width: auto; } }
        .component--table-list .table-list tr td:not(:first-child) {
          display: none;
          min-width: auto;
          margin: 0 19px;
          padding-left: 0;
          padding-right: 0; }
          @media screen and (min-width: 1200px) {
            .component--table-list .table-list tr td:not(:first-child) {
              margin: 0;
              padding-right: 19px;
              display: table-cell; } }
        .component--table-list .table-list tr td:first-child {
          position: relative;
          font-weight: bold;
          font-weight: 700; }
          .component--table-list .table-list tr td:first-child:before {
            content: '';
            position: absolute;
            right: 13px;
            top: 50%;
            transform: translateY(-50%) rotate(90deg);
            height: 17px;
            width: 19.5px;
            background: url("/app/themes/training-corn-states/assets/img/icons/chevron-right-small.svg") no-repeat; }
          @media screen and (min-width: 1200px) {
            .component--table-list .table-list tr td:first-child {
              font-weight: normal;
              font-weight: 400; }
              .component--table-list .table-list tr td:first-child:before {
                display: none; } }
      .component--table-list .table-list tr.active td:first-child:before {
        transform: translateY(-50%) rotate(-90deg); }
      .component--table-list .table-list tr.active td:not(:first-child) {
        display: flex; }
        @media screen and (min-width: 1200px) {
          .component--table-list .table-list tr.active td:not(:first-child) {
            display: table-cell; } }
    @media screen and (min-width: 1200px) {
      .component--table-list .table-list th:first-child,
      .component--table-list .table-list td:first-child {
        padding-left: 19px;
        width: 30%; } }
    @media screen and (min-width: 1200px) {
      .component--table-list .table-list th:last-child,
      .component--table-list .table-list td:last-child {
        padding-right: 14px;
        width: 1px;
        white-space: nowrap; } }
    @media screen and (min-width: 1200px) {
      .component--table-list .table-list th ~ td,
      .component--table-list .table-list td ~ td {
        display: table-cell; } }
    .component--table-list .table-list td {
      display: flex;
      justify-content: space-between; }
      @media screen and (min-width: 1200px) {
        .component--table-list .table-list td {
          display: table-cell; } }
      .component--table-list .table-list td.email {
        white-space: nowrap; }
      .component--table-list .table-list td .label {
        padding-right: 20px; }
        @media screen and (min-width: 1200px) {
          .component--table-list .table-list td .label {
            display: none; } }
      .component--table-list .table-list td:first-child .label {
        display: none; }
  .component--table-list tr {
    text-align: left; }
    .component--table-list tr:nth-child(even) {
      background: rgba(245, 246, 245, 0.2); }
  .component--table-list th,
  .component--table-list td {
    padding: 13px 0 15px;
    line-height: 1;
    border-bottom: 1px solid #E0DED5;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.28571;
    padding-right: 19px;
    padding-left: 19px; }
    @media screen and (min-width: 1200px) {
      .component--table-list th,
      .component--table-list td {
        padding-left: 0; } }
  .component--table-list th {
    text-transform: uppercase;
    padding-right: 64px;
    user-select: none; }
    .component--table-list th:last-of-type {
      padding-right: 0; }
    .component--table-list th span {
      position: relative;
      white-space: nowrap; }
  .component--table-list .sortable {
    cursor: pointer; }
    .component--table-list .sortable.active {
      color: #A79533; }
    .component--table-list .sortable.active.reverse .icon_caret-down {
      transform: rotate(180deg) translateY(50%); }
  .component--table-list .icon_caret-down {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%); }
  .component--table-list .icon_caret-down .stroke-override {
    stroke: #A79533; }
  .component--table-list td.role .star {
    padding-left: 25px;
    position: relative;
    display: block; }
    .component--table-list td.role .star:before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      height: 13px;
      width: 13px;
      background: url("/app/themes/training-corn-states/assets/img/icons/star.svg") no-repeat; }
  .component--table-list td.percent_completed .value {
    display: flex; }
  @media screen and (min-width: 1200px) {
    .component--table-list td.percent_completed .percent-complete-bar {
      position: relative;
      width: 152px;
      margin-right: 15px; } }
  .component--table-list td.percent_completed .percent-complete-bar:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #E0DED5;
    top: 50%;
    transform: translateY(-50%); }
  .component--table-list td.percent_completed .percentage {
    position: absolute;
    height: 3px;
    background: #C9B529;
    top: 50%;
    transform: translateY(-50%); }
  .component--table-list td .percent-complete-bar {
    display: none; }
  .component--table-list .component--pagination {
    margin: 24px auto 23px; }
    @media screen and (min-width: 1200px) {
      .component--table-list .component--pagination {
        margin: 20px auto 17px; } }

.modal {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 8;
  max-height: 100vh;
  overflow: auto;
  background: white; }
  @media screen and (min-width: 1200px) {
    .modal {
      background: rgba(127, 127, 127, 0.3); } }
  .modal.active {
    display: block; }
  .modal .content-area {
    position: absolute;
    background: white;
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 45px;
    overflow: auto; }
    @media screen and (min-width: 1200px) {
      .modal .content-area {
        width: calc(((100vw - 286px) / 12) * 8 + 112px);
        height: auto;
        max-height: 90vh;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 31px 28px 0 92px;
        margin: 0;
        border-radius: 10px;
        border: solid 2px #E0DED5;
        min-height: 552px; }
        .modal .content-area:after {
          content: '';
          display: block;
          position: relative;
          height: 53px; } }
  .modal .close {
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
    margin-bottom: 23px; }
    @media screen and (min-width: 1200px) {
      .modal .close {
        margin-bottom: 7px; } }
  .modal .icon_times {
    height: 14px;
    width: 10px;
    display: block; }
    .modal .icon_times .stroke-override {
      fill: #41464B; }
  @media screen and (min-width: 1200px) {
    .modal .modal-content {
      padding-right: 76px;
      min-height: 552px;
      display: flex;
      flex-direction: column;
      flex-grow: 0;
      flex-shrink: 0;
      align-items: flex-start;
      justify-content: center; } }
  .modal .modal-content.success button, .modal .modal-content.error button {
    margin-top: 41px; }
  .modal .title {
    margin: 0 0 28px; }
    @media screen and (min-width: 1200px) {
      .modal .title {
        margin: 0 0 27px; } }
  .modal h5 {
    margin-top: 0;
    margin-bottom: 25px; }
  .modal .fieldgroup {
    width: 100%;
    margin-bottom: 21px; }
    @media screen and (min-width: 1200px) {
      .modal .fieldgroup {
        margin-bottom: 19px; } }
  .modal button {
    margin: 0; }

.component--email-modal .modal .content.success .recipients {
  margin-top: 4px; }

.component--email-modal .modal .content.success .recipient {
  margin: 0; }
  .component--email-modal .modal .content.success .recipient + .recipient {
    margin-top: 22px; }

.component--email-modal .modal .fieldgroup .recipients {
  border: 2px solid #E0DED5;
  display: flex;
  flex-wrap: wrap;
  max-height: 137.5px;
  overflow: auto; }
  .component--email-modal .modal .fieldgroup .recipients h6 {
    white-space: nowrap; }

.component--email-modal .modal .fieldgroup .recipient {
  padding: 11px 20px;
  margin: 8px;
  background: #F5F6F5;
  position: relative;
  display: inline-block;
  width: calc(100% - 16px); }
  @media screen and (min-width: 1200px) {
    .component--email-modal .modal .fieldgroup .recipient {
      width: auto; } }
  .component--email-modal .modal .fieldgroup .recipient.removeable {
    padding-right: 42px; }
    .component--email-modal .modal .fieldgroup .recipient.removeable:after {
      content: '';
      position: absolute;
      right: 13px;
      top: 50%;
      height: 9px;
      width: 9px;
      transform: translateY(-50%);
      background: url("/app/themes/training-corn-states/assets/img/icons/close.svg") no-repeat;
      background-position: center;
      pointer-events: none; }
  .component--email-modal .modal .fieldgroup .recipient .remove {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 36px;
    cursor: pointer; }
  .component--email-modal .modal .fieldgroup .recipient h6 {
    margin: 0; }

.component--invite-modal .modal table {
  margin: 14px 0 46px 0;
  width: 100%; }

.component--invite-modal .modal td.remove {
  font-weight: bold;
  font-weight: 700;
  text-transform: uppercase;
  padding-right: 48px;
  cursor: pointer;
  position: relative;
  text-align: right; }
  .component--invite-modal .modal td.remove:after {
    content: '';
    position: absolute;
    right: 0;
    right: 19px;
    top: 50%;
    transform: translateY(-64%);
    height: 22px;
    width: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/app/themes/training-corn-states/assets/img/icons/trash.svg"); }

.component--invite-modal .modal th.email,
.component--invite-modal .modal td.email {
  display: none; }

@media screen and (min-width: 1200px) {
  .component--invite-modal .modal .fieldrow {
    display: flex;
    justify-content: space-between;
    width: 100%; } }

@media screen and (min-width: 1200px) {
  .component--invite-modal .modal .fieldrow .fieldgroup {
    width: calc(50% - 10px); } }

.component--invite-modal .modal .a.text {
  display: block;
  margin: 32px 0 46px 0; }
  @media screen and (min-width: 1200px) {
    .component--invite-modal .modal .a.text {
      margin-top: 21px; } }
  .component--invite-modal .modal .a.text .stroke-override {
    stroke: #C9B529; }

.component--manage-modal.action {
  width: auto; }

@media screen and (min-width: 1200px) {
  .component--manage-modal .modal-content {
    padding-right: 64px;
    min-height: 0; } }

.component--manage-modal .component--table-list {
  width: 100%;
  border: 1px solid #E0DED5;
  border-radius: 10px;
  margin-bottom: 25px; }

.component--manage-modal .component--invite-modal > button {
  display: none; }

.component--manage-modal th {
  border-bottom: 0; }

.component--manage-modal tr,
.component--manage-modal .row {
  border-bottom: 1px solid #E0DED5; }

.component--manage-modal .row {
  margin: 0;
  display: block;
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .component--manage-modal .row {
      display: table-row; } }
  .component--manage-modal .row:nth-child(even) {
    background: rgba(245, 246, 245, 0.2); }

.component--manage-modal .cell {
  display: table-cell;
  padding: 13px 0 15px;
  line-height: 1;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28571;
  padding-right: 19px;
  padding-left: 19px; }
  @media screen and (min-width: 1200px) {
    .component--manage-modal .cell {
      padding-left: 0; } }
  .component--manage-modal .cell:first-child {
    padding-left: 19px; }

.component--manage-modal .name {
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .component--manage-modal .name {
      width: 40%; } }

.component--manage-modal .role {
  display: none; }
  @media screen and (min-width: 1200px) {
    .component--manage-modal .role {
      display: block;
      width: 180px;
      padding: 2px 19px 2px 0; } }
  .component--manage-modal .role .gform_wrapper.small .chosen-container-single .chosen-single,
  .component--manage-modal .role .gform_wrapper.small .chosen-container .chosen-results li {
    padding-top: 4px;
    padding-bottom: 4px; }

.component--manage-modal .remove {
  cursor: pointer;
  text-align: right; }
  .component--manage-modal .remove .delete,
  .component--manage-modal .remove .add,
  .component--manage-modal .remove .undo {
    position: relative;
    display: block;
    padding-right: 28px;
    min-width: 70px; }
    .component--manage-modal .remove .delete:after,
    .component--manage-modal .remove .add:after,
    .component--manage-modal .remove .undo:after {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      height: 22px;
      width: 22px;
      background-repeat: no-repeat;
      background-position: center; }
  .component--manage-modal .remove .delete:after {
    transform: translateY(-64%);
    background-image: url("/app/themes/training-corn-states/assets/img/icons/trash.svg"); }
  .component--manage-modal .remove .add:after {
    height: 12px;
    width: 12px;
    right: 6px;
    top: 48%;
    background-image: url("/app/themes/training-corn-states/assets/img/icons/plus.svg"); }
  .component--manage-modal .remove .undo:after {
    right: 2px;
    height: 15px;
    width: 15px;
    background-image: url("/app/themes/training-corn-states/assets/img/icons/undo.svg"); }

.notification-banner {
  background-color: #E0DED5;
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  z-index: 1000;
  color: #41464B;
  display: none;
  padding: 30px 60px; }
  @media screen and (min-width: 768px) {
    .notification-banner {
      padding: 30px; } }
  .notification-banner.active {
    display: block; }
  .notification-banner-close {
    position: absolute;
    top: 20px;
    right: 22px;
    cursor: pointer; }
    @media screen and (min-width: 768px) {
      .notification-banner-close {
        transform: translateY(-50%);
        top: 50%; } }
  .notification-banner-content p {
    margin: 0; }
  .notification-banner-link {
    border: 1px solid #425D72;
    padding: 0 10px;
    width: fit-content;
    margin: 0 auto;
    margin-top: 17px; }
    .notification-banner-link a {
      display: flex;
      align-items: center;
      justify-content: center; }