/* ------------------------------------ *\
PRODUCTION SITE --- THIS SITE IS HOT
\* ------------------------------------ */


/* ------------------------------------ *\
MAIN
\* ------------------------------------ */


<style>
.footer-nondiscrimination {
  clear: both;
  width: 100%;
  margin-top: 16px;
  padding-top: 12px;
  color: #ffffff;
  font-size: 8pt;
  line-height: 1.45;
  text-align: left;
}

.footer-nondiscrimination p {
  margin: 0;
  color: #ffffff;
  font-size: 8pt;
  line-height: 1.45;
  font-weight: 400;
}

.footer-nondiscrimination a {
  color: #ffffff;
  text-decoration: underline;
  font-size: 8pt;
  font-weight: 400;
}

.footer-nondiscrimination a:hover,
.footer-nondiscrimination a:focus {
  color: #ffffff;
  text-decoration: none;
}
</style>

/* Font Import */
@font-face {
    font-family: 'Myriad Pro';
    src: url('/wp-content/themes/MKAC/fonts/myriadpro.otf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('/wp-content/themes/MKAC/fonts/myriadpro-semibold.otf');
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: 'Trajan Pro';
    src: url('/wp-content/themes/MKAC/fonts/TrajanPro-Regular.eot');  /* IE9 Compat Modes */
    src: url('/wp-content/themes/MKAC/fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/MKAC/fonts/TrajanPro-Regular.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/MKAC/fonts/TrajanPro-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/MKAC/fonts/TrajanPro-Regular.svg') format('svg');  /* LEgacy iOS */
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Trajan Pro';
    src: url('/wp-content/themes/MKAC/fonts/TrajanPro-Bold.otf');
    font-style: normal;
    font-weight: bold;
}

@import url('https://fonts.googleapis.com/css?family=Great+Vibes');

/* FONT FORMATTING */
body {
    font-family: 'Myriad Pro', Helvetica, Arial, sans-serif;
    color: rgb(8, 5, 3);
}

.bold {
    font-weight: bold;
}

h2#subpage-title,
.page-title {
    border-left: 6px solid rgb(0, 126, 122);
    padding-left: 10px;
    font-family: 'Trajan Pro', serif;
    font-size: 1.5rem;
    letter-spacing: 2px;
    margin-bottom: 5%;
    margin-top: 1em;
}

/* Font-size */
.page-banner .banner-content h2 {
    font-size: 3rem;
    letter-spacing: 10px;
    text-shadow: 2px 2px 2px #000000;
}

p, ul li {
    line-height: 30px;
	font-size: 1.1rem;
}

/* Heading Styles */
/*h2,
h3 {
    text-transform: uppercase;
}*/

.main-content h4 {
    color: rgb(0, 126, 122);
    font-size: 1.25rem;
}

article.news-single h2,
#single-event-about .tribe-events-single-event-description h2 {
    font-size: 2rem;
    line-height: 45px;
}
article.news-single h3,
#single-event-about .tribe-events-single-event-description h3 {
    font-size: 1.5rem;
}
article.news-single h4,
#single-event-about .tribe-events-single-event-description h4 {
    font-size: 1.25rem;
}
article.news-single h5,
#single-event-about .tribe-events-single-event-description h5 {
    font-size: 1.1rem;
}

/* FONT COLORS */

/* white */
.page-banner .banner-content h2 {
    color: white;
    color: rgb(255, 255, 255);
    color: #ffffff;
    font-family: 'Trajan Pro', serif;
}

/* Teal */
a {
    color: rgb(0, 126, 122);
    border-bottom: 1px solid rgb(0, 126, 122);
    text-decoration: none;
}

/* global box-sizing */
*,
*::after,
*::before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

img {
    width: 100%;
    height: auto;
}

/* ------------------------------------ *\
STRUCTURE
\* ------------------------------------ */

/* CONTAINER */
html {
    background: #fefdfd;
}

body.page-template-sub-level-page {
    max-width: 2000px;
    margin: auto;
    box-shadow: 4px 4px 30px #00000021;
    background: white;
}

body.home {
    max-width: none;
}


/* Header */
#topnav {
    border-top: 5px solid rgb(0, 126, 122);
}

#headernavbar .header-logo-container {
    text-align: center;
}

#headernavbar #logo-link-wrapper {
    display: inline-block;
    border: none;
}

.header-logo {
    display: inline;
    margin: 2% auto;
    padding: 1em;
    max-width: 275px;
    width: 100%;
}

/* Searchbar  */
#mega-menu-wrap-extra-menu #mega-menu-extra-menu > li.mega-menu-megamenu > ul.mega-sub-menu > .widget_search {
    background-color: rgb(255, 255, 255);
    box-shadow: 4px 4px 30px -4px #0000009e;
    text-align: right;
}

#mega-menu-wrap-extra-menu #mega-menu-extra-menu > li.mega-menu-megamenu > ul.mega-sub-menu > .widget_search form input.search-input {
    width: 100%;
    max-width: 200px;
    padding: 8px 2px;
}

/* Footer */
footer {
    background: rgb(8, 5, 3);
    padding: 2% 0 0;
    color: white;
}

.footer-col-wrapper {
    max-width: 1650px;
    margin: auto;
    padding: 5%;
}

footer > .footer-col-wrapper > .footer-col a {
    color: white;
    color: #ffffff;
    color: rgb(255, 255, 255);
    transition: 0.45s;
}

footer > .footer-col-wrapper > .footer-col a:hover {
    color: rgb(0, 126, 122);
}

#footer-col1 img {
    width: 100%;
    max-width: 300px;
    margin-bottom: 1em;
}

#footer-col1 a,
#footer-col3 a {
    border-bottom: none;
}

.footer-col p {
    margin: 0;
}

#footer-col2 nav div {
    display: inline-block;
    width: calc(100% / 2 - 1em);
    vertical-align: top;
    max-width: 150px;
}

#footer-col2 nav div a {
    display: block;
    border-bottom: none;
    text-decoration: underline;
}

#footer-copyright {
    background-color: rgb(0, 126, 122);
    margin-top: 1%;
}

#footer-copyright {
    text-align: center;
    width: 100%;
}

.footer-policies a {
    color: white;
    font-size: 0.75rem;
    text-align: right;
}

/* EMAIL SUBSCRIBE FORM */
#footer-col3 .field-wrap > div input {
    max-width: 300px;
    display: inline-block;
    border: none;
    padding: 10px 25px;
}

.field-wrap input[type=button] {
    display: inline;
    background: rgb(0, 126, 122);
    color: white;
    color: #ffffff;
    color: rgb(255, 255, 255);
    padding: 10px 25px;
}

.field-wrap input[type=button]:hover,
footer #footer-col3 a:hover i {
    transition: all 0.2s;
}

footer #footer-col3 a:hover i {
    color: rgb(0, 126, 122);
}

.field-wrap input[type=button]:hover,
footer #footer-col3 a:hover i {
    transform: scale(1.1);
}

/* Social Links */
footer #footer-col3 a {
    font-size: 1.75rem;
}

footer #footer-col3 .fa-tripadvisor,
footer #footer-col3 .fa-instagram {
    background: white;
    color: rgb(8, 5, 3);
    border-radius: 5px;
    padding: 1px 2px;
    font-size: 1.5rem;
    vertical-align: top;
}

footer #footer-col3 .fa-tripadvisor:hover,
footer #footer-col3 .fa-instagram:hover {
    background: rgb(0, 126, 122);
    color: rgb(8, 5, 3);
}

/* App Store Links */
footer #footer-col3 div.app-links img {
    width: 100px;
    height: auto;
    vertical-align: top;
    margin-top: 15px;
}

/* -- Links and Buttons -- */
/*.button,
.tribe-events-read-more {
    background: rgb(8, 5, 3);
    border-radius: 5px;
    color: rgb(255, 255, 255);
    padding: 15px 25px;
    min-width: 100px;
    width: 150px;
    text-transform: uppercase;
    letter-spacing: 4px;
    text-decoration: none;
    font-size: 0.75rem;
    transition: all 0.3s;
}*/

/* BUTTON HOVER EFFECT */

/* Bounce To Right */
.button {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    color: white;
    color: rgb(255, 255, 255);
    color: #ffffff;
    background: rgb(8, 5, 3);
    text-decoration: none;
    padding: 10px 25px;
}

.button::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0, 126, 122);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.button:hover, .button:focus, .button:active {
    color: white;
}

.button:hover:before, .button:focus:before, .button:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* BUTTON DARK BACKGROUND */
.button-dark,
.blackbg .button {
    color: white;
    color: rgb(255, 255, 255);
    color: #ffffff;
    background: rgb(0, 126, 122);
    text-decoration: none;
    padding: 10px 25px;
}

.button-dark,
.blackbg .button::before {
    background: rgb(0, 131, 127);
}


/* Hover Animation Effects from Hover.CSS (http://ianlunn.github.io/Hover/) and used under MIT License */

