html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, hr {
margin:0;
padding:0;
font-size:1em;}

body {
     color: #4a4949;
     font: 100% Circular,Arial,sans-serif;}

@font-face {
	font-family:"Circular";
	src:url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-book-eot.eot");
	src:url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-book-eot.eot?#iefix") format("embedded-opentype"),url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-book-woff.woff") format("woff");
	font-weight:normal;
	font-style:normal
}
@font-face {
	font-family:"Circular";
	src:url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-medium-eot.eot?#iefix") format("embedded-opentype"),url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-medium-woff.woff") format("woff");
	font-weight:500;
	font-style:normal
}
@font-face {
	font-family:"Circular";
	src:url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-bold-eot.eot");
	src:url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-bold-eot.eot?#iefix") format("embedded-opentype"),url("/SiteElementsHomepage/css/fonts/lineto-circular-pro-bold-woff.woff") format("woff");
	font-weight:bold;
	font-style:normal;}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;}

html{
 background: #fff;
 color:#4a4949;
 font-family:Circular,Verdana,sans-serif;
 font-style:normal;
 font-weight:500;
 font-size:100%;
 line-height:1.4;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;}



#headerBG{height: 360px; background: transparent url("/Vision/Images/CoverBanners/banner-MalawiHunger.jpg") no-repeat 0 0; background-size: cover;}
#header {float:none!important; position: relative; height: 360px; background: transparent url("/Vision/SiteElements/Images/bg-headerVision.png") no-repeat 50% -90px; background-size:2500px;}
#header #UoNLogo {position: absolute; display: inline-block; top: 0; left: 0; width: 77px; height: 77px; background-image: url("../images/mobile-logo.svg"); background-repeat: no-repeat;}

#header #visionDescription{width: 1160px; margin: 0 auto;}
#header #visionDescription span{float:right; width: 22%; color: #18194F; font-weight:bold; font-size: .9em; margin-top: 80px; text-align:right;}

#header .menuAndSearch {padding: 14px 0;background: #18194F; position: absolute; bottom: 0; width: 100%;}

#header .menuAndSearch .sys_inner{max-width: 1160px; margin: 0 auto;}
#header .menuAndSearch #nav{padding: 0; margin: 0; float:left; width: 75%;}
#header .menuAndSearch #nav ul {padding: 0; }
#header .menuAndSearch #nav li {display: inline-block; position: relative; margin: 0; font-size: 0.9rem; line-height: 12px;}
#header .menuAndSearch #nav a {color: #fff; display: block; margin-right: 26px; padding: 0; position: relative; z-index: 999; font-weight:500;}
#header .menuAndSearch #nav .sys_selected.sys_currentitem a,
#header .menuAndSearch #nav .sys_selected a{color: #fff; text-decoration:underline;}
#header .menuAndSearch #nav  li:last-child a {margin-right: 0;}
#header .menuAndSearch #nav  li:hover {cursor: pointer;}
#header .menuAndSearch #nav  li:hover > a {background:none; color: #fff; text-decoration: underline; border:none;}
#header .menuAndSearch #nav  li .sys_children{display:none;}

#header .menuAndSearch #search{float:right; width: 23%; color: #18194F;}



#header .menuAndSearch #nav .sys_menu-title {
    background: rgba(0, 0, 0, 0) url("/SiteElements/Images/Base/icons.png") no-repeat scroll 0 -391px;
    font-size: 1.3em;
    font-weight: bold;
    height: auto;
    line-height: 0.3em;
     color: #fff;
    padding: 6px 0 5px 19px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    z-index: 10;}




#header .sys_menu-title, #header .sys_mobile-search-toggle {display: none;}


#connectWrapper header .header__right .nav--inline{margin-top: 0;}
#connectWrapper header #main-nav li a{padding: 20px 10px;}
#connectWrapper header #main-nav li.sys_last a,
#connectWrapper header #main-nav li.sys_last a:visited{background: #007ca7; color: #fff!important;}
#connectWrapper header #main-nav li.sys_last a:hover{background: #18194F;}




.nav--inline.nav--selector {margin-top: 18px; margin-right: 30px;}



p {margin-bottom: 1.25em;}
.sys_introText{font-size: 1.4em; color: #007ca7;}

.sys_skipToContent{position:absolute; left: -9999px;}


/* COOKIE BAR STYLES */
#cookieBar{width: 100%; float:left; clear: both; display: block;}
#cookie-bar {background-color: #000; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0; z-index:200;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#128b2f;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:transparent;border: 1px solid #fff;}
#cookie-bar .cb-policy:hover {background:#fff; color: #000;}

.sys_contentWrapper .img-responsive{width: 100%; height: auto;}


#connectWrapper #footer {background: #18194F; margin-top: 2em; padding: 0;color: #fff;}
#connectWrapper #footer .sys_inner{padding: 1.5em 1em;}
#connectWrapper #footer #connectLogo img {float: none;}
#connectWrapper #footer p{margin-bottom: 2.5em; }
#connectWrapper #footer p:last-child{margin-bottom: 0;}
#connectWrapper #footer #UoNLogo{position:relative; margin-top: 2em;}
#connectWrapper #footer #connectLogo{margin-bottom: .5em; color: #fff;}
#connectWrapper #footer #connectLogo strong{color: #fff;}
#connectWrapper #footer h2{color: #fff;margin-top: 0;font-size: 1.3em; margin-bottom: .3em;}
#connectWrapper #footer ul{margin-bottom: 1em; margin-left: 0;}
#connectWrapper #footer ul li{list-style-type: none;}
#connectWrapper #footer h2 a{color: #fff; text-decoration:underline;}

#connectWrapper #footer li a{color: #fff;display:inline-block; padding: 4px 0; text-decoration:underline;}
#connectWrapper #footer li a:hover,
#connectWrapper #footer h2 a:hover{text-decoration:none;}


#connectWrapper #footer img.img-responsive{width: 80%;}


#pageTitle{color: #18194f; background-color: #efefef; padding: 10px; text-align:center;
font-size: 3rem;
line-height: 3rem;
margin-bottom: .8em;}



#connectWrapper .sys_breadcrumb{background:none; border-radius:0; padding: 0;  margin: 16px 0;}
#connectWrapper .sys_breadcrumb a{margin: 0 3px 5px 0;display:inline-block;font-weight:normal; background-color: #18194f; border: 2px solid transparent; padding: 4px 10px; color: #fff; text-decoration:none;}
#connectWrapper .sys_breadcrumb a:hover{text-decoration:none; color: #18194f; background: transparent; border-color: #18194f;}
#connectWrapper .sys_breadcrumb span{font-size: 1rem;font-weight:bold; color: #007ca7;}
#connectWrapper .sys_breadcrumb div::before{content: "You're here: "; display:block-inline; margin-right: 6px; background-color: #007ca7; border: 2px solid transparent; padding: 4px 10px; color: #fff;}




#article-NewsAndViews .sys_breadcrumb{ margin-top: 1em;}





.issue-connectonline .sys_breadcrumb {display:none;}

#SocialButtons {
     border-radius: 2px;
     display: inline-block;
     float: right;
     padding: 4px;
}

#SocialButtons a, #SocialButtons div {
     display: inline-block;
     margin: 4px 1px;
}

#SocialButtons img {
     border-radius: 2px;
     height: auto;
     width: 28px;
}

#SocialButtons a:hover, #SocialButtons div:hover {
     transform: scale(0.9);
}

#SocialButtons #googleplusone div {
     margin: 0px;
     padding: 0px;
}

#connectWrapper .sys_sidebar {
     background: #353535 none repeat scroll 0px 0px;
     height: 100%;
     left: -230px;
     min-height: 200px;
     overflow-y: scroll;
     padding: 1em;
     position: absolute;
     width: 230px;
     z-index: 999;
}

#connectWrapper .sys_sidebar h2 {
     color: #ffffff;
     font-weight: bold;
}

#connectWrapper .sys_sidebar h3 {color: #fff;
     border-bottom: 1px solid #979797;
     font-size: 15px;
}

.sys_sidebar h4 {
     margin-top: 0px;
     padding-top: 0px;
}

.sys_sidebarSection {
     
}

.sys_sidebarHome {
     padding: 0em 1em;
}

.sys_simpleListMenu {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border-radius: 0px;
     border: medium none;
     box-shadow: none;
     display: block;
     left: 0px;
     list-style: outside none none;
     margin: 0px;
     min-width: 100%;
     padding: 0px;
     position: relative;
  
     text-align: left;
     top: 8px;
     z-index: 1000;
}

.slicknav_menu {
     border: 1px solid #ffffff;
     display: block;
}



.slicknav_menu {
    
}


#connectLogo img {
     float: right;
     height: auto;
     width: 206px;
     margin-bottom: .5em;
}

#connectWrapper .sys_toolbar {
     padding: 0.75em 0px 1.5em;
}

#globalNav h3 {
     color: #efefef;
     font-weight: bold;
}

#globalNav a {font-size: 0.9em; font-weight:normal;
     border-bottom: 1px solid transparent;
     color: #ffffff;
     display: inline-block;
     margin: 0px;
     padding: 1px 0 3px 0;
}

#globalNav a:hover {
     border-bottom: 1px solid #ffffff;
}

#globalNav li {line-height: 1em; margin-bottom: 4px; 
     display: block;
}

#globalNav li li a {
     margin-left: 14px;
}

#globalNav li li li a {
     margin-left: 28px;
}

#globalNav .sys_selected.sys_currentitem a {
     color: #dbcf00; text-decoration:underline; 
}

@media screen and (max-width: 480px) {
}

ul {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
}

ul li {
     margin: 0px;
     padding: 0px;
}

