/*
Theme Name:Clwyd Theatre
Theme URI:http://www.clwyd-theatr-cymru.co.uk/
Description:Theme for the Clwyd Theatre website.
Author:Useful Digital
Author URI:http://www.usefuldigital.co.uk/
Version:1.0
Tags:white, two-columns, fixed-width, threaded-comments, sticky-post, editor-style, custom-menu
*/

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

@font-face {
  font-family: "Avenir W01_n3";
  src: url("fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix") format("eot")
}

@font-face {
  font-family: "Avenir W01";
  src: url("fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix");
  src: url("fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix") format("eot"), url("fonts/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"), url("fonts/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff"), url("fonts/c70e90bc-3c94-41dc-bf14-caa727c76301.ttf") format("truetype"), url("fonts/0979215b-3a1b-4356-9c76-e90fa4551f1d.svg#0979215b-3a1b-4356-9c76-e90fa4551f1d") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Avenir W01_o4";
  src: url("fonts/1e9b2738-9316-4b0c-97c0-5423b69ea147.eot?#iefix") format("eot")
}

@font-face {
  font-family: "Avenir W01";
  src: url("fonts/1e9b2738-9316-4b0c-97c0-5423b69ea147.eot?#iefix");
  src: url("fonts/1e9b2738-9316-4b0c-97c0-5423b69ea147.eot?#iefix") format("eot"), url("fonts/1a7173fa-062b-49ad-9915-bc57d3bfc1f5.woff2") format("woff2"), url("fonts/cdda031e-26e9-4269-83d1-5a218caa10db.woff") format("woff"), url("fonts/6d1ce413-19e7-4b43-b328-6cdedc58b35a.ttf") format("truetype"), url("fonts/33fac8ae-e7a5-4903-9ac1-c09a59b4c61d.svg#33fac8ae-e7a5-4903-9ac1-c09a59b4c61d") format("svg");
  font-weight: 400;
  font-style: oblique;
}

@font-face {
  font-family: "Avenir W01_n8";
  src: url("fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix") format("eot")
}

@font-face {
  font-family: "Avenir W01";
  src: url("fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix");
  src: url("fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix") format("eot"), url("fonts/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"), url("fonts/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff"), url("fonts/ccd17c6b-e7ed-4b73-b0d2-76712a4ef46b.ttf") format("truetype"), url("fonts/20577853-40a7-4ada-a3fb-dd6e9392f401.svg#20577853-40a7-4ada-a3fb-dd6e9392f401") format("svg");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Avenir W01_o8";
  src: url("fonts/e6b412d9-d1ed-4b17-bb93-a6911df8640d.eot?#iefix") format("eot")
}

@font-face {
  font-family: "Avenir W01";
  src: url("fonts/e6b412d9-d1ed-4b17-bb93-a6911df8640d.eot?#iefix");
  src: url("fonts/e6b412d9-d1ed-4b17-bb93-a6911df8640d.eot?#iefix") format("eot"), url("fonts/3c210c80-960f-4684-850b-25390b4d08af.woff2") format("woff2"), url("fonts/cb5c71ad-e582-4d00-929c-67fbfaeb1c27.woff") format("woff"), url("fonts/9ced8e96-4602-4507-8c20-4ff381949a9a.ttf") format("truetype"), url("fonts/a7c1d112-7546-459d-a153-1467481298bd.svg#a7c1d112-7546-459d-a153-1467481298bd") format("svg");
  font-weight: 800;
  font-style: oblique;
}

@font-face {
  font-family: "Univers Next W01_n8";
  src: url("fonts/fdffeb1c-176a-47ea-a494-34153ec07341.eot?#iefix") format("eot")
}

@font-face {
  font-family: "Univers Next W01";
  src: url("fonts/fdffeb1c-176a-47ea-a494-34153ec07341.eot?#iefix");
  src: url("fonts/fdffeb1c-176a-47ea-a494-34153ec07341.eot?#iefix") format("eot"), url("fonts/b5f227ec-a279-4258-ae68-a27ef54227e3.woff2") format("woff2"), url("fonts/e3d34dec-3139-44b1-8ded-314892605576.woff") format("woff"), url("fonts/45697ad3-712a-4d58-a6eb-913b20478c24.ttf") format("truetype"), url("fonts/4e0d6ec9-3c6c-40b9-8e57-b52f8d339e3f.svg#4e0d6ec9-3c6c-40b9-8e57-b52f8d339e3f") format("svg");
  font-weight: 800;
  font-style: normal;
}

/* ==========================================================================
   Base styles:opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
  color: #454545;
}

body {
  font-size: 62.5%;
  line-height: 1;
  text-align: center;
}

/*
 * Remove text-shadow in selection highlight:h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #bada55;
  text-shadow: none;
}

::selection {
  background: #bada55;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers:h5bp.com/i/440
 */

img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* =Reset default browser CSS. Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  /*vertical-align:baseline;*/
}

body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

blockquote {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

a img {
  border: none;
}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT:Two columns
DESCRIPTION:Two-column fixed layout with one sidebar right of content
*/
.post-type-archive #primary,
.post-type-archive #secondary {
  float: right;
  position: relative;
  /*overflow:hidden;*/
  width: 30%; /*was 220*/
  display: inline-block;
}

.post-type-archive #container, .home #container, .page-parent #container, .page-child #container, .blog #container, .single-clwydeventgroups #container{
  float: left;
  display: inline-block;
  width: 68%;
}
.single-spektrixevent #container {
  float: none!important;
  /*margin:0 -270px 0 0;*//*was 240*/
  width: 100%;
}
.single-spektrixevent #main {
  overflow: visible!important;
  
}
#container {
  float: left;
  /*margin:0 -270px 0 0;*//*was 240*/
  width: 100%;
}

#content {
  /*margin:0 290px 0 0;*//*was 280*/
  width: 100%;
  display: inline-block;
}

#contentsingle {
  margin: 0 auto; /*was 280*/
}

.home #content {
  /*margin:0 387px 0 10px;*/
}

#primary,
#secondary {
  float: right;
  position: relative;
  display: inline-block;
  /*overflow:hidden;*/
  width: 30%; /*was 220*/
}

#secondary {
  clear: right;
}

#footer {
  clear: both;
  width: 100%;
}

/*
LAYOUT:One column, no sidebar
DESCRIPTION:One centered column with no sidebar
*/
.one-column#container,
.one-column #content {
  margin: 0 auto;
  /*width:976px;*/
}

/*
LAYOUT:Full width, no sidebar
DESCRIPTION:Full width content with no sidebar; used for attachment pages
*/

.single-attachment #content {
  margin: 0 auto;
  width: 900px;
}

/* =fonts
-------------------------------------------------------------- */
/*
font-family:'Avenir W01';
font-style:normal;
font-weight:400;

font-family:'Avenir W01';
font-style:italic;
font-weight:400;

font-family:'Avenir W01';
font-style:normal;
font-weight:700;

font-family:'Avenir W01';
font-style:italic;
font-weight:700;
*/

body,
input,
textarea,
#topnav,
.page-title span,
.pingback a.url {
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 400;
}

.widget-title,
#calendar #today .big,
#calendar .highlight,
.entry-title,
.entry-meta,
a.red-button,
a.black-button,
#access .menu,
#access div.menu ul,
a.arrowright,
a.bottomlink,
#tabheader a,
#respond .form-submit input,
.comment-author cite,
strong,
h1, h2, h3, h4, h5, h6,
.single-spektrixevent #content #castcreative .cast-entry,
.single-spektrixevent #content-single #castcreative .cast-entry,
#showdates .month .expan,
#showdates .month .row span.book,
#showdates .month .row span.soldout,
.page-template-page-newsletter-php #content form #submit {
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 600;
}

.datepick-month td .datepick-selected {
  background-color: #007091 !important;
}

#cancel-comment-reply-link,
.form-allowed-tags,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.wp-caption-text {
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 400;
}

input[type=submit] {
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 400;
}

pre {
  font-family: "Courier 10 Pitch", Courier, monospace;
}

code {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

#footer {
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 400;
}

/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main {
  margin: 0 auto;
  max-width: 976px;
  width: 90%;
}

#main {
  /*background-color:#fff;*/
}

#wrapper {
  background: #fff;
  /*margin-top:20px;
	padding:0 20px;*/
}

/* Structure the footer area */
#footer-widget-area {
  overflow: hidden;
}

#footer-widget-area .widget-area {
  float: left;
  margin-right: 20px;
  width: 220px;
}

#footer-widget-area #fourth {
  margin-right: 0;
}

#marker {
  position: absolute;
  display: none;
  border-bottom: 6px solid #007091;
  height: 6px;
  -webkit-transition: width 0.3s, left 0.3s;
  -moz-transition: width 0.3s, left 0.3s;
  -ms-transition: width 0.3s, left 0.3s;
  -o-transition: width 0.3s, left 0.3s;
  transition: width 0.3s, left 0.3s;
}

#main-nav .clearfix:before,
#main-nav .clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

#main-nav .clearfix:after {
  clear: both;
}

#main-nav .clearfix {
  *zoom: 1;
}

#main-nav .csstransitions .detect:after {
  content: "CSS3 Transitions";
  color: green;
  font-weight: bold;
  background-color: white;
}

#main-nav .no-js .detect:after {
  content: "JS Disabled";
  color: red;
  font-weight: bold;
  background-color: white;
}

#main-nav .detect:after {
  content: "jQuery.animate()";
  color: red;
  font-weight: bold;
  background-color: white;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
#header {
  background: #0091af;
}

#footer {
  /*	background:url("images/bg/wood.jpg") repeat scroll center top #271813;*/
}

body,
input,
textarea {
  color: #454545;
  /*font-size:62.5%;*/
  /*line-height:18px;*/
}

hr {
  background-color: #e7e7e7;
  border: 0;
  clear: both;
  height: 1px;
  margin-bottom: 18px;
}

/* Text elements */
p {
  margin-bottom: 18px;
}

ul {
  list-style: square;
  margin: 0 0 18px 1.5em;
}

ol {
  list-style: decimal;
  margin: 0 0 18px 1.5em;
}

ol ol {
  list-style: upper-alpha;
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol ol {
  list-style: lower-alpha;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
}

dl {
  margin: 0 0 24px 0;
}

dt {
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
}

dd {
  margin-bottom: 18px;
}

strong {
  font-weight: normal;
}

cite,
em,
i {
  font-style: italic;
}

big {
  font-size: 131.25%;
}

ins {
  background: #ffc;
  text-decoration: none;
}

blockquote {
  font-style: italic;
  padding: 0 3em;
}

blockquote cite,
blockquote em,
blockquote i {
  font-style: normal;
}

pre {
  background: #f7f7f7;
  color: #222;
  line-height: 18px;
  margin-bottom: 18px;
  overflow: auto;
  padding: 1.5em;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

sup,
sub {
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

input[type="text"],
textarea {
  background: #f9f9f9;
  border: 1px solid #ccc;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 2px;
}

/*a:link,
a:visited,
a:active*/
a {
  color: #007091;
  text-decoration: none;
  transition: color 0.15s linear;
}

a:hover {
  color: #000;
  text-decoration: underline;
}

/* Text meant only for screen readers */
.screen-reader-text {
  position: absolute;
  left: -9000px;
}

/* genre colours.......*/
.clwyd h3 {
  background-color: #144798;
}

/* home theatre production */
.visit h3 {
  background-color: #2cbaeb;
}

/* visiting theatre production */
.young h3,
.children h3 {
  background-color: #e96324;
}

.dance h3 {
  background-color: #aece38;
}

.comedy h3 {
  background-color: #e2007d;
}

.music h3 {
  background-color: #31b8c5;
}

.festivals h3 {
  background-color: #60297e;
}

.poetry h3 {
  background-color: #165f30;
}

.talks h3 {
  background-color: #996151;
}

.film h3 {
  background-color: #e10052;
}

.tickets h3 {
  background-color: #1875a9;
}

.gallery h3 {
  background-color: #be0d27;
}

.information h3 {
  background-color: #1e9b48;
}

/* end */

.widget_sp_image div.red h3.widget-title {
  background-color: #1e9b48;
}

/* =Header
-------------------------------------------------------------- */
#header {
  position: relative;
}

.wrapper__topbar {
  background-color: #00485f;
  width: 100%;
}

#topbar {
  background-color: #00485f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 976px;
  width: 90%;
  color: white;
  padding: 10px 0;
}

#topbar a {
  color: white;
}

#language {
  font-size: 1.3em;
  width: 30%;
  float: left;
  text-align: left;
  padding-top: 0;
  margin-left: 0;
}

#topnav {
  font-size: 1.3em;
  width: 70%;
  float: right;
  text-align: right;
  padding-top: 0;
  margin-right: 0;
}

#language a,
#topnav a {
  padding: 0 5px;
}

#language a:first-of-type {
  padding-left: 0
}

#topnav a:last-of-type {
  padding-right: 0
}

#branding {
  font-size: 1em;
  color: #fff;
  position: relative;
  padding-top: 18px;
}

#branding span {
  color: #0091af;
}

#branding a {
  color: #fff;
}

#branding a:hover,
#branding a.selected,
.en #branding a.en,
.cy #branding a.cy {
  color: #0091af;
  text-decoration: none;
}

.en #branding a.en,
.cy #branding a.cy {
  cursor: default
}

#site-title {
  height: 114px;
  margin-top: 10px;
  width: 100%;
  max-width: 370px;
  float: left;
  display: block;
  position: relative;
}

#site-title img {
  height: auto;
  width: 100%;
  max-width: 370px;
}

#site-title a {
  text-decoration: none;
  color: #0091af;
}

#branding p#boxoffice {
  position: absolute;
  font-size: 1.600em;
  right: 0;
  top: 69px;
  margin: 0;
}

#branding p#boxoffice strong {
  /*font-weight:normal;*/
}

.networks {
  text-align: right;
  margin: 0;
  width: 200px;
  display: block;
}

.networks a {
  height: 33px;
  line-height: 1;
  /* background:#000; */
  width: 33px;
  display: inline-block;
  margin-bottom: 10px;
  /* transition:background 0.15s linear; */
}

/*.networks a:hover {
	background:#fff;
}
*/