/* ICON FADE BUTTON EFFECT */
.hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transition: 0.2s;
}

.hvr-icon-spin .hvr-icon {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.hvr-icon-spin:hover .hvr-icon,
.hvr-icon-spin:focus .hvr-icon,
.hvr-icon-spin:active .hvr-icon {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.hvr-icon-spin:hover {
    transform: scale(1.05);
}

/* Float Shadow */
.hvr-float-shadow {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-float-shadow::before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);

    /* move the element up by 5px */
}

.hvr-float-shadow:hover::before,
.hvr-float-shadow:focus::before,
.hvr-float-shadow:active::before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);

    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* SCROLL TO TOP BUTTON */
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 30px;
    background: #080503;
    color: #ffffff;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: all 0.2s ease-out;
    opacity: 0;
    padding: 5px;
}

#back-to-top i {
    font-size: 1.2em;
}

#back-to-top:hover {
    background: #261910;
}

#back-to-top.show {
    opacity: 1;
}

/* HIDDEN CLASS FOR WAYPOINT ANIMATIONS */
.hide {
    opacity: 0;
}

/* Hero Img */
.hero {
    height: auto;
    box-shadow: 0 10px 50px -10px #666666;
}

/* -- HERO - Black text background -- */
main .blackbg {
    background: rgba(8, 5, 3, 0.6);
    padding: 15px;
    width: 100%;
    height: auto;
    color: white;
}

.home main .blackbg {
    background: rgba(8, 5, 3, 0.22);
}

main .blackbg h1 {
    font-family: "Trajan Pro", serif;
    text-shadow: 2px 2px 5px rgb(8, 5, 3);
    font-size: 3rem;
    font-weight: normal;
}

main .blackbg h1 {
    text-align: center;
    padding-top: 5%;
}

.home .blackbg h1 {
    padding-top: 0;
}

.home .blackbg h1 span {
    display: block;
    font-family: 'Great Vibes', cursive;
    line-height: 100%;
}

#support-page main .blackbg h1 span {
    display: block;
    font-size: 4rem;
}

main .blackbg p {
    font-size: 1.05rem;
    line-height: 150%;
    max-width: 750px;
    margin-bottom: 5%;
}

main .blackbg p {
    margin: 0 auto 2%;
}

#support-page main .blackbg .button {
    margin-left: 40%;
}

.hero-buttons {
    text-align: center;
}

.blackbg .button {
    display: block;
    margin: 2% auto;
    padding: 15px;
    border-bottom: none;
}

img.scrollicon {
    display: block;
    width: 100%;
    max-width: 30px;
    margin: 5% auto 0;
    animation-duration: 5s;
    -moz-animation-duration: 5s;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    animation-delay: 5s;
    -moz-animation-delay: 5s;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
}

/* --- Sub-body content --- */
article.main-content p + h2,
article.main-content ul + h2,
article.main-content ul + h3,
article.main-content h2 + p + h3,
article.main-content p + h3 {
    margin-top: 5%;
}

article.main-content h3 + p + h3,
article.main-content h3 + ul + h3,
article.main-content h3 + .ufaq-faq-list + h3 {
    margin-top: 5%;
}

.after-hero {
    padding: 5%;
    max-width: 1200px;
    margin: auto;
}

/* --- VENUE PAGE --- */
.the-venue .after-hero {
    max-width: none;
    padding: 0;
}

.the-venue .venue-faq {
    margin: 15% 0;
}

.the-venue .ufaq-faq-body {
    padding: 0;
}

.venue-contact iframe {
    display: block;
    width: 100%;

}

.support-contact {
    background: rgb(8, 5, 3);
    padding: 0.5%;
    text-align: center;
}

.support-contact h3,
.support-contact h3 a {
    color: white;
}

.the-venue .max-wrapper {
    max-width: 1100px;
    margin: auto;
}

.the-venue div.tmm_contact-the-staff {
    margin: 5% auto;
    max-width: 1800px;
}

.the-venue div.tmm_contact-the-staff i.contact-icons {
    font-size: 1.5rem;
    margin: 5px 10px;
    vertical-align: top;
    color: rgb(8, 5, 3);
    transition: all 0.2s;
}

.the-venue div.tmm_contact-the-staff i.contact-icons:hover {
    color: rgb(0, 126, 122);
    transform: scale(1.05);
}

@media (min-width: 850px) {

    .venue-contact iframe {
        float: right;
        margin-top: -10%;
        width: 500px;
        height: 300px;
    }
}

@media (min-width: 950px) {

    .the-venue .venue-faq {
        margin: 0;
        padding: 0;
    }

    .the-venue .venue-cols {
        padding: 5% 0;
    }

    .venue-cols div {
        width: calc(100% / 3 - 1em);
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }

    .venue-cols div h3 {
        text-align: center;
    }

    .venue-cols div h3 i {
        display: block;
        font-size: 4rem;
        margin-bottom: 15px;
    }

    .venue-cols div p {
        padding: 10px 25px;
    }
}

/* Three Columns */
.venue-about {
    text-align: center;
    padding: 5%;
}

.venue-about h3 i {
    color: rgb(0, 126, 122);
    font-size: 2rem;
    opacity: 0;
    transition: 2s;
    display: block;

}

.venue-about h3 i.waypoint-animate {
    opacity: 1;
}



.the-venue .foogallery .fg-caption {
    background-color: rgba(0, 126, 122, 0.5);
}

.the-venue .foogallery figure figcaption.fg-caption div.fg-caption-desc {
    display: none;
}

.the-venue .foogallery figcaption .fg-caption-title {
    font-weight: bold;
    font-size: 1.5rem;
}

.the-venue .fbx-light .fbx-caption {
    text-align: left;
    padding: 1rem;
    background-color: rgba(0, 0, 0, 0.87);
}

.the-venue .fbx-rounded .fbx-caption  .fbx-caption-title {
    font-weight: bold;
    font-size: 1.3rem;
}

.the-venue .fbx-rounded .fbx-caption  .fbx-caption-desc {
    font-size: 1rem;
}

.venue-gallery {
    background: black;
}

#venue-info-container {
    padding: 5% 10%;
    opacity: 0;
}

#venue-info-container.animated.fadeInRightBig {
    opacity: 1;
}

