body {
    background-color:   #000000;
    font-family:        'PT Sans', 'Verdana', sans-serif;
}

.content {
    padding:		2rem 2rem;
}

.page-section {
    padding:            0.5rem 0.1rem;
}

.menubar {
    background-color:   #000000;
    color:              gold;
}

div#header {
    background-color:   #660000;
    background:         repeating-linear-gradient(90deg, #330000 2%, #B30000 4%, #660000 6%, #330000 8%);
    /*border-bottom:      2px solid gold;*/
    color:              gold;
}
div#main {
    background-color:   #660000;
    /*background:         repeating-linear-gradient(90deg, #b30000 20%, #660000, #330000 25%);*/
    background:         repeating-linear-gradient(90deg, #330000 1%, #B30000 2%, #660000 3%, #330000 4%);
}
div#menubar {
    background:		#000000;
    /*border-left:        2px solid gold;*/
    /*border-right:       2px solid gold;*/
    /*padding:		5px;*/
}
div#content {
    background:		#ffff66;
    /*background:         -webkit-radial-gradient(top left,#ffffe6,#ffffcc,#ffff66,#ffdb4d);*/
    /*background:         radial-gradient(at top left,#ffffe6,#ffffcc,#ffff66,#ffdb4d);*/
    background:         -webkit-radial-gradient(center center, ellipse farthest-corner, #ffffe6 0%, #ffffcc 60%, #ffff66 80%, #ffdb4d 100%);
    background:         radial-gradient(ellipse farthest-corner at center center ,#ffffe6 0%, #ffffcc 60% ,#ffff66 80%, #ffdb4d 100%);
    /*border-left:        2px solid gold;*/
    /*border-right:       2px solid gold;*/
    /*padding:		5px;*/
}
div#footer {
    background-color:   #000000;
    color:              gold;
}
div#footer a {
    color:              gold;
    text-decoration:    underline;
}
div#footer a:hover {
    color:              gold;
    text-decoration:    underline;
}
div#footer a:active {
    color:              gold;
    font-weight:        bold;
    text-decoration:    underline;
}
div#footer a:visited {
    color:              goldenrod;
    text-decoration:    none;
    text-decoration:    underline;
}
.credits {
    /*font-size: small;*/
}

div.single-production-event-box {
    border:             1px solid #660000;
    border-radius:      3px 0px;
    background:         transparent;
    color:              #000000;
    padding:            1rem;
}

/* Google Maps Embed iframe */
#google_map {
    height:             20rem;
    width:              100%;
    border:             none;
}

h1 {
    color:              gold;
    font-weight:        bold;
    font-family:        'Overlock SC', cursive;
}
h2, h3, h4, h5, h6 {
    color:              #660000;
    font-family:        'Overlock SC', cursive;
}

a {
    color:              #660000;
    text-decoration:    underline;
}
a:hover {
    color:              #660000;
    text-decoration:    underline;
}
a:active{
    color:              #660000;
    font-weight:        normal;
}
a:visited{
    color:              #660000;
    text-decoration:    underline;
}

/*.test {
    font-family:        'Playball', cursive;
    font-family:        'Source Code Pro', monospace;
    font-family:        'Source Sans Pro', sans-serif;
    font-family:        'Open Sans', sans-serif;
    font-family:        'IM Fell English', serif;
}*/

/* Gallery Thumbnails */
/* Full size pictures and popouts are dealt with in the fancyBox css file */
div.img_gallery ul {
    list-style-type:    none;
    margin:             0;
    padding:            0;
}
div.img_gallery li {
    display:            inline;
}
div.img_gallery img {
    height:             auto;
    width:              auto;
    max-height:         100px;
    max-width:          100px;
    vertical-align:     middle;
    margin:             6px;
}
/*End Gallery Thumbnails*/

/*Foundation Over-rides*/

.stat {
    padding-top:        1.25rem;
}

dl dt {
    margin-bottom:      0;
}
dl dd {
    margin-top:         -0.3rem;
    margin-left:        1.5rem;
    margin-bottom:      0.75rem;
}

/*Buttons*/

.button {
    padding:            0.6em 0.6em;
    text-decoration:    none;
}

button, .button, .button:visited {
    background-color:   gold;
    border-color:       #660000;
    color:              #660000;
    text-decoration:    none;
}
.button:hover, .button:focus {
    background-color:   #660000;
    color:              gold;
    text-decoration:    none;
}
  
.button.primary, .button.primary:visited {
    background-color:   gold;
    border-color:       #660000;
    color:              #600000;
    text-decoration:    none;
}
.button.primary:hover, .button.primary:focus {
    background-color:   #660000;
    color:              gold;
    text-decoration:    none;
}

