/*
Theme Name: Beach n' Boards Fest 2016
Theme URI: http://skyadinc.com/
Author: the SKY team
Author URI: http://skyadinc.com/
Description: Theme created specifically for the Beach n' Boards Fest.
Version: .5
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
a {
	text-decoration:none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* BNBF Styles */
@font-face {
    font-family: 'besom';
    src: url('fonts/besom-free-font-webfont.eot');
    src: url('fonts/besom-free-font-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/besom-free-font-webfont.woff2') format('woff2'),
         url('fonts/besom-free-font-webfont.woff') format('woff'),
         url('fonts/besom-free-font-webfont.ttf') format('truetype'),
         url('fonts/besom-free-font-webfont.svg#besom_2regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body { height:100%; width:100%; padding:0; margin:0; }
body { padding-top:35px; font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:14px; }
h1 { font-size:3em; }
h2 { font-size:2em; }
h3 { font-size:1.5em; }
h4 { font-size:1.25em; }
h5 { font-size:1em; }
h1, h2, h3, h4, h5 { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:bold; }
p.besom { font-family:'besom',Arial,Helvetica,sans-serif; }
.alignleft { display:inline-block; float:left; margin:20px 40px 20px 0; } 
.aligncenter { display:block; margin: 10px auto; }
b, strong { font-weight:bold; }
em, i { font-style:italic; }
.regbutton { display:inline-block; padding:8px 20px; font-size:3em; font-family:'besom',Arial,Helvetica,sans-serif; color:#fff; background-color:#00b2d9; border-width:3px; border-color:#2e3192; border-style:solid; border-radius:5px; margin:15px 0 0 0; transition:ease all .5s; }
.regbutton:hover { cursor:pointer; background-color:#2e3192; border-color:#00b2d9; } 

div#background-image { width:100%; position:fixed; top:0; z-index:-10; }
div#background-image img { width:100%; height:auto; }
.wrap { width:1024px; margin:0 auto; display:block; position:relative; overflow:visible; box-sizing:border-box; }
.band { width:100%; overflow:hidden; }
.band.circle { position:relative; }
div#logo { width:255px; display:inline-block; }
div#logo a img { max-width:255px; height:auto; }
div#clockwrapper { display:inline-block; max-width:460px; margin:10px 50px; vertical-align:top; background-image:url('images/clockwrapper.jpg'); }
div.clock { margin:12px; padding:20px; width:390px; background-color:#ffcb08; }
div#shoplink { width:200px; display:inline-block; vertical-align:top; margin-top:50px;} 
div#shoplink p { font-family:'besom',Arial,Helvetica,sans-serif; font-size:2.4em; }
div#shoplink p a { color:#2e3192; }
div#shoplink span.shoparrow { display:inline-block; height:30px; width:30px; border-radius:50%; color:#fff; background-color:#2e3192; border-color:#fff; border-width:1px; border-style:solid; font-size:.5em; line-height:30px; text-align:center; vertical-align:middle; margin-left:5px; }
div#shoplink p a:hover { color:#e96f24; }
div#shoplink p a:hover span.shoparrow { background-color:#e96f24; }
div.circlebg { width:2408px; height:2401px; position:absolute; left:50%; margin-left:-1324px; display:block; background-repeat:no-repeat; background-position:0 0; }
div#circleoflife { background-image:url('images/circle-of-life.png'); }
div#circleoffun { background-image:url('images/circle-of-fun.png'); }
nav ul#mainnav { margin:0 0 0 23px; padding:0; display:block; width:968px; height:181px; list-style:none; position:relative; z-index:100; }
nav ul#mainnav > li { display:inline-block; margin:0; padding:0; float:left; position:relative; background-image:url(images/nav.png); background-repeat:no-repeat; height:110px; }
nav ul#mainnav > li:last-of-type { margin:0; }
nav ul#mainnav > li:hover { cursor:pointer; }
nav ul#mainnav > li#beach { width: 69px; background-position:0 0; background-repeat:none; margin-top:45px; }
nav ul#mainnav > li#beach:hover { background-position:0 -110px; }
nav ul#mainnav > li#boards { width: 87px; background-position:-69px 0; background-repeat:none; margin-top:18px; margin-left:28px; }
nav ul#mainnav > li#boards:hover { background-position:-69px -110px; }
nav ul#mainnav > li#participant { width: 205px; background-position:-156px 0; background-repeat:none; margin-top:-2px; margin-left:26px; }
nav ul#mainnav > li#participant:hover { background-position:-156px -110px; }
nav ul#mainnav > li#event { width: 133px; background-position:-361px 0; background-repeat:none; margin-top:3px; margin-left:24px; }
nav ul#mainnav > li#event:hover { background-position:-361px -110px; }
nav ul#mainnav > li#getonboard { width: 167px; background-position:-494px 0; background-repeat:none; margin-top:41px; margin-left:20px; }
nav ul#mainnav > li#getonboard:hover { background-position:-494px -110px; }
nav ul#mainnav > li#sights { width: 187px; background-position:-661px 0; background-repeat:none; margin-top:117px; margin-left:15px; }
nav ul#mainnav > li#sights:hover { background-position:-661px -110px; }

/** subnav menus **/
/** General Styles **/
nav ul#mainnav > li:hover ul.menu, nav ul#mainnav > li:focus ul.menu { display:block; }
nav ul#mainnav > li ul.menu { display:none; background-image:url('images/subnav-bg.png'); background-repeat:no-repeat; position:absolute; width: 200px; }
nav ul#mainnav > li ul.menu li { display:block; width:100%; }
nav ul#mainnav > li ul.menu li a { font-size:1.25em; display:block; width:100%; padding:10px 20px; height:auto; color:#fff; font-weight:bold; box-sizing:border-box; text-transform:uppercase; }
nav ul#mainnav > li ul li a:hover { cursor:pointer; background-color:#a1ba4f; }

/** Specific Menu Styles **/
ul#menu-beach.menu { top: 59px; left:-12px; background-position:-10px -14px; padding:55px 0 10px 0; }
ul#menu-boards.menu { top: 72px; left: 2px; background-position:-122px 0; padding:40px 0 10px 0; }
ul#menu-participant.menu { width:224px !important; top:92px; left:-8px; background-position:-222px 0; padding:20px 0 10px 0; }
ul#menu-event.menu { top:87px; left:-14px; background-position:-442px 0; padding:30px 0 10px 0; }
ul#menu-sustainability.menu { top:67px; left:-17px; background-position:-592px -17px; padding:63px 0 10px 0; }
ul#menu-sights-sounds.menu { top: 27px; left:-18px; background-position:-772px -53px; padding:115px 0 10px 0; }

nav ul#tabletnav { display:none; }

/* Social Box */
div#social-box { width:138px; position:absolute; right:0; top:300px; background-color:rgba(255,255,255,0.8); border-radius:10px; z-index:22; }
div#social-box div#social-top { background-color:#2e3192; width:100%; border-radius:10px; }
div#social-box div#social-top h4 { font-family:'besom',Arial,Helvetica,sans-serif; font-size:1.7em; color:#fff; text-align:center; padding:16px; }
div#social-links a { width:82px; height:82px; background-position:0 0; background-repeat:no-repeat; display:block; margin:15px auto; border-radius:41px; transition:all ease .5s; }
div#social-links a:hover { background-color:#9cdcf9; }
a#facebook { background-image:url('images/facebook.png'); }
a#twitter { background-image:url('images/twitter.png'); }
a#instagram { background-image:url('images/instagram.png'); }

/* Clock CSS */
/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: #ccc; }
.flip-clock-wrapper a:hover { color: #fff; }
.flip-clock-wrapper ul { list-style: none; }
.flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after { content: " "; display: table; }
.flip-clock-wrapper.clearfix:after { clear: both; }
.flip-clock-wrapper.clearfix { *zoom: 1; }

/* Main */
.flip-clock-wrapper { font: normal 11px 'Open Sans', Helvetica, sans-serif; -webkit-user-select: none; }
.flip-clock-meridium { background: none !important; box-shadow: 0 0 0 !important; font-size: 36px !important; }
.flip-clock-meridium a { color: #313333; }
.flip-clock-wrapper { text-align: center; position: relative; width: 100%; margin: 1em; }
.flip-clock-wrapper:before, .flip-clock-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ }
.flip-clock-wrapper:after { clear: both; }

/* Skeleton */
.flip-clock-wrapper ul { position: relative; float: left; margin: 5px; width: 30px; height: 45px; font-size: 40px;  font-weight: bold; line-height: 43px; border-radius: 6px; background: #000; }
.flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 43px; text-decoration: none !important; }
.flip-clock-wrapper ul li:first-child { z-index: 2; }
.flip-clock-wrapper ul li a { display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0 !important; overflow: visible !important; cursor: default !important; }
.flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 40px; overflow: hidden; outline: 1px solid transparent; }
.flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2; }
.flip-clock-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0; }
.flip-clock-wrapper ul li a div.up:after { content: ""; position: absolute; top: 44px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: #fff; background-color: rgba(255, 255, 255, 0.4); }
.flip-clock-wrapper ul li a div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #000; text-shadow: 0 1px 2px #fff; text-align: center; background-color: #fff; border-radius: 6px; font-size: 35px; }
.flip-clock-wrapper ul li a div.up div.inn { top: 0; }
.flip-clock-wrapper ul li a div.down div.inn { bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; }
.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }
.flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd 0.5s 0.5s linear both; -moz-animation: asd 0.5s 0.5s linear both; animation: asd 0.5s 0.5s linear both; z-index: 5; }
.flip-clock-divider { float: left; display: inline-block; position: relative; width: 10px; height: 50px; }
.flip-clock-divider:first-child { width: 0; }
.flip-clock-dot { display: block; background: #fff; width: 10px; height: 10px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
.flip-clock-divider .flip-clock-label { position: absolute; top: -1.5em; right: -53px; color: #fff; text-shadow: none; text-transform:uppercase; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:bold; }
.flip-clock-divider.hours .flip-clock-label { right: -56px; }
.flip-clock-divider.minutes .flip-clock-label { right: -64px; }
.flip-clock-divider.seconds .flip-clock-label { right: -63px; }
.flip-clock-dot.top { top: 30px; }
.flip-clock-dot.bottom { bottom: 30px; }

@-webkit-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } }
@-moz-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } }
@-o-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } }
@keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn { 0% { -webkit-transform: rotateX(90deg); } 100% { -webkit-transform: rotateX(0deg); } }
@-moz-keyframes turn { 0% { -moz-transform: rotateX(90deg); } 100% { -moz-transform: rotateX(0deg); } }
@-o-keyframes turn { 0% { -o-transform: rotateX(90deg); } 100% { -o-transform: rotateX(0deg); } }
@keyframes turn { 0% { transform: rotateX(90deg); } 100% { transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 { 0% { -webkit-transform: rotateX(0deg); } 100% { -webkit-transform: rotateX(-90deg); } }
@-moz-keyframes turn2 { 0% { -moz-transform: rotateX(0deg); } 100% { -moz-transform: rotateX(-90deg); } }
@-o-keyframes turn2 { 0% { -o-transform: rotateX(0deg); } 100% { -o-transform: rotateX(-90deg); } }
@keyframes turn2 { 0% { transform: rotateX(0deg); } 100% { transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active { z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

section#topcontents { margin-bottom:-60px; }
div#dateloc, div#main-rotator { position:relative; top:-80px; padding-right:200px; }
div#dateloc-top { color:#fff; text-align:center; }
div#dateloc-top p#dates { font-family:'besom',Arial,Helvetica,sans-serif; font-size:3.5em; }
div#dateloc-top p#location { font-weight:bold; font-size:1.5em; text-transform:uppercase; line-height:1.5em; }
div#dateloc-top p a { color:#2e3192; font-size:1.25em; }
div#dateloc-top p a:hover { color:#e96f24; }

div#circulars { position:relative; display:block; padding:0 20px; }
div#intro-copy { width:506px; height:506px; border-radius:50%; background-color:rgba(255,203,8,0.9); position:relative; z-index:5; }
div#intro-copy hgroup.intro-title { width:308px; border-bottom:1px solid #2e3192; display:block; margin:0 auto; box-sizing:border-box; padding:55px 20px 0 20px; text-align:center; }
div#intro-copy hgroup.intro-title h2 { color:#2e3192; font-family:'besom',Arial,Helvetica,sans-serif; font-size:4em; line-height:.9em; }
div#intro-copy div.intro-content { width:308px; display:block; margin:15px auto; text-align:left; }
div#intro-copy div.intro-content p { color:#fff; margin:15px 0; font-size:1.35em; line-height:1.5em; }

div#event-copy { width:578px; height:578px; border-radius:50%; background-color:rgba(233,111,36,0.9); position:absolute; left: 415px; top:264px; z-index:4; box-sizing:border-box; padding:35px 96px; }
div#event-copy hgroup.event-title { width:366px; border-bottom:1px solid #fff; display:block; margin:0 auto 20px auto; box-sizing:border-box; padding:0 30px; text-align:center; }
div#event-copy hgroup.event-title h2 { color:#fff; font-family:'besom',Arial,Helvetica,sans-serif; font-size:3.75em; line-height:.9em; }
div#event-copy .event-rotator h2 { font-size:2em; color:#fff; text-align:center; }
div#event-copy .event-rotator h3 { text-align:center; color:#ffcb08; }
div#event-copy .event-rotator ul { list-style:disc; }
div#event-copy .event-rotator ul li { color:#fff; margin:15px 0; font-size:1.25em; }
div#event-copy .event-rotator ul li strong { font-weight:bold; }

div#circular-rotator { width:401px; height:401px; border-radius:50%; background-color:rgba(44,49,146,0.9); box-sizing:border-box; position:relative; z-index:3; margin:115px 0 0 110px; padding:23px; }
div#circular-rotator img { width:355px; height:355px !important; max-width:100%; max-height:100%; border-radius:50%; }

section#the-wave { width:100%; height:1307px; position:relative; }
div#wave-foreground { width:100%; height:1307px; overflow:hidden; position:absolute; z-index:3; background-image:url('images/the-wave.png'); background-repeat:repeat-x; background-position:50% 0; }
#wave-video { width:880px; height:495px; position:relative; z-index:2; display:block; top:265px; left:-70px; }
#wave-video video { width:880px; height:495px; }
a#checkout { display:block; position:absolute; left:405px; top:750px; width:449px; height:155px; background-image:url('images/check-out-the-action.png'); background-repeat:no-repeat; background-position:0 0; z-index:3; }
a#checkout:hover { background-position:0 -155px; cursor:pointer; }
/* jcarousel styles */
div#main-rotator { width:625px; height:325px; margin:0 auto; }
div#main-rotator .jcarousel-wrapper { margin: 20px auto 0 auto; position: relative; width: 100%; background-color:#fff; }

div.shred { height:auto; background-color:rgba(255,203,8,1); position:absolute; bottom:0; padding:30px; box-sizing:border-box; }
div.shred h3 { color:#fff; font-size:3em; text-transform:uppercase; letter-spacing:1px; text-align:center; }
div.shred p { text-align:center; }

section#forecasts { background-color:rgba(0,178,217,0.9); margin:85px 0; position:relative; }
section#forecasts:after { content: '.'; display:block; height:0; clear:both; visibility:hidden; }

div.forecast-column { margin:48px; float:left; }
div.forecast-column a { display:block; }
div.forecast-column a:hover .image-border { -moz-transform:rotate(720deg); -webkit-transform:rotate(720deg); -o-transform:rotate(720deg); -ms-transform:rotate(720deg); transform:rotate(720deg); }
div.forecast-column a:hover p { color:#e96f24; }
div.forecast-column .image-border { background-image:url('images/clockwrapper.jpg'); background-position:50% 50%; width:416px; height:416px; border-radius:50%; padding:22px; box-sizing:border-box; transition: all .5s; }
div.forecast-column .image-border img { width:372px; height:372px; border-radius:50%; transition:all .5s; } 
div.forecast-column p { font-family:'besom',Arial,Helvetica,sans-serif; color:#fff; font-size:3em; text-align:center; padding-top:20px; }

section.sponsorops { height:190px; background-color:rgba(189,215,60,0.9); padding:30px; box-sizing:border-box; margin:85px 0; }
section.sponsorops h3 { color:#fff; font-size:3em; text-transform:uppercase; letter-spacing:1px; text-align:center; }
section.sponsorops p { text-align:center; }

footer#footer { background-color:rgba(233,111,36,0.9); padding:30px; box-sizing:border-box; margin:85px 0 0 0; position:relative; z-index:22; }
footer#footer:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; }
div#address, div#footer-logo, div#search { float:left; }
div#footer-logo { width: 255px; height:auto }
div#footer-logo img { max-width:255px; height:auto; }

div#address { width:260px; padding:10px 30px; color:#fff; text-transform:uppercase; font-weight:bold; font-size:1.5em; }
div#address a { color:#fff; }

div#search { padding-top:30px; }
div#search input#s.field { width:250px; height:25px; padding:0 5px; border:none; border-radius:5px; }
div#search button.searchsubmit { position:relative; left:-37px; height:25px; width:35px; border-radius:5px; background-color:#9cdcf9; margin:0; padding:0; border:none; color:#fff; }

/* Main Rotator Carousel */
/** Carousel **/
div#main-rotator .jcarousel { position: relative; overflow: hidden; }
div#main-rotator .jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
div#main-rotator .jcarousel li { float: left; padding:0; box-sizing:border-box; margin:0; }
div#main-rotator .jcarousel img { width:100%; display:block; min-height:inherit; height:auto; }
div#main-rotator .jcarousel .loading { text-align: center; line-height: 150px; /* Fake vertical aligning */ }

/** Carousel Controls **/
div#main-rotator .jcarousel-control-prev, div#main-rotator .jcarousel-control-next { position: absolute; top: 135px; width: 50px; height: 50px; text-align: center; background: #2e3192; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 30px/50px Arial, sans-serif; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; border: 1px solid white; }
div#main-rotator .jcarousel-control-prev:hover, div#main-rotator .jcarousel-control-next:hover { background-color:#e96f24; }
div#main-rotator .jcarousel-control-prev { left: -65px; } 
div#main-rotator .jcarousel-control-next { right: -65px; }
div#main-rotator .jcarousel-control-prev:hover span, div#main-rotator .jcarousel-control-next:hover span { display: block; }
div#main-rotator .jcarousel-control-prev.inactive, div#main-rotator .jcarousel-control-next.inactive { opacity: .5; cursor: default; }

/* Events Carousel */
/** Carousel **/
div#event-copy .jcarousel { position: relative; overflow: hidden; }
div#event-copy .jcarousel > ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
div#event-copy .jcarousel > ul > li { float: left; width: 386px; height: 500px; padding:0 20px; box-sizing:border-box; margin:0; display:block; }
div#event-copy .jcarousel .loading { text-align: center; line-height: 150px; /* Fake vertical aligning */ }

/** Carousel Controls **/
div#event-copy .jcarousel-control-prev, div#event-copy .jcarousel-control-next { position: absolute; top: 250px; width: 50px; height: 50px; text-align: center; background: #ffcb08; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 30px/50px Arial, sans-serif; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; border: 1px solid white; }
div#event-copy .jcarousel-control-prev:hover, div#event-copy .jcarousel-control-next:hover { background-color:#2e3192; }
div#event-copy .jcarousel-control-prev { left: 20px; } 
div#event-copy .jcarousel-control-next { right: 20px; }
div#event-copy .jcarousel-control-prev:hover span, div#event-copy .jcarousel-control-next:hover span { display: block; }
div#event-copy .jcarousel-control-prev.inactive, div#event-copy .jcarousel-control-next.inactive { opacity: .5; cursor: default; }

/*Blue Circular Rotator */
/** Carousel **/
div#circular-rotator .jcarousel-wrapper { overflow:hidden; border-radius:50%; }
div#circular-rotator .jcarousel { position: relative; overflow: hidden; }
div#circular-rotator .jcarousel > ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
div#circular-rotator .jcarousel > ul > li { float: left; width: 355px; height: 355px; padding:0; box-sizing:border-box; margin:0; }
div#circular-rotator .jcarousel .loading { text-align: center; line-height: 150px; /* Fake vertical aligning */ }

/** Carousel Controls **/
div#circular-rotator .jcarousel-control-prev, div#circular-rotator .jcarousel-control-next { position: absolute; top: 180px; width: 40px; height: 40px; text-align: center; background: #2e3192; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/40px Arial, sans-serif; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; border: 1px solid white; }
div#circular-rotator .jcarousel-control-prev:hover, div#circular-rotator .jcarousel-control-next:hover { background-color:#e96f24; }
div#circular-rotator .jcarousel-control-prev { left: 5px; } 
div#circular-rotator .jcarousel-control-next { right: 5px; }
div#circular-rotator .jcarousel-control-prev:hover span, div#circular-rotator .jcarousel-control-next:hover span { display: block; }
div#circular-rotator .jcarousel-control-prev.inactive, div#circular-rotator .jcarousel-control-next.inactive { opacity: .5; cursor: default; }

/** Subpages **/
section#contents.subpage { padding:0 55px 55px 55px; min-height:500px; }
section#contents.subpage:after { display:block; content:""; clear:both; }
section#contents img { max-width:100%; height:auto; display:block; }
div#page-header { position:relative; top:-130px; max-width:767px; margin-bottom:-130px; }
div#page-header h1.header-text { color:#fff; font-family:'besom',Arial,Helvetica,sans-serif; font-size:4em; }
div#page-header div#page-title h1.header-text { padding-left:150px; padding-top:10px; }
div#page-title { clear:both; height:110px; min-width:590px; }
div#mobile-title { display:none; }
div#header-image { position:relative;margin-top:11px; min-height:50px; }
div#image-arc { background-image:url('images/subpage-arc-top.png'); background-repeat:no-repeat; background-position:0 0; position:absolute;top:0; left:0; height:106px; width:767px; z-index:5; }
div#color-band { height:50px; width:100%; position:absolute; bottom:0; z-index:5; opacity:.8; }
div#color-band a.color-band-gallery { font-family: 'besom',Arial,Helvetiac,sans-serif; background-color: #e96f24; float: right; margin-top: 5px; font-size: 2em; margin-right: 15px; border-color: #fff; border-radius: 5px; border-width: 1px; border-style: solid; padding: 4px 10px; color: #fff; transition:ease all .5s; }
div#color-band a.color-band-gallery:hover { background-color:#2e3192; }
article.post-content { max-width:767px; position:relative; z-index:10; }
div.content-section { width:100%; padding:20px; border-bottom-color:#838284; border-bottom-width:2px; border-bottom-style:solid; font-size:1.25em; line-height:1.5em; }
div.whitebg { background-color:#fff; }
div.content-section h2 { color:#2bb673; font-family:'besom',Arial,Helvetica,sans-serif; font-size:3em; margin:50px 0 5px 0; display:inline-block; line-height:1em; }
div.content-section p { margin:15px 0; }
div.content-section p a.regbutton { font-size:2em; }
div.content-section img { max-width:100%; height:auto; }
div.content-section .shadowed { box-shadow:15px 15px 15px #000; }
div.content-section:last-of-type { border-bottom:none; }
div#background-swirls { position:absolute; width:100%; height:1126px; top:210px; z-index:1; overflow:hidden; }
div#background-swirls img { position:absolute; left:50%; margin-left:-814px; width:1628px; }
#gallery-1 { margin-top:150px; }
div#gallery-description { width:460px; height:460px; border-radius:230px; background-color:rgba(233,111,36,0.9); box-sizing:border-box;color:#fff; padding:70px 100px; position:relative; left:200px; z-index:20; }
div#gallery-description p.besom { font-size:1.5em; }
div#gallery-description h1#title { font-family:'besom',Arial,Helvetica,sans-serif; line-height:1.15em; }
div#more-galleries { width:300px; height:300px; border-radius:150px; background-color:rgba(46,49,146,0.9); box-sizing:border-box; color:#fff; padding:80px 80px 0 80px; position:relative; top:-200px; }
div#more-galleries h2 { font-family:'besom',Arial,Helvetica,sans-serif; font-size:3em; line-height:1.15em; text-align:center; }
div#more-galleries img { display:block; margin:5px auto; width:65px; height:auto; } 
div.gallery-list-box:before { display:block; content:""; clear:both; }
div.gallery-list-box { width:100%; max-width:777px; min-height:330px; position:relative; z-index:22; margin-bottom:50px; }
div.gallery-list-box div.top-band { background-color:#e96f24; width:100%; height:54px; line-height:54px; color:#fff; box-sizing:border-box; padding:0 25px; }
div.gallery-list-box div.top-band span { display:inline-block; }
div.top-band span.gallery-date { float:right; font-size:1.5em; }
div.top-band span.category { font-family:'besom',Arial,Helvetica,sans-serif; font-size:2.5em; }
div.gallery-sample { width:100%; height:100%; background-color:rgba(83,82,84,0.8); padding:25px; box-sizing:border-box; }
div.gallery-sample:after { display:block; clear:both; content:""; }
div.gallery-sample img { display:block; float:left; margin-right:25px; }
div.gallery-info { color:#fff; }
div.gallery-info h3 { font-family:'besom',Arial,Helvetica,sans-serif; font-size:3em; }
div.gallery-info p { font-size:1.3em; line-height:1.3em; }
a.view-gallery-button { display:block; width:280px; height:57px; background-color:#ffcb08; background-image:url('images/view-gallery-button.png'); background-position:87% 50%; background-repeat:no-repeat; transition: ease all .75s; float:right; margin-top:20px; color:#2e3192; font-family:'besom',Arial,Helvetica,sans-serif; line-height:57px; font-size:2.5em; padding-left:15px; box-sizing:border-box; }
a.view-gallery-button:hover { background-color:#2e3192; color:#fff; background-position:90% 50%; }
/** Sponsor Logos **/
div.event-sponsors { width:100%; height:auto; display:block; }
div.logos { width:100%; height:auto; position:relative; display:block; }
div.logos ul { text-align:center; }
div.logos ul li img { max-width:100%; height:auto; display:block; }
div.logos ul li { display:inline-block; height:auto; margin:10px 0 20px 0; padding:5px 20px; box-sizing:border-box; vertical-align:middle; }
div.t1.logos ul li { width:50%; }
div.t2.logos ul li { width:33.33%; }
div.t3.logos ul li { width:25%; }
div.t4.logos ul li { width:25%; }
div.t4.logos ul li img { max-width:85% !important; margin:0 auto; }
div.t5.logos ul li { width:25%; }
div.t5.logos ul li img { max-width:60% !important; margin:0 auto; }

@media only screen and (max-width:1024px) {
  /* For general iPad layouts */
	.wrap { width:100%; }
	div#dateloc, div#main-rotator { top:auto; }
	div#clockwrapper, div#image-arc, div.circlebg, section#the-wave { display:none; }
	nav ul#mainnav { display:none; }
	nav ul#tabletnav { margin:25px 0; padding:0; display:block; width:100%; height:auto; list-style:none; position:relative; z-index:100; background-color:#e96f24; box-sizing:border-box; padding:0 1vw; font-size:3vw; }
	nav ul#tabletnav > li { display:inline-block; margin:0 0 0 0; padding:0; position:relative; color:#fff; font-family:'besom',Arial,Helvetica,sans-serif; }
	nav ul#tabletnav > li a { color:#fff; display:block; padding:1vw 2vw; pointer-events:auto; }	
	nav ul#tabletnav > li:hover a { color:#9cdcf9; }
	/** subnav menus **/
	/** General Styles **/
	nav ul#tabletnav > li:hover ul.menu, nav ul#tabletnav > li:focus ul.menu { display:block; }
	nav ul#tabletnav > li ul.menu { display:none; background-color:#2e3192; position:absolute; width: auto; }
	nav ul#tabletnav > li ul.menu li { display:block; width:auto; }
	nav ul#tabletnav > li ul.menu li a { display:block; width:auto; padding:10px 20px; height:auto; color:#fff; font-weight:bold; box-sizing:border-box; text-transform:uppercase; }
	div#social-box { top:auto; }
	section#topcontents { margin-bottom:40px; }
	div#intro-copy, div#event-copy, div#circular-rotator { position:relative; top:auto; left:auto; }
	div#page-header { top:auto; margin-bottom:0; }
	div#page-header h1.header-text { color:#2e3192; }
	div#page-header div#page-title { display:none; }
	div#page-header div#mobile-title { display:block; }	
}
@media only screen and (max-width:768px) {
	div#main-rotator { width:100%; height:52.16%; margin:0 auto; }
	nav ul#tabletnav { font-size:3em; }
	nav ul#tabletnav > li { display:block; }
	nav ul#tabletnav > li ul.menu { position:relative; }
	div#social-box { display:none; }
	div#dateloc, div#main-rotator { padding-right:0; }
	div#circulars { padding: 0 0 20px 0; }
	div#logo, div#shoplink { margin:0 auto 20px; display:block; }
	div#intro-copy, div#event-copy { width:100%; height:auto; padding:20px; border-radius:0; box-sizing:border-box; text-align:center; }
	div#event-copy hgroup.event-title, div#intro-copy hgroup.intro-title { width:100%; padding:0; }
	div#event-copy .jcarousel > ul li { height:auto; list-style:none; }
	div#event-copy .jcarousel-control-prev, div#event-copy .jcarousel-control-next { position: static; display:inline-block; margin: 15px; }
	div#circular-rotator { width:90%; height:auto; margin:50px auto; }
	div#circular-rotator .jcarousel > ul > li { width: 100%; height: auto; }
	section#forecasts { margin:0; padding-top:20px; }
	div.forecast-column { margin:48px auto; width:90%; float:none; display:block; }
	div.forecast-column .image-border, div.forecast-column .image-border img { width:100%; height:auto; }
	div#circular-rotator .jcarousel-control-prev, div#circular-rotator .jcarousel-control-next { top:45%; }
	section#contents.subpage { padding:20px; }
}