/*
Theme Name: Kirkland Performance Center
Theme URI: http://www.drivendevelopment.com/
Description: Custom WordPress theme for Kirkland Performance Center.
Author: <a href="http://www.drivendevelopment.com/" target="_blank">Driven Development</a> on behalf of <a href="http://www.the-medium.net/" target="_blank">The Medium</a>
Version: 1.0
*/

@import url(default.css);

/**
 * Defaults and Resets
 */
*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html {font-size: 62.5%; -webkit-text-size-adjust: none;}

html, body {margin: 0; padding: 0; background: #fff;}

body {font-family: 'Cabin', Arial, Verdana, Sans-Serif; font-size: 16px; line-height: 22px;}

form {margin: 0; padding: 0;}

img {border: 0; max-width: 100%; height: auto;}

td {vertical-align: top;}

p {margin: 0 0 20px 0;}
p:last-child,
p:last-of-type {margin: 0;}

a {transition: 0.25s ease; text-decoration: none; color: #ab2328;}
a:hover {color: #000;}

h1,
h2,
h3,
h4,
h5,
h6 {font-family: 'Oswald', Arial, Verdana, Sans-Serif;}

h1 {margin: 0 0 20px 0; padding: 0 0 20px 0; font-size: 54px; line-height: 58px; font-weight: normal; color: #d58936; text-transform: uppercase; border-bottom: solid 1px #bdbdbd; letter-spacing: 1px;}
h2 {margin: 0 0 10px 0; font-size: 24px; line-height: 28px; color: #ab2328;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 0; line-height: 0; display: block;}
.clearfix {zoom: 1;}
.clearfix:after {content: ""; display: block; height: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden;}
.hidden {height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px;}
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px;}

#skip-link,
#skip-link:visited {position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden;}

#skip-link:active,
#skip-link:focus {position: static; width: auto; height: auto;}

nav ul {margin: 0; padding: 0; list-style-type: none;}

/**
 * Layout
 */
#header {border-top: solid 10px #440e00;}
#header > div {position: relative; height: 95px;}
#header .logo {position: absolute; top: 30px; left: 20px; transition: none;}
#header .logo .tall {display: none; width: 120px;}
#header label {font-family: 'Oswald', Arial, Verdana, Sans-Serif; letter-spacing: 1px; display: block; font-size: 14px; line-height: 16px; color: #cf8925; text-transform: uppercase; margin: 0 0 5px 0;}
#header .search {position: absolute; top: 18px; right: 300px; width: 210px;}
#header .search [type="text"] {padding: 7px 10px; border: solid 1px #d5d5d5; width: 100%; background: none; vertical-align: middle; height: 35px;}
#header .search button {position: absolute; top: 21px; right: 1px; border: none; background: none; font-size: 17px; color: #9f9f9f; padding: 7px; line-height: 17px; letter-spacing: normal;}
#header .newsletter {position: absolute; top: 18px; right: 20px; width: 270px;}
#header .newsletter label {color: #410e00;}
#header .newsletter [type="email"] {width: 200px; border: solid 1px #d5d5d5; padding: 7px 10px; height: 35px;}
#header .newsletter button {float: right; padding: 0; width: 65px; font-size: 13px; line-height: 35px; height: 35px; color: #fff; background: #400e00;}
#header .social {margin: 0; padding: 0; list-style-type: none; position: absolute; top: 35px; right: 20px; font-size: 20px; display: none;}
#header .social li {float: left; margin-left: 10px;}
#header .social a {color: #440e00;}
#header .social a:hover {color: #ab2328;}
#header .toggle-menu {position: absolute; top: 33px; right: 20px; display: none;}

#nav {font-family: 'Oswald', Arial, Verdana, Sans-Serif; margin: 0 0 1px 0; font-size: 16px; line-height: 50px; text-transform: uppercase; position: relative; z-index: 100; padding: 0 20px;}
#nav > div {background: #d58936; max-width: 1160px; padding: 0;}
#nav > div > ul > li {float: left; position: relative; border-right: solid 1px #fff; transition: background-color 0.25s ease;}
#nav > div > ul > li:before {position: absolute; content: ""; left: 0; right: 0; bottom: -1px; height: 1px; background: #fff; transition: background .5s ease;}
#nav > div > ul > li.menu-item-has-children.active:before {background: #440e00;}
#nav > div > ul > li > a {display: block; padding: 0 40px; color: #fff;}
#nav > div > ul > li:hover {background: #c37a1c;}
#nav > div > ul > li:nth-child(2) {background: #a44200;}
#nav > div > ul > li:nth-child(2).active,
#nav > div > ul > li:nth-child(2) ul,
#nav > div > ul > li:nth-child(2).menu-item-has-children.active:before {background: #8c3800;}
#nav > div > ul > li:nth-child(3) {background: #ab2328;}
#nav > div > ul > li:nth-child(3).active,
#nav > div > ul > li:nth-child(3) ul,
#nav > div > ul > li:nth-child(3).menu-item-has-children.active:before {background: #91090e;}
#nav > div > ul > li:nth-child(4) {background: #440e00;}
#nav > div > ul > li:nth-child(4).active,
#nav > div > ul > li:nth-child(4) ul,
#nav > div > ul > li:nth-child(4).menu-item-has-children.active:before {background: #380c00;}
#nav ul ul {position: absolute; display: none; top: 51px; left: -1px; border: solid 1px #fff; border-top-width: 0; padding: 5px 10px 10px 40px; font-size: 13px; line-height: 17px; background: #440e00; min-width: 180px; letter-spacing: 1px;}
#nav ul ul li {margin: 0 0 10px 0;}
#nav ul ul a {position: relative; color: #c9c9c9;}
#nav ul ul a:before {position: absolute; top: 7px; left: -17px; width: 6px; height: 6px; background: #d58936; content: "";}
#nav ul ul a:hover {color: #fff;}
#nav .phone {position: absolute; top: 0; right: 20px; color: #fff;}

#banner {margin: 0 0 5px 0; padding: 0 20px;}
#banner > div {height: 190px; max-width: 1160px; overflow: hidden; background: url(images/about-banner.jpg) no-repeat center center; background-size: cover; position: relative;}
#banner > div:after {position: absolute; content: ""; top: 0; bottom: 0; left: 0; width: 600px; z-index: 1;
background: -moz-linear-gradient(left,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%););
}
#banner .title {font-family: 'Oswald', Arial, Verdana, Sans-Serif; font-size: 54px; line-height: 58px; color: #fff; text-transform: uppercase; letter-spacing: 1px; padding: 30px 10px; z-index: 2; position: relative;}
#banner .banner-tabs {position: absolute; left: 30px; bottom: 0; z-index: 2;}
#banner .back-btn {position: absolute; left: 30px; bottom: 30px; z-index: 2;}
.event-banner#banner > div {background-image: url(images/event-banner.jpg);}
.blog#banner {margin: 0 0 40px 0;}

#page {min-width: 320px; transition: right 0.25s ease; position: relative; right: 0;}

#footer-banner {background: #440e00; font-size: 14px; line-height: 18px; color: #e9e9e9; position: relative;}
#footer-banner > div {padding-top: 25px; padding-bottom: 25px;}
#footer-banner > div > div {display: table; table-layout: fixed; position: relative;}
#footer-banner > div > div:before {position: absolute; content: ""; left: 60%; width: 1px; background: #754f45; top: -10px; bottom: -10px;}
#footer-banner > div > div > div {display: table-cell; vertical-align: middle;}
#footer-banner h4 {margin: 0; font-size: 22px; line-height: 26px; color: #d58936; text-transform: uppercase; font-weight: normal;}
#footer-banner .newsletter {width: 60%; padding: 0 25px 0 60px; background: url(images/newsletter.png) no-repeat left center;}
#footer-banner .newsletter .content {float: left; width: 45%; padding: 0 10px 0 0;}
#footer-banner .newsletter .form {float: left; width: 55%; position: relative; padding: 0 120px 0 0; max-width: 450px;}
#footer-banner .newsletter .form input {width: 100%; padding: 11px 10px;}
#footer-banner .newsletter .form button {position: absolute; width: 120px; top: 0; bottom: 0; right: 0; text-align: center; padding: 0; line-height: 41px;}
#footer-banner .newsletter .form button .fa {position: relative; top: -2px;}
#footer-banner .box-office {width: 40%; padding: 0 0 0 110px; background: url(images/box-office.png) no-repeat 30px center;}
#footer-banner .box-office h4 a {color: #d58936;}

#footer {background: #f4f4f4;}
#footer > div {padding-top: 40px; padding-bottom: 30px;}
#footer .upper > .left {float: left; width: 60%; padding: 0 25px 0 0;}
#footer .upper > .right {float: left; width: 40%;}
#footer .upper .nav {float: left; width: 66.6666%; padding: 0 30px 0 0; font-size: 13px; line-height: 17px; text-transform: uppercase; font-weight: bold;}
#footer .upper .nav ul {float: left; width: 33.3333%; margin: 0; padding: 0; list-style-type: none;}
#footer .upper .nav li {margin: 0 0 5px 0;}
#footer .upper a {color: #440e00;}
#footer .upper a:hover {color: #ab2328;}
#footer .upper .head {border-bottom: solid 1px #d6d6d6; margin: 0 0 20px 0; padding: 0 0 15px 0; min-height: 45px; font-size: 13px; line-height: 15px; text-transform: uppercase; font-weight: 600;}
#footer .upper .head img {display: block;}
#footer .upper .sponsor {float: left; width: 33.3333%;}
#footer .upper .sponsor .head {text-align: center;}
#footer .upper .sponsor img {display: block; margin: 0 auto;}
#footer .upper .map {float: left; width: 50%;}
#footer .upper .map img {display: block; border: solid 1px #d2d2d2;}
#footer .upper .contact {float: left; width: 50%; font-size: 13px; line-height: 19px; padding: 0 0 0 20px;}
#footer .lower {font-family: Arial, Verdana, Sans-serif; font-size: 12px; line-height: 16px; color: #5c5d5f; position: relative; padding: 30px 90px 0 0;}
#footer .lower .logo {position: absolute; top: 10px; right: 0;}
#footer .lower .logo img {margin: 0 auto; display: block;}
#footer .lower ul {margin: 0; padding: 0; list-style-type: none; display: inline;}
#footer .lower li {display: inline;}
#footer .lower li + li:before {content: "|";}
#footer .lower li a {margin: 0 5px 0 9px;}
#footer .lower a {color: #5c5d5f;}
#footer .lower a:hover {color: #ab2328;}
#footer .social {margin: 20px 0 0 0; padding: 0; list-style-type: none; font-size: 18px;}
#footer .social li {float: left; margin: 0 5px 0 0;}
#footer .social a {display: block; width: 35px; height: 35px; background: #440e00; text-align: center; line-height: 35px; color: #fff;}
#footer .social a:hover {background: #ab2328; color: #fff;}

#mobile-menu {width: 260px; position: fixed; right: -260px; top: 0; height: 100%; background: #440e00; overflow: auto; border-left: solid 10px #222; transition: right 0.25s ease; z-index: 1000; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
#mobile-menu nav {font-family: 'Oswald', Arial, Verdana, Sans-Serif; text-transform: uppercase;}
#mobile-menu nav a {display: block; padding: 15px 10px; color: #fff; text-decoration: none;}
#mobile-menu nav ul {margin: 0; padding: 0; list-style-type: none; border-bottom: solid 1px rgba(255,255,255,0.2);}
#mobile-menu nav > ul > li:first-child {border-top: none;}
#mobile-menu nav > ul > li > a {text-transform: uppercase;}
#mobile-menu nav li {border-top: solid 1px rgba(255,255,255,0.2);}
#mobile-menu nav ul ul {font-size: 13px; display: none;}
#mobile-menu nav ul ul a {padding-left: 20px;}
#mobile-menu .social {margin: 20px 0; padding: 0; list-style-type: none; font-size: 20px; text-align: center;}
#mobile-menu .social li {display: inline-block; margin: 0 5px;}
#mobile-menu .social a {color: #fff;}
#mobile-menu .phone {text-align: center; color: #fff; margin: 20px 0; text-transform: uppercase; font-family: 'Oswald', Arial, Verdana, Sans-Serif;}
#mobile-menu .content {text-align: center; padding: 20px;}
#mobile-menu .search {background: #fff;}
#mobile-menu .search [type="text"] {display: inline-block; vertical-align: middle; width: 170px;}
#mobile-menu .search button {display: inline-block; vertical-align: middle; padding: 0; color: #666; background: none; width: 35px;}

.main-content h2 {font-family: 'Cabin', Arial, Verdana, Sans-Serif;}
.main-content h4 {font-family: 'Cabin', Arial, Verdana, Sans-Serif; margin: 0 0 10px 0; font-size: 16px; line-height: 20px; color: #a44200; text-transform: uppercase;}
.main-content h2 + h4 {margin-top: 30px;}
.main-content .columns + h4 {margin-top: 40px;}

.section > div {max-width: 1200px; margin: 0 auto; position: relative; padding: 0 20px;}

.left-sidebar-layout > .content {float: right; width: 67%; padding: 50px 0 40px 60px;}
.left-sidebar-layout > aside {float: left; width: 33%;}

.blog-sidebar-layout {padding: 0 0 40px 0;}
.blog-sidebar-layout > .content {float: left; width: 100%; margin-right: -270px;}
.blog-sidebar-layout > .content > div {margin-right: 270px;}
.blog-sidebar-layout > aside {float: right; width: 230px; position: relative;}

.full-page-layout {padding: 40px 0;}

/**
 * Miscellaneous
 */
.toggle-menu {color: #440e00; font-size: 18px; line-height: 20px; font-weight: 600;}
.toggle-menu > div {display: inline-block; width: 32px; height: 26px;}
.toggle-menu > div span {display: block; width: 32px; height: 4px; margin-bottom: 6px; background: #440e00; transition: .3s ease;}
.toggle-menu.active {color: #fff;}
.toggle-menu.active > div {  -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.toggle-menu.active > div span {background: #440e00;}
.toggle-menu.active > div span:nth-child(1) {-webkit-transform: translateY(7px); -ms-transform: translateY(7px); transform: translateY(7px);}
.toggle-menu.active > div span:nth-child(2) {opacity: 0;}
.toggle-menu.active > div span:nth-child(3) {-webkit-transform: rotate(-90deg) translateX(13px); -ms-transform: rotate(-90deg) translateX(13px); transform: rotate(-90deg) translateX(13px);}

.flexslider {touch-action: pan-y !important; -ms-touch-action: pan-y !important;}
.flexslider ul {margin: 0; padding: 0; list-style-type: none;}

.get-tickets-btn,
.vendini-buy-wrapper.full-button a {display: inline-block; font-family: 'Oswald', Arial, Verdana, Sans-Serif; font-size: 18px; line-height: 42px; letter-spacing: 1px; color: #fff; text-transform: uppercase; padding: 0 20px; font-weight: bold; position: relative; margin-left: 42px; background: #d58936; position: relative;}
.get-tickets-btn:before,
.vendini-buy-wrapper.full-button a:before {position: absolute; content: ""; border: solid 1px #d58936; transition: border 0.25s ease; background: url(images/ticket.png) no-repeat center center; top: 0; left: -42px; width: 42px; height: 42px;}
.vendini-buy-wrapper.full-button a:after {content: "Get Tickets";}
.vendini-buy-wrapper.full-button a img {display: none;}
.get-tickets-btn:hover,
.vendini-buy-wrapper a:hover {background: #c37a1c; color: #fff;}
.get-tickets-btn:hover a:before,
.vendini-buy-wrapper a:hover:before {border-color: #c37a1c;}

.back-btn,
.back-link {display: inline-block; font-size: 16px; line-height: 20px; color: #242424; font-family: 'Oswald', Arial, Verdana, Sans-Serif; text-transform: uppercase; padding: 10px 20px 10px 15px; background: #ebebeb;}
.back-btn .fa,
.back-link .fa {color: #ab2328; margin-right: 5px; position: relative; top: -2px;}

.back-link {padding: 0; background: none;}

.btn {display: inline-block; border: none; cursor: pointer; padding: 13px 15px 13px 20px; font-size: 18px; line-height: 22px; letter-spacing: 1px; background: #a44200; color: #fff; font-family: 'Oswald', Arial, Verdana, Sans-Serif; text-transform: uppercase; position: relative;}
.btn:after {display: inline-block; vertical-align: middle; font-size: 14px; font-family: 'FontAwesome'; content: "\f0da"; margin-left: 10px;}
.btn.red {background: #ab2328;}
.btn.orange {background: #d58936;}
.btn.lrg {font-size: 22px; line-height: 26px; padding: 17px 35px 17px 40px; margin-top: 20px;}
.btn:hover {color: #fff; background: #8c3800;}
.btn.red:hover {background: #91090e; color: #fff;}
.btn.orange:hover {background: #c37a1c; color: #fff;}
.ticket-btn-sml,
.vendini-buy-wrapper.small-button a {display: inline-block; width: 30px; height: 30px; border: solid 1px #d58936; background: url(images/ticket-sml.png) no-repeat center center; font-size: 0; line-height: 0; text-indent: -10000px;}
.vendini-buy-wrapper.small-button a img {display: none;}

.bar-header {position: relative; padding: 20px;}
.bar-header h2 {margin: 0; font-size: 16px; line-height: 20px; color: #fff; text-transform: uppercase; font-weight: normal; letter-spacing: 1px;}
.bar-header .action {position: absolute; top: 20px; right: 20px; color: #fff; font-size: 14px; font-family: 'Oswald', Arial, Verdana, Sans-Serif; text-transform: lowercase;}
.bar-header .action .fa {font-size: 18px; margin-right: 5px; vertical-align: middle;}
.bar-header.sienna-dark {background: #a44200;}
.bar-header.sienna-light {background: #d58936;}

.events-grid {margin: 0 -1px 0 0;}
.events-grid > div {display: inline-block; width: 25%; font-family: 'Oswald', Arial, Verdana, Sans-Serif; margin-top: 1px; vertical-align: top; border-right: solid 1px #fff;}
.events-grid .photo {overflow: hidden; border-bottom: solid 1px #fff;}
.events-grid .photo img {display: block; width: 100%; transition: all 0.5s ease-in-out;}
/*
.events-grid .photo:hover img {transform: scale(1.1); -moz-transform: scale(1.1) rotate(0.02deg);}
*/
.events-grid .date {padding: 18px 30px 18px 15px; position: relative; font-size: 16px; line-height: 20px; text-transform: uppercase; background: #a44200; color: #fff;}
.events-grid .date .ticket-btn-sml,
.events-grid .date .vendini-buy-wrapper {position: absolute; top: 13px; right: 10px;}
.events-grid .title {padding: 10px 15px; font-size: 24px; line-height: 28px; text-transform: uppercase; letter-spacing: 1px;}
.events-grid .title a {color: #d58936;}
.events-grid .title a:hover {color: #ab2328;}
.events-grid .event-type-rental .date {background-color: #440e00;}
.events-grid .event-type-local-favorites .date {background-color: #761f08;}

.key {display: inline-block; position: relative; margin: 0 10px 0 15px; font-size: 12px;}
.key:before {position: absolute; top: 4px; left: -15px; width: 12px; height: 12px; background: #440e00; content: "";}
.key.rental:before {background: #a44200;}

.calendar-key {margin: 0; padding: 20px 30px; list-style-type: none; font-size: 14px; line-height: 22px;}
.calendar-key li {display: inline-block; position:  relative; padding: 0 0 0 30px; margin: 0 20px 0 0;}
.calendar-key li:before {position: absolute; content: ""; width: 22px; height: 22px; left: 0; top: 0; background: #a44200;}
.calendar-key li.rental:before {background-color: #440e00;}
.calendar-key li.local:before {background-color: #761f08;}

.calendar-nav {display: table; background: #ab2328; font-size: 18px; line-height: 22px; width: 100%; table-layout: fixed;}
.calendar-nav > div {display: table-cell; vertical-align: middle; padding: 15px 20px; width: 33.3333%;}
.calendar-nav h2 {margin: 0; font-size: 22px; line-height: 26px; color: #fff; text-transform: uppercase;}
.calendar-nav a {color: #fff;}
.calendar-nav .date {text-align: center;}
.calendar-nav .next {text-align: right;}
.calendar-nav .next .fa {margin-left: 5px;}
.calendar-nav .prev .fa {margin-right: 5px;}

.calendar {width: 100%; border-collapse: collapse; margin: 0 0 40px 0; font-size: 14px; line-height: 17px; color: #fff; font-weight: bold;}
.calendar th {background: #242424; font-size: 18px; line-height: 22px; color: #fff; padding: 10px; border: solid 1px #d5d5d5;}
.calendar td {width: 14.2857%; padding: 10px 3px; border: solid 1px #d5d5d5; height: 150px; position: relative;}
.calendar ul {margin: 0; padding: 0; list-style-type: none;}
.calendar li {background: #a44200; padding: 10px;}
.calendar li + li {margin-top: 3px;}
.calendar a {color: #fff;}
.calendar a:hover {text-decoration: underline;}
.calendar .event-type-local-favorites {background: #761f08;}
.calendar .event-type-rental {background: #440e00;}
.calendar .day {text-align: right; padding: 0 7px; margin: 0 0 10px 0; font-family: 'Oswald', Arial, Verdana, Sans-Serif; font-size: 18px; line-height: 22px; font-weight: bold; color: #242424;}
.calendar .adjacent {background: #ebebeb; position: static;}
.calendar .adjacent .day {color: #aeaeae; display: block;}
.calendar .today {background: #f9ede1;}
.calendar .time {position: relative; padding: 0 35px 0 0;}
.calendar .time.has-tickets {min-height: 35px;}
.calendar .tickets,
.calendar .vendini-buy-wrapper a {position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; display: block; border: solid 1px #d58936; background: url(images/icons.png) no-repeat center -260px; text-indent: -10000px;}
.calendar .vendini-buy-wrapper a img {display: none;}

.calendar.mini {border: none; margin: 0; font-size: 12px; line-height: 16px;}
.calendar.mini th {font-size: 12px; line-height: 14px; padding: 10px 0; background: none; border: none; color: #000;}
.calendar.mini td {padding: 0 0 14% 0; border: none; height: auto;}
.calendar.mini .day {position: absolute; line-height: 30px; margin: 0; top: 2px; right: 2px; bottom: 2px; left: 2px; padding: 0; background: #ededed; border: solid 1px #e0e0e0; text-align: center; font-family: 'Cabin', Arial, Verdana, Sans-Serif; font-size: 12px; font-weight: normal;}
.calendar.mini a.day {background: #ab2328; color: #fff;}
.calendar.mini .day > div {position: absolute; top: 50%; transform: translateY(-50%); text-align: center; width: 100%;}
.calendar.mini .adjacent {background: none;}
.calendar.mini .adjacent .day {display: none;}
.calendar.mini .today {background: none;}
.calendar.mini .today .day {border: solid 1px #440e00;}

.mini-calendar {position: relative;}
.mini-calendar header {background: #ab2328;}
.mini-calendar > div {border: solid 1px #e6e6e6;}
.mini-calendar footer {padding: 0 5px;}
.mini-calendar footer > div {padding: 10px 0;}
.mini-calendar footer > div + div {border-top: solid 1px #e6e6e6;}
.mini-calendar .calendar-nav {line-height: 20px;}
.mini-calendar .calendar-nav h2 {font-size: 16px; line-height: 20px;}
.mini-calendar .calendar-nav .prev,
.mini-calendar .calendar-nav .next {width: 15%; padding: 20px 10px;}
.mini-calendar .calendar-nav .date {width: 60%; padding: 20px 10px;}
.mini-calendar .loader-wrapper {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,0.8); display: none;}

.icon-link {display: inline-block; text-transform: lowercase; color: #ab2328; font-family: 'Oswald', Arial, Verdana, Sans-Serif; padding: 0 0 0 35px; font-size: 14px; line-height: 26px; background: url(images/icons.png) no-repeat -7px -12px;}
.icon-link.brochure-link {background-position: -7px -163px; color: #440e00;}

.read-more {font-size: 14px; text-transform: lowercase; font-family: 'Oswald', Arial, Verdana, Sans-Serif;}

.block {padding: 40px; margin: 0 0 5px 0; font-size: 16px; line-height: 20px; color: #fff;}
.block h3 {margin: 0 0 20px 0; padding: 0 0 20px 0; font-size: 34px; line-height: 38px; border-bottom: solid 1px #c46569; text-transform: uppercase; letter-spacing: 1px; font-weight: normal;}
.block h4 {margin: 0 0 5px 0; font-family: 'Oswald', Arial, Verdana, Sans-Serif; font-size: 20px; line-height: 24px; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; color: #d58936;}
.block ul {margin: 0 0 20px 0; padding: 0 0 0 25px; list-style-type: square; font-size: 16px; line-height: 20px;}
.block li + li {margin-top: 5px;}
.block .subnav {margin: 0; padding: 0; list-style-type: none;}

.block.red {background: #ab2328;}

.block.maroon {background: #440e00;}

.subnav {font-family: 'Oswald', Arial, Verdana, Sans-Serif; font-size: 20px; line-height: 24px; text-transform: uppercase; margin: 0; padding: 0; list-style-type: none;}
.subnav > li,
.subnav > li > a {display: none;}
.subnav > li.current-menu-ancestor,
.subnav > li.current-menu-item {display: block;}
.subnav a {color: #cbcbcb; position: relative;}
.subnav a:before {position: absolute; top: 8px; left: -25px; width: 10px; height: 10px; background: #d58936; content: "";}
.subnav a:hover {color: #fff;}
.subnav ul {margin: 0; padding: 0 0 0 25px; list-style-type: none;}
.subnav li li + li {margin-top: 15px;}
.subnav .current-menu-item > a {color: #d58936;}

.banner-tabs {margin: 0; padding: 0; list-style-type: none; font-family: 'Oswald', Arial, Verdana, Sans-Serif; font-size: 19px; line-height: 23px; text-transform: uppercase;}
.banner-tabs li {display: inline-block; margin-right: 5px;}
.banner-tabs a {display: inline-block; padding: 20px 30px 20px 20px; color: #242424; background: #bababa;}
.banner-tabs .on a {background: #ebebeb;}
.banner-tabs .fa {color: #ab2328; vertical-align: middle; font-size: 21px; position: relative; top: -2px; margin-right: 5px;}

.gallery-container {background: #242424; font-family: 'Oswald', Arial, Verdana, Sans-Serif; font-size: 16px; line-height: 20px; color: #fff; text-transform: uppercase; margin: 40px 0;}
.gallery-container ul {margin: 0; padding: 0; list-style-type: none;}
.gallery-container .photo {background: no-repeat center center; background-size: cover;}
.gallery-container .nav {padding: 0 10px 15px 10px; position: relative;}
.gallery-container .nav li  > a {padding: 0 5px; display: block;}
.gallery-container .title {text-align: center; padding: 15px 0;}
.gallery-container img {display: block; visibility: hidden;}
.gallery-container .flex-direction-nav {margin: 0; padding: 0; list-style-type: none; position: absolute; top: 12px; left: 15px; right: 15px;}
.gallery-container .flex-direction-nav a {float: left; color: #fff; font-size: 20px;}
.gallery-container .flex-direction-nav a.flex-next {float: right;}

.donor-list ul {margin: 0; padding: 0; list-style-type: none;}
.donor-list li + li {margin-top: 5px;}
.donor-list .col {float: left; width: 33.3333%; padding: 0 20px 0 0;}

.presenting-partner img {display: block; margin: 40px auto;}

.large-text {font-size: 22px; line-height: 29px;}

.columns > .col {float: left; width: 50%; padding: 0 20px 0 0;}

.facebook-widget {position: relative; height: 500px;}
.facebook-widget > div {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 500px;}
.facebook-widget > div > span {width: 100% !important;}
.facebook-widget iframe {width: 100% !important; height: 100% !important;}

.calendar-page-body .events-list-container {display: none;}

.pagination {font-size: 18px; line-height: 22px; text-align: center; margin: 40px 0;}
.pagination .page-numbers {display: inline-block; background: #f4f4f4; border: solid 1px #b5b5b5; display: inline-block; margin: 0 2px; min-width: 38px; min-height: 38px; line-height: 38px; text-align: center;}
.pagination .page-numbers.current {background: #ab2328; color: #fff; border-color: #b5b5b5;}

ul.collapsible-list {margin: 0; padding: 0 0 0 20px; list-style-type: none;}
ul.collapsible-list > li > a:before {font-family: 'FontAwesome'; content: "\f105"; width: 15px; display: inline-block;}
ul.collapsible-list > li.expanded > a:before {content: "\f107";}
ul.collapsible-list > li + li {margin-top: 5px;}
ul.collapsible-list .content {margin: 5px 0 0 -20px; background: #f4f4f4; padding: 20px 20px 20px 35px; display: none;}

ul.sponsor-logos {margin: 0; padding: 0; list-style-type: none;}
ul.sponsor-logos li + li {margin-top: 40px;}
ul.sponsor-logos img {display: block; margin: 0 auto;}

hr {margin: 40px 0; background: #bdbdbd; height: 1px; border: none;}

.addtoany_list.a2a_kit_size_32 a > span {border-radius: 0;}
.a2a_kit > a {display: inline-block; margin: 0 3px;}

#page .shareaholic-share-buttons-container ul.shareaholic-share-buttons {margin-left: -5px !important;}

.responsive-embed {position: relative; padding: 0 0 60% 0;}
.responsive-embed > iframe,
.responsive-embed > div {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/**
 * Calendar/events
 */
#calendar-filter {margin-top: -5px;}
#calendar-filter > div > div {background: #ebebeb; padding: 20px 10px 20px 30px; font-size: 16px; color: #242424;}
#calendar-filter .col {display: inline-block; vertical-align: milddle;}
#calendar-filter .col + .col {margin-left: 30px;}
#calendar-filter .label {font-weight: bold; text-transform: uppercase; margin-right: 5px;}
#calendar-filter [type="text"] {border: solid 1px #d5d5d5; width: 180px;}
#calendar-filter [type="submit"] {font-size: 15px; background: #ab2328; padding: 7px 20px; color: #fff; display: inline-block; vertical-align: middle;}
#calendar-filter .filter-toggle {display: none;}
#calendar-filter .filter-toggle:before {font-family: 'FontAwesome'; content: "\f105"; width: 15px; display: inline-block;}
#calendar-filter .filter-toggle.expanded:before {content: "\f107";}

#event {background: #f4f4f4; padding: 30px 40px; overflow: hidden; font-size: 16px; line-height: 22px; margin: 0 0 20px 0;}
#event > .left {float: left; width: 35%; position: relative;}
#event > .right {float: right; width: 65%; padding: 0 0 0 40px;}
#event h2 {margin: 0 0 30px 0; font-family: 'Cabin', Arial, Verdana, Sans-Serif; font-size: 24px; line-height: 28px; color: #ab2328; font-weight: bold;}
#event hr {margin: 40px 0; border: none; height: 1px; background: #b5b5b5;}
#event header {padding: 0 0 50px 0; margin: 0 0 50px 0; background: #a44200; font-size: 16px; line-height: 20px; color: #fff; position: relative;}
#event header:before {position: absolute; content: ""; top: -30px; left: -1000px; right: -40px; bottom: 0; background: #a44200;}
#event header h1 {margin: 0 0 20px 0; padding: 0 0 20px 0; font-size: 48px; line-height: 52px; color: #d58936; border-bottom: solid 1px #d58936; text-transform: uppercase;}
#event header p:first-of-type {margin-bottom: 10px;}
#event header .content {position: relative; min-height: 180px;}
#event header .performances {margin: 0 0 20px 0; padding: 0; list-style-type: none;}
#event header .performances span {color: #d58936; margin: 0 5px;}
#event header .prices {margin: 0 0 20px 0; padding: 0; list-style-type: none;}
#event header .share {position: absolute; right: 30px; bottom: 42px; font-family: 'Oswald', Arial, Verdana, Sans-Serif; font-size: 15px; line-height: 19px; color: #fff; text-transform: uppercase;}
#event header .share .addtoany_shortcode {margin: 10px 0 0 -3px;}
#event .photos {margin: 0 0 40px 0;}
#event .photos .slides {margin: 0; padding: 0; list-style-type: none;}
#event .sponsors .logos {margin: 20px 0 -10px 0;}
#event .sponsors .logos > div {display: table-cell; width: 50%; vertical-align: middle; padding: 0 20px 10px 0;}
#event .recommended ul {margin: 0; padding: 0; list-style-type: none;}
#event .recommended li {margin: 0 0 20px 0;}
#event .recommended p {margin: 0 0 10px 0;}
#event .recommended .thumb {float: left; width: 85px; position: relative;}
#event .recommended .content {float: right; width: 100%; margin-top: -5px; margin-left: -105px;}
#event .recommended .content > div {margin-left: 105px;}
#event .recommended .more {font-family: 'Oswald', Arial, Verdana, Sans-Serif; font-size: 14px; text-transform: lowercase;}
#event .artist-bio .more {display: none;}
.event-type-rental#event header:before {background-color: #440e00;}
.event-type-local-favorites#event header:before {background-color: #761f08;}
.event-type-kpc-presents#event header h1 {color: #fff;}

.event-list {margin: 40px 0;}
.event-list h2 {margin: 0 0 10px 0; text-transform: uppercase;}
.event-list  > div + div {margin-top: 40px; padding-top: 40px; border-top: solid 1px #d5d5d5;}
.event-list .photo {float: left; width: 235px;}
.event-list .photo img {display: block; margin: 0 0 10px 0;}
.event-list .content {float: right; width: 100%; margin-left: -255px;}
.event-list .content > div {margin-left: 255px;}

/**
 * Front page
 */
#front-features {background: #242424; margin: 0 0 50px 0; display: table; table-layout: fixed;}
#front-features > .features {width: 80%; display: table-cell; vertical-align: middle; position: relative;}
#front-features .flex-direction-nav {margin: 0; padding: 0; list-style-type: none; display: none; position: absolute; bottom: -45px; left: 50%; font-size: 30px; line-height: 34px; margin-left: -42px;}
#front-features .flex-direction-nav li {float: left; margin: 0 10px;}
/*
#front-feautres .flex-direction-nav {margin: 0; padding: 0; list-style-type: none;}
#front-feautres .flex-direction-nav a {position: absolute; top: 50%; left: 0; color: #fff; font-size: 30px; z-index: 10;}
#front-feautres .flex-direction-nav a.flex-next {left: auto; right: 0;}
*/
#front-features > .nav {width: 20%; padding: 20px; display: table-cell; vertical-align: middle;}
#front-features > .nav > a {display: block; position: relative;}
#front-features > .nav > a + a {margin: 12px 0 0 0;}
#front-features > .nav > a.on {border: solid 1px #d58936;}
#front-features > .nav > a.on:before {position: absolute; content: ""; top: 50%; left: -18px; margin-top: -9px; border: solid 9px transparent; border-right-color: #d58936;}
#front-features > .nav > a.on > img {opacity: 1;}
#front-features > .nav > a > img {display: block; width: 100%; opacity: 0.4; transition: 0.25s ease;}
#front-features .slides {margin: 0; padding: 0; list-style-type: none; max-height: 594px; overflow: hidden;}
#front-features .slides li {float: left;}
#front-features .slide {position: relative; overflow: hidden;}
#front-features .slide > a > img {display: block; width: 100%; transition: all .5s ease-in-out;}
/*
#front-features .slide:hover img {transform: scale(1.1);}
*/
#front-features .slide .content {position: absolute; padding: 20px 20px 20px 30px; font-family: 'Oswald', Arial, Verdana, Sans-Serif; width: 460px; left: 0; bottom: 30px; background: #440e00; color: #fff; text-transform: uppercase;}
#front-features .slide .date {font-size: 16px;}
#front-features .slide .title {font-size: 40px; line-height: 44px; color: #d58936; margin: 5px 0 10px 0;}
#front-features .slide .more {position: absolute; right: 20px; bottom: 20px; font-size: 12px; color: #fff; text-transform: lowercase;}
#front-features .slide .more span {font-weight: 300; font-size: 22px; margin: 0 5px 0 0; position: relative; top: 3px;}
#front-features .vendini-buy-wrapper {min-height: 42px;}

#front-more {margin: 0 0 50px 0;}
#front-more > .more {float: left; width: 80%; padding-right: 2px;}
#front-more > .calendar-container {float: left; width: 20%;}

#front-content > .blog {float: left; width: 60%; border-right: solid 1px #fff;}
#front-content > .facebook {float: left; width: 40%;}
#front-content .bar-header {margin: 0 0 40px 0;}
#front-content .bar-header .action {top: 16px;}
#front-content .bar-header .action .fa {font-size: 30px;}
#front-content .post + .post {margin-top: 40px;}
#front-content .post .photo {float: left; width: 30%;}
#front-content .post .content {float: left; width: 70%; padding: 0 20px 0 30px; font-size: 14px; line-height: 19px;}
#front-content .post h3 {font-family: 'Cabin', Arial, Verdana, Sans-Serif; margin: 0 0 5px 0; font-size: 24px; line-height: 28px; color: #ab2328;}
#front-content .post p {margin: 0 0 10px 0;}

#front-photo img {display: block; margin: 50px 0 70px 0; width: 100%;}

/**
 * Blog
 */
article.post {margin: 0 0 40px 0; padding: 0 0 40px 0; border-bottom: solid 1px #bdbdbd;}
article.post > .photo {float: left; width: 40%;}
article.post > .content {float: left; width: 60%; padding: 0 0 0 40px;}
article.post h2 {margin: 0; font-family: 'Cabin', Arial, Verdana, Sans-Serif; font-size: 24px; line-height: 28px;}
article.post .meta {margin: 0 0 20px 0; font-size: 13px; line-height: 17px;}
article.post .addtoany_shortcode {margin: 10px 0 0 0;}

.blog-sidebar {padding: 20px; margin: 0 0 10px 0; background: #f4f4f4; font-size: 16px; line-height: 20px;}
.blog-sidebar .widget + .widget {margin: 40px 0 0 0;}
.blog-sidebar .widget-title {margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 20px; line-height: 24px; color: #440e00; text-transform: uppercase; border-bottom: solid 1px #b5b5b5;}
.blog-sidebar ul {margin: 0; padding: 0; list-style-type: none;}
.blog-sidebar ul li + li {margin-top: 5px;}
.blog-sidebar .widget_search .widget-title {border-bottom: none; padding: 0;}
.blog-sidebar .widget_search input[type="text"] {border: solid 1px #d3d3d3; display: block; width: 100%; margin: 0 0 10px 0;}
.blog-sidebar .widget_search button {color: #fff; font-size: 14px;}

/**
 * Forms
 */
form.form {width: 100%;}
form.form .row {padding: 0 0 5px 0;}
form.form .label {float: left; width: 90px;}
form.form .field {float: left; width: 190px;}

[type="submit"] {cursor: pointer; border-radius: 0; padding: 10px 20px; background: #d58936; border: none; font-family: 'Oswald', Arial, Verdana, Sans-Serif; font-size: 18px; line-height: 22px; color: #440e00; text-transform: uppercase; letter-spacing: 1px;}
[type="submit"] .fa {vertical-align: middle;}
[type="submit"]:hover {background: #c37a1c; color: #440e00;}

input,
select,
textarea {font-family: 'Cabin', Arial, Verdana, Sans-Serif; font-size: 15px; line-height: 19px; padding: 10px; border: none; border-radius: 0;}

.sidebar .gform_wrapper .top_label input.medium,
.sidebar .gform_wrapper .top_label select.medium ,
.sidebar .gform_wrapper textarea.medium {width: 100%; padding: 10px;}
.sidebar .gform_wrapper label.gfield_label + div.ginput_container {margin: 0 0 20px 0;}
.sidebar .gform_wrapper .top_label .gfield_label {margin: 0 0 10px 0;}
.sidebar .gform_wrapper .validation_error {color: #d58936; border-color: #d58936;}

.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label,
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label {font-weight: normal;}
.gform_wrapper .gfield_checkbox li input[type="checkbox"],
.gform_wrapper .gfield_radio li input[type="radio"],
.gform_wrapper .gfield_checkbox li input {margin-top: 5px;}
.gform_wrapper input[type="text"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper textarea.medium {padding: 10px; text-indent: 0;}
.gform_wrapper select option {padding: 0;}
.gform_wrapper .gfield_checkbox li,
.gform_wrapper .gfield_radio li {margin: 0;}

#gform_1 #field_1_1 label,
#gform_1 #field_1_2 label,
#gform_1 #field_1_3 label,
#gform_1 #field_1_6 .gfield_label,
#gform_1 #field_1_7 .gfield_label {display: none;}
#gform_1 li.field_description_above .gfield_description {margin: 0 0 10px 0; padding: 0; font-size: inherit; line-height: inherit; font-weight: bold;}
#gform_1 li.field_description_above .gfield_description span {font-weight: normal;}
#gform_1 .gfield_required {display: none;}
#gform_1 .gfield_time_hour,
#gform_1 .gfield_time_minute {width: auto;}
#gform_1 .gfield_time_hour input {min-width: 60px; max-width: 100px;}
#gform_1 .gfield_time_minute input {min-width: 60px; max-width: 100px;}
#gform_1 .ginput_container_time label {display: none !important;}

#field_1_6 {border-top: solid 1px #c46569; padding: 20px 0 0 0; margin: 20px 0 0 0;}
#field_1_7 {border-bottom: solid 1px #c46569; padding: 10px 0 20px 0; margin: 0 0 20px 0;}

/**
 * Loader CSS
 */
 .loader {
   margin: 100px auto;
   font-size: 12px;
   width: 1em;
   height: 1em;
   border-radius: 50%;
   position: relative;
   text-indent: -9999em;
   -webkit-animation: load5 1.1s infinite ease;
   animation: load5 1.1s infinite ease;
   -webkit-transform: translateZ(0);
   -ms-transform: translateZ(0);
   transform: translateZ(0);
   background: rgba(255,255,255,0.8);
 }
 @-webkit-keyframes load5 {
   0%,
   100% {
     box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
   }
   12.5% {
     box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
   }
   25% {
     box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
   }
   37.5% {
     box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
   }
   50% {
     box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
   }
   62.5% {
     box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
   }
   75% {
     box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
   }
   87.5% {
     box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #ffffff;
   }
 }
 @keyframes load5 {
   0%,
   100% {
     box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
   }
   12.5% {
     box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
   }
   25% {
     box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
   }
   37.5% {
     box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
   }
   50% {
     box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
   }
   62.5% {
     box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
   }
   75% {
     box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
   }
   87.5% {
     box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #ffffff;
   }
 }

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 1150px) {
}

@media only screen and (max-width: 1100px) {

    #front-more > .more {width: 60%;}
    #front-more > .calendar-container {width: 40%;}

    #footer-banner .newsletter .content,
    #footer-banner .newsletter .form {float: none; width: 100%;}
    #footer-banner .newsletter .content {margin: 0 0 5px 0;}

    #calendar-filter .col + .col {margin-left: 15px;}
    #calendar-filter select {width: 100px;}
    #calendar-filter input[type="text"] {width: 120px;}

    .events-grid > div {width: 50%; padding-bottom: 20px;}

}

@media only screen and (max-width: 1050px) {
}

@media only screen and (max-width: 1000px) {
}

@media only screen and (max-width: 950px) {
}

@media only screen and (max-width: 900px) {
}

@media only screen and (max-width: 850px) {

    #header .search,
    #header .social,
    #header .newsletter {display: none;}
    #header .toggle-menu {display: block;}

    #nav {display: none;}

    #footer-banner > div > div {display: block;}
    #footer-banner > div > div:before {display: none;}
    #footer-banner .newsletter,
    #footer-banner .box-office {display: block; width: 100%;}
    #footer-banner .newsletter {background-position: 18px center; padding: 0 0 20px 80px; margin: 0 0 20px 0; border-bottom: solid 1px #754f45;}
    #footer-banner .box-office {background-position: left center; padding: 0 0 0 80px;}

    #footer .upper > .left,
    #footer .upper > .right {float: none; width: 100%; padding: 0;}
    #footer .upper > .left {margin: 0 0 40px 0;}
    #footer .upper > .right {width: 460px; margin: 0 auto;}
    #footer .upper .map {width: 230px;}
    #footer .lower {padding-right: 0;}
    #footer .lower ul {display: block; margin: 5px 0 0 -9px;}
    #footer .lower {text-align: center;}
    #footer .lower .logo {position: relative; top: auto; right: auto; margin-top: 15px; display: inline-block;}

    #front-features {background: #440e00; margin-bottom: 80px;}
    #front-features > .nav {display: none;}
    #front-features .flex-direction-nav {display: block;}
    #front-features .slide .content {position: relative; bottom: auto; width: 100%;}

    #front-content > .blog,
    #front-content > .facebook {float: none; width: 100%; padding: 0; border: none;}

    #calendar-filter .filter-toggle {display: inline;}
    #calendar-filter .filters {display: none; padding: 10px 20px 0 0;}
    #calendar-filter .label {display: block;}
    #calendar-filter .col {display: block;}
    #calendar-filter .col + .col {margin: 10px 0 0 0;}
    #calendar-filter select,
    #calendar-filter input[type="text"] {width: 100%;}
    #calendar-filter [type="submit"] {display: block; margin: 10px 0 0 0;}

    #banner .banner-tabs {display: none;}

    #event > .left,
    #event > .right {float: none; width: 100%; padding: 0;}
    #event > .right {margin: 0 0 40px 0;}

    .calendar-page-body .calendar-nav,
    .calendar-page-body .calendar-container {display: none;}
    .calendar-page-body .events-list-container {display: block;}

    .calendar-nav a .text {display: none;}
    .calendar-nav > div {width: 15%;}
    .calendar-nav > div.date {width: 70%;}

    .left-sidebar-layout > .content,
    .left-sidebar-layout > aside {float: none; padding: 0; width: 100%;}
    .left-sidebar-layout > .content {padding: 40px 0;}

    .mobile-menu #page {right: 260px;}
    .mobile-menu #mobile-menu {right: 0;}

    .blog-sidebar-layout > .content,
    .blog-sidebar-layout > .content > div,
    .blog-sidebar-layout > aside {float: none; width: 100%; margin: 0;}

}

@media only screen and (max-width: 800px) {

}

@media only screen and (max-width: 750px) {

    .donor-list .col {float: none; width: 100%; padding: 0;}

}

@media only screen and (max-width: 700px) {

    #front-more > .more,
    #front-more > .calendar-container {float: none; width: 100%; padding: 0;}

}

@media only screen and (max-width: 650px) {

    #footer-banner .newsletter {background-position: top center; padding: 60px 0 20px 0; text-align: center;}
    #footer-banner .newsletter .content {padding: 0;}
    #footer-banner .newsletter .form {margin: 0 auto;}
    #footer-banner .box-office {background-position: top center; padding: 60px 0 0 0; text-align: center;}

    #footer .upper .nav,
    #footer .upper .sponsor {float: none; width: 100%; padding: 0;}
    #footer .upper .nav {margin: 0 0 30px 0; text-align: center;}
    #footer .upper .head img {margin: 0 auto;}
    #footer .upper .head {min-height: 0;}

    h1,
    #banner .title {font-size: 40px; line-height: 44px;}

    .block {padding: 20px;}

    .btn.lrg {padding: 17px 15px 17px 20px;}

    .columns.two > div {float: none; width: 100%; padding: 0;}

    article.post > .photo {float: left; margin: 0 20px 5px 0; max-width: 180px; width: auto;}
    article.post > .content {float: none; width: 100%; padding: 0;}

}

@media only screen and (max-width: 600px) {

    .event-list .photo,
    .event-list .content,
    .event-list .content > div {float: none; width: 100%; margin: 0;}
    .event-list .photo {margin: 0 0 10px 0;}

    #event header {padding-bottom: 30px;}
    #event header .share {position: relative; bottom: auto; right: auto; margin: 20px 0 0 0;}

}

@media only screen and (max-width: 550px) {

    #footer .upper > .right {width: 230px;}
    #footer .upper .map,
    #footer .upper .contact {float: none; width: 230px; padding: 0; margin: 0 auto; text-align: center;}
    #footer .upper .map {margin: 0 auto 5px auto;}
    #footer .social {width: 120px; margin: 20px auto 0 auto;}

}

@media only screen and (max-width: 500px) {

}

@media only screen and (max-width: 450px) {

    #header .logo {top: 8px;}
    #header .logo .wide {display: none;}
    #header .logo .tall {display: block;}

    #footer .upper .nav ul {float: none; width: 100%;}

    .events-grid > div {float: none; width: 100%; border: none;}

}

@media only screen and (max-width: 400px) {

    article.post > .photo {float: none; margin: 0 0 10px 0; max-width: 100%;}

}

@media only screen and (max-width: 350px) {
}

@media only screen and (max-width: 300px) {
}

@media only screen and (min-width: 851px) {

    #calendar-filter .filters {display: block !important;}

}