/* Global 
-------------------------------------------------- */
/*
 * Typography
*/
html{
  overflow: auto;
}
.font-semibold {
  font-weight: bold !important;
}

.line-clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1240px;
  }
}

/* Sidebar */
@media screen and (max-width:767px) {
  .interior-page-wrap .col-md-4{
    order: 1;
  }
}

/* Experience Trent 360 Video */
.field--name-field-text-video-desc .field--item p:last-of-type {
  display: flex;
  align-items: center;
  gap: 1rem;
}


/*
 * Transitions
*/
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
}

.duration-500 {
  transition-duration: .5s;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

/*
 * Spacing
*/
.mt-40 {
  margin-top: 40px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-40 {
  margin-bottom: 40px;
}
.mb-30{
  margin-bottom: 30px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

/*
 * BTN
*/
.btn-green {
  background-color: #154734;
  color: white;
}

.btn-green:hover {
  background-color: #0c291e;
  color: white;
}

.btn-lg {
  font-size: 18px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 8px;
}

.btn-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn-icon img {
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
}

.btn-icon:hover img {
  transform: translateX(5px);
}

.btn-blue {
  background-color: #62798D;
  color: white;
}

.btn-blue:hover {
  background-color: #456172;
  color: white;
}

.btn-orange {
  background-color: #B15533;
  color: white;
}

.btn-orange:hover {
  background-color: #98492c;
  color: white;
}

@media(max-width: 768px) {
  .btn {
    min-width: unset !important;
  }

  .btn-icon {
    gap: 20px;
  }
}

.btn-icon {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.btn-icon img {
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
}

.btn-icon:hover img {
  transform: translateX(5px);
}

.btn-blue {
  background-color: #62798D;
  color: white;
}

.btn-blue:hover {
  background-color: #456172;
  color: white;
}

.btn-orange {
  background-color: #B15533;
  color: white;
}

.btn-orange:hover {
  background-color: #98492c;
  color: white;
}

.btn-link {
  padding-left: 0px;
  padding-right: 0px;
  text-decoration: none;
  background-color: transparent;
  position: relative;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
}

.btn-link:hover {
  background-color: transparent;
  color: white;
}

.btn-link span {
  display: inline-block;
  position: relative;
}

.btn-link span::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 1px;
  bottom: 0;
  left: 0;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
  background-color: white;
}

.btn-link:hover span::after {
  transform: scaleX(0);
  transform-origin: bottom left;
}

.link {
  display: inline-block;
  position: relative;
  text-decoration: none;
}

.link:hover {
  text-decoration: none;
}

.link::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 1px;
  bottom: 0;
  left: 0;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.link:hover::after {
  transform: scaleX(0);
  transform-origin: bottom left;
}

.link-white {
  color: white;
}

.link::after {
  background-color: white;
}


.hidden {
  display: none;
}

@media (min-width: 768px) {
  .md\:block {
    display: block;
  }

  .md\:inline {
    display: inline;
  }
}

.heading {
  font-family: "Oswald", sans-serif;
}

.heading h2 {
  font-size: 40px;
  line-height: 1;
  color: #62798D;
  font-weight: 400;
}

.heading h3 {
  font-size: 32px;
  line-height: 1;
  font-weight: 400;
  color: #B15533;
}

@media(max-width: 768px) {
  .heading h2 {
    font-size: 32px;
  }

  .heading h3 {
    font-size: 26px;
  }
}

.scroll-x {
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
}

.page-wrapper {
  padding-bottom: 0px;
}

table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

tr {
  background-color: transparent !important;
}

tr:last-child td {
  border-bottom: none;
}

th {
  font-family: "Oswald", sans-serif;
  color: #1E1E1E;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  padding: 10px 5px;
  background-color: whitesmoke !important;
  border-bottom: 1px solid #CDCDCD !important;
}

td {
  color: #1E1E1E;
  font-size: 14px;
  line-height: 1.2;
  padding: 10px 5px;
  border-bottom: 1px solid #CDCDCD;
}

/* Header 
-------------------------------------------------- */
.site--durham,
.site--futurestudents {
  @media(max-width: 1440px) {
    #navbar .logo img {
      max-width: 214px;
    }
  }
  
  .site-search #trent_search {
    color: white;
  }
  
  @media(min-width: 1540px) {
    .site-search #trent_search {
      min-width: 416px !important;
    }
  }
  
  @media(max-width: 1040px) {
    .site-search #trent_search {
      min-width: 200px !important;
    }
  }
  
  @media(max-width: 992px) {
    .site-search {
      margin-right: 0px !important;
    }
  }
  
  .site-search #trent_search:focus::-webkit-input-placeholder,
  .site-search #trent_search:focus::-moz-placeholder,
  .site-search #trent_search:focus:-ms-input-placeholder,
  .site-search #trent_search:focus::-ms-input-placeholder,
  .site-search #trent_search:focus::placeholder {
    color: transparent;
  }
  
  header#navbar .quick-links li.divider {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
  }
  
  header#navbar .quick-links li.divider-right {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
  }
  
  header#navbar .quick-links li a {
    text-decoration: none !important;
  }
  
  header#navbar .quick-links li a:hover {
    text-decoration: underline !important;
  }
  
  @media(max-width: 1440px) {
    header#navbar .quick-links li:first-child {
      display: none;
    }
  
    header#navbar .quick-links li a {
      font-size: 14px !important;
    }
  }
  
  .login-button {
    position: relative;
    top: 7px;
    padding: 13px 21px !important;
    border-radius: 0 0 15px 15px !important;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
  }
  
  @media(max-width: 1199px) {
    .login-button {
      display: none;
    }
  }
  
  @media(max-width: 992px) {
    #search-mobile form {
      display: block;
    }
  
    #search-mobile .form-control:focus::-webkit-input-placeholder,
    #search-mobile .form-control:focus::-moz-placeholder,
    #search-mobile .form-control:focus:-ms-input-placeholder,
    #search-mobile .form-control:focus::-ms-input-placeholder,
    #search-mobile .form-control:focus::placeholder {
      color: transparent;
    }
  }
}


/* Navbar
-------------------------------------------------- */
.nav-green {
  background-color: #154734;
}

.nav-secondary {
  font-family: "Oswald", sans-serif;
}

.nav-secondary ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.nav-secondary li {
  flex: 1;
  /* min-width: 170px; */
}

.nav-secondary a {
  display: block;
  color: #fff;
  padding: 15px 20px;
  position: relative;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .5s;
  text-transform: uppercase;
}

.nav-secondary a i {
  font-size: 30px;
}

.nav-secondary ul li:first-child a {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.nav-secondary ul li a:hover,
.nav-secondary ul li a:focus {
  background-color: #B15533;
  text-decoration: none;
}

@media(max-width: 1260px) {
  .nav-secondary .container {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.nav-secondary ul li .img {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.nav-secondary ul li .text {
  display: block;
  margin-top: 10px;
  font-size: 14px;
}

/* Colors
-------------------------------------------------- */
.colour-scheme--blue.site--durham .header {
  background-color: oklab(56.521% -0.01747 -0.0373) !important;
}

.colour-scheme--blue .header {
  background-color: oklab(56.521% -0.01747 -0.0373) !important;
}

.colour-scheme--blue #search-mobile {
  background-color: #466172;
}

.colour-scheme--blue #left-sidebar .block-menu-block .block-title {
  color: #62798D;
  border-color: #CDCDCD;
}

.colour-scheme--blue #left-sidebar section.block-menu-block ul li {
  border-color: #CDCDCD;
}

.colour-scheme--blue #left-sidebar section.block-menu-block ul.menu.nav li a:hover {
  background-color: #EFEFEF;
  color: #62798D;
}

.colour-scheme--blue #left-sidebar .block-menu-block {
  background-color: #fcfcfc;
}

.colour-scheme--blue .s-prog-search {
  background-color: #62798D;
}