/* =Menu
-------------------------------------------------------------- */
/*#access {
	min-height:50px;
}
#access .menu-header,
div.menu {
	font-size:1.6em;
}
#access .menu-header ul,
div.menu ul {
	list-style:none;
	margin:0;
}
#access .menu-header li,
div.menu li {
	float:left;
	position:relative;
}
#access a {
	color:#fff;
	display:block;
	line-height:30px;
	padding:0 50px 4px 0;
	text-decoration:none;
	margin-top:16px;
}
#access li.menu-item-ancestor a {}
#access li:first-child a {}
#access li li:first-child a {}
#access ul ul {
	box-shadow:0px 3px 6px rgba(0,0,0,0.2);
	display:none;
	position:absolute;
	top:50px;
	left:0;
	float:left;
	width:225px;
	z-index:99999;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#0091af;
}
#access ul ul li {
	min-width:225px;
}
#access ul ul ul {
	left:100%;
	top:0;
}
#access ul ul a {
	line-height:1em;
	padding:10px;
	font-size:.9em;
	height:auto;
	margin-top:0;
	border-right:none;
	border-bottom:1px solid #e0c266;
}
#access ul li.menu-item-ancestor ul a,
#access li#menu-item-2739 ul a {}
#access ul ul li:first-child a {}
#access li:hover > a,
#access ul ul :hover > a {
	color:#0091af;
}
#access ul li:hover > ul {
	display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color:#0091af;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color:#fff;
}


*/

/* responsive menu stuff....... */
#header .nv {
  display: none
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.collapse.in {
  height: auto;
}

.nav-collapse.collapse {
  height: auto;
  overflow: visible;
}

/*////////////////////////////////////////////////////////////*/

#header .menu-header {
  min-height: 40px
}

#header .menu-header ul li.menu-item-has-children ul {
  display: none;
}

#header .menu-header ul li.menu-item-has-children.current-menu-item a {
  cursor: pointer;
}

#header .menu-header ul {
  font-size: 1.8em;
  float: none;
  margin: 0 0 0 0;
  padding: 0;
  width: 100%;
  text-align: left;
}

#header .menu-header ul li {
  display: block;
  float: left;
  position: relative; /*width:12.5%;*/
  margin-right: 4%;
  height: 40px;
}

.cy #header .menu-header ul li {
  margin-right: 2.5%;
}

#header .menu-header ul li a {
  padding: 10px 0;
  display: block;
  height: 18px;
  color: #fff;
  text-decoration: none; /*white-space:nowrap;*/
}

#header .menu-header ul li a:hover {
  text-decoration: none;
  color: #fff;
}

#header .menu-header ul li a.ui-state-active {
  color: #0091af;
}

#header .menu-header ul li.menu-item-has-children {
}

#header .menu-header ul li.menu-item-has-children ul {
  margin: 0;
  position: absolute;
  z-index: 11;
  top: 40px;
  left: 50%;
  margin-left: -110px;
  width: 220px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.65);
  font-size: 1em;
  background: #007091 url(images/submenu-arrow.png) top center no-repeat;
  border-bottom: 1px solid #fff;
}

#header .menu-header ul li.menu-item-has-children ul li {
  border: none;
  display: block;
  clear: both;
  height: auto;
  width: 100%;
  padding: 0;
}

#header .menu-header ul li.menu-item-has-children ul li a {
  font-size: 80%;
  border-top: 1px solid #007091;

  /*white-space:nowrap;*/
  color: #fff;
  display: block;
  clear: both;
  height: auto;
  padding-left: 11px;
  text-align: left;
}

#header .menu-header ul li.menu-item-has-children ul li:first-of-type a {
  border: none;
}

#header .menu-header ul li.menu-item-has-children ul li a:hover {
  color: #000
}

/*
#header .menu-header li.current-menu-item a { border-bottom: 8px solid #007091; text-decoration: none; cursor: default;} */
#header .menu-header li.current-page-ancestor > a {
  text-decoration: none;
  cursor: default;
  color: #007091;
}

#header .menu-header ul li.menu-item-has-children ul li.current-menu-item a {
  text-decoration: none;
  cursor: default;
  color: #000
}

#header .menu-header ul.sub-menu li ul.sub-menu {
  box-shadow: none;
  display: none;
  position: relative;
  top: auto;
  left: auto;
  margin: 0;
  border: none;
  background: none;
}

#header .menu-header ul.sub-menu li ul.sub-menu li a {
  border: none;
  padding: 6px 0 6px 22px;
  background: url(images/subsubmenu-arrow.png) 11px center no-repeat;
  color: #fff;
  cursor: pointer;
}

#header .menu-header ul.sub-menu li ul.sub-menu li a:hover {
  color: #000;
  cursor: pointer;
}

/*////////////////////////////////////////////////////////////*/

.side-single {
  margin: 5px 0;
  text-align: left;
  font-size: 1.4em;
  /*max-width: 260px;*/
  padding: 5px;
  background-color: #0091af;
  border-radius: 6px;
  line-height: 1em;
  text-align: left;
  vertical-align: text-top;
  color: #fff!important;
}
.single-spektrixevent .list {
  margin: 5px 0;
  text-align: left;
  font-size: 1.2em;
  /*max-width: 260px;*/
  padding: 5px;
  background-color: #0091af;
  border-radius: 6px;
  line-height: 1em;
  text-align: left;
  vertical-align: text-top;
  color: #fff!important;
}
.side-single .entry-utility, .side-single #nav-below {
  display: none;
}

.side-single a , .single-spektrixevent .list .entry-meta{
  color: #fff;
  text-align: left;
  font-size: .7em;
}
.single-spektrixevent .list .entry-title a {
  color: #fff;
  text-align: left;
  font-size: .8em;
  font-weight: normal;
}
.side-single span {
  color: #fff;
  text-align: left;
  font-size: .8em;
  padding: 8px;
  display: block;
}

.side-single p {
  color: white !important;
  font-size: 0.7em !important;

}

.side-single h2.entry-title {
  border-bottom: 0px dotted #000 !important;
}

.single-spektrixevent .side-single .spektrixevent.hentry h2 {
  border-bottom: none !important;
}

.side-single .entry-title a {
  float: left;
  width: 100%;
  /* margin-right: 2%; */
  display: block;
  color: white !important;
  font-weight: 400;
  font-size: .8em;
  text-transform: capitalize;
  border: 0;
  padding-left: 0;
}

.side-single .entry-meta {
  color: white !important;
  font-weight: 400 !important;
  font-size: .7em !important;
  text-transform: capitalize;
}

.side-single .list .left {
  float: left;
  width: 93%;
  /* margin-right: 2%; */
  display: block;
  height: 200px;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* =Content
-------------------------------------------------------------- */

#main {
  clear: both;
  overflow: hidden;
  padding: 10px 0 0 0;
  text-align: left;
}

#content, #content-single {
  margin-bottom: 36px;
  font-size: 1.7em;
  line-height: 22px;
}

.content-single {
  margin: 0 auto !important;
}

#content input,
#content textarea,
#content-single input,
#content-single textarea {
  font-size: 1em;
  border: none;
  box-shadow: none;
  background: #f2f2f2;
}

/*#content .list {
	padding:0 10px;
}*/
.col-left-single {
  display: inline-block;
  width: 68%;
  margin-right: 2%;
}

.home #content .list {
  padding: 0;
}

.home h2 {
  border-top: 1px solid #eee;
}

#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
  margin-bottom: 18px;
}

#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
  margin-bottom: 0;
}

#content pre,
#content kbd,
#content tt,
#content var {
  font-size: 1.5em;
  line-height: 21px;
}

#content code {
  font-size: 1.3em;
}

#content dt,
#content th {
  color: #000;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  color: #0091af;
  line-height: 1.5em;
  margin: 0 0 20px 0;
}

body #content h3 {
  color: #0091af;
  margin: 0 0 5px 0;
}

body #content h4 {
  color: #0091af;
  margin: 0 0 5px 0;
}

.single-spektrixevent .singleDates {
  color: black !important;
}

#content table {
  border-top: 1px solid #c2c2c2;
  margin: 0 0 20px 0;
  text-align: left;
  width: 100%;
}

#content tr th,
#content thead th {
  color: #888;
  font-size: 1.2em;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  padding: 9px 24px;
}

#content tr td {
  border-bottom: 1px solid #c2c2c2;
  padding: 5px 2.5% 3px 0;
  width: 47.5%;
}

/*#content tr:nth-of-type(odd) td {
	background:#c2c2c2;
}*/
.hentry {
  margin: 10px 0 10px 0;
}
/*.status-publish {
  border-bottom: 1px solid #999;
}*/
.post-type-archive-spektrixevent .status-publish .hentry {
  background-color:#f2f2f2;	
  /* border-bottom:1px solid #C2C2C2; */
  vertical-align: top;
  position: relative;
  width: 32%;
  display: inline-block;
  margin-right: .5%;
  min-height: 320px;
  height: 100%;
}

.page-parent .hentry #primary {
  width: 30%;
  display: inline-block;
}

.page-parent .hentry {
  /*background-color:#f2f2f2;	*/
  /* border-bottom:1px solid #C2C2C2; */
  vertical-align: top;
  position: relative;
  width: 100%;
  display: inline-block;
}

/*
.list .hentry:last-of-type {
	margin-bottom:20px !important;
}*/
.ratinglogo {
  width: 50px;
  height: 50px;
  position: relative;
  float: right;
  top: 0px;
  right: 8px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
}

.Button {
  background-color: #007091 !important;
  border: 0;
  color: white !important;
  cursor: pointer;
  font-size: 150%;
  font-weight: bold;
  margin-right: 15px;
  padding: 2px 8px;
  text-transform: uppercase;
}

#content .list .buttons {
  margin-top: 20px !important;
}

.home #content .list .buttons {
  margin-top: 10px !important;
}

.single-spektrixevent #content .entry-meta h2 .ratinglogo {
  position: relative;
  float: right;
  top: 5px;
  right: 0;
}

.filter-form {
  margin: 10px auto;
}

button.active {
  background-color: #007091;
  color: white;
}

#reset {
  /*background-color:#eee;*/
  color: #000;
  /*border: 1px solid #000;*/
  /*display: block;*/
  border-radius: 0px;
  margin: 10px 0;
  text-decoration: underline;
}

button, .button {
  background-color: #e5f3f7;
  color: #000;
  display: inline-block;
  font-family: 'Avenir W01', sans-serif;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 8px;
  border: 0;
  margin: 3px;
  padding: 4px 8px;
}

.button:hover {
  text-decoration: none;
}

.padding {
  padding: 15px;
}

.ratingu {
  background-image: url(images/ratings/u.png);
}

.ratingpg {
  background-image: url(images/ratings/pg.png);
}

.rating12 {
  background-image: url(images/ratings/12.png);
}

.rating12a {
  background-image: url(images/ratings/12a.png);
}

.rating15 {
  background-image: url(images/ratings/15.png);
}

.rating18 {
  background-image: url(images/ratings/18.png);
}

.ratingr18 {
  background-image: url(images/ratings/r18.png);
}

/*.list li { border-bottom:1px solid #C2C2C2; }*/

.list .entry-wrap {
  display: block;
  position: relative;
  background-color: #f2f2f2;
  padding: 10px;
}

.list .photo-wrap {
  vertical-align: auto !important;
}

.list .hentry .entry-cat {
  border-bottom: 4px solid #FFF;
}

.entry-cat {
  font-weight: 700;
}

/*
.venue div, .venue h2 {padding-left:10px !important}
*/
.list .left {
  /*float:left;*/
  /*width:102px;
	margin-right:20px;*/
  width: 100%;
  /*margin-right:2%;*/
  display: block;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(images/temp.png);
}

.home .list .small .left, .single-clwydeventgroups .small .left {
  height: 200px;
}
.post-type-archive-spektrixevent .list .venue {
  padding: 0 10px;
}
.list .venue {
  /*margin-left:50%;*/
  /*padding: 0 10px;*/
  /*margin-left:220px;
    background-color:#00FF00;
	float:left;
	width:387px;
	padding-right:70px;*/
}

.planHome.hentry.small {
  float: left;
  position: relative;
  width: 32% !important;
  margin: 0 2% 20px 0 !important;
  background-color: #ececec;
  height: 330px;
}

.home .hentry.small, .single-clwydeventgroups .hentry.small {
  float: left;
  position: relative;
  width: 32% /*!important*/;
  margin: 0 1% 20px 0 !important;
  background-color: #ececec;
  height: 330px;
}

.home .hentry.small:last-of-type, .planHome.hentry.small:last-of-type {
  margin-right: 0 !important;
}

.lt-ie9 .home .hentry.small.last, .planHome.hentry.small.last {
  margin-right: 0 !important;
}

.home .hentry.promo {
  float: none;
  width: 100% !important;
  margin: 0 auto 10px !important;
  clear: both;
}

.home .hentry p.venuename {
  border-bottom: 5px solid #fff;
  display: block;
  clear: both;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
  padding: 4px 10px 3px;
  display: block;
  overflow: hidden;
  /*text-overflow: ellipsis;
  white-space: nowrap;*/
  margin: 0 !important;
}

.lt-ie9 .home .hentry p.venuename {
  border-bottom: 1px solid #fff;

}

/*.home .venue {padding:0 10px; float:none }*/
.home .promo .venue {
  padding: 0
}

.home .promo .venue p {
  margin: 8px 0
}

.home .promo .venue h3,
.home .hentry.promo h5,
.home .promo .venue p,
.home .promo .venue .entry-utility {
  padding: 0 10px;
}
.single-spektrixevent #nav-below, .single-spektrixevent #primary .entry-utility{
    display: none;
}

/*.home .venue div, .home .venue h2 {padding:0 !important}*/

.home .list .hentry.small:not(.promo) .left, .single-clwydeventgroups .hentry.small:not(.promo) .left{
  float: none;
  display: block;
  clear: both;
  position: relative;
  margin: 0 auto;
  /*border-bottom: 5px solid #fff;*/
  width: 100%;
  border-top: none !important;
}

.home .list .hentry.promo .left {
  width: 32%;
}

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

.home .hentry h2.entry-title a, 
.home .promo .venue p,
.single-clwydeventgroups .hentry h2.entry-title a {
  display: block;
 /* overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;*/
  color: #0091af;
}

.home .hentry.promo h2.entry-title {
  border-bottom: 5px solid #fff !important;
  line-height: 1;
  padding: 4px 10px 3px !important;
  margin: 0 !important;
  font-size: 17px !important
}

