hr { margin-top: 2rem; margin-bottom: 2rem; border-top: 2px solid #e8e9e9; }
::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; }
.comment-wrapper #comment-body-add-more-wrapper .form-textarea-wrapper:before { content: "Note: your comment will be editable for ten minutes after it is posted"; display: block; margin-bottom: 10px; font-size: 14px; }

/*ul li.has-xmas-icon, .gift-cta-button { display:none; }*/

/*.theme-traveller .main-body { background: none !important; }*/
@media only screen and (min-width:768px) {
  .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-surfcam .main-body { padding: 0; }
  .surfcams-replays { margin-left: -20px; margin-right: -20px; }
  .surfcams-alert-wrap { margin-left: -20px; margin-right: -20px; }
}
.node-type-event-single-page .pane-swellnet-location-forecast-pane .controls { display: none; }
@media (min-width:1140px) {
  .container { max-width: 1430px; }
}
.page-user-login .login-warning { max-width: 500px; }
.login-warning a { color: inherit; text-decoration: underline; }
.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 .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; }
.node-forecaster_notes-full .field-name-author, .node-article-full .field-name-author { float: unset; margin-bottom: 30px; }
.node-forecaster_notes-full .field-name-author:before, .node-article-full .field-name-author:before { content: none; }
.view-mode-full .author_box_info .field-name-author-new { display: flex; flex-wrap: wrap; }
.view-mode-full .author_box_info .field-name-author-new:before { content: "By "; font-size: 1rem; margin-right: 0.3em; line-height: 1.5rem; }
.view-mode-full .author_box_info .field-article-cat:before { content: "in "; font-size: 1rem; /*margin-left: 0.2em;*/ }
.view-mode-full .author_box_info .field-name-ds-user-picture { float: left; margin-right: 13px; }
.view-mode-full .author_box_info .field-name-ds-user-picture img { max-width: 45px; box-shadow: rgba(60, 64, 67, 0.15) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; }
.view-mode-full .author_box_info .username { margin-right: 0.2em; }
.node-forecaster_notes-full .field-name-author, .node-article-full .field-name-author { display: flex; align-items: stretch; margin-top: 15px; }
.view-mode-full .author_box_info .group-author-info { display: flex; flex-direction: column; flex: 1; }
@media (max-width:768px) {
  .view-mode-full .author_box_info .field-name-ds-user-picture img { max-width: 65px; }
}
@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; }
.top-node-surfcam { display: flex; width: 100%; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 10px; }
.top-node-surfcam .page-title, .top-node-surfcam .pane-live-event-indicator { margin-bottom: 10px !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 #video { margin-bottom: 0 !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-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; }
.field-name-body .premium-blurred-content strong { color: unset; }
.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, .field-name-field-section-body .image-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-field-section-body .image-caption { margin-bottom: 5px; }
.field-name-body .image-caption em { color: #ddd; }
.image-caption a { color: #fff; }
.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; }
.alert-standard { background-color: #00cddb; padding: 1rem; margin-bottom: 20px; color: #fff; font-weight: bold; }
.alert-standard p { margin: 0; padding: 0; }
.comment-skeleton { line-height: 0; }
.comment-skeleton-line { background: #eee; width: 100%; height: 11px; margin: 4px 0; display: inline-block; }
.comment-skeleton-line01 { width: 97%; }
.comment-skeleton-line02 { width: 90%; }
.comment-skeleton-line03 { width: 95%; }
.comment-skeleton-line04 { width: 60%; }
body:not(.theme-paid) .block-system-main > .row > .col-lg-4 > .sidebar { height: 100%; }
.pane-boxes-swellnet-adblock-cam-vrec-2, .pane-boxes-swellnet-adblock-news-vrec-2, .pane-boxes-swellnet-ad-forecast-vrec-2 { position: sticky; top: 100px; margin-bottom: 20px; }
.pane-boxes-swellnet-adblock-home-vrec2 { margin-bottom: 30px; }
.not-logged-in.node-type-surfcam .pane-latest-comments-concise { margin-top: 30px; }
#swellnet_forecast .forecast_text .primary .direction { font-size: 11px; }
.article-video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }
.article-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.panel-2col-bricks .field-type-text-with-summary p { font-size: calc(1.375rem - 20%); font-weight: 700; font-family: 'Montserrat'; color: #424143; margin-top: 10px; }
.panel-2col-bricks .field-type-text-with-summary p a { font-family: 'Nunito sans'; text-decoration: none; font-size: 1rem; padding-left: 10px; margin-right: -10px; }
@media screen and (min-width:768px) {
  .panel-2col-bricks .field-type-text-with-summary p { font-size: 1.375rem; }
  .panel-2col-bricks .field-type-text-with-summary p a { font-size: 1.2rem; }
}
.image-left-aligned, .image-article-left-aligned, .panel-left-aligned { width: 100%; display: block; }
.image-left-aligned img, .image-article-left-aligned img, .panel-left-aligned img { width: 100% !important; height: auto !important; margin-top: 5px !important; }
.image-article-left-aligned img { margin-bottom: 20px !important; }
.image-left-aligned + h2, .image-article-left-aligned + h2 { margin-bottom: 12px; }
.image-left-aligned + h3, .image-article-left-aligned + h3 { margin-bottom: 12px; }
.image-article-left-aligned + h2 + p:after, .image-article-left-aligned + h3 + p:after { content: ''; clear: both; display: block; border-bottom: 1px solid #eee; margin-top: 20px; }
@media screen and (min-width:500px) {
  .image-article-left-aligned { width: 40%; float: left; margin-right: 20px; margin-bottom: 3px; }
  .image-left-aligned, .panel-left-aligned { width: 40%; float: left; margin-right: 30px; margin-bottom: 13px; }
  .image-article-left-aligned + h3 + p + p, .image-article-left-aligned + h2 + p + p { display: block; clear: both; }
  .image-article-left-aligned + h3 + p, .image-article-left-aligned + h2 + p { margin-bottom: 20px; }
}
.drupal-article-list-item .field-name-author, .drupal-article-list-item .field-name-post-date { font-size: 14px; }
.home-container-v2 .field-name-field-article-site-category { display: none; }
.v2-outer .drupal-article-list-item .field-name-author:before { content: none !important; }
.v2-outer .drupal-article-list-item .field-name-author { margin-right: 5px; float: none; display: block; }
.v2-outer .drupal-article-list-item .views-field-comment-count { position: absolute; top: 6px; margin-left: 0; right: 20px; }
.v2-outer .drupal-article-list-item .field-name-post-date { margin-bottom: 10px; display: block; color: #c7c7c7; }
.v2-outer .drupal-article-list-item .field-name-field-article-feature-image { float: right; display: inline; width: 57%; margin-left: 15px; margin-bottom: 10px; }
.v2-outer .drupal-article-list-item .field-type-text-with-summary { display: inline; }
.v2-outer .drupal-article-list-item .field-type-text-with-summary p { font-size: 14.5px; margin-bottom: 0; }
.home-container-v2 .drupal-article-list-item, .v2-outer .drupal-article-list-item { padding: 1.5rem 0; }
.home-container-v2 .drupal-article-list-item .views-field-comment-count, .v2-outer .drupal-article-list-item .views-field-comment-count { position: absolute; top: 7px; margin-left: 0; right: 20px; background: #ffffff; font-size: 12px; color: #333; opacity: 0.6; -webkit-box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 49%); box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 49%); }
.v2-outer .pane-editors-picks-side-column .drupal-article-list-item .views-field-comment-count { top: 11px; }
.v2-outer .drupal-article-list-item .views-field-comment-count .field-content:after { border-top-color: #ffffff; -webkit-box-shadow: 0px 0px 1px 0px rgb(0 0 0 / 49%); box-shadow: 0px 0px 1px 0px rgb(0 0 0 / 49%); }

/*.home-container-v2 .view-home-articles .views-row-first .drupal-article-list-item {*/
.home-container-v2 .sidebar .node-wave-of-the-day .field-name-field-wotd-photographer { font-size: 13px; }
.home-container-v2 .sidebar .node-wave-of-the-day .field-name-field-wotd-caption { font-size: 14px; }
.home-container-v2 .sidebar .node-wave-of-the-day .field-name-field-wotd-caption .field-label { font-size: 14px; display: none; }
.drupal-article-list-item .field-name-author, .username { font-weight: bold; color: #7d7c7c; }
.home-v2-tabs-container { margin-top: 22px; }
.home-container-v2 .nav-tabs>li>a { display: block !important; font-size: 17px; background-color: rgb(255 255 255 / 60%); border-left: 1px solid rgb(103 103 103 / 20%) !important; }
.home-container-v2 .nav-tabs>li:first-child>a { border-left: none; }
.home-container-v2 .nav-tabs:after { height: 200%; background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(231, 231, 231, 0)), to(#d0d0d0)); background: -o-linear-gradient(top, rgba(231, 231, 231, 0) 10%, #d0d0d0 100%); background: linear-gradient(to bottom, rgba(231, 231, 231, 0) 10%, #d0d0d0 100%); }
.home-container-v2 .nav-tabs>li>a.active { background: #fff; color: initial; }
.home-container-v2 .nav-tabs { margin-left: -20px; margin-right: -20px; }
.home-container-v2 .nav-tabs>li>a.active:before { content: none; }
.tab-content .pane-latest-comments-concise .pane-title { display: none; }
.tab-content .pane-latest-comments-concise { padding-top: 5px; }
.v2-outer .home-container-v2 .drupal-article-list-item-top-left, .v2-outer .pane-editors-picks-side-column .drupal-article-list-item-top-left { display: none; z-index: 2; }
.v2-outer .view-latest-news-side-column .drupal-article-list-item>h2 { display: none; }
.pane-live-event-indicator { margin-bottom: 20px !important; }
@media screen and (min-width:992px) {
  .home-container-v2 .top-container { margin-bottom: 2rem; }
  .home-container-v2 .views-row-first .drupal-article-list-item { border-top: 1px solid #e8e9e9; }
}
@media screen and (max-width:991.9px) {
  .home-container-v2 .views-row-first .drupal-article-list-item { padding-top: 5px; }
  .pane-live-event-indicator { margin-bottom: 20px !important; }
  body { overflow-x: hidden; }
}
@media screen and (max-width:400px) {
  .home-container-v2 .nav-tabs>li>a { font-size: 16px; }
}
@media screen and (max-width:320px) {
  .home-container-v2 .nav-tabs>li>a { font-size: 15px; }
}
.home-container-v2 .nav-tabs>li>a { background-color: #4cc3d1; border-left: 1px solid rgb(255 255 255 / 29%) !important; border-left: 1px solid rgb(0 0 0 / 13%) !important; border-left: 1px solid rgb(64 158 169) !important; color: #fff; }
.home-container-v2 .nav-tabs>li:first-child>a { border-left: none !important; }
@media (min-width:992px) {
  .v2-outer .pane-editors-picks-side-column .drupal-article-list-item .field-name-field-article-feature-image { width: 100%; margin-left: 0; margin-top: 5px; }
  .v2-outer .pane-editors-picks-side-column .drupal-article-list-item .field-name-post-date, .v2-outer .pane-editors-picks-side-column .drupal-article-list-item .field-name-author { display: inline-block; font-size: 15px; }
  .v2-outer .pane-editors-picks-side-column .drupal-article-list-item .field-type-text-with-summary p { font-size: 15px; }
  .v2-outer .view-latest-news-side-column .drupal-article-list-item h2 { /*position: absolute; width: 35%;*/ font-size: 19px; z-index: 2; }
  .v2-outer .pane-latest-news-side-column { margin-top: 20px; }
}
@media (min-width:992px) and (max-width:1200px) {
  .v2-outer .view-latest-news-side-column .drupal-article-list-item h2 { font-size: 16px; }
}
@media (min-width:768px) {
  .pane-editors-picks-side-column .drupal-article-list-item { padding: 0.8rem 0 1.3rem !important; border-bottom: 0; }
  .pane-latest-news-side-column .drupal-article-list-item { padding: 1.5rem 0 0.8rem !important; border-bottom: 0; }
}
.v2-outer .view-latest-news-side-column .file-image img { margin-bottom: 0; }
@media (min-width:768px) and (max-width:991.9px) {
  .home-container-v2  .drupal-article-list-item>h2, .v2-outer .pane-editors-picks-side-column .drupal-article-list-item>h2, .v2-outer .view-latest-news-side-column .drupal-article-list-item>h2 { display: none; }
  .drupal-article-list-item-top-left { display: block !important; }
  .v2-outer .drupal-article-list-item .field-name-field-article-feature-image { width: 40%; }
  .v2-outer .pane-editors-picks-side-column .drupal-article-list-item .field-name-field-article-feature-image { margin-top: 17px; }
  .v2-outer .view-latest-news-side-column .drupal-article-list-item .field-name-field-article-feature-image { margin-top: 0px; }
  .v2-outer .pane-editors-picks-side-column .drupal-article-list-item .views-field-comment-count { top: 24px; }
  .v2-outer .view-latest-news-side-column .drupal-article-list-item .views-field-comment-count { top: 6px; }
}
.v2-outer .view-latest-news-side-column .field-name-post-date { display: block !important; color: #fff; font-size: 0.5px; }
.v2-outer .drupal-article-list-item .field-name-field-article-site-category a { margin-bottom: 5px; }
.v2-outer .drupal-article-list-item .field-name-field-article-site-category { margin-top: -11px; }
.v2-outer .view-latest-news-by-category .field-name-field-article-site-category { display: none; }
.v2-outer .view-latest-news-by-category .drupal-article-list-item-top-left { display: none; }

/* articles - surfcams and replays */
.view-front-page-river .drupal-article-list-item-top-left, .v2-outer .node-type-surfcam-replays .drupal-article-list-item-top-left, .v2-outer .node-type-surfcam .drupal-article-list-item-top-left, .v2-outer .page-latest-news .drupal-article-list-item-top-left, .v2-outer .page-taxonomy .drupal-article-list-item-top-left, .v2-outer .pane-latest-news-side-column .field-name-field-article-site-category, .v2-outer .pane-editors-picks-side-column .field-name-field-article-site-category, .pane-event-articles .drupal-article-list-item-top-left { display: none; }
@media (min-width:768px) {

  /*.v2-outer .page-latest-news .drupal-article-list-item>h2,
  .v2-outer .node-type-surfcam-replays .drupal-article-list-item>h2, 
  .v2-outer .node-type-surfcam .drupal-article-list-item>h2 {
    display: none;
  }*/
  .v2-outer .page-taxonomy .drupal-article-list-item>h2, .v2-outer .page-latest-news .drupal-article-list-item>h2, .v2-outer .page-latest-news .drupal-article-list-item>.field-name-field-article-site-category, .v2-outer .page-taxonomy .drupal-article-list-item>.field-name-field-article-site-category, .pane-event-articles .drupal-article-list-item>h2, .pane-event-articles .drupal-article-list-item>.field-name-field-article-site-category { display: none; }
  .v2-outer .node-type-surfcam-replays .drupal-article-list-item>h2, .v2-outer .node-type-surfcam .drupal-article-list-item>h2, .view-front-page-river .drupal-article-list-item>h2, .view-latest-news-by-category .drupal-article-list-item>h2 { display: none; }
  .v2-outer .view-latest-news-by-category .drupal-article-list-item-top-left, .pane-event-articles .drupal-article-list-item-top-left { display: block; }
  .v2-outer .page-news .drupal-article-list-item .field-name-field-article-feature-image, .v2-outer .page-taxonomy .drupal-article-list-item .field-name-field-article-feature-image, .v2-outer .node-type-surfcam-replays .drupal-article-list-item .field-name-field-article-feature-image, .v2-outer .node-type-surfcam .drupal-article-list-item .field-name-field-article-feature-image, .pane-event-articles .drupal-article-list-item .field-name-field-article-feature-image { width: 39%; }
}
@media (min-width:992px) {
  .view-front-page-river .drupal-article-list-item-top-left, .v2-outer .node-type-surfcam-replays .drupal-article-list-item-top-left, .v2-outer .node-type-surfcam .drupal-article-list-item-top-left, .v2-outer .page-taxonomy .drupal-article-list-item-top-left, .v2-outer .page-latest-news .drupal-article-list-item-top-left { display: block; }
  .v2-outer .view-latest-news-by-category .drupal-article-list-item-top-left { display: none; }
  .view-latest-news-by-category .drupal-article-list-item>h2 { display: block; }
  .view-front-page-river .drupal-article-list-item .field-name-field-article-feature-image { width: 40%; }
}
.node-type-forum .pane-latest-comments-concise { margin-top: 30px; }
.pane-latest-news-side-column { margin-top: 30px; }
.node-article { padding-top: 2rem; }
.node-wave-of-the-day .field-name-field-wotd-photographer, .view-latest-wave-of-the-day .field-name-field-wotd-photographer { padding-left: 10px; }
.comment.forum-topic .comment-content-wrapper { background: #f2f2f2; }
.comment.forum-topic .comment-content-wrapper:before { border-color: rgba(204, 252, 255, 0) #f2f2f2 rgba(204, 252, 255, 0) rgba(204, 252, 255, 0); }
.quote-msg { border-left: 3px solid #e6e5e5; padding: 8px 10px; background: #f8f8f8; }
.comment-content-wrapper .comment-footer-wrapper .comment-footer { padding-top: 0 !important }
.comment-content-wrapper .comment-footer-wrapper .comment-footer >hr { margin-top: 0; margin-bottom: 10px; }
.page-next-out .node-forum-full .forum-topic { display: none; }
.comments .comment-edit { display: none; }
.comments .comment-by-viewer .comment-edit, .role-administrator .comments .comment-edit { display: inline-block; }
@media (min-width:992px) {
  .node-type-forum .sidebar { position: sticky; top: 114px; height: auto !important; }
}
.page-live-discussion---tokyo-olympics-surfing .panel-2col-event .panel-col-first:first-child { display: none; }
@media (max-width:999px) {
  .node-type-event-single-page .panel-2col-event .panel-panel, .node-type-event-single-page .page-title-small { width: 100%; }
  .page-live-discussion---tokyo-olympics-surfing .panel-col-first { margin-top: 30px; }
}
@media only screen and (min-width:1000px) {
  .page-live-discussion---tokyo-olympics-surfing .panel-col-first { min-height: 900px; }
  .page-live-discussion---tokyo-olympics-surfing .page-title-small { margin-bottom: 2rem; }
  .page-live-discussion---tokyo-olympics-surfing .panel-panel.panel-col-last { margin-top: 55px; }
.page-live-discussion---tokyo-olympics-surfing .panel-2col-event .panel-col-last { width: 50%; }
.page-live-discussion---tokyo-olympics-surfing .panel-2col-event .panel-col-first { width: 50%; }
}
.page-live-discussion---tokyo-olympics-surfing  .social-share-buttons { display: none; }



.page-live-discussion---paris-olympics-surfing .panel-2col-event .panel-col-first:first-child { display: none; }
@media (max-width:999px) {
  .page-live-discussion---paris-olympics-surfing .panel-col-first { margin-top: 30px; }
}
@media only screen and (min-width:1000px) {
  .page-live-discussion---paris-olympics-surfing .panel-col-first { min-height: 900px; }
  .page-live-discussion---paris-olympics-surfing .page-title-small { margin-bottom: 2rem; }
  .page-live-discussion---paris-olympics-surfing .panel-panel.panel-col-last { margin-top: 55px; }
.page-live-discussion---paris-olympics-surfing .panel-2col-event .panel-col-last { width: 50%; }
.page-live-discussion---paris-olympics-surfing .panel-2col-event .panel-col-first { width: 50%; }
}
.page-live-discussion---paris-olympics-surfing  .social-share-buttons { display: none; }


.messages.warning_swellnet { background: #fb9b9c; color: #404048; padding-left: 60px; position: relative; min-height: 60px; }
.messages.warning_swellnet .fa-exclamation-triangle { font-size: 30px; margin-right: 15px; position: absolute; left: 15px; top: 15px; }
.messages.warning_swellnet + .alert { display: none !important; }
.alert.alert-block { display: block !important; }
.alert.alert-block.alert-danger { color: #721c24 !important; background-color: #f8d7da !important; border-color: #f5c6cb !important; padding: .75rem 1.25rem; }

/*.comment_mess { display: none; }*/
.surfcam-vxg-container { position: relative; padding-bottom: 62.5%;    /*padding-top: 25px;*/ height: 0; }
.surfcam-vxg-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (max-width:767.98px) {
  .surfcam-vxg-container { padding-bottom: 94.5%; margin-left: -20px; width: calc(100% + 40px); margin-bottom: 1.5rem; }
}
.app-landing-page-container { background: rgb(5, 166, 177); background: linear-gradient(140deg, rgba(5, 166, 177, 1) 0%, rgba(3, 108, 115, 1) 100%); color: #fff !important; text-align: center; padding-top: 60px; }
.app-landing-page-container p, .app-landing-page-container h1 { color: #fff !important; }
.app-landing-page-container h1 { font-size: 200% !important; margin-bottom: 1.5rem; max-width: 80%; margin-left: auto; margin-right: auto; }
.app-landing-page-container p.large { font-size: 100% !important; }
.app-landing-page-screens img { width: 100%; max-width: 1200px; }
.app-landing-page-cta-button img { width: 160px; max-width: 47%; }
.app-landing-page-screens-desktop { display: none; }
.app-landing-page-screens-mobile { display: block; }
@media screen and (min-width:500px) {
  .app-landing-page-cta-button img { width: 180px; }
  .app-landing-page-cta-button:first-child { margin-right: 12px; }
}
@media screen and (min-width:768px) {
  .app-landing-page-container { padding-top: 100px; }
  .app-landing-page-container h1 { font-size: 250% !important; }
  .app-landing-page-container p.large { font-size: 120% !important; }
  .app-landing-page-cta-button img { width: 210px; }
  .app-landing-page-screens-desktop { display: block; }
  .app-landing-page-screens-mobile { display: none; }
}
.page-app .main-body { padding: 0; }
.page-app .main-body>.container { max-width: 100%; padding: 0; }
.field-name-body p:not([class]) img { width: 100% !important; margin-top: 1rem; margin-bottom: 1rem; }
.field-name-body p:not([class]) + .image-caption { margin-top: -1rem; margin-bottom: 1rem; }

/*.hero-article-page .field-name-body p:not([class]) img { width: 100% !important; margin-top: 1rem; margin-bottom: 1rem; }

.hero-article-page .field-name-body p:not([class]) + .image-caption { margin-top: -1rem; margin-bottom: 1rem; }*/
.article-hero-container { margin-bottom: 3rem; height: 80vh; color: #fff; position: relative; display: flex; }
.article-hero-container:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.41) 18%, rgba(0, 0, 0, 0) 38%); }
.article-hero-container > .container { padding-bottom: 3rem; align-self: flex-end; z-index: 2; }
.article-hero-container > .container h1 { font-size: 2.5rem !important; /*max-width:  900px;*/ }
.article-hero-container > .container * { color: #fff; }
.article-hero-container .field-article-cat a { font-weight: 600; }
.article-hero-tagline { font-size: 1.2rem; margin-bottom: 2rem; /*max-width:  900px;*/ }
.article-hero-photog-name { position: absolute; bottom: 10px; right: 15px; opacity: 0.7; text-shadow: 1px 1px 7px rgba(0, 0, 0, 1); }
.hero-article-page { padding: 0; }
.hero-article-page > .container { max-width: 100%; padding: 0; }
.hero-article-page .node-article-full { padding-top: 0; }
.hero-article-page .node-article-full > h2, .hero-article-page .node-article-full .field-name-author, .hero-article-page .node-article-full .field-name-field-article-site-category, .hero-article-page .node-article-full .field-name-post-date, .hero-article-page .pane-page-tabs { display: none; }
@media (min-width:992px) {
  .node-type-article .block-system-main > .container > .row > .pl-lg-3 { padding-left: 3rem !important; }
  .field-name-body p:not([class]) img { margin-top: 1.8rem; margin-bottom: 1.8rem; }
  .field-name-body p:not([class]) + .image-caption { margin-top: -1.8rem; margin-bottom: 1.8rem; }
}
.article-hero-container .author_box_info .user-picture { float: left; margin-right: 13px; }
.article-hero-container .author_box_info .user-picture img { max-width: 45px; box-shadow: rgb(60 64 67 / 15%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px; }
.article-hero-container .author_box_info .field-name-author-new { display: flex; flex-wrap: wrap; }
.article-hero-container .author_box_info .username { margin-right: 0.2em; }
.article-hero-container .author_box_info .group-author-info { display: flex; flex-direction: column; flex: 1; }
.photo-carousel { margin-left: -150px; margin-right: -150px; margin-top: 40px; margin-bottom: 14px; position: relative; }
.photo-carousel + .image-caption, .expand-width { margin-bottom: 40px; margin-left: -150px; margin-right: -150px; }
.expand-width { margin-top: 40px; }
.expand-width + .image-caption { margin-top: -40px; }
.expand-width img { width: 100% !important; height: auto !important; }
.photo-carousel .carousel-cell { position: absolute; top: 0; z-index: 4; }
.photo-carousel .carousel-cell:nth-child(1) { position: relative; z-index: 5; }
.photo-carousel .flickity-slider .carousel-cell { width: 100%; height: 100%; position: absolute; }
.photo-carousel .carousel-cell img.carousel-cell-image { width: 100% !important; margin: 0; }
.photo-carousel .flickity-page-dots { bottom: 25px; }
.photo-carousel .flickity-viewport { padding-bottom: 66.25%; }
.photo-carousel .flickity-page-dots .dot { background: #fff; }
.photo-carousel .flickity-prev-next-button .arrow { fill: #286083; }
@media only screen and (max-width:989.5px) {
  .photo-carousel { margin-left: 0px; margin-right: 0px; margin-top: 20px; }
  .expand-width { margin-left: 0px; margin-right: 0px; margin-top: 20px; margin-bottom: 20px; }
  .expand-width + .image-caption { margin-top: -20px; }
  .photo-carousel + .image-caption, .expand-width + .image-caption { margin-bottom: 20px; margin-left: 0px; margin-right: 0px; }
  .photo-carousel .flickity-page-dots { bottom: 15px; }
  .flickity-prev-next-button { width: 34px; height: 34px; }
}
@media only screen and (max-width:600px) {
  .photo-carousel .flickity-page-dots .dot { margin: 0 4px; }
  .flickity-prev-next-button { width: 24px; height: 24px; }
}

/**/
.surfcam-page-layout .sidebar-header .fa-video-camera, .surfcam-page-layout .pane-latest-forum-posts, .surfcam-page-layout .pane-latest-comments-concise { display: none !important; }
.surfcam-page-layout  .thumb-slider.is-stacked-for-desktop { justify-content: flex-start; margin-left: -5px; margin-right: -5px; display: flex; flex-wrap: wrap; }
.surfcam-page-layout  .thumb-slider.is-stacked-for-desktop .thumb-slider-item { -ms-flex: 0 0 calc(100% / 5); flex: 0 0 calc(100% / 5); padding: 0 5px; margin-bottom: 10px; margin-left: 0; margin-right: 0; }
.surfcam-page-layout  .thumb-slider.is-stacked-for-desktop .thumb-slider-item  img { width: 100%; height: auto; aspect-ratio: 16 / 9; }
.surfcam-page-layout  .thumb-slider.is-stacked-for-desktop .thumb-slider-item .field-content a { width: 100%; max-width: 100%; }
@media (max-width:1200px) {
  .surfcam-page-layout  .thumb-slider.is-stacked-for-desktop .thumb-slider-item { -ms-flex: 0 0 25%; flex: 0 0 25%; }
}
@media (max-width:992px) {
  .surfcam-page-layout  .thumb-slider.is-stacked-for-desktop .thumb-slider-item { -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }
}
@media (max-width:768px) {
  .surfcam-page-layout  .thumb-slider.is-stacked-for-desktop .thumb-slider-item { -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .surfcam-page-layout .thumb-slider-wrapper { padding-left: 25px; padding-right: 25px; }
}

/*
*/
.surfcams-replays { background: #f6f6f6; margin-bottom: 15px }
.surfcams-button-lists { display: flex; padding: 15px; flex-wrap: wrap; }
.surfcams-button-lists .replays-wrap { /*width: 100%;*/ display: flex; flex-wrap: wrap; max-width: 900px; align-items: center; }
.surfcams-button-lists .replays-wrap .btn-title { font-family: Montserrat; font-weight: 700; line-height: 1.2; color: #4e4e4e; font-size: 20px; display: flex; align-items: center; margin-left: 50px; margin-right: 20px; }
.surfcams-button-lists .replays-wrap .btn-title img { margin-right: 10px; max-width: 28px; height: auto; }
.surfcams-replays button { background: #b2aeaf; color: #fff; min-width: 120px; border: none; margin: 1px; padding: 0 10px; font-weight: bold; line-height: 30px; text-align: left; }
.surfcams-replays button:hover, .surfcams-replays button:focus, .surfcams-replays button:active, .surfcams-replays button.active { background: #4e4e4e }
.surfcams-replays .surfcams-playlists { display: none; margin-top: 0; background: #e9e9e9; padding: 15px; }
.surfcams-replays .surfcams-playlists.is-active { overflow: hidden; }
.surfcams-replays .surfcams-play-list button { font-size: 14px; min-width: 79.8px; margin: 1px; }
.surfcams-replays .btn-surfcams-disable.disable { cursor: not-allowed; background: #dddbdb; color: #959593; }
.top-node-surfcam .pane-live-event-indicator { display: none !important; }
.top-node-surfcam .page-title { color: #fff; margin: 0 !important; padding: 15px }
.top-node-surfcam { z-index: 99; margin: 0; align-items: center; position: absolute; background: linear-gradient(180deg, rgb(0 0 0 / 27%) 0%, rgb(0 0 0 / 18%) 50%, rgba(0, 0, 0, 0) 100%); padding-bottom: 15px; }
.node-surfcam { position: relative; }
.surfcams-time-over { color: #fff; margin: 0; padding: 0 15px 15px; font-weight: bold; white-space: nowrap; }
.pane-related-surfcams-v2 .special-nearest-surfcams .thumb-slider-item { position: relative; }
.pane-related-surfcams-v2 .special-nearest-surfcams .thumb-slider-item .field-content:nth-child(2) a { position: absolute; top: 0; left: 5px; background: linear-gradient(180deg, rgb(0 0 0 / 27%) 0%, rgb(0 0 0 / 18%) 50%, rgba(0, 0, 0, 0) 100%); text-align: left; width: calc(100% - 10px); }
.surfcam-page-layout .thumb-slider-wrapper .thumb-slider-track { position: relative; padding: 0; background: transparent !important; border: none !important; }
.not-premium-subscriber { aspect-ratio: 16/9; background-size: cover; margin-bottom: 0 !important; }
.not-premium-subscriber:before { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #54c5d1), to(#2b939f)); background: -o-linear-gradient(top, #54c5d1 0, #2b939f 100%); background: linear-gradient(to bottom, #54c5d1 0, #2b939f 100%); background-image: linear-gradient(rgb(84, 197, 209) 0px, rgb(43, 147, 159) 100%); content: ""; position: absolute; top: 0; left: 0; opacity: 0.5; width: 100%; height: 100%; }
.not-premium-subscriber > div { position: relative; z-index: 1 }
.surfcams-alert-wrap { background: #ffa800; font-family: Montserrat; font-size: .875rem; padding: 10px 20px; }
.surfcams-alert-wrap a { font-weight: normal; color: #fff }
.surfcams-replays-alert { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-content: center; align-items: center; z-index: 999; justify-content: center; background: rgba(0, 0, 0, 0.2) }
.surfcams-replays-alert .surfcams-replays-alert-inner { background: #f7f7f7; color: #000; padding: 20px; max-width: 400px; }
@media (max-width:1025px) {
  .top-node-surfcam .page-title { font-size: 1.3rem !important; }
}
@media (max-width:992px) {
  .surfcams-button-lists .replays-wrap .btn-title { margin-left: 0 }
  .surfcams-button-lists .replays-wrap .btn-title { margin-top: 5px; margin-bottom: 5px; }
}
@media (max-width:767.5px) {
  .top-node-surfcam { width: calc(100% + 40px); left: -20px; }
  .node-type-surfcam .page-title { font-size: 1rem !important; }
}
@media (max-width:500px) {
  .surfcams-replays button.on-live { width: 100%; }
  .surfcams-replays .replays-wrap button { width: calc(calc(100% / 2) - 15px); width: calc(calc(100% / 3) - 10px); min-width: 80px; font-size: 14px; }
  .surfcams-replays .surfcams-play-list button { min-width: 73.8px; width: calc(calc(100% / 3) - 3px); width: calc(calc(100% / 4) - 3px); font-size: 13px; }
  .surfcams-time-over { font-size: 14px; }
  .surfcams-button-lists .replays-wrap .btn-title { font-size: 18px; margin-top: 12px; }
  .surfcams-button-lists .replays-wrap .btn-title img { margin-right: 5px; max-width: 20px; }
}
footer.global-footer { clear: both; }

/* surfcams-list */
.surfcams-header { margin-bottom: 3rem; border-bottom: solid 1px #e8e8e9; padding-bottom: 10px; display: flex; flex-wrap: wrap; align-items: flex-end; }
.surfcams-header .surfcams-header_title { margin: 0 10px 0 0; font-size: 2.3rem !important; }
.surfcams-header .surfcams-action { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.surfcams-header .surfcams-action li { margin: 2px 4px; }
.surfcams-header .surfcams-action li a { background: #f6f6f6; color: #000; border: none; padding: 0 15px; font-weight: normal; line-height: 30px; text-align: center; font-size: 14px; display: inline-flex; }
.surfcams-header .surfcams-action li a:focus, .surfcams-header .surfcams-action li a:hover { background: #4a4949; color: #fff; }
.surfcams-section { margin: 3rem  auto; }
.surfcams-section .surfcam-list-title { margin-bottom: 1.25rem; font-family: Montserrat; font-weight: 700; line-height: 1.2; color: #424143; }
.surfcams-list-style { justify-content: flex-start; margin-left: -5px; margin-right: -5px; display: flex; flex-wrap: wrap; }
.surfcams-list-style .surfcam-item { position: relative; -ms-flex: 0 0 calc(100% / 5); flex: 0 0 calc(100% / 5); padding: 0 5px; margin-bottom: 10px; margin-left: 0; margin-right: 0; }
.surfcams-list-style .surfcam-item a img { width: 100%; height: auto; aspect-ratio: 16 / 9; }
.surfcams-list-style .surfcam-item a { width: 100%; max-width: 100%; }
.surfcams-list-style .surfcam-item .surfcam-title { position: absolute; top: 0; left: 5px; background: linear-gradient(180deg, rgb(0 0 0 / 27%) 0%, rgb(0 0 0 / 18%) 50%, rgba(0, 0, 0, 0) 100%); text-align: left; display: flex; flex-wrap: wrap; width: calc(100% - 10px); align-items: center; padding: 5px; box-sizing: border-box; }
.surfcams-list-style .surfcam-item .surfcam-title a { padding: .5rem; line-height: 1; text-decoration: none; color: #fff; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; display: block; }
@media (max-width:1200px) {
  .surfcams-list-style .surfcam-item { -ms-flex: 0 0 25%; flex: 0 0 25%; }
}
@media (max-width:992px) {
  .surfcams-list-style .surfcam-item { -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }
}
@media (max-width:768px) {
  .surfcams-list-style .surfcam-item { -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .surfcams-header .surfcams-header_title { width: 100%; margin-bottom: 1rem; }
  .surfcams-header .surfcams-action { margin-bottom: -4px; }
  .surfcams-header .surfcams-action li a { min-width: 145px; justify-content: center; }
  .surfcams-list-style .surfcam-item .surfcam-title a { font-size: 14px; }
}