/*NOTES*/
/*Fold all: Ctrl + K, Ctrl + 0, Close all: Ctrl + K, Ctrl +J*/
/*To Make collapsable sections use #region*/

/* #region Brand Bar Header */ 

/*Imports for Brand Bar */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
@import url("https://use.fontawesome.com/releases/v5.8.2/css/all.css");

/*Code from reset.css for Brand Bar */

 :root {
    font-size: 16px;
 }
  html {
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    /* 1 */
    line-height: 1.15;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 3 */
    -webkit-text-size-adjust: 100%;
    /* 3 */
    touch-action: manipulation;
  }
  
  * {
    box-sizing: inherit;
  }
  
  *::before, *::after {
    box-sizing: inherit;
  }
  
  /* Sections
     ========================================================================== */
  /**
   * Remove the margin in all browsers (opinionated).
   */
  body {
    margin: 0;
    font-size: 100%;
    line-height: 1.15;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  /**
   * Add the correct display in IE 9-.
   */
  article,
  aside,
  footer,
  header,
  nav,
  section {
    display: block;
  }
  
  /* Grouping content
     ========================================================================== */
  /**
   * Add the correct display in IE 9-.
   * 1. Add the correct display in IE.
   */
  figcaption,
  figure,
  main {
    /* 1 */
    display: block;
  }
  
  /**
   * 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 */
  }
  
  /**
   * 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: 1rem;
    /* 2 */
  }
  
  /* Text-level semantics
     ========================================================================== */
  /**
   * 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 */
    /**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
  }
  
  a:active, a:hover {
    outline-width: 0;
  }
  
  /**
   * 1. Remove the bottom border in Firefox 39-.
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  abbr[title] {
    border-bottom: 0;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
  }
  
  /**
   * 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: 0;
    height: auto;
    max-width: 100%;
    /* Remove small gap at the bottom of an image when inside a container. */
    vertical-align: top;
  }
  
  /**
   * 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 */
    margin: 0;
    /* 2 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  button,
  input {
    /* 1 */
    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;
    appearance: button;
    /* 2 */
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  button::-moz-focus-inner,
  [type='button']::-moz-focus-inner,
  [type='reset']::-moz-focus-inner,
  [type='submit']::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  button:-moz-focusring,
  [type='button']:-moz-focusring,
  [type='reset']:-moz-focusring,
  [type='submit']:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * Change the border, margin, and padding in all browsers (opinionated).
   */
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
  }
  
  /**
   * 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;
  }
  
  /**
   * 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;
    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 */
  }
  
  /* Interactive
     ========================================================================== */
  /*
   * Add the correct display in IE 9-.
   * 1. Add the correct display in Edge, IE, and Firefox.
   */
  details,
  menu {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  summary {
    display: list-item;
  }
  
  /* 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;
  }
  
  /* Lists
     ========================================================================== */
  /**
   * Unset default list margin and padding because if not
   * we'll have to unset it every. single. time.
   */
  ul,
  ol,
  dl {
    margin: 0;
    padding: 0;
  }
  
  li {
    margin: 0;
    padding: 0;
  }
  
  .element-invisible,
  .visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
/*End of Code from reset.css for Brand Bar */

/* Code from components.css for Brand Bar */
.logo {
    display: block;
  }
  
  .logo--tab {
    height: 70px;
    width: 109px;
    padding: 25px 1.25rem;
    background: #151515;
  }
  
  .logo--tab a:focus svg {
    opacity: .5;
  }
  
  .search-is-open .logo--tab {
    visibility: none;
    opacity: 0;
  }
  
  @media (min-width: 855px) {
    .search-is-open .logo--tab {
      display: block;
      opacity: 1;
      visibility: visible;
    }
  }
  
  @media (min-width: 855px) {
    .logo--tab {
      width: 154px;
      height: 80px;
      padding: 25px;
    }
  }
  
  @media (min-width: 84.375em) {
    .logo--tab {
      width: 188px;
      height: 90px;
      padding: 23px 20px;
    }
  }
  
  .logo-icon {
    fill: #FFCD00;
    height: 20px;
  }
  
  @media (min-width: 855px) {
    .logo-icon {
      height: 30px;
    }
  }
  
  @media (min-width: 84.375em) {
    .logo-icon {
      height: 43px;
    }
  }
  
  .logo-icon:hover, .logo-icon:focus {
    opacity: 0.7;
  }
  
  .header--tertiary .logo-icon {
    margin-left: 0;
  }
  
  @media (min-width: 84.375em) {
    .header--tertiary .logo-icon {
      margin-top: 0;
    }
  }
  
  .site-name {
    display: flex;
    align-items: center;
    margin: 0 auto 0 0;
    text-align: left;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1;
    font-family: "Roboto", sans-serif;
  }
  
  .site-name a {
    color: #151515;
    text-decoration: none;
  }
  
  @media (min-width: 855px) { 
    .site-name {
      flex-basis: content;
      margin: 1px 0 0 0;
      font-size: 2rem;
    }
  }
  
  @media (min-width: 84.375em) {
    .site-name {
      margin: 5px 0 0 0;
      text-align: left;
      font-size: 2.2rem;
    }
  }
  
  @media (min-width: 855px) {
    .search-is-open .header--secondary .site-name {
      display: none;
    }
  }
  
  .parent-site-name {
    font-weight: 300;
    flex-basis: content;
    margin: 0 0 -10px 0;
    padding: 1.05rem 0 0 1.25rem;
    width: 100%;
    background: #FFCD00;
  }
  
  @media (min-width: 855px) {
    .o-canvas--lock .parent-site-name {
      background: transparent;
    }
  }
  
  .parent-site-name a {
    color: #151515;
    text-decoration: none;
  }
  
  @media (min-width: 855px) {
    .parent-site-name {
      background: transparent;
      display: flex;
      align-items: center;
      margin: 0;
      padding: 1px 0 0;
      width: auto;
    }
  }
  
  .iowa-bar {
    position: relative;
    z-index: 2;
    display: block;
    min-height: auto;
    background: #151515;
  }
  
  @media (min-width: 855px) {
    .iowa-bar {
      background: #FFCD00;
    }
  }
  
  .iowa-bar .logo--tab {
    margin-right: 20px;
  }
  
  @media (min-width: 84.375em) {
    .iowa-bar .logo--tab {
      margin-left: -12px;
      padding: 27px 20px 20px;
    }
  }
  
  .iowa-bar .site-name {
    width: 100%;
    padding: 1.25rem;
    background: #FFCD00;
  }
  
  @media (min-width: 855px) {
    .iowa-bar .site-name {
      width: auto;
      background: transparent;
      padding: 0;
    }
  }
  
  @media (min-width: 84.375em) {
    .iowa-bar .site-name {
      margin: 5px 0 0 0;
    }
  }
  
  .iowa-bar__container {
    max-width: 81.875em;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
  }
  
  @media (min-width: 855px) {
    .iowa-bar__container {
      justify-content: flex-start;
      display: flex;
    }
  }
  
  @media (min-width: 855px) {
    .iowa-bar__container {
      margin-right: auto;
      margin-left: auto;
    }
  }
  
  @media (min-width: 84.375em) {
    .iowa-bar--narrow.horizontal .iowa-bar__container,
    .iowa-bar--narrow.mega .iowa-bar__container {
      position: relative;
    }
  }
  
  @media (min-width: 855px) {
    .iowa-bar--full {
      height: 80px;
      background: #FFCD00;
    }
  }
  
  @media (min-width: 855px) {
    .iowa-bar--narrow {
      min-height: 50px;
      position: relative;
    }
  }
  
  .iowa-bar--narrow .logo--tab {
    margin-right: 10px;
  }
  
  @media (min-width: 855px) {
    .iowa-bar--narrow .logo--tab {
      height: 56px;
      width: 119px;
      padding: 15px;
    }
  }
  
  @media (min-width: 84.375em) {
    .iowa-bar--narrow .logo--tab {
      margin-bottom: -6px;
    }
  }
  
  .search-is-open .iowa-bar--narrow .logo--tab {
    visibility: none;
    opacity: 0;
  }
  
  @media (min-width: 855px) {
    .search-is-open .iowa-bar--narrow .logo--tab {
      display: flex;
      opacity: 1;
      visibility: visible;
    }
  }
  
  .iowa-bar--narrow .logo-icon {
    height: 20px;
  }
  
  @media (min-width: 855px) {
    .iowa-bar--narrow .logo-icon {
      height: 26px;
    }
  }
  
  @media (min-width: 84.375em) {
    .iowa-bar--narrow .parent-site-name {
      padding: 6px 0 0 0;
    }
  }
  
  .iowa-bar--narrow .site-name {
    font-size: 1rem;
    margin: 0;
    padding: 1.25rem;
    background: #FFCD00;
  }
  
  @media (min-width: 855px) {
    .iowa-bar--narrow .site-name {
      background: transparent;
      font-size: 1rem;
      padding: 0;
    }
  }
  
  @media (min-width: 84.375em) {
    .iowa-bar--narrow .site-name {
      padding: 6px 0 0 0;
    }
  }
  
  .iowa-bar__below {
    z-index: 2;
    border-bottom: 1px solid #e6e5e5;
    background: #fff;
  }
  
  .iowa-bar__below .iowa-bar__container {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: 0;
    margin-left: 0;
  }
  
  @media (min-width: 855px) {
    .iowa-bar__below .iowa-bar__container {
      display: flex;
      position: unset;
      min-height: 90px;
      justify-content: unset;
      margin-right: auto;
      padding-left: 1.25rem;
    }
  }
  
  @media (min-width: 84.375em) {
    .iowa-bar__below .iowa-bar__container {
      margin-left: auto;
      padding-left: 0;
    }
  }
  
  .iowa-bar__below .site-name {
    margin: 0;
    text-align: left;
    font-size: 1.8rem;
  }
  
  @media (min-width: 855px) {
    .iowa-bar__below .site-name {
      width: 75%;
      padding: 25px 20px 25px 0;
      background: transparent;
      font-size: 2rem;
    }
  }
  
  @media (min-width: 84.375em) {
    .iowa-bar__below .site-name {
      font-size: 2.2rem;
    }
  }
  
  @media (min-width: 855px) {
    .search-is-open .iowa-bar__below .site-name {
      display: none;
    }
  }
  
  @media (min-width: 855px) {
    .header-sticky .iowa-bar {
      position: fixed;
      z-index: 2;
      top: 0;
      left: 0;
      width: 100%;
      transition: transform 0.4s;
    }
  }
  
  @media (min-width: 855px) {
    .header-sticky.scroll-up .iowa-bar__below .o-canvas--open .o-canvas__drawer,
    .header-sticky.scroll-down .iowa-bar__below .o-canvas--open .o-canvas__drawer {
      top: 116px;
    }
  }
  
  @media (min-width: 84.375em) {
    .header-sticky.scroll-up .iowa-bar__below .o-canvas--open .o-canvas__drawer,
    .header-sticky.scroll-down .iowa-bar__below .o-canvas--open .o-canvas__drawer {
      top: 110px;
    }
  }
  
  @media (min-width: 855px) {
    .header-sticky.scroll-up .iowa-bar__below .search-overlay .uids-search,
    .header-sticky.scroll-down .iowa-bar__below .search-overlay .uids-search {
      margin-top: 3px;
      border-bottom: none;
    }
  }
  
  @media (min-width: 855px) {
    .header-sticky.scroll-up .iowa-bar__below .iowa-bar__container,
    .header-sticky.scroll-down .iowa-bar__below .iowa-bar__container {
      min-height: 60px;
    }
  }
  
  @media (min-width: 855px) {
    .header-sticky.scroll-up .iowa-bar__below .site-name,
    .header-sticky.scroll-down .iowa-bar__below .site-name {
      padding: 0;
      transition: transform 0.4s, -webkit-transform 0.4s;
      font-size: 1.6rem;
    }
  }
  
  @media (min-width: 855px) {
    .header-sticky.scroll-up .iowa-bar__below .bttn--drawer,
    .header-sticky.scroll-down .iowa-bar__below .bttn--drawer {
      height: 60px;
      padding: 3px 35px 0;
    }
  }
  
  @media (min-width: 855px) {
    .header-sticky.scroll-up .iowa-bar__below .search-button,
    .header-sticky.scroll-down .iowa-bar__below .search-button {
      height: 60px;
      padding: 7px 25px 7px 18px;
    }
  }
  
  @media (min-width: 855px) {
    .header-sticky.scroll-down .iowa-bar__below .bttn--drawer {
      top: 0px;
    }
  }
  
  @media (min-width: 84.375em) {
    .header-sticky.scroll-down .iowa-bar__below .bttn--drawer {
      top: 30px;
    }
  }
  
  @media (min-width: 855px) {
    .header-sticky.scroll-down .iowa-bar {
      transform: translate3d(0, -100%, 0);
    }
  }
  
  @media (min-width: 855px) {
    .header-sticky.scroll-down .iowa-bar .logo--tab {
      margin-top: -17px;
    }
  }
  
  @media (min-width: 855px) {
    .header-sticky.scroll-up .iowa-bar {
      transform: none;
    }
  }
  
  @media (min-width: 855px) {
    .header-sticky.scroll-up:not(.menu-open) .iowa-bar {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
    }
  }
  
/* End of Code from components.css for Brand Bar */
/*#endregion*/

/* #region Menu Header */

:root {
  --brand-primary: #ffcd00;
  --brand-secondary: #000;
  --space-lg-width-gutter: 3rem;
  --space-md-width-gutter: 2rem;
  --space-sm-width-gutter: 1.25rem;
}


.element-invisible,
.visually-hidden {
  position: fixed !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}


.nav--horizontal {
  border-bottom: 1px solid #e6e5e5;
  padding-left: 300px;
}

@media only screen and (max-width : 980px) 
{
     .nav--horizontal
      {
         padding-left: 5px;
      }
}


.block-superfish .sf-menu.sf-horiz-menu ul {
  background: #f1f1f1 !important;
}


@media (min-width:980px) {
  .nav--horizontal .block-superfish .menu ul li a {
    color: #000;
    font-weight: 400;
  }
}


.nav--horizontal .page__container,
.nav--horizontal .page__container--mixed {
  margin: 0;
}


@media (min-width:980px) {


  .nav--horizontal .page__container,
  .nav--horizontal .page__container--mixed {
    position: relative;
    margin: 0 1.25rem;

  }
}


@media (min-width:84.375em) {


  .nav--horizontal .page__container,
  .nav--horizontal .page__container--mixed {
    margin: 0 auto;
  }
}





ul.sf-menu.sf-horiz-menu li li .nolink,
ul.sf-menu.sf-horiz-menu li li a,
ul.sf-menu.sf-horiz-menu li li span {
  font-weight: 400;
}


@media (min-width:980px) {


  ul.sf-menu.sf-horiz-menu li li .nolink,
  ul.sf-menu.sf-horiz-menu li li a,
  ul.sf-menu.sf-horiz-menu li li span {
    font-size: 1rem;
    padding: 0.45rem 2rem 0.45rem 1rem;
  }


  ul.sf-menu.sf-horiz-menu li li .nolink:hover,
  ul.sf-menu.sf-horiz-menu li li a:hover,
  ul.sf-menu.sf-horiz-menu li li span:hover {
    background: #e1e1e1;
  }
}


@media (min-width:980px) {
  ul.sf-menu.sf-horiz-menu ul {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}


ul.sf-menu.sf-horiz li ul li a:hover {
  color: var(--brand-primary);
}


.block-superfish .menu.sf-horiz-menu li.active-trail.menuparent ul:hover {
  background: #e1e1e1;
}


@media (min-width:980px) {
  .block-superfish .menu.sf-horiz-menu li.active-trail.menuparent ul .is-active {
    background: #e1e1e1;
  }
}


/* copied condensed CSS */
.region-primary-menu .menu,
.sf-menu { list-style-type: none;
  padding: 0;
  margin: 0;
}


.region-primary-menu {
  margin-left: auto;
}


@media (min-width:980px) {
  .region-primary-menu {
    display: flex;
    align-items: center;
  }
}


.sf-menu {
  padding: 0;
}


.sf-menu,
.sf-menu>li {
  list-style-type: none;
  margin: 0;
}


.sf-menu>li {
  display: inline-block;
}


.sf-menu {
  float: none;
  font-size: 1rem;
}


.sf-menu ul li {
  font-size: 1.2rem;
}



.block-superfish .block__title {
  position: relative !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}



.block-superfish .menu li .nolink,
.block-superfish .menu li a {
  padding: 1.05rem;
  text-decoration: none;
  color: var(--brand-secondary);
  font-weight: 600;
}


@media (min-width:980px) {


  .block-superfish .menu li .nolink,
  .block-superfish .menu li a {
    padding: 1.35rem .75rem;
  }
}


@media (min-width:84.375em) {


  .block-superfish .menu li .nolink,
  .block-superfish .menu li a {
    padding: 1.35rem 1.25rem;
  }
}


.block-superfish .menu li a:after {
  position: relative;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  content: "";
  transition: .3s;
}


.block-superfish .menu>li>.sf-depth-1.menuparent {
  position: relative;
  padding-right: 2.5rem;
}


.block-superfish .menu>li>.sf-depth-1.menuparent:before {
  top: 50%;
  right: .4rem;
  margin-top: -.4rem;
  content: "\f078";
  color: inherit;
  font-size: 1rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}


.block-superfish .menu ul li a {
  color: #fff;
}


.block-superfish .sf-with-ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.block-superfish .sf-with-ul:before {
  order: 2;
  content: 1rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}


.block-superfish .sf-with-ul:only-child:before {
  content: "";
}


.block-superfish-alt .block-title {
  display: block;
  text-transform: uppercase;
  color: #666;
  font-size: 23px;
  font-weight: 300;
}


.block-superfish-alt .block__title,
.region-primary-menu .block__title {
  position: relative !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}



.block-superfish .sf-horizontal {
  display: flex;
  align-items: center;
  margin-top: auto;
}

.block-superfish .sf-horizontal li.sfHover>ul,
.block-superfish .sf-horizontal li:hover>ul {
  top: 0;
}


.block-superfish .sf-horizontal li.sf-depth-1.sfHover>ul,
.block-superfish .sf-horizontal li.sf-depth-1:hover>ul {
  top: 100%;
}


.block-superfish .sf-horizontal a.sf-depth-1.menuparent.active {
  background: transparent;
}


ul.sf-menu.sf-horizontal>li>.nolink,
ul.sf-menu.sf-horizontal>li>a {
  position: relative;
  transition: background .8s ease-out;
  line-height: 1.2;
}


ul.sf-menu.sf-horizontal>li>.nolink:after,
ul.sf-menu.sf-horizontal>li>a:after {
  background: var(--brand-primary);
}


ul.sf-menu.sf-horizontal>li .nolink:after,
ul.sf-menu.sf-horizontal>li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 5px;
  content: "";
  transition: .3s;
}


ul.sf-menu.sf-horizontal>li.active-trail>.sf-depth-1:after,
ul.sf-menu.sf-horizontal>li>a.is-active:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #e1e1e1;
}



