/* DEFAULTS */
body,p {
	color:#666;
	font-size:100%;font-size:1em;
	font-family: 'Open Sans', sans-serif;
	line-height:1.5;
}
h1,h2,h3,h4 {
	font-size:2.5em;
	font-family: 'Roboto Slab', sans-serif;
	margin-bottom:0.5em;
	line-height:1.2;
	letter-spacing:0;
}
h2 {
	margin:1.5em 0 0.5em 0;
}
#index h2 {
	margin:0 0 0.5em 0;
}
h2,h3,h4 {
	font-size:1.8em;
	letter-spacing:-.04em;
}
h3,h4 {
	font-size:1.5em;
}
h4 {
	font-size:1.3em;
}

a, a:link, a:active, a:visited {
	color:#4e2f91;
	text-decoration:underline;
}
a:hover {
	color:#9582bd;
}
#wr-desktop-toolbar-wrapper a, #wr-desktop-toolbar-wrapper a:link, #wr-desktop-toolbar-wrapper a:active, #wr-desktop-toolbar-wrapper a:visited{
	color:#4e2f91;
}
#wr-mobile-toolbar-wrapper a, #wr-mobile-toolbar-wrapper a:link, #wr-mobile-toolbar-wrapper a:active, #wr-mobile-toolbar-wrapper a:visited{
	color:white;
}
#wr-desktop-toolbar-wrapper a:hover,#wr-mobile-toolbar-wrapper a:hover {
	
}

/* class to better position anchor tags with the fixed menu/toolbar */
.anchor{
	padding-top:50px;
	margin-top:-50px;
	visibility:hidden;
	display:block;
}

blockquote:before,blockquote.center:after{
	color:#d8a32a;
}

.files li{
	border:1px solid #4e2f91;
	font-size:0.9em;
}
.files li:hover{
	border:1px solid #9582bd;
}

hr.thick{
	overflow:hidden;
	margin:0.5em 0 0.8em 0;padding:0;
	width:60%;margin-left:20%;margin-right:20%;
	border:none;
	height:40px;line-height:40px;font-size:40px;
	color:#ccc;
}
hr.thick:after {
	display:block;
	content:"-------------------------------------------------------------";
	text-align:center;
	letter-spacing:15px; /* Use letter-spacing to increase space between dots*/
}

/* highlighting */
::-moz-selection { /* Code for Firefox */
    color:white !important;
    background:#4e2f91 !important;
}
::selection {
    color:white !important; 
    background:#4e2f91 !important;
}


/***/
/* TOOLBARS / DIVIDERS / FLEX ORDERING */
.wr-logo{
	margin-left:12.5px;
}
.wr-logo a{
	color:white;
	text-decoration:none;
	font-size:0.8em;
	line-height:50px;
	height:50px;display:block;
}
.wr-logo a::before{
	content: "WRHS1118";
}
.wr-desktop-logo a{
	text-decoration:none;
	font-size:0.8em;
	line-height:50px;
	height:50px;display:block;
}
.wr-desktop-logo a::before{
	content: "WRHS1118";
}

#wr-mobile-toolbar-wrapper,#wr-mobile-toolbar{
	/* wrapper pushes content below fixed banner */
	height:50px;
	width:100%;
	margin-bottom:0;
}
#wr-desktop-toolbar-wrapper{
	display:none;
	height:50px;line-height:50px;
	position:fixed;top:0;left:0;right:0;
	z-index:10;
	background:white;	
}

#wr-desktop-toolbar{
	/* margin-left:2em; */
}
#wr-desktop-toolbar a{
	text-decoration:none;
	font-size:0.9em;
	display:block;
}
#wr-mobile-toolbar{
	position:fixed;top:0;
	background:#3e3e3d;
	z-index:10;
	background:rgb(62,62,61); /* fallback for older browsers without rgba-support */
	color:#4574b8;
	border-bottom:3px solid #d9a425;
}
#wr-desktop-toolbar li.block-link,
#wr-desktop-toolbar li.block-link-intranet{
	background:#4e2f91;
	padding:0 1em;
	margin:0;
	text-transform:uppercase;
}
#wr-desktop-toolbar li.block-link-intranet{
	background:#ec3c01;padding-top:0.15em;
}
#wr-desktop-toolbar li.block-link a,
#wr-desktop-toolbar li.block-link-intranet a{
	color:white;
}