a, a:hover, a:visited, a:focus, a:hover {
     text-decoration:underline;
     color: #1a296b;
}

a:hover, a:visited, a:focus {
     text-decoration:none;
}

.sys_mainContent a, .sys_mainContent a:visited {
     font-weight: normal;
     text-decoration: underline;
}

.sys_mainContent a:hover {
     text-decoration: none;
}

.sys_container hr {
     border-color: #000000;
     border-image: none;
     border-style: solid none none;
     border-width: 1px 0px 0px;
     display: block;
     height: 1px;
     margin: 1em 0px;
     padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
    
}

h1 {
     margin-bottom: 0.5em;
}

h2, h3 {
     font-size: 17px;
}

h3 {
     margin-top: 0px;
     padding-top: 0px;
}

h4 {
     font-size: 14px;
}

.sys_thumbnail {
     border-radius: 0px;
     border: medium none;
}

.color1 {
     color: #35b5b3 ! important;
}

.color2 {
     color: #84a517 ! important;
}

.black {
     color: #000000 ! important;
}

.sys_lightBlue {
     background: #eaf6f5 none repeat scroll 0% 0%;
}

.blue {
     color: #00abc1;
}

.sys_lightGrey {
     background: #f6f0ec none repeat scroll 0% 0%;
}

.sys_yellowBg {
     background: #e7d61e none repeat scroll 0% 0%;
}

.sys_whiteBg {
     background: #ffffff none repeat scroll 0% 0%;
}

.white {
     color: #ffffff;
}

.green {
     color: #00a276;
}

.sys_aqua {
     background-color: #007ca7; color: #fff;
}

#connectWrapper .sys_aqua h1, #connectWrapper .sys_aqua h2, #connectWrapper .sys_aqua h3, #connectWrapper .sys_aqua h4, #connectWrapper .sys_aqua h5, #connectWrapper .sys_aqua a{color: #fff;}

.size15 {
     font-size: 15px;
}

.size17 {
     font-size: 17px;
}

.size22 {
     font-size: 22px ! important;
}

.size32 {
     font-size: 32px ! important;
}

.size60 {
     font-size: 60px ! important;
}

.size72 {
     font-size: 72px;
}

.size100 {
     font-size: 100px;
}

.weight800 {
     font-weight: 800 ! important;
}

.bigText {
     font-size: 4em ! important;
     font-weight: 800;
}

.sys_block {
     display: block;
}

.sys_marginBottom1em {
     margin-bottom: 1em;
}

#connectWrapper blockquote {
letter-spacing: -0.3px;
position: relative;
padding: 4.0625rem 4.0625rem 4.0625rem 5.3125rem;
margin: 0 10px 2rem 10px;
border: 3px solid #009bbd; 
    font-size: 1.4375rem;
    line-height: 2rem;
     font-weight:normal;
}

#connectWrapper .quoteWithImage blockquote {
padding: 0 0 0 5.3125rem;
margin-bottom: 2rem;
border: none; }

#connectWrapper .large footer,
#connectWrapper .quoteWithImage footer,
#connectWrapper .quoteNoImage footer{padding: 0; margin-top: 1rem; color: #007ca7;}



#connectWrapper blockquote p{ font-size: 1.4375rem; line-height: 2rem;}

#connectWrapper blockquote strong{color: #007ca7;}

#connectWrapper blockquote::before{
left: -8px;
width: 4.375rem;
height: 3.4375rem;     
     position: absolute;
top: 1.875rem;
background: transparent url("/siteelements/images/core/icon-quote.svg") no-repeat 0 0;
    background-size: auto auto;
background-size: contain;
 content: "";
display: table;
clear: both;    
}

#connectWrapper blockquote::after{display:none;}

.sys_container .nextButton, .sys_container .nextButton:visited {
     background: #ffffff none repeat scroll 0% 0%;
     border: 2px solid #00a276;
     color: #00a276;
     display: inline-block;
     font-family: "Knockout 50 A","Knockout 50 B";
     font-size: 1.5em;
     margin-top: 1em;
     padding: 0.5em 3em;
     text-align: center;
     text-decoration: none;
     transition: all 100ms ease-out 0s;
     width: 100%;
}


#connectWrapper .quote_section .caption {font-size: 1.125rem; line-height: 1.6875rem; letter-spacing: -0.3px;}





.sys_container .nextButton:hover {
     background: #00a276 none repeat scroll 0% 0%;
     border: 2px solid #00a276;
     color: white;
}

.sys_yellowBg {
     background: #eddb00 none repeat scroll 0% 0%;
}

.sys_outerPadding, .outerPadding {
     padding-bottom: 20px;
     padding-top: 20px;
}

.sys_innerPadding, .innerPadding {
     padding: 1.5em 2.5em;
}

.sys_noPadding, .noPadding {
     padding: 0px;
}

.sys_noPaddingBottom, .noPaddingBottom {
     margin: 0px;
     padding: 0px;
}

.sys_noMarginTop, .noMarginTop {
     margin-top: 0px ! important;
     padding-top: 0px;
}

.div {
     padding-bottom: 20px;
}

.paddingTop20 {
     padding-top: 20px;
}

.paddingBoth {
     padding-bottom: 2em;
     padding-top: 2em;
}

.sys_dottedBottom {
     border-bottom: 2px dotted rgba(0, 0, 0, 0.15);
}

.sys_noPaddingRight, .noPaddingRight {
     padding-right: 0px;
}

.sys_noPaddingLeft, .noPaddingLeft {
     padding-left: 0px;
}

@media screen and (max-width: 480px) {
  .sys_noPaddingRight, .noPaddingRight { padding-right: initial; }
  .sys_noPaddingLeft, noPaddingLeft { padding-left: initial; }
  .sys_noPadding, noPadding { padding: initial; }
}

.sys_impactPadding {
     padding: 2.5em;
}

.sys_impactOuterBorder, .impactOuterBorder {
     border-left: 1px solid #979797;
     border-right: 1px solid #979797;
}

@media screen and (max-width: 480px) {
  .sys_impactOuterBorder, .impactOuterBorder { border-right: 0px none; border-left: 0px none; }
}

.sys_impactInnerBorder {
     border-bottom: 1px solid #979797;
}

.sys_impactTopBorder {
     border-top: 1px solid #979797;
}

.sys_heightImpact, .heightImpact {
     height: 14em;
}

.sys_heightImpact2, .heightImpact2 {
     height: 22em;
}

.sys_border {
     border: 1px solid #e1e1e1;
}

.sys_borderNoRight {
     border-right: 0px none;
}

.sys_borderNoTop {
     border-top: 0px none;
}

.sys_borderNoLeft {
     border-left: 0px none;
}

.sys_borderNoRight {
     border-right: 0px none;
}

.sys_borderNoBottom {
     border-bottom: 0px none ! important;
}

.sys_articleBorder, .sys_restBorder {
     display: block;
}

.sys_articleBorder:nth-child(1) {
     border-bottom: 0px none;
     border-left: 0px none;
     border-right: 0px none;
}

@media screen and (max-width: 480px) {
  .sys_articleBorder:nth-child(1) { border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; }
}

.sys_articleBorder:nth-child(2) {
     border-bottom: 0px none;
}

.sys_articleBorder:nth-child(3) {
     border-bottom: 0px none;
     border-left: 0px none;
     border-right: 0px none;
}

@media screen and (max-width: 480px) {
  .sys_articleBorder:nth-child(3) { border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; }
}

.sys_articleBorder:nth-child(4) {
     border-bottom: 0px none;
}

.sys_articleBorder:nth-child(5) {
     border-left: 0px none;
     border-right: 0px none;
}

