.pane-views.pane-latest-comments-forum-sidebar .views-row-odd {
    background-color: #fbfcfd;
}

.pane-views.pane-latest-comments-forum-sidebar .views-row {
    padding: .625rem 0;
    border-top: 1px solid #f1f2f3;
}
.pane-latest-forum-posts.panel-pane .views-row,
.pane-latest-comments-concise.panel-pane .views-row,
.pane-latest-comments-forum-sidebar.panel-pane .views-row  { padding-left: .425rem; padding-right: .425rem; }

.pane-latest-comments-forum-sidebar.panel-pane .views-field.views-field-created { font-style: italic; opacity: 0.7; }
.pane-latest-comments-concise.panel-pane .views-field.views-field-created,
.pane-latest-forum-posts.panel-pane .views-field.views-field-created
 {  opacity: 0.7; }

.node-wave-of-the-day { position: relative; }
/*
.badge { padding: 5px 7px;  border-radius: 0; }*/

/*@media (max-width: 375px) {
    .jwplayer, .video-player-jw.is-wide, .video-player-plyr.is-wide {
        width: calc(100% + 30px) !important;
    }
}*/
.page-user-login .user-login { margin: 0 auto; }
.page-user-login .site-page-title { display: none; }
.form-section-heading { display:block; padding-bottom: 0.5rem; border-bottom: 1px solid #ddd; }
.traveller-pricing .form-section-heading, .bg-medium .form-section-heading { border-bottom: 1px solid rgba(255,255,255,.29); }
.social_login iframe { height: 58px !important; }
#user-profile-form .social_login label, .page-create-new-account .social_login label { font-weight: bold; }
#user-profile-form .social_login { max-width: 600px; }
.page-create-new-account .main-body .container { max-width: 800px; margin: 0 auto; }
#user-profile-form .password-strength { display: none; }
#user-profile-form #edit-comment-notify-settings .panel-heading .panel-title, #user-profile-form .form-type-checkboxes > .control-label { 
    font-size: 1.375rem;
    margin-bottom: 1.25rem;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 1.2;
    color: #424143;
    font-weight: bold;
}

#user-profile-form .form-type-checkboxes > .control-label { margin-bottom: 0; }

#user-profile-form #edit-comment-notify-settings .panel-heading { margin-bottom: -12px; }

#user-profile-form #edit-comment-notify-settings .panel-heading, #user-profile-form .form-heading { margin-top: 32px; }
#user-profile-form .form-type-checkboxes > .control-label { margin-top: 12px; }