/***/
/* HOMEPAGE / BANNER */

/* filter */
#news-wrapper .filter{
	background:#4f3190;
	padding:1em 0.8em 0.8em 0.8em;
}
#news-wrapper .filter a{
	color:#ccc;
}
#news-wrapper .filter li{
	display:inline;
}
#news-wrapper .filter li.current a,
#news-wrapper .filter a:hover,
#news-wrapper .filter a.active{
	color:white;
}

.badge, .sf-badge{
	margin-bottom:1em;
}

/*banner */
.banner-wrapper{
	background:#22262c;
	margin-top:-2em;
}
.banner-wrapper{
	width:100%;
	height:auto;
}
.banner-wrapper .banner{
	max-width:100%;
}
.flexslider {
	max-width:100% !important;
}
.slides{
	/* clip banners - stops it popping up lower down the page */
	/*
	max-height:600px;
	overflow:hidden;
	*/
}
.slides li img {
	max-width:100% !important;	/* max-width fixes stretch issue on 1st image */	
}

/* login button - mobile */
#mobile-login-link{
	z-index:9;
	background:#ec3c01;
	padding:0.75em 1em 0.5em 1em;
	border-radius:0.4em;
}
#mobile-login-link a{
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.9em;
	color:white;

}
#mobile-login-link:hover{
	background:#ff4b0f;
}


/***/
/* MENUS */


ul#top-menu,ul#social-menu{
	float:left;margin-right:2em;	
}
ul#top-menu li,ul#social-menu li{
	float:left;
	list-style-type:none;
	margin:0;margin-right:0.8em;
}
ul#top-menu li:last-child,ul#social-menu li:last-child{
	margin-right:0;
}

ul#social-menu a{
	font-size:150%;
}


#wr-desktop-menu-wrapper{
	display:none;
	height:47px;line-height:47px;
	position:fixed;top:50px;left:0;right:0;
	background:#404040;
	background: rgb(150,150,150); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(64,64,64,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(150,150,150,1) 0%,rgba(64,64,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(150,150,150,1) 0%,rgba(64,64,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#404040',GradientType=0 ); /* IE6-9 */

	z-index:10;
	border-bottom:3px solid #d9a425;
}
#wr-desktop-menu{
	margin-left:2em;
	font-size:0.9em;
}
#wr-desktop-menu li{
	float:left;
	list-style-type:none;
	margin:0 1.5em 0 0;
}
#wr-desktop-menu li:last-child{
	margin:0;
}
#wr-desktop-menu a, #wr-desktop-menu a:link, #wr-desktop-menu a:active, #wr-desktop-menu a:visited{
	display:block;	/* make links fill height for hover */
	text-decoration:none;
	color:white;
	letter-spacing:0.03em;
	
	transition: color 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out;
	-webkit-transition: color 0.5s ease-in-out;
	-o-transition: color 0.5s ease-in-out;
	
	text-shadow: 0px 10px 10px #333;

}
#wr-desktop-menu a:hover,#wr-desktop-menu li.current-menu-item a{
	color:#ffcc26;	
}
/* sub menu */
#wr-desktop-menu .sub-menu{
	display:none;
	margin:0;padding:0;
	position:fixed;top:97px;	/* minus border-bottom 3px */
	font-size:90%;
	background:#3e3e3d;
	width:250px;
	/*padding-bottom:1em;*/
	overflow:hidden;
	border-top:3px solid #d9a425;
}
#wr-desktop-menu .sub-menu li{
	float:none;
	text-transform:none;
	padding:0;margin:0;
	line-height:normal;

}
#wr-desktop-menu .sub-menu li:first-child{
	margin-top:1em;
}
#wr-desktop-menu .sub-menu li:last-child{
	margin-bottom:1em;

}		
#wr-desktop-menu .sub-menu a{
	display:block;
	margin:0;padding:0.8em 1.5em;
}
#wr-desktop-menu .sub-menu li a::before {
	/*content:"- ";*/
}
/* show sub menu on hover */
#wr-desktop-menu ul li:hover > .sub-menu {
	display: block;
}
/* section links in menu (e.g. 'see all' of this cat) */
#wr-desktop-menu .sub-menu li.section-link{
	background:#333;
	margin-bottom:0;
}
#wr-desktop-menu .sub-menu li.section-link a{
	padding:1.5em;margin-top:0.5em;
}	