.venue-contact {
    padding: 5% 15%;
    background: rgb(0, 126, 122);
    background: linear-gradient(45deg, #007e7ae0, #321c76eb), url('/wp-content/uploads/2018/04/mkac_exterior.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


.venue-contact,
.venue-contact a {
    color: white;
}

.venue-directory {
    padding: 5% 15%;
}

/* VENUE HISTORY TIMELINE */
.block-content {
    min-height: 100vh;
}

block-content p {
    font-size: 1.1em;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    margin: 0 auto 1em auto;
}

.block-content h2 {
    text-align: center;
    margin: 1em 0 0 0;
    font-size: 2.5em;
    line-height: 1;
    letter-spacing: 0.02em;
}

.subtitle {
    text-align: center;
    font-size: 1em;
    margin: 0.5em 0;
}

.heading-group {
    margin: 0 0 3em 0;
}

.timeline-content h3 {
    font-size: 1.2em;
    line-height: 1.2;
    letter-spacing: 0.02em;
}

@media all and (min-width: 40em) {

    .timeline-content h3 {
        font-size: 1.25em;
    }
}

.l-block-spacing {
    min-height: 80vh;
    padding: 2em 0 4em 0;

}

.l-contained {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1em;
    padding-right: 1em;
}

@media all and (min-width: 40em) {

    .l-contained {
        padding-left: 2em;
        padding-right: 2em;
    }
}

.timeline-list {
    border-left: 5px solid #ffffff;
    padding-bottom: 1em;
    position: relative;
    max-width: 700px;
    margin: 0 auto;
    padding-left: 0;
}

.timeline-list::before {
    content: "";
    border-left: 5px solid #080503;
    left: -0.25em;
    top: 2em;
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    transform-origin: 0 0;
    animation: scaleVertical 3s 1s ease both 1;
}

.timeline-list::after {
    content: "";
    clear: both;
    position: absolute;
    bottom: 1;
    left: -0.8em;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: none repeat scroll 0% 0% #080503;
    border: 5px solid #080503;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    animation: revealScaleUp 0.75s 2.82s ease both 1;
}

.t-block-teal p {
    color: rgb(8, 5, 3);
}

/* list animation  scale in the circle, followed by the list item the border must also animate in. */
.timeline-list li {
    margin: 0 0 3em 0;
    padding: 0 2em 0 2em;
    position: relative;
    list-style-type: none;
}

.timeline-list li::before {
    content: "";
    position: absolute;
    top: 0;
    left: -1.15rem;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: none repeat scroll 0% 0% rgb(0, 126, 122);
    border: 5px solid rgb(0, 126, 122);
    animation: revealScaleUp 0.75s 0s ease both 1;
}

.timeline-list {
    animation: reveal 2s 0 ease both 1;
}

.timeline-list li .timeline-content {
    animation: revealFromLeft 0.5s 0s ease both 1;
}

.timeline-list li:nth-child(1)::before {
    animation-delay: 0.85s;
}

.timeline-list li:nth-child(1) .timeline-content {
    animation-delay: 1.05s;
}

.timeline-list li:nth-child(2)::before {
    animation-delay: 1.2s;
}

.timeline-list li:nth-child(2) .timeline-content {
    animation-delay: 1.5s;
}

.timeline-list li:nth-child(3)::before {
    animation-delay: 1.8s;
}

.timeline-list li:nth-child(3) .timeline-content {
    animation-delay: 2.1s;
}

.timeline-list li:nth-child(4)::before {
    animation-delay: 2s;
}

.timeline-list li:nth-child(4) .timeline-content {
    animation-delay: 2.3s;
}

.timeline-list li:nth-child(5)::before {
    animation-delay: 2.4s;
}

.timeline-list li:nth-child(5) .timeline-content {
    animation-delay: 2.9s;
}

.timeline-list li:nth-child(6)::before {
    animation-delay: 2.8s;
}

.timeline-list li:nth-child(6) .timeline-content {
    animation-delay: 3.1s;
}

@keyframes revealFromLeft {

    0% {
        transform: translateX(-1em);
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes reveal {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes scaleVertical {

    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes revealScaleUp {

    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    50% {
        opacity: 1;
        transform: scale(1.3);
    }

    100% {
        opacity: 1;
        transform: scale(1);

    }
}

/* Venue Rental Request Form */
.rent-the-venue .rental-wrapper {
    max-width: 950px;
}

.rent-the-venue .rental-wrapper select {
    height: 45px;
}

/* ------------------------------------ *\
BASIC SUBPAGE
\* ------------------------------------ */

.page-banner {
    padding: 10% 5%;
}

.error404 .page-banner {
    background: linear-gradient(rgba(8, 5, 3, 0.17), rgba(0,0,0,.8)), url('/wp-content/uploads/2018/04/7dancers.png') bottom center no-repeat;
    background-size: cover;
}


article.main-content {
    padding: 3% 5%;
    max-width: 1450px;
    margin: auto;
    background: white;
    background: rgb(255, 255 255);
    background: #ffffff;
}

.button-parent {
    margin: 3% 0;
}

/* SIDEBAR */

aside.sidebar div.upcoming-widget img {
    display: none;
}

aside .upcoming-widget div.tribe-events-list-widget {
    background: linear-gradient(45deg, #007e7af0, #321c76eb), url('/wp-content/uploads/2018/04/mkac_exterior.png') no-repeat center center;
    background-size: cover;
    color: white;
}

aside .upcoming-widget div.tribe-events-list-widget,
aside div.widget_recent_entries,
aside div#custom_html-2 {
    padding: 5% 0;
}

aside .upcoming-widget div.tribe-events-list-widget h3,
aside .upcoming-widget div.tribe-events-list-widget p.tribe-events-widget-link {
    padding-left: 1.5rem;
}

aside .upcoming-widget ol,
aside .upcoming-widget ol li {
    padding-left: 0;
}

aside * {
    color: white;
}

aside {
    margin-bottom: 1em;
    box-shadow: 5px 5px 10px #666666;
}

aside section.searchbar {
    display: none;
}

aside.sidebar #tribe-events-adv-list-widget-3 {
    background: #000000;
    padding: 1rem;
    margin-top: 3rem;
}

aside div.widget_recent_entries {
    background: rgb(0, 126, 122);
    padding: 1em;
}

aside a {
    border-bottom: none;
}

aside div#recent-posts-3 h3 {
    margin-bottom: 0;
}

aside div#recent-posts-3 ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 2%;
}

aside div#recent-posts-3 ul li {
    padding: 0.5rem 0;
    font-size: 0.9rem;
}

aside div#custom_html-2 {
    max-width: 350px;
    margin: auto;
    background: white;
}

aside div#custom_html-2 h3 {
    display: none;
}

/* ------------------------------------ *\
INDIVIDUAL PAGE STYLES
\* ------------------------------------ */

/* HOME PAGE */

/* Welcome */
.home .welcome {
    padding: 5% 5% 10%;
    max-width: 1200px;
    margin: auto;
}

.home .welcome p {
    margin-bottom: 5%;
}

/* Welcome Tiles */
.welcome-tile {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 1.2rem;
    margin: 1% auto;
    padding: 15% 5%;
    opacity: 0.9;
}

.welcome-tile a {
    color: white;
    border-bottom: none;
}

.welcome-tile:hover {
    opacity: 1;
}

#broadway-tile {
    background: radial-gradient(rgba(8, 5, 3, 0.4), rgba(8, 5, 3, 0.5)), url('/wp-content/uploads/2018/04/DanceFacets2018.jpg') no-repeat center center;
    background-size: cover;
}

#nfso-tile {
    background: radial-gradient(rgba(8, 5, 3, 0.4), rgba(8, 5, 3, 0.5)), url('/wp-content/uploads/2018/09/NFSO34of48.jpg') no-repeat center center;
    background-size: cover;
}

#art-tile {
    background: radial-gradient(rgba(8, 5, 3, 0.4), rgba(8, 5, 3, 0.5)), url('/wp-content/uploads/2018/06/ECNational2018_03.png') no-repeat center center;
    background-size: cover;
}

#college-tile {
    background: radial-gradient(rgba(8, 5, 3, 0.4), rgba(8, 5, 3, 0.5)), url('/wp-content/uploads/2018/05/madrigals_nominated.jpg') no-repeat center center;
    background-size: cover;
    max-height: 264px;
    vertical-align: bottom;
}

/* Coming this season */
.this_season {
    background: #f5f5f5;
    color: rgb(8, 5, 3);
    padding: 15% 0;
    text-align: center;
}

.this_season h2 {
    font-size: 1.5rem;
    color: rgb(0, 126, 122);
    font-weight: normal;
}

.this_season img {
    max-width: 850px;
}

.this_season .button-parent {
    margin-bottom: 0;
}

/* Promos */
.home .promos {
    text-align: center;
    background: rgb(8, 5, 3);
    color: white;
}

.home .promos a {
    color: white;
    border-bottom: none;
}

.home .promos a i {
    vertical-align: middle;
}

.home .promos h3,
.home .promos p {
    display: inline-block;
    margin: 1em;
}

/* Upcoming Events */
.home .upcoming {
    background: linear-gradient(45deg, rgba(0, 126, 122, 0.97), rgba(51, 0, 128, 0.96)), url('/wp-content/uploads/2018/04/conductor.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    padding: 5% 0;
    color: white;
    text-align: center;
    font-size: 1.5rem;
    box-shadow: 4px 4px 30px -4px #000000;
}

.home .upcoming h3 {
    font-size: 3rem;
    margin-bottom: 0;
}

.home .upcoming a {
    color: white;
}

.home .upcoming .tribe-events-list-widget .tribe-events-list-widget-events {
    margin-bottom: 2rem;
}

.home .upcoming .tribe-events-list-widget .tribe-list-widget {
    padding-left: 0;
}

.home .upcoming .tribe-events-list-widget .tribe-events-list-widget-events .tribe-event-duration {
    font-size: 1rem;
    margin: 10px 0;
}

.home .upcoming img {
    max-width: 600px;
    display: inline-block;
}

.home .upcoming .tribe-events-widget-link a i {
    vertical-align: middle;
}

.home .upcoming .tribe-mini-calendar-event {
    border-bottom: none;
}

.home .upcoming .tribe-mini-calendar-event .list-info {
    width: 100%;
}

.home .upcoming .tribe-mini-calendar-event .list-info h2 {
    font-size: 1.5rem;
    line-height: normal;
}

@media(min-width: 1200px) {
    .home section.upcoming .tribe-events-adv-list-widget .type-tribe_events {
        margin: 0 0.25rem;
        padding: 2rem;
        width: calc(100% / 3 - 1rem);
        display: inline-block;
        vertical-align: top;
    }
}
/* Testimonials */
.home .testimonials {
    padding: 2% 0;
}

.home .testimonials div#n2-ss-8-align {
    margin-left: 0;
}

.home .testimonials blockquote {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    font-style: italic;
}

.home .testimonials blockquote i {
    padding: 0 15px;
    color: rgb(0, 126, 122);
    font-size: 2rem;
    vertical-align: middle;
}

.home .testimonials blockquote cite {
    font-weight: normal;
    font-size: 1rem;
}

/* CTAs */

/*
.home .bottom_ctas {
    padding: 0 10% 5%;
}

.cta-cols {
    width: calc(100% / 3 - 1em);
    display: inline-block;
    text-align: center;
    font-size: 1rem;
}

.cta-cols h3 a {
    border-bottom: none;
}

.cta-cols h3 a i {
    display: block;
    font-size: 3rem;
}
*/

/* END HOME PAGE */

/* FIND YOUR SEAT */
img.seating-chart {
    max-width: 500px;
    margin: 5% auto 2%;
    display: block;
}

