/* Global Corrections for Styling for Accessibility WCAG 2.0 AA
063017 - srodriguez
071617 - added background style Student Affairs section - srodriguez
07/xx/17 - added style for mobile menu/nav colors to meet contrast requirements - Alurye
072817 - changed alert and operational class colors to meet contrast requirements - srodriguez
*/


/* Accesibility Styles for heading levels*/

/* Adds a h1 to landing pages with orbit slider */
h1.acc_h1 {
	position: absolute;
	top: -100px;
	z-index: 1;
	color:#000;
}
/* used to restyle headings that have been updated to match foundation styles 
example: h2.h4 styles an h2 header to match the foundation h4 style or previous theme.ss h4 style
*/

.blueback-1 h2.h4, .blueback-2 h2.h4, .blueback-3 h2.h4, .blueback-1 h3.h5 {
	color: white;
}
h1.h2 {
	font-size: 2rem;
}
h1.h2.title {
	font-size: 197%;
}
.hide-for-large-up h1.h2, .hide-for-large-up h1, .hide-for-large-up h1.title {
	font-size: 197%;
	font-weight: 400;
	color: #225391;
	text-align: center!important;
}
h2.h3 {
	font-size: 1.4875rem;
}
h2.h3 strong, h2.h3 b {
	font-weight: normal;
}
h2.h4, h3.h4, h4.h5 {
	font-size: 1.125rem;
}

@media only screen and (min-width: 30.0625em) {
h2.h3 {
	font-size: 1.6875rem;
}
.registrar h2.h3 {
	font-size: 1.4875rem;
}
h2.h4,  h3.h4 {
	font-size: 1.4375rem;
}
.left-address h3.h4 {
	font-size: 1.125rem;
}
h2.h3 strong, h2.h3 b {
	font-weight: normal;
}
}
/* Accesibility Styles for Student Affairs subnav (leftnav) */
.menu-container {
	background: #00345D;
	background: url(/responsive/assets/img/header-gradient.png), #00345D;
	background-repeat: repeat-x;
	background-size: 100% 100%;
}
.menu-container label.visuallyhidden, .menu-container #search-input {
	background: #fff;
}
/*Accesibility Styles for /campus page headings, adds a 2nd level background */
.landing-head-a {
	background: url(/responsive/assets/img/services_category.jpg), #00345D;
}
.landing-head-b {
	background: url(/responsive/assets/img/communities_category.jpg), #00345D;
}
.landing-head-c {
	background: url(/responsive/assets/img/leadership_category.jpg), #00345D;
}
.landing-head-d {
	background: url(/responsive/assets/img/resources_category.jpg), #00345D;
}
/* Accesibility Styles for global nav 
   Increase contrast on hover
 */
#main-nav .top-bar-section li:not(.has-form) a:hover:not(.button), #main-nav .top-bar-section li:not(.has-form) a:focus:not(.button) {
	color: #005390;
	background-color: #fff;
}
/*styles for left nav with accordian menu e.g. hr*/
.left-hand .close {
	background: url(/images/close.png), #013360 !important;
	background-repeat: no-repeat!important;
	background-position: right center!important;
	background-position: right center!important;
}
.left-hand .open {
	background: url(/images/open.png), #013360 !important;
	background-repeat: no-repeat!important;
	background-position: right center!important;
}
/* Accesibility Styles for alert & operational class ( generally used in BCTC pages) */


.operational {
	color: #000000; /*previously green*/
}
.alert,.style1, .style10  {
	color: #E00000 !important; /*changed to increase contrast - previously #ff0000*/
}
/* note- alert-message class is overriden as orange on the BC homepage */
.alert-message, .alert-message-red {
	background-color: #E00000 !important; 
}
/*Styles for left-hand nav on some templates*/
.left-hand h2.h3 {
	font-size: 1.25rem;
}

/*accessible style to maintain design of new gateway pages */
#featured-leadership h2.h3, #featured-leadership h2 {
	font-size: 20px;
	text-transform: none;
	font-weight: 500;
	color: black;
	border: none;
	padding-bottom: 0;
	padding-top: 10px;
}
.orbit-prev, .orbit-next {
	color:#005390!important;
}
.orbit-prev span, .orbit-next span {
	color:#ffffff!important;
}

/*styleswitcher default and active styles*/
#switchform label.visuallyhidden {
	display: none; 
	color:#ffffff!important;
}
#switchform.show-for-large-up {
	display: none!important;
}
@media only screen and (min-width: 60em) {

.lowcontrast #switchform.show-for-large-up  {
	display: inline-block!important;
}
#switchform select {
	margin-top: 1rem;
	height: 2.1rem;
	width:auto;
	color:#1c4377;
}

	#social li a:focus img {
		border: #f89828 2px solid;
    	border-radius: 5px;
	}
  
	a.visuallyhiddenTwitter {
		position: absolute;
		left: -9999px;
	}
	a.visuallyhiddenTwitter:focus {
		position: relative;
		left: 0px;
	    width: 100%;
		display: block;
		background-color: #013360;
		color: #fff;
		margin: auto;
		padding: 2px 10px;
	}
	
	.columns.large-uncentered ul.updates {
		display: none;
	}