/* Main
-------------------------------------------------- */
@media(min-width: 1024px) {
  .page--areas-of-study .interior-page-wrap .col-md-4 {
    flex: 0 0 33%;
    max-width: 33%;
  }

  .page--areas-of-study .interior-page-wrap .col-md-8 {
    flex: 0 0 72%;
    max-width: 72%;
    padding-left: 95px;
  }
}

.interior-page-wrap:not(.inner-landing-wrap) .page-content-wrapper {
  padding-top: 40px;
  /* padding-bottom: 130px; */
}

@media(max-width: 768px) {
  .interior-page-wrap .page-content-wrapper {
    padding-bottom: 65px;
  }
}

.interior-page-wrap #left-sidebar .block-menu-block .block-title {
  font-family: "Oswald", sans-serif;
  padding: 30px 20px;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 0px;
}

/* .interior-page-wrap .para-two-col-items-wrapper .p-two-col-items-title h2 {
  text-transform: none;
} */

.accordion-menu-block ul.menu.nav li a {
  display: block;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: #1E1E1E;
  text-decoration: none;
  padding: 15px 20px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .5s;
  transition: 0.3s;
}
.accordion-menu-block ul.menu.nav li a:hover{
  background-color: #EFEFEF;
  color: #154734;
  transition-duration: .3s;
}




.accordion-menu-block ul li {
  /* padding: 20px 0px; */
  border-bottom: 1px solid #CDCDCD;
  /* border-bottom-width: 1px;
  border-bottom-style: solid; */
  /* border-top: 1px solid #CDCDCD; */
}

.accordion-menu-block button.expand-collapse {
  position: absolute;
  right: 0px;
  /* top: 6px; */
  top: auto;
  transform: translateY(-131%);
  border: none;
  background: transparent;
  font-size: 20px;
}

.accordion-menu-block .expanded.dropdown ul.dropdown-menu {
  border: none;
  background: transparent !important;
}

.accordion-menu-block .expanded.dropdown .dropdown-menu li a {
  /* margin-left: 25px !important; */
  /* font-weight: 500 !important; */
}

.accordion-menu-block ul.menu.nav li.expanded.dropdown {
  /* padding: 20px 0px !important; */
  font-weight: 600;
}

/*.accordion-menu-block ul.menu.nav {
  display: contents;
}*/
.accordion-menu-block .expanded {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.accordion-menu-block ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.accordion-menu-block ul.dropdown-menu {
  /* margin: 20px 0px !important; */
}

.accordion-menu-block ul.dropdown-menu li a {
  padding-left: 40px !important;
  font-size: 14px !important;
  font-weight: 300 !important;
}

.accordion-menu-block ul.menu.nav .expanded.dropdown button:focus {
  outline: none !important;
}

.accordion-menu-block .expand-collapse {
  /* margin-left: 10px; */
  cursor: pointer;
}

.accordion-menu-block ul {
  position: relative;
}

#left-sidebar .block-menu-block {
  margin-bottom: 40px;
  background-color: #fcfcfc;
}


/* Search (program)
-------------------------------------------------- */
.s-prog-search .container {
  padding-left: 0px;
  padding-right: 0px;
}

@media(max-width: 1400px) {
  .s-prog-search .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media(max-width: 767px) {
  .s-prog-search .container {
    padding: 30px 15px;
  }
}

.search-input input,
.type-select {
  font-family: museo-sans, sans-serif !important;
}

.search-input input:focus::placeholder {
  color: transparent;
}

#searchButton {
  font-family: museo-sans, sans-serif !important;
}

#searchButton:hover {
  transition-property: background-color;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
  background-color: #98492c;
}

select.type-select {
  margin-top: 0px;
}

/* Tour
-------------------------------------------------- */
.tour {
  border-radius: 12px;
  background: #154734;
  padding: 15px 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px
}

.tour h2 {
  color: #FFF;
  font-family: museo-sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
  text-transform: unset;
}

.tour .btn {
  width: 272px;
  flex-shrink: 0;
}

@media(max-width: 768px) {
  .tour {
    display: block;
    padding: 20px 25px;
  }

  .tour h2 {
    font-size: 18px;
  }

  .tour .btn {
    width: 100%;
    margin-top: 20px;
  }
@media(max-width: 640px){
  .tour h2{
    font-size: 16px;
  }
  .btn-lg{
    font-size: 16px;
  }
}
}

/* Card
-------------------------------------------------- */
.site--durham:not(.programs-picker-page, .programs-page),
.site--futurestudents:not(.programs-picker-page, .programs-page) {
  .card {
    /* border-radius: 32px 0px; */
    border-radius: 0px 0px 32px 0px;
    background: #62798D;
    .card-cover img{
      border-radius: 0px 0px 32px 0px;
    }
  }
.program-finder-section-durham  .card {
  /* border-radius: 32px 0px; */
  border-radius: 24px 0px 24px 0px;
  background: #154734;
  /* min-height: 420px; */
  border: none;
  margin-bottom: 30px;
}

.program-finder-section-durham  .card .card-image{
  border-radius: 24px 0;
  
}

.program-finder-section-durham .card .card-image img{
  max-height: 168px;
  width: 100%;
  border-radius: 24px 0;
  object-fit: cover;
  
}

.program-finder-section-durham .card .card-image-overlay{
  display: none;
}

.program-finder-section-durham .card .card-body{
  /* top: 37%; */
}

.program-finder-section-durham .card .card-body h3{
  font-size: 26px;
}

.program-finder-section-durham .card .card-body p{
  font-size: 20px;
  text-transform: capitalize!important;
  font-weight: 400;
}

.program-finder-section-durham .card .card__learn-more{
  background-image: url(/themes/custom/trent/dist/images/icon/arrow-outward-white.svg);
  background-size: 24px;
  text-indent: -999px;
  display: block;
  opacity: 1;
  overflow: hidden;
  bottom: 5px;
}

.program-finder-section-durham .card .card-coop{
  top: 131px;
  padding: 5px 30px 5px 20px;
  margin: 0;
  border-radius: 0px 16px 0px 0px;
}

.page-content-wrapper .program-finder-section-durham .card .card-coop {
  font-family: "Oswald",Helvetica Neue,Helvetica,sans-serif;
  position: absolute;
  top: 241px;
  margin: 0;
  z-index: 1;
  padding: 5px 30px 5px 20px;
  border-radius: 0px 16px 0px 0px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
@media(max-width: 580px){
  .page-content-wrapper .program-finder-section-durham .card .card-coop{
    top: 0;
  }
}
.owl-stage-outer .card{
  border-radius: 0px 0px 32px 0px;
  background: #62798D;
}
.card-cover {
  border-radius: 32px 0px;
  background: #B15533;
  border: none;
}

.card-cover h2 {
  font-size: 28px;
  padding: 19px 28px;
  color: white;
  font-weight: 400;
  margin-bottom: 0;
}
@media(max-width: 768px){
  .card-cover h2{
    font-size: 20px;
    padding: 21px 26px;
  }
  
  .card-cover {
    border-radius: 32px 0px;
    background: #B15533;
    border: none;
  }
  
  .card-cover h2 {
    font-size: 28px;
    padding: 19px 28px;
    color: white;
    font-weight: 400;
    margin-bottom: 0;
  }
  @media(max-width: 768px){
    .card-cover h2{
      font-size: 20px;
      padding: 21px 26px;
    }
  }
  
  .card-copy {
    padding: 19px 28px;
    min-height: 215px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  @media(max-width: 768px){
    .card-copy{
      padding: 21px 26px;
    }
  }
  @media(max-width: 640px){
    .btn-link span{
      font-size: 14px;
    }
  }
  
  .card-copy p {
    margin-bottom: 20px;
    font-size: 16px;
    color: white;
  }
  
  .card-copy .btn {
    margin-top: auto;
  }
  
  .card-copy .btn img {
    width: auto;
  }
  
  .cards-md {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 19px 19px;
    margin-bottom: 80px;
  }
  
  .cards-md .card {
    border: none;
    border-radius: 0px 0px 24px 0px;
    background: #62798D;
    .card-cover img {
      border-radius: 0 0 24px 0;
    }
  }
  
  .cards-md .card-copy {
    padding: 18px 16px 20px 16px;
  }
  
  .cards-md .card-copy h2 {
    color: #FFF;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 10px;
  }
  
  .cards-md .card-copy p {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 9px;
  }
}

.card-copy p {
  margin-bottom: 20px;
  font-size: 16px;
  color: white;
}

.card-copy .btn {
  margin-top: auto;
}

.card-copy .btn img {
  width: auto;
}

.cards-md {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 19px 19px;
  margin-bottom: 80px;
}
                  
.cards-md .card {
  border: none;
  border-radius: 0px 0px 24px 0px;
  background: #62798D;
}

.cards-md .card-copy {
  padding: 18px 16px 20px 16px;
}

.cards-md .card-copy h2 {
  color: #FFF;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  margin-bottom: 10px;
}

.cards-md .card-copy p {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 9px;
}
}

/* Footer
-------------------------------------------------- */
.site--futurestudents #footer {
  background-color: #154734;
}
.site--futurestudents #footer-menu{ 
  background-color: #0A231A;
}
 #footer a:hover{
  color:#B15533;
}

 #footer .social-wrap .social-directory-link {   
    bottom: -9px;
  }
  .list-inline-item:not(:last-child){
    margin-right: .7rem;
  }
