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

/* - - CAMPUS PAGE STYLES - - */

/* Root structure for the content container */
.content-contain-e5-schools {
  width: 100%;
  max-width: 75vw;
  margin-left: 12.5vw;
  margin-right: 12.5vw;
}

/* Styling for the slogan text */
.slogan-text-e5-schools {
  padding: 35px 0;
  width: fit-content;
  height: auto;
  background: #babec7;
  padding: 7px 55px 55px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

/* Header styling */
.heading-e5-schools {
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 700;
  font-size: 3.8rem;
  text-align: center;
  line-height: 1.4;
  color: #1a1919;
  letter-spacing: -0.05px;
  margin-bottom: 0;
}

section.slogan-e5-schools {
  width: 100%;
  height: auto;
  background: #babec7;
  padding: 0;
  margin: 0;
}

.slogan-text-e5-schools.empire-beige-e5-schools {
  padding-bottom: 35px !important;
  padding-top: 35px !important;
}

/*-- ABOUT THE SCHOOL --*/

/* Container styling */
.slogan-search-e5-schools {
  width: 100%;
  padding: 252px 0 114px;
  margin: -137px 0 0;
  background: #383a3f;
}

/* Content container with alignment adjustments */
.content-contain-e5-schools {
  width: 100%;
  max-width: 75vw;
  margin: 0 auto;
}

/* Flexbox layout for school block */
.school-block-e5-schools {
  display: flex;
  align-items: flex-start;
}

/* Left section image styling */
.sp-feature-e5-schools.left-e5-schools {
  flex: none;
  width: 400px;
}

.sp-feature-e5-schools img {
  min-width: 384px;
  min-height: 288px;
  border: 8px solid #fff;
  max-width: 100%;
  height: auto;
}

/* Button styling */
.button-primary-e5-schools {
  border: none;
  background-color: #1a1919;
  color: #ffffff;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.666rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

/* Right section content styling */
.right-white-bar-e5-schools {
  flex: auto;
  padding-left: 30px;
  color: #fff;
}

/* Heading and paragraph styling within right section */
.right-white-bar-e5-schools h2 {
  font-size: 24px;
  font-weight: 800;
  color: #fff;
}

.right-white-bar-e5-schools p {
  font-size: 18px;
  color: #fff;
}

/* Location details list */
.loc-details-e5-schools {
  margin-top: 20px;
  list-style: none;
  padding: 0;
}

.loc-details-e5-schools li {
  color: #fff;
}

.bold-e5-schools {
  font-weight: 700;
  font-size: 1.1em;
  text-transform: uppercase;
  color: #fff;
}

/* Anchor link within list */
.loc-details-e5-schools a {
  color: #3273dc;
  text-decoration: none;
}

/*-- DUAL CTA BUTTONS --*/

/* Button section container */
.button-section-e5-schools {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0;
  z-index: 1;
  margin: -25px 0 0;
}

/* Secondary buttons */
.button-secondary-e5-schools {
  font-size: 1.5rem;
  padding: 10px 30px;
  background-color: #887f81;
  font-family: 'Roboto Condensed', sans-serif;
  color: #ffffff;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}

/* Yellow button specific styles */
.yellow-button-e5-schools {
  background-color: #f2c767;
  color: #000;
}

section.upper-form-e5-schools.padded-e5-schools {
  margin-top: -25px;
}

/*-- REQUEST INFORMATION FORM --*/

/* Scoped styles for upper-form-e5-schools */
.upper-form-e5-schools {
  width: 100%;
  padding: 35px 0;
  background-color: #fff;
  border-bottom: 10px solid #fff;
}

.upper-form-e5-schools .form-heading-e5-schools .h1-e5-schools {
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: 4px;
  text-align: center;
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 300;
  color: #373a3f;
}

.upper-form-e5-schools .form-section-e5-schools {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 20px 0;
}

.upper-form-e5-schools .main-group-e5-schools {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  width: 100%;
  max-width: 900px;
  padding: 20px 0;
}

.upper-form-e5-schools .field-e5-schools {
  width: calc(50% - 10px);
}

.upper-form-e5-schools .label-e5-schools {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  color: #1a1919;
  margin-bottom: 0.5em;
}

.upper-form-e5-schools .input-e5-schools {
  width: 100%;
  height: 48px;
  background-color: #f8f8f8;
  border: none;
  color: #1a1919;
  border-radius: 2px;
  padding: 0.5rem;
}

.upper-form-e5-schools .button-e5-schools {
  background-color: #1a1919;
  color: #fffffe;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.2rem;
  padding: 10px 15px;
  border: none;
  cursor: pointer;
}

.upper-form-e5-schools .yellow-button-e5-schools {
  background-color: #f2c767;
  color: #000;
}

.upper-form-e5-schools .disclaimer-e5-schools p {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 12px;
  color: #404042;
  text-align: center;
  margin-top: 1rem;
  line-height: 1.5;
}

.is-hidden-touch-e5-schools {
  display: block;
}
/*
.is-hidden-desktop-e5-schools {
  display: none;
}
8/
/* Responsive adjustments */
@media (max-width: 768px) {
  .upper-form-e5-schools .main-group-e5-schools {
    flex-direction: column;
  }
  .upper-form-e5-schools .field-e5-schools {
    width: 100%;
  }
  /*
  .is-hidden-touch-e5-schools {
    display: none;
  }
    */

  .is-hidden-desktop-e5-schools {
    display: block;
  }
}

.upper-form-e5-schools .main-group-e5-schools {
  flex-wrap: nowrap;
}

/*original form revisions */

section.upper-form.padded.home.form-on-school-page {
  margin-top: 0px;
}

section.upper-form.padded.home.form-on-school-page {
  background-color: #fff;
  border-bottom: 10px solid #fff;
  padding: 63px 20px 20px;
  margin-top: -25px;
}

.upper-form .form-section form .input,
.upper-form .form-section form input#e5-campuus-page {
  height: 48.9px;
  background-color: #f8f8f8;
  box-shadow: none;
  border: none;
  border-radius: 2px;
  color: #1a1919;
}

p.hz-form-subheading {
  text-align: center;
}

/*-- MAP EMBED WITH SCHOOL LOCATION --*/

.school-map-embed-styling iframe {
  width: 100%;
}

/*-- COME SEE WHAT WE ARE ALL ABOUT SECTION --*/





.content-contain-e5-school-photos {
  width: 100%;
  max-width: 75vw;
  margin: auto;
}

.school-gallery-slider-e5-school-photos {
  max-width: 1200px;
  margin: 30px auto;
}

.image-container-e5-school-photos {
  display: flex;
  justify-content: space-evenly;
}

.gallery-slider-prev-e5-school-photos {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.sg-circle-e5-school-photos {
  color: #fff;
  cursor: pointer;
  margin-right: 8px;
  transition: color 0.3s ease-in-out;
}

.sg-circle-e5-school-photos:hover {
  color: #eec053;
}








.school-slider-e5-campus-page {
  padding: 30px 0;
  background: #babec7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.content-contain-e5-campus-page {
  max-width: 1200px;
  margin: auto;
  width: 100%;
}

.gallery-row-e5-campus-page {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  margin: auto;
}

.gallery-item-e5-campus-page img {
  width: 100%;
  height: auto;
}

.gallery-slider-controls-e5-campus-page {
  text-align: center;
  margin-top: 10px;
}

.sg-circle-e5-campus-page {
  margin-right: 8px;
  color: #fff;
  cursor: pointer;
  transition: color 0.3s;

  
}

.content-contain-e5-school-photos {
  display: flex;
  justify-content: space-around;
  padding: 0 2%;
  max-width: 1200px; 
  min-width:100% !important;
  margin: auto;
}

.image-container-e5-school-photos {
  flex: 1;
  padding: 0 10px;
}

/*
.image-container-e5-school-photos img {
  width: 100%;
  height: auto;
  display: block;
}
*/



/* --- */




.button-primary-e5-campus-page {

  font-weight: 300 !important;

}




.sg-heading-e5-campus-page {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 29px;
  color: #373a3f;
  text-align: center;
  margin: 20px 0;
}

.gs-button-holder-e5-campus-page {
  display: flex;
  gap: 20px;
}

.guest-services-button-e5-campus-page {
  width: 49%;
}

.button-primary-e5-campus-page {
  width: 100%;
  padding: 10px;
  background-color: #1a1919;
  color: #fff;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
}

.loc-details-e5-campus-page p {
  font-size: 1.2rem;
  text-transform: uppercase;
  text-align: center;
  padding: 20px;
}

/* - - - */

.button-primary-e5-campus-page {
  width: 100%;
  height: 100%;
  border: none;
  background-color: #1a1919;
  color: #FFFFFF;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.6666679265rem;

}

.guest-services-button-e5-campus-page {
  flex: 1;
  border: 2px solid #1a1919;
  background-color: #1a1919;
  align-items: center;
  display: flex;
  margin-right: 0;
  width: 100%;
  justify-content: center;
}

.button-primary-e5-campus-page {
  font-size: 1.6666679265rem !important;
  
}



section.school-slider-e5-campus-page {
  padding-top: 112px;

}

.gallery-item-e5-campus-page:first-of-type {
  margin-right: 10px;
}


/*-- OFFERING SSECTION --*/


.school-content-e5-loc-offering {
  width: 100%;
  padding: 40px;
  margin: 0 auto;
  background-color: #fff;
  font-family: 'Roboto', sans-serif;
}

.upper-school-content-e5-loc-offering {
  padding-top: 20px;
  padding-bottom: 20px;
}

.heading-e5-loc-offering {
  font-size: 1.75rem;
  font-weight: 500;
  letter-spacing: 2px;
  color: #4a4a4a;
  text-transform: uppercase;
}

.school-content-e5-loc-offering p {
  font-size: 1.25rem;
  line-height: 1.65;
  color: #4a4a4a;
  padding-bottom: 20px;
}

.button-group-e5-loc-offering {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 20px;
  margin-bottom: 20px;
}

.button-primary-e5-loc-offering {
  background-color: #ffd700; /* Custom Empire Yellow */
  color: #4a4a4a;
  padding: 10px 20px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  text-decoration: none;
}

.button-primary-e5-loc-offering:hover {
  background-color: #e0b800;
}






/*-- SCHOOL INFO --*/










.school-content-e5-campus-page {
  padding: 87px 0;
  width: 100%;
  height: auto;
}

.heading-e5-campus-page {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.75rem;
  font-weight: 500;
  letter-spacing: 2px;
  padding-bottom: 20px;
}

.school-content-e5-campus-page p {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.65;
  padding-bottom: 20px;
}

.buttons-list-e5-campus-page {
  display: flex;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

.button-primary-e5-campus-page {
  font-size: 1.08rem;
  padding: 10px;
  font-weight: 500;
  min-height: 44px;
  background-color: #1a1919;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
}

.footer-text-e5-campus-page {
  font-size: 1rem;
  text-transform: uppercase;
  color: #4a4a4a;
  padding-top: 20px;
  line-height: 1.5;
}



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


.state-hours-e5 {
  width: 100%;
  padding: 40px 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.state-hours-title-e5 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 20px;
}

.program-list-e5 {
  list-style: none;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  margin: 0;
}

.program-item-e5 {
  width: 48%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.program-item-e5:hover {
  transform: scale(1.02);
}

.program-even-e5 {
  background-color: #f0f4f8;
}

.program-odd-e5 {
  background-color: #e8ecef;
}

.program-name-e5 {
  font-size: 1.4rem;
  font-weight: 500;
}

.program-hours-e5 {
  font-size: 1.2rem;
  color: #666;
}

.state-hours-e5 {
  overflow: visible; /* Ensure all list items display */
}

.program-list-e5 {
  max-height: none; /* Remove any potential height limits */
}



/*-- STUDENT KIT SECTION --*/

/*-- TESTIMONIALS --*/

.site-reviews-e5-campus {
  width: 100%;
  padding: 35px 0 20px;
  margin-top: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.review-section-e5-campus ul {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: auto;
  align-items: flex-start;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
  margin: 0;
}

.review-e5-campus {
  width: 100%;
  max-width: 31.66667%;
  min-width: 31.66667%;
  padding: 20px;
  margin: 0 20px 0 0;
  background-color: #e8e8e9;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.icon-e5-campus {
  width: 100px;
  height: 100px;
  position: absolute;
}

.icon-e5-campus img,
.stars-e5-campus img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.name-e5-campus,
.p-title-e5-campus,
.quote-e5-campus {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.quote-e5-campus {
  min-height: 140px;
  /* max-height: 140px; */
  overflow: hidden;
  display: flex;
  align-items: flex-start;
}

.breaks-e5-campus {
  width: 100%;
  height: 2px;
  border-top: 1px solid #ceced0;
  margin-bottom: 15px;
}

.readmore-e5-campus {
  text-align: right;
  cursor: pointer;
  font-weight: 400;
  font-family: 'Roboto Condensed', sans-serif;
  padding-top: 10px;
  color: #4a4a4a;
}

img.quote-svg-icon {
  width: 90px;
  margin-top: -18px;
  margin-left: -25px;
  margin-right: -13px;
}

.quote-e5-campus {
  text-align: left;
}

img.google-svg-icon {
  margin-top: -72px;
}

.stars-e5-campus {
  width: 70%;
  max-width: 70%;
  height: auto;
  margin-top: -15px;
  padding: 0;
}

.name-e5-campus {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.6875rem;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: normal;
}

p.e5-testimonial-name {
  font-family: 'Roboto Condensed';
}

.p-title-e5-campus {
  text-align: center;
  text-transform: capitalize;
  font-size: 1.1875rem;
  font-family: 'Roboto Condensed';
  font-weight: 200;
  font-style: italic;
}

.e5-campus-section-break {
  width: 100%;
  height: auto;
  min-height: 1px;
  padding: 0;
  margin: 160px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  border-top: 1px solid #887f81;
}

.about-area-e5-about-area {
  background-color: #373a3f;
  color: #fff;
  width: 100%;
  padding: 4rem;
  margin: 2rem 0 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.h2-e5-about-area {
  text-align: center;
  font-size: 2rem;
  font-family: Roboto, sans-serif;
  font-weight: 800;
  margin-bottom: 2rem;
}

.column-text-e5-about-area {
  max-width: 800px;
  margin: 0 auto;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 1.166667rem;
  line-height: 1.6;
}

.column-text-e5-about-area p {
  margin-bottom: 1rem;
}

section.scholarships-e5-campus {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

p.h1-sch-campus {
  width: 100%;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 31px;
  font-size: 28px !important;
  color: #1a1919;
}

p.p-e5-tmp {
  font-family: Roboto, sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.1666675486rem !important;
}


.school-content-e5-loc-offering.upper-school-content-e5-loc-offering {
  padding-top: 87px;
}


p.h1.heading-e5-loc-offering {
  font-family: Roboto Condensed, sans-serif;
  font-size: 1.7500013228rem;
  letter-spacing: 2px;
  font-weight: 400;
  text-transform: none;
}



a.button-primary-e5-loc-offering {
  background-color: #1a1919;
  color: white;
  font-weight: 400;
}

/*-- ABOUT THE AREA --*/

/*-- SCHOLARSHIPS --*/

/*-- SOCIAL FOLLOW --*/

.social-e5-schools-social {
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 160px;
}

.social-icons-e5-schools-social {
  display: flex;
  justify-content: center;
  gap: 30px;
  padding-bottom: 50px;
}

.social-icons-e5-schools-social li {
  list-style: none;
}

.social-icons-e5-schools-social li a {
  color: #1a1919;
  transition: color 0.3s ease;
}

.social-icons-e5-schools-social li a:hover {
  color: #eec053;
}

.heading-e5-schools-social {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2.333rem;
  font-weight: 700;
  color: #887f81;
  text-align: center;
}

ul.social-icons-e5-schools-social {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.social-icons-e5-schools-social li a {
  font-size: 4rem;
}

.social-icons-e5-schools-social ul li a[data-icon='tiktok'] svg {
  width: 4rem;
  height: 4rem;
}

.social-icons-e5-schools-social {
  gap: 120px;
}

/*-- 'WANT TO LEARN MORE' FORM --*/

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


.state-hours-e5 {
  overflow: visible;
  width: 100%;
  padding: 40px 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Align heading to the left */
}

.state-hours-heading-e5 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-top: 20px;
  text-align: left;
}

.state-hours-list-e5 {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.state-hours-list-e5 li {
  padding: 20px;
  margin-bottom: 10px;
  max-width: 48%;
  flex: 1;
  text-align: center;
  background-color: #f0f0f0;
  border-radius: 5px;
}

.state-hours-list-e5 li:nth-child(odd) {
  background-color: #bbbec6;
}

.state-hours-program-e5 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  text-transform: uppercase;
}

.state-hours-amount-e5 {
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  color: #333;
}



ul.state-hours-list-e5 {
  WIDTH: 100%;
}




.state-hours-e5 {
  overflow: visible;
  width: 100%;
  padding: 40px 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.state-hours-heading-e5 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.6rem; /* Adjusted to medium size */
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding-top: 20px;
  text-align: left;
}

.state-hours-list-e5 {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.state-hours-list-e5 li {
  padding: 15px;
  margin-bottom: 10px;
  max-width: 48%;
  flex: 1;
  text-align: center;
  background-color: #f0f0f0;
  border-radius: 5px;
}

.state-hours-list-e5 li:nth-child(odd) {
  background-color: #bbbec6;
}

.state-hours-program-e5 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 500;
  font-size: 1.4rem; /* Slightly smaller size for fit */
  text-transform: uppercase;
}

.state-hours-amount-e5 {
  font-family: 'Roboto', sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  color: #333;
}

p.h1.e5-campus-student-kit {
  font-family: Roboto Condensed, sans-serif;
  font-size: 28px !important;
  color: #1a1919;
}


.student-kit {
  width: 100%;
  padding: 0;
  margin: 25px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sktitle p.h1 {
  font-size: 2rem;
  margin-bottom: 20px;
  text-align: center;
}

.slider-section {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.slider-prev, .slider-next {
  font-size: 2rem;
  cursor: pointer;
  padding: 10px;
  user-select: none;
}

.slider-image figure {
  width: 600px;
  margin: 0;
}

.slider-image img {
  width: 100%;
  height: auto;
  display: block;
}

.content {
  max-width: 800px;
  text-align: center;
}

.content .h1 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.content p {
  margin-bottom: 10px;
}

.content .small {
  font-size: 0.8rem;
  color: gray;
}


.slider-section {
  width: 100%;
  justify-content: center;
}

.student-kit {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}

.slider-section {
  width: 100%;
  max-width: 1200px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.slider-prev, .slider-next {
  font-size: 3rem;
  color: #eec053;
  cursor: pointer;
  transition: color 0.3s;
}

.slider-image-wrapper {
  width: 100%;
  max-width: 800px;
  height: 400px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}



.content {
  max-width: 800px;
  padding: 20px;
  text-align: left;
}

.content .h1 {
  font-family: Roboto, sans-serif;
  font-size: 1.8rem;
  color: #1a1919;
  font-weight: 500;
}

.content p {
  font-family: Roboto, sans-serif;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #4a4a4a;
}

.content .small {
  font-size: 0.9rem;
  color: #7a7a7a;
}


.slider-section {

  justify-content: space-evenly;

}


div#sliderTextContent {
  padding: 0px !important;
}

div#sliderTextContent {
  max-width: 100%;
}


.loc-details-e5-campus-page {
  padding-top: 52px;
}


.content-contain-e5-campus-page.school-gallery-slider-e5-campus-page {
  padding-bottom: 30px;
}


.state-hours-list-e5 li {
  padding: 36px;
  margin-bottom: 0px;
  max-width: 50%;
  flex: 1;
  text-align: center;
  background-color: #f0f0f0;
  border-radius: 0px;
}

p.state-hours-heading-e5 {
  font-family: Roboto Condensed, sans-serif;
  font-weight: 400;
  font-size: 1.7500013228rem;
  letter-spacing: 2px;
}


p.state-hours-program-e5 {
  font-family: Roboto Condensed, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  text-transform: none;
}




hr.sk-hr-break {
  margin: 70px 0;
}


p.state-hours-heading-e5 {
  margin-bottom: 2px;
}

p.h1.e5-campus-student-kit {
  font-weight: 400;
}






.slider-image-wrapper {
  height: 500px;
}

figure#sliderImageContainer {
  height: 500px;
}


img#sliderImage {
  height: 500px;
}

div#sliderTextContent b {
  font-weight: 800;
}




p.sk-vid-heading {
  font-family: Roboto, sans-serif;
  font-size: 1.5000011339rem !important;
  color: #1a1919 !important;
  font-weight: 500 !important;
  margin-top: 40px;
}







p.sk-vid-content {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 1.3333343412rem;
  line-height: 1.65;
  margin: 0;
  margin-top: 8px;
}




a.sk-video-link {
  color: #3273dc;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 1.3333343412rem;
  line-height: 1.65;
  margin: 0;
}


/* - - testimonial columns - - */

.review-e5-campus {
  padding: 20px;
  background-color: #e8e8e9;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.quote-e5-campus {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  align-items: flex-start;
}

.readmore-e5-campus {
  padding: 10px;
  margin-top: 14px;
  width: 100%;
  text-align: right;
  font-weight: 400;
  cursor: pointer;
}



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


/* - - Mobile Responsive - - */





@media screen and (max-width: 48rem) {
  .right-white-bar-e5-schools.right-e5-schools {
    display: none;
  }


  .heading-e5-schools {
    font-size: 2rem;
  }

  .slogan-text-e5-schools.empire-beige-e5-schools {
    padding: 22px !important;
  }


  /*
  a.button-secondary-e5-schools.yellow-button-e5-schools:first-child {
    display: none;
  }

  */

  .sp-feature-e5-schools img {
    border: 0px solid #fff;

  }
/*
  .social-e5-schools-social.bottom-e5-schools-social {
    display: none;
  }
  
*/

/*
  .sp-feature-e5-schools.left-e5-schools {
    flex: none;
    width: 320px;
}
.sp-feature-e5-schools img {
  min-width: 280px;

}
  .sp-feature-e5-schools img {
    min-width: 320px;
}
  .sp-feature-e5-schools img {
    min-width: 350px;
  }

.sp-feature-e5-schools.left-e5-schools {
  flex: none;
  width: 326px;
}

*/





.content-contain-e5-schools {
  overflow: hidden; 
  width: 100vw;    
  position: relative;
  display: flex;
  flex-direction: column; 
  align-items: center;
  padding-left: 0px; 
}

/* School block wrapper */
.school-block-e5-schools {
  display: flex;
  flex-direction: column;
  align-items: flex-start; 
  width: calc(100vw - 16px); 
  margin-left: 16px; 
  position: relative;
}

/* Image container */
.sp-feature-e5-schools {
  width: 100%; 
  position: relative;
  display: flex;
  justify-content: flex-end; 
}


.sp-feature-e5-schools img {
  width: 100%;          
  height: auto;         
  max-width: none;      
  object-fit: cover;    
  object-position: right; 
}


.right-white-bar-e5-schools {
  padding: 20px;
  text-align: center;
  width: 90%; 
}


.right-white-bar-e5-schools h2,
.right-white-bar-e5-schools p,
.loc-details-e5-schools {
  font-size: 1rem;
}






.slogan-search-e5-schools {
  width: 100%;
  overflow: hidden;
  background-color: #383a3f;
  padding: 252px 0 114px;
}

@media screen and (max-width: 768px) {
  .slogan-search-e5-schools {
      padding: 134px 0 0;
      background-color: #9c8f95;
  }
}


.content-contain-e5-schools {
  width: 100%;
  max-width: 75vw;
  margin-left: 12.5vw; 
}

@media screen and (max-width: 768px) {
  .content-contain-e5-schools {
      max-width: 90%;
      margin-left: 5%;
      margin-right: 5%;
  }
}


.school-block-e5-schools {
  display: flex;
  flex-direction: column; 
  align-items: center;
}


.sp-feature-e5-schools {
  width: calc(100vw - 16px); 
  padding-left: 16px; 
  display: flex;
  justify-content: flex-end;
}

.sp-feature-e5-schools img {
  width: 100%;          
  max-width: none;       
  object-fit: cover;     
  object-position: right; 
}

.right-white-bar-e5-schools {
  padding: 20px;
  text-align: center;
  width: 90%;
  background-color: #fff;
}

.right-white-bar-e5-schools h2,
.right-white-bar-e5-schools p,
.loc-details-e5-schools {
  font-size: 1rem;
}

.bold-e5-schools {
  font-weight: bold;
}






}















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


  .sp-feature-e5-schools.left-e5-schools {
    flex: none;
    width: 305px;
  }
  
  
  .sp-feature-e5-schools img {
  min-width: 315px;
  }
  
  
  
  
  


}













@media screen and (max-width: 48rem) {



  .slogan-text-e5-schools.empire-beige-e5-schools {
    padding: 23px !important;
    margin-top: 47px;

  }


  .slogan-text-e5-schools.empire-beige-e5-schools {
    padding: 23px !important;
    margin-top: 47px;
    bottom: 47px;
    background-color: #9c8f95;

  }






  h1.heading-e5-schools {
    color: white;
    text-align: left;
    font-weight: 500;
}

.content-contain-e5-schools {
  margin-left: 10.2vw;

}


.content-contain-e5-schools {

  padding-left: 0px;
}




/*
a.button-secondary-e5-schools.yellow-button-e5-schools:first-child {

  pointer-events: none;
  cursor: default;


  background-color: #9c8f95;


  color: #9c8f95; 
  text-decoration: none; 
  font-size: 1rem;


  display: inline-block;
  padding: 10px 20px; 
  border: none; 
}
  */

/*
a.button-secondary-e5-schools.yellow-button-e5-schools:first-child {
  pointer-events: none;
  cursor: default;
  background-color: #9c8f95;
  color: #9c8f95;
  text-decoration: none;
  font-size: 2rem ;
  display: inline-block;
  padding: 0px 25px;
  border: none;
  margin: 0px !important;
  z-index: -2000 !important;
}
  */







ul.social-icons-e5-schools-social {
  display: none;
}



p.heading-e5-schools-social {
  display: none;
}

section.slogan-e5-schools {
  background: #fff;
}

.slogan-text-e5-schools.empire-beige-e5-schools {
  padding-bottom: 0px !important;
}


.slogan-search-e5-schools {
  padding: 115px 0 0;
}

.mobile-campus-page-hide {
  display: none;
}


/*
ul.social-icons-e5-schools-social {
  display: none;
}
section.site-reviews-e5-campus {
  display: none;
}
*/


a.button-secondary-e5-schools.yellow-button-e5-schools {
  margin-bottom: 3px;
  position: relative;
  top: -80px;
}

.background-decoration-campus {
  display: flex;
  width: 100%;
  height: 8px;
}

.left-column-campus {
  background-color: #9c8f95;
  width: 70%;
}

.right-column-campus {
  background-color: #ffffff;
  width: 30%;
}

.background-decoration-campus {
  position: relative;
  height: 29px;
  width: 765px;
  bottom: 25px;
  left: -50px;
  margin-bottom: -27px;
}

a.button-secondary-e5-schools.yellow-button-e5-schools {
  width: 282px;
  text-align: center;
}

.slogan-search-e5-schools.empire-beige-e5-schools {
  width: 100%;
}



.background-decoration-campus-top {
  display: flex;
  width: 100%;
  height: 22px;
}

.right-column-campus-top {
  background-color: #9c8f95;
  width: 95%;
}

.left-column-campus-top {
  background-color: #ffffff;
  width: 5%;
}



h1.heading-e5-schools {
  padding: 20px 20px 32px 38px;
}



.campus-form-white-bg-alt .button.black-button {
  font-weight: 400 !important;
}






}




@media screen and (min-width: 48rem) {
  .desktop-campus-page-hide {
    display: none !important;
  }
    .button-section-e5-schools {

      margin: -26px 0 0;
  }
  .mobile-campus-page-hide {
    margin-bottom: -20px;
  }
  .form-heading {
    padding-top: 38px;
  }
}





.campus-form-white-bg-alt .upper-form.padded.home.lower-form.grey-hz-form-01 {
  background-color: white !important;
}


p.form-subheading-campus-p {
  font-weight: 700;
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  color: #363636;
}




.campus-form-white-bg-alt input#name,
.campus-form-white-bg-alt input#phone,
.campus-form-white-bg-alt input#zipcode,
.campus-form-white-bg-alt input#email  {
    padding-left: 8px;
    outline: none;
}





/*---- place this back into global(mobile menu) styles later: ---*/

@media screen and (max-width: 48rem) {
  header .call-to-actions {
      top: 60px;
  }


  .oh-banner {
    padding-top: 5px;
}


}

@media (max-width: 47.99rem) {
  .tablet-view-hide {
      display: none;
  }
}


@media (min-width: 1024px) {
  .tablet-view-hide {
      display: none;
  }
}


@media (min-width: 48rem) and (max-width: 1023.99px) {
  .tablet-view-hide {
      display: block; 
  }
}




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


@media screen and (max-width: 48rem) {
  .gs-button-holder-e5-campus-page {
      flex-direction: column;
      align-items: center;
  }

  .guest-services-button-e5-campus-page {
      width: 100%;
      margin-top: 15px; 
  }

  .guest-services-button-e5-campus-page:first-child {
      margin-top: 0; 
  }

  h2.sg-heading-e5-campus-page {
    font-size: 20px;
    padding-bottom: 25px;
}

.gs-button-holder-e5-campus-page {
  display: flex;
  gap: 0px;
}


}



.campus-form-white-bg-alt .button.black-button {
  font-weight: 400 !important;
}

















.quick-nav-e5-stickycta {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: #1a1919;
  z-index: 109999999999999999999999999999999999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}


.quick-nav-list-e5-stickycta {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  list-style: none;
  padding: 0;
  margin: 0;
}


.quick-nav-item-e5-stickycta {
  width: 33.3333%;
  height: 80px;
  text-align: center;
  position: relative;
}


.quick-nav-item-e5-stickycta:nth-child(1) {
  border-right: 0.5px solid #9c8f95!important; 
}

.quick-nav-item-e5-stickycta:nth-child(3) {
  border-left: 0.5px solid #9c8f95!important; 
}


.quick-nav-item-e5-stickycta a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  font-size: 1.1rem;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out !important;
  animation: all 0.3s ease-in-out !important;
}




li.quick-nav-item-e5-stickycta:hover {
   background-color: #887f81;
   text-decoration: none;
   color: white;
}




@media screen and (max-width: 48rem) {





@media (max-width: 48rem) {
  .quick-nav-e5-stickycta {
    display: flex;
  }
}

@media (min-width: 48rem) {
  .quick-nav-e5-stickycta {
    display: none;
  }
}











.sp-feature-e5-schools.left-e5-schools {
  width: 100%;
}

.sp-feature-e5-schools img {
  width: 100%;

}



.content-contain-e5-schools {
  margin-left: 18.2vw;
}






.content-contain-e5-schools {
  margin-left: 18.2vw;
}






.campus-form-white-bg-alt section.upper-form.padded.home.lower-form.grey-hz-form-01 {
  padding-top: 20px;
}







}



@media (max-width: 48rem) {
  .e5-campus-section-break.post-testimonials-mobile {
      display: none;
  }
}











.button-primary-e5-loc-offering {
  border-radius: 0px;
}

.school-content-e5-loc-offering.upper-school-content-e5-loc-offering li {
  margin-bottom: 12px;
}




@media (max-width: 48rem) {
  p.state-hours-heading-e5 {
      text-align: center;
      padding-bottom: 40px;
      font-weight: 500;
  }



  section.dark-programs.home {
    background-color: #373a3f;
    color: fff;
    margin-bottom: 99px;
}

}



@media (max-width: 48rem) {
  .dark-programs.home .callout-header {
      margin-top: 0px !important;
      padding-left:0px !important;
  }






.dark-programs.home  .callout-header {
  background: none;
}






.dark-programs.home .callout-header p {
  color: #fff;
  font-family: Roboto Condensed, sans-serif;
  font-size: 5.0000037795rem;
  font-weight: 300;
  padding: 0px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-transform: uppercase;
  line-height: 1;
  text-decoration: underline;
  text-align: left !important;
}






.dark-programs.home .content.right {
  padding-right: 0 !important;
  position: relative;
  top: -3.3rem;
  background-color: #373a3f;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  white-space: nowrap;
  padding-left: 0px !important;
  padding-top: 5px;
  padding-right: 15px !important;
}


.dark-programs.home .content h2 {
  font-size: 1.75em;
  margin-bottom: .5714em;
}


}