ul.sf-menu.sf-horizontal>li.active-trail>.sf-depth-1:hover:after {
  background: var(--brand-primary);
}


ul.sf-menu.sf-horizontal>li.sfHover>.nolink:after,
ul.sf-menu.sf-horizontal>li.sfHover>a:after,
ul.sf-menu.sf-horizontal>li:focus>.nolink:focus:after,
ul.sf-menu.sf-horizontal>li:focus>a:focus:after,
ul.sf-menu.sf-horizontal>li:hover>.nolink:after,
ul.sf-menu.sf-horizontal>li:hover>a:after {
  position:absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: var(--brand-primary);
}


ul.sf-menu.sf-horizontal li ul a:focus {
  text-decoration: underline;
}


ul.sf-menu.sf-horizontal>li>.sf-depth-1.menuparent:before {
  color: #999;
  font-size: .7rem;
  line-height: 1.4;
}


ul.sf-menu.sf-horizontal>li.sfHover>.sf-depth-1.menuparent:before {
  content: "\f077";
}


@media (min-width:980px) {
  ul.sf-menu.sf-horizontal>li:first-child>.sf-depth-1 {
    padding-left: 0;
  }
}


ul.sf-menu.sf-horizontal>li>.sf-depth-1.menuparent {
  padding-right: 1.5rem;
}


ul.sf-menu,
ul.sf-menu ul,
ul.sf-menu ol,
ul.sf-menu li,
ul.sf-menu a,
ul.sf-menu span,
ul.sf-menu div {
  margin: 0;
  padding: 0;
}


ul.sf-menu {
  line-height: 1.0;
  z-index: 497;
}


ul.sf-menu ul {
  left: 0;
  position: relative;
  top: -9999px;
  width: 12em;
}


ul.sf-menu ul li {
  width: 100%;
}


ul.sf-menu li {
  float: left;
  position: relative;
  z-index: 498;
}


ul.sf-menu a,
ul.sf-menu span.nolink {
  display: block;
  padding: 1em 1.5em;
  position: relative;
}
@media (min-width:980px) {
   .navigation{
  float:left; 
}

}

/* #endregion Menu Header */

