/*
Colors
    White: #fff
    Black: #000
    Green: #7dbf0e
    Orange: #e97916
    Purple: #7c4ca2
    Teal: #28b8b9
*/
* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #e6e6e6;
    background-image: url('../Images/background.jpg');
    background-repeat: repeat;
    background-attachment: fixed;
    color: #000000;
    font-family: 'Segoe UI', Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.header {
    background-color: #e6e6e6;
    background-image: url('../Images/Content/header.jpg');
    height: 150px;
}

.contentInner {
    padding: 0 25px;
    background-color: #fff;
    -ms-opacity: 0.9;
    opacity: 0.9;
    border: none;
    -webkit-box-shadow: 6px 0 5px -5px #999, -6px 0 5px -5px #999;
    -ms-box-shadow: 6px 0 5px -5px #999, -6px 0 5px -5px #999;
    box-shadow: 6px 0 5px -5px #999, -6px 0 5px -5px #999;
}

h1.Contact {
    background-color: #976eff;
    color: #fff;
    padding-left: 10px;
    padding-right: -10px;
}

h2.Contact {
    color: #976eff;
}

h1.Home {
    background-color: #00923f;
    color: #fff;
    padding-left: 10px;
    padding-right: -10px;
}

h1.Shows {
    background-color: #ff4e00;
    color: #fff;
    padding-left: 10px;
    padding-right: -10px;
}

h1.Theatre {
    background-color: #9fba2d;
    color: #fff;
    padding-left: 10px;
    padding-right: -10px;
}

h2.Theatre {
    color: #9fba2d;
}

h3.Theatre {
    color: #9fba2d;
}

/* Cleans up image resizing */
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

/* Image */
.dropShadow {
    background: #ECE9D8;
    border: 1px solid #888;
    padding: 5px;
    -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
    -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
    box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
}

.imageShadow {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: 1px solid #ddd;
    padding: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
}

    .imageShadow:hover {
        border-color: #999;
        -moz-box-shadow: 1px 1px 4px #000000;
        -webkit-box-shadow: 1px 1px 4px #000000;
        -ms-box-shadow: 1px 1px 4px #000000;
        -ms-box-shadow: 1px 1px 4px rgba(0,0,0,.25);
        box-shadow: 1px 1px 4px #000000;
        box-shadow: 1px 1px 4px rgba(0,0,0,.25);
        border: 1px solid #888;
    }

/* Begin: Foundation Overrides */

/* Begin: Top-bar */
.sticky {
    background-color: #007cc2 !important;
}

.top-bar {
    background: #009241 !important;
}

.top-bar-section li a:not(.button) {
    background: #009241 !important;
}

    .top-bar-section li a:not(.button):hover {
        background: #007cc2 !important;
        color: #000 !important;
    }

.top-bar-section ul li.active > a {
    background: #009256 !important;
}

    .top-bar-section ul li.active > a:hover {
        background: #e97916 !important;
    }
/* End: Top-bar */

/* End: Foundation Overrides */