:root
{
    --orange: #e59d37;
    --white: #ffffff;
    --black: #000000;
    --lightgrey: #999999;
    --grey: #444444;
	--darkgrey: #222222;
	--red: #cc0000;
	--green: #00aa00;
	--blue: #0000cc;
}

@font-face { font-family: NewsGothicMtRegular; src: url("/library/fonts/NewsGothicMT/Regular.otf") format("opentype"); }
@font-face { font-family: NewsGothicMtBold; src: url("/library/fonts/NewsGothicMT/Bold.otf") format("opentype"); }

* { background-repeat: no-repeat; background-position: center center; box-sizing: border-box; }
body { margin: 0px; padding: 0px; width: 100%; height: auto; background-color: #000000; color: #ffffff; font-family: NewsGothicMtRegular; font-size: 100%; line-height: 1.2; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a {color: var(--white); text-decoration: none;font-weight: normal; /* color: black; */ }
p { margin: 0px auto; padding: 5px 0px}
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; }

h1, h2, h3, h4, h5, h6 { padding: 0px 10px 10px 0px; margin: 0px; font-size: 100%; font-weight: normal; font-family: NewsGothicMtBold; }
h2 { font-size: 150%; padding-bottom: 15px; }
h3 { font-size: 120%; padding-bottom: 10px; }

