/*

Theme Name: Poetry by Heart 2017
Theme URI:http://poetrybyheart.org.uk/
Description: Poetry By Heart
Author: Declan Tyson
Author URI: http://howoco.com/
License:GNU General Public License
License URI:license.txt
Version:1.2.0
Tags:White, Dark

*/



@font-face {
    font-family: 'Sassoon';
    src: url('fonts/sassopri-webfont.eot');
    src: url('fonts/sassopri-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sassopri-webfont.woff2') format('woff2'),
         url('fonts/sassopri-webfont.woff') format('woff'),
         url('fonts/sassopri-webfont.ttf') format('truetype'),
         url('fonts/sassopri-webfont.svg#sassoon_primaryregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
  font-family: vag;
  src: url("fonts/vag-thin.eot");
}

@font-face {
  font-family: vag;
  src: url("fonts/vag-thin.woff") format("woff");
}

@font-face {
  font-family: vag;
  src: url("fonts/vag-thin.ttf") format("truetype");
}

@font-face {
  font-family: vaglight;
  src: url("fonts/vag-light.eot");
}

@font-face {
  font-family: vaglight;
  src: url("fonts/vag-light.woff") format("woff");
}

@font-face {
  font-family: vaglight;
  src: url("fonts/vag-light.ttf") format("truetype");
}

.aligncenter,

.bypostauthor,

.sticky,

.wp-caption-text,

.gallery-caption,

.wp-caption {}



* {

	padding:0;

	margin:0;

	outline:none;

}



/* -----BODY STUFF----- */

body {
	width:auto;
	font-family:vag, sans-serif;
	line-height:1.2em;
	height:100%;
	background:#ebebeb;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
}

iframe {
	max-width: 100%;
	border: none;
}

#mainWrapper {
	width: 100%;
	background-color: #ebebeb;
	padding-bottom: 39px;
}

#mainWrapper #main {
	margin: 0 auto;
	max-width: 1024px;
	border: none;
}

/*#main,.content-box {padding:60px; width:495px; margin:78px 20px 80px; box-shadow:0 1px 1px rgba(0,0,0,.1); position:relative;}*/

.page #main, .listing > div, /*.content-box*/ {

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	background: #FFFFFF;

	margin: 80px auto;

}

.single-post {
	background-color: #ebebeb;
}

.single-post #main, .content-box {
	width: auto;
	background-color: #fff;
	margin-left: 200px;
	border-left: solid 1px #000;
}

.primary-post,
.shakespeare-post {
	background-color: #fff;
}

.primary-post #main, .primary-post .content-box,
.shakespeare-post #main, .shakespeare-post .content-box {
	width: 100%;
	margin: 0 auto;
	max-width: 1024px;
	border: none;
	position: relative;
}

.primary-post #main .poem-content,
.shakespeare-post #main .poem-content {
	max-width: 750px;
	padding: 40px 0;
	font-family: 'Sassoon', 'vag', sans-serif;
}

.primary-post .entry p,
.shakespeare-post .entry p {
	font-size: 24px;
	line-height: 36px;
}

.primary-poem-image {
	width: 100%;
	display: block;
}

.primary-fancy-text-box img {
	width: 70%;
	padding: 40px 15%;
}

#main {
	padding: 0;
}

#main .poem-content, .content-box .content {
	padding: 0 60px 60px 60px;
	margin: 0 auto;
	max-width: 500px;
}

.poem-content .entry { width:auto !important; padding: 0 30px; }

.content-box {
	padding: 60px;
	padding-top: 0;
	background-color: #fff;
}

/* -----HTML TAGS 'N STUFF----- */

a {text-decoration:none; color:blue;}

a:hover {text-decoration:underline;}

a[href$='jpg']:hover,

a[href$='png']:hover,

a[href$='gif']:hover {cursor:url(images/cursors/mag_glass.png),pointer;}



p {font-size:14px;  margin-bottom:12px;}



/*h1,h2,h3, h4, h5, h6 {font-weight:normal; margin-bottom:15px; font-family:'georgia',serif; font-style:italic; }*/

h1,h1 a,h1 a:visited,

h2,h2 a,h2 a:visited,

h3,h3 a,h3 a:visited,

h4,h4 a,h4 a:visited,

h5,h5 a,h5 a:visited,

h6,h6 a,h6 a:visited {text-decoration:none;}

h1 a:hover,

h2 a:hover,

h3 a:hover,

h4 a:hover,

h5 a:hover,

h6 a:hover {text-decoration:underline;}



/* -----PAGE STUFF----- */

#loadingContainer {position:fixed; top:0%; left:0%; right:0%; bottom:0%; z-index:100; background-image:url('images/ajax-loader.gif'); background-repeat: no-repeat; background-position: center; background-color: #ebebeb;}

#wrapper {position:absolute; top:0%; left:0%; right:0%; bottom:0%;}

div.post, div.page { background-color:#FFFFFF;}

/*---HEADER STUFF---*/
#headerContainer {
	height: 124px;
	width: 100%;
	position:absolute;
	z-index:1999;
	top:0;
	/*border-bottom: solid 5px #0a1c66;*/
	background-color:#fff;
}

#header {
	/*box-shadow:0 1px 1px rgba(0,0,0,.1);*/
	left:0;
	height:124px;
	right:0;
	background: #ffffff;
	max-width: 1024px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.logo {
	display:inline-block;
	padding: 20px;
}

.logo img {display:inline-block;}



h1#theTagline {display:inline-block; position:relative; bottom:2px; left:0; font-size:14px; padding:0; margin:0 0 0 15px; opacity:.5}



/*-------MAIN NAVIGATION STUFF--------*/

#navigation {display:inline-block; float:right;}

#navigation li a {

	color: #fff;

}

#dropmenu {list-style:none;  position:relative; width:100%; z-index:400; padding-right:17px;}

#dropmenu li {display:block; position:relative; float:left;}

#dropmenu li a {

	text-decoration:none;

	display:block;

	padding:10px 15px 5px 5px;

	font:normal 14px vag, sans-serif;

}

#dropmenu > li > a {

	height:30px;

	margin-top:5px;

}



#dropmenu .hovered > a{

	border: solid 4px #5B64C7;

	border-bottom: none;

	z-index: 600;

	position: relative;

	padding: 5px 10px 15px 9px;

	top: -10px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	background: black;

	margin-left: -8px;

	margin-right: 1px;

	margin-top: 10px;

}



#dropmenu > .hovered-single {

	margin-top:-5px;

}



#dropmenu img {

	position: relative;

	top: 2px;

}



#dropmenu li a:hover {text-decoration:none;}

#dropmenu ul {

	list-style:none;

	position:absolute;

	width:210px;

	z-index:300;

	top:50px;

	right:1px;

	padding-bottom:0px;

	display:block;

	visibility:hidden;

	opacity:0;

	box-shadow:0 1px 1px rgba(0,0,0,.1);

	background:#000;

	border:solid 4px #5b64c7;

	-webkit-border-top-left-radius: 5px;

	-moz-border-radius-topleft: 5px;

	border-top-left-radius: 5px;

}

#dropmenu ul li {position:relative; width:100%;}

#dropmenu ul li a {line-height:16px; padding:10px; border-bottom:none; opacity:.6; font-size:16px;border-bottom:solid 1px #5b64c7;

	-moz-transition-property:background-color, color, opacity;

 	-moz-transition-duration:0.20s;

 	-moz-transition-timing-function:linear;



 	-webkit-transition-property:background-color, color, opacity;

 	-webkit-transition-duration:0.20s;

 	-webkit-transition-timing-function:linear;



 	-o-transition-property:background-color, color, opacity;

 	-o-transition-duration:0.20s;

 	-o-transition-timing-function:linear;

 	}

#dropmenu ul li a:hover {opacity:1;background:#404f7e;}

#dropmenu ul li ul {position:absolute;top:-1px; right:17070px;}

#dropmenu li:hover ul ul,

#dropmenu li:hover ul ul ul,

#dropmenu li:hover ul ul ul ul {visibility:hidden; opacity:0;}

#dropmenu li.hovered ul,

#dropmenu li li:hover ul,

#dropmenu li li li:hover ul,

#dropmenu li li li li:hover ul {display:block; visibility:visible; opacity:1;

	-moz-transition-property:opacity;

 	-moz-transition-duration:0.15s;

 	-moz-transition-timing-function:linear;



 	-webkit-transition-property:opacity;

 	-webkit-transition-duration:0.15s;

 	-webkit-transition-timing-function:linear;



 	-o-transition-property:opacity;

 	-o-transition-duration:0.15s;

 	-o-transition-timing-function:linear;



}

#dropmenu > li.current-menu-item a:after,

#dropmenu > li.current-menu-ancestor a:after {

	bottom:0;

	border-style: solid;

	border-color: #ce0000 transparent transparent transparent;

	content:"";

	height:0;

	width:0;

	position:absolute;

	border-width:7px;

	left:5px;

}



#dropmenu > li.current-menu-item.hovered a:after,

#dropmenu > li.current-menu-ancestor.hovered a:after {

	border-color: transparent;

}



#selectMenu {padding:5px; display:none; position:absolute; z-index:10; right:15px; bottom:15px; width:150px;}

/* ----MORE STUFF----- */

#more {

	text-decoration:none;

	display:block;

	position:absolute;

	right:0;

	top:0;

	height:28px;

	font:normal 9px/28px vag, sans-serif;

	z-index:2001;

	text-transform:uppercase;

	letter-spacing:.5px;

	color:#fff;

	padding:0 0 0 15px;

	width:85px;

}

#more:hover {color:#fff}

#more.openMe:after {

	content:"";

	border-style:solid;

    display:block;

    position:absolute;

    top:50%;

    width:0;

    height:0;

    z-index:1000;

    cursor:pointer;

    margin:-3px 0 0 -4px;

    border-color:#fff transparent transparent;

    border-width:4px 4px 0;

    right:10px;

}

#more.closeMe:after {

	content:"";

	border-style:solid;

    display:block;

    position:absolute;

    top:50%;

    width:0;

    height:0;

    z-index:1000;

    cursor:pointer;

    margin:-3px 0 0 -3px;

    border-color:transparent transparent #fff;

    border-width:0 4px 4px;

    right:10px;

}



/*---TIMELINE CONTROLS STUFF---*/

#controlsWrapper {
	font:normal 10px/40px vag, sans-serif;
	height:39px;
	position:absolute;
	top: 690px;
	z-index:1000;
 	left:0;
 	right:0;
}

#controlsWrapper p {margin:0px 15px; font:normal 10px/40px vag, sans-serif;}



/*---TIMELINE CONTAINERS---*/

#timelineWrapper {
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:1;
	background-color: #ebebeb;
}

#timeline {
	vertical-align:top;
	position:absolute;
	padding: 0 50px;
	height:403px; /*HEIGHT OF ITEMS + SHADOW */
	top: 190px;
	margin: 0 auto;
	white-space: nowrap;
}



/*---LARGE LEFT RIGHT HOVERS---*/

.sidebar {width:49px; position:absolute; top:0; bottom:0; z-index:1000; display:none;}

.sidebar#left {left:0; cursor:url('images/cursors/arrow_left.png'),w-resize;}

.sidebar#right {right:0; cursor:url('images/cursors/arrow_right.png'),e-resize;}



/*---EVENT ITEMS---*/

.event {
	position:relative;
	height: 392px;
	width:260px;
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
	margin:0;
}
.mix-it-up {
    margin: 0 auto 20px auto;
    width: 200px;
    text-align: center;
    padding: 10px;
    border: solid 1px black;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    cursor: pointer;
}

.shakespeare-filters .toggle-filters {
	width: 200px;
	text-align: center;
	padding: 10px;
	font-size: 18px;
	border: solid 1px #fff;
	color: #333;
	font-weight: bold;
	cursor: pointer;
	margin: 0 auto;
}

.shakespeare-filters h2 {
	text-align: center;
	line-height: normal;
	margin: 40px 0 20px 0;
	color: #fff;
	letter-spacing: 1px;
}

.shakespeare-filters .filter-option {
	margin: 5px;
	width: 200px;
	text-align: center;
	padding: 15px;
	background: #666;
	border: none;
	font-size: 24px;
	border-radius: 0px;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 1px;
	cursor: pointer;
	color: #fff;
	float: left;
}

.shakespeare-filters .shakespeare-filter-options {
	display: none;
	max-width: 480px;
	margin: 0 auto;
}

.shakespeare-filters .shakespeare-filter-options #shakespeare-autocomplete {
	padding: 10px 15px;
	font-size: 24px;
	font-family: 'VAG', sans-serif;
	width: 440px;
	margin: 20px auto 0 auto;
	display: block;
	border: solid 1px #666;
}

.shakespeare-filters .shakespeare-filter-options .autocomplete-results {
	background-color: #fff;
	padding: 15px;
	border: solid 1px #666;
	width: 440px;
	margin: -1px 4px 0 4px;
	position: absolute;
	display: none;
	z-index: 2000;
}

.shakespeare-filters .shakespeare-filter-options .autocomplete-results a {
	color: #000;
	display: block;
	font-size: 18px;
	padding: 10px 0;
	font-weight: lighter;
}

.shakespeare-filters .shakespeare-filter-options .autocomplete-results a strong {
	font-weight: bold;
}

.shakespeare-filters .shakespeare-filter-options.themes {
	display: none;
}

.shakespeare-filters .shakespeare-filter-options.themes h2 .close-themes {
	height: 20px;
	padding-right: 20px;
	filter: brightness(0) invert(1);
	cursor: pointer;
}

.shakespeare-filters .theme.selected {
	background-color: #fff;
	color: #666;
}

.event.primary-event {
	height: auto;
}
.event.shakespeare-event,
.event.wwi-event {
	height: 300px;
}

.event.shakespeare-event .event-preview-content {
	display: none;
}

.event.shakespeare-event.poem-display-shakespeare {
	position: relative;
	height: 250px;
	width: 100%;
	opacity: 1;
	cursor: default;
}

.event.shakespeare-event.poem-display-shakespeare .thumbnail {
	width: 100%;
	display: table;
	cursor: default;
	background-size: cover;
}

.event.shakespeare-event.poem-display-shakespeare .shakespeare-header {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 250px;
}

.event.shakespeare-event.poem-display-shakespeare .shakespeare-header h2 {
	display: inline-block;
	width: 100%;
	cursor: default;
	font-size: 124px;
	height: auto;
	line-height:normal;
	border: none;
}

.event.shakespeare-event.poem-display-shakespeare .shakespeare-header h3 {
	display: inline-block;
	width: 100%;
	cursor: default;
	font-size: 36px;
	color: #fff;
	line-height:normal;
}

.visible-event {
	z-index: 200;
}

