/* Use this stylesheet for styles that apply only to the public site */
/*
    [Table of Contents]

    Imports
  Miscellaneous
*/
/*-------------------------------------------------------------
8888888                                         888
  888                                           888
  888                                           888
  888   88888b.d88b.  88888b.   .d88b.  888d888 888888 .d8888b
  888   888 "888 "88b 888 "88b d88""88b 888P"   888    88K
  888   888  888  888 888  888 888  888 888     888    "Y8888b.
  888   888  888  888 888 d88P Y88..88P 888     Y88b.       X88
8888888 888  888  888 88888P"   "Y88P"  888      "Y888  88888P'
                      888
                      888
                      888
-------------------------------------------------------------*/
/* public-modules.scss contains shared styles for the public site */
/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */
/*
    TENTATIVE TABLE OF CONTENTS

    [Table of Contents]

*/
/* Hide the recaptcha badge */
.grecaptcha-badge {
  display: none;
}
body {
  overflow-x: hidden;
}
h1 {
  font-weight: 500;
  font-size: 50px;
  line-height: 60px; }

h2 {
  font-weight: 300;
  font-size: 34px;
  line-height: 42px; }

h3 {
  font-weight: 300;
  font-size: 30px;
  line-height: 37px; }
  h3 .header-icon {
    vertical-align: text-bottom; }

h4 {
  font-weight: 400;
  font-size: 26px;
  line-height: 32px; }

h5 {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px; }

ul + h1,
ol + h1 {
  margin-top: 30px; }

ul + h2,
ol + h2 {
  margin-top: 25px; }

ol + h3,
ul + h3 {
  margin-top: 25px; }

ol + h4,
ul + h4 {
  margin-top: 20px; }

ol + h5,
ul + h5 {
  margin-top: 20px; }

ul + h6,
ol + h6 {
  margin-top: 20px; }

.input-div, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, body .ui.selection.dropdown {
  border-radius: 0;
  border: 1px solid #dddddd;
  background: #ffffff; }

.popup-wrapper .popup {
  border: 1px solid rgba(89, 114, 128, 0.3);
  border-radius: 0; }

.topbar {
  padding: 9px 30px 9px 30px;
  height: 50px;
  background: #f0f4f7; }
  .topbar .mobile-logo {
    display: none; }
  .topbar ul {
    color: #426bbA; }
    .topbar ul li {
      font-size: 14px;
      color: #426bbA; }
      .topbar ul li a {
        color: #426bbA;
        font-size: 14px;
        font-weight: 400; }
    .topbar ul .contact-link {
      margin-left: 8px;
      padding-left: 7px;
      border-left: 1px solid rgba(255, 255, 255, 0.4);
      padding-right: 7px;
      border-right: 1px solid rgba(255, 255, 255, 0.4); }
      .topbar ul .contact-link a {
        font-weight: 300; }
    .topbar ul li:nth-of-type(3) {
      margin-left: 8px; }
        .topbar #searchform {
    position: relative;
    display: inline-block; }

.topbar #searchform {
    position: relative;
    display: inline-block; }
    .topbar #searchform input#s {
        font-size: 12px;
        padding: 8px 8px 8px 23px;
        border: 1px solid #dddddd;
        border-radius: 0;
        box-shadow: none; }
    .topbar #searchform input[type="submit"] {
      background: url(../img/icons/search-icon.png);
      background: url(../img/icons/search-icon.svg);
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 16px 16px;
      box-shadow: none;
      padding: 6px 14px;
      position: absolute;
      left: 0;
      top: 0;
      bottom: auto;
      border: none;
      margin-top: 0; }
      .topbar #searchform input[type="submit"]:hover {
        box-shadow: none;
        bottom: auto; }

 @media only screen and (max-width: 900px) {
  .topbar {
    padding: 9px 15px 9px 15px; } }
.public-banner {
  background: #39396E;
  background: url("../img/application-banner.png");
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
  box-shadow: inset 0 11px 20px -11px rgba(0, 0, 0, 0.4);
  width: calc(100% + 1px);
  text-align: center;
  margin-left: -1px; }
  .public-banner h6, .public-banner h5, .public-banner h4, .public-banner h3, .public-banner h2, .public-banner h1, .public-banner li, .public-banner p, .public-banner label {
    color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px; }
  .public-banner.moc {
    /*
   * Set a counter and get the length of the image path.
   */
    /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
    /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
    /*
     * Set a base background for 1x environments.
     */
    background: url("../img/moc-titlebar.jpg") center top no-repeat;
    background-size: cover;
    /*
     * Create an @2x-ish media query.
     */
    /*
     * Create media queries for all environments that the user has
     * provided images for.
     */
    /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */ }
    @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
      .public-banner.moc {
        background: url("../img/moc-titlebar@2x.jpg") center top no-repeat;
        background-size: cover; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .public-banner.moc {
        background: url("../img/moc-titlebar@2x.jpg") center top no-repeat;
        background-size: cover; } }
    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
      .public-banner.moc {
        background: url("../img/moc-titlebar@3x.jpg") center top no-repeat;
        background-size: cover; } }
  .public-banner.initial {
    /*
   * Set a counter and get the length of the image path.
   */
    /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
    /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
    /*
     * Set a base background for 1x environments.
     */
    background: url("../img/initial-titlebar.jpg") center top no-repeat;
    background-size: cover;
    /*
     * Create an @2x-ish media query.
     */
    /*
     * Create media queries for all environments that the user has
     * provided images for.
     */
    /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */ }
    @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
      .public-banner.initial {
        background: url("../img/initial-titlebar@2x.jpg") center top no-repeat;
        background-size: cover; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .public-banner.initial {
        background: url("../img/initial-titlebar@2x.jpg") center top no-repeat;
        background-size: cover; } }
    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
      .public-banner.initial {
        background: url("../img/initial-titlebar@3x.jpg") center top no-repeat;
        background-size: cover; } }
  .public-banner h1 {
    font-weight: 300;
    font-size: 50px;
    text-align: left; }
  .public-banner h5 {
    font-size: 18px; }
  .public-banner img {
    height: 34px;
    vertical-align: middle; }
  .public-banner .col-4 {
    border-right: 1px solid #26BAED; }
  .public-banner ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0; }
    .public-banner ul li {
      padding-left: 0;
      display: inline-block;
      background: none;
      margin-top: 0;
      margin-bottom: 0; }
      .public-banner ul li:first-of-type {
        border-right: 1px solid #26BAED;
        padding-right: 15px; }
      .public-banner ul li:nth-of-type(2) {
        padding-left: 15px; }

@media screen and (max-width: 599px) {
  .public-banner h1 {
    font-size: 34px;
    line-height: 36px; } }