@media screen and (max-width: 480px) {
  .sys_articleBorder:nth-child(5) { border-right: 1px solid #e1e1e1 ! important; border-left: 1px solid #e1e1e1 ! important; border-bottom: 0px none; }
}

.sys_restBorder:nth-child(1) {
     border-right: 0px none;
     border-top: 0px none;
}

.sys_restBorder:nth-child(2) {
     border-right: 0px none;
     border-top: 0px none;
}

.sys_restBorder:nth-child(3) {
     border-right: 0px none;
     border-top: 0px none;
}

.sys_restBorder:nth-child(4) {
     border-top: 0px none;
}

.sys_restBorder:nth-child(5) {
     border-right: 0px none;
     border-top: 0px none;
}

.sys_restBorder:nth-child(6) {
     border-right: 0px none;
     border-top: 0px none;
}

.sys_restBorder:nth-child(7) {
     border-right: 0px none;
     border-top: 0px none;
}

.sys_restBorder:nth-child(8) {
     border-top: 0px none;
}

@media screen and (max-width: 480px) {
  .sys_restBorder:nth-child(1), .sys_restBorder:nth-child(2), .sys_restBorder:nth-child(3), .sys_restBorder:nth-child(5), .sys_restBorder:nth-child(6), .sys_restBorder:nth-child(7) { border-right: 1px solid #e1e1e1 ! important; }
}

.sys_articleBorder .sys_rightArticleImg {
     opacity: 0;
     transition: all 0.25s ease 0s;
}

.sys_articleBorder:hover .sys_rightArticleImg {
     opacity: 1;
}

.sys_restBorder .sys_rightArticleImg {
     opacity: 0;
     transition: all 0.25s ease 0s;
}

.sys_restBorder:hover .sys_rightArticleImg {
     opacity: 1;
}

@media screen and (max-width: 480px) {
  .sys_articleBorder .sys_rightArticleImg, .sys_restBorder .sys_rightArticleImg { opacity: 1 ! important; }
}

.sys_articleBorder, .sys_restBorder {
     transition: background-color 0.25s ease 0s;
}

.sys_articleBorder:hover {
     background-color: rgba(53, 181, 179, 0.8);
}

.sys_restBorder:hover {
     background-color: rgba(53, 181, 179, 0.8);
}

.sys_leftArticle {
     width: 50%;
}

.sys_rightArticle {
     width: 50%;
}

.sys_rightArticleImg {
     background-position: center center;
     background-size: cover;
     height: 75px;
     position: absolute;
     right: 5%;
     top: 8%;
     width: 75px;
}

.sys_borderRight {
     border-right: 1px solid #e1e1e1;
}

.sys_borderLeft {
     border-left: 1px solid #e1e1e1;
}

.sys_borderTop {
     border-top: 1px solid #e1e1e1;
}

.sys_borderBottom {
     border-bottom: 1px solid #e1e1e1;
}

.sys_dropShadow {
     box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12);
}

.sys_secondaryToolbar {
     margin-bottom: 2em;
}

.sys_secondaryHeader {
     margin-top: 2em;
}

@media screen and (max-width: 480px) {
  .sys_secondaryToolbar { margin-bottom: 4em; }
}

.sys_toolbar {
     line-height: 2em;
}

.sys_toolbar a {
     font-weight: inherit;
     text-decoration: none;
}

.sys_secondaryToolbar {
     background: #eef9fa none repeat scroll 0% 0%;
     line-height: 2em;
}

.sys_issuesToolbar div {
     background-color: #00a276;
     border: medium none;
     box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
     color: #ffffff;
     cursor: pointer;
     height: 34px;
     line-height: 1.42857;
     padding: 6px 12px;
     text-align: left;
     transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
     width: 100%;
}

.sys_contentsToolbar {background:none!important;
     cursor: pointer;
     height: 42px;
     width: 42px;
}

.sys_contentsToolbar span {
     color: #fff;
     font-size: 0em;
}

.sys_contentsToolbar div {
     background: #fff none repeat scroll 0% 0%;
     border: medium none;
     box-shadow: 0px 1.1em 0px 0px #fff, 0px 2.2em 0px 0px #fff;
     cursor: pointer;
     height: 0.6em;
     width: 42px;
}

.sys_contentsToolbar:hover div {
     background: #000 none repeat scroll 0% 0%;
     box-shadow: 0px 1.1em 0px 0px #000, 0px 2.2em 0px 0px #000;
}

.sys_issueTitle {
     overflow: hidden;
}

.sys_issueTitleList {
     display: none;
}

.sys_btn-group {
     background: #00a276 none repeat scroll 0% 0%;
     color: #ffffff;
     width: 100%;
}

.sys_issuesArrow {
     background-image: none ! important;
}


#connectWrapper .sys_search-query-control {
     border-radius: 0px;
}

#connectWrapper .sys_search-query-control label {
     display: none;
}

#connectWrapper .sys_search-query-control input:focus {
     background-color: #efefef;
     border-color: #000;
     box-shadow: none;
}

#connectWrapper .sys_search-query-control input {
     background: #ffffff;
     border-radius: 0px;
     border:none;
     border: 2px solid #009bbd;
     color: #4a4949;
     display: inline-block;
     height: auto;
     line-height: 1.42857;
     padding: 10px 12px;
     width: 82%;
}

#connectWrapper #header .sys_search-query-control input.sys_search-button{background: #ffffff url("/siteelementshomepage/images/icons/icon-magnifier-blue.png") no-repeat scroll right 10px top 50% / 24px auto; color: transparent; width: 18%;}
#connectWrapper #header .sys_search-query-control input.sys_search-button:hover{background-color: #009bbd; background-image:url("/siteelementshomepage/images/icons/icon-magnifier.png");}
#connectWrapper #header .sys_search-query-control input {border: none;}

#connectWrapper .sys_search-query-control input.sys_search-button{border: 2px solid transparent; background: #009bbd url("/siteelementshomepage/images/icons/icon-magnifier.png") no-repeat scroll right 10px top 50% / 24px auto; color: transparent; width: 18%;}
#connectWrapper .sys_search-query-control input.sys_search-button:hover{border-color: #009bbd; background-color: transparent; background-image:url("/siteelementshomepage/images/icons/icon-magnifier-blue.png");}





#connectWrapper .sys_search-query-control input.sys_submit {
     display: none;
}

#connectWrapper .sys_search-query-control .sys_pressanykey {
     line-height: 0;
}

.sys_connectLogo {
     height: auto;
     width: 70%;
}

@media screen and (max-width: 480px) {
  .sys_connectLogo { padding-bottom: 2em; }
}

.sys_newsletterBlock {
     background: #eef9fa none repeat scroll 0% 0%;
}

.sys_supportBlock {
     background: #e9f5f2 none repeat scroll 0% 0%;
}

.sys_content h3 {
     font-size: 14px;
     margin-bottom: 0px;
     padding-bottom: 0px;
}

.sys_borderSec {
     border-top: 1px solid #000000;
     margin-bottom: 2em;
     margin-top: 2em;
     padding-bottom: 1em;
     padding-top: 1em;
}

.sys_articlesSection {
     padding-top: 2em;
}

.sys_featuredArticle {
     background-position: 0px 10px;
     background-repeat: no-repeat;
     background-size: 86% auto;
     height: 30.15em;
     width: 100%;
}

.sys_featuredArticleText {
     background: rgba(53, 181, 179, 0.8) none repeat scroll 0% 0%;
     bottom: 0px;
     position: absolute;
     right: 0px;
}

.summaryArticle {
     font-size: 18px;
     margin-top: 2em;
}

.sys_videoSidebar, .sys_slideshowSidebar {
     margin-bottom: 2em;
     margin-top: 2em;
}

.sys_widgetBlock {
     margin-bottom: 2em;
     margin-top: 2em;
}

.sys_widgetBlock h3 {
     font-size: font-size: 2.1rem; ! important;
  line-height: 2rem;
}

.sys_widgetBlock2 h3 {
     color: #000000 ! important;
     font-size: 2.1rem;! important;
     line-height:2.1rem;
}

.sys_barGraphBlock {
     margin-bottom: 2em;
     margin-top: 2em;
}

.sys_barGraphBlock .sys_bar {
     position: relative;
}

.sys_barGraphBlock .sys_bar .sys_base {
     background-image: linear-gradient(-12deg, #ffffff 0%, #dadada 100%);
     height: 6px;
     width: 100%;
}

.sys_barGraphBlock .sys_bar .sys_progress {
     border-radius: 0px;
     height: 6px;
     left: 0px;
     position: absolute;
     top: 0px;
}

.sys_barGraphInner h4 {
     font-family: "Knockout 50 A","Knockout 50 B";
     font-size: 23px;
     font-weight: 800;
}



.sys_headliner {
     padding-bottom: 3em;
}

.sys_headliner h2 {
     margin-top: 0.1em ! important;
     padding-top: 0.1em ! important;
}

@media screen and (max-width: 480px) {
  .sys_headliner { padding-bottom: 1em; }
}

.sys_restArticleBlock {
     height: 10em;
     transition: background 0.2s ease 0s;
}

@media screen and (max-width: 480px) {
  .sys_restArticleBlock { height: 8em; }
}

.sys_readIssue {
     color: #ffffff;
     cursor: pointer;
}

.sys_category {
     bottom: 0px;
     position: absolute;
}

#expandedNews {
     display: none;
}

footer, #footer {
     padding: 5em;
}

.sys_fluidThumbnail {
     background-repeat: no-repeat;
     background-size: cover;
     height: 50em;
     margin-bottom: 2em;
     position: relative;
     width: 100%;
}

.sys_fluidThumbnail h3 {
     border-color: #ffffff ! important;
}

.sys_fluidThumbnail .sys_sidebarArticle {
     padding-top: 4em;
}

.sys_fluidThumbnailImg {
     bottom: 5%;
     position: absolute;
     right: 5%;
}

.sys_sidebarArticle h2 {
     font-family: "Knockout 50 A","Knockout 50 B";
     font-size: 23px;
}

.sys_sidebarArticle h3 {
     font-family: "Knockout 50 A","Knockout 50 B";
     font-size: 23px;
}

h3.articleMeta {
     border-bottom: 2px solid #000000;
     display: inline-block;
     font-weight: 800;
     padding-bottom: 0em;
}

.sys_metaArticle2, .metaArticle2 {
     display: table-cell;
     height: 130px;
     vertical-align: bottom;
}

@media screen and (max-width: 480px) {
  .sys_metaArticle2 {  }
}

.sys_sidebarArticle h1 {
     font-family: "Knockout 50 A","Knockout 50 B";
     font-size: 62px;
     line-height: 0.9em;
}

.sys_thumbnail {
     background-size: cover;
     height: 35em;
}

.sys_unmc {
     margin-bottom: 2em;
     margin-top: 2em;
}

.sys_unmc .sys_bigText {
     color: #231f20;
}

.sys_unmc p {
     color: #231f20;
     font-size: 1.1em;
     font-weight: 800;
}

.sys_otherFeatureArticles {
     border-top: 3px solid #000000;
     margin-top: 2em;
     padding-top: 1.5em;
}

.sys_otherFeatureArticles a {
     text-decoration: none;
}

.sys_otherFeatureArticles h3 {
     font-size: 23px;
}

.sys_otherFeatureSingle {
     height: 8em;
     transition: all 0.25s ease 0s;
}

.sys_otherFeatureSingle h3 {
     font-family: "Chronicle Display A","Chronicle Display B",sans-serif;
     font-size: 17px;
}

.sys_otherFeatureSingle .sys_rightArticleImg {
     opacity: 0;
     transition: all 0.25s ease 0s;
}

.sys_otherFeatureSingle:hover {
     background: rgba(53, 181, 179, 0.8) none repeat scroll 0% 0%;
}