/* set up the downward arrow for top level items */
#wr-desktop-menu ul li a:after {
	content: ' \f107';
	font-family: FontAwesome;font-style: normal;
	font-weight: normal;
   }
/* clear the content if a is only child */
#wr-desktop-menu li a:only-child:after{
	content: '';
}		

/* */


/* search */
#wr-desktop-menu-wrapper #desktop-search{
	margin:8px 8px 0 0;padding-left:10px;background:#414141;border-radius:1em;height:31px;overflow:hidden;	
}
.mobile-icons{
	z-index:20;
	position:fixed;top:0;right:0;
}
.search-icon,.translator-icon{
	position:fixed;right:50px;
	cursor:pointer;
	height:50px;width:50px;
	color:white;
	text-align:center;
	line-height:50px;
}
.translator-icon{
	right:100px;
}
.search-icon a,.translator-icon a{
	color:white;
}
.search-icon a:hover,.translator-icon a:hover{
	color:#eee;
}

/* mobile menu - overrides */

	.hamburger:before{
		font-size:1.2em;
	}

	#mobile-menu #menu-primary-menu > li,
	#mobile-menu #menu-top-menu-1 > li{
		border-bottom:1px solid #666;
	}
	#mobile-menu #menu-top-menu-1 li:last-child{
		border-bottom:none;
	}	

	#mobile-menu #menu-wrapper ul{
		font-size:0.95em;
		margin-left:0;
	}
	#mobile-menu #menu-wrapper .sub-menu{
		font-size:0.8em;
		display:block;
	}
	
	/* hamburger menu */
	#mobile-menu label{
		position:fixed;top:0;right:0;
		height:50px;width:50px;
		color:white;
		line-height:50px;
		background:#333333;
	}
	/* hamburger hover */		
	#mobile-menu label:hover{
		color:#eee;
	}
	
	#mobile-menu #menu-wrapper{
		background:#333;
		z-index:10;
		position:fixed;top:50px;bottom:0;left:0;right:0;
		/* momentum scrolling - https://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/ */
		overflow-y: scroll; /* has to be scroll, not auto */
		-webkit-overflow-scrolling: touch;	
	}
	#mobile-menu #menu-wrapper hr{
		height:1px;
		border:none;
		color:#000;
		background:#666;
		width:80%;
		text-align:center;
		margin: 1em auto;
	}
	
   /* set up the right arrows first */
   #mobile-menu li a:after{
	   content: '';
	}
   /* set up the downward arrow for top level items */
   #mobile-menu ul li a:after {
		content: ' \f107';
		font-family: FontAwesome;font-style: normal;
		font-weight: normal;
	   }
	/* clear the content if a is only child */
	#mobile-menu li a:only-child:after{
		content: '';
	}


	/* show sub menus on hover */
	#mobile-menu ul li:hover > .sub-menu {
		display:none;
	}

	
	