.event img {
	width:260px;
	height:260px;
	display:block;
}

.event iframe {display:block; height:350px;}

.eventTitle {
	font-family: vag, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 24px;
	white-space: normal;
	height: 100px;
	background-color: #0054a5;
	color: #fff;
	-moz-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.primary-event .eventTitle,
.shakespeare-event .eventTitle,
.wwi-event .eventTitle {
	height: 200px;
	width: 100%;
	opacity: 0;
	/*opacity: 0.8;*/
	color: #fff;
	left: 0;
	cursor: pointer;
	position: absolute;
	filter: alpha(opacity = 0);
	/*filter: alpha(opacity = 80);*/
}
.primary-event .thumbnail,
.shakespeare-event .thumbnail,
.wwi-event .thumbnail {
	cursor: pointer;
}
.primary-event .eventTitle { background-color: transparent; }
.primary-event .thumbnail {
	background-position: center;
	background-size: auto 100%;
	width: 100%;
	min-height: 100%;
}
.primary-event .eventTitle h2,
.shakespeare-event .eventTitle h2,
.shakespeare-event .thumbnail h2,
.wwi-event .eventTitle  h2 {
	vertical-align: middle;
	background-color: #2b5eb3;
	height: 200px;
	display: table-cell;
	text-align: center;
	width: 200px;
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	border-bottom: solid 1px white;
}

.shakespeare-event .thumbnail {
	background-image: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	-webkit-transition: background-image 0.4s ease-out;
	-moz-transition: background-image 0.4s ease-out;
	-ms-transition: background-image 0.4s ease-out;
	-o-transition: background-image 0.4s ease-out;
	transition: background-image 0.4s ease-out;
}

.shakespeare-event .eventTitle h2 {
	font-size: 20px;
	line-height: 24px;
	padding: 0 30px;
}

.shakespeare-event .eventTitle h2 span {
	display: block;
	font-weight: bold;
	font-size: 32px;
	padding-bottom: 25px;
}

.shakespeare-event .thumbnail h2 {
	background-color: transparent;
	font-size: 64px;
	color: #fff;
}

.event.shakespeare-event,
.shakespeare-event .thumbnail,
.shakespeare-event .thumbnail h2,
.shakespeare-event .eventTitle,
.shakespeare-event .eventTitle h2 {
	width: 250px;
	height: 250px;
}

.random-event span {
	color: #df435c;
}

.primary-event .eventTitle h2 {
	background-color: #fff;
	color: #000;
	font-size: 22px;
    line-height: 28px;
    padding: 0 20px;
}

.primary-event .eventTitle h2 span {
	font-family: 'Sassoon', 'vag', sans-serif;
}
.primary-event .eventTitle h2 span,
.shakespeare-event .eventTitle h2 span,
.wwi-event .eventTitle  h2  span {
	/*opacity: 1;*/
	opacity: 0;
	/*filter: alpha(opacity = 100);*/
	filter: alpha(opacity = 0);
}

.primary-event a,
.shakespeare-event a,
.wwi-event a {
	color: #fff;
	text-decoration: none;
	display: block !important;
	padding-bottom: 1px;
}

.primary-event a.hidden,
.shakespeare-event a.hidden,
.wwi-event a.hidden {
	display: none !important;
}

.wwi-event .eventTitle .tot-2 {
	height: 100px;
}

.wwi-event .eventTitle .count-2 {background-color: #072963;}
.wwi-event .eventTitle .count-3 {background-color: #071731;}

.wwi-event .eventTitle .tot-3 {
	height: 66px;
}
.primary-event .eventDetails h2,
.shakespeare-event .eventDetails h2,
.wwi-event .eventDetails h2 {
	background-color: #ececec;
}

.eventTitle p {
	font-size: 20px;
	line-height: 22px;
}

.eventDetails {
	white-space: normal;
	position: absolute;
	top: 260px;
	width: 260px;
	left: 0;
	text-align: center;
}

.eventDetails .year{
	width: 240px;
	background-color: #fff;
	height: 20px;
	padding: 5px 10px;
	font-size: 15px;
}

.eventDetails h2 {
	white-space:nowrap;
	text-overflow:ellipsis;
	cursor:pointer;
	padding: 10px;
	height: 40px;
	background-color: #fff;
	overflow:hidden;
	font-family: vag, sans-serif;
	font-size: 16px;
	display:block;
	margin:0;
	line-height: 20px;
	color: #000;
	border-top: solid 1px #000;
}

.eventDetails h2 span {
	font-weight:normal;
	font-size: 16px;
}
.primary-event .eventDetails h2,
.shakespeare-event .eventDetails h2,
.wwi-event .eventDetails h2 {
	border: none;
}



.eventDetails .eventInfo {

	width:auto;

	height:285px;

	padding:25px;

	overflow:auto;

	-webkit-border-bottom-left-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	-moz-border-radius-bottomleft: 5px;

	-moz-border-radius-bottomright: 5px;

	border-bottom-left-radius: 5px;

	border-bottom-right-radius: 5px;

}



/*--EVENT ITEMS WITH NO IMAGE--*/

.noImg {width:350px;}

.noImg .eventDetails {top:0;}

.noImg .eventDetails h2 {cursor:default;}



/*---divider MARKERS---*/

.divider, .newdivider {

	font:bold 11px/28px vag, sans-serif;

	height:28px;

	text-align:center;

	color:#fff;

	display:inline-block;

	position:relative;

	margin:0 -85px 0 0px;

	width:85px;

	letter-spacing:1px;

	left:0px;

	top:-28px;

	z-index:1000;

}

.divider:first-child {margin-left:0;}



/*---TIMELINE REFERENCE---*/

#controls {

	position:absolute;

	top:0;

	z-index:1000;

	display:none;

	left:50px;

	right:50px;

	margin:0 auto; f

	padding:16px 0 0 0;

}

#referenceWrapper {position:relative;}

#reference {
	height:6px;
	margin:0 auto;
	cursor:pointer;
	background:#000000;
}

#marker {
	width: 23px;
	height: 23px;
	position: absolute;
	left: 0;
	top: -7px;
	z-index: 10;
	cursor: url("https://mail.google.com/mail/images/2/openhand.cur"), default !important;
	background: url(draggable.png);
}



#marker.ui-draggable-dragging {cursor:url("https://mail.google.com/mail/images/2/closedhand.cur"), default !important;}



#hoverInfo,

#markerInfo {
	font: 24px/28px vag, sans-serif;
	text-align: center;
	color: #333;
	display: inline-block;
	position: absolute;
	width: 102px;
	z-index: 1000;
	background: transparent;
	padding: 8px 0;
	top: -35px;
	left: -41px;
}

#hoverInfo {
	margin-left: -48px;
	top: -36px;
	z-index: 2000;
	font-size: 16px;
	padding-bottom: 0;top: -36px;
	z-index: 2000;
	font-size: 16px;
	padding-bottom: 0;
	color: #646464;
}

/*

#hoverInfo:after,

#markerInfo:after {

    border-style:solid;

    border-width:10px;

    content:"";

    display:block;

    left:50%;

    position:absolute;

    bottom:-20px;

    width:0;

    margin-left:-11px;

    border-color:#ffffff transparent transparent transparent;

}*/

#controls:hover #markerInfo {opacity:1; filter: alpha(opacity = 100);}



#progress {

	position:absolute;

	top:0;

	left:0;

	bottom:0;

	z-index:0;

	width:0;

	border-radius:10px;

	padding-right:7px;

}



.referenceDivider {

	position:absolute;

	width:3px;

	height:10px;

	top:0;

	margin:0;

	z-index:0;

	overflow:hidden;

	display:none;

	cursor:pointer;

}

/*HIDE FIRST REF DIVIDER -- MOSTLY FOR LOOKS ;-) */

#referenceWrapper > div:nth-child(5) {visibility:hidden;}



.sidebarSmall {
	width:25px;
	height:40px;
	position:absolute;
	top:-10px;
	cursor:pointer;
}

#leftSmall {left:-25px;background:url('images/left-timeline-arrow.png') transparent no-repeat;}

#rightSmall {right:-25px;background:url('images/right-timeline-arrow.png') transparent no-repeat; z-index: 10;}

#leftSmall:before {

    border-width:8px 8px 8px 0;

    margin:-7px 0 0 -4px;

}

#rightSmall:before {

    border-width:8px 0 8px 8px;

    margin:-7px 0 0 -4px;

}



/*-----CRUMBS STUFF-----*/

#crumbs {

	position:relative;

	font:normal 11px/30px vag, sans-serif;

	height:30px;

	padding:0 20px;

	color:#fff;

	overflow:hidden;

	position:absolute;

	left:0px;

	top:-30px;

}

#crumbs a {color:#fff; border-bottom:1px dotted #fff}

#crumbs a:hover {color:#fff; border-bottom:1px solid #fff; text-decoration:none;}

#crumbs span {position:relative; left:0; top:100%;}

#crumbs .current {color:#fff;}

#crumbs #loading {

	position:absolute;

	top:0;

	left:0;

	height:28px;

	line-height:28px;

	color:#fff;

	padding:0 18px;

}



/* -----POST AND ENTRY STUFF----- */

.listing .column {width:235px; float:left;}

.listing .noImgColumn {margin:0; width:280px;}

.listing .firstColumn{ margin-left:0;}

.listing .post, .listing .page {

	margin:0 0 60px;

	width:100%;

	display:block;

	clear:both;

}

.listing .post h2.posttitle, .listing .page h2.posttitle {

	font-style:normal;

	margin:0;

	font-size:18px;

	font-weight:bold;

	position:relative;

}

.listing a.thumbLink {display:block; float:left;  margin:0 25px 15px 0; margin-right:0; width:100%;}

.listing a.thumbLink img {

	/*box-shadow:1px 1px 1px rgba(0,0,0,.25);*/

	width:100%;

	height:auto;

	margin-top: -5px;

}



.listing a {

	color:#3b4fa0;

}



.listing h3 {

	margin:0;

	font-size: 1.4em;

	font-style:normal;

	font-family: vag, sans-serif;

}



.readMore {font-size:12px;}



.post h2.posttitle {margin-bottom:30px; font-size:20px;}



.entrytitle {
	font-family: vag, sans-serif;
	color: #000;
	font-style: normal;
	font-size: 38px;
	padding: 40px 0 20px 0;
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 40px;
}



.entry{margin-bottom:0px; text-align:left; margin-top:35px;line-height: 21px;}

.entry ol {margin:0 0 15px 18px; padding:0; font-size:12px;}

.entry ol li {padding:0; list-style-position:outside; line-height:1.5em;}

.entry ul { list-style:square; margin:0 0 15px 12px; padding:0; font-size:15px}

.entry ul li {padding:0 0 0 5px; list-style-position:outside; line-height:1.5em;}

.entry p {margin:0 0 15px; font-size: 17px;}

.details {font-size:12px;  margin-bottom:35px;}

.entry h1, .entry h2, .entry h3, .entry h4,.entry h5,.entry h6 {}

.entry .gallery {margin-bottom:15px !important;}

.entry .gallery img {border:none !important;}

.post img,

.entry img {max-width:100%; height:auto;}

.entry iframe { margin: 0 auto; display: block;}

.entry object,

.entry object embed {width:100%;}



embed {background:#000;}



#details {margin:40px 0 0; font-size:10px; clear:both; position:relative; line-height:1.1em;}

#details span {opacity:.5;}



/*--ARCHIVE AND SEARCH LAYOUT STUFF---*/

body.archive .search-results,

body.search .search-results {background:none !important; width:auto !important; box-shadow:none !important; padding:0 !important; margin:78px 15px 60px 50px;}

body.archive .post,

body.archive .page,

body.search .search-results .post,

body.search .search-results .page {padding:30px;width:140px; margin:0px 0 15px; box-shadow:0 1px 1px rgba(0,0,0,.1); position:relative; float:left; clear:none !important; overflow:hidden;}

body.archive #crumbs,

body.search #crumbs {top:50px; left:50px;}

body.archive .post iframe,

body.archive .post object,

body.search .post iframe,

body.search .post object {width:300px; height:200px; margin:-30px -30px 25px;}

body.archive .post object embed,

body.search .post object embed {width:300px; height:200px; margin:-30px 0 25px;}

body.archive a.thumbLink,

body.search a.thumbLink {width:200px; margin:-30px -30px 25px;}

body.archive .listing h2.posttitle,

body.search .listing h2.posttitle {clear:both}

body.archive h2.posttitle:before,

body.search h2.posttitle:before {

    border-style:solid;

    border-width:7px;

    content:"";

    display:block;

    left:50%;

    position:absolute;

    top:-43px;

    width:0;

    margin-left:-4px;

    z-index:100;

}

body.archive .post p,

body.search .post p {line-height:1.4em;}

body.archive .post span,

body.search .post span {opacity:.5;}



#embededContent > * > * {width:100%}

#embededContent > *,



/*---POST GALLERY STUFF---*/

ul.attachmentGallery {list-style:none; margin: 30px -60px -60px; width:615px; max-width:inherit; position:relative; z-index:1; display:block;}

ul.attachmentGallery li {width:615px; display:none;}

ul.attachmentGallery li a,

ul.attachmentGallery li img {

	display:block;

	width:100%;

	height:auto;

	-webkit-border-bottom-left-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	-moz-border-radius-bottomleft: 5px;

	-moz-border-radius-bottomright: 5px;

	border-bottom-left-radius: 5px;

	border-bottom-right-radius: 5px;

}



ul.poemAttachment {list-style:none; margin-top:-60px; width:615px; max-width:inherit; position:relative; z-index:1; display:block; margin-left:-10px; padding:10px;}

ul.poemAttachment li {width:615px;}

ul.poemAttachment li a,

ul.poemAttachment li img {display:block; width:120px; height:120px; float:left;}



#galleryNav {text-align:right; position:absolute; top:100%; padding:0 19px 0 15px; right:0px; background:#ce0000; display:none; height:30px;}

#galleryNav a {font:normal 10px/28px vag, sans-serif; display:inline-block; padding:0 5px; color:#fff;



	font:normal 10px/8px vag, sans-serif;

	height:8px;

	width:8px;

	background:#fff;

	opacity:.35;

	padding:0;

	margin:11px 0 0 4px;

	overflow:hidden;



}

#galleryNav a:hover,

#galleryNav a.activeNav {text-decoration:underline; opacity:1;}



.post > img {display:none;}

.post > img:before {

    border-style:solid;

    border-width:7px;

    content:"";

    display:block;

    left:50%;

    position:absolute;

    bottom:0;

    width:0;

    margin-left:-4px;

    z-index:100;

    border-color:transparent transparent #fff transparent;

    z-index:10;

}



/*-------BLOG PAGE NAVIGATION STUFF----------*/