.home .hentry .entry-meta, .single-clwydeventgroups .hentry .entry-meta,
.home .hentry.promo h5 {
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  display: block;
  overflow: hidden;
  color: #000 !important;
 /* text-overflow: ellipsis;
  white-space: nowrap;*/
}

.planHome.hentry .entry-meta,
.planHome.hentry.promo h5 {
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  display: block;
  line-height: 1;
  overflow: hidden;
  color: #000 !important;
  text-overflow: ellipsis;
  white-space: normal;
}

.home .hentry.promo h5 {
  margin-bottom: 8px !important;
}

.home .promo .venue p {
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 120%;
  margin-bottom: 8px !important;
}

.home .hentry.page {
  margin-bottom: 20px;
  padding-top: 15px;
}

.entry-utility {
  margin-bottom: 5px !important
}

.page-template-default .list .hentry:last-of-type {
  margin-bottom: 20px;
}

.page-template-default .list .hentry h2 {
  padding: 4px 10px 3px !important;
  margin-top: 0 !important; /*background:purple;*/ /* border-bottom:4px solid #fff; */
}

.page-template-default .list .hentry h2 a {
  color: #00485f;
  font-size: 22px !important;
  display: block;
  width: 100%;
}

/* .page-template-default .list .hentry .left {height:120px;} */
.page-template-default .list .hentry .venue {
  padding: 10px 10px 0;
}

.page-template-default .list .hentry .venue p {
  font-size: 0.9em;
  line-height: 1.3em;
}

/*.studio {
	background:url(images/bg/studio.png) no-repeat right top;
}
.theatre {
	background:url(images/bg/theatre.png) no-repeat right top;
}
.home .sticky {
	background:#f2f7fc;
	border-top:5px solid #000;
	margin-left:-20px;
	margin-right:-20px;
	padding:18px 20px;
}
*/
.single .hentry {
  margin: 0 0 10px 0;
}

.page-title {
  color: #000;
  font-size: 1.4em;
  margin: 0 0 36px 0;
}

.page-title span {
  color: #333;
  font-size: 1.6em;
  font-style: italic;
  font-weight: normal;
}

.page-title a:link,
.page-title a:visited {
  color: #888;
  text-decoration: none;
}

.page-title a:active,
.page-title a:hover {
  color: #ff4b33;
}

/*
#content .entry-title {
	color:#000;
	font-size:1.9em;
	line-height:1.0em;
	margin-bottom:0;
	padding:0 10px;
}
.home #content .entry-title {
	padding:0;
	border:none;
	margin:0;
	font-size:1.9em;

	display:none;
}*/

.home h1 {
  display: none !important;
}
.blog .red-button{
  display: none;
}
.spektrixevent-template-default #content h1.entry-title {
  /*     background:#f2f2f2; */
  border-bottom: 2px dotted #000 !important;
  color: #0091af !important;
  font-size: 2em;
  line-height: 1 !important;
  /*margin: 0 0 20px 0 !important;*/
  padding: 6px 0px 5px !important;
  width: 100%;
    margin: 10px 0% 5px;
  /*display:none !important;*/
}
.post-template-default #content h1.entry-title {
  /*     background:#f2f2f2; */
  border-bottom: 2px dotted #000 !important;
  color: #0091af !important;
  font-size: 2em;
  line-height: 1 !important;
  /*margin: 0 0 20px 0 !important;*/
  padding: 6px 0px 5px !important;
  width: 100%;
    margin: 10px 0% 5px;
  /*display:none !important;*/
}

.single-spektrixevent .spektrixevent.hentry h2 {
  /*     background:#f2f2f2; */
  border-bottom: 0 !important;
  color: #0091af !important;
  font-size: 2em;
  line-height: 1 !important;
  margin: 0 0 0px 0 !important;
  padding: 6px 0px 5px !important;
  width: 100%;

  /*display:none !important;*/
}

.single-spektrixevent .hentry .venue h2.entry-title {
  border: none;
  background: none;
  padding: 0 !important;
  margin: 10px 0 0 !important;
  font-size: 1.3em !important;
}

.single-spektrixevent .hentry .venue .entry-meta {
  border: none !important;
  background: none !important;
}

.single-spektrixevent .list .hentry .venue p {
  font-size: .9em;
}

.spektrixevent.hentry .entry-meta h2 {
  padding: 0 10px !important;
  margin-bottom: 0 !important;
  border: none !important;
  padding-top: 12px !important;
}

#content .list .entry-title {
  font-size: 1.1em;
  line-height: 1.1em;
  padding: 0;
  margin: 10px 0 0;
}
 .single-clwydeventgroups .list .entry-title {
  font-size: 1.8em;
  line-height: 1.1em;
  padding: 0;
  margin: 10px 0 0;
}
.archive .list h2.entry-title,
.blog .list h2.entry-title {
  font-size: 1.1em !important;
}

.archive .list h2.entry-title a {
  display: block;
  /*overflow:hidden;*/
  text-overflow: ellipsis;
  /*white-space:nowrap;*/
  /*margin-right:50px;*/
}

/*.blog .list p,
*/
.archive .list p {
  font-size: 0.9em;
}

#content .list h3 {
  font-size: 1em;
  line-height: 1.1em;
  padding: 0 10px;
  margin: 10px 0 0;
  color: #000;
}

#content h3.forthcoming {
  color: #0091af;
  font-size: 1.4em;
  line-height: 1.5em;
  margin-bottom: 30px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 0 10px;
}

.entry-title a:link,
.entry-title a:visited {
  color: #0091af;
  text-decoration: none;
}

.entry-title a:active,
.entry-title a:hover {
  color: #000;
  text-decoration: underline;
}

.entry-meta {
  color: #888;
  /*font-size:1.1em;*/
}

.list .entry-summary a {
  color: #86455f;
}

.list .entry-meta {
  color: #000;
  /*font-size:.9em;*/
  font-weight: 300;
  /*margin-bottom: 10px;*/
  font-size: .9em;
}

.entry-meta abbr,
.entry-utility abbr {
  border: none;
}

.entry-meta abbr:hover,
.entry-utility abbr:hover {
  border-bottom: 1px dotted #666;
}

.entry-content,
.entry-summary {
  /*clear:both;
	padding:12px 0 0 0;*/
  padding: 0 !important;
}

.post .entry-content,
.page-template-default .entry-content,
.page-template-page-nochildren-php .entry-content,
.page-template-page-inplayer .entry-content {
  border-top: 0;
  background-color: #fff;
  margin-bottom: 20px;
}

.entry-internal h3 {
  color: #000 !important;
}

/*.page-template-default #post-2689 .entry-internal {padding:0 1.75% 5px !important;}*/
#gmap {
  position: relative;
  width: 104%;
  margin: -10px 0 12px -2%;
  background: #ccc;
  height: 400px;
}

.page-excerpt {
  background-color: #fff;
  padding: 6px 10px 5px;
  margin-bottom: 20px;
}

.home .entry-content p {
  color: #666;
  font-size: 1em;
}

/*.entry-content {
	margin-bottom:40px;
}*/
.single-post .entry-content {
  padding-left: 10px;
}

.entry-content p,
.entry-content ul li {
  font-size: .9em;
}

.list .entry-summary {
  padding: 0;
  font-size: .9em;
  line-height: 1.3em;
}

#content .entry-summary p:last-child {
  margin-bottom: 12px;
}

.entry-content fieldset {
  border: 1px solid #e7e7e7;
  margin: 0 0 24px 0;
  padding: 24px;
}

.entry-content fieldset legend {
  background: #fff;
  color: #000;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  padding: 0 24px;
}

.entry-content input {
  margin: 0 0 24px 0;
}

.entry-content input.file,
.entry-content input.button {
  margin-right: 24px;
}

.entry-content label {
  color: #888;
  font-size: 1.2em;
}

.entry-content select {
  margin: 0 0 24px 0;
}

select#eventc {
  width: 99%;
  font-size: 15px !important;
  margin-bottom: 20px;
  outline: none
}

.entry-content sup,
.entry-content sub {
  font-size: 1em;
}

.entry-content blockquote.left {
  float: left;
  margin-left: 0;
  margin-right: 24px;
  text-align: right;
  width: 33%;
}

.entry-content blockquote.right {
  float: right;
  margin-left: 24px;
  margin-right: 0;
  text-align: left;
  width: 33%;
}

.page-link {
  clear: both;
  color: #000;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  margin: 0 0 22px 0;
  word-spacing: 0.5em;
}

.page-link a:link,
.page-link a:visited {
  background: #f1f1f1;
  color: #333;
  font-weight: normal;
  padding: 0.5em 0.75em;
  text-decoration: none;
}

.home .sticky .page-link a {
  background: #d9e8f7;
}

.page-link a:active,
.page-link a:hover {
  color: #ff4b33;
}

body.page .edit-link {
  /*	clear:both;
	display:block;*/
}

#entry-author-info {
  background: #f2f7fc;
  border-top: 5px solid #000;
  clear: both;
  font-size: 1.4em;
  line-height: 20px;
  margin: 24px 0;
  overflow: hidden;
  padding: 18px 20px;
}

#entry-author-info #author-avatar {
  background: #fff;
  border: 1px solid #e7e7e7;
  float: left;
  height: 60px;
  margin: 0 -104px 0 0;
  padding: 11px;
}

#entry-author-info #author-description {
  float: left;
  margin: 0 0 0 104px;
}

#entry-author-info h2 {
  color: #000;
  font-size: 1em;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  margin-bottom: 0;
}

.entry-utility {
  /*clear:both;*/
  color: #888;
  font-size: .9em;
  line-height: 18px;
}
.single-clwydeventgroups .list .entry-utility {
  font-size: 1.6em;
}
.list .entry-utility {
  margin-bottom: 20px;
  position: absolute;
  bottom: 0;
}

.entry-meta a,
.entry-utility a {
  color: #888;
}

.entry-meta a:hover,
.entry-utility a:hover {
  color: #ff4b33;
}
.post-type-archive-spektrixevent .ratinglogo {
    position: absolute!important;
  }
a.blue-button {
  display: inline-block;
  background-color: #007091;
  color: white;
  font-size: .9em;
  padding: 2px 9px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 3px;
  border: 0;
  /*background:url(images/clwyd-arrow.png) center right no-repeat;*/
}

a.red-button,
a.black-button {
  display: inline-block;
  color: #007091;
  font-size: .9em;
  padding: 4px 0px 0 0;
  margin-right: 0px;
  /*background:url(images/clwyd-arrow.png) center right no-repeat;*/
}

a.red-button#back {
  padding: 4px 0 0 10px;
  background: url(images/clwyd-arrow-left.png) center left no-repeat;
}

h3 a.red-button,
h3 a.black-button {
  font-size: 1em;
}

a.red-button#back,
a.red-button#booktickets {
  float: right;
  margin: 0 0 0 30px;
  font-size:.6em;
}

a.red-button {
  /*background:#0091af;
	text-transform:uppercase;	*/
}

a.red-button:hover {
  /*background:#55293A;*/
  color: #000;
  text-decoration: underline;
  /*background:url(images/clwyd-arrow-black.png) center right no-repeat;*/
}

a.red-button#back:hover {
  /*background:url(images/clwyd-arrow-left-black.png) center left no-repeat;*/
}

a.black-button {
  background: #000;
}

a.black-button:hover {
  background: #fff;
  color: #000;
  text-decoration: none;
}

#content .video-player {
  padding: 0;
}

img.attachment-full {
  width: 100%;
  height: auto;
  margin-bottom: 0
}

a.arrowright,
a.bottomlink {
  padding-right: 15px;
  color: #0091af;
  background: url(images/bg/arrow-right-red.png) no-repeat right 4px;
}

a.arrowright2 {
  padding-right: 15px;
  color: #0091af;
  background: url(images/bg/arrow-right-red.png) no-repeat right 4px;
}

.breadcrumbs {
  font-size: 1.4em;
  padding: 15px 0 5px 0;
  margin: 0 auto;
  text-align: left;
  display: block;
  clear: both;
  color: #000;
  width: 90%;
  max-width: 976px;
}

.breadcrumbs span {
  color: #0091af
}

.breadcrumbs a {
  color: #0091af;
}

.breadcrumbs a:hover {
  color: #333;
}

.breadcrumbs span {
  padding: 0 7px;
}

/*hide on the homepage*/
/*.home .breadcrumbs {
	display:none;
}*/
.pageleft {
  float: left;
  width: 110px;
  padding-left: 10px;
  font-size: .75em;

  /* MsM */
  display: none !important;
}

#content .pageleft p {
  margin-bottom: 7px;
  line-height: 120%;
}

#content .pageleft a:hover,
#content .pageleft a.current,
#content .pageleft .sub-menu .current_page_item a {
  color: #330033;
  text-decoration: none;
}

#content .pageleft .sub-menu {
  list-style-type: none;
  margin: 0;
}

/*
.pageright {
	float:left;
	width:477px;
}
.page-id-2748 .pageright,
.page-id-2752 .pageright {
	width:467px;
	padding-left:10px;
}
.one-column .pageright {
	/*width:856px;*/
/*width:846px;
	padding-left:10px;
}*/
#content .pageright .entry-title {
  padding: 0;
}

#sharebuttons {
  margin: 10px 0 10px 0;

  /* at client's request... */
  /*margin:0;*/
  text-align: left;
  height: 30px;
}

#sharebuttons .half {
  width: 50%;
  float: left;
}

#sharebuttons .half2 {
  text-align: right;
}

/*
.single-post #sharebuttons {
	margin-top:0;
	float:left;
	width:50%;
	text-align:right;
}

.single-post .entry-date {
	float:left;
	width:50%;
}

.single-post .entry-header {
	height:30px;
}*/

/* MsM */
.sub-menu .sub-menu {
  margin: -5px 0 0 12px !important;
}

/* =Asides
-------------------------------------------------------------- */

.home #content .format-aside p,
.home #content .category-asides p {
  font-size: 1.4em;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 0;
}

.home .hentry.format-aside,
.home .hentry.category-asides {
  padding: 0;
}

.home #content .format-aside .entry-content,
.home #content .category-asides .entry-content {
  padding-top: 0;
}

/* =Gallery listing
-------------------------------------------------------------- */

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
  border: 10px solid #f1f1f1;
  margin-bottom: 0;
}

.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
  float: left;
  margin-right: 20px;
  margin-top: -4px;
}

.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
  padding-top: 4px;
}

