/*
Theme Name:Let's Go Surfing
Author:The Nest team
Author URI:http://www.wearethenest.com.au/
Description:Let's Go Surfing
Version:1.0
*/
.sub-nav .location-nav, .sub-nav .lesson-nav, .contact-info, .contact-info .info, .contact-info .map, #footer, .experience-meta.costs, .experience-meta.seasons, .single-lesson article, .single-deal article, .single-article article, .tax-location article, .single-post article { zoom: 1; }
.sub-nav .location-nav:before, .sub-nav .lesson-nav:before, .contact-info:before, .contact-info .info:before, .contact-info .map:before, #footer:before, .experience-meta.costs:before, .experience-meta.seasons:before, .single-lesson article:before, .single-deal article:before, .single-article article:before, .tax-location article:before, .single-post article:before, .sub-nav .location-nav:after, .sub-nav .lesson-nav:after, .contact-info:after, .contact-info .info:after, .contact-info .map:after, #footer:after, .experience-meta.costs:after, .experience-meta.seasons:after, .single-lesson article:after, .single-deal article:after, .single-article article:after, .tax-location article:after, .single-post article:after { content: ''; display: table; position: relative; }
.sub-nav .location-nav:after, .sub-nav .lesson-nav:after, .contact-info:after, .contact-info .info:after, .contact-info .map:after, #footer:after, .experience-meta.costs:after, .experience-meta.seasons:after, .single-lesson article:after, .single-deal article:after, .single-article article:after, .tax-location article:after, .single-post article:after { clear: both; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; }

body { margin: 0; }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

mark { background: #ff0; color: #000; }

p, pre { margin: 1em 0; }

code, kbd, pre, samp { font-family: monospace,serif; _font-family: 'courier new',monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ''; content: none; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

menu, ol, ul { padding: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; }

img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; overflow: vertical; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }

.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }

.vh { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.vh.focusable:active, .vh.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.entry-content img { margin: 0 0 1.5em 0; }

.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }

.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }

.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }

.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }

.wp-caption img { border: 0 none; padding: 0; margin: 0; }

.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; }

.wp-smiley { margin: 0 !important; max-height: 1em; }

blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; }

blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; }

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; }

html, body { height: 100%; }

