﻿@import url(https://fonts.googleapis.com/css?family=Lato);

/* main styles */

#wrapper .sys_inner {width:auto;}

#wrapper #content.sys_home blockquote {
    border-color: #004b79;
}

body {
    background-color: #ffffff;
    font-family: "Lato",sans-serif;
    font-size:0.8em!important;
    color:#414141;
}

#wrapper h1 {color:#575756;
margin-bottom:0.2em;}

#wrapper #content {
  width:740px;
} 
#wrapper #content h1, #wrapper #content h2, #wrapper #content h3 {color:#575756; background:none;}
#wrapper #content h2 {font-size:1.6em;}

#wrapper #content .sys_GenericQuestionShowHide h3 {
  color:#005597;
}

#wrapper #header {
  height:9em;}

#wrapper #additionallogo {
    font-size: 2.57em;
    position: relative;
    right: 0em;
    margin-top: 1.2em;
    margin-left:0;
    border-bottom: 3px #005597 solid;
    top:0;
    color: #575756;
    margin-bottom: 0.2em;
    font-weight:bold;
}


@media only screen and (max-width: 479px) {
#wrapper .sys_inner #additionallogo {
    position: relative;
    font-size: 1.5em;}
}

@media only screen and (max-width: 479px) {
.slick-prev, .slick-next {
  top: 36.5%!important;}
}

@media only screen and (max-width: 479px) {
#wrapper #content .iframe-responsive iframe #m5searcher .x-btn, .button, [type="submit"] {
 display:inline-block;
width:25%;}
}

#wrapper #internal #internalNav {
    width: 180px;
    border-top: none;
}

#wrapper #internalNav a {
  padding-top:10px}

#wrapper #internalNav .sys_selected a {
    background-color: #004B79;
    color: #fff;
    border-color: #fff;
    font-weight: normal;
}
#wrapper #internal #internalNav ul li {
    border-bottom-color: #005597;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

#internalNav ul.sys_children {
    background: #fff;
}

#internalNav ul.sys_children a {
    padding-left: 10px;
}

#wrapper #internal #breadcrumb {
  min-height:15px;
  padding-top:10px;
  margin-bottom:0;
  border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}  

#wrapper #breadcrumb a.sys_0.sys_t32899, #wrapper #breadcrumb a.sys_0.sys_t8974164 {
  display:none;
}

#wrapper #internal #breadcrumb a, #wrapper #internal #breadcrumb span {
  color: #005597;}

#wrapper #content.sys_home {
    font-size: 1.3em;
    line-height: 1.3em;
    letter-spacing:0.01em;
  	text-align:left;
  width: 100%;
}

#wrapper #content.sys_home h1 {
    color: #575756;
  	font-size: 2em;
}

#wrapper #content.sys_home h2 {
    color: #222222;
  	font-size: 1.5em;
  	margin-bottom:0.1em;
  	line-height: 1.4em;
   text-align: left;

}


/* homepage banner */
#content .sys_textoverlay {
    background-image: url(/SiteElements/Images/Base/Internal/bg-textOverlay-Black.png);
    color: #000;
    left: 14px;
    top: 14px;
    width: 53%;
    padding: 10px;
    font-size: 1.3em;
    line-height: 1.4em;
    position: absolute;
    z-index: 100;
}

#wrapper #content h2.whatis {
    color: #005597;
    font-size: 1.15em;
    text-align: left;
}
#wrapper #content p.whatisstrapline {
    font-size: 0.75em;
    margin-bottom: 0.5em;
    color: #ffffff;
     text-align: left;
}

@media screen and (max-width: 967px) {#wrapper #content p.whatisstrapline {color: #111111;}}
@media screen and (max-width: 767px) {#wrapper #content p.whatisstrapline {color: #111111;}}
@media screen and (max-width: 479px) {#wrapper #content p.whatisstrapline {color: #111111;}}


#wrapper #content a.whatismore {
  background-color:#d7cd36;
  padding:5px;
  color:#111111!important;
  text-decoration:none;
  font-size:0.75em;
  display:block;
   text-align: center;
  font-weight:600;
}

#wrapper #content a.whatismore:hover {
  color:#575756!important;
}

/* END homepage banner */

/* search box */

#wrapper #content .sys_search-label {
    display: none;
}

