/*********************************/	
/* DEFAULTS */
body{
	color:white;
	font-size:100%;font-size:1em;
	font-family:'Montserrat',sans-serif;
	line-height:1.5;
	background:#20364a;
	letter-spacing:0;
}
p{
	
}
larger,.larger{
	font-size:130% !important;
}
large,.large{
	font-size:120% !important;
}
small,.small{
	font-size:90% !important;
}
smaller,.smaller{
	font-size:80% !important;
}
a, a:link, a:active, a:visited {
	color:#00bce7;
}
a:hover {
	color:#a6ce39;
}
h1,h2,h3,h4,h5{
	font-size:2.5em;
	font-weight:700;
	font-family:'Montserrat',sans-serif;
	margin-bottom:0.5em;
	line-height:1.2;
	letter-spacing:0.02em !important;
	text-transform: uppercase;
}
h2{
	margin:0 0 0.5em 0;
}
#index h2{
	margin:0 0 1em 0;
}
h2,h3,h4,h5{
	color:#a6ce39;
	font-size:1.8em;
	letter-spacing:-.04em;
}
h3,h4{
	font-size:1.5em;
}
h4{
	font-size:1.3em;
}
h5{
	font-size:1.1em;
}
h1 span.special,h2 span.special{
	font-size:70%;
	display:block;
	margin-bottom:0.25em;
	color:white;
}
h1 span.special{
	font-size:60%;
	margin-bottom:0;
	color:#a6ce39;
}
.excerpt{
	font-weight:700;
	font-style:normal;
}

hr {
    margin: 3em 0;
    border-width: 0;
    border-top: 1px solid #72808a;
}
ul {
    list-style: disc;
}
ol li,ul li{
    padding-left:0.25em;
}


/*********************************/	
/* USER INTERFACE */
#desktop-only{
	visibility:hidden; /* hide for mobile - used for watermarks */
}
blockquote:before,blockquote:after{
	color:#a6ce39;
}
blockquote cite{
	color:#a6ce39;
}

.menu-box .title{
	font-size:1.15em;
	padding:1.25em 1em 1em 1em;
	background:#00bce7;
}
.menu-box .chevron{
	border-color: transparent transparent #00bce7 transparent;
}

.wp-caption-text{
    background:#72808a;
    font-size:90%;
}

/* highlighting */
::-moz-selection { /* Code for Firefox */
    color:white !important;
    background:#702784 !important;
}
::selection {
    color:white !important; 
    background:#702784 !important;
}
.bordered-imagery{
	padding:0.5em;background:#a6ce39;
	margin-bottom:1em;
}
.circled-branded,.circled-branded img{
    border-radius:50%;
	background:#a6ce39;padding:0.5em;
	box-sizing:border-box; /* stops image breaking out of container */
}
#circled-branded-wrapper .wp-caption-text{
	text-align:center;
	padding:0;
	margin:1em 0;
	background:none;
	font-size:inherit;
}

a.img{
	border:0;
}

.panel{
	background:#1b3043;
	padding:2em;margin-bottom:3em;
}

/* paging/pagination */
.pagination {
    overflow: hidden;
    background:#132639;
    padding: 0.8em;
    position: relative;
    min-height: 20px;
}

.blur-effect{
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-o-filter: blur(4px);
	-ms-filter: blur(4px);
	filter:blur(4px);
}

/*banners */
.banner-wrapper{
	background:white;
	margin-top:-2em;margin-bottom:2em;
	width:100%;
	height:auto;
}
.banner-wrapper .banner{
	max-width:100%;
}
.flexslider {
	max-width:100% !important;
	max-height:none;max-height:600px;
}
.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 */	
}
/* banner svg wave effect */
#wave-wrapper{
	display:none;
}
.custom-shape-divider-bottom-1687944908{
	position:relative;
	bottom:80px;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	transform: rotate(180deg);	
}
.custom-shape-divider-bottom-1687944908 svg{
	position: relative;
	display: block;
	width: calc(121% + 1.3px);
	height:50px;
}
.custom-shape-divider-bottom-1687944908 .shape-fill{
	fill:#20364a;
}