.public-menu {
  box-shadow: 0 10px 10px -10px #cbcbcb;
  z-index: 50;
  position: relative;
  background: #ffffff; }
    .public-menu li {
    font-family: 'Montserrat', sans-serif; }
  .public-menu img {
    height: 36px;
    margin-top: 24px; }
  .public-menu .name-holder {
    display: inline-block;
    height: 84px;
    max-width: 200px;
    vertical-align: top;
    padding-top: 24px; }
    .public-menu .name-holder h6 {
      display: inline-block;
      font-size: 16px;
      line-height: 18px;
      font-weight: 400; }
  .public-menu .menu-menu-2-container,
  .public-menu .menu-menu-1-container {
    display: inline-block;
    width: calc(100% - 350px);
    height: 84px;
    vertical-align: top;
    text-align: right; }
    .public-menu .menu-menu-2-container > ul,
    .public-menu .menu-menu-1-container > ul {
      height: 84px;
      line-height: 84px; }
      .public-menu .menu-menu-2-container > ul > li,
      .public-menu .menu-menu-1-container > ul > li {
        padding-top: 23px;
        padding-bottom: 23px;
        vertical-align: top; }
          .public-menu .menu-menu-2-container {
    float: right;
    width: calc(100% - 250px); }
    .public-menu .menu-menu-2-container > ul > li {
      padding-top: 32px;
      color: #4085D0;
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 400; }
      .public-menu .menu-menu-2-container > ul > li a {
        color: #4085D0; }
         .public-menu .menu-menu-2-container > ul > li a:hover {
          color: #276CB7; }
  .public-menu ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    display: block; }
    .public-menu ul li {
      padding-left: 0;
      display: inline-block;
      background: none;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
      line-height: 19px;
      font-size: 16px;
      font-weight: 500;
      text-align: left;
      position: relative; }
      .public-menu ul li a {
        padding-left: 20px;
        padding-right: 20px;
        display: inline-block;
        color: #4a4a4a; }
      .public-menu ul li .sub-menu {
        display: none;
        position: absolute;
        width: calc(100% + 18px);
        top: 100%; }
        .public-menu ul li .sub-menu li {
          background: #fff;
          padding-left: 0;
          padding-right: 0;
          display: block;
          border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
          .public-menu ul li .sub-menu li a {
            min-width: 100%;
            background: #fff;
            padding: 10px; }
            .public-menu ul li .sub-menu li a:active, .public-menu ul li .sub-menu li a:hover {
              background: #e6e6e6; }
          .public-menu ul li .sub-menu li:hover .sub-menu {
            display: block; }
          .public-menu ul li .sub-menu li:last-of-type {
            border-bottom: none; }
        .public-menu ul li .sub-menu .sub-menu {
          display: none;
          left: 100%;
          top: 0%;
          border: 1px solid rgba(255, 255, 255, 0.2); }
          .public-menu ul li .sub-menu .sub-menu li {
            background: #0077a8;
            border-bottom: none; }
            .public-menu ul li .sub-menu .sub-menu li a {
              background: #0077a8;
              color: #ffffff;
              transition: all .4s linear;
              min-width: 100%;
              border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
              .public-menu ul li .sub-menu .sub-menu li a:active, .public-menu ul li .sub-menu .sub-menu li a:hover {
                background-color: #293e74; }
            .public-menu ul li .sub-menu .sub-menu li:last-of-type a {
              border-bottom: none; }
      .public-menu ul li.menu-item-has-children a {
        padding-right: 38px; }
      .public-menu ul li.menu-item-has-children:after {
        content: "";
        display: block;
        position: absolute;
        width: 18px;
        height: 18px;
        background-image: url("../img/icons/blue-arrow-circle-down.png");
        background-image: url("../img/icons/blue-arrow-circle-down.svg");
        right: 12px;
        top: calc(50% - 12px); }
      .public-menu ul li.menu-item-has-children .menu-item-has-children:after {
        transform: rotate(-90deg); }
      .public-menu ul li:hover > .sub-menu {
        display: block; }

@media screen and (max-width: 1230px) {
  .public-menu .menu-menu-2-container {
    width: calc(100% - 248px);
    padding-right: 30px; }
    .public-menu .menu-menu-2-container > ul > li {
      font-size: 15px; }
      .public-menu .menu-menu-2-container > ul > li a {
        padding-left: 5px;
        padding-right: 5px; } }


.public-content-holder {
  background-color: #ffffff !important;
  /*
   * Set a counter and get the length of the image path.
   */
  /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
  /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
  /*
     * Set a base background for 1x environments.
     */
  background: url("../img/icons/line-diagram-2.png") right 5px no-repeat;
  background-size: 25% auto;
  /*
     * Create an @2x-ish media query.
     */
  /*
     * Create media queries for all environments that the user has
     * provided images for.
     */
  /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */
  border-radius: 6px;
  padding: 40px;
  margin-top: 30px;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.44); }
  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .public-content-holder {
      background: url("../img/icons/line-diagram-2@2x.png") right 5px no-repeat;
      background-size: 25% auto; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .public-content-holder {
      background: url("../img/icons/line-diagram-2@2x.png") right 5px no-repeat;
      background-size: 25% auto; } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
    .public-content-holder {
      background: url("../img/icons/line-diagram-2@3x.png") right 5px no-repeat;
      background-size: 25% auto; } }
  .public-content-holder ul {
    padding-left: 15px; }
  .public-content-holder ol {
    padding-left: 15px; }

.public-content-holder {
  box-shadow: none;
  border: 1px solid rgba(89, 114, 128, 0.3);
  border-radius: 0;
  background: #ffffff; }

.public-header {
  background: url("../img/application-header.png");
  background-position: 0 13%;
  background-size: 100% auto;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: -30px;
  width: calc(100% + 60px);
  border-radius: 6px 6px 0 0; }
  .public-header > h6, .public-header > h5, .public-header > h4, .public-header > h3, .public-header > h2, .public-header > h1 {
    color: #ffffff;
    text-align: center;
    font-weight: 300; }

/*input[type='submit'] {
        padding: 14px 40px 12px 40px;
        border-radius: 3px;
        background: none;
        border: 2px solid $text;
        color: $text;
        font-weight: 600;
        display: inline-block;
        font-size: 22px;
        cursor: pointer;
    }

    input[type='submit'] {
        border: none;
        padding: 10px 19px;
        font-size: 16px;
        border-radius: 3px;
        background: linear-gradient(to right, $btnBlueStart, $btnBlueStop);
        color: #ffffff;
        transition: all .2s linear;
        box-shadow: 0 3px 0px 0px rgba(0, 0, 0, 0.22), inset 0 -1px 3px 0px rgba(0, 0, 0, 0.5);
        position: relative;
        bottom: 4px;
        margin-top: 15px;
        font-weight: 500;
        bottom: 3px;

        &:hover {
            color: #ffffff;
            box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.22), inset 0 -1px 3px 0px rgba(0, 0, 0, 0.5);
            bottom: 1px;
        }

        &:active {
            color: #ffffff;
            box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.22), inset 0 -1px 3px 0px rgba(0, 0, 0, 0.5);
            bottom: 0;
        }
    }*/
input[type='submit'] {
  background: #ffffff;
  border: 1px solid #448DD7;
  color: #448DD7;
  transition: all .2s;
  font-weight: 500;
  border-radius: 2px;
  font-size: 18px;
  padding: 17px 40px 19px;
  display: inline-block;
  bottom: 0;
  padding: 7px 40px 8px;
  cursor: pointer; }
  input[type='submit']:hover {
    background-color: #E6E6E6;
    bottom: 0; }
  input[type='submit']:active {
    background-color: #E6E6E6;
    bottom: 0; }

.link-box {
  background: #f5f5f5;
  font-size: 0;
  padding: 15px;
  display: block;
  transition: all .2s linear;
  position: relative; }
  .link-box p {
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    width: calc(100% - 50px); }
    .link-box p span {
      font-weight: 500; }
  .link-box img {
    display: inline-block;
    width: 45px;
    width: 45px;
    vertical-align: top;
    position: absolute;
    top: calc(50% - 22px); }
  .link-box:hover {
    background: #dcdcdc; }

.new-link-box {
  color: #555555;
  font-size: 18px;
  padding: 10px;
  border: 1px solid #555555;
  display: inline-block;
  margin-top: 15px;
  width: 100%;
  background: #fff;
  transition: all .2s linear; }
  .new-link-box:hover {
    color: #555555;
    background: #f5f5f5; }


#sidebar {
  padding-left: 30px;
  margin-top: 30px; }
  #sidebar.left {
    padding-left: 0px;
    padding-right: 30px; }
  #sidebar #menu-sidebar-menu {
    background: #ffffff;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0;
    margin-top: 0;
    border: 1px solid rgba(89, 114, 128, 0.3); }
    #sidebar #menu-sidebar-menu li {
      margin: 0;
      padding: 0;
      background: none;
      border-bottom: 2px solid rgba(89, 114, 128, 0.3); }
      #sidebar #menu-sidebar-menu li a {
        font-family: 'Montserrat', sans-serif;
        display: block;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        color: #426BBA;
        font-size: 16px;
        font-weight: 600;
        background-color: transparent;
        text-align: left; }
        #sidebar #menu-sidebar-menu li a:hover {
          text-decoration: underline;
          color: #55A0F1; }
      #sidebar #menu-sidebar-menu li.active a {
        text-decoration: underline;
        color: #55A0F1; }
      #sidebar #menu-sidebar-menu li:last-of-type {
        border-bottom: none; }
  #sidebar.moc #menu-sidebar-menu li a {
    color: #3297BD; }
    #sidebar.moc #menu-sidebar-menu li a:hover {
      text-decoration: underline;
      color: #197EA4; }
  #sidebar.moc #menu-sidebar-menu li.active a {
    text-decoration: underline;
    color: #197EA4; }
  #sidebar.initial #menu-sidebar-menu li a {
    color: #16B4A6; }
    #sidebar.initial #menu-sidebar-menu li a:hover {
      text-decoration: underline;
      color: #009B8D; }
  #sidebar.initial #menu-sidebar-menu li.active a {
    text-decoration: underline;
    color: #009B8D; }
  #sidebar .physician-sidebar-link img {
    width: 40px;
    display: inline-block; }
  #sidebar .physician-sidebar-link span {
    display: inline-block;
    width: calc(100% - 40px);
    text-align: left;
    padding-left: 10px; }

.content-card {
  background-color: #ffffff;
  padding: 20px;
  margin-top: 20px;
  border: 1px solid rgba(89, 114, 128, 0.3); }

.content-card h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px; }

