.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: "";
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpcf7-back{float:left;width:70px;margin-top:5px;position:relative}.cf7msm-ro{white-space:pre-wrap}* {
margin: 0; box-sizing: border-box;
}
body {
font-family: "Libre Franklin", Tahoma, Verdana, Helvetica, Arial, Sans-Serif;
font-size: 16px;
line-height: 1.5rem;
color: #333333;
background-color: #fff; margin: 0px;
}
blockquote {margin: 0px 20px 0 20px;}
p {
font-size: 1.1rem;
line-height: 1.5rem;
margin: 0.5rem 0 0.5rem 0;
}
p.block {
overflow: hidden;
clear: left;
}
p.small-block {
overflow: hidden;
clear: left;
font-size: 14px;
line-height: 1.1em;
}
h1, h2.sameas-h1 {
color: inherit;
font-size: 1.8em;
font-weight: bold;
text-align: center;
line-height: 1.2em;
margin: 15px 0px 10px 0px;
} 
h2 {
color: inherit;
font-size: 1.4em;
font-weight: bold;
line-height: 1.1em;
margin: 15px 0px 15px 0px;
} 
h2.home-subtitle {
text-align: center;
font-weight: normal;
font-style: italic;
margin-top: 10px;
}
.subtitle {
text-align:center;
margin: 10px 0px 10px 0px;
}
h3 {
clear: both;
color: inherit;
font-size: 1.3em;
font-weight: bold;
line-height: 1.1em;
margin: 10px 0px 10px 0px;
}
hr {
clear: both;
}
ul {
list-style-type: square;
margin: 0 0 0 1.5em;
padding: 0 0 0 1.0em;
}
img {
height: auto;
max-width: 100%;
border: 0;
} @media (min-width: 480px) {
img[class*="wp-image-"]:not(.size-full) {
height: revert-layer !important;
}
}
td img {margin-right: 5px;}
img.photo {
padding: 4px;
border: 1px solid #BBBBBB;
margin: 2px 5px 2px 0px;
color: inherit;
background-color: #FFFFFF;
}
img.align-left, img.alignleft {
float: left;
margin: 0px 10px 5px 0px;
}
img.align-right, img.alignright {
float: right;
margin: 0px 0px 5px 10px;
}
img.align-center, img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
img.border-off {border: 5px solid #CCCCCC}
img.border-on {border: 5px solid #DAA520;}
img.border-3d {
border: 1px outset #CCCCCC;
box-shadow: 3px 3px 10px #888888;
margin: 0px 15px 5px 0px;
}  .flex-container {
display: flex;
flex-flow: row wrap;
}
.wp-caption {
display: table;
width: auto !important;
}
.wp-caption.alignleft {
float: left;
margin: 0px 5px;
}
.wp-caption.alignright {
float: right;
margin: 0px;
}
.wp-caption.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.wp-caption-text {
display: table-caption;
caption-side: bottom;
width: auto;
box-sizing: border-box;
min-height: 25px;
text-align: initial;
line-height: 1.2rem;
margin: -2px 5px 5px 0px;
padding: 0 5px;
border: 1px solid #BBBBBB;
color: #333;
background-color: #F8F8F8;
font-size: 14px;
font-style: normal;
overflow-y: auto;
} .caption-textlines-1 .wp-caption-text {height: 1.1em;}
.caption-textlines-2 .wp-caption-text {height: 3.1em;}
.caption-textlines-3 .wp-caption-text {height: 4.5em;}
.caption-textlines-4 .wp-caption-text {height: 5.9em;}
.caption-textlines-5 .wp-caption-text {height: 7.4em;}
.caption-textlines-6 .wp-caption-text {height: 8.8em;} a:link {
color: #731932; background-color: inherit;
padding: 0 2px 2px 2px;
text-decoration: underline;
font-weight: 400;
}
a:visited {
background-color: inherit;
color: #bf2b55;
}
a:hover, a:focus {
color: #FFF;
background-color: #731932; text-decoration: none;
border: none;
}
a:active {
text-decoration: none;
color: #660000;
background-color: inherit;
}
a:link.nohighlight {
padding: 0px;
text-decoration: none;
}
a:hover.nohighlight {
background-color: inherit;
color: #731932;
box-shadow: none;
font-weight: 600 !important;
}
#ticketshop {
border: 1px solid #CECECE;
background-color: #CECECE;
padding-right: 2px;
margin-bottom: 5px;
} input[type='submit'], 
input[type='button'] {
color: #333; 
background-color:#ddd;
padding: 3px 10px;
margin: 1px 2px 5px 2px;
border: 3px solid #000;
border-color: #eee #999 #999 #eee;
border-radius: 5px;
cursor: pointer;
}
input[type='submit']:focus,
input[type='button']:focus,
input[type='submit']:hover,
input[type='button']:hover {
color: #FFFFFF; 
background-color: #731932; border-radius: 5px;
}
input,button,select,textarea {
cursor: pointer;
margin: 1px 2px 5px 2px;
padding: 5px 5px;
font-size: 14px;
}
input:focus,
button:focus,
select:focus,
textarea:focus,
input:hover,
button:hover,
select:hover,
textarea:hover {
background-color:#fff8e2;
border-radius: 5px;
}
input.large-button {
font-size: 1.2rem;
padding: 5px 15px;
}
input[type='image'] {padding: 0px 10px 6px 10px;}
input[type='checkbox'],
input[type='radio']{cursor: pointer;}
input[type='button']:visited {color: #FFFFFF; background: #222266;}
input[type='button']:active {color: #FFFFFF; background: #333333;}
input[type='button'].nohighlight {padding: 6px 10px; cursor: auto;}
input[type='button']:hover.nohighlight,
input[type='button']:focus.nohighlight {background-color: #DDDDDD; color: inherit;} #pagewidth-1024 {
position: relative;
width: 100%;
max-width: 985px;
margin: 0px auto;
#fff;
} .responsive-header {
position: relative;
width: 100%;
height: 50vh; min-height: 250px; max-height: 250px; display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
} .responsive-header .header-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
} .responsive-header .header-title {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0 0 70px 0;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
} .responsive-header .header-logo {
max-height: 130px;
min-height: 100px;
height: 20vw;
width: auto;
margin-top: 3em;
} .responsive-header .header-title .title-text {
font-size: clamp(18px, 4vw, 36px)!important; line-height: 1.1;
text-shadow: 2px 2px 6px rgba(0,0,0,0.7);
margin-bottom: 0.2em;
font-weight: 600;
letter-spacing: 0.08em;
} .responsive-header .header-title .subtitle {
font-size: clamp(16px, 4vw, 20px); line-height: 1.2;
font-weight: 600;
text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
}  @media (max-width: 1024px) {
.responsive-header {
height: 5vh;
min-height: 240px;
max-height: 250px;
}
.responsive-header .header-logo {
height: 20vw;
}
.responsive-header .header-title .title-text {
font-size: clamp(18px, 4vw, 36px);
}
.responsive-header .header-title .subtitle {
font-size: clamp(16px, 4vw, 20px);
}
}
@media (max-width: 768px) {
.responsive-header {
height: 30vh;
min-height: 150px;
max-height: 200px;
}
.responsive-header .header-logo {
height: 20vw;
margin-top: 1.8em;
}
.responsive-header .header-title {
padding: 0 0 30px 0;
}
.responsive-header .header-title .title-text {
font-size: clamp(20px, 4vw, 36px);
}
.responsive-header .header-title .subtitle {
font-size: clamp(12px, 2vw, 18px);
}
} #mainmenu {
width: 100%;
margin: 0 auto;
padding: 8px 0 4px 0;
background-color: #ffffff; display: flex;
justify-content: center;
transition: all 0.3s ease;
border-bottom: 2px solid #eee;
z-index: 1000;
}
#mainmenu ul {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
list-style-type: none;
font-size: 14px;
margin: 0;
padding: 0;
z-index: 900;
}
#mainmenu ul li {
text-align: left;
margin: 1px 2px 5px 2px;
padding: 0.1em 0.0em 0.1em 0.1em;
background-color:#ddd;
border: 3px solid #000;
border-color: #eee #999 #999 #eee;
border-radius: 5px;
}
#mainmenu ul li ul li {
display: none;
float: none;
margin: 4px 7px 4px 8px;
padding: 0.1em 0.0em 0.1em 0.1em;
}
#mainmenu ul li:hover ul li {
display: block;
}
#mainmenu ul li a {
color: #333;
font-weight: 400;
padding: 0.25em 0.4em;
text-decoration: none;
border-radius: 5px;
}
#mainmenu a:visited {
color: inherit;
}
#mainmenu a.current {
color: #FFFFFF !important;
background-color: #666666;
}
#mainmenu ul li ul li a,
#mainmenu ul li ul li a.current {
display: block;
padding: 0.0em 0.4em;
}
#mainmenu a:hover,
#mainmenu a:focus,
#mainmenu ul li a:hover,
#mainmenu ul li a:focus {
color: #FFFFFF;
background-color: #731932; }
#mainmenu  ul li ul.sub-menu {
position: absolute;
display: block;
margin-top: 4px;
padding-top: 3px;
background-color: #fff; //#731932;
} .fb-icon, .fb-icon a { color: #fff !important;
background-color: #3d6393 !important;
}
.fb-icon a:hover,
.fb-icon a:focus {
color: #fff !important;
background-color: #731932!important;
} input[type="search"] {
max-width: 115px;
border: 1px solid #ddd;
}
.search-form {
padding: 0px;
}
.search-submit {
padding: 5px;
}
button[type="submit"]:hover, input[type="submit"]:hover {
color: #fff;
background-color: #731932; }
input.search-field,
.search-submit {
font-family: Calibri;
margin: 0px;
padding: 2px 12px;
border: none;
border-radius: 5px;
}
#search-again input[type="search"] {
width: 100%;
max-width: 250px;
margin-top: 5px;
padding-bottom: 5px;
border: 1px solid #666;
font-size:16px;
}
#search-again button.search-submit {
margin-top: 5px;
font-size:16px;
} div.next-production {
clear: left;
}
div.next-production img {
margin: 0 1rem 1rem 0;
}
.box-office-btn {
display: block;
position: relative;
float: right;
width: 100%;
max-width: 120px;
height: auto;
border: 1px solid #666;
border-radius: 5px;
box-shadow: 5px 5px;
background-color: #f0f0f0;
color: inherit;
text-align: center;
padding: 8px 5px;
margin: 10px;
font-size: 1.25rem;
line-height: 1.25rem;
font-weight: 400;
overflow: hidden;
}
.box-office-msg {
background-color: #fff; color: #333;
margin: 8px 0 0 0;
padding: 1px 3px 3px 3px;
border: 1px solid #666;
border-radius: 5px;
font-size: 1.0rem;
line-height: 1.2rem;
} #content {
position: relative;
float: left;
width: 100%;
height: auto;
min-height: 250px;
padding: 0 10px;
color: inherit;
background-color: #FFFFFF;
overflow: hidden;
}
div .content-block {
width: 100%;
overflow: hidden;
margin: 0px;
}
.readmore {
border: 1px solid #CCC;
padding: 10px;
text-align: left;
}
.readmore p {
font-size: 1.0rem;
}
.readmore-btn {
padding: 0px 10px;
margin: 0px 0px;
}
*[id^='moreText-']{display: none;}
div.side-menu {
float: left;
width: 100%;
font-size: 1rem;
font-weight: 400;
padding: 5px 10px 5px 10px;
margin: 5px 0 10px 0;
background-color: #f0f0f0;
border: 1px solid #000;
border-radius: 5px;
}
div.side-menu ul {
line-height: 1.75rem;
padding: 0;
margin: 0;
}
div.side-menu ul li {
list-style: none;
}
div.side-menu ul li hr {
margin-bottom: 0.5rem;
} .metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
color: #fff;
background-color: #333;
padding: 0px 10px !important;
font-size: 14px;
}
.metaslider .caption-wrap {
position: absolute;
bottom: -8px;
left: 2px;
background: black;
color: white;
margin: 0;
display: block;
width: 100%;
line-height: 1.1em;
opacity: 0.7 !important;
background: transparent !important;
max-width: 960px;
}
.metaslider {
overflow: auto;
clear: both;
}
.flexslider {
position: relative;
margin: 0 0 10px 0;
height: 100%;
zoom: 1;
overflow-x: visible;
overflow-y: hidden;
}
.flexslider .slides {
zoom: 1;
}
ul.flex-direction-nav {
list-style-type: none;
}
.metaslider .flex-direction-nav .flex-prev {
background-position: left 0;
left: 10px;
}
.flex-control-nav, .flex-direction-nav, .slides, .slides > li {
margin: 0;
padding: 0;
list-style: none;
}
.metaslider .flexslider .flex-direction-nav li a {
width: 30px;
height: 30px;
border: 0;
margin: -20px 4px 0 -8px;
box-shadow: none !important;
display: block;
background-color: transparent;
background-image: url(//www.faringdondramatic.org.uk/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png);
background-repeat: no-repeat;
position: absolute;
right: 10px;
top: 50%;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
opacity: 1;
-webkit-transition: all .3s ease;
-moz-transition: opacity .25s ease-in-out;
transition: all .3s ease;	
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: .7;
left: 10px;
}
.metaslider .flex-direction-nav .flex-prev {
background-position: left 0;
left: 10px;
}
.metaslider .flex-direction-nav .flex-next {
background-position: right 0;
text-align: left;
text-indent: 9999px;
}
.metaslider a:hover {background-color: inherit;} .wpcf7-captchar:focus,
.wpcf7-radio:focus,
.wpcf7-checkbox:focus,
.wpcf7-captchar:hover,
.wpcf7-radio:hover,
.wpcf7-checkbox:hover {
background-color:#fff8e2;
}
.wpcf7-radio,
.wpcf7-checkbox {
padding-right: 10px;
}
.wpcf7-form {padding: 0px;}
.wpcf7-text {width:60%;}
div.contact_form {
width: 100%;
border: 1px solid #AAAAAA;
border-radius: 10px;
background-color: #f0f0f0;
padding: 20px 20px 15px 20px;
margin: 0 auto 20px auto;
clear: both;
}
div.contact_form input[type=text],
div.contact_form input[type=submit],
div.contact_form input[type=button],
div.contact_form input[type=email],
div.contact_form input[type=tel],
div.contact_form textarea,
div.contact_form select {
width: 100%;
padding: 5px 5px;
margin: 10px 0;
border-radius: 5px;
box-sizing: border-box;
font-size: 16px;
}
div.contact_form input[type=submit],
div.contact_form input[type=button] {
font-size: 1.2rem;
}
div.contact_form textarea {
height: 150px;
resize: vertical;
}
div.contact_form span {
font-size: 15px;
color: #1d2d82;
}
div.contact_form span.wpcf7-not-valid-tip {
font-size: 15px;
color: #ca0000;
}
.wpcf7 form.invalid .wpcf7-response-output {
color: #ca0000;
}
div.contact_form input.wpcf7-previous {
width: unset;
padding: 5px 20px;
margin: 0;
}
div.contact_form h3 {
font-size: 18px;
}
div.contact_form table {
width: 100%;
border: 1px solid #aaa;
border-radius: 5px;
border-collapse: collapse;
}
div.contact_form td {
padding: 5px;
border: 1px solid #aaa;
} div #map_canvas {
float: left;
width: 62%;
height: 642px;
margin: 0px 5px 20px 0px;
border: 1px solid #666;
border-radius: 10px;
}
div #map_info {
float: right;
width: 36%;
max-height: 645px;
margin: 0px 0px 20px 5px;
padding: 10px 10px;
border: 1px solid #666;
border-radius: 10px;
overflow-y: scroll;
}
div #map_info p {
font-size: 1rem;
line-height: 1.21rem;
clear: both;
}
div #map_info img {
float: left;
padding: 1px 5px;
} .right-panel {
position: relative;
float: right;
width: 100%;
max-width: 100px;
height: auto;
border: 1px solid #BBBBBB;
border-radius: 5px;
color: inherit;
background-color: #f0f0f0;
text-align: center;
overflow: hidden;
padding: 5px 1px 10px 1px;
margin: 0px 0px 6px 10px;
font-weight: 400;
line-height: 1.1rem;
}
.right-panel a:link {
padding: 0;
font-weight: 400;
}
.right-panel img {margin: 10px 0 0 0;}
#direction-buttons {
display: block;
padding-top: 5px;
}
#direction-buttons input[type="button"] {
margin: 0px;
padding: 0.35em 1.05em;
}
*[id^='direction-buttons'] input[type='button'].archive {
} #archive-content {
text-align: justify; }
#archive-details {
text-align: center;
display: grid;
}
#archive-details h1 {margin-top: 0px;}
#archive-list-menu p {margin: 4px 0;}
#archive-content.archive-list {line-height: 2em;}
#archive-cast-list {
clear: left;
text-align: left;
}
#letter-buttons {
max-width: 940px;
margin: 15px auto 15px auto;
}
#year-buttons {
max-width: 960px;
margin: 10px auto 3px auto;
}
input[type="button"].letter-buttons {
padding: 3px 8px;
margin: 1px 0px 6px 1px;
}
input[type="button"].year-buttons {
padding: 3px 8px;
margin: 1px 0px 6px 2px;
} #footer {
float: left;
width: 100%;
padding: 10px 0 10px 0;
margin-bottom: 10px;
color: #333 //#FFFFFF;
background-color: #fff; //#731932;
}
.myfooter {
max-width: 985px;
margin: 0 auto;
padding: 0 5px 0 0;
text-align: center;
font-size: 0.85rem;
font-weight: 400;
}
.myfooter p {
font-size: 0.9rem;
line-height: 1rem;
margin: 5px auto;
padding-bottom: 10px;
}
.myfooter a {
color: inherit;
font-weight: 400;
padding: 0 2px 2px 2px;
}
.myfooter a:hover {
color: inherit;
background-color: inherit;
}
.myfooter a img {
max-height: 40px;
width: auto;
margin: 0 2px;
} table td {
vertical-align: top;
padding: 5px 15px;
}
table.center {
margin-left:auto; 
margin-right:auto;
}
table.archive {
margin: 0 auto;
border-spacing: 15px;
}
table.archive td {
max-width: 200px;
padding: 5px;
color: inherit;
background-color: #ddd;
color: #731932; text-align: center;
vertical-align: top;
}
table.main {
width: 100%;
background-color: #F6F6F6;
border: 1px solid #CCCCCC;
border-collapse: separate;
border-spacing: 0px;
margin: 0px auto 20px auto;
}
table.main td {
padding: 10px;
border: 1px solid #CCCCCC;
}
table.tight td {
padding: 1px;
font-size: 0.9em;
line-height: 1rem;
}
table.tight td a {
font-size: 0.9em;
}
table.main th {
height:40px;
padding: 0 10px;
border: 1px solid #C6C6C6;
background-color: #DDDDDD;
text-align: center;
font-size: 1.0em;
font-weight: 500;
}
table.main td.empty {background-color: #fff;} .box-archive, .box-archive-sml, .box-auto, .box-arrow {
float: left;
width: 216px;
height: 294px;
margin:  5px 10px 5px 0px;
padding: 5px;
border-radius: 5px;
border: 3px solid #731932;
background-color: #f5f5f5;
text-align: center;
overflow: hidden;
}
.box-arrow {
display: block;
float: left;
width: 45px;
height: 35px;
padding: 2px 2px 5px 2px;
font-size: 16px;
line-height: 1.2em;
font-weight: 800;
}
.profile .box-arrow {
float: right;
margin:  5px 10px 5px 10px;
padding: 5px 5px 8px 5px;
}
.box-archive-inner { //NOT NEEDED?
height: 294px;
overflow: hidden;
}
.box-archive a, .box-archive-sml a, .box-auto a, .box-arrow a {
display: block; text-decoration: none;
}
.box-archive img, .box-archive-sml img, .box-auto img {
margin: 5px 0px;
max-width: 200px;
}
.box-archive-sml {
width: 172px;
height: 189px;
padding: 3px 3px 8px 3px;
overflow: hidden;
}
.box-auto {
float: left;
width: auto;
min-width: 20px;
height: auto;
padding: 5px 15px;
}
.counter {
float: left; 
position: absolute; 
padding: 0 2px 2px 0;
font-size: 10px; 
line-height: 10px;
color: inherit;
background-color: inherit;
}
#production_footnote {
clear:both;
text-align: left;
font-size: 0.88rem;
font-style: italic;
line-height: 1.0rem;
margin-top: 0.5rem;
} .reviews-data, .prof-reviews, .statistics {
float: left;
min-height: 120px;
border: 1px solid #aaa;
border-radius: 5px;
margin: 3px 8px 15px 8px;
background-color: #f8f8f8;
padding: 10px 10px 10px 10px;
}
.reviews-data { }
.reviews-data-col1 {
float: left;
max-width: 120px;
}
.reviews-data-col2 {
float: left;
max-width: 175px;
padding-left: 5px;
font-size: 0.9em;
line-height: 1.35em;
}
.reviews-data-col3 {
float: right;
line-height: 1.20em;
}
.reviews-btn {
width: 90px;
margin: 10px 0px 0px 0px !important;
padding: 5px !important;
white-space: normal;
} div.flex_container {
display: flex;
gap: 30px;
}
div.flex_container .columns {
flex: 1; }
div.profile img {
float: left;
height: 150px;
padding: 2px;
border: 1px solid #CCC;
margin: 5px 15px 5px 0;
color: inherit;
background-color: #FFF;
}
div.profile a {
padding: 0px;
} div#top_playlist {
float:right;
border: 1px solid #BBBBBB;
padding: 0.35rem 0.5rem;
margin: 0 0 0.5rem 1.0rem;
font-size: 1.0rem;
line-height: 1.1rem;
}  @media screen and (max-width: 768px) {
.box-archive {margin: 5px;}
div.column_left, div.column_right {
float: none;
width: 100%;
}
.myfooter a img {
max-height: 30px;
margin: 0 2px;
}
.metaslider .caption {
font-size: 12px;
}
.metaslider .flexslider .flex-direction-nav li a {
z-index: 0;
}
div #map_canvas {
float: none;
width: 100%;
height: 620px;
margin: 0px 0px 20px 0px;
}
div #map_info {
float: none;
width: 100%;
margin: 0px 0px 20px 0px;
padding: 5px 10px;
line-height: 1.2rem;
}
div.flex_container {
display: block;
}
} @media screen and (max-width: 500px) {
p {
font-size: 1.0rem;
line-height: 1.3rem;
}
#archive-content, #production {
padding-top: 2px;
}
.box-archive {
float: none;
margin: 5px auto;
}
img.size-medium, img.size-large, img.size-thumbnail {
float: none;
display: block;
margin: 2px auto;
}
.right-panel {
max-width: 80px;
font-size: 0.8rem;
margin-top: 3px;
padding: 1px 1px 5px 1px;
line-height: 1.0rem;
}
.right-panel img {
margin: 5px 0 0 0;
}
.right-panel #direction-buttons input[type="button"]{
padding: 0.4em 0.7em;
}
.reviews-btn {
width: 70px;
font-size: 0.75rem;
}
.wp-caption.alignleft,
.wp-caption.alignright {
float: none;
}
.wp-caption-text {
margin: 3px 0px;
}
.metaslider {
display: none !important;
}
}
@media screen and (max-width: 400px) {
.box-archive-sml {
float: none;
margin: 5px auto;
}
} @media (min-width:0) { 
.listbox select option {
color: #000;
font-size: 1.1em;
}
} @supports (display:block) {
.listbox select option {
color: #000;
font-size: 1.1em;
}
} div#mobilemenu-x {
display: none;
position: fixed;
top: 6px;
right: 6px;
padding: 0px;
background-color: #666;
border: 6px solid #666;
z-index: 1010;
}
div#mobilemenu-x div.line {
width: 20px;
height: 3px;
background-color: #fff;
margin: 4px 4px;
}
div#mobilemenu {
display: none;
position: fixed;
top: 0;
right: 0px;
background-color: rgba(115, 25, 50, 0.8);
background-color: #fff; //#731932;
border: 2px outset #ddd;
margin: 0px 0px 0px 0px;
padding: 5px 40px 5px 5px;
z-index: 1000;
} 
@media (max-width: 768px){ div#mobilemenu-x {
display: block;
}
div#mainmenu,
div#archivemenu {
display: none;
}
div#mobilemenu-x:hover div#mobilemenu {
display: block;
}
}
div#mobilemenu ul {
list-style-type: none;
list-style-image: none;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
} 
div#mobilemenu ul li,
div#mobilemenu ul li ul li {
min-width: 200px;
margin: 6px 10px;
padding: 1px 1px 2px 1px;
color: #000;
background-color:#ddd;
text-align: center;
border: 2px solid #000;
border-color: #ccc #666 #666 #ccc;
border-radius: 5px;
}
div#mobilemenu ul li ul li {
width: 100%;
min-width: 130px;
}
div#mobilemenu ul li:hover {
color: #fff;
background-color: #731932; border: 2px inset #ddd;
border-color: #fff #666 #666 #fff;
}
div#mobilemenu ul li a {
display: block;
padding: 0px 5px 1px 5px;
font-size: 14px;
font-weight: 400;
color: #000;
background-color: #ddd;
text-decoration: none;
}
div#mobilemenu ul li a:hover {
color: #fff;
background-color: #731932; }
div#mobilemenu ul li a.current,
div#mobilemenu ul li a:hover.current {
color: #fff;
background-color: #666666;
}
div#mobilemenu ul li ul {
display: none;
} 
div#mobilemenu ul li:hover > ul,
div#mobilemenu ul li:hover > div {
display: block;
}
div#mobilemenu ul li:hover ul li {
display: block;
}
div#mobilemenu ul li > ul li {
position: relative;
display: block;
margin: 5px 0 5px 0;
left: 5px;
}
@media (max-height: 400px){
div#mobilemenu ul li,
div#mobilemenu ul li ul li {
padding: 0px 2px 0px 2px;
margin: 5px 10px;
}
div#mobilemenu ul li a {
font-size: 12px;
line-height: 1.2em;
} 
} div.contact_form select.width-auto {
width: auto;
background-color: white;
}
label.block {
display: block;
overflow: hidden;
clear: left;
}#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
z-index:1000 !important;
}
#lightboxDetails{
font-size: 1.0em;
padding-top: 0.4em;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both; max-width: 100%;} 
#overlay img{ border: none; }
#overlay{ background-image: url(//www.faringdondramatic.org.uk/wp-content/lightbox/overlay.png); }
#lightbox a:hover { background-color: inherit;}
* html #overlay{
background-color: #333;
back\ground-color: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}@font-face{font-family:flexslider-icon;src:url(//www.faringdondramatic.org.uk/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.eot);src:url(//www.faringdondramatic.org.uk/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(//www.faringdondramatic.org.uk/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.woff) format('woff'),url(//www.faringdondramatic.org.uk/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.ttf) format('truetype'),url(//www.faringdondramatic.org.uk/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flex-container a:hover,.flex-slider a:hover{outline:0}.flex-control-nav,.flex-direction-nav,.slides,.slides>li{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img:not(.caption img){width:100%;display:block}.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides>li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;border-radius:4px;-o-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);box-shadow:'' 0 1px 4px rgba(0,0,0,.2)}.flexslider .slides{zoom:1}.flexslider .slides img{height:auto;-moz-user-select:none}.flex-viewport{max-height:2000px;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);transition:all .3s ease-in-out}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;z-index:-1}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}body .metaslider .coin-slider,body .metaslider .flexslider .flex-direction-nav,body .metaslider .flexslider .flex-direction-nav li,body .metaslider .flexslider .slides img,body .metaslider .flexslider .slides li,body .metaslider .flexslider .slides ol,body .metaslider .flexslider .slides ul,body .metaslider .flexslider ul.slides,body .metaslider .nivoSlider,body .metaslider .nivoSlider img,body .metaslider .rslides,body .metaslider .rslides li{border:0;margin:0;list-style-type:none;list-style:none;padding:0;line-height:normal;max-width:none;max-height:none}.metaslider{position:relative;z-index:0}.metaslider.fullwidth{overflow:hidden}.metaslider .caption{padding:5px 10px;word-wrap:break-word}.metaslider .caption-wrap{position:absolute;bottom:0;left:0;background:#000;color:#fff;opacity:.7;margin:0;display:block;width:100%;line-height:1.4em}.metaslider img{height:auto;padding:0;margin:0;-moz-user-select:none}.metaslider a{outline:0}.metaslider.ms-left{float:left;margin:0 20px 20px 0}.metaslider.ms-right{float:right;margin:0 0 20px 20px}.metaslider li:after,.metaslider li:before{content:""!important;display:none!important;bottom:auto!important;margin:0!important}.metaslider .flexslider .slides li .caption-wrap .caption img{max-width:100%;height:auto;display:inline}.metaslider .slides img:not(.caption img){width:100%;display:block}.metaslider .flex-pauseplay a{box-sizing:border-box;height:30px;width:30px}.metaslider .flexslider{background:0 0;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;border:0;margin:0 0 40px;max-width:none;max-height:none}.metaslider .flex-control-nav{border:0;margin:auto;list-style-type:none;list-style:none;padding:0;bottom:-27px;line-height:11px;z-index:2}.metaslider.has-dots-onhover-navigation .flexslider .flex-control-paging{opacity:1;transition:opacity .3s ease}.metaslider.has-dots-onhover-navigation:hover .flexslider .flex-control-paging{opacity:1!important}.metaslider-flex.ms-theme-default .flex-next:focus{background:url(//www.faringdondramatic.org.uk/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png) scroll right 0 transparent!important;height:27px!important}.metaslider-flex.ms-theme-default .flex-prev:focus{background:url(//www.faringdondramatic.org.uk/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png) scroll left 0 transparent!important;height:27px!important}.metaslider .flex-control-nav li{margin:0}.metaslider .flex-control-nav li a{margin:0 6px;padding:0;text-indent:9999px;overflow:hidden}.metaslider .flexslider .slides li{position:relative;height:auto}.metaslider .flex-viewport{direction:ltr}.metaslider .flex-direction-nav a{-moz-transition:all .3s ease;transition:all .3s ease}.metaslider .flexslider .slides p{margin:0}.metaslider .flexslider.filmstrip{margin-top:10px}.metaslider .flexslider.filmstrip .slides li{cursor:pointer;opacity:.5}.metaslider .flexslider.filmstrip .slides li.flex-active-slide,.metaslider .flexslider.filmstrip .slides li:focus,.metaslider .flexslider.filmstrip .slides li:hover{opacity:1!important}.metaslider .flex-control-thumbs{margin:5px -5px 0 -5px}.metaslider .flex-control-thumbs li{width:auto;margin:5px}#content .metaslider ol.flex-control-thumbs img,.metaslider ol.flex-control-thumbs img{margin:10px 5px 0;width:auto}.metaslider.nav-hidden .flexslider{margin-bottom:0}.metaslider.nav-hidden.add-margin .flexslider{margin-bottom:40px}.metaslider .flexslider .flex-direction-nav li a:before{content:none!important}.metaslider .flexslider .flex-direction-nav li a{width:30px;height:30px;border:0;margin:-20px 0 0;box-shadow:none!important;display:block;background-color:transparent;background-image:url(//www.faringdondramatic.org.uk/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png);background-repeat:no-repeat;position:absolute;right:10px;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:1;-webkit-transition:all .3s ease;-moz-transition:opacity .25s ease-in-out;transition:all .3s ease}.metaslider.has-onhover-arrows .flexslider .flex-direction-nav li a{opacity:0}.metaslider.has-onhover-arrows:hover .flexslider .flex-direction-nav li a{opacity:1}.metaslider .flex-direction-nav .flex-prev{background-position:left 0;left:10px}.metaslider .flex-direction-nav .flex-next{background-position:right 0;text-align:left;text-indent:9999px}.metaslider .flexslider:focus-within .flex-next,.metaslider .flexslider:hover .flex-next{opacity:.8}.metaslider .flexslider:focus-within .flex-prev,.metaslider .flexslider:hover .flex-prev{opacity:.8;text-indent:-9999px}.metaslider .flexslider:focus-within .flex-next:focus,.metaslider .flexslider:focus-within .flex-prev:focus,.metaslider .flexslider:hover .flex-next:hover,.metaslider .flexslider:hover .flex-prev:hover{opacity:1}.metaslider .flexslider .flex-next:focus,.metaslider .flexslider .flex-prev:focus{outline:-webkit-focus-ring-color auto 5px}.metaslider .flexslider .flex-direction-nav .flex-disabled{cursor:default;pointer-events:none}.metaslider .flexslider .flex-control-nav a{box-shadow:none!important}.metaslider .flexslider .flex-control-nav a:focus{outline:-webkit-focus-ring-color auto 5px}.metaslider .flexslider .slides>li{position:relative}.metaslider .flexslider .flex-pauseplay .flex-pause,.metaslider .flexslider .flex-pauseplay .flex-play{width:30px;height:30px;background:#000;color:#fff;text-align:center;padding:0 8px;border-radius:50px;text-decoration:none;line-height:30px;font-size:16px}.metaslider .flexslider .flex-pauseplay a:before{font-size:16px}.metaslider .flexslider .flex-pauseplay .flex-pause:focus,.metaslider .flexslider .flex-pauseplay .flex-play:focus{background:#000;color:#fff;outline:2px solid #fff}.metaslider .flexslider .flex-pauseplay .flex-play:before{margin-left:4px}.metaslider .flexslider .flex-pauseplay .flex-pause:before{margin-left:1px}.metaslider .rslides_nav,.metaslider .rslides_tabs a{box-shadow:none!important}.metaslider .rslides_tabs{margin:0 0 40px}.metaslider .rslides_nav:focus,.metaslider .rslides_nav:hover{color:#fff}.metaslider-responsive.no-text .rslides_nav{width:30px;height:30px;border:0;margin:0 5px;box-shadow:none!important;display:block;background-color:transparent;background-image:url(//www.faringdondramatic.org.uk/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png);background-repeat:no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:1;-webkit-transition:all .3s ease;-moz-transition:opacity .25s ease-in-out;transition:all .3s ease}.metaslider-responsive.no-text .rslides_nav.next{background-position:right 0}div.metaslider .theme-default .nivoSlider{-webkit-box-shadow:0 0 0;-moz-box-shadow:0 0 0;box-shadow:0 0 0}.metaslider .slider-wrapper .nivo-controlNav a,.metaslider .slider-wrapper .nivo-directionNav a,.metaslider .slider-wrapper img{border:0;box-shadow:none;list-style-type:none;list-style:none;padding:0;line-height:normal;max-width:none;max-height:none}div.metaslider .slider-wrapper .nivo-controlNav a{transition:none}.metaslider .coin-slider{max-width:100%;overflow:hidden}.metaslider .coin-slider .cs-buttons a,.metaslider .coin-slider>a{box-shadow:none!important}.metaslider .coin-slider a[href="javascript:void(0)"]{cursor:default!important}#wpadminbar #wp-admin-bar-ms-main-menu .ab-item #metaslider-main-menu-icon{background-size:30px auto;background-repeat:no-repeat;background-position:left center;width:30px;height:32px;float:left;margin-right:5px}.ms-edit-frontend{text-decoration:none!important;font-size:18px}.ms-edit-frontend .dashicons.dashicons-external{height:25px;vertical-align:middle}#preview-container .ms-edit-frontend{display:none}.ms-theme-precognition .flex-control-nav{display:table!important;width:100%!important;margin-top:0!important}.metaslider.ms-theme-precognition .flex-control-nav li{display:table-cell!important;width:auto;text-align:center;border-left:1px solid;border-bottom:1px solid}.metaslider.ms-theme-precognition .flex-control-nav li:last-child{border-right:1px solid}.metaslider.ms-theme-precognition .flex-control-nav li a{text-indent:0!important;width:auto!important;display:block!important;height:auto!important;padding:10px!important;margin:0!important}.flex-progress-bar{position:absolute;top:0;left:0;height:4px;width:0%;background-color:#fff;transition:width 2s linear;z-index:999}.ms-carousel-force-height .slides>li{overflow:hidden}.ms-carousel-force-height .slides>li.ms-image img{height:100%;width:auto}.ms-carousel-force-height .slides>li.ms-livid .ms-img-inner,.ms-carousel-force-height .slides>li.ms-livid div.livid{height:100%!important}.ms-carousel-force-height .slides>li.ms-livid div.livid{padding-bottom:0!important}.ms-custom-button{display:inline-block;background-color:#0073aa;color:#fff;cursor:pointer;padding:8px 14px;border-radius:4px;text-decoration:none;transition:background-color .2s ease}.ms-custom-button:hover{opacity:.8}.slides li:focus-within{outline:2px solid #007cba;outline-offset:-2px}.ms-slider-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f2f2f2;z-index:11}.elementor-widget-shortcode:has(.metaslider){width:100%;flex-basis:100%}.metaslider-container-box .metaslider.metaslider-flex.ml-slider .flexslider{margin-bottom:0}.metaslider-container-box .metaslider.metaslider-flex.ml-slider{padding-bottom:0;margin-bottom:0}.metaslider-container-box .metaslider.metaslider-flex.ml-slider .flexslider .flex-control-nav:not(.flex-control-thumbs){margin-bottom:0}.metaslider .local-video video{position:absolute;top:0;left:0;width:100%;height:100%}.metaslider .local-video{width:100%}.metaslider .local-video.ms-fit-video video{object-fit:cover}.ms-carousel-force-height .slides>li.ms-local-video div.local-video img.msDefaultImage{height:100%;width:auto}.ms-carousel-force-height .slides>li.ms-local-video div.local-video{height:100%!important;padding-bottom:0!important}@media only screen and (max-width :767px){.metaslider.ms-theme-precognition .flex-control-nav li a{text-indent:-9999px!important}}@media only screen and (min-width :768px){.metaslider.ms-theme-precognition .flex-control-nav li a{text-indent:0!important}}