/* Main */
.school-page.courses .r.rs main {
    padding: 0;
}

/* Make sure school-nav is not sticky causing issues */
.school-page .school-navigation {
    position:unset !important;
}

/* Results # */
#course-results {
    color: rgba(0,0,0,0.7);
    font-size: 0.95rem;
    margin: 0 0 20px 0;
}

/* Course List */
ul#ce-course-filter-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul#ce-course-filter-list li {
    margin: 7px 0;
}
    ul#ce-course-filter-list li a {
        display: block;
        padding: 12px 25px;
        transition: all 0.2s ease-in-out;
        color: #000;
        text-decoration: none;
        font-size: 1.05rem;
        line-height: 1.4rem;
        display: flex;
        align-items: center;
        border-radius: 50px;
    }
    ul#ce-course-filter-list li:nth-child(even) a {
        background: rgba(0,0,0,0.05);
    }
    ul#ce-course-filter-list li:nth-child(odd) a {
        background: rgba(0,0,0,0.1);
}
    ul#ce-course-filter-list li a:hover,
    ul#ce-course-filter-list li a:focus {
        background: #e9f4ce;
    }
      ul#ce-course-filter-list li a:hover .title,
      ul#ce-course-filter-list li a:focus .title {
          text-decoration: underline;
      }
    ul#ce-course-filter-list li a .code {
        border-left: solid 2px rgba(0,0,0,0.3);
        padding: 0 0 0 8px;
        margin: 0 0 0 8px;
        font-size: 0.8rem;
        line-height: 1;
    }
    ul#ce-course-filter-list li a .status, ul#ce-course-filter-list li a .new {
        display: inline-block;
        font-size: 0.75rem;
        line-height: 1;
        padding: 5px 7px;
        margin: 0 0 0 8px;
        border-radius: 3px;
        text-align: center;
    }
    ul#ce-course-filter-list li a .status{
        min-width: 105px;
    }
      ul#ce-course-filter-list li a .new {
          background: #c1de83;
      }
        ul#ce-course-filter-list li a .new i {
            margin: 0 5px 0 0;
            font-size: 0.7rem;
        }
    ul#ce-course-filter-list li a .status {
        background: #97dbf8;
    }
        ul#ce-course-filter-list li a .status i {
            margin: 0 5px 0 0;
        }

/* Perform another search alterations */
#ce-single-course #search-courses p.new-search {
    border-bottom: 2px solid #d4d4d4;
    color: #7c7c7c;
    font-weight: 600;
    margin: 1.5rem 0 0.5rem;
    padding: 0 0 0.25rem;
    text-transform: uppercase;
}
    #ce-single-course #search-courses .course-search h3:before {
        background: #a3b2ba;
    }
    #ce-single-course #search-courses .course-search h3 {
        color: #6c6c6c !important;
    }
    #ce-single-course #search-courses p.new-search-text {
        font-size: 0.8rem;
    }
    #ce-single-course .course-filters {
        border-radius: 4px 4px 0 0;
    }
    #search-courses .clear-filters-box > button.clear-filters {
        font-size: 0.8rem;
    }
    /* Search Button */
    #search-courses > form#filter-url {
        border-radius: 0 0 4px 4px;
    }
        #search-courses > form#filter-url .button {
            font-weight: 600;
            text-transform: uppercase;
            width: 100%;
        }

/* View Cart / Checkout */
.school-page.courses .r.rs aside .my-cart {
    border: solid 2px rgba(0,0,0,0.1);
    border-radius: 8px;
    margin: 0 0 20px 0;
    text-align: center;
    padding: 20px;
}
    .school-page.courses .r.rs aside .my-cart a.view-cart {
        display: block;
        font-size: 1rem;
        font-weight: 600;
        color: #fff;
        background: #0a4a9d;
        border-radius: 50px;
        padding: 16px 15px;
        text-decoration: none;
        border: solid 2px transparent;
        transition: all 0.3s ease-in-out;
    }
  .school-page.courses .r.rs aside .my-cart a.view-cart:hover,
  .school-page.courses .r.rs aside .my-cart a.view-car:focus {
      border: solid 2px #0a4a9d;
      background: none;
      color: #0a4a9d;
  }
  .school-page.courses .r.rs aside .my-cart a.view-cart span {
      position: relative;
      padding: 0 0 0 25px;
  }
  .school-page.courses .r.rs aside .my-cart a.view-cart span:before {
      content: "\f07a";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 0;
      top: 1px;
      font-size: 1rem;
  }
  .school-page.courses .r.rs aside .my-cart a.info-link {
      display: block;
      margin: 20px 0 0 0;
      font-size: 0.8rem;
      text-decoration: underline;
  }
  .school-page.courses .r.rs aside .my-cart a.info-link span {
      position: relative;
      padding: 0 0 0 18px;
  }
  .school-page.courses .r.rs aside .my-cart a.info-link span:before {
      content: "\f05a";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 0;
      font-size: 0.85rem;
  }
  .school-page.courses .r.rs aside .my-cart a.info-link:hover,
  .school-page.courses .r.rs aside .my-cart a.info-link:focus {
      cursor: pointer;
      text-decoration: none;
  }
  /* Modal */
  #cartinfo .iziModal-header {
        background: #0a4a9d !important;
    }