.listing > .navigation { margin: auto; }

.navigation {font-size:12px; width:100%; clear:both; right:0;}

.navigation .pagenav a {display:block; line-height:28px; padding:0 15px; color:#fff; font-size:11px;}

.navigation .pagenav a:hover {text-decoration:none;}



/*---NEXT/PREV ARTICLE STUFF----*/

#nextPrevPosts {
	width: 200px;
	position: absolute;
	top: 440px;
	left: 0px;
}

#rightNextItem {float:right; background-image: url('images/right-timeline-arrow.png'); background-position: right}

#leftNextItem {float:left; background-image:url('images/left-timeline-arrow.png'); background-position: left;}



#nextPrevPosts .itemLinks {

	margin-top:20px;

	font-family: vag, sans-serif;

	color:#ffffff;

	font-size:16px;

	overflow: hidden;

	height: 60px;

}



#nextPrevPosts p a {display:block;color:#ffffff; margin-top:5px;}

#nextPrevPosts a small {color:rgba(0,0,0,.5); font:normal 10px vag, sans-serif; margin:20px 0 10px; display:block;}

#nextPrevPosts a:hover {text-decoration:none;}

#nextPrevPosts p {font:normal 14px/1.1em serif; margin:0 20px; width:25px}

#nextPrevPosts p.alignright {text-align:right;}



.nextPrevItem > a {display:block; position:relative;}

.nextPrevItem a > img {display:block; position:relative;height: 80px; width: 80px; padding: 10px;}





.nextPrevItem > a.alignright:before {right:auto; left:0;}



#nextPrevPosts .header {
	position:relative; width: 90px; height:30px; background: transparent no-repeat;
}



#nextPrevPosts .header p a {

	margin:0;

}

#nextPrevPosts .header p {

	color:white;

	font-family: vag, sans-serif;

	line-height: 30px;

	margin: 0 10px;

}

.endItem {

	opacity: 0.5;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	filter: alpha(opacity=50);

}



.noLink {text-align:center; top:50%; position:absolute; font:normal 12px/1em sans-serif; width:100%; margin-top:-7px; left:0; color: white;}



/*---WIDGET PANEL STUFF---*/

#widgetsWrapper {

	position:absolute;

	z-index:2000;

	top:0%;

	bottom:100%;

	left:0;

	width:100%;

	overflow:auto;

}

#widgets {position:relative; margin:20px 50px 0 0;float:right;}

.widget {

	list-style:none;

	position:relative;

	width:260px;

	float:left;

	margin:0 0 30px 0px;

	font:normal 13px/1.6em sans-serif;

}

.widget h2 {margin-bottom:20px; font:normal 11px/1.2em sans-serif; padding:8px 35px 9px 10px; position:relative; color:#fff;}

.widget h2:before {

    border-style:solid;

    content:"";

    display:block;

    position:absolute;

    width:0;

    z-index:100;

    border-color:#fff transparent transparent !important;

    bottom:50%;

    right:10px;

    border-width:4px;

    margin:0 0 -5px -2px;

}

.widget p {font:normal 13px/1.6em sans-serif;}



.widget ul li {list-style-type:square; list-style-position:outside; margin-left:15px; margin-bottom:10px;}

.widgetul li ul li {padding:0 0 0 15px; list-style-type:square; list-style-position:inside;}



/*----TAG CLOUD WIDGET STUFF-------*/

.widget_tag_cloud a {

	font-size:11px !important;

	display:block;

	float:left;

	padding:2px 8px;

	margin:0 3px 3px 0;

	color:#fff;

}

.widget_tag_cloud a:hover {padding:2px 8px; margin:0 3px 3px 0; text-decoration:none; color:#fff;}

.widget_tag_cloud:after {

    content:".";

    display:block;

    height:0;

    clear:left;

    visibility:hidden;

}


/*---FOOTER SOCIAL ICONS---*/

.socialicon {width:18px; height:18px; background-image:url('images/social.png'); margin:0px 0 -6px 5px; border:none !important; z-index:1; position:relative; display:inline-block;}

.socialicon:hover {border:none !important;}

#youtubeIcon {background-position:0px 0px;}

#vimeoIcon {background-position:-18px 0px; }

#twitterIcon {background-position:-36px 0px; }

#skypeIcon {background-position:-54px 0px; }

#rssIcon {background-position:-72px 0px; }

#myspaceIcon {background-position:-90px 0px; }

#facebookIcon {background-position:-108px 0px; }

#flickrIcon {background-position:-126px 0px; }

#linkedinIcon {background-position:-144px 0px; }



#youtubeIcon:hover {background-position:0px -18px;}

#vimeoIcon:hover {background-position:-18px -18px; }

#twitterIcon:hover {background-position:-36px -18px; }

#skypeIcon:hover {background-position:-54px -18px; }

#rssIcon:hover {background-position:-72px -18px; }

#myspaceIcon:hover {background-position:-90px -18px; }

#facebookIcon:hover {background-position:-108px -18px; }

#flickrIcon:hover {background-position:-126px -18px; }

#linkedinIcon:hover {background-position:-144px -18px; }



/* -----COMMENT STUFF----- */

#commentsection {

	font-size:12px;

	padding:60px;

	width:495px;

	box-shadow:0 1px 1px rgba(0,0,0,.1);

	position:relative;

	margin:-65px auto 80px;

}

.commentlist {width:100%; list-style:none; }

#commentsection h3 {margin:0 0 30px; font-size:16px;}

.commentlist li,#commentform input,#commentform textarea {font:.9em vag, Sans-Serif;}

.commentlist li {font-weight:bold;list-style:none; padding:15px 0; font-size:12px;}

.commentlist li img.avatar {float:left; margin-right:15px;}

.commentlist cite,.commentlist cite a {font-weight:bold;font-style:normal;}

.commentlist p {font:normal 12px/1.5em sans-serif; text-transform:none; margin:10px 5px 10px 48px;}

.commentlist .pingback p {margin:10px 5px 10px;}

#commentform p {margin:5px 0;}

.commentmetadata {font-weight:normal;display:block; font-size:10px; padding:3px 0 0; text-transform:uppercase;}

cite.fn {text-transform:uppercase;}

.commentlist {text-align:justify;padding:0 0 40px;}

.nocomments {text-align:center;}

#recentcomments li {}

.alt {}



.reply {text-align:right;}

#cancel-comment-reply-link,

.reply a {display:inline-block; padding:3px 8px; color:#fff; font:normal 10px/18px sans-serif;}

#cancel-comment-reply-link:hover,

.reply a:hover {text-decoration:none; color:#fff;}



.commentlist ul.children {margin:15px 0 10px 48px; background:rgba(0,0,0,.015); border:1px solid rgba(0,0,0,.025); padding:5px 15px; border-radius:5px;}



/*---FORM STUFF---*/

input[type="text"],input[type="password"] {padding:5px; width:170px; border:1px solid rgba(0,0,0,.2); background: #fff;}

textarea {padding:4px; width:90%; border:1px solid rgba(0,0,0,.2); background:#fff; margin-top:5px;}

#commentform input[type="submit"],

input[type="submit"] {cursor:pointer; border:none; overflow:hidden; display:block; padding:5px 10px; color:#fff;}



#sidebar #searchform {padding:0 0 10px;}

#sidebar input, #sidebar textarea {padding:3px}

#sidebar input[type="submit"]{cursor:pointer;}



#commentform input[type="text"] {float:left; clear:left; margin:0 8px 5px 0}

#commentform > p {line-height:30px;}

#commentform p.form-allowed-tags {line-height:1.3em;}

#commentform p.form-allowed-tags code {font:12px "Courier New";}



/* -----UNIVERSAL STUFF----- */

code {font:1.1em 'Courier New', Courier, Fixed;}

acronym,abbr,span.caps {font-size:.9em;letter-spacing:.07em;cursor:help;}

p img {max-width:100%;}

img.centered {display:block;margin:0 auto;}

img.alignright {display:inline;margin:0 0 25px 25px;}

img.alignleft {display:inline;margin:0 25px 25px 0;}

.entry a { text-decoration: underline; }

.alignright {float:right;}

.alignleft {float:left;}

acronym.abbr {border-bottom:1px dashed #999;}

blockquote {padding-left:20px;margin:15px 0; border-left:3px solid rgba(0,0,0,.25)}

blockquote cite {display:block;margin:5px 0 0;}

.center {text-align:center;}

hr {display:none;}

a img {border:none;}

img#wpstats {width:0;height:0;border:none;overflow:hidden;}

#hideme {visibility:hidden;}

.hidden {visibility:hidden; display:none;}

.rssSummary {padding-bottom:15px;}

.clear {clear:both;}

.clear.left {clear:left;}

.clear.right {clear:right;}

p.clear {height:1px; width:1px; }

.hide {display:none;}



div.wp-caption {max-width:100%; margin-bottom:15px;}

div.wp-caption.alignleft {margin:0 15px 15px 0;}

div.wp-caption.alignright {margin:0 0 15px 15px;}

div.wp-caption p.wp-caption-text {font-size:10px; margin:0; padding-right:8px;}

div.wp-caption img {margin:0;}



/* -----CALENDAR STUFF----- */

#wp-calendar {empty-cells:show;width:100%;margin:10px auto 0;}

#wp-calendar #prev a,#wp-calendar #next a {font-size:9pt;}

#wp-calendar #next a {padding-right:10px;text-align:right;}

#wp-calendar #prev a {padding-left:10px;text-align:left;}

#wp-calendar a {text-decoration:none;display:block;}

#wp-calendar caption {font:bold 1.3em vag, Sans-Serif;text-align:center;width:100%;}

#wp-calendar th {font-style:normal;text-transform:capitalize;}

#wp-calendar td {text-align:center;padding:3px 0;}

#wp-calendar td.pad:hover {background-color:#fff;}





/* -----SEARCH STUFF----- */

#search { float: left; padding-left: 16px; padding-top: 10px }

#searchform {
	padding-right: 17px;
}

#searchform #s {
	font-family:vag, sans-serif;
	width: 100%;
	margin-top: 5px;
	padding: 2px 5px;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#searchform #searchsubmit {cursor:pointer; float:left;}

#searchform #searchsubmit:hover {text-decoration:none;}

#searchform label { float:left; margin:10px; color:#fff;}


.divider, .referenceDivider, .newdivider {

	opacity:0;

	filter: alpha(opacity = 0);

	visibility: hidden;

}

.poemHead {
	padding-top: 60px;
	line-height: 40px;
}

.poemTitle h2 {
	font-size: 30px;
	color: #0a0d66;
	font-weight: lighter;
	font-family: vaglight;
	margin:0;
	font-style: normal;
	line-height: 32px;
}

.primary-post .poemTitle h2,
.shakespare-post .poemTitle h2 {
	font-family: 'Sassoon', 'vag', sans-serif;
}

.poemTitle h3, .poemTitle h2 span {
	margin:0;
	font-style:	normal;
	font-family: vag, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #0a0d66;
	line-height: 20px;
}

.copyright {
	font-size: 11px;
	margin: 66px 0 25px 0;
	line-height: 11px;
	width: 370px;
}


/*
#backtotimeline {
	position: absolute;
	top: 530px;
	text-align: center;
	width: 260px;
	background-image: url("images/back-to-timeline.png");
	background-position: center;
	background-repeat: no-repeat;
	height: 40px;
	line-height: 40px;
	font-size: 11px;
}

#backtotimeline a{
	color:#0a0d66;
	display: block;
	width: 100%;
	height: 100%;
}*/


.content-box h3, h3.performances {
	font-family: vag, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #0054a5;
	font-style:	normal;
	padding-bottom: 40px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/*.wwi-showcase-poem h3,*/.wwi-showcase-poem .poemTitle h3,/* .wwi-showcase-poem h4.competitor,*/ .wwi-showcase-poem .poemTitle h2/*, .wwi-showcase-poem .content-box p*/, .wwi-showcase-poem .poemTitle h2 span {
	color: #337333;
}

.wwi-showcase-poem .eventTitle {
	background-color: #476c35;
	background-image: url('images/poem-bg.png')
}

h4.competitor {
	color: #0054a5;
	font-weight: bold;
	font-family: vag, sans-serif;
	margin-bottom: 20px;
}

.content-box p {
	color: #0054a5;
	font-size: 17px;
	line-height: 20px;
}

.arrow-horizontal {
	height: 25px;
	width: 25px;
}

.arrow-right { 	float:right; background-image:url('images/right-timeline-arrow.png'); background-position: right; }
.wwi-arrow-right { 	float:right; background-image:url('images/right-showcase-arrow.png'); }
.arrow-left { 	float:left; background-image:url('images/left-timeline-arrow.png'); background-position: left; }
.wwi-arrow-left { 	float:left; background-image:url('images/left-showcase-arrow.png'); }


/*@media screen and (max-height: 800px) {*/

	#timeline {
		top: 28%;
	}

	#controlsWrapper {
		bottom: 25px;
		top: auto;
	}

	#markerInfo {
		font-size: 22px;
		font-weight: normal;
		top: -35px;
		left: -41px;
		background:none;
	}

	.event { width: 200px; height: 425px; }

	.thumbnail {
		width: 200px;
		height: 200px;
		background-size: auto 200px;
	}

	.placeholder{ width: 200px; height: 200px; }

	.eventDetails { top: 200px; width: 200px; }

	.eventDetails .year { width: 180px; }


/*}*/

#search-register {
	position:absolute;right:0;
}

#search-register-mobile {
	display: none;position:absolute;width: 100%;
}

#search-register-mobile img {
	float: right;
	cursor: pointer;
	margin-top: 20px;
	margin-right: 10px;
}

#search-register-mobile img.search-button {
	margin-right: 5px;
}

.searchmob {
	display: none;
}

#searchform input.mobile-submit {
	display: none;
}


.event:hover {

	cursor:pointer;

}



#wpadminbar {

	display:none;

}



.thumbnail {
	background-color:#333;
}



#post-1914{

	height:40%;

	position:absolute;

	bottom:0;

	left:0;

	width:100%;

	background:#e64505;

}



#pre-1914{

	height:40%;

	position:absolute;

	bottom:0;

	left:0;

	width:0%;

	background:#ce0000;

}



#marker-1914{

	position: absolute;

	right: -10px;

	bottom: 120px;

	color: white;

	font-weight: bold;

	z-index:3000;

	width:25px;

}



/*#marker-1914:after{

	top:23px;

	border-style: solid;

	border-color: #ffffff transparent transparent transparent;

	content:"";

	height:0;

	width:0;

	position:absolute;

	border-width:7px;

	left:8px;

}*/



table.pre-1914 {

	width:50%;

	float:left;

	padding:1%;

}



table.post-1914 {

	width:48%;

	float:right;

	padding:1% 2%;

}



