@import "../templates/components/large-image-text/featured-media.css";

/* Regional Global Styles */
body:is(.regional-landing, .regional-sublanding) .top-confined-breadcrumb-outer {
  display:none;
}

body:is(.regional-landing, .regional-sublanding) .middle-center h2 {
  font-family:var(--text-display);
  font-weight:900;
  color:var(--cutler);
  /* font-size: 42px; */
  font-size:clamp(3.4rem, 2.114rem + 3.429vw, 4.2rem);
  line-height:110%;
  text-align:left;
  margin-bottom:15px;
}

body:is(.regional-landing, .regional-sublanding) .middle-center h2 em {
  font-family: var(--text-serif);
  font-weight: 700;
  font-style: italic !important;
  color: var(--under-the-elms);
  /* font-size: 48px; */
  font-size: clamp(3rem, 2.714rem + 3.429vw, 4.8rem);
  line-height: 110%;
}

/* Regional Landing Page - Intro Section */
.regional-landing .intro-section {
  padding-top:60px;
}

.regional-landing .intro-section > .container {
  max-width:100% !important;
}

.regional-landing .intro-section p {
  max-width:970px;
  margin:0 auto;
}

.regional-landing .intro-section .modInnerContent:has(img) {
  padding:0;
}

.regional-landing .intro-section .paragraph__column:has(img) {
  padding-bottom:0;
}

.regional-landing .intro-section .media--type-image {
  margin-bottom:0;
}

.regional-landing .intro-section img {
  width:110%;
  max-width:110%;
  margin-left:-5%;
}

.regional-landing .intro-section .media--type-image:after {
  content:"";
  position:absolute;
  inset:0;
  width:100%;
  background:linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%);
  height:40%;
  top:auto;
  bottom:0;
  pointer-events:none;
}

/* Regional Landing Page - Programs Section */
.regional-landing .programs-section {
  padding:30px 0;
  background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 400px),var(--sycamore);
}

.regional-landing .programs-section .field--type-text-long:after {
  content:"";
  width:50px;
  height:5px;
  background:var(--marigold);
  margin:30px auto;
  display:block;
}

.regional-landing .programs-section .paragraph--type--content-blurb-text-editor- > .paragraph__column {
  padding-bottom:0;
}

.regional-landing .middle-center .programs-section h2 {
  text-align:center;
}

.regional-landing .programs-section p:not(:has(a.action)) {
  color:var(--under-the-elms);
  text-align:center;
  font-family:var(--text-serif);
  font-size:20px;
  font-style:normal;
  font-weight:500;
  line-height:29px;
  max-width:790px;
  margin:0 auto;
}

.regional-landing .programs-section .view-filters .form--inline {
  position:relative;
  padding-top:0;
  max-width:645px;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:flex-start;
}

.regional-landing .programs-section .form--inline .form-item-search {
  flex-basis:100%;
  margin-right:0;
  margin-top:0;
  float:none;
}

.regional-landing .programs-section .program-finder .view-filters .form--inline .form-item-search label {
  position:static !important;
  overflow:unset;
  clip:unset;
  width:auto;
  height:auto;
  word-wrap:unset;
}

.regional-landing .programs-section .program-finder .view-filters .form--inline .form-item-search label {
  font-family:var(--text-sans);
  font-size:22px;
  font-weight:700;
  line-height:28px;
  text-align:center;
  position:static !important;
  color:var(--under-the-elms);
  width:100%;
  height:auto;
  overflow:visible;
  clip:unset;
}

.regional-landing .programs-section .program-finder .view-filters .form--inline .form-actions .form-submit {
  font-family:var(--text-icon);
  background:var(--under-the-elms);
  font-size:28px;
  width:80px;
  height:64px;
  border:none;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  position:absolute;
  bottom:10px;
  right:0;
  padding-left:.3em;
  -webkit-appearance:none;
}

.regional-landing .programs-section .program-finder .view-filters .form--inline .form-actions .form-submit:is(:hover, :focus) {
  color:var(--white);
  background:var(--cutler);
  text-decoration:none;
  padding-left:20px;
  outline:none;
}

.regional-landing .programs-section .program-finder .view-filters .form--inline .form-item-search input {
  border: 2px solid var(--under-the-elms);
  background:var(--white);
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  width:calc(100% - 80px);
  outline:none;
  border-right:none;
  transition:all .2s ease;
  -webkit-appearance:none;
}

.regional-landing .programs-section .program-finder .view-filters .form--inline .form-item-search input:focus {
  border-color:var(--marigold);
}

/* Regional Landing Page - Campuses Section */
.regional-landing .locations-row {
  margin-top:0;
}

/* Regional Landing Page - Facts Section */
.regional-landing .fast-facts {
  margin-top:0;
}

