.page-content img{
    height: auto;
    width: 100%;
}
a:hover{
    color:#B99D64;
    text-decoration: none;
}

p{
    line-height: 1.9;
}

.staff-img{
  height: 250px;
}

.staff-img img{
    width: 100%;
    object-fit: cover;
    height: 250px;
}


/* Page Banner CSS */
.page-banner-content{
    height: 100%;
    display: flex;
    flex-direction: row;
    text-align: center;
    align-items: flex-end;
    justify-content: start;
}

.page-banner-text{
    font-weight: 600;
    margin-bottom: 2rem;
    color: #ffffff;

}
.msg-provost-img img{
    max-width:100%;
}
.message-provost{
    margin-bottom: 3rem;
}
.message-provost >.row{
    flex-direction: row;
    align-items: center;
}
.message-content{
    margin-bottom: 2rem;
}
.message-content h4{
    font-weight: 700;
}

#mission-vision{
    padding-top: 4.5rem;
    padding-bottom: 2.5rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.vision{
    margin-bottom: 3rem;
}

.vision *, .mission *{
    color: #ffffff;
}

.admin-leadership{
    margin-top:3rem;
    margin-bottom: 3rem;
}

.admin-header{
    margin-bottom:3rem;
}

.admin-header h2{
    display:flex;
    align-items:center;
    font-weight: 700;
    flex-wrap: wrap;
    justify-content: space-between;
}

.admin-header a{
    float: inherit;
    font-size: 1rem;
    flex: 0 0 auto;
}   

.admin-image{
    height:350px;
    margin-bottom: 2rem;
}

.admin-image img{
    width: 100%;
    height: inherit;
    object-fit: cover;
}

.admin-details h6{
    color: #676767;
    font-weight: 400;
}
.admin-details p{
    color:#2C2C2C;
}
.admin-details h4{
    font-weight: 700;
}

.explore-courses{
    height: 250px;
    width: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.explore-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.explore-content p{
    color: #ffffff;
    text-align: center;
    width: 60%;
}

.explore-content a{
    color: white;
    border: 2px solid;
    padding: 0.5rem;
}

.explore-content a:hover{
    color: rgb(185,157,100);
    text-decoration: none;
}
.provost-full-content{
    margin-top: 0rem; 
    margin-bottom: 0rem;
}

.provost-full-content h2{
    font-weight: 700;
}

.provost-image{
    margin-bottom: 2rem;
    width:100%;
    height:auto;
}

.provost-image img{
    height: inherit;
    width:100%;
}
.read-more a, .admin-header a{
    display:flex;
    align-items: center;
    color: #000000;
    font-weight:600;
}

.read-more a:hover, .admin-header a:hover{
    color:#B99D64;
    text-decoration: none;
}


.read-more iconify-icon{
    font-size: 2rem;
    margin-left: 2rem;
    color: #B99D64;
}

.admin-header iconify-icon{
    font-size: 2rem;
    margin-left: 1rem;
    color: #B99D64;
}
.staff-content{
    margin-bottom: 1.5rem;
}
.staff-img img{
    width:100%;
}

.staff-details{
    padding: 1.5rem;
}
.mt-block{
    margin-top: 3rem;
}

.mb-block{
    margin-bottom: 3rem;
}

.publication-img{
    height: 350px;
    margin-bottom: 2rem;
}

.publication-content p{
    color:#676767;
}

.publication-content h4, .publication-content h4 a{
    color:#000000;
}

.publication-img img{
    width:100%;
    height: inherit;
    object-fit: cover;
}
.js-pager__items{
    padding-left: 0px;
    text-align: center;
}

#block-views-block-publications-block-1 .pager__item{
    border: 2px solid #e7e7e7;
    border-radius: 5px;
    padding-left: 2rem;
    padding-right:2rem;
}

.pager__item a{
    color:#153d64;
}

.pager__item a:hover{
    color: #B99D64;
}

/* Academic Pages */

.mid-block{
   height: auto;
   display: flex;
   align-items: flex-end;
   margin-top: 3rem;
   margin-bottom: 3rem;
}

.mid-block-summary{
    background-color:#153D6C;
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    margin-top: 10rem;
}

@media (min-width: 480px){
    .mid-block-summary{
        margin-top: 20rem;
    }
}

@media (min-width: 768px){
    .mid-block-summary{
        margin-top: 30rem;
    }
}




.mid-block-summary span{
    color:#ffffff;
}

ul.menu{
    margin-top: 0rem;
    padding:0;
    margin-left: 0em;
}

.info-block {
    padding: 52px;
    background: #F7F7F7;
    margin: 3rem 0;
}

@media (max-width: 480px){
    .info-block{
        padding: 32px;
    }
}

#title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    color: #153D6C;
    margin-bottom: 1rem;
}

.summ-content {
    margin-bottom: 40px;
}

.info-summ-links{
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.info-summ-links a {
    color: #B99D64;
    margin-right: 50px;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    grid-gap: 30px;
    max-height: auto;
}

.grid-container div:nth-child(4) {
    padding: 15px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.grid-item button{
    width: 60%;
    background-color: #153D64;
    border-radius: 5px;
    padding: 0.5rem 0.5rem;
}


.grid-item:nth-child(-n+3) {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.grid-item.grid-links:nth-child(-n+3){
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.grid-item a:nth-child(-n+3) {
    padding: 20px 25px;
    color: #fff;
}

.grid-item.grid-links a:nth-child(-n+3){
    padding: 20px 25px;
    color: #000000;
}

.grid-item.grid-links a:hover{ 
   color:#B99D64;
}

.grid-container div:nth-child(4) a {
    color: rgb(21,61,108);
    padding: 0;
}

.grid-container2 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: 35vh 35vh;
    gap: 30px;
}

.grid-item1 {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}

.grid-item2 {
    grid-row: span 1;
}

.grid-item3 {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 0 15px;
}

#image_two_buttons,#image_link {
    position: relative;
}

#firstbutton,#secondbutton {
    border-radius: 0px;
    padding: 12px 24px;
}

#firstbutton {
    border: 2px solid white;
}

