/* Class Schedule */
.program-class-schedule-info {
  display: table;
  padding-bottom: 2rem;
}
.table-row {
  display: table-row;
}
.table-row > div, .table-row > div {
  display: table-cell;
}
.table-row > div {
  display: table-cell;
  width: 50%;
  word-break: break-word;
  padding: .5rem 0;
}
.table-row.header > div {
  font-weight: bold;
}

/* Image max width */
body img {
  max-width: 100%;
}

/* Banner Styling */
@media (min-width: 768px) {
  .basic-page {
    gap: 30px;
  }
  .basic-page.banner-none {
    gap: 0;
  }
  .basic-page .main-content-wysiwyg {
    padding: 30px 0 40px;
  }
  .basic-page.banner-none .main-content-wysiwyg {
    padding: 0 0 40px;
  }
}

/* Various Margin/Padding Tweaking */
#main > section > div > .sm-container {
  width: 100%;
  max-width: 820px;
  margin: 0 auto 40px;
}
@media (max-width: 850px) {
  #main > section > div > .sm-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.get-started-block-section {
  margin-bottom: 40px;
}
.tabs-section .wysiwyg-section-wrapper, .accordion-section .wysiwyg-section-wrapper, .faq-section .wysiwyg-section-wrapper {
  margin: 0 0 20px;
}
.faq-block .faq-block-container h3.title {
  margin-bottom: 0;
}
.tabs-section > .container > h2, .accordion-section > .container > h2 {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .sm-container.wysiwyg > p, .sm-container.wysiwyg > h1, .sm-container.wysiwyg > h2, .sm-container.wysiwyg > h3, .sm-container.wysiwyg > h4, .sm-container.wysiwyg > h5, .sm-container.wysiwyg > h6, .sm-container.wysiwyg > ol, .sm-container.wysiwyg > ul {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .sm-container.wysiwyg > p, .sm-container.wysiwyg > h1, .sm-container.wysiwyg > h2, .sm-container.wysiwyg > h3, .sm-container.wysiwyg > h4, .sm-container.wysiwyg > h5, .sm-container.wysiwyg > h6, .sm-container.wysiwyg > ol, .sm-container.wysiwyg > ul {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .sm-container.wysiwyg > p, .sm-container.wysiwyg > h1, .sm-container.wysiwyg > h2, .sm-container.wysiwyg > h3, .sm-container.wysiwyg > h4, .sm-container.wysiwyg > h5, .sm-container.wysiwyg > h6, .sm-container.wysiwyg > ol, .sm-container.wysiwyg > ul {
    max-width: 960px;
  }
}
@media (min-width: 768px) {
  .basic-page .tabs-section .tab-parent .tab-content {
    padding-top: 32px;
  }
}
.sm-container.wysiwyg {
  margin-bottom: 2rem;
}
.sm-container.wysiwyg > p:last-of-type {
  padding-bottom: 1rem;
}

/* WYSIWYG Styling */
.wysiwyg-section-wrapper {
  margin: 40px 0;
}
.row.wysiwyg-row > .wysiwyg-content {
  max-width: 50%;
  width: 50%;
  padding-right: .75rem;
}
.row.wysiwyg-row > .wysiwyg-content.wysiwyg-column-2 {
  padding-left: .75rem;
}
@media (max-width: 576px) {
  .row.wysiwyg-row > .wysiwyg-content {
    max-width: none;
    width: 100%;
  }
}
.wysiwyg-section-wrapper h2, .wysiwyg-section-wrapper h3, .wysiwyg-section-wrapper h4, .wysiwyg-section-wrapper h5, .wysiwyg-section-wrapper h6 {
  margin-bottom: 1rem;
}
.wysiwyg-section-wrapper p {
  margin-bottom: 1rem;
}
div[class$="-content-wysiwyg"] > h2, div[class$="-content-wysiwyg"] > h3, div[class$="-content-wysiwyg"] > h4, div[class$="-content-wysiwyg"] > h5, div[class$="-content-wysiwyg"] > h6 {
  margin-bottom: 1rem;
}
div[class$="-content-wysiwyg"] > p, div[class$="-content-wysiwyg"] > .container > p {
  margin-bottom: 1rem;
}
[csspath="/_resources/ou/editor/wysiwyg.css"] p, [csspath="/_resources/ou/editor/wysiwyg.css"] h2, [csspath="/_resources/ou/editor/wysiwyg.css"] h3, [csspath="/_resources/ou/editor/wysiwyg.css"] h4, [csspath="/_resources/ou/editor/wysiwyg.css"] h5, [csspath="/_resources/ou/editor/wysiwyg.css"] h6 {
  margin-bottom: 1rem;
}

section.breadcrumbs-section + section > div[class$="-content-wysiwyg"] {
  padding-top: 0;
}

.wysiwyg-content, div[class$="-content-wysiwyg"], .individual-news-events-wrapper .main-content-section .content-container .body * {
  font-size: 16px;
}
@media (min-width: 768px) {
  .wysiwyg-content, div[class$="-content-wysiwyg"], .individual-news-events-wrapper .main-content-section .content-container .body * {
    font-size: 18px;
  }
}
/* @media (max-width: 575.99px) {
  div[class$="-content-wysiwyg"]  {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
} */
.wysiwyg-content ul li, div[class$="-content-wysiwyg"] ul li {
  list-style: disc;
}
.wysiwyg-content ol li, div[class$="-content-wysiwyg"] ol li {
  list-style: decimal;
}
.wysiwyg-content span a, .wysiwyg-content p a, div[class$="-content-wysiwyg"] p a {
  color: #53257F;
  color: var(--Tint-color-2);
  text-decoration: underline;
}
.wysiwyg-content span a:hover, .wysiwyg-content span a:focus, .wysiwyg-content p a:hover, .wysiwyg-content p a:focus, div[class$="-content-wysiwyg"] p a:hover, div[class$="-content-wysiwyg"] p a:focus {
  text-decoration: none;
}
.student-resources-card .card-content .links .link {
  list-style: none !important
}

/* Components */
.program-wysiwyg-wrapper > section:first-child .image-text-and-cta-content-block,
.program-wysiwyg-wrapper [wysiwyg-class="maincontent"] > section:first-child .image-text-and-cta-content-block {
  padding-top: 0;
}
.image-text-and-cta-content-block.contact .cta-wrapper .inner .custom-links-wrapper a {
  text-decoration: initial;
}
.basic-page .image-tiles-and-cta-section .image-tiles-and-cta .cards-wrapper {
  margin: 24px 0;
}
.individual-program-page .individual-program-content hr {
  margin: 32px 0;
}
.faq-block .faq-block-container h2 + p {
  margin: 1rem 0 3rem;
  color: var(--Neutral-color-white);
}
.faq-block .faq-block-container h2 + p a {
  color: var(--Neutral-color-white);
  text-decoration: underline;
}
.faq-block .faq-block-container h2 {
  margin-bottom: 32px;
  color: var(--Neutral-color-white);
}

/* Full Width CTA */
.full-width-cta.light .content * {
  color: #312938;
  color: var(--Tint-color-1);
}

/* CTA Cards Sections */ 
section.cta-cards-section {
  padding: 40px 0;
}
section.cta-cards-section h2 {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .cta-cards-section.count-2 .cta-card img {
    max-height: 320px;
  }
}

/* Featured Statistics */
.featured-statistics-block .featured-statistics-block-content .statistics-boxes .statistics-box .sub-title {
  font-weight: 400;
}
.featured-statistics-block .featured-statistics-block-content .icon i {
  color: #5f3687;
  color: var(--Primary-color-1);
  font-size: 28px;
}
.featured-statistics-block .featured-statistics-block-content .icon img {
  padding: 5px;
}

/* Video Section */
.basic-page .video-section h2, .basic-page .video-section p {
  margin: 0 0 1rem;
}

@media (min-width: 768px) {
  .basic-page .video-section {
    margin: 20px auto 40px;
  }
}

.video-section .video-block {
  padding: 0;
}

.video-block .embed-responsive {
  aspect-ratio: 16 / 9 !important;
  height: initial !important;
}

/* Hero Carousel */
@media (max-width: 767.98px) {
  .hero .carousel .carousel-inner {
    max-height: none;
  }
  .hero .content {
    padding: 24px 24px 48px;
  }
}

/* Breadcrumbs */
.breadcrumbs-container .breadcrumb-container .breadcrumb .breadcrumb-item span {
  color: var(--Neutral-color-dimmed);
}

/* Table Styling */
div[class$="-content-wysiwyg"] table:not(.dataTable) {
  width: 100%;
  border-collapse: collapse;
  caption-side: top;
  margin-bottom: 2.25rem;
  height: auto !important;
  max-width: 100%;
}

div[class$="-content-wysiwyg"] table:not(.dataTable) thead, div[class$="-content-wysiwyg"] table:not(.dataTable) tbody, div[class$="-content-wysiwyg"] table:not(.dataTable) caption {
  display: table-header-group;
}

@media (max-width: 575.99px) {
  div[class$="-content-wysiwyg"] table:not(.dataTable) thead, div[class$="-content-wysiwyg"] table:not(.dataTable) tbody, div[class$="-content-wysiwyg"] table:not(.dataTable) caption  {
    display: block;
  }
}

div[class$="-content-wysiwyg"] table:not(.dataTable) caption h2 {
  padding-bottom: 1rem;
}

div[class$="-content-wysiwyg"] table:not(.dataTable) thead tr {
  border-bottom: 1px solid #afafaf
}

div[class$="-content-wysiwyg"] table:not(.dataTable) thead th, div[class$="-content-wysiwyg"] table:not(.dataTable) thead td {
  font-size: 16px;
  line-height: 1.2;
  padding-bottom: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--Tint-color-1)
}

div[class$="-content-wysiwyg"] table:not(.dataTable) tbody tr {
  border-bottom: 1px solid #afafaf
}

div[class$="-content-wysiwyg"] table:not(.dataTable) tbody tr:last-child {
  border-bottom: none
}

div[class$="-content-wysiwyg"] table:not(.dataTable) tbody td {
  font-size: 16px;
  line-height: 1.2;
  padding: 16px 0;
  color: var(--Tint-color-1);
  background-color: transparent;
  border: none
}

div[class$="-content-wysiwyg"] table:not(.dataTable) a {
  height: fit-content;
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  padding: 0;
  font-weight: 400;
  width: fit-content;
}

div[class$="-content-wysiwyg"] table:not(.dataTable) a:hover, div[class$="-content-wysiwyg"] table a:focus {
  text-decoration: none;
}

@media (max-width: 575.98px) {
  div[class$="-content-wysiwyg"] table:not(.dataTable) { /* div[class$="-content-wysiwyg"] table { */
    display:block
  }

  div[class$="-content-wysiwyg"] table:not(.dataTable) thead tr {
    display: none
  }

  div[class$="-content-wysiwyg"] table:not(.dataTable) tbody tr {
    display: block;
    padding: 16px 0
  }

  div[class$="-content-wysiwyg"] table:not(.dataTable) tbody tr:first-child {
    padding-top: 0
  }

  div[class$="-content-wysiwyg"] table:not(.dataTable) tbody tr:last-child {
    border-bottom: 1px solid #afafaf
  }

  div[class$="-content-wysiwyg"] table:not(.dataTable) tbody tr td {
    min-width: 94px;
    border: none;
    display: flex;
    gap: 32px;
    padding: 0;
    margin-bottom: 15px
  }

  div[class$="-content-wysiwyg"] table:not(.dataTable) tbody tr td:last-child {
    margin-bottom: 0
  }

  div[class$="-content-wysiwyg"] table:not(.dataTable) tbody tr td:before {
    content: attr(data-label);
    min-width: 30%;
    max-width: 30%;
  }

  div[class$="-content-wysiwyg"] table:not(.dataTable) a {
    font-size: 14px;
    line-height: 1.2
  }
}

/* Accordions - Outside of Basic Pages. */
.accordion-section.sm-container {
  margin: 48px auto !important;
}

.accordion-section .accordion-section-container {
  padding: 0 20px
}

.accordion-section .accordion-section-container .accordion-with-html {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.accordion-section .accordion-section-container .accordion-with-html .item {
  background: transparent;
  border: none;
  padding: 16px 0
}

.accordion-section .accordion-section-container .accordion-with-html .item:last-child {
  padding-bottom: 0
}

.accordion-section .accordion-section-container h3.title {
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  .accordion-section .accordion-section-container {
    padding: 0
  }

  .accordion-section .accordion-section-container .accordion-with-html .item {
    border-bottom: 1px solid #b1b1b1;
    padding: 32px 0
  }

  .accordion-section .accordion-section-container .accordion-with-html .item:first-child {
    border-top: 1px solid #b1b1b1
  }

  .accordion-section .accordion-section-container .accordion-with-html .item:last-child {
    padding: 32px 0
  }
}

/* Icon with Text Fixes */
.icon-banner-with-text-card.vertical .icon img {
  height: 70px;
  min-height: 70px;
  width: auto;
}

.icons-banner-with-text.horizontal .icon img {
  width: 70px;
  min-width: 70px;
  height: auto;
}

/* Image with Caption */
.image-with-caption {
  margin-bottom: 1rem;
}
.image-with-caption.float-none {
    margin: 0 auto 2rem;
}
@media (min-width: 768px) {
  .image-with-caption.float-md-start {
    margin-right: 1.5rem;
  }
  .image-with-caption.float-md-end {
    margin-left: 1.5rem;
  }
}

/* News View default image styling */
.news-view-section .search-input form input[type="image"] {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  color: var(--Tint-color-1);
  height: 16px !important;
  width: 16px !important;
  min-width: initial !important;
  padding: 0;
}
.news-events-block-card .image img {
  width: 86%;
  display: block;
  margin: 30px auto 10px;
  aspect-ratio: initial;
}
@media (min-width: 768px) {
  .news-events-block-card .image img {
    margin-top: 75px;
  }    
}

/* Program Listing */
.program-listing-page .program-listing-wrapper {
  margin: 0 auto 5rem;
}
.program-listing-page form .search-input input[type="image"], .program-listing-page form .search-input img {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  color: var(--Tint-color-1);
  height: 16px !important;
  width: 16px !important;
  min-width: initial !important;
  padding: 0;
}
form .search-input input {
  padding: 0 16px;
  height: 48px;
  min-width: 200px;
}
@media (min-width: 768px) {
  .filters-wrapper .filters, .filters-wrapper .select-filters {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
@media (min-width: 1200px) {
  .filters-wrapper #program-listing-search .filters .select-input-wrapper {
    max-width: 300px;
  }
  .filters-wrapper #program-listing-search  .filters .search-input,
  .filters-wrapper #program-listing-search .select-filters .search-input {
    max-width: 500px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .filters-wrapper #program-listing-search button {
    font-size: 14px;
    text-transform: none;
  }
}
.program-listing-page .program-listing-hero {
  flex-direction: column;
}

/* Directory Grid */
.program-listing-page .directory-listing {
  margin: 0 auto 5rem;
}

.directory-listing p.no-results.text-center {
  min-width: 450px;
}

/* Explore Programs CTA Form */
form.programs-cta-search .search-input {
  height: 48px;
}
form.programs-cta-search .filters input, form.programs-cta-search .filters select {
  background-color: var(--Neutral-color-white);
  min-width: 225px;
}
form.programs-cta-search .filters input {
  min-width: 300px;
}
form.programs-cta-search .search-input img {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  color: var(--Tint-color-1);
  height: 16px !important;
  width: 16px !important;
  min-width: initial !important;
  padding: 0;
}

/* Contact Row */
.contact-row-wrapper .contact .contact-icons {
  margin: 0;
  padding: 0;
  gap: 16px;
  flex-direction: column
}

.contact-row-wrapper .contact .contact-icons .contact-icon {
  list-style-type: none !important;
}

@media (min-width: 768px) {
  .contact-row-wrapper .contact .contact-icons {
    gap: 32px;
    flex-direction: row
  }
}

/* External Links */
.external-link {
  padding-right: 20px;
  background: url(/_resources/theme/icons/external-link-solid.svg) no-repeat right 15%;
  background-size: 15px 15px;
}
.footer .links .external-link {
  background: url(/_resources/theme/icons/external-link-solid-white.svg) no-repeat right 15%;
  background-size: 12px 12px;
  padding-right: 18px;
}

/* Image + Content Block with Text & CTA */
.image-text-and-cta-content-block .cta-wrapper .inner .icons {
  margin-bottom: 10px;
}
.image-text-and-cta-content-block .cta-wrapper .inner .icons:last-child {
  margin-bottom: 0;
}
.image-text-and-cta-content-block .cta-wrapper .inner .icons i {
  font-size: 18px;
  min-width: 24px;
  text-align: center;
  margin-bottom: -3px;
}
.image-text-and-cta-content-block .cta-wrapper .inner .icons a {
  text-decoration: none;
}
.image-text-and-cta-content-block .cta-wrapper .inner .icons a span {
  text-decoration: underline;
}

/* Section Menus */
aside.component-section-menu .menu-heading {
  font-size: 22px;
  font-weight: bold;
}

aside.component-section-menu .sidebar-mobile .menu-heading {
  font-size: 20px;
}

aside.component-section-menu .sidebar-desktop {
    padding: 16px;
    background-color: var(--Tint-color-8);    
}


aside.component-section-menu .sidebar-menu {
    padding: 0;
    margin: 0;
}

aside.component-section-menu .sidebar-mobile .sidebar-menu {
  margin-top: 1rem;
}

aside.component-section-menu .sidebar-menu li.menu-item {
  border-bottom: 1px solid #b1b1b1;
  padding: 8px 0;
  color: var(--Tint-color-1);
  list-style: none;
  font-size: 18px;
}

aside.component-section-menu .sidebar-menu li.menu-item a:hover, aside.component-section-menu .sidebar-menu li.menu-item a:focus {
    text-decoration: underline;
}

aside.component-section-menu .sidebar-menu li.menu-item:first-child {
  padding-top: 0
}

aside.component-section-menu .sidebar-menu li.menu-item:last-child {
  border-bottom: none;
  padding-bottom: 0
}

.sidebar-mobile {
    padding: 16px;
    background-color: var(--Tint-color-8);
}

.sidebar-mobile button {
  align-items: center;
  border: none;
  color: var(--Tint-color-1);
  display: flex;
  font-size: 22px;
  font-weight: bold;
  justify-content: space-between;
  /* text-transform: uppercase; */
  width: 100%;
}

.container.content.component-menu {
  display: flex;
  gap: 32px;
  padding: 60px 6px;
}

.container.content.component-menu > aside.component-section-menu + div {
  max-width: 889px;
  width: 100%;
  order: 1;
}

.container.content.component-menu > aside.component-section-menu {
  max-width: 279px;
  width: 100%;
  order: 2;
  padding-top: 35px;
}

.container.content.component-menu > aside.component-section-menu .sidebar-mobile {
  display: none;
}

.container.content.component-menu > aside.component-section-menu + div > .formatted-text-block {
  padding-top: 30px;
}

@media (max-width: 767.98px) {
  .container.content.component-menu {
    flex-direction: column;
    gap: 24px;
  }
  .container.content.component-menu > aside.component-section-menu + div {
    order: 2;
  }
  .container.content.component-menu > aside.component-section-menu {
    max-width: none;
    order: 1;
  }
  .container.content.component-menu > aside.component-section-menu .sidebar-desktop {
    display: none;
  }
  .container.content.component-menu > aside.component-section-menu .sidebar-mobile {
    display: block;
  }
  .container.content.component-menu > aside.component-section-menu + div > .formatted-text-block {
    padding-top: 15px;
  }
}