table { width: 100%; border-spacing: 0; border-collapse: collapse; }
th { text-align: left; vertical-align: top; font-weight: normal; font-family: NewsGothicMtBold; }
td { text-align: left; vertical-align: top; }
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select { font-size: 90%; background: white; border: none; padding: 5px; color: #000000; box-sizing: border-box; font-family: NewsGothicMtRegular; }
input[type=text], input[type=password]  {height: 30px;}
input[type=button], input[type=submit], a.button, button { cursor: pointer; background-color: var(--white); color: var(--black); padding: 10px 20px 10px 20px; border: none; font-size: 100%; font-family: NewsGothicMtRegular; border-radius: 5px; }
input[type=button]:hover, input[type=submit]:hover, a.button:hover, button:hover { opacity: 0.6; text-decoration: none; }
strong { font-weight: normal; font-family: NewsGothicMtBold; }
.hidden { display: none; }
.spacer { clear: both; }

ol { padding-left: 50px; }
ol li { list-style-type: decimal; padding: 5px 0px 5px 0px; }

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


/* This is for the mobile app to ensure the status bar has a black background */

.layout_standard
{
	padding-top: env(safe-area-inset-top);
}

.layoutoverlay
{
	display: block !important;
	position: fixed;
    height: constant(safe-area-inset-top);
    height: env(safe-area-inset-top);
	background-color: #000000;
	top: 0px;
	width: 100%;
	z-index: 1000;
}


.splash { display: none; background-image: url(/images/eHgjjglAwuJ1zTZuYl6i1jk1jk.png); background-size: contain; }
.splash .pagebanner { display: none; background-size: cover; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 2000; }
.splash .nointernet { display: none; height: 150px; width: 250px; position: absolute; top: 50%; left: 50%; margin: -75px 0px 0px -120px; color: var(--white); text-align: center; padding: 20px; background-color: #00000044; border-radius: 20px; }
.splash .nointernet button { margin-top: 10px; }

.section47 .layoutheader { padding: 10px; }
.section47 .layoutbreadcrumb { background: var(--orange); padding: 10px; margin-bottom: 20px; }
.section47 .layoutcontent { padding: 10px; }
.layoutcredits { display: none; }

@media( max-width: 999px )
{
    .layoutheader .nav_simple .toggle { position: absolute; top: calc(env(safe-area-inset-top) + 5px); right: 10px; cursor: pointer; }
    .layoutheader .nav_simple.toggleoff ul { display: none; }
    .layoutheader .nav_simple ul { position: absolute; border-top: solid var(--orange) 1px; top: calc(env(safe-area-inset-top) + 60px); background: #000000dd; width: 100%; left: 0px; padding-bottom: 50px; z-index: 100; }
    .layoutheader .nav_simple ul li { padding: 10px; border-bottom: solid var(--orange) 1px; }
    .layoutheader .headerfavourite { top: calc(env(safe-area-inset-top) + 5px); right: 50px; position: absolute; font-size: 120%; }
}

@media( min-width: 1000px )
{
    .layoutheader .nav_simple ul { display: flex; position: absolute; top: calc(env(safe-area-inset-top) + 15px); right: 45px; }
    .layoutheader .nav_simple ul li { display: inline-block; margin-left: 20px; }
    .layoutheader .nav_simple ul li.selected a { color: var(--orange); }
    .layoutheader .nav_simple .toggle { display: none; }
    .layoutheader .headerfavourite { top: calc(env(safe-area-inset-top) + 12px); right: 10px; position: absolute; font-size: 120%; }
}

.layoutcontent .nav_simple ul li { display: flex; background: var(--white); color: var(--black); padding: 10px; margin-bottom: 10px; border-radius: 3px; }
.layoutcontent .nav_simple ul li .icon { min-width: 30px; }
.layoutcontent .nav_simple ul li a { color: var(--black); }

span.orange { color: var(--orange); }

.homefavourites ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.homefavourites ul li { padding: 10px; width: 32%; background: var(--orange); color: var(--white); display: block; border-radius: 5px; font-family: NewsGothicMtBold; margin-bottom: 10px; text-align: center; }
.homefavourites ul li .icon { min-height: 40px; font-size: 140%; }
.homefavourites ul li .name { min-height: 20px; }

.feat_carousel .carousel { overflow: hidden; position: relative; margin: 0px auto 0px auto; }
.feat_carousel .carousel>ul { width: 100000em; position: relative; }
.feat_carousel .carousel>ul>li { float: left; overflow: hidden; list-style-type: none; }

table.grid, table.list, .dbase_table table { margin-bottom: 20px; }
table.grid tbody th, table.grid tbody td, table.list tbody th, table.list tbody td, .dbase_table table tbody th, .dbase_table table tbody td
	{ border-top: solid var(--grey) 1px; }
table.grid th, table.grid td, .dbase_table table th, .dbase_table table td
	{ border-left: solid var(--grey) 1px; }
table.grid th, table.grid td, table.list th, table.list td, .dbase_table table th, .dbase_table table td
	{ padding: 5px; }
table.grid th:first-child, table.grid td:first-child, .dbase_table table th:first-child, .dbase_table table td:first-child { border-left: none; }
tr.changed th, tr.changed td, tr.orange th, tr.orange td, th.orange, td.orange { color: var(--orange); }
tr.changed th a, tr.changed td a, tr.orange th a, tr.orange td a, th.orange a, td.orange a { color: var(--orange); }
tr.grey th, tr.grey td, th.grey, td.grey { color: var(--grey); }
th.left, td.left { text-align: left; }
th.right, td.right { text-align: right; }

.home .nav_simple { margin-bottom: 50px; }

.memb_loginbox .errors { margin-bottom: 10px; color: var(--orange); font-family: NewsGothicMtBold; }
.memb_loginbox .fieldemail { display: block; padding: 0px 0px 10px 0px; }
.memb_loginbox .fieldpw { padding: 0px 0px 10px 0px; }
.memb_loginbox .status { padding: 0px 0px 20px 0px; }
.memb_loginbox .stayloggedin { padding: 0px 0px 10px 0px; }
.memb_loginbox span { display: block; padding: 0px 0px 5px 0px; }
.memb_loginbox input[type=text], .memb_loginbox input[type=password] { width: 100%; }
.memb_loginbox .forgotpw { padding-top: 20px; display: block; }

.aviomstrims table.grid, .videoscenarios table.grid { font-size: 90%; }
.aviomstrims p { font-size: 80%; }

.teatime {  }
.teatime span { padding-top: 5px; }
.teatime span.column_MembFirstName { font-family: NewsGothicMtBold; padding-bottom: 10px; }
.teatime span.column__MembExtMug_Value { float: left; display: block; padding: 0px; margin-right: 20px; width: 80px; height: 80px; border: solid var(--grey) 1px; }
.teatime span.column__MembExtMug_Value .image { display: block; padding: 0px; width: 80px; height: 80px; background-size: cover; background-position: center center; }
.teatime span.column_MembExtDrink { display: block; }
.teatime span.column_MembExtDrink::before { content: 'Drink:'; color: var(--orange); }
.teatime span.column_MembExtMilk { display: block; }
.teatime span.column_MembExtMilk::before { content: 'Milk:'; color: var(--orange); }
.teatime span.column_MembExtSugar { display: block; }
.teatime span.column_MembExtSugar::before { content: 'Sugar:'; color: var(--orange); }
.teatime .record { clear: both; border-top: solid var(--grey) 1px; padding: 10px 0px 10px 0px; }
.teatime .record:first-child { border: none; padding-top: 0px; }

.harriethalf { text-align: center; }
.harriethalf a.button { display: block; margin-bottom: 20px; }
.harriethalf .feat_countdown { font-size: 200%; line-height: 2; }

.shutmedown h2 { font-size: 300%; line-height: 1.5; }
.shutmedown strong { color: var(--orange); }

.event_list .date { padding: 10px 5px 0px 5px; color: var(--orange); }
.event_list .event { display: flex; padding: 5px 5px 0px 5px; }
.event_list .event .time { width: 70px; }

.dailycovering .dep, .dailycovering .dep a { color: var(--orange); }
.dailycovering th { vertical-align: middle; width: 30%; }
.dailycovering td { vertical-align: middle; }
.dailycovering .count { font-size: 75%; }
.dailycovering .image { display: inline-block; width: 40px; height: 40px; border-radius: 100%; background-size: cover; background-position: center center; }

.scrollingpage h2, .scrollingpage h3 { text-align: center; }
.scrollingpage .nextprevious .carousel-prev { position: absolute; left: 10px; top: calc(env(safe-area-inset-top) + 110px); font-size: 120%; }
.scrollingpage .nextprevious .carousel-next { position: absolute; right: 10px; top: calc(env(safe-area-inset-top) + 110px); font-size: 120%; }


.serviceplus { font-size: 140%; padding: 20px; }
.serviceplus h2 { text-align: center; font-size: 100%; }
.serviceplus h3 { text-align: center; font-size: 100%; color: var(--orange); margin-top: 20px; }
.serviceplus table { table-layout: fixed; width: 100%; }
.serviceplus th { color: var(--orange); width: 15%; text-align: right; padding: 5px; }
.serviceplus th.left { text-align: left; }
.serviceplus td { width: 35%; padding: 5px; }

table.departures td { width: 12%; }
table.departures th { width: 38%; }
table.departures tr:first-child { font-size: 170%; }
table.departures small { font-size: 20px; }

.feat_bandprofile h1 { font-size: 200%; }
.feat_bandprofile h2 { color: var(--orange); }
.feat_bandprofile h3 { color: var(--orange); }
.feat_bandprofile .photo { width: 150px; height: 150px; float: right; margin: 0px 0px 20px 20px; border-radius: 100% 0% 100% 100%; background-size: cover; background-position: center center; }
.feat_bandprofile .overview th, .feat_bandprofile .overview td { text-align: center; }
.feat_bandprofile .overview .past { background-color: var(--darkgrey); }
.feat_bandprofile .overview .today { background-color: var(--orange); }
.feat_bandprofile .overview span { margin: 0px auto 3px auto; background-color: var(--white); width: 25px; height: 25px; font-size: 10px; border-radius: 100%; display: flex; color: var(--black); font-family: NewsGothicMtBold; align-items: center; justify-content: center; }
.feat_bandprofile .overview span.rehearsal { border-radius: 0px; }
.feat_bandprofile .overview span.inst_bv1 { color: var(--red); }
.feat_bandprofile .overview span.inst_bv2 { color: var(--green); }
.feat_bandprofile .overview span.inst_bv3 { color: var(--blue); }

@media( min-width: 500px )
{
	.feat_bandprofile .overview span { width: 50px; height: 50px; font-size: 20px; }
}

.instrumentfilter { margin-bottom: 5px; }
.instrumentfilter select { width: 100%; }

.memb_list .search { margin-bottom: 20px; }
.memb_list .search input { width: 100%; }
.memb_list li { display: flex; align-items: center; font-size: 120%; padding: 5px 0px 5px 0px; border-top: solid var(--grey) 1px; justify-content: space-between; }
.memb_list li .bgphoto { width: 50px; height: 50px; background-size: cover; background-position: center center; border-radius: 100%; }

.costumereplacement .addform, .drycleaning .addform { padding: 0px 0px 20px 0px; }

.formbuilder .field { padding: 0px 0px 10px 0px; }
.formbuilder .label { padding: 0px 0px 5px 0px; }
.formbuilder .input { display: flex; }
.formbuilder .input .input-group-addon { font-size: 120%; padding-right: 5px; line-height: 30px; }
.formbuilder input[type=text], .formbuilder input[type=password], .formbuilder input[type=number], .formbuilder select { width: 100%; }
.formbuilder .fbdropzone { width: 100%; }
.formbuilder .dz-clickable {cursor: pointer;padding-bottom: 120px; background-repeat: no-repeat;}
.formbuilder .dz-started { cursor: default !important; }
.formbuilder .dz-image {display: block;float: left;padding: 0px 20px 0px 0px;display: none;}
.formbuilder .dz-image img { max-height: 80px; width: auto; }
.formbuilder .dz-preview { margin: 0px 10px 10px 0px; padding: 10px;box-sizing: border-box;display: flex;height: 100px;justify-content: space-between;}
.formbuilder .dz-preview .dz-details {float: left;padding: 0px 20px 0px 0px; width: 50%;}
.formbuilder .dz-preview .dz-success-mark, .formbuilder .dz-preview .dz-error-mark { display: none; }
.formbuilder .dz-success .dz-success-mark { display: block; float: right; }
.formbuilder .dz-error .dz-error-mark { display: block; float: right; }
.formbuilder .dz-remove { margin: 15px 0px 0px 20px;}

.message { background-color: var(--darkgrey); padding: 10px; margin-bottom: 20px; }

.bandsetup .instrument { border-top: solid var(--orange) 1px; padding: 20px 0px 20px 0px; clear: both; }
.bandsetup .instrument h2 { text-align: left; }
.bandsetup .instrument h3 { text-align: left; }
.bandsetup .instrument .image { width: 80px; height: 80px; border-radius: 100%; float: right; background-size: cover; background-position: center center; }

.memb_account .text { padding-bottom: 20px; }
.memb_account .text ul { padding-top: 20px; }
.memb_account .text ul li a { display: block; background-color: var(--white); color: var(--black); margin-bottom: 10px; padding: 10px; }
.memb_account .buttons { padding-top: 20px; }
.memb_account .form .row .label { padding-bottom: 5px; }
.memb_account .form .row input[type=text] { width: 100%; }

.feat_pagescroller .pages li { width: 100%; height: 200px; background-size: contain; margin-bottom: 20px; }
.feat_pagescroller .popup { background-color: #000000; position: absolute; width: 100%; top: calc(env(safe-area-inset-top) + 0px); left: 0px; z-index: 1000; }
.feat_pagescroller .popup .close { color: #ffffff; font-size: 130%; font-family: NewsGothicMtBold; position: absolute; right: 0px; top: calc(env(safe-area-inset-top) + 0px); padding: 10px; background-color: #00000055; z-index: 2000; }
.feat_pagescroller .popup .carousel li {  background-size: contain; }

.accountfavourites li { padding: 10px 0px 10px 0px; border-top: solid var(--grey) 1px; }
.accountfavourites li:first-child { border-top: none; }
.accountfavourites li:first-child .fa-arrow-up { opacity: 0.5; }
.accountfavourites li:last-child .fa-arrow-down { opacity: 0.5; }
.accountfavourites li i { float: right; margin-left: 10px; font-size: 150%; cursor: pointer; }

.videoscenarios input[type=checkbox] { width: 30px; height: 30px; }


.fc .fc-timeline-event { background-color: var(--grey); border: none; }
.fc .fc-timeline-event * { color: inherit; }
.fc .type1 { background-color: var(--orange); border: none; }
.fc .type2 { background-color: var(--orange); border: none; }
.fc .type3 { background-color: var(--white); color: var(--black) !important; border: none; }

@media( max-width: 1000px )
{
    .fc { font-size: 80%; }
    .fc-toolbar { flex-wrap: wrap; }
    .fc-toolbar .fc-toolbar-chunk:nth-child(1) { order: 2; }
    .fc-toolbar .fc-toolbar-chunk:nth-child(2) { order: 1; width: 100%; text-align: center; }
    .fc-toolbar .fc-toolbar-chunk:nth-child(3) { order: 3; }
}