.sys_otherFeatureSingle:hover .sys_rightArticleImg {
     opacity: 1;
}

.sys_entry {
     margin-bottom: 2em;
}

.sys_entryInner {
     background: #70c3bf none repeat scroll 0% 0%;
     padding: 1em;
}

.sys_entry h2 {
     font-size: 32px;
}

.sys_entry table {
     margin-top: 2em;
}

.sys_blurb {
     display: inline-block;
     width: 80%;
}

.sys_blurbImg {
     display: inline-block;
     text-align: right;
     vertical-align: top;
     width: 15%;
}

.sys_blurbImg img {
     width: 100px;
}

.sys_largeFont {
     font-size: 62px;
}

@media screen and (max-width: 480px) {
  .sys_entryInner table td { padding-left: 0.2em; padding-right: 0.2em; padding-bottom: 1em; }
}

.sys_letterEntry {
     margin-bottom: 2em;
}

.sys_letterEntryTop {
     background-image: url("/connectonline/siteelements/images/border-top-letter.png");
     background-repeat: no-repeat;
     background-size: cover;
     height: 2em;
}

.sys_letterEntryContent {
     background: #ffffff none repeat scroll 0% 0%;
     box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.1);
}

.sys_obitury {
     margin-bottom: 2em;
     margin-top: 2em;
}

.sys_uniNewsBlock h3 {
     font-size: 22px;
}

.sys_uniNewsEntry {
     border-bottom: 2px solid #000000;
     padding-bottom: 0.8em;
     padding-top: 0.8em;
}

#InTheNews_List .sys_subitem-heading {
     border-bottom: 2px solid #000000;
     padding-bottom: 0.8em;
     padding-top: 0.8em;
}

#InTheNews_List .sys_subitem-heading:hover {
     border-color: #00a276;
}

.sys_fixed {
     overflow: hidden ! important;
}

.sys_scroller {
     overflow-x: hidden;
     overflow-y: scroll;
}

.sys_outer-wrapper {
     min-height: 600px;
     overflow: hidden;
     position: relative;
     width: 100%;
}

.sys_mainContent {
     left: 0px;
     min-height: 500px;
     position: relative;
     top: 0px;
}

.sys_lifeAfterNottingham {
     background-image: url("/ConnectOnline/Images/life-after-nottingham2.jpg");
}

#bgColour.sys_lightBlue .sys_newsletterBlock {
     background-color: #ffffff;
}

.size32.knockout.color2 {
     text-transform: uppercase;
}

.responsiveVideo {
     height: 454px;
     width: 100%;
}

.sys_leftColVideo {
     height: 272px;
     width: 100%;
}

.sys_onlinepoll-control {
     margin-bottom: 1em;
}

.sys_onlinepoll-control a {
     text-decoration: none;
}

.sys_pollq {
     display: none;
}

.sys_pollquestionwrapper {
     margin-bottom: 1em;
}

.sys_pollbottom {
     margin-top: 1em;
}

.sys_pollquestion {
     color: #84a517;
     font-family: "Knockout 50 A","Knockout 50 B";
     font-size: 23px;
     line-height: 1.1em;
}

#OnlinePollRed .sys_pollquestion {
     color: #e12a48;
}

.sys_pollbar {
     background-color: #00a276;
     height: 8px;
}

#OnlinePollRed .sys_pollbar {
     background-color: #e12a48;
}

.sys_pollsubmitbutton, #OnlinePollRed a, #OnlinePoll a {
     background-color: #84a517;
     border: medium none;
     font-weight: bold;
     margin-right: 4px;
     margin-top: 10px;
     padding: 6px 12px;
}

#OnlinePoll a, #OnlinePollRed a {
     background-color: #000000;
     color: #ffffff;
}

.sys_pollsubmitbutton:hover, #OnlinePoll a:hover {
     background-color: #00a276;
     color: #ffffff;
}

.sys_blockLink {
     position: relative;
}

.sys_blockLink a {
     bottom: 0px;
     left: 0px;
     position: absolute;
     right: 0px;
     top: 0px;
}

.sys_imageslideshowgallery-themed {
    
}

.sys_imageslideshowgallery-themed .ad-image-description {
     display: none;
}

.sys_imageslideshowgallery-themed .sys_imageslideshowgallery-container {
    
}

.sys_mediagallery-control {
     clear: both;
     float: left;
     width: 100%;
}

.sys_mediagallery-control .sys_subitem {
     clear: none ! important;
     float: left;
     height: auto ! important;
     margin: 0px 1em 1em 0px;
     width: auto ! important;
}

.sys_mediagallery-control .sys_subalternatingitem {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
}

.sys_mediagallery-control .sys_subitem .sys_thumbnail img {
     border: 4px solid #ffffff;
}

.sys_mediagallery-control .sys_subitem:hover .sys_thumbnail img {
     border-color: #aca99c;
}

.sys_mediagallery-control .sys_subitem .sys_subitem-heading, .sys_mediagallery-control .sys_mediagallery-summary, .sys_mediagallery-control .sys_icon {
     display: none;
}

.sys_search-control .sys_atom-link, .sys_search-control .sys_rss-link, .sys_search-control .sys_search-title {
     display: none;
}

.sys_search-control .sys_greyRoundedBox {
     font-size: 1.6em;
     margin-bottom: 1em;
}

.sys_search-control .sys_greyRoundedBox input {
     padding: 6px 10px;
}

.sys_search-control .sys_greyRoundedBox input.sys_submit {
     background-color: #00a276;
     border: medium none;
     color: #ffffff;
     font-size: 1.1em;
}

.sys_search-control .sys_greyRoundedBox label {
     display: none;
}

.sys_search-control .sys_keymatches {
     background-color: #eef9fa;
     margin-bottom: 1em;
     padding: 1em;
}

.sys_search-control .sys_keymatches dt a {
     text-decoration: underline;
}

.sys_search-control .sys_keymatches dt a:hover {
     color: #00a276;
}

.sys_search-control .sys_keymatches dd {
     margin-bottom: 1em;
}


/******  article styles  ******/

#article{margin: auto auto;}
.sys_outer-wrapper{width: 100%; margin: 0 auto;}
.sys_content {margin: 0 auto; width: 84%; padding: 2% 4%;}

.sys_contentWrapper{}
img.img-responsive{width: 100%;}


