/* NEW HOMEPAGE REDESIGN 2024 */
#index2 h1{		
	font-size:1.8em;
	font-weight:normal;
}
#index2 h1 span{
	display:block;margin-bottom:0.4em;
	font-family:'kg-always-a-good-time',georgia,serif;
	color:#4185c6;
}

#wrsf-courses-search-bar-inner{
	
}
#wrsf-courses-search-bar-inner #col1{
	margin-bottom:1em;
}
#wrsf-courses-search-bar-inner #col2{
	
}
#wrsf-courses-search-bar-inner #col3{
	margin-bottom:1em;
}

#wrsf-courses-search-wrapper{
	
}
/*find a course search term*/
#wrsf-courses-search-wrapper form#searchform input#s{
	background:none;
	width:88%;
	border:0;padding:0;margin:0;
}
/*submit button*/
#wrsf-courses-search-wrapper form#searchform button#searchsubmit{
	width:20px;
	float:left;
	text-align:left;
	padding:0.7em 0 0 0;margin:0;border:0;	
}
.wrsf-courses-search-bar{
	background:#2e2d71;color:white;
	overflow:hidden;
	margin-top:-2em;margin-bottom:4em; 
	padding:4em 0;
}
.wrsf-courses-search-bar .courses-search-tag{
	font-family:'kg-always-a-good-time',georgia,serif;
	color:#4185c6;	
	display:block;margin-top:1.1em;
	font-size:1.2em;
}
.wrsf-courses-search-bar .courses-search-tag a{
	color:#4185c6 !important;
	text-decoration:none;
}
.wrsf-courses-search-bar ul,.wrsf-courses-search-bar li{
	margin-bottom:0 !important;
}
.wrsf-courses-search-bar ul{
	display:block;margin-top:1.1em;	
}
.wrsf-courses-search-bar li{
	margin-right:1.5em !important;
}
.wrsf-courses-search-bar a, .wrsf-courses-search-bar a:link, .wrsf-courses-search-bar a:active, .wrsf-courses-search-bar a:visited {
	color:white;
	text-decoration:none;
}
.wrsf-courses-search-bar a:hover {
	color:#ccccff;
}

.wrsf-courses-search-bar .fa-search:before {
    font-size:16px;color:white;
}
.wrsf-courses-search-bar .fa-search:before {
    position: relative;
    top:-0.4em;
}

#wrsf-courses-search-wrapper{
	position:relative;
}
#wrsf-courses-search-wrapper:after{	/* arrow */
    display:none;
	content:"";
    position:absolute;
	top:0;right:-59px;
    height:0;
    width:0;
    border:30px solid transparent;
    border-left: 30px solid #e9108c;	
}

/* Sections */
#wrsf-section-wrapper{
	position:relative;width:100%;
	padding:6em 0 6em 0;margin-bottom:8em;
	background:#29387b;
}
#wrsf-section-wrapper section{
	color:white;
}

#wrsf-section-wrapper a, #wrsf-section-wrapper a:link, #wrsf-section-wrapper a:active, #wrsf-section-wrapper a:visited {
	color:white;
}
#wrsf-section-wrapper a:hover{
	color:#ccccff;
}

/* SF block section with bg image */
#wrsf-block-wrapper{
	color:white;
	position: relative;
    width:100%;
    padding:6em 0;
    margin-bottom:8em;
    background:#29387b;
	
	background-image:url(/wp-content/uploads/sites/4/2019/01/wr-sixth-form-centre-wide-angle-2019.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
#wrsf-block-wrapper:before{
    content:"";
    position:absolute;
    top:0px;right:0px;bottom:0px;left:0px;
    background-color:rgba(41,56,123,0.75);
}
#wrsf-block-wrapper h1,#wrsf-block-wrapper h1 span,#wrsf-block-wrapper p,
#wrsf-block-wrapper a,#wrsf-block-wrapper .ghost-btn a:hover{
	color:white;
}
#wrsf-block-wrapper a:hover{
	color:#ccccff;
}