table.title h2 {

	padding-top: 40px;

	color:#ce0000;

	font-family:vag, sans-serif;

	font-style: normal;

	font-size:1.6em;

}



table.poemdata {

	padding-top:20px;

}



.tab {

	float:left;

	width:120px;

	background:#516ACF;

	color:#FFFFFF;

	padding: 10px 15px;

	margin-right: 10px;

	height:50px;

	margin-bottom: -10px;

	margin-top:30px;

	-webkit-border-top-left-radius: 5px;

	-webkit-border-top-right-radius: 5px;

	-moz-border-radius-topleft: 5px;

	-moz-border-radius-topright: 5px;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

	cursor:pointer;

}



.tab.active {

	background: #FFFFFF;

	color: #000000;

	font-weight: bold;

	cursor:default;

}



table.chronological, table.alphabetical {

	display:none;

}



.poemindex {

	width:615px;

	margin:0 auto;

	padding-top:40px;

	margin-bottom:-75px;

}



.poemindex h1 {

	color:white;

	text-align:right;

	font-style: normal;

	font-family:vag, sans-serif;

}



.caption {

	width:50%;

	margin-left:50px;

	margin-bottom:10px;

	font-weight: bold;

	font-size: 12px;

	display: block;

}



.ui-loader {

	display:none;

}



.ui-btn-inline {

	float:left;

}

#post-container {
	z-index: 1250;
	opacity:0;
	margin-top: 150px;
	position: relative;
}



body.search #post-container {

	top:80px;

}



#print {

	display:none;

}



#ie-header {

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22294e', endColorstr='#000000',GradientType=0 );

	position:absolute;

	top: 0px;

	height: 200px;

	width: 100%;

	z-index:-1;

}

#browser-upgrade p {

	color: #ffffff;

	font-size: 20px;

	margin: 20px 0;

}

#browser-upgrade a {

	color: #ff0000;

	font-weight:bold;

}



.title-gradient {

	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));

	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);

	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);

	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);

	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );

	width:255px;margin-top:-90px;padding:40px 10px 0 10px;position:relative;height:50px;

}



.title-gradient p {

	color:white;font-size:14px;font-weight:bold;white-space:normal

}



#pdf-downloads a {

	background-image:url(images/PDF-icon.jpg);

	background-repeat: no-repeat;

	width: 215px;

	float: left;

	height: 40px;

	padding-left: 30px;

	padding-top: 8px;

	color: #000000;

	font-weight: bold;

}

#menuButton {
	position: fixed;
	bottom: 0;
	padding: 10px 0;
	width: 100%;
	text-align: center;
	background-color: #fe0000;
	z-index: 5000;
	color: #fff;
	cursor: pointer;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.menu-2014-menu-container {
	width: 100%;
	max-width: 992px;
	margin: 0 auto;
	padding-bottom: 24px;
	padding-top: 10px;
	background-color: #fff;
	font-family: vaglight;
}

#social-menu {
	width: 100%;
	  height: 250px;
	  background-color: #ebebeb;
	  clear: both;
	  position: relative;
	  top: 30px;
}

#social-menu .menu-social-menu-container a {
    position: relative;
    top: 50%;
    margin-top: -10px;
    /* height: 60px; */
    display: block;
}

.menu-social-menu-container {
	width: 100%;
	max-width: 992px;
	margin: 0 auto;
	padding-bottom: 40px;
	padding-top: 10px;
	background-color: #ebebeb;
}

.menu-2014-menu-container a, .menu-social-menu-container a {
	color: #000;
	width: 100%;
	height: 100%;
	display: inline-block;
	z-index: 2;
	position: relative;
}

.menu-2014-menu-container li, .menu-social-menu-container li {
	line-height: normal;
	text-align: center;
	font-size: 16px;
	letter-spacing: 2px;
	height: 246px;
	width: 32.25%;
	margin: 8px;
	float: left;
	list-style-type: none;
	background-color: #fff;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	-moz-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.menu-2014-menu-container li img {
	height: 100%;
}

.menu-social-menu-container li:hover {
	background-color: #ddd;
}

.menu-social-menu-container li.menu-item.minor {
	height: 40px;
}

.menu-social-menu-container li.menu-item.social.facebook img {
	margin-bottom: -8px;
	margin-top: -5px;
}

.menu-social-menu-container li.menu-item.social.contact img {
	margin-bottom: -2px;
}

.menu-social-menu-container li.menu-item.social.twitter img {
	margin-bottom: -6px;
}

.menu-social-menu-container li.menu-item.social {
	height: 60px;
}

.menu-social-menu-container li.menu-item span {
	position: absolute;
	width: 100%;
	left: 0;
	text-align: center;
	font-size: 18px;
	padding: 10px 0;
	line-height: 20px;
}

.menu-social-menu-container li.menu-item.social span {
	font-size: 18px;
	padding: 20px 0;
}

.menu-social-menu-container li.menu-item.minor a {
	color: #23296e;
}

.menu-social-menu-container li.menu-item.social a {
	color: #2284d6;
}

li.end-menu {
	height: 0;
	width: 0;
	clear: both;
	float: none;
}

.menu-2014-menu-container li.menu-item.wide-menu a {
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.menu-2014-menu-container li.menu-item.news-link {
	background-color: #ffd800;
	background-image: url(images/homepage_17/desktop/background-for-news.jpg);
	background-position: top left;
	margin-right: 0;
	margin-left: 0;
	height: auto;
	width: 100%;
}

.menu-2014-menu-container li.menu-item.news-link.mobile {
	display: none;
}

.menu-2014-menu-container li.menu-item.news-link span:before {
	content: 'Latest news';
	font-weight: bold;
	font-size: 18px;
	color: #000;
	padding-right: 40px;
}
.menu-2014-menu-container li.menu-item.news-link span {
    text-transform: none;
    letter-spacing: 0px;
    font-size: 18px;
    width: auto;
    text-align: left;
	position: relative;
	padding: 20px;
	display: block;
}

.menu-2014-menu-container li.menu-item.what-is-pbh {
	background-image: url('images/motion.jpg');
	margin-right: 0;
}

.menu-2014-menu-container li.menu-item.about-competition {
	background-image: url('images/about-the-competition.jpg');
	margin-left: 0;
}

.menu-2014-menu-container li.menu-item.wwi-showcase {
	background-image: url('images/wwi.jpg');
}

.menu-2014-menu-container li.menu-item.teaching-resources {
	background-image: url('images/downloads.jpg');
	margin-right: 0;
}

.menu-2014-menu-container li.menu-item.performance-gallery {
	background-image: url('images/performance-gallery.jpg');
	margin-right: 0;
}

.menu-2014-menu-container li.menu-item.research-development {
	background-image: url('images/resources.jpg');
	margin-left: 0;
}

.menu-2014-menu-container li.menu-item.best-2013 {
	background-image: url('images/From-the-2015-finals.jpg');
	background-color: none;
}

.menu-2014-menu-container li.menu-item.learning-zone {
	background-image: url('images/learning-zone.jpg');
	background-color: none;
}

.menu-2014-menu-container li.menu-item.primary-resource {
	background-image: url('images/hp_new/Primary resource.jpg?v=161115');
	background-color: none;
	margin-right: 0;
}

.menu-2014-menu-container li.menu-item.our-blog {
	background-image: url('images/our-blog.jpg');
	background-color: none;
	text-indent: -9999px;
	cursor: pointer;
}

.menu-2014-menu-container li.menu-item.support-us {
	background-image: url('images/support-us.jpg');
	background-color: none;
	text-indent: -9999px;
	cursor: pointer;
	margin-left: 0;
}

.menu-2014-menu-container li.menu-item.support-us a, 
.menu-2014-menu-container li.menu-item.our-blog a {		
  	position: absolute;		
  	top: 0;		
  	left: 0;		
  }

.menu-2014-menu-container li.menu-item.regional-contests {
	background-image: url('images/hp_new/Regional county contests.jpg');
	background-color: none;
}

.menu-2014-menu-container li.menu-item.shakespeare {
	background-image: url('images/home-shakespeare.jpg');
	background-size: 100%;
	margin-left: 0;
}

.menu-social-menu-container li.menu-item.our-team, .menu-social-menu-container li.menu-item.contact {
	margin-left: 0;
}

.menu-social-menu-container li.menu-item.our-supporters, .menu-social-menu-container li.menu-item.twitter {
	margin-right: 0;
}

.menu-2014-menu-container li.menu-item.wide-menu {
	width: 100%;
	font-size: 54px;
	line-height: 54px;
	background-color: #ed1b24;
	letter-spacing: 7px;

	background-repeat: no-repeat;

	margin-left: 0;
	-webkit-transition: background-image 0.25s linear;
	-moz-transition: background-image 0.25s linear;
	-ms-transition: background-image 0.25s linear;
	-o-transition: background-image 0.25s linear;
	transition: background-image 0.25s linear;;
}



.menu-2014-menu-container li.menu-item.wide-menu.variation {
	text-indent: -99999px;
	background-position: 0 0;
	background-size: 100%;
}

.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-1 {  background-image: url('images/homepage_17/desktop/Timeline 1 off.jpg');  }
.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-2 {  background-image: url('images/homepage_17/desktop/Timeline 2 off.jpg');  }
.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-3 {  background-image: url('images/homepage_17/desktop/Timeline 3 off.jpg');  }
.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-4 {  background-image: url('images/homepage_17/desktop/Timeline 4 off.jpg');  }
.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-5 {  background-image: url('images/homepage_17/desktop/Timeline 5 off.jpg');  }
.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-6 {  background-image: url('images/homepage_17/desktop/Timeline 6 off.jpg');  }

.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-1:hover {  background-image: url('images/homepage_17/desktop/Timeline 1 on.jpg');  }
.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-2:hover {  background-image: url('images/homepage_17/desktop/Timeline 2 on.jpg');  }
.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-3:hover {  background-image: url('images/homepage_17/desktop/Timeline 3 on.jpg');  }
.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-4:hover {  background-image: url('images/homepage_17/desktop/Timeline 4 on.jpg');  }
.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-5:hover {  background-image: url('images/homepage_17/desktop/Timeline 5 on.jpg');  }
.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-6:hover {  background-image: url('images/homepage_17/desktop/Timeline 6 on.jpg');  }

.menu-2014-menu-container li.menu-item.wide-menu:hover {
	background-image: url('images/menu-anthology-hover.png');
}

.menu-2014-menu-container li.menu-item.random-menu {
	background-color: #f9ce29;
	font-size: 36px;
	background-image: url('images/lucky-dip.png');
	background-repeat: no-repeat;
	margin-right: 0;
	background-position: center 165px;
}

.menu-2014-menu-container li.menu-item.random-menu:hover {
	background-image: url('images/lucky-dip-hover.png');
}

.menu-2014-menu-container li.menu-item span {
	position: absolute;
	width: 100%;
	left: 0;
	text-align: center;
}

.menu-2014-menu-container li.menu-item.random-menu span {
	color: #df435c;
	top: 50px;
}

.menu-2014-menu-container li.menu-item.wide-menu span {
	top: 35px;
}

.menu-2014-menu-container li.menu-item.standard-menu span {
	bottom: 23px;
	width: 96%;
	padding: 10px 2%;
	/*background-color: #eee;*/
	opacity: 0.8;
}

.menu-2014-menu-container a:hover {
	text-decoration: none;
}

.menu-2014-menu-container li.menu-item.minor a {
	height: 70px;
}

.menu-2014-menu-container li.menu-item.minor {
	font-size: 20px;
	background-color: #cdcdcd;
	height: 100px;
}

.menu-2014-menu-container .sub-menu {
	display: none;
}

#menuContainer {
	position: relative;
	top: 160px;
	z-index: 2000;
	display: none;
	width: 100%;
	background-color: #fff;
}

#ajaxcontent {
	margin-top: 150px;
}

.option-bar {
	width: 100%;
	height: 39px;
	max-width: 992px;
	margin: 0 auto;
	margin-bottom: -49px;
	padding-top: 10px;
}


.option-bar p {
	float: right;
	line-height: 18px;
	padding: 10px;
}

.option-bar img {
	height: 20px;
	padding-left: 10px;
}

.print {
	float:right;
	padding: 10px;
}

#print-drop {
	color: #999;
	font-weight: bold;
	cursor: pointer;
}

.print-icons {
	display: none;
	position: absolute;
	width: 170px;
	text-align: right;
	margin-left: -120px;
	margin-top: 10px;
}

.print-icons a {
	color: #999999;
	font-weight: bold;
}

a.share-facebook {
	color: #0a0d66;
	font-weight: bold;
}

a.share-twitter {
	color: #16a0dd;
	font-weight: bold;
}

.sub-pages, .sub-page {
	position: relative;
	text-align: center;
}

.sub-page {
	cursor: pointer;
	display: inline-block;
	width: auto;
	padding: 30px 10px 0 10px;
	background-image: url('images/content_default.png');
	background-repeat: no-repeat;
	background-position: top center;
}

.sub-page h4 {
	font-weight: normal;
}

.entry-mask {
	max-width: 720px;
	overflow: hidden;
	line-height: 21px;
	margin: 0 auto;
}

.entries .entry {
	float: left;
	padding: 40px;
}

.imagebanner-mask {
	max-width: 960px;
	overflow: hidden;
}

.imagebanner {
	float: left;
	margin-top: 35px;
}

.imagebanner img {
	width: 100%;
}

.next-subpage, .prev-subpage {
	display: inline-block;
	position: absolute;
	top: -10px;
	cursor: pointer;
}

.next-subpage {
	right: 30px;
}

.prev-subpage {
	left: 30px;
	display: none;
}

.selected-subpage {
	background-image: url('images/content_selected.png');
}

#definitions {
	border: solid 1px #999;
	padding: 10px;
	background-color: #fff;
	min-height: 70px;
	padding-top: 20px;
}

#definitions img, .dnb_bio img {
	float: left;
	padding: 15px 20px 10px 10px;
}

.dnb_bio img {
	border-right: solid 1px white;
}

#definitions img {
	border-right: solid 1px black;
}

#definitions a {
	text-decoration: underline;
}

#definitions .defs {
	float: left;
	padding-left: 20px;
	width: 350px;
}

.poetry_archive_link p:hover, .dnb_bio p:hover {
	text-decoration: underline;
}

.poetry_archive_link {
	margin-top: 40px;
	padding: 10px;
	min-height: 70px;
	margin-bottom: 10px;
	background-color: #fff;
	border: solid 1px #ccc;
	color: #227ead;
}

.dnb_bio {
	padding: 10px;
	background-color: #000467;
	min-height: 70px;
	margin-bottom: 10px;
	margin-top: 50px;
}