/* ribbons */
#ribbons-wrapper{
	margin-top:-2em;
}
#index #ribbons-wrapper{
	margin-top:-2em;
	overflow:visible !important
}	
ul#ribbons{
	margin-bottom:2em;
}
ul#ribbons a li{
	font-size:1em;
	padding:1em;	/*slightly ofset to adjust for font specific spacing*/
	background:#6d2977;/*default color*/
}	
ul#ribbons a li.ribbon-red{
	background:#a72d37;
}
ul#ribbons a li.ribbon-gold{
	background:#bf9c58;
}

/* vertical ribbons */
.vertical-ribbons-wrapper{
	
	display:none;
	
	background:none;
	margin:-1em 0 1em 0 !important;
	height:auto;
	
	z-index:1;
}
ul.vertical-ribbons li img{
	padding:0 0.25em;
	width:auto;
}

/* index watermark */
#indexwatermark{			
	pointer-events:none;
	display:block;
	position:absolute;
	max-width:400px;max-height:469px;
	opacity:0.2;
	left:-20px;
	margin-top:-4em;
}	


/*********************************/	
/* FORMS */
button,input,select,textarea{
	color:#72808a;
}
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	background:#ee3350;
	border:0;
	color:white;
	border-radius:1.8em;
	font-size:0.9em;
	font-weight:700;
	padding:0.5em 1.5em;
	height:auto;
	letter-spacing:0;
	
	transition: opacity 0.35s ease-in-out;
	-moz-transition:opacity 0.35s ease-in-out;
	-webkit-transition:opacity 0.35s ease-in-out;
	-o-transition:opacity 0.35s ease-in-out;	
}
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
	color:white;
	opacity:0.6;
	filter: alpha(opacity=60);
	cursor:pointer;
	-moz-opacity:0.6;
}

