/*=================================================================
  New Theme
-----------------------------------------------------------------*/
@media (min-width: 321px) and (max-width: 1511px) {
  .container-fixed,
  .entry-content {
    padding: 0;
  }
}

.news-story .entry-content {
  padding: 0 var(--ehu-spacing-md) var(--ehu-spacing-lg);
}
@media (min-width: 1500px) {
  .news-story .entry-content {
    padding: 0 0 var(--ehu-spacing-lg);
  }
}
/*--- Group background*/
.wp-block-group.is-style-background-lightgrey {
    background-color: var(--ehu-color-black-10);
}
/*================================================================
  EHU Blocks
---------------------------
 Button
------------------------- */
a.ehu-buttons,
a.cta,
p.faux-cta { 
  color: var(--ehu-color-white);
  background-color: var(--ehu-color-primary);
  font-weight: var(--ehu-font-weight-regular);
}
a.ehu-buttons:hover,
a.cta:hover,
a.cta:hover:focus,
p.faux-cta:hover,
p.faux-cta:hover:focus {
  background-color: var(--ehu-color-primary);
  text-decoration: underline;
}
/* --- Hero CTA --- */
a.cta-standout,
a.hero__primary-cta,
a.campaign__cta,
.hero a.cta-standout{
  font-size: var(--ehu-font-size-base);
  font-weight: var(--ehu-font-weight-semibold); 
  background-color: var(--ehu-color-grass-green);
  color: var(--ehu-color-primary);
  border-radius: 0;
}
@media (max-width: 766px) {
  a.cta-standout,
  a.hero__primary-cta,
  a.campaign__cta,
  .hero a.cta-standout {
    top:187px;
    padding:var(--ehu-spacing-sm);
    margin:0;
  }
}
.cta-standout:hover,
a.hero__primary-cta:hover,
a.campaign__cta:hover {
  text-decoration: underline;
}
/* ----- Remove Icon ----- */
.cta-standout span,
a.cta span,
a.cover-cta-link span,
a.ehu-buttons span,
a.ehu-cta span,
p.faux-cta span {
  display: none;
} 
/* -------------------------
 CTA's
------------------------- */
.feature-cta {
  text-align: center;
}
/* ----- faux-cta Styles ----- */
.cta-standout,
a.cta,
p.faux-cta {
  border-radius: 0;
} 

/* -------------------------
 Paragraph
------------------------- */
p.is-style-intro-text {
  font-size: var(--ehu-font-size-lg);
  font-weight: var(--ehu-font-weight-semibold);
}
/* -------------------------
 Media & Text
------------------------- */
.wp-block-media-text>.wp-block-media-text__content {
  padding: 0 0 0 3rem;
}
@media (max-width: 766px) {
  .wp-block-media-text>.wp-block-media-text__content{
    padding:0;
  }
}
@media (max-width: 766px) {
  .wp-block-media-text:not(.has-media-on-the-right)>.wp-block-media-text__content {
    padding-left:2rem;
  }
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  padding: 0 3rem 0 0;
}
@media (max-width: 600px) {
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
    padding-bottom: 1rem !important;
  }
}

@media (max-width: 600px) {
  .wp-block-media-text:not(.has-media-on-the-right).is-stacked-on-mobile>.wp-block-media-text__content {
    padding-left: 0 !important;
  }
}
/* -------------------------
 Table
------------------------- */
th {
  font-weight: var(--ehu-font-weight-medium);
}
/*================================================================
  CPT's
-----------------------------------------------------------------*/
.single-course__panel__right dl {
  background-color: var(--ehu-color-black-10);
}
.course-list__detailed-wrap dt {
  font-weight:var(--ehu-font-weight-regular);
}
@media (max-width: 1520px) {
  .course-template-default .container-fixed {
    padding-left:1.2rem;
    padding-right:1.2rem;
  }
}
/* ----- CPD Module ----- */
@media (max-width: 1520px) {
  .cpd-modules-template-default .container-fixed {
    padding-left:1.2rem;
    padding-right:1.2rem;
  }
}