#footer .list-social a{
  border-radius: 4px;
}
#footer .container {
  padding-left: 0px;
  padding-right: 0px;
}

#footer h2 {
  font-size: 26px !important;
}

#footer .footer-address h2 {
  text-transform: none;
}

@media(max-width: 1280px) {
  #footer .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  #footer-menu .col-md-4,
  #footer-menu .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  #footer-menu .list-inline {
    display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  #footer-menu li,
  #footer-menu li:last-child {
    width: auto;
  }
}

@media(max-width: 768px) {
  #footer {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  /* #footer .list-social {
    display: table !important;
    margin-left: auto !important;
    margin-right: auto !important;
  } */

  #footer .social-wrap {
    display: block;
  }

  #footer .social-wrapper {
    margin-bottom: 25px;
  }

  .footer-address {
    margin-bottom: 0px;
  }
}

/* QL
-------------------------------------------------- */
.site--futurestudents .banner-ql {
  background-color: #154734;
}
.banner-ql .menu {
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
}

.banner-ql .menu li {
  flex: 1;
  border-left: solid 1px rgba(255, 255, 255, 0.30);
}

.banner-ql .menu li:last-child {
  border-right: solid 1px rgba(255, 255, 255, 0.30);
}

.banner-ql .menu li a {
  font-family: "Oswald", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 13px 15px;
  width: 170px;
  height: 80px;
  color: white;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .5s;
  width: 100%;
}

.banner-ql .menu  li a:hover {
  text-decoration: none;
}

.site--futurestudents .banner-ql .banner-ql-sfmenu .menu a:hover {
  background-color: #103929;
}

@media(max-width: 1240px) {
  .banner-ql .container {
    padding-left: 0px;
    padding-right: 0px;
  }

  .banner-ql .menu li:first-child {
    border-left: none;
  }

  .banner-ql .menu li:last-child {
    border-right: none;
  }
}

/* Breadcrumb
-------------------------------------------------- */
.page-breadcrumb {
  background-color: white;
  border-bottom: 1px solid #CDCDCD;
}

.page-breadcrumb .breadcrumb {
  padding: 0;
}

.page-breadcrumb {
  padding: 8px 0 8px;
}

.page-breadcrumb .breadcrumb a {
  color: #1E1E1E;
  font-size: 13px;
  font-weight: 300;
  text-transform: uppercase;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .5s;
}

.page-breadcrumb .breadcrumb li:last-child a {
  color: #B65735;
}

/* Misc
-------------------------------------------------- */
/* For component color changes */

.site--durham .interior-page-wrap .stu-page-title .field--item {
  color: #62798D;
}

.site--durham .interior-page-wrap .para-two-col-items-wrapper .p-two-col-items-title h2 {
  color: #62798D;
}

.site--durham .p-one-col-items-title h2 {
  color: #62798D;
}

.site--durham .p-three-col-stats-main-title h2 {
  color: #62798D;
}


.site--futurestudents .interior-page-wrap .stu-page-title .field--item {
  color: #154734;
}
.page--areas-of-study .interior-page-wrap .stu-page-title .field--item{
  color: #B15533;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; 
  text-transform: uppercase;
  margin-top: 40px;
}
.stu-page-body .field--item {
  margin-bottom: 70px;
}
.goals-break{
  display: block;
}
@media(max-width: 768px){
  .goals-break{
    display: none;
  }
}
@media(max-width: 640px){
  .page--areas-of-study .interior-page-wrap .stu-page-title .field--item{
    font-size: 26px;
    margin-top: 28px;
  }
}

.site--futurestudents .interior-page-wrap .para-two-col-items-wrapper .p-two-col-items-title h2 {
  color: #154734;
}

.site--futurestudents .p-one-col-items-title h2 {
  color: #154734;
}

.site--futurestudents .p-three-col-stats-main-title h2 {
  color: #154734;
}

.page--arts-humanitites .interior-page-wrap .stu-page-title .field--item,
.page--areas-study .interior-page-wrap .stu-page-title .field--item {
  color: #B15533;
}

.page--arts-humanitites .interior-page-wrap .para-two-col-items-wrapper .p-two-col-items-title h2,
.page--areas-study .interior-page-wrap .para-two-col-items-wrapper .p-two-col-items-title h2 {
  color: #154734;
}

.page--arts-humanitites .p-one-col-items-title h2,
.page--areas-study .p-one-col-items-title h2 {
  color: #154734;
}

/* For component color changes end */

/*Accordion sidebar menu css 12-09-2024*/




/*Accordion sidebar menu css 12-09-2024 end*/

/* Sidebar form 
-------------------------------------------------- */
.interior-page-wrap .sidebar-form-wrapper {
  margin-bottom: 30px;
}

.interior-page-wrap .sidebar-form-wrapper form {
  flex-wrap: wrap;
}