/* Course Filter Wrapper */
.school-page.courses .r.rs aside {
    border: none;
    padding: 0;
}
    #ce-course-filter-options {
      background: #ebf6fd;
      border: none;
      padding: 30px 20px;
      border-radius: 8px;
  }

/* Search Courses */
.lorem .ce-course-filtering-wrapper .course-search h3 {
    display: block;
    font-size: 1.45rem;
    font-weight: 600;
    margin: 0 0 20px 0;
    padding: 0 0 0 3.25rem;
    position: relative;
    text-transform: none;
    color: #00164d;
    min-height: 2.5rem;
    display: flex;
    align-items: center;
}
.lorem .ce-course-filtering-wrapper .course-search h3:before {
    background: none;
    border-radius: 50%;
    color: #fff;
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-size: 1rem;
    font-weight: 900;
    left: 0;
    position: absolute;
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
    background: #00164d;
    display: flex;
    align-items: center;
    justify-content: center;
}
  .lorem .ce-course-filtering-wrapper .course-search input#course-text-search {
      border-bottom: 2px solid #e1e1e1;
      border-top: none;
      border-left: none;
      border-right: none;
      box-shadow: none;
      font-size: 0.95rem;
      height: inherit;
      width: 90%;
      padding: 10px 5%;
      transition: all 0.3s ease-in-out;
  }
  .lorem .ce-course-filtering-wrapper .course-search input#course-text-search:focus {
      border-bottom: solid 2px #0077be;
      outline: none;
  }

  /* Filters */
  .ce-course-filtering-wrapper .course-filters {
      margin: 30px 0 0 0;
  }
    .lorem .ce-course-filtering-wrapper .course-filters > h4 {
        position: relative;
        font-size: 1.05rem;
        padding: 0 0 0 20px;
        color: rgba(0,0,0,0.8);
    }
      .lorem .ce-course-filtering-wrapper .course-filters > h4:before {
          content: "\f0b0";
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          font-size: 0.9rem;
          position: absolute;
          left: 0;
          top: -1px;
      }
  .lorem .ce-course-filtering-wrapper .course-filters h5 {
      font-size: 1rem;
      color: rgba(0,0,0,0.74);
      font-weight: 600;
      margin: 20px 0 10px;
      text-transform: none;
  }
  /* Interests */
  .ce-course-filtering-wrapper .course-filters .interests #interest-group-select {
      background: #fff;
      border-radius: 4px 0 0 4px;
      color: rgba(0,0,0,0.8);
      font-size: 0.95rem;
      height: inherit;
      padding: 10px;
      border: 2px solid #e1e1e1;
      width: 100%;
  }