.form-type-password-confirm .help-block h3 { font-size: 1rem; margin: 10px 0 10px 0; font-family: 'nunito sans'; color: #6b6b6b; font-weight: 700; }
.question-heading { display: block; position: relative; padding: 1.3rem 1.3rem 1.3rem 5.5rem; background: #f6f6f6; font-size: 1.2rem; margin-top: 2rem; min-height: 5rem; }
.question-heading .fa { position: absolute; font-size: 3rem; color: inherit; left: 1.4rem; top: 0.9rem; }
@media (max-width: 767px) {
    .question-heading { margin-left: -20px; margin-right: -20px; }
}


@media (min-width: 768px) {
	.section {
	    padding: 2.75rem 0;
	}
}

@media (min-width: 768px) {
    .global-footer .logo {
        max-width: 10.5rem;
    }
}

/* extra padding for right column on some pages */
@media (min-width: 992px) {
    .node-type-article .block-system-main > .row > .pl-lg-3, 
    .node-type-forecaster-notes .block-system-main > .row > .pl-lg-3, 
    .node-type-surf-location .block-system-main > .row > .pl-lg-3 
    { padding-left: 3rem !important; }
}

.main-prefix .global-sponsor{
    margin-bottom: 1rem;
    background: none;
}


.main-prefix .global-sponsor .container{
    padding: 0;
}
.main-prefix .global-sponsor .container .ad-container{
    background: #e8e8e9;
}

.pane-editors-picks-side-column .drupal-article-list-item ,
.pane-latest-news-side-column .drupal-article-list-item,
.view-latest-news-by-category .views-row-first .drupal-article-list-item  { border-top: 1px solid #e8e9e9; }

.pane-boxes-swellnet-adblock-mrec { margin-bottom: 2rem }

@media (min-width: 768px) {
    .pane-editors-picks-side-column .drupal-article-list-item ,
    .pane-latest-news-side-column .drupal-article-list-item {
        /*padding: 1.3rem 0;*/
        border-bottom: 0;
    }

    .pane-editors-picks-side-column .views-row ,
    .pane-latest-news-side-column .views-row {
        padding: 0;
    }
    .pane-editors-picks-side-column .views-row-odd ,
    .pane-latest-news-side-column .views-row-odd { background-color: #fff; }

    .pane-editors-picks-side-column .field-name-field-article-site-category,
    .pane-latest-news-side-column .field-name-field-article-site-category { display: none; }

    .pane-editors-picks-side-column .col-md-5, .pane-editors-picks-side-column .col-md-7{
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .pane-editors-picks-side-column .col-md-5 { order: 0; }
    .pane-editors-picks-side-column .col-md-7 { order: 1; }

    .pane-editors-picks-side-column p { margin: 0; padding: 0; }
    .pane-editors-picks-side-column .drupal-article-list-item .field-name-post-date {
        margin-bottom: 5px;
    }
    .pane-editors-picks-side-column .drupal-article-list-item h2 {
        margin-bottom: 8px;
        margin-top: 12px;
    }
    .pane-editors-picks-side-column h2,
    /*.pane-latest-news-side-column .pane-title { font-size: 1.2rem; }*/

    /*.pane-latest-news-side-column .drupal-article-list-item h2 { font-size: 1rem; }*/

    .pane-latest-news-side-column .pr-lg-4 { padding-right: 0 !important; }
}


.pager-load-more { margin-top: 26px; }

.global-sponsor { padding: 0; }

.global-sponsor .ad-container > div, .global-sponsor .adblock-billboard {
padding: 17px 0;
box-sizing: content-box;
overflow: auto;
}

/*.page-home .global-sponsor .ad-container > div { margin-bottom: 20px; }
.page-home .global-sponsor-footer .ad-container > div { margin-bottom: 0px; }*/

.pane-front-page-river-panel-pane-river .node-wave-of-the-day { margin-top: 1.875rem; margin-bottom: 0; }

.node-type-surfcam-replays .special-page-header, .node-type-surfcam .special-page-header { font-size: 1.6rem !important; margin-bottom: 10px !important; }

@media only screen and (min-width: 550px) {
    .node-type-surfcam-replays .special-page-header, .node-type-surfcam .special-page-header { font-size: 2rem !important; }
}
@media only screen and (min-width: 767px) {
    .node-type-surfcam-replays .special-page-header, .node-type-surfcam .special-page-header { font-size: 32px !important; }
}

.comment-form .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.btn, .pager-load-more .pager-next a { border-radius: 0; font-weight: bold; }

.comment-form .btn {
    color: #fff;
    background-color: #00cddb;
    border-color: #00cddb;
    border-radius: 0;
    font-weight: bold;
}


.pane-editors-picks-panel-pane-editors-picks .file-image img { width: 100%; height: auto; }

.pane-editors-picks-panel-pane-editors-picks h6 a { color: #424143 !important; }

.page-forums .site-breadcrumbs, .page-forum .site-breadcrumbs, .page-user .pane-page-breadcrumb { display: none; }

@media screen and (min-width:660px){
    .page-forums .main-prefix, .page-forum .main-prefix { position: relative; }
    .page-forums .main-prefix .block-blockify-blockify-actions,
    .page-forum .main-prefix .block-blockify-blockify-actions { position: absolute; right: 0; top: 0; }
}

.btn-success, .btn-default {
    color: #fff;
    background-color: #00cddb;
    border-color: #00cddb;
}
.btn-success:hover, .btn-default:hover {
    color: #fff;
    background-color: #00a9b5;
    border-color: #009da8;
}

.btn-xlarge { width: 100%; padding: 0.8rem 2rem 0.8rem 0.8rem; font-size: 1.1rem; position: relative; }
.btn-xlarge .arrow-icon { position: absolute; top: 0.8rem; right: 0.8rem; font-size: 1.5rem; }

.account-details .account-row { border-bottom: 1px solid #eee; padding: 0.7rem 0; clear:both; }
.account-details .account-row:first-child { border-top: 1px solid #eee; }
.account-details .field-label { float: left; width: 35%; padding-right: 8px; }
.account-details .field { float: left; width: 65%; }
.account-details-heading { margin-bottom: 20px; }
.account-details-heading .user-picture { display:inline; }
.account-details-heading h2 { display:inline; }

.account-details-heading img { width: 50px; margin-right: 10px;}

.plan-selector-container .plan-radio-element { display: none; }
.plan-selector-container .plan-selector-check { position: absolute; color: #fff; top: 0.7rem; right: 0.7rem; display: none; font-size: 2rem; color: #00cddb; }
.plan-selector-container .selected .plan-selector-check { display: block; }
.plan-selector-container .plan-selector { position: relative; display: block; color: #424143 !important; background: #eee; text-align: center; padding: 2rem 1.5rem; transition: background-color 0.3s ease; }
.plan-selector-container .plan-selector:hover { background: #ddd; }
.bg-medium .plan-selector-container .plan-selector h3, .bg-medium .plan-selector-container .plan-selector p { color: #424143 !important; }

.plan-selector-container .plan-selector.selected, .plan-selector-container .plan-selector.selected:hover { background: #234b4e; color: #fff !important; }

.bg-medium .plan-selector-container .plan-selector.selected h3, .bg-medium .plan-selector-container .plan-selector.selected p { color: #fff !important; }
.plan-selector-container .plan-selector:hover { cursor:pointer; }
.plan-selector-container .plan-name { margin-bottom: 0.5rem; }
.plan-selector-container .selected .plan-name { color: #fff; }
.plan-selector-container .plan-price { font-size: 2rem; font-weight: bold; margin-right: 5px; }
.plan-selector-container .plan-choose, .plan-selector-container .plan-selected { margin: 0; font-weight: bold; color: #fff !important; background: #00cddb; padding: 0.5rem 1rem; display: inline-block; }
.bg-medium .plan-selector-container .plan-selector .plan-choose { color: #fff !important; }
.plan-selector-container .selected .plan-choose, .plan-selector-container .plan-selected  { display: none; }
.plan-selector-container .selected .plan-selected { display: inline-block; }

.main-body { min-height: 50vh; }

.choose-plan-cta-button-thin { display: none; }
@media only screen and (min-width: 751px) {
    .choose-plan-cta-button-thin { display: inline; }
    .choose-plan-cta-button-wide { display: none; }
}

/*
body { color: #6b6b6b; }

.pane-front-page-river-panel-pane-river { font-size: 15px; }
*/
/*
@media only screen and (max-width: 1025px) {
    .main-body {
        margin: 2rem 0;
    }
}

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

@media only screen and (max-width: 375px) {
    .main-body {
        margin: 1rem 0;
    }
}
*/
.pane-latest-comments-concise.panel-pane,
.pane-latest-forum-posts.panel-pane,
.pane-latest-comments-forum-sidebar.panel-pane { font-size: 14.2px; }
/*.pane-latest-comments-concise.panel-pane .pane-title,  .pane-latest-forum-posts.panel-pane .pane-title { font-size: 1.375rem; }*/


.pane-latest-forum-posts .view-latest-forum-posts .views-field-view-comment a,
.pane-latest-comments-concise .view-latest-comments-concise .views-field-view-comment a,
.pane-latest-comments-forum-sidebar .views-field-view-comment a { color: #313030; font-weight: normal; font-style: italic; }
.pane-latest-forum-posts .view-latest-forum-posts .views-field-view-comment a:hover,
.pane-latest-comments-concise .view-latest-comments-concise .views-field-view-comment a:hover,
.pane-latest-comments-forum-sidebar .views-field-view-comment a:hover { color: #212020; text-decoration: underline; }

.drupal-article-list-item .field-name-author:before {
    content: "By ";
}

.node-article > h2, .node-forecaster-notes h2 { font-size: 2rem; }


.event-page-forecast .times .day { position: relative; padding-top: 25px; }
.event-page-forecast .times .day .event-viewing-forecast-indicator { height: 25px; padding: 5px; background-color: #cecdcd; line-height: 1rem; font-weight: bold; position: absolute; top: 0; left: 0; width: 100%; color: #333; color: #fff; font-size: 0.8rem; text-transform: uppercase; }
.event-page-forecast .times .day .time { margin-left: 1px !important; }
.event-page-forecast .times .day .event-viewing-forecast-indicator.high { background-color: #3bd26b; } 
.event-page-forecast .times .day .event-viewing-forecast-indicator.medium { background-color: #ffc108; } 
.event-page-forecast .times .day .event-viewing-forecast-indicator.low { background-color: #ec6767; } 
.forecast-tooltip .tip_chance_of_running { color: #fff !important; padding: 0; margin: 0 0 12px 0; font-size: 1.1rem; }
.forecast-tooltip .tip_chance_of_running.high { color: #3bd26b !important; }
.forecast-tooltip .tip_chance_of_running.medium { color: #ffc108 !important; }
.forecast-tooltip .tip_chance_of_running.low { color: #ec6767 !important; }

/* user profile form */


#user-profile-form #edit-picture>legend, #user-profile-form #edit-signature-format, .captcha legend {
    display: none;
}
#user-register-form .form-actions {
    margin-top: 20px;
}
#user-register-form .form-group {
    clear: both;
}

#user-profile-form #edit-picture .panel-body {
    display: flex;
    flex-wrap: wrap;
}

#user-profile-form #edit-picture .panel-body .user-picture {
    flex-basis: 30%;
}

#user-profile-form #edit-picture .panel-body .form-item-picture-delete {
    order: 3;
}

#user-profile-form #edit-picture .panel-body .form-item-files-picture-upload {
    flex-basis: 69%;
}

/*div.panel-pane div.node.node-wave-of-the-day.view-mode-teaser {
    margin-bottom: 20px;
    margin-top: 10px;
    min-height: 50px;
}*/

/*
.field-name-field-wotd-photo .img-responsive { width: 100%; height: auto; }
.node-type-wave-of-the-day .pane-node .panel-top .field-name-field-wotd-photographer, .node-wave-of-the-day.ds-1col .field-name-field-wotd-photographer, .node-wave-of-the-day.view-mode-teaser .field-name-field-wotd-photographer {
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    font-family: "Arial Narrow",Helvetica,sans-serif;
    font-weight: 700;
    color: #fff;
    background: url(/profiles/swellnet/themes/gold/images/icon-camera.png) 100% 5px no-repeat;
    padding-right: 32px;
    margin: 5px 10px;
}

.node-type-wave-of-the-day .pane-node .panel-top .field-name-field-wotd-caption, .node-wave-of-the-day.ds-1col .field-name-field-wotd-caption, .node-wave-of-the-day.view-mode-teaser .field-name-field-wotd-caption {
    position: absolute;
    width: 100%;
    padding: 8px 10px;
    bottom: 0;
    background: #000;
    background: rgba(0,0,0,.6);
    color: #fff;
}

.node-type-wave-of-the-day .pane-node .panel-top .field-name-field-wotd-caption .field-label, .node-wave-of-the-day.ds-1col .field-name-field-wotd-caption .field-label, .node-wave-of-the-day.view-mode-teaser .field-name-field-wotd-caption .field-label {
    font-size: 1.2em;
    font-weight: 600;
    font-family: Signika,Tahoma,Verdana,sans-serif;
    display: inline;
    margin-right: 5px;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .node-type-wave-of-the-day .pane-node .panel-top .field-name-field-wotd-caption, .node-wave-of-the-day.ds-1col .field-name-field-wotd-caption, .node-wave-of-the-day.view-mode-teaser .field-name-field-wotd-caption {
      position: relative;
      color: #fff;
      background: #4a4949;
  }
}


.pane-latest-wave-of-the-day-panel-pane-wotd { margin-bottom: 0; }

.comment .comment-content-wrapper .comment-content .comment-inner p, .front .view-latest-wave-of-the-day div.node.node-wave-of-the-day.view-mode-teaser {
    margin-top: 0;
}*/