.interior-page-wrap .sidebar-form-wrapper .js-form-item {
  width: 100%;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-details {
  background-color: #62798D;
  border-radius: 12px 12px 0 0;
  padding: 20px 18px;
  position: relative;
  clear: both;
  margin-top: 40px;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-details.bottom-text-hide {
  border-radius: 12px 12px 12px 12px;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-details .close-sidebar-webform {
  display: none;
  background-color: transparent;
  padding: 0;
  box-shadow: none;
  position: absolute;
  right: 14px;
  top: 14px;
  border: none;
  width: 12px;
  height: 12px;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-inner-wrap.image-available {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-inner-wrap.image-available .sidebar-from-left {
  width: 50%;
}

.sidebar-from-image {
  width: 50%;
}

.sidebar-from-image img {
  max-width: 100%;
  height: auto;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-title .block-title {
  color: #FFF;
  font-size: 26px;
  font-family: Oswald;
  font-weight: 400;
  line-height: 110%;
  border-bottom: none;
  margin-bottom: 12px;
  text-transform: capitalize;
}

/* .interior-page-wrap .sidebar-form-wrapper .sidebar-from-desc p {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
} */
.field-item {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-webform input[type="text"],
.interior-page-wrap .sidebar-form-wrapper .sidebar-from-webform input[type="email"] {
  width: 100%;
  color: #1E1E1E;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 12px;
  padding: 9px 12px;
  border-radius: 4px;
  border: none;
}
.interior-page-wrap .sidebar-form-wrapper .sidebar-from-webform :focus::placeholder{
  color: transparent;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-webform input:placeholder {
  color: #1E1E1E;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-webform input::-webkit-input-placeholder {
  color: #1E1E1E;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-webform input::-moz-placeholder {
  color: #1E1E1E;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-webform input:-ms-input-placeholder {
  color: #1E1E1E;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-webform input:-moz-placeholder {
  color: #1E1E1E;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-webform input[type="submit"] {
  background-color: #B15533;
  border-radius: 4px;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  padding: 9px 12px;
  display: block;
  width: 100%;
  border: none;
  transition-duration: .3s;
  text-transform: uppercase;
}
.interior-page-wrap .sidebar-form-wrapper .sidebar-from-webform input[type="submit"]:hover {
  background-color: #98492c;
}

.interior-page-wrap .sidebar-form-wrapper .form-actions {
  width: 100%;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-terms {
  margin-top: 15px;
  color: #FFF;
  font-size: 12px;
  font-weight: 300;
  line-height: 125%;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-terms a {
  color: #FFF;
  font-size: 12px;
  font-weight: 300;
  line-height: 125%;
  text-decoration: underline;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-terms a:hover {
  text-decoration: none;
  color: #ad4e2c;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-bottom-text {
  border-radius: 0px 0px 12px 12px;
  background: #FFF;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.20);
  padding: 12px 32px;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-bottom-text p {
  color: #2C2C2C;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 0;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-bottom-text a {
  color: #B15533;
  text-decoration-line: underline;
}

.interior-page-wrap .sidebar-form-wrapper .sidebar-from-bottom-text a:hover {
  text-decoration: none;
}

.interior-page-wrap .sidebar-form-wrapper .field--item p {
  color: white;
}

@media(max-width: 767px) {
  #left-sidebar .block.sidebar-form-wrapper {
    display: none;
  }
}

@media screen and (min-device-width: 767px) and (max-device-width: 767px) {
  #left-sidebar .block.sidebar-form-wrapper {
    display: none;
  }
}

@media(min-width: 768px) {
  .main-content-wrap .block.sidebar-form-wrapper {
    display: none;
  }
}

/* Sidebar form end
-------------------------------------------------- */

/* Carousel
-------------------------------------------------- */
.carousel-simple .owl-nav button.owl-next,
.carousel-simple .owl-nav button.owl-prev {
  position: absolute;
  z-index: 1;
  width: 36px;
  height: 36px;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
  bottom: 30px;
  font-size: 30px;
  line-height: 30px;
}

.carousel-simple .owl-nav button.owl-next {
  right: -18px;
}

.carousel-simple .owl-nav button.owl-prev {
  left: -18px;
}

/* Accordion 
-------------------------------------------------- */
.tab-pane {
  background-color: transparent;
  border-radius: 0px;
}

/* Editor
-------------------------------------------------- */
.page-content-wrapper .field--item h3 {
  font-size: 24px;
  color: #62798D;
}
.page-content-wrapper .page-content-wrapper .achieve-goals{
  color: #1E1E1E;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.page-content-wrapper .field--item p,
.page-content-wrapper .field--item ul {
  color: #1E1E1E;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
}
.trent-approach {
  margin-bottom: 70px !important;
}
.future-student .content .paragraph-three-col-stats-innerwrap.stat,
.future-student .content .paragraph-three-col-stats-innerwrap.stat:hover{
 background-color: transparent;
}

.future-student .content .para-three-col-stats-items-wrapper .field--item p{
  color: #154734;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  text-transform: none; 
}
.future-student .content .paragraph-three-col-stats-innerwrap.stat .count-digit{
    color: #B15533;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.page-content-wrapper .field--item .km {
  color: #B15533;
}
.page-content-wrapper .field--item .countries{
  color: #B15533;
}

.page-content-wrapper .field--item img {
  margin-bottom: 5px;
}

.page-content-wrapper div:not(.prospectForm) iframe {
  border: 0;
  height: auto;
  aspect-ratio: 16 / 9;
  width: 100%;
}

/* Accordion active menu 
-----------------------------------------------------------*/
.accordion-menu-block ul li.is-open a {
  color: #B15533 !important;
}

.accordion-menu-block ul li.is-open ul li a {
  color: #1E1E1E !important;
}

.accordion-menu-block ul li ul li.last {
  margin-bottom: 20px;
}

.accordion-menu-block ul li.active a {
  color: #B15533 !important;
}


/* Accordion active menu mobile view
-----------------------------------------------------------*/
.banner-quicklinks h2.block-title {
  display: none;
}

@media(max-width: 767px) {

  /*.accordion-menu-block ul {
    position: unset;
  }
  .accordion-menu-block ul.menu.nav {
    display: unset;
  }*/
  .accordion-menu-block .toggle-icon {
    font-size: 28px;
    cursor: pointer;
    float: right;
  }

  .accordion-menu-block .toggle-icon {
    font-family: museo-sans, Helvetica Neue, Helvetica, sans-serif;
    color: #000;
  }

  .accordion-menu-block .menu.nav {
    position: absolute;
    z-index: 9999;
    background-color: rgb(255 255 255 / 93%);
    width: 87%;
    max-width: 100%;
    margin-left: 12px;
    margin-right: 12px;
    top: 83px !important;
    border-radius: 15px;
    left: 15px;
  }

  .accordion-menu-block h2 {
    background-color: #EFEFEF;
  }

  .accordion-menu-block {
    margin-left: -15px;
    width: 100vw;
  }

  .banner-quicklinks h2.block-title {
    display: contents;
  }

  .banner-quicklinks h2.block-title {
    border-bottom: unset;
  }

  .banner-quicklinks {
    height: 70px;
  }

  .banner-quicklinks h2.block-title {
    padding-top: 22px;
  }

  .banner-quicklinks .menu.nav {
    display: none;
  }

  .banner-quicklinks .toggle-icon {
    float: right;
    padding-right: 20px;
    font-size: 28px;
    font-family: museo-sans, Helvetica Neue, Helvetica, sans-serif;
  }

  .banner-quicklinks {
    padding-top: 16px;
    padding-bottom: 22px;
    padding-left: 15px;
  }

  .banner-quicklinks h2.block-title {
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: 26px;
    font-weight: 400;
  }
}

/* For Program page */
#programs-wrapper form.program-picker-search {
  display: block;
}

.interior-page-wrap .col-lg-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

@media(max-width: 1100px){
  .interior-page-wrap .col-lg-3{
    flex: 0 0 33%;
    max-width: 33%;
  }
  @media(max-width: 860px){
    .interior-page-wrap .col-lg-3{
      flex: 0 0 50%;
      max-width: 50%;
    }
  }
  @media(max-width: 580px){
    .interior-page-wrap .col-lg-3{
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
}

.program-finder-section-durham #programs-wrapper .program-picker-search .select-program-type .form-group select {
  background-image: url('/themes/custom/trent/dist/images/icon/dropdown_icon.svg');
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
}

 #programs-wrapper .program-picker-search .select-program-type .form-group select {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  padding-right: 30px;  
  background-image: url('/themes/custom/trent/dist/images/down-arrow.svg');
}
@media(max-width: 767px){
  .program-finder-section-durham  .search-input input, .program-finder-section-durham  .type-select {
    font-size: 16px !important;
    border-radius: 8px !important;
  }
  
}
#programs-wrapper .program__top-banner {
  display: none;
}

/* For Program page end */


/*@media (min-width: 768px) { 
  .trent-durham-all-menu {
    display: none; 
  }
}*/


.trent-durham-all-menu ul.menu.nav li a {
  display: block;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: #1E1E1E;
  text-decoration: none;
  padding: 15px 20px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .5s;
}

/*.trent-durham-all-menu ul li {
  display: block !important;
}*/
.trent-durham-all-menu ul li {
  /* padding: 20px 0px; */
  /* border-bottom: 1px solid #CDCDCD; */
  border-bottom-width: 1px;
  border-bottom-style: solid;
  /* border-top: 1px solid #CDCDCD; */
}

.trent-durham-all-menu button.expand-collapse {
  position: absolute;
  right: 10px;
  /* top: 6px; */
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  font-size: 20px;
}

.trent-durham-all-menu .expanded.dropdown ul.dropdown-menu {
  border: none;
}

.trent-durham-all-menu .expanded.dropdown .dropdown-menu li a {
  /* margin-left: 25px !important; */
  /* font-weight: 500 !important; */
}

.trent-durham-all-menu ul.menu.nav li.expanded.dropdown {
  /* padding: 20px 0px !important; */
  font-weight: 600;
}

/*.trent-durham-all-menu ul.menu.nav {
  display: contents;
}*/
.trent-durham-all-menu .expanded {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

/*.trent-durham-all-menu ul {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}*/
.trent-durham-all-menu ul.dropdown-menu {
  /* margin: 20px 0px !important; */
}

.trent-durham-all-menu ul.dropdown-menu li a {
  padding-left: 40px !important;
  font-size: 14px !important;
  font-weight: 300 !important;
}

.trent-durham-all-menu ul.menu.nav .expanded.dropdown button:focus {
  outline: none !important;
}

.trent-durham-all-menu .expand-collapse {
  /* margin-left: 10px; */
  cursor: pointer;
}

.trent-durham-all-menu ul {
  position: relative;
}

/*.trent-durham-all-menu .menu.nav{
  display: block;
}
*/

/*media queary for mobile screen*/

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

  .trent-durham-all-menu button.expand-collapse {
    position: relative !important;
    right: 15px !important;
    float: right;
    top: -25px !important;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    font-size: 20px;
  }


  ul.menu.menu--trent-durham-all-menu.nav li ul.dropdown-menu {
    padding: 0px !important;
    margin: 0px !important;
    position: relative;
    bottom: 31px;
  }

  ul.menu.menu--trent-durham-all-menu.nav li ul.dropdown-menu li {
    padding: 0px !important;
    margin: 0px !important;
  }

  .trent-durham-all-menu h2.block-title .toggle-icon {
    float: right;
    font-size: 30px;
    position: relative;
    font-family: museo-sans, Helvetica Neue, Helvetica, sans-serif;
    margin-right: 5px;
  }

  .interior-page-wrap #left-sidebar .block-menu-block .block-title {
    font-family: "Oswald", sans-serif;
    padding: 10px 10px 15px !important;
    font-size: 20px !important;
    font-weight: 400;
    margin-bottom: 0px;
    background: #62798D;
    color: #fff !important;
  }


  .banner-quicklinks {
    padding-top: 16px;
    padding-bottom: 22px;
    padding-left: 10px !important;
  }

}




/* Hide the menu by default */
.trent-durham-all-menu {
  display: none;
}

/* Show the menu on mobile */
@media (max-width: 768px) {

  /* Adjust the width as needed */
  .trent-durham-all-menu {
    display: block;
    /* Or flex, depending on your layout */
  }
}

/*.stat-number {
    animation: none; 
    transition: transform 0.5s; 
}

.stat-number:hover {
    animation: scroll 1s linear infinite; 
}

@keyframes scroll {
    0% {
        transform: translateY(100%); 
    }
    100% {
        transform: translateY(-100%); 
    }
}
*/

/* Durham Homepage video carousel */

.site--durham,
.site--futurestudents {
  &.programs-picker-page #highlighted{
    margin-top: 0;
  }
  @media (max-width: 600px) {
    #s-hero .video-carousel-section ol.carousel-indicators {
      height: 33px !important;
      margin-right: 21% !important;
      bottom: 5px !important;
  
  
    }
  
    section#s-hero .play-pause-btn {
      bottom: 18px !important
    }
  
  
    section#s-hero .play-pause-btn {
      padding: 16px !important;
      max-width: 30px !important;
    }
  
    .play-pause-btn i {
      font-size: 20px !important;
    }
  
  }
  
  .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
  }
  
  .carousel-indicators li {
    background-color: #ccc;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 8px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }
  
  .carousel-indicators li.active {
    background-color: transparent;
  }
  
  .carousel-indicators li .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #000;
    width: 0;
  }
  
  .play-pause-btn {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
  }
  
  .video-carousel-control-prev,
  .video-carousel-control-next {
    width: 5%;
  }
  
  .video-carousel-control-prev img,
  .video-carousel-control-next img {
    width: 30px;
    height: 30px;
  }
  
  
  
  .play-pause-btn i {
    font-size: 24px;
  }
  
  
  .progress-container {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    height: 5px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 2px;
  }
  
  .progress-bar {
    height: 100%;
    background-color: #00f;
    width: 0;
  }
  
  section#s-hero .container-fluid {
    padding: 0px;
  }
  .carousel-indicators{
    display: flex !important;
  }
  
  
  section#s-hero .carousel-indicators {
    /* position: absolute;
    bottom: 16px;
    transform: translate(190%);
    display: flex;
    justify-content: center;
    max-width: 116px;
    background: #E8E8F1;
    padding: 8px 16px;
    border-radius: 12px;
    height: 48px !important;
    align-items: center;
    right: 134px;
    left: unset !important; */
  }
  
  section#s-hero .carousel-indicators{
    max-width: 116px;
    height: 48px;
    background: #E8E8F1;
    padding: 8px 16px;
    border-radius: 12px;
    position: absolute;
    display: flex;
    align-items: center;
    right: 138px;
    left: unset !important; 
    transform: translate(190%);
  }
}