html { font-size: 16px; height: 100%; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { html { font-size: 14px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { html { font-size: 12px; } }

body { font-family: "Montserrat", sans-serif; background: #fff; font-size: 16px; color: #000; -webkit-font-smoothing: antialiased; letter-spacing: 1px; min-height: 100%; overflow: hidden; }
@media only screen and (max-width: 480px) { body { overflow: auto; min-height: auto; } }

h1 { font-family: "Montserrat", sans-serif; font-size: 1.125rem; line-height: 1.2em; letter-spacing: 5px; word-spacing: 3px; text-transform: uppercase; text-align: center; padding: 0 0 3.125rem 0; margin-top: 0 !important; }
@media only screen and (max-width: 767px) { h1 { letter-spacing: 2px; word-spacing: 0; } }

h3 { font-family: "Montserrat", sans-serif; font-size: 1.125rem; line-height: 1.375rem; letter-spacing: 4px; text-transform: uppercase; margin-top: 1em; }

h2, h4, h5, h6 { font-family: "liberatorregular", serif; }

a { color: #000; text-decoration: none; outline: 0; -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
a:hover { color: #00baff; }

a:visited, a:hover, a:active, a:focus { outline: 0; }

p { margin: 0 0 1em; line-height: 1.25em; }

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

table { max-width: 100%; width: 100%; margin-bottom: 1em; }
table th, table td { padding: 10px 5px; text-align: left; }
table th { background: #dfdfdf; }
table tr:nth-child(even) td { background: #f2f2f2; }

.container { margin: 0 auto; max-width: 1260px; }

.site-wrapper { min-height: 100%; height: 100%; -moz-transition: all 800ms; -o-transition: all 800ms; -webkit-transition: all 800ms; transition: all 800ms; position: relative; left: 0; right: 0; top: 0; }
.panel-open .site-wrapper #main { -moz-transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22); -webkit-transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: all 0.7s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.panel-open .site-wrapper #main:before { background: rgba(0, 0, 0, 0.8); content: ""; position: absolute; width: 100%; height: 100%; z-index: 40; }

.site-wrapper.lesson-page-wrapper #logo h1 a { background-position: 0 -201px !important; }
@media only screen and (max-width: 767px) { .site-wrapper.lesson-page-wrapper #logo h1 a { background-position: 0 -100px !important; } }

.viewport { width: 100%; height: calc(100% - 210px); margin: 160px auto 0; padding: 0 80px; overflow: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media only screen and (max-width: 767px) { .viewport { height: calc(100% - 80px); margin-top: 80px; padding: 0 40px; /* iOS hack */ overflow-y: scroll !important; -webkit-overflow-scrolling: touch !important; } }

@media only screen and (min-height: 830px) { .vertical-align { width: 100%; padding: 0 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .vertical-align-relative { width: 100%; padding: 0 80px; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
.lesson-meta { overflow: hidden; }

.cta-btn { background: #00baff; color: #fff; display: inline-block; padding: 0.5em 1em; text-transform: uppercase; -moz-transition: all 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: all 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22); -webkit-transition: all 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: all 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.cta-btn:hover { background: #0cf; color: #fff; }

.underlined-link { text-transform: uppercase; border-bottom: 3px solid #000; padding-bottom: 2px; -moz-transition: all 500ms; -o-transition: all 500ms; -webkit-transition: all 500ms; transition: all 500ms; }
.underlined-link:hover { color: #00baff; border-bottom: 3px solid #00baff; }

.black { color: #000 !important; }
.black:hover { color: #00baff !important; }

.white { color: #fff !important; }
.white:hover { color: #00baff !important; }

.go-button { position: relative; display: block; border-bottom: none; }
.go-button .label, .go-button .go { display: block; }
.go-button .label .text, .go-button .go .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.go-button .label { position: relative; z-index: 1; line-height: 1em; text-transform: uppercase; }
.go-button .go { position: absolute; z-index: 2; background: #00baff; color: #fff; opacity: 0; font-family: "liberatorregular", serif; text-transform: uppercase; margin: -1px; border: solid 1px #00baff; -moz-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
.go-button .go .text { padding-top: 0.15em; }
.go-button:hover .go { opacity: 1; }
.home .go-button { white-space: nowrap; display: inline-block; -moz-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
.home .go-button .label { font-family: "liberatorregular", serif; color: #fff; height: 7vh; font-size: 5.5vw; line-height: 1em; letter-spacing: 1.625rem; word-spacing: -1.25rem; position: relative; margin-left: 1.25rem; }
.home .go-button .go { background: url(images/home_go_button.png) no-repeat; width: 101px; height: 101px; background-size: cover; text-indent: -99999px; position: absolute; left: 50%; margin-left: -50px; top: -20px; border: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; }
.home .go-button:hover .label { opacity: 0; }
.page-template-template-lessons .go-button .label, .page-template-template-lessons .go-button .go { width: 180px; height: 180px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.page-template-template-lessons .go-button .label { background: #fff; font-size: 1.5em; }
.page-template-template-lessons .go-button .go { top: 0; left: 0; font-size: 4em; }
.page-template-template-lessons .thumb .go-button .label, .page-template-template-lessons .thumb .go-button .go { width: 100%; height: 100%; }
.page-template-template-deals .go-button .label, .page-template-template-deals .go-button .go { width: 180px; height: 180px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.page-template-template-deals .go-button .label { background: #fff; font-size: 1.5em; }
.page-template-template-deals .go-button .go { top: 0; left: 0; font-size: 4em; }
.page-template-template-deals .thumb .go-button .label, .page-template-template-deals .thumb .go-button .go { width: 100%; height: 100%; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .page-template-template-lessons .go-button .label, .page-template-template-lessons .go-button .go { width: 150px; height: 150px; }
  .page-template-template-lessons .go-button .label { font-size: 1.25em; }
  .page-template-template-lessons .go-button .go { font-size: 3.5em; } }
@media only screen and (max-width: 767px) { .home .go-button .label { font-size: 7vw; letter-spacing: 2vw; word-spacing: 0; margin-left: 2vw; }
  .home .go-button .go { width: 15vw; height: 15vw; margin-left: -7.5vw; top: -2vh; }
  .page-template-template-lessons .go-button .label, .page-template-template-lessons .go-button .go { width: 22vw; height: 22vw; }
  .page-template-template-lessons .go-button .label { font-size: 3vw; }
  .page-template-template-lessons .go-button .go { font-size: 12vw; } }
@media only screen and (max-width: 480px) { .page-template-template-lessons .go-button .label, .page-template-template-lessons .go-button .go { width: 24vw; height: 24vw; }
  .page-template-template-lessons .go-button .label { font-size: 4vw; }
  .page-template-template-lessons .go-button .go { font-size: 12vw; } }

@media only screen and (max-width: 767px) { .booking-form { position: fixed; right: 0; bottom: 0; left: 0; top: 6em; overflow-y: scroll !important; -webkit-overflow-scrolling: touch !important; } }
.booking-widget { width: 100%; height: 600px; border: none; }
@media only screen and (max-width: 767px) { .booking-widget { height: 100%; } }

.gravity-form { display: none; }

.push { -moz-transition: all 800ms; -o-transition: all 800ms; -webkit-transition: all 800ms; transition: all 800ms; }

.push-body-down { top: 86px !important; -moz-transition: top 800ms; -o-transition: top 800ms; -webkit-transition: top 800ms; transition: top 800ms; }

.push-surfboard-right { left: -20% !important; -moz-transition: left 800ms; -o-transition: left 800ms; -webkit-transition: left 800ms; transition: left 800ms; }

.push-surfboard-left { left: -90% !important; -moz-transition: left 800ms; -o-transition: left 800ms; -webkit-transition: left 800ms; transition: left 800ms; }

.surf-active { left: 0; right: auto; }

.booking-active { right: 0; left: auto; }

.btn-panel { width: 40px; height: 100%; position: fixed; display: inline-block; margin: 0; z-index: 4; font-family: "Montserrat", sans-serif; font-size: 1.375em; line-height: 1.5em; text-transform: uppercase; letter-spacing: 5px; }
.btn-panel:hover { color: #00baff; }
.btn-panel.disable { pointer-events: none; cursor: default; }
.btn-panel.disable:hover { color: #fff; }
.btn-panel a { white-space: nowrap; position: absolute; top: 50%; left: 50%; margin-top: -5px; background: transparent; color: #000; }
.btn-panel a:hover { background: transparent; color: #00baff; }
@media only screen and (max-width: 1024px) { .btn-panel { width: 40px; } }
@media only screen and (max-width: 767px) { .btn-panel { font-size: 1.125em; letter-spacing: 2px; width: 40px; } }

.btn-panel-left { left: 20px; }
.btn-panel-left a { -moz-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); -webkit-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); }
@media only screen and (max-width: 1024px) { .btn-panel-left { left: 0; } }

.btn-panel-right { left: calc(100% - 60px); }
.btn-panel-right a { -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }
@media only screen and (max-width: 1024px) { .btn-panel-right { left: calc(100% - 40px); } }

.panel-slide { position: fixed; width: 1200px; height: 100%; top: 0; z-index: 50; background-size: cover !important; }
.panel-slide .inner-wrapper { width: calc(100% - 160px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.panel-slide h2 { font-family: "Montserrat", sans-serif; font-size: 1.875rem; line-height: 2rem; color: #000; text-transform: uppercase; margin: 0 0 2rem; letter-spacing: 5px; }
.panel-slide .close-sidebar { position: absolute; top: 50%; font-family: "Montserrat", sans-serif; font-size: 1.125em; line-height: 1em; text-transform: uppercase; letter-spacing: 4px; -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); }
.panel-slide .close-sidebar i:before { position: relative; top: 4px; font-size: 1.875rem; }
.panel-slide .close-sidebar span { font-family: "Montserrat", sans-serif; font-size: 1.125rem; line-height: 1.25rem; }
@media only screen and (max-width: 1259px) { .panel-slide { width: 800px; } }
@media only screen and (max-width: 1024px) { .panel-slide { width: 100%; } }
@media only screen and (max-width: 767px) { .panel-slide .inner-wrapper { width: 100%; height: 100%; position: relative; top: auto; left: auto; padding-top: 3.5em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .panel-slide h2 { text-align: center; font-size: 1em; letter-spacing: 0.2em; } }

.panel-left { left: 0; background: transparent url(images/half_surfboard_flip.svg) no-repeat; }
.panel-left.push-left { left: -1200px; }
.panel-left .close-sidebar { left: -5px; }
@media only screen and (max-width: 1259px) { .panel-left.push-left { width: 800px; } }
@media only screen and (max-width: 1024px) { .panel-left.push-left { width: 100%; } }

.panel-right { right: 0; background: transparent url(images/half_surfboard.svg) no-repeat; }
.panel-right.push-right { right: -1200px; }
.panel-right .close-sidebar { right: -24px; }
@media only screen and (max-width: 1259px) { .panel-right.push-right { right: -800px; } }
@media only screen and (max-width: 1024px) { .panel-right.push-right { right: -100%; }
  .panel-right .close-sidebar { right: -30px; }
  .panel-right #gform_2 { max-height: 80vh; overflow: auto; } }
@media only screen and (max-width: 767px) { .panel-right { background: #fff; }
  .panel-right .close-sidebar { text-align: center; display: block; line-height: 2.25em; height: 2.25em; width: 100%; right: auto; left: 0; top: 0; z-index: 1; -moz-transform: translate(0, 0) rotate(0deg); -ms-transform: translate(0, 0) rotate(0deg); -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); }
  .panel-right .close-sidebar i:before { font-size: 120%; top: 0.08em; }
  .panel-right .close-sidebar span { font-size: 0.875em; line-height: 1em; }
  .panel-right .gravity-form .gform_wrapper { max-width: 100%; margin: 1em auto; width: 100%; }
  .panel-right .gravity-form .gform_wrapper .top_label li.gfield { margin: 0 0 .5em !important; }
  .panel-right .gravity-form .gform_wrapper #gform_2 { padding: 0 20px; } }

.sub-nav { text-align: center; }
.sub-nav .active { color: #00baff; }
.sub-nav .location-nav, .sub-nav .lesson-nav { display: block; }
.sub-nav .location-nav li, .sub-nav .lesson-nav li { display: inline-block; }
.sub-nav .location-nav li a, .sub-nav .lesson-nav li a { display: block; margin: 0.9375rem; font-size: 1.125rem; line-height: 1.375rem; font-weight: 700; text-transform: uppercase; }
.sub-nav .location-nav li a { font-family: "liberatorregular", serif; font-size: 2rem; line-height: 2rem; letter-spacing: 8px; word-spacing: -4px; font-weight: 400; }
@media only screen and (max-width: 767px) { .sub-nav .location-nav li a, .sub-nav .lesson-nav li a { margin: 5px 15px; } }

.owl-theme .owl-wrapper-outer { z-index: 1; }

@media only screen and (max-width: 767px) { .owl-theme .owl-controls { margin: 1rem; } }

.owl-buttons { position: absolute; top: 50%; margin-top: -23px; width: 100%; z-index: 0; }
.owl-buttons div { position: absolute; background: url(images/owl-nav-arrow.png) top left no-repeat !important; width: 27px; height: 47px; background-size: 54px 47px !important; text-indent: -99999px; margin: 0 !important; padding: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0; border-radius: 0 !important; }
.owl-buttons:hover { opacity: 1; }
.owl-buttons .owl-prev, .owl-buttons .go-prev { left: -30px; }
.owl-buttons .owl-next, .owl-buttons .go-next { right: -30px; background-position: -27px 0 !important; }
@media only screen and (max-width: 1024px) { .owl-buttons { opacity: 1; } }
@media only screen and (max-width: 767px) { .owl-buttons { display: none; } }

.lessons-carousel { margin: 30px auto 0; width: calc(100% - 80px); max-width: 1280px; text-align: center; }
.lessons-carousel .thumb { width: 16.125rem; height: 16.125rem; overflow: hidden; margin: 0 auto 20px; position: relative; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.lessons-carousel .thumb img { width: 100%; height: auto; display: block; }
.lessons-carousel h2 { font-family: "Montserrat", sans-serif; color: #fff; font-size: 1.25em; line-height: 1.2em; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin: 0 auto 1em !important; }
.lessons-carousel h2, .lessons-carousel .entry { padding: 0 1rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; }
.lessons-carousel .owl-buttons { top: 30%; }
@media only screen and (max-width: 1360px) { .lessons-carousel .thumb { width: 14.0625rem; height: 14.0625rem; } }
@media only screen and (max-width: 1024px) { .lessons-carousel .owl-buttons { padding-bottom: 0; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .lessons-carousel .owl-controls { margin-top: 0; } }
@media only screen and (max-width: 767px) { .lessons-carousel { width: 100%; }
  .lessons-carousel .thumb { width: 14.0625rem; height: 14.0625rem; } }

.custom-cost-title { font-weight: bold; width: 100%; clear: both; margin-top: 1em; }
.custom-cost-title:first-child { margin-top: 0; }

.contact-info { margin-top: 3rem; }
.contact-info .column { float: left; width: 50%; }
.contact-info h3 { margin-top: 0; }
.contact-info .info { margin-bottom: 1em; }
.contact-info .map { margin-top: 2rem; }
.contact-info .map iframe { width: 100%; height: 400px; padding-right: 3.125rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media only screen and (max-width: 480px) { .contact-info .column { float: none; width: 100%; } }

.lightbox { display: none; }

.featured-video { display: block; width: 100%; height: 100%; position: relative; }
.featured-video:after { position: absolute; top: 50%; left: 50%; font-family: 'FontAwesome'; content: '\f144'; margin-top: -45px; margin-left: -45px; width: 90px; height: 90px; font-size: 90px; line-height: 90px; text-align: center; color: #fff; z-index: 2; }
@media only screen and (max-width: 1024px) { .featured-video:after { font-size: 70px; } }

.deal-type { font-family: "Montserrat", sans-serif; font-size: 0.875em; color: #bdbdbd; text-transform: uppercase; display: block; }

#header { position: fixed; z-index: 30; top: -45px; left: 0; width: 100%; height: 200px; -moz-transition: all 800ms; -o-transition: all 800ms; -webkit-transition: all 800ms; transition: all 800ms; }
#header.push-logo-down { top: 40px !important; }
@media only screen and (max-width: 767px) { #header { top: -20px; height: 100px; } }

#logo h1 { margin: 0 auto 0 auto; width: 201px; padding-bottom: 0; }
#logo h1 a { display: block; background: url("images/logo.png") 0 -201px no-repeat; width: 201px; height: 201px; text-indent: -9999px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: relative; }
@media only screen and (max-width: 767px) { #logo h1 { width: 100px; }
  #logo h1 a { width: 100px; height: 100px; background-size: 100px 200px !important; background-position: 0 -100px; } }

#nav-header { position: fixed; left: 0; width: 100%; text-align: center; top: -86px; z-index: 10; -moz-transition: top 800ms; -o-transition: top 800ms; -webkit-transition: top 800ms; transition: top 800ms; min-height: 86px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #000; }
#nav-header.push-menu-down { top: 0; -moz-transition: top 800ms; -o-transition: top 800ms; -webkit-transition: top 800ms; transition: top 800ms; }
#nav-header .menu-open-button, #nav-header .menu-close-button { position: absolute; right: 30px; top: 25px; z-index: 1; display: inline-block; text-indent: -99999px; }
#nav-header .menu-open-button { position: fixed; background: url(images/burger_menu.png) no-repeat; width: 42px; height: 30px; background-size: cover; right: 30px; z-index: 1; }
#nav-header .menu-close-button { color: #fff; background: url(images/menu_close_btn.png) no-repeat; width: 30px; height: 30px; background-size: cover; }
#nav-header .menu-footer-menu-container, #nav-header .social-icons { display: none; }
#nav-header .menu-footer-menu-container a, #nav-header .social-icons a { color: #fff; padding: 5px; display: block; }
#nav-header .menu-footer-menu-container a:hover, #nav-header .social-icons a:hover { color: #00baff; }
#nav-header .social-icons { width: 100%; padding-bottom: 20px; }
#nav-header .social-icons li.subscribe { width: 100%; }
#nav-header .social-icons li { display: inline-block; }
#nav-header .social-icons a { padding: 5px 10px; }
#nav-header .mobile-hide { display: block; }
@media only screen and (max-width: 1024px) { #nav-header .menu-open-button { width: 28px; height: 20px; right: 20px; }
  #nav-header .menu-close-button { width: 20px; height: 20px; right: 15px; top: 28px; } }
@media only screen and (max-width: 767px) { #nav-header { top: -700px; }
  #nav-header .menu-open-button, #nav-header .menu-close-button { right: 20px; top: 20px; }
  #nav-header .menu-open-button { top: 20px; }
  #nav-header .menu-footer-menu-container, #nav-header .social-icons { display: block; }
  #nav-header .mobile-hide { display: none; } }

.menu-primary-menu-container { background: #000; padding: 30px 0; -z-index: 2; position: relative; }
.menu-primary-menu-container ul { padding: 0; list-style: none; display: inline-block; margin: 0 auto; }
.menu-primary-menu-container ul li { float: left; position: relative; }
.menu-primary-menu-container ul li.current-menu-ancestor > a, .menu-primary-menu-container ul li.current-menu-parent > a, .menu-primary-menu-container ul li.current-menu-item > a { color: #00baff; }
.menu-primary-menu-container ul li a { display: block; padding: 0 22px; color: #fff; font-size: 0.875em; position: relative; }
.menu-primary-menu-container ul li a:hover { color: #00baff; }
.menu-primary-menu-container ul li a.clicked i { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -moz-transition: -moz-transform, 500ms; -o-transition: -o-transform, 500ms; -webkit-transition: -webkit-transform, 500ms; transition: transform, 500ms; }
.menu-primary-menu-container ul li i { position: absolute; right: 0; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: -moz-transform, 500ms; -o-transition: -o-transform, 500ms; -webkit-transition: -webkit-transform, 500ms; transition: transform, 500ms; }
.menu-primary-menu-container ul li ul { display: block; position: relative; top: 0; left: 0; width: auto; display: none; margin-top: 10px; }
.menu-primary-menu-container ul li ul li { float: none; }
.menu-primary-menu-container ul li ul a { margin: 0; padding: 5px 0; }
.menu-primary-menu-container a { text-decoration: none; }
@media only screen and (max-width: 1024px) { .menu-primary-menu-container ul li a { padding: 0 8px; font-size: 0.75em; }
  .menu-primary-menu-container ul li i { right: 50%; margin-right: -0.5em; bottom: -1em; } }
@media only screen and (max-width: 767px) { .menu-primary-menu-container { padding: 20px 0; }
  .menu-primary-menu-container #menu-primary-menu { max-height: 90vh; overflow: auto; width: calc(100% - 100px); }
  .menu-primary-menu-container ul li { float: none; }
  .menu-primary-menu-container ul li a { font-size: 1.2em; line-height: 2.2em; margin: 0; }
  .menu-primary-menu-container ul li i { font-size: 1.2em; line-height: 2.2em; right: 0; bottom: 0; position: relative; margin: 0 0 0 0.5em; }
  .menu-primary-menu-container ul li ul { margin-top: 0; }
  .menu-primary-menu-container ul li ul a { padding: 0; font-size: 0.9em; } }

#main { background-size: cover !important; position: absolute; width: 100%; height: 100%; }
@media only screen and (max-width: 480px) { .full-height #main { position: absolute !important; width: 100% !important; height: 100% !important; } }

#footer { width: 100%; height: 50px; padding: 0 20px; z-index: 3; position: absolute; bottom: 0; left: 0; font-size: 1.25em; line-height: 50px; z-index: 30; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#footer .menu-footer-menu-container { float: left; width: 50%; }
#footer .menu-footer-menu-container .menu { line-height: 50px; }
#footer .menu-footer-menu-container a { display: block; margin: 0 15px; font-size: 0.7em; }
#footer .social-icons { float: right; width: 50%; text-align: right; }
#footer .social-icons ul { display: inline-block; }
#footer .social-icons a { display: block; margin: 0 10px; }
#footer li { float: left; }
#footer li.subscribe { font-size: 14px; }
#footer a { color: #5a5a5a; }
#footer a:hover { color: #00baff; }
@media only screen and (max-width: 1024px) { #footer .menu-footer-menu-container li a { margin: 0 6px; } }
@media only screen and (max-width: 767px) { #footer { display: none !important; } }

article.error-404 { text-align: center; }
article.error-404 a { border-bottom: solid 1px; }

.theme-white #logo a { background-position: 0 0; }
.theme-white .btn-panel a, .theme-white #footer a { color: #fff; }
.theme-white .btn-panel a:hover, .theme-white #footer a:hover { color: #00baff; }

.page article { max-width: 1024px; margin: 0 auto; }
.page article a { border-bottom: solid 1px #000; }
.page article a:hover { border-color: #00baff; }
.page article h1 { margin: 0; padding: 2em 0; font-family: "liberatorregular", serif; font-size: 2em; line-height: 1em; font-weight: 400; }
.page article h2 { margin-top: 3.125rem; }
.page article h2:first-child { margin-top: 0; }
.page article ul { list-style: disc; padding-left: 1.25rem; margin-bottom: 1rem; }
.page article ul li { margin-bottom: 0.5rem; font-size: 0.9rem; }
.page article .entry { height: 70%; overflow: auto; }
.page article .hero { width: 100%; height: auto; overflow: hidden; margin-bottom: 2.5rem; }
.page article .hero img { width: 100%; height: auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
@media only screen and (max-width: 767px) { .page #content .contact-info .column { float: none; width: 100%; }
  .page #content .contact-info .column.right { margin-top: 3rem; } }

.home .site-wrapper { background: url("images/homepage.jpg") center center no-repeat; background-size: cover; }
.home .surfboard { height: 120%; width: 220%; background: url(images/surfboard.svg) no-repeat; background-size: cover; position: fixed; top: -10%; left: -60%; z-index: 2; -moz-transition: all 800ms; -o-transition: all 800ms; -webkit-transition: all 800ms; transition: all 800ms; background-position: 0% 5%; }
.home .surfboard.sliding-middle { background-position: 0% 50%; -webkit-transition: background-position 1500ms ease-in-out, left 800ms ease-in-out; -moz-transition: background-position 1500ms ease-in-out, left 800ms ease-in-out; -o-transition: background-position 1500ms ease-in-out, left 800ms ease-in-out; transition: background-position 1500ms ease-in-out, left 800ms ease-in-out; }
.home .surfboard.sliding-bottom { background-position: 0% 101%; }
.home .surfboard.expand { -moz-transition: all 1000ms; -o-transition: all 1000ms; -webkit-transition: all 1000ms; transition: all 1000ms; width: 500%; left: -200%; }
.home .home-video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 1; }
.home .home-video video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; object-fit: cover; -moz-transition: top 800ms; -o-transition: top 800ms; -webkit-transition: top 800ms; transition: top 800ms; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.home #logo h1 a { background: url("images/logo.png") 0 0 no-repeat; }
.home #main h1 { color: #fff; padding: 1em 0; margin: 0; }
.home #content { text-align: center; z-index: 2; position: relative; }
.home .home-locations { display: block; margin: 0 auto; }
.home .home-locations li { margin: 6vh 0; height: 7vh; }
.home .view-instructors { position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; -moz-transition: bottom 800ms; -o-transition: bottom 800ms; -webkit-transition: bottom 800ms; transition: bottom 800ms; }
.home .view-instructors a { font-size: 1.125rem; line-height: 2rem; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 4px; -moz-transition: color, 500ms; -o-transition: color, 500ms; -webkit-transition: color, 500ms; transition: color, 500ms; }
.home .view-instructors a:hover { color: #00baff; }
.home .view-instructors.push-down { bottom: -63px; -moz-transition: bottom 800ms; -o-transition: bottom 800ms; -webkit-transition: bottom 800ms; transition: bottom 800ms; }
@media only screen and (max-width: 1024px) { .home .surfboard { width: 280%; left: -90%; background-position-y: 0% 0%; }
  .home .surfboard.sliding-bottom { background-position-y: 0% 101.6%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .home #content h1 { padding-bottom: 0; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .home .surfboard .sliding-bottom { background-position-y: 0% 104%; } }
@media only screen and (max-width: 767px) { .home .home-video video { display: none; }
  .home #main h1 { font-size: 4vw; max-width: 12em; margin: 0 auto; }
  .home .vertical-align { width: 100%; padding: 0 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
@media only screen and (max-width: 480px) { .home .surfboard { width: 350%; left: -125%; }
  .home .home-locations li { margin: 5vh 0; height: 6vh; }
  .home .view-instructors a { font-size: 0.875em; } }

.page-template-template-lessons, .page-template-template-articles, .page-template-template-news { color: #fff; }
.page-template-template-lessons #main, .page-template-template-articles #main, .page-template-template-news #main { background-size: cover !important; }
.page-template-template-lessons #main h1, .page-template-template-articles #main h1, .page-template-template-news #main h1 { font-size: 1.5em; padding: 1em 0 0; line-height: 1em; margin: 0; }
.page-template-template-lessons #main h1 .location-name, .page-template-template-articles #main h1 .location-name, .page-template-template-news #main h1 .location-name { display: block; font-family: "liberatorregular", serif; font-size: 12vw; line-height: 0.8em; font-weight: 400; margin-top: 20px; letter-spacing: 1.875rem; }
.page-template-template-lessons .description, .page-template-template-articles .description, .page-template-template-news .description { max-width: 850px; text-align: center; margin: 0 auto 2rem auto; font-size: 1rem; }
.page-template-template-lessons #content, .page-template-template-articles #content, .page-template-template-news #content { text-align: center; }
.page-template-template-lessons .home-locations, .page-template-template-articles .home-locations, .page-template-template-news .home-locations { color: #fff; padding-bottom: 0; text-align: center; }
.page-template-template-lessons .home-locations li, .page-template-template-articles .home-locations li, .page-template-template-news .home-locations li { position: relative; display: inline-block; margin: 0 8px; }
.page-template-template-lessons #footer, .page-template-template-articles #footer, .page-template-template-news #footer { background: transparent; }
@media only screen and (max-width: 1024px) { .page-template-template-lessons #main h1 .location-name, .page-template-template-articles #main h1 .location-name, .page-template-template-news #main h1 .location-name { font-size: 8.5rem; letter-spacing: 1.25rem; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .page-template-template-lessons #main h1 .location-name, .page-template-template-articles #main h1 .location-name, .page-template-template-news #main h1 .location-name { font-size: 12vh; } }
@media only screen and (max-width: 767px) { .page-template-template-lessons #main h1, .page-template-template-articles #main h1, .page-template-template-news #main h1 { padding-top: 7rem; padding-bottom: 1.5rem; }
  .page-template-template-lessons #main h1 .location-name, .page-template-template-articles #main h1 .location-name, .page-template-template-news #main h1 .location-name { font-size: 10vw; line-height: 1em; letter-spacing: 0.2em; margin-top: 1rem; }
  .page-template-template-lessons .location-page #content h1, .page-template-template-articles .location-page #content h1, .page-template-template-news .location-page #content h1 { padding-top: 3rem; }
  .page-template-template-lessons .sub-nav .lesson-nav li a, .page-template-template-articles .sub-nav .lesson-nav li a, .page-template-template-news .sub-nav .lesson-nav li a { margin: 0.6rem; display: inline-block; }
  .page-template-template-lessons .sub-nav .location-nav, .page-template-template-articles .sub-nav .location-nav, .page-template-template-news .sub-nav .location-nav { font-size: 1.5rem; line-height: 1.5rem; letter-spacing: 5px; word-spacing: -2px; margin-bottom: 2rem; margin-top: 0; } }
@media only screen and (max-width: 480px) { .page-template-template-lessons .home-locations li, .page-template-template-articles .home-locations li, .page-template-template-news .home-locations li { margin: 0 1vw; }
  .page-template-template-lessons .sub-nav .lesson-nav li, .page-template-template-articles .sub-nav .lesson-nav li, .page-template-template-news .sub-nav .lesson-nav li { display: block; }
  .page-template-template-lessons .description, .page-template-template-articles .description, .page-template-template-news .description { font-size: 0.875em; } }

.experience-meta { margin-bottom: 0.5em; overflow: hidden; }
.experience-meta h3 { margin-top: 0; margin-bottom: 0.3em; }
.experience-meta.entry { font-size: 0.875em; }
.experience-meta.suitable-for, .experience-meta.duration { width: 50%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.experience-meta.suitable-for { padding-right: 1em; }
.experience-meta.about-your-experience, .experience-meta.what-to-bring, .experience-meta.cost, .experience-meta.content, .experience-meta.coupon { clear: both; }
.experience-meta.costs, .experience-meta.seasons { display: block; }
.experience-meta.costs li, .experience-meta.seasons li { float: left; }
.experience-meta .costs { margin-bottom: 1em; }
.experience-meta .costs li { margin-right: 2.375em; }
.experience-meta .season, .experience-meta .disclaimer { color: #999; font-size: 12px; line-height: 1em; letter-spacing: 0; }
@media only screen and (max-width: 767px) { .experience-meta.suitable-for, .experience-meta.duration { width: 100%; float: none; }
  .experience-meta.suitable-for { padding: 0; } }

.single-lesson article, .single-deal article, .single-article article, .tax-location article, .single-post article { margin: 0 auto; }
.single-lesson .col, .single-deal .col, .single-article .col, .tax-location .col, .single-post .col { float: left; width: 50%; padding-top: 2rem; }
.single-lesson .col.left, .single-deal .col.left, .single-article .col.left, .tax-location .col.left, .single-post .col.left { width: calc(50% - 80px); margin-right: -50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.single-lesson .col.left .thumb, .single-deal .col.left .thumb, .single-article .col.left .thumb, .tax-location .col.left .thumb, .single-post .col.left .thumb { float: right; max-width: 480px; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.single-lesson .col.left .thumb img, .single-deal .col.left .thumb img, .single-article .col.left .thumb img, .tax-location .col.left .thumb img, .single-post .col.left .thumb img { width: 100%; height: auto; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.single-lesson .col.right, .single-deal .col.right, .single-article .col.right, .tax-location .col.right, .single-post .col.right { position: relative; width: 50%; max-width: 620px; float: left; margin-left: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.single-lesson .col.right .go-back, .single-deal .col.right .go-back, .single-article .col.right .go-back, .tax-location .col.right .go-back, .single-post .col.right .go-back { position: absolute; top: 2rem; right: 1.25rem; font-size: 1rem; }
.single-lesson .col.right h1, .single-deal .col.right h1, .single-article .col.right h1, .tax-location .col.right h1, .single-post .col.right h1 { text-align: left; font-family: "liberatorregular", serif; font-size: 2rem; line-height: 1.1em; font-weight: 400; text-transform: uppercase; padding: 0 6.25rem 0 0; margin: 0 0 1.5em; }
.single-lesson .col.right .entry, .single-deal .col.right .entry, .single-article .col.right .entry, .tax-location .col.right .entry, .single-post .col.right .entry { padding-bottom: 3.75rem; }
@media only screen and (max-width: 1024px) { .single-lesson .col.right .go-back, .single-deal .col.right .go-back, .single-article .col.right .go-back, .tax-location .col.right .go-back, .single-post .col.right .go-back { position: static; margin-bottom: 1rem; display: inline-block; }
  .single-lesson .col.right h1, .single-deal .col.right h1, .single-article .col.right h1, .tax-location .col.right h1, .single-post .col.right h1 { padding: 0; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .single-lesson article, .single-deal article, .single-article article, .tax-location article, .single-post article { padding-top: 13rem; } }
@media only screen and (max-width: 767px) { .single-lesson .col, .single-deal .col, .single-article .col, .tax-location .col, .single-post .col { float: none; width: 100%; padding: 20px !important; clear: both; }
  .single-lesson .col.left, .single-deal .col.left, .single-article .col.left, .tax-location .col.left, .single-post .col.left { position: relative; width: 100%; }
  .single-lesson .col.left .thumb, .single-deal .col.left .thumb, .single-article .col.left .thumb, .tax-location .col.left .thumb, .single-post .col.left .thumb { margin: 0 auto; float: none; }
  .single-lesson .col.right, .single-deal .col.right, .single-article .col.right, .tax-location .col.right, .single-post .col.right { padding-bottom: 3rem !important; margin: 0; width: 100%; } }

.post-type-archive-instructor #content h1 { font-size: 1.125em; padding: 1em 0; }
@media only screen and (max-width: 1024px) { .post-type-archive-instructor #content { overflow-y: scroll; -webkit-overflow-scrolling: touch; } }

.instructors-carousel { margin: 50px auto; width: calc(100% - 80px); max-width: 1280px; text-align: center; }
.instructors-carousel article { max-width: 180px; margin: 0 auto; }
.instructors-carousel a { text-decoration: none; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: block; }
.instructors-carousel .thumb { width: 180px; height: 550px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; background-size: cover !important; margin: 0 auto; position: relative; }
.instructors-carousel .thumb:after { position: absolute; top: 0; left: 50%; margin-left: -90px; width: 180px; height: 100%; background-color: transparent; background-color: rgba(24, 153, 200, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#801899C8,endColorstr=#801899C8); zoom: 1; content: ''; z-index: 1; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: none; }
.instructors-carousel .thumb:hover h3, .instructors-carousel .thumb:hover:after { display: block; }
.instructors-carousel .thumb h3 { color: #fff; text-align: center; padding: 0 0.625rem; font-family: "Montserrat", sans-serif; font-weight: normal; text-transform: uppercase; font-size: 1rem; position: relative; z-index: 2; display: none; margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 100%; }
.instructors-carousel .thumb h3 span { display: inline-block; font-family: "liberatorregular", serif; font-weight: 400; text-transform: uppercase; font-size: 2.6875rem; line-height: 2.6875rem; height: 2.6875rem; }
.instructors-carousel .thumb h3 span:last-child { padding: 0.5rem 0 0 0; }
.instructors-carousel .thumb h3 div { letter-spacing: 2px; }
.instructors-carousel .instructor-info { position: absolute; top: 0; margin-left: -460px; width: 400px; height: 550px; display: none; overflow: auto; }
.instructors-carousel .instructor-info.flexbox { display: block; }
.instructors-carousel .instructor-info .close { position: fixed; top: 0; left: 0; color: #000; background: url(images/alt_menu_close_btn.png) no-repeat; width: 30px; height: 30px; background-size: cover; text-indent: -9999px; }
.instructors-carousel .instructor-info .inner { text-align: center; opacity: 0; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 400px; max-height: 550px; height: auto; overflow: auto; }
.instructors-carousel .instructor-info .info { padding: 0 15px; font-size: 0.95em; }
.instructors-carousel .instructor-info h2 { color: #00b6ff; font-size: 2.6875rem; line-height: 2.6875rem; margin: 0 0 0.375rem 0; font-weight: 400; padding: 0 15px; }
.instructors-carousel .instructor-info h3 { font-family: "Montserrat", sans-serif; font-size: 0.9375rem; line-height: 1rem; margin: 0 0 3.375rem 0; text-transform: uppercase; padding: 0 15px; }
.instructors-carousel .instructor-info.right { margin-left: 250px; }
.instructors-carousel .instructor-info.right .close { left: auto; right: 0; }
.instructors-carousel .left-overlay, .instructors-carousel .right-overlay { width: 50%; height: 100%; position: absolute; top: 0; background: #ccc; }
.instructors-carousel .left-overlay { left: -25%; }
.instructors-carousel .right-overlay { right: -25%; }
.instructors-carousel .owl-item { position: relative; z-index: 2; }
.instructors-carousel .owl-item.unhighlighted { z-index: 1; }
.instructors-carousel .owl-item.unhighlighted:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; background-color: rgba(255, 255, 255, 0.95); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2FFFFFF,endColorstr=#F2FFFFFF); zoom: 1; }
.instructors-carousel .owl-pagination { display: none; }
@media only screen and (max-width: 1360px) { .instructors-carousel .instructor-info { margin-left: -420px; } }
@media only screen and (max-width: 1259px) { .instructors-carousel .thumb { width: 144px; height: 440px; }
  .instructors-carousel .thumb h3 { font-size: 0.8rem; }
  .instructors-carousel .instructor-info { height: 440px; }
  .instructors-carousel .instructor-info h2 { font-size: 2.2rem; line-height: 2.2rem; }
  .instructors-carousel .instructor-info h3 { margin-bottom: 2rem; }
  .instructors-carousel .instructor-info .inner { max-height: 440px; } }
@media only screen and (max-width: 1024px) { .instructors-carousel { margin: 0 auto; }
  .instructors-carousel .owl-link { width: 144px; margin: 0 auto; }
  .instructors-carousel .thumb h3 { display: block; padding: 0; }
  .instructors-carousel .thumb h3 .title { font-size: 1.1em; }
  .instructors-carousel .thumb h3 span { display: none; }
  .instructors-carousel .thumb:after { display: block !important; width: 144px; margin-left: -72px; }
  .instructors-carousel .instructor { float: left; max-width: 100%; width: 33%; margin: 20px 0; }
  .instructors-carousel .instructor-info { display: none; position: fixed; margin-left: 0; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; padding: 0 80px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .instructors-carousel .instructor-info.opened { z-index: 101; display: block; }
  .instructors-carousel .instructor-info h2 { font-size: 2rem; padding: 0; }
  .instructors-carousel .instructor-info h3 { margin-bottom: 2rem; padding: 0; }
  .instructors-carousel .instructor-info .close { left: auto; right: 20px; top: 20px; }
  .instructors-carousel .instructor-info .inner { width: 100%; position: relative; opacity: 1; font-size: 1em; max-height: 100%; }
  .instructors-carousel .instructor-info .info { padding: 0; font-size: 1em; } }
@media only screen and (max-width: 767px) { .instructors-carousel .instructor { width: 100%; margin: 0 0 20px 0; }
  .instructors-carousel .owl-link { width: 126px; }
  .instructors-carousel .thumb { width: 126px; height: 380px; }
  .instructors-carousel .thumb:after { width: 126px; margin-left: -63px; }
  .instructors-carousel .instructor-info { padding: 20px 40px; }
  .instructors-carousel .instructor-info .close { right: 10px; top: 10px; } }
@media only screen and (max-height: 899px) and (min-width: 1025px) { .instructors-carousel .thumb { width: 144px; height: 440px; }
  .instructors-carousel .thumb h3 { font-size: 0.8rem; }
  .instructors-carousel .instructor-info { height: 440px; }
  .instructors-carousel .instructor-info h2 { font-size: 2.2rem; line-height: 2.2rem; }
  .instructors-carousel .instructor-info h3 { margin-bottom: 2rem; } }

.instructor-overlay { display: none; width: 1px; height: 1px; position: fixed; z-index: 1; top: 0; left: 0; }
.instructor-overlay .inner { position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); padding: 20px 40px; text-align: center; height: auto; max-height: 80%; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.instructor-overlay h2 { color: #00b6ff; font-size: 2rem; line-height: 2.2rem; margin: 0 0 0.375rem 0; font-weight: 400; }
.instructor-overlay h3 { font-family: "Montserrat", sans-serif; font-size: 0.9375rem; line-height: 1rem; margin: 0 0 2.5rem 0; text-transform: uppercase; }
@media only screen and (max-width: 1024px) { .instructor-overlay { display: block; width: 100%; height: 100%; z-index: 100; background: #fff; }
  .instructor-overlay .close { position: fixed; right: 20px; top: 15px; } }
@media only screen and (max-width: 767px) { .instructor-overlay .close { right: 10px; top: 8px; }
  .instructor-overlay .inner { padding: 10px 20px; } }

.fader { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background: rgba(255, 255, 255, 0); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 85%, white 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(85%, white), color-stop(100%, white)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 85%, white 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 85%, white 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 85%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 85%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); text-indent: -99999px; }
@media only screen and (max-width: 767px) { .fader { bottom: calc(10% - 13px); } }

#surf-forecast-carousel .left { float: left; width: 35%; }
#surf-forecast-carousel .left .inner { width: 175px; height: 550px; background: #00baff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: relative; margin: 0 auto; }
#surf-forecast-carousel .left h2 { position: absolute; color: #fff; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg); transform: translateX(-50%) translateY(-50%) rotate(-90deg); margin-bottom: 0; width: 550px; text-align: center; font-size: 55px; line-height: 55px; letter-spacing: 10px; }
#surf-forecast-carousel .right { float: left; width: 65%; }
#surf-forecast-carousel .right table { width: 100%; }
#surf-forecast-carousel .right tr:nth-child(even) td { background: #fff; }
#surf-forecast-carousel .right td:first-child { width: 80px; }
#surf-forecast-carousel .right h3 { font-family: "Montserrat", sans-serif; font-size: 22px; line-height: 24px; text-transform: capitalize; margin-bottom: 5px; }
#surf-forecast-carousel .right .tide span { width: 50%; display: inline-block; }
#surf-forecast-carousel .owl-buttons .owl-prev, #surf-forecast-carousel .owl-buttons .go-prev { left: 0; }
#surf-forecast-carousel .owl-buttons .owl-next, #surf-forecast-carousel .owl-buttons .go-next { right: 0; }
#surf-forecast-carousel .owl-buttons { z-index: 10; }
#surf-forecast-carousel .owl-buttons div { color: #869791; }
@media only screen and (max-width: 767px) { #surf-forecast-carousel .left { width: 100%; float: none; }
  #surf-forecast-carousel .left .inner { width: 100%; height: 85px; background: #00baff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: relative; margin: 0 auto; }
  #surf-forecast-carousel .left h2 { -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg); transform: translateX(-50%) translateY(-50%) rotate(0deg); margin-bottom: 0; width: 100%; text-align: center; font-size: 25px; line-height: 25px; letter-spacing: 5px; }
  #surf-forecast-carousel .right { width: 100%; float: none; margin-top: 10px; }
  #surf-forecast-carousel .right td:first-child { width: 60px; }
  #surf-forecast-carousel .right img { width: 45px; }
  #surf-forecast-carousel .right h3 { font-size: 1.2em; line-height: 1.3em; letter-spacing: 3px; }
  #surf-forecast-carousel .right p { font-size: 0.85em; }
  #surf-forecast-carousel .right .tide span { width: auto; display: block; }
  #surf-forecast-carousel .right .tide br { display: none; } }

.gform_wrapper #gform_fields_1, .gform_wrapper #gform_fields_2 { padding: 0; }
.gform_wrapper form .ginput_container { margin-top: 0; margin-bottom: 1em; }
.gform_wrapper form label { font-weight: 400; }
.gform_wrapper form input, .gform_wrapper form textarea, .gform_wrapper form select { background: rgba(190, 190, 190, 0.3); padding: 0.8rem 0.5rem !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none; }
.gform_wrapper form select { height: 44px; }
.gform_wrapper form textarea { height: 12.5rem; }
.gform_wrapper form input[type='submit'] { background: #00baff; color: #fff; font-family: "Montserrat", sans-serif; text-transform: uppercase; font-size: 1.2rem; }
.gform_wrapper form img.gform_ajax_spinner { display: none !important; }
@media only screen and (max-width: 767px) { .gform_wrapper form input, .gform_wrapper form textarea, .gform_wrapper form select { width: 100% !important; }
  .gform_wrapper form .validation_error { font-size: 0.9rem !important; }
  .gform_wrapper .gf_left_half, .gform_wrapper .gf_right_half, .gform_wrapper .gfield_error { width: 100% !important; } }

.gform_confirmation_message { font-size: 1.2em; color: #00baff; text-align: center; border: solid 3px #00baff; padding: 1em; }

#gform_wrapper_4 .gform_fields { position: relative; }
#gform_wrapper_4 .gf_left_half, #gform_wrapper_4 .gfield_error { width: 50% !important; float: left; }
#gform_wrapper_4 .gf_right_half { position: absolute; right: 0; top: 0; width: 45% !important; }
@media only screen and (max-width: 767px) { #gform_wrapper_4 .gf_left_half, #gform_wrapper_4 .gf_right_half, #gform_wrapper_4 .gfield_error { width: 100% !important; }
  #gform_wrapper_4 .gf_left_half { margin-right: 0 !important; }
  #gform_wrapper_4 .gf_right_half { position: static; } }

#smugmug { list-style: none; text-align: center; padding: 0; margin: 0 auto; }
#smugmug li { display: inline-block; margin: 10px; }
#smugmug img { display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
#smugmug a { border-bottom: none; display: block; border: solid 4px #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
#smugmug a:hover { border: solid 4px #00baff; }

@media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster:h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }