﻿/* Specific banner styles */
.slide.ClearingBanner h1,
.slide.ClearingBanner h2,
.slide.ClearingBanner h3,
.slide.ClearingBanner h4,
.slide.ClearingBanner h5{font-size: 1.2em; margin: 0;}
.slide.ClearingBanner p{margin-top: 0; margin-bottom: .5em;font-size: 3.3em; line-height: 1.1em; width: 300px;}
.slide.ClearingBanner:before{width: 32%;}

.slide.noOverlay:before{width: 0;}
.slide.PG-Roadshow .button {background: #fff; color: #9e0b43;}

/*Add additional styles after here */
.offcanvas-wrap {max-width: 1980px; margin: 0 auto;} 

.edge--grey {background: #eee;}

/* UI Card Specific Styles ulzgw 23/05/2017 */

.card__footer {padding-top:2px;}

.card__footer{background: #005597;}
.card__footer span{margin: 0; border:none; color: #fff;}
.card__footer .icon {stroke: #fff;}

.column.StudentServices .card__footer{background: #2f8373;}
.column.StudentServices .card__text {background: #fff url("/siteelementshomepage/images/bg/bg-studentservices.png") no-repeat left 0  bottom 0px;}
.column.StudentServices .card__footer > span {border:none;}


.card--video .card__footer{text-decoration:none; text-align:right; color: #fff; position:absolute; bottom: 0; left: 0; right: 0; padding: 18px;}
.card--video .card__footer:hover{text-decoration:underline;}


.column.automated .card{margin-bottom: 0;}
.column.automated .card-tag--events,
.column.automated .card-tag--news,
.column.automated .card-tag--research{background: #005597;}


.primary-cta__text {min-height: 297px; border-width: 4px;}

.column.automated .card__footer {
  position: absolute;
  bottom: 5px; 
  left: 1.25rem; 
  right: 1.25rem;
  float: right;
  width: auto;
  background: #fff;
  padding: 4px 20px 18px 20px;
  z-index: 100;}

.column.automated .card__footer span{margin: 0; border-top: 1px solid #1A296B; color: #1A296B;}
.column.automated .card__footer a{display:block;} 
.column.automated .card__footer:hover span{text-decoration:underline;}
.column.automated .card__footer .icon {stroke: #1A296B;}



footer address p{color: #fff;}
footer a{color: #fff; text-decoration:none;}
footer a:hover{color: #fff; text-decoration:underline;}

footer a.CTA{display:block; background: #fff url("/siteelementshomepage/images/icons/icon-right-arrow.png") no-repeat; background-position: top 50% right 10px; color: #18194f; padding: 12px 30px 12px 10px; border: 2px solid transparent;}
footer a.CTA:hover{background-image:  url("/siteelementshomepage/images/icons/icon-right-arrow-white.png"); background-color: transparent; border-color: #fff; color: #fff; text-decoration:none;}



@media screen and (max-width: 1190px){
    .column.automated {margin-bottom: 35px;}
}



@media only screen and (max-width: 70.0525em) {
.slide.ClearingBanner:before{width: 50%;}
}


@media only screen and (max-width: 40.0525em) {
.slide.ClearingBanner:before{display:none;}
}


@media only screen and (max-width: 40.0525em) {
.slide.ClearingBanner h1,
.slide.ClearingBanner h2,
.slide.ClearingBanner h3,
.slide.ClearingBanner h4,
.slide.ClearingBanner h5 {font-size:1.1rem;}
.slide.ClearingBanner  p {margin: .3em 0 .8em 0;font-size:1.8rem; color: #009bbd; width: auto;}
}