.content-card h6 {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px; }

  .content-card.moc a {
    font-weight: 500;
    color: #3297BD; }
  .content-card.moc a:hover {
    color: #197EA4; }

  .content-card.initial a {
    font-weight: 500;
    color: #16B4A6; }
  .content-card.initial a:hover {
    color: #009B8D; }

.expandable-card .expandable-title h3 {
  padding-right: 30px;
  background: url(../img/icons/blue-arrow-right.png);
  background: url(../img/icons/blue-arrow-right.svg);
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: 100% 50%; }

.expandable-card .expandable-title.active h3 {
  background: url(../img/icons/blue-arrow-down.png);
  background: url(../img/icons/blue-arrow-down.svg);
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: 100% 50%; }

.expandable-card .expandable-section {
  display: none; }

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 20px; }

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 20px; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

#sidebar .widget-area > li {
  padding-left: 0;
  list-style-type: none; }

@media screen and (max-width: 1023px) {
  .public-banner {
    padding-top: 10px;
    padding-bottom: 10px; }
    .public-banner ul li {
      display: block;
      text-align: center;
      padding-top: 0;
      padding-bottom: 0; }
      .public-banner ul li:first-of-type {
        border-right: none;
        padding-right: 0; }
      .public-banner ul li:nth-of-type(2) {
        border-right: none;
        padding-left: 0; }
  .public-menu ul li a {
    padding-left: 10px;
    padding-right: 10px; }
  .public-menu ul li.menu-item-has-children a {
    padding-right: 28px; }
  .public-menu ul li.menu-item-has-children:after {
    right: 4px; } }

@media screen and (max-width: 950px) {
  .public-menu ul li {
    font-size: 15px; }
    .public-menu ul li a {
      padding-left: 6px;
      padding-right: 6px; }
    .public-menu ul li.menu-item-has-children a {
      padding-right: 24px; }
    .public-menu ul li.menu-item-has-children:after {
      right: 2px; }
  .topbar ul li {
    font-size: 14px;
    margin: 0 0 0 10px; }
  .topbar ul .contact-link {
    margin-left: 5px;
    padding-left: 4px;
    padding-right: 4px; }
  .topbar ul li:nth-of-type(3) {
    margin-left: 5px; } }

@media only screen and (max-width: 900px) {
  .mobileNavButton {
    display: inline-block; }
  .topbar {
    background: #f0f4f7;
    position: relative;
    box-shadow: 0 10px 10px -10px #cbcbcb; }
    .topbar .mobile-logo {
      display: inline-block; }
    .topbar .full-width-logo {
      display: none; }
    .topbar h6 {
      width: calc(100% - 32px); }
      .topbar h6 img {
        left: calc(50% - 20px); }
    .topbar .menu-user-main-nav-container {
      display: none; }
  .public-menu {
    display: none; }
  .mobileNavButton span {
    background: #4467BE; } }

@media screen and (max-width: 800px) {
  .public-banner {
    padding-left: 15px;
    padding-right: 15px; }
  .public-header {
    margin-left: -15px;
    width: calc(100% + 30px); }
  .public-content-holder {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    background-size: 50% auto; }
  .public-inner-content .col-8 {
    width: 100%; } }

@media only screen and (max-width: 599px) {
  h1 {
    font-size: 34px;
    line-height: 38px; }
  .alignleft,
  .alignright {
    float: none;
    display: block;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    height: auto; } }

@media screen and (max-width: 399px) {
  .public-header {
    margin-left: -5px;
    width: calc(100% + 10px); }
  .public-content-holder {
    padding-left: 5px;
    padding-right: 5px; } }

/*-------------------------------------------------------------

88888888888          888      888
    888              888      888
    888              888      888
    888      8888b.  88888b.  888  .d88b.  .d8888b
    888         "88b 888 "88b 888 d8P  Y8b 88K
    888     .d888888 888  888 888 88888888 "Y8888b.
    888     888  888 888 d88P 888 Y8b.          X88
    888     "Y888888 88888P"  888  "Y8888   88888P'

-------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
  #alternative-requirements-table-popup .popup {
    top: 10%;
    max-height: 90vh;
    overflow: auto; } }

.public-content-holder table:not(.alternative-requirements-table) {
  background-image: linear-gradient(to right, #2f4e88, #293e74);
  border-collapse: collapse;
  width: 100%;
  border-radius: 0px;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.09);
  margin-top: 15px;
  margin-bottom: 15px; }
  .public-content-holder table:not(.alternative-requirements-table) tbody tr:first-of-type {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff; }
    .public-content-holder table:not(.alternative-requirements-table) tbody tr:first-of-type td,
    .public-content-holder table:not(.alternative-requirements-table) tbody tr:first-of-type th {
      padding-top: 10px;
      padding-bottom: 10px;
      align-items: center;
      font-size: 18px;
      line-height: 22px;
      font-weight: 400;
      text-align: left; }
      .public-content-holder table:not(.alternative-requirements-table) tbody tr:first-of-type td p,
      .public-content-holder table:not(.alternative-requirements-table) tbody tr:first-of-type th p {
        line-height: 22px;
        font-size: 18px;
        font-weight: 400;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0;
        position: relative;
        color: #fff; }
        .public-content-holder table:not(.alternative-requirements-table) tbody tr:first-of-type td p:after,
        .public-content-holder table:not(.alternative-requirements-table) tbody tr:first-of-type th p:after {
          content: '';
          position: absolute;
          right: 0;
          top: 0;
          width: 1px;
          height: 100%;
          background: rgba(255, 255, 255, 0.09); }
  .public-content-holder table:not(.alternative-requirements-table) td {
    border-right: 1px solid #d3d3d3; }
  .public-content-holder table:not(.alternative-requirements-table) tbody tr td {
    background: #ffffff;
    padding: 15px;
    text-align: center;
    font-weight: 500;
    line-height: 20px;
    text-align: left; }
    .public-content-holder table:not(.alternative-requirements-table) tbody tr td.print-column {
      display: none; }
    .public-content-holder table:not(.alternative-requirements-table) tbody tr td p {
      /* font-weight: 500; */
      line-height: 20px;
      margin: 0; }
  .public-content-holder table:not(.alternative-requirements-table) tbody tr:nth-of-type(2n + 1) td {
    background: #ececec; }
  .public-content-holder table:not(.alternative-requirements-table) tbody tr:last-of-type td:first-of-type {
    border-radius: 0 0 0 0; }
  .public-content-holder table:not(.alternative-requirements-table) tbody tr:last-of-type td:last-of-type {
    border-radius: 0 0 0 0; }
  .public-content-holder table:not(.alternative-requirements-table) tbody tr:first-of-type td {
    background: none; }
  .public-content-holder table:not(.alternative-requirements-table) .mobile-table-header {
    display: none; }
  .public-content-holder table:not(.alternative-requirements-table) .display-mobile-span {
    display: none; }
  .public-content-holder table:not(.alternative-requirements-table).fees-table tbody tr:nth-of-type(n + 2) td:first-of-type {
    background: #29487f;
    color: #ffffff; }
  .public-content-holder table:not(.alternative-requirements-table).fees-table tbody tr:nth-of-type(2n + 2) td:first-of-type {
    background: #2d508a;
    color: #ffffff; }
  .public-content-holder table:not(.alternative-requirements-table).fees-table tbody tr:first-of-type td:first-of-type {
    background: #7a7a7a;
    color: #ffffff;
    border-radius: 0; }
  .public-content-holder table:not(.alternative-requirements-table).requirements-table tbody tr:first-of-type td, .public-content-holder table:not(.alternative-requirements-table).requirements-table tbody tr:first-of-type th {
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500; }
  .public-content-holder table:not(.alternative-requirements-table).requirements-table tbody td {
    font-weight: 300;
    border: 1px solid rgba(187, 187, 187, 0.6);
    line-height: 24px; }
  .public-content-holder table:not(.alternative-requirements-table).mobile-deadlines-table {
    display: none; }
  .public-content-holder table:not(.alternative-requirements-table).main-deadlines-table tbody tr:nth-of-type(n + 2) td:nth-of-type(3), .public-content-holder table:not(.alternative-requirements-table).main-deadlines-table tbody tr:nth-of-type(n + 2) td:first-of-type {
    background: #29487f;
    color: #ffffff; }
  .public-content-holder table:not(.alternative-requirements-table).main-deadlines-table tbody tr:nth-of-type(2n + 2) td:nth-of-type(3), .public-content-holder table:not(.alternative-requirements-table).main-deadlines-table tbody tr:nth-of-type(2n + 2) td:first-of-type {
    background: #2d508a;
    color: #ffffff; }
  .public-content-holder table:not(.alternative-requirements-table).main-deadlines-table tbody tr:first-of-type td:first-of-type {
    background: #7a7a7a;
    color: #ffffff;
    border-radius: 0; }

@media screen and (max-width: 700px) {
  .public-content-holder table:not(.alternative-requirements-table) tbody tr:first-of-type {
    display: none; }
    .public-content-holder table:not(.alternative-requirements-table) tbody tr:first-of-type td {
      text-decoration: none !important;
      text-align: center !important; }
    .public-content-holder table:not(.alternative-requirements-table) tbody tr:first-of-type.display-mobile {
      display: table-row; }
      .public-content-holder table:not(.alternative-requirements-table) tbody tr:first-of-type.display-mobile td {
        display: none; }
        .public-content-holder table:not(.alternative-requirements-table) tbody tr:first-of-type.display-mobile td.display-mobile {
          display: block;
          width: 100%;
          padding-bottom: 15px; }
  .public-content-holder table:not(.alternative-requirements-table) .mobile-table-header {
    display: block;
    text-decoration: underline;
    font-weight: 600; }
  .public-content-holder table:not(.alternative-requirements-table) tbody tr:nth-of-type(n + 1) td {
    display: block;
    width: 100% !important;
    padding-bottom: 0;
    text-align: left;
    height: auto !important; }
    .public-content-holder table:not(.alternative-requirements-table) tbody tr:nth-of-type(n + 1) td:last-of-type {
      padding-bottom: 15px; }
  .public-content-holder table:not(.alternative-requirements-table) tbody tr:nth-of-type(n + 1):first-of-type td:first-of-type {
    border-radius: 6px 6px 0 0; }
  .public-content-holder table:not(.alternative-requirements-table) tbody tr:nth-of-type(n + 1):last-of-type td:last-of-type {
    border-radius: 0 0 6px 6px; }
  .public-content-holder table:not(.alternative-requirements-table) tbody tr:last-of-type td:first-of-type {
    border-radius: 0; }
  .public-content-holder table:not(.alternative-requirements-table) tbody tr td .display-mobile-span {
    display: inline; }
  .public-content-holder table:not(.alternative-requirements-table).fees-deadlines-tables tr td:first-of-type {
    text-decoration: underline; }
  .public-content-holder table:not(.alternative-requirements-table).fees-table tbody tr:nth-of-type(n + 2) td:first-of-type {
    text-decoration: none;
    padding-bottom: 15px; }
  .public-content-holder table:not(.alternative-requirements-table).mobile-deadlines-table {
    display: table; }
  .public-content-holder table:not(.alternative-requirements-table).main-deadlines-table {
    display: none; } }
.public-content-holder.moc-content ol > li:before, .public-content-holder.moc-content h1, .public-content-holder.moc-content h2, .public-content-holder.moc-content h3, .public-content-holder.moc-content h4, .public-content-holder.moc-content h5, .public-content-holder.moc-content h6, .public-content-holder.moc-content a {
  color: #3297BD; }

.public-content-holder.moc-content ul > li {
  background-image: url(../img/icons/bullet-one-moc.png);
  background-image: url(../img/icons/bullet-one-moc.svg);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  background-size: 16px auto; }

.public-content-holder.moc-content a:hover {
  color: #197EA4; }

.public-content-holder.moc-content table:not(.alternative-requirements-table) {
  background-image: linear-gradient(to right, #0b6ca1, #3297bd); }

.public-content-holder.initial-content ol > li:before, .public-content-holder.initial-content h1, .public-content-holder.initial-content h2, .public-content-holder.initial-content h3, .public-content-holder.initial-content h4, .public-content-holder.initial-content h5, .public-content-holder.initial-content h6, .public-content-holder.initial-content a {
  color: #16B4A6; }

  .public-content-holder.initial-content ul > li {
  background-image: url(../img/icons/bullet-one-initial.png);
  background-image: url(../img/icons/bullet-one-initial.svg);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  background-size: 16px auto; }

.public-content-holder.initial-content a:hover {
  color: #009B8D; }


.public-content-holder.initial-content table:not(.alternative-requirements-table) {
  background-image: linear-gradient(to right, #16b4a6, #5bccc2); }



  .public-content-holder a {
  font-weight: 500; }


/* public-pages.scss contains styles by page in the public site */
/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */
/*
    TENTATIVE TABLE OF CONTENTS

    [Table of Contents]

*/
.home-banner {
  background: #39396E;
  /*
   * Set a counter and get the length of the image path.
   */
  /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
  /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
  /*
     * Set a base background for 1x environments.
     */
  background: url("../img/ABPM_Header.png") center top no-repeat;
  background-size: cover;
  /*
     * Create an @2x-ish media query.
     */
  /*
     * Create media queries for all environments that the user has
     * provided images for.
     */
  /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */
  background-size: cover; }
  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .home-banner {
      background: url("../img/ABPM_Header@2x.png") center top no-repeat;
      background-size: cover; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .home-banner {
      background: url("../img/ABPM_Header@2x.png") center top no-repeat;
      background-size: cover; } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
    .home-banner {
      background: url("../img/ABPM_Header@3x.png") center top no-repeat;
      background-size: cover; } }
  .home-banner .wrapper {
    font-size: 0; }
  .home-banner h1, .home-banner h2, .home-banner h3, .home-banner h4, .home-banner h5, .home-banner h6, .home-banner li, .home-banner a, .home-banner div, .home-banner p {
    color: #ffffff; }
  .home-banner h1 {
    font-size: 40px;
    line-height: 44px;
    font-weight: 600; }
  .home-banner .section-left {
    width: 60%;
    display: inline-block;
    padding-top: 135px;
    padding-right: 50px;
    vertical-align: top; }
    .home-banner .section-left .section-left-inner {
      background-image: linear-gradient(to right, rgba(66, 107, 186, 0.83), rgba(119, 164, 222, 0.83));
      background-size: cover;
      padding: 45px 40px; }
      .home-banner .section-left .section-left-inner p {
        font-size: 18px;
        font-weight: 400;
        margin-top: 3px;
        margin-bottom: 3px; }
  .home-banner .section-right {
    width: 40%;
    display: inline-block;
    vertical-align: top; }
    .home-banner .section-right h2 {
      font-size: 22px;
      font-weight: 500;
      line-height: 24px;
      text-transform: uppercase; }
    .home-banner .section-right p {
      font-size: 18px;
      line-height: 20px;
      font-weight: 300; }
    .home-banner .section-right .section-right-1 {
      background-image: linear-gradient(to right, rgba(22, 180, 166, 0.75), rgba(22, 180, 166, 0.75));
      padding: 40px;
      position: relative; }
      .home-banner .section-right .section-right-1:after {
        content: "";
        display: block;
        position: absolute;
        height: 100%;
        width: 100vw;
        top: 0;
        left: 100%;
        background-image: linear-gradient(to right, rgba(22, 180, 166, 0.75), rgba(22, 180, 166, 0.75)); }
      .home-banner .section-right .section-right-1 .section-right-1-expand img {
        transition: all .25s linear; }
      .home-banner .section-right .section-right-1 .section-right-1-expand.open img {
        transform: rotateX(180deg); }
      .home-banner .section-right .section-right-1 .expandable-section-1 {
        display: none;
        padding-top: 10px;
        border-top: 1px solid #ffffff; }
        .home-banner .section-right .section-right-1 .expandable-section-1 a {
          font-weight: 600; }
          .home-banner .section-right .section-right-1 .expandable-section-1 a:hover {
            text-decoration: underline; }
        .home-banner .section-right .section-right-1 .expandable-section-1 p {
          margin-top: 0;
          margin-bottom: 0;
          line-height: 24px;
          font-size: 16px; }
      .home-banner .section-right .section-right-1 .minimize-section {
        transition: all .25s linear; }
      .home-banner .section-right .section-right-1 h2 img {
        position: relative;
        right: 0;
        transition: all .1s linear; }
      .home-banner .section-right .section-right-1:hover {
        background-image: linear-gradient(to right, rgba(22, 180, 166, 0.75), rgba(22, 180, 166, 0.85)); }
        .home-banner .section-right .section-right-1:hover:after {
          background-image: linear-gradient(to right, rgba(22, 180, 166, 0.85), rgba(22, 180, 166, 0.85)); }
        .home-banner .section-right .section-right-1:hover h2 img {
          right: -3px; }
    .home-banner .section-right .section-right-2 {
      background-image: linear-gradient(to right, rgba(50, 151, 189, 0.75), rgba(50, 151, 189, 0.75));
      padding: 40px;
      position: relative; }
      .home-banner .section-right .section-right-2:after {
        content: "";
        display: block;
        position: absolute;
        height: 100%;
        width: 100vw;
        top: 0;
        left: 100%;
        background-image: linear-gradient(to right, rgba(50, 151, 189, 0.75), rgba(50, 151, 189, 0.75)); }
      .home-banner .section-right .section-right-2 .section-right-2-expand img {
        transition: all .25s linear; }
      .home-banner .section-right .section-right-2 .section-right-2-expand.open img {
        transform: rotateX(180deg); }
      .home-banner .section-right .section-right-2 .expandable-section-2 {
        display: none;
        padding-top: 10px;
        border-top: 1px solid #ffffff; }
        .home-banner .section-right .section-right-2 .expandable-section-2 a {
          font-weight: 600; }
          .home-banner .section-right .section-right-2 .expandable-section-2 a:hover {
            text-decoration: underline; }
        .home-banner .section-right .section-right-2 .expandable-section-2 p {
          margin-top: 0;
          margin-bottom: 0;
          line-height: 24px;
          font-size: 16px; }
      .home-banner .section-right .section-right-2 .minimize-section {
        transition: all .25s linear; }
      .home-banner .section-right .section-right-2 h2 img {
        position: relative;
        right: 0;
        transition: all .1s linear; }
      .home-banner .section-right .section-right-2:hover {
        background-image: linear-gradient(to right, rgba(50, 151, 189, 0.75), rgba(50, 151, 189, 0.85)); }
        .home-banner .section-right .section-right-2:hover:after {
          background-image: linear-gradient(to right, rgba(50, 151, 189, 0.85), rgba(50, 151, 189, 0.85)); }
        .home-banner .section-right .section-right-2:hover h2 img {
          right: -3px; }
    .home-banner .section-right .section-right-3 {
      background-image: linear-gradient(to right, rgba(66, 107, 186, 0.75), rgba(66, 107, 186, 0.75));
      padding: 40px;
      position: relative; }
      .home-banner .section-right .section-right-3:after {
        content: "";
        display: block;
        position: absolute;
        height: 100%;
        width: 100vw;
        top: 0;
        left: 100%;
        background-image: linear-gradient(to right, rgba(66, 107, 186, 0.75), rgba(66, 107, 186, 0.75)); }
      .home-banner .section-right .section-right-3 a img {
        height: 16px;
        position: relative;
        top: 1px;
        right: -3px;
        transition: all .1s linear; }
      .home-banner .section-right .section-right-3 .minimize-section {
        transition: all .25s linear; }
      .home-banner .section-right .section-right-3 a:hover img {
        right: -5px; }

footer *, footer p, footer div, footer li, footer a, .topbar p, .topbar div, .topbar li, .topbar a, .mobileMenu p, .mobileMenu div, .mobileMenu li, .mobileMenu a, .public-menu p, .public-menu div, .public-menu li, .public-menu a, .home p, .home div, .home li, .home a {
  font-family: 'Montserrat', sans-serif; }


@media only screen and (max-width: 900px) {
  .home-banner {
    background-position: center center;
    overflow: hidden; }
    .home-banner .section-left {
      width: 100%;
      padding-top: 80px;
      padding-left: 30px;
      padding-right: 30px;
      padding-bottom: 40px; }
    .home-banner .section-right {
      font-size: 0;
      width: calc(100% + 10px);
      margin-left: -5px; }
      .home-banner .section-right .section-right-1 {
        width: 33.33%;
        display: inline-block;
        vertical-align: top;
        padding: 15px; }
        .home-banner .section-right .section-right-1:after {
          height: 100vh;
          width: 100%;
          top: 100%;
          left: 0; }
      .home-banner .section-right .section-right-2 {
        width: 33.33%;
        display: inline-block;
        vertical-align: top;
        padding: 15px; }
        .home-banner .section-right .section-right-2:after {
          height: 100vh;
          width: 100%;
          top: 100%;
          left: 0; }
      .home-banner .section-right .section-right-3 {
        width: 33.33%;
        display: inline-block;
        vertical-align: top;
        padding: 15px; }
        .home-banner .section-right .section-right-3:after {
          height: 100vh;
          width: 100%;
          top: 100%;
          left: 0; }
    .home-banner h1 {
      font-size: 30px; } }

      @media only screen and (max-width: 700px) {
  .home-banner {
    background-position: center center;
    overflow: hidden; }
    .home-banner .section-left {
      width: 100%;
      padding-top: 80px;
      padding-left: 30px;
      padding-right: 30px;
      padding-bottom: 40px; }
    .home-banner .section-right {
      width: calc(100% + 10px);
      margin-left: -5px; }
      .home-banner .section-right .section-right-1 {
        width: 100%;
        padding: 20px 10px; }
        .home-banner .section-right .section-right-1:after {
          display: none; }
      .home-banner .section-right .section-right-2 {
        width: 100%;
        padding: 20px 10px; }
        .home-banner .section-right .section-right-2:after {
          display: none; }
      .home-banner .section-right .section-right-3 {
        width: 100%;
        padding: 20px 10px; }
        .home-banner .section-right .section-right-3:after {
          display: none; } }

@media only screen and (max-width: 450px) {
  .home-banner .section-left {
    padding-top: 40px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 40px; }
    .home-banner .section-left .section-left-inner {
      padding: 10px; } }

.home p, .home div, .home li, .home a, .home span, .home i {
  font-family: 'Montserrat', sans-serif; }

.home footer p {
  font-family: 'Roboto', sans-serif; }

        .home .position-footer {
  padding-bottom: 0; }

.home .home-bottom .public-content-holder {
  background: none; }
  .home .home-bottom .public-content-holder .header-icon {
    height: 33px; }
  .home .home-bottom .public-content-holder span i {
    font-size: .875em; }

.home .home-section-title {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 40px;
  text-align: center;
  margin-top: 45px;
  margin-bottom: 15px; }

.home .initial-certification-section h1, .home .initial-certification-section h2, .home .initial-certification-section h3, .home .initial-certification-section h4, .home .initial-certification-section h5, .home .initial-certification-section h6, .home .initial-certification-section a {
  color: #16B4A6; }

.home .initial-certification-section a:hover {
  color: #009B8D; }

.home .initial-certification-section .btn-public-nofill {
  color: #16B4A6;
  border: 1px solid #16B4A6; }

.home .moc-certification-section h1, .home .moc-certification-section h2, .home .moc-certification-section h3, .home .moc-certification-section h4, .home .moc-certification-section h5, .home .moc-certification-section h6, .home .moc-certification-section a {
  color: #3297BD; }

.home .moc-certification-section a:hover {
  color: #197EA4; }

.home .moc-certification-section .btn-public-nofill {
  color: #3297BD;
  border: 1px solid #3297BD; }

.home h4 {
  font-size: 24px;
  line-height: 30px; }

.home .home-bottom-section {
  padding-top: 66px;
  padding-bottom: 66px;
  /*
   * Set a counter and get the length of the image path.
   */
  /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
  /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
  /*
     * Set a base background for 1x environments.
     */
  background: url("../img/home-bottom-fuzzy.jpg") center top no-repeat;
  background-size: cover;
  /*
     * Create an @2x-ish media query.
     */
  /*
     * Create media queries for all environments that the user has
     * provided images for.
     */
  /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */
  background-size: cover; }

  .faq-links {
    padding-top: 30px;
  }

  .faq-links h5 a {
    color: #4085D0;
  }

  .faq-links h5 a:hover {
    color: #276CB7;
  }

  .home i.fab {
    font-family: "Font Awesome 5 Brands";
  }



  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .home .home-bottom-section {
      background: url("../img/home-bottom-fuzzy@2x.jpg") center top no-repeat;
      background-size: cover; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .home .home-bottom-section {
      background: url("../img/home-bottom-fuzzy@2x.jpg") center top no-repeat;
      background-size: cover; } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
    .home .home-bottom-section {
      background: url("../img/home-bottom-fuzzy@3x.jpg") center top no-repeat;
      background-size: cover; } }
  .home .home-bottom-section h1, .home .home-bottom-section h2, .home .home-bottom-section h3, .home .home-bottom-section h4, .home .home-bottom-section h5, .home .home-bottom-section h6, .home .home-bottom-section li, .home .home-bottom-section div, .home .home-bottom-section td, .home .home-bottom-section a, .home .home-bottom-section p {
    color: #ffffff; }
  .home .home-bottom-section h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 42px;
    text-align: center;
    color: #ffffff; }
  .home .home-bottom-section h6 {
    line-height: 26px;
    font-size: 22px;
    font-weight: 300; }
  .home .home-bottom-section a {
    font-size: 14px;
    font-weight: 500;
    line-height: 30px; }
    .home .home-bottom-section a img {
      height: 13px;
      position: relative;
      top: 1px;
      left: 5px; }
  .home .home-bottom-section .public-content-holder {
    background-color: transparent !important;
    background-image: linear-gradient(to left, rgba(119, 164, 222, 0.9), rgba(66, 107, 186, 0.9));
    border: 1px solid rgba(89, 114, 128, 0.3);
    padding-bottom: 66px;
    background-size: 100%; }
    .home .home-bottom-section .public-content-holder .white-line {
      background: rgba(255, 255, 255, 0.4);
      height: 4px; }
  .home .home-bottom-section .subspecialty-inner-home,
  .home .home-bottom-section .specialty-inner-home {
    margin-top: 30px;
    margin-bottom: 30px; }

@media screen and (max-width: 1000px) {
  .home .home-bottom .col-4,
  .home .home-bottom .col-8 {
    width: 50%; } }

@media screen and (max-width: 800px) {
  .home-banner .col-4 {
    margin-left: 16.66%; }
  .home .deadlines-col {
    width: 100%; }
  .home .home-bottom .col-4,
  .home .home-bottom .col-8 {
    width: 100%; } }


@media screen and (max-width: 450px) {
  .home-banner .col-4 {
    margin-left: 0%; }
  .home .home-section-title {
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 10px;
    line-height: 34px; }
  .home .home-bottom-section h2 {
    font-size: 28px;
    line-height: 32px; } }

@media screen and (min-width: 901px) {
  .public-menu ul li:last-of-type a {
    padding-right: 0; } }

.prev-posts-link {
  display: inline; }

.next-posts-link {
  float: right; }

.home .news-holder {
  padding: 24px 40px; }

.public-content-holder.no-padding {
  padding: 0; }

.btn-blue-nofill {
  transition: all .2s linear; }

.btn-blue-nofill:hover {
  background: rgba(68, 141, 215, 0.09);
  color: #448dd7; }

.login-banner .public-content-holder {
  background: #ffffff;
  padding-bottom: 20px; }

footer ul.bottom-row li {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

footer ul.bottom-row li span {
  margin-right: 131px; }

  @media only screen and (min-width: 1500px) {
  footer ul.bottom-row li span {
    margin-right: -131px; } }

footer {
  background: #ffffff; }
  footer .blue-line {
    background: #426BBA;
    width: 100%;
    height: 1px; }
  footer .gray-line,
  footer .grey-line {
    background: #e3e3e3;
    width: 100%;
    height: 1px; }
  footer .top-row tr td p {
    font-weight: 400; }
  footer ul.bottom-row li, footer ul.bottom-row li a, footer a, footer .top-row tr td p a {
    color: #426BBA; }
    footer ul.bottom-row li:hover, footer ul.bottom-row li a:hover, footer a:hover, footer .top-row tr td p a:hover {
      color: #276CB7; }
  footer .uber-top-row {
    margin-bottom: 25px;
    margin-top: 30px; }
    footer .uber-top-row h6 {
      line-height: 32px;
      font-size: 18px; }
    footer .uber-top-row p {
      margin-top: 5px;
      margin-bottom: 5px;
      font-size: 14px;
      line-height: 18px; }
    footer .uber-top-row p + p {
      margin-top: 0; }

      @media only screen and (max-width: 800px) {
  footer .uber-top-row .col-3:nth-of-type(3) {
    clear: left; } }

footer .tecture {
  display: inline-block;
  float: left;
  height: 24px;
  width: 131px;
  background-image: url(../img/tectureABPMlogo.svg);
  background-size: 100%;
  background-position: top left;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -3000px;
  right: 0; }

@media only screen and (min-width: 1500px) {
  footer .tecture {
    float: right; } }

.notice-banner {
  background-color: #426bba; }

.notice-banner .content {
  padding: 20px;
  font-weight: 400;
  font-size: 16px;
  color: #fff; }

  .notice-banner .content p {
    color: white;
  }

.notice-banner .content a {
  font-weight: 600;
  color: #fff; }

@media screen and (min-width: 1023px) {
  footer .top-row tr td:nth-of-type(2) {
    padding-right: 40px; } }

@media screen and (max-width: 760px) {
  footer ul.bottom-row li span {
    display: block;
    margin-right: 0; }
  footer .tecture {
    float: none;
    margin-top: 15px; } }

@media screen and (max-width: 1000px) {
  .home .home-bottom .col-4, .home .home-bottom .col-8 {
    width: 100%; } }

.page-template-temp-login .position-footer {
  background: #39396E;
  background: url("img/public-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover; }

.login-banner {
  /*background: #39396E;
  background: url("img/public-banner.jpg");*/
  background-size: cover;
  padding-top: 85px;
  padding-bottom: 20px; }

.login-banner .wrapper > h1 {
  color: #ffffff;
  text-align: center; }

.login-banner .wrapper > h5 {
  color: #ffffff;
  text-align: center; }

.login-banner .col-4 {
  float: none;
  display: inline-block; }

.login-banner .col-4 h2 {
  max-width: 280px;
  margin: auto; }

.login-banner .public-content-holder {
  background: #ffffff; }

@media screen and (max-width: 800px) {
  .login-banner {
    padding-top: 30px; } }

.quiz {
  font-family: 'Open-sans', sans-serif;
  background: #033850;
  background-position: top left;
  background-size: 100% auto;
  background-repeat: no-repeat; }

.quiz .position-footer {
  padding-bottom: 0;
  margin-bottom: 101px; }

.quiz-logo-header {
  padding-top: 20px; }

.quiz-logo-header img {
  height: 40px; }

.quiz-title-header * {
  color: #fff;
  text-align: center; }

.quiz-title-header h1 {
  font-size: 50px; }

.quiz-title-header h3 {
  font-size: 30px; }

.quiz-container {
  margin-top: 20px; }

.quiz-container-inner {
  background: #ffffff;
  padding: 60px 100px;
  min-height: calc(100vh - 316px);
  border-radius: 8px; }

.quiz-container-inner h2 {
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 15px; }

.quiz-container-inner .undetermined img.ineligible,
.quiz-container-inner .undetermined img.eligible {
  display: none; }

.quiz-container-inner .ineligible img.ineligible {
  display: block; }

.quiz-container-inner .ineligible span,
.quiz-container-inner .ineligible img.eligible {
  display: none; }

.quiz-container-inner .eligible img.eligible {
  display: block; }

.quiz-container-inner .eligible span,
.quiz-container-inner .eligible img.ineligible {
  display: none; }

.quiz-container-inner .alternative span,
.quiz-container-inner .alternative img.eligible,
.quiz-container-inner .alternative img.ineligible {
  display: none; }

.quiz-container-inner h3 {
  margin-bottom: 30px; }

.quiz-progress-bar {
  display: block;
  width: 100%;
  background: #f6f6f9;
  height: 30px;
  margin-bottom: 5px;
  border: 1px solid #c9c9c9;
  border-radius: 15px;
  overflow: hidden;
  padding-bottom: 1px; }

.quiz-progress-bar .quiz-progress-bar-inner {
  display: inline-block;
  background: #55a0f1;
  height: 100%;
  transition: width .5s linear; }

.quiz footer {
  background: linear-gradient(to right, #503762, #5d456e);
  padding-bottom: 25px;
  padding-top: 16px;
  position: fixed;
  bottom: 0;
  width: 100vw; }

.quiz footer * {
  color: #fff; }

.quiz-button {
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 15px;
  display: inline-block;
  padding: 7px 40px 5px;
  background-image: linear-gradient(to right, #3165b6, #387be3);
  color: #fff;
  font-weight: 500; }

.quiz-button:hover {
  color: #fff; }

.quiz-button-white {
  display: inline-block;
  padding: 7px 40px 5px;
  color: #000000;
  font-weight: 500;
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);
  font-weight: 300; }

.quiz-button-white:hover {
  color: #000000;
  background: #f6f6f9; }

.quiz .answers {
  margin-top: 60px;
  text-align: center; }

.quiz-navigation {
  margin-top: 60px; }

.end-badge {
  width: 140px;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.quiz #faq-container > div {
  border-bottom: 1px solid #c9c9c9;
  padding-left: 34px;
  position: relative; }

.quiz #faq-container > div:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  display: block;
  background-image: url("/wp-content/uploads/2018/02/faqicon.png");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: 0 0;
  cursor: pointer;
}

.quiz #faq-container > div.open:before {
  transform: rotate(90deg); }

.quiz #faq-container h5 {
  margin-top: 30px;
  padding-bottom: 20px;
  font-weight: 600;
  border-bottom: 1px solid #c9c9c9; }

.quiz .faq-question {
  font-size: 20px;
  cursor: pointer; }

.quiz .faq-answer {
  font-size: 16px;
  font-weight: 500; }

.mobile-practice-years {
  display: none; }

body .alternative-requirements-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 450px;
  background: #fff;
  padding-top: 10px;
  padding-bottom: 10px; }

body .alternative-requirements-table tr {
  border-bottom: 1px solid #e4e4e4; }

body .alternative-requirements-table tr:last-of-type {
  border-bottom: none; }

body .alternative-requirements-table tr:nth-last-of-type(2) {
  border-bottom: 2px solid #e4e4e4; }

body .alternative-requirements-table td {
  text-align: center;
  border-right: 1px solid #e4e4e4;
  font-size: 15px;
  font-weight: 500;
  padding-top: 5px;
  padding-bottom: 2px; }

body .alternative-requirements-table td:last-of-type {
  border-right: none; }

body .alternative-requirements-table td:first-of-type {
  text-align: left; }

body .alternative-requirements-table td img {
  width: 20px; }

body .alternative-requirements-table td .practice-years {
  font-size: 20px;
  line-height: 34px; }

body .alternative-requirements-table-disclaimer {
  font-size: 14px;
  line-height: 18px; }

.quiz-selector {
  padding: 30px;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);
  width: 100%;
  color: #555555;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  transition: all .2s linear;
  margin-bottom: 30px;
  min-height: 181px;
  border: 1px solid #d5d5d5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

.quiz-selector:hover {
  color: #555555; }

.quiz-selector span.psuedo-button {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
  padding-top: 8px;
  padding-bottom: 7px;
  font-size: 18px;
  border: none;
  color: #ffffff;
  transition: all .2s linear;
  /*box-shadow: 0 4px 0px 0px rgba(0, 0, 0, 0.22), inset 0 -1px 3px 0px rgba(0, 0, 0, 0.5);*/
  font-weight: 300;
  border-radius: 6px;
  position: relative;
  bottom: 4px;
  background-color: #A81874; }

.quiz-selector:hover {
  box-shadow: 0 0 4px 2.5px rgba(0, 0, 0, 0.3); }

.quiz-selector .subspecialty-title,
.quiz-selector .specialty-title {
  display: inline-block; }

  #pQuestion p {
    font-family: 'Montserrat', sans-serif;
    color: #555555;
    font-weight: 300;
    font-size: 30px;
    line-height: 37px;
  }

  #pDescription p {
    font-family: 'Montserrat', sans-serif;
    color: #555555;
    font-weight: 300;
    font-size: 20px;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 0;
  }

@media screen and (max-width: 1200px) {
  .quiz {
    background: #f6f6f9;
    background-image: url("/wp-content/uploads/2018/02/LargeDiagonalBG@2x.png");
    background-position: top left;
    background-size: 100% 70%;
    background-repeat: no-repeat; } }

@media screen and (max-width: 800px) {
  .quiz-title-header h1 {
    font-size: 30px;
    line-height: 35px; }
  .quiz-title-header h3 {
    font-size: 20px;
    line-height: 24px; }
  .quiz-logo-header img {
    height: 22px; }
  .quiz-container-inner {
    padding: 20px 40px; }
  .quiz-container-inner h2 {
    font-size: 24px; }
  .quiz-container-inner h3 {
    font-size: 18px;
    margin-bottom: 5px; }
  .quiz-container-inner h6 {
    font-size: 16px;
    margin-bottom: 10px; } }

@media screen and (max-width: 600px) {
  .quiz .position-footer {
    margin-bottom: 56px; }
  .quiz-container-inner {
    padding: 8px; }
  .quiz-title-header {
    padding-top: 10px; }
  .quiz-button {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px; }
  .quiz-navigation {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #f6f6f9; }
  .quiz-button-white {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px; }
  .quiz footer {
    padding-bottom: 8px;
    padding-top: 8px; }
  .quiz footer h5 {
    font-size: 16px;
    line-height: 17px; }
  .quiz .quiz-progress-bar {
    height: 18px; }
  .mobile-practice-years {
    display: block; }
  body .alternative-requirements-table {
    display: none; } }

.hide800 {
  display: block;
}

.show800 {
  display: none;
}

@media only screen and (max-width: 800px) {
  .hide800 {
    display: none;
  }

  .show800 {
    display: block;
  }
}