/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
  font-size: 1.4em;
  margin-top: 24px;
}

.attachment .entry-content .nav-previous a:before {
  content: '\2190\00a0';
}

.attachment .entry-content .nav-next a:after {
  content: '\00a0\2192';
}

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
  max-width: 100%; /* When images are too wide for containing element, force them to fit. */
  height: auto; /* Override height to match resized width for correct aspect ratio. */
}

.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}

.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}

.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}

figure {
  margin: 0;
}

.wp-caption {
  line-height: 18px;
  margin-bottom: 20px;
  max-width: 632px !important; /* prevent too-wide images from breaking layout */
  position: relative;
  width: 477px;
}

.wp-caption img {
  margin-right: 5px;
  float: left;
}

.wp-caption .wp-caption-text {
  font-size: .7em;
  float: left;
  width: 100px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.wp-smiley {
  margin: 0;
}

.gallery {
  margin: 0 auto 18px;
}

.gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center;
  width: 33%;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery img {
  border: 2px solid #cfcfcf;
}

.gallery-columns-2 .attachment-medium {
  max-width: 92%;
  height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
  max-width: 84%;
  height: auto;
}

.gallery .gallery-caption {
  color: #888;
  font-size: 1.2em;
  margin: 0 0 12px;
}

.gallery dl {
  margin: 0;
}

.gallery img {
  border: 10px solid #f1f1f1;
}

.gallery br + br {
  display: none;
}

#content .attachment img { /* single attachment images should be centered */
  display: block;
  margin: 0 auto;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
  color: #0091af;
  font-size: .8em;
  line-height: 18px;
  overflow: hidden;
  padding-top: 7px;
}

.navigation .current {
  text-decoration: underline;
}

.navigation a:link,
.navigation a:visited {
  color: #0091af;
  text-decoration: none;
}

.navigation a:active,
.navigation a:hover {
  color: #330033;
  text-decoration: none;
}

.nav-previous {
  float: left;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  width: 33%;
}

.nav-previous a {
  background: url(images/bg/arrow-left-red.png) no-repeat left 4px;
  padding-left: 10px;
}

.wp-pagenavi {
  /*float: left;*/
  width: 33%;
  text-align: center;
}

.nav-next {
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  float: right;
  text-align: right;
  width: 33%;
}

.nav-next a {
  background: url(images/bg/arrow-right-red.png) no-repeat right 4px;
  padding-right: 10px;
}

.home .nav-next a,
.page-template-page-whatson-php .nav-next a {
  background: none repeat scroll 0 0 #0091af;
  text-transform: uppercase;
  color: #FFFFFF;
  display: inline-block;
  font-size: 0.95em;
  margin-right: 10px;
  padding: 1px 5px;
  text-align: center;
  font-family: 'Avenir W01';
  margin-bottom: 20px;
}

#nav-above {
  margin: 0 0 18px 0;
}

#nav-above {
  display: none;
}
.wp-pagenavi {
  display: inline-block;
}
.paged #nav-above,
.single #nav-above {
  display: block;
}

#nav-below {
  margin: /*-18px 0 0 0*/ 10px 0;
  padding-bottom: 5px;
}

/*past productions page*/
.page-template-page-pastproductions-php #content #striped-container h1.entry-title {
  width: 300px;
}

.page-template-page-pastproductions-php #striped-container form {
  width: 279px;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
  clear: both;
}

#comments .navigation {
  padding: 0 0 18px 0;
}

h3#comments-title {
  color: #000;
  font-size: .95em;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 8px 10px;
}

h3#reply-title {
  color: #000;
  font-size: .95em;
}

form#commentform {
  padding-left: 10px;
}

form#commentform p {
  margin-bottom: 10px;
}

#content .commentlist {
  list-style: none;
  margin: 0;
}

.commentlist li.comment {
  border-bottom: 1px solid #e7e7e7;
  line-height: 24px;
  margin: 0 0 20px 0;
  padding: 0 0 0 10px;
  position: relative;
}

.commentlist li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

#comments .comment-body ul,
#comments .comment-body ol {
  margin-bottom: 18px;
}

#comments .comment-body p:last-child {
  margin-bottom: 6px;
}

#comments .comment-body blockquote p:last-child {
  margin-bottom: 24px;
}

.commentlist ol {
  list-style: decimal;
}

.commentlist .avatar {
  position: absolute;
  top: 4px;
  left: 0;
}

.comment-author {
  font-size: .95em;
}

.comment-author cite {
  color: #000;
  font-style: normal;
}

.comment-author .says {

}

.comment-meta {
  font-size: .7em;
}

.comment-meta a:link,
.comment-meta a:visited {
  color: #333;
  text-decoration: none;
}

.comment-meta a:active,
.comment-meta a:hover {
  color: #0091af;
}

.commentlist .even {
}

.commentlist .bypostauthor {
}

.reply {
  padding: 0 0 24px 0;
}

.reply a,
a.comment-edit-link {
  color: #888;
}

.reply a:hover,
a.comment-edit-link:hover {

}

.commentlist .children {
  list-style: none;
  margin: 0;
}

.commentlist .children li {
  border: none;
  margin: 0;
}

.nopassword,
.nocomments {
  display: none;
}

#comments .pingback {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 18px;
  padding-bottom: 18px;
}

.commentlist li.comment + li.pingback {
  margin-top: -6px;
}

#comments .pingback p {
  color: #888;
  display: block;
  font-size: 1.2em;
  line-height: 18px;
  margin: 0;
}

#comments .pingback .url {
  font-size: 1.3em;
  font-style: italic;
}

/* Comments form */
input[type=submit] {
  color: #333;
}

#respond {
  overflow: hidden;
  position: relative;
}

#respond p {
  margin: 0;
}

#respond .comment-notes {
  margin-bottom: 1em;
}

.form-allowed-tags {
  line-height: 1em;
}

.children #respond {
  margin: 0 48px 0 0;
}

body #content h3#reply-title {
  margin: 18px 10px;
  color: #0091af;
}

#comments-list #respond {
  margin: 0 0 18px 0;
}

#comments-list ul #respond {
  margin: 0;
}

#cancel-comment-reply-link {
  font-size: 1.2em;
  font-weight: normal;
  line-height: 18px;
}

#respond .required {
  color: #ff4b33;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
}

#respond label {
  font-size: .8em;
}

.comment-form-required {
  float: right;
  font-size: .8em;
  margin-right: 10px;
}

#respond input {
  margin: 0 0 9px;
  width: 98%;
}

#respond textarea {
  width: 98%;
}

#respond .form-allowed-tags {
  color: #888;
  font-size: 1.2em;
  line-height: 18px;
}

#respond .form-allowed-tags code {
  font-size: 1.1em;
}

#respond .form-submit {
  margin: 12px 0;
}

#respond .form-submit input {
  font-size: 1em;
  text-transform: uppercase;
  width: auto;
  background-color: #0091af;
  color: #fff;
  transition: all 0.15s linear;
}

#respond .form-submit input:hover {
  background: #000;
  color: #0091af;
}

/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
  list-style: none;
  margin-left: 0;
}

.widget-area ul ul {
  list-style: square;
  margin-left: 1.3em;
}

.widget-area select {
  max-width: 100%;
}

.widget_search #s { /* This keeps the search inputs in line */
  width: 60%;
}

.widget_search label {
  display: none;

}

.widget-container {
  margin: 0 1% 20px 0;
  background: #ececec;
  width: 32%;
  list-style: none;
  border-bottom: 1px solid #999;
  /*border-bottom:1px solid #fff;*/
  display: inline-block;
}

.widget-container:last-of-type {
  margin: 0 0 20px 0;
}

.widget-container p {
  margin: 3px 0;
}

.widget-title {
  font-size: 2em;
  line-height: 1em;
  margin-bottom: 5px;
  background-color: #007091;
  padding: 3px 0;
}

#calendar h3.widget-title {
  color: #fff;
  text-transform: capitalize;
  text-align: center;
  padding: 9px 0 7px;
  background: #007091 url(images/calendar.png) 3% center no-repeat;
  margin-bottom: 15px;
}

#recent-posts-2 h3.widget-title {
  color: #fff;
  text-transform: capitalize;
  text-align: center;
  padding: 9px 0 7px;
  background: #007091 url(images/blog.png) 3% center no-repeat;
  margin-bottom: 15px;
}

.widget-area a /*:link,
.widget-area a:visited*/
{
  text-decoration: none;
}
#view-all {
  font-size: 20px;
  width: 100%;
  text-align: center;
  padding: 6px 0;

}
/*.widget-area a:active,*/
.widget-area a:hover {
  text-decoration: underline;
}

.widget-area .entry-meta {
  font-size: 1.1em;
}

#wp_tag_cloud div {
  line-height: 1.6em;
}

#wp-calendar {
  width: 100%;
}

#wp-calendar caption {
  color: #222;
  font-size: 1.4em;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  padding-bottom: 4px;
  text-align: left;
}

#wp-calendar thead {
  font-size: 1.1em;
}

#wp-calendar thead th {
}

#wp-calendar tbody {
  color: #aaa;
}

#wp-calendar tbody td {
  background: #f5f5f5;
  border: 1px solid #fff;
  padding: 3px 0 2px;
  text-align: center;
}

#wp-calendar tbody .pad {
  background: none;
}

#wp-calendar tfoot #next {
  text-align: right;
}

.widget_rss a.rsswidget {
  color: #000;
}

.widget_rss a.rsswidget:hover {
  color: #ff4b33;
}

.widget_rss .widget-title img {
  width: 11px;
  height: 11px;
}

.widget_sp_image {
  color: #000;
  /*-moz-box-shadow:0 0 5px #b2b2b2;
	-webkit-box-shadow:0 0 5px #b2b2b2;
	box-shadow:0 0 5px #b2b2b2;*/
  position: relative;
}

/*
.widget_sp_image .red {
	background-color:#0091af;
}
.widget_sp_image .gold {
	background-color:#0091af;
}*/
.widget_sp_image p,
.widget_sp_image a {
  font-size: 14px;
  /*line-height:1.3em;*/
  padding: 0 10px;
  display: block;
}

.widget_sp_image div.imgbox {
  height: 200px;
  width: 100%;
  display: block;
  float: left;
  overflow: hidden;
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;

}

.widget_sp_image .txtbox {
  display: block;
  width: 100%;
  height: 120px;
  float: left;
  font-size: 14px !important;
}

.widget_sp_image .txtbox h3.widget-title {
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  margin-bottom: 7px;
  font-size: 1.65em;
  line-height: 106%;
  color: #000 !important;
  background-color: transparent;
  padding: 0 0 5px 0 !important;
  /*this will be set by cms with class on parent */
  /*background-color:#c00;*/
}

.widget_sp_image .txtbox p {
  line-height: 115%;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
  overflow: hidden;
}

a.widget_sp_image-link {
  text-transform: uppercase;
  color: #fff;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  background: url(images/bg/arrow-right.png) no-repeat right 3px;
  padding-right: 13px;
}

.widget_sp_image .widget-title a /*,
.widget_sp_image .widget-title a:link,
.widget_sp_image .widget-title a:visited,
.widget_sp_image .widget-title a:active,
.widget_sp_image .widget-title a:hover*/
{
  font-size: 1.5em;
  /*text-overflow: ellipsis;
  white-space: nowrap;*/
  /*overflow: hidden;*/
 /* color: #000;*/
}

.widget_sp_image .widget-title a:hover {
  color: #f00 !important;
  text-decoration: underline !important;
}

.widget_sp_image .right {
  position: absolute;
  display: block;
  height: 160px;
  width: 178px;
  right: 0;
  top: 0;
  z-index: 2;
}

/* Main sidebars */
#main .widget-area ul {
  margin-left: 0;
  /*padding:5px;*/
}

#main .widget-area ul ul {
  border: none;
  margin-left: 1.3em;
  padding: 0;
}

#primary {
}

#secondary {
}

/* Footer widget areas */
#footer-widget-area {
}
.tab_content img {
  margin: 10px 0;
}

/* =Homepage slider
-------------------------------------------------------------- */
#sliderwrap {
  position: relative;
  margin-bottom: 20px;
}

.home #slideshow {
  width: 100%;
  height: auto;
  max-height: 300px;
  padding: 0;
  clear: both;
  display: block;
  overflow: hidden !important;
  margin: 0 0 15px;
  position: relative;
}

#slideshow .slide {
  width: 100%;
  position: relative;
  display: block;
  height: auto;
  float: left;
  padding-bottom: 1px !important;
}

#slideshow .slide img {
  width: 100%;
  position: relative;
  display: block;
}

.placeholder {
  /* Making it invisible lets the parent container adjust its size */
  visibility: hidden;
}

#slideshow .overlay {
  width: 96.1%;
  padding: 1% 2%;
  position: absolute;
  height: 95px;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.65);
  line-height: 110%;
}

#slideshow .slide h2 {
  text-overflow: ellipsis;
  display: block;
  width: 90%;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1.35em;
  margin: 0;
  border-top: 1px solid transparent;
}

#slideshow .slide p {
  margin: 0 !important;
  font-size: .85em !important;
  color: #fff;
  /*text-overflow: ellipsis;*/
  display: inline-block;
 /* white-space: nowrap;*/
  overflow: hidden;
}

#slideshow .slide p.txt {
  margin-bottom: 3px;
}

#slideshow .slide p.date {
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  margin-bottom: 3px;
  display: none;
}

#slideshow .slide p a {
  margin-right: 20px;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  color: #fff;
  float: left;
}

#slideshow .slide p a span {
  display: inline-block;
  background: url(images/clwyd-arrow.png) right center no-repeat;
  width: 10px;
  height: 10px;
}

#slideshow .slide p a:hover {
  color: #fff;
  text-decoration: none;
}

#slideshow .slide p a:hover span {
  background: url(images/clwyd-arrow-white.png) right center no-repeat;
}

.home span a {
  color: #000;
  float: right;
  line-height: 2.5em;
}

.col-left {
  display: inline-block;
  width: 50%;
  max-width: 220px;
  width: 100%;
  height: 200px;
}

.col-right {
  display: inline-block;
  width: 50%;
}

/* desktop ONLY */
#pager {
  position: absolute;
  top: 10px;
  right: 8px;
 /* display: none;*/
  z-index: 10;
  width: auto;
}

/*.lt-ie9 #pager { top:10px}*/
.lt-ie8 #pager {
  display: none
}

