.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;
}
.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;
}body {
color: #222222;
font-family: Verdana,Helvetica,Arial,Sans-Serif;
font-size: 16px;
line-height: 1.2rem;
background-color: #FFFFFF; margin: 0px;
}
blockquote {margin: 0px 20px 0 20px;}
p {
color: inherit;
font-size: 1.0rem;
}
p.block {overflow: auto; clear: both;}
h1, h2.sameas-h1 {
color: inherit;
font-size: 1.8em;
font-weight: bold;
text-align: center;
line-height: 1.2em;
margin: 15px 0px 0px 0px;
} 
h2 {
color: inherit;
font-size: 1.4em;
font-weight: bold;
line-height: 1.1em;
margin: 15px 0px 0px 0px;
} 
h3 {
clear: both;
color: inherit;
font-size: 1.3em;
font-weight: bold;
line-height: 1.1em;
margin: 15px 0px 0px 0px;
}
hr {
clear: both;
}
img {
max-width: 100%;
height: auto;
border: 0;
}
td img {margin-right: 5px;}
img.photo {
padding: 4px;
border: 1px solid #BBBBBB;
margin: 2px 3px 2px 3px;
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;
}  .flex-container {
display: flex;
flex-flow: row wrap;
}
.wp-caption.alignleft {
float: left;
margin: 0px 10px 0px 0px !important;
}
.wp-caption.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.wp-caption-text {
width: auto;
max-width: 975px;
margin: -4px -3px 5px 3px !important;
padding: 0 5px;
border: 1px solid #BBBBBB;
color: #222;
background-color: #F8F8F8;
font-size: 14px;
font-style: normal;
text-align: initial;
overflow-y: auto;
}
#production .wp-caption-text {height: 42px;}
.caption-textlines-1 .wp-caption-text {height: 22px;}
.caption-textlines-2 .wp-caption-text {height: 42px;}
.caption-textlines-3 .wp-caption-text {height: 60px;}
.caption-textlines-4 .wp-caption-text {height: 80px;}
embed.photo {
padding: 5px;
border: 1px solid #CECECE;
margin: 2px 5px 5px 1px;
color: inherit;
background-color: #FFFFFF;
}
a:link {
text-decoration: none;
font-weight: bold;
color: #731932;
background-color: inherit;
padding: 0 5px 2px 5px;
}
a:visited {
background-color: inherit;
color: #bf2b55;
}
a:hover, a:focus {
color: #FFF;
background-color: #DAA520;
text-decoration: none;
border: none;
}
a:active {text-decoration: none;
color: #660000;
background-color: inherit;
}
a:link.nohighlight {padding: 0px;}
a:hover.nohighlight {background-color: inherit; color: #8000FF;}
#paginate-links a:link {
background-color: inherit;
color: #000;
}
#paginate-links a:visited {
background-color: inherit;
color: #666;
}
#paginate-links a:hover {
color: #FFF;
background-color: #DAA520;
}
.link_button {
float: left;
width: 130px;
min-height: 30px;
margin: 5px;
padding: 0px; font-size: 14px;
text-align: center;
color: #000;
background-color: #DDDDDD;
border: 2px solid #000;
border-color: #ccc #666 #666 #ccc;
}
.link_button a:link, .link_button a:visited {
display: block;
padding: 4px 10px 6px 10px;
color: #000;
background-color: #DDDDDD;
text-decoration: none;
font-weight: normal;
}
.link_button a:hover {color: #FFFFFF; background-color: #DAA520;}
.center-buttons {
max-width: 66%;
margin: 0 auto; }
.gallery-icon a:hover {background-color: inherit;}
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;}
input[type='image'] {padding: 0px 10px 6px 10px;}
input[type='submit'] {border-width: 3px;}
input[type='submit'], 
input[type='button'] {
color: #000000; 
background: #DDDDDD; 
border-radius: 5px;
cursor: pointer;
}
input[type='checkbox'],
input[type='radio']{cursor: pointer;}
input[type='submit']:focus,
input[type='button']:focus,
input[type='submit']:hover,
input[type='button']:hover {
color: #FFFFFF; 
background-color: #DAA520; 
border-color: #FFFFFF;
}
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;}
.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;
}
#siteheader {
position: fixed;
top: 0;
z-index: 50;
width: 100%;
background-color: #731932;
}
#pageheader {
position: relative;
width: 100%;
height: auto;
max-width: 970px;
margin: 0px auto;
padding: 0px;
color: #FFFFFF;
background-color: #731932;
}
#pageheader p {
font-family: Arial,Sans-Serif;
font-size: 26px;
font-weight: bold;
text-align: center;
color: inherit;
background-color: inherit;
}
#pageheader span {
font-size: 20px;
line-height: 0.5em;
font-weight: bold;
text-align: center;
color: inherit;
background-color: inherit;
}
#pageheader a:hover, #pageheader a:focus {color: #FFFFFF; background-color: #DAA520; }
#pageheader a:active {color: #FFFFFF; background-color: #666666; }
#header-left {
float: left;
width: 100%;
max-width: 210px;
padding: 0px 0px 3px 0px;
}
#header-middle {
float: left;
width: 100%;
max-width: 530px;
}
#header-right {
float: left;
width: 100%;
max-width: 210px;
margin: 0px;
padding: 5px 5px 0px 5px;
font-family: "Comic Sans MS",Arial,Sans-Serif;
text-align: left;
font-size: 14px;
font-weight: normal;
line-height: 1.4em;
}
#header-right img {margin: 5px 0 0 0;}
#header-right a:link {padding: 0; margin: 0 4px 0 0;} #mainmenu {
float: left;
width: 100%;
margin: 0px;
padding: 5px;
background-color: #731932;
}
#mainmenu ul {
display: block;
list-style-type: none;
font-size: 14px;
margin: 0;
padding: 0;
overflow: hidden;
}
#mainmenu ul li {
float: left;
margin: 1px 0px 5px 0px;
padding: 1px;
color: #222;
background-color:#ddd;
text-align: left;
border: 2px solid #000;
border-color: #eee #999 #999 #eee;
border-radius: 5px;
}
#mainmenu ul li.menu-item-type-post_type,
#mainmenu ul li.menu-item-type-custom {
margin: 1px 9px 5px 0px;
padding: 0.2em 0.15em;
}
#mainmenu ul li ul li {
display: none;
float: none;
margin: 6px 0px 4px 0px;
padding: 0.2em 0.3em;
}
#mainmenu ul li:hover ul li {
display: block;
}
#mainmenu a:link {
color: #000;
font-weight: normal;
padding: 0.2em 0.3em;
}
#mainmenu a:visited {
color: #000;
}
#mainmenu a.current {
color: #FFFFFF;
background-color: #666666;
}
#mainmenu ul li ul li a:link,
#mainmenu ul li ul li a.current {
display: block;
}
#mainmenu a:hover,
#mainmenu a:focus {
color: #FFFFFF;
background-color: #DAA520;
}
#mainmenu  ul li ul.sub-menu {
position: absolute;
display: block;
top: 150px;
background-color: #731932;
padding: 8px 0 0 8px;
}
#mainmenu  ul li ul.sub-menu li {
margin: 3px 7px 8px 0px;
padding: 0.05em 0.15em;
}
input[type="search"] {
max-width: 115px;
border: 1px solid #ddd;
}
.search-form {
padding: 0px;
}
.search-submit {
padding: 5px;
}
button[type="submit"], input[type="submit"] {
font-family: Calibri,Verdana;
color: #222;
background-color: #ddd;
}
button[type="submit"]:hover, input[type="submit"]:hover {
color: #fff;
background-color: #DAA520;
}
input.search-field,
button.search-submit {
margin: 0px;
padding: 0 5px 2px 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;
} #pagewidth-1024{
position: relative;
width: 100%;
max-width: 985px;
margin: 0px auto;
background-color: #fff;
}
#content {
position: relative;
float: left;
width: 100%;
height: auto;
min-height: 400px;
padding: 170px 10px 10px 10px;
color: inherit;
background-color: #FFFFFF;
overflow: hidden;
}
div .content-block {
width: 100%;
overflow: hidden;
margin: 0px;
}
#archive-header {
position: fixed;
top: 160px;
z-index: 40;
width: 100%; min-height: 130px;  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 2px;
}
input[type="button"].year-buttons {
padding: 3px 10px;
margin: 1px 0px 6px 3px;
} #archivemenu {
position: fixed;
z-index: 60;
float: left;
max-width:970px;
width:100%;
margin:0px auto;
padding: 0px 5px;
}
#archivemenu ul {
display: block;
list-style-type: none;
font-size: 14px;
margin: 0;
padding: 0;
overflow: hidden;
}
#archivemenu ul li {
float: left;
margin: 1px 8px 4px 0px;
padding: 2px;
background-color:#ddd;
text-align: center;
border: 2px solid #000;
border-color: #eee #999 #999 #eee;
border-radius: 5px;
}
#archivemenu ul li:hover {
box-shadow: 3px 3px 10px #888888;
}
#archivemenu ul li ul li {
display: none;
float: none;
margin: 6px 0px 4px 0px;
}
#archivemenu ul li:hover ul li {
display: block;
}
#archivemenu ul li:hover ul li a {
display: block;
}
#archivemenu a:link {
color: #000;
font-weight: normal;
padding: 2px 5px 2px 5px;
}
#archivemenu a:visited {
color: #000;
}
#archivemenu a.current {
color: #FFFFFF;
background-color: #666666;
}
#archivemenu a:hover,
#archivemenu a:focus {
color: #FFFFFF;
background-color: #DAA520;
} #archivemenu #direction-buttons {
position: absolute;
display: block;
top: 1px;
right: 6px;
}
#archivemenu #direction-buttons a:link {
padding: 0px;
}
#direction-buttons2 { display: block;
padding-top: 5px;
}
input[type='button'].archive {
padding: 3px 4px;
font-weight: 400;
}
*[id^='direction-buttons'] input[type='button'].archive {
padding: 3px 13px;
}
input[type='button'].archive:hover {
box-shadow: 3px 3px 10px #888888;
}
#archive-content {
padding: 0px 0px 0px 0px;
text-align: justify;
}
#archive-content.archive-alpha {padding: 120px 0px 250px 0px;} #archive-content.archive-chrono {padding: 130px 0px 250px 0px;} #archive-content.archive-list {padding: 120px 0px 10px 0px; line-height: 2em; text-align: left;} #archive-content.archive-other {padding: 120px 0px 10px 0px;}  .right-panel {
position: relative;
float: right;
width: 100%;
max-width: 100px;
height: auto;
border: 1px solid #BBBBBB;
border-radius: 5px;
color: inherit;
background-color: #f8f8f8;
text-align: center;
overflow: hidden;
padding: 5px 1px 10px 1px;
margin: 5px 0px 6px 10px;
font-weight: 400;
}
.right-panel a:link {padding: 0; font-weight: 400;}
.right-panel img {margin: 10px 0 0 0;}
.right-panel p {margin: 0;}
#footer {
float: left;
width: 100%;
padding: 20px 0 10px 0;
margin-bottom: 10px;
color: #FFFFFF;
background-color: #731932;
text-align: center;
font-size: 0.8rem;
font-weight: normal;
}
#footer p {
color: inherit;
font-size: 0.8rem;
}
#footer a {
color: inherit;
font-weight: normal;
padding: 0 2px 2px 2px;
}
#footer a:hover {
color: inherit;
background-color: #DAA520;
}
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;
border: 3px solid #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 0px 20px 0px;
}
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-top {
color: #FFFFFF;
background-color: #731932;
text-align: center;
border: 3px solid #731932;
border-radius: 5px 5px 0 0;
}
.box-top h2, .box-top h1 {
color: #FFFFFF;
background-color: inherit;
font-size: 1.4em;
font-weight: normal;
padding: 5px;
margin: 0px;
}
.box-body {
border-radius: 0 0 5px 5px;
border: 3px solid #731932;
background-color: #f6f6f6;
padding: 5px 10px 5px 10px;
overflow: hidden;
}
.box-100C {
width: 99%;
margin: 5px auto 5px auto;
}
.box-75L {
float: left;
width: 73.8%;
margin: 5px;
}
.box-75C {
width: 75%;
margin: 10px auto 5px auto;
}
.box-25L {
float: left;
width: 24%;
margin: 5px;
}
.box-50L {
float: left;
width: 48.9%;
margin: 5px;
}
.box-50C {
width: 50%;
margin: 10px auto 5px auto;
}
.home-row-1 {
min-height: 230px;
text-align: center;
}
.home-row-2-1 {
min-height: 275px;
}
.home-row-2-2 {
height: 275px;
overflow-y:auto;
}
.box-archive, .box-auto, .box-arrow {
float: left;
width: 216px;
height: 290px;
margin:  5px 10px 5px 0px;
padding: 5px 5px 8px 5px;
border-radius: 5px;
border: 3px solid #731932;
background-color: #f5f5f5;
text-align: center;
overflow: hidden;
}
.box-archive-inner {
height: 294px;
overflow: hidden;
}
.box-archive a, .box-auto a, .box-arrow a {
display: block;
padding: 0 0 5px 0;
}
.box-archive img, .box-auto img {
margin: 5px 0px;
max-width: 200px;
}
.box-archive-sml {
width: 172px;
height: 190px;
padding: 3px 3px 8px 3px;
}
.box-archive-sml-inner {
height: 195px;
overflow: hidden;
}
.box-auto {
float: left;
width: auto;
min-width: 20px;
height: auto;
padding: 5px 15px;
}
.box-arrow {
display: none;
float: left;
width: 45px;
height: 22px;
padding: 2px 2px 5px 2px;
font-size: 22px;
line-height: 1.2em;
}
#sitemap {
margin: 5px auto 5px auto;
width: 75%;
height: 300px;
color: inherit;
background-color: #F5F5F5;
}
.reviews-data, .noda-odn, .statistics {
float: left;
min-height: 105px;
border: 1px solid #aaa;
border-radius: 5px;
margin: 3px 8px 15px 8px;
background-color: #f8f8f8;
padding: 10px 10px 10px 10px;
}
.reviews-data {
//padding: 10px 10px 18px 10px;
}
.reviews-data-col1 {
float: left;
max-width: 120px;
}
.reviews-data-col2 {
float: left;
max-width: 175px;
padding-left: 5px;
font-size: 0.9em;
}
.reviews-data-col3 {
float: right;
}
.reviews-btn {
font-size: 16px;
width: 90px;
margin: 10px 0px 0px 0px;
padding: 5px;
word-break: break-word;
white-space: normal;
}
.wpcf7-form {padding: 0px;}
.wpcf7-text {width:60%;}
div.contact_form {
width: 95%;
border: 1px solid #AAAAAA;
border-radius: 10px;
background-color: #f6f6f6;
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-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 16px;
}
div.contact_form input[type=submit],
div.contact_form input[type=button] {
font-size: 18px;
}
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 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: right;
width: 62%;
height: 630px;
margin: 0px 5px 20px 0px;
border: 1px solid #666;
border-radius: 10px;
}
div #map_info {
float: left;
width: 33%;
height: 620px;
margin: 0px 0px 20px 5px;
padding: 5px 10px;
border: 1px solid #666;
border-radius: 10px;
}
div #map_info p {
font-size: 15px;
line-height: 1.18em;
}
div #map_info img {
float: left;
padding-right: 5px;
}
div.members_menu {
float: left;
max-width: 245px;
border: 1px solid #CECECE;
background-color: #eeeeee;
font-size: 14px;
line-height: 1em;
}
div.members_menu a {display: block;}
div.members_panel {
float: left;
border: 1px solid #CECECE;
margin: 0 0 5px 5px;
padding: 5px;
}
.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
color: #fff;
background-color: #666;
}
.metaslider {
margin-bottom: 30px !important;
}
.metaslider .flexslider .flex-direction-nav li a {
margin: -20px -25px 0px -25px !important;
padding: 0px !important;
}
.metaslider .caption-wrap {
opacity: 0.7 !important;
margin: -15px 0 !important;
background: transparent !important;
}
.metaslider a:hover {background-color: inherit;}
div.column_left {
float: left;
width: 48%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.column_right {
float: right;
width: 48%;
}
div.profile {
float: left;
}
div.profile img {
float: left;
height: 150px;
padding: 2px;
border: 1px solid #CCC;
margin: 5px 15px 0 0;
color: inherit;
background-color: #FFF;
}
div.profile a {
padding: 0px;
}
.barbox-outer {
float: left;
margin: 5px 5px 0px 0px;
height: 20px;
border: 1px solid #bbb;
background-color: #fff;
}
.barbox {
float: left;
margin: 1px;
height: 16px;
border: 1px solid #bbb;
background-image: url(//www.faringdondramatic.org.uk/wp-content/themes/fds/images/bar-bkg.gif);
background-color: #fff;
}
.bar_height {
margin: 0px;
height: 16px;
}
.bar_colour_green {
background-image: url(//www.faringdondramatic.org.uk/wp-content/themes/fds/images/bar-green.gif);
background-color: #5DBB63;
}
.bar_colour_amber {
background-image: url(//www.faringdondramatic.org.uk/wp-content/themes/fds/images/bar-amber.gif);
background-color: #FFBF5E;
}
.bar_colour_red {
background-image: url(//www.faringdondramatic.org.uk/wp-content/themes/fds/images/bar-red.gif);
background-color: #FF2222;
}
.bar_colour_blue {
background-image: url(//www.faringdondramatic.org.uk/wp-content/themes/fds/images/bar-blue.gif);
background-color: #2B89C7;
}
.ticket_notification {
float: left;
margin: 5px 0px 0px 0px;
font-size: 12px;
font-weight: 400;
}
.ticket-numbers {
display: inline-block;
margin: 0px 5px 0px 0px;
padding: 0 3px 2px 2px;
height: 18px;
border: 1px solid #bbb;
font-size: 12px;
}
.number_colour, .text_colour {
color: #000000;
}
.number_colour_red, .text_colour_red {
color: #DD0000;
} .modal {
display: none; position: fixed; z-index: 200; max-width: 250px;
border: 1px solid #888;
color: #fff;
font-size: 14px;
padding: 0px 0px 0px 5px;
background-color: #aaa;  } .modal-content {
background-color: #fefefe;
height: 100% !important;
padding: 5px 5px 5px 5px;
margin: 3px 0px 0px -5px;
font-size: 12px;
text-align: left;
color: #222;
line-height: 1.2em;
border: 1px solid #888;
overflow: auto;  }
.close {
color: #fff;
float: right;
font-size: 20px;
font-weight: normal;
padding: 0px 3px 2px 3px;
margin: 0px; }
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
background-color: #fefefe;
}
div #thanks {
display: none;
border: 3px solid #731932;
border-radius: 5px;
background-color: #ccc;
color: #222;
font-weight: bold;
padding-left: 10px;
margin-bottom: 10px;
}
#more {display: none;}
#moreBtn {
font-weight: bold;
color: #731932;
background-color: inherit;
padding: 0 5px 2px 5px;
cursor: pointer;
}
#moreBtn:hover, #myBtn:focus {
color: #FFF;
background-color: #DAA520;
}
#faq p {
font-size: 1.1em;
margin: 5px 0px 5px 0px;
}
#faq p a {
font-size: 0.95em;
}
.readmore {
border: 1px solid #CCC;
padding: 10px;
}
.readmore-btn {
padding: 0px 10px;
margin: 0px 0px;
}
*[id^='moreText-']{display: none;}
div .ticket-sales {
background-color: #FFF8E2;
border: 1px solid #CCC;
//text-align: center;
}
div.side-menu {
float: left;
width: 240px;
font-size: 1rem;
font-weight: 400;
padding: 5px 5px;
margin-right: 10px;
background-color: #eee;
border: 1px solid #666;
}
div.side-menu ul li {
line-height: 1.75rem;
list-style: none;
padding: 0;
margin: 0;
}
div.side-menu ul li hr {
margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
div.side-menu {
clear: both !important;
float: none;
}
} @media screen and (max-width: 980px) { #siteheader, #archive-header {position: relative; top: 0px;}
#pageheader {padding-bottom: 5px;}
#pageheader p {line-height: 1.2em; margin: 0px; padding-top: 9px;}
#header-right {
float: none;
text-align: center;
margin: 0 auto 0 auto;
max-width: 600px;
}
#mainmenu  ul li ul.sub-menu {top: 188px;}
#content {padding: 5px 10px 10px 10px; width: 98%;}
#archivemenu {position: relative;}
#archive-header {min-height: 0px;}
#archive-header h1 {margin: 0px;}
#archive-content, #production {padding-top: 0px !important;}
.box-arrow {display: block;}
.box-archive-right {margin-right: 10px;}
#archivemenu #direction-buttons {display: none;}
#direction-buttons2 {display: block;}
div.contact_form {width: 90%;}
div #map_info {
float: none;
margin: 5px auto;
width: 60%;
height: auto;
}
div #map_canvas{
float: none;
margin: 5px auto;
width: 95%;
}
}
@media screen and (max-width: 944px) { .box-100C {width: 97%; margin-left:5px;}
.box-75L {width: 73%;}
.box-50L {width: 48%;}
.box-25L {width: 23%;}
.home-row-2-1 {min-height: 320px;}
.home-row-2-2 {height: 320px;}
}
@media screen and (max-width: 900px) {
.box-archive {margin: 5px;}
div.column_left, div.column_right {float: none; width: 100%;}
.home-row-1 {min-height: 270px;}
.home-row-2-1 {min-height: 380px;}
.home-row-2-2 {height: 380px;}
}
@media screen and (max-width: 820px) {
#header-middle {
max-width: 500px;
float: none;
margin: 0 auto 0 auto;
}
.home-row-1 {min-height: 290px;}
.home-row-2-1 {min-height: 402px;}
.home-row-2-2 {height: 402px;}
}
@media screen and (max-width: 768px) { #pageheader p {font-size: 24px;}
#pageheader span {font-size: 14px;}
#content {width: 97%;}
.wpcf7-text {width:90%;}
}
@media screen and (max-width: 640px) { #header-left {max-width: 150px;}
.box-25L, .box-50L, .box-50C,.box-75L, .box-75C {
float: left;
width: 97%;
margin: 5px;
}
.home-row-1 {min-height: 200px;}
.home-row-2-1 {min-height: 270px;}
.home-row-2-2 {height: 300px;}
.metaslider .caption-wrap {
margin: -22px 0 !important;
line-height: 1.0em !important;;
font-size: 0.9em;
}
}
@media screen and (max-width: 550px) {
#content {width: 96%;}
#header-middle {max-width: 400px;}
p.small-screen-block {clear: both;}
}
@media screen and (max-width: 490px) { .box-archive {float: none; margin: 5px auto;}
img.size-medium, img.size-large {
float: none;
display: block;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 445px) { .box-100C {width: 97%; float: none; margin: 5px;}
.box-auto {width: 60%;}
.metaslider .caption-wrap {margin: -35px 0 !important;}
.metaslider {margin: 10px 0 50px 0 !important;}
}
@media screen and (max-width: 348px) { #content {width: 95%;}
.box-auto {width: 60%;}
}
@media screen\0 { .metaslider .caption-wrap {margin: -35px 0 !important;}
.metaslider {margin: 20px 0 50px 0 !important;}
input[type='button'].archive {padding: 5px 6px 3px 6px;}
input[type="button"].year-buttons {padding: 6px 10px 3px 10px;}
input[type="button"].letter-buttons {padding: 6px 9px 3px 9px; margin: 1px 0px 6px 0px;}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .listbox select option {
color: #000;
font-size: 1.1em;
}
}
@supports (-ms-ime-align:auto) { .listbox select option {
color: #000;
font-size: 1.1em;
}
} div#mobilemenu-x {
display: none;
position: absolute;
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 {
position: fixed;
display: none;
top: 0;
right: 0px;
background-color: rgba(115, 25, 50, 0.8);
background-color: #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: 175px;
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:#DAA520;
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: normal;
color: #000
} 
div#mobilemenu ul li a.current {
color: #FFFFFF;
background-color: #666666;
}
div#mobilemenu ul li a:hover.current {
color: #fff;
background-color:#DAA520;
}
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;
} 
}#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/themes/fds/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");
}