/* Site Theme Colors
---------------------------------------------- */
/* Blue */
.site-color-1, .site-color-1-hover:hover { color: hsl(202, 50%, 35%) !important; }
.site-color-1-lighten, .site-color-1-lighten-hover:hover { color: hsl(202, 50%, 45%) !important; }
.site-color-1-bg, .site-color-1-bg-hover:hover { background-color: hsl(202, 50%, 35%) !important; }
.site-color-1-lighten-bg, .site-color-1-lighten-bg-hover:hover { background-color: hsl(202, 50%, 45%) !important; }
/* Gray */
.site-color-2, .site-color-2-hover:hover { color: hsl(0, 0%, 24%) !important; }
.site-color-2-lighten, .site-color-2-lighten-hover:hover { color: hsl(0, 0%, 34%) !important; }
.site-color-2-bg, .site-color-2-bg-hover:hover { background-color: hsl(0, 0%, 24%) !important; }
.site-color-2-lighten-bg, .site-color-2-lighten-bg-hover:hover { background-color: hsl(0, 0%, 34%) !important; }
/* Dark Gray */
.site-color-3, .site-color-3-hover:hover { color: hsl(0, 0%, 15%) !important; }
.site-color-3-lighten, .site-color-3-lighten-hover:hover { color: hsl(0, 0%, 25%) !important; }
.site-color-3-bg, .site-color-3-bg-hover:hover { background-color: hsl(0, 0%, 15%) !important; }
.site-color-3-lighten-bg, .site-color-3-lighten-bg-hover:hover { background-color: hsl(0, 0%, 25%) !important; }
/* Light Gray */
.site-color-4, .site-color-4-hover:hover { color: hsl(0, 0%, 80%) !important; }
.site-color-4-lighten, .site-color-4-lighten-hover:hover { color: hsl(0, 0%, 90%) !important; }
.site-color-4-bg, .site-color-4-bg-hover:hover { background-color: hsl(0, 0%, 80%) !important; }
.site-color-4-lighten-bg, .site-color-4-lighten-bg-hover:hover { background-color: hsl(0, 0%, 90%) !important; }

