/* Elections Widgets */
#ctl00_voteyearofstudy_pnlContainer .animate .msl-progress span {
  background-color: #a0d9e0;
}

/*Banner*/
.ms-container h5, .ms-container .leader {
  background-color:rgba(255, 255, 255, 0.5);
  padding:10px!important;
  width:50%;
  margin:0 auto!important;
}
/* Events */

[id="homepage-whatson"] { margin: 20px 0;}
[id="homepage-whatson"] .event_item {
position:relative;
padding-top:60%;
margin: 0 0 20px;
}
[id="homepage-whatson"] .event_item img {
position:absolute;
top:0;
left:0;
right:0;
}
[id="homepage-whatson"] .event_item .msl_event_name {
display:block;
margin: -15px 0 0;
padding: 10px 15px;
color:#fff;
background:#e84253;
font-size:18px;
position:relative;
}
[id="homepage-whatson"] .event_item:before {
    display: block;
    content: ' ';
    background: url(top-left-corner.svg) top left no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    background-size: contain;
    height: 80px;
    width: 40px;
    z-index: 10;
}
@media all and (min-width:768px) {
[id="homepage-whatson"] .event_item dl:after {
    display: block;
    content: ' ';
    background: url(grey-slice.svg) bottom left no-repeat;
    height: 45px;
}
}
[id="homepage-whatson"] .event_item dd:empty {display:none;}
[id="homepage-whatson"] .event_item dd {
    margin: 0;
    padding: 10px 15px 0px;
    background-color: #eee;
}
@media all and (min-width:480px) {
[id="homepage-whatson"] {margin:20px -10px;}
[id="homepage-whatson"] .event_item {
  width: 50%;
  float:left;
  border-left:10px solid #fff;
  border-right:10px solid #fff;
  padding-top:30%;
}
[id="homepage-whatson"] .event_item:nth-of-type(7) {display:none;}
}
@media all and (min-width:768px) {
[id="homepage-whatson"] .event_item:nth-of-type(7) {display:block;}
[id="homepage-whatson"] .event_item:nth-of-type(4) {clear:left;}
[id="homepage-whatson"] .event_item:nth-of-type(1),
[id="homepage-whatson"] .event_item:nth-of-type(2),
[id="homepage-whatson"] .event_item:nth-of-type(3) {
  width: 33.3333%;
  padding-top:20%;
}
[id="homepage-whatson"] .event_item:nth-of-type(n+4) {
  width: 25%;
  padding-top:15%;
}
[id="homepage-whatson"] .event_item:nth-of-type(n+4) dl:after, [id="homepage-whatson"] .event_item:nth-of-type(n+3) .msl_event_description {
  display:none;
}
[id="homepage-whatson"] .event_item:nth-of-type(n+4) .msl_event_name {
	font-size: 16px;
}
}

/* News */

[id="homepage-news"] {}
[id="homepage-news"] .news_item {
position:relative;
padding-top:60%;
margin: 0 0 20px;
}
[id="homepage-news"] .news_item .news_image {
    position: absolute;
    top: 0;
    left: 0;
    /*padding: 5px;*/
    right: 0;
    display: block;
    /*box-shadow: 0 0 5px rgba(0,0,0,0.25);*/
    /*border: 1px solid #ccc;*/
}
[id="homepage-news"] .news_item h5 {
    border: none;
    font-size: 18px;
    margin: 10px 0 5px;
}
@media all and (min-width:480px) {
[id="homepage-news"] {margin:20px -10px;}
[id="homepage-news"] .news_item {
  width: 50%;
  float:left;
  border-left:10px solid #fff;
  border-right:10px solid #fff;
  padding-top:30%;
}
[id="homepage-news"] .news_item:nth-of-type(2n+1) {clear:left;}
}
@media all and (min-width:768px) {
[id="homepage-news"] .news_item {
  width: 25%;
  padding-top:15%;
}
[id="homepage-news"] .news_item:nth-of-type(2n+1) {clear:none;}
}
.news_all .news, .seemore {
    background-color: #e84253;
    padding: 8px 12px;
    color: #fff;
    display:block;
}
.seemore:hover {
    color:#fff;
}
@media all and (min-width:480px) {
.news_all .news, .seemore {
    float: right;
}
}
/* Sabbs */

[id="homepage-portraits"] {
  margin: 20px 0;
  border-bottom: 2px solid #ccc;
}
.thumbs .col-xs-2 {
    padding:0; width:20%; position:relative;
}
.thumbs .col-xs-2 span {
    display:block;
    text-align: center;
    color: #000;
    font-size: 12px;
    padding: 10px;
}

/*p.leader {
  text-shadow: 0px 0px 15px #fff, 0px 0px 10px #fff, 0px 0px 8px #fff;
}*/

@media all and (min-width:768px) {
.thumbs .col-xs-2 span {
    position: absolute;
    z-index: 10;
    bottom: -1px;
    left: 0;
    right: 0;
    font-size: 14px;
    text-shadow: 0 0 5px #fff;
    background-color: rgba(255,255,255,0.65);
}
}
@media all and (min-width:992px) {
.thumbs .col-xs-2 span {font-size:18px;}
}

/*Start Welcome Modal*/
.v-align-wrapper {

	position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: table;
    margin: 0 auto;
}

.v-align {
    display: table-cell;
    vertical-align: middle;
}

.modal-content {
	 background: #a0d9e0; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(bottom left, #a0d9e0 0%, #009a5b 100%);
    background: -o-linear-gradient(bottom left, #a0d9e0 0%, #009a5b 100%);
    background: linear-gradient(to top right, #a0d9e0 0%, #009a5b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0d9e0', endColorstr='#009a5b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

h1.modal-title, h2.modal-title {
	border-bottom:0;
}

.modal-header, .modal-footer {
	border:0;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    opacity: 1!important;
    filter: alpha(opacity=100);
}

.modal-body, .modal-footer > a > button {
	font-size: 2rem;
}