/*body { 
  -moz-osx-font-smoothing: inherit;
  font-smoothing: inherit;
  -webkit-font-smoothing: inherit;
}*/
::selection {
  color: inherit;
  background: rgba(0,0,0,0.1);
}
.theme-traveller .site-breadcrumbs, .theme-traveller .site-page-title { display: none; }
.theme-traveller .alert { margin-bottom: 70px; }
.theme-traveller .btn-success, .theme-traveller .btn-primary, .theme-traveller .btn-submit { width: 100%; border: none; }
.theme-traveller .btn-success:hover, .theme-traveller .btn-primary { background: #484a4a; }
.theme-traveller #join-pro-show-login-button, .theme-traveller #join-pro-show-register-button { color: #fff; }
.theme-traveller .help-block { color: #2d3233; }
.traveller-pricing-content form .form-type-checkbox input { height: auto; }
.theme-traveller .btn-create { display:none; }
.theme-traveller .forgot-password { margin-bottom: 10px; color: #2d3233; display: inline-block; }
/*ul li.has-xmas-icon, .gift-cta-button { display:none; }*/
/*.theme-traveller .main-body { background: none !important; }*/
@media only screen and (min-width: 768px) {
  /*.theme-traveller .main-body {
      background: url(/profiles/swellnet/themes/gold/images/beach-palms-02.jpg) no-repeat !important;
      background-size: cover !important;
      background-position: center center !important;
      overflow: hidden;
  }*/
  .traveller-pricing .bg-fill {
    top: -2.6rem !important;
    height: calc(100% + 5.2rem) !important;
  }
}

@media only screen and (max-width: 767.8px) {
  .main-body {
      padding: 1.5rem 0;
  }
}

.node-type-event-single-page .pane-swellnet-location-forecast-pane .controls { display: none; }


.status-message { color: #fff; background-color: #555; padding: 1.6rem; margin-bottom: 2rem;}
.status-message h3 { color: #fff; margin-top: 0;}
.success-message { background-color: #65c865; }
.error-message { background-color: #ec5d5d; }
.payment-container .disabled { color: #fff !important; cursor: default !important; padding-left: 40px; }
.payment-container .disabled:hover { cursor: default !important; }
.btn-spinner { position: relative; }
.loading-spinner { width: 22px; position: absolute; left: 10px; top: 10px; display: none; }
.payment-container .disabled .loading-spinner { display: inline; }
.payment-container .disabled .active-label { display: none; }
.payment-container .disabled-label { display: none; }
.payment-container .disabled .disabled-label { display: inline; }

.braintree-option, .braintree-toggle, .braintree-sheet, .braintree-dropin divX { border-radius: 0 !important; }
.braintree-dropin { font-family: 'nunito sans', sans-serif !important; font-size: 1em !important; }
.braintree-sheet__content--form .braintree-form__field-group .braintree-form__label, .braintree-toggle { font-size: 1em; }

.node-type-event-single-page .forecast_text_wrapper, .node-type-event-single-page .forecast_swell_train_container,
.node-type-event-single-page .tide-weather  { display:none !important; }
.node-type-event-single-page .forecast-wrapper .window { padding-bottom: 40px; }
.node-type-event-single-page .container { max-width: 1500px; }
.node-type-event-single-page .page-title { display:none; }
.node-type-event-single-page .alert-danger {display: none; }

/*.node-type-event-single-page .page-title-small { padding: 0 15px 0 15px; }*/
.node-type-event-single-page .social-share-buttons { padding-left: 15px; }

@media only screen and (max-width: 999px) {
.node-type-event-single-page .social-share-buttons { padding-top:0; margin-bottom: 5px; margin-top: -5px; }

}

@media only screen and (min-width: 1000px) {
.node-type-event-single-page .page-title-small { padding: 0 255px 0 15px; margin-bottom: 1rem; }
.node-type-event-single-page .social-share-buttons { position: absolute; top: 5px; right: 15px; padding-left: 0; }
.node-type-event-single-page .panel-col-first { min-height: 400px; }
}

.node-type-event-single-page #main { min-height: 600px; }

/*.node-type-event-single-page .pane-node-comment-wrapper { position: absolute; }*/

.node-type-event-single-page .swellnet-comments-container-ajax { height: calc(100vh - 320px); min-height: 300px; overflow-y: scroll; }
.swellnet-comments-container-ajax hr { margin: 5px 0; }

.swellnet-comments-container-ajax p { font-size: 14px; margin-bottom: 5px;}
.swellnet-comments-container-ajax .comment-header { font-weight: bold; }

.swellnet-comments-container-ajax .comment-actions { text-align: right; padding-right: 5px; }


.mobile-live-video-message { background: #f27526;padding: 8px;font-size: 1.1rem; color: #fff; } 

.swellnet-comments-form-ajax { position: relative; }
.swellnet-comments-form-ajax .ajax-progress-throbber { display: none !important; }

.swellnet-comments-form-ajax-spinner { z-index: 300; display: none; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255,255,255,0.9); }

.swellnet-comments-form-ajax-spinner .fa { font-size: 50px; opacity: 0.5; }
.swellnet-comments-form-ajax-spinner-inner { text-align: center; margin-top: 35px; }

.swellnet-comments-form-ajax-message { z-index: 350; font-size: 13px; font-weight: bold; text-transform: uppercase; position: absolute; top: -5px; right: 0; background: #44e7a2; color: #fff; display:inline-block; padding: 4px 12px; display: none; }

.swellnet-comments-container-ajax .comment-actions a {
    color: #d9d9d9;
    font-size: .9em;
    text-transform: uppercase;
}

.swellnet-comments-container-ajax .comment-actions a .glyphicon {
    color: #d9d9d9;
    font-size: .9em;
}

.page-title-small { font-size: 4rem;  }


@media only screen and (max-width: 500px) {
    .navbar-toggle { margin-top: 20px !important; }
    .header .site-logo { width: 120px !important; margin-top: 10px !important; }
    .header #site-main-menu { margin-top: 0 !important; }
}

@media only screen and (max-width: 768px) {
    .page-title-small { font-size: 2.5rem;  }
}

.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.pane-live-event-indicator {
  margin-bottom: 40px !important;
}

.live-event-indicator a, .node-type-event-single-page .live-event-indicator {
  display: block;
  padding: 6px 12px;
  background-color: #333;
  color: #fff;
  margin-bottom: 5px !important;
}

.node-type-event-single-page .live-event-indicator {
  margin-left: -10px;
  margin-top: 0.9rem;
  font-weight: bold;
}

.live-event-indicator a:hover {
    text-decoration: none;
    background-color: #444;
}

.live-event-indicator.live-now a, .node-type-event-single-page .live-event-indicator.live-now {
  background-color: #2ae07f;
} 
.live-event-indicator.live-now a:hover {
    background-color: #19ca6b;
}

.live-event-indicator.on-hold a, .node-type-event-single-page .live-event-indicator.on-hold {
  background-color: #f9cb19;
} 
.live-event-indicator.on-hold a:hover {
    background-color: #f9c019;
}

.live-event-indicator.waiting-for-call a, .node-type-event-single-page .live-event-indicator.waiting-for-call {
  background-color: #f9cb19;
} 
.live-event-indicator.waiting-for-call a:hover {
    background-color: #f9c019;
}

.live-event-indicator.off-for-the-day a, .node-type-event-single-page .live-event-indicator.off-for-the-day,
.node-type-event-single-page .live-event-indicator.completed {
  background-color: #fd6363;
} 
.live-event-indicator.off-for-the-day a:hover {
    background-color: #ef4646;
}

.live-event-indicator .event-name  {
    font-size: 1.2rem;
}

.live-event-indicator .event-name .fa  {
    display: inline;
}

/*
.jeep-dashboard .jw-controls {
    background: url(/assets/img/layout/jeep-surfcam-dashboard.png) center bottom -10px no-repeat;
    background-size: contain;
}*/

.jeep-dashboard #video { margin-bottom: 0 !important; }

/*
@media only screen and (min-width: 1024px) {
    .jeep-dashboard .jw-logo { width: 200px !important; height: 65px !important; }
}
*/

.webform-ajax-wrapper { background: #eee; padding: 2rem; margin-bottom: 2rem; }

.webform-ajax-wrapper .webform-component-email {
    width: 100%;
}

.webform-ajax-wrapper .form-group {
    margin-bottom: 0;
}

.webform-ajax-wrapper .form-actions {
    margin-left: 10px;
}

.webform-ajax-wrapper .form-type-textfield {
    margin: 0 10px 0 0;
    width: calc(100% - 90px);
}

.webform-ajax-wrapper form > div {
    display: flex;
    align-items: flex-end;
}

.webform-ajax-wrapper form > div .form-submit {
  height: 34px;
    border: 0;
    background: #018a93;
    color: white;
}

.webform-ajax-submitted {
    margin: 1.5em 0;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 0;
}

.node-type-article .links a.ajax-processed { display:none; }

.alert { border-radius: 0; }

.page-title-smaller { font-size: 2.2em; margin-bottom: 10px;} 
#swellnet_wams_charts .swellnet_wams_chart { margin-bottom: 10px;  }
#swellnet_timestamp { margin-top: 5px; }
.swellnet_wams_slider_wrapper {
    min-height: auto;
    padding-bottom: 0px;
}
@media screen and (max-width: 980px) {
  .swellnet_wams_slider_wrapper {
      min-height: auto;
      padding-bottom: 0px;
  }
}
#tabs { margin-bottom: 20px; }
#swellnet_wams_time_slider_legend { display: none; }

/*ajax-processed progress-disabled*/
/*
.premium-video-container .jw-logo {
    background-image: url(https://assets-jpcust.jwpsrv.com/watermarks/efPItnwC.png);
    margin-bottom: 10px;
    margin-right: 10px;
    width: 15%;
    height: 20%;
    max-width: 80px;
    max-height: 63px;
}*/

.premium-message-container { position: absolute; color: #fff; top: 0; text-align: center; padding: 0 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%; width: 100%;
    font-family: 'nunito sans',Arial,sans-serif;
  }
.field-name-body .premium-message-container a { text-decoration: none; }
.premium-message-container h3 { color: #fff; margin-top: 0;  }
.premium-message-container .fa { color: #fff;   }
.premium-message-container .btn .fa { margin-left: 10px;  }

.premium-message-container .btn { margin-left: auto; margin-right: auto; }
.premium-message-container .premium-why a { display:inline-block; background: rgba(51, 51, 51, 0.6); color: #fff; font-size: 13px; padding: 4px 6px; margin-left: 5px;}

.premium-message-container.jwplayer.jw-flag-aspect-mode .jw-aspect { cursor: default; }
.premium-message-container .jw-controls-backdrop { background: rgba(0,0,0,0.2); }

@media (max-width: 540px) {
    .premium-video-container .jw-aspect { padding-top: 100% !important; }
}

.btn-orange { background: #ffa800; color: #fff; }
.btn-orange:hover, .btn-orange:active, .btn-orange:focus { background: #ff9e00; color: #fff; }
.btn-padded { padding: 0.7rem 1.7rem !important; }
.m-t-2 { margin-top: 2rem; }

.premium-blurred-content { color: transparent; text-shadow: 0 0 9px rgba(0,0,0,0.7); }
.premium-blurred-content .view-display-id-latest_report .views-label { color: transparent !important; text-shadow: 0 0 9px rgba(242, 117, 38, 0.70) !important; }

.premium-content-forecaster-notes { padding: 15px; position: relative; }
.premium-content-forecaster-notes .content-overlay { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.3); width: 100%; height: 100%; bottom: 0; right: 0; padding: 2rem;}
.premium-message-container-forecaster-notes { background: rgba(0,0,0,0.6); padding: 3rem 5rem; height: auto; position: relative; }
.premium-message-container-forecaster-notes .premium-why a { background: #1b1a1a; }
.forecaster-notes-list-premium-badge { display: inline !important; vertical-align: middle; margin-bottom: 0 !important; position: absolute; margin-left: 4px !important; margin-top: 0.2rem; right: auto; }
.forecaster-notes-list-title { position: relative; display:block; }

.premium-container-forecast { float:left; position: relative; }
.premium-container-forecast .premium-message-container { position: absolute; width: 290px; padding: 1rem; background: none; height: 100%;}
.premium-container-forecast .premium-message-container .btn-padded { line-height: 1; padding: 0.9rem 1.7rem !important; }

.premium-message-time-container { display:flex; margin-bottom: 20px; align-items: center; justify-content: center;}
.premium-message-time-clock { font-size: 10rem;}
.premium-message-time-clock-image { max-width: 90px; }
.premium-message-time-text { padding-left: 10px; }

@media only screen and (max-width: 390px) {
  .premium-message-time-clock-image { display:none; }
  .premium-message-time-text { padding-left: 0px; }
}

.premium-message-time-text h3 { margin: 0; }

.premium-message-login-link a { color: #fff; font-weight: normal; font-size: 1.1rem; text-decoration: underline !important; }

.premium-content-charts { z-index: 10; display: none; position: absolute; width: 100%; height: 100%; top:0; bottom:0; left:0; right:0; }
.premium-content-charts .premium-message-container-inner { max-width: 530px; margin: 0 auto; padding-top:2rem; padding-bottom:2rem; }

@media only screen and (min-width: 768px) and (max-width: 870px) {
    .premium-message-container { font-size: 1.4rem; padding: 30px 15px; }
    .premium-message-container .btn { /*font-size: 1.5rem;*/ margin-top: 0; }
}

@media only screen and (max-width: 500px) {
    .premium-message-container { /*font-size: 1.3rem;*/ padding: 10px 15px; }
    .premium-message-container .btn { /*font-size: 1.4rem;*/ margin-top: 1rem; }
    .premium-message-container .premium-why a { font-size: 11px; }
    .premium-message-login-link a { font-size: 1.2rem; }

  .premium-content-forecaster-notes .content-overlay { padding: 1rem;}
    .premium-message-container-forecaster-notes { padding: 3rem 3rem; }
}

@media only screen and (max-width: 380px) {
    .premium-video-container { min-height: 260px !important; }
    .premium-message-container { /*font-size: 1.1rem;*/ padding: 10px 15px; }
    .premium-message-container .btn { /*font-size: 1.2rem;*/ margin-top: 0; }
    .premium-message-container .premium-why a { font-size: 8px; }
    .premium-message-container-forecaster-notes .premium-why a { font-size: 11px; }
    .premium-message-container-forecaster-notes { /*font-size: 1.4rem;*/ padding: 3rem 2rem; }
    .premium-message-container-forecaster-notes .btn { /*font-size: 1.4rem;*/ }
}

@media (max-width: 767.98px) {
  .jwplayer {
      margin-left: -20px !important;
      width: calc(100% + 40px) !important;
  }
}
@media (max-width: 374.98px) {
  .jwplayer  {
      margin-left: -15px !important;
      width: calc(100% + 30px) !important;
  }
}


.bg-medium .lv-page { background-image: none; background-color: #01d6e4; padding-bottom: 1px; }
.bg-medium .form-control,
.bg-medium .form-control[type=password] { border: none; width: 100% !important; padding: 1rem; max-width: 100% !important; height: auto;}
.bg-medium .panel-user-register.panel-info, .bg-medium form#checkout .panel.panel-info { background-color: inherit; }
.bg-medium .form-control:focus, .bg-medium .form-control[type=password]:focus { box-shadow: none; }
.bg-medium .help-block, .bg-medium .captcha .panel-body>.help-block { color: #25767b !important; }
.bg-medium .help-block.password-help { padding-left: 15px; padding-right: 15px; }
.bg-medium label { color: #fff; font-weight: 500; }
.bg-medium .btn-primary { text-transform: uppercase; background-color: #474a4a; font-size: 1rem; padding: 1rem 2rem !important; }
.bg-medium .btn-success, .bg-medium form#checkout .btn-submit, 
.bg-medium form#checkout input[type=submit], 
.bg-medium .btn-success:active:hover ,
.join-pro-container .btn-primary
{ color: #fff; border: none; padding: 1rem !important; font-size: 1rem; background-color: #474a4a; width:100%; display: block; text-align: center; text-transform: uppercase; }
.bg-medium .btn-success:hover, .bg-medium .btn-primary:hover { background-color: #333 !important; }
.bg-medium .btn-submit:hover { background-color: #616565 !important; }
.bg-medium .container-steps { width: 100%; }
.bg-medium h3, .bg-medium h4, .bg-medium p, .bg-medium h2, .bg-medium h1, .bg-medium li { color:#fff; }
.bg-medium .dark-text h3, .bg-medium .dark-text h4, .bg-medium .dark-text p, .bg-medium .dark-text h2, .bg-medium .dark-text h1, .bg-medium .dark-text li { color:#1a595d !important; }
.bg-medium .h2 { text-align: center; }
.bg-medium .block-system-main a { color: #00858f; }
.bg-medium .block-system-main a:hover { color: #01737b; }
.bg-medium .join-pro-container .progress,
 #edit-account .progress { display:none; }
.bg-medium #user-login { max-width: 100% !important; }
.bg-medium hr { border-color: rgba(255,255,255,0.5); }
.bg-medium label h3 { margin-bottom: 0 !important; }
.bg-medium .form-control[readonly] { background: #fff !important; }

.join-pro-container #user-login .actions-suffix { display:none; }
.join-pro-container #user-login .forgot-password { margin-bottom: 20px; display: inline-block; }

.bg-medium .steps-bar { border-bottom: none; }
.bg-medium .panel.panel-login .panel-body form, .page-pro-subscribe-steps-landing .panel.panel-login .panel-title { padding-left: 0; }
.bg-medium .panel.panel-login .panel-title { text-align: center; }
.panel-user-register-top { padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
.bg-medium .panel.panel-login .panel-body { border: none; }
.bg-medium div.error { border: none; }
.bg-medium .panel.panel-white { background-color: rgba(255, 255, 255, 0.25); }
.bg-medium .panel.panel-dark { background-color: rgb(3, 197, 210); color: #fff; padding: 1rem; margin-bottom: 2rem; }
.bg-medium .panel.panel-dark p { margin-bottom: 0; }
.page-pro-subscribe-details form#checkout .panel { padding: 0; }
/*.page-pro-subscribe-details form#checkout .field-item.terms { background-color: rgba(255, 255, 255, 0.25) !important; }*/
/*.page-pro-subscribe-steps-landing label.terms-label { color: #484848; }*/
.bg-medium .form-control.form-checkbox { width:auto !important; display: inline;}
.bg-medium #logo { margin-top: 0 !important; }
.bg-medium form#checkout .panel.panel-info:not(.panel-plan-info) { margin-left:0 !important; margin-right:0 !important; }
.bg-medium .loading-spinner { top: 32%; left: 20px; }
.bg-medium form#checkout .panel-cta { border: none; background-color: rgba(255, 255, 255, 0.25); }
.bg-medium #main { padding-bottom: 0; }
.bg-medium .main-section { margin-bottom: 0; }

.bg-medium .payment-container { color: #fff; }
.bg-medium .payment-container .braintree-heading { color: #fff !important; }

.bg-medium .panel-user-register.panel-info:after, .bg-medium form#checkout .panel.panel-info:after { content: ''; display: none; }

.surfcam-premium-badge-large { height: 20px; margin-left: 7px; }
.surfcam-premium-badge-medium { height: 16px; margin-left: 3px; }
.surfcam-premium-badge-small { height: 20px; margin-left: 7px; }
.vue-multicam-premium { z-index: 10; }

@media screen and (min-width: 768px) {
  .page-pro-subscribe-signup #user-login .forgot-password { left: auto; right: 20px; }
  /*.page-pro-subscribe-steps-landing .form-control, .page-pro-subscribe-steps-landing .form-control[type=password] { padding: 1.8rem; }*/
  .surfcam-premium-badge-large { height: 27px;}
}

.subscribe-form-ajax-check .ajax-check-result { display: none;}
.subscribe-form-ajax-check .ajax-check-result span { display: inline-block; width: 100%; background: #f66f6f; color: #fff; padding: 0.5rem 1rem; }
.needs-validation .invalid-feedback { width: 100%; background: #f66f6f; color: #fff; padding: 0.5rem 1rem; font-size: 0.9rem;}
.subscribe-form-ajax-check .ajax-check-result span a { color: #fff; }
.subscribe-form-ajax-check .not-available { display: block; }
/*.subscribe-form-ajax-check .available { display: none; }*/

.view-latest-comments-concise .views-field-created .field-content, .view-latest-forum-posts .views-field-created .field-content { display: none; }

.menu .orange a{ background-color: #f27626; }
/*.menu .orange a:hover { background-color: #f99252 !important; }*/

/*a { color: #02b6c1; }*/
.field-name-body a { text-decoration: underline; }
.field-name-body em { /*display: inline-block;*/ /*color: #aaa;*/ /*-webkit-transform: skew(-5deg, 0deg); -moz-transform:skew(-5deg, 0deg); -o-transform:skew(-5deg, 0deg); -ms-transform:skew(-5deg, 0deg); transform: skew(-5deg, 0deg); */}
.field-name-body strong, .field-name-body b { color: #525252; }
.field-name-body .image-caption,
ul.field-items .field-name-field-caption { background: #797777; display: block; padding: 11px 14px; transform: none; margin-top: -1rem; color: #fff; }
ul.field-items .field-name-field-caption { margin-top: 0; }
.field-name-body .image-caption em { color: #ddd; }
.field-name-body a em { color: #01b7c3; }
.field-name-body a:hover em { color: #017077;}


ul.field-items {
    padding: 0;
    margin: 0;
}

li.field-item {
    list-style: none;
    margin: 2rem 0;
}
#edit-access-code { max-width: 500px; }