/* Regional Landing Page - Success Section */
.regional-landing .success-row {
  padding-top:80px;
}

.regional-landing .success-row .paragraph__column {
  padding-bottom:0;
}

.regional-landing .middle-center .success-row h2 {
  text-align:center;
  padding-top:0;
  margin-bottom:0;
}

.regional-landing .middle-center .success-row h2:before {
  content:"";
  width:50px;
  height:5px;
  background:var(--marigold);
  display:block;
  margin:0 auto 30px auto;
}

.regional-landing .success-row + .promo-boxes {
  padding-top:0 !important;
  padding-bottom:45px !important;
}

.regional-landing .success-row + .promo-boxes .row:has(h2) {
  display:none;
}

.regional-landing .success-row + .promo-boxes .promo-boxes-list .promo-box-title {
  color: var(--cutler);
  text-align: center;
  font-family: var(--text-display);
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 35px; /* 125% */
}

/* Regional Landing Page - Spotlight Section */
.regional-landing .featured-program > .container {
  max-width:100% !important;
}

.regional-landing .featured-program > .container .modInnerContent {
  padding:0;
}

.regional-landing .middle-center .featured-program .large-image-text h2 {
  text-align:center;
}

.regional-landing .featured-program .large-image-text .subtitle {
  padding-left:15px;
  padding-right:15px;
}

@media (min-width: 768px) {
  .regional-landing .featured-program .large-image-text .subtitle {
    padding-left:30px;
    padding-right:30px;
  }
}

@media (min-width: 992px) {
  .regional-landing .featured-program .large-image-text .subtitle {
    padding-left:60px;
    padding-right:60px;
  }
}

.regional-landing .featured-program .large-image-text .button {
  color:var(--under-the-elms);
  border-color:var(--under-the-elms);
}

.regional-landing .featured-program .large-image-text .button:hover {
  background:var(--under-the-elms);
  color:var(--white);
}

/* Regional Sublanding Page */
/* Regional Sublanding Page - Intro Section */
.regional-sublanding .intro-section {
  padding-top:60px;
}

.regional-sublanding .middle-center .intro-section h2:before {
  content: "";
  width: 50px;
  height: 5px;
  background: var(--marigold);
  display: block;
  margin: 0 0 30px 0;
}


/* Regional Sublanding Page - Card Link Section */
.regional-sublanding .middle-center .card-links h2 {
  text-align:center;
  color:var(--under-the-elms);
}

.regional-sublanding .card-links {
  background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 25%), var(--teal) !important;
}

@media (min-width: 768px) {
  .regional-sublanding .card-links {
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 75%), var(--teal) !important;
  }
}

.regional-sublanding .middle-center .card-links h2 {
  font-family: var(--text-display);
  font-weight: 900;
  font-size: clamp(2.6rem, 1.123rem + 4.103vw, 4.2rem);
  line-height: 1;
  margin-bottom: 20px;
}

.regional-sublanding .card-link-item .card-title {
  font-family: var(--text-display);
  font-size: 22px;
  line-height: 1.2;
}