h1, h2, h3, h4{color: #18194f; font-weight:bold;}



h1
{color: #18194f;
     font-size: 2em;
     line-height: 1.2em;
     margin-bottom: 0.9375em;
}

h2 {color: #007ca7;
     font-size: 1.6em;
     line-height: 1.2em;
     margin-bottom: 0.9375em;}

h3 {color: #007ca7;
     font-size: 1.3em;
     line-height: 1.2em;
     margin-bottom: 0.9375em;}

h4 {color: #007ca7;
     margin-bottom: 0.5em;
}


h2.headingBackground{background-color: #18194f; color: #fff; padding: 12px;}



#connectWrapper .masthead .masthead-inner .sys_btn i{display:none;}
#connectWrapper .masthead .masthead-inner .sys_btn {margin-bottom: 20px;font-weight:bold; color: #18194f!important; border: 2px solid transparent; width: auto; text-align:left; padding: 12px 30px 12px 12px;
background: #18194f url("/siteelements/images/base/internal/cta-icons/Colour/bg-icon-blue5-right-arrow.png") no-repeat top 50% right 6px; background-size: 18px;}
main  #connectWrapper .masthead .masthead-inner .sys_btn:hover {background-color: transparent!important; border-color: #fff;  color: #fff!important; background-image: url("/siteelements/images/base/internal/cta-icons/White/bg-icon-white-right-arrow.png");}


#article-Feature .sys_intro {margin-bottom: 1em; padding: 1em; background-color: #efefef;}
#article-Feature .sys_intro .sys_introText{font-size: 1.2em;}



#article-InFocus .sys_intro{float:left; margin-bottom: 1em; background: #efefef;}
#article-InFocus .sys_intro h1{background:none; text-align:left; padding: 0; margin: 20px 0 8px 0;}
#article-InFocus .sys_intro .sys_searchlightImage {float:right; width: 58%; margin: 1%;}
#article-InFocus .sys_intro .sys_searchlightImage img{height: 100%;}
#article-InFocus .sys_intro .sys_introText {padding: 1em; float:left; width: 36%;}




/********  masonry layout ********/

#grid[data-columns]::before {content: "3 .column.size-1of3";}

/* These are the classes that are going to be applied: */
.column { float: left; }
.size-1of3 {width: 31.759465%; margin: 0 2.2% 0 0;}
.size-1of3:last-child {margin: 0;}

.size-1of2 { width: 50%;}
.size-1of1 { width: 100%;}



.sys_container ul {
     list-style: square;
     margin: 0 0 1.5em 1.5em;
     padding: 0;
    list-style-position: outside;
}

.sys_container ul li {
     margin: 0px;
     padding: 0px;
}



#issueCover .sys_row{margin: 0; margin-bottom: 2em;}

#connectWrapper .sys_CollectionTitle{position:relative;display:block; background: #007ca7; padding: 20px 10px; color: #fff; text-decoration:none; margin-bottom: 1em; font-weight:normal;}
#connectWrapper .sys_CollectionTitle h2{font-size: 2.7em; color: #fff; margin: 0;}
#connectWrapper .sys_CollectionTitle .articleTypeDescription{width: 80%;}

#connectWrapper a.sys_CollectionTitle:hover{border-color: #fff;}
#connectWrapper .sys_CollectionTitle .sys_seeAll{font-weight:bold; color: #18194f; line-height: 1.5em; position:absolute; right: 20px; top: auto; bottom: 20px; padding: 12px; background-color: #fff; border: 2px solid transparent;}
#connectWrapper .sys_CollectionTitle:hover .sys_seeAll{background-color: transparent; border-color: #fff; color: #fff;}



/* #connectWrapper #SpotlightArticles .sys_CollectionTitle{background: #005597;}
#connectWrapper #HighlightArticles .sys_CollectionTitle {background: #007ca7; }
#connectWrapper #InFocusArticles .sys_CollectionTitle {background: #6c5097;}
#connectWrapper #NottinghamInspiresArticles .sys_CollectionTitle {background: #DE1B5C;}
#connectWrapper #DiscoverArticles .sys_CollectionTitle {background: #005c5f;} */


#connectWrapper .sys_CollectionTitle{background: #005597;}


#article-CollectiveFeature .sys_intro{background: #efefef; padding: 12px;}




#issueCover ul {margin: 0;}
#issueCover .sys_masonryItem.Spotlight{margin-bottom: 1em; position:relative; width: 38.823456%; border:none; margin-right: 0; display:inline-block;}
#issueCover .sys_masonryItem.Spotlight:first-child {margin-bottom: 3em;width: 59.5%; margin-right: 1.5%;}
#issueCover .sys_masonryItem.Spotlight:first-child a{height: 526px; background-repeat:no-repeat; background-size: cover;}
#issueCover .sys_masonryItem.Spotlight:first-child .sys_text{background: #18194f; width: 80%; border: none; bottom: 10px; left: 10px; padding: 8px 14px 20px 14px;}
#issueCover .sys_masonryItem.Spotlight:first-child a .sys_text h3{font-size: 1.6em; color: #fff;}
#issueCover .sys_masonryItem.Spotlight:first-child a:hover .sys_text h3{color: #009bbd;}

#issueCover .sys_masonryItem.Spotlight:first-child a .sys_masonryDescription{max-height:none;  color: #fff;}
#issueCover .sys_masonryItem.Spotlight:first-child .sys_masonryDate{color: #fff;}

#issueCover .sys_masonryItem.Spotlight a{background-size: cover; background-repeat:no-repeat; background-position: 90% 50%; height: 260px;}
#issueCover .sys_masonryItem.Spotlight a .sys_text{position:absolute; bottom: 0; left: 0; width: 100%; background: #fff;  border: none;}
#issueCover .sys_masonryItem.Spotlight .sys_masonryDescription{max-height: 40px; overflow:hidden;}
#issueCover .sys_masonryItem.Spotlight img{display:none;}



/*#issueCover .sys_masonryItem.NottinghamInspires .sys_text{border-bottom: 1px solid #D27826; padding-bottom: 4px;}
#issueCover .sys_masonryItem.NottinghamInspires a{text-decoration:none; display:block;}
#issueCover .sys_masonryItem.NottinghamInspires a h3{padding: 6px; margin: 0; color: #D27826; text-decoration:underline; font-size: 1.2em; display:block; text-decoration:none;}
#issueCover .sys_masonryItem.NottinghamInspires:hover a h3{color: #fff; background-color: #D27826;}*/





#issueCover .sys_masonryItem {margin-bottom: 3em; width: 100%;min-height: 240px; }
#issueCover .sys_masonryItem .sys_text{padding-bottom: 4px;}
#issueCover .sys_masonryItem a{text-decoration:none; display:block;}
#issueCover .sys_masonryItem a h3{padding: 6px; margin: 0; color: #18194f; text-decoration:underline; font-size: 1.2em; display:block; text-decoration:none;}
#issueCover .sys_masonryItem:hover a h3{color: #007ca7;}
#issueCover .sys_masonryItem a .sys_masonryDescription{padding: 0 6px 6px 6px; display:block; font-weight:normal;}
#issueCover .sys_masonryItem img{width: 100%; height: auto;}


#connectWrapper ul#articleList{list-style-type:none; margin: 0;}
#connectWrapper ul#articleList li {float:left; margin-bottom: 1.5em;width: 100%;}
#connectWrapper ul#articleList li .sys_text{float:left; width: 58%; padding-bottom: 4px;}
#connectWrapper ul#articleList li a{display:block;}
#connectWrapper ul#articleList li a h3{line-height: 1.2em;padding: 0; margin: 0; color: #18194f;}
#connectWrapper ul#articleList li:hover a h3{color: #007ca7; background-color: transparent;}
#connectWrapper ul#articleList li .sys_Description{padding: 6px 0; display:block; font-weight:normal;}
#connectWrapper ul#articleList li .sys_image {width: 160px; height: 100px; float:left; margin-right: 16px; background-position: 100% 50%; background-repeat:no-repeat; background-size: cover;}
#connectWrapper ul#articleList li .sys_Date{padding: 0;}
#connectWrapper ul#articleList li a h3 span{border: 2px solid #000; font-size: 12px; line-height:;display:inline-block; height: 28px; width: 30px; padding: 0; text-align:center; color: #000;}
#connectWrapper ul#articleList li:hover h3 span{border: 2px solid #000; color: #fff; background: #000;}




.sys_masonryItem.Quote .sys_masonryDescription{font-size: 1.7em; line-height: 1.3em; text-align:center; padding: 80px 30px 30px 30px; background: #dacba2 url("/connectonline/siteelements/images/black-quote-start.png") no-repeat scroll 50% 30px / 40px auto;}
.sys_masonryItem.Quote img,
.sys_masonryItem.Quote h3{display:none;}

.sys_masonryItem .sys_masonryDate{padding: 6px; color: #666; font-size: .9em; font-weight:normal;}

.sys_masonryItem.sys_NoImage img{display:none;}
.sys_masonryItem.sys_TitleOnly h3{display:none;}
.sys_masonryItem.sys_TitleOnly .sys_masonryDescription{margin-top: 8px;}



/***** University News Listing style *****/
#connectWrapper .sys_newsListing a.sys_subitem{text-decoration:none; margin-bottom: 1em; display:block;border: 1px solid #e0dedd; background-color: #fff;}
#connectWrapper .sys_newsListing a.sys_subitem:hover {background-color: #e0dedd;}
#connectWrapper .sys_newsListing a.sys_subitem:hover h3{text-decoration:underline;}
#connectWrapper .sys_newsListing a.sys_subitem img{width: 100%;}
#connectWrapper .sys_newsListing h2{font-size: 1.5em; margin-top: 0;}
#connectWrapper .sys_newsListing h3 {background: url("/siteelements/images/base/internal/cta-icons/colour/bgarrowblackround.png") no-repeat right 10px bottom 10px; background-size: 20px; padding: 6px 40px 6px 6px;line-height: inherit; font-size: inherit;margin: 0;}

#connectWrapper .sys_newsListing a.CTA{ background-color: #ad8b34; background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/White/bgNewsletter.png");}



#connectWrapper .sys_CollectiveBanner{position:relative; height: auto; min-height: 420px; margin-bottom: 1em;}
#connectWrapper .sys_CollectiveBanner .img-responsive{width: 100%; position:relative; right: 0; top: 0; z-index: 0;}
#connectWrapper .sys_CollectiveBanner .sys_intro{width: 40%;color: #fff; position: absolute; right: 10px; top: 10px; z-index: 100;}
#connectWrapper .sys_CollectiveBanner h1{background: #fff; color: #007ca7; margin-bottom: 0; padding: 10px;}
#connectWrapper .sys_CollectiveBanner .sys_introText{padding: 14px; background: #007ca7;}
#connectWrapper .sys_CollectiveBanner .sys_introText p:last-child{margin: 0;}
#connectWrapper .sys_CollectiveBanner .sys_introText a{color: #fff;}





/* COVER STORY FEATURE BANNER STYLES */
#connectWrapper #CoverStoryFeature {position:relative; height: 400px; width: 100%; margin-bottom: 0;}
#connectWrapper #CoverStoryFeature .sys_textBlock h2{text-transform:uppercase; font-size: 1.2em;}
#connectWrapper #CoverStoryFeature .sys_textBlock{background: #F2F6F7;position: absolute; top: 0; left: 0; bottom: 0; width: 35%;}
#connectWrapper #CoverStoryFeature .sys_textBlock .sys_inner{padding: 1em;}
#connectWrapper #CoverStoryFeature .sys_textBlock .sys_Title{color: #18194f; font-family: arvo; font-size: 3.5em; margin-bottom: 20px;}
#connectWrapper #CoverStoryFeature .sys_textBlock .sys_Tease{color: #18194f; margin-bottom: 20px;}
#connectWrapper #CoverStoryFeature .sys_image{background-position: 0 0; background-repeat:no-repeat; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; width: 65%;}


#connectWrapper a.CTA,
#connectWrapper #CoverStoryFeature .sys_textBlock .sys_CTA{display:inline-block; border: 2px solid transparent; background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-arrow-right-simple-white.png");background-color: #DE1B5C; text-decoration:none; font-weight:normal; color: #fff; background-repeat:no-repeat; padding: 10px 60px 10px 8px; background-position: top 50% right 10px; background-size: 18px;}
#connectWrapper a.CTA:hover,
#connectWrapper #CoverStoryFeature:hover .sys_textBlock .sys_CTA{background-color: transparent; border-color: #18194f; color: #18194f; background-image: url("/siteelements/images/base/internal/cta-icons/colour/bg-icon-blue5-right-arrow.png");}



#connectWrapper #footer a.CTA{display:inline-block; border: 2px solid transparent; background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-arrow-right-simple-white.png");background-color: #DE1B5C; text-decoration:none; font-weight:normal; color: #fff; background-repeat:no-repeat; padding: 10px 60px 10px 8px; background-position: top 50% right 10px; background-size: 18px;}
#connectWrapper #footer a.CTA:hover{background-color: transparent; border-color: #fff; color: #fff; background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-arrow-right-simple-white.png");}


/* highlight box */

.sys_highlightBox{display:block; margin-top: 60px; border: 1px solid #007ca7;}
.sys_highlightBox .sys_heading{padding: 8px;text-align:center; background: #fff; width: 80%; margin: auto auto; margin-top: -30px;}

.sys_highlightBox .sys_heading h1,
.sys_highlightBox .sys_heading h2,
.sys_highlightBox .sys_heading h3,
.sys_highlightBox .sys_heading h4
.sys_highlightBox .sys_heading h5{margin: 0; color: #007ca7;}
.sys_highlightBox .sys_inner{padding: 1.5em 2.5em;}


/* Issues listing page */

#IssueCovers_List{}
#IssueCovers_List .sys_subitem{width: 24.5%;margin: 0 5px 5px 0;display:inline-block; border: 1px solid #e0dedd; height: auto; position:relative;}
#IssueCovers_List .sys_subitem .sys_subitem-heading {margin: 0;position:absolute; padding: .5em; bottom: 0; left: 0; right: 0;background: #e0dedd; font-size: 0.85em;}
#IssueCovers_List .sys_subitem .sys_subitem-heading a{color: #000; text-decoration:none;}
#IssueCovers_List .sys_subitem .sys_thumbnail{height:auto; margin: 0; padding: 0;}
#IssueCovers_List .sys_subitem .sys_thumbnail img{border:0;}

#IssueCovers_List .sys_subitem:hover .sys_subitem-heading {line-height: 1.8em;text-align:center; font-size: 1.6em; font-weight:normal; position:absolute; display:block; top: 0; bottom: 0; left: 0; right: 0; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-Black.png") repeat;}
#IssueCovers_List .sys_subitem:hover .sys_subitem-heading a{text-decoration:none;color: #fff; position:absolute; display:block; top: 0; bottom: 0; left: 0; right: 0; padding: 1em;}



/****** related articles ******/
#relatedArticles{margin-bottom: 3rem;}
.sys_relateditemslisting-control {margin-top: 1em;}
.sys_relateditemslisting-control ul{margin: 0;}

.sys_relateditemslisting-control .sys_subitem{display:block;margin-bottom: 1em;}
.sys_relateditemslisting-control h2{margin: .8em 0 1em 0;}
.sys_relateditemslisting-control h3{font-size: inherit; }
.sys_relateditemslisting-control a{color: #18194f; font-weight:bold; border: none; background:none; padding: 0 0 6px 0; margin:0; color: #18194f; text-decoration:underline;}
.sys_relateditemslisting-control a:hover{border-color: #18194f; color: #18194f; background: transparent;}

.sys_relateditemslisting-control dt.sys_relateditemslisting-description{display:none;}


#connectWrapper .banner .controls .control, 
#connectWrapper .banner .controls .control, 
#connectWrapper .content .banner .controls .control{line-height: 0;}



/****** colour specifics ******/

#connectWrapper.Red blockquote::before{background-image: url("/connectonline/siteelements/images/start-quote.png");}
#connectWrapper.Red blockquote::after{background-image: url("/connectonline/siteelements/images/end-quote.png");}


#connectWrapper.Blue blockquote::before{background-image: url("/connectonline/siteelements/images/quote-start-2.png");}
#connectWrapper.Blue blockquote::after{background-image: url("/connectonline/siteelements/images/quote-end-2.png");}



#article .sys_search-control{font-size:.9em;}
#article .sys_greyRoundedBox input {margin-left: 0;border: 1px solid #ccc;}
#article .sys_greyRoundedBox .sys_searchmode a{font-size: .85em; display:block;margin-bottom: .5em; font-weight:normal;}

#article .sys_search-control input.sys_submit {
    background-color: #000;
    border: 1px solid transparent;
    color: #ffffff;
    font-weight: normal;
padding: 4px 8px;}

#article .sys_search-control input.sys_submit:hover {background-color: #fff; color: #000; border-color: #000;}

#article .sys_search-control .sys_keymatches {
    background-color: #eeeeee;
    clear: both;
    float: left;
    margin: 2em 0;
    padding: 1em;
    position: relative;
    width: 96%;}
#article .sys_search-control .sys_keymatches p {
    background-color: #003366;
    color: #ffffff;
    float: right;
    font-size: 1.2em;
    line-height: 1.3em;
    margin-bottom: 0.5em;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 0;}
#article .sys_search-control .sys_keymatches dt a {color: #336699; text-decoration: none;}
#article .sys_search-control .sys_subitem {line-height: 1.5em; margin: 2em 0;}
#article .sys_search-control .sys_subitem-heading {clear: both; display: block; margin: 0;}
#article .sys_search-control .sys_subitem dt.sys_search-content, #article .sys_search-control .sys_subitem dt.sys_search-url {display: none;}
#article .sys_search-control h3{font-size: inherit;}
#article .sys_search-control h3 a:link, #article .sys_search-control h3 a:visited {color: #336699; font-weight:normal;}
#article .sys_search-control dd.sys_search-url {color: green;}
#article .sys_search-control div.sys_flickrpager {margin-top: 3em;}
#article .sys_search-control div.sys_noresults {margin-top: 2em;}


#MediaGallery_List {}
.sys_lightbox-media-container div.sys_close-item-link{z-index: 1000!important;}

#MediaGallery_List .sys_flickrpager, 
#MediaGallery_List .sys_itemslist,
#MediaGallery_List .sys_paginginfo{display:block; width: 100%;float:left;}

#MediaGallery_List .sys_subitem {display:inline; margin: 0;}
#MediaGallery_List .sys_subitem:first-child {padding: 0;margin: 0;}

#MediaGallery_List .sys_subalternatingitem {background: none repeat scroll 0% 0% transparent;}
#MediaGallery_List .sys_thumbnail{height:auto; margin: 0;}
#MediaGallery_List .sys_thumbnail img {border:none;}
#MediaGallery_List .sys_subitem .sys_subitem-heading, #MediaGallery_List .sys_mediagallery-summary, #MediaGallery_List .sys_icon {display: none;}




#connectOnlineSitemap a{font-weight:normal;}
#connectOnlineSitemap li li{ margin-left: 16px;}




/***** Feature Collection Styles - ulzgw 30/04/2019 ******/
.lead-articles.collection-feature-listing .lead-article{
     margin: 0 10px 20px 10px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 100%;
     min-height: 350px;
     z-index: 0;
     position: relative;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     padding: 0;
border: 1px solid #efefef;}
.lead-articles.collection-feature-listing .lead-article .bg-color{z-index: 30; position:absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(74, 73, 73, .92); }
.lead-articles.collection-feature-listing .lead-article .articleDetails {position:absolute; z-index: 100; top: 0; bottom: 0; left: 0; right: 0; padding: 50px 30px 30px 30px; width: 100%;}
.lead-articles.collection-feature-listing .lead-article .articleDetails h3{color: #fff;}


.issueLink{background: #efefef; padding: 6px; margin-bottom: 2em;border: 1px solid #ddd; display:none;}


#videoAndCTAWrapper{height: 440px;}
#campaignVideoAndCTA #thevideo {width: 100%; height: 440px;}
#campaignVideoAndCTA .sys_video-thumbnail {width: 100%; height: 440px;}
#campaignVideoAndCTA .sys_video {width: 100%; height: 440px;}
#campaignVideoAndCTA .sys_video:hover .sys_video-button{background-size: 100%; border-color: #fff; background-color: transparent; background-image: url("/ugstudy/clearing/2017/images/decorative/bg-playbutton-white.png"); }
#campaignVideoAndCTA .sys_video-button {border: 2px solid transparent; background: #DE1B5C url("/ugstudy/clearing/2017/images/decorative/bg-playbutton-white.png") no-repeat;  background-size: 100%;}


#connectWrapper .video_section .caption p{margin-left: 0px!important;}
#connectWrapper .caption-box{padding: 0; width: 80%;}

#videoAndCTAWrapper #CTAsection, #videoAndCTAWrapper .video{position:absolute; top: 0; bottom: 0;}
#videoAndCTAWrapper #CTAsection{float: right; width: 30%; right: 0; color: #fff; font-family: arvo;}
#videoAndCTAWrapper .video{float: left; width: 69%; left: 0;}




/* Form overrides */
.sys_container ul.sys_cms-form-body{padding: 0;}
.sys_container .sys_cms-form-body .sys_cms-form-item{padding-left: 0; padding-right: 0;}
.sys_container .sys_cms-form-body input,
.sys_container .sys_cms-form-body textarea {padding: 10px; border: 2px solid #ccc; }
.sys_container .sys_cms-form-body .sys_sectionbreak-header {color: #4a4949;}
.sys_container .sys_cms-form-body .sys_sectionbreak-text,
.sys_container .sys_cms-form-body .sys_cms-form-item{color: #4a4949; font-size: 16px;}
.sys_container .sys_cms-form-body .sys_sectionbreak-text{}
.sys_container .sys_cms-form-control .sys_buttons button{font-size: 1.4em;padding: 14px 22px;background-color: #005597; color: #fff;cursor:pointer;border: none;}
.sys_container .sys_cms-form-control .sys_buttons button:hover{background-color: #000;}






/* Elements Article Listing for Summer 2019 edition */
#ElementArticles_List .sys_subitem {position:relative; display:inline-block; width: 50%;}
#ElementArticles_List .sys_thumbnail {position:relative; height: 100%; margin: 0; }
#ElementArticles_List .sys_thumbnail img{border:1px solid #efefef;}
#ElementArticles_List .sys_subitem:hover .sys_subitem-heading{background: #007ca7;}
#ElementArticles_List .sys_subitem:hover .sys_subitem-heading a{color: #fff;}
#ElementArticles_List .sys_subitem-heading {position:absolute; z-index: 1000; bottom: 10px; left: 10px; margin: 0; background: #fff; padding: 6px;}
#ElementArticles_List .sys_subitem-heading a{text-decoration:none;}


#ElementList{margin-bottom: 3rem;}
#ElementList ul{margin-bottom: 0; padding: 0;}
#ElementList ul li{position:relative;background-size: cover; background-position: 100% 50%; display:inline-block; width: 15.85%; height: 170px; margin: 0 .6% 0 0;}
#ElementList ul li{border: 6px solid transparent;}
#ElementList ul li:hover {}


#ElementList ul li:last-child{margin: 0;}
#ElementList ul li a{text-decoration:center; background: #efefef; border: 4px solid transparent;z-index: 500; text-align:center; position:absolute; top: 0; bottom: 0; left: 0; right: 0; text-decoration:none;}
#ElementList ul li:hover a{background: rgba(24, 25, 79, .9);}

#ElementList ul li h3{bottom: 30px; left: 2px; right: 2px; position:absolute;  margin: 0; z-index: 1000; font-weight: 600; font-size: 1.4rem; color: #18194f; text-decoration:none; }
#ElementList ul li:hover h3{color: #fff;}

#ElementList ul li span{color: #18194f; display:block; margin-top: 20px;font-family:arvo; font-size: 3.5rem;}
#ElementList ul li:hover span{color: #fff;}


/* Periodic Table of Nottingham widget */

.periodicTable{text-align:center; background: #efefef url(/Vision/Images/bg-periodicTable.jpg); background-position: 50%; display:block; width: 100%; clear:both; padding: 4.0625rem;}
.periodicTable .sys_btn {
   font-weight: bold;
color: #fff;
text-decoration:none;
border: 2px solid transparent;
width: auto;
text-align: left;
padding: 12px 30px 12px 12px;
background: #18194f url("/siteelements/images/base/internal/cta-icons/White/bg-icon-white-right-arrow.png") no-repeat top 50% right 6px;
    background-color: rgb(24, 25, 79);
    background-size: auto;
background-size: 18px;}
.periodicTable .sys_btn:hover {
color: #18194f;
border-color: #18194f;
background-image: url("/siteelements/images/base/internal/cta-icons/Colour/bg-icon-blue5-right-arrow.png");
background-color: transparent;}
.periodicTable p:last-child{margin-bottom: 0;}
.periodicTable img{display:none;width: 30%; height: auto;}

@media screen and (min-width: 481px) and (max-width: 768px) {
 
.size-1of3 { width: 48.5%;}

#connectWrapper #Feature_List .slick-track{min-height: 250px; height: 100%;}
#connectWrapper #Feature_List h3{top: 0; text-align:left; margin: 0;}
#connectWrapper #Feature_List .sys_thumbnail{margin: 0; min-height: 300px; height: 100%; width: 100%;position: relative; background-size: 180%; background-position: 55% 50%;}
#connectWrapper #Feature_List .sys_subitem-infoblock{position:relative; width: 100%; top: auto; bottom: 0;}
#connectWrapper #Feature_List .sys_subitem-description{display:none;}
#connectWrapper #Feature_List .slick-prev, #Feature_List .slick-next {top: auto; bottom: 50%;}

     
     
}

@media only screen and (max-width: 1200px) {
#connectWrapper header .header__logo {width: 95px; height: 95px; }     
   
#headerBG {height: 330px;}    
#header {height: 330px; background-position: 50% -30px; background-size:1900px;}
     
     
#header #visionDescription {width: 960px; margin: 0 auto;}   
#header #visionDescription span{width: 26%; margin-top: 96px;}
     
#header .menuAndSearch .sys_inner{width: 960px;}
#header .menuAndSearch #nav {width: 72%;}
#header .menuAndSearch #search {width: 25%;}   
     
     
#connectWrapper #header #nav{background:none; color: #fff;}
#connectWrapper #Feature_List .slick-track{min-height: 250px; height: 100%;}
#connectWrapper #Feature_List h3{top: 0; text-align:left; margin: 0;}
#connectWrapper #Feature_List .sys_thumbnail{margin: 0; min-height: 300px; height: 100%; width: 100%;position: relative; background-size: 180%; background-position: 55% 50%;}
#connectWrapper #Feature_List .sys_subitem-infoblock{position:relative; width: 100%; top: auto; bottom: 0;}
#connectWrapper #Feature_List .sys_subitem-description{display:none;}
#connectWrapper #Feature_List .slick-prev, #Feature_List .slick-next {top: auto; bottom: 50%;}

     
#connectWrapper ul#articleList li .sys_text{width: 75%; }
     
     
#ElementList ul li:last-child{margin: 0;}
     
#ElementList ul li{width: 15.8%; height: 140px;}
#ElementList ul li{border-width: 4px;}
#ElementList ul li h3{bottom: 22px; font-size: 1.2rem;}
#ElementList ul li span{margin-top: 14px; font-size: 3rem;}

    
     
     
     
     
     
     
}

@media screen and (min-width: 769px) and (max-width: 991px) {
     


}


@media screen and (max-width: 991px) {

#header #visionDescription {width: 740px; margin: 0 auto;}   
#header #visionDescription span{width: 34%; margin-top: 40px;}
#header .menuAndSearch .sys_inner{width: 740px;}
#header .menuAndSearch {padding: 10px 0;}
 
     
#headerBG {height: 300px; background-size:cover;}
#header {height: 300px; background: transparent url("/Vision/SiteElements/Images/bg-headervision-white.png") no-repeat 50% 40%; background-size:cover;}
    
#header .menuAndSearch #nav {width: 78%;}
#header .menuAndSearch #search {width: 20%;}   
#header .menuAndSearch #nav a {margin-right: 16px;}    
     
#issueCover#grid .sys_masonryItem.InFocus{width: 48.453456%; margin-right: 2%;}
#issueCover#grid .sys_masonryItem.InFocus:last-child{margin-right: 0;}
#issueCover#grid .sys_masonryItem.InFocus:first-child {width: 100%; margin-right: 0;}
     
     
#connectWrapper .sys_CollectionTitle{height: auto;}   
#connectWrapper .sys_CollectionTitle .sys_seeAll{color: #fff;display:inline-block;border:none; position:relative; margin-top: 6px;background: none; padding: 0; text-decoration:underline; bottom: 0; left: 0; top: 0;}
#connectWrapper .sys_CollectionTitle:hover .sys_seeAll{text-decoration:none;}


#ElementList ul li{width: 32.3%; height: 150px; margin: 4px 4px 0 0;}

     

#footer .sys_col-md-4{width: 32.5%; float:left;}


#connectWrapper .sys_newsListing {margin-top: 1.5em;background-color: #efefef; padding: 6px;float:left;}
#connectWrapper .sys_newsListing a.sys_subitem{margin-bottom: .5em; border:none; border-bottom: 1px solid #fff; background: none;}
#connectWrapper .sys_newsListing a.sys_subitem:hover {border-color: #000; background:none;}
#connectWrapper .sys_newsListing a.sys_subitem:hover h3{text-decoration:none;}
#connectWrapper .sys_newsListing a.sys_subitem img{display:none;}
#connectWrapper .sys_newsListing h3 {background: url("/siteelements/images/base/internal/cta-icons/colour/bgarrowblackround.png") no-repeat right 10px top 50%; background-size: 22px;padding: 6px 40px 6px 0;margin-bottom: .5em;}
#connectWrapper .sys_newsListing p{margin: 1em 0 0 0;}
     
#article-Searchlight .sys_intro .sys_introText,
#article-Searchlight .sys_intro .sys_searchlightImage{width: 100%;}
     
.size-1of3{width: 31.926789%; display:inline-block; margin: 0 2% 6px auto;}
.size-1of3:last-child{margin: 0;}     

#pageTitle {
    font-size: 16px;
    font-size: 2.625rem;
    line-height: 32px;
    line-height: 2.875rem;}    
     
#connectWrapper #CoverStoryFeature {height: 300px;}
#connectWrapper #CoverStoryFeature .sys_textBlock h2{font-size: 1em;}
#connectWrapper #CoverStoryFeature .sys_textBlock{width: 40%;}
#connectWrapper #CoverStoryFeature .sys_textBlock .sys_inner{padding: 12px;}
#connectWrapper #CoverStoryFeature .sys_textBlock .sys_Title{font-size: 2em; line-height: 1.2em; margin-bottom: 10px;}
#connectWrapper #CoverStoryFeature .sys_textBlock .sys_Tease{font-size: 1em; font-weight:normal; }
#connectWrapper #CoverStoryFeature .sys_image{width: 60%;}
#connectWrapper #CoverStoryFeature .sys_textBlock .sys_CTA{width: auto; height: auto;}  

     
#connectWrapper blockquote {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    padding: 2.1875rem 2.1875rem 2.1875rem 3.4375rem;
}     
     #connectWrapper blockquote p{font-size: 1.125rem;
    line-height: 1.6875rem;}

    
#connectWrapper blockquote::before {
    top: 1.875rem;
    width: 2.8125rem;
    height: 2.1875rem;}    
    
     
     
     
#ElementList ul li{height: 110px;}
#ElementList ul li{border-width: 4px;}
#ElementList ul li h3{bottom: 12px; font-size: 1.2rem;}
#ElementList ul li span{margin-top: 8px;font-size: 2.8rem;}
     
     
     
       #connectWrapper #relatedArticles .sys_col-md-4{display:none;}  
   
     
     
     

     
     
     
     
     
}


@media screen and (max-width: 768px){ 
     
#connectWrapper #headerVisionImage {width: 60%; min-width: 140px; margin: 26px 10px 10px 10px;}     
     
#connectWrapper header .header__logo {width: 54px; height: 54px; background-size: cover;}     
#connectWrapper header{background: #efefef; height: 54px;}   
#connectWrapper .toggle-button {top: 0; height: 54px;}     
#connectWrapper header #search {background:none; right: 60px; width: auto; height: 40px; margin-top: 7px;}
#connectWrapper header #search input.sys_searchbox {border: 1px solid #ccc; height: 40px; position:relative; color: #18194f; font-weight:500;} 
#connectWrapper header #search #SearchResultsBox_SearchButton {background-image: url("/SiteElementsHomepage/images/icons/icon-magnifier.png"); background-position: 50%; border: 2px solid #18194f; background-color: #18194f; width: 40px; height: 40px; position:absolute; right: 2px;}
     

     
#header #visionDescription {display:none;}   
#header .menuAndSearch .sys_inner{width: 100%;}
#header .menuAndSearch {padding: 10px 4px;}
 
#connectWrapper #header #search{width: 40%;}
#connectWrapper #header #nav{width: 50%;}
     
#headerBG {height: 260px;}
#header {height: 260px; background-position: 50% ; background-size: cover;}
     
     
#videoAndCTAWrapper{height: 320px;}
#campaignVideoAndCTA #thevideo {height: 320px;}
#campaignVideoAndCTA .sys_video-thumbnail {height: 320px;}
#campaignVideoAndCTA .sys_video {height: 320px;}
     
#ElementList ul li{height: 110px; width: 48%; }
#ElementList ul li{border-width: 4px;}
#ElementList ul li h3{bottom: 12px; font-size: 1.2rem;}
#ElementList ul li span{margin-top: 8px;font-size: 2.8rem;}

     
    
   
     
 #connectWrapper  .blockquoteImage {
    float: none;
    width: auto;
    margin-right: 0;
}
     
     
#connectWrapper #CoverStoryFeature {height: auto;}
#connectWrapper #CoverStoryFeature a{text-decoration:none;}

#connectWrapper #CoverStoryFeature .sys_textBlock h2{font-size: 1em;}
#connectWrapper #CoverStoryFeature .sys_textBlock{position:relative; width: 100%; z-index: 10; background: url("/SiteElements/Images/Base/Internal/bg-textOverlay-white.png") repeat;}
#connectWrapper #CoverStoryFeature .sys_textBlock .sys_inner{padding: 12px;}
#connectWrapper #CoverStoryFeature .sys_textBlock .sys_Title{font-size: 2.3em; font-weight:bold;  line-height: 1.2em; margin-bottom: 10px;}
#connectWrapper #CoverStoryFeature .sys_textBlock .sys_Tease{font-size: 1em; font-weight:normal; }
#connectWrapper #CoverStoryFeature .sys_image{width: 100%; z-index: 0;}

     
#connectWrapper ul#articleList li {width: 100%;}
#connectWrapper ul#articleList li .sys_text{width: 100%; }
#connectWrapper ul#articleList li .sys_image {width: 70px; height: auto;}
     
     
     
#connectWrapper #header #nav ul{width: 100%; margin: 10px 20px;}
#connectWrapper #header #nav li{display:block;}
     
#connectWrapper #header #UoNLogo{height: 80px; position:relative; margin-bottom: 1em; display:block;} 
#connectWrapper #header #nav .sys_menu-title{width: 100%;}
     
.size-1of3{width: 48%; float:left; }
.size-1of3:last-child{margin:0;}

#footer .sys_col-md-4{width: 50%}     
#footer .sys_col-md-4:last-child{margin-top: 2em;width: 100%}     
   
#connectWrapper .sys_CollectiveBanner .img-responsive{width: 100%; height: auto;}
#connectWrapper .sys_CollectiveBanner .sys_intro{position:relative; width: 100%; right: 0; top: auto; bottom: 0; left: 0;}
#connectWrapper .sys_CollectiveBanner h1{background: #1a296b; color: #fff;}

#connectWrapper .sys_CollectionTitle .articleTypeDescription{width: 100%;}
     
#ElementArticles_List .sys_subitem {position:relative; display:block; width: 100%; margin: 0 10px 10px 0; height: auto;}
#ElementArticles_List .sys_thumbnail {height: auto;}
#ElementArticles_List .sys_thumbnail a{position: relative;}

     
#connectWrapper #issueCover .sys_masonryItem{width:100%; margin-bottom: 1em;} 
#connectWrapper #issueCover .sys_masonryItem a .sys_text {position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; border: none;}      
#connectWrapper #issueCover .sys_masonryItem .sys_text {padding: 4px; bottom: 0; left: 0;} 
#connectWrapper #issueCover .sys_masonryItem.Spotlight a{height: 260px;}
#connectWrapper #issueCover .sys_masonryItem a .sys_text h3 {font-size: 1.2em;}
#connectWrapper #issueCover .sys_masonryItem a .sys_text h3,
#connectWrapper #issueCover .sys_masonryItem a .sys_masonryDescription{color: #18194f;}
#connectWrapper #issueCover .sys_masonryItem a:hover .sys_text h3 {color: #009bbd;}
#connectWrapper #issueCover .sys_masonryItem .sys_masonryDate {color: #666;}        
     
 

body #connectWrapper .articleMasthead{position:relative;} 
body #connectWrapper .articleMasthead .masthead h1{margin-top: 0; font-size: 2rem; line-height: 2.2rem; margin-bottom: .4em;}
body #connectWrapper .articleMasthead .masthead.regular .masthead-inner{min-height: 340px;}
body #connectWrapper .articleMasthead .masthead .sys_col-md-6{position:absolute; bottom: -40px; top: auto; left: 0; }
body #connectWrapper .articleMasthead .masthead .masthead-inner #masthead-text{padding: 12px; width: 100%;background: #fff; border-bottom: 1px solid #efefef;} 
     
body #connectWrapper .articleMasthead .masthead .masthead-inner #masthead-text *{color: #18194f!important;}     
body #connectWrapper .articleMasthead .masthead .masthead-inner #masthead-text{margin: 0;}
     
}





@media screen and (max-width: 480px){
     

     

#connectWrapper ul#articleList li .sys_image{width: 150px; height: auto;}     
#connectWrapper ul#articleList .sys_text{width: 60%;}
     
     
.size-1of3{width: 100%; display:block;}
.size-1of3:last-child{margin:0;}
  
#pageTitle{font-size: 1.3em; line-height: 1.2em; padding: 10px 10px 16px 10px; background: #18194f; color: #fff; margin: 0; font-weight:bold; text-align:left;}
     
#connectWrapper .sys_CollectionTitle{}
#connectWrapper .sys_CollectionTitle h2{font-size: 1.6em; line-height: 1em; margin-bottom: .4em;}
#grid .sys_masonryItem a h3{font-size: 1em;}

     
#videoAndCTAWrapper{height: 244px;}
#videoAndCTAWrapper .sys_video,
#videoAndCTAWrapper #thevideo,
#videoAndCTAWrapper .sys_video-thumbnail{width: 100%; height: 180px; }
    
     
     
   #ElementList ul li{height: 110px; width: 100%;}
  

  
     
#header #UoNLogo{display:none; }
#header #connectLogo img{float:none; width: 120px; height: auto;}
#header #connectLogo {text-align:center;}
#header .sys_inner{padding: 10px;}
#header #nav{margin: 0;}    

#IssueCovers_List .sys_subitem{width: 48%;}
     
#connectWrapper #grid .sys_masonryItem {margin: 0 0 1.5em 0;}
#connectWrapper #grid .sys_masonryItem.Spotlight {width: 100%; margin: 0 0 1em 0;}
#connectWrapper #grid .sys_masonryItem.Spotlight img{display:block; width: 100%; height: auto;}
#connectWrapper #grid .sys_masonryItem.Spotlight a{height: auto; background:none;}
#connectWrapper #grid .sys_masonryItem.Spotlight a .sys_text{height:auto; width: 100%; position:relative; bottom: 0; left: 0; right: 0;}
#connectWrapper #grid .sys_masonryItem.Spotlight a .sys_masonryDescription{max-height: 100%; overflow:visible;}
#connectWrapper #grid .sys_masonryItem.Spotlight a .sys_text h3{font-size: 1.2em;}

     
     
#issueCover .sys_masonryItem.Spotlight:first-child {margin-bottom: 3em;width: 100%; margin-right: 1.5%;}
#issueCover .sys_masonryItem.Spotlight:first-child a{height: 526px; background-repeat:no-repeat; background-size: cover;}
#issueCover .sys_masonryItem.Spotlight:first-child .sys_text{background: #fff; padding: inherit;}
#issueCover .sys_masonryItem.Spotlight:first-child a .sys_text h3{color: #18194f;}
#issueCover .sys_masonryItem.Spotlight:first-child a .sys_masonryDescription{max-height:none;  color: #000;}
#issueCover .sys_masonryItem.Spotlight:first-child .sys_masonryDate{color: #4a4949;}
     
   
 #connectWrapper .articleMasthead .masthead h1 {width: 80%; font-size: 32.5px; line-height: 32.5px;}
 #connectWrapper .articleMasthead .masthead .sys_Tease {width: 80%; font-size: 16px;}
   
     
     
     
     
     
     
     
     
     
     
#footer .sys_col-md-4{width: 100%; float:none; margin-bottom: 1.5em;}     
#footer .sys_col-md-4:last-child #connectLogo,
#footer .sys_col-md-4:last-child #UoNLogo{width: 100%; float:none;}     
#footer .sys_col-md-4:last-child #connectLogo img{width: 40%;}     

  
}