/* All Filters */
.lorem .ce-course-filtering-wrapper .course-filters ul {
    margin: 0;
    list-style-type: none;
}
    .lorem .ce-course-filtering-wrapper .course-filters li {
        padding: 0;
        margin: 5px 0;
    }
      /* Deselected State */
      .ce-course-filtering-wrapper .course-filters li a {
          display: block;
          font-size: 0.95rem;
          line-height: 1.3rem;
          text-decoration: none;
          padding: 6px 10px;
          display: flex;
          align-items: center;
          color: rgba(0,0,0,0.8);
      }
    .ce-course-filtering-wrapper .course-filters li a:hover,
    .ce-course-filtering-wrapper .course-filters li a:focus {
        color: inherit;
    }
          .ce-course-filtering-wrapper .course-filters li a:before {
              content: "\f0c8";
              font-family: "Font Awesome 5 Free";
              font-size: 1.3rem;
              color: #898989;
              margin: 0 10px 0 0;
          }
          /* Selected State */
          .ce-course-filtering-wrapper .course-filters li a.active {
              background: #e9f4ce;
              color: #1d2a00;
              font-weight: 600;
              text-decoration: none !important;
          }
              .ce-course-filtering-wrapper .course-filters li a.active:before {
                  content: "\f14a";
                  color: #83a82e;
              }
    /* Campus Selection */
    .ce-course-filtering-wrapper .course-filters li .on-campus-selection {
        background: rgba(0,0,0,0.04);
        border-radius: 4px;
        margin: 15px 0 10px;
        padding: 10px;
    }
    .ce-course-filtering-wrapper .course-filters li .on-campus-selection h6 {
        font-size: 0.9rem;
        color: rgba(0,0,0,0.74);
        font-weight: 600;
        margin: 0 0 8px;
    }
    .ce-course-filtering-wrapper .course-filters li .on-campus-selection ul li:last-child {
        margin-bottom: 0;
    }
    /* New Courses */
    .ce-course-filtering-wrapper .course-filters .new-courses > div {
        display: flex;
        font-size: 0.95rem;
        line-height: 1.3rem;
    }
    .ce-course-filtering-wrapper .course-filters .new-courses input {
        margin: 0 6px 0 0;
    }
    /* Selected Filters */
    .ce-course-filtering-wrapper .selected-filters {
        display: none;
    }

/* No Courses Found */
#no-courses-found {
    background: #ffefef;
    border-radius: 6px;
    color: #b5000c;
    display: block;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#no-courses-found p {
    font-size: 1.3rem;
    line-height: 1.6rem;
    letter-spacing: 0.02rem;
    font-weight: 500;
    margin: 0;
}
#no-courses-found .clear-filters,
.clear-filters  {
    background: #e8e8e8;
    border-radius: 50px;
    text-decoration: none;
    padding: 15px 25px;
    color: rgba(0,0,0,0.8);
    font-weight: 500;
    letter-spacing: 0.02rem;
    border: solid 2px transparent;
    transition: all 0.3s ease-in-out;
}
#no-courses-found .clear-filters i,
.clear-filters i {
    margin: 0 0 0 5px;
}
#no-courses-found .clear-filters:hover,
#no-courses-found .clear-filters:focus,
.clear-filters:hover,
.clear-filters:focus {
    border: solid 2px rgba(0,0,0,0.75);
}

/* Load More Buttons */
.load-buttons {
    display: flex;
    margin: 25px 0 0 0;
}
.load-buttons .load-button {
    background: #0a4a9d;
    border: solid 2px #0a4a9d;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    padding: 18px 30px;
    margin: 10px;
    position: relative;
}
.load-buttons .load-button:hover,
.load-buttons .load-button:focus {
    background: none;
    color: #0a4a9d;
    cursor: pointer;
}
.load-buttons #load-more-ce-courses {
    padding-right: 50px;
}
.load-buttons #load-more-ce-courses:after {
    content: "...";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    font-size: 1.5rem;
    line-height: 1;
    position: absolute;
    top: 12px;
    right: 30px;
}
.load-buttons .load-button:first-child {
    margin-left: 0;
}

/* Cart Info Modal */
.page-template-default.courses #cartinfo ol.numbers li {
    font-size: 1.05rem;
    line-height: 1.6rem;
}
.page-template-default.courses #cartinfo ol.numbers li img {
    width: 100px;
    vertical-align: middle;
}
.page-template-default.courses #cartinfo .multiple {
    border-top: solid 2px rgba(0,0,0,0.1);
    display: block;
    margin: 30px 0 0 0;
    padding: 25px 0 0 0;
    font-size: 1.05rem;
    line-height: 1.6rem;
}
.page-template-default.courses #cartinfo .multiple img {
    width: 175px;
    display: inline;
}
.page-template-default.courses #cartinfo .secure {
    font-weight: 600;
    letter-spacing: 0.02rem;
    color: rgba(0,0,0,0.75);
    margin: 0 2px 0 3px;
}
.page-template-default.courses #cartinfo .secure i {
    font-size: 0.9rem;
    opacity: 0.8;
    position: relative;
    top: -1px;
}