#wrapper #content .sys_one_7030 .sys_search-query-control input, #wrapper #content .sys_one_7030 .sys_search-search-control input {
    width: 336px;
    margin: 4px 4px 0 0;
    font-size: 1.51em;
    padding: 16px 4px;
    border: 1px solid #dfdfdf;
    color: #666666;
    float: none;
}

#wrapper #content .sys_one_7030 .sys_search-query-control .sys_button, #wrapper #content .sys_one_7030 .sys_search-search-control .sys_button {
    width: 110px;
    border-radius: 0px;
    background-color: #7E0A52;
    padding: 15px 4px;
    width: 110px;
    display: inline-block;
    border-color: #7E0A52;
    margin: 4px 4px 0 0;
    font-size: 1.51em;
    cursor: pointer;
    font-weight: normal;
  	color: #fff;
}

#wrapper #content .sys_search-query-control .sys_button:hover{color:#fff; background-color: #353535!important;}

#wrapper #content #SearchResults_List dt, #wrapper #content #SearchResults_List .sys_search-url {
    display: none;
}

#wrapper #content #SearchResults_List .sys_subitem {
    border-bottom: 1px solid #ded4df;
    padding: 8px 0;
    font-weight: normal;
    background: none;
    display: block;
    text-decoration: none;
    margin-top: 1em;
}



/* END search box */

/*CTA overide */

#wrapper #content a.CTA-Arrow,
#wrapper #content a.CTA-ArrowRoundRight,
#wrapper #HomepageFooterLinks a.CTA-Blog,
#wrapper #content a.CTA-Blog,
#wrapper #content a.CTA-Directions,
#wrapper #content a.CTA-donateHeart, 
#wrapper #content a.CTA-downloadFile,
#wrapper #content a.CTA-Email,
#wrapper #content a.CTA-EventCalendar,
#wrapper #content a.CTA-Help,
#wrapper #content a.CTA-International,
#wrapper #content a.CTA-KeyLogin,
#wrapper #content a.CTA-MortarBoard,
#wrapper #content a.CTA-Newsletter,
#wrapper #content a.CTA-Pay,
#wrapper #content a.CTA-Profile,
#wrapper #content a.CTA-Research,
#wrapper #content a.CTA-Shop,
#wrapper #content a.CTA-Sport,
#wrapper #content a.CTA-Teaching,
#wrapper #content a.CTA-Telephone,
#wrapper #content a.CTA-updateDetails,
#wrapper #content a.CTA-Volunteer,
#wrapper #HomepageFooterLinks a.CTA-Video,
#wrapper #content a.CTA-Video,
#wrapper #HomepageFooterLinks a.CTA-Facebook,
#wrapper #content a.CTA-Facebook,
#wrapper #content a.CTA-Flickr,
#wrapper #content a.CTA-Instagram,
#wrapper #content a.CTA-LinkedIn,
#wrapper #content a.CTA-RenRen,
#wrapper #HomepageFooterLinks a.CTA-Twitter,
#wrapper #content a.CTA-Twitter,
#wrapper #content a.CTA-Tumblr,
#wrapper #content a.CTA-Vine,
#wrapper #content a.CTA-VK,
#wrapper #content a.CTA-Weibo,
#wrapper #content a.CTA-YouTube,
#wrapper #content a.CTA-YouKu,
#wrapper #content a.CTA-greenButtonWithArrow,
#wrapper #content a.CTA-orangeButtonWithArrow,
#wrapper #content a.CTA-pinkButtonWithArrow,
#wrapper #content a.CTA-yellowButtonWithArrow,
#wrapper #content a.CTA-donateNow {
border-radius: 0px; color:#ffffff!important; display:block!important;
}
#wrapper #content a.CTA-blueButtonWithArrow, #wrapper #content a.CTA-blueButtonWithArrow:hover {color:#004b79!important; display:block!important;}