.poetry_archive_link p {
	margin: 17px 0;
	float: left;
	padding-left: 20px;
	color: #227ead;
}
.dnb_bio p {
	margin: 17px 0;
	float: left;
	padding-left: 20px;
	color: #fff;
}

.poetry_archive_link img {
	float: left;
	padding-right: 20px;
	padding-left: 10px;
	border-right: solid 1px #227ead;
}

.filters {
	position: relative;
	z-index: 50;
	width: 100%;
	top: 0px;
	margin-top: -26px;
	padding-top: 10px;
	background-color: #cdcdcd;
}

.wwi-filters {
	margin-top: -30px;
	margin-bottom: 20px;
}

.wwi-filters .filter-box span {
	min-width: 108px;
	display: inline-block !important;
}

.filters h2 {
	font-weight: normal;
	text-transform: uppercase;
	text-align: right;
	font-size: 16px;
	max-width: 992px;
	margin: 0 auto;
	text-decoration: none;
	padding: 0 10px 10px 10px;
}

.filters-container {
	display: none;
	-webkit-box-shadow:0px 5px 5px rgba(33, 33, 33, 1);
	-moz-box-shadow:0px 5px 5px rgba(33, 33, 33, 1);
	box-shadow:0px 5px 5px rgba(33, 33, 33, 1);
}

.gender-filter {
	width: 10%;
	padding: 10px 1%;
	background-color: #999;
	float: left;
	text-align: center;
	height: 100%;
}

.era-filter {
	width: 10%;
	padding: 10px 1%;
	background-color: #aaa;
	float: left;
	text-align: center;
}

.filter-box {
	padding: 10px 1%;
	width: 74%;
	background-color: #585f65;
	float: left;
}

.wwi-filters .filter-box {
	width: 86%;
}

.filters p {
	margin: 0;
	line-height: 16px;
	display: inline;
}

.filters a {
	color: #000;
}

.filters a:hover {
	text-decoration: none;
}

.filters span {
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 4px;
	padding: 5px 10px;
	display: inline-block;
	background-color: #252525;
	color: #fff;
	margin-right: 5px;
	cursor: pointer;
	min-width: 85px;
	text-align: center;
	-moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.filters span:hover {
	background-color: #7e7e7e;
}

.filters span.filter-reset {
	background-color: #b6b6b6;
	color: #000;
	display: none;
	float: right;
}

.filters span.filter-go {
	background-color: #7bc674;
	color: #000;
	display: none;
	font-size: 14px;
	float: right;
}

.filter-box span.selected {
	background-color: #ed1e24;
}

.era-filter span.selected {
	background-color: #f9ce29;
	color: #000;
}

.filter-box span.filter-go.selected {
	background-color: #7bc674;
}

.filter-box span.filter-reset.selected {
	background-color: #b6b6b6;
}

.gender-filter span.selected {
	background-color: #0054a5;
}

#noresults {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 50;
	top: 30%;
}

#noresults h2 {
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	font-weight: normal;
	line-height: 32px;
}

.openme {
	display: inline;
	cursor: pointer;
}

.event #info {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 10px;
	top: 10px;
}

.info-bubble {
	height: 20px;
	padding: 10px;
	position: absolute;
	left: 200px;
	display:none;
	border: solid 1px #666;
	top: 39px;
	background-color: #fff;
}

.info-bubble p {
	color: #000;
	line-height: 9px;
	margin: 0;
	float: left;
	font-size: 9px;
}

.info-bubble img {
	height: 20px;
	width: 20px;
	float: left;
	padding-right: 10px;
}

/*#register-button:hover {
	opacity: 0;
}*/
#register {
	float: right;
	width: 215px;
	padding: 10px 0px;
}

#register img {
	padding-top: 2px;
}

#register div {
	float: right;
	width: 185px;
	text-align: left;
	padding: 2px 5px;
	color: #f00;
	font-size: 14px;
	text-transform: uppercase;
	cursor: pointer;
}

#register div:hover { color: #000; background-color: #cdcdcd; }

#register #register-header { font-weight: bold; cursor: default; }
#register div#register-header:hover { color: #f00; background-color: #fff; }

#primary-register-button, #register-button, #register-shakespeare-button, #registercontact-button {
	float: right;
	padding-right: 17px;
	padding-top: 5px;
	cursor: pointer;
	z-index: 2;
	-moz-transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
	position: relative;
	clear: both;
}
#registercontact-button { padding-top:5px }
#register-button-hover {
	padding-right: 17px;padding-top:20px;
	position: absolute;
	right: 0;
	z-index: 1;
}

#reg-form-container {
	position: absolute;
	width: 100%;
	z-index: 1600;
}

#reg-form, #postcodeLookupForm, #contactRegistrationForm {
	background-color:#ebebeb;padding: 20px 0;
	margin-bottom: 60px;
}

#postcodeLookupForm, #contactRegistrationForm {
	margin-bottom: 0;
}

#reg-form p, #postcodeLookupForm p, #contactRegistrationForm p {
	margin: 10px 0 5px 0;
}

#postcodeLookupForm input, #contactRegistrationForm input {
	/*float: left;*/
}

#postcodeLookupForm input[type=submit], #contactRegistrationForm input[type=submit] {
	padding-top:6px;
	color: #fff;
	background-color: #0054a5;
}

.lookupForm, .captchaForm {
	width: 330px;
	float: left;
}

.captchaForm input[type=submit] {
	margin-top: 20px;
	font-weight: bold;
	font-size: 16px;
}

.regform .lbl {
	font-size: 18px;
}

.regform .lbl span {
	color: #f00;
}

#postcode_results {
	float: left;
	padding: 20px;
}

#postcode_results td {
	vertical-align: top;
	padding: 5px 20px 5px 0;
}

#reg-form .error-messages ul {
	padding: 20px;
	background: #fff;
	border: solid 3px red;
}

.content-keyline {
	width: 100%;
	border-top: solid 1px #ccc;
	padding-bottom: 59px;
}

p.share {
	width: 70px;
	cursor: pointer;
}

#marker, #markerInfo, #hoverInfo, #timeline, #timelineWrapper, .event, #header img, #header, .filters, #menuButton, #headerWrapper, #loadingContainer {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}

.longpoemtitle {
	font-size: 17px;
	display: block;
	line-height: 20px;
}

.poemTitle h2 span.longpoemtitle {
	font-size: 30px;
	line-height: 28px;
}

#wwi-background-image, #shakespeare-background-image {
	position: absolute;
	top: 125px;
	width: 100%;
	/*height: 100%;*/
	z-index: -1;
	overflow: hidden;
	min-height: 100%;

}

#shakespeare-background-image {
	background-color: #DCD82D;
	min-height: 0;
	-webkit-transition: height 0.4s ease-in;
	-moz-transition: height 0.4s ease-in;
	-ms-transition: height 0.4s ease-in;
	-o-transition: height 0.4s ease-in;
	transition: height 0.4s ease-in;
}

#shakespeare-background-image.small {
	height: 140px !important;
	z-index: 1250;
	position: relative;
	top: 0px;
}

.shakespeare-showcase-wrapper {
	position: relative;
}

.shakespeare-showcase-wrapper .view-poets {
	padding: 20px;
	color: #fff;
	font-size: 27px;
	cursor: pointer;
	border: solid 2px #fff;
	background-color: rgba(35, 41, 110, 1);
	width: 240px;
	/*position: absolute;*/
	/*bottom: 100px;*/
	height: 20px;
	margin: 0 auto;
	/*left: 50%;*/
	/*margin-left: -142px;*/
	z-index: 200;
	-webkit-transition: background-color 0.25s linear;
	-moz-transition: background-color 0.25s linear;
	-ms-transition: background-color 0.25s linear;
	-o-transition: background-color 0.25s linear;
	transition: background-color 0.25s linear;
}

.shakespeare-showcase-wrapper .view-poets.view-poets-mobile { display: none; }

.shakespeare-showcase-wrapper .view-poets img {
	float: right;
	height: 24px;
}


.shakespeare-showcase-wrapper .shakespeare-title {
	max-width: 100%;
	display: block;
	margin: 0 auto 50px auto;
}

#mainWrapper #main.shakespeare-main {
	padding: 50px 0 20px 0 !important;
}


@media screen and (max-height: 720px) and (min-width: 540px) {
	.shakespeare-showcase-wrapper .view-poets {
		left: 33%;
		bottom: 40px;
		padding: 10px;
		font-size: 18px;
		text-align: center;
	}

	.shakespeare-showcase-wrapper .view-poets img {
		height: 15px;
	}

	.shakespeare-showcase-wrapper .shakespeare-title {
		height: 80px;
	}

	#mainWrapper #main.shakespeare-main {
		padding: 20px 0 20px 0 !important;
	}
}

.shakespeare-showcase-wrapper .view-poets:hover {
	background-color: rgba(35, 41, 110, 0.75);
}

#wwi-background-image img {
	min-width: 1200px;
	width: 100%;
	min-height: 100%;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#shakespeare-background-image img.portrait {
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 55%;
	/*-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;*/
}

#shakespeare-background-image.small img.portrait {
	height: 500px;
	bottom: -200px;
	right: calc(50% + 90px);
}

.shakespeare-filters img.decor-left {
	position: absolute;
	left: 0;
	margin-top: -250px;
	height: 300px;
}

@media screen and (max-width: 960px) {
	.shakespeare-filters img.decor-left {
		position: absolute;
		left: 0;
		margin-top: -150px;
		height: 200px;
	}
}

#shakespeare-background-image img.decor-right {
	position: absolute;
	top: 0;
	right: 0;
	height: 200px;
}

#shakespeare-background-image .shakespeare-title {
	position: absolute;
	width: 320px;
	top: 30px;
	left: 50%;
	margin-left: -160px;
}



@media screen and (max-width: 680px) {
	#shakespeare-background-image {
		position: relative;
		top: 0px;
		height: calc(100vh - 100px) !important;
	}

	#shakespeare-background-image img.portrait {
		height: auto;
		position: relative;
		bottom: auto;
		right: auto;
		top: 50%;
		-webkit-transform: translateY(-50%) !important;
		-moz-transform: translateY(-50%) !important;
		-ms-transform: translateY(-50%) !important;
		-o-transform: translateY(-50%) !important;
		transform: translateY(-50%) !important;
		width: 80%;
		margin: 0 10%;
	}

	#shakespeare-background-image img.decor-right {
		width: 200px;
		height: auto;
	}

	.shakespeare-filters img.decor-left {
		top: 105vh;
		width: 240px;
		height: auto;
		left: -30px;
	}

	.shakespeare-showcase-wrapper .view-poets { 
		display: none; 
		margin: -20px auto 40px auto;
	}

	.shakespeare-showcase-wrapper .view-poets.view-poets-mobile { display: block; }

	#mainWrapper.shakespeare-showcase-wrapper {
		height: auto !important;
		background-color: #DCD82D !important;
	}

	.shakespeare-filter-options .filter-option {
		width: 130px;
		font-size: 14px;
		padding: 10px;
	}

	.shakespeare-filters .shakespeare-filter-options #shakespeare-autocomplete {
		width: auto;
	}

	.shakespeare-filters .shakespeare-filter-options .autocomplete-results {
		width: calc(100% - 38px);
	}

	.shakespeare-filters .shakespeare-filter-options .autocomplete-results a {
		font-size: 14px;
	}

	.event.shakespeare-event {
		width: 150px;
		height: 150px;
		margin-right: 0;
	}

	.event.shakespeare-event h2 {
		padding: 0;
		font-size: 16px;
		line-height: normal;
		width: 130px;
		height: 150px;
		padding: 0 10px;
	}

	.event.shakespeare-event .thumbnail h2 {
		font-size: 36px;
	}
}


#wwi-content {
	float: right;
	width: 100%;
	max-width: 660px;
	padding: 20px;
	background-color: #111111;
	opacity: 0.7;
	margin-top: 100px;
	color: #fff;
}

#wwi-content p {
	font-size: 20px;
	line-height: 23px;
	margin-bottom: 15px;
}

.wwi-showcase-poem .dnb_bio p {
	color: #fff !important;
}

.mobile-share {
	display: none;
}

#reg p {
	font-size: 16px;
}

.wwi-showcase-events {
	position: relative;
	background-color: #fff;
	text-align: center;
	padding-top: 30px;
	width: 100%;
}

.events-div {
	margin-left: auto;
	margin-right: auto;
}

.events-div-div {
	max-width: 1040px;
	margin: 0 auto;
}

/*.wwi-event {
	position: relative !important;
	left: 0 !important;
}*/

.view_poets {
	cursor: pointer;
	padding-top: 20px;
  -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
      -ms-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.view_poets.over {
	margin: auto;
	left: 0;
	right: 0;
}

.wwi-showcase-wrapper .entrytitle {
	font-size: 37px;
}


.shakespeare-showcase-wrapper .entry {
	max-width: 540px;
	display: table-cell;
	vertical-align: middle;
}

@media screen and (max-height: 800px) {
	.shakespeare-showcase-wrapper .entry {
		margin-top: -30px;
	}
}

.shakespeare-showcase-wrapper .entries {
	display: table;
}

.shakespeare-showcase-wrapper .entry-mask {
	max-width: 620px;
	margin: 0;
	float: right;
	color: #000;
}



.wwi-filters {
	text-align: left;
}

.shakespeare-filters {
	background-color: #BCB926;
	padding: 40px 0;
	margin-bottom: 40px;
}

@media screen and (max-width: 680px) {
	.shakespeare-filters {
		margin-bottom: 0;
	}
}

.tot-1:hover {
	text-decoration: none !important;
}

.wwi-showcase-event-mob .eventDetails .year {
	background-color: #337333;
}

.wwi-showcase-event-mob .eventTitle	 {
	color: 	#337333;
}

.shakespeare-event .longpoemtitle,
.wwi-event .longpoemtitle {
	display: inline !important;
	padding: 0 !important;
}

@media screen and (max-height: 800px) {
	.event {
		height: 366px;
	}

	.eventTitle {
		height: 75px;
	}

	.eventTitle p {
		font-size: 16px;
		line-height: 18px;
	}
	
	.event.single-page .eventTitle {
		
	}
}
	
@media screen and ( max-height: 500px) {

	#timeline { margin-top : -95px;}

	.event { width: 180px; height: 265px; background-size: 180px 265px;}

	.event.single-page { height: 370px !important; width: 200px !important; }
	.event.single-page .eventDetails { top: 200px !important; width: 200px !important; }
	.event.single-page .year { width: 200px !important }

	.event img { width: 177px; height: 175px; }

	.eventDetails { top: 175px; width: 175px; }

	.eventDetails .year { width: 157px; }

	.eventDetails h2 { padding-top: 10px; }

	body.home #markerInfo { top: 20px; }

}

@media screen and (max-width: 1024px) {
	.menu-2014-menu-container li, .menu-social-menu-container li {
		width: 31.5%;
		margin: 8px 1.36%;
		background-position: center;
	}

	/*.menu-2014-menu-container li.menu-item.wide-menu {*/
		/*width: 65.6%;*/
	/*}*/

	.dnb_bio p br {
		display: none;
	}
	.dnb_bio p, .performances p {
		float: none;
	}

	#definitions img, .dnb_bio img, .performances img {
		padding-bottom: 50px;
		border: none;
	}

	 .performances img { 
	 	padding-bottom: 0px;
	 }
}
@media screen and (max-width: 720px) {
	.entry br {
		display: none;
	}


}