/***/
/* WRSF NEWS FEED */

	#wrsf-news-feed-block-wrapper .wr-news-item-wrapper .timestamp-wrapper{
		position:absolute;z-index:1;top:0;right:0;width:60px;height:60px;
		background:#4085c6;background:rgba(64,133,198,0.90);
	}	
	#wrsf-news-feed-block-wrapper .wr-news-item-wrapper .timestamp{
		position:relative;height:60px;
	}
	#wrsf-news-feed-block-wrapper .wr-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;	
	}
	#wrsf-news-feed-block-wrapper .wr-news-item-wrapper .timestamp .content p{
		margin-bottom:0;
	}	
	#wrsf-news-feed-block-wrapper .wr-news-item-wrapper .timestamp .content p#day{
		font-weight:bolder;
		font-size:120%;
		color:white !important;	
	}
	#wrsf-news-feed-block-wrapper .wr-news-item-wrapper .timestamp .content p#month-year{
		font-size:80%;
		color:white !important;	
	}	
	#wrsf-news-feed-block-wrapper{
		margin:0 auto;
	}
	#wr-news-feed-block{
		z-index:4;
	}
	.center #wr-news-feed-block{
		text-align:center;
		display:block;
	}	
	#wr-news-feed-block .wr-news-item-wrapper{	
		position:relative;	
		width:340px;height:240px;
		display:inline-block;
		/*overflow:hidden;*/
	}	

	#wr-news-feed-block .wr-news-item{
		overflow:hidden;
		margin:0 1em 2em 1em;
		position:absolute;top:0;left:0;right:0;bottom:0;
		/*
		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);
	}
	#wr-news-feed-block .wr-news-item img{	/*prevents double hover effect on news item image*/ 
		opacity:1;
		filter: alpha(opacity=100);
		-moz-opacity:1;	
	}
	#wr-news-feed-block .wr-news-item-wrapper:hover{

	}			
	#wr-news-feed-block .wr-news-item-wrapper a{
		text-decoration:none;
	}		
	#wr-news-feed-block .wr-news-item-wrapper img{	
		overflow:hidden;
	}	
	#wr-news-feed-block .wr-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=90);opacity:0.9;
	}
	#wr-news-feed-block .wr-news-item-wrapper .info h2{
		font-family: 'Open Sans', sans-serif;
		font-size:1.1em;
		text-transform:uppercase;
		line-height:1.4;
		font-weight:600;
		letter-spacing:0.025em;
		color:white;
		background:#3b4140;background:rgba(233,16,140,1);	/* bg opacity */
		margin:0;padding:0.8em;
	}
	#wr-news-feed-block .wr-news-item-wrapper .info p{
		display:none;
		font-size:0.9em;
		line-height:1.45;
	}
	/* pinned news items */
	#wrsf-news-feed-block-wrapper .wr-news-item-wrapper .wrsf-pinned .timestamp-wrapper{
		background:red;
		background:rgba(255,0,0,0.90);
	}
	.wrsf-pinned .icon{
		color: #fff;
		font-size:1em;
	}		
	.wrsf-pinned .icon:before{
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f08d";
	}



@media (min-width: 1200px) {
	.wrsf-courses-search-bar{
		height:60px;
		margin-top:-4em;
		margin-bottom:7em;
		padding:0 0 0 0;
	}
	#wrsf-courses-search-bar-inner{
		
	}
	#wrsf-courses-search-bar-inner #col1{
		margin-bottom:0;
		float:left;width:300px;position:
	}
	#wrsf-courses-search-bar-inner #col2{
		float:left;max-width:200px;margin-right:70px;	
	}
	#wrsf-courses-search-bar-inner #col3{
		margin-bottom:0;
		float:left;	
	}
	.wrsf-courses-search-bar .courses-search-tag{
		font-size:inherit;
	}
	#wrsf-courses-search-wrapper:after{	/* arrow */
		display:block;	
	}	
	.wrsf-courses-search-bar{
		/*display:block;*/
	}
}


@media (min-width: 1500px) {
	.wrsf-courses-search-bar{
		margin-top:-3em;
		margin-bottom:7em;
	}
}


