/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 05 October 2018 19:09:09
*/


html { 
    -webkit-font-smoothing: antialiased; 
}

.right{
    float:right !important;
    margin-left: 10px;
    margin-bottom:10px;
}
.left{
    float:left !important;
    margin-right:10px;
    margin-bottom: 10px;
}
a {
color: #c60c30;
-webkit-transition: background 0.5s;
transition: background 0.5s;
}
a:hover, a:focus {
    color: #77071d;
}

h1,h2,h3,h4,h5,h6 {
    font-family: Cambria, Georgia, serif;
    font-size-adjust: 0.492;
    font-style: normal;
    font-weight: normal;
    line-height: 1.2;
}
h1 {
    font-size: 33px;
    margin-top:0;
}
h2 {
    font-size: 27px;
}
h3 {
    font-size: 21px;
}
h4 {
    font-size: 15px;
}
.container {
background-color: #fff;
border-left: 13px solid #c60c30;
margin: 0 auto;
}
.box-header .caption {
    background: #333;
    display: block;
    padding: 10px;
    color: #fff;
}
.home-page .container.main {
    padding-top: 30px;
}
.news-event-item em {
    font-style: italic;
    font-weight: normal;
}
.accessibility {
    display: none;
}
.required {
    color: #f00;
}
.error_messages, .sq-form-error {
    font-weight: 600;
    color: #c60c30;
}