/*  Float Menu Css */
.site--futurestudents .float-menu-main-wrapper .paragraph--type--horizontal-menu-component{
  background: none;
}
.site--futurestudents .float-menu-main-wrapper .paragraph--type--horizontal-menu-component .float-menu-inner-wrap{
  display: block;
}
.site--futurestudents .float-menu-main-wrapper .paragraph--type--horizontal-menu-component .float-menu-inner-wrap .paragraph-float-menu .float-menu-txt a{
 padding: 0;
 border: none !important;
 text-align: left;
}
.site--futurestudents .float-menu-main-wrapper .paragraph--type--horizontal-menu-component .float-menu-inner-wrap .paragraph-float-menu:first-child{
  border-left: none !important;  
}
.float-menu-main-wrapper{
  display: inline-block;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 170px;
  background-color: #62798D;
  font-size: 14px;
  transform: translate(calc(100% - 50px), 0);
  border-radius: 8px 0 0 8px;
  transition: all 0.5s ease;
  overflow: hidden;
}
.float-menu-main-wrapper:hover,
.float-menu-main-wrapper:focus{
  transform: translate(0, 0);
}
.float-menu-main-wrapper .container{
  padding: 0;
}
.float-menu-main-wrapper .paragraph-float-menu{
  display: flex;
  color: #fff; 
  column-gap: 5px;
  align-items: center;
}
.float-menu-main-wrapper .paragraph-float-menu .para-float-menu-inner{
  padding: 15px 25px 15px 0;
  display: flex;
  align-items: center;
  column-gap: 5px;
  width: 100%;
}
.float-menu-main-wrapper .paragraph-float-menu:not(:last-child){
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.float-menu-main-wrapper .paragraph-float-menu a{
    color: #fff;
}
.float-menu-main-wrapper .paragraph-float-menu a:hover,
.float-menu-main-wrapper .paragraph-float-menu a:focus{
  text-decoration: none;
}
.float-menu-main-wrapper .paragraph-float-menu:hover,
.float-menu-main-wrapper .paragraph-float-menu:focus{
  background-color: #B15533;
}
.float-menu-main-wrapper button.close-floatmenu-block{
  position: absolute;
  right: 0;
  top: 20px;
  background: none;
  border: none
}
.float-menu-main-wrapper .paragraph-float-menu .float-menu-icon-wrap{
  font-size: 22px;
  width: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.float-menu-inner-wrap .paragraph-float-menu:last-child {
        display: none;
    }

@media screen and (max-width: 767px){
  body.site--futurestudents{ overflow: hidden; }
  .float-menu-inner-wrap .paragraph-float-menu:first-child{
        display: none !important;
    }
    .float-menu-inner-wrap .paragraph-float-menu {
       display: none;
    }
    .float-menu-inner-wrap .paragraph-float-menu:last-child {
        display: block;
    }
    .float-menu-inner-wrap:hover .paragraph-float-menu {
        display: flex;
    } 
    .float-menu-main-wrapper{
      top: auto;
      bottom: 50px;
    }
    .float-menu-main-wrapper button.close-floatmenu-block{
      top: auto;
      bottom: 20px;
    }
 
}


/*  //Float Menu Css */

@media(max-width: 1200px){
  section#s-hero .carousel-indicators{
    right: 170px;
  }
  @media(max-width: 1024px){
    section#s-hero .carousel-indicators{
      right: 200px;
    }
  }
}