/* Course Filter  Skeleton Styling*/
#course-skeleton {
    margin-top: 45px;
}

#courses-skeleton .sk-search {
    height:35px;
    width:40%;
    padding: 12px 25px;
    margin-bottom:20px;
    transition: all 0.2s ease-in-out;
    color: rgba(0,0,0,0.8);
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.3rem;
    letter-spacing: 0.01rem;
    display: flex;
    align-items: center;
    border-radius: 50px;
    background: rgba(0,0,0,0.05);
  }

#courses-skeleton .sk-single-course {
    margin:7px 0;
}

    #courses-skeleton .sk-single-course .sk-title {
      height:45px;
      padding: 12px 25px;
      transition: all 0.2s ease-in-out;
      color: rgba(0,0,0,0.8);
      text-decoration: none;
      font-size: 1rem;
      line-height: 1.3rem;
      letter-spacing: 0.01rem;
      display: flex;
      align-items: center;
      border-radius: 50px;
      background: rgba(0,0,0,0.05);
    }

    #courses-skeleton .loading {
      position: relative;
      overflow: hidden;
    }
    #courses-skeleton .loading:after {
      content: "";
      display: block;
      background-color: rgba(0,0,0,0.03);
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      transform: translateX(0);
      animation: 1.5s loading-placeholder ease-in-out infinite;
    }

    @keyframes loading-placeholder {

      0% {
        transform: translateX(-100%);
      }
      100% {
        transform: translateX(100%);
      }

    }

/* Limited Time */
.school-page.ce-course-filtering-body .lorem .limited-post-sec {
    padding: 15px;
    display: block;
    margin: 0 0 25px 0;
    background: #fef0fa;
    border-radius: 6px;
}
.school-page.ce-course-filtering-body .lorem  .limited-post-sec a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: rgba(0,0,0,0.9);
    font-weight: 600;
}
.school-page.ce-course-filtering-body .lorem  .limited-post-sec a:hover span,
.school-page.ce-course-filtering-body .lorem  .limited-post-sec a:focus span {
    text-decoration: underline;
}
.school-page.ce-course-filtering-body .lorem .limited-post-sec a span.info {
    position: relative;
    padding: 0 0 0 30px;
    font-size: 1.05rem;
    line-height: 1.45rem;
    letter-spacing: 0.03rem;
}
.school-page.ce-course-filtering-body .lorem .limited-post-sec a span.info:before {
    content: "\f005";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: -1px;
    color: #a00071;
}
.school-page.ce-course-filtering-body .lorem .limited-post-sec a span.button {
    border: solid 3px #8b1568;
    color: #200017;
    border-radius: 50px;
    padding: 15px 30px;
    font-size: 1rem;
    line-height: 1;
    margin: 0 0 0 15px;
    min-width: 200px;
    text-align: center;
    letter-spacing: 0.01rem;
    transition: all 0.3s ease-in-out;
}
.school-page.ce-course-filtering-body .lorem .limited-post-sec a span.button i {
    position: relative;
    bottom: -1px;
    margin: 0 0 0 5px;
}
.school-page.ce-course-filtering-body .lorem .limited-post-sec a:hover .button,
.school-page.ce-course-filtering-body .lorem  .limited-post-sec a:focus .button {
    background: #8b1568;
    color: #fff;
}
.school-page.ce-course-filtering-body .lorem .limited-post-sec span {
    display: block;
}