@media screen and (max-width: 640px) {

	.menu-2014-menu-container {
		padding-top: 0;
		padding-bottom: 0;
	}

	#menuButton, #loadingContainer {
		display: none !important;
	}

	.sub-page {
		background-size: 12px;
		padding-top: 15px;
	}

	.sub-page h4 {
		font-size: 14px;
	}

	.poemTitle {
		padding-bottom: 30px;
	}

	.logo { position: relative; left: auto; margin: 0; padding: 15px; }
	.logo img {
		height: 55px !important;
	}

	#wwi-content {
		margin: 0 auto;
		float: none;
		width: 95%;
		padding: 2.5%;
	}

	#mainWrapper {
		margin-top: 0 !important;
	}

	#wwi-content p {
		font-size: 14px;
		line-height: 16px;
	}

	#header {
		height: 100px;
	}

	#wwi-background-image {
		top: 100px;
	}

	#search, #register {
		display: none;
	}

	#search-register-mobile {
		display: block;
	}
	/*#search-register-mobile > a {
		display: none;
	}*/
	.searchmob {
	    z-index: 200;
	    position: relative;
	}
	#searchform {
		margin-top: 76px;
		width: 100%;
		padding: 0;
	}

	#searchform #s {
		margin: 0;
		width: 78%;
		padding: 0;
		float: left;
		padding-bottom: 1px;
	}
	.search-results.listing { text-align:center; }
	#searchform input.mobile-submit {
		width: 20%;
		padding: 5px 0;
		margin: 0;
		background-color: #23296e;
		color: #fff;
		font-size: 12px;
		display: inline;
	}

	#headerContainer {
		height: 100px !important;
	}

	.menu-2014-menu-container li.menu-item {
		height: 160px;
	}

	.menu-2014-menu-container li.menu-item.wide-menu {
		width: 100%;
		margin: 3px 0;
		font-size: 32px;
		background-position: center 100px;
		background-size: 240px;
		line-height: 32px;
	}

	.menu-2014-menu-container li.menu-item.wide-menu span {
		top: 30px;
	}

	.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-1,
	.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-1:hover {  background-image: url('images/homepage_17/mobile/Timeline mobile 1.jpg');  }
	.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-2,
	.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-2:hover{  background-image: url('images/homepage_17/mobile/Timeline mobile 2.jpg');  }
	.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-3,
	.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-3:hover{  background-image: url('images/homepage_17/mobile/Timeline mobile 3.jpg');  }
	.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-4,
	.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-4:hover{  background-image: url('images/homepage_17/mobile/Timeline mobile 4.jpg');  }
	.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-5,
	.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-5:hover{  background-image: url('images/homepage_17/mobile/Timeline mobile 5.jpg');  }
	.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-6,
	.menu-2014-menu-container li.menu-item.wide-menu.variation.variation-6:hover{  background-image: url('images/homepage_17/mobile/Timeline mobile 6.jpg');  }

	.menu-2014-menu-container li {
		width: 49%;
		margin: 3px 0.5% !important;
	}
	
	.menu-2014-menu-container li.menu-item.news-link {
		display: none;
	}

	.menu-2014-menu-container li.menu-item.news-link.mobile {
		display: block;
		width: 49%;
		margin: 3px 0.5% !important;
		height: 160px;
		background-image: url(images/homepage_17/mobile/background-for-news.png);
	}

	.menu-2014-menu-container li.menu-item.news-link span {
	    font-size: 14px;
		padding: 30px;
	}

	.menu-2014-menu-container li.menu-item.news-link span:before {
		width: auto;
		display: block;
		padding: 0;
		margin-bottom: 20px;
	}

	.menu-2014-menu-container li.menu-item.standard-menu {
		background-size: auto 200px;
		background-position: center;
		height: 200px;
	}

	.menu-2014-menu-container li.menu-item.what-is-pbh, .menu-2014-menu-container li.menu-item.wwi-showcase, .menu-2014-menu-container li.menu-item.research-development {
		margin-right: 2%;
	}

	.menu-2014-menu-container li.menu-item.our-blog {
		background-image: url(images/our-blog-mobile.jpg);
	}
	.menu-2014-menu-container li.menu-item.support-us {
		background-image: url(images/support-us-mobile.jpg);
	}

	.menu-2014-menu-container li.menu-item.random-menu {
		background-position: center;
		background-size: 100%;
		height: 200px;
		text-indent: -9999px;
		background-image: url(images/random-poem-mobile.jpg);
	}
	.menu-2014-menu-container li.menu-item.random-menu a {
		position: absolute;
		top: 0;
		left: 0;
	}

	.menu-2014-menu-container li.menu-item.random-menu br {
		display: none;
	}

	.menu-2014-menu-container li.menu-item.random-menu span {
	 	top: 40px;
	}

	.menu-2014-menu-container li.menu-item.standard-menu span {
		bottom: 13px;
	}

	.filters {
		margin-top: -50px;
	}

	#ajaxcontent {
		margin-top: 100px;		
	}

	.menu-social-menu-container li.menu-item span, .menu-social-menu-container li.menu-item.social span {
		font-size: 11px;
	}

	.menu-social-menu-container li.menu-item.social.facebook img {
		height: 15px;
		margin-bottom: -3px;
	}

	.menu-social-menu-container li.menu-item.social.twitter img {
		margin: 0;
	}

	.menu-social-menu-container li.menu-item {
		width: 31%;
		margin: 8px 1.15% !important;;
	}

	.menu-social-menu-container li img {
		height: 10px;
	}

	h2.entrytitle {
		font-size: 24px;
		padding: 20px 0;
	}

	.entries .entry {
		padding: 20px;
	}

	.entry {
		margin-top: 0;
	}

	.entry p, .content-box p {
		font-size: 16px !important;
		line-height: 21px !important;
	}

	.primary-post .entry p, .primary-post .content-box p,
	.shakespeare-post .entry p, .shakespeare-post .content-box p {
		font-size: 18px !important;
		line-height: 24px !important;
	}


	#definitions, .dnb_bio {
		text-align: center;
	}

	#definitions .defs, .dnb_bio p, .poetry_archive_link p {
		width: 125px;
		padding: 0 10px;
		text-align: left;
		font-size: 12px;
		line-height: 14px;
	}


	.dnb_bio br, #definitions br {
		display: none;
	}

	.content-box h3 {
		line-height: 26px;
	}

	#social-menu {
		padding-bottom: 0;
	}

	.menu-social-menu-container {
		padding-bottom: 0;
	}

	.mobile-share {
		display: block;
		float: right;
		padding-top: 10px;
		width: auto !important;
	}

	.mobile-share .share-facebook, .mobile-share .share-twitter {
		padding-right: 10px;
	}

	.poemTitle h2 {
		font-size: 24px;
		line-height: 28px;
	}
	
	.poemTitle h3, .poemTitle h2 span {
		font-size: 16px;
	}

	.poemHead {
		padding-top: 30px;
		padding-right: 80px;
		    padding-left: 30px;
	}
	.primary-fancy-text-box, .activities {
		display: none;
	}
	.primary-post #main, .shakesepare-post #main { padding-top: 50px; }
	/*.menu-2014-menu-container li.menu-item.our-blog { transition: all 0.5s ease-in-out; width: 100%; background-repeat: no-repeat; background-color: #d90200;}*/
	/*.menu-2014-menu-container li.menu-item.our-blog:hover { background-color: #a00e0e; }*/
	
	#social-menu .menu-social-menu-container a { font-size: 12px; }

	.shakespeare-showcase-wrapper .entry-mask {
		float: none;
	}

	.shakespeare-showcase-wrapper .entries {
		width: 100% !important;
	}

	.shakespeare-showcase-wrapper .entry {
		max-width: 320px;
		margin: 0 auto;
		float: none;
	}
}

@media screen and (max-height: 620px) {
	h2.entrytitle{
		padding-bottom: 0;
	}

	.view_poets {
		padding-top: 0;
	}
}

@media screen and (max-width: 400px) {
	.menu-2014-menu-container li.menu-item.news-link,
	.menu-2014-menu-container li.menu-item.standard-menu {
		background-size: auto 160px;
		height: 160px;
	}

	.menu-2014-menu-container li.menu-item.random-menu {
		height: 160px;
	}

	.menu-2014-menu-container li.menu-item.news-link {
		background-size: auto 30px;
	}
	
	.menu-2014-menu-container li.menu-item.standard-menu span {
		bottom: 25px;
		font-size: 11px;
		padding: 0 2% !important;
	}

	 .menu-2014-menu-container li.menu-item.research-development span {
	 	bottom: 17px;
	 }
	 .entrytitle {
	 	line-height: 25px;
	 }

	 .dnb_bio img {
	 	padding: 25px 10px;
	 }
}

/*#navigation, #widgets {
	display:none;
}

*/

/*.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
      -ms-transition-duration: 0.6s;
       -o-transition-duration: 0.6s;
          transition-duration: 0.6s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
*/

.learning-resources {
	padding: 30px 120px;
	border-top: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
	margin-top: 30px;
	width: 600px;
	margin-left: -120px;
}

.learning-resources p, .learning-resources h3 {
	color: #000467;
}

.learning-resources h3 {
	padding: 0;
	/*cursor: pointer;*/
	margin: auto;
}

.learning-resource-content {
	/*display: none;*/
	padding-top: 20px;
}

.learning-resource-frame {
	position: fixed;
	top: 20px;
	width: 720px;
	max-height: 600px;
	padding: 50px 120px;
	margin-left: -250px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 0px 12px 0px rgba(50, 50, 50, 1);
	box-shadow:         0px 0px 12px 0px rgba(50, 50, 50, 1);
	display: none;
}

.learning-resource-frame .close {
	position: absolute;
	top: 14px;
	font-size: 12px;
	right: 20px;
	color: #0054a5;
	cursor: pointer;
}

.learning-resource-frame .navbutton {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 86%;
	margin-top: -13px;
	cursor: pointer;
	z-index: 9999;
}

.learning-resource-frame .navbutton.prev {
	left: 45px;
}

.learning-resource-frame .navbutton.next {
	right: 45px;
}

.resource-gallery {
	padding: 0px 0 30px 0;
}

.resource-gallery .resource_image {
	width: 200px;
	height: 200px;
	padding: 15px 25px;
	float:left;
	text-align:center;
	cursor: pointer;
	position: relative;
	background-color: #e8e8e8;
	margin-right: 30px;
	margin-bottom: 95px;
}

.resource-gallery .resource_image:hover {
	background-color: #dedede;
}

.resource-gallery .resource_image p {
	position: absolute;
	top: 250px;
	width: 250px;
	margin-left: -25px;
}

.resource-gallery .resource_image img {
	max-width: 100%;
	max-height: 200px;
	padding-bottom: 20px;
	position:relative;
}

.resource_image p {
	font-size: 14px;
	line-height: 16px;
	position: absolute;
	bottom: 280px;
	width: 200px;
	text-align: left;
}

.gallery_resource_image p {
	text-align: left;
	margin-left: 10%;
}

.gallery_slideshow .gallery_resource_image img {
	max-width: 100%;
	max-height: 460px;
	padding-bottom: 20px;
	position: relative;
}

.gallery_slideshow {
	width: 9900px;
}

p.gallery_copyright {
	font-size: 12px;
	color: #999;
}

.gallery_mask {
 	width: 120%;
	margin-left: -10%;
	overflow: hidden;
}

.gallery_slideshow .gallery_resource_image {
	float: left;
	width: 865px;
	max-height: 600px;
	text-align: center;
	position:relative;
}

.archives {
	float: right;
	width: 240px;
	border-top: solid 1px #999;
	padding: 20px 0;
}

.archives ul { padding: 0; margin: 0; font-size: 20px; text-transform: uppercase; letter-spacing: 1px; color: #0054A5; }
.archives ul.categories { border-bottom: solid 1px #999; padding-bottom: 20px; }
.archives ul.monthlies {  border-bottom: solid 1px #999; padding: 20px 0; }
.archives ul ul { padding-top: 20px; font-size: 16px; text-transform: none; letter-spacing: normal; color: #000; }
.archives li { list-style-type: none; }
.archives a { color: #000; }

.blog-archive { 
	width: 704px;
	padding: 30px 40px 30px 30px;
	background-color: #fff;
	margin-bottom: 60px;
}

.blog-archive .entry { margin: 0; padding: 0; padding-top: 65px; border-bottom: solid 1px #999; }
.blog-archive .entry h2 { font-size: 32px; font-weight: normal; line-height: 35px; }
.blog-archive .entry h2 a { text-decoration: none; color: #0054A5; }
.blog-archive p.date { font-size: 16px; margin: 5px 0; color: #0054A5; margin-bottom: 25px; }

.audiothumb { 
	width: 100px;
	float: left;
	padding: 20px 20px 20px 0;
}

.archives p { font-size: 14px; margin: 20px 0; }
.archives p a { color: #f00; }
.blog-archive .option-bar { padding: 10px 0; }
.blog-archive .option-bar p { margin-bottom: 0px; } 
.blog-archive .navigation { padding: 20px 0; }
.option-bar.blog-share { margin-bottom: 0; }

.option-bar.blog-share img { cursor: pointer; }

#menuContainer .blog {max-width: 992px;margin: 0 auto;} 
#blog-link { position: absolute; z-index: 25000;top: -138px;margin-left: 45px; }

.blog-archive iframe { width: 100%; margin: 35px 0; }
.audio-for-blog p { padding-top: 48px; }

.audiojs { width: 540px; } 
.audiojs .scrubber { width: 360px; }

.form-button {
	background-color: #0054a5;
	color: #fff;
	padding: 7px 15px;
	display: inline-block;
	width: 200px;
	text-transform: uppercase;
	text-align: center;
}

.alreadyregistered {
	color: #999;
}

.alreadyregistered .form-button {
	background-color: #f00;
	text-transform: uppercase;
}

.formtitle {
	font-size: 28px;
	line-height: 32px;
	padding-bottom: 30px;
	border-bottom: solid 1px #999;
	width: 720px;
	margin: 0 auto;
}

#registration {
	width: 720px;
	margin: 0 auto;
}

#postcodeLookup {
	margin: 6px 0 20px 0;
	width: 305px;
}

#reg-form input[type=text], #reg-form select, #contactRegistrationForm input[type=text], #contactRegistrationForm select {
	width: 330px;
	padding: 5px;
	font-size: 16px;
}


#reg-form select, #contactRegistrationForm select {
	width: 342px;
}

#reg-form .form-button {
	margin-right: 17px;
	background-color: #0054a5;
	color: #fff;
	padding: 7px 15px;
	display: inline-block;
	width: 200px;
	text-transform: uppercase;
	text-align: center;
}

#response .padout {
	padding-top: 50px;
}

@media screen and (max-width: 540px) {
	#blog-link { display: none; }
	.learning-resources h3 { font-size: 20px; }
	.resource-gallery { padding-bottom: 50px; }
	.resource-gallery .resource_image { width: 100%; padding: 0px; height: auto; }
	.resource-gallery .resource_image img { top: auto !important; }
	.learning-resources { width: auto; max-width: 500px; padding-right: 0px; }
	.resource_image p { width: auto; position: relative !important; top: 0px !important; }
}

.entry-mask.em-5545 {
	width: 840px;
	max-width: 840px;
}

#RSVPForm {
	padding-bottom: 40px;
}

#RSVPForm input[type=text], #RSVPForm select {
	width: 330px;
	padding: 5px;
	font-size: 16px;
}

#RSVPForm select {
	width: 342px;
}

