@font-face {
	font-family:'rock-n-roll';
	src:url('https://wrhs1118.co.uk/wp-content/themes/wrhs/fonts/rock_n_roll-webfont.woff2') format('woff2');
	src:url('https://wrhs1118.co.uk/wp-content/themes/wrhs/fonts/rock_n_roll-webfont.woff') format('woff');
	font-weight:normal;font-style:normal;	
}


/* DEFAULTS - OVERRIDES */
body,p{
	color:#27245e;
	font-size:100%;font-size:1.1em;
	font-family: 'Khula', sans-serif;
	letter-spacing:-0.025em;
}
/*
ol li,ul li{
	font-size:1.1em;
}
*/
li p{
	font-size:1em;
}
a, a:link, a:active, a:visited {
	color:#573e99;
}
a:hover {
	color:#27245e;
}
h1,h2,h3,h4{
	font-family: 'Khula', sans-serif;
	font-weight:800;
	color:#573e99;
	
	letter-spacing:-0.025em;
}
h1{
	font-size:3em;
}
#index h1{
	font-size:2.5em;
}
h1 span.handwritten,h2 span.handwritten{
	color:#01a2ac;
	display:block;margin-bottom:0.25em;
	font-family:'rock-n-roll',georgia,serif;
	font-weight:normal;font-style:normal;
}
h2,h3,h4{
	color:#01a2ac;
}
.excerpt{
	font-size:1.6em;
	font-weight:700;
	font-style:normal;
	line-height:1.3;
}
small,.small,.wp-caption-text{
	font-size:90%;
}
mark{
	color:#01a2ac;
	background:none;
}
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:#01a2ac;
}
hr {
    margin: 3em 0;
    border-width: 0;
    border-top: 1px solid #01a2ac;
}

/* ghost buttons */
.ghost-btn a{
	padding-bottom:0.5em;
}


/***/
/* USER INTERFACE - OVERRIDES */

/* ribbons */
ul#ribbons a li:after{
	display:none !important;
}
ul#ribbons a li span{
	font-family:'rock-n-roll',georgia,serif;
	font-weight:normal;font-style:normal;	
	
	font-size:1.4em !important;	
}
ul#ribbons a li.ribbon,ul#ribbons a li.blue-purple{
	background:#01a2ac;
}
ul#ribbons a li.ribbon-purple{
	background:#573e99;
}
ul#ribbons a li.ribbon-gold{
	background:#ffc20f;
}

/* files */
ul.files li{
	background:#573e99;
	border-radius:0.8em;
}
ul.files li,ul.files li:hover{
	border:none;
}
ul.files li a{
	font-family:'rock-n-roll',georgia,serif;
	font-weight:normal;font-style:normal;
	font-size:1.7em;
	padding:0.8em;
	color:white;
	position:relative;
	line-height:1.3;
	
	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;	
}
.files-2-col-list li a{
	white-space: nowrap;
	font-size:1.5em !important;
	padding:0.25em !important;
	margin-top:0.4em;
}
ul.files li a:before{
	display:none;
}
ul.files li a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	cursor:pointer;
	-moz-opacity:0.6;	
}
ul.files li a span{
	font-family: 'Khula', sans-serif;
	font-size:50%;
	margin-left:0.4em;
	position:relative;top:-8px;
}

/* blockquotes */
blockquote:after{
	bottom:-60px;
}	
blockquote:before,blockquote.center:after,blockquote:after{
    color:#01a2ac;
}

/*fixed banner*/
.desktop-large h1{
	color:white !important;
	font-size:2.3em;
}
.desktop-large h1 span{
	color:white !important;
	
}

.fixed-banner-wrapper{
	top:-4px;
}

/* hexagon masked images */
.hexagon-wrapper{
	display: block;
	-webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	background:#ee7c00;
	padding:0.8em;
}
img.hexagon{
	background:#6bbcef;
}
.hexagon{
	display: block;
	-webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
#hex-text .wp-caption-text{
	background:white;
	text-align:center;
	font-size:100%;
}
/* ie 9,10,11 no hex fallback */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    .hexagon-wrapper{
		padding:0;
		background:none;
	}
}

/* menu boxes */
.menu-box .title{
	letter-spacing:0.025em;
	line-height:1.3em;
}

/* menu boxes - masonry style */
.macy-masonry-grid .menu-box{
	border:1px solid #573e99;
}
.macy-masonry-grid .menu-box .image-wrapper{
	margin-bottom:47px;
}
.macy-masonry-grid .chevron,
.menu-box .chevron{
	border-color:#573e99 transparent;
}
.macy-masonry-grid .title,
.menu-box .title{
	text-transform:none;
	font-weight:700;
	background:#573e99;
}
.menu-box .title{
	font-size:1em !important;
	
}
.macy-masonry-grid .title{
	line-height:1.5em;
	font-size:1.1em !important;
}
.macy-masonry-grid .title span,
.menu-box .title span{
	position:relative;top:0.1em;
}

