/* Global 
-------------------------------------------------- */
/*
 * Typography
*/
.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;
}

/*
 * 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;
}

.field--name-field-content-title {
  color: #154734;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 17px;
}

.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 
-------------------------------------------------- */
@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);
}
 #navbar .btn-hamburger span:first-child{
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  margin-left: 16px;
  padding-left: 16px;
}

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);
}
.login-button:hover {
  transition-property: background-color;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
  background-color: #98492c;
}

@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: rgba(87, 121, 142, 0.8) !important;
}

.colour-scheme--blue .header {
  background-color: #62798D !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 .page-content-wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
}

.interior-page-wrap #left-sidebar .block-menu-block .block-title {
  font-family: "Oswald", sans-serif;
  padding: 18px 20px;
  font-size: 26px;
  color: #B15533;
  line-height: 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: #000;
  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
-------------------------------------------------- */
.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_subtheme/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 .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 .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-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;
}

.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--green-theme #footer {
  background-color: #154734;
}
.site--green-theme #footer-menu{ 
  background-color: #154734;
}
 #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: uppercase;
}
#footer a.acknowledgement{
  font-weight: 400;
}
#search-mobile{
  background-color: #154734 !important;
}

.momentous_box {  
  background-color: rgba(0, 0, 0, 0.25)!important;
  
}

@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;
  }
}
/*Footer- svg-slider */
@media (min-width: 768px) and (max-width: 991px) {
  .momentous_box {
    height: 8.333333em!important;
   
  }
}


/* QL
-------------------------------------------------- */
.site--green-theme .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 25px;
  width: 100%;
  height: 80px;
  color: white;
  font-size: 18px;
  line-height: 1;
  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;
}

.banner-ql .menu li a:hover {
  text-decoration: none;
  background-color: #103929;
}

.site--green-theme .banner-ql .banner-ql-sfmenu .menu a:hover {
  background-color: #103929;
}
.latest-news-sidebar-wrap .latest-news-btn a {
  font-family: 'museo-sans';
  
}

@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
-------------------------------------------------- */
.breadcrumb, .breadcrumb-item{
  display: inline;
}
.page-breadcrumb {
  background-color: white;
  border-bottom: 1px solid #CDCDCD;
}

.page-breadcrumb .breadcrumb {
  padding: 0;
  box-sizing: content-box;
}

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

.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 span: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--green-theme .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;
  }
}

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

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

.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;
  }
  .momentous_box {
    height: 5.333333333333333em !important;
  }
  .list-inline-item {
    margin-bottom: 0.7rem;
  }


}

@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;
}

.content .paragraph-three-col-stats-innerwrap.stat {
  display: block;
  font-family: Oswald, Helvetica Neue, Helvetica, sans-serif;
  border-radius: 0px 48px;
  background: #62798D;
  padding: 30px 35px 50px;
  color: #FFF;
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, transform;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .5s;
}
@media(max-width: 1024px) {
  .content .paragraph-three-col-stats-innerwrap.stat {
    margin-bottom: 20px;
    border-radius: 12px;
  }
}
.content .paragraph-three-col-stats-innerwrap.stat:hover {
  text-decoration: none;
  transform: scale(1.1);
}
.content .paragraph-three-col-stats-innerwrap.stat .stat-number,
.content .paragraph-three-col-stats-innerwrap.stat .stat-name {
  display: block;
}
.stat-number {
  font-size: 100px;
}
@media(max-width: 1024px) {
  .stat-number {
    font-size: 50px;
  }
}
.stat-name {
  font-size: 32px;
  margin-top: 15px;
  line-height: 1.2;
  text-transform: uppercase;
}
@media(max-width: 1024px) {
  .stat-name {
    font-size: 16px;
  }

.content .paragraph-three-col-stats-innerwrap.stat,
.content .paragraph-three-col-stats-innerwrap.stat:hover{
 background-color: transparent;
 transform: scale(1.1);
}

.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; 
}
.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 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: 36px;
}

.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_subtheme/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_subtheme/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 */

