.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: .2em .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;
}
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 5px 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 !important;
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: 140px;
min-height: 120px;
height: 20vw;
width: auto;
margin-top: 1.9em;
} .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.0em;
}
.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;
color: inherit;
background-color: #f0f0f0;
text-align: center;
padding: 8px 5px;
margin: 10px;
font-size: 1.0rem;
line-height: 1.2rem;
font-weight: 400;
overflow: hidden;
}
.box-office-msg {
background-color: #731932;
color: #fff;
margin: 3px;
padding: 3px 4px;
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;
background-color: #f6f6f6;
border: 1px solid #AAA;
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: 2px 10px;
margin-bottom: 10px;
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;
} #archive-header { padding: 0px 10px 5px 10px;
background-color: #FFFFFF;
border-bottom: 1px solid #000;
}
#archive-header.pages {
min-height: 40px;
}
#archive-header h2 {margin: 10px 0px 0px 0px;}
#letter-buttons {
max-width: 940px;
margin: 15px auto 5px 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;
} .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.3em 1.0em;
}
*[id^='direction-buttons'] input[type='button'].archive {
} #archive-content {text-align: justify;}
#archive-content.archive-list {line-height: 2em;}
#archive-list-menu p {margin: 4px 0;}
#archive-cast-list {
clear: left;
text-align: left;
} #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.1em;
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 {
padding: 1px 5px;
margin-bottom: 10px;
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) {
#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: 3px 10px;
}
.reviews-btn {
width: 70px;
font-size: 0.75rem;
}
.flex-container .wp-caption-text {
margin: 3px 5px 5px 5px !important;
}
}
@media screen and (max-width: 420px) {
.box-archive-sml {
float: none;
margin: 5px auto;
}
div.next-production img{
float: none;
display: block;
}
.box-office-btn {
max-width: 110px;
display: block;
}
} @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 .nivoSlider,
body .metaslider .nivoSlider img,
body .metaslider .rslides,
body .metaslider .rslides li,
body .metaslider .flexslider ul.slides,
body .metaslider .flexslider .slides li,
body .metaslider .flexslider .slides ul,
body .metaslider .flexslider .slides ol,
body .metaslider .flexslider .slides img,
body .metaslider .flexslider .flex-direction-nav,
body .metaslider .flexslider .flex-direction-nav 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: black;
color: white;
opacity: 0.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: none;
}
.metaslider.ms-left {
float: left;
margin: 0 20px 20px 0;
}
.metaslider.ms-right {
float: right;
margin: 0 0 20px 20px;
}
.metaslider li:before,
.metaslider li:after {
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: none;
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: 0.5;
}
.metaslider .flexslider.filmstrip .slides li.flex-active-slide,
.metaslider .flexslider.filmstrip .slides li:hover,
.metaslider .flexslider.filmstrip .slides li:focus {
opacity: 1.0 !important;
}
.metaslider .flex-control-thumbs {
margin: 5px -5px 0 -5px;
}
.metaslider .flex-control-thumbs li {
width: auto;
margin: 5px;
}
.metaslider ol.flex-control-thumbs img,
#content .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: 0.8;
}
.metaslider .flexslider:focus-within .flex-prev,
.metaslider .flexslider:hover .flex-prev {
opacity: 0.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-play,
.metaslider .flexslider .flex-pauseplay .flex-pause {
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-play:focus,
.metaslider .flexslider .flex-pauseplay .flex-pause: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: #ffffff;
}
.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-directionNav a,
.metaslider .slider-wrapper .nivo-controlNav 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 0.2s ease;
}
.ms-custom-button:hover {
opacity: 0.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;
}
}