#wrapper #content a:hover.CTA-Arrow, 
#wrapper #content a:hover.CTA-ArrowRoundRight, 
#wrapper #HomepageFooterLinks a:hover.CTA-Blog, 
#wrapper #content a:hover.CTA-Blog, 
#wrapper #content a:hover.CTA-Directions, 
#wrapper #content a:hover.CTA-donateHeart, 
#wrapper #content a:hover.CTA-downloadFile, 
#wrapper #content a:hover.CTA-Email, 
#wrapper #content a:hover.CTA-EventCalendar, 
#wrapper #content a:hover.CTA-Help, 
#wrapper #content a:hover.CTA-International, 
#wrapper #content a:hover.CTA-KeyLogin, 
#wrapper #content a:hover.CTA-MortarBoard, 
#wrapper #content a:hover.CTA-Newsletter, 
#wrapper #content a:hover.CTA-Pay, 
#wrapper #content a:hover.CTA-Profile, 
#wrapper #content a:hover.CTA-Research, 
#wrapper #content a:hover.CTA-Shop, 
#wrapper #content a:hover.CTA-Sport, 
#wrapper #content a:hover.CTA-Teaching, 
#wrapper #content a:hover.CTA-Telephone, 
#wrapper #content a:hover.CTA-updateDetails, 
#wrapper #content a:hover.CTA-Volunteer, 
#wrapper #FooterLinks a:hover.CTA-Video, 
#wrapper #content a:hover.CTA-Video, 
#wrapper #HomepageFooterLinks a:hover.CTA-Facebook, 
#wrapper #content a:hover.CTA-Facebook, 
#wrapper #content a:hover.CTA-Flickr, 
#wrapper #content a:hover.CTA-Instagram, 
#wrapper #content a:hover.CTA-LinkedIn, 
#wrapper #content a:hover.CTA-RenRen, 
#wrapper #HomepageFooterLinks a:hover.CTA-Twitter, 
#wrapper #content a:hover.CTA-Twitter, 
#wrapper #content a:hover.CTA-Tumblr, 
#wrapper #content a:hover.CTA-Vine, 
#wrapper #content a:hover.CTA-VK, 
#wrapper #content a:hover.CTA-Weibo, 
#wrapper #content a:hover.CTA-YouTube, 
#wrapper #content a:hover.CTA-YouKu, 
#wrapper #content a:hover.CTA-greenButtonWithArrow, 
#wrapper #content a:hover.CTA-orangeButtonWithArrow, 
#wrapper #content a:hover.CTA-pinkButtonWithArrow, 
#wrapper #content a:hover.CTA-blueButtonWithArrow, 
#wrapper #content a:hover.CTA-yellowButtonWithArrow, 
#wrapper #content a:hover.CTA-donateNow {
    border-radius: 0px!important;
  	color:#ffffff!important;
}

#wrapper #HomepageFooterLinks a.CTA-Facebook, #wrapper #HomepageFooterLinks a.CTA-Blog, #wrapper #HomepageFooterLinks a.CTA-Twitter {
    clear: both;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    margin-bottom: 4px;
    padding: 11px 46px 11px 8px;
    font-size: 1.1em;
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

#wrapper #HomepageFooterLinks a.CTA-Facebook {
    background-color: #3b5998;
    background-image: url(https://www.nottingham.ac.uk/SiteElements/Images/Icons/icon-facebook-white.png);
  	text-decoration: none;
}

#wrapper #HomepageFooterLinks a.CTA-Blog {
    background-color: #187088;
    text-decoration: none;
  	background-image: url(https://www.nottingham.ac.uk/siteelements/images/base/internal/cta-icons/white/bgblogcomment.png);
  text-decoration: none;
}
#wrapper #HomepageFooterLinks a.CTA-Twitter {
    background-color: #55acee;
    background-image: url(https://www.nottingham.ac.uk/SiteElements/Images/Icons/icon-twitter-white.png);
  text-decoration: none;
}