#logo a {
    display: block;
    height: auto;
    margin-bottom: 20px;
    margin-top: 10px;
}
.breadcrumb {
    background-color: transparent;
    font-size: small;
    margin-left: 20px;
    padding: 0;
}
.breadcrumb > li {
    display: inline;
}
.breadcrumb li:first-child:before {
    content: "\f015";
    font-family: FontAwesome;
    font-size: 1.8em;
    color: #c60c30;
    padding-right: 5px;
}
.quote dl {
    padding: 15px 0;
}
.promo img {
    min-width: 100%;
}
.promo .title, .quote .title {
    font-size: 16px;
    color: #fff;
    background: #333;
    display: block;
    padding: 10px;
}
.promo .more {
    background: #ededed;
    display: block;
    margin-bottom: 15px;
    padding: 10px;
    color: #000;
}
.headed-box {
    border: 1px solid #ededed;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.sidebar .findacourse .nav.nav-pills.nav-stacked a {
    background: transparent;
    color: #fff;
    text-align: left;
}
.sidebar .findacourse {
    background: #c60c30;
    padding: 10px;
    color: #fff;
    margin-bottom: 15px;
    border-radius: 4px;
}
.sidebar .findacourse .btn {
    background: #000;
}
.home-page .findacourse {
    background-color: #c60c30;
    border-radius: 6px;
    color: #fff;
    display: table;
    font-size: 1.2em;
    height: auto;
    margin-left: 0;
    margin-top: 30px;
    padding: 0 0 5px 10px;
    width: 100%;
}
.home-page .findacourse > h2 {
    margin-left: 15px;
    margin-top: 10px;
}
.home-page .findacourse ul {
    margin-bottom: 0;
    padding-top: 10px;
}
.home-page .findacourse .list-inline a {
    color: #fff;
}
.home-page .socialmedia.list-unstyled.list-inline {
    font-size: 36px;
}
.home-page .twitter {
    margin: 20px 0;
}
form legend {
    font-size: 13px;
    font-weight: 600;
}
.campaign-page .navbar-default .navbar-toggle {
    display: none;
}
.campaign-page .flag {
    margin-left: 15px;
}
.campaign-page .container.main {
    margin-top: -20px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
* {
    box-sizing: border-box;
}
.main {
    padding-top: 20px;
}

.container.displaybarholder {
    padding: 0;
}

.container.main {
    padding-bottom: 50px;
}

.panel.panel-default {
    margin-bottom: 5px;
}

.well-unstyled {
    background: inherit;
}
.related-topics {
    border: 1px solid rgb(204, 204, 204);
    margin-bottom: 10px;
    padding: 0 10px 10px;
}
.related-topics > ul {
    margin-left: -20px;
}

/*Info areas*/

.info-area img {
    width: 100%;
}
.info-area {
    border: 1px solid #cccccc;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 2px 3px 5px #ccc;
    margin-bottom: 10px;
}
.info-area .caption {
    color: #333;
    display: block;
    font-size: 16px;
    padding: 10px;
    text-decoration: none;
}
.info-area.site-title {
    border: 1px solid #cccccc;
    height: 100%;
}
a.info-area:hover {
    text-decoration: none;
}
.info-area.site-title {
    border: 1px solid #cccccc;
}
.info-area img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.info-area-img {
    background-color: #c60c30;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.homepage .info-area img:hover {
    background-color: #333;
}
.info-area img:hover {
    box-shadow: 0 0 10px #333;
}

/*

.info-area img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    width: 100%;
}
.info-area .caption {
    background: #333;
    color: #fff;
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
    min-height: 66px;
    padding: 10px;
    text-decoration: none;
}

a.info-area:hover {
    text-decoration: none;
}

.info-area:hover .caption {
    background: #ccc none repeat scroll 0 0;
    color: #333;
}
.information-areas .caption {
    background: #ccc;
    color: #fff;
    padding: 0 10px;
}
.information-areas .caption > a {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1.1;
    min-height: 52px;
    padding-top: 5px;
}

.information-areas {
    margin-bottom: 15px;
}
.information-areas a:hover {
    text-decoration: underline;
}
.information-areas img {
    width: 100%;
}

*/

.media .img-responsive {
    max-width: none;
}

/*Fancybox*/

.thumbnail > img {
    border-radius: 4px;
    height: 115px;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    max-width: none;
}
.thumbnail.fancybox {
    border: none;
    min-height: 115px;
    overflow: hidden;
    position: relative;
}

/*Navbar pills*/

.sidebar .nav-pills > li > a {
    background: #ccc none repeat scroll 0 0;
    color: #333;
}
.sidebar .nav-pills > li > a:hover , .sidebar .nav-pills > li > a:focus {
    background: #333  none repeat scroll 0 0;
    color: #fff;
}
.sidebar .nav.nav-pills.nav-stacked a {
    font-family: Cambria, Georgia, serif;

    font-size: 16px;
    margin-bottom: 6px;
    text-align: center;
}
.sidebar .contactbox {
    background-color: #c60c30;
    color: #fff;
    font-size: small;
    margin-bottom: 15px;
    padding: 0 10px 5px;
}
.sidebar .contactbox p,.sidebar .contactbox a {
    color: #fff;
}

/*Navbar*/

#main-navbar-collapse ul.nav.navbar-nav {
    margin-left: 10px;
}
#main-navbar-collapse .selected > a {
    background-color: #c60c30;
    color: #fff;
}
.top-nav {
    background: #ededed none repeat scroll 0 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 230px;
    z-index: 2147483647;
}
.top-nav a {
    color: #666;
}
.top-nav .list-inline {
    padding-top: 10px;
}
.navbar.subnav p {    
    border-bottom: 1px solid #333;
    color: #c60c30;
    padding: 10px;
}
.navbar-collapse {
    padding-left: 0;
}
.subnav .nav-pills > li.active.selected > a, .navbar-collapse .nav .selected > a {
    background-color: #ebebeb;
    border: medium none;
    color: #333;
}
.subnav .nav-pills > li.active > a {
    border: medium none;
    color: #fff;
}
.subnav .nav > li a {
    border: 1px solid #ededed;
    border-radius: 3px;
    color: #333;
    margin: 2px 0;
}
.subnav.nav.nav-pills.nav-stacked a {
    margin-left: 10px;
}
.navbar-default .navbar-toggle {
    z-index: 99999999;
}
.nav.navbar-nav {
    clear: both;
    font-size: 16px;
}

