/* about us area-specific styles */

#banner-and-navs { background-color: #ec6607; }
#masthead {  }
#top-nav {  }
header h1, #page-heading span { background-color: #ec6607; margin-bottom: 6px; }
section h1, section h2 { color: #000; }
section h3, section h4, section h5, section h6 { color: #000; }

.sys_signposts h2, .sys_signposts h3, .sys_signposts h4, .sys_signposts h5, .sys_signposts h6, .sys_signposts h2 a, .sys_signposts h3 a, .sys_signposts h4 a, .sys_signposts h5 a, .sys_signposts h6  a, aside[class*="sys_cta"] h2 a, aside[class*="sys_cta"] h3 a, aside[class*="sys_cta"] h4 a, aside[class*="sys_cta"] h5 a, aside[class*="sys_cta"] h6 a, .sys_signposts-linksonly li a { /*color: #ec6607;*/ color: #333; }

#page-body aside.sys_quote { background-color: #fff; }
#page-body aside.sys_quote blockquote { background-image: url('https://www.brighton.ac.uk/_design/img/icon-quote-orange-about-us.png'); color: #c35306; }
#page-body aside p.sys_pullquote-attr { color: #c35306; }

#section-nav { border-bottom: 1px solid #ec6607; }
#section-nav ul#section-menu li a:hover { color: #ec6607; }
#section-nav ul#section-menu li.sys_selected { background-color: #ec6607; }

#active-breadcrumbs { border-bottom: 1px solid #ec6607; }
#active-breadcrumbs ul.sys_topbread li, #active-breadcrumbs ul.sys_topbread li.sys_topselected, #active-breadcrumbs ul.sys_topbread li.sys_last, #active-breadcrumbs ul.sys_topbread li.sys_last.sys_topselected { background-color: #ec6607;}
#active-breadcrumbs ul.sys_subnav li.sys_selected a { color: #ec6607; }

@media screen and (max-width:767px) {
#page-body .sys_section-content .sys_span6 .sys_tabHeading, #page-body .sys_section-content .sys_span12 .sys_tabHeading, #page-body .sys_section-content .sys_span8 .sys_tabHeading { color: #000; }
}


/* styles for when each top element is docked (about us area-specific) */
body.sys_top-nav-fixed #top-nav {  } 

body.sys_top-header-fixed #page-heading { background-color: #ec6607; }

body.sys_section-nav-fixed #section-nav {  } 

#page-body .sys_cms-form-control ul.sys_cms-form-body li button { background-color: #ec6607; }

.sys_section-highlight-box { }
#page-body section .sys_section-highlight-box h2, #page-body section .sys_section-highlight-box h3, #page-body section .sys_section-highlight-box h4 { border-bottom: 1px solid #fff; }

/* section-specific colour for mini tabs */
ul.sys_section-tabs li a { color: #d55a03; }
ul.sys_section-tabs li.sys_selected, .sys_grey ul.sys_section-tabs li.sys_selected { background-color: #ec6607; }
.sys_next-tab a, .sys_next-tab a:link, .sys_next-tab a:visited, .sys_next-tab a:hover, .sys_next-tab a:active { background-color: #ec6607; }

/* section-specific colour for page rating form */
.sys_rating-form, .sys_rating-form-title { background-color: #ec6607; }

/* case studies carousel */
#carousel-pager { float: right; } 
#carousel-pager img { margin-left: 2px; cursor: pointer; } 
#caseStudiesCarousel { background-color: #e7e7e7; } 
.sys_grey #caseStudiesCarousel { background-color: #fff; }
.sys_carousel-content { padding: 16px 16px 16px 0px; } 
.sys_span6:first-child .sys_carousel-content { padding: 16px 0px 16px 16px; } 
#carousel-pager a { display: none; }
@media screen and (max-width:767px) {
	.sys_carousel-content, .sys_span6:first-child .sys_carousel-content { padding-left: 0; padding-right: 0; } 
	/* mobile pager */
	#carousel-pager { float: none; margin: auto; text-transform: uppercase; font-size: 1.3em; width: 213px; background-color: #F6F5F5; }
	#carousel-pager a { display: inline-block; line-height: 30px; height: 30px; color: #7F7F7F; background-color: #F6F5F5; margin-top: 0px; margin-right: 2px; margin-left: 2px; padding-left: 4px; vertical-align: bottom; }
	#carousel-pager a:hover { text-decoration: none; }
	#caseStudiesCarouselWrapper { position: relative; padding-top: 30px; }
	#carousel-pager-wrapper { position: absolute; top: 0; width: 100%; }
}