/*.subject-template-default h1 {
  color:        var(--ehu-color-white);
  font-size:    var(--ehu-font-size-xxxxl);
  font-weight:  var(--ehu-font-weight-semibold);
}*/
/*.subject-template-default .acf-selection i.far,
.subject-template-default .fas {
  font-size: var(--ehu-font-size-xxxxl);
}*/
/*.subject-hero__title {
  background-color: var(--ehu-color-primary);
}*/
/*.subject-hero img {
  margin:unset;
}*/
/*.subject-template-default .course-highlights__card {
  background-color: var(--ehu-color-black-10);
}*/
/*@media (max-width: 1520px) {
  .subject-template-default .container-fixed {
    padding-left:1.2rem;
    padding-right:1.2rem;
  }
}*/
/* ----- Event ----- */
.event-body .event-hero {
  padding:3rem 1.2rem !important;
}
@media (max-width: 1480px) {
  .event-description p,
  .event-description h2,
  .event-description h3,
  .event-description .wp-block-lazyblock-ehu-cta,
  .event-description .wp-block-lazyblock-ehu-button-block,
  .event-description .wp-block-lazyblock-ehu-courses-list,
  .event-description .wp-block-lazyblock-ehu-icon-panel,
  .event-description__audience-wrap {
    padding-left:1.2rem;
    padding-right:1.2rem;
  }
}
.audience-tag, .event-description__audience .audience-tag {
  padding: .24rem;
  font-size: var(--ehu-font-size-sm);
  font-weight: var(--ehu-font-weight-medium);
}
.event-description i {
  background-color: transparent;
  color: var(--ehu-color-black);
  float: unset;
  margin: 0;
  padding: 0;
}
/* ----- Guide ----- */

@media (max-width: 1520px) {
  .guide-template-default .container-fixed {
    padding-left:1.2rem;
    padding-right:1.2rem;
  }
}
/* ----- Information ----- */
@media (max-width: 1143px) {
  .document-template-default .document-content {
    padding: 0 1.2rem;
  }
}
@media (max-width: 1143px) {
  .document-template-default .document-content__grid {
    grid-gap:0;
  }
}
@media (max-width: 1520px) {
  .information-template-default .container-fixed {
    padding-left:1.2rem;
    padding-right:1.2rem;
  }
}
@media (max-width: 1520px) {
  .information-template-default div.information__wrap {
    display: table !important;
  }
}
/* ----- Location ----- */
.tabs>ul li a.active {
  background-color: var(--ehu-color-black-10)!important;
}
div.disclaimer {
  background-color: var(--ehu-color-black-10)!important;
  border: 1px solid var(--ehu-color-black-60)!important;
  border-radius: 0!important;
}
/* ----- Person / Profile ----- */
@media (max-width: 1520px) {
  .person-body .profile-hero {
    padding:3rem 1.2rem !important;
  }
}
@media (max-width: 1520px) {
  .profile-content p,
  .profile-content h2,
  .profile-content h3,
  .profile-content .wp-block-lazyblock-ehu-cta,
  .profile__cta-wrap {
    padding-left:1.2rem;
    padding-right:1.2rem;
  }
}

.profile-hero {
  background-color: var(--ehu-color-violet);
}
.profile-content__quote-text:before {
  font-family:var(--ehu-font-family-primary);
  font-size: 8rem;
}
/* ----- Services ----- */

@media (max-width: 1520px) {
  .service-template-default .container-fixed {
    padding-left:1.2rem;
    padding-right:1.2rem;
  }
}
/* ----- Opening Times ----- */
div.opening_hours {
  background-color: var(--ehu-color-primary);
  color: var(--ehu-color-white);
}
/* ================================================================
  WordPress Block Overrides
-----------------------------------------------------------------*/
.wp-block-button__link {
  height: auto !important;
  width: auto !important;
}
.wp-block-column .related__panel {
  max-height: max-content;
}
.wp-block-embed {
  width: 100%;
}
.wp-block-embed iframe[src*="youtube.com"], 
.wp-block-embed iframe[src*="vimeo.com"] {
  aspect-ratio: 16/9;
  position: relative;
  height: auto;
}
.wp-block-embed-youtube embed,
.wp-block-embed-youtube iframe,
.wp-block-embed-youtube object,
.wp-block-embed-youtube .wp-block-embed__wrapper {
  height: auto;
  aspect-ratio: 16/9;
}
.wp-block-image.has-custom-border img,
.wp-block-image img {
  margin: var(--ehu-spacing-md) 0 0;
}
@media (max-width: 766px) {
  .wp-block-image.has-custom-border img,
  .wp-block-image img {
    margin: var(--ehu-spacing-md) 0 0!important;
  } 
}
.wp-block-quote {
  margin: var(--ehu-spacing-md) 0 0 !important;
  padding: var(--ehu-spacing-md) var(--ehu-spacing-lg) !important;
}
.wp-block-quote p:first-child {
  margin: 0;
}
.wp-block-quote p {
  padding: 0 !important;
  margin: var(--ehu-spacing-md) 0 0;
}