.find-your-seat .foobox {
    border-bottom: none;
}

/* END // FIND YOUR SEAT */

/* ----- EVENTS CALENDAR: Upcoming Shows ------ */
.events-archive .events-container {
    background: #f5f5f5;
}


.tribe-events-list .events-container #tribe-events {
    margin: auto;
}

.tribe-events-list div.type-tribe_events,
.tribe-events-single .padding-adjust {
    padding: 5%;
}

h2.tribe-events-page-title {
    font-weight: bold;
    font-size: 2rem;
}

.events-container div#tribe-events-bar {
    max-width: 1400px;
    margin: auto;
}

.events-container #tribe_events_filters_wrapper.tribe-events-filters-horizontal,
.events-container tribe-filters-closed #tribe_events_filters_wrapper.tribe-events-filters-horizontal {
    max-width: 1400px;
    margin: auto;
}

.tribe-events-list .events-list .tribe-events-list-separator-month {
    padding: 0;
}

.tribe-events-list span.tribe-events-list-separator-month span {
    display: block;
    font-size: 2rem;
    font-weight: bold;
}

.tribe-events-list .tribe-events-loop .tribe-events-list-separator-month {
    background-color: rgb(255, 255, 255);
    padding-left: 0;
}

.events-list .events-container #tribe-events-content .events-list .tribe-events-loop !important,
.events-container #tribe-events-content .events-list .tribe-events-loop !important,
.events-container #tribe-events-content .single-tribe_organizer .events-container #tribe-events-content.tribe-events-list .tribe-events-loop !important,
.events-container #tribe-events-content.tribe-events-list .single-tribe_venue .tribe-events-loop !important,
.events-container #tribe-events-content.tribe-events-list .tribe-events-day .tribe-events-loop !important {
    max-width: 950px;
}

.events-container #tribe-bar-form .tribe-bar-submit input[type="submit"] {
    background: rgb(0, 126, 122);
}

.events-container .tribe-events-list-separator-month span {
    background-color: rgb(0, 126, 122);
    padding: 1% 2%;
    max-width: 300px;
    color: white;
    -webkit-clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);
}

.events-container #tribe-events #tribe-events-content {
    max-width: 1450px;
    margin: auto;
}

#tribe-events .tribe-events-list .tribe-events-loop {
    background: white;
}

.events-container #tribe-events #tribe-events-content.tribe-events-list * {
    float: none;
}

#tribe-events .tribe-events-event-cost span {
    border: none;
}

#tribe-events a {
    text-decoration: none;
    border-bottom: none;
}

.events-container #tribe-events #tribe-events-content.tribe-events-list .tribe-events-loop .tribe-events-event-meta {
    margin: 2% 0 0;
    font-size: 1rem;
    max-width: 400px;
}

.events-container #tribe-events .tribe-events-loop .tribe-events-event-meta i,
span.ticket-cost i {
    font-size: 1.2rem;
    padding: 5px;
    color: rgb(0, 126, 122);
}

span.ticket-cost i,
.tribe-events-event-cost span {
    margin-top: 0;
    padding-top: 0;
    text-align: left;
}

.tribe-events-event-cost span {
    padding-left: 0;
}

.events-container #tribe-events #tribe-events-content .tribe-event-url {
    color: rgb(8, 5, 3);
}

div.tribe-events-list-event-description h4::after {
    width: 50%;
    height: 2px;
    background-color: rgb(0, 126, 122);
    content: "";
    display: block;
}

#tribe-events .tribe-events-venue-details {
    margin: 0;
}

#tribe-events .tribe-events-list .tribe-events-list-event-title {
    max-width: 550px;
}

.tribe-events-list span.tribe-address span.tribe-street-address,
.tribe-events-list span.tribe-address span.tribe-locality,
.tribe-events-list span.tribe-address span.tribe-delimiter,
.tribe-events-list span.tribe-address abbr,
.tribe-events-list span.tribe-address span.tribe-postal-code,
.tribe-events-list span.tribe-address span.tribe-country-name,
.tribe-events-list .tribe-events-event-meta .tribe-events-gmap {
    display: none;
}

#tribe-events .tribe-events-list .tribe-events-loop .tribe-events-event-image,
#tribe-events .tribe-events-list .tribe-events-loop .tribe-events-event-image a img {
    width: 100%;
}

#tribe-events .tribe-events-list .type-tribe_events {
    border-bottom: none;
}

.tribe-events-nav-next,
.tribe-events-nav-previous {
    background: rgb(8, 5, 3);
    padding: 5px 10px;
}


.tribe-events-read-more {
    margin-top: 5%;
    display: block;
    width: 200px;
}

#tribe-bar-form {
    background: #ffffff;
    box-shadow: 1px 5px 5px 0 #dddddd;
}

/* Calendar View */

#tribe-events .tribe-events-tooltip .tribe-event-description p {
    line-height: 20px;
}

#tribe-events .tribe-events-tooltip .tribe-event-duration abbr.tribe-event-date-start {
    font-weight: bold;
}

#tribe-events ul.tribe-events-sub-nav li.tribe-events-nav-next a,
#tribe-events ul.tribe-events-sub-nav li.tribe-events-nav-previous a {
    color: white;
    padding: 10px;
    background: rgb(8, 5, 3);
}

/* PHOTO GRID VIEW */
#tribe-events .type-tribe_events.tribe-events-photo-event .tribe-events-photo-event-wrap {
    background: #ffffff;
}

#tribe-events .tribe-events-photo .tribe-events-list-photo-description {
    width: 100%;
}

#tribe-events #tribe-events-content.tribe-events-photo .tribe-events-event-details {
    padding: 0 1rem;
}

#tribe-events #tribe-events-content.tribe-events-photo .tribe-events-event-details h3.tribe-events-list-event-title {
    margin: 0;
}

#tribe-events #tribe-events-content.tribe-events-photo .tribe-events-event-details .tribe-events-event-meta i {
    font-size: 1rem;
}

.events-container #tribe-events #tribe-events-content.tribe-events-photo .tribe-events-list-photo-description h3.tribe-events-list-event-title a.tribe-event-url {
    font-size: 1.25rem;
}

.events-container #tribe-events #tribe-events-content.tribe-events-photo .tribe-events-list-photo-description p {
    font-size: 0.9rem;
    line-height: 1.5;
}

/* SINGLE EVENT PAGE */

/* TICKET AVAILABILITY DATE DISCLAIMER */
.single-tribe_events article.season-available {
    background: rgb(0, 126, 122);
    padding: 1px;
    font-size: 1.1rem;
    box-shadow: 1px 1px 10px 1px #0000003d;
}

.single-tribe_events article.season-available p {
    text-align: center;
}

.single-tribe_events article.season-available p a {
    font-weight: bold;
    text-align: center;
    color: white;
    color: #ffffff;
    color: rgb(255, 255, 255);
    margin: 0;
}

/* Hide the slider inserted via plugin settings */
.tribe-events-single {
    max-width: none;
}

/* Hide heading margin */
.single-tribe_events #tribe-events-header {
    margin: 0;
}

.events-container > h2 {
    display: none;
}

.single-tribe_events .tribe-events-before-html {
    display: none;
}

.tribe-events-single .tribe-events-meta-group {
    font-size: 1rem;
}

.single-tribe_events .events-container #tribe-events #tribe-events div.type-tribe_events {
    padding-top: 0;
}

.single-tribe_events .tribe-events-event-image {
    text-align: left;
    margin-bottom: 0;
}

.single-tribe_events div.tribe-events-event-image img {
    max-width: 900px;
    text-align: left;
}

.single-tribe_events div.tribe-events-single-event-description p img.shrink {
    max-width: 250px;
}

.single-tribe_events h1.single-event-banner {
    background: linear-gradient(rgba(8, 5, 3, 0.87), rgba(8, 5, 3, 0.81)), url('/wp-content/uploads/2018/04/7dancers.png') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    color: white;
    padding: 4% 5%;
    font-family: 'Trajan Pro', serif;
    font-size: 1rem;
    letter-spacing: 10px;
    margin: 0;
}

section#single-event-meta {
    background: linear-gradient(45deg, rgba(0, 126, 122, 0.9), #34007eb3), url('/wp-content/uploads/2018/04/venue.png') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    padding: 1em;
}

section#single-event-meta h2.tribe-events-related-events-title {
    color: white;
    color: rgb(255, 255, 255);
    color: #ffffff;
    text-align: center;
}

#tribe-events section#single-event-about .tribe-events-content p {
    font-size: 1.1rem;
    margin: 0 5% 1% 0;
}

#tribe-events section#single-event-about .tribe-events-content p iframe {
    width: 100%;
    max-width: 853px;
}

#tribe-events section#single-event-about .tribe-events-schedule h2 {
    font-size: 1.5rem;
    display: block;
}