/*********************************/	
/* NEWS FEED */
#pwsfc-news-feed-wrapper{
	margin:0 auto;
	width:100%;
}
#pwsfc-news-feed{
	z-index:4;
}
.center #pwsfc-news-feed{
	text-align:center;
	display:block;
}	
#pwsfc-news-feed .pwsfc-news-item-wrapper{	
	position:relative;	
	width:100%;height:auto;
	margin-bottom:2em;
	
	display:block;
	/*overflow:hidden;*/
}	
#pwsfc-news-feed .pwsfc-news-item{
	overflow:hidden;
	margin:0 0 1em 0;
	background:#20364a;
	/*
	Fix overflow issue with rounded corners
	https://stackoverflow.com/questions/5736503/how-to-make-css3-rounded-corners-hide-overflow-in-chrome-opera/10296258#10296258
	*/
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
#pwsfc-news-feed .pwsfc-news-item img{	/*prevents double hover effect on news item image*/ 
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity:1;	
}
#pwsfc-news-feed .pwsfc-news-item-wrapper:hover{

}			
#pwsfc-news-feed .pwsfc-news-item-wrapper a{
	text-decoration:none;
}		
#pwsfc-news-feed .pwsfc-news-item-wrapper img{	
	overflow:hidden;
}	
#pwsfc-news-feed .pwsfc-news-item-wrapper .info{
	position:absolute;bottom:0;left:0;right:0;
	text-align:center;
	max-height:100px;
	/*padding:0.2em 0.4em 0.5em 0.4em;*/
	
	filter:alpha(opacity=100);opacity:1;
}
#pwsfc-news-feed .pwsfc-news-item-wrapper .info h2{	
	font-size:1.1em;
	text-transform:uppercase;
	line-height:1.4;
	font-weight:600;
	letter-spacing:0.025em;
	color:white;
	background:#00b3e3;background:rgba(0,179,227,1);	/* bg opacity */
	margin:0;padding:0.8em;
}
#pwsfc-news-feed .pwsfc-news-item-wrapper .info p{
	display:none;
	font-size:0.9em;
	line-height:1.45;
}
/* pinned news items */
#pwsfc-news-feed-wrapper .pwsfc-news-item-wrapper .wrsf-pinned .timestamp-wrapper{
	
}
.pwsfc-pinned .icon{
	color: #fff;
	font-size:1em;
}		
.pwsfc-pinned .icon:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f08d";
	
}
#pwsfc-news-feed-wrapper .pwsfc-news-item-wrapper .timestamp-wrapper{
	position:absolute;z-index:1;top:0;right:0;width:60px;height:60px;
	
	background:#6d2977;background:rgba(109,41,119,1); /* purple */
	background:#84bd41;background:rgba(132,189,65,1); /* green */
}	
#pwsfc-news-feed-wrapper .pwsfc-news-item-wrapper .timestamp{
	position:relative;height:60px;
}
#pwsfc-news-feed-wrapper .pwsfc-news-item-wrapper .timestamp .content{
	text-align:center;position:absolute;top:0;left:0;right:0;top:50%;transform:translateY(-50%);padding:0.2em;line-height:1.3em;text-transform:uppercase;	
}
#pwsfc-news-feed-wrapper .pwsfc-news-item-wrapper .timestamp .content p{
	margin-bottom:0;
}	
#pwsfc-news-feed-wrapper .pwsfc-news-item-wrapper .timestamp .content p#day{
	font-weight:bolder;
	font-size:120%;
	color:white !important;	
}
#pwsfc-news-feed-wrapper .pwsfc-news-item-wrapper .timestamp .content p#month-year{
	font-size:80%;
	color:white !important;	
}
/* red ribbon news item */
#pwsfc-news-feed .pwsfc-news-item-wrapper .red-ribbon-news .info h2,
#pwsfc-news-feed-wrapper .pwsfc-news-item-wrapper .red-ribbon-news .timestamp-wrapper{	
	background:#a72d37;background:rgba(167,45,55,1);	/* bg opacity */
}
#pwsfc-news-feed .pwsfc-news-item-wrapper .red-ribbon-news a{
	color:white;
}
.icon-important:before{
	font-family:"Font Awesome 5 Free" !important;
	content:"\f071";
	font-weight:900;
	font-size:1.6em;line-height:1.6em;	
}


/* ARTICLE FEED - MASONRY STYLE MENU BOXES (USED ON INDEX ETC) */
#pwsfc-article-feed-wrapper{
	margin:0 auto;
	width:100%;
}
#pwsfc-article-feed{
	z-index:4;
}
.center #pwsfc-article-feed{
	text-align:center;
	display:block;
}	
#pwsfc-article-feed .pwsfc-article-item-wrapper{	
	position:relative;	
	width:100%;height:auto;
	margin-bottom:2em;
	
	display:block;
	/*overflow:hidden;*/
}	
#pwsfc-article-feed .pwsfc-article-item{
	overflow:hidden;
	margin:0 0 1em 0;
	background:#20364a;
	/*
	Fix overflow issue with rounded corners
	https://stackoverflow.com/questions/5736503/how-to-make-css3-rounded-corners-hide-overflow-in-chrome-opera/10296258#10296258
	*/
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
#pwsfc-article-feed .pwsfc-article-item img{	/*prevents double hover effect on news item image*/ 
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity:1;	
}
#pwsfc-article-feed .pwsfc-article-item-wrapper:hover{

}			
#pwsfc-article-feed .pwsfc-article-item-wrapper a{
	text-decoration:none;
}		
#pwsfc-article-feed .pwsfc-article-item-wrapper img{	
	overflow:hidden;
}	
#pwsfc-article-feed .pwsfc-article-item-wrapper .info{
	position:absolute;bottom:0;left:0;right:0;
	text-align:center;
	max-height:100px;
	/*padding:0.2em 0.4em 0.5em 0.4em;*/
	
	filter:alpha(opacity=100);opacity:1;
}
#pwsfc-article-feed .pwsfc-article-item-wrapper .info h2{	
	font-size:1.1em;
	text-transform:uppercase;
	line-height:1.4;
	font-weight:600;
	letter-spacing:0.025em;
	color:white;
	background:#00b3e3;background:rgba(0,179,227,1);	/* bg opacity */
	margin:0;padding:0.8em;
}
#pwsfc-article-feed .pwsfc-article-item-wrapper .info p{
	display:none;
	font-size:0.9em;
	line-height:1.45;
}