/* Black and White Text */
.text-white, .text-white-hover:hover { color: #fff !important; }
.text-gray, .text-gray-hover:hover { color: #555 !important; }
.text-black, .text-black-hover:hover { color: #000 !important; }

/* BASE SETTINGS */
html {width: 100%; overflow-x: hidden;}
body {font: 16px/1.5 'Raleway', sans-serif; background: #fff; overflow-x: hidden; color: #fff;}
body.mce-content-body {color: #333;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {font-family: 'Raleway', sans-serif; line-height: 1.25; font-weight: 400; text-transform: uppercase;}
h1, .h1 {font-size: 56px;}
h2, .h2 {font-size: 56px;}
h3, .h3 {font-size: 38px;}
h4, .h4 {font-size: 32px;}
h5, .h5 {font-size: 26px;}
h6, .h6 {font-size: 20px;}
h1 span,.h1 span,h2 span,.h2 span,h3 span,.h3 span,h4 span,.h4 span,h5 span,.h5 span,h6 span,.h6 span {display: block; font-size: 65%; color: rgba(255,255,255,0.75);}
a {color: hsl(0, 0%, 60%)}
a:hover, a:focus {color: hsl(0, 0%, 80%); text-decoration: none;}
li {list-style: none;}
img, iframe {max-width: 100%;}
textarea {min-height: 100px;}
.btn {display: inline-block; padding: 16px 18px; border-radius: 0; font-family: 'Raleway', sans-serif; font-size: 14px; color: #fff; line-height: 1; text-transform: uppercase; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; transition: background-color 0.5s;}
.btn:hover {color: #fff;}
.nomargin {margin: 0 !important;}
.nopadding {padding: 0 !important;}
.text-upper {text-transform: uppercase !important;}
.text-lower {text-transform: lowercase !important;}
.text-cap {text-transform: capitalize !important;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.form-control {height: 40px;}

/* SITE STYLES */
.logo {display: block; width: 231px; height: 196px; background: url("/images/layout/logo.png") no-repeat; background-size: cover; text-indent: -9999px}

.social {margin: 0; padding: 0;}
.social-item {list-style: none; display: inline-block;}
.social-item a {cursor: pointer; display: block; width: 32px; height: 32px; padding: 7px 0; position: relative; border-radius: 50%; font-size: 20px; text-align: center; text-decoration: none;}
.social-item a .fa {font: normal normal normal 14px/1 FontAwesome; font-size: inherit; color: #fff; display: block;}
.social-link-facebookURL:hover {background: hsl(221, 44%, 61%);}
.social-link-twitterURL:hover {background: hsl(196, 100%, 66%);}
.social-link-pinterestURL:hover {background: hsl(358, 73%, 66%);}
.social-link-youtubeURL:hover {background: hsl(0, 100%, 57%);}
.social-link-linkedinURL:hover {background: hsl(201, 100%, 55%);}
.social-link-instagramURL:hover {background: hsl(230, 77%, 78%);}
.social-link-googlePlusURL:hover {background: hsl(7, 71%, 75%);}
.social-link-yelpURL:hover {background: hsl(0, 93%, 55%);}
.social-link-blogURL:hover {background: hsl(31, 100%, 68%);}
.social-link-flickrURL:hover {background: hsl(213, 100%, 63%);}
.social-link-text {display: none;}

.wrapper {position: relative; background: url('/images/layout/bg-pattern.jpg'); background-size: contain; background-repeat: repeat;}

.header {position: absolute; top: 0; right: 0; left: 0; z-index: 2; font-family: 'Raleway', sans-serif;}
.header .info-wrap {padding: 10px 0; border-bottom: 1px solid #333;}
.header .container {position: relative; padding-left: 225px;}
.header .logo {position: absolute; top: 0; left: 0; z-index: 999;}
.header .contact-info {float: left;}
.header .email, .header .phone {display: inline-block; vertical-align: middle; margin-right: 25px; font-size: 13px; line-height: 1; text-transform: uppercase;}
.header .info-bar {width: 100%; position: relative;}
.header .social {float: right; margin-right: 25px;}
.header .sponsor-logos {width: 250px; position: absolute; top: 17px; left: 100%; z-index: 2;}
.header .sponsor-logos img {display: inline-block; width: auto; height: 50px; margin: 0 5px;}

#mobileToggle {display: none; width: 100%; padding: 10px 15px; position: fixed; top: 0; right: 0; left: 0; z-index: 99999 !important; background-color: #345066; box-shadow: 0 0 8px -2px rgba(0,0,0,0.75); font-family: "open-sans-regular", sans-serif; font-size: 15px; color: #fff; line-height: 2; text-transform: uppercase;}
#mobileToggle:link,
#mobileToggle:hover {text-decoration: none;}

.navigation-wrap {display: block; position: relative; background: hsla(0, 0%, 15%, 0.6); text-align: right;}
.navigation { margin: 0; padding: 0;}
.navigation > li {display: inline-block; position: relative;}
.navigation li a {display: block; padding: 20px 30px; font-family: inherit; font-size: 15px; line-height: 1.25; color: #fff; font-weight: 500; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; transition: all 0.35s;}
.navigation li a.active, .navigation li a:hover {background: hsl(202, 50%, 35%); color: #fff;}
.navigation li i {display: none;}
.navigation ul {display: none; min-width: 150px; position: absolute; top: 100%; left: 0; background: rgba(18,22,25,0.5);}
.navigation li:hover ul {display: block;}
.navigation ul li {display: block;}
.navigation ul li a {padding: 10px 25px; }
/* .navigation ul li a:hover {background-color: ; color: ;} */

.banner {width: 100%; position: relative; z-index: 1;}
.banner .banner-image {position: relative; padding-bottom: 50%;}
.banner .banner-image > div {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover !important; background-position: center center !important;}
.banner .banner-image.int {padding-bottom: 0; height: 250px;}

.content {color: #fff;}
.content h1 {margin-top: 0;}
.content p, .content span {font-family: "Lato", sans-serif;}
.content .btn-row > a {margin-bottom: 4px;}
.content.int {padding: 50px 0;}

.sponsor-logos-content {margin-top: 8px;}
.sponsor-logos-content a {display: block; margin-bottom: 80px;}
.sponsor-logos-content a:last-child {margin-bottom: 0;}

.callouts {padding: 35px 0 80px; background: url("/images/layout/bg-watercolor.jpg") no-repeat center center; background-size: cover;}
.callouts .container {width: 100%; max-width: 1600px;}
.callout-wrap {display: inline-block; vertical-align: top; width: 33.33333%; position: relative; margin-right: -4px; padding: 0 15px; font-size: 14px; color: #e1e8eb; text-align: center;}
.callout {display: block; position: relative;}
.callout .callout-img {display: block; position: relative;}
.callout .callout-img:before {content: ""; position: absolute; top: 0; right: 0; z-index: 3; width: 0; height: 0; border-style: solid; border-width: 0 45px 45px 0; border-color: transparent #262626 transparent transparent;}
.callout .callout-img > img {width: 100%; position: relative;}
.callout .callout-title {width: 280px; height: 42px; position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: 2; background: hsla(202, 50%, 35%, 0.5); transition: all 0.35s;}
.callout h4 {width: 100%; height: 42px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; padding: 10px 35px 10px 10px; font-size: 21px; color: #fff; line-height: 1; text-align: center; font-weight: 500; transition: all 0.35s;}
.callout h4 .fa {font-size: 75%;}
.callout:hover .callout-title {width: 100%; height: 100%;}

.callouts.int {padding: 35px 0;}
.callouts.int .container {padding: 0;}
.callouts.int .callout-wrap {display: block; width: 100%; margin: 0 0 35px; padding: 0;}
.callouts.int .callout-wrap:last-child {margin-bottom: 0;}
.callouts.int .callout .callout-title {width: 100%; left: 0;}

.homepage-gallery-wrap {padding: 60px 0;}
.homepage-gallery-wrap .nav-wrap {margin-top: 50px;}
.homepage-gallery-wrap .nav {display: table; margin: 0 auto; border: none;}
.homepage-gallery-wrap .nav li {margin: 0;}
.homepage-gallery-wrap .nav li a {padding: 35px 20px; border: none; border-radius: 0; color: #fff;}
.homepage-gallery-wrap .nav li.active a {background: hsl(5, 60%, 27%);}
.homepage-gallery-wrap .nav li a:hover, .homepage-gallery-wrap .nav li a:active, .homepage-gallery-wrap .nav li a:focus {border: none; color: #333;}
.homepage-gallery-wrap .nav li.active a:hover, .homepage-gallery-wrap .nav li.active a:active, .homepage-gallery-wrap .nav li.active a:focus {color: #fff;}
.homepage-gallery-wrap .gallery-row:after {content: ""; display: block; clear: both;}
.homepage-gallery-wrap .gallery-col {display: inline-block; vertical-align: top; width: 33.33333%; margin-right: -4px;}
.homepage-gallery-wrap .gallery-item {display: block; position: relative;}
.homepage-gallery-wrap .gallery-item-full {padding-bottom: 130%;}
.homepage-gallery-wrap .gallery-item-half {padding-bottom: 65%;}
.homepage-gallery-wrap .gallery-item-two-third {padding-bottom: 80%;}
.homepage-gallery-wrap .gallery-item-one-third {padding-bottom: 50%;}
.homepage-gallery-wrap .gallery-item:hover:before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: rgba(0,0,0,0.25) url('/images/layout/icon-play.png') no-repeat; background-size: 120px; background-position: center center;}
.homepage-gallery-wrap .gallery-item > div {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover !important; background-position: center center !important;}
.content.int .homepage-gallery-wrap {padding: 0;}

.media {width: 100%; position: relative; z-index: 1;}
.media .media-image {cursor: pointer; display: block; position: relative; padding-bottom: 50%;}
.media .media-image:before {content: ""; visibility: hidden; opacity: 0; -webkit-transition: visibility 0.35s, opacity 0.35s; -moz-transition: visibility 0.35s, opacity 0.35s; -ms-transition: visibility 0.35s, opacity 0.35s; transition: visibility 0.35s, opacity 0.35s;}
.media .media-image:hover:before {visibility: visible; opacity: 1; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: rgba(0,0,0,0.25) url("/images/layout/icon-play.png") no-repeat; background-size: 120px; background-position: center center;}
.media .media-image > div {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover !important; background-position: center center !important;}
.media .owl-dot.active span {background: hsl(5, 60%, 27%) !important;}

.showtimes-wrap {margin-top: 60px; padding: 40px 0; background: hsla(0, 0%, 100%, 0.1);}
.showtimes-wrap h2 {margin-top: 0;}
.showtimes-wrap small {margin-bottom: 25px;}
.showtimes-wrap .showtimes img {width: auto; height: auto;}
.showtimes-wrap .showtimes span {display: block; font-size: 21px; color: #018c00; text-transform: uppercase;}
.showtimes-wrap .showtimes p {margin-top: 15px;}

.newsletter-wrap {padding: 40px 0; background: url("/images/layout/bg-watercolor.jpg") no-repeat center center; background-size: cover; font-family: 'Raleway', sans-serif;}
.newsletter-signup {margin: 25px auto;}
.newsletter-signup fieldset {position: relative;}
.newsletter-signup fieldset:after {content: ""; display: block; clear: both;}
.newsletter-signup .form-group {padding: 0 5px; float: left;}
.newsletter-signup .input-group {width: 38%;}
.newsletter-signup .submit-group {width: 24%;}
.newsletter-signup input[type="text"], .newsletter-signup input[type="email"] {width: 100%; padding: 15px; background: #fff; font-size: 26px; color: #333; line-height: 1;}
.newsletter-signup button[type="submit"] {width: 100%; padding: 19px 5px; border: none; font-size: 26px; line-height: 1;}
.newsletter-wrap .sponsor-logos-row {text-align: center;}
.newsletter-wrap .sponsor-logos-row a {display: inline-block; margin: 0 50px;}

.instagram-wrap {padding: 40px 0;}
.instagram-wrap iframe { margin-right: auto !important; margin-left: auto !important; }

.sponsors-wrap {text-align: center;}
.sponsors-wrap [class^=col] {margin-bottom: 15px;}
.sponsors-wrap a {display: block; background: #fff;}
.sponsors-wrap .presenting-row a {background: none;}
.sponsors-wrap a img {opacity: 1; -webkit-transition: opacity 0.35s; -moz-transition: opacity 0.35s; -ms-transition: opacity 0.35s; transition: opacity 0.35s;}
.sponsors-wrap a:hover img {opacity: 0.5;}
.sponsors-wrap img {width: 100%;}

.contact-group {margin-bottom: 10px; padding-left: 24px; position: relative;}
.contact-group .fa {position: absolute; top: 3px; left: 0; font-size: 18px;}

.footer {padding: 25px 0 120px; position: relative; font-family: 'Raleway', sans-serif; color: #fff; text-align: center;}
.footer .container {width: 100%; max-width: 1000px; margin: 0 auto; position: relative; }
.footer .logo {position: absolute; top: -10px; right: 0; left: 0; margin: auto; }
.footer-navigation {display: table; margin: 0 auto;}
.footer-navigation .navigation {padding: 0;}
.footer-navigation .navigation li {float: left;}
.footer-navigation .navigation li:nth-child(3) {margin-right: 100px;}
.footer-navigation .navigation li:nth-child(4) {margin-left: 100px;}
.footer-navigation .navigation li a {display: block; padding: 25px; font-size: 14px; color: #fff; line-height: 1; text-transform: uppercase;}
.footer .social {display: none;}
.footer-contact {display: none;}

.footer-search-form { margin-bottom: 50px; }
.footer-search-row { width: 100%; max-width: 300px; margin: 0 auto; display: flex; justify-content: center; }
.footer-search-term { width: 100%; padding: 10px 12px; outline: none !important; border: none !important; }
.footer-search-submit { padding: 14px 18px; outline: none !important; border-radius: 0; }

.baseline {width: 100%; padding: 25px; border-top: 1px solid #f7f7f7; font-family: 'Raleway', sans-serif; color: rgba(255,255,255,0.5); font-size: 14px; line-height: 1;}
.baseline:after {content: ""; display: block; clear: both;}
.baseline .pull-right {margin-right: 70px;}
.baseline .pull-left {margin-left: 70px;}
.baseline a {color: rgba(255,255,255,0.5);}


@media only screen and (max-width : 1700px) {
  .header .email, .header .phone {margin-top: 20px;}
  .header .social {margin: 10px 15px 0 0;}
  .header .sponsor-logos {position: relative; top: auto; left: auto; float: right; text-align: right;}
  .header .sponsor-logos img {margin: 0 3px;}
  .header .sponsor-logos img:last-child {margin-right: 0;}
}

@media only screen and (max-width : 1200px) {
  .header .container {width: 100%;}
  .navigation li a {padding: 20px;}
  .homepage-gallery-wrap .gallery-item:hover:before {background-size: 100px;}
}

@media only screen and (max-width : 1024px) {
  html.nav-active {overflow: hidden;}
  body {padding-top: 50px;}
  body.nav-active .navigation-wrap {height: 100%; bottom: 0;}
  body.nav-active .navigation {visibility: visible; opacity: 1; -webkit-transition: visibility 0.35s, opacity 0.35s; -moz-transition: visibility 0.35s, opacity 0.35s; transition: visibility 0.35s, opacity 0.35s;}
  .container {width: 100%;}
	.wrapper {position: relative; visibility: visible; opacity: 1;}
	#mobileToggle {display: block;}
	.navigation-wrap {width: 100%; height: 0; position: fixed; top: 0; right: 0; bottom: auto; left: 0; z-index: 99999; background: #121619; text-align: center; transition: height 0.35s, bottom 0.35s;}
  .navigation-wrap .container {padding: 0 15px;}
  .navigation { overflow: hidden; visibility: hidden; opacity: 0; position: absolute; top: 51px; right: 0; bottom: 0; left: 0; -webkit-transition: visibility 0.35s, opacity 0.35s; -moz-transition: visibility 0.35s, opacity 0.35s; transition: visibility 0.35s, opacity 0.35s;}
  .navigation > li {display: block; float: none; padding: 0;}
  .navigation li a {padding: 20px; border-bottom: 1px solid rgba(255,255,255,0.25);}
  .navigation li i {display: block; position: absolute; top: 0; right: 0; padding: 13px; border-left: 1px solid rgba(255,255,255,0.15); color: #fff;;}
  .navigation ul {position: relative;}
  .navigation li:hover ul {display: none;}
  .header .email, .header .phone {display: block; margin: 0; padding: 6px 0;}
  .footer {padding: 25px 0 50px;}
  .footer .logo {position: relative;}
  .footer-navigation .navigation {visibility: visible; opacity: 1; position: relative; top: 0;}
  .footer-navigation .navigation > li {display: inline-block; margin: 0 !important;}
  .footer-navigation .navigation li a {border: none;}
}

@media only screen and (max-width : 992px) {
  h1, .h1 {font-size: 44px;}
  h2, .h2 {font-size: 38px;}
  h3, .h3 {font-size: 32px;}
  h4, .h4 {font-size: 28px;}
  h5, .h5 {font-size: 24px;}
  .header .container {padding-left: 15px;}
  .header .social {display: none;}
  .header .logo {top: -10px; right: 0; margin: auto;}
  .callouts {text-align: center;}
  .callout-wrap, .callouts.int .callout-wrap {display: inline-block; vertical-align: top; width: 50%; margin: 0 -4px 0 0; padding: 0 15px 30px;}
  .homepage-gallery-wrap .gallery-item:hover:before {background-size: 70px;}
  .newsletter-signup input[type="text"], .newsletter-signup input[type="email"], .newsletter-signup button[type="submit"] {height: 50px; padding: 12px 15px; font-size: 18px;}
  .newsletter-wrap .sponsor-logos-row a {margin: 0 25px;}
  .newsletter-wrap .sponsor-logos-row img {width: 100%; max-width: 250px;}
  .footer .social {display: table; margin: 0 auto 25px;}
  .footer-contact {display: block; margin: 0 0 25px; text-align: center;}
  .footer-contact > a {display: inline-block; margin: 0 15px;}
}

@media only screen and (max-width : 768px) {
  .header {z-index: 2;}
  .callouts {padding: 35px 0;}
  .callout .callout-title {width: 100%; left: 0;}
  .sponsor-logos-content {margin-bottom: 25px;}
  .sponsor-logos-content a, .newsletter-wrap .sponsor-logos-row a {display: inline-block; vertical-align: middle; width: 50%; margin: 0 -4px 0 0; text-align: center;}
  .sponsor-logos-content img, .newsletter-wrap .sponsor-logos-row img {width: 100%; max-width: 250px;}
  .homepage-gallery-wrap {padding: 50px 0 25px;}
  .homepage-gallery-wrap .nav-wrap {margin-top: 25px;}
  .homepage-gallery-wrap .gallery-col {width: 50%;}
  .homepage-gallery-wrap .gallery-item:hover:before {background-size: 100px;}
  .showtimes-wrap [class^=col] {margin-bottom: 25px;}
  .newsletter-signup {margin: 25px 0 50px;}
  .newsletter-signup .input-group {width: 50%;}
  .newsletter-signup .submit-group {display: block; width: 200px; float: none; clear: left; margin: 0 auto;}
  .footer {padding: 35px 0;}
  .footer-navigation .navigation {visibility: visible; opacity: 1; position: relative; top: auto; left: auto; z-index: auto; margin: 20px auto;}
  .footer-navigation .navigation li a {padding: 10px 15px; border: none;}
  .baseline .pull-right, .baseline .pull-left {display: block; float: none !important; margin: 0 0 10px !important; text-align: center;}
}

@media only screen and (max-width : 736px) {
  .header .logo {top: 65px;}
  .banner .banner-info {width: 495px; font-size: 70px;}
  .banner .banner-info span {font-size: 28px;}
  .banner .banner-info span:first-child {top: 5px;}
  .callouts, .callouts.int {padding: 35px 0 25px;}
  .callout-wrap, .callouts.int .callout-wrap {width: 100%; padding: 15px 100px;}
  .homepage-gallery-wrap .nav li a {padding: 25px 12px; font-size: 15px;}
  .newsletter {padding: 50px 0 40px;}
  .footer {padding: 35px 0 50px;}
}

@media only screen and (max-width : 568px) {
  .callout-wrap, .callouts.int .callout-wrap {padding: 15px 0;}
  .sponsor-logos-content a, .newsletter-wrap .sponsor-logos-row a {width: 100%; margin-bottom: 15px;}
  .newsletter-signup .input-group {width: 100%;}
  .sponsors-wrap .billboard-row [class^=col] {width: 50%;}
  .sponsors-wrap .billboard-row [class^=col]:first-child {width: 100%;}
}

@media only screen and (max-width : 480px) {
  .homepage-gallery-wrap .gallery-col {width: 100%;}
  .footer-contact > a {display: block; margin: 0 0 20px;}
}

@media only screen and (max-width : 414px) {
  .header .contact-info {display: none;}
  .header .sponsor-logos {width: 100%; text-align: center;}
  .header .sponsor-logos img {margin: 0 10px;}
  .banner .banner-image {padding-bottom: 45%;}
  .callouts, .callouts.int {padding: 15px 0;}
  .sponsors-wrap [class^=col], .sponsors-wrap .billboard-row [class^=col] {width: 100%;}
  .staff-wrap [class^="col-"] {width: 100%;}
}

@media only screen and (max-width : 320px) {
  .homepage-gallery-wrap .nav li a {padding: 18px 9px; font-size: 14px;}
}