/***/
/* FOOTER */
footer{
	padding:2em 0 1em 0;
	margin:0;padding-bottom:0;
}
footer p#slogon{
	color:#ffcd34;
	padding:1em;
	margin-bottom:2em;
}
#marks img{
	max-height:80px;
}
footer h1,footer h2,footer h3,footer h4{
	margin-top:0;
}


/***/
/* GOOGLE TRANSLATOR */
.goog-te-gadget img,.goog-te-gadget a{
	display:none;	/* removed stubborn 'powered by...' message */
}
/*
#google-translator-wrapper{
	display:none !important;
	visibility:hidden !important;
}
.translated-ltr #wr-desktop-toolbar-wrapper,.translated-rtl #wr-desktop-toolbar-wrapper{
	margin-bottom:1000px !important;
}
*/


#google-translator-wrapper{	
	height:50px;overflow:hidden !important;position:fixed !important;top:0 !important;
	right:100px;
	z-index:99;
}

.goog-logo-link {
   display:none !important;
}
.goog-te-gadget {
   color: transparent !important;
}
.goog-te-gadget .goog-te-combo {
   color: #666 !important;
}

select.goog-te-combo{
	border:none;
	width:180px;
	height:50px;
	border-radius:0;
}
select.goog-te-combo{
	font-size:16px;
}
.goog-te-gadget .goog-te-combo{
	margin:0 !important;
}	
.translated-ltr #google-translator-wrapper, .translated-rtl #google-translator-wrapper{
	top:100px !important;
}
#google_translate_element{

}

.translated-ltr .slides,.translated-rtl .slides{
	top:140px;
}

.translated-ltr #wr-mobile-toolbar,.translated-rtl #wr-mobile-toolbar,
.translated-ltr .mobile-icons,.translated-rtl .mobile-icons,
.translated-ltr #mobile-menu label,.translated-rtl #mobile-menu label{
	position:fixed !important;top:40px !important;z-index:99!important;
}
.translated-ltr #wr-desktop-toolbar-wrapper,.translated-rtl #wr-desktop-toolbar-wrapper{
	position:fixed !important;top:40px !important;
}
.translated-ltr #wr-desktop-menu-wrapper,.translated-rtl #wr-desktop-menu-wrapper{
	position:fixed !important;top:90px !important;
}
.translated-ltr select.goog-te-combo,.translated-rtl select.goog-te-combo{
	position:fixed !important;top:40px !important;right:100px;
}

/* sub menu */
.translated-ltr #wr-desktop-menu .sub-menu,.translated-rtl #wr-desktop-menu .sub-menu{
	position:fixed;top:137px;	/* minus border-bottom 3px */
}
.translated-ltr #mobile-menu #menu-wrapper,.translated-rtl #mobile-menu #menu-wrapper{
	position:fixed;top:93px;	/* minus border-bottom 3px */
}