/* WRSF 2022 RESKIN */

/**
 * @license
 * MyFonts Webfont Build ID 4743861, 2022-04-29T09:42:06-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: KGAlwaysAGoodTime by Kimberly Geswein
 * URL: https://www.myfonts.com/fonts/kimberly-geswein/kg-always-a-good-time/regular/
 * Copyright: Copyright (c) 2012 by Kimberly Geswein. All rights reserved.
 * 
 * 
 * 
 * © 2022 MyFonts Inc
*/





/***/
/* DEFAULTS */

@font-face {
  font-family:'kg-always-a-good-time';
  src:url('https://wrhs1118.co.uk/wp-content/themes/wrhs/fonts/KGAlwaysAGoodTime.woff2') format('woff2');
  src:url('https://wrhs1118.co.uk/wp-content/themes/wrhs/fonts/KGAlwaysAGoodTime.woff') format('woff');
}

/* defaults overides */
body,p,#news-wrapper p,#news-wrapper h3 span{
	font-family:'Open Sans',sans-serif;
	color:#2e2d71;
	letter-spacing:0;
}
a, a:link, a:active, a:visited {
	color:#e9108c;
}
a:hover {
	color:#ff3aaa;
}

.ghost-btn a{
	border:1px solid #e9108c;
	background:#e9108c;
	color:white;
	text-transform:none;
}
.ghost-btn a:hover{
	border:1px solid #ff3aaa;
	background:#ff3aaa;	
}

h1{
	font-family:'Open Sans',sans-serif;
	font-size:2.1em;
	letter-spacing:-0.025em;
	color:#2e2d71;
	font-weight:bolder;
	margin-bottom:1em;
}
h2,h3,h4,#index #news-wrapper h3.grad{
	font-family:'kg-always-a-good-time',georgia,serif;
}
h2{
	font-size:1.9em;
}
h3{
	font-size:1.7em;
}
h4{
	font-size:1.5em;
}
.fixed-banner-wrapper h1{
	color:white;
}
#article-masonry-grid a{
	color:#2e2d71;
}
h3.grad{
	color:white;
	text-align:center;
	padding:1em;
	margin-bottom:0.1em;
	border-radius:1em 1em 0 0;
	
	background:#3fa248;	/* fallback */
	background:-webkit-linear-gradient(90deg, #3fa248 0%, #3776bb 25%, #772981 50%, #d61a85 75%, #f37448 100%);
	background:-o-linear-gradient(90deg, #3fa248 0%, #3776bb 25%, #772981 50%, #d61a85 75%, #f37448 100%);
	background:-moz-linear-gradient(90deg, #3fa248 0%, #3776bb 25%, #772981 50%, #d61a85 75%, #f37448 100%);
	background:linear-gradient(90deg, #3fa248 0%, #3776bb 25%, #772981 50%, #d61a85 75%, #f37448 100%);	
}
hr.grad{
	width:100%;
	height:6px;
	margin:3.5em 0;
	border:none;

	background:#fdc70f;	/* fallback */
	background:-webkit-linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);
	background:-o-linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);
	background:-moz-linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);
	background:linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);			
}
.excerpt{
	color:#006fa8;
	font-style:normal;
	font-weight:bolder;
	font-size:1.5em;
	letter-spacing:-0.05em;
	margin-bottom:2em;
}

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


/* news overides */
#index #news-wrapper{
	background:none;
}
#index #news-wrapper h3.grad{
	font-size:1.5em;
	text-transform:none;
	margin-bottom:0;
	font-weight:normal;
}


/* menu/toolbar overides */
.hamburger:before,.fa-search:before{
	position:relative;top:0.2em;
}
.hamburger:before{
	font-size:30px;
}
.fa-search:before{
	font-size:20px;
}
@supports (-webkit-touch-callout: none) {
	/* slight positional adjustment for ios devices */
	.hamburger{
		margin-top:-10px !important;
	}
	.search-icon{
		margin-top:-4px !important;
	}		
}