@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--green-theme .float-menu-main-wrapper .paragraph--type--horizontal-menu-component{
  background: none;
}
.site--green-theme .float-menu-main-wrapper .paragraph--type--horizontal-menu-component .float-menu-inner-wrap{
  display: block;
}
.site--green-theme .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--green-theme .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: none;
  /* 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;
    }
     .momentous_animation text{
      font-size: 26px;
      text-transform: uppercase;
      font-weight: 400 !important;
      font-family: "Oswald", sans-serif;
      letter-spacing: 0.2px;
      
     }
    
    .momentous_box svg text{
      font-size: 26px !important;
      text-transform: uppercase;
      font-weight: 400 !important;
      font-family: "Oswald", sans-serif;
      letter-spacing: 0.2px;
      
    }
    .momentous_box svg{
      height: auto !important;
    }
    .momentous_animation .momentous_row #action text{
      font-size: 26px !important;
      text-transform: uppercase;
      font-weight: 400 !important;
      font-family: "Oswald", sans-serif;
      letter-spacing: 0.2px;
      

    }


@media screen and (max-width: 767px){
  body.site--green-theme{ 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:first-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: 20px;
      bottom: auto;
    }
 
}


/*  //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;
}
@media(max-width: 768px){
  section#s-hero .play-pause-btn{
    left: 94%;
  }
}
@media(max-width: 640px){
  section#s-hero .play-pause-btn{
    left: 93%;
  }
}

main #main-content .gridComponent{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 180px));
  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;
    }
  }
  /* & .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);
    }
  }
}


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;
}

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

#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;
  }
  .momentous_box.animating svg,
  .momentous_box svg,
  .momentous_animation svg {
    height: 36px!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--green-theme .banner-ql .banner-ql-sfmenu .menu a:hover {
    background-color: transparent;
  }
  .site--green-theme .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;
  }
  .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_subtheme/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_subtheme/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_subtheme/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%; 
}*/

/* .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;
} */

/* .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 .card .card-image img{
  width: 100%;
  max-height: 278px;
  min-height: 278px;
}
@media(max-width: 580px){
  .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);
}
.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;
  }

/* Featured Profile Styles */

.featured_profile{
  display: grid;
  grid-template-columns: 30% 1fr;
  gap: 2rem;
  background-color: #d6d1b1;
  padding: 1rem;
  align-items: center;
  & img {
    border-radius: 100%;
  }
  & .featured_profile_info{
    display: flex;
    flex-flow: column nowrap;
    gap:0.75rem;
    padding:1rem;
    & .fp_top_text{
      font-family: "Oswald",sans-serif;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 1.5rem;
      margin: 0;
    }
    & h2 {
      font-family: 'Museo Sans', sans-serif;
      font-weight: 700;
      text-transform: unset;
      font-size: 1.5rem;
      margin: 0;
    }
    & h3 {
      font-family: 'Museo Sans', sans-serif;
      font-size: 1.5rem;
      font-weight:normal;
      color: #000;
      text-transform: unset;
      margin: 0;
    }
    & p {
      font-size: 1.2rem;
    }
  }
  
}

/* Grad Studies International Admissions */

.gsIntAdmissions .form--inline{
  flex-flow: column;
  align-items: normal;
  gap:0.75rem;
  & .form-item label{
    display: block;
    font-size: 1.5rem;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: bolder;
  }
  & .form-actions{
    display: flex;
    flex-flow: row nowrap;
    gap: 0.5rem;
    align-items: space-between;
    & input{
      width: 100%;
      font-weight: 600;
      border-radius: 8px;
      background-color: #B15533;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .15s;
      color:white;
      padding:0.5rem;
      border: 0;
      &:hover {
        background-color: var(--trent-orange-dark);
      }
    }
  }
}
.gsIntAdmissions .view-content {
  display: flex;
  flex-flow: column;
  gap: 0.5rem;
}

.field--item .internationalGSAdmissions{
    background-color: black;
    padding: 0.75rem 1rem;
    border: 1px solid black;
    color: #fff;
    & p {
      color: white;
    }
    &:nth-child(even){
      background-color: #d6d1b1;
      & p {
        font-weight: 400;
        color:black;
      }
      & h4 {
        color:black;
      }
    }
    & h4 {
      font-size: 1.75rem;
      font-family: 'Oswald', sans-serif;
      text-transform: uppercase;
      color: #d6d1b1;
    }
}

.ui-state-active, .ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, a.ui-button:active, 
.ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid var(--trent-orange-dark);
  background: var(--trent-orange);
  color:white;
  display: flex;
}

.profile-block{
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: color-mix(in oklab,white 85%,var(--trent-grey) 15%);

  & .profile-item{
      display: flex;
      gap: 2rem;
      align-items: center;
    & .profile-image{
      max-width: 200px;
      flex-shrink: 1;
      width: 100%;
      & img {
        border-radius: 100%;
      }
    }
    & .profile-text{
      flex-shrink: 2;
    }
  }
}
@media(max-width: 650px){
  .profile-block .profile-item{
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
}