/***/
/* OVERIDES */

	ul#ribbons{
		margin-bottom:2em;
	}

	.ghost-btn a{
		border:1px solid #4e2f91;
	}
	.ghost-btn a:hover{
		border:1px solid #9582bd;
	}

	/* fixed banner overriding styles - mobile size */
	.fixed-banner-wrapper{
		position:relative;margin-top:-2em !important;		
	}	
	@media (max-width: 1200px) {
		.fixed-banner-wrapper{
			margin-bottom:3em;margin-top:0;
		}
	}
	

	/* Contact Form 7 overides */
	
	#contact7 input[type=text],#contact7 input[type=tel],#contact7 input[type=email]{
		padding-top:0.6em;	/* adjustments for font spacing (bottom) */
	}	

	/* footer contact form only */	
	footer #contact7 input, footer #contact7 textarea{
		color:white !important;
		background:#3d3d3d;
		border:none;
	}
	footer #contact7 input[type=text],footer #contact7 input[type=email], footer #contact7 textarea{
		width:100%;
		padding:0;height:auto;
	}
	footer #contact7 input::placeholder,footer #contact7 textarea::placeholder{
		color:silver !important;
	}
	footer #contact7 input[type=text],footer #contact7 input[type=email],footer #contact7 textarea{
		padding:0.8em !important;
	}
	footer #contact7 input:focus,footer #contact7 textarea:focus{
		border:1px solid grey;
	}	
	footer #contact7 input[type=submit]{
		
	}	

	/* Vertical Ribbons */
	.vertical-ribbons-wrapper{
		margin:-2em 0 2em 0;
	}

	/* Menu Boxes */
	.menu-box .title{
		background:#4f3190;
	}
	.menu-box .chevron{
		border-color:transparent transparent #4f3190 transparent;	
	}

	/* News Feed */
	#trust-news{
		/* hide trust news on first load */
		/* display:none; */
	}
	#news-wrapper p{
		font-size:90%;
	}
	#news-wrapper h3{
		font-family: 'Open Sans', sans-serif;
		font-size:0.9em;
		font-weight:bolder;
		text-transform:uppercase;
	}
	#news-wrapper .hoverable img:hover{	/* stops the double hover effects for images in news items*/
		opacity:1 !important;
		filter:none !important;
	}
	/* nth news items */
	#news-wrapper .nth{
		margin-bottom:0em;	/* keeps pnews flush at top */
	}
	#news-wrapper .nth a:nth-of-type(even) {  
		background:#f5f6f6;
	}
	#news-wrapper .nth a:nth-of-type(odd) {  
		background:#eeedee;
	}
	/* external link icon - overides */
	.ext-link-icon:before{
		background:white;color:#4e2f91;
		font-size:16px;
		right: -1.2em;
	}
	


/***/

@media (min-width: 550px) {

	/* simple aside menu panels (desktop only) - OVERIDES */
	.left-aside-menu-panel{
		/*border-right:1px solid #d9a425;*/
	}
	.right-aside-menu-panel{
		/*border-left:1px solid #d9a425;*/
	}
	.left-aside-menu-panel h1, .left-aside-menu-panel h2, .left-aside-menu-panel h3, .left-aside-menu-panel h4,
	.right-aside-menu-panel h1, .right-aside-menu-panel h2, .right-aside-menu-panel h3, .right-aside-menu-panel h4{
		/*color:#d9a425;*/
	}
	.left-aside-menu-panel a, .left-aside-menu-panel a:link, .left-aside-menu-panel a:active, .left-aside-menu-panel a:visited,
	.right-aside-menu-panel a, .right-aside-menu-panel a:link, .right-aside-menu-panel a:active, .right-aside-menu-panel a:visited{
		/*color:#d9a425;*/
	}
	.left-aside-menu-panel a:hover,
	.right-aside-menu-panel a:hover{
		/*color:#f2c65d;*/
	}	
	/* */	

}


@media (min-width: 1200px) {
	
	/* google translator */

	#google-translator-wrapper{	
		right:0;height:50px;margin:0;
	}
	select.goog-te-combo{
		font-size:1.2em;
	}
	.translated-ltr select.goog-te-combo,.translated-rtl select.goog-te-combo{
		right:0;
	}


	.top-nav-wrapper{
		margin-bottom:8em;
	}	
		
	/* class to better position anchor tags with the fixed menu/toolbar */
	.anchor{
		padding-top:100px;
		margin-top:-100px;
	}	
		
	/* Ribbosn */
	/* fix ribbon position for non index pages/posts */
	#ribbons-wrapper{
		position:relative;margin-top:-2em;
		margin-bottom:2em;
	}
	ul#ribbons{
		margin-top:2em;
	}
	#index #ribbons-wrapper{
		width:85% !important;	/* stop horizontal ribbons crossing over vertical ribbons */ 
		margin-top:0;top:70px;
	}	
	#index ul#ribbons{
		margin-top:0;
	}	
	
	/* Vertical Ribbons */
	.vertical-ribbons-wrapper{
		/*top:93px;*/
		top:106px;
	}	
	.vertical-ribbons-wrapper{
		margin:0;
	}	
	
	/* hide mobile login link */
	#mobile-login-link{
		display:none;
	}	
	
	#index #news-wrapper-shell{
		position:relative;top:-120px;margin-bottom:-120px;
	}
	#index #news-wrapper{
		background:white;
	}	
	
	
	/*banner */
	.banner-wrapper{
		margin-top:4em;margin-bottom:4em;	/*fixes margin issue below banner images */
	}
	.slides li{
		margin-top:-3em;	/* adjust bannr image position - smart crop */
	}		
	
	#wr-mobile-toolbar-wrapper,#mobile-menu{
		display:none;
	}
	#wr-desktop-toolbar-wrapper,#wr-desktop-menu-wrapper{
		display:block;
	}
		

	.badge, .sf-badge{
		z-index:1;
		position:relative;top:-7em;margin-bottom:-6.5em;
	}
	.badge img, .sf-badge img{
		border:2px solid white;
		background:white;
	}
	.sf-badge{
		
	}
	.sf-badge img{
		width:120px;height:120px;padding:1em;
	}		
	
}