#tribe-events section#single-event-about .tribe-events-schedule h3,
#tribe-events section#single-event-about .tribe-events-schedule .tribe-events-cost {
    font-size: 1rem;
    color: rgb(0, 126, 122);
    margin: 1% 0 2%;
    display: block;
}

#tribe-events #single-event-about aside.sidebar {
    display: none;
}

#tribe-events div.tribe-events-single-section {
    margin: 5% 10%;
}

#tribe-events div.tribe-events-single-section dl dd {
    margin: 0 0 1em 0;
    font-size: 1rem;
}

#tribe-events div.tribe-events-single-section a {
    color: rgb(0, 126, 122);
}

#tribe-events div.tribe-events-single-section dl dd abbr[title] {
    border: none;
}

.single-tribe_events .tribe-events-cal-links {
    text-align: right;
}

#tribe-events .tribe-events-button:hover,
.tribe-events-button.tribe-active:hover,
.tribe-events-button.tribe-inactive,
.tribe-events-button:hover {
    color: white;
    color: #ffffff;
    color: rgb(255, 255, 255);
}

#tribe-events-footer ul li.tribe-events-nav-next {
    background: none;
}



/* ----- NFSO ------ */
.nfso .after-hero {
    padding: 0;
    max-width: none;
}

.nfso main article section {
    padding: 5% 10%;
}

#nfso-community h2,
#nfso-sponsors h2,
#nfso-about h2:first-of-type,
#nfso-conductor h2,
.nfso #guild h2 {
    letter-spacing: 3px;
    font-size: 1.2rem;
    text-transform: uppercase;
}

/* ------ NFSO UPCOMING EVENTS BOX ---- */
#nfso-upcoming {
    text-align: center;
    background: #002635;
    color: white;
    color: rgb(255, 255, 255);
    color: #ffffff;
    padding: 2% 0;
    margin: auto;
}

#nfso-upcoming h2 {
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 3px;
}

#nfso-upcoming h2.border-bottom::after {
    border-bottom: 2px solid rgb(0, 126, 122);
    padding-bottom: 1rem;
    display: block;
    content: '';
    width: 100px;
    margin: 1rem auto 3%;
}

#nfso-upcoming div.tribe-events-category-nfso {
    max-width: 450px;
    display: inline-block;
    text-align: left;
}

#nfso-upcoming div.tribe-events-category-nfso img {
    box-shadow: 3px 3px 18px #acacac54;
    max-width: 600px;
}

#nfso-upcoming div.tribe-events-event-image a {
    border-bottom: none;
}

#nfso-upcoming .tribe-mini-calendar-event .list-date {
    display: none;
}

#nfso-upcoming h2.tribe-events-title a,
p.tribe-events-widget-link a {
    font-size: 1rem;
    color: white;
    color: rgb(255, 255, 255);
    color: #ffffff;
    margin-top: 1rem;
    border-bottom: none;
}

#nfso-upcoming h2.tribe-events-title {
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: 1rem;
}

#nfso-upcoming div.tribe-events-category-nfso span.tribe-event-date-start {
    font-size: 1.1rem;
}

/* ------ END NFSO UPCOMING ---- */
.nfso #nfso-community {
    margin: 8% auto;
}

.nfso #nfso-about p {
    text-align: left;
} 

.nfso #nfso-about p.button-parent,
.nfso #nfso-about p.nfso-social,
.nfso #nfso-about {
    text-align: center;
}

.nfso #nfso-about h2 img#nfso-logo {
    max-width: 250px;
    display: block;
    margin: auto;
}

.nfso #nfso-about p.nfso-social a {
    border-bottom: none;
    margin-right: 1rem;
    font-size: 1.2rem;
    color: rgb(8, 5, 3);
}

.nfso #nfso-about p.nfso-social a:hover {
    color: rgb(0, 126, 122);
}

/*.nfso #nfso-community .auto-margin {
    max-width: 1600px;
    margin: auto;
}*/

#nfso-about .cols {
    max-width: 1200px;
    display: inline-block;
}

#nfso-about p#nfso-video {
    display: inline-block;
}
#nfso-about p#nfso-video iframe {
    width: 100%;
}

.nfso #nfso-about blockquote {
    margin: 2em auto;
    color: rgb(20, 58, 92);
}

.nfso #nfso-about blockquote h3 {
    font-size: 2rem;
}

.nfso #nfso-community .two-cols img {
    max-width: 300px;
    margin: auto;
}

.nfso #nfso-community ul li {
    margin-bottom: 2%;
}

.nfso #nfso-community ul li::before {
    font-family: 'FontAwesome';
    content: '\f0da';
    margin: 0 5px 0 -15px;
    color: rgb(8, 5, 3);
}

.nfso section#nfso-conductor {
    color: white;
    padding: 5% 3%;
    -ms-background: #003752 !important;
}

.nfso section#nfso-conductor img {
    display: none;
}

.nfso #nfso-sponsors {
    background: radial-gradient(rgba(0, 0, 0, 0.6), rgba(8, 5, 3, 0.59)), url('/wp-content/uploads/2018/09/NFSO_symphony_birdseye_02.png') no-repeat center center;
    background-size: cover;
    color: white;
    padding: 10% 5%;
    margin-bottom: 0;
    position: relative;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.3) inset;
}

.nfso #nfso-sponsors::before,
.nfso #nfso-sponsors::after {
    content: "";
    position: absolute;
    z-index: -1;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-radius: 100px / 10px;
}

.nfso #nfso-sponsors .cols {
    background: #002534;
    color: white;
    padding: 2em;
    margin: 2% 5%;
}

.nfso #nfso-community .nfso-annual img {
    width: 100%;
    max-width: 350px;
}

.nfso #guild {
    background: #002635;
    color: white;
    color: rgb(255, 255, 255);
    color: #ffffff;
}

/* Sponsor Logos */
#nfso-sponsor-logos a {
    border-bottom: none;
}

/* POLICIES PAGE */

article.main-content .ufaq-faq-list,
article.after-hero .ufaq-faq-list {
    max-width: 1000px;
}

.policies article#faqs p {
    margin-left: 2%;
}

article .ufaq-faq-list .ufaq-faq-div .ufaq-faq-title,
section .ufaq-faq-list .ufaq-faq-div .ufaq-faq-title {
    margin: 0.5% 0;
    padding: 10px 25px;
    border-radius: 5px;
    border-bottom: 2px solid #eeeeee;
}

article .ufaq-faq-list .ufaq-faq-div div.ufaq-faq-title h4,
section .ufaq-faq-list .ufaq-faq-div div.ufaq-faq-title h4 {
    color: rgb(8, 5, 3);
    transition: all 0.3s;
}

article .ufaq-faq-list .ufaq-faq-div div.ufaq-faq-title h4:hover,
section .ufaq-faq-list .ufaq-faq-div div.ufaq-faq-title h4:hover {
    color: rgb(0, 126, 122);
    transform: scale(1.01);
}

article .ewd-ufaq-post-margin-symbol span,
section .ewd-ufaq-post-margin-symbol span {
    font-size: 0.75rem;
}

article div.ufaq-faq-body p + h3,
section div.ufaq-faq-body p + h3 {
    margin-top: 5%;
}

article div.ufaq-faq-body ul li,
section div.ufaq-faq-body ul li {
    padding-bottom: 0.5%;
}

/* PLAN YOUR STAY */
.plan-your-stay .ufaq-faq-list iframe {
    width: 100%;
    max-width: 1000px;
}

.plan-your-stay .ufaq-faq-body {
    padding: 0;
}

.plan-your-stay .hotel {
    list-style-type: none;
    background: #eeeeee;
}

.plan-your-stay h2:not(#subpage-title) {
    margin-top: 5%;
}

.plan-your-stay .two-cols img {
    max-width: 375px;
}

.plan-your-stay .box-grid-item {
    margin-bottom: 5%;
    background: #f5f5f5;
    max-width: 400px;
    display: inline-block;
}

.plan-your-stay .box-grid-item h4 {
    font-size: 1.2rem;
    margin: 0 0 0 2%;
}

.plan-your-stay .box-grid-item .button {
    width: 100%;
    text-align: center;
}

.plan-your-stay .box-grid-item .button-parent {
    margin-bottom: 0;
}

/* College Programs */
.college-programs h2 img {
    display: block;
    margin: 5% 0;
    max-width: 450px;
}

.college-programs div.ufaq-faq-list img {
    max-width: 600px;
    height: auto;
}

/* ------------------------------------ *\
ART GALLERIES REDESIGN PAGE
\* ------------------------------------ */

/* Headings and Font Styles */
.gallery-intro-copy h1 {
    font-size: 5rem;
    letter-spacing: 5px;
    margin-bottom: 0;
}

.galleries h2,
.galleries h3 {
    font-weight: normal;
    letter-spacing: 3px;
    font-size: 1.75rem;
}

.galleries h3 {
    color: rgb(0, 126, 122);
}

.gallery-intro-copy h2,
.galleries h3 {
    margin-top: 0;
    font-size: 1.2rem;
}