@media(min-width:999px) and (max-width:1199px){
    .navbar-collapse ul.nav.navbar-nav{
        font-size:14px;
    }
}
.navbar-default .navbar-nav > li > a {
    color: #c60c30;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    
    background-color: #c60c30;
    color: #fff;
}
.navbar-default {
    background-color: inherit;
    border: none;
}
.navbar {
    margin-bottom: 0;
}
.leftsidenav .btn.btn-primary.visible-xs.btn-block {
    border-radius: 0;
    margin-bottom: 15px;
    text-align: right;
}
/*Carousel*/
.carousel-indicators {
      height: 20px;
 }

.carousel-caption {
    text-align: left;
    text-shadow: inherit;
}
.carousel-control {
width: 5%;
}
.carousel .carousel-indicators li {
    border: 1px solid #333;
}
.container.displaybarholder {
    position: relative;
    
}
.displaybar  {
    overflow: hidden;
}
.displaybar img {
    min-width: 100%;
}
.nodisplaybar {
    background-color: #333333;
    height: 3px;
    margin-bottom: 15px;
}
.small-flag {
    background: #c60c30;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 5px 20px;
    position: relative;
    width: 100%;
}

.open-day .small-flag {
    display: none;
}
.small-flag h1 {
    margin: 0;
    position: relative;
    vertical-align: middle;
}
.carousel-indicators {
    bottom: -8px;
}
/*Sidebar*/

.sidebar h3, .sidebar p {
    color: #333;
}
.sidebar .caption > a {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1.1;
    min-height: 0;
    padding-top: 5px;
}
.sidebar .caption {
    background: #c60c30;
    padding: 10px;
}
.icon-box h2 {
    background: none repeat scroll 0 0 #c60c30;
    color: #fff;
    padding: 5px 10px;
} 
.sidebar .information-areas {
    margin-bottom: 10px;
}
.icon-box {
    border: 1px solid rgb(204, 204, 204);
    margin-bottom: 10px;
    padding: 10px;
}

/*NEW UoS HOMEPAGE*/

.home-page .sidebar h2 {
    font-size: 20px;
}

.home-page .carousel-caption h1 {
    font-size: 26px;
    margin-bottom: 0;
    margin-top: 5px;
}

.home-page .carousel-caption p {
    margin: 10px 0;
}

.home-page .carousel-indicators {
    top: 5px;
}
.home-page .carousel-caption {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 15%;
    margin-bottom: 8px;
    padding: 3px;
    right: 15%;
    z-index: 99;
}
.home-page .carousel-inner img {
    width: 100%;
}
.home-page .carousel-caption .btn {
    position: relative;
    right: 10px;
    text-shadow: none;
    transform: translateY(50%);
    z-index:9999999999999999999999;
}