.lt-ie9 #slideshow .slide p.txt {
  margin-bottom: 3px
}

.lt-ie8 #slideshow .slide p.txt {
  margin-bottom: 2px
}

#pager a {
  display: block;
  float: left;
  width: 8px;
  height: 8px;
  margin: 0 2px;
  border: 2px solid #007091;
  background: transparent;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  line-height: 1;
  text-indent: -999em;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.35);
}

#pager a:hover {
  background: #fff;
}

#pager a.activeSlide,
#pager a.activeSlide:hover {
  background: #007091;
  border: 2px solid #007091;
  cursor: default
}

/*.touch #pager { display:none}*/

/* tablet and phone ONLY */
/*.page-template-page-homepage-php #next,
.page-template-page-homepage-php #prev {
	position:absolute;
	top:40%;
	display:block;
	z-index:1000;
	width:8%;
	height:10%;
	background-color:#f00;
	text-align:center;
	color:#fff;
	font-size:4em;
	cursor:pointer;
	background-position:center center;
	background-repeat:no-repeat;
}
.page-template-page-homepage-php #next { right:0; background-image:url(images/buttons/next.png);}
.page-template-page-homepage-php #prev { left:0; background-image:url(images/buttons/prev.png);}
.page-template-page-homepage-php #next:hover,
.page-template-page-homepage-php #prev:hover {
	background-color:#0091af;
}*/

/* copyright boxes */
/*.copyright {
	position:relative;
	width:auto;
	height:27px;
	padding:2px 4px 0;
	line-height:110%;
	margin-top:-34px;
	color:#fff;
	font-size:11px;
	z-index:10;
	display:none;
	background:url(images/bg/tint-white.png);
	background:rgba(255,255,255,.5);
}
.lt-ie9 .slide .copyright {margin-top:-34px}
.lt-ie8 .slide .copyright {margin-top:-37px}
.copyright.left {float:left;}
.copyright.right {float:right;}
.copyright.black {
	color:#000;
	background:url(images/bg/tint-black.png);
	background:rgba(0, 0, 0, .5);
}
a:hover .copyright {display:block;}

*/

/* =Homepage promo slot
-------------------------------------------------------------- */
#homepromo {
  position: absolute;
  padding: 40px 30px;
  height: 240px;
  width: 428px;
  background-color: #0091af;
  top: 0;
  left: 50%;
  z-index: 3;
}

#homepromo h2 {
  font-size: 5.1em;
  line-height: .9em;
  text-transform: uppercase;
  color: #4E4733;
  margin-bottom: 5px;
}

#homepromo p {
  color: #fff;
  font-size: 1.7em;
  line-height: 1.2em;
}

/*signup form within promo slot*/
#homepromo form {
  border-top: 1px solid #896E2F;
}

#homepromo form.loading {
  background: url(images/loading.gif) no-repeat center center;
  height: 40px;
}

#homepromo form.loading p {
  display: none;
}

#homepromo form p {
  margin: 9px 0 0 0;
}

#homepromo form .text {
  font-size: 15px;
  width: 165px;
}

#homepromo form #submit {
  background-color: #0091af;
  color: #FFF;
  /*float:right;*/
  padding: 1px 5px;
  font-size: 15px;
  border: none;
  box-shadow: none;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  cursor: pointer;
}

/* =Homepage small events
-------------------------------------------------------------- */
.spektrixevent.small {
  float: left;
  width: 218px;
  margin-right: 15px;
}

.spektrixevent.small.last {
  margin-right: 0;
}

#content .spektrixevent.small p.venuename {
  margin-bottom: 0;
}

.spektrixevent.small .left {
  float: none;
  width: 100%;
  border-top: 5px solid #fff;
}

.list .spektrixevent.small .venue, .single-spektrixevent .spektrixevent.small .venue{
  margin-left: 0;
  padding: 0 10px;
}


.wrapper-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.wrapper-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* =Homepage latest news ticker
-------------------------------------------------------------- */
/*#latestnews {
	background-color:#fff;
}

#latestnews2 {
	margin:0 auto;
	width:956px;
	padding:18px 10px 11px 10px;
	height:20px;
}
#latestnews2 h4 {
	font-size:1.6em;
	color:#84435d;
    text-transform:uppercase;
	float:left;
	width:120px;
}
#latestnews2 #feed {
	background:url(images/sprite.png) no-repeat 0 0;
	height:20px;
	width:20px;
	display:inline-block;
	float:right;
}

#stjamesticker {
	list-style:none outside none;
	margin:0;
	height:20px;
	overflow:hidden;
	width:750px;
	float:left;
}
#stjamesticker a {
	font-size:1.6em;
	color:#333;
}
#stjamesticker a span {
	color:#936;
}
*/
/* =Sidebar calendar
-------------------------------------------------------------- */
#calendar {
  background: #fff;
  /*min-height:250px;
	height:300px;*/
  padding: 0 !important;
  border: none;
  width: 99%;
  /*text-align:center;*/
  margin: 0 auto 20px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, .35);
}

/*.reveal div.expcont {display:none;}*/
.reveal h3 a {
  display: block;
  width: 100%;
  clear: both;
  background-position: 97% center;
  color: #fff;
  background-repeat: no-repeat;
  /*background-image:url(images/expand.png);*/
  text-decoration: none;
}

.reveal h3 a:hover {
  /*background-image:url(images/expand.png); */
  color: #fff;
}

.reveal h3.ui-state-active a {
  color: #fff;
  background-image: url(images/collapse.png);
}

.reveal h3.ui-state-active a:hover {
  background-image: url(images/collapse.png);
}

#calendar label {
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  padding: 0 15px;
  margin-bottom: 7px;
  font-size: 1.6em
}

#calendar #searchfield {
  display: block;
  padding: 3px;
  margin: 3px 10px 10px;
  background-color: #fff;
  height: 22px;
  min-width: 150px; /* ??? */
  border: 1px solid #000;
}

#calendar #searchevents {
  width: 89%;
  min-width: 205px;
  box-shadow: none;
  border: none;
  float: left;
  color: #0091af;
  font-size: 1.5em;
  background-color: transparent;
  padding: 3px 0 0 0;
  display: inline-block;
  vertical-align: top;
}

#calendar #searchevents:focus {
  outline: none
}

#calendar #searchfield button {
  border: none;
  background: none;
  padding: 0;
  position: absolute;
  margin: 3px 10px 0 3px;
  /* float: right; */
  right: 15px;
}

#calendar .highlight {
  color: #FFF;
  background: #0091af;
  padding: 7px 10px 5px 10px;
  margin-bottom: 10px;
  font-size: 1.3em;
}

#calendar #today {
  float: left;
  width: 101px;
  padding: 10px 14px 0 0;
  border-right: 1px solid #999;
  height: 160px;
  text-align: center;
  color: #0091af;
  font-size: 1.3em;
}

#calendar #today .big {
  display: block;
  font-size: 6em;
  line-height: 70px;
}

#calendar #calendarpicker {
  clear: both;
  /*width:250px;
	width:96%;*/
  text-align: center;
  padding: 0 10px;
  /*font-size:62.5%;*/
  /*font-size:		75%;*/
}

#calendar .datepick {
  margin: 0 auto;
}

.datepick-cmd-prev {
  width: 10px
}

.datepick-cmd-next {
  width: 10px
}

.datepick-cmd-current {
  white-space: nowrap
}

.desk {
  display: block;
}

.mob {
  display: none;
}

/* =Footer
-------------------------------------------------------------- */

#footer {
  color: #fff;
  background: #00485f;
  border-top: 1px solid #ccc;
  padding: 20px 0;
}

#footer a {
  color: #fff;
}

#footer .fcol a {
  color: #fff;
  margin: 3px auto;
  font-size: 14px;
  vertical-align: super;
}

#footer .fcol a:hover {
  text-decoration: underline;
}

#footer p {
  margin-bottom: 0;
}

#footer strong, #footer h6 {
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
}

#footer h6 {
  margin: 0;
  font-size: 1.4em;
  clear: none;
}

#colophon {
  overflow: hidden;
  padding: 0;

  text-align: left;
}

#footer h5 {
  font-size: 2em;
  color: #000;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 400;
  margin: 0 0 20px;
}

#footer h5 a {
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  color: #0091af;
  white-space: nowrap;
}

img#wpstats {
  display: none;
}

#footer #address {
  float: left;
  padding: 0;
  width: 33%;
  margin: 0 1% 0 0;
}

#footer #address p {

  font-size: 1.2em;
  line-height: 1.6em
}

#footer #copyright {
  clear: left;
  margin-top: 15px;
  padding: 0;
  /*background: url(images/bg/copyright.png) no-repeat bottom right;*/
  width: 100%;
  font-size: 1.1em;
  line-height: 1.4em;
}

#footer-logo {
  border-top: 1px solid #eee;
  padding: 20px 0 10px;
}
#footer-logo ul {
  margin: 0 auto;
  
}
#footer-logo li {
  list-style: none;
  display: inline-block;
  margin: 0 5px;
}

#footer-logo img {
  height: 100%;
  max-height: 40px;
  max-width: 100%;
}

/*#footer #sponsors {
	float:right;
	width:380px;
	height:80px;
	text-align:right;
	margin-top:3px;
}
#socialmedia {
	margin:21px 10px 17px 10px;
}

#socialmedia #facebook,
#socialmedia #twitter {
	background-image:url(images/sprite.png);
	background-repeat:no-repeat;
	height:22px;
	display:inline-block;
}

#socialmedia #facebook {
	background-position:0 -20px;
	width:94px;
	margin-right:22px;
}

#socialmedia #twitter {
	background-position:-116px -20px;
	width:114px;
}
*/

.spektrixkeepalive {
  display: none;
}

/* =What's on page
-------------------------------------------------------------- */

#content #striped-container h1.entry-title {
  border: none;
  float: left;
  margin: 0;
  width: 240px;
  padding-top: 2px;
}

#striped-container {
  border-bottom: 1px solid #999999;
  border-top: 1px solid #999999;
  margin: 17px 0 15px;
  height: 40px;
}

#striped-container form {
  float: left;
  padding-top: 10px;
  color: #0091af;
  width: 330px;
  text-align: right;
  font-size: .9em;
}

/*#striped-container */
.back {
  float: right;
  background: url(images/bg/arrow-left-red.png) no-repeat left 7px;
  padding-left: 10px;
  margin-top: 9px;
  font-size: .8em;
}

/*now showing slots*/
#content #nowshowing {
  margin: 0;
  list-style-type: none;
  margin: 18px 0 0 0;
  padding: 0;
}

#nowshowing a {
  position: relative;
}

#nowshowing li {
  /*background-color:#f2f2f2;*/
  width: 32%;
  float: left;
  /*padding:10px 10px 0 10px;*/
  padding: 0;
  margin-right: 2%;
  margin-bottom: 20px;
  position: relative;
  height: 280px;
  overflow: hidden;
}

#nowshowing li.last {
  margin-right: 0;
}

#nowshowing li .theatre,
#nowshowing li .studio {
  position: relative;
  top: 0;
  right: 0;
  margin-bottom: 5px;
  border-top: 5px solid #0091af;
  padding: 0 10px;
  width: 100%;
  z-index: 100;
}

#nowshowing li img {
  width: 100%;
  height: auto;
}

#nowshowing .theatre {
  background-color: #f2f2f2;
  background-image: none;
}

#nowshowing .entry-title, .hentry .entry-title {
  text-transform: none !important;
  clear: none !important;
}

#noshows {
  padding: 20px 10px;
}

#searchsummary {
  /*color:#000;*/
  padding: 0px;
}

.spektrixevent table.times {
  display: none;
  font-size: 0.9em;
}

/* =Event details page
-------------------------------------------------------------- */
.single-spektrixevent #content h2,
.single-spektrixevent #content h2 {
  /* border-bottom:1px solid #999999;
    border-top:1px solid #999999;*/
  color: #0091af;
  font-size: 1.4em;
  line-height: 1em;
  margin: 0 /*17px 0 7px*/;
  padding: 5px 10px 0;
}

.single-spektrixevent #content h1,
.single-spektrixevent #content h1 {
  /*color:#0091af;*/
  /*margin-bottom:0;*/
  line-height: 1.4em;
}

.single-spektrixevent #content h1 a,
.single-spektrixevent #content h1 a {
  font-size: 70%;
  text-transform: none !important;
}

.single-spektrixevent #content .entry-meta {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0px;
  margin-bottom: 20px; /**/

}
.single-clwydeventgroups #content .entry-meta {
  /*background-color: #fff;*/
  /*border-bottom: 1px solid #ccc;*/
  padding-bottom: 0px;
  margin-bottom: 20px; /**/

}
.page-template-page-spektrix-iframe-php .single-spektrixevent #content .entry-meta {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.single-spektrixevent #content .entry-meta h2,
.single-clwydeventgroups #content .entry-meta h2 {
  border-top: none;
  color: #000;
  position: relative;
  font-size: 1.4em;
  margin-bottom: 0;
  line-height: 1;
  padding: 0;
  border-bottom: 2px dotted #000;
}
.single-post #content .entry-internal h2 {
  border-top: none;
  color: #000;
  position: relative;
  font-size: 1.4em;
  margin-bottom: 0;
  line-height: 1;
  padding: 0;
  border-bottom: 2px dotted #fff;
}

.single-spektrixevent #content .entry-meta h2.sub-Title {
  border-bottom: none !important;
}

.single-spektrixevent #content #right h3,
.single-clwydeventgroups #content #right h3 {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #0091af;
  font-size: 1em;
  padding-top: 2px;
}

.single-post #content .entry-internal h3 {
  margin-bottom: 20px;
  line-height: 110%;
  font-size: 1.8em;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 400;
}

.single-post #content .entry-internal h4 {
  font-size: 1.3em;
}

.single-post #content .entry-internal h4.entry-date,
.single-spektrixevent #content .entry-meta h4,
.single-clwydeventgroups #content .entry-meta h4 {
  color: #000;
  padding: 0 10px;
  position: relative;
  font-size: .9em;
  margin-bottom: 20px;
}

.single-post #content .entry-internal h4.entry-date {
  padding: 0
}

.single-post #content .entry-internal h5 {
  font-size: 1.1em;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 400;
}

.single-post #content .entry-internal h5 a.red-button {
  font-size: 1em;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 400;
}