/*#region HomePage Banner*/
.banner {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 15rem;
  position: relative;
  width: 100%;
  overflow: hidden;
 }
  .banner--large::before {
    float: left;
    padding-top: 45.25%;
    content: ''; }
  .banner--medium::before {
    float: left;
    padding-top: 32.25%;
    content: ''; }
  @media (min-width: 84.375em) {
    .banner--full.banner--large {
      height: 100vh; } }
  .banner::after {
    display: block;
    content: '';
    clear: both; }
    @media (min-width: 84.375em) {
      .banner::after {
        display: block;
        content: '';
        clear: both; } }
  @media (min-width: 768px) {
    .banner {
      flex-basis: 100%;
      display: flex;
      align-items: center;
      justify-content: center; } }
  .banner.banner--vertical-bottom {
    align-items: flex-end; }
  .banner.banner--horizontal-center {
    text-align: center; }
    .banner.banner--horizontal-center blockquote {
      border-left: none; }
    .banner.banner--horizontal-center .banner__content > * {
      margin-right: auto;
      margin-left: auto; }
  .banner:focus-within .headline a:focus {
    text-decoration: underline; }
  .banner__container {
    margin: 0 auto;
    width: 100%;
    z-index: 1; }
    @media (min-width: 768px) {
      .banner__container {
        z-index: 1;
        max-width: 81.875em;
        top: 0; } }
  .banner .headline + .banner__action {
    margin-top: 1.5rem; }
  .banner .banner__action .bttn {
    margin: 0 1rem 1rem 0; }
    @media (min-width: 768px) {
      .banner .banner__action .bttn + .bttn {
        margin: 0 1rem 1rem 0; } }
    .banner .banner__action .bttn:last-child {
      margin-right: 0; }
  @media (min-width: 768px) {
    [class*=bg--black] .banner.banner--gradient-light:not([class*="bg-"]) .banner__action .bttn--tertiary {
      color: #151515; } }
  @media (min-width: 768px) {
    .banner.banner--gradient-dark:not([class*="bg-"]).banner--stacked .banner__action .bttn--tertiary.bttn--outline {
      border-color: rgba(255, 255, 255, 0.525);
      color: #fff; } }
  .banner.banner--gradient-dark:not([class*="bg-"]):not([class*="banner--stacked"]) .banner__action .bttn--tertiary.bttn--outline {
    border: 1px solid #fff;
    color: #fff; }
  .banner__pre-title {
    background: none;
    line-height: 1.1; }
    .banner__pre-title.headline.headline--serif {
      margin-bottom: 0; }
    .banner__pre-title.headline.headline--uppercase {
      margin-bottom: 0.7rem; }
    .banner__pre-title.headline.headline--highlight {
      margin-bottom: -.1rem; }
    .banner__pre-title.headline.headline--highlight.headline--serif {
      margin-bottom: -.4rem; }
    .banner__pre-title.headline.headline--highlight span {
      background: none; }
      @media (min-width: 768px) {
        [class*="bg--black"] .banner--gradient-light:not([class*="bg-"]) .banner__pre-title.headline.headline--highlight span {
          color: #151515; } }
      [class*="bg--black"] .banner__pre-title.headline.headline--highlight span,
      [class*="bg--"] [class*="bg--black"] .banner__pre-title.headline.headline--highlight span,
      [class*="bg--black"] [class*="banner--gradient-dark"]:not([class*="bg--"]) .banner__pre-title.headline.headline--highlight span,
      [class*="bg--gold"] [class*="banner--gradient-dark"][class*="bg--black"] .banner__pre-title.headline.headline--highlight span,
      [class*="banner--gradient-dark"]:not([class*="bg--"]):not([class*="banner--stacked"]) .banner__pre-title.headline.headline--highlight span,
      [class*="bg--black"] [class*="banner--gradient-light"][class*="bg--black"]:not([class*="banner--stacked"]) .banner__pre-title.headline.headline--highlight span {
        color: #fff; }
      @media (min-width: 768px) {
        [class*="banner--gradient-dark"]:not([class*="bg--"]) .banner__pre-title.headline.headline--highlight span {
          color: #fff; } }
      [class*="bg--gold"] [class*="banner--gradient-dark"] .banner__pre-title.headline.headline--highlight span {
        color: #151515; }
        @media (min-width: 768px) {
          [class*="bg--gold"] [class*="banner--gradient-dark"] .banner__pre-title.headline.headline--highlight span {
            color: #fff; } }
      [class*="bg--gold"] [class*="banner--gradient-dark"][class*="bg--gold"] .banner__pre-title.headline.headline--highlight span,
      [class*="bg--gold"] [class*="banner--gradient-dark"][class*="bg--gray"] .banner__pre-title.headline.headline--highlight span,
      [class*="bg--gold"] [class*="banner--gradient-dark"][class*="bg--white"] .banner__pre-title.headline.headline--highlight span,
      [class*="bg--black"] [class*="banner--gradient-light"]:not([class*="banner--stacked"]) .banner__pre-title.headline.headline--highlight span,
      [class*="bg--white"] .banner__pre-title.headline.headline--highlight span,
      [class*="bg--gold"] .banner__pre-title.headline.headline--highlight span,
      [class*="bg--gray"] .banner__pre-title.headline.headline--highlight span {
        color: #151515; }
    .banner__pre-title.headline--large {
      font-size: 1.6rem;
      font-size: clamp(1.2rem, calc(0.9014vw + 0.862rem), 1.6rem); }
    .banner__pre-title.headline--medium {
      font-size: 1.4rem;
      font-size: clamp(1.2rem, calc(0.4507vw + 1.031rem), 1.4rem);
      position: relative; }
    .banner__pre-title.headline--small {
      font-size: 1.4rem; }
  .banner__stacked[class*="banner--gradient-dark"] .banner__pre-title.headline--highlight span {
    color: #151515; }
    [class*="bg--black"] .banner__stacked[class*="banner--gradient-dark"] .banner__pre-title.headline--highlight span {
      color: #fff; }
    @media (min-width: 768px) {
      .banner__stacked[class*="banner--gradient-dark"] .banner__pre-title.headline--highlight span {
        color: #fff;
        text-shadow: 0 1px 1px #000; } }
  .banner__content {
    padding: 1.25rem; }
    @media (min-width: 768px) {
      .banner__content {
        padding: 2rem 0; 
      } }
    .banner__content > * {
      flex-basis: 100%; }
    @media (min-width: 84.375em) {
      .banner__content {
        padding: 2rem 0 1.25rem; } }
  .banner__text {
    z-index: 1;
    color: #fff;
    position: relative;
    
   }
    .banner__text blockquote {
      margin-left: 0;
      position: relative; }
    .banner__text a {
      color: #fff;
      position: relative; }
    .banner__text p {
      position: relative;
      line-height: 1.5;
      margin-top: 0;
      color: #fff;
      text-shadow: 0 1px 1px #000; }
      @media (min-width: 768px) {
        .banner__text p {
          position: relative;
          color: #fff;
          text-shadow: 0 1px 1px #000; } }
      .banner__text p a {
        position: relative;
        z-index: 1;
         }
  [class*="bg--gray"] .banner[class*="banner--gradient-dark"]:not([class*="bg-"]):not([class*="banner--stacked"]) .banner__text a,
  [class*="bg--gold"] .banner[class*="banner--gradient-dark"]:not([class*="bg-"]):not([class*="banner--stacked"]) .banner__text a,
  [class*="bg--white"] .banner[class*="banner--gradient-dark"]:not([class*="bg-"]):not([class*="banner--stacked"]) .banner__text a {
    color: #fff; }
  .banner[class*="bg--black"] .banner__text p {
    color: #fff; }
  [class*="bg--gold"] .banner[class*="banner--gradient-light"]:not([class*="bg-"]) .banner__text blockquote {
    border-left-color: #FFCD00; }
  .banner[class*="bg--gray"] .banner__text {
    color: #151515; }
    .banner[class*="bg--gray"] .banner__text a {
      color: #151515; }
    .banner[class*="bg--gray"] .banner__text p {
      color: #151515;
      font-weight: normal;
      text-shadow: none; }
      .banner[class*="bg--gray"] .banner__text p a {
        color: #151515; }
  .banner[class*="bg--gold"] .banner__text, .banner[class*="bg--white"] .banner__text, .banner[class*="banner--gradient-light"]:not([class*="bg-"]) .banner__text {
    color: #151515; }
    .banner[class*="bg--gold"] .banner__text p, .banner[class*="bg--white"] .banner__text p, .banner[class*="banner--gradient-light"]:not([class*="bg-"]) .banner__text p {
      color: #151515;
      font-weight: normal;
      text-shadow: none; }
      .banner[class*="bg--gold"] .banner__text p a, .banner[class*="bg--white"] .banner__text p a, .banner[class*="banner--gradient-light"]:not([class*="bg-"]) .banner__text p a {
        color: #151515; }
    .banner[class*="bg--gold"] .banner__text a, .banner[class*="bg--white"] .banner__text a, .banner[class*="banner--gradient-light"]:not([class*="bg-"]) .banner__text a {
      color: #151515; }
  [class*="bg--black"] .banner[class*="bg--gold"].banner--stacked:not([class*="bg-"]) .banner__text, [class*="bg--black"] .banner[class*="bg--white"].banner--stacked:not([class*="bg-"]) .banner__text, [class*="bg--black"] .banner[class*="banner--gradient-light"]:not([class*="bg-"]).banner--stacked:not([class*="bg-"]) .banner__text {
    color: #fff; }
    @media (min-width: 768px) {
      [class*="bg--black"] .banner[class*="bg--gold"].banner--stacked:not([class*="bg-"]) .banner__text, [class*="bg--black"] .banner[class*="bg--white"].banner--stacked:not([class*="bg-"]) .banner__text, [class*="bg--black"] .banner[class*="banner--gradient-light"]:not([class*="bg-"]).banner--stacked:not([class*="bg-"]) .banner__text {
        color: #151515; } }
    [class*="bg--black"] .banner[class*="bg--gold"].banner--stacked:not([class*="bg-"]) .banner__text a, [class*="bg--black"] .banner[class*="bg--white"].banner--stacked:not([class*="bg-"]) .banner__text a, [class*="bg--black"] .banner[class*="banner--gradient-light"]:not([class*="bg-"]).banner--stacked:not([class*="bg-"]) .banner__text a {
      color: #fff; }
      @media (min-width: 768px) {
        [class*="bg--black"] .banner[class*="bg--gold"].banner--stacked:not([class*="bg-"]) .banner__text a, [class*="bg--black"] .banner[class*="bg--white"].banner--stacked:not([class*="bg-"]) .banner__text a, [class*="bg--black"] .banner[class*="banner--gradient-light"]:not([class*="bg-"]).banner--stacked:not([class*="bg-"]) .banner__text a {
          color: #151515; } }
    [class*="bg--black"] .banner[class*="bg--gold"].banner--stacked:not([class*="bg-"]) .banner__text p, [class*="bg--black"] .banner[class*="bg--white"].banner--stacked:not([class*="bg-"]) .banner__text p, [class*="bg--black"] .banner[class*="banner--gradient-light"]:not([class*="bg-"]).banner--stacked:not([class*="bg-"]) .banner__text p {
      color: #fff; }
      @media (min-width: 768px) {
        [class*="bg--black"] .banner[class*="bg--gold"].banner--stacked:not([class*="bg-"]) .banner__text p, [class*="bg--black"] .banner[class*="bg--white"].banner--stacked:not([class*="bg-"]) .banner__text p, [class*="bg--black"] .banner[class*="banner--gradient-light"]:not([class*="bg-"]).banner--stacked:not([class*="bg-"]) .banner__text p {
          color: #151515; } }
      [class*="bg--black"] .banner[class*="bg--gold"].banner--stacked:not([class*="bg-"]) .banner__text p a, [class*="bg--black"] .banner[class*="bg--white"].banner--stacked:not([class*="bg-"]) .banner__text p a, [class*="bg--black"] .banner[class*="banner--gradient-light"]:not([class*="bg-"]).banner--stacked:not([class*="bg-"]) .banner__text p a {
        color: #fff; }
        @media (min-width: 768px) {
          [class*="bg--black"] .banner[class*="bg--gold"].banner--stacked:not([class*="bg-"]) .banner__text p a, [class*="bg--black"] .banner[class*="bg--white"].banner--stacked:not([class*="bg-"]) .banner__text p a, [class*="bg--black"] .banner[class*="banner--gradient-light"]:not([class*="bg-"]).banner--stacked:not([class*="bg-"]) .banner__text p a {
            color: #151515; } }
  .banner--stacked .banner__text {
    color: #151515; }
    @media (min-width: 768px) {
      .banner--stacked .banner__text {
        color: #fff; } }
    .banner--stacked .banner__text a {
      color: #151515; }
      @media (min-width: 768px) {
        .banner--stacked .banner__text a {
          color: #fff; } }
  .banner--stacked[class*="banner--gradient-dark"]:not([class*="bg--"]) .banner__text p {
    color: #ffffff;
    text-shadow: none; }
    [class*="bg--black"] .banner--stacked[class*="banner--gradient-dark"]:not([class*="bg--"]) .banner__text p {
      color: #fff; }
    @media (min-width: 768px) {
      .banner--stacked[class*="banner--gradient-dark"]:not([class*="bg--"]) .banner__text p {
        color: #fff;
        text-shadow: 0 1px 1px #000; } }
    .banner--stacked[class*="banner--gradient-dark"]:not([class*="bg--"]) .banner__text p a {
      color: #ffffff; }
      @media (min-width: 768px) {
        .banner--stacked[class*="banner--gradient-dark"]:not([class*="bg--"]) .banner__text p a {
          color: #fff; } }
      [class*="bg--black"] .banner--stacked[class*="banner--gradient-dark"]:not([class*="bg--"]) .banner__text p a {
        color: #fff; }
  [class*="bg--gold"] .banner--stacked[class*="banner--gradient-light"]:not([class*="bg--"]) .banner__text blockquote {
    border-left-color: #fff; }
    @media (min-width: 768px) {
      [class*="bg--gold"] .banner--stacked[class*="banner--gradient-light"]:not([class*="bg--"]) .banner__text blockquote {
        border-left-color: #FFCD00; } }
  [class*="bg--gold"] .banner--stacked[class*="banner--gradient-light"]:not([class*="bg--black"]) .banner__text p {
    color: #151515; }
    [class*="bg--gold"] .banner--stacked[class*="banner--gradient-light"]:not([class*="bg--black"]) .banner__text p a {
      color: #151515; }
  .banner--stacked[class*="bg--black"] {
    display: flex; }
    .banner--stacked[class*="bg--black"] .banner__text {
      color: #fff; }
      .banner--stacked[class*="bg--black"] .banner__text a {
        color: #fff; }
      .banner--stacked[class*="bg--black"] .banner__text p {
        color: #fff; }
        .banner--stacked[class*="bg--black"] .banner__text p a {
          color: #fff; }
  [class*="bg--black"] .banner--stacked .banner__text {
    color: #fff; }
    [class*="bg--black"] .banner--stacked .banner__text a {
      color: #fff; }
  [class*="bg--black"] .banner--stacked[class*="bg--white"] .banner__text, [class*="bg--black"] .banner--stacked[class*="bg--gray"] .banner__text, [class*="bg--black"] .banner--stacked[class*="bg--gold"] .banner__text {
    color: #151515; }
    [class*="bg--black"] .banner--stacked[class*="bg--white"] .banner__text a, [class*="bg--black"] .banner--stacked[class*="bg--gray"] .banner__text a, [class*="bg--black"] .banner--stacked[class*="bg--gold"] .banner__text a {
      color: #151515; }
    [class*="bg--black"] .banner--stacked[class*="bg--white"] .banner__text p, [class*="bg--black"] .banner--stacked[class*="bg--gray"] .banner__text p, [class*="bg--black"] .banner--stacked[class*="bg--gold"] .banner__text p {
      color: #151515; }
      [class*="bg--black"] .banner--stacked[class*="bg--white"] .banner__text p a, [class*="bg--black"] .banner--stacked[class*="bg--gray"] .banner__text p a, [class*="bg--black"] .banner--stacked[class*="bg--gold"] .banner__text p a {
        color: #151515; }
  .banner__image {
    overflow: visible; 
    position:absolute;
    width:100%;
    height:100%;
    object-fit: cover;
  }
    .banner__image img {
      display: block;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      position: absolute;
      height: 100%;
      top: 0; }
  .banner--stacked .banner__image img {
    position: relative; }
    @media (min-width: 768px) {
      .banner--stacked .banner__image img {
        position: absolute; } }
  .banner .media--video .video-controls {
    z-index: 2; }
  .banner .media--video {
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute; }
    .banner .media--video video {
      overflow: visible;
      display: block;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      height: 100%;
      top: 0; }
      @media (min-width: 768px) {
        .banner .media--video video {
          position: absolute; } }
  .banner .media--video .video-controls {
    position: absolute;
    left: 1.25rem;
    bottom: 1.25rem; }
    @media (min-width: 84.375em) {
      .banner .media--video .video-controls {
        left: 3rem;
        bottom: 3rem; } }
    @media (min-width: 84.375em) {
      .banner--horizontal-left.banner--vertical-bottom .banner .media--video .video-controls {
        bottom: 1.5rem;
        left: 1.5rem; } }
  .banner .media--video .video-btn {
    display: none;
    width: 40px;
    height: 40px;
    cursor: pointer;
    color: #151515;
    border: 1px solid white;
    border-radius: 50%;
    background: white;
    font-size: 1rem;
    padding: 0; }
    @media (min-width: 768px) {
      .banner .media--video .video-btn {
        display: block; } }
    .banner .media--video .video-btn::after {
      content: "\f04b";
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      font-size: 1rem; }
    .banner .media--video .video-btn.video-btn__play::after {
      margin-left: 3px; }
    .banner .media--video .video-btn.video-btn__pause::after {
      content: "\f04c"; }
  @media (hover: none), (hover: on-demand) {
    .banner .media--video .video-btn {
      display: none; } }
  .banner[class*="banner--gradient-light"] .media--video .video-btn {
    border: 1px solid #151515; }
  .banner--stacked .media--video {
    position: relative; }
    @media (min-width: 768px) {
      .banner--stacked .media--video {
        position: absolute; } }
    .banner--stacked .media--video .video-btn {
      display: block; }
  @media (min-width: 768px) {
    .banner.banner--horizontal-left.banner--vertical-bottom .media--video + .banner__container .banner__content {
      padding-bottom: 4.25rem; } }
  .banner--stacked {
    display: block; }
    @media (min-width: 768px) {
      .banner--stacked {
        display: flex; } }
  .banner:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    transition: all 0.5s ease-in-out;
    will-change: opacity; }
  @media (min-width: 768px) {
    .banner.banner--gradient-dark:not([class*="bg-"]) {
      background: #151515; } }
  .banner.banner--gradient-dark:not([class*="bg-"]):not([class*="banner--stacked"]) {
    background: #151515; }
  .banner--gradient-left[class*="banner--stacked"]:after {
    background: none;
    width: auto;
    height: auto; }
    @media (min-width: 768px) {
      .banner--gradient-left[class*="banner--stacked"]:after {
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.86) 0, rgba(0, 0, 0, 0.23) 65%, transparent); } }
  .banner--gradient-left:after {
    background: rgba(0, 0, 0, 0.5); }
    @media (min-width: 768px) {
      .banner--gradient-left:after {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.86) 0, rgba(0, 0, 0, 0.23) 65%, transparent); } }
  .banner--gradient-left.banner--gradient-light[class*="banner--stacked"]:after {
    background: none;
    width: auto;
    height: auto; }
    @media (min-width: 768px) {
      .banner--gradient-left.banner--gradient-light[class*="banner--stacked"]:after {
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #fff 1%, rgba(255, 255, 255, 0.92) 32%, rgba(255, 255, 255, 0)); } }
  .banner--gradient-left.banner--gradient-light:after {
    background: rgba(255, 255, 255, 0.8); }
    @media (min-width: 768px) {
      .banner--gradient-left.banner--gradient-light:after {
        background: linear-gradient(90deg, #fff 1%, rgba(255, 255, 255, 0.92) 32%, rgba(255, 255, 255, 0)); } }
  .banner--gradient-left.banner--gradient-light[class*="bg-"]:after {
    background: none; }
  .banner--gradient-left[class*="bg-"]:after {
    background: none; }
  .banner--gradient-bottom[class*="banner--stacked"]:after {
    background: none;
    width: auto;
    height: auto; }
    @media (min-width: 768px) {
      .banner--gradient-bottom[class*="banner--stacked"]:after {
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 70%); } }
  .banner--gradient-bottom:after {
    background: rgba(0, 0, 0, 0.5); }
    @media (min-width: 768px) {
      .banner--gradient-bottom:after {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 70%); } }
  .banner--gradient-bottom.banner--gradient-light[class*="banner--stacked"]:after {
    background: none;
    width: auto;
    height: auto; }
    @media (min-width: 768px) {
      .banner--gradient-bottom.banner--gradient-light[class*="banner--stacked"]:after {
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, transparent 0, rgba(255, 255, 255, 0.9) 55%); } }
  .banner--gradient-bottom.banner--gradient-light:after {
    background: rgba(255, 255, 255, 0.8); }
    @media (min-width: 768px) {
      .banner--gradient-bottom.banner--gradient-light:after {
        background: linear-gradient(180deg, transparent 0, rgba(255, 255, 255, 0.9) 55%); } }
  .banner--gradient-bottom.banner--gradient-light[class*="bg-"]:after {
    background: none; }
  .banner--transparent:after {
    background: none; }
  .banner[class*="bg-"]:after {
    background: inherit; }
  .banner .headline {
    z-index: 1;
    margin-top: 0;
    margin-bottom: 1rem;
    position: relative; }
    .banner .headline a:hover {
      text-decoration: none; }
    .banner .headline a:focus {
      text-decoration: underline; }
  .banner .headline--negative {
    color: #fff;
    text-shadow: 0 1px 1px #000; }
    @media (min-width: 768px) {
      .banner .headline--negative {
        color: #fff; } }
    @media (min-width: 768px) {
      .banner .headline--negative a {
        color: #fff; } }
  .banner :where(h2, h3, h4, h5, h6).headline--large, .banner :where(h2, h3, h4, h5, h6).headline--large.headline--serif {
    font-size: 4.7rem;
    font-size: clamp(2.5rem, calc(4.9577vw + 0.6408rem), 4.7rem); }
  .banner :where(h2, h3, h4, h5, h6).headline--medium, .banner :where(h2, h3, h4, h5, h6).headline--medium.headline--serif {
    font-size: 3.7rem;
    font-size: clamp(2.2rem, calc(3.3803vw + 0.9324rem), 3.7rem); }
  .banner :where(h2, h3, h4, h5, h6).headline--small, .banner :where(h2, h3, h4, h5, h6).headline--small.headline--serif {
    font-size: 2.7rem;
    font-size: clamp(2rem, calc(1.5775vw + 1.4085rem), 2.7rem); }
  .banner--stacked[class*="banner--gradient-dark"][class*="bg--black"] .headline--negative {
    color: #fff; }
  [class*="bg--black"] .banner--stacked[class*="banner--gradient-dark"][class*="bg--gray"] .headline--negative, [class*="bg--black"]
  .banner--stacked[class*="banner--gradient-dark"][class*="bg--gray"] .headline--negative.headline--uppercase, [class*="bg--black"] .banner--stacked[class*="banner--gradient-dark"][class*="bg--white"] .headline--negative, [class*="bg--black"]
  .banner--stacked[class*="banner--gradient-dark"][class*="bg--white"] .headline--negative.headline--uppercase {
    color: #151515;
    text-shadow: none; }
    [class*="bg--black"] .banner--stacked[class*="banner--gradient-dark"][class*="bg--gray"] .headline--negative a, [class*="bg--black"]
    .banner--stacked[class*="banner--gradient-dark"][class*="bg--gray"] .headline--negative.headline--uppercase a, [class*="bg--black"] .banner--stacked[class*="banner--gradient-dark"][class*="bg--white"] .headline--negative a, [class*="bg--black"]
    .banner--stacked[class*="banner--gradient-dark"][class*="bg--white"] .headline--negative.headline--uppercase a {
      color: #151515;
      text-shadow: none; }
  .banner--stacked[class*="banner--gradient-dark"] .headline--negative {
    color: #ffffff;
    text-shadow: none; }
    @media (min-width: 768px) {
      .banner--stacked[class*="banner--gradient-dark"] .headline--negative {
        color: #fff;
        text-shadow: 0 1px 1px #000; } }
    .banner--stacked[class*="banner--gradient-dark"] .headline--negative a {
      color: #151515; }
      @media (min-width: 768px) {
        .banner--stacked[class*="banner--gradient-dark"] .headline--negative a {
          color: #fff; } }
    [class*="bg--black"] .banner--stacked[class*="banner--gradient-dark"] .headline--negative {
      color: #fff;
      text-shadow: 0 1px 1px #000; }
      @media (min-width: 768px) {
        [class*="bg--black"] .banner--stacked[class*="banner--gradient-dark"] .headline--negative {
          color: #fff; } }
      [class*="bg--black"] .banner--stacked[class*="banner--gradient-dark"] .headline--negative a {
        color: #fff; }
        @media (min-width: 768px) {
          [class*="bg--black"] .banner--stacked[class*="banner--gradient-dark"] .headline--negative a {
            color: #fff; } }
  .banner[class*="bg--gray"] .headline--negative {
    color: #151515;
    text-shadow: none; }
    .banner[class*="bg--gray"] .headline--negative a {
      color: #151515; }
  .banner[class*="bg--black"] .headline--negative a {
    color: #fff; }
  .banner[class*="bg--gold"] .headline.headline--negative, .banner[class*="bg--white"] .headline.headline--negative, .banner[class*="banner--gradient-light"]:not([class*="bg-"]) .headline.headline--negative {
    color: #151515;
    text-shadow: none; }
    .banner[class*="bg--gold"] .headline.headline--negative a, .banner[class*="bg--white"] .headline.headline--negative a, .banner[class*="banner--gradient-light"]:not([class*="bg-"]) .headline.headline--negative a {
      color: #151515; }
  [class*="bg--black"] .banner[class*="bg--gold"].banner--stacked:not([class*="bg-"]) .headline.headline--negative, [class*="bg--black"] .banner[class*="bg--white"].banner--stacked:not([class*="bg-"]) .headline.headline--negative, [class*="bg--black"] .banner[class*="banner--gradient-light"]:not([class*="bg-"]).banner--stacked:not([class*="bg-"]) .headline.headline--negative {
    color: #fff; }
    @media (min-width: 768px) {
      [class*="bg--black"] .banner[class*="bg--gold"].banner--stacked:not([class*="bg-"]) .headline.headline--negative, [class*="bg--black"] .banner[class*="bg--white"].banner--stacked:not([class*="bg-"]) .headline.headline--negative, [class*="bg--black"] .banner[class*="banner--gradient-light"]:not([class*="bg-"]).banner--stacked:not([class*="bg-"]) .headline.headline--negative {
        color: #151515; } }
    [class*="bg--black"] .banner[class*="bg--gold"].banner--stacked:not([class*="bg-"]) .headline.headline--negative a, [class*="bg--black"] .banner[class*="bg--white"].banner--stacked:not([class*="bg-"]) .headline.headline--negative a, [class*="bg--black"] .banner[class*="banner--gradient-light"]:not([class*="bg-"]).banner--stacked:not([class*="bg-"]) .headline.headline--negative a {
      color: #fff; }
      @media (min-width: 768px) {
        [class*="bg--black"] .banner[class*="bg--gold"].banner--stacked:not([class*="bg-"]) .headline.headline--negative a, [class*="bg--black"] .banner[class*="bg--white"].banner--stacked:not([class*="bg-"]) .headline.headline--negative a, [class*="bg--black"] .banner[class*="banner--gradient-light"]:not([class*="bg-"]).banner--stacked:not([class*="bg-"]) .headline.headline--negative a {
          color: #151515; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .banner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
  .banner__container {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%; }
  .banner .media--video,
  .banner__image img {
    left: 0; }
  .banner .banner__container {
    min-height: 18rem; } }

@media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) {
  .banner.banner--large .banner__container {
    min-height: 33rem; } }

@media all and (-ms-high-contrast: none) and (min-width: 980px), (-ms-high-contrast: active) and (min-width: 980px) {
  .banner.banner--large .banner__container {
    min-height: 48rem; } }

@media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) {
  .banner.banner--medium .banner__container {
    min-height: 33rem; } }

[class*="bg--gray"] [class*="banner--gradient-dark"] :where(p, ul, ol, dl, cite, tbody, figcaption) a:not(.bttn),
[class*="bg--white"] [class*="banner--gradient-dark"] :where(p, ul, ol, dl, cite, tbody, figcaption) a:not(.bttn) {
  color: inherit; }
/*#endregion*/

/*#region SplitScreen Home Page*/

.split {
float:left;
width: 33.33%;
height:auto;
padding:0 10px;
text-align: center;
}
.all_rows{margin: 0 -5px;}

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

@media screen and (max-width:768px) {
  .split{
    width:100%;

  }
  
}


/* Control the login Research Card */
#LoginHeader {
  text-align: center;
  font-size: 2.3rem;
  line-height: 1.25;
  font-weight: 500;
  margin-bottom: 0.325rem;
  position: relative;
}
.LogRes {
  background-color: #fff;
  height:fit-content;
  justify-content: center;
  padding: 2px 16px;
  padding-bottom:20px;
}

  
.LogRes h1{
  text-align:center;
  font-family: "Zilla Slab", "Zilla-fallback", serif;
  font-size: 2.3rem;
  line-height: 1.25;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0.325rem;
  font-size: clamp(1.95rem, calc(0.7887vw + 1.6542rem), 2.3rem); 
  position: relative;
}

/* Control the Login Classroom Card */
.LogClas {
  right: 0;
  background-color: #fff;
  height:fit-content;
  justify-content: center;
  padding: 2px 16px;
  padding-bottom:20px;
  
}
.LogClas h1{
  text-align:center;
  font-family: "Zilla Slab", "Zilla-fallback", serif;
  line-height: 1.25;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0.325rem;
  font-size: clamp(1.95rem, calc(0.7887vw + 1.6542rem), 2.3rem); 
}

/* Control the Login Workshop Card (right) */
.LogWorkshop {
  background-color: #fff;
  height:fit-content;
  justify-content: center;
  padding: 2px 16px;
  padding-bottom:20px;
  

}
.LogWorkshop h1{
  text-align:center;
  font-family: "Zilla Slab", "Zilla-fallback", serif;
  line-height: 1.25;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0.325rem;
  font-size: clamp(1.95rem, calc(0.7887vw + 1.6542rem), 2.3rem); 
}

/* Control the Account Research Card */
#AccountHeader {
  text-align: center;
  font-size: 2.3rem;
  line-height: 1.25;
  font-weight: 500;
  margin-bottom: 0.325rem;
  font-size: clamp(1.95rem, calc(0.7887vw + 1.6542rem), 2.3rem); }
   
      .bold-headline--underline:after,
      .headline--underline:after {
        content: "";
        display: block;
        width: 75px;
        height: 6px;
        margin-top: 15px;
        background: #FFCD00; 
        margin-right:auto;
        margin-left: auto;
      margin-bottom: 20px;
}
.AccRes {
  background-color: #fff;
  height:fit-content;
  justify-content: center;
  position: relative;
  top: 10px;

  padding-bottom:50px;

}

  /*#region Card Components*/
    /* Base card styles
   ========================================================================== */
.card {
  position: relative;
  width:100%;
  display: block;
  flex-direction: row;
  margin-bottom: 1.6rem;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 5px;
  outline: solid #ffcd00;
  background-color: #f5f5f5;
}
  .card:focus-within .card__title a:focus {
    text-decoration: underline; }
  @media (min-width: 768px) {
    .card {
      border: none;
      margin-bottom: 0; } }
  .card--enclosed {
    border: 1px solid; }
    .card--enclosed .card__body {
      padding: 2rem; }
    .card--enclosed .bttn {
      margin-bottom: 0; }
  .card--stacked.card--enclosed .card__body {
    padding: 2rem; }
  .card--stacked.card--enclosed .card__media + .card__body {
    padding: 2rem; }
  .card--stacked .card__body {
    padding: 0; }
  .card--stacked .card__media + .card__body {
    padding: 2rem 0 0; }
    @media (min-width: 768px) {
      .card--stacked .card__media + .card__body {
        padding: 2rem 0 0; } }
  .card--media-left .card__body, .card--media-right .card__body {
    padding: 0;
    min-height: 1px; }
    @media (min-width: 768px) {
      .card--media-left .card__body, .card--media-right .card__body {
        flex: 0 1 100%; } }
  .card--media-left .card__media + .card__body, .card--media-right .card__media + .card__body {
    padding: 2rem 0 0; }
    @media (min-width: 768px) {
      .card--media-left .card__media + .card__body, .card--media-right .card__media + .card__body {
        padding: 0; } }
  .card--media-left[class*="bg-"] .card__body, .card--media-right[class*="bg-"] .card__body {
    padding: 2rem; }
    @media (min-width: 768px) {
      .card--media-left[class*="bg-"] .card__body, .card--media-right[class*="bg-"] .card__body {
        padding: 0; } }
  .card--media-left.card--enclosed .card__body, .card--media-right.card--enclosed .card__body {
    padding: 2rem; }
    @media (min-width: 768px) {
      .card--media-left.card--enclosed .card__body, .card--media-right.card--enclosed .card__body {
        padding: 0; } }
  .card--centered {
    text-align: center; }
  .card__title {
    margin: 0 0 0.625rem;
    padding: 0;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2; }
    .card__title a {
      text-decoration: none; }
      .card__title a:hover, .card__title a:focus {
        text-decoration: underline; }
    .card__title.headline {
      font-size: 1.5rem; }
    .card__title:focus-within ~ .bttn {
      background-position: 0;
      background-size: 200% 100%; }
      .card__title:focus-within ~ .bttn i,
      .card__title:focus-within ~ .bttn svg {
        color: #151515; }
  .card .bttn {
    background-image: linear-gradient(to bottom, #ffffff00 0%, #ffffff00 90%, #ffcd00 90%, #ffcd00 100%);
    background-position: 0 -20px;
    background-size: 200% 200%;
    transition: all 0.25s ease-in; }
    .card .bttn:after {
      content: "";
      transform: translate(-50%) scaleX(0);
      transition: transform 0.3s ease-in-out; }
    .card .bttn:focus:after, .card .bttn:hover:after {
      transform: translate(-50%, 0) scaleX(1); }
  .card p + .btn,
  .card p + .bttn {
    margin-top: 1.05rem; }
  .card__subtitle + .btn,
  .card__subtitle + .bttn,
  .card__subtitle + p {
    margin-top: 0.625rem; }
  .card__media {
    flex-shrink: 0;
    width: 100%;
    min-height: 1px; }
    .card__media img {
      flex-shrink: 0;
      width: 100%;
      min-height: 1px; }
  .card__img {
    align-self: start;
    width: 100%; }
  .card__body {
    flex: 1;
    padding: 2rem 0 0;
    min-height: 1px;
    line-height: 1.7; }
    @media (min-width: 768px) {
      .card__body {
        padding: 2rem; } }
    .card__body h2:not(:first-child),
    .card__body h3:not(:first-child),
    .card__body h4:not(:first-child),
    .card__body h5:not(:first-child),
    .card__body h6:not(:first-child) {
      margin-top: 0; }
    @media (min-width: 768px) {
      .card__body {
        padding: 2rem 0; } }
    .card__body ul,
    .card__body ol,
    .card__body dl,
    .card__body table {
      font-size: 1rem;
      line-height: 1.7; }
  .card__details {
    margin: 0 0 0.625rem; }
  .card p {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.7; }
    .card p a {
      position: relative;
      z-index: 1; }
  .card__subtitle {
    opacity: .7;
    font-family: "Zilla Slab", "Zilla-fallback", serif;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.3; }
  .card__date, .card__meta {
    font-family: "Roboto", sans-serif;
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: 400; }
    .card__date .fas, .card__meta .fas {
      margin-right: .3rem; }
  .card__label {
    font-family: "Zilla Slab", serif;
    font-size: 1.2rem;
    font-weight: 400;
    padding-left: 20px;
    line-height: 1.3;
    margin-top: .125rem; }
    .card__label .fas,
    .card__label .svg-inline--fa {
      opacity: 0.6;
      padding-right: 0.325rem;
      font-size: 1rem;
      line-height: 1.2;
      position: absolute;
      margin-left: -20px; }
    .card__label .svg-inline--fa {
      width: 17px; }

/* Margin and padding adjustments for media--circle
   ========================================================================== */
[class*="bg-"] .card.card--stacked[class*="bg-"] .media--circle {
  margin-top: 2rem; }
  [class*="bg-"] .card.card--stacked[class*="bg-"] .media--circle.card__media--large {
    padding: 0 2rem; }

.card--media-left .media--circle.card__media--large, .card--media-right .media--circle.card__media--large, .card--stacked .media--circle.card__media--large {
  padding: 0 2rem; }

.card--media-left[class*="bg-"] .media--circle, .card--media-right[class*="bg-"] .media--circle, .card--stacked[class*="bg-"] .media--circle {
  margin-top: 2rem; }
  @media (min-width: 768px) {
    .card--media-left[class*="bg-"] .media--circle, .card--media-right[class*="bg-"] .media--circle, .card--stacked[class*="bg-"] .media--circle {
      margin-top: 0; } }

@media (min-width: 768px) {
  .card--media-left .media--circle.card__media--large, .card--media-right .media--circle.card__media--large {
    padding: 0; } }

.card--stacked[class*="bg-"] .media--circle {
  margin-top: 2rem; }

.card--enclosed.card--media-left .media--circle, .card--enclosed.card--media-right .media--circle, .card--enclosed.card--stacked .media--circle {
  margin-top: 2rem; }

@media (min-width: 768px) {
  .card--enclosed.card--media-left .media--circle, .card--enclosed.card--media-right .media--circle {
    margin-top: 0; } }

/* Card media styles
   ========================================================================== */
.card .card__media--large,
.card .card__media--medium,
.card .card__media--small {
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 768px) {
    .card .card__media--large,
    .card .card__media--medium,
    .card .card__media--small {
      justify-content: center;
      margin: 0 auto; } }

@media (min-width: 768px) {
  .card .card__media--small {
    flex: 0 0 25%;
    width: 25%; } }

.card .card__media--small.media--circle {
  max-width: 150px; }

@media (min-width: 768px) {
  .card .card__media--medium {
    flex: 0 0 37.5%;
    width: 37.5%; } }

.card .card__media--medium img {
  align-self: start; }

.card .card__media--medium.media--circle {
  width: 50%; }

.card.card--stacked .card__media--small.media--circle {
  flex: unset;
  width: 40%; }

@media (min-width: 768px) {
  .card.card--stacked .card__media--medium.media--circle {
    flex: unset;
    width: 60%; } }

@media (min-width: 768px) and (min-width: 768px) {
  .card.card--media-left .card__media--large, .card.card--media-right .card__media--large {
    flex: 0 0 50%;
    width: 50%; } }

@media (min-width: 768px) {
  .card.card--media-left .card__media--large.media--circle, .card.card--media-right .card__media--large.media--circle {
    flex: 0 0 37%;
    width: 37%; } }

@media (min-width: 768px) {
  .card.card--media-left .card__media--medium.media--circle, .card.card--media-right .card__media--medium.media--circle {
    flex: 0 0 25%;
    width: 25%; } }

/* Card left/right styles
 ========================================================================== */

  @media (min-width: 768px) {
    .card--media-left, .card--media-right {
      flex-direction: row; } }
  @media (min-width: 768px) {
    .card--media-left.card--enclosed, .card--media-left[class*="bg-"]:not(.bg--white), .card--media-right.card--enclosed, .card--media-right[class*="bg-"]:not(.bg--white) {
      padding: 2rem; } }
  @media (min-width: 768px) {
    .card--media-left, .card--media-right {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: unset;
      width: 100%;
      margin-bottom: 1.6rem; } }
  .card--media-left .card__title, .card--media-right .card__title {
    font-family: "Zilla Slab", "Zilla-fallback", serif;
    font-weight: 700; }
    @media (min-width: 768px) {
      .card--media-left .card__title, .card--media-right .card__title {
        padding: 0;
        margin: 0 0 0.325rem; } }
  @media (min-width: 768px) {
    .card--media-left .card__media + .card__body {
      padding: 0 0 1.05rem 2rem; } }
  .card--media-right.card--enclosed .card__media + .card__body {
    padding: 2rem; }
    @media (min-width: 768px) {
      .card--media-right.card--enclosed .card__media + .card__body {
        padding: 0 2rem 1.05rem 0; } }
  @media (min-width: 768px) {
    .card--media-right .card__media + .card__body {
      padding: 0 2rem 1.05rem 0; } }
  @media (min-width: 768px) {
    .card--media-right {
      flex-direction: row-reverse; } }
  @media (min-width: 768px) {
    .card--media-right.card, .card--media-right.card--enclosed {
      flex-direction: row-reverse; } }

/* Background color adjustments
 ========================================================================== */
[class*="bg-"] .card.card--stacked[class*="bg-"] .card__body,
.card.card--stacked[class*="bg-"]:not([class*="bg--white"]) .card__body {
  padding: 2rem; }

.card.card--enclosed[class*="bg--white"], .card.card--enclosed[class*="bg--gray"], .card.card--enclosed[class*="bg--gold"] {
  border: 1px solid rgba(0, 0, 0, 0.125); }
  [class*="bg-"] .card.card--enclosed[class*="bg--white"], [class*="bg-"] .card.card--enclosed[class*="bg--gray"], [class*="bg-"] .card.card--enclosed[class*="bg--gold"] {
    border: 1px solid rgba(0, 0, 0, 0.125); }

[class*="bg--white"] .card.card--enclosed,
[class*="bg--gray"] .card.card--enclosed,
[class*="bg--gold"] .card.card--enclosed {
  border: 1px solid rgba(0, 0, 0, 0.125); }

[class*="bg--black"] .card.card--enclosed {
  border-color: rgba(255, 255, 255, 0.325); }

.card:not([class*="bg-"]) {
  border-color: rgba(0, 0, 0, 0.125); }

.card[class*="bg--black"] .bttn--sans-serif {
  border-color: rgba(255, 255, 255, 0.425); }

[class*="bg-"] .card[class*="bg--white"] .bttn--outline {
  border-color: #FFCD00; }

.card[class*="bg--white"] .bttn--outline {
  border-color: #FFCD00; }

@media (min-width: 768px) {
  [class*="bg-"] .card--media-left.card, [class*="bg-"] .card--media-right.card {
    padding: 2rem; } }

@media (min-width: 768px) {
  [class*="bg-"] .card--media-left.card:not([class*="bg-"]), [class*="bg-"] .card--media-right.card:not([class*="bg-"]) {
    padding: 0; } }

@media (min-width: 768px) {
  [class*="bg-"] .card--media-left.card--enclosed:not([class*="bg-"]), [class*="bg-"] .card--media-right.card--enclosed:not([class*="bg-"]) {
    padding: 2rem; } }
    
    .media--border {
      padding: 8px;
      border: 1px solid rgba(0, 0, 0, 0.125); }
      .media--border img {
        padding: 8px;
        border: 1px solid rgba(0, 0, 0, 0.125); }
    
    .media--circle {
      border-radius: 50%;
      margin-top: 0;
      height: auto; }
      .media--circle img {
        border-radius: 50%;
        margin-top: 0;
        height: auto; }
      
            
.bttn {
  border: none;
  display: inline-block;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.4;
  font-size: 1.25rem;
  padding: 1rem 2rem 1rem;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  margin-bottom:20px; }
  .bttn i,
  .bttn svg {
    margin-left: 0.625rem; }
  .bttn--primary {
    color: #151515;
    background: #FFCD00;
    border: 1px solid #FFCD00; }
    .bttn--primary i,
    .bttn--primary svg,
    .bttn--primary span {
      color: #fff; }
    .bttn--primary:after {
      content: '';
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 100%;
      height: 4px;
      background-color: #FFCD00;
      transform-origin: center;
      transform: translate(-50%, 0) scaleX(0);
      transition: transform 0.3s ease-in-out; }
    .bttn--primary:focus {
      text-decoration: underline; }
    .bttn--primary:hover::after, .bttn--primary:focus::after {
      transform: translate(-50%, 0) scaleX(1); }
    .bttn--primary:after {
      background-color: #151515; }
    [class*="bg--"] [class*="bg--black"] .bttn--primary,
    [class*="bg--black"] .bttn--primary {
      color: #151515; }
    [class*="bg--"] [class*="bg--gray"] .bttn--primary,
    [class*="bg--"] [class*="bg--white"] .bttn--primary,
    [class*="bg--gray"] .bttn--primary,
    [class*="bg--white"] .bttn--primary {
      border-color: #FFCD00; }
  .bttn--secondary {
    color: #fff;
    background: #ffffff;
    border: 1px solid #fff; }
    .bttn--secondary i,
    .bttn--secondary svg,
    .bttn--secondary span {
      color: #FFCD00; }
    .bttn--secondary:after {
      content: '';
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 100%;
      height: 4px;
      background-color: #FFCD00;
      transform-origin: center;
      transform: translate(-50%, 0) scaleX(0);
      transition: transform 0.3s ease-in-out; }
    .bttn--secondary:focus {
      text-decoration: underline; }
    .bttn--secondary:hover::after, .bttn--secondary:focus::after {
      transform: translate(-50%, 0) scaleX(1); }
    .bttn--secondary__light {
      color: #fff; }
    [class*="bg--black"] .bttn--secondary {
      color: #fff; }
    [class*="bg-"] [class*="bg--gray"] .bttn--secondary,
    [class*="bg-"] [class*="bg--white"] .bttn--secondary,
    [class*="bg--white"] .bttn--secondary,
    [class*="bg--gray"] .bttn--secondary,
    .bg-pattern--brain-reversed .bttn--secondary,
    .bg-pattern--brain .bttn--secondary {
      color: #fff; }
    [class*="bg--gold"] .bttn--secondary,
    [class*="bg-"] [class*="bg--gold"] .bttn--secondary {
      color: #fff; }
  .bttn--tertiary {
    color: #151515;
    background: #000; /*Color for background*/
    border: 1px solid white; }
    .bttn--tertiary i,
    .bttn--tertiary svg,
    .bttn--tertiary span {
      color: #FFCD00; }
    .bttn--tertiary:after {
      content: '';
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 100%;
      height: 4px;
      background-color: #FFCD00;
      transform-origin: center;
      transform: translate(-50%, 0) scaleX(0);
      transition: transform 0.3s ease-in-out; }
    .bttn--tertiary:focus {
      text-decoration: underline; }
    .bttn--tertiary:hover::after, .bttn--tertiary:focus::after {
      transform: translate(-50%, 0) scaleX(1); }
    [class*="bg--black"] .bttn--tertiary {
      color: #fff; }
    .bg-pattern--brain-black .bttn--tertiary:not([class*="bttn--outline"]),
    [class*="bg--black"] .bttn--tertiary:not([class*="bttn--outline"]) {
      color: #fff; }
  .bttn--full {
    display: flex; }
  .bttn--outline {
    border: 1px solid #FFCD00;
    border: 1px solid; }
    [class*="bg--gray"] .bttn--outline,
    [class*="bg--white"] .bttn--outline,
    [class*="bg--gold"] .bttn--outline,
    [class*="bg--"] [class*="bg--gray"] .bttn--outline,
    [class*="bg--"] [class*="bg--white"] .bttn--outline,
    [class*="bg--"] [class*="bg--gold"] .bttn--outline {
      border-color: rgba(0, 0, 0, 0.425); }
    [class*="bg--black"] .bttn--outline {
      border-color: rgba(255, 255, 255, 0.425); }
    .bttn--outline:focus, .bttn--outline:hover {
      color: #151515; }
      .bttn--outline:focus:after, .bttn--outline:hover:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 100%;
        height: 4px;
        background-color: #FFCD00;
        transform-origin: center;
        transform: translate(-50%, 0) scaleX(0);
        transition: transform 0.3s ease-in-out; }
      .bttn--outline:focus:focus, .bttn--outline:hover:focus {
        text-decoration: underline; }
      .bttn--outline:focus:hover::after, .bttn--outline:focus:focus::after, .bttn--outline:hover:hover::after, .bttn--outline:hover:focus::after {
        transform: translate(-50%, 0) scaleX(1); }
      [class*="bg--black"] .bttn--outline:focus,
      .bg-pattern--brain-black .bttn--outline:focus, [class*="bg--black"] .bttn--outline:hover,
      .bg-pattern--brain-black .bttn--outline:hover {
        border: 1px solid #000;
        color: #fff;
        background: transparent; }
      [class*="bg--black"] [class*="bg--white"] .bttn--outline:focus,
      .bg-pattern--brain-black [class*="bg--white"] .bttn--outline:focus, [class*="bg--black"] [class*="bg--white"] .bttn--outline:hover,
      .bg-pattern--brain-black [class*="bg--white"] .bttn--outline:hover {
        border: 1px solid #FFCD00;
        color: inherit; }
      [class*="bg--black"] [class*="bg--white"] .bttn--outline:focus,
      .bg-pattern--brain-black [class*="bg--white"] .bttn--outline:focus,
      [class*="bg--black"] [class*="bg--gray"] .bttn--outline:focus,
      .bg-pattern--brain-black [class*="bg--gray"] .bttn--outline:focus,
      [class*="bg--black"] [class*="bg--gold"] .bttn--outline:focus,
      .bg-pattern--brain-black .bg--gold .bttn--outline:focus, [class*="bg--black"] [class*="bg--white"] .bttn--outline:hover,
      .bg-pattern--brain-black [class*="bg--white"] .bttn--outline:hover,
      [class*="bg--black"] [class*="bg--gray"] .bttn--outline:hover,
      .bg-pattern--brain-black [class*="bg--gray"] .bttn--outline:hover,
      [class*="bg--black"] [class*="bg--gold"] .bttn--outline:hover,
      .bg-pattern--brain-black .bg--gold .bttn--outline:hover {
        border: 1px solid #151515;
        color: #151515; }
      [class*="bg--white"] .bttn--outline:focus:after,
      [class*="bg--gold"] [class*="bg--white"] .bttn--outline:focus:after,
      .bg-pattern--brain-reversed [class*="bg--white"] .bttn--outline:focus:after, [class*="bg--white"] .bttn--outline:hover:after,
      [class*="bg--gold"] [class*="bg--white"] .bttn--outline:hover:after,
      .bg-pattern--brain-reversed [class*="bg--white"] .bttn--outline:hover:after {
        background: #FFCD00; }
      [class*="bg--gold"] .bttn--outline:focus:after,
      .bg-pattern--brain-reversed .bttn--outline:focus:after, [class*="bg--gold"] .bttn--outline:hover:after,
      .bg-pattern--brain-reversed .bttn--outline:hover:after {
        background: #fff; }
    .bttn--outline.bttn--tertiary {
      background: none; }
      [class*="bg--black"] [class*="bg--white"] .bttn--outline.bttn--tertiary,
      [class*="bg--black"] [class*="bg--gray"] .bttn--outline.bttn--tertiary,
      [class*="bg--black"] [class*="bg--gold"] .bttn--outline.bttn--tertiary {
        color: #151515; }
      [class*="bg--gold"] .bttn--outline.bttn--tertiary i, [class*="bg--gold"]
      .bttn--outline.bttn--tertiary svg {
        color: #fff; }
      [class*="bg--gold"] [class*="bg--black"] .bttn--outline.bttn--tertiary i,
      [class*="bg--gold"] [class*="bg--gray"] .bttn--outline.bttn--tertiary i,
      [class*="bg--gold"] [class*="bg--white"] .bttn--outline.bttn--tertiary i, [class*="bg--gold"] [class*="bg--black"]
      .bttn--outline.bttn--tertiary svg,
      [class*="bg--gold"] [class*="bg--gray"]
      .bttn--outline.bttn--tertiary svg,
      [class*="bg--gold"] [class*="bg--white"]
      .bttn--outline.bttn--tertiary svg {
        color: #FFCD00; }
    [class*="bg--gray"] .bttn--outline.bttn--secondary:focus,
    [class*="bg--gold"] .bttn--outline.bttn--secondary:focus,
    .bg-pattern--brain-reversed .bttn--outline.bttn--secondary:focus,
    .bg-pattern--brain .bttn--outline.bttn--secondary:focus,
    [class*="bg--white"] .bttn--outline.bttn--secondary:focus, [class*="bg--gray"] .bttn--outline.bttn--secondary:hover,
    [class*="bg--gold"] .bttn--outline.bttn--secondary:hover,
    .bg-pattern--brain-reversed .bttn--outline.bttn--secondary:hover,
    .bg-pattern--brain .bttn--outline.bttn--secondary:hover,
    [class*="bg--white"] .bttn--outline.bttn--secondary:hover {
      background: #151515; }
    [class*="bg--gray"] .bttn--outline.bttn--secondary:focus,
    [class*="bg--gold"] .bttn--outline.bttn--secondary:focus,
    [class*="bg--white"] .bttn--outline.bttn--secondary:focus,
    [class*="bg-"] [class*="bg--gold"] .bttn--outline.bttn--secondary:focus,
    [class*="bg--black"] [class*="bg--gold"] .bttn--outline.bttn--secondary:focus,
    .bg-pattern--brain-black .bg--gold .bttn--outline.bttn--secondary:focus,
    [class*="bg--black"] [class*="bg--white"] .bttn--outline.bttn--secondary:focus,
    .bg-pattern--brain-black [class*="bg--white"] .bttn--outline.bttn--secondary:focus,
    [class*="bg--black"] [class*="bg--gray"] .bttn--outline.bttn--secondary:focus,
    .bg-pattern--brain-black [class*="bg--gray"] .bttn--outline.bttn--secondary:focus, [class*="bg--gray"] .bttn--outline.bttn--secondary:hover,
    [class*="bg--gold"] .bttn--outline.bttn--secondary:hover,
    [class*="bg--white"] .bttn--outline.bttn--secondary:hover,
    [class*="bg-"] [class*="bg--gold"] .bttn--outline.bttn--secondary:hover,
    [class*="bg--black"] [class*="bg--gold"] .bttn--outline.bttn--secondary:hover,
    .bg-pattern--brain-black .bg--gold .bttn--outline.bttn--secondary:hover,
    [class*="bg--black"] [class*="bg--white"] .bttn--outline.bttn--secondary:hover,
    .bg-pattern--brain-black [class*="bg--white"] .bttn--outline.bttn--secondary:hover,
    [class*="bg--black"] [class*="bg--gray"] .bttn--outline.bttn--secondary:hover,
    .bg-pattern--brain-black [class*="bg--gray"] .bttn--outline.bttn--secondary:hover {
      color: #000; }
  .bttn--transparent {
    background: transparent; }
    .bttn--transparent:focus, .bttn--transparent:hover {
      background: #fff;
      border: 1px solid white; }
  .bttn--caps {
    text-transform: uppercase;
    font-family: "Antonio", "Antonio-fallback", sans-serif; 
    color: #fff;} 
  .bttn--lowercase {
    text-transform: none;
    letter-spacing: 0;
    font-size: 1rem; }
  .bttn--sans-serif {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    letter-spacing: 0.04rem;
    display: inline-block; }
    .bttn--sans-serif:focus {
      text-decoration: underline; }
    .bttn--sans-serif i,
    .bttn--sans-serif span {
      font-size: 0.9rem; }
    .bttn--sans-serif.bttn--full {
      display: flex;
      height: 100%; }
  .bttn--link {
    color: #000; }
    .bttn--link:focus, .bttn--link:hover {
      border: none;
      transform: none; }
      .bttn--link:focus:focus::after, .bttn--link:focus:hover::after, .bttn--link:hover:focus::after, .bttn--link:hover:hover::after {
        transform: none; }
  .bttn__apply {
    margin-top: unset;
    padding: 0.7rem;
    border: 1px solid #000;
    font-size: 0.95rem;
    display: none; }
    @media (min-width: 768px) {
      .bttn__apply {
        display: block; } }


  /*#endregion Login Card*/


.AccRes h1{
  text-align:center;
  font-family: "Zilla Slab", "Zilla-fallback", serif;
  line-height: 1.25;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0.325rem;
  font-size: clamp(1.95rem, calc(0.7887vw + 1.6542rem), 2.3rem); 
}

/* Control the Account Classroom Card */
.AccClas {
  right: 0;
  background-color: #fff;
  height:fit-content;
  justify-content: center;
  position: relative;
  top: 10px;

  padding-bottom:50px;

}
.AccClas h1{
  text-align:center;
  font-family: "Zilla Slab", "Zilla-fallback", serif;
  line-height: 1.25;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0.325rem;
  font-size: clamp(1.95rem, calc(0.7887vw + 1.6542rem), 2.3rem); 
  position: relative;
}

/* Control the Account Workshop Card (right) */
.AccWorkshop {
  right: 0;
  background-color: #fff;
  height:fit-content;
  justify-content: center;
  position: relative;
  top: 10px;

  padding-bottom:50px;
}
.AccWorkshop h1{
  text-align:center;
  font-family: "Zilla Slab", "Zilla-fallback", serif;
  line-height: 1.25;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0.325rem;
  font-size: clamp(1.95rem, calc(0.7887vw + 1.6542rem), 2.3rem); 
  position: relative;
}

/*#endregion SplitScreen Homepage*/ 

/*#region CTA Account Policy*/
.cta__wrapper {
  width: 100%;
  padding-bottom:50px; }
  .cta__wrapper .bold-headline,
  .cta__wrapper .headline {
    margin: 0;
    padding: 0;
    font-size: 2.8rem;
    line-height: 1.1; }
    .cta__wrapper .bold-headline.headline--uppercase,
    .cta__wrapper .headline.headline--uppercase {
      font-size: 2.8rem; }
  .cta__wrapper[class*="bg--black"] .bold-headline,
  .cta__wrapper[class*="bg--black"] .headline {
    color: #FFCD00; }

.cta__summary {
  line-height: 1.5; 
  color:white}
  @media (min-width: 84.375em) {
    .cta__summary {
      margin: 0; } }

.cta__container {
  display: grid;
  padding: 2.5rem 1.25rem;
  justify-items: center;
  align-items: center;
  text-align: center; 
  background-color: #000;
  position:relative;
}
  .element--left .cta__container {
    justify-items: unset;
    align-items: unset;
    text-align: unset;
    width: 100%; }
    @media (min-width: 980px) {
      .element--left .cta__container {
        padding: 1.875rem 0; } }
  @media (min-width: 980px) {
    .cta__container {
      display: grid;
      padding: 1.875rem 3rem;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      grid-column-gap: 0px;
      grid-row-gap: 0px; } }

.cta__container > div {
  margin: 1.05rem; }
  @media (min-width: 84.375em) {
    .cta__container > div {
      margin: 0 1.05rem; } }
  @media (min-width: 84.375em) {
    .cta__container > div {
      flex: 1; } }

.cta__wrapper.element--left .bold-headline {
  font-size: 3.2rem; }

.cta__wrapper.element--left .bold-headline {
  margin-bottom: 0.625rem;
  font-size: 2.5rem; }

@media (min-width: 980px) {
  .cta__container .cta__title {
    margin-left: 0; } }

.element--left .cta__container .cta__title {
  grid-area: 1 / 1 / 2 / 3; }

@media (min-width: 980px) {
  .cta__container .cta__content {
    margin-left: 0; } }

.element--left .cta__container .cta__content {
  grid-area: 2 / 1 / 3 / 3; }

@media (min-width: 980px) {
  .cta__container .cta__link {
    margin-left: 0; } }

.element--left .cta__container .cta__link {
  grid-area: 1 / 3 / 3 / 4; }
  @media (min-width: 980px) {
    .element--left .cta__container .cta__link {
      text-align: right;
      display: flex;
      align-items: center;
      justify-content: flex-end; } }
/*#endregion CTA AccountPolicy*/ 

/*#region Wiki and Service Alert Cards*/
infoarticle {
  --img-scale: 1.001;
  --title-color: #fff;
  --link-icon-translate: -20px;
  --link-icon-opacity: 0;
  position: relative;
  border-radius: 16px;
  box-shadow: none;
  background: #000;
  transform-origin: center;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
  margin-bottom:50px;
}

  

infoarticle a::after {
  position: absolute;
  inset-block: 0;
  inset-inline: 0;
  cursor: pointer;
  content: "";
}

/* basic article elements styling */
infoarticle h2 {
  margin: 0 0 18px 0;
  font-family: "Zilla Slab", "Zilla-fallback", serif;
  font-size: 1.9rem;
  letter-spacing: 0.06em;
  color: #fff;
  transition: color 0.3s ease-out;
}

figure {
  margin: 0;
  padding: 0;
  aspect-ratio: 50 / 9;
  overflow: hidden;
}

infoarticle img {
  max-width: 100%;
  transform-origin: center;
  transform: scale(var(--img-scale));
  transition: transform 0.4s ease-in-out;
}

.infoarticle-body {
  padding: 24px;
  color:#fff;
}

infoarticle a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #ffcd00;
  text-transform: uppercase;
  font-family: "Antonio", "Antonio-fallback", sans-serif; 
  
}

infoarticle a:focus {
  outline: 1px dotted #ffcd00;
}

infoarticle a .icon {
  min-width: 24px;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  transform: translateX(var(--link-icon-translate));
  opacity: var(--link-icon-opacity);
  transition: all 0.3s;
}

/* using the has() relational pseudo selector to update our custom properties */
infoarticle:has(:hover, :focus) {
  --img-scale: 1.1;
  --title-color: #fff;
  --link-icon-translate: 0;
  --link-icon-opacity: 1;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}


.infoarticles {
  display: grid;
  margin-inline: 24px;
  padding-inline: 24px;
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
  gap: 24px;
}

@media screen and (max-width: 960px) {
  infoarticle {
    container: card/inline-size;
  }
  .infoarticle-body p {
    display: none;
  }
}

@container card (min-width: 380px) {
  .infoarticle-wrapper {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 16px;
  }
  .infoarticle-body {
    padding-left: 0;
  }
  figure {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  figure img {
    height: 100%;
    aspect-ratio: 1;
    object-fit: cover;
  }
}

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;
}
/*#endregion Wiki and Service Alert Cards*/ 

/*#region Footer*/

.footer__links .menu, .footer__links .menu ul li, .footer__links--icon ul,
.footer__links--icon li, .socket__menu, .footer-cta__container .menu {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .footer__links .menu > li, .footer__links .menu ul li > li, .footer__links--icon ul > li, .footer__links--icon li > li, .socket__menu > li, .footer-cta__container .menu > li {
    display: inline-block;
    list-style-type: none;
    margin: 0; }

.footer {
  position: relative;
  background: #000;
  padding-top: 2.5rem;
  padding-right: 0;
  padding-bottom: 2.5rem;
  padding-left: 0; }
  @media (min-width: 980px) {
    .footer {
      padding-top: 2.5rem;
      padding-right: 0;
      padding-bottom: 0;
      padding-left: 0; } }
  .footer a {
    color: #FFCD00;
    text-decoration: none;
    font-weight: 400; }
    .footer a:hover, .footer a:focus {
      text-decoration: underline; }
  .footer p {
    color: #ccc;
    line-height: 1.5;
    font-weight: 100;
    margin-top: 0.9rem; }
    .footer p a {
      color: #FFCD00;
      text-decoration: none;
      font-weight: 400; }
      .footer p a:hover, .footer p a:focus {
        text-decoration: underline; }
      .footer p a i, .footer p a svg, .footer p a span {
        margin-right: 0.625rem;
        font-size: 0.8rem;
        color: #999; }
  .footer .site-name {
    color: #fff;
    font-size: 1.7rem;
    margin-top: 1.05rem;
    font-weight: 900;
    margin-bottom: 0.325rem; }
    .footer .site-name a {
      color: #fff;
      text-decoration: none; }
      .footer .site-name a:hover, .footer .site-name a:focus {
        text-decoration: underline; }
  .footer .parent-site-name {
    color: #ccc;
    font-size: 1.4rem;
    margin-top: 0;
    font-weight: 300;
    margin-bottom: .625rem;
    display: block;
    background: #151515;
    padding: 0; }
    .footer .parent-site-name a {
      color: #ccc;
      text-decoration: none; }
      .footer .parent-site-name a:hover, .footer .parent-site-name a:focus {
        text-decoration: underline; }
  .footer__container {
    margin: 0 1.25rem;
    position: relative; }
    @media (min-width: 84.375em) {
      .footer__container {
        max-width: 81.875em;
        margin: 0 auto; } }
    @media (min-width: 84.375em) {
      .footer__container {
        padding: 0; } }
  @media (min-width: 980px) {
    .footer__container--flex {
      display: flex;
      flex-wrap: wrap;
      -moz-column-gap: 1.05rem;
           column-gap: 1.05rem; } }
  .footer__links {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1.875rem;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0; }
    .footer__links .menu {
      margin: 0; }
      .footer__links .menu li {
        /*
         * %no-ul-list sets display: inline-block; for li,
         *  which doesn't work for this menu.
         */
        display: block; }
      .footer__links .menu a {
        font-weight: 300;
        text-decoration: none;
        color: white;
        font-size: 1.1rem; }
        .footer__links .menu a:hover, .footer__links .menu a:focus {
          text-decoration: underline; }
      .footer__links .menu ul {
        margin: 0; }
  .footer__links--nav {
    margin-bottom: 2.5rem; }
    @media (min-width: 980px) {
      .footer__links--nav {
        display: flex; } }
  @media (min-width: 980px) {
    .footer__links--contact {
      flex-grow: 2; } }
  .footer__links--icon {
    /*
     * Display icon menu as flex since the icons sit
     *  side-by-side.
     */ }
    .footer__links--icon .menu {
      flex-wrap: wrap;
      display: flex;
      line-height: 2; }
      @media (min-width: 980px) {
        .footer__links--icon .menu {
          line-height: 1; } }
    .footer__links--icon a {
      text-decoration: none;
      color: #fff; }
    .footer__links--icon i {
      color: #fff;
      font-size: 1.6rem;
      margin-right: 1.05rem; }
    .footer__links--icon .link-text {
      position: absolute !important;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px); }

.socket__container {
  margin: 0 1.25rem;
  position: relative; }
  @media (min-width: 84.375em) {
    .socket__container {
      max-width: 81.875em;
      margin: 0 auto; } }
  @media (min-width: 84.375em) {
    .socket__container {
      padding: 0; } }

.socket__menu {
  display: flex;
  flex-wrap: wrap; }
  .socket__menu li {
    color: white;
    font-size: 0.8rem;
    border-right: 1px solid #5d5656;
    margin-bottom: 0.325rem;
    padding-top: 0;
    padding-right: 0.625rem;
    padding-left: 0.625rem; }
    .socket__menu li:first-child {
      flex-basis: 100%;
      border-right: none; }
    .socket__menu li:nth-child(2) {
      padding-left: 0; }
    .socket__menu li:last-child {
      border-right: none;
      padding-right: 0; }
    .socket__menu li:first-child {
      padding-left: 0; }
    .socket__menu li a {
      text-decoration: none;
      color: #FFCD00; }
      .socket__menu li a:hover, .socket__menu li a:focus {
        text-decoration: underline; }

.footer-cta__wrapper {
  background: #FFCD00;
  padding: 1.875rem 0;
  margin: 0; }
  @media (min-width: 768px) {
    .footer-cta__wrapper .menu {
      display: flex; } }
  .footer-cta__wrapper .menu li {
    flex: 1;
    display: block; }
  .footer-cta__wrapper .bttn--outline {
    border: 1px solid #151515;
    display: block; }
    @media (min-width: 768px) {
      .footer-cta__wrapper .bttn--outline {
        flex: 1;
        display: block; } }

.footer-cta__container {
  margin: 0 1.25rem;
  position: relative;
  justify-content: space-between; }
  @media (min-width: 84.375em) {
    .footer-cta__container {
      max-width: 81.875em;
      margin: 0 auto; } }
  .footer-cta__container div:first-of-type,
  .footer-cta__container nav:first-of-type {
    flex-basis: 100%; }
  @media (min-width: 768px) {
    .footer-cta__container {
      display: flex; } }
  @media (min-width: 84.375em) {
    .footer-cta__container {
      padding: 0; } }

@media (min-width: 768px) {
  .footer-cta__container .menu li:first-child a {
    margin: 0 1.05rem 0 0; }
  .footer-cta__container .menu li:last-child a {
    margin: 0 0 0 1.05rem; } }

.footer-cta__container .menu a {
  margin: 1.05rem 0;
  padding-top: 0.325rem; }
  @media (min-width: 768px) {
    .footer-cta__container .menu a {
      margin: 0 1.05rem; } }
  .footer-cta__container .menu a:before {
    content: ' ';
    background-repeat: no-repeat;
    background-size: 90%;
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-bottom: -5px;
    margin-right: 5px; }
  .footer-cta__container .menu a.bttn--apply:before {
    background-image: url("../../assets/images/apply-01.svg"); }
  .footer-cta__container .menu a.bttn--visit:before {
    background-image: url("../../assets/images/location-01.svg"); }
  .footer-cta__container .menu a.bttn--request:before {
    background-image: url("../../assets/images/request-01.svg"); }

.footer-cta__container > a:first-child {
  margin-left: 0; }

.footer-cta__container > a:last-child {
  margin-right: 0; }

.logo--footer {
  padding: 0 40px 0 0;
  width: 128px; }
  @media (min-width: 980px) {
    .logo--footer {
      width: 145px; } }
  @media (min-width: 84.375em) {
    .logo--footer {
      width: 176px; } }
/*#endregion Footer*/