/* Mailchimp Sign Up */
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page {
    background: #eef8fe;
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0 0 0;
    overflow: auto;
}
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page h3 {
    margin: 5px 0 12px;
    text-transform: none;
    font-size: 1.3rem;
    line-height: 1.6rem;
    position: relative;
    padding: 0 0 0 30px;
}
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page h3:before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 0;
    color: #0077be;
}
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page p {
    font-size: 0.95rem;
    line-height: 1.3rem;
    letter-spacing: 0.01rem;
    margin: 10px 0;
}
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page p.fyi {
    font-size: 0.9rem;
    font-style: italic;
}
/* -> Gravity Forms styling */
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page .gform_wrapper {
    margin: 20px 0 0 0;
}
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page .gform_wrapper.gravity-theme .gfield_label {
    margin: 0;
    font-size: 1.05rem;
}
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page .gform_wrapper.gravity-theme .gfield {
    margin: 0;
}
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page .gform_wrapper .gfield_required {
    font-size: 0.9rem;
}
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page input {
    width: 100%;
}
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page .gform_button {
    margin: 0;
}
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page .gform_footer {
    margin: 30px 0 0 0;
    padding: 0;
}
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page .gform_wrapper .gform_validation_errors {
    display: none;
}
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page .gform_wrapper .gfield_description.validation_message {
    background: #fff9f9 !important;
    font-size: 0.95rem !important;
    line-height: 1.4rem !important;
    margin: 10px 0 0 0 !important;
    color: #b60000 !important;
    border: solid 1px rgba(136,0,0,0.2);
    padding: 10px;
}
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page .subscribed {
    background: #defff1;
    margin: 20px 0 0 0;
    padding: 20px;
}
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page .subscribed h4 {
    position: relative;
    color: #00502d !important;
    padding: 0 0 0 1.9rem;
    margin: 0 0 15px !important;
}
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page .subscribed h4:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: -1px;
    font-size: 1.4rem;
    color: #00502d;
}
.school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page .subscribed p {
    margin: 0 !important;
}



/*
 * LOADER AND OTHER REQUIRED STYLES
 *
 * Created by SLOCONTE 2016/02/29.
 */
.hidden{
	display:none !important;
}

.loader,
.loader:before,
.loader:after {
  background: #fff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 0.7em;
  height: 1em;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader {
  text-indent: -9999em;
  margin: 20px 40px 5px 5px;
  float:left;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffffff;
    height: 1.5em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 2em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffffff;
    height: 1.5em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 2em;
  }
}

/* mobile things so don't show */
.ce-course-show-filters,
#ce-course-filter-options header,
#ce-course-filter-options footer {
  display:none;
}

/* --- Media Queries --- */

/* portrait ipads/tablets */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

	.ce-course-filtering-list #course-results-mobile {
		width: 70%;
	}

}