/*-----------------------------------------------------------------
  Research Panel Title
-----------------------------------------------------------------*/
.research__panel__title {
  font-weight: var(--ehu-font-weight-medium);
}
/*-----------------------------------------------------------------
  Homepage Algolia Search Input
-----------------------------------------------------------------*/
.block.ehu-algolia-search .ehu-algolia-search__searchbox .form .input {
  border: 1px solid var(--ehu-color-primary);
}
.hero__search-panel .block.ehu-algolia-search .ehu-algolia-search__searchbox .form .input {
  border: none!important;
}
/*-------------------------------------------------------------------------
  Timeline block
-------------------------------------------------------------------------*/
.ehu-timeline-2-container .ehu-timeline-2-container__innerblocks .ehu-timeline-2-item .ehu-timeline-2-item__innerblocks {
  background-color:var(--ehu-color-black-10);
}
/*-----------------------------------------------------------------
  Cookie Consent by Civic
-----------------------------------------------------------------*/
#ccc-button-holder {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
/*-----------------------------------------------------------------
  Image Components
-----------------------------------------------------------------*/
/*-------------------------------------------------
  Service Gateway 
  234536	=	/service/target-connect/
  25093		=	/service/myfm/
-------------------------------------------------*/
.postid-234536 .service-gateway__status,
.postid-25093 .service-gateway__status {
  display: none;
}
/*-----------------------------------------------
  Page style - Fixed width first column 
  Page ID: 14191 = /applicants/interviewfoe/earlyyears/
------------------------------------------------*/
.page-id-14191 th:first-child,
.page-id-14191 td:first-child {
  width: 150px;
}
/*-----------------------------------------------
  Page style - Hide navigation
  Page ID: 247823 = Vice-Chancellor Recruitment
------------------------------------------------*/
.page-id-247823 .header-site-nav__menu,
.page-id-247823 .secondary-site-nav,
.page-id-247823 footer .container-fixed .footer__grid {
  display: none !important;
}
.page-id-247823 footer {
  padding-top: 0 !important;
}
/*-----------------------------------------------
  258625 = /socialmedia/
  12429 = /corporate-information/board-of-governors/meeting-calendar/
------------------------------------------------*/
.page-id-258625 .tablepress .column-1,
.page-id-12429 .tablepress .column-1,
.page-id-12429 .tablepress .column-2,
.page-id-12429 .tablepress .column-3 { 
  width: 33%; 
}
/*-----------------------------------------------
  Page ID: 12482 = /guidance-for-website-editors/content-transfer-guidance-digital-assistants/
  Parent ID : parent-pageid-2696
------------------------------------------------*/
.page-id-12482 ul.checklist { 
  list-style-type: "✅  "; 
}
.page-id-12482 ul li, ol li { 
  padding: 8px 0px; 
}
.page-id-12482 .entry-content ul,
.page-id-12482 .entry-content ol,
.page-id-12482 .entry-content p,
.page-id-12482 .wp-block-lazyblock-expanding-box { 
  max-width: 800px; 
}
.page-id-12482 .entry-content ul.is-style-two-col,
.page-id-12482 .entry-content ol.is-style-two-col { 
  max-width: 1000px; 
}
/*------------------------------------------------
  Page ID: 262084 = /study/apply/ucas/ucas-extra/
------------------------------------------------*/
.page-id-262084 .fa-icon-panel.fa-icon-panel-row {
  flex-direction: row;
  justify-content: unset;
}
/*------------------------------------------------
  Page ID: 267039 = /study/part-time-study/
------------------------------------------------*/
.page-id-267039 .ehu-quote-slider .slick-dots { 
  display: none; 
}
.page-id-267039 .fa-icon-panel.fa-icon-panel-row {
  flex-direction: row;
  justify-content: unset;
}
/*-------------------------------------------------------------------------
  Third-party Integrations
-------------------------------------------------------------------------*/
/* TikTok */
.tiktok-embed {
  overflow: unset !important;
}