#secondbutton {
    border: 2px solid #173e6b;
}

.grouped-buttons {
    position: absolute;
    display: flex;
    flex-direction: row;
    column-gap: 2%;
    bottom: 8vh;
    left: 6vw;
    width: 70%;
}

.image-two-buttons button#secondbutton {
    background-color: #173e6b !important;
    border-color: #173e6b !important;
}

.image-two-buttons button a {
    color: #fff;
}

.buttons-image {
    height: 600px;
    width: 100%;
}

.sticky-menu{
    position: sticky;
    top: 5%;
}

#block-academicsmenu-menu ~ ul li, #block-researchmenu-menu ~ ul li, #block-admissionsmenu-menu ~ ul li {
    margin-bottom: 1rem;  
}


#block-academicsmenu-menu ~ ul, #block-researchmenu-menu ~ ul, #block-admissionsmenu-menu ~ ul  {
    margin: 0;
    
}

#block-academicsmenu-menu ~ ul li a, #block-researchmenu-menu ~ ul li a, #block-admissionsmenu-menu ~ ul li a{
    color: black;
    font-weight: 500;
}

#block-academicsmenu-menu ~ ul li a:hover, #block-researchmenu-menu ~ ul li a:hover, #block-admissionsmenu-menu ~ ul li a:hover{
    color:#B99D64;
}

#block-researchmenu-menu{
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 1.5rem;
}

.menu-item--active-trail> .is-active{
    color:#B99D64;
}

.date-social{
    display:flex;
    justify-content: space-between;
}

.page-content{
    margin: 0 10%
}

.page-image{
    margin-bottom: 2rem;
    width: 100%;
    height: auto;
}
.page-image img{
    height: inherit;
    width: 100%;
    object-fit: cover;
}

.news-grid, .spotlight-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    align-items: stretch;
    grid-gap: 31px 25px
}

.newsIDColumn, .spotlightIDColumn{
    border: 1px solid #f7f7f7;
}
.newsIDcolumn:hover, .spotlightIDColumn{
    box-shadow: 3px 7px 10px 6px rgba(219,229,255,0.41);
    transition: 0.5s;
}


.newsItem, .spotlightItem {
    background: #ffff;
}

.newsContent, .spotlightContent {
    margin: 21px;
}

.news-grid img, .spotlight-grid img {
    width: 100%;
    height: 234px;
    object-fit: cover;
}

.eventItem, .announcementItem{
    border: 1px solid #efefef;
    padding: 2rem;
    border-radius: 1rem;
    margin-bottom: 2rem;
}
.wrapper{
    margin: 0 15%;
}

/* Programmes page */
.fieldgroup.form-composite.bef-links > ul{
    display: flex;
    list-style-type: none;
    padding: 0;
    gap: 2.5rem;
}

.fieldgroup.form-composite.bef-links a{
    font-weight: 600;
    color: #000000;
    padding-bottom: 0.5rem;
    text-decoration: none;
}

.bef-link--selected{
    border-bottom: 2px solid #B99D64;
    color:#153D64;
}

.programmes-header-block{
    background-color: #153D64;
    padding: 1rem;
}

.programmes-header-block span{
    color: white;
}



.programme{
    border-bottom: 1px solid;
}

.about-programme{
    background-color: #F7F7F7;
    margin-top: 0rem;
    margin-bottom: 4.5rem;
    border-radius: 14px;
}

.programme-title{
    display: flex;
    align-items: center;
    padding: 20px 18px;
    border-bottom: 1px solid;
    list-style: none;
    font-size: 20px;
    outline: none;
    border: none;
    background-color: transparent;
    color:#000000;
    text-decoration: none;
}
.programme-title:after{
    content: '\002B';
    color: black;
    margin-left: auto;
    font-size: 2rem;
}

.programme-title:hover{
    text-decoration:none;
    color:#153D64;
}

.button-apply{
    background: #153D6C;
    border-radius: 5px;
    border: 0px;
    padding: 1rem 1.2rem;
}

.button-website{
    background: transparent;
    border-radius: 5px;
    border: 1px solid #676767;
    padding: 1rem 1.2rem;
}

.button-apply a{
    color: #ffffff;
    font-weight: 700;
}
.button-website a{
    color:#153D64;
    font-weight: 700;
}

.button-apply a:hover ,.button-website a:hover{
    color:#B99D64;
    text-decoration: none;
}
.button-website a::after, .button-apply a::after{
    font-family: 'Font Awesome 6 Free';
    content: "\f054";
    margin-left: 1rem;
}


.content-wrapper{
    background: #F7F7F7;
    border-radius: 14px;
}

.content-wrapper h4{
    color:#153D64;
    font-weight:600;
}

.offered-by{
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: 1.2rem;
    color: #153d64;
}

.school-website-button button{
    margin-right: 2rem;
}

a > i{
    margin-left: 0.8rem;
}

#block-views-block-announcements-block-11 > h2{
    color:#ffffff;
}


#main-title-div  h2 a {
    margin-top: 19px;
    color: #000;
}

#main-title-div h2 a:hover{
    color:#B99D64;
    text-decoration: none;
}

@media (max-width:767px) {
    .grid-container{
        display: grid;
        grid-template-columns: 1fr;
        align-items: stretch;
        grid-gap: 30px;
    }

    .grid-container2{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-template-rows: 35vh 35vh;
        gap: 30px;
    }

    .grid-item2{
        grid-row: span 15;
    }
}