@media (min-width: 992px) {
  .regional-sublanding .card-link-item .card-title  {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  .regional-sublanding .card-link-item .card-title  {
    font-size: 22px;
  }
}

/* Regional Sublanding Page - Topic Preview Section */
.regional-sublanding .topic-preview-heading > .container {
  padding-right:15px;
  padding-left:15px;
}

@media (min-width: 768px) {
  .regional-sublanding .topic-preview-heading > .container {
    padding-right:0;
    padding-left:0;
  }
}

.regional-sublanding .topic-preview-heading > .container .paragraph__column {
  padding-bottom:0;
}

.regional-sublanding .middle-center .topic-preview-heading h2 {
  margin-bottom:0;
}

.regional-sublanding .middle-center .topic-preview-heading h2:before {
  content: "";
  width: 50px;
  height: 5px;
  background: var(--marigold);
  display: block;
  margin: 0 0 30px 0;
}

.regional-sublanding .topic-preview .component-wrapper {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.regional-sublanding .middle-center .topic-preview--subheading {
  font-family: var(--text-display);
  font-size: 23px;
}

/* Regional Sublanding Page - Featured Media Section */
.regional-sublanding .featured-media--large-image-wrapper {
  padding: 60px 0;
  height: auto;
  background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 75%), var(--trillium) !important;
}

@media (min-width: 992px) {
  .regional-sublanding .featured-media--large-image-wrapper {
    padding: 100px 0;
  }
}

@media (min-width: 768px) {
  .regional-sublanding .featured-media--large-image-wrapper .large-image {
    min-height: 480px;
  }
}

.regional-sublanding .featured-media--large-image-wrapper .container:has(.subtitle) {
  width: 90%;
  margin: 0 auto;
  text-wrap: balance;
}

@media (min-width: 1200px) {
	.regional-sublanding .featured-media--large-image-wrapper .container:has(.subtitle) {
		width: 70%;
	}
}

@media (min-width: 768px) {
	.regional-sublanding .featured-media--large-image-wrapper .container:has(.subtitle) {
		width: 70%;
	}
}

.regional-sublanding .middle-center .featured-media--large-image-wrapper .container h2 {
  font-family: var(--text-display);
  font-size: clamp(2.6rem, 1.123rem + 4.103vw, 4.2rem);
  font-weight: 900;
  line-height: 1;
  color: var(--marigold);
  text-align:center;
}

.regional-sublanding .featured-media--large-image-wrapper a.button.green {
  background: transparent;
  border-color: var(--under-the-elms);
  color: var(--under-the-elms);
  margin-right: 0;
}

.regional-sublanding .featured-media--large-image-wrapper a.button.green:hover {
  background: var(--under-the-elms);
  color: var(--white);
}

/* Regional Sublanding Page - Icon Tiles Section */
.regional-sublanding .middle-center .component-tiles h2 {
  font-family: var(--text-display);
  font-size: clamp(2.6rem, 1.123rem + 4.103vw, 4.2rem);
  animation: 900;
  line-height: 1;
  text-align:center;
}

.regional-sublanding .component-tiles ul a.tile {
  font-family: var(--text-display);
  font-size: 18px;
  line-height: 1.2;
  text-wrap: balance;
  text-align: center;
  justify-content: center;
}

@media (min-width: 1200px) {
	.regional-sublanding .component-tiles ul a.tile {
		text-align: left;
    justify-content: left;
	}
}

.regional-sublanding .component-tiles ul a.tile i {
  margin-bottom: 15px;
}

@media (min-width: 1200px) {
  .regional-sublanding .component-tiles ul a.tile i {
    margin-bottom: 0;
  }
}

/* Regional Sublanding Page - Campus Events Section */
.regional-sublanding .events-section {
  padding:60px 0;
}

.regional-sublanding .events-section .events-intro {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:0;
}

.regional-sublanding .events-section .events-intro :is(.events-heading, .events-link) {
  flex-basis:100%;
}

@media (min-width: 992px) {
  .regional-sublanding .events-section .events-intro :is(.events-heading, .events-link) {
    flex-basis:auto;
  }
}

.regional-sublanding .events-section .events-intro .events-link {
  padding-bottom:15px;
}

.regional-sublanding .middle-center .events-section .events-intro .events-heading h2:before {
  content:"";
  width:50px;
  height:5px;
  background:var(--marigold);
  display:block;
  margin:0 0 30px 0;
}

.regional-sublanding .ohio_cue_feed .event-content {
  background: #FAFAFA;
  padding: 25px;
  transition: var(--transition-default);
}

.regional-sublanding .ohio_cue_feed .event-link a {
  font-family: var(--text-display);
  font-size: 20px;
  text-wrap: balance;
}

.regional-sublanding .ohio_cue_feed .event-feed span {
  color: var(--black);
}

/* Regional Sublanding Page - News Feed Section */
.regional-sublanding .news-heading-section {
  background:#FAFAFA;
  padding-top:60px;
}

.regional-sublanding .news-heading-section .modInnerContent {
  padding-left:15px;
  padding-right:15px;
}

@media (min-width: 992px) {
  .regional-sublanding .news-heading-section .modInnerContent {
    padding-left:0;
    padding-right:0;
  }
}

.regional-sublanding .news-heading-section .paragraph__column {
  padding-bottom:0;
}

.regional-sublanding .news-heading-section .news-intro {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:0;
}

.regional-sublanding .news-heading-section .news-intro :is(.news-heading, .news-link) {
  flex-basis:100%;
}

@media (min-width: 992px) {
  .regional-sublanding .news-heading-section .news-intro :is(.news-heading, .news-link) {
    flex-basis:auto;
  }
}

.regional-sublanding .middle-center .news-heading-section h2:before {
  content:"";
  width:50px;
  height:5px;
  background:var(--marigold);
  display:block;
  margin:0 0 30px 0;
}

.regional-sublanding .middle-center .news-heading-section h2 em  {
  color:var(--marigold);
}

.regional-sublanding .news-heading-section .news-intro .news-link {
  padding-bottom:15px;
}

.regional-sublanding .news-feed .component-wrapper {
  padding-top:0 !important;
}

.regional-sublanding .news-feed,
.regional-sublanding .news-feed .component-wrapper,
.regional-sublanding .news-feed .component-wrapper .intro {
	background: #FAFAFA;
}

/* Regional Sublanding Page - RFI Section */
.regional-sublanding .rfi-section {
  background:url(../images/teal-topo-bg.svg);
  background-size:100%;
  background-repeat:no-repeat;
  background-position:top;
}

.regional-sublanding #rfi {
  margin: 60px 0 20px;
  padding: 60px 30px;
  background:url(../images/textured-bg.jpg), var(--under-the-elms);
  background-size:cover;
}