#wr-desktop-menu-wrapper{
	background:#2e2d71;
}
#wr-desktop-menu-wrapper,#wr-mobile-toolbar{
	/*border-bottom:6px solid #fdc70f;*/
	border-bottom:0;
}
#wr-mobile-toolbar-wrapper{
	margin-bottom:5px;
}
#wr-desktop-menu .sub-menu li.section-link,
#wr-mobile-toolbar{
	background:#252469;
}
#wr-desktop-menu a:hover{
	color:#fdc70f;
}
#wr-desktop-menu .sub-menu{
	background:#2e2d71;
	border-top:0;
}
#wr-desktop-menu-wrapper:before,#wr-mobile-toolbar::before{
    content:"";
    position:absolute;bottom:-5px;
	display:block;
	height:5px;width:100%;	

	background:#fdc70f;	/* fallback */
	background:-webkit-linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);
	background:-o-linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);
	background:-moz-linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);
	background:linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);	
}


/* search */
#wr-desktop-menu-wrapper #desktop-search,
#mobile-menu #menu-wrapper{
	background:#242357;	
}
#mobile-menu label{ /*hamburger*/
	background:#242357;		
}


/* menu boxes overides */
.menu-box{
	font-weight:bolder;
}
.menu-box .chevron{
	display:none;
}
.menu-box .title{
	background:#fdc70f;	/* fallback */
	background:-webkit-linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);
	background:-o-linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);
	background:-moz-linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);
	background:linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);
}


/* social media overides */
#get-tweets-in-php .content{
	background:#006fa8;		
}
#get-tweets-in-php .content .chevron{
	border-color:transparent transparent #006fa8 transparent;	
}
ul.wrsf-social{
	margin-bottom:0;
	font-size:1.5em;
	margin-left:0;	/* removed padding to properly center */
}
ul.wrsf-social li{
	list-style-type:none;
	margin:0 0 0 0;
	margin-right:0.2em;
	
	border-radius:50%;
	width:40px;height:40px;line-height:40px;
	background:#006fa8;	
	
	float:none;
	display:inline-block;
	text-align:center  !important;	
}
ul.wrsf-social li a{
	display:block;
}
ul.wrsf-social li:last-child{
	margin-right:0;color:green !important;
}
ul.wrsf-social li a, ul.wrsf-social li a:hover{
	color:white;
}



/* badge/welcome overides */
.sf-badge{
	margin-bottom:-1em;

}
#welcome-text{
	position:relative;z-index:2;margin-bottom:0;	
}


/* info blocks */
#info-block-wrapper{
	
}
#info-block-wrapper #info-block{
	background:#232257;padding:1em;color:white;border-radius:0 0 1em 1em;
}
#info-block-wrapper #info-block h4{
	margin-bottom:0.2em;
}
#info-block-wrapper #info-block .col1{
	float:left;width:40px;margin-right:10px;
}

#info-block-wrapper #info-block p{
	color:white;
	line-height:1.35em;
}
#info-block-wrapper #info-block .bullet{
	background:#368ccb;width:40px;height:40px;line-height:40px;text-align:center;font-size:2em;font-weight:bolder;
}



/* files */
ul.files li{
	font-family:'kg-always-a-good-time',georgia,serif;
	text-transform:none;
	font-size:1.3em;
	
	background:#ea0e8b;
	border:0 !important;
}
ul.files li a{
	padding:1em;
	
	color:white;
	font-weight:normal;
	
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	
	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;			
}
ul.files li a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	cursor:pointer;
	-moz-opacity:0.6;		
}
ul.files li span{
	font-family:'Open Sans',sans-serif;
	text-transform:uppercase;
}


/* blockquote */
blockquote:after{
	bottom:-60px;
}	
blockquote:before,blockquote.center:after,blockquote:after{
	color:#006fa8 !important;
}
cite{
	color:#2e2d71 !important;
}


/* gradient style imagery */
.wrsf-img-grad div{
	background:#fdc70f;	/* fallback */
	background:-webkit-linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);
	background:-o-linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);
	background:-moz-linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);
	background:linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);	
}
.wrsf-img-grad a{
	display:block;padding:0.5em;
}
.wrsf-img-grad .wp-caption{
	margin-bottom:0;
}