@media only screen and (max-width: 959px) {

    /* Filter comes first */
    .school-page.courses .wrapper > .r.rs aside {
        order: 1;
    }

    /* Mobile Filter Styling */
    #ce-course-filter-overlay{
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,0.2);
        display: none;
        z-index: 0;
      }

        .ce-course-show-filters,
        #ce-course-filter-options header,
        #ce-course-filter-options footer {
            display:block;
        }

      .ce-course-filtering-wrapper{
        display: grid;
        grid-template-columns: 1fr;
      }

       .ce-course-show-filters {
          width:100%;
          background: none;
          color: #0077be;
          border: 2px solid #0077be;
          padding: 15px 30px;
          margin:0 0 1rem;
          transition: all 0.3s ease-in-out;
          border-radius: 50px;
          font-size:1.1rem;
          font-weight:500;
        }

        .ce-course-show-filters span {
            position:relative;
            padding:0 0 0 25px;
        }
            .ce-course-show-filters span::before {
                    content: "\f002";
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    position: absolute;
                    left: 0;
                    top: 2px;
                    font-size: 1rem;
            }

        .ce-course-show-filters:hover {
            color:#000;
            border: solid 2px transparent !important;
            background: rgba(0,119,190,0.1);
        }
     #ce-course-filter-options {
        height: calc(100%);
        width: 400px;
        position: fixed;
        z-index: 100;
        top: 0;
        right: -400px;
        transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
        border-radius:0;
        padding:0;
      }
      #ce-course-filter-options.menu-open {
        position:fixed;
        right:0;
        box-shadow:-7px 0 14px rgba(34,25,36,.2);
        z-index:999999999 !important;
      }
      #ce-course-filter-options-inner {
        overflow-y: auto;
        padding: 1rem 2rem 1rem;
        height: calc(100% - 92px);
      }
      .lorem .ce-course-filtering-wrapper .course-search input#course-text-search {
        padding:15px 5%;
      }
      #ce-course-filter-options header,
      #ce-course-filter-options footer{
        display:block;
      }
      #ce-course-filter-options header{
        padding:0;
        background:none;
      }
      #ce-course-filter-options header .ce-course-filter-close-filters::before {
        font-family: "Font Awesome 5 Free";
        position: relative;
        content:"\f00d";
        font-weight:700;
        right:10px;
      }
      #ce-course-filter-options header .ce-course-filter-close-filters {
        display: block;
        background: #e8e8e8;
        margin: 0 0 25px 0;
        padding: 10px;
        font-size: 0.9rem;
        line-height: 1.3;
        color:rgba(0,0,0,0.8);
        border: none;
        width: 100%;
        border-radius: 20px;
        text-transform: uppercase;
        letter-spacing:0.5px;
        border: solid 2px transparent;
        transition: all 0.3s ease-in-out;
    }
        #ce-course-filter-options header .ce-course-filter-close-filters:hover,
        #ce-course-filter-options header .ce-course-filter-close-filters:active,
        #ce-course-filter-options header .ce-course-filter-close-filters:focus {
            border:solid 2px rgba(0,0,0,0.75);
        }
      #ce-course-filter-options header h3 {
        text-align:center;
        color:#363636 !important;
        font-weight:600;
        font-size:1.5rem;
        letter-spacing:-0.2px;
        margin-top:0;
      }
      #ce-course-filter-options > div {
        margin-bottom:1rem;
      }
     .ce-search-wrapper {
        position:relative;
      }
      #ce-course-filter-options footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #f7f7f7;
        padding: 1rem 0;
        box-shadow: -7px 0 14px rgba(34,25,36,.2);
        max-height:92px;
      }
        #ce-course-filter-options footer .result-count {
            display: block;
            background-color: #0077be;
            padding: 1.3rem 0;
            width: 90%;
            margin: 0 auto;
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            font-weight: 600;
            text-align: center;
            border-radius:50px;
            height:60px;
            border-color:rgba(0,0,0,0);
            line-height:10px;
        }

            #ce-course-filter-options footer .result-count.none{
                background-color:rgba(0,0,0,0);
                color:#444;
                font-weight:600;
                padding:0;
                text-transform:none;
            }

            #ce-course-filter-options footer .result-count .clear-filters {
                margin-top:10px;
                padding:10px 25px;
            }
        .mbl-loading::after {
            content: '. ';
            font-size: 3rem;
            line-height: 0;
            animation: dots 0.7s steps(5, end) infinite;
            display: inline-block;
            position: absolute;
            left: 45%;
            top: 32px;
        }
        @keyframes dots {
          0%, 20% {
            color: rgba(0,0,0,0);
            text-shadow:
              .25em 0 0 rgba(0,0,0,0),
              .5em 0 0 rgba(0,0,0,0);
          }
          40% {
            color: white;
            text-shadow:
              .25em 0 0 rgba(0,0,0,0),
              .5em 0 0 rgba(0,0,0,0);
          }
          60% {
            text-shadow:
              .25em 0 0 white,
              .5em 0 0 rgba(0,0,0,0);
          }
          80%, 100% {
            text-shadow:
              .25em 0 0 white,
              .5em 0 0 white;
          }
        }
    .school-page .wrapper aside .ce-course-filtering-wrapper .mailchimp-filter-page {
      display: none;
    }

}

@media only screen and (max-width: 640px) {

    #courses-skeleton .sk-search,
    #courses-skeleton .sk-single-course .sk-title {
        border-radius:8px;
    }

    #courses-skeleton .sk-single-course .sk-title {
        height:65px;
    }

    #ce-course-filter-options.menu-open {
        width:100%;
    }

  ul#ce-course-filter-list li a {
      display: grid;
      grid-template-columns: 1fr;
      grid-row-gap: 6px;
      padding: 12px 15px;
      border-radius: 8px;
  }
  ul#ce-course-filter-list li a > span,
  ul#ce-course-filter-list li a .code,
  ul#ce-course-filter-list li a .status,
  ul#ce-course-filter-list li a .new {
      border: none;
      padding: 0;
      margin: 0;
  }
  ul#ce-course-filter-list li a .status {
      padding: 6px 5px;
      display: block;
      width: 115px;
      text-align: center;
      margin: 2px 0 0 0;
  }
  ul#ce-course-filter-list li a .new {
      padding: 6px 5px;
      display: block;
      width: 70px;
      text-align: center;
      margin: 2px 0 0 0;
  }
  #course-results {
      margin: 30px 0 20px;
  }
  .school-page.ce-course-filtering-body .lorem .limited-post-sec a {
      display: block;
  }
  .school-page.ce-course-filtering-body .lorem .limited-post-sec a span.info {
      margin: 0 0 15px 0;
  }

}