/*Accordion styles*/
#accordion .panel-title a {
    display: block;
}
.panel-heading a:after {
    /* symbol for ""opening"" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading a.collapsed:after {
    /* symbol for ""collapsed"" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
/*Top links*/

.top-links ul {
    margin-top: 10px;
}

.top-links img {
    display: block;
    margin: 0 auto;
}
.top-links li img:hover {
    box-shadow: 0 0 5px #333;
}
.top-links li > a {
    background: none repeat scroll 0 0 #1f4864;
    color: #ffffff;
    display: table-cell;
    font-size: 16px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    width: 180px;
}

.top-links li > a:hover {
    box-shadow: 0 0 5px #333;
}

/*TILE AREAS*/

.tile-area .nav.nav-stacked a {
    font-size: 14px;
    padding: 2px 0;
}
.tile-area h2 {
   font-size: 22px;
   margin-top: 0;
   margin-bottom: 10px; 
}
.home-page .tile-area a {
    background-color: #ccc;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #333;
    display: block;
    font-family: centro slab pro regular,cambria;
    font-size: 13px;
    margin-bottom: 8px;
    white-space: normal;
    width: 100%;
}
.home-page .tile-area a:hover, .home-page .tile-area a:focus{
    background-color: #333;
    color: #fff;
}
.home-page .tile-area .caption .list-inline > li {
    width: 100%;
}
.tile-area img {
    width: 100%;
}
.tile-area {
    border: 1px solid #cccccc;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 10px;
}
.tile-area .caption {
    color: #333;
    display: block;
    font-size: 16px;
    padding: 10px;
    text-decoration: none;
}
.tile-area.site-title {
    border: 1px solid #cccccc;
    height: 100%;
}
a.tile-area:hover {
    text-decoration: none;
}
.tile-area.site-title {
    border: 1px solid #cccccc;
}
.tile-area img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.tile-area-img {
    background-color: #c60c30;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.tile-area img:hover {
    box-shadow: 0 0 10px #333;
}

/*MEDIA QUERIES*/

@media (max-width: 550px) {
    
.top-links .col-xs-2{
    width:100%;
}
.top-links .col-xs-offset-1 {
    margin-left: 0;
}
   }


/* Video Styles */
.video {
    clear: both;
    display: block;
    position: relative;
}
.video .play {
    background-color: rgb(125, 125, 125);
    background-color: rgba(125, 125, 125, 0.5);
    border-radius: 5%;
    color: #FFFFFF;
    font-size: 4em;
    height: 2em;
    left: 0;
    line-height: 2em;
    margin: -10% auto auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 2em;
    z-index: 10;
}
.video .play i {
    width: auto;
}
.sidebar .video .play {
    font-size: 2em;
}
.lt-ie8 .video .play {
    left: 40%;
}
.smallvideo .play {
    font-size: 1em;
}
.video:hover .play {
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.5);
}
/*Footer*/
footer h4 {
    font-size: 20px ;
}
.footernav a {
    color: #fff;
}
footer.container {
    background: none repeat scroll 0 0 #333;
}
footer {
    color: #fff;
    margin-left: -20px;
    margin-top: 15px;
    padding-left: 20px;
    padding-top: 20px;
}

.socialmedia-footer a .fa {
    color: #ffffff;
}
.socialmedia-footer a .fa:hover {
    color: #c60c30;
}
 /*IE fixes*/
  
.lt-ie9 .carousel-inner > .item > a > img, .lt-ie9 .carousel-inner > .item > img {
   width: 100%;
}
.lt-ie9 .carousel-caption {
   left: 0;
   right: 0;
}
.g-recaptcha {
   margin-bottom: 10px;
} 


.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
             box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}

.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

/*Media Queries*/

@media (min-width: 900px) {
    .container {
padding-left: 0;
padding-right: 0;

} 
 }

@media (max-width: 1200px) {
.caption > a {
    font-size: 15px;
}
  }

@media (max-width: 998px) {
    .navbar-default .navbar-header {
        float: none;
    }
    .navbar-default .navbar-toggle {
        display: block;
    }
    .navbar-default .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-default .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-default .navbar-nav {
        float: none!important;
        margin: 0;
    }
    .navbar-default .navbar-nav>li {
        float: none;
    }
    .navbar-default .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-default .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-default .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .navbar-default .collapsing {
        overflow: hidden!important;
   }

   }
@media (max-width: 991px) {
    .home-page .carousel-caption {
    bottom: 0;
    display: block;
    left: 0;
    margin-bottom: 0;
    padding: 1px 0 30px 10px;
    position: relative;
    right: 0;
}
   .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    top: 30%;
}
.footernav.list-unstyled > li {
    margin: 14px 0;
}
   }

@media (min-width: 991px) {
    .news-headline h3 {
    font-size: 14px;
    margin: 0 0 10px;
}
   }
@media (min-width: 768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 50px;
    height: 50px;
    margin-top: -15px;
    width: 50px;
}
   }

@media (max-width: 768px) {
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    top: 15%;
}

#salford-logo > img {
    max-width: 80px;
}

.findacourse .btn {
    margin-top: 10px;
}
.home-page .sidebar {
    clear: both;
    padding-top: 20px;
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    top: 20%;
    font-size: 30px;
}

   }

@media (max-width: 480px) {
   .col-xs-6 {
    width: 100%;
}
.small-flag h1 {
   font-size: 20px;
}
.home-page .carousel-caption h1 {
    font-size: 19px;
}
.home-page .carousel-caption .btn {
    font-size: 12px;
}
.nav-tabs > li {
        float:none;
    }
   }