@media (min-width: 992px) {
  .regional-sublanding #rfi {
    margin: 80px 0 20px;
    padding: 80px;
  }
}

@media (min-width: 1200px) {
  .regional-sublanding #rfi {
    margin: 100px 80px 20px;
  }
}

.regional-sublanding #rfi .heading-description {
  padding: 0;
}

.regional-sublanding .middle-center #rfi h2 {
  font-family: var(--text-display);
  font-size: 32px;
  color: var(--white);
}

.regional-sublanding #rfi p {
  font-size: 18px;
  color: var(--white);
}

.regional-sublanding #rfi .form_label {
  color: var(--white);
}

.regional-sublanding #rfi .form_question {
  padding: 0;
}

.regional-sublanding #rfi .form_question:first-of-type {
  margin-bottom: 20px;
}

.regional-sublanding #rfi .form_question:first-of-type .form_label {
  font-size: 14px;
  font-style: italic;
  font-weight: normal !important;
}

.regional-sublanding #rfi .form_page_1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .regional-sublanding #rfi .form_page_1 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 992px) {
  .regional-sublanding #rfi .form_page_1 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.regional-sublanding #rfi .form_action_submit {
  padding: 0;
}

.regional-sublanding #rfi .form_action_submit button {
  padding: 0;
  width: 255px !important;
  background: var(--moss);
  color: var(--under-the-elms);
  border-color: var(--moss);
}

.regional-sublanding #rfi .form_action_submit button:hover {
  background: var(--moss) !important;
  color: var(--under-the-elms);
  text-decoration: underline;
  border-color: var(--moss);
}

.regional-sublanding #rfi .form_page_1 .form_question:first-of-type {
  grid-column: 1 / -1;
}

.regional-sublanding #rfi .form_page_1 .form_question:not(:first-of-type) {
  width: 100%;
}

.regional-sublanding #rfi .privacy-statement {
  padding: 0;
}

.regional-sublanding #rfi .privacy-statement button {
  background: transparent;
  color: var(--white);
  margin-top: 20px;
}

.regional-sublanding #rfi .privacy-statement button i {
  color: var(--white);
}

.regional-sublanding #rfi .privacy-statement p {
  font-weight: normal;
}

.regional-sublanding #rfi .privacy-statement p a {
  color: var(--white);
  text-underline-offset: 3px;
}

/* Regional Sublanding Page - Social Section */
.regional-sublanding .mod-page-container:has(.social-icons-wrapper) {
  padding: 40px 0;
  background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 75%), var(--teal) !important;
}

.regional-sublanding .mod-page-container .social-icons-wrapper {
  background-color: transparent;
}

.regional-sublanding .middle-center .mod-page-container .social-icons-wrapper h2 {
  text-align:center;
}

.regional-sublanding .social-icons-wrapper .social-icons li {
  min-width: 90px;
  width: auto;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .regional-sublanding .social-icons-wrapper .social-icons li {
    margin-bottom: 15px;
  }
}

.regional-sublanding .social-icons-wrapper .social-icons .icons--link:focus .circle {
  background: var(--under-the-elms);
}

.regional-sublanding .social-icons-wrapper .social-icons .icons--link .circle {
  width: 60px;
  height: 60px;
  font-size: 32px;
}

@media (min-width: 992px) {
  .regional-sublanding .social-icons-wrapper .social-icons .icons--link .circle {
    width: 75px;
    height: 75px;
    font-size: 36px;
  }
}

.regional-sublanding .middle-center .social-icons-wrapper h2 {
  font-family: var(--text-display);
  font-size: clamp(2.6rem, 1.123rem + 4.103vw, 4.2rem);
  animation: 900;
  line-height: 1;
}

.regional-sublanding .mod-page-container:has(.social-icons-wrapper) .paragraph--type--content-blurb-text-editor- .field--type-text-long {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}

.regional-sublanding .mod-page-container:has(.social-icons-wrapper) .button {
  background: transparent;
  color: var(--under-the-elms);
  border-color: var(--under-the-elms);
}

.regional-sublanding .mod-page-container:has(.social-icons-wrapper) .paragraph--type--content-blurb-text-editor- .field--type-text-long .button:first-of-type {
  margin-right:15px;
}

.regional-sublanding .mod-page-container:has(.social-icons-wrapper) .button:hover {
  background: var(--under-the-elms);
  color: var(--white);
}