.galleries a {
    color: rgb(8, 5, 3);
    border-bottom: 1px solid #000000;
    padding-bottom: 3px;
    transition: all 0.3s;
}

.galleries a:hover {
    color: rgb(0, 126, 122);

}

.galleries .spacer h2,
.galleries .spacer h3 {
    color: rgb(255, 255, 255);
    color: #ffffff;
    color: white;
    display: none;
    text-shadow: 1px 1px 5px #000000;
}

.galleries .spacer h2 {
    font-style: italic;
}

/* General Padding for each section */
.galleries#galleries-intro .gallery-intro-copy,
.galleries#about-artist .onview-info,
.galleries#gal-permanent,
.galleries#about-galleries .gallery-info,
.galleries#gallery-faqs {
    padding: 5%;
}

/* GALLERY WELCOME CONTENT */
.galleries #galleries-intro .image-container {
    width: 29%;
    display: inline-block;
}

.galleries #galleries-intro .image-container img {
    display: none;
}

/* In the Galleries Photo Grid */
.galleries#on-exhibition {
    text-align: center;
    margin-bottom: 10%;
}

.galleries#on-exhibition h2 {
    padding: 5% 0 0;
    margin: 0;
}

.galleries#on-exhibition .fg-simple_portfolio .fg-caption-title {
    font-style: italic;
}

.galleries#on-exhibition .fg-simple_portfolio .fg-caption-title+.fg-caption-desc {
    display: none !important;
}

/* NOW ON VIEW */
/*.galleries#about-artist {
    background: #f5f5f5;
}*/

.galleries#about-artist img {
    width: 100%;
    max-width: 500px;
    margin: auto;
    display: block;
}

.galleries#about-artist .onview-info h3 {
    margin-top: 5%;
}

.galleries#about-artist .onview-info h4 {
    letter-spacing: 1px;
}
.galleries #on-exhibition .foogallery {
    max-width: 1200px;
    margin: auto;
}
.galleries #on-exhibition .foogallery div.fg-item {
    max-width: 300px;
    display: inline-block;
    margin: 2%;
}
.galleries #on-exhibition .foogallery div.fg-item a {
    border: none;
}
.galleries #on-exhibition .foogallery img {
    max-width: 300px;
    display: inline-block;
    transition: all 0.15s;
}

.galleries #on-exhibition .foogallery div.fg-item:hover img {
    box-shadow: 3px 3px 10px #00000096;
}

@media (min-width: 700px) {

    .galleries#galleries-intro .gallery-intro-copy {
        width: 70%;
        margin: auto;
    }

    .galleries #galleries-intro .image-container img {
        max-width: 400px;
        display: block;
    }
}

@media (min-width: 1050px) {

    .galleries#on-exhibition {
        padding: 10% 0;
    }

    .galleries#about-artist {
        margin: 10% 10% 0;
    }

    .galleries#galleries-intro .gallery-intro-copy {
        padding: 5%;
    }

    .galleries .spacer h2 {
        font-size: 2rem;
    }

    .galleries .spacer h3 {
        font-size: 1.5rem;
        text-transform: uppercase;
    }

    .galleries .spacer h2,
    .galleries .spacer h3 {
        display: block;
    }

    section.gallery-scroll-img-1 {
        background: no-repeat center center;
        background-size: cover;
        padding: 5% 0;
        background-attachment: fixed;
        text-align: center;
        color: white;
    }

    section.gallery-scroll-img-2 {
        background: no-repeat center center;
        background-size: cover;
        padding: 5% 0;
        background-attachment: fixed;
        text-align: center;
        color: white;
    }

    section.gallery-scroll-img-3 {
        background: no-repeat top center;
        background-size: cover;
        padding: 5% 0;
        background-attachment: fixed;
        text-align: center;
        color: white;
    }

    .galleries#about-artist img {
        margin: 0;
        height: 100%;
        width: 100%;
        overflow: hidden;
        display: inline-block;
    }

    .galleries#about-artist .onview-info {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        padding: 2%;
    }

    .galleries #galleries-intro .image-container img {
        max-width: 600px;
        display: block;
    }
}

/* Call to Artists link */
.galleries #call-to-artists {
    text-align: center;
    padding: 1em 0 5%;
}

/* Permanent Collections */
.galleries#gal-permanent {
    margin: 5% 0 10%;
}

.galleries#gal-permanent h2,
.galleries#gal-permanent p {
    max-width: 1100px;
    margin: 1% auto;
}

.galleries#gal-permanent img {
    margin-top: 5%;
}

/* ABOUT THE GALLERIES */
.galleries#about-galleries {
    background: no-repeat center center;
    background-size: cover;
}

.galleries#about-galleries .gallery-info {
    background: linear-gradient(rgba(8, 5, 3, 0.9), rgba(8, 5, 3, 0.9));
}

.galleries#about-galleries .gallery-info,
.galleries#about-galleries .gallery-info a {
    color: white;
}

.galleries#about-galleries .gallery-info h3:nth-of-type(2) {
    margin-top: 5%;
}

@media (min-width: 850px) {

    .galleries#about-galleries {
        background-attachment: fixed;
    }

    .galleries#about-galleries .gallery-info {
        width: 60%;
        padding: 10%;
    }

    .galleries#about-galleries .gallery-info p {
        max-width: 700px;
    }

    .galleries#gallery-faqs {
        padding: 10%;
    }
}


/* ---- Call to Artists Page ------ */
.call-to-artists .main-content img.nwf-logo {
    max-width: 250px;
}

.call-to-artists .main-content img.nwf-panes {
    max-width: 400px;
}

/* ------------------------------------ *\
COMMUNITY PAGE
\* ------------------------------------ */

.educational-community-programs .ufaq-faq-post img {
    max-width: 500px;
}

.ufaq-faq-title-text h4 {
    transition: all 0.2s;
}

.active-faq-header {
    font-size: 1.5rem;
}

.come-in {
    transform: translateY(150px);
    animation: come-in 0.8s ease forwards;
}

.come-in:nth-child(odd) {
    animation-duration: 0.6s; /* So they look staggered */
}

@keyframes come-in {

    to {
        transform: translateY(0);
    }
}

/* ------------------------------------ *\
SUPPORT PAGE
\* ------------------------------------ */
/* Support Types */
.support .venue-faq {
    text-align: center;
    padding: 5%;
}

.support .venue-faq .button {
    margin-bottom: 5%;
}

/*#corporate-sponsors::before,
#season-friends::before,
#support-volunteer::before {
    display: block;
    content: " ";
    margin-top: -285px;
    height: 285px;
    visibility: hidden;
    pointer-events: none;
}*/

section.support-slider {
    margin: 10% 0;
    /*box-shadow: 0 10px 50px -10px #66666657;*/
}


div.wpls-logo-showcase a {
    border-bottom: none;
}

.support .grid-wrapper {
    margin-top: 10%;
}

/*.support .spacing {
    margin: 15% auto;
}*/

.support .padding-adjust {
    padding: 10%;
    background: #f5f5f5;
}

/* Support Page - Making a Difference Section */
.support .padding-adjust img {
    max-width: 500px;
}

@media(min-width: 768px) {
    .support .padding-adjust img {
        float: left;
        margin: 2% 5% 2% 0;
        width: 50%;
        max-width: 600px;
        transform: rotate(-5deg);
        border: 5px solid white;
        box-shadow: 1px 2px 20px #00000030;
    }
}

.support .give-back {
    padding: 5%;
    background: linear-gradient(rgba(0, 126, 122, 0.9), rgba(0, 126, 122, 0.9)), url('/wp-content/uploads/2018/04/7dancers.png') no-repeat top center;
    background-size: cover;
    color: white;
}

/* ------------------------------------ *\
Volunteer Opportunities Page
\* ------------------------------------ */
.volunteer-opportunities .main-content img {
    max-width: 700px;
}

/* ------------------------------------ *\
SEARCH RESULTS PAGE
\* ------------------------------------ */

.search-results .page-banner {
    background: linear-gradient(rgba(8, 5, 3, 0.17), rgba(0, 0, 0, 0.8)), url('/wp-content/uploads/2018/04/7dancers.png') no-repeat center center;
    background-size: cover;
    padding: 8%;
}

/* ------------------------------------ *\
NEWS FEED PAGE
\* ------------------------------------ */

.news h1.page-title {
    margin: 5% 0 3% 5%;
}

.news .news-wrapper {
    column-gap: 1%;
}

.news .news-grid-container {
    width: 100%;
    max-width: 1450px;
    margin: auto;
    padding: 0 0 0 5%;
}

.news .news-excerpts {
    background-color: #f1f1f1;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
    max-width: 500px;
    padding: 1em;
}

.news .news-excerpts h3 a,
.news .news-excerpts .news-img-link {
    border-bottom: none;
}