section#s-hero .play-pause-btn i {
  font-size: 28px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0.2;
  color: #3E3E3E;
}


section#s-hero .play-pause-btn {
  position: absolute;
  bottom: 24px;
  left: 95%;
  transform: translateX(-45%);
  background-color: #E8E8ED;
  color: white;
  padding: 25px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  z-index: 10;
  max-width: 48px;
  max-height: 48px;
  text-align: center;
  font-size: 0;
}
@media(max-width: 768px){
  section#s-hero .play-pause-btn{
    left: 94%;
  }
}
@media(max-width: 640px){
  section#s-hero .play-pause-btn{
    left: 93%;
  }
}



section#s-hero .carousel-indicators li {
  background-color: #777777;
  width: 13px;
  height: 8px;
  margin: 0 4px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border: none !important;
}

section#s-hero .carousel-indicators li.active {
  width: 100px;
  height: 8px;
  border-radius: 50px;
}

#s-hero--- .container-fluid {
  padding: 0px !important;
}

element.style {
  height: 416px;
}

main #main-content .gridComponent{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  grid-gap: 1rem;
  margin-bottom: 2rem;
  & .gridLink{
    aspect-ratio: 1;
    max-width: 400px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    color: white;
    background-size: cover;
    background-repeat: no-repeat;
    text-decoration: none;
    transition-property: color, background-color, filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    & .gridItemTitle{
      position: relative;
      z-index: 2;
      padding: 10px 20px;
      background-color: hsl(186, 72%, 24%);
      border-radius: 8px;
      text-align: center;
      color:white;
    }
  }
  & .gridLink::after{
    display: block;
    content: " ";
    position: absolute;
    top:0;left:0;bottom:0;right:0;
    background-color: hsla(186, 72%, 24%, 0.6);
  }
  & .gridLink:hover,.gridLink:active{
    text-decoration: underline;
    &::after{
      filter: brightness(0.8);
    }
  }
  & .logoGridLink{
    aspect-ratio: 1;
    max-width: 400px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-decoration: none;
    &:hover,&:active{
      filter:brightness(0.8);
    }
  }
}




@media (min-width: 576px) {
  #s-hero {
    height: 100vh;
  }
}

.site--durham #s-hero {
  height: auto !important;
  background-color: transparent;
  margin-bottom: -3px;
}

@media(max-width: 600px) {

  .input-group.search-desktop {
    display: none;
  }

  section#s-hero {

    height: unset !important;
    min-height: unset !important;
  }

  .site--durham.page--front .site-search .navbar-toggler.btn-nav-icon span.far.fa-search {
    font-size: 20px !important;
  }

  .site--durham.page--front .btn-hamburger.collapsed span.far.fa-bars.icon {
    font-size: 20px !important;
  }
  .trent-durham-all-menu li.expanded.dropdown.is-open ul.dropdown-menu{
    margin-left: 15px !important;
  }

}

@media(max-width: 992px) {
  .site--durham.page--front section#s-hero {
    height: unset !important;
    min-height: unset !important;
  }
}

/* Durham Homepage video carousel end*/


/*home page first section animation*/
.animation-home {
    height: 155px;
    overflow: hidden;
    /* Removed the animation declaration here */
    transition: transform 0.5s ease; /* Use transition for hover */
}

.animation-home:hover .stat-number{
    animation: scrollUp 1s forwards; /* Trigger animation on hover */
}

@keyframes scrollUp {
    from {
        transform: translateY(0); /* Start at the bottom */
    }
    to {
        transform: translateY(-300%); /* Move up by 100% of its height */
    }
}

#counter{
  background: rgba(black, .05);
 
  
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
  
 #counter span.percent:after {
    content: "%";
    display: inline-block;
  }

/* For sidebar mobile menu */
@media only screen and (max-width: 768px) and (max-width: 768px) {
  section.block-menu-blockbanner-quicklinks,
  .block-menu-blocktrent-durham-all-menu{
    display: none;
  }
}
@media(max-width: 767px) {
  .site--futurestudents .banner-ql .banner-ql-sfmenu .menu a:hover {
    background-color: transparent;
  }
  .site--futurestudents .accordion-menu-block{
    display: none;
  }
  #left-sidebar .block-menu-block {
    margin-bottom: 0;
  }
  section.block-menu-blockbanner-quicklinks,
  .block-menu-blocktrent-durham-all-menu{
    display: none;
  }
  .page-breadcrumb .breadcrumb{
    margin-bottom: 0;
  }
  .view-banner-image .field-content>img{
    height: 290px;
  }
  .banner-ql .mobile-menu-title-wrap{
    padding: 20px 15px 5px;
  }
  .mobile-menu-title-wrap p{
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin:0;
  }
  .banner-ql .banner-ql-sfmenu .menu{
    padding-top: 15px !important;
    background: #EFEFEF;
  }
  .banner-ql .banner-ql-sfmenu .menu li a{
    color: #1E1E1E;    
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
    justify-content: start;
    text-align: left;
    width: 100%;
    padding: 15px 15px;
    height: auto;
    display: inline-block;
    font-family: museo-sans, sans-serif;
    border-bottom: 1px solid #CDCDCD;
    width:100%
  }
  .banner-ql .banner-ql-sfmenu .menu > li > a{
    font-size: 16px;
  }
  .banner-ql .banner-ql-sfmenu .menu a:hover,
  .banner-ql .banner-ql-sfmenu .menu li.sf-expanded > a{
    background:none;
    color: #B15533;
     transition: all 0.5s ease;
  }

  .banner-ql .banner-ql-sfmenu .menu li.active-trail > a,
  .banner-ql .banner-ql-sfmenu .menu li.active-trail > a.is-active{
    color: #B15533;
  }

  .banner-ql .banner-ql-sfmenu .menu li ul li a{
    color: #1E1E1E;
    font-size: 14px;
    font-style: normal;
    line-height: 100%;
    padding-left: 30px;
    text-transform: none;
    font-weight: 400;
  }
  .banner-ql .banner-ql-sfmenu .menu li ul li ul li a{
    padding-left: 45px;
  }
  .banner-ql .sf-accordion-toggle a{
    padding: 15px 15px 10px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    text-decoration: none;
    width: 100%;
    display: inline-block;
    position: relative;

  }
  .banner-ql .sf-accordion-toggle a:after{
    content: '';
    background: url('/themes/custom/trent/dist/images/expand_more.svg');
    background-size: 100%;
    width: 24px;
    height: 24px;
    display: inline-block;
    float: right;
    margin-top: -3px;
    transform: rotate(270deg);
  }
  .banner-ql .sf-accordion-toggle a.sf-expanded:after{
    transform: rotate(0deg);
  }
  .banner-ql .banner-ql-sfmenu ul.sf-menu.sf-trent-durham-all-menu{
    position: absolute;
    background: #fff;
    z-index: 99;
    width: 100%;
    overflow-x: hidden;
  }
  .banner-ql .banner-ql-sfmenu ul.sf-menu .sf-sub-indicator{
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('/themes/custom/trent/dist/images/chevron_right.svg');
    background-size: 100%;
  }
  .banner-ql .banner-ql-sfmenu ul.sf-menu li.sf-expanded > a .sf-sub-indicator{
    transform: rotate(90deg);
    margin-top: -13px;
  }
  .banner-ql .banner-ql-sfmenu ul.sf-menu .sf-sub-indicator:after{
    content: '';
    display: none;
  }
}
@media(min-width: 768px) {
  .block-menu-blockbanner-quicklinks,
  .mobile-menu-title-wrap{
    display: none;
  }
  .banner-ql .banner-ql-sfmenu .menu li ul,
  .banner-ql .banner-ql-sfmenu .menu li a .sf-sub-indicator{
    display: none !important;
  }

}
.program-finder-section-durham .trent_programs-list .infinite-scroll-component__outerdiv{
  padding: 0 25px;
}
.program-finder-section-durham #programs-wrapper{
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
  border-radius: 24px 0 0 0;
}