/* footer */
footer{
	padding:3em 0 0 0;
	background:#222257;
}
footer h1,footer h2,footer h3, footer h4{
	color:white;
}
footer a:hover{
	color:#ccccff;
}

footer #tag-wrapper{
	background:#222257;
}
footer #tag-wrapper .tag{
	padding:3em 0 3em 0;
	
	background:#fdc70f;	/* fallback */
	background:-webkit-linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);
	background:-o-linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);
	background:-moz-linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);
	background:linear-gradient(90deg, #fdc70f 0%, #d61a85 25%, #772981 50%, #3776bb 75%, #3fa248 100%);	
}
footer ul.wrsf-social{
	margin:0 0 0 0;
}
footer ul.wrsf-social li{
	background:white;	
}
footer ul.wrsf-social li a, footer ul.wrsf-social li a:hover{
	color:#006fa8;
}

/* Sixth Form Courses menu adjustments */
.icon-menu ul#menu-sixth-form-courses li.small{ /* fake sub mneu items (small) */
	padding-left:0.5em;
}

/* menu boxes - masonry style */
.macy-masonry-grid .menu-box{
	border:1px solid #e9108c;border:none;
}
.macy-masonry-grid .title{
	background:#e9108c !important;
}
.macy-masonry-grid .menu-box .title{
	font-size:1.1em !important;
	
}


@media (min-width: 550px) {
	footer #tag-wrapper .tag{
		padding:1em 0 1em 0;
	}
	footer #tag-wrapper .tag p{
		margin:0.25em 0 0 0;
	}
	footer ul.wrsf-social{
		margin:0 0 0 0;
		float:right;
	}
	
	#info-block-wrapper #info-block .col1{
		display:none;
	}	
}




@media (min-width: 1080px) {
	footer{
		margin-bottom:8em;
	}
	footer #tag-wrapper{
		position:absolute;width:100%;
	}
	footer #tag-wrapper .tag{
		width:90%;
		float:right;border-radius:4em 0 0 0;
		padding:1.5em 5em 1.5em 5em;
		
		/* box sizing prevents padding from changing container width */
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */		
	}	
	
	#info-block-wrapper #info-block .col1{
		display:block;
	}	
	
}

	
@media (min-width: 1200px) {

	#fixed-banner-ribbon-repositioner{
		
	}	
	#fixed-banner-ribbon-repositioner{
		
	}	
	
	.sf-badge{
		margin-bottom:-9.5em;

	}
	#welcome-text{
		margin-bottom:0.5em;		
	}
}

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


@media (min-width: 1500px) {
	#wrsf-grad-watermark-wrapper-2{
		display:inline;
		position:absolute;top:130px;left:0;
		height:380px;	
		overflow:hidden;
	}
	#wrsf-grad-watermark-2{
		position:static;top:auto;left:0;right:auto;
		z-index:0;
		width:750px;height:380px;
		background-image:url("/wp-content/themes/wrhs/gui/wrsf-grad-watermark-2.png");
		background-repeat:no-repeat;
		filter:alpha(opacity=10);opacity:0.1;
		overflow:hidden;
	}	
	#wrsf-grad-watermark-wrapper{
		display:inline;
		position:absolute;top:100px;right:0;
		height:485px;	
		overflow:hidden;
	}
	#wrsf-grad-watermark{
		position:static;top:auto;left:0;right:auto;
		z-index:0;
		width:878px;height:485px;
		background-image:url("/wp-content/themes/wrhs/gui/wrsf-grad-watermark.png");
		background-repeat:no-repeat;
		filter:alpha(opacity=10);opacity:0.1;
		overflow:hidden;
	}
	
	#gmet-watermark-wrapper{
		display:inline;
		position:absolute;left:0;right:0;
		margin-top:-80px;
		z-index:0;
		height:502px;	
		overflow:hidden;
	}
	#gmet-watermark{
		position:absolute;right:0;
		
		z-index:auto;
		width:740px;height:502px;
		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;
	}	

}