.single-spektrixevent #content .buttons,
.single-clwydeventgroups #content .buttons {
  /*padding:15px 10px;
	height:44px;*/
  margin-bottom: 20px;
}

.single-spektrixevent #content .buttons a.red-button,
.single-clwydeventgroups #content .buttons a.red-button {
  float: left;
}

body.archive .spektrixevent .left { /*float:left;*/
  max-width: 220px;
  width: 100%;
  height: 200px;
  background-position: center;
  background-image: url(images/temp.png);
  background-size: cover;
  margin: 0;
}

div.page .left { float:left; /*width:220px; */
  width: 50%;
  height: 200px;
  background-size: cover;
  background-position: center;
  background-image: url(images/temp.png);
  margin: 0;
  margin-bottom: 10px;
}

.page-parent div.page .left {
  float: left;
}

.single-spektrixevent #content #left,
.single-clwydeventgroups #content #left {
  /*border-bottom:1px solid #ccc;*/
  margin-bottom: 20px;
}

.single-spektrixevent #content .entry-content,
.single-clwydeventgroups #content .entry-content {
  padding-top: 0;
}

.single-spektrixevent #content #right,
.single-spektrixevent #content #left,
.single-clwydeventgroups #content #right,
.single-clwydeventgroups #content #left {
  float: none;
  width: 100%;
  display: block;
}

.single-spektrixevent #content #right,
.single-clwydeventgroups #content #right {
  border-top: 0;
}

.single-spektrixevent #content #right p,
.single-clwydeventgroups #content #right p {
  font-size: .9em;
  line-height: 1.3em;
  margin-bottom: 1.2em;
  font-family: 'Avenir W01';
  font-style: normal;
  color: #454545;
  font-weight: 400;
  padding: 0 0px
}

.single-spektrixevent #content strong,
.single-clwydeventgroups #content strong {
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
}

.single-spektrixevent #content em,
.single-clwydeventgroups #content em {
  font-family: 'Avenir W01';
  font-style: italic;
  font-weight: 400;
}

.single-spektrixevent #content em strong,
.single-spektrixevent #content strong em,
.single-clwydeventgroups #content em strong,
.single-clwydeventgroups #content strong em {
  font-family: 'Avenir W01';
  font-style: italic;
  font-weight: 700;
}

.single-spektrixevent #content #right #videos,
.single-clwydeventgroups #content #right #videos {
  position: relative;
  height: auto;
  margin-bottom: 0;
  width: 100%;
  clear: both;
  display: block;
  line-height: 1;
}

.single-spektrixevent #content #right #videos iframe,
.single-clwydeventgroups #content #right #videos iframe {
  background: #000;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  display: block;
  z-index: 10;
  top: 0;
  left: 0;
}

.single-spektrixevent #content #right #videos img {
  width: 100%;
  position: relative;
  height: auto;
  z-index: 0;
  display: block;
}

.single-spektrixevent #content #right #related {
  margin-bottom: 10px;
}

a.tabheader {
  display: none;
}

a.tabheader:hover {
  text-decoration: none;
  /*color:#214893*/
}

a.tabheader.active {
  color: #0091af;
  /*border-bottom:1px solid #214893;*/
  margin-bottom: 5px;
}

.page #tabheader {
  font-size: 15px;
}

.page #tabheader a {
  padding: 0;
}

/*overview is the default tab*/
.single-spektrixevent .entry-content .tab {
  padding: 10px 0px;
  background: #fff;
  margin-bottom: 10px;
  display: none;
}

.single-spektrixevent .entry-content .tab p {
  font-size: .9em;
  line-height: 1.3em;
  /*margin-bottom:1.2em;
	font-family:'Avenir W01';
	font-style:normal;
	font-weight:400;
	color:#454545;*/
}

.single-spektrixevent .entry-content #overview.tab {
  /*display:block;*/
}

.single-spektrixevent #content #bookings table {
  border: none;
}

.single-spektrixevent #content #bookings tr td {
  border: none;
  padding: 0;
  font-size: 0.9em;
}

.single-spektrixevent #content #castcreative .first {
  border-top: 1px solid #999;
}

.single-spektrixevent #content #castcreative dl {
  margin-left: 0;
  margin-right: 2%;
  width: 49%;
  float: left;
  list-style-type: none;
}

.single-spektrixevent #content #castcreative dl:last-of-type {
  margin: 0;
}

.single-spektrixevent #content #castcreative dt {
  font-size: 1.1em;
  color: #000;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
}

.single-spektrixevent #content #castcreative dd {
  margin-bottom: 0;
  font-size: .9em;
  line-height: 1.3em;
}

.single-spektrixevent #content #castcreative strong {
  font-weight: bold;
}

.single-spektrixevent div.pp_default .pp_content_container .pp_details {
  margin-top: 0;
  position: absolute;
  right: 10px;
  top: -40px;
}

.single-spektrixevent div.pp_default .pp_bottom .pp_left,
.single-spektrixevent div.pp_default .pp_bottom .pp_middle,
.single-spektrixevent div.pp_default .pp_bottom .pp_right,
.single-spektrixevent div.pp_default .pp_top .pp_left,
.single-spektrixevent div.pp_default .pp_top .pp_middle,
.single-spektrixevent div.pp_default .pp_top .pp_right {
  background-image: none;
}

.single-spektrixevent #content #reviews h4 {
  font-size: 1.2em;
}

.single-spektrixevent #content #reviews p {
  font-size: .9em;
}

.single-spektrixevent #content #reviews p.rating {
  margin-bottom: 10px;
}

.rating .star,
.rating .darkstar {
  background-image: url(images/sprite.png);
  height: 16px;
  width: 16px;
  display: inline-block;
}

.rating .star {
  background-position: -90px -102px;
}

.rating .darkstar {
  background-position: -106px -102px;
}

/*tweak to the layout of the lightbox popup on single event*/
.single-spektrixevent .fancybox-nav {
  width: 36px;
  height: 36px;

}

.single-spektrixevent .fancybox-prev {
  left: -70px;
  top: 50%;
}

.single-spektrixevent .fancybox-next {
  right: -70px;
  top: 50%;
}

.single-spektrixevent .fancybox-nav span {
  visibility: visible;
}

/* =Cast & Creative entries
-------------------------------------------------------------- */
.single-castandcreative #main,
.single-clwydreviews #main {
  width: 95%;
  max-width: 800px;
}

.single-castandcreative #pic {
  float: left;
  margin-right: 2.5%;
  width: 25%
}

.single-castandcreative #pic img {
  width: 100%;
  height: auto;
}

.single-castandcreative .castandcreative {
  float: left;
  width: 72.5%;
}

.single-castandcreative #content .castandcreative h1.entry-title {
  margin: 0 !important;
  border: none;
  padding: 0 !important;
  background: none;
  font-size: 1.3em !important;
}

.single-castandcreative #content .castandcreative h4 {
  font-size: 1em;
}

.single-clwydreviews #content .clwydreviews h1.entry-title {
  padding: 0 !important;
  background: none;
  font-size: 1.3em !important;
  margin: 0 !important;
  border: none;
}

.single-clwydreviews #content .clwydreviews p.entry-meta {
  font-size: .9em;
  color: #000
}

/* =Media Centre
-------------------------------------------------------------- */
/*#mediacentre .video {
	width:217px;
	height:144px;
	background-size:cover;
	background-position:center center;
	display:inline-block;
	*display:inline;
	zoom:1;
}
*/
#mediacentre {
  text-align: center
}

#mediacentre h2 {
  text-align: left;
  font-size: 1.1em !important;
  padding-left: 0 !important
}

#mediacentre a {
  display: inline-block;
  *display: inline;
  vertical-align: top;
  margin: 0 1% 12px;
  width: 30.75%;
  position: relative;
}

#mediacentre a img {
  width: 100%;
  height: auto;
}

/* =Search form / page
-------------------------------------------------------------- */
#searchform2 {
  /*padding:0 10px 39px 10px;
	border-bottom:1px solid #ccc;*/
  padding-bottom: 20px;
}

.search #searchform2 {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

/*#searchform2 h2 {
	font-size:2em;
	color:#0091af;
}*/

#searchform2 #searchfield2 {
  display: block;
  position: relative;
  /*padding:7px 10px 7px 10px;
	margin-bottom:10px;*/
  /*height:30px;*/
  max-width: 350px;
  width: 100%;
}

#searchform2 #s {
  font-size: 1em;
  background-color: #f2f2f2;
  border: 1px solid #9b9b9b;
  color: #9b9b9b;
  position: relative;
  /*width:300px;
	vertical-align:top;
	*/
  margin: 0;
  outline: none;
  display: block;
  padding: 3% 10% 3% 3%;
  width: 87%;
}

#searchform2 #s:focus {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;

}

.page-template-page-search-php .entry-content,
.search .entry-content {
  background: #f2f2f2;
  border-bottom: 1px solid #ccc;
  border-top: 5px solid #1e9b48;
  padding: 10px !important;
}

/*
#searchform2 #searchevents {
	width:296px;
 	-webkit-appearance:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:none;
	color:#0091af;
	font-size:2em;
	background-color:#fff;
	padding:3px 0 0 0;
	display:inline-block;
}*/

#searchform2 button {
  border: none;
  background: none;
  padding: 2.5% 0;
  text-align: center;
  width: 10%;
  top: 0;
  right: 0;
  margin: 0 0 0 -16%;
  position: absolute;
  z-index: 2;
}

.search .entry-content h4#search-result-header {
  font-size: 1em;
  color: #454545;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 400;
  padding: 0;
  line-height: 1;
  margin: 0 0 10px !important;
}

.search .entry-content h4#search-result-header strong {
  color: #000;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
}

#content #searchresults {
  padding: 10px 0 4px;
  margin-bottom: 15px;
  display: block;
  position: relative;
  border-bottom: 1px solid #ccc;
}

#content #searchresults h3 {
  margin: 10px 0 0 0 !important;
  padding: 10px 0 0;
  line-height: 1;
  border-top: 1px solid #ccc;
}

/*#content #searchresults h2.entry-title {
	font-size:1.1em;
}
#content #searchresults .entry-summary,
#content #searchresults .entry-utility {
	padding-left:10px;
}
#content #searchresults .entry-summary {
	padding-top:3px;
}
#content #searchresults .entry-summary p {
	font-size:.85em;
}
#content #searchresults .hentry {
	padding-bottom:20px;
	border-bottom:1px solid #999;
}
#content .no-results h2.entry-title {
	margin-top:20px;
}*/

/* =Staff
-------------------------------------------------------------- */
.staffleft {
  float: left;
  width: 180px;
}

.staffright {
  float: left;
  width: 278px;
}

/* =Footer Menu
-------------------------------------------------------------- */
#menu-footer {

}

#footer .fcol {
  float: left;
  padding: 0;
  margin: 0 1% 0;
  width: 31%;

}

.finfo {
  display: block;
  width: 72%;
  margin: 0;
  padding: 25px 0 5px;
  position: relative;
  float: left;
}

#fmap {
  display: block;
  width: 28%;
  max-width: 270px;
  height: 175px;
  margin: 0;
  position: relative;
  float: right;
}

#fmap #map {
  display: block;
  width: 100%;
  height: 100%;
  background: grey;
  margin: 0;
  position: absolute;
  z-index: 1;
}

#fmap #foverlay {
  position: absolute;
  display: block;
  z-index: 10;
  bottom: 0;
  right: 0;
  left: 0;
  color: white;
  background-color: #0091af;
  width: 90%;
  margin: 10px;
  border-radius: 7px;

}

#fmap #foverlay a {
  color: #fff;
  display: block;
  padding: 6px;
  font-size: 1.6em;
  text-align: center;
  line-height: 1em;
  background-color: #0091af;
}

#fmap #foverlay a span {
  color: #0091af;
  font-weight: 700;
}

#fmap #foverlay a:hover {
  text-decoration: none !important;
}

#fmap .gm-style-cc,
#fmap .gmnoprint,
#fmap .gm-style div:nth-of-type(2) a div {
  display: none !important;
}

.menu-footer ul.sub-menu {
    display: none;
}

.menu-footer ul {
  list-style: none outside none;
  margin: 0;

}

.menu-footer li {
  margin: 5px 0;
  text-align: left;
  font-size: 1.6em;
  max-width: 160px;
  padding: 3px 0 0 5px;
  background-color: #0091af;
  border-radius: 6px;
  line-height: 1em;
}

.menu-footer li li {
  margin-top: 0;
}

.menu-footer li a {
  /*text-transform:uppercase;*/
}

.menu-footer li li a {
  text-transform: none;
}

/* =Book tickets page
-------------------------------------------------------------- */
.page-template-page-booktickets-php .single-spektrixevent #content h1,
.page-template-page-spektrix-iframe-php .single-spektrixevent #content h1 {
  margin-bottom: 7px;
}

.page-template-page-booktickets-php .studio,
.page-template-page-booktickets-php .theatre,
.page-template-page-spektrix-iframe-php .studio,
.page-template-page-spektrix-iframe-php .theatre {
  border-bottom: 1px solid #999;
  padding-bottom: 14px;
  margin-bottom: 25px;
}

.page-template-page-spektrix-iframe-php .breadcrumbs {
  display: none
}

.page-template-page-spektrix-iframe-php .breadcrumbs.new {
  display: block;
  width: 100%;
  margin: -10px 0 20px 0;
}

#showdates {
  padding: 20px 10px 0;
}

.tab #showdates {
  padding: 0;
}

#showdates .month {
  /*background:#f2f2f2;*/
  /*padding:10px 20px;
	margin-bottom:10px;*/
  position: relative;
  margin-left: 0 /*3px*/;
  margin: 0;
  padding-bottom: 10px;
  display: block;
  clear: both;
}

#showdates .month:last-of-type {
  margin-bottom: 10px;
  /*border-bottom:1px solid #ccc !important;*/
}

#showdates .month h2 {
  font-size: 1.1em !important;
  border-top: none;
  padding: 5px 0 !important;
  display: block;
  clear: both;
  font-weight: normal !important;
  color: #000 !important;
  margin: 0 0 10px !important;
  /*font-family:'Avenir W01';
	font-style:normal;
	font-weight:400;*/
}

#showdates .month .expand {
  /*position:absolute;
	top:25px;
	right:20px;*/
  float: right;
  position: relative;
  color: #454545;
  font-size: 75%;
  background: url(images/bg/arrow-down.png) no-repeat right center;
  padding-right: 12px;
  display: none;
  padding-top: 2px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 400;
}