/*Tables*/

table thead,
table tbody,
table tfoot {
    border:             1px solid gold;
    background-color:   #FFFFCC;
}
table thead {
    background:         #f8f8f8;
    color:              #000000;
}
table tfoot {
    background:         #FFFF80;
    color:              #000000;
}
table thead tr,
table tfoot tr {
    background:         transparent;
}
table tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color:   #FFFF80;
}
table.unstriped tbody {
    background-color:   #FFFFCC;
}
table.unstriped tbody tr {
    border-bottom:      1px solid gold;
    background-color:   #FFFFCC;
}

/*Tabs*/

.tabs {
    background:         transparent;
    border:             none;
    border-bottom:      1px solid #660000;
}
.tabs::before, .tabs::after {
}
.tabs::after {
}

.tabs.vertical > li {
}

.tabs.simple > li > a {
    text-decoration:    none;
}
.tabs.simple > li > a:hover {
    text-decoration:    none;
}

.tabs.primary {
    background:         transparent;
}
.tabs.primary > li > a {
    color:              #000000;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
    background:         transparent;
    text-decoration:    none;
}

.tabs-title {
}
.tabs-title > a {
    /*font-family: 'IM Fell English', serif;*/
    border:                     1px solid #660000;
    border-bottom:              none;
    border-top-left-radius:     5px;
    border-top-right-radius:    5px;
    margin:                     0.25rem 0.25rem 0 0.25rem;
    padding:                    0.6rem 1.0rem;
    background:                 #FFFF80;
    color:                      #660000;
    text-decoration:            none;
}
.tabs-title > a:hover {
    background:         gold;
    color:              #660000;
    text-decoration:    none;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    background:         #660000;
    color:              gold;
    text-decoration:    none;
}

.tabs-content {
    border:             1px solid #660000;
    border-radius:      3px 0px;
    border-top:         0;
    background:         #FFFF80;
    color:              #000000;
}

.tabs-content.vertical {
    border:             1px solid #660000;
}

.tabs-panel {
}
.tabs-panel.is-active {
}
  
/*End Foundation Over-rides*/

/* Code for styling Menu */

nav.top-bar:not(.expanded) {
    
}
nav.top-bar {
/*    text-align: center;*/
/*    margin:     0 auto;*/
}

nav.top-bar.expanded {
    background:         #000000;
}

.top-bar ul li {
/*    text-align: left;*/
}

.top-bar, .top-bar ul {
    background-color:   #000000;
}

.top-bar.expanded .title-area {
    background-color:   #000000;
}

.top-bar li a:not(.button) {
    background-color:   #000000 !important;
    color:              gold !important; 
    font-size:          larger;
    text-decoration:    none;
    font-weight:        bold;
}

.top-bar li a:not(.button):hover {
    background-color:   #FFFFCC !important;
    background:         -webkit-radial-gradient(center center, ellipse farthest-corner, #ffffe6 0%, #ffffcc 60%, #ffff66 80%, #ffdb4d 100%);
    background:         radial-gradient(ellipse farthest-corner at center center ,#ffffe6 0%, #ffffcc 60% ,#ffff66 80%, #ffdb4d 100%);
    border-radius:      10px;
    color:              #660000 !important; 
    text-decoration:    none;
    font-weight:        bold;
}

.top-bar ul li.active > a {
    background-color:   #660000 !important;
    text-decoration:    none;
    font-weight:        bold;
}

.top-bar ul li.active > a:hover {
    background-color:   #660000 !important;   
    text-decoration:    none;
    font-weight:        bold;
}

.top-bar label {
    background-color:   #000000 !important;
    color:              gold !important;
    font-size:          larger;
    font-weight:        bold;
}

button.menu-icon, title-bar-title {
    background-color:   #000000;
    color:              gold;
}
/* Cards */

.card {
    border: 1px solid   #660000;
}
.card-divider {
    border-bottom:      1px solid #660000;
    background-color:   gold; 
}
.card-section {
    background-color:   #FFFFCC;
    max-height:         20rem;
    overflow-y:         auto;
    overflow-x:         hidden;
}

/* Forms */

.input-group-label {
    background-color:   gold;
    border-color:       #660000;
    color:              #660000;
    text-decoration:    none;
}

input-group-field {
    border:             1px solid #660000;
}

input, select {
    border:             1px solid #660000;
}

[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="month"],
[type="week"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
[type="color"],
textarea {
    border:             1px solid #660000;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}