.macy-masonry-grid #highlight-menu-box .menu-box{
	border:1px solid #ee7c00 !important;
}
.macy-masonry-grid #highlight-menu-box .title{
	background:#ee7c00 !important;
}
.macy-masonry-grid #highlight-menu-box .chevron,
.macy-masonry-grid #highlight-menu-box .menu-box .chevron {
    border-color: #ee7c00 transparent;
}



/***/
/* MENU/TOOLBAR - OVERRIDES*/

#wr-mobile-toolbar{
	background:#573e99;
	margin-bottom:3px;
	border-bottom: 3px solid #ffc20f;
}
#mobile-menu label {
    background:#01a2ac;
}
#desktop-search .fa-search{
	font-size:0.8em;
	padding-top: 25px;
}
@media (max-width: 1299px) {
	.hamburger:before,.fa-search:before{
		position:relative;top:0.2em;
	}
	.hamburger:before{
		font-size:30px;
	}
	.mobile-icons .fa-search:before{
		font-size:20px;
	}
}
@supports (-webkit-touch-callout: none) {
	/* slight positional adjustment for ios devices */
	.hamburger{
		margin-top:-8px !important;
	}
	.search-icon{
		margin-top:-4px !important;
	}		
}
#mobile-menu #menu-wrapper {
    background:#01a2ac;
}
#mobile-menu #menu-primary-menu > li, #mobile-menu #menu-top-menu-1 > li{
    border-bottom:1px solid white !important;
}
#mobile-menu #menu-wrapper ul{
	font-weight:700;
}

.wr-desktop-toolbar .wr-desktop-logo a, #social-menu, ul#top-menu, .block-link a, .block-link-frog a{
	margin-top:0.2em;	/* font baseline adjustments */
}
#wr-desktop-toolbar li.block-link{	/* recources lnk */
	background:#01a2ac;
}
.block-link-frog img{
	margin:16px 0 0 4px !important;
}
#wr-desktop-toolbar-wrapper a, #wr-desktop-toolbar-wrapper a:link, #wr-desktop-toolbar-wrapper a:active, #wr-desktop-toolbar-wrapper a:visited{
	color:#573e99;
}

#wr-desktop-menu-wrapper{
	background:#573e99;
	border-bottom:5px solid #ffc20f;
}
#wr-desktop-menu-wrapper #desktop-search{
	background:#493687;
}
#desktop-search span{
	padding-top:0.3em !important;
}
#wr-desktop-menu a{
	letter-spacing:0 !important;
	text-shadow:none !important;
}
#wr-desktop-menu {
    font-size: 0.88em;
}
#wr-desktop-menu li{
	margin:0 1.2em 0 0;
}
#wr-desktop-menu .sub-menu {
    top:97px;
    background:#573e99;
	border-top:5px solid #ffc20f;
}
/* section links in menu (e.g. 'see all' of this cat) */
#wr-desktop-menu .sub-menu li.section-link{
	background:#01a2ac;
}



/***/
/* FOOTER - OVERRIDES*/
footer{
	padding-top:0;
	background:#27245e;
}
footer,footer p{
	color:white;
}
footer a:hover{
	color:#eee;
}
footer p#slogon{
	font-family:'rock-n-roll',georgia,serif;
	background:#01a2ac;color:white;
}
footer h1,footer h2,footer h3,footer h5{
	color:white;
}


@media (min-width: 1200px) {
	
	/* ribbons */
	ul#ribbons a {
		margin: 0 1em 1em 0;	
	}
	ul#ribbons a li{
		padding:0.6em 0.8em;
		transform: rotate(-1deg);
	}
	
	#fixed-banner-ribbon-repositioner{
		margin-bottom:-1.7em;
	}	
	#fixed-banner-ribbon-repositioner{
		top:1.7em;
	}	
}


@media (max-width: 1299px) {
	.files-2-col-list li {
		
		overflow:visible !important;
		height:auto !important;
		white-space:normal !important;
		padding:0.8em !important;
	}
	.files-2-col-list li a{
		white-space:normal !important;
		margin-top:-0.1em !important;
		font-size:1.7em !important;
	}
}


@media (min-width: 1500px) {
	.menu-box .title{
		font-size:1.2em;
	}
	.menu-box .title span{
		top:0.2em;
	}	
}