/* KIS Widget */
.kis-widget p {
  line-height: var(--ehu-line-height-normal);
}
/*-------------------------------------------------------------------------
  Accessibility Improvements
-------------------------------------------------------------------------*/
.device-link {
  position: relative;
  min-height: 44px;
  min-width: 44px;
  padding: 12px;
}
.interactive-element::before {
  content: '';
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}
/*-------------------------------------------------------------------------
  Typography & Text
-------------------------------------------------------------------------*/
#facilities-section p {
  font-weight: var(--ehu-font-weight-medium);
}
.google-route {
  width: 100%;
  display: flex;
}
p.is-style-intro-text {
  display: block !important;
}
#error-page {
  display: inline;
  padding: 0;
}
#error-page .wp-die-message {
  color: var(--ehu-color-white);
}
/*-------------------------------------------------------------------------
  Block Styles
-------------------------------------------------------------------------*/
.news-story-hero__subtitle {
  color: var(--ehu-color-white);
}
.news-story__publish-date {
  padding: 0;
}
.news-story__publish-date:last-child {
  margin: var(--ehu-spacing-md) 0 !important;
}
.announcements-template-default h1 {
  margin: var(--ehu-spacing-md) 0 0;
  display: inline-flex;
}
.search-bar-page {
  margin: var(--ehu-spacing-md) 0 0;
}
.course-hero__content p,
.course-hero__code {
  color: var(--ehu-color-white);
}
/*-------------------------------------------------------------------------
  Slider Components
-------------------------------------------------------------------------*/
.slick-slider {
  margin: 0;
}
.slick-track {
  margin: var(--ehu-spacing-md) 0 0;
}
/* ----- Ninja -----*/
.nf-field-label .nf-label-span, .nf-field-label label {
  font-weight: var(--ehu-font-weight-regular)!important;
}
/*-------------------------------------------------------------------------
  Related Components
-------------------------------------------------------------------------*/
.related h2:first-child {
  margin: 0;
  padding: 0;
}
.related-wrap {
  margin: var(--ehu-spacing-md) 0 0;
}
/*-------------------------------------------------------------------------
  Info Panel - Bespoke
-------------------------------------------------------------------------*/
.info-panel-bespoke {
  padding: var(--ehu-spacing-md);
}
.info-panel-bespoke ul {
  margin: 0;
}
.info-panel-bespoke p {
  padding: 0;
}
.info-panel-bespoke div.inline {
  display: inline-grid;
  gap: var(--ehu-spacing-xs);
  margin-right: var(--ehu-spacing-sm);
}
/*-------------------------------------------------------------------------
  Utility Classes
-------------------------------------------------------------------------*/
.study-view-content h2 {
  margin: var(--ehu-spacing-md) 0 0 !important;
}

.ehu-calendar__wrap-single,
.wp-block-table {
  margin: var(--ehu-spacing-md) 0 0;
}

/* ===== Type indicators ===== */
p.news-story-hero__page-type:first-child,
p.highlights__event-type:first-child,
p.highlights__grid-type:first-child {
  padding: 0 4px;
}

/* ===== Spacing utilities ===== */
.h3-mt {
  margin: var(--ehu-spacing-md) 0 0 !important;
}
.h3-drop {
  margin: var(--ehu-spacing-md) 0 0 !important;
}
.img-single {
  padding: 0;
}
p:first-child {
  padding: 0;
}
.youtube-insert {
  padding: 0;
  margin: 0;
  height: 100%;
}
.inner-align {
  padding: 0 var(--ehu-spacing-md) var(--ehu-spacing-md);
}
.ehu-1 {
  padding: 0;
  max-height: 250px;
}
.ehu-4 {
  padding: 0;
  min-height: 270px;
}
.image-float {
  margin: 0;
}
.alignright {
  margin: 0 0 var(--ehu-spacing-lg) var(--ehu-spacing-lg) !important;
}
/* ===== 360° Video ===== */
.threesixty__wrap iframe.lazyloaded {
  width: 100%;
  aspect-ratio: 16 / 9;
}
/*-------------------------------------------------------------------------
  Campaign Pages
-------------------------------------------------------------------------*/
.campaign-drop {
  font-style: normal;
  text-transform: uppercase;
  font-family: var(--ehu-font-family-primary);
  font-size: var(--ehu-font-size-lg);
  display: block;
  margin-top: var(--ehu-spacing-sm);
}
/*-------------------------------------------------------------------------
  Responsive Design
-------------------------------------------------------------------------*/
@media (max-width: 1200px) {
  .news-story-hero img {
    height: 100%;
  }
}
/*-------------------------------------------------------------------------
  Additional Optimizations
-------------------------------------------------------------------------*/
/* ===== Image information fix ===== */
.overview__intro__right i,
.event-description i {
  font-size: var(--ehu-font-size-base);
}
/* ===== Disclaimer content ===== */
.disclaimer__content > p {
  margin-top: 0 !important;
}
/* ===== DataTables ===== */
.dataTables_filter,
.dataTables_wrapper {
  overflow: auto;
}
/* ===== Spacing utilities ===== */
.mt-3 { margin: 3rem 0 0; }
.mt-1 { margin: 1.5rem 0 0; }

