.banner .news_image{width:50%;float:right}
#scroller .leader a{font-size: 1em!important;}
#scroller .leader {font-size: 1.3em!important;}
#scroller .leader a:hover{color:#fff!important}
.main .row{margin:2% 0}
body{background:#fff;font-family:Lato}
.wht-container{padding-top:0;margin-top:0;padding-left:0;padding-right:0}
.News{padding-left:0;padding-right:0;margin-bottom:0!important}
#scroller div.news_item_inner h3 {display:none}
@media all and (min-width:600px){
.banner .news-detail{top:0;right:auto;width:100%;text-align:left}
.banner .news-detail a{padding:10px}
.banner .news-detail .news-detail-cell{position:absolute;width:100%;text-align:center;font-weight:700!important;height:100%;font-family:'League Spartan';background:#000;background:rgba(0,0,0,.9)}
.banner .news-detail .news-detail-cell a{color:#fff}
.banner .news-detail .news-detail-cell{position:absolute;width:100%;text-align:center;font-weight:700!important;height:100%;font-family:'League Spartan';background:#22004d;}
}
.banner .news-detail-cell>a{color:#fff}
.banner .news-detail .news-detail-cell{text-align:center;left:0}
.banner .news-detail .news-detail-cell a{transition:.5s;text-align:center;font-size:1.5em;text-decoration:none}
.banner .news-detail .news-detail-cell a:hover{color:#eee;text-decoration:none}
.banner .news-detail{position:absolute;bottom:0;left:0;text-align:left;color:#fff;z-index:2;background-color:#22004d;width:50%}
.bx-pager{bottom:1vw!important;padding-right:0!important}
.banner .news-detail-cell {padding:10%;color:#fff}
.banner .news-detail-cell a{font-size:4vw!important}
#newsButtonText{width:100%;text-align:center;text-decoration:none;margin:0;border-width:0}
#navTiles{padding:0;margin:0;width:100%}
.tileRow{margin:0!important}
.navTile{border:solid 5px}
.tileContent{padding:2%;color:#fff;}
.tileTitle{font-family:'League Spartan';text-transform:uppercase;font-size:1.25vw;}
.tileText{height:65%;font-size:1vw;color:#22004d}
@media all and (max-width:992px){
.tileTitle{font-size:2vw}
.tileText{font-size:1.9vw}
#eventsAreaTitle{font-size:7vw}
}
@media all and (max-width:760px){
.tileTitle{font-size:3.5vw}
.tileText{font-size:3vw}
}
.eventBanner{background-image:url(https://keelesu.com/assets/site_resources/KeeleSUBannerPattern.png);height:40px;width:100%;display:block;background-size:cover;background-repeat:no-repeat;margin-top:25px}
#eventsAreaTitle{font-size:2vw;font-family:'League Spartan';padding:15px;padding-left:10%;padding-bottom:10px}
.event_item{background-color:#fff}
#eventCarousel{padding-bottom:20px;padding-left:5vw;padding-right:5vw}
.msl_event_description{overflow:hidden}
.carousel-item{width:95%;vertical-align:top;padding:5px;border-radius:7px;background:0 0}
.carousel-item img{width:100%}
.cardWrapper{margin:5px;background-color:#fff;border-radius:7px;height:100%;color:#22004d!important;border-color:#22004d;border:solid}
.msl_event_organisation{padding-left:2%}
.cardDetails{padding:2% 5% 0}
.msl_event_description{display:none}
.msl_event_location{display:none}
#eventCarousel .event_item .msl_event_organisation{line-height:1.2}
#eventCarousel .event_item .msl_event_name{padding:2%;text-decoration:none!important;text-transform:uppercase;display:block;font-weight:700;height:50px;overflow:hidden;color:#22004d!important}
#eventCarousel .event_item .msl_event_location,#eventCarousel .event_item .msl_event_time{font-size:15px;font-weight:700}
@media (min-width:600px){
#eventCarousel .event_item{width:45%;width:calc(50% - 24px)}
}
@media (min-width:992px){
#eventCarousel .event_item{width:22%;width:calc(25% - 24px);vertical-align:top}
}
.carousel-control-next{width:5%;margin:-5%}
.carousel-control-prev{width:5%;margin:-5%}
@media (min-width:760px){
.carousel-inner .active,.carousel-inner .active+.carousel-item,.carousel-inner .active+.carousel-item+.carousel-item,.carousel-inner .active+.carousel-item+.carousel-item+.carousel-item{display:block}
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item,.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item,.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item{transition:none}
.cardStyling .event_item{width:30%;width:calc(33% - 24px)}
}
@media (min-width:1160px){
#lowerThird{margin:auto;width:80vw}
#studentsFirst:after,#studentsFirst:before{content:'';width:150px;height:2px;background:#22004d;margin:0 10px}
}
@media (max-width:600px){
#studentsFirst{font-size:4.2vw}
.news_image{width:100%}
.leader{display:none}
.news-detail-cell {padding:0;font-size:1em}
.news-detail{width:100%}
}
@media (max-width:760px){
#meetTheTeam{font-size:5vw!important;text-align:center}
#eventsAreaTitle{font-size:5vw}
.bSection>h3{margin-top:50px}
}
#studentsFirst{display:flex;align-items:center;justify-content:center;text-transform:uppercase;padding-top:50px}
#meetTheTeam{font-size:1.7rem}

#officers{margin-top:4px}
@media all and (min-width:568px){
#officers{margin-top:0}
}
#officers ul{display:block;overflow:hidden;padding:0}
#officers ul li{float:left;width:50%;list-style-type:none;text-align:center;display:block;min-height:185px;padding:1%}
#officers ul li:nth-child(odd){clear:both}
@media all and (min-width:400px){
#officers ul li{width:50%}
#officers ul li:nth-child(odd){clear:none}
}
#officers .msl-imagenav-description{float:left;display:block;width:100%;color:#000;font:700 1em 'League Spartan'}
#officers .msl-imagenav-title{float:left;display:block;width:100%;color:#000;background:#fff}
.scroller-c{margin-bottom:20px}
@media all and (min-width:1200px){
#officers{margin-top:0}
.scroller-c{margin-bottom:0}
}
#officers ul li{float:left;width:50%;list-style-type:none;text-align:center;display:block;min-height:185px}
#officers ul li:nth-child(odd){clear:both}
@media (min-width:780px){
#officers ul li{width:20%}
#officers ul li:nth-child(3n+1){clear:none}
#officers ul li:nth-child(odd){clear:none}
}
#officers .msl-imagenav-description{float:left;display:block;width:100%;color:#000;font:700 1em 'League Spartan'}
#officers .msl-imagenav-title{float:left;display:block;width:100%;color:#000;background:#fff}
.scroller-c{margin-bottom:20px}
.sabbImage{position:relative;width:100%;padding-bottom:100%;margin:1.66%;background-position:center center!important;background-repeat:no-repeat!important;background-size:contain!important;border-radius:50% 50% 50% 0}
.sabbs_description{text-align:left}
.hide{position:absolute!important;top:-9999px!important;left:-9999px!important}
.embed-responsive-16by9::before{padding-top:0!important}
div > .head1{display:none}
.main .row{margin:2% 0}
body{background:#fff;font-family:'Lato'}
.wht-container{padding-top:0;margin-top:0;padding-left:0;padding-right:0}
.News{padding-left:0;padding-right:0;margin-bottom:0!important}
.banner .news-detail-cell > a{color:#fff}
.banner .news-detail .news-detail-cell{text-align:center;left:0}
.banner .news-detail .news-detail-cell a{transition:.5s;text-align:center;font-size:1.5em;text-decoration:none}
.banner .news-detail .news-detail-cell a:hover{color:#eee;text-decoration:none}
.banner .news-detail{position:absolute;bottom:0;left:0;text-align:left;color:#fff;z-index:2;background-color:#22004d;width:50%;height:100%}
.bx-pager{bottom:1vw!important;padding-right:0!important}
.banner .news-detail-cell{padding:10%;color:#fff}
.banner .news-detail-cell a{font-size:3vw!important}
#newsButtonText{width:100%;text-align:center;text-decoration:none;margin:0;border-width:0}
.eventBanner{background-image:url(https://keelesu.com/assets/site_resources/KeeleSUBannerPattern.png);height:40px;width:100%;display:block;background-size:cover;background-repeat:no-repeat;margin-top:25px}
#eventsAreaTitle{font-size:2vw;font-family:'League Spartan';padding:15px;padding-left:10%;padding-bottom:10px}
.event_item{background-color:#fff}
#eventCarousel{padding-bottom:20px;padding-left:5vw;padding-right:5vw}
.msl_event_description{overflow:hidden}
.carousel-item{width:95%;vertical-align:top;padding:5px;border-radius:7px;background:none}
.carousel-item img{width:100%}
.cardWrapper{margin:5px;background-color:#fff;border-radius:7px;height:100%;color:#22004d!important;border-color:#22004d;border:solid}
.msl_event_organisation{padding-left:2%}
.cardDetails{padding:5% 2% 0}
.msl_event_description{display:none}
.msl_event_location{display:none}
#eventCarousel .event_item .msl_event_organisation{line-height:1.2}
#eventCarousel .event_item .msl_event_name{font-size:1.2em;padding:2%;text-decoration:none!important;text-transform:uppercase;display:block;font-weight:700;height:50px;overflow:visible;color:#22004d!important}
#eventCarousel .event_item .msl_event_time,#eventCarousel .event_item .msl_event_location{font-size:15px;font-weight:700}
@media (min-width: 600px) {
#eventCarousel .event_item{width:45%;width:calc(50% - 24px)}
}
@media (min-width: 992px) {
#eventCarousel .event_item{width:22%;width:calc(25% - 24px);vertical-align:top}
}
.carousel-control-next{width:5%;margin:-5%}
.carousel-control-prev{width:5%;margin:-5%}
@media (min-width: 760px) {
.carousel-inner .active,.carousel-inner .active + .carousel-item,.carousel-inner .active + .carousel-item + .carousel-item,.carousel-inner .active + .carousel-item + .carousel-item + .carousel-item{display:block}
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item{transition:none}
.cardStyling .event_item{width:30%;width:calc(33% - 24px)}
}
@media (min-width: 1160px) {
#lowerThird{margin:auto;width:80vw}
#studentsFirst:after,#studentsFirst:before{content:'';width:150px;height:2px;background:#22004d;margin:0 10px}
}
@media (max-width: 600px) {
#studentsFirst{font-size:4.2vw}
.news_image{width:100%}
.leader{display:none}
.news-detail-cell {padding:0;font-size:1em}
.news-detail{width:100%}
}
@media (max-width:760px) {
#meetTheTeam{font-size:5vw!important;text-align:center}
#eventsAreaTitle{font-size:5vw}
.bSection > h3{margin-top:50px}
}
#studentsFirst{display:flex;align-items:center;justify-content:center;text-transform:uppercase;padding-top:50px}
#meetTheTeam{font-size:1.7rem}
#officers{margin-top:4px}
@media all and (min-width:568px) {
#officers{margin-top:0}
}
@media all and (min-width:1200px) {
.scroller-c{margin-bottom:0}
#officers{margin-top:0}
}
#officers ul li{float:left;width:50%;list-style-type:none;text-align:center;display:block;min-height:185px;padding:1%}
#officers ul li:nth-child(2n+1){clear:both}
@media all and (min-width:400px) {
#officers ul li{width:50%}
#officers ul li:nth-child(2n+1){clear:none}
}
#officers .msl-imagenav-description{float:left;display:block;width:100%;color:#000;font:700 1em 'League Spartan'}
#officers .msl-imagenav-title{float:left;display:block;width:100%;color:#000;background:#FFF}
@media all and (min-width:480px){
#officers .msl-imagenav-description{font-size:1.3em}
}
.scroller-c{margin-bottom:20px}
#officers ul li{float:left;width:50%;list-style-type:none;text-align:center;display:block;min-height:185px}
#officers ul li:nth-child(2n+1){clear:both}
@media (min-width: 780px) {
#officers ul li{width:20%}
#officers ul li{width:25%}
#officers ul li:nth-child(3n+1){clear:none}
#officers ul li:nth-child(2n+1){clear:none}
}
#officers .msl-imagenav-description{float:left;display:block;width:100%;color:#000;font:700 1em 'League Spartan'}
#officers .msl-imagenav-title{float:left;display:block;width:100%;color:#000;background:#FFF}
.scroller-c{margin-bottom:20px}
.sabbImage{position:relative;width:100%;padding-bottom:100%;margin:1.66%;background-position:center center!important;background-repeat:no-repeat!important;background-size:contain!important;border-radius:50% 50% 50% 0}
.sabbs_description{text-align:left}
.hide{position:absolute!important;top:-9999px!important;left:-9999px!important}
.embed-responsive-16by9::before{padding-top:0!important}
.msl_ticket{margin-bottom:0px; float:right;background:#22004d!important;border:medium none;color:#fff!important;cursor:pointer;min-height:40px;line-height:1.3;padding:15px;text-align:center;display:inline-block;box-sizing:border-box;margin-bottom:16px;resize:vertical;text-transform:capitalize;font-family:Lato}
.msl_ticket:hover{background:#65b22e!important}
#socialsFooter.socials-bigger ul li a i {font-size: 40px;color:#22004d;flex-wrap: wrap;justify-content: center;}
.tileLink local, .tileLink{color:#fff}


/********************** POPUP **********************/

/* Background colour overlay */
#popupbox {
    position:fixed;
    background:rgba(255,255,255,0.9); /* Background colour - white */
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:10000;
    display: none;}

/* Close popup - X */
#popupbox [id*='lbHide'], #popupbox .closer {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #000; /* Colour black */
    font-size: 30px; /* Font size */
    padding: 4px 12px;
    font-weight: bold; /* Font style - bold */
    cursor: pointer;}

/* Popup itself */
.popupbox {
    position: fixed;
    width: 700px; /* Width */
    max-width: 80%; /* Maximum width */
    height: auto; /* Height set to auto */
    margin: auto;
    top: 50%;
    left: 50%;
    background: white; /* Background colour */
    padding: 40px;
    transform: translate(-50%, -50%);
    border-radius: 20px; /* Border radius */}

/* Popup structure */
/*.imageHere {
    width: 100%;}

.imageHere img {
    max-width: 100px;
    margin: 0 auto 30px;
    display: block;}*/

.textHere {text-align: center;}

.textHere h3,
.textHere span {
    margin-bottom: 20px;
    font-weight: bold;}

.textHere span {
    margin-bottom: 20px;
    font-weight: bold;
    color: #D4136E;
    font-size: 1.4rem;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif;}

/* Button Styles */
.buttonHere {
    display: table;
    background: #0191b4; /* Background colour */
    text-align: center; 
    color: white; /* Font colour */
    margin-top: 20px;
    padding: 10px 30px;
    border-radius: 4px;
    font-weight: bold;}

/* Responsiveness */
@media (min-width: 768px) {

}