.news .news-excerpts h3 a {
    color: rgb(8, 5, 3);
}

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

    .news .news-grid-container {
        width: 75%;
    }

    .news .news-excerpts {
        transition: 0.2s;
    }

    .news .news-excerpts:hover {
        transform: scale(1.02);
    }

    .news .news-excerpts h3 a {
        transition: 0.2s;
    }

    .news .news-excerpts:hover h3 a {
        color: rgb(0, 126, 122);
    }
}

@media only screen and (min-width: 1000px) {
    .news-wrapper {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 1200px) {
    .news-wrapper {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}


/* ------------------------------------ *\
SINGLE NEWS RELEASE PAGE
\* ------------------------------------ */

.news-single figure img {
    max-width: 750px;
    height: auto;
}

.news-single figure a,
.news-single h2 a {
    border-bottom: none;
}

.news-single .single-news-copy img {
    max-width: 450px;
    display: block;
    margin: 0 auto;
}

.news-single div.wp-caption {
    background: #f5f5f5;
    padding: 0.2rem;
    text-align: center;
    margin: 5% auto;
}

.news-single div.wp-caption p.wp-caption-text {
    font-style: italic;
}

/* ------------------------------------ *\
MEDIA QUERIES
\* ------------------------------------ */
.search-results article {
    margin-bottom: 5%;
}
.search-results article img {
    max-width: 50px;
}

.search-results article img,
.search-results article h2 {
    display: inline-block;
    vertical-align: baseline;
}

.search-results article img {
    margin: 0 1% 0 0;
}

.search-results article h2 {
    margin-bottom: 10px;
}

.search-results article p {
    margin: 0;
}
.search-results article a:not(.view-article) {
    border-bottom: none;
}
/* ------------------------------------ *\
MEDIA QUERIES
\* ------------------------------------ */

@media (min-width: 550px) {

    .blackbg .button {
        display: inline-block;
        margin: 0 10px;
        width: 175px;
        font-weight: bold;
        font-size: 1rem;
    }

    .this_season {
        padding: 15% 0;
    }

    .this_season h2 {
        font-size: 2rem;
        margin: 0;
    }

    .this_season .button-parent {
        margin-top: 2rem;
    }

    #tribe-events .tribe-events-list div.tribe-events-event-cost,
    #tribe-events .tribe-events-list div.tribe-events-event-meta {
        width: calc(100% / 2 - 1em);
        display: inline-block;
        vertical-align: top;
        margin: 15px 0;
    }

    .single-tribe_events h1.single-event-banner {
        font-size: 2rem;
    }

}

@media (min-width: 600px) {

    #headernavbar a {
        display: inline;
    }

    #headernavbar nav {
        display: inline;
        margin: auto;
        width: 100%;
    }

    #headernavbar nav ul {
        text-align: center;
    }

    .this_season h2 {
        font-size: 3rem;
    }

    .nfso section#nfso-conductor {
        position: relative;
        padding: 15%;
        background-attachment: fixed !important;
    }

    .nfso #nfso-sponsors {
        background-attachment: fixed;
        padding: 15% 10%;
    }

    .nfso #nfso-about #nfso-video iframe {
        min-width: 450px;
    }

    section#nfso-conductor h2 {
        padding-top: 3%;
    }

    section#nfso-conductor h2,
    section#nfso-conductor h3,
    section#nfso-conductor p {
        color: white;
        padding-left: 1rem;
        padding-right: 15%;
        max-width: 900px;
        text-shadow: 2px 2px 10px #000;
    }

    .nfso section#nfso-conductor img {
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 50%;
        max-width: 550px;
    }

}

@media (min-width: 768px) {

    h2#subpage-title,
    .home .welcome h2,
    .page-title {
        font-size: 2rem;
        margin-top: 0;
    }

    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        background: white;
        z-index: 999999999999;
        box-shadow: 0 4px 20px -4px #0000005c;
    }

    .page-template-sub-level-page .sticky {
        max-width: 2000px;
    }

    .sticky + .page-banner {
        padding-top: 10%;
    }

    #headernavbar.sticky nav #mega-menu-wrap-header-menu #mega-menu-header-menu {
        padding-top: 1px;
        transition: all 0.3s;
    }

    #headernavbar.sticky .header-logo {
        max-width: 200px;
        transition: all 0.3s;
        padding: 5px;
    }

    .this_season h2 {
        font-size: 4rem;
    }

    article.main-content {
        padding: 5%;
    }

    .page-banner {
        background-attachment: fixed !important;
    }

    #tribe-events section#single-event-about article.main-content {
        padding-top: 0;
    }

    #tribe-events .tribe-events-list .tribe-events-loop .tribe-events-event-image {
        float: right;
        width: 45%;
        margin-left: 25px;
        margin-top: -8%;
    }

    #tribe-events #tribe-events-content.tribe-events-list .tribe-events-loop .tribe-events-event-image {
        float: right;
        width: 45%;
        margin-left: 25px;
        margin-top: -8%;
    }

    .events-container #tribe-events #tribe-events-content.tribe-events-list * {
        float: unset;
    }

    .events-container #tribe-events #tribe-events-content .tribe-event-url {
        font-size: 1.5rem;
    }

    #tribe-events .tribe-events-list .tribe-events-list-separator-month {
        font-size: 1.5rem;
    }

    .events-container #tribe-events #tribe-events-content.tribe-events-list div.tribe-events-event-image {
        float: right;
    }

    .events-container #tribe-events #tribe-events-content.tribe-events-photo div.tribe-events-event-image {
        float: none;
    }

    #tribe-events .tribe-events-list .tribe-events-loop .tribe-events-event-image a img {
        max-width: 550px;
        margin-top: -12%;
        transition: all 1s;
    }

    #tribe-events .tribe-events-list .tribe-events-loop .tribe-events-event-image a img:hover {
        opacity: 0.8;
        background: rgb(8, 5, 3);
    }

    #tribe-events .tribe-events-list div.tribe-events-event-cost,
    #tribe-events .tribe-events-list div.tribe-events-event-meta {
        width: auto;
        display: block;
        margin: 15px 0;
        text-align: left;
    }

    .events-container #tribe-events #tribe-events-content .tribe-events-ical {
        float: right;
        padding: 1em;
        margin: 1em;
        background: rgb(8, 5, 3);
    }

    .events-container #tribe-events #tribe-events-content .tribe-events-ical:hover {
        color: white;
    }

    .events-container .tribe-events-list .tribe-events-event-image + div.tribe-events-content.tribe-events-list-event-description {
        width: 50%;
    }

    .single-tribe_events h1.single-event-banner {
        font-size: 3rem;
    }

    .nfso section#nfso-conductor div.content-wrapper {
        width: calc(100% / 1.5 - 1em);
        padding-bottom: 1em;
    }

    .nfso section#guild {
        padding: 5% 15%;
    }

    .nfso #nfso-community .nfso-annual {
        max-width: 500px;
        width: calc(100% / 2 - 1em);
        display: inline-block;
        vertical-align: top;
        margin: 1em auto;
        padding: 1em;
    }

    .nfso #nfso-community .nfso-annual {
        height: 750px;
    }

    .plan-your-stay .box-grid-item {
        width: calc(100% / 2 - 2em);
        display: inline-block;
        padding: 0;
        margin: 0 10px 5%;
        vertical-align: top;
        box-shadow: 2px 2px 10px #00000059;
        background: white;
        text-align: center;
    }

    .nfso #nfso-community .nfso-annual,
    .plan-your-stay .box-grid-item {
        transition: all 0.2s;
    }

    .nfso #nfso-community .nfso-annual:hover,
    .plan-your-stay .box-grid-item:hover {
        background: #f9f9f9;
        transform: scale(1.005);
    }

    /*.nfso #nfso-community .nfso-annual:hover h3,
    .plan-your-stay .box-grid-item:hover h3 {
        color: #015f82;
    }*/

    .plan-your-stay .box-grid-item h4 {
        padding: 15px 15px 35px;
    }

    .plan-your-stay .box-grid-item p {
        margin-top: 0;
    }

    .nfso #nfso-community .nfso-annual img,
    .nfso #guild .two-cols img {
        max-width: 450px;
    }

    .nfso #nfso-community .nfso-annual h3:nth-of-type(2),
    .nfso #nfso-community .nfso-annual p {
        padding: 10px;
    }

    .two-cols {
        display: inline-block;
        width: calc(100% / 2 - 2em);
        vertical-align: top;
        margin: 0.5em;
    }

    .plan-your-stay .two-cols:first-of-type {
        width: calc(100% / 3 - 1em);
    }

    .plan-your-stay .two-cols:last-of-type {
        width: calc(100% / 1.5 - 1em);
    }

    section#mcilroy,
    section#holzhauer {
        display: inline-block;
        width: calc(100% / 2.01);
        margin: 1% 0 0.5%;
    }

    section#mcilroy img,
    section#holzhauer img {
        max-width: 500px;
    }

    .venue div.fbx-caption-title {
        padding: 2% 5%;
        font-weight: bold;
        line-height: 26px;
        text-align: left;
    }

    .venue .fbx-light .fbx-caption {
        background-color: rgb(8, 5, 3, 0.9);
    }

    .support .venue-faq {
        text-align: center;
        padding: 5%;
    }

    .the-venue .ufaq-faq-body {
        padding: 2% 8%;
    }

    .volunteer-opportunities .main-content ul {
        margin-bottom: 10%;
    }

    .volunteer-opportunities .main-content img {
        max-width: 650px;
        float: right;
        margin: 5%;
    }
    
    .news-single .single-news-copy img.alignright,
    #single-event-about .tribe-events-single-event-description img.alignright {
        float: right;
        margin: 1rem;
        width: auto;
        height: auto;
    }
    .news-single .single-news-copy img.alignleft,
    #single-event-about .tribe-events-single-event-description img.alignleft {
        float: left;
        margin: 1rem;
        width: auto;
        height: auto;
    }
    .news-single .single-news-copy img.alignright + *,
    #single-event-about .tribe-events-single-event-description img.alignright + * {
        clear: right;
    }
    .news-single .single-news-copy img.alignleft + *,
    #single-event-about .tribe-events-single-event-description img.alignleft + * {
        clear: left;
    }
    .news-single .single-news-copy hr {
        margin: 10% auto;
    }

}