#wrapper #content a.CTA-Teaching:hover, #wrapper #HomepageFooterLinks a.CTA-Facebook:hover, #wrapper #HomepageFooterLinks a.CTA-Blog:hover, #wrapper #HomepageFooterLinks a.CTA-Twitter:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;}

#wrapper #HomepageFooterLinks .logos img{
 margin-right:25px;
 margin-bottom:20px;
}


/*CTA overide */

/* Equipment catalogue iframe responsive */

#wrapper #content .iframe-responsive {
  position: relative;
}

#wrapper #content .iframe-responsive iframe {
  top:0;
  left: 0;
  width: 105%;
  height: 540px;
}


@media screen and (max-width:992px) {
#wrapper #content .iframe-responsive iframe {
    height:540px;}
}
@media screen and (max-width:768px){#wrapper #content .iframe-responsive iframe {height:540px;}}
@media screen and (max-width:720px){#wrapper #content .iframe-responsive iframe {height:540px;}}
@media screen and (max-width:479px){#wrapper #content .iframe-responsive iframe {height:480px;}}


/* news and events */

#wrapper #content .sys_events-record dt {
    font-weight: bold;
    width: 120px;
    font-size: 1.1em;
    float: left;
    margin-bottom: 1em;
    padding: 0;
    clear: left;
}

#wrapper #content .sys_events-record dd {
    width: 580px;
    float: left;
    display: inline;
    margin-bottom: 1em;
}

#wrapper #content dd.sys_news-description {margin-bottom:1.7em; font-size:0.9em;}
#wrapper #content h3.sys_subitem-heading.sys_news-subheading {margin-bottom:0px; font-size:1.15em;}

#wrapper #content .sys_events-record dt.sys_events-locations, #wrapper #content .sys_events-record dt.sys_events-description, #wrapper #content dt.sys_news-description, #wrapper #content .sys_news-posted-date, #wrapper #content dt.sys_events-time, #wrapper #content dt.sys_events-description {
    display: none;
}

#wrapper #content .sys_events-record dd.sys_events-description {
    margin-top: 1.5em;
    border-top: 1px solid #ccc;
    padding-top: 2.5em;
    float: left;
    width: 100%;
}

#wrapper #content ul li::before {color: #187088;}

#wrapper #search {
  display:none;}

#wrapper #nav .sys_mobile-search-toggle { display:none!important;}

#wrapper #menu li.globalnavsearch {
border-left:3px solid #005597;
padding-left:22px;
}

#content .greybg {
    background-color: #efefef;
    padding-left: 1em;
    padding-top: 1em;
    margin-top: -5px;
  border-top: 2px solid #005597; 
}
#content .greybg p{
    font-size:0.85em;
}

#content .person {
  float:left;
  width:118px;
  margin-right:5px;
}

#wrapper #content .greybg h3 {color:#004b79; font-weight:400;}

#wrapper #logo {height:100%; display:none;}

#wrapper #nav {background-color:#004B79!important;}

#wrapper #nav ul {background-color:#004B79!important;}

#wrapper #content h1.sys_events-record-title {display:none}


#wrapper #content a {color:#005597!important; text-decoration:none!important;}

#wrapper #content a:hover {color:#005597!important; text-decoration:underline!important;}

#wrapper .sys_rowMain {background:none!important;}

#content img {border-radius: 0px 0px 0 0!important;}

.sys_twoColumns5050, .sys_threeColumns, .sys_twoColumns_7030, .sys_twoColumns_3070, .sys_FaqQuestion, .sys_FaqAnswer, .sys_fourColumns, .sys_fiveColumns, .sys_twoColumns, .sys_twoColumns_1585, .sys_twoColumns_2575, .sys_image-with-heading, .sys_imageWithHeading, #content .sys_imageWithTextOverlay, #content .sys_imageWithHoverText, #content .sys_imageWithCaptionBelow {
  width:100%!important;}



@media only screen and (max-width: 479px) {
    
#wrapper #logo a{background:none;}   
#wrapper #logo img{display:block;}   
}