/*********************************/	
/* FOOTER */
footer{
	background:#6d2977;
	padding:0 0 0 0;
	
background: #6D2977;
background: linear-gradient(125deg, rgba(109, 41, 119, 1) 60%, rgba(32, 54, 74, 1) 100%);
	
}
footer,footer p,footer h1,footer h2,footer h3,footer h4,footer h5{
	color:white;
}
footer a, footer a:link, footer a:active, footer a:visited {
	color:white;
	text-decoration:underline;
}
footer a:hover {
	color:#f6dff6;
}

#footerwatermark{			
	pointer-events:none;
	display:block;
	position:absolute;
	max-width:500px;max-height:588px;
	opacity:0.1;
	left:50%;transform:translateX(-50%);
	margin-top:-3em;
}	



/*********************************/	
/* MENUS - MAIN MENU & TOP MENU */

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky{
	position:fixed;
	top:0;
	width:100%;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
	padding-top:1em;
}
#stickylogowrap{
	z-index:99;position:fixed;
}

#mobile-menu-wrapper{
	position:sticky;top:0;left:0;right:0;
	z-index:1;
	background:#132639;
	height:50px;line-height:50px;
	margin-bottom:2em;
}

#desktop-menu-wrapper{
	display:none;
	background:#132639;
	margin-bottom:4em;
	z-index:1;
}
#desktop-menu-wrapper #resources-wrapper{
	position:absolute;top:1em;right:0;
	width:130px;
	
	
	/*border:1px solid green;*/
}
#desktop-menu-wrapper #resources-wrapper a.resource{
	color:white;
	text-decoration:none;
	padding:0.8em;
	display:block;
	margin-bottom:1em;
	background:#e51f46;
	border-radius:0.8em 0 0 0.8em;
	text-align:right;
	text-transform:uppercase;
	font-size:0.85em;
	cursor: pointer;
	width:max-content;
}
#desktop-menu-wrapper #resources-wrapper a.resource:last-child{
	margin-bottom:0;
}
#desktop-menu-wrapper #resources-wrapper a.resource span{
	margin-right:0.4em;
	font-size:120%;
}
#desktop-menu-wrapper #resources-wrapper a#login{
	background:#da3e26;	
	float:right;
}
#desktop-menu-wrapper #resources-wrapper a#resources{
	background:#00b1e2;
	float:right;
}
#desktop-menu-wrapper #top-menu-wrapper{
	height:100px;
	padding:1em;
	background-image: linear-gradient(to bottom, #20364a, #132639);	
}
#desktop-menu-wrapper #top-menu-wrapper #main-logo-wrapper{
	width:250px;height:100px;
	margin:0 auto;margin-top:12px;
	overflow:hidden;
}
#desktop-menu-wrapper #top-menu-wrapper #left-side{
	text-align:right;
	position:absolute;top:70px;
	right:50%;margin-right:140px;
	left:0;margin-left:130px;
	
	/*border:1px solid green;*/
}
#desktop-menu-wrapper #top-menu-wrapper #right-side{
	position:absolute;top:70px;
	left:50%;margin-left:140px;
	right:0;margin-right:130px;
	
	/*border:1px solid green;*/
}
#desktop-menu-wrapper #top-menu-wrapper #right-side li.social a{
	padding-right:0;
	font-size:120%;
	position:relative;top:-2px;
}
#desktop-menu-wrapper #top-menu-wrapper #left-side ul,
#desktop-menu-wrapper #top-menu-wrapper #right-side ul{
	margin:0 0 0 0;
	list-style-type:none;
	font-size:70%;
}
#desktop-menu-wrapper #top-menu-wrapper #left-side ul{
	float:right;
}
#desktop-menu-wrapper #top-menu-wrapper #left-side li,
#desktop-menu-wrapper #top-menu-wrapper #right-side li{
	float:left;
	padding:0 0 0 0;margin:0 0 0 0;	
	padding:1em 0;
}
#desktop-menu-wrapper #top-menu-wrapper #left-side li.apply{
	background:#e51f46;
	border-radius:1.4em;
	font-weight:700;
}
#desktop-menu-wrapper #top-menu-wrapper #left-side li.apply a:hover{
	color:white;
}
#desktop-menu-wrapper #top-menu-wrapper #left-side li:last-child,
#desktop-menu-wrapper #top-menu-wrapper #right-side li:last-child{
	margin-right:0;
}
#desktop-menu-wrapper #top-menu-wrapper #left-side li a,
#desktop-menu-wrapper #top-menu-wrapper #right-side li a{
	padding:1em;	
	
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	
	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;	
}
#desktop-menu-wrapper #top-menu-wrapper #left-side li a:hover,
#desktop-menu-wrapper #top-menu-wrapper #right-side li a:hover{
	color:#1eaedb;
}