@media (min-width: 850px) {

    h2#subpage-title,
    .home .welcome h2,
    .page-title {
        font-size: 2.5rem;
    }

    /* Home Page Tiles */
    .welcome-tile {
        width: calc(100% / 2 - 1em);
        max-width: 538px;
        max-height: 266px;
        display: inline-block;
        text-align: center;
        font-size: 1.5rem;
        margin: 0.25%;
        opacity: 0.9;
    }

    /* Community Page */
    .community .grid-wrapper .grid img {
        float: left;
        max-width: 500px;
        margin-right: 1.5em;
        vertical-align: top;
    }

    .community .grid-wrapper .grid .grid-copy {
        margin-top: 1em;
    }

    article .usher-info img {
        float: left;
        width: 45%;
        margin: 0 2em 5em 0;
    }

    article .docent-info img {
        float: right;
        vertical-align: top;
        max-width: 450px;
        margin-right: 15%;
    }

    article .docent-info .grid-copy {
        margin-right: 1em;
    }

    article .docent-info .grid-copy,
    article .docent-info > p {
        width: calc(100% / 2 - 1em);
        display: inline-block;
        vertical-align: top;
    }

    article .grid .grid-copy {
        overflow: hidden;
        margin-top: -1em;
    }

    article .grid .grid-copy h2 {
        margin-top: 0;
    }

    article .grid {
        overflow: auto;
        margin-bottom: 10%;
    }


    .footer-col {
        padding: 0 2%;
        width: calc(100% / 3 - 1em);
        display: inline-block;
        vertical-align: top;
    }

    #footer-col2 nav div {
        display: block;
        max-width: none;
        width: 100%;
    }

    article.main-content {
        width: 65%;
        display: inline-block;
        padding-right: 1em;
    }

    aside.sidebar {
        display: inline-block;
        width: 34%;
        vertical-align: top;
        box-shadow: none;
        padding: 5% 0 0 1%;
    }

    aside h3 {
        font-size: 1.2rem;
    }

    aside .upcoming-widget {
        background: none;
        color: rgb(8, 5, 3);
        text-align: left;
    }

    aside .upcoming-widget ol,
    aside .upcoming-widget .tribe-events-list-widget .tribe-events-list-widget-events {
        padding-left: 0;
    }

    aside .upcoming-widget h4 a,
    aside a {
        color: rgb(0, 126, 122);
    }

    aside * {
        color: rgb(8, 5, 3);
    }

    aside section.searchbar {
        display: block;
        padding: 5% 0;
    }

    aside .searchbar h3 {
        margin: 0;
    }

    aside .searchbar input[type=search] {
        padding: 10px 25px;
        border: none;
        outline: 1px solid #cccccc;
    }

    aside .searchbar button.search-submit {
        border: none;
        background: rgb(0, 126, 122);
    }

    /* Hide mobile backgrounds/styles */
    aside .upcoming-widget div.tribe-events-list-widget,
    aside div.widget_recent_entries,
    aside.sidebar #tribe-events-adv-list-widget-3 {
        background: transparent;
    }
    aside.sidebar #tribe-events-adv-list-widget-3 {
        margin-top: 0;
    }
    aside .upcoming-widget div.tribe-events-list-widget h3, aside .upcoming-widget div.tribe-events-list-widget p.tribe-events-widget-link {
        padding-left: 0;
    }

    aside .upcoming-widget div.tribe-events-list-widget, aside div.widget_recent_entries, aside div#custom_html-2 {
        padding: 0;
    }

    #tribe-events #single-event-about aside.sidebar {
        display: inline-block;
    }

    aside div#recent-posts-3 {
        margin: 12% 0;
    }

    aside div#custom_html-2 {
        margin: 0;
    }
}

@media (min-width: 1000px) {

    main .blackbg {
        padding: 5%;
    }

    .home main .blackbg {
        margin-left: 0;
        width: 100%;
        padding: 3%;
    }

    .home main .animated {
        animation-duration: 2.5s;
        -webkit-animation-duration: 2.5s;
        -moz-animation-duration: 2.5s;
    }

    .home main .blackbg h1 {
        font-size: 5rem;
    }

    .home main .blackbg p {
        max-width: 850px;
    }

    #ectagline {
        margin-left: 20%;
    }

    #nfso-sponsor-logos {
        width: 80%;
        margin: auto;
        padding: 5% 2%;
    }

    #nfso-sponsor-logos ul {
        padding-left: 0;
        margin: auto;
    }

    #nfso-sponsor-logos ul li {
        display: inline-block;
        vertical-align: middle;
        margin: 2em;
    }

    #nfso-sponsor-logos img {
        width: 100%;
        max-width: 250px;
        margin: 5% auto;
        display: inline-block;
    }

    .nfso section#nfso-conductor img {
        max-width: 500px;
    }

    .footer-col-wrapper {
        padding: 2%;
    }

    #footer-col2 nav div {
        display: inline-block;
        width: calc(100% / 2 - 1em);
        max-width: 175px;
    }

    #footer-col2 h3,
    #footer-col h2 {
        margin: 0;
    }

}
@media(min-width: 1050px) {

    .home .welcome {
        padding: 5%;
    }

    .welcome-tile {
        margin: 1%;
        font-size: 2rem;
        padding: 7rem;
    }

    h3#nfso-tile {
        font-size: 1.75rem;
        padding: 6rem 5rem 7rem;
    }

    #college-tile {
        font-size: 1.5rem;
        padding: 4.5em;
    }

    .nfso section#nfso-conductor img {
        left: 55%;
    }

    .nfso #nfso-sponsors .cols {
        width: calc(100% / 2 - 1em);
        max-width: 750px;
        display: inline-block;
        vertical-align: top;
        padding: 1em 2em;
        margin: 2% auto;
        background: #002534;
        color: white;
        height: 375px;
        transition: all 0.2s ease-in-out;
    }

    .nfso #nfso-sponsors .cols:hover {
        transform: scale(1.05);
    }
}

@media (min-width: 1100px) {

    #headernavbar .header-logo-container {
        width: 29%;
        display: inline-block;
    }

    #headernavbar nav {
        width: 70%;
        display: inline-block;
        vertical-align: top;
        margin-top: 0.75rem;
    }


    /*.header-logo {
        float: left;
        padding: 25px 2em;
        margin: 0 2.75%;
    }*/

    /*#headernavbar nav {
        width: 70%;
    }*/

    #headernavbar nav #mega-menu-wrap-header-menu {
        padding-top: 4%;
        display: inline;
    }

    #headernavbar nav #mega-menu-wrap-header-menu #mega-menu-header-menu {
        padding-top: 22px;
    }

    #headernavbar nav #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
        padding-right: 25px;
    }

    main {
        clear: both;
    }

    .find-your-seat .float-wrapper {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }

    img.seating-chart {
        max-width: 650px;
        width: 65%;
        display: inline;
        margin-top: 0;
    }

    aside.sidebar {
        width: 24%;
    }

    article.main-content {
        width: 75%;
    }
}

/*@media (min-width: 1250px) {
    aside.sidebar {
        float: right;
        width: 25%;
        max-width: 300px;
        margin: 2em;
    }

    article.main-content {
        width: 75%;
        display: inline-block;
        padding: 5% 0 5% 5%;
    }
}*/

@media (min-width: 1350px) {

    .nfso section#nfso-conductor img {
        left: 70%;
    }
    
    .nfso #nfso-about #nfso-video iframe {
        min-width: 1050px;
        min-height: 600px;
    }
}

@media(min-width: 1600px) {

    .this_season {
        padding: 7% 0;
    }

    .nfso #nfso-about {
        margin: 10% 0;
        padding-left: 10%;
    }

    img.seating-chart {
        max-width: 650px;
    }

    .page-banner {
        padding: 8% 5%;
    }
}