@media (min-width: 1300px) {
	.wr-desktop-logo a::before{
		content: "ÐÓ°ÉÔ­´´";
	}
}


@media (min-width: 1400px) {
	#index #news-wrapper-shell{
		position:relative;top:-180px;margin-bottom:-180px;
	}
}


@media (min-width: 1500px) {

	/* Vertical Ribbons */
	.vertical-ribbons-wrapper{
		top:120px;
	}
	
	#index #ribbons-wrapper{
		margin-top:0;top:120px;
	}
	
	/* watermarks */
	#watermark-wrapper{
		position:relative;
	}
	#watermark-wrapper{
		display:inline;
		position:absolute;top:0;right:0;
		height:1151px;	
		overflow:hidden;
	}
	#watermark{
		position:static;top:auto;left:0;right:auto;
		z-index:auto;
		/*
		width:537px;height:1151px;
		background-image:url("/wp-content/themes/wrhs/gui/wr-homepage-watermark.png");
		*/
		width:537px;height:648px;
		background-image:url("/wp-content/themes/wrhs/gui/wr-homepage-watermark-2.png");
		background-repeat:no-repeat;
		opacity:0.04;filter:alpha(opacity=4);
		overflow:hidden;
	}
	#wrsf-watermark-wrapper{
		position:relative;
	}
	#wrsf-watermark-wrapper{
		display:inline;
		position:absolute;top:0;right:0;
		height:802px;	
		overflow:hidden;
	}
	#wrsf-watermark{
		position:static;top:auto;left:0;right:auto;
		z-index:auto;
		width:516px;height:802px;
		background-image:url("/wp-content/themes/wrhs/gui/wrsf-homepage-watermark.png");
		background-repeat:no-repeat;
		opacity:0.04;filter:alpha(opacity=4);
		overflow:hidden;
	}		
	
	/*banner */
	.banner-wrapper{
		margin-top:-1em;margin-bottom:-1em;	/*fixes margin issue below banner images */
		height:480px;
		position:fixed;
		z-index:-1;
	}
	/* parallax scrolling */
	.slides{
		position:fixed;top:100px;right:0;left:0;
	}
	.slides li{

	}
	.parallax-content-wrapper{
		background:white;position:relative;padding-top:3em;	
	}	
}



@media (min-width: 1900px) {
	#index #ribbons-wrapper{
		margin-top:0;top:100px;
	}	
	
	/* Vertical Ribbons - overides */
	.vertical-ribbons-wrapper{
		/*top:85px;*/
	}
	ul.vertical-ribbons li{
		margin:0 0 1em 0;
	}	
		
	/* banner height can be slightly bigger on large screens */
	.banner-wrapper{
		height:620px;
		margin-top:0;margin-bottom:0;
	}
	.flexslider {
		max-height:620px
	}
	.slides li{
		margin-top:0;
	}	
	
}