#RSVPForm textarea {
	margin: 0px;
	height: 100%;
}

#RSVPForm select.ticketcount {
	width: 50px;
	margin: 0 10px;
}
.image-bar img { width: 100%; display: block; }
.primary-holder {
    background-image: url(images/hp_new/crown.png);
    background-color: #3aab47;
    padding: 100px 0;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}

.primary-holder p {
	width: 65%;
	margin: 20px auto;
	font-size: 24px;
	color: #fff;
	line-height: 32px;
}

.primary-holder .button {
	color: #fff;
	font-weight: bold;
	font-size: 36px;
	padding: 10px 20px;
	width: 200px;
	margin: 40px auto;
	background-color: #345c07;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	line-height: normal;
	text-align: center;
}

.primary-holder a:hover {
	text-decoration: none;
}

.primary-showcase-events,
.shakespeare-showcase-events {
	padding-top: 5px;
}

.activities {
	position: absolute;
	right: 0px;
	width: 280px;
	border-right: solid 2px #999;
	overflow: hidden;
	font-family: 'Sassoon', 'vag', sans-serif;
}

.activities .activity {
	height: 50px;
	width: 280px;
    right: -230px;
	position: relative;
	background-color: #fff;
	border: solid 2px #999; /*rgb(0, 58, 119);*/
	-moz-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    margin-top: -2px;
    cursor: pointer;
}

.activities .activity.fixed {
	right: 0px !important;background: #cdcdcd;
}

.activities .activity.wait {
	right: -230px !important;
	background-color: #fff !important;
}

.activities .activity.play.wait {
	right: -109px !important;
}

.activities .activity.wait:hover span {
	background-color: #fff !important;
}

.activities .activity span {
	padding: 10px;
	width: 30px;
	height: 30px;
	display: block;
	border-right: solid 2px #999;
	-moz-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    float: left;
    background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
}
.activities .activity.scissors:hover span { background-image: url('images/hp_new/activities icon hover.png'); }
.activities .activity.scissors.wait span, .activities .activity.scissors span { background-image: url('images/hp_new/activities icon off.png'); }
.activities .activity.printit:hover span { background-image: url('images/hp_new/print icon on.png'); }
.activities .activity.printit.wait span, .activities .activity.printit span { background-image: url('images/hp_new/print icon off.png'); }
.activities .activity.share:hover span { background-image: url('images/hp_new/Share icon hover.png'); }
.activities .activity.share.wait span, .activities .activity.share span  { background-image: url('images/hp_new/Share icon off.png'); }
.activities .activity.watch:hover span { background-image: url('images/hp_new/Video icon hover.png'); }
.activities .activity.watch.wait span, .activities .activity.watch span { background-image: url('images/hp_new/Video icon off.png'); }
.activities .activity.record:hover span { background-image: url('images/hp_new/Record icon hover.png'); }
.activities .activity.record.wait span, .activities .activity.record span { background-image: url('images/hp_new/Record icon off.png'); }
.activities .activity.play:hover span { background-image: url('images/player_controls/listen_white.png'); }
.activities .activity.play.wait span, .activities .activity.play span { background-image: url('images/player_controls/listen_grey.png'); }
.activities .activity.listen:hover span { background-image: url('images/player_controls/listen_white.png'); }
.activities .activity.listen.wait span, .activities .activity.listen span { background-image: url('images/player_controls/listen_grey.png'); }


.activities .activity a {
	color: #000;
}
.activities .activity p {
    padding: 10px 20px;
    width: 185px;
    margin: 0;
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    text-transform: uppercase;
}

.activities .activity.play {
	width: 230px;
    right: -109px;
    margin-left: 121px;
}

.activities .activity:hover {
	right: 0px;
	background-color: #cdcdcd;
}

.activities .activity:hover span {
	background-color:  #aaa;
}



.view-video {
	-moz-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    position: fixed;
    top: 0;
    left: 0;
    width: 80%;
    height: 90%;
    text-align: center;
    padding: 10%;

    display: none;
   	background-color: rgba(0,0,0,0.9);
    z-index: 3000;
    color: #fff;
}
.view-video.activity-activity {
	padding-top: 0;
}

.view-video h2 {
	margin : 40px 0;
	font-family: 'Sassoon', 'vag', sans-serif;
}

.view-video .close {
    position: absolute;
    top: 200px;
    right: 10%;
    font-size: 44px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

.view-video .controls {
	background-color: #333;
	width: 90%;
	padding: 50px 5%;
	max-width: 640px;
	position: relative;
	margin: 0 auto;
	font-family: 'Sassoon', 'vag', sans-serif;
}

@media screen and (max-width: 540px) {
	#record {
		width: 100%;
		height: 100%;
		padding: 0;
	}

	.view-video .close {
	    top: 20px;
	}
}

.view-video canvas {
	position: absolute;
	right: 10px;
	top: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.recording-activity .recording-status  {
    position: absolute;
    top: 10px;
    right: 40px;
    line-height: 22px;
    color: #fff;
    font-size: 12px;
}
.recording-activity .controls em {
	opacity: 0.4;
}
.recording-activity .controls em.running,
.recording-activity .controls em.ready {
	opacity: 1;
}

.recording-activity .controls p {
	width: 25%;
	height: 50px;
	float: left;
	color: #cdcdcd;
	cursor: pointer;
}

.play-activity .controls em,
.recording-activity .controls em {
	display: inline-block;
    width: 35px;
    height: 40px;
    margin: 0;
    background-repeat: no-repeat;
    border-right: solid 2px #999;
    padding: 5px 10px;
    /*background-size: 35px;*/
    background-position: center;
}


.play-activity .controls .play,
.recording-activity .controls .play {
	/*background-color: rgb(0,200,2);*/
	background-image: url("images/player_controls/play.png");
}

.recording-activity .controls .play.running {
	animation: animationFrames linear 2s;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	-webkit-animation: animationFrames linear 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: animationFrames linear 2s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-o-animation: animationFrames linear 2s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-ms-animation: animationFrames linear 2s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    background-image: url("images/player_controls/play-light.png");
  }
  50% {
    background-image: url("images/player_controls/play-dark.png");
  }
  100% {
    background-image: url("images/player_controls/play-light.png");
  }
}

@-moz-keyframes animationFrames{
  0% {
    background-image: url("images/player_controls/play-light.png");
  }
  50% {
    background-image: url("images/player_controls/play-dark.png");
  }
  100% {
    background-image: url("images/player_controls/play-light.png");
  }
}

@-webkit-keyframes animationFrames {
  0% {
    background-image: url("images/player_controls/play-light.png");
  }
  50% {
    background-image: url("images/player_controls/play-dark.png");
  }
  100% {
    background-image: url("images/player_controls/play-light.png");
  }
}

@-o-keyframes animationFrames {
  0% {
    background-image: url("images/player_controls/play-light.png");
  }
  50% {
    background-image: url("images/player_controls/play-dark.png");
  }
  100% {
    background-image: url("images/player_controls/play-light.png");
  }
}

@-ms-keyframes animationFrames {
  0% {
    background-image: url("images/player_controls/play-light.png");
  }
  50% {
    background-image: url("images/player_controls/play-dark.png");
  }
  100% {
    background-image: url("images/player_controls/play-light.png");
  }
}


@keyframes recAniFrames{
  0% {
    background-image: url("images/player_controls/rec-light.png");
  }
  50% {
    background-image: url("images/player_controls/rec-dark.png");
  }  
  100% {
    background-image: url("images/player_controls/rec-light.png");
  }
}

@-moz-keyframes recAniFrames{
  0% {
    background-image: url("images/player_controls/rec-light.png");
  }
  50% {
    background-image: url("images/player_controls/rec-dark.png");
  }  
  100% {
    background-image: url("images/player_controls/rec-light.png");
  }
}

@-webkit-keyframes recAniFrames {
  0% {
    background-image: url("images/player_controls/rec-light.png");
  }
  50% {
    background-image: url("images/player_controls/rec-dark.png");
  }  
  100% {
    background-image: url("images/player_controls/rec-light.png");
  }
}

@-o-keyframes recAniFrames {
  0% {
    background-image: url("images/player_controls/rec-light.png");
  }
  50% {
    background-image: url("images/player_controls/rec-dark.png");
  }  
  100% {
    background-image: url("images/player_controls/rec-light.png");
  }
}

@-ms-keyframes recAniFrames {
  0% {
    background-image: url("images/player_controls/rec-light.png");
  }
  50% {
    background-image: url("images/player_controls/rec-dark.png");
  }  
  100% {
    background-image: url("images/player_controls/rec-light.png");
  }

}
.play-activity .controls .pause {
	/*background-color: rgb(0,200,2);*/
	background-image: url("images/player_controls/pause.png");
}

.recording-activity .controls .record {
	/*background-color: rgb(200,0,0);*/
	background-image: url("images/player_controls/rec.png");
	padding-right: 9px;
}
.recording-activity .controls .record.running {
	animation: recAniFrames linear 2s;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	-webkit-animation: recAniFrames linear 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: recAniFrames linear 2s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-o-animation: recAniFrames linear 2s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-ms-animation: recAniFrames linear 2s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;
}

.play-activity .controls .stop,
.recording-activity .controls .stop {
	/*background-color: rgb(0,0,0);*/
	background-image: url("images/player_controls/stop.png");
}

.play-activity .controls .rewind {
	/*background-color: rgb(0,0,0);*/
	background-image: url("images/player_controls/rewind.png");
}

.play-activity .controls .play {
	width: 20px;
    border: none;
    margin-left: -3px;
    padding: 5px 14px;
    background-color: transparent;
}

.play-activity .controls em {
    -moz-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.play-activity .controls em:hover {
	background-color: #bbb;
}

.recording-activity .controls .download {
	/*background-color: rgb(200,200,200);*/
	background-image: url("images/player_controls/export.png");
	border-right: none;
	width: 25px;
    /*background-size: 30px;*/
    padding-left: 5px;
}

.play-activity .controls em { opacity: 1; }

.readanother { text-align: center; }
.readanother-shakespeare {
	text-align: center;
	padding: 20px 0;
	background-color: #efefef;
}
.readanother > h2 {
    font-family: vag, sans-serif;
    margin: 30px 0;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 24px;

}

.shakespeare-browse {
	width: 150px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}

.shakespeare-browse em {
	display: inline-block;
	width: 64px;
	height: 64px;
	padding: 5px 0;
	background-repeat: no-repeat;
	background-size: 64px;
	background-position: center;
}

.shakespeare-browse em.left {
	background-image: url(images/ss-prev.png);
}

.shakespeare-browse em.right {
	background-image: url(images/ss-next.png);
}

.readanother-shakespeare > h2 {
    font-family: vag, sans-serif;
    margin: 50px 0;
    font-weight: bold;
    font-size: 24px;
}


.primary-filters em,
.shakespeare-filters em {
	width: 48px;
	display: block;
	float: right;
	height: 50px;
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: -10px;
	position: relative;
	left: -5px;
	margin-right: -2px;
	border: solid 2px #999; 
	background-color: #fff;
	-moz-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.primary-filters em:hover,
.shakespeare-filters em:hover {
	background-color: #aaa;
}

.primary-copyright {
    position: absolute;
    margin-top: -30px;
    margin-left: 20px;
}

.primary-filters em.left, .shakespeare-filters em.left { background-image: url(images/arrow%20left.png); }
.primary-filters em.right, .shakespeare-filters em.right { background-image: url(images/arrow%20right.png); }
.primary-filters em.left:hover, .shakespeare-filters em.left:hover { background-image: url(images/arrow%20left_active.png); }
.primary-filters em.right:hover, .shakespeare-filters em.right:hover { background-image: url(images/arrow%20right_active.png); }

.poem-content .entry br { display: block !important; }
.primary-post .poemTitle,
.shakespeare-post .poemTitle {
	clear: both;
    padding-top: 20px;
}

.poem-activity-details {
	padding: 30px 40px 80px 40px;
	max-width: 944px;
	margin: 0 auto;
	background-color: #fff;
	margin-top: 250px;
}

.activity-activity h2,
.activity-listen h2 {
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 15px;
	text-transform: uppercase;
} 

.activity-activity h3,
.activity-listen h3 {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 40px;
}

.activity-activity h2,
.activity-activity h3,
.activity-listen h2,
.activity-listen h3 {
	font-family: vag, sans-serif;
	font-weight: normal;
	color: #0054A5;
	margin-top: 0;
}

.activity-listen .poem-activity-details {
	margin-top: 160px;
}

.activity-activity p {
	margin: 0;
	font-size: 0px;
	line-height: 22px;
	font-size: 17px;
	color: #000;
	font-family: vag, sans-serif;
}

.poetry-archive-reading {
	border: solid 3px #0054A5;
	background: #0054A5;
	width: 440px;
	margin: 0 auto;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	margin-bottom: 20px;
	text-align: left;
}

.poetry-archive-reading p {
	float: left;
	padding: 20px;
	width: 300px;
	margin: 3px 0px;
}

.poetry-archive-reading img {
	float: left;
	background-color: #fff;
	padding: 20px;
	width: 50px;
}

.alternate-reading {
	border: solid 3px #333;
	background: #ccc;
	width: 440px;
	margin: 0 auto;
	color: #000;
	text-decoration: none;
	font-size: 18px;
	margin-bottom: 20px;
	text-align: left;
}

.alternate-reading p {
	float: left;
	padding: 20px;
	width: 300px;
	margin: 3px 0px;
}

.alternate-reading img {
	float: left;
	background-color: #fff;
	padding: 20px;
	width: 50px;
}

#justrec_area {
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	z-index: 20000 !important;
	margin-left: -107px;
	margin-top: -70px;
}

#justrec_area object, 
#justrec_area embed {
	width: 215px !important;
	height: 140px !important;
}