.program-finder-section-durham .trent_programs-list h2{
  padding-left: 20px;
}

.program-finder-section-durham .flex-column, 
.program-finder-section-durham .program-picker-search .search-form-group, 
.program-finder-section-durham .program-picker-search h3, 
.program-finder-section-durham .program-picker-search .form-inline button{
   display: none;
}

.program-finder-section-durham #programs-wrapper .col-md-6 .program-picker-search{
  background: #62798D ;
}

.program-finder-section-durham #programs-wrapper label.p-filter-label:after{
  content: ' : ';
}

.program-finder-section-durham .col-md-6 .program-picker-search .select-program-type .form-group:nth-child(1){
  order: 2;
}
.program-finder-section-durham .col-md-6 .program-picker-search .select-program-type .form-group:nth-child(2){
  order: 1;
}
.program-finder-section-durham .col-md-6 .program-picker-search .filter-groups .p-select-wrapper.wrap-coopLocation{
  order: 3;
}
.program-finder-section-durham #breadcrumb{
  display: none;
}
.program-finder-section-durham .col-md-6 .program-picker-search .filter-groups .wrap-scope{
  display: none;
} 
.program-finder-section-durham .program-section{
  display: none;
}
.program-finder-section-durham .trent_programs-list h2{
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 400;
  color: #B15533;
  border-bottom: 1px solid #CDCDCD;
  padding: 0 0 12px 25px;
} 
.program-finder-section-durham .block-title{
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 600;
  color: #000;
  border-bottom: none;
}
.program-finder-section-durham .mb-5{
  margin-bottom: 12px !important;
}


/*Program Finder section css*/
@media(min-width: 768px){
 
  .program-finder-section-durham .col-md-6 .program-picker-search .select-program-type{
    width: 100%;
    gap: 0 20px;
  }
  .program-finder-section-durham .form-inline {
    flex-flow: row;
 }
 .program-finder-section-durham .program-picker-search .filter-groups{
    padding-left: 0 !important;  
 }
  .program-finder-section-durham .col-md-6 .program-picker-search .select-program-type .form-group label{
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: museo-sans, sans-serif;
 }

  .program-finder-section-durham .col-md-6 .program-picker-search .select-program-type .form-group:nth-child(1){
   max-width: 50%;
  }
 
  .program-finder-section-durham .col-md-6 .program-picker-search .select-program-type .form-group .type-select{
    font-size: 16px;
  } 
  
  .program-finder-section-durham .col-md-6 .program-picker-search .select-program-type .form-group:nth-child(2){
   max-width: 50%;
  }
 
 .program-finder-section-durham .col-md-6{
   max-width: 100%;
   flex: 1;
 }
 
 .program-finder-section-durham .col-md-6 .program-picker-search .filter-groups{
   display: flex;
   flex-wrap: wrap;
   width: 55%;
   gap: 15px;
   padding-left: 20px;
 }
 .program-finder-section-durham .col-md-6 .program-picker-search .filter-groups{
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   gap: 22px;
   padding-left: 20px;
 }
 
 .program-finder-section-durham .col-md-6 .program-picker-search .filter-groups .p-select-wrapper{
   width: calc(33.33% - 15px);
 }
 
 .program-finder-section-durham .program-picker-search select{
   border-radius: 10px;
   height: calc(1.5em + .75rem + 2px);
   font-size: 16px;
   font-weight: 300px;
   padding: 12px;
   padding-right: 30px;
   background-image: url(/themes/custom/trent/dist/images/icon/dropdown_icon.svg);
   background-size: 24px;
   color: #525252;
 }

 .program-finder-section-durham {
   padding: 80px 0;
 }
}  
 
 @media(min-width: 1120px){
  .program-finder-section-durham #programs-wrapper .col-md-6 .program-picker-search{
     background: #62798D ;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     border-radius: 24px 0px 0px 0px;
  }
  .program-finder-section-durham .col-md-6 .program-picker-search .select-program-type{
     display: flex;
     justify-content: center;
     /* align-items: flex-start; */
     align-items: center;
     width: 45%;
     column-gap: 15px;
     padding-left: 0;
  }
   
  .program-finder-section-durham .col-md-6 .program-picker-search .select-program-type .form-group:nth-child(2){
   order: 1;
   max-width: calc(60% - 10px);
  }
  .program-finder-section-durham .col-md-6 .program-picker-search .select-program-type .form-group:nth-child(1){
   order: 2;
   max-width: calc(40% - 10px);
  }
  .program-finder-section-durham .col-md-6 .program-picker-search .filter-groups{
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   width: 55%;
   gap: 15px;
   padding-left: 20px !important;
  }
 }
 


/*homepage title animation css*/

.titles,.heading {
  /* opacity: 0;
  transform: translateY(20px);
  transition: opacity 2s ease, transform 2s ease; */
}

.titles.active {
    opacity: 1;
    transform: translateY(0);
}
.heading.active {
    opacity: 1;
    transform: translateY(0);
}

nav.p-alphabet-nav {
  border-bottom: 1px solid #CDCDCD;
  background: #FFF;
  padding-left: 25px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-top: 6px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px 60px;
  margin-bottom: 30px;
}
@media(max-width: 767px){
  nav.p-alphabet-nav{
    padding-left: 20px;
    padding-top: 16px;
    border-top: 1px solid #CDCDCD;     
  }
  @media(max-width: 640px){
    nav.p-alphabet-nav{
      gap: 15px 40px;
    }
  }
  @media(max-width: 500px){
    nav.p-alphabet-nav{
      gap: 15px 20px;
    }
  }
}
nav.p-alphabet-nav a{
  cursor: pointer;
  color: #919191;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-decoration-line: underline;
  transition: 0.3s;
  &:hover{
    color: #B15533;
    text-decoration-line: underline;
  }
}
nav.p-alphabet-nav .active{
  color: #B15533;
}
@media(max-width: 640px){
  nav.p-alphabet-nav a{
    font-size: 14px;                 
  }
}
     
  /*               
.program-finder-section-durham .card .card-body {
  top: 37%; 
}*/

.program-finder-section-durham .card .card-body {
  padding: 20px !important;
  min-height: 188px;
  color: #fff;
  padding: 1rem;
  bottom: 0 !important;
  position: relative !important;
}
.trent_programs-item a{
  text-decoration: none !important;
}
.trent_programs-item a:hover{
  text-decoration: none;
}
/* .program-finder-section-durham .card .card-body h3{
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
} */