#showdates .month .row {
  display: block;
  min-height: 24px;
  clear: both;
  margin-bottom: 6px;
  *zoom: 1;
}

#showdates .month .row:before,
#showdates .month .row:after {
  content: "";
  display: table;
}

#showdates .month .row:after {
  clear: both;
}

#showdates .month a.row:hover {
  /*background-color:#DADADA;
	color:#333;*/
  color: #000;
  cursor: pointer;
}

#showdates .month .row span.book {
  transition: all 0.15s linear;
}

#showdates .month .row:hover span.book {
  /*background-color:#57283A;*/
  /*background-color:#0091af;
	color:#fff;*/
  background-color: #000;
  color: #0091af;
}

#showdates .month .row span.time,
#showdates .month .row span.title,
#showdates .month .row span.book,
#showdates .month .row span.soldout,
#showdates .month .row span.special {
  display: block;
  float: left;
  overflow: hidden;
  font-size: 0.9em;
  color: #333;
}

#showdates .month .row span.time {
  width: 10% /*106px*/;
  /*padding-left:12px;*/
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
}

#showdates .month .row span.title {
  width: 15% /*289px*/;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 400;
  display: block;
  overflow: hidden;
  /*text-overflow: ellipsis;
  white-space: nowrap;*/
}

#showdates .month .row span.special {
  width: 50%;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 400;
  display: block;
  /*text-overflow: ellipsis;
  white-space: nowrap;*/
}

#showdates .month .row span.book {
  /*background-color:#000;
	color:#0091af;*/
  background-color: #0091af;
  color: #fff;
  padding: 1px 5px;
  float: right;
}

#showdates .month .row span.soldout {
  float: right;
  color: #f00;
}

#showdates .month.collapsed {
  height: 20px;
  overflow: hidden;
}

#showdates .month.collapsed h2 {
  /*border-bottom:none;*/
}

#showdates .month.collapsed .expand {
  display: block;
}

.page-template-page-booktickets-php #primary,
.page-template-page-spektrix-iframe-php #primary {
  /*padding-top:34px;*/
}

/* TABS FOR SINGLE PAGE */

ul.tabs {
  margin: 0;
  float: left;
  list-style: none;
  height: 32px;
  border-bottom: 2px dotted #000;
  width: 100%;
  padding-bottom: 5px;
  padding-top: 1em;
  font-size: 1.1em;
}

ul.tabs li:first-of-type {
  padding-left: 0px;
}

ul.tabs li {
  float: left;
  margin: 0;
  cursor: pointer;
  padding: 0px 10px;
  height: 31px;
  line-height: 31px;
  border-right: 1px solid #007091;
  background-color: transparent;
  color: #007091;
  overflow: hidden;
  position: relative;
}

ul.tabs li:last-of-type {
  border-right: 0;
}

ul.tabs li:hover {
  color: #000;
}

ul.tabs li.active {
  font-weight: bold;
}

.tab_container {
  padding-top: 5px;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
  overflow: auto;
  margin-bottom: 1em;

}
.tab_container h2 {
  border-top: 2px dotted #000;
}
.tab_content {
  padding: 20px 0;
  display: none;
}

.tab_drawer_heading {
  display: none;
}

@media screen and (max-width: 760px) {
  .tabs {
    display: none;
  }

  .tab_drawer_heading {
    background-color: #ccc;
    color: #fff;
    border-top: 1px solid #333;
    margin: 0;
    padding: 5px 20px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .d_active {
    background-color: #666;
    color: #fff;
  }
}

/*Newsletter signup page*/
.page-template-page-newsletter-php #content form,
.page-template-page-newsletter-test-php #content form {
  background: #f2f2f2;
  box-shadow: 0 0 5px #B2B2B2;
  margin-bottom: 10px;
  padding: 10px 20px;
  position: relative;
  margin: 23px 0 0 3px;
}

.page-template-page-newsletter-php #content h1,
.page-template-page-newsletter-test-php #content h1 {
  font-size: 2em;
  border-bottom: 1px solid #999999;
  border-top: none;
  margin: 0 0 19px 0;
  padding: 0;
}

.page-template-page-newsletter-php #content form label,
.page-template-page-newsletter-test-php #content form label {
  float: left;
  width: 246px;
  height: 24px;
  margin-bottom: 6px;
  font-size: 0.85em;
  color: #000;
  padding: 0 10px;
}

.page-template-page-newsletter-php #content form label.human,
.page-template-page-newsletter-test-php #content form label.human {
  height: 50px;
  line-height: 16px;
}

.page-template-page-newsletter-php #content form .txtField,
.page-template-page-newsletter-test-php #content form .txtField {
  background-color: #fff;
  width: 280px;
  float: left;
  margin-bottom: 6px;
}

body.page-template-page-newsletter-php #content form .errormessage,
body.page-template-page-newsletter-test-php #content form .errormessage {
  background-color: #FBE3E4;
}

.page-template-page-newsletter-php #content form p.title,
.page-template-page-newsletter-test-php #content form p.title {
  font-size: 0.85em;
  padding: 0 10px;
  width: 246px;
  line-height: 16px;
  margin-bottom: 0;
}

.page-template-page-newsletter-php #content form p span,
.page-template-page-newsletter-test-php #content form p span {
  font-size: 12px;
}

.page-template-page-newsletter-php #content form .submitwrap,
.page-template-page-newsletter-test-php #content form .submitwrap {
  border-top: 1px solid #999;
  clear: both;
  padding-top: 24px;
}

.page-template-page-newsletter-php #content form #submit,
.page-template-page-newsletter-test-php #content form #submit {
  background-color: #0091af;
  color: #FFFFFF;
  float: right;
  padding: 1px 5px;
  font-size: 0.85em;
}

.page-template-page-newsletter-php #content form .intro p span,
.page-template-page-newsletter-test-php #content form .intro p span {
  font-size: 12px;
  font-style: italic;
}

.page-template-page-newsletter-php #content form #msgArea,
.page-template-page-newsletter-test-php #content form #msgArea {
  margin: 10px 10px 20px 10px;
}

.page-template-page-newsletter-php #content form #msgArea .general-error,
.page-template-page-newsletter-test-php #content form #msgArea .general-error {
  padding: 10px;
  background: #fff;
  color: #0091af;
}

.page-template-page-newsletter-php #socialsignup {
  background: url(images/bg/social-signup.png) no-repeat 0 0;
  width: 540px;
  height: 67px;
  padding-top: 40px;
  text-align: center;
}

#socialsignup div {
  width: 160px;
  height: 26px;
  display: inline-block;
}

.page-template-page-newsletter-php #socialsignup div.facebook {
  margin-right: 104px;
}

#socialsignup div a {
  display: block;
  height: 26px;
  overflow: hidden;
  text-indent: 160px;
  background-image: url(images/sprite.png);
}

#socialsignup div.facebook a {
  background-position: -90px -118px;
}

.page-template-page-newsletter-php #socialsignup div.twitter a {
  background-position: -90px -144px;
}

.page-template-page-newsletter-php #message {
  color: #0091af;
}

/*social logout dropdown*/
#sociallogout {
  width: 426px;
  height: 108px;
  position: absolute;
  top: -50px;
  right: 13px;
  display: none;
}

#sociallogout > a {
  width: 56px;
  height: 55px;
  display: block;
  background: url(images/sprite.png) no-repeat -90px -170px;
  float: right;
}

#sociallogout .left {
  float: left;
  width: 244px;
  border-right: 1px solid #604D3B;
  border-radius: 0 0 0 4px;
  height: 50px;
  background: #AA9166;
  overflow: hidden;
}

#sociallogout .left p {
  height: 50px;
  line-height: 51px;
  text-align: center;
  margin: 0;
  font-size: 0.842em;
}

#sociallogout .left p span {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(images/sprite.png) no-repeat -146px -170px;
  vertical-align: middle;
  margin-right: 12px;
  position: relative;
  top: -2px;
}

#sociallogout .right {
  float: left;
  width: 181px;
  background: #9A3C60;
  height: 50px;
}

#sociallogout .right .user-status-name,
#sociallogout .right .user-status-avatar,
#sociallogout .right .user-status-edit {
  display: none;
}

#sociallogout .right a,
#sociallogout .right a:visited,
#sociallogout .right a:focus {
  text-transform: uppercase;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 0.684em;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  margin-left: 20px;
}

#sociallogout .right a:hover {
  text-decoration: underline;
}

/*collapsible list*/
.collapselist {
  background: #fff;
  position: relative;
  z-index: 2;
  margin: -20px 0 10px -2%;
  /*width:685px;*/
  width: 104%;
  padding-bottom: 10px;
}
.collapselist p {
  padding: 10px;
}
.collapselist .collapseitem div {
  border-bottom: 1px solid #ccc;
  padding: 10px;
  padding-bottom: 0;
  margin-bottom: 10px;
  background: #f2f2f2;
}

.collapselist .changeall {
  display: block;
  text-align: right;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  font-size: .9em;
}

body #content .collapseitem h3 {
  margin-bottom: 10px;
  font-size: 1em;
  line-height: 22px;
  display: block;
  overflow: hidden;
  /*text-overflow: ellipsis;
  white-space: nowrap;*/
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  padding: 3px 2%;
  border-top: 5px solid transparent;
}

body #content .collapsed h3 {
  color: #000;
  background: #F2F2F2 url(images/ico-accord-open.png) no-repeat right center;
  padding-left: 20px;

}

body #content .collapseitem:not(.collapsed) h3 {
  color: #000 !important;
  background: transparent url(images/ico-accord-close.png) no-repeat right center;
  margin-bottom: 5px;
  padding-left: 20px;
}

p strong, li strong, td strong {
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
}

p em, li em, td em {
  font-family: 'Avenir W01';
  font-style: italic;
  font-weight: 400;
}

p em strong, li em strong, td em strong,
p strong em, li strong em, td strong em {
  font-family: 'Avenir W01';
  font-style: italic;
  font-weight: 700;
}

#pastprodcat {
  max-width: 130px;
}

/* =Event Group details page
-------------------------------------------------------------- */
.single-clwydeventgroups #content #right .entry-meta #videos,
.single-clwydeventgroups #content img.attachment-full {
  margin-bottom: 20px;
}

/*A media query to transform the logout button at smaller screen widths*/
@media only screen and (max-width: 1100px) {
  /*	#sociallogout {
		right:140px;
		width:182px;
	}
	#sociallogout .left {
		display:none;
	}
	#sociallogout .right {
		border-radius:0 0 0 4px;
	}
	*/
}

/* Responsive breakpoints */
@media (min-width: 1200px) {

}

@media (min-width: 980px) {

}

@media (min-width: 768px) and (max-width: 979px) {
  #header .menu-header ul li {
    margin-right: 2%;
  }

}

@media (min-width: 768px) {
  #site-title {
    height: 60px;
    margin: 20px 0;
  }
}

@media (max-width: 780px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  #recent-posts-2, #view-all {
    display: none!important;
  }
  .btn-navbar {
    cursor: pointer;
  }
   .desk {
    display: none;
  }

  .mob {
    display: block;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }

  #header .nv {
    display: block;
    width: 33px;
    height: 33px;
    line-height: 1;
    margin: -40px 0 15px 5%;
    position: relative;
  }
  .side-single {
    max-width: 100%!important;
  }
  .video > img {
    width: 100%    !important;
    height: auto   !important;
  }
a.tabheader {
  display: block;
  background: #fff url(images/ico-accord-open.png) right center no-repeat;
  border-top: 5px solid #fff;
  border-bottom: 1px dotted #000;
  margin-bottom: 10px;
  padding: 3px 0px;
  color: #0091af;
  font-family: 'Avenir W01';
  font-style: normal;
  font-weight: 700;
  transition: color 0.15s linear;
}
a.tabheader.active {
  background: #fff url(images/ico-accord-close.png) right center no-repeat;
  color: #0091af;
  /*border-bottom:1px solid #214893;*/
  margin-bottom: 5px;
}
  .side-single.book-full {
    max-width: 100%;
    text-align: center;
    padding: 10px 0;
  }

  #header .nv a {
    display: block;
    line-height: 1;
    height: 33px;
    background: transparent;
    transition: background 0.15s linear;
  }

  .recommend {
    display: none;
  }

  .col-left-single {
    display: block;
    width: 100%;
    margin-right: 0;
  }

  /*#header .nv a:hover {
		background:;
	}*/
  #access .menu-header {
    width: 100%;
  }

  #header .menu-header ul {
    padding: 0;
    font-size: 1.6em;
  }

  #header .menu-header ul li {
    display: block;
    float: none;
    clear: both;
    margin-right: 0;
    height: auto;
    text-align: left;
  }

  #header .menu-header ul li a {
    height: auto;
    padding: 9px 5%;
    border-top: 1px solid #fff;
  }

  #header .menu-header ul li.menu-item-has-children ul {
    margin: 0;
    position: relative;
    z-index: 1;
    top: auto;
    left: auto;
    margin-left: 0;
    width: 100%;
    box-shadow: none;
    font-size: 1em;
    border-bottom: none;
  }

  #header .menu-header ul li.menu-item-has-children ul li a {
    padding-left: 5%;
    font-size: 90%
  }

  #header .menu-header ul.sub-menu li ul.sub-menu li a {
    padding-left: 9%;
    background: url(images/subsubmenu-arrow.png) 5.5% center no-repeat;
  }

  #topnav a {
    white-space: nowrap
  }

  #fmap,
  .breadcrumbs {
    display: none !important
  }

  #primary,
  #primary ul {
    margin-bottom: 0 !important;
  }

  #site-title {
    float: none;
    clear: both;
    width: 100%;
    text-align: center;
    margin: 10px auto 10px;
  }

  #branding p#boxoffice {
    position: static;
    margin: 0 auto 16px;
    max-width: 92%;
    line-height: 120%;
    text-align: center
  }

  #branding p#boxoffice strong {
    white-space: nowrap;
  }

  #site-title {
    height: auto;
  }

  .networks {
    clear: none;
    margin: 0;
  }

  .finfo {
    width: 100%;
    padding: 20px 0;
    float: none;
  }

  .widget-container {
    width: 100%;
    display: block;
  }

  /*.widget-container:not(#calendar) {display:none}*/
  #primary,
  #container,
  #content {
    float: none;
    clear: both;
    width: 100% !important;
    margin: 0 auto 20px;
  }
  .page-template-page-spektrix-iframe .single-spektrixevent {
    width: 68%!important;
  }
  #content .col-left-single {
    width: 100%!important;
  }
  .post-type-archive #container, .home #container, .page-parent #container, .page-child #container, .blog #container, .single-clwydeventgroups #container {
    width: 100% !important;
  }

  #slideshow .overlay {
    height: auto;
  }

  #slideshow .slide h2 {
    font-size: 1.2em;
  }

  #slideshow .slide p.txt,
  #slideshow .slide p.date {
    display: none;
  }

  .home .hentry .entry-meta,
  .home .hentry.promo h5 {
    font-size: 12px !important;
  }

  .single-castandcreative #pic {
    float: none;
    margin: 0 auto 20px;
    width: 100%;
    max-width: 250px;
    clear: both;
  }

  .single-castandcreative #pic img {
    width: 100%;
    height: auto;
  }

  .single-castandcreative .castandcreative {
    float: none;
    width: 100%;
    clear: both;
  }

  .single-post .entry-internal,
  .page-template-default .entry-internal,
  .page-template-page-nochildren-php .entry-internal,
  .page-template-page-inplayer .entry-internal {
    padding: 10px 3% 5px;
  }

  #gmap {
    width: 108%;
    margin: -10px 0 12px -3%;
    height: 300px;
  }

  .collapselist {
    width: 106.1%;
    margin: -20px 0 10px -3.1%;
  }

  body #content .collapseitem h3 {
    padding-left: 3.1%;
    padding-right: 13%;
  }

  #footer-logo li {
    list-style: none;
    display: inline-block;
    margin: 0 5px;
    width: 30%;
    height: auto;
  }