#record em.flashmsg {
    display: block;
    margin: 15px 0;
    position: absolute;
    left: 60px;
}

.eventDetails .anthology {
	background-color: #f00;
	color: #fff;
	padding: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}

.eventDetails .wwi-showcase {
	background-color: #337333;
	color: #fff;
	padding: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}

.eventDetails .primary-resource {
	background-color: #ddb724;
	color: #fff;
	padding: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}


.pa-credit { 
	width: 100%;
	max-width: 992px;
	margin: 0 auto;
	padding: 20px;
	clear: both; 
}
.pa-credit .pa-logos {
	float: left;
}
.pa-credit .pa-logos img {
	height: 60px;
}

.pa-credit .tfe-logo {
	float : right;
}

.pa-credit .tfe-logo img {
	height: 60px;
}
.pa-credit p {
    width: 100%;
    max-width: 540px;
    font-size: 12px;
    line-height: 16px;
}

#download-primary-resource-pdf {
	position: absolute;
    z-index: 2000;
    margin-top: -120px;
}

@media screen and (max-width: 1024px) {
	.pa-credit { 
		width: auto;
	}
	.pa-credit p {
		clear: both;
		padding: 20px 0;
	}
}

@media screen and (max-width: 480px) {
	.pa-credit p {
		clear: none;
		width: 220px;
	}
}

@media screen and (max-width: 540px) {
	.pa-credit .tfe-logo, .pa-credit .pa-logos {
		float: none;
		padding: 20px;
	}

	.pa-credit .pa-logos {
		width: 100px !important;
	}

	.pa-credit img {
		margin: 0 auto;
		display: block;
	}
}


#performance-carousel {
	padding: 0 30px 30px 30px;
	background-color: #ebebeb;
}


#main.performance-gallery {
	background-color: transparent;
}

#main.performance-gallery .content {
	padding: 40px;
}

#main.performance-gallery #performance-carousel {
	padding: 30px;
	background-color: #ffffff;
}

#main.performance-gallery #performance-carousel iframe {
	width: 100%;
}

#performance-carousel .video-carousel-selectors {
	width: 100%;
	overflow: hidden;
	position: relative;
}

#performance-carousel .video-carousel-selectors .back,
#performance-carousel .video-carousel-selectors .fwd {
	position: absolute;
	top: 55px;
	padding: 10px;
	background-color: #ffffff;
	margin-top: -10px;
	cursor: pointer;
}

#performance-carousel .video-carousel-selectors .fwd {
	right: 0px;
}

#performance-carousel .video-carousel-selectors .back:before,
#performance-carousel .video-carousel-selectors .fwd:before {
	content: ' ';
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	top: 5px;
	left: 5px;
}

#performance-carousel .video-carousel-selectors .back:before {
	border-width: 5px 10px 5px 0;
	border-color: transparent #fe0000 transparent transparent;
}

#performance-carousel .video-carousel-selectors .fwd:before {
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #fe0000;
}

#performance-carousel .vcs-mask {
	width: 8000px;
}

#performance-carousel .vcs-single {
	float: left;
	padding: 10px 20px 10px 0px;
	width: 150px;
}

#performance-carousel .vcs-icon img {
	width: 150px;
}

#performance-carousel .vcs-single.selected .vcs-icon img {
	width: 146px;
	border: solid 2px #fe0000;
}

#performance-carousel .vcs-markup {
	display: none;
}

#performance-carousel .performance-area h4 {
	font-weight: bold;
	font-size: 18px;
	margin: 0;
	padding: 30px 0;
	color: #227ead;
}

#performance-carousel .vcs-single h4 {
	color: #227ead;
	font-size: 14px;
	font-weight: bold;
	/*max-width: 66%;*/
}


.view-video.activity-shakespeare-listen {
	padding: 0;
	width: 100%;
	height: 100%;
}

.view-video.activity-shakespeare-listen .poem-activity-details {
	margin-top: 0;
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	left: 50%;
}

.view-video.activity-shakespeare-listen .close {
	top: 70px;
	right: 7%;
}

.alternate-versions {
	text-align: center;
}

.alternate-versions .version-switcher {
	display: inline-block;
	width: 120px;
	margin: 40px 20px;
	padding: 10px 20px;
	color: #666666;
	font-family: 'VAG', sans-serif;
	font-weight: bold;
	cursor: pointer;
	background-color: #cdcdcd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: background-color 0.4s;
	-moz-transition: background-color 0.4s;
	-ms-transition: background-color 0.4s;
	-o-transition: background-color 0.4s;
	transition: background-color 0.4s;
}

.alternate-versions .version-switcher:hover {
	background-color: #aaaaaa;
}

.alternate-versions .version-switcher.selected {
	background-color: #DCD82D;
	color: #ffffff;
}

.version-alternate {
	display: none;
}

#learning-zone {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px 100px 20px;
	text-align: center;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

#learning-zone.archive {
	max-width: 960px;
	padding-bottom: 80px;
}

#learning-zone h1 {
	line-height:normal;
	padding: 80px 0;
	text-transform: uppercase;
	font-weight:normal;
	letter-spacing: 30px;
	position: relative;
	font-size: 72px;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

#learning-zone h1.shrink {
	font-size: 18px;
	padding: 20px 0;
	border-bottom: solid 1px #ababab;
}

#learning-zone.archive .back-to-learning-zone {
	display: none;
}

#learning-zone h2 {
	font-size: 42px;
	color: #003a78;
	line-height:normal;
	padding: 20px 0;
	text-transform: uppercase;
	font-weight:normal;
	letter-spacing: 10px;
}

#learning-zone h3.top {
	line-height:normal;
	padding: 0;
	margin-bottom: 30px;
	font-size: 22px;
	text-transform: uppercase;
	font-weight:normal;
	letter-spacing: 5px;
}

#learning-zone h3.performances {
	letter-spacing: 1px;
	text-align: left;
	margin: 0;
	padding: 40px 0 0 0;
	color: #000000;
}

#learning-zone h3.bottom {
	letter-spacing: 1px;
	text-align: left;
	margin: 0;
	line-height:normal;
	padding: 120px 20px 40px 60px;
	color: #000000;
	text-transform: uppercase;
	font-size: 24px;
	font-weight:normal;
}

#learning-zone .video-carousel-wrapper {
	position: absolute;
	left: 0px;
	width: 100vw;
	z-index: -1;
	background-color: #ebebeb;
}

#learning-zone .performance-area h4 {
	font-weight: bold;
	text-align: left;
	font-size: 24px;
	line-height: normal;
}

#learning-zone #performance-carousel {
	padding: 0 60px 30px 60px;
}

#learning-zone .resource {
	padding: 30px 30px 30px 60px;
	border-top: solid 1px #000000;
	text-align: left;
	color: #000000;
	font-size: 21px;
	position: relative;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

#learning-zone #resource-downloads a:hover,
#learning-zone #related-blogs a:hover {
	text-decoration: none;
}

#learning-zone a:hover .resource {
	background-color: #efefef;
}

#learning-zone .resource .resource-content {
	float: left;
	width: calc(100% - 250px);
}

#learning-zone .resource h4 {
	color: #003a78;
	font-weight: bold;
	font-size: 24px;
	margin: 10px 0;
	line-height:normal;
}

#learning-zone .resource img {
	width: 100px;
	float: left;
	padding-right: 40px;
}

#learning-zone .resource .download {
	float: right;
	text-transform: uppercase;
	width: 100px;
	text-align: center;
	padding-top: 40px;
	background-image: url(images/lz-download.png);
	background-position: top center;
	background-repeat: no-repeat;
}

#learning-zone .resource.blog:before {
	content: ' ';
	position: absolute;
	right: 0px;
	width: 100px;
	top: 50%;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: url(images/lz-blog.png);
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
}


@media screen and (max-width: 640px) {
	#learning-zone .resource.blog:before {
		display: none;
	}

	#learning-zone .resource.blog .resource-content {
		position: relative;
	}
	
	#learning-zone .resource.blog .resource-content:after {
		content: ' ';
		position: absolute;
		right: -100px;
		width: 100px;
		top: 50%;
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background-image: url(images/lz-blog.png);
		background-position: center;
		background-repeat: no-repeat;
		height: 40px;
	}
}

#learning-zone a:last-of-type .resource {
	border-bottom: solid 1px #000000;
}

#learning-zone .content iframe {
	width: 100%;
}


#learning-zone .resource.link,
#learning-zone .resource.link:last-of-type {
	padding-left: 0;
	border: none;
}

#learning-zone .resource-link {
	display: block;
	border-bottom: solid 1px #000;
}

#learning-zone .resource-link:last-of-type {
	border-bottom: none;
}

#learning-zone .resource.link img {
	padding: 20px;
	width: 200px;
	margin-right: 20px;
	border: solid 1px #ccc;
	background-color: #fff;
}

#learning-zone .resource.link .resource-content {
	width: calc(100% - 270px);
}

#learning-zone .resource.link a {
	color: #000;
}

#learning-zone .resource.link:before {
	display: none;
}

#learning-zone .resource.link a:hover {
	text-decoration: none;
}
#learning-zone .resource.link a {
	font-weight:bold;
	display: block;
	line-height: normal;
	font-size: 16px;
}

#learning-zone .resource.link p {
	font-size: 20px;
	margin-bottom: 5px;
	line-height: 24px;
}


@media screen and (max-width: 480px) {
	#learning-zone .resource {
		padding: 30px;
	}

	#learning-zone .resource img,
	#learning-zone .resource .download,
	#learning-zone .resource .resource-content {
		float: none;
		width: 100%;
	}
	
	#learning-zone .resource.blog .resource-content {
		width: calc(100% - 40px);
	}

	#learning-zone .resource .download {
		margin-top: 40px;
	}

	#learning-zone .resource img {
		padding-bottom: 30px;
	}
	
	
	#learning-zone #performance-carousel {
		padding: 0 20px 30px 20px;
	}

	#learning-zone h3.bottom {
		padding-top: 60px;
		padding-left: 20px;
	}
}


@media screen and (max-width: 640px) {
	#learning-zone .resource.link .resource-content:after {
		display: none;
	}
	#learning-zone .resource.link img,
	#learning-zone .resource.link .resource-content {
		width: 100%;
	}
}

.back-to-learning-zone {
	position: absolute;
	left: 20px;
	height: 20px;
}


.lz-item {
	float: left;
	position: relative;
	margin-top: 100px;
	margin-bottom: 50px;
	top: 100px;
	opacity: 0;
	-webkit-transition: opacity 0.25s ease-out, top 0.5s ease-out;
	-moz-transition: opacity 0.25s ease-out, top 0.5s ease-out;
	-ms-transition: opacity 0.25s ease-out, top 0.5s ease-out;
	-o-transition: opacity 0.25s ease-out, top 0.5s ease-out;
	transition: opacity 0.25s ease-out, top 0.5s ease-out;
}

.lz-item .mask {
	overflow: hidden;
	position: relative;
}

.lz-item a {
	display: block;
	z-index: 200;
}

.lz-item p {
	margin: 20px 0;
	font-size: 18px;
}

.lz-item.next-row {
	clear: both;
	margin-top: 0;
}

.lz-item img {
	width: 100%;
	display: block;
}

.lz-item-1 {
	width: 14.28%;
}

.lz-item-2 {
	width: 28.56%;
}

.lz-item-3 {
	width: 42.84%;
}

.lz-item-push-1 {
	margin-left: 14.28%;
}

.lz-item-push-2 {
	margin-left: 28.56%;
}

.lz-item h3 {
	position: absolute;
	top: 50%;
	width: 100%;
	font-size: 36px;
	color: #fff;
	letter-spacing: 10px;
	font-weight: normal;
	text-transform: uppercase;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	z-index: 20;
}

.lz-item.in h3 {
	letter-spacing: 15px;
	font-size: 40px;
}

.lz-item a:after {
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0px;
	opacity: 0.3;
	width: 100%;
	height: 100%;
	content: ' ';
	background-color: #fe0000;
}

.lz-item.in a:after {
	top: 0%;
	-webkit-transition: top 0.25s ease-out;
	-moz-transition: top 0.25s ease-out;
	-ms-transition: top 0.25s ease-out;
	-o-transition: top 0.25s ease-out;
	transition: top 0.25s ease-out;
}

.lz-item.out a:after {
	top: -100%;
	-webkit-transition: top 0.25s ease-out;
	-moz-transition: top 0.25s ease-out;
	-ms-transition: top 0.25s ease-out;
	-o-transition: top 0.25s ease-out;
	transition: top 0.25s ease-out;
}

.lz-item.parallax-ready {
	opacity: 1;
	top: 0px;
}

@media screen and (max-width: 640px) {
	#learning-zone h1 {
		padding: 10px 0 70px 0;
		letter-spacing: 20px;
		font-size: 32px;
	}

	#learning-zone h1.shrink {
		padding-top: 40px;
	}

	.lz-item {
		width: 85.71%;
		margin-top: 0;
	}

	.lz-item.lz-item-push-2 {
		margin-left: 0;
	}

	.back-to-learning-zone {
		left: 50%;
		margin-left: -10px;
		margin-top: -30px;
	}
}

.oed-switch {
	padding: 0 30px;
	font-family: 'VAG', sans-serif;
	font-weight: bold;
	font-size: 18px;
}

.classic-main .oed-switch {
	font-size: 14px;
	padding-top: 40px;
}

.oed-switch span.state-text {
	font-weight: lighter;
	display: inline-block;
	padding: 0 15px 0 50px;
}

.oed-switch span.state-switch {
	display: inline-block;
	border-radius: 20px;
	padding: 15px;
	background-color: #333;
	width: 35px;
	position: relative;
	top: 7px;
	cursor: pointer;
}

.oed-switch span.state-switch:before {
	content: ' ';
	display: inline-block;
	position: absolute;
	padding: 11px;
	border-radius: 20px;
	top: 4px;
	transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-webkit-transition: all 0.25s ease-out;
}

.oed-switch span.state-switch.on:before {
	left: 4px;
	background-color: #00fe00;
}

.oed-switch span.state-switch.off:before {
	left: calc(100% - 26px); 
	background-color: #fe0000;
}


.entry.no-oed a {
	color: #000;
	text-decoration: none;
	cursor: default;
	pointer-events: none;
}