#desktop-menu-wrapper #main-menu-wrapper{
	border-top:1px solid #1b3043;
	background:#132639;height:60px;
	
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links{
	list-style-type:none;
	margin:0 0 0 0;height:60px;
	
	display: flex;
	justify-content: center;
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li{
	padding:0 0 0 0;margin:0 0 0 0;
	float:left;
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li a{
	display:block;
	padding:0 1em;
	text-decoration:none;
	
	line-height: 60px;
	
	transition:color 0.3s ease-in-out,background 0.3s ease-in-out;
	-moz-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;
	-webkit-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;
	-o-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li a,
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li a:link,
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li a:active,
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li a:visited{
	color:white;
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li a:hover{
	color:#00bce7;
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.current-menu-item a{
	color:#00bce7;	
}
/* set up the downward arrow for top level items */
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li a:after {
	content: ' \f078';
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 60%;
}
/* clear the content if a is only child (remove arrow) */
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li a:only-child:after{
	content: '';
}
/* sub menu items */
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.menu-item-has-children:hover > ul.sub-menu{
	display:block;
}	
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links ul.sub-menu{
	display:none;
	
	position:absolute;top:60px;
	z-index:1;
	background:#1b3043;
	width:300px;
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links ul.sub-menu{
	font-size:90%;
	list-style-type:none;
	margin:0 0 0 0;padding:0 0 0 0;
	/*margin-left:1em;*/
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links ul.sub-menu li{
	display:block;
	float:none;
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links ul.sub-menu li a{
	padding:0 0 0 0;margin:0 0 0 0;
	padding:0.8em 1.6em;
	line-height:1.5;
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links ul.sub-menu li:first-child a{
	padding-top:1.5em;
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links ul.sub-menu li:last-child a{
	padding-bottom:1.5em;
}
/* category links (see all) */
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links ul.sub-menu li.all{
	background:#132639;
	margin-top:1em;
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links ul.sub-menu li.all a{
	padding-top:1.5em;
}

/*MEGA MENU */
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.mega ul.sub-menu{
	display:none;
	
	/* temporarily show mega menu */
	/*
	display:flex;
	justify-content:center;
	*/
	
	width:100%;left:0;
	overflow:hidden;
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.mega ul.sub-menu{
	margin-left:0;
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.mega > ul.sub-menu{
	font-size:100%;
	/*padding:0 1em;*/
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.mega:hover > ul.sub-menu{ /* top level sub menus */
	width:100%;left:0;
	overflow:hidden;
	
	display:flex;
	justify-content:center;
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.mega > ul.sub-menu > li{
	background:#20364a;
	padding:1em;
	margin:2em 1em 2em 1em;
	width:250px;
	display:block;float:left;
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.mega > ul.sub-menu > li:first-child{
	margin-left:2em;
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.mega > ul.sub-menu > li:last-child{
	margin-right:2em;
}
/*
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.mega > ul.sub-menu > li.section{
	border:1px solid pink;
	float:none;	
}
*/

#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.mega ul.sub-menu li a{
	padding:0.6em;
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.mega > ul.sub-menu li.header > a{
	color:#a6ce39;
	font-size:1.2em;
	font-weight:700;
	font-family:'Montserrat',sans-serif;
	margin-bottom:0;padding-bottom:0.5em;
	line-height:1.3;
	letter-spacing:0.02em !important;
	text-transform: uppercase;
	cursor:default;
	
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.mega > ul.sub-menu li.header:first-child > a{
	/* very first header */
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.mega > ul.sub-menu li.header > a:hover{
	color:#a6ce39;
}
/* mega menu parent menu item styling on child hover */
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.menu-parent > a{
	color:#00bce7 !important;
	background:#1b3043;
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.mega .sub-menu a:after{
	content:'';
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.mega > ul.sub-menu li.section ul.sub-menu li.header{
	margin-top:1em;
	
}
#desktop-menu-wrapper #main-menu-wrapper ul#main-menu-links li.mega > ul.sub-menu > li .sub-menu{
    display:inline;
    position:relative;
    top:auto;
}


/* set the cursor for menu items with no link */
#main-menu-wrapper .empty-link {
    cursor:default;
}

/*desktop search li */
li#desktop-search-wrapper{
	position:relative;top:10px;left:1em;
	
	background:#1b3043;
	border-radius:1em;
	height:40px;line-height:40px;
	
}
li#desktop-search-wrapper:hover{
	border-bottom:0;
}
form#desktop-search{
	margin-bottom:0 !important;
	margin-top:1px;
}	
form#desktop-search button{
	
	
	float:left;
	text-align:left;
	padding:0;margin:0;border:0;
	margin:0 .4em 0 .8em;
	color:white;
	
	background:none;
}
form#desktop-search button span{
	position:relative;top:1px; /* slightly adjust search icon */
}
form#desktop-search input{
	float:left;
	max-width:125px;
	border:0;margin:0;
	background:none;
	color:white;
	padding:0 0 0 4px;
}


/*********************************/
/* GOOGLE TRANSLATOR */
	#google-translator-wrapper{	
		overflow:hidden !important;position:fixed !important;top:0 !important;left:0;
		z-index:99;
	}
	.goog-te-combo{
		font-size:100%;font-size:1.1em !important;
		font-family: Arial,sans-serif !important;			
		height:50px;margin:0 0 !important;width:90px;
		border:none !important;border-radius:0 !important;	
	}
	.goog-te-gadget img,.goog-te-gadget a{
		display:none;	/* removed stubborn 'powered by...' message */
	}
	.goog-logo-link {
	   display:none !important;
	}
	.goog-te-gadget {
	   color: transparent !important;
	}
	.goog-te-gadget .goog-te-combo {
	   color: #666 !important;
	}

	/* reposition elements for translator (mobile) */	
	.translated-ltr #google-translator-wrapper, .translated-rtl #google-translator-wrapper{
		position:fixed !important;top:40px !important;z-index:99!important;
		display:block;
	}
	.translated-ltr #mobile-menu-wrapper,.translated-rtl #mobile-menu-wrapper{
		position:fixed !important;top:40px !important;z-index:98!important;
	}	
	
	.skiptranslate{
		margin-bottom:5em;
	}
	
	
	
	/*********************************/
	/* MEDIA QUERIES */
	
	@media (min-width: 550px){	
	
		/* news item adjustments to layout in rows */
		#pwsfc-news-feed .pwsfc-news-item-wrapper{	
			width:340px;height:240px;
			display:inline-block;
			margin-bottom:0;
		}	
		#pwsfc-news-feed .pwsfc-news-item{
			margin:0 1em 2em 1em;
			position:absolute;top:0;left:0;right:0;bottom:0;border:
		}

		/* article item adjustments to layout in rows
		(masonry menu boxes on index etc) */
		#pwsfc-article-feed .pwsfc-article-item-wrapper{	
			width:340px;height:240px;
			display:inline-block;
			margin-bottom:0;
		}
		#pwsfc-article-feed .pwsfc-article-item{
			margin:0 1em 2em 1em;
			position:absolute;top:0;left:0;right:0;bottom:0;border:
		}		
	
		#footerwatermark{			
			left:15%;transform:translateX(-15%);
		}
		
	}
	

	@media (min-width: 1200px){
		
		#desktop-only{
			visibility:visible; /* show on desktop - used for watermarks */
		}		
		
		#pwsfc-news-feed .pwsfc-news-item{
			/*border:1px solid white;*/
		}			
		
		/* Ribbons */
		/* fix ribbon position for non index pages/posts */
		#ribbons-wrapper{
			position:relative;margin-top:-2em;
			margin-bottom:2em;
		}
		ul#ribbons{
			margin-top:2em;
		}
		ul#ribbons a{
			margin:0 1em 1em 0;
			
			opacity:1;
			filter: alpha(opacity=100);
			-moz-opacity:1;
			
			font-family:'Nunito Sans',sans-serif;
			color:white;
			font-weight:700;
			text-transform:uppercase;
			font-size:1em;
			line-height:1.4;
			letter-spacing:0.03em;
			text-shadow: 1px 1px 4px #666;
	
			/*padding:0.9em 0.8em 0.8em 0.8em;*/
		}
		ul#ribbons a li{
			padding-inline: 0 calc(var(--r) + 0em);
			--r: 1.5em;
			
			float:left;
			
			border-block:.2em solid #0000;
			clip-path: polygon(100% 0,0 0,0 100%,100% 100%,calc(100% - var(--r)) calc(100% - 0em),100% 50%,calc(100% - var(--r)) .0em);
			background:#6d2977 padding-box;
			width:fit-content;
			
			cursor: pointer;
		}			
		ul#ribbons a:hover{
			opacity:0.85 !important;
			filter: alpha(opacity=85) !important;
			-moz-opacity:0.85 !important;			
		}		
		#index #ribbons-wrapper{
			width:85% !important;	/* stop horizontal ribbons crossing over vertical ribbons */ 
			margin-top:0;top:200px;
			/*fixes ribbons getting cut off when stick navbar comes into play*/
		}
		#index ul#ribbons {
			margin-left:3em;
		}
		ul#ribbons a li{
			font-size:1.15em;
			padding:0.7em 2em 0.65em 0.85em;	/*slightly ofset to adjust for font specific spacing*/		
			letter-spacing:0.02em;
		}
		.blur-effect #ribbons-wrapper{
			display:none; /* hide ribbons on menu hovers */
		}
		ul#ribbons li.ribbon:after,ul#ribbons li.ribbon-gold:after,ul#ribbons li.ribbon-red:after{
			display:none;
		}
		ul#ribbons a li.ribbon-red{
			background:#a72d37;
		}
		ul#ribbons a li.ribbon-gold{
			background:#bf9c58 padding-box;
		}

		/* vertical ribbons */
		.vertical-ribbons-wrapper{
			display:block;
			top:240px;
			/*margin:0 0 0 0 !important;*/
		}
		ul.vertical-ribbons li img{
			padding:0 0;
		}			
	
		/* news feed - reposition for desktop */
		#pwsfc-news-feed-wrapper{
			position:relative;top:-12em;margin-bottom:-8em;
		}	
		
		/* banner */
		#banner{
			/*background:#22262c;*/
			background:#6d2977;
		}
		.banner-wrapper{
			margin-top:-4em;margin-bottom:2em;
			
		}
		.banner-wrapper .banner #banner-slider .flex-viewport:after{
			/*position:absolute;top:0;bottom:0;left:0;right:0;
			background:#6d2977;opacity:0.5;
			background:rgba(109,41,119,0.5);
			content: "";filter: opacity(25%);*/
		}
		.banner-wrapper .banner img{
			opacity:0.5; /*creates the filter color effect - using a psuedo filter was created hover issues on ribbons etc */
		}	
		/* banner svg wave effect */
		#wave-wrapper{
			display:block;
		}		

		#mobile-menu-wrapper {
			display:none;
		}			
		#desktop-menu-wrapper{
			display:block;
		}	
		
		/* triangle corner peice */
		#tri{
			z-index:3;position:absolute;top:-300px;left:-300px;width:500px;height:500px;transform: rotate(45deg);background:#83bd41;
			-webkit-box-shadow: 0px 10px 14px -8px black;
			-moz-box-shadow: 	0px 10px 14px -8px black;
			box-shadow: 		0px 10px 14px -8px black;
		}
		
		#google-translator-wrapper{	
			position:absolute !important;top:20px !important;left:20px;
		}
		.goog-te-combo{		
			height:45px;margin:0 0 !important;width:135px;
			border-radius:0.25em !important;	
		}
		select.goog-te-combo{		
			appearance:none !important;	/* removes googles default arrow*/
			position:relative;
		}
		.goog-te-gadget{
			position:relative;
		}	
		.goog-te-gadget:after{	/* custom arrow */
			content:"▼";
			position:absolute;top:13px;right:10px;
			color:#ccc;font-size:1.4em;
			cursor:pointer;pointer-events:none;	/* maintain pointer and dont cover hyperlink */
		}
		
		/* reposition elements for translator (desktop) */
		.translated-ltr #google-translator-wrapper, .translated-rtl #google-translator-wrapper{
			position:absolute !important;top:20px !important;z-index:99!important;
		}
		.translated-ltr .sticky,.translated-rtl .sticky{
			position:fixed !important;top:40px !important;
		}
		.translated-ltr #stickylogo,.translated-rtl #stickylogo{
			top:50px !important;
		}
		.translated-ltr #tri.stickytri,.translated-rtl #tri.stickytri{
			top:-400px !important;
		}		
		.skiptranslate{
			margin-bottom:0;
		}		

	}
	
	
	@media (min-width: 1280px){

		#desktop-menu-wrapper #top-menu-wrapper #left-side{
			margin-right:180px;
		}
		#desktop-menu-wrapper #top-menu-wrapper #right-side{
			margin-left:180px;
		}

	}
	
	
	/* news item break points - works well for 5 items */
	@media (min-width: 1388px){	
		#pwsfc-news-feed{
			width:75%;
		}
	}
	@media (min-width: 1732px){	
		#pwsfc-news-feed{
			width:auto;
		}
	}	
	
	
@media (min-width: 1500px) {
	#gmet-watermark-wrapper{
		display:inline;
		position:absolute;left:0;right:0;
		margin-top:0;
		z-index:0;
		height:502px;	
		overflow:hidden;
	}
	#gmet-watermark{
		position:absolute;right:-20px;
		
		z-index:auto;
		width:740px;height:502px;
		/*background-image:url("../gui/gmet-logo-watermark.png");*/
		background-image:url("/wp-content/themes/wrhs/gui/gmet-logo-watermark.png");
		background-repeat:no-repeat;
		filter: alpha(opacity=15);opacity:0.15;
		overflow:hidden;
	}	

}