/*
  #footer-logo img {
    max-height: 100%;
  }*/
  .networks {
    float: right;
  }

}

@media (max-width: 568px) {
  body.archive .spektrixevent .left {
    /*float:left;*/
    max-width: 100%!important;
  }

  .home span a {
    line-height: 3.4em;
    font-size: .8em;
  }

  #recent-posts-2 {
    display: none;
  }

  #footer .fcol {
    width: 48%;
  }


  .col-right {
    display: block;
    width: 100%;
  }

  .list .hentry .left {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }

  #address {
    display: none;
  }
  .spektrixevent button {
    /*display: block;*/
    margin: 3px 0;
    padding: 2px 5px; 
  }
  .home .hentry {
    float: none;
    clear: both;
    width: 100% !important;
    margin: 0 auto 20px !important;
  }

  .home .list .hentry.promo .left {
    display: none;
  }

  .home .list .hentry.promo .venue {
    margin: 0;
    float: none;
  }

  .archive .list .hentry .left {
    height: 150px;
    max-width: 100% !important;
  }

  .single-spektrixevent #content #castcreative dl {
    margin: 0 auto 20px;
    width: 100%;
    float: none;
    clear: both;
  }
  .single-spektrixevent #content h1 a,
  .single-spektrixevent #content h1 a {
    font-size: 70%;
    text-transform: none !important;
    display: block;
    float: none;
  }
  a.red-button#back, a.red-button#booktickets {
    margin: 0px;
  }
  #showdates .month .row span.time {
    width: 20%;
  }

  #showdates .month .row span.title {
    width: 60%;
  }

  #showdates .month .row span.book {
    width: 14%;
    padding: 1px 2%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #showdates .month .row span.special {
    max-width: 75%;
    width: auto;
  }

  #topbar {
    padding: 10px 0;
  }

}

@media (max-width: 480px) {
  
  #language,
  #topnav {
    float: none;
    clear: both;
    width: 100%;
    text-align: center;
    margin: 0 auto 10px;
  }

  #site-title {
    margin: 0 auto 10px;
  }

  #header .nv {
    margin: -40px 0 15px 5%;

  }

  #sharebuttons .half {
    float: none;
    width: 100%;
  }

  #sharebuttons .half2 {
    display: none
  }

  .ratinglogo {
    width: 35px;
    height: 35px;
    top: 12px;
  }

  /*.home */
  .list .hentry .left {
  }

  .list .hentry .venue {
    margin: 0;
    float: none
  }

  .archive .list h2.entry-title a,
  .list .entry-meta {
    margin-right: 30px;
  }

  .post-type-archive-spektrixevent .status-publish .hentry {
    /* background-color: #f2f2f2; */
    /* border-bottom: 1px solid #C2C2C2; */
    vertical-align: top;
    position: relative;
    width: 100%;
    display: inline-block;
    min-height: 100%;
  }
  .post-type-archive-spektrixevent .ratinglogo {
    position: absolute!important;
  }
  .list .entry-utility {
    position: relative;
  }
  #mediacentre a {
    width: 47.5%;
    margin-bottom: 8px;
  }

  /*page-template-default #post-2689 .entry-internal {padding:0 5% 5px !important;}*/
  #gmap {
    height: 200px;
  }

}

@media (max-width: 360px) {

  #footer .fcol:nth-of-type(2n-2) {
    display: none;
  }

}

/*refer a friend page*/
.page-template-page-refer-php #socialsignup {
  text-align: center;
}

.page-template-page-refer-php #sharecounter {
  text-align: center;
}

.page-template-page-refer-php #sharecounter p.big {
  font-size: 2em;
  line-height: 1.2;
}

#client-social-recs .recommendation-action {
  background: #0091af;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  font-size: 0.85em;
  padding: 1px 5px;
  font-family: 'Avenir W01';
}

#client-social-recs .recommendation-action:hover {
  background: #55293A;
  text-decoration: none;
}

#client-social-recs .recommendation-item {
  margin: 0 10px 40px 0;
  float: left;
  min-width: 189px;
  text-align: center;
}

.recommendation-pagination {
  clear: both;
}

.recommendation-name {
  display: block;
}

.recommendation-search input {
  width: 300px;
}

.recommendation-search input {
  padding: 5px;
}

.recommendation-search {
  background: url(images/bg/magnifying.png) no-repeat right 2px;
  width: 340px;
  margin-top: 20px;
}

/* =Non-semantic helper classes
-------------------------------------------------------------- */

/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br {
  display: none;
}

/* Hide from both screenreaders and browsers:h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders:h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}

/* Contain floats:h5bp.com/q */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
  -webkit-text-size-adjust: 140%;
}

code {
  -webkit-text-size-adjust: 160%;
}

#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
  -webkit-text-size-adjust: 120%;
}

/* =Print Style
-------------------------------------------------------------- */

@media print {
  body {
    background: none !important;
  }

  #header {
    border-bottom: 2pt solid #000;
    padding-bottom: 18pt;
  }

  #colophon {
    border-top: 2pt solid #000;
  }

  #site-title {
    float: none;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
  }

  #site-title {
    font-size: 13pt;
  }

  .entry-content {
    font-size: 14pt;
    line-height: 1.6em;
  }

  .entry-title {
    font-size: 21pt;
  }

  #access,
  #branding img,
  #respond,
  .comment-edit-link,
  .edit-link,
  .navigation,
  .page-link,
  .widget-area {
    display: none !important;
  }

  #container,
  #header,
  #footer {
    margin: 0;
    width: 100%;
  }

  #content,
  .one-column #content {
    margin: 24pt 0 0;
    width: 100%;
  }

  .wp-caption p {
    font-size: 11pt;
  }

  #colophon {
    width: auto;
  }

  img#wpstats {
    display: none;
  }

  #entry-author-info {
    border: 1px solid #e7e7e7;
  }

  #main {
    display: inline;
  }

  .home .sticky {
    border: none;
  }
}
.tab_container {
      border-bottom: 2px dotted #000;
}
/**THIRD PARTY STYLES**/

/* FANCY BOX styles */
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #fff;
  color: #454545;
  text-shadow: none;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-prev span, .fancybox-next span {
  background-image: url('lib/fancybox/fancybox_sprite.png');
}

.fancybox-close {
  background-image: url('lib/fancybox/fancybox_close.png');
  color: #0091af!important;
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
.review-more {
  padding: 15px 0px 0 0;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('lib/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 81px;
  height: 30px;
  cursor: pointer;
  color: #0091af;
  /*z-index:8040;*/
}
.rating {
  font-size: 1.5em;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('lib/fancybox/blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('lib/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/*::::::::::::::::::::::::::::::::::
		ADDITIONAL
:::::::::::::::::::::::::::::::::::*/
.post-type-archive-spektrixevent h1 {
  border-bottom: 2px dotted #000 !important;
  margin: 0 10px 10px 0px!important;
}
#content h3, #content h4, #content h5 {
  color: #0091af;
  line-height: 1.5em;
  margin: 0 10px 10px 10px;
}
#content h6 {
  color: #0091af;
  line-height: 1.5em;
  margin: 10px 0px;
}
.blog #content h1 {
  color: #0091af;
  line-height: 1.5em;
  border-bottom: 2px dotted #000 !important;
  margin: 10px 0px;
}
.page-template-default.page-parent #content h1, 
.page-template-default.page-child #content h1, 
.page-template-page-onecolumn.page-child #content h1, 
.page-template-page-nochildren #content h1,
.page-template-page-inplayer #content h1 {
  border-bottom: 2px dotted #000 !important;
}
#content h2 {
  color: #0091af;
  line-height: 1.5em;
  margin: 0 10px 10px 0px;
}
.single-spektrixevent h2 {
  border-bottom: 0px dotted #000 !important;
}

.single-spektrixevent #content #right h3, .single-clwydeventgroups #content #right h3 {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #0091af;
  font-size: 1em;
  padding-top: 2px;
  margin: 10px 0px;
}

.single-spektrixevent #content .entry-meta h4, .single-clwydeventgroups #content .entry-meta h4 {
  color: #0091af;
  padding: 0 10px;
  position: relative;
  font-size: .9em;
  margin-bottom: 10px;
}
.single-post #content .entry-internal h4.entry-date {
  color: #0091af;
  padding: 0 0px;
  position: relative;
  font-size: .9em;
  margin-bottom: 10px;
}
.single-post #container, 
.page-template-page-nochildren #container, 
.page-template-page-inplayer #container {
  width: 68% !important;
}

div.recent-thumb {
  width: 33.4%;
  display: inline-block;
  /*float: left;*/
  overflow: hidden;
  padding: 0;
}

div.text-box {
  display: inline-block;
  width: 60%;
  padding-left: 10px;
  /*float: left;*/
  vertical-align: top;
}

.text-box p {
  font-size: 1.5em;
}

#showdates {
  padding: 10px 0px;
}

#recent-posts-2 a.blue-button {
  font-size: 1.5em !important;
  float: left;
  margin: 5px 0 0 0;
}

#recent-posts-2 {
  width: 99%;
  margin: 0 1% 20px 0;
  background: #fff!important;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, .35)!important;

  list-style: none;
  /*border-bottom:1px solid #fff;*/
  display: inline-block;
}
.page-id-20591 #primary {
  display: none;
}

#recent-posts-2 h3 {
  color: white;
}

#recent-posts-2 li {
  list-style: none;
  padding-bottom: 10px;
}

.attachment-post-thumbnail {
  width: 100% !important;
  height: auto !important;
}

#showdates .month {
  position: relative;
  margin: 0 0 11px 0;
  padding-bottom: 10px;
  display: block;
  clear: both;
}

.post-list {
  margin: 10px 0;
}

/**
 * Book in our restarant page
 */
#post-36029 .entry-internal {
  padding: 10px 3% 5px;
  background-color: #ECF7EF !important;
}

#post-36029 .entry-content,
#post-14951 .entry-content,
#post-14951 .page-template-page-nochildren-php .entry-content {
  background-color: #ECF7EF !important;
}

#post-36029 p, #post-14951 p {
  font-size: 1em;
  margin-top: 1em;

}

#post-36029 legend, #post-14951 legend {
  text-transform: uppercase;
  background: none;
  font-size: 1.2em;
  font-weight: 700;
  padding: 0;
}

#post-36029 fieldset, #post-14951 fieldset {
  border: none;
  padding: 0;
}

.entry-content label {
  color: #222;
  font-size: 1em;
  margin: 5px 0;
}

.rtb-text.date {
  width: 43.5%;
  display: inline-block;
  margin-right: 10px;
}

.rtb-text.time {
  width: 25%;
  display: inline-block;
  margin-right: 10px;
}

.rtb-select.party {
  width: 25%;
  display: inline-block;
  margin-right: 10px;
}

.entry-content select {
  margin: 0 0 24px 0;
  width: 150px;
  height: 38px;
  border-radius: 2px;
  background-color: white;
}

.rtb-booking-form input {
  width: 100%;
  max-width: 288px !important;
  margin: 0;
}

.rtb-booking-form button {
  color: #fff;
  background-color: #1D9B49;
  border-radius: 3px;
  border: none;
  text-transform: uppercase;
  padding: 10px;
  margin-bottom: 1.5em;
  font-weight: 700;

}

#content .rtb-booking-form .rtb-text input, #content .rtb-booking-form .rtb-textarea textarea {
  border: 1px solid #555;
  min-height: 30px;
  border-radius: 2px;
}

/* .entry-content .rtb-booking-form fieldset legend {
	background: #F2F2F2;
} */

#content .rtb-booking-form .rtb-text input,
#content .rtb-booking-form .rtb-textarea textarea {
  background: #fff;
}

.cookies {
  position: fixed;
  bottom: 20px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  left: 20px;
  border-radius: 10px;
  text-align: left;
  font-size: 14px;
  max-width: 240px;
  line-height: 1.3;
  display: none;
  z-index: 100;
}

.cookies .cookie-wrap {
  padding: 20px;
}

.cookies a {
  text-decoration: underline;
  color: #ffffff;
}

.cookies p {
  margin-bottom: 10px;
}

.cookies button {
  background-color: #00abff;
  color: #ffffff;
  width: 100%;
  text-align: center;
  padding: 4px;
  border: 0;
  border-radius: 5px;
}

@media (max-width: 768px) {
  .cookies {
    width: 90%;
    left: 5%;
    max-width: 90%;
  }

  #marker {
    display: none;
  }
}

/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

/*iframe shortcode*/
iframe.iframe-shortcode {
	width: 100%;
}

/*inplayer video page template*/

.page-template-page-inplayer #inplayer-wrap {
	height: 0;
	position: relative;
	padding-bottom: 56.25%;	
}
.page-template-page-inplayer #inplayer-32014 {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}