.program-finder-section-durham .card .card-body h3{
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.program-finder-section-durham .card__learn-more {
 padding-left: 20px !important;
}

.program-finder-section-durham .trent_programs-list {
  padding: 0 !important;
}
.page-content-wrapper .program-finder-section-durham .card .card-image img{
  width: 100%;
  max-height: 278px;
  min-height: 278px;
}
@media(max-width: 580px){
  .program-finder-section-durham .card .card-image img{
    height: auto;
    max-height: none;
    min-height: auto;
  }
}


.program-finder-section-durham .program-picker-search #search-program-input{
  margin-left: 0px !important;
}
.program-finder-section-durham .program-picker-search .select-program-type{
  padding-left: 0px !important;
}
@media(max-width: 767px){
 .program-finder-section-durham .program-picker-search .filter-groups {
    padding-left: 0px !important;
  }
  .program-finder-section-durham .trent_programs-list h2{
    font-size: 20px;
    border-bottom: none;
  } 
  .program-finder-section-durham .block-title{
    font-size: 18px;
  }
}
.program-finder-section-durham .type-select {
  padding: 10px 12px !important;
}
.program-finder-section-durham .program-picker-search .select-area {
  display: initial !important;
  align-items: center;
  height: auto !important;
}
.program-finder-section-durham .program-picker-search #search-program-input{
  width: 100% !important;
}  

.program-finder-section-durham .program-picker-search h3,.program-finder-section-durham .program-picker-search .search-form-group label {
 margin-top: 20px;
}

.program-finder-section-durham .program-finder-section-durham .program-picker-intro{
  padding: 0px 20px;
  display: none;
}
.program-finder-section-durham .program-finder-section-durham .breadcrumb{
  padding-left: 20px;
  padding-top: 15px;
  display: none;
}
.program-finder-section-durham .program-picker-cta{
  display: none;
}

@media(max-width: 767px){
  .program-finder-section-durham .program-finder-section-durham .block-title {
    border-bottom: none;
  }
  .program-finder-section-durham .program-finder-section-durham .block-title{
    margin-bottom: 0px !important;
    padding: 24px 20px 0 20px;
    color: #fff !important;
    font-size: 18px;
    font-family: museo-sans, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    background-color: var(--theme-secondary);
  }
}



 .form-group {
  margin-bottom: 1rem;
/*   display: none; */
}

.program-finder-section-durham  .program-picker-search h3, .program-finder-section-durham .program-picker-search .search-form-group label {
  display: none !important;
}
.program-finder-section-durham .flex-column {
  margin-bottom: 0px !important;
}
/* .p-select-wrapper .wrap-scope{
  display: none;
} */

.program-finder-section-durham .form-inline .btn-default{
  display: none;
}
.program-finder-section-durham .form-inline .btn-primary{
  display: none;
}

.program-finder-section-durham .wrap-scope{
  display: none;
}

@media(max-width: 767px){
  .program-finder-section-durham .program-picker-search .select-program-type {
    margin: 0px 0 15px 0 !important;
  }
 .program-finder-section-durham  .program-picker-search {
    padding: 16px 20px 35px 20px !important;
  }
  .program-finder-section-durham .program-picker-search .select-program-type {
    margin: 0px 0 15px 0 !important;
  }
  .program-finder-section-durham .p-select-wrapper{
    margin-top: 15px;
  }
  .program-finder-section-durham .program-picker-search .filter-groups{
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }
  .program-finder-section-durham .col-md-6 .program-picker-search .select-program-type .form-group:nth-child(2){
    margin-bottom: 23px;
  }
}



.program-finder-section-durham .program-picker-search .form-group:not(.search-form-group) label:first-of-type {
  margin-bottom: 8px !important;
  font-family: museo-sans, sans-serif !important;
  text-transform: capitalize !important;
  font-size: 16px !important;
}

.program-finder-section-durham .p-filter-label{
  text-transform: capitalize;
}

.program-finder-section-durham .breadcrumb {
  margin-bottom: 0 !important;
}

.program-finder-section-durham .program-picker-search .select-program-type {
  margin: 10px 0 !important;
}

.count-back {
    font-size: 100px;
}

/*.carousel-section-info {
  display: inline-flex;  
}*/


.carousel-section-info .owl-item img {
    display: block;
   
}

 .field--name-field-left-image .field--item img{
  height: 150px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 10px;
}

.carousel-section-info .field--name-field-left-bottom-image .field--item img{
  height: 150px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 10px;
}

.carousel-section-info .field--name-field-right-top-image .field--item img{
  height: 150px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 10px;
}
.carousel-section-info .field--name-field-right-bottom-image .field--item img{
  height: 150px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 10px;
}
.carousel-section-info .field--name-field-center-image .field--item img{
  height: 300px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 10px;
}

.carousel-section-info .field--name-field-center-image img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}


.carousel-section-info .field--item img {
    margin-bottom: 15px;
}
.carousel-section-info .hove-info{
   position: absolute;
    top: 0;
    left: 16px;
    display: flex;
    align-items: flex-start;
    z-index: 9999;
}

.carousel-section-info .field--name-field-center-image-text{
 position: absolute;
    z-index: 999;

}
.carousel-section-info .field--name-field-center-image{
  position: relative;
}
.carousel-section-info .field--name-field-center-image img{
  height: 458px !important;
}
.carousel-section-info .carousel-simple.owl-carousel .field--item img{
box-shadow: 0 4px 15px #0000005c;
object-fit: cover;
}
.carousel-section-info .field--name-field-center-image-text p{
   
    background: #b15533db;
    padding: 10px;
    font-size: 13px;
    color: #fff;
    margin: 0;
    height: 74px;
    border-radius: 0 0 10px 0;
    margin-left: 68px;
    display: none;
  }


.carousel-section-info .field--name-field-carousel-image-type .hove-info:hover .field--name-field-center-image-text p {
    display: block; 
}

.carousel-section-info .hove-info:hover + .field p {
    display: block;
}


/*homepage title animation css*/

.page--homepage .p-testimonial-subtitle, .p-testimonial-title, .p-news-eyebrow-head, .p-news-title {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 2s ease, transform 2s ease; /* Slower animation (2 seconds) */
}

.page--homepage .p-testimonial-subtitle.active {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width:1024px) {
  .trent_programs-items{
    justify-content: space-evenly;
  }
}

.trent_programs-items .trent_programs-item {
  flex: 0 0 50%;
  max-width: 25%;
  font-size: clamp(14px, 16px, 18px);
  .card .card-body h3{
    font-size: 1.25em;
  }
  @media (max-width: 1024px){
    max-width: 30%;
    .card-coop{
      font-size: 0.9em;
    }
    .card-body{
      bottom: 1em;
      p{
        font-size: 0.9em;
      }
      h3{
        font-size: 1.1em
      }
    }
  }
  @media screen and (max-width: 768px) {
    
    max-width: 80%;
    flex: 0 0 80%;
    font-size: clamp(16px, 18px, 20px);
    align-self: center;
    gap: 2rem;
    margin-bottom: 0;
    .card{
      aspect-ratio: 1;
      max-width: fit-content;
    }
    .card-body{
      h3 {
        font-size: 1.1em;
      }
      p{
        font-size: 0.9em;
      }
    }
  }
  
}
.page--homepage .p-testimonial-title.active {
    opacity: 1;
    transform: translateY(0);
}
.page--homepage .p-news-eyebrow-head.active {
    opacity: 1;
    transform: translateY(0);
}
.page--homepage .p-news-title.active {
    opacity: 1;
    transform: translateY(0);
}

.paragraph-three-col-stats-innerwrap .count-digit.stat-number {
  line-height: 1;
  color: #FFF !important;
  }

#form_0bd60dcd-34ee-472e-bac1-16eae7a7ae26.form_container{
	padding: 1rem;
  border: 1px solid var(--trent-grey);
  background-color: 
 	color-mix(in oklab, var(--trent-grey) 10%, transparent 90%);
}