/* ===== Section menu ===== */
.section-menu-wrapper .fa-bars {
  padding-left: 0.75rem;
}
button.section-menu-wrapper-title:hover {
  cursor: pointer;
}
button.section-menu-wrapper-title {
  font-weight: var(--ehu-font-weight-regular);
}
button.section-menu-wrapper-title:focus:not(:focus-visible) {
  font-weight: var(--ehu-font-weight-regular);
}
/*---------------------------------------------
  Awards Icons Row
----------------------------------------------*/
.awards__icons-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin-top: 2.5rem;
  margin-left: 2rem;
}
.awards__icons-row--3col {
  grid-template-columns: repeat(3, 1fr);
}
.awards__icon-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 2rem;
}
/* Hero graphic: coloured square + overlapping icon + overlapping headline */
.awards__icon-hero {
  position: relative;
  width: 150px;
  height: 160px;
}
.awards__icon-hero--grass-green {
  background-color: var(--ehu-color-grass-green);
}
/* Headline text sits above-left, dipping into the top of the square */
.awards__icon-label-above {
  position: absolute;
  top: 0.75rem;
  left: -1.5rem;
  color: var(--ehu-color-forest-green);
  font-weight: var(--ehu-font-weight-semibold);
  font-size: var(--ehu-font-size-base);
  line-height: 1.2;
  margin: 0;
  z-index: 2;
  max-width:98%;
}
/* Large icon: left of centre, top at 50% so bottom half hangs below the square */
.awards__icon-svg {
  position: absolute;
  width: 78%;
  height: auto;
  left: 30%;
  top: 46%;
  transform: translateX(-60%);
  z-index: 1;
}
/* Explanatory text and logo below the hero, left-aligned */
.awards__icon-body {
  padding-top: 2.75rem;
  text-align: left;
  width: 45%;
  position: relative;
  left:-1.25rem;
}
.awards__icon-label-below {
  color: var(--ehu-color-forest-green);
  font-size: var(--ehu-font-size-sm);
  font-weight: var(--ehu-font-weight-regular);
  line-height: var(--ehu-line-height-tight);
  margin: 0 0 0.5rem;
}
.awards__icon-label-below br {
  content: "";
  display: block;
  margin-top: 1rem;
}
.awards__icon-logo {
  margin-top: 0.5rem;
  max-width: 80px;
  height: auto;
  display: block;
}
@media (max-width: 1028px) {
  .awards__icons-row {
    margin-left:3rem;
  }
}
@media (max-width: 768px) {
  .awards__icons-row {
    grid-template-columns: repeat(2, 1fr);
    padding:0 var(--ehu-spacing-md);
    margin-left: 2rem;
    gap: 1rem;
    overflow: hidden;
  }
}
@media (max-width: 480px) {
  .awards__icons-row {
    grid-template-columns: repeat(2, 1fr);
    padding:0 var(--ehu-spacing-md);
    margin-left: 1rem;
    gap: 1.75rem;
    overflow: hidden;
  }
  .awards__icon-body{
    width: 100%;
  }
}
@media (max-width: 390px) {
  .awards__icons-row {
    grid-template-columns: repeat(1, 1fr);
    margin-left: 2rem;
  }
  .awards__icon-body{
    width: 50%;
  }
}
/*Award Modifiers*/
.awards__color--marine-blue {
  color: var(--ehu-color-marine-blue);
}
.awards__bg--sky-blue {
  background-color: var(--ehu-color-sky-blue);
}
.awards__icon-item a {
  text-decoration: none;
  color: inherit;
}
.awards__icon-item a:hover {
  text-decoration: underline;
}
/*-------------------------------------------------------------------------
  End of Customizer Styles
==========================================================================*/