.no_click {pointer-events: none;}
.no_click .menu-toggler {pointer-events: all;}
/* new marquee stuff */
@media screen and (min-width: 576px) {
  .marquee-item {position: relative;}
  .marquee-text-block {position: absolute; top: 0; left: 5%; width: 50%; max-width: 400px; background: #003366c7; padding: 25px; height: 90%; display: flex; flex-direction: column; justify-content: center; border-radius: 0 0 20px 20px;}
}
@media screen and (min-width: 992px) {
  .marquee-text-block {left: 10%; width: 30%; padding: 15px; height: 80%; border-radius: 0 0 15px 15px;}
}
.marquee-text-block h2 {line-height: normal; color: #fff!important;}
@media screen and (max-width: 767px) { .marquee-text-block h2 {font-size: 24px!important;} }

/* thermometer */
.thermo-stick {position: relative; width: 100%; height: 50px; border-radius: 10px;}
.thermo-temp {position: absolute; overflow: hidden; background: linear-gradient(90deg, #699127, #88bb33); height: 15px; z-index:5;}
.thermo-frame {position: absolute; width: 100%; height: 15px; border: 1px solid #ccc; border-radius: 10px; background: #EEEEEE;}
.thermo-text {position: absolute; bottom:0; left:0; width: auto; background: transparent; text-align: left; font-size:0.9em;}
.thermo-text-goal {position: absolute; bottom:0; right:0; width: auto; background: transparent; text-align: left; font-size:0.9em;}


/* not all extensions have Bootstrap 5 drop-down carets */
.report-filters select:before:not([multiple]), div.cck_forms select.inputbox:before {font-family: "Font Awesome 6 Free"; font-style: normal; content: "\f107";}

/* general */
.radio-binary input {display: none;}
.radio-binary input + label {width: 50px; margin-right: 0; border: 2px solid #e8e8e8; background: #eff3f5; text-align: center;}
.radio-binary input + label:hover, .radio-binary input:checked + label:hover {border: 2px solid #003366; background-color: #003366; color: #ffffff;}
.radio-binary input:checked + label {margin-right: 0; border: 2px solid #6e972a; background-color: #88bb33; color: #ffffff;}
.article-details .featured-article-badge {display: none;}

/* event form */
.com-cck.view-form .cck_label label {padding-top: 15px; line-height: 1.2em!important; font-size: 115%; font-weight: bold; color: #003366;}
.com-cck.view-form .cck_desc p {margin-top: 3px;}
.event-form #cck1r_topbody.vertical div.cck_forms {width: auto;}
.event-form #cck1r_form_evt_start_time, .event-form #cck1r_form_evt_end_time {width: 120px; margin-left: -1px;}
.event-form #evt_cat, .event-form #evt_pace, .event-form #evt_trail_page {width: 250px;}
/* .event-form #evt_chapter.checkboxes input {float: left;} */
.event-form #evt_chapter label {width: -webkit-calc(100% - 30px); margin-right:0;}
@-moz-document url-prefix() { // Firefox checkboxes were misbehaving
  #evt_chapter {display: grid;}
  .event-form #evt_chapter label {margin-top: -7px; margin-left: 20px;}
}
.event-form select:not(.form-select):not(.form-control) {width: 250px;}
.event-form #evt_registration {display: flex;}
.event-form #evt_max_participants {width: 68px;}
.event-form fieldset.checkboxes label {margin-right: 20px;}
.field-calendar .input-group-text {border: none; padding: 0;}
.field-calendar .input-group-text .btn-secondary {border: 2px solid #6e972a; background-color: #88bb33; padding: 6px 12px;}
@media screen and (max-width: 575px) { 
    .com-cck.view-form .cck_label {width: 100%!important;} 
    .com-cck.view-form #cck1r_evt_start_date, .com-cck.view-form #cck1r_evt_end_date {float: none;}
}
.event-form-date-picker input {width: 130px!important;}
.event-form-date-picker .select, .event-form-date-picker .radio + label {height: 40px!important;}


/* Civi Form - Activity */
afform-private-lesson .af-field-type-select input, afform-private-lesson .af-field-type-entity-ref input, afform-private-lesson .af-field-type-date input, afform-private-lesson .af-field-type-number input, afform-private-lesson .af-field-type-text input {max-width: 350px!important;}

.evergreen-option .sppb-column-addons {height: 100%; display: flex; flex-direction: column;}
.evergreen-option .sppb-column-addons .sppb-addon-wrapper:last-of-type {margin-top: auto;}

.btn-warning {background-color: #ffd403!important; color: #003366!important; border: 2px solid #ffa500;}
.btn-warning:hover {background-color: #003366!important; color: #ffffff!important;}

/* HOME PAGE */
.home-page section#sp-above-content, .home-page section#sp-bottom {box-shadow: 0px 1px 11px #003366; background-color: #EFF3F5;}

/* benefits page */
/* system messages */
#system-message-container {position: fixed; bottom: 0px; right: unset; max-width: 1290px;}
#system-message-container .alert {border-width: 4px; font-size: inherit; line-height: inherit;}

.com-civicrm #select2-drop {width: auto!important;}
.price_set-section .label {float: none!important;}
.price_set-section .crm-price-field-id-376 .label label, .price_set-section .crm-price-field-id-377 .label label {font-size: 20px;}
.crm-event-additionalparticipant-form-block .crm-price-field-id-376 {display: none;}

.sponsor-anchor {position: absolute; top: -80px;}
.class-roster .report-filters .form-actions {display: none;}
.class-roster .report-filters .control-group, .class-roster .report-filters .control-group .controls {margin-right: 0!important;}

.payment_processor-section > div.label {display: none;}


/* education management */
.instructor-yes-sign-up, .instructor-no-remove {display: none;}
.instructor-no-sign-up button {color: #88bb33; font-weight: bold;}
.instructor-yes-remove button {color: red; font-weight: bold;}

.edu-mgmt .reports-report form .report-filters {margin: 10px 0;}
.edu-mgmt .reports-report form .report-filters fieldset {flex-wrap: wrap; margin-right: -5px;}
.edu-mgmt .filter-level .controls {margin-right: 5px; border: 1px solid #003366; background: #eff3f5; padding: 4px 10px 5px 10px;}
@media screen and (max-width: 991px) { .edu-mgmt .filter-level {width: 100%;} }
.edu-mgmt .form-check-inline {margin-right: initial;}
.edu-mgmt .form-check {padding-top: 3px; line-height: normal; padding-left: 1em;}
/* .form-check .form-check-input {margin-left: -1em;} */
.edu-mgmt .filter-chapter, .edu-mgmt .filter-date, .edu-mgmt .filter-instructor, .edu-mgmt .filter-my, .edu-mgmt .filter-text {border: none; background: transparent;}
.edu-mgmt .filter-event_id, .edu-mgmt .filter-text_search, .edu-mgmt .filter-person {float: left; margin-top: 1px; border: none; background: transparent;}
.edu-mgmt .control-group .control-label {display: none;}
.edu-mgmt .control-group label {margin-right: 8px;}
.edu-mgmt .control-group label input {margin-right: 3px;}
/* private lesson management */
@media screen and (min-width: 992px) {
    .private-lessons-mgmt .report-table td:nth-of-type(1){width: 50%;}
    .private-lesson-mgmt .report-table td:nth-of-type(2) {width: 40%;}
    .private-lessons-mgmt .report-table td:nth-of-type(3) {width: 10%;}
}

.table-my-family thead {border: 2px solid #003366!important;}

/* page title */
.sp-page-title {background: inherit; padding: 15px 0;}
.sp-page-title .container {padding: 0;}
.sp-page-title .sp-page-title-heading {font-size: 32px; color: #003366;}
.page-image-title .sppb-addon-overlay-image-content {padding: 5px;}
.page-image-title .sppb-addon-title, .sppb-addon-subtitle {transform: none!important;}
.page-image-title .overlay-background-image:after {display: block; width: 100%; height: 100%; content: " "; background: linear-gradient(180deg, #84848400 0%, #8a8a8a75 100%) transparent;}
.page-image-title h1, .page-image-title h2, .page-image-title div {font-family: inherit!important; font-weight: bold; text-decoration: none; text-shadow: 0px 0px 10px #343434;}
.page-image-title h1 {font-size: 64px!important;}

/* popup styling - JCE Mediabox */
#jcemediabox-popup-content .page-header, #jcemediabox-popup-content .article-footer-wrap, #jcemediabox-popup-content .icons {display: none; overflow: hidden;}
.wf-mediabox-content-ajax .wf-mediabox-content-item {overflow: hidden;}
#jcemediabox-popup-content #jcemediabox-popup-ajax {padding: 0;}
.wf-mediabox-content-item {max-height: 90%; width: auto;}
#jcemediabox-popup-content article.item {margin: -30px 0 0 0; overflow: hidden;}
.jcemediabox-popup-corner-bl, .jcemediabox-popup-corner-br {margin-top: -1px;}
.jcemediabox-popup-corner-tc, .jcemediabox-popup-corner-bc {margin: 0 9px;}
#jcemediabox-popup-prev, #jcemediabox-popup-next {margin-top: 4px;}
span#jcemediabox-popup-numbers {max-width: 80%; max-height: 25px; margin: 0 auto; padding: 0; line-height: 27px;}
.wf-mediabox .article-can-edit {display: none!important;}
.wf-mediabox-content-image img {max-height: 90vh; max-width: 90vw;}
.com-contact .wf-mediabox-container .content-item-header, .wf-mediabox-container .faq-category {display: none;}

/* jEvents */
.gsl-scope .gsl-navbar-container:not(.gsl-navbar-transparent), #gslc.gsl-scope .gsl-content {background: inherit;}
#jevents [class^="btn-"] {background-image: none;}
.gsl-scope .gsl-button-primary, .task-icalevent .gsl-scope .gsl-button-default {background-color: #88bb33!important; background: inherit; border: 2px solid #749e2c!important; border-radius: 0!important; color: #ffffff;}
.gsl-scope .gsl-button-primary:active, .gsl-scope .gsl-button-primary.gsl-active, .gsl-scope .gsl-button-primary:hover, .gsl-scope .gsl-button-primary:focus, .gsl-scope .gsl-button-default:active, .gsl-scope .gsl-button-default.gsl-active, .gsl-scope .gsl-button-default:hover, .gsl-scope .gsl-button-default:focus {background-color: #003366; color: #ffffff;}
.gsl-scope .gsl-width-expand {flex: none;}
#jevents .chzn-container, #jevents .adminform #title {width: 350px!important;}
#gslc.gsl-scope .chzn-container-single .chzn-single {border: 1px solid #003366; border-radius: 0;}
.chzn-container {font-size: 16px;}
#jevents .adminform #publish_up, #jevents .adminform #publish_down {width: 125px;}
#jevents .adminform #start_12h, #jevents .adminform #end_12h {width: 70px;}
.gsl-scope .gsl-radio, .gsl-scope .gsl-checkbox {overflow: inherit; border: inherit; transition: inherit; transition-property: inherit;}
.jevents-eventdetail .jevtags {display: inline-block;}
/* form */
.form-horizontal.jevbootstrap .icon-calendar {background-image: none;}
/* .form-horizontal.jevbootstrap .btn {border: 2px solid #e8e8e8; background: #eff3f5;}
#jevents #publish_up_btn {background: #88bb33;} */
.com-jevents #toolbar button:not(:last-of-type), .form-horizontal.jevbootstrap .btn-success {box-shadow: none; border: 2px solid #6e972a; background-color: #88bb33; color: #ffffff; text-shadow: none;}
#jevents .alldayinput, #jevents .jevnoeendtime {display: flex!important;}
#jevents .alldayinput div:first-of-type, #jevents .jevnoeendtime div:first-of-type {margin-right: 8px;}
.com-jevents #toolbar button:hover, .form-horizontal.jevbootstrap .radio .btn:hover {border: 2px solid #003366; background-color: #003366!important; color: #ffffff!important;}
.com-jevents #toolbar button:last-of-type {box-shadow: none; background-color: #eff3f5; border: 2px solid #e8e8e8; text-shadow: none;}
.com-jevents #toolbar button span {display: none;}
.form-horizontal.jevbootstrap .btn-danger {border: 2px solid #a52834; background-color: #b02a37; color: #ffffff!important;}
.form-horizontal.jevbootstrap .controls {margin-left: inherit;}
.form-horizontal.jevbootstrap .controls #title {width: 100%;}
.form-horizontal.jevbootstrap .controls select, .form-horizontal.jevbootstrap .controls #ta_creatorid, .form-horizontal.jevbootstrap #jform_trail, .form-horizontal.jevbootstrap #jform_pace {max-width: 350px;}
.form-horizontal.jevbootstrap .field-calendar .input-group {flex-wrap: nowrap;}
.form-horizontal.jevbootstrap .jevstarttime #start_12h_area, .form-horizontal.jevbootstrap .jevendtime #end_12h_area {display: flex!important;}
.form-horizontal.jevbootstrap .jevstarttime #start_12h_area .radio, .form-horizontal.jevbootstrap .jevendtime #end_12h_area .radio {padding-left: 0;}
#jevents form > div {margin-bottom: 20px;}
#jevents form label {display: block; width: 100%; color: #003366; font-weight: bold;}
#jevents .jevents-eventdetail.eventid-16019 * {box-sizing: border-box;}
.gsl-scope .gsl-background-primary {background-color: transparent;}
#jevents form > div {margin-bottom: 20px;}
#jevents form label[for="showpast"] {display: inline-block; width: auto;}
#jevents fieldset .field-calendar > div {display: flex; flex-wrap: nowrap;}
#start_12h_area, #end_12h_area {display: flex!important;}
#jevents .jevstarttime, #jevents .jevendtime {margin-top: 6px!important;}
#jform_max_participants {width: 70px; height: 35px; padding-right: 0;}
.com-jevents .btn-toolbar button {margin-right: 7px;}
/* event hover popover in calendar view */
.div.jevtt_title {padding: 0;}
.modal-backdrop {z-index: 1000;}
.jevfilterlist label input[type="checkbox"] {margin-right: 10px;}
#jevents_body .nav-items {display: none;}*/
    .com_jevents .month_date {display: none;}
.com_jevents.layout-calendar #sp-main-body {padding-bottom: 0!important;}
.com_jevents #jumpto form > select, .com_jevents #jumpto form > button {margin-top: 7px;}

/* @media screen and (max-width: 575px) {.header-sticky .logo-image {height: 55px; margin-top: 22px;} }
*/
/* menu - overriding Helix Ultimate default as the custom preset does not work */
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li:hover>a, .offcanvas-menu .fas {color: #88bb33;}
.sp-megamenu-parent>li.active:hover>a {color: #749e2c;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background: #003366;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .offcanvas-menu a:hover .fas {color: #ffffff;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {color: #88bb33;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {color: #749e2c;}
/* mobile menu - overriding Helix Ultimate default as the custom preset does not work */
.offcanvas-menu {background-color: #003366; color: #ffffff;}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span, .offcanvas-menu .offcanvas-inner ul.menu>li li a {color: #ffffff;}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {color: #ffffff;}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {color: #88bb33;}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {color: #ffffff!important;}
.offcanvas-menu .offcanvas-inner ul.menu>li.active>a, .offcanvas-menu .offcanvas-inner ul.menu>li li.active>a {color: #88bb33!important;}
.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {color: inherit;}
/* footer - overriding Helix Ultimate default */
#sp-footer a, #sp-bottom a {color: #ffffff;}

/* membership campaign gift opt-in field */
.crm-section.helprow-custom_146-section.helprow-pre {background: #e6f1d5; border: 1px solid #003366; border-bottom: 1px solid transparent; padding: 10px 10px 0 10px;}
#editrow-custom_146 {margin-top: -15px; background: #e6f1d5; border-left: 1px solid #003366; border-right: 1px solid #003366; padding: 10px;}
.crm-section.helprow-custom_146-section.helprow-post {background: #e6f1d5; border: 1px solid #003366; border-top: 1px solid transparent; padding: 0 10px 10px 10px;}
/* popups */
#jcemediabox-popup-ajax {overflow: hidden;}
#jcemediabox-popup-content .article-can-edit, #jcemediabox-popup-content .scsocialbuttons, .wf-mediabox-body .article-can-edit, .wf-mediabox-body .scsocialbuttons {display: none!important;}
/* also line 978-ish - turn bottom margin from 25px to 0 */
/* line 910 and 908 ish to adjust select width to 330px and input width to 318px */

button {background-color: transparent;}
.fa, .far, .fas {display: inline;}
#sp-search .sp-column {margin-right: -10px;}
.burger-icon>span {background-color: #ffffff;}
.article-details .article-full-image {display: none;}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {background-color: #ffffff;}
.offcanvas-menu .logo {display: none;}
.offcanvas-menu .offcanvas-inner a {color: #88bb33;}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>a>.menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>.menu-separator>.menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>.nav-header>.menu-toggler:after {font-family: "Font Awesome 6 Free";}
.icon-download:before {font-family: "Font Awesome 6 Free"; font-style: normal; content: "\f019";}
.icon-search:before {font-family: "Font Awesome 6 Free"; font-style: normal; content: "\f002";}
.icon-calendar:before {font-family: "Font Awesome 6 Free"; font-style: normal; content: "\f073";}
.icon-eye:before {font-family: "Font Awesome 6 Free"; font-style: normal; content: "\f06e";}
.icon-user:before {font-family: "Font Awesome 6 Free"; font-style: normal; content: "\f007";}
.cck_form_calendar.input-append {display: flex;}
.cck_form_calendar.input-append .btn-default {border: 2px solid #749e2c; background-color: #88bb33; color: #ffffff;}
.DynarchCalendar {min-width: 200px;}
.cck_form_button_submit {display: flex; align-items: center;}
.cck_form_jform_media .input-group input {height: 42px!important;}

.class-list .reports-report form .report-buttons, .class-list .reports-report form .report-filters, .class-list .reports-report form .report-toolbar {display: flex; flex-wrap: wrap;}
.reports-report form .report-buttons .btn-default {border: 2px solid #749e2c; background-color: #88bb33; color: #ffffff;}
.reports-report form .report-filters fieldset {display: flex;}
.reports-report form .report-filters fieldset .controls select {display: initial;}
/* .reports-report form .report-toolbar #filter-bar {display: block;} */
.reports-report form .report-toolbar #filter-bar .btn-group {margin: 5px 0 5px 5px; min-height: 38px;}
.reports-report form .report-toolbar #filter-bar .filter-search + .btn-group .btn-default {border: 2px solid #749e2c; background-color: #88bb33; color: #ffffff;}

.jobs-page .sp-column.row {margin-right: 0; margin-left: 0;}
.staff-bios #sp-below-content .sp-module {width: 100%; margin-left: 15px; margin-right: 15px;}
/* legacy bootstrap */
[class^="col-"] {padding-left: 15px; padding-right: 15px;}
.pull-left {float: left;}
.pull-right {float: right;}
.card {border-radius: 0!important;}
.hidden {display: none;}

/* eliminating new stuff in Bootstrap 4.6 we don't want */
.dropdown-toggle:after {display: none;}

/* contact us page */
#jform_contact_message {min-height: 150px!important;}

/* sponsorship menu sub-items hiding */
.sponsorship-menu-item a:after, .sponsorship-menu-item .sp-dropdown {display: none!important;}
.crm-form-textarea {min-height: 80px;}

/* sponsorship inquiry questionnaire form */
.task-civicrmpetitionsign #editrow-custom_98 td label {padding: 0 20px 0 5px!important;}

/* reports ... AlterReports */
.report-filters .form-check-input[type=checkbox]:before {margin-left: -1px;}
.report-filters.form-horizontal .control-group .control-label {float: inherit;}
.report-filters.form-horizontal .control-group .control-label label {font-weight: bold;}
.report-filters.form-horizontal .control-group .controls {min-width: 150px; margin: 0 5px 0 0;}
.report-filters .form-actions {border: none; padding: 5px 0 0 0; background-color: transparent;}
.report-table .table-responsive {border: none!important;}
/* class schedule pages */
.class-list #crm-profile-block {display: flex; flex-wrap: wrap; align-items: center;}
.class-list #crm-profile-block .form-item .label {width: 100%;}
.class-list #crm-profile-block .form-item, .class-list #crm-profile-block .recaptcha-section {max-width: 250px; margin-right: 30px;}
.class-list #crm-profile-block .recaptcha-section, .class-list #crm-profile-block .crm-submit-buttons {width: 100%;}
.class-list table tr, .class-table tr {background-color: #EFF3F5; border-bottom: 10px solid #ffffff;}
@media screen and (max-width: 575px) { .class-list table tr {display: flex; flex-direction: column;} }
.class-table tr.subheadings {border-bottom: none;}
.class-list .report-description hr-condensed, .class-list form fieldset hr-condensed, .class-list .report-filters hr-condensed {display: none;}
.class-list .report-description hr-condensed {border-top: none;}
.class-list .report-filters button.validate {display: none;}
.class-list .report-filters fieldset div select {width: 100%;}
.class-list .report-filters.form-horizontal .control-group .control-label {display: none;}
.class-list .report-filters .form-actions {margin: 0; padding: 0;}
.class-list .report-filters .form-actions button {margin-top: -1px; margin-bottom: 15px;}
.class-list .table-responsive {border: none;}
.class-table .headings th {background-color: #003366!important; color: #ffffff;}
.class-list .report-table td, .class-list .report-table th, .class-table td, .class-table th {padding: 5px 10px; border: none;}
.edu-mgmt .report-table td, .edu-mgmt .report-table th, .edu-mgmt td, .edu-mgmt th {padding: 3px 7px;}
#priceset .cividiscount .label {float: left!important; width: 100%;}
#priceset .cividiscount .label label {float: left!important;}
@media screen and (max-width: 767px) {.class-list .class-table thead {display: none;}}
@media screen and (max-width: 767px) {.class-list .class-table .class-date {display: inline-block; width: 30%;}}
@media screen and (max-width: 767px) {.class-list .class-table .class-amount {display: inline-block; width: 50%;}}
@media screen and (max-width: 767px) {.class-list .class-table .class-level {display: inline-block; width: 20%;}}
@media screen and (max-width: 767px) {.class-list .class-table td.class-title {display: block; width: 100%;}}
@media screen and (max-width: 767px) {.class-list .class-table tr {display: flex; flex-direction: column;}}
@media screen and (max-width: 767px) {.class-list .class-table .class-date-time > div, .class-list .class-table .class-price > div, .class-list .class-table .class-avail-level > div {display: inline-block; margin-right: 15px;}}
.report-roster table td, .report-roster table th {padding: 1px 7px;}
.report-roster .report-filters fieldset {flex-wrap: nowrap; width: 460px; padding-top: 6px;}
.report-roster .report-filters .control-group {width: auto;}
.report-roster .report-filters .control-group .control-label {display: none;}
.report-filters .form-actions {display: inline-block; margin: 0;}
.report-filters .hr-condensed, .report-buttons hr {display: none;}
.report-roster .report-toolbar {clear: both;}
@media screen and (max-width: 767px) {
  .table-sm-screen .class-table thead, .table-sm-screen .class-table .headings {display: none;}
  .table-sm-screen .class-table tr {display: flex; flex-direction: column;}
  .class-table .class-date-time, .class-table .class-price, .class-table .class-avail-level {display: flex;}
  .class-table .element-2 {display: flex;}
}
@media screen and (max-width: 991px) {
  .private-lessons-mgmt.table-xs-screen .class-table thead, .table-xs-screen .class-table .headings {display: none;}
  .private-lessons-mgmt.table-sm-screen .class-table tr {display: flex; flex-direction: column;}
}
.class-table .element {line-height: normal;}
.module-evergreen .sp-module-content {border: 2px solid #88bb33; padding: 10px;}
.module-title-evergreen {margin-bottom: 0; padding: 10px; background-color: #88bb33; text-align: center; color: #fff;}
.my-transactions .report-filters .form-actions {display: none;}
/* Grants report / page */
.grants-mgmt .filter-status {width: 100%;}
@media screen and (min-width: 1200px) { .grants-mgmt .filter-status {width: 50%; padding-top: 7px;} }

/* search, Google search */
.gsc-search-box-tools .gsc-search-box .gsc-input {padding: 5px!important;}
.gsc-search-button-v2 {padding: 4px 27px!important; color: #ffffff!important;}
.gsc-adBlock, .gcsc-more-maybe-branding-root {display: none!important;}

.profile-edit #member-profile fieldset legend, .profile-edit fieldset .control-group:nth-of-type(1), .profile-edit fieldset .control-group:nth-of-type(5), fieldset .profile-edit fieldset .control-group:nth-of-type(6) {display: none;}

div.cck_forms input.text {float: inherit!important; height: 40px;}
div.cck_forms.cck_site div.cck_form.cck_form_checkbox input {margin: 6px 10px 1px 0 !important;}
.input-append .add-on, .input-prepend .add-on {height: 34px; border: 1px solid #003366;}
.input-prepend .btn {margin-right: 0;}

#sp-menu .join-item + .sp-dropdown {display: none;}
#sp-menu .join-item:after {display: none;}
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {padding: 0 12px;}

/* hide these on landing pages and Civi pages */
.com_civicrm .breadcrumbs-seblod, .landing-page #sp-breadcrumbs, .landing-page #sp-search, .landing-page #sp-menu, .landing-page .crm-not-you-message, .landing-page #sp-footer .sp-module, .task-civicrmpetitionsign #sp-breadcrumbs, .task-civicrmpetitionsign #sp-search, .task-civicrmpetitionsign #sp-menu, .task-civicrmpetitionsign .crm-not-you-message, .task-civicrmpetitionsign #sp-footer .sp-module {display: none;}
.landing-page #sp-footer .sp-module.span12 {display: block;}

/* donate page */
.donate-page crm-title {display: none;}
.equal-column-height .sppb-column-addons > .sppb-addon-wrapper {height: 100%; padding-bottom: 15px;}

/* become a member page */
@media screen and (min-width: 600px) {.even-height-row {display: flex;}}
.evergreen-option {display: flex; flex-flow: column; height: 100%; border: 2px solid #88bb33; padding: 10px 10px 0 10px; text-align: center;}
.evergreen-option:hover {background-color: #f3f3f3;}
.evergreen-option .option-title {margin: -11px -11px 35px -11px;}
.option-title h3 {margin-top: 10px; color: white!important;}
.title-green-cog h3 {color: white!important;}
.evergreen-option .sppb-row .sppb-column-addons {height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
/* .evergreen-option .sppb-column-addons .sppb-addon-wrapper:last-child {position: absolute; bottom: 18px; width: 100%;}
*/
.option-title {flex: 0 1 auto;}
.option-body {flex: 1 1 auto;}
.option-button {flex: 0 1 40px;}

/* trailforks route widget embed */
#widget #details {border: 1px solid #d2d2d2; padding: 5px;}
#widget #details.col-3 {width: 24%;}
#widget #details h3 {font-size: 20px; font-weight: normal;}
#widget #details #title, #widget #details #description, #widget #details #trailstats {display: none;}
#widget #details #routeTrailLegend {overflow-y: inherit;}

/* project list/cards page */
.project-list hr {display: none;}
#project-list .cck_page_listproject-list {display: flex; flex-flow: row wrap; margin: 0 -15px;}
#project-list .cck_page_listproject-list > div {margin-bottom: 20px; padding: 0 15px; width: 33.33%;}
@media screen and (max-width: 991px) {#project-list .cck_page_listproject-list > div {width: 50%;}}
@media screen and (max-width: 550px) {#project-list .cck_page_listproject-list > div {width: 100%;}}
/* bios */
#bios hr, .staff hr {display: none;}
#bios #system, .bios .cck_module_list {display: flex; flex-flow: row wrap; margin: 0 -15px;}
#bios #system > div, .bios .cck_module_list > div {margin-bottom: 20px; padding: 0 15px; width: 25%;}
@media screen and (max-width: 1199px) {#bios #system > div, .bios .cck_module_list > div {width: 33%;}}
@media screen and (max-width: 991px) {#bios #system > div, .bios .cck_module_list > div {width: 50%;}}
@media screen and (max-width: 500px) {#bios #system > div, .bios .cck_module_list > div {width: 100%;}}

/* contact us */
.contact-us-table {width: 300px;}

/* 404 error page */
.error-page {background: url(https://www.evergreenmtb.org/images/misc/dead-end-trail.jpg)  no-repeat center center fixed; background-size: cover;}
.error-page body {background-color: transparent;}
.error-page .container {padding: 40px; background-color: #ffffff6b;}
.error-page .container .btn-secondary {background: #88bb33; border: 2px solid #749e2c;}
.error-page .error-code {display: none;}
  
/* registration page */
.register-page #sp-above-content, .register-page #sp-main-body {background: url(https://www.evergreenmtb.org/images/misc/little-bald-talus.jpg); background-attachment: fixed; background-position: center center; background-size: cover;}
.register-social {width: 350px; padding: 0 15px; background-color: #ffffff; border-top: 1px solid #003366; border-right: 1px solid #003366; border-left: 1px solid #003366; margin: 10px auto -15px auto!important; overflow: hidden;}
.register-page #sp-main-body {padding-top: 0;}
.register-page #sp-component #crm-container {float: none; width: 350px; margin: 10px auto; padding: 0 15px; border-bottom: 1px solid #003366; border-right: 1px solid #003366; border-left: 1px solid #003366; background: #ffffff;}
.register-page .crm-title, .register-page .crm_user-group > legend, .register-page .recaptcha-section .recaptcha_label {display: none;}
.register-page .crm-container .social-login a, .register-page .crm-container .social-login a:link, .register-page .crm-container .social-login a:visited {color: #ffffff!important;}
.register-page .crm-container fieldset {margin: 0;}
.register-page .crm-container .cmsmessagebox {width: 170px;}
.register-page .crm_user_signup-section {margin-bottom: -30px;}
.register-page .help {line-height: normal;}
.register-page #crm-container.crm-public input[type="text"], #crm-container.crm-public input[type="password"], #crm-container.crm-public input[type="email"], #crm-container.crm-public select {width: 305px;}
#crm-container.crm-public select#select-family {width: auto!important;}
.register-page #crm-container.crm-public .crm-section, .crm-section.form-item {margin-bottom: 0!important;}
.register-page .crm-profile .form-item, #crm-profile-block .form-item {display: inherit!important;}
.register-page .label {width: 100%!important;}
.register-page .label label {margin-bottom: -5px;}
.register-page input {max-width: 305px!important;}

/* login page - regular & new user */
.login-page .form-control-feedback {display: inline; margin-left: 5px;}
.itemid-1177 .sourcecoast.login {display: none;}
.itemid-1177 .list-group-item:last-child {display: none;}
/* regular login page and module */
.login-page .body-innerwrapper {background: url(https://www.evergreenmtb.org/images/misc/mtb-among-flowers.jpg); background-position: center center; background-size: cover; background-attachment: fixed;}
.login .col-md-4, .login .col-lg-4, .reset .col-md-4, .reset .col-lg-4, .remind .col-md-4, .remind .col-lg-4 {max-width: 330px!important; margin-top: 20px; background: #ffffff; border: 1px solid #003366; padding-bottom: 15px;}
.login .password-group .input-group-text {display: none;}
/* .login .invalid {color: inherit;} */
.login-page .list-group-item:last-child {display: none;}
.login-page #sp-component .logout {float: none; width: 330px!important; max-width: 330px!important; flex: inherit; margin: 10px auto; border: 1px solid #003366; background: #ffffff; padding: 15px; text-align: center;}
.login-page #sp-component .logout .form-horizontal .controls {margin-top: 20px; margin-left: inherit;}
.login .checkbox {display: none;}
.login-page #sp-below-content .col-md-4 {max-width: 330px; margin: -35px auto 20px auto!important; border-right: 1px solid #003366; border-bottom: 1px solid #003366; border-left: 1px solid #003366; background: #ffffff; padding-top: 10px;}
.logout button .icon-arrow-left:before {font-family: "Font Awesome 6 Free"; content: "\f2f5";}
/* pwd reset confirm page */
.reset-confirm {margin: 0 auto; max-width: 330px; border: 1px solid #003366; background: #ffffff; padding: 15px;}
.reset-confirm .control-label {float: none;}
.reset-confirm .controls {margin-left: 0;}
.layout-confirm #sp-below-content .sp-module-content {display: none;}
#form-login-remember {display: none;}
#login-form .unstyled li:first-child {display: none;}
.login .password-group button.input-password-toggle {border: 1px solid #000;}

/* JFBConnect */
.linked-accounts #sp-component h1 {display: none;}
/* social login buttons */
.social-login .sc_fblogin img, .social-login .sc_gologin img, .social-login .sc_twlogin img {display: none;}
.social-login a.sc_fblogin, .social-login a.sc_gologin, .social-login a.sc_twlogin {display: block; width: 100%; height: 100%; padding: 7px; color: #ffffff;}
.social-login .sc_fblogin, .social-login .sc_gologin, .social-login .sc_twlogin {position: relative;}
.social-login.facebook {margin: 0!important; background-color: #3b5998; text-align: center;}
.social-login.google {margin: 15px 0 0 0!important; background-color: #4285f4; text-align: center;}
@-moz-document url-prefix() {.social-login .sc_fblogin:before, .social-login .sc_fblogin:after, .social-login .sc_gologin:before, .social-login .sc_gologin:after, .register-page .social-login .sc_fblogin::after, .register-page .social-login .sc_gologin::after {top: inherit;}}
/* SC login modal */
.sourcecoast .modal-body {width: 97%;}
#sclogin-242 .sclogin-social-login:after {margin-left: 92px; content: "---------- or ---------";}
div#login-modal.sourcecoast.modal {transform: none; max-width: 350px;}
.sclogin-joomla-login.vertical input.sclogin-username.input-block-level, .sclogin-joomla-login.vertical input.sclogin-passwd.input-block-level {width: 100%!important;}
.crm-container .action-link {display: none;}
.sclogin-joomla-login.vertical #form-sclogin-submitcreate .btn {width: 100%;}

/* class level cards */
.card.class-level {border: 2px solid #003366; text-align: center;}
.card-title {background-color: #003366;}
.card.class-level .card-text {padding: 10px; color: #003366;}
.card-title h3 {text-align: center; color: white; font-weight: 600;}

/* info banners and tiles */
.info-banner, .info-tile {position:relative; display:inline-block; color: #ffffff;}
.info-tile {margin-bottom: 25px;}
.info-banner a, .info-tile a {display: block; color: #ffffff;}
.info-banner a:hover, .info-tile a:hover {color: #88bb33; text-shadow: 0px 0px 3px #003366;}
.info-banner-bg, .info-tile-bg {display: table-cell;}
.info-banner img {object-fit: cover; min-height: 200px;}
.info-banner-content, .info-tile-content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.info-banner-bg:after, .info-tile-bg:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.85)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}
.info-banner-bg:hover:after, .info-tile-bg:hover:after {background: initial;}
.info-banner-title, .info-tile-title {text-align: center; text-transform: uppercase; font-size: 110%; font-weight: 600;}
.info-banner-title h2, .info-tile-title h3 {color: #ffffff;}
.btn-trans-white {background-color: transparent; border: 2px solid #ffffff; border-radius: 0; padding: 10px 70px; color: #ffffff!important; font-weight: 600; font-size: 110%;}
a:hover .btn-trans-white {border: 2px solid #88bb33; color: #88bb33!important;}


@media screen and (min-width: 768px) {.project .titleimage {padding-right: 0;}}
@media screen and (min-width: 768px) {.project .map {padding-left: 0;}}
.project .titleimage {height: 300px;}
.player-overlay {height: 100%; text-align: center;}
.player-overlay .fa {position: relative; top: 50%; transform: translateY(-50%); text-shadow: 0px 0px 5px #003366, 0px 0px 35px #ffffff;}
.project .brochure {margin-top: 25px;}
.project .image-gallery img {float: left; margin: 0 15px 15px 0;}

.trail-main-image, .trail-key-info, .trail-stats {display: grid;}

.message {border: 2px solid #003366; padding: 15px; background-color:#ffff99;}

/* checkbox and radio */
input[type="checkbox"], input[type="radio"] {position: relative;}
.crm-container .crm-multiple-checkbox-radio-options .crm-option-label-pair {display: flex!important;}
input[type="checkbox"]:before {position: absolute; content: " "; display: inline-block!important; width: 17px!important; height: 17px!important; border: 2px solid #003366; -webkit-appearance: button; border-radius: 2px; background-color: #fff; /*padding: 1px!important;*/ line-height: inherit!important;}
#auto_renew_section input[type="checkbox"], .processing_fee-section input[type="checkbox"] {top: -3px;}
@-moz-document url-prefix() {
    input[type="checkbox"] {
        -webkit-appearance: inherit;
    }
}
/* input[type="checkbox"]:checked:after {position: absolute; top: 0; left: 1px; color: #003366; content: "\f00c"; font-family: FontAwesome;} */
input[type="checkbox"]:checked:after {position: absolute; top: 0px; left: 4px; width: 9px; height: 13px; border-right: 3px solid #003366; border-bottom: 3px solid #003366; transform: rotate(45deg); content: "";}
input[type="radio"] {vertical-align: middle; width: 14px; height: 15px; border: 2px solid #003366; -webkit-appearance: button; border-radius: 9px;}
input[type="radio"]:checked:before {position: absolute; top: -6px; color: #003366; content: "\f111"; font-family: FontAwesome; font-size: 17px;}
.form-horizontal .checkbox, .form-horizontal .radio {min-height: inherit;}

/* select */
select:not(.form-select):not(.form-control) {padding: 0.25rem 0.15rem!important;}

div.horizontal div.cck_forms {padding-bottom: 0;}

/* bookmark */
.bookmark-this .bookmark-form .cck-line-body .cck-w100:nth-of-type(2) {width: 315px; position: absolute; top: 35px; right: 5px;}
#bkmk_this_button label:before {position: absolute; content: " "; border-left: 2px solid #88bb33; width: 15px; height: 24px; border-top: 2px solid #88bb33; border-right: 2px solid #88bb33; border-bottom: 2px solid transparent; border-radius: 2px;}
#bkmk_this_button label:after {position: absolute; content: " "; width: 11px; height: 11px; border-left: 2px solid #88bb33; border-top: 2px solid #88bb33; border-right: 2px solid transparent; border-bottom: 2px solid transparent; transform: rotate(45deg); top: 21px; left: 7px; border-radius: 0 1px 0 1px;}
.bookmark-this .bookmark-form {z-index: 10; right: 0;}
#bkmk_this_button input {display: none;}
#bkmk_this_button input[type="checkbox"], #bkmk_this_button input[type="checkbox"]:checked:before {width: 0!important; height: 0!important; border: none!important; outline: none;}
#bkmk_this_button input[type="checkbox"]:checked:before {width: 0!important; height: 0!important; border: none!important; content: none!important; outline: none;}
#bkmk_this_button label {display: block; width: 15px; height: 25px; margin: 0; font-family: Open Sans, sans-serif; color: transparent; cursor: pointer;}
.bookmark-this .fa-bookmark:before {font-size: 140%;}
.trail-body label {font-weight: bold; font-size: 120%;}
#cck1r_bkmk_note, #cck1r_bkmk_save_btn {background: white; padding: 10px;}
#cck1r_form_bkmk_note {width: 270px;}
#cck1r_bkmk_cancel_btn {background: white; padding: 10px;}
#cck1r_bkmk_save_btn {display: inline-block; width: 60%;}
#cck1r_bkmk_cancel_btn {display: inline-block; width: 40%;}
#cck1r_form_bkmk_cancel_btn {display: flex; align-items: center;}
.bookmark-this .dropdown-menu {min-width: 145px;}
.bookmark-this .dropdown-menu>li>a {display: inline; padding: 0; color: #88bb33;}
.bookmark-this .dropdown-menu>li>a:hover {background-color: transparent;}
/* bookmark list */
.bookmark-list tbody {display: flex; flex-direction: row; flex-wrap: wrap;}
.bookmark-list tr {display: flex; width: 100%; margin-bottom: 1rem; border: 1px solid #003366;}
@media screen and (min-width: 576px) and (max-width: 991px) {
  .bookmark-list tr {width: 30%; margin-right: 5%;}
  .bookmark-list tr:nth-child(3n+3) {margin-right: 0;}
}
@media screen and (min-width: 992px) {
  .bookmark-list tr {width: 22%; margin-right: 4%;}
  .bookmark-list tr:nth-child(4n+4) {margin-right: 0;}
}
.bookmark-list td {width: 100%;}


.trail-videos ul {margin: -7px -12px; padding-left: 0px;}
.trail-videos li {float: left; margin: 7px 12px; list-style: none;}

/* chapters*/
#chapters-page .page-header {display: none;}
.chapter-gallery {margin: 0 -5px; text-align: center;}
.chapter-gallery a {display: inline-block; width: 33%; padding: 5px;}

/* general */
body {line-height: 27px; color: #121212;}
p {margin: 10px 0;}
h1, h2, h3, h4, h5 {margin-top: .6rem; color: #036; font-weight: 600;}
h1 {margin-top: 15px; font-size: 32px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
legend {margin-bottom: 5px;}
.evergreen-blue {color: #003366;}
.evergreen-green {color: #88bb33;}
.white {color: #fff;}
.text-warning {color: #e8b008!important;}
.bg-evergreen-blue {background-color: #003366;}
.bg-evergreen-green {background-color: #88bb33;}
.bg-secondary {background-color: #e4eaee!important;}
.bg-content, .bg-light {background: #EFF3F5;}
.white-w-shadow {color: #ffffff; text-shadow: 0 0 4px black;}
.border-green {border: 2px solid #88bb33;}
.border-blue-1 {border: 1px solid #003366;}
.border-blue {border: 2px solid #003366;}
.invisible {height: 1px;}
.page-header {margin: 20px 0 10px 0; border-bottom: 0;}
hr.title {height: 0; border-bottom: 2px solid #036; margin: 15px -10px;}
.entry-header {margin-bottom: 0;}
.icons {width: 100%; height: 31px; margin-top: -30px;}
.content-item-header {border-bottom: 2px solid #036; padding: 10px 0;}
textarea {width: auto; max-width: 92vw;}
:not(.alert-heading) > .warning {background-color: #ffff80; border: 1.5px solid #88bb33; padding: 5px;}
.peek-window {height: 220px; overflow: hidden; border-bottom: 5px solid whitesmoke;}
.full-window {height: auto;}
.more-toggle {font-weight: bold; color: #88bb33!important; margin: 5px 0;}
select.form-control:not([multiple]), select.inputbox:not([multiple]), select:not([multiple]) {height: 40px;}
select, textarea, input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"] {border-radius: 0!important; border: 1px solid #003366!important; color: #003366;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {display: inline-block; height: 38px!important;}
.ui-datepicker select.ui-datepicker-year {float: left;}
a, .sppb-btn-link, .sppb-btn-link:focus {color: #88bb33;}
a:hover, a:focus, a:active, .sppb-btn-link:hover, #jevents_body a:not(.uk-button):hover {color: #003366;}
.bg-evergreen-blue a:hover, .card-title a:hover {color: #fff;}
.card-title a:focus {color: #88bb33;}
.sp-module {margin: 0;}
@media screen and (max-width: 575px) {#sp-footer .sp-module {padding: 0 30px;}}
.sp-module .sp-module-title {margin: 20px 0 10px 0; font-size: 24px; text-transform: inherit;}
.sp-module h1.sp-module-title {font-size: 36px;}
.sp-module ul >li >a:before {display: none;}
.sp-module ul >li {border: none;}
.sp-module ul >li >a {padding: 4px 0; line-height: 1.5em;}
.sp-module ul >li >a {color: #88bb33;}
.sp-module ul >li.current >a, .sp-module ul >li >a:hover {color: #003366;}
.my-profile .menu ul {margin-left: 15px!important; font-size: 92%;}
.fa-2 {font-size: 2em!important;}
.fa-3 {font-size: 3em!important;}
.big-green-icon, .big-red-icon {font-size: 125%;}
.big-green-icon {color: #88bb33;}
.big-red-icon {color: #ff0000;}
.label {padding: 0; color: inherit; font-size: inherit; font-weight: bold;}
.social-icon {padding: 5px 15px 5px 0; font-size: 20px;}
.vertical-align-middle {display: flex; align-items: center; width: auto;}
.img-bw {filter: grayscale(100);}
.entry-image {display: none;}
.image-left, .blog-image-left {float: left; margin: 0 10px 8px 0;}
.image-right, .blog-image-right {float: right; margin: 0 0 10px 10px;}
.evergreen-cog-small {background: url('../../../images/misc/evergreen-mtb-cog-small.png'); background-repeat: no-repeat; width: 36px; height: 35px; position: relative; top: 50%;}
.cog-number {position: relative; top: 6px;}
@media screen and (max-width: 767px) {.meta-field {width: 100%; margin: 5px 30px 5px 0;}}
@media screen and (min-width: 768px) {.meta-field {float: left; margin: 5px 30px 5px 0;}}
.alert-notice {background-color: #bce8f1;}
.alert-error {background-color: #ebccd1;}
.divider-short {margin: 30px auto; height: 2px; width: 50%; max-width: 300px; background-color: #003366;}
.lead {color: #003366; font-weight: inherit;}
@media screen and (min-width: 600px) {.narrow-70 {width: 70%; margin: 0 auto;}}
.margin-top-50 {margin-top: 50px;}
.margin-btm-30 {margin-bottom: 30px;}
.video-responsive{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.video-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;}
.accordion-group {margin-bottom: 7px;}
.accordion-heading {background-color: #f5f5f5;}
.navbar {padding: 0 .5rem;}
label {font-size: 16px;}
#system-message-container {z-index: 100000;}
.nav-tabs .nav-link {display: inherit!important; color: #88bb33;}

/* Page Builder */
.sppb-panel-modern {border: 1px solid #003366!important;}
.sppb-panel-modern>.sppb-panel-heading {border-radius: 4px; padding: 12px 30px 12px 15px!important; background: #EFF3F5!important; color: #003366!important;}
.sppb-panel-modern>.sppb-panel-heading .sppb-panel-title {font-size: 16px;}

/* display */
.d-inline-block {display: inline-block;}
.d-block {display: block;}
.d-inline {display: inline;}

/* buttons */
button {border: none;}
.btn {box-shadow: none; text-shadow: none; border-radius: 0; background-image: none; padding: 6px 15px; font-size: initial; font-weight: 600;}
.btn-small {border: 2px solid lightgrey;}
.btn-sm {padding: 2px 5px!important; font-size: 95%;}
.btn-primary, a.btn-primary, .btn-success, a.btn-success, .sppb-btn-primary {border: 2px solid #749e2c; border-radius: 0; background-color: #88bb33!important; color: #fff!important;}
.btn-primary:hover, a.btn-primary:hover, .btn-success:hover, a.btn-success:hover, .sppb-btn-primary:hover, .sppb-btn-primary:focus {border: 2px solid #003366; border-radius: 0; background-color: #003366!important; color: #fff!important;}
.offcanvas-inner a.btn-primary:hover, #sp-search a.btn-primary:hover {border: 2px solid #fff!important;}
.btn-danger {border: 2px solid #a50000;}
.btn-white-outline {border: 2px solid #fff; background: transparent; color: #fff!important;}
.btn-white-outline:hover, .btn-white-outline a:hover {color: #fff!important;}
.btn-primary a {color: #ffffff;}
/* input[type="submit"] {margin-right: 15px; min-height: 25px; border: 2px solid #6e972a; background: #88bb33; padding: 8px 15px; color: #fff; line-height: 1.25em!important;} */
.btn-secondary {background-color: #a1a1a1; border: #7e7e7e 2px solid;}
.btn-outline-secondary {background-color: #eff3f5; border: 2px solid #003366; color: #003366;}
.btn-default {background-color: #EFF3F4; border: 2px solid #e8e8e8;}
.btn-outline-primary {color: #88bb33; border-color: #88bb33;}
.btn-outline-primary:hover {background-color: #88bb33!important; border: 1px solid #749e2c!important; color: #ffffff!important;}
.btn-link {color: #88bb33;}
.btn-link:hover {color: #121212;}
.btn-link {text-decoration: none;}

/* lists */
ol.evergreen-list {counter-reset: my-awesome-counter; list-style: none; padding-left: 40px;}
ol.evergreen-list li {margin: 0 0 0.5rem 0; counter-increment: my-awesome-counter; position: relative;}
ol.evergreen-list li::before {content: counter(my-awesome-counter); color: #ffffff; font-size: 1.5rem; font-weight: bold; position: absolute; --size: 35px;   left: calc(-1 * var(--size) - 10px); line-height: var(--size); width: var(--size); height: var(--size); top: -2px; background: url(../../../images/misc/evergreen-mtb-cog-small.png); background-repeat: no-repeat; text-align: center;}

/* accordion */
.accordion-header {margin-top: 0;}
.accordion-button {padding: 10px 15px; color: #003366; font-size: 1.2rem; font-weight: 500;}
.accordion-button:not(.collapsed) {color: inherit; background-color: #eff3f5;}

/*contact us */
li.row-fluid {margin: 10px 0; list-style: none;}

/* trail work page */
.trail-work-page .entry-header {display: none;}

/* sawyer program page */
@media (min-width: 768px) {.sawyer-program-page .image-layout-preset-style-collage .sppb-addon-image-layout-content {margin-left: -3%;}}

/* custom table rendition */
.table-black {border: 3px solid #000000; background-color: #ededed;}
.table-black td {border: 1px solid #c6c6c6; padding: 5px;}
.table-black h3, .table-black h4 {text-align: center; color: #000000; font-weight: bold;}
.table-blue {border: 3px solid #148cf0; background-color: #c9e4f1;}
.table-blue td {border: 1px solid #a6cde1; padding: 5px;}
.table-blue h3, .table-blue h4 {text-align: center; color: #148cf0; font-weight: bold;}
.table-green {border: 3px solid #46b414; background-color: #cee9be;}
.table-green td {border: 1px solid #b0d698; background-color: #cee9be; padding: 5px;}
.table-green h3, .table-green h4 {text-align: center; color: #46b414; font-weight: bold;}
.table-black table, .table-blue table, .table-green table {margin: 0 auto;}

/* to prevent marquee display on blog edit page */
.layout-edit #sp-showcase {display: none;}

/* helper classes */
.text-transparent {color: transparent;}
.btn-transparent {background-color: transparent;}
.display-inline-block {display: inline-block;}
.display-block {display: block;}
.img-left {float: left; margin-right: 15px;}
.img-right {float: right; margin-left: 15px;}
.font-size-120 {font-size: 120%;}
.font-size-130 {font-size: 130%;}
.font-size-140 {font-size: 140%;}
.margin-all-0 {margin: 0;}
.margin-top-0 {margin-top: 0;}
.margin-rt-0 {margin-right: 0;}
.margin-btm-0 {margin-bottom: 0;}
.margin-lt-0 {margin-left: 0;}
.margin-all-5 {margin: 15px;}
.margin-top-5 {margin-top: 5px;}
.margin-rt-5 {margin-right: 5px;}
.margin-btm-5 {margin-bottom: 5px;}
.margin-lt-5 {margin-left: 5px;}
.margin-all-10 {margin: 10px;}
.margin-top-10 {margin-top: 10px;}
.margin-rt-10 {margin-right: 10px;}
.margin-btm-10 {margin-bottom: 10px;}
.margin-lt-10 {margin-left: 10px;}
.margin-all-15 {margin: 15px;}
.margin-top-15 {margin-top: 15px;}
.margin-rt-15 {margin-right: 15px;}
.margin-btm-15 {margin-bottom: 15px;}
.margin-lt-15 {margin-left: 15px;}
.margin-all {margin: 25px;}
.margin-top {margin-top: 25px;}
.margin-rt {margin-right: 25px;}
.margin-btm {margin-bottom: 25px;}
.margin-lt {margin-left: 25px;}
.m-n1 {margin: -0.25rem !important;}
.mt-n1 {margin-top: -0.25rem !important;}
.me-n1 {margin-right: -0.25rem !important;}
.mb-n1 {margin-bottom: -0.25rem !important;}
.ms-n1 {margin-left: -0.25rem !important;}
.m-n2 {margin: -0.5rem !important;}
.mt-n2 {margin-top: -0.5rem !important;}
.me-n2 {margin-right: -0.5rem !important;}
.mb-n2 {margin-bottom: -0.5rem !important;}
.ms-n2 {margin-left: -0.5rem !important;}
.m-n3 {margin: -1rem !important;}
.mt-n3 {margin-top: -1rem !important;}
.me-n3 {margin-right: -1rem !important;}
.mb-n3 {margin-bottom: -1rem !important;}
.ms-n3 {margin-left: -1rem !important;}
.m-n4 {margin: -1.5rem !important;}
.mt-n4 {margin-top: -1.5rem !important;}
.me-n4 {margin-right: -1.5rem !important;}
.mb-n4 {margin-bottom: -1.5rem !important;}
.ms-n4 {margin-left: -1.5rem !important;}
.m-n5 {margin: -3rem !important;}
.mt-n5 {margin-top: -3rem !important;}
.me-n5 {margin-right: -3rem !important;}
.mb-n5 {margin-bottom: -3rem !important;}
.ms-n5 {margin-left: -3rem !important;}
.padding-all-0 {padding: 0!important;}
.padding-top-0 {padding-top: 0;}
.padding-rt-0 {padding-right: 0;}
.padding-btm-0 {padding-bottom: 0;}
.padding-lt-0 {padding-left: 0;}
.padding-all-5 {padding: 5px;}
.padding-top-5 {padding-top: 5px;}
.padding-rt-5 {padding-right: 5px;}
.padding-btm-5 {padding-bottom: 5px;}
.padding-lt-5 {padding-left: 5px;}
.padding-all-10 {padding: 10px;}
.padding-top-10 {padding-top: 10px;}
.padding-rt-10 {padding-right: 10px;}
.padding-btm-10 {padding-bottom: 10px;}
.padding-lt-10 {padding-left: 10px;}
.padding-all, .padding-all-15 {padding: 15px;}
.padding-top, .padding-top-15 {padding-top: 15px;}
.padding-rt, .padding-rt-15 {padding-right: 15px;}
.padding-btm, .padding-btm-15 {padding-bottom: 15px;}
.padding-lt, .padding-lt-15 {padding-left: 15px;}
.padding-all-20 {padding: 20px;}
.padding-top-20 {padding-top: 20px;}
.padding-rt-20 {padding-right: 20px;}
.padding-btm-20 {padding-bottom: 20px;}
.padding-lt-20 {padding-left: 20px;}
.width-100 {width: 100%;}

/* module titles */
.title-green-cog {position: relative; margin: -1px -1px 35px -1px; padding: 10px 15px; background-color: #88bb33; text-align: center; color: white!important;}
.title-green-cog h2, .title-green-cog h3 {color: #ffffff!important;}
.title-green-cog:after {position: absolute; bottom: -32px; left: 0; right: 0; width: 122px; margin: 8px auto 0 auto; text-align: center; content: url(../../../images/misc/Cog.png);}

/* table - generic */
table {border-collapse: collapse;}
table th td {border: 1px solid #a9a9a9;}

/* table - custom */
.table-row {display: table-row;}
.table-cell, .table-cell-left, .table-cell-right {display: table-cell; padding: 5px; vertical-align: middle;}
.table-cell .heading {font-weight: bold;}
.table-cell .black-white {border: 2px solid #000000; background-color: #000000;}
.table-cell .blue-blue {border: 2px solid #1a6eb6; background-color: #c9e4f1;}
.table-cell .green-green {border: 2px solid #52ad2c; background-color: #cee9be;}
.table-evergreen-list {background-color: #EFF3F5;}
.table-evergreen-list .table-cell-left {border-right: 2px solid white; border-bottom: 2px solid white;}
.table-evergreen-list .table-cell-right {border-bottom: 2px solid white;}
.member-reasons {margin: 10px 0;}
.table-evergreen-list .table-cell-left {width: 47px; text-align: center; color: white; font-size: 120%; font-weight: bold;}
.membership-option {border: 2px solid #88bb33;}
/* table - custom - "Evergreen" */
.table-evergreen {background-color: #EFF3F5;}
.table-evergreen .headings th {background-color: #003366!important; border: none!important; border-bottom: 2px solid #ffffff; color: #ffffff; font-weight: bold;}
.table-evergreen tr {border-bottom: 2px solid #ffffff;}

/* content cards */
.card {height: 100%; width: 100%; border: 1px solid #003366; background-color: #EFF3F5;}
.card-title {padding: 10px;}
.card-title-invert {padding: 10px; background-color: #003366;}
.card-title h1, .card-title h2, .card-title h3 {color: #ffffff;}
.card-title h1 a:hover, .card-title h2 a:hover, .card-title h3 a:hover {color: #ffffff;}
.card-header {padding: 15px 10px 0 10px; background-color: initial; border-bottom: initial; color: #003366;}
.card-body {padding: 10px;}
.card-date {width: 135px; padding: 5px; background: #003366; text-align: center; color: #ffffff;}
.blog .card-image {overflow: hidden;}
.card-image img {width: 100%; object-fit: cover;}
.blog-home .card-image img {height: 150px;}
.edu-scale-symbol-beginner {width: 30px; height: 30px; margin: 15px auto; background-color: green; border-radius: 30px;}
.edu-scale-symbol-intermediate {width: 30px; height: 30px; margin: 15px auto; background-color: blue;}
.edu-scale-symbol-advanced {width: 27px; height: 27px; margin: 15px auto; background-color: black; transform: rotate(45deg);}

/* navbar */
.navbar-light .navbar-nav .nav-link {color: #88bb33; font-weight: 500;}
.navbar-light .navbar-nav li.active .nav-link {color: inherit;}

/* Top Banner */
.top-banner {background-color: #00a3af;}
.top-banner a {color: #ffffff; font-weight: bold;}
.top-banner .banner-copy, .top-banner .banner-image {height: 70px; display: flex; flex-direction: column; justify-content: center; line-height: initial; font-size: 117%;}
.top-banner .progress {margin-bottom: 12px; height: 32px; border-radius: 16px; border: 1px #003366 solid;}
.top-banner .progress-bar {padding: 5px; font-size: 105%; font-weight: bold;}
.top-banner .remaining {text-align: center; color: #003366; padding-top: 1px;}

/* top bar */
#sp-top-bar {height: 35px; margin-bottom: -1px; padding: inherit; background: #003366; font-size: inherit;}
#sp-top-bar social-login a {color: #ffffff;}
#sp-top-bar .sp-module {vertical-align: middle;}
#sp-top-bar .sp-module.PM-notification-module {margin-top: -25px;}
.my-button .dropdown:hover .dropdown-menu {display: block; top: 30px;}
#sp-top-bar .dropdown-menu {margin: 0; padding: 10px; background: #f7fbff;}
#sp-top-bar .manager-menu {width: 190px;}
#sp-top-bar .my-menu {left: -150px; width: 370px;}
#sp-top-bar .my-menu li > div > div:nth-of-type(1) {width: 160px;}
#sp-top-bar .my-menu li > div > div:nth-of-type(2) {width: 210px;}
#sp-top-bar a.btn {z-index: 1000; min-height: 30px; border-radius: 4px; padding: 3px 10px; background: none; box-shadow: none;}
#sp-top-bar a.btn:hover {color: #ffffff!important;}
#sp-top-bar .sp-module ul>li {border: none;}
#sp-top-bar .manager-menu .nav-header {color: #003366; font-weight: bold;}
#sp-top-bar .manager-menu li a:hover, #sp-top-bar .my-menu li a:hover {color: #121212;}
#sp-top-bar .manager-menu .nav-header + ul {margin-left: 10px;}
#sp-top-bar .sp-module {margin: 0 10px -4px 10px;}
.manager-menu ul.menu, .manager-menu ul.menu li ul.menu-child {padding-left: 0; list-style: none;}

/* header */
#sp-header {height: 60px; background: #003366; box-shadow: 0 4px 5px 1px rgb(110 110 110 / 25%);}

/* logo */
@media screen and (max-width: 575px) { 
    #sp-header .logo {height: 58px;}
    #sp-logo .logo-image {height: 54px;} 
}
@media screen and (min-width: 576px) { #sp-logo .logo-image {margin-top: -25px;} }
@media screen and (min-width: 992px) { #sp-logo .logo-image {margin-top: -55px;} }
@media screen and (max-width: 991px) { .header-sticky #sp-logo .logo-image {margin-top: 0; height: 54px;} }
@media screen and (min-width: 992px) { .header-sticky #sp-logo .logo-image {margin-top: -20px; height: 55px;} }

/* menu */
.sp-megamenu-parent >li >a {line-height: inherit; font-size: 18px; text-transform: uppercase; color: #ffffff; letter-spacing: 1px;}
.sp-megamenu-parent >li.sp-has-child>a:after, .sp-megamenu-parent >li.sp-has-child>span:after {display: none;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {font-size: 18px;}
@media screen and (min-width: 992px) { .sp-megamenu-parent > li > a.menu-toggler {cursor: default;}}
/* mobile menu */
#offcanvas-toggler {line-height: 45px; font-size: 28px;}
.menu-fixed #offcanvas-toggler {line-height: 69px;}
#offcanvas-toggler > .fa {color: #ffffff;}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {padding: 25px 5px 5px 5px;}
/* .offcanvas-menu .offcanvas-inner .sp-module:last-child {padding: 5px 5px 5px 5px;} */
.offcanvas-menu .offcanvas-inner .sp-module {border-bottom: none; margin-bottom: 5px;}
.offcanvas-menu .offcanvas-inner .mod-cta {margin-top: 0!important; padding: 5px 20px!important;}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler {width: 100%; text-align: right; color: inherit;}
.offcanvas-menu .offcanvas-inner ul.menu, .offcanvas-menu .offcanvas-inner ul.menu ul {margin-bottom: 5px;}

/* my menu */
.my-button {margin-right: -20px;}
.my-menu-item .fas {margin-right: 7px;}
.my-menu-item a:hover {color: #121212!important;}

/* my profile menu */
#dropdownMyProfile {width: 230px}
.my-profile-menu .parent ul {margin-left: 10px;}
.my-profile-menu ul.menu-child {padding-left: 10px;}
.dropdown-menu ul.menu {padding-inline-start: 0;}
.dropdown-menu ul.menu li {list-style: none;}

/* breadcrumbs */
#sp-breadcrumbs {padding: 10px 0;}
.itemid-2252 #sp-breadcrumbs {display: none;}
#sp-breadcrumb a {color: #88bb33;}
#sp-breadcrumb a:hover {color: #121212;}
#sp-breadcrumb img {display: none;}
.task-civicrm\/event\/info .breadcrumbs-seblod {display: none;}
.sp-page-title .cck_module_breadcrumbs {display: none;}

/* main body */
#sp-main-body {padding: 0 0 25px 0;}
#sp-header.header-sticky ~ section#sp-main-body {padding-top: 0px;}
article.item {margin: 0 0 10px 0!important;}

/* bottom */
#sp-bottom {padding: 10px 0; background: inherit;}
.mod-sponsors .vertical-align-middle {height: 135px;}

/* footer */
#sp-footer {background: #8d939e; text-align: left; font-size: .95em;}
#sp-footer a:hover {color: #88bb33;}
#sp-footer .sp-module-title {font-size: 18px; font-weight: bold;}
#sp-footer ul.menu li {display: block;}

/* SEBLOD + all content types */
.cck_form_checkbox .checkboxes input, .cck_form_radio .radios input {margin-right: 7px;}
.cck_form_checkbox .checkboxes label, .cck_form_radio .radios label {margin-right: 25px;}
#button_search {padding: 6px 15px;}
/* ensure same item height in blog view if multiple items on the same row */
.cck-plr, .cck-deepest-blog {height: 100%;}
.cck_module_list hr {display: none;}
.cck_form_autocompleteMultiplePulsar .select2-container {width: 300px;}
.select2-container--default .select2-selection--single {border: 1px solid #003366; border-radius: 0px; padding: 9px 0; height: 38px;}
.cck_form_button_submit a {background-color: #a1a1a1; border: #7e7e7e 2px solid; padding: 6px 15px; line-height: 24px; color: #fff; font-weight: 600;}
.cck_form_button_submit a:hover {background-color: #565e64; border: #51585e 2px solid;}

/* user dashboard */
.dash-tile {border: 1px solid #003366; border-radius: 10px; text-align: center; color: #003366;}

/* CONTENT TYPES */
/* marquee */
#sp-slideshow {margin-top: -4px;}
#sp-slideshow.col-sm-12, #sp-slideshow.col-md-12 {padding: 0!important;}
.joostrap-article-carousel {margin: 0!important;}
.marquee .thumbnail {display: none;}
.marquee img {width: 100%; min-height: 300px; object-fit: cover;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {font: normal normal normal 36px/1 FontAwesome;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {margin-left: 10px;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {margin-right: 10px;}
.glyphicon-chevron-left:before {content: "\f053";}
.glyphicon-chevron-right:before {content: "\f054";}
.marquee {background: #003366;}
.marquee h2 {text-align: center;}
.marquee a:hover, .marquee h3 a:hover {color: #ffffff!important;}
.marquee .carousel-readmore {display: none;}
/* marquee - new */
.slick-list {width: 100%;}
.marquee-item {display: inherit;}
.marquee-read-more {margin-bottom: 20px; text-align: center; font-size: 120%; font-weight: bold;}
.slick-arrow {position: absolute; top: 45%; z-index: 10000; outline: 0; border: none; font-size: 450%; font-weight: bold; text-decoration: none!important; color: #fff!important; text-shadow: 0 0 5px #000;}
.slick-prev {left: 10px;}
.slick-next {right: 10px;}

/* sponsors */
.sponsor-logos {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-evenly;}
.sponsor-logos .img-sponsor {margin: 5px 3%; min-height: 100px; display: flex; flex-direction: column; justify-content: center;}
.sponsor-logo-carousel .slick-track {display: flex; align-items: center;}
.sponsors-by-level .cck-w100 {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-evenly;}
.our-sponsors .sp-module h2 {font-weight: bold!important;}

/* blog */
/* .blog-home.card {min-height: 24rem;} */
.blog-titleimage img {width: 100%;}

/* trail */
.trail-block-content {display: block; clear: both;}
.img-gallery img {float: left; margin: 10px 10px 10px 0;}
.cck_trail_alert {border: #88bb33; background-color: #ffffa8; border: 2px solid #88bb33; padding: 10px 10px 0 10px; margin-bottom: 15px;}

/* trail map page */
.trail-map-filters input {display: none;}
.trail-map-filters input + label {position: relative; margin: 5px 5px 5px 0!important; padding: 0 0 0 25px; width: 148px; border: 1px solid #003366; border-radius: 13px; background-color: #EFF3F5;}
.trail-map-filters input + label:before {
  	position: absolute;
    top: 6px;
    left: 6px;
    content: " ";
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    border: 1px solid #003366;
    -webkit-appearance: button;
    border-radius: 2px;
    background-color: #fff;
    /* padding: 1px !important; */
    line-height: inherit !important;
}
.trail-map-filters input:checked + label:after {
	position: absolute;
    top: 6px;
    left: 9px;
    width: 9px;
    height: 13px;
    border-right: 3px solid #003366;
    border-bottom: 3px solid #003366;
    transform: rotate(45deg);
    content: "";
}
.trail-map-filters input:checked + label {background-color: #003366; color: #fff;}

/* ride reports */
.latest-ride-reports .more {text-align: center; font-weight: bold; margin-bottom: 20px;}
.ride-report .fa-trash p, .ride-report .fa-edit p, .ride-report .fa-trash-alt p {display: none;}
.card-image.img-content a, .card-image.img-intro a {display: block; background-size: cover!important; background-position: center!important;}
.card-image.img-intro a {height: 250px;}
.card-image.img-content {max-height: 350px;}
.card-image.img-content a {height: 350px;}

/* chapter */
#chapter_featured_trail_select {height: 250px;}
.chapters-page section#sp-below-content .sp-column.row {display: block;} /* Bootstrap is forcing flex on the row, which breaks the map template */

/* FAQ's */
.faq-category {display: block;}
.faq h3 {margin: 3px 0; padding: 10px; font-size: 20px;}
#seblod_form #faq_topic {display: grid; justify-items: start; justify-content: start;}
#seblod_form #faq_topic input {grid-column-start: 1;}
#seblod_form #faq_topic label {grid-column-start: 2;}

/* class */
.card.class {border: 2px solid #003366;}
.card.class h2 {font-size: 24px;}
.card.class h3 {font-size: 20px;}
.class-difficulty-1, .class-difficulty-2, .class-difficulty-3 {margin-top: 3px;}
.class-difficulty-1 {width: 18px; height: 18px; background: #46b414; border-radius: 50%;}
.class-difficulty-2 {width: 18px; height: 18px; background: #148cf0; margin-right: 6px !important;}
.class-difficulty-3 {width: 15px; height: 15px; background-color: #000; rotate: 45deg; background-repeat: no-repeat;}
/* .class-difficulty-3 {width: 0; height: 0; border: 9px solid transparent; border-bottom: 9px solid #000000; position: relative; top: -9px;}
.class-difficulty-3:after {content: ''; position: absolute; left: -9px; top: 9px; width: 0; height: 0; border: 9px solid transparent; border-top: 9px solid #000000;} */

/* project */
.project .card-image .row {padding: 0 15px;}
.project .card-image .col-sm-6 {padding: 0;}

/* grant */
.grant-form .cck_wysiwyg_editor iframe {height: 240px!important;}

/* trail difficulty */
.difficulty-green {width: 18px; height: 18px; background: #46b414; border-radius: 50%;}
.difficulty-blue {width: 18px; height: 18px; background: #148cf0;}
.difficulty-black {width: 0; height: 0; border: 9px solid transparent; border-bottom: 9px solid #000000; position: relative; top: -9px;}
.difficulty-black:after {content: ''; position: absolute; left: -9px; top: 9px; width: 0; height: 0; border: 9px solid transparent; border-top: 9px solid #000000;}
.difficulty-green-lg {width: 25px; height: 25px; background: #46b414; border-radius: 50%;}
.difficulty-blue-lg {width: 25px; height: 25px; background: #148cf0;}
.difficulty-black-lg {width: 0; height: 0; border: 15px solid transparent; border-bottom: 15px solid #000000; position: relative; top: -15px;}
.difficulty-black-lg:after {content: ''; position: absolute; left: -15px; top: 15px; width: 0; height: 0; border: 15px solid transparent; border-top: 15px solid #000000;}

/* TrailForks trail page rendition */
.tf-rendition .row {margin: 0;}
.tf-rendition .row .col-sm-6 {padding:0;}
.tf-rendition .trail-main-image {height: 300px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.tf-rendition .trail-main-image img {flex-shrink: 0; min-width: 100%; min-height: 100%; object-fit: cover;}
.tf-rendition #th-map, .project #th-map {height: 300px;}
@media screen and (min-width: 768px) {.trail-page-title {margin: 30px 0;}}
@media screen and (min-width: 576px) {.cck_bkmk_this {margin-top: 15px;}}
@media screen and (max-width: 767px) {.trail-page-title {margin: 30px 0 10px 0;}}
.tf-rendition .TrailforksRegionInfo {margin-bottom: 15px;}
.trail-film-strip a {float: left; margin-right: 15px;}
.trail-edit .cck-pos-bottombody .legend.top.left {color: #003366; font-size: 150%; font-weight: bold;}
.trail-edit label {color: #003366; font-size: 120%; font-weight: bold;}
.trail-edit fieldset label {color: inherit; font-size: inherit; font-weight: inherit;}

/* bookmark */
.bookmark-this div.cck-pad-8 .cck-ptb, .bookmark-this div.vertical div.cck_forms {padding: 0;}

/* message */
#messaging-navbar {margin-bottom: 15px; border: 1px solid #003366; border-radius: 3px; padding: 10px 15px;}
#messaging-navbar .cck_forms{float: left;}

/* product */
.product-list .cck-deepest-blog div {height: 100%;}

/* ##########################  JEVENTS ########################## */
#jevents .jevents-eventdetail * {box-sizing: border-box;}
.jevfilterinput .chzn-container {width: auto!important;}
.mod_events_latest_table {text-align: inherit!important;}
.mod_events_latest_table td {padding: 10px 0!important;}
#jevents_body a:hover {color: #000000;}
#jevents_body {border: none; background-color: transparent; border-radius: 0;}
.month_title_year, .month_date, .month_title {padding-left: 0; color: #003366!important;}
#jevents_body .event_legend_container {background-color: transparent; border-top: none;}
.jev_pagination .pagination {display: inherit;}

/* jEvents navbar */
.jevbootstrap .mod_events_latest_date, .jevbootstrap .mod_events_latest_content {vertical-align: inherit!important;}
.nav-items > div:first-child, .nav-items > div {border: none!important; border-radius: 0;}
.nav-items > div a {color: #88bb33;}
.nav-items .active a {color: #000000!important;}
.nav-items .active a:hover {color: #88bb33!important;}
.nav-items div:hover {background-color: transparent!important;}
.nav-items > div:first-child a:hover {margin-left: 0;}
.nav-items > div a:hover {border: none!important; border-radius: 0;}
.jev_toprow div.currentmonth {border: none; color: #003366!important;}
div.previousmonth a, div.nextmonth a {color: #88bb33!important; font-weight: bold!important; font-size: 1em!important;}
div.previousmonth:hover, div.nextmonth:hover {background-color: transparent!important;}
#nav-search img {display: none;}
/* #jevents_body .jev_toprow div.previousmonth a:after {.fa.fa-angle-double-left();} */
.previousmonth a {visibility: inherit!important;}
#jevents_body .jev_header2 > div {border: none;}
.jev_toprow.jev_monthv, #jevents .new-navigation {display: none;}

/* jEvents ... */
#jevents_body div.event_legend_item {min-width: inherit; margin-right: 15px;}
.event-fee-value {display: initial;}
#jevents .form-horizontal .control-label {float: none;}
#jevsimplereg legend {display: none;}
#jevents .jevplugin_jevtags .controls input {display: none;}
#jevents .jevbootstrap .adminform div {padding-bottom: 0px;}
#jevents .chzn-container-active.chzn-with-drop .chzn-single, #jevents .chzn-single, #jevents .chzn-container .chzn-drop {height: inherit; border-radius: 0; border: 1px solid #003366; background-image: none; box-shadow: none; padding: 5px;}
#jevents .chzn-container-active .chzn-single, #jevents .chzn-single {box-shadow: none;}
#jevents #tagchoices {font-size: 88%;}
#jevents .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle), #jevents .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {border-radius: 0;}
#jevents .adminform #start_ampm label, div#jevents .adminform #end_ampm label {padding-top: 6px;}
#jevents .field-calendar .icon-calendar {padding-top: 2px; color: inherit; font-size: 110%;}
#jevents .input-append .add-on:last-child, #jevents .input-append .btn:last-child, #jevents .input-append .btn-group:last-child > #jevents .dropdown-toggle {border-radius: 0;}
.jevents-date-time br {display: none;}
.popover-title {background-color: transparent; border-bottom: none; font-weight: normal; color: inherit;}

/* category filter */
.jevfilterfloatlist {margin-bottom: 0!important; padding-left: 0;}

/* jEvent search page */
#jevents form.search_form {padding-top: 0;}
#jevents form.search_form #keyword {max-width: 500px; margin-bottom: 15px;}
#jevents form.search_form #showpast {margin-right: 15px;}

/* calendar */
#jevents .jev_toprow.jev_monthv {margin-top: 15px;}
.jevents-home #sp-main-body, #jevents_body {padding-top: 0!important;}
.jevfilterlist li {padding: 10px 0; width: fit-content;}
.jevfilterinput {max-width: 1000px;}
.jevfilterlist li input[type="checkbox"] + span {width: 150px!important; display: inline-block;}
.jevfilterinput.btn-group button {margin-right: 15px;}
@media screen and (max-width: 767px) {.jevfilterlist {flex-direction: column;}}
.jevents-home .chzn-container-single .chzn-single {margin: -2px -21px -1px 0; height: 30px; background: none; border-radius: 0; font-size: 16px;}
.jevents-home #jumpto {margin: 0 0 20px 0;}
#jevents_body #jumpto form select {display: inline-block; margin-right: 15px; width: 100px; height: 30px; font-size: inherit;}
#jevents_body #jumpto form button {border: 2px solid #749e2c; background-color: #88BB33; background-image: inherit; padding: 10px; font-size: inherit; color: white; text-shadow: inherit; border-radius: 0;}
.chzn-container .chzn-results {max-height: inherit!important;}
#jevents_body .jev_underlay .jev_underlay_outofmonth_start div, div.jev_dayoutofmonth {background-color: #eff3f5;}

/* calendar nav bar */
.calendar-nav .navbar-nav>li>a {padding: 10px; color: #88bb33; text-align: center;}

/* list view */
#jevents_body .jev_listview.range ul {padding-left: 0;}
#jevents_body .jev_listview.range .jev_listrow li {margin: 15px!important;}
#jevents_body #jev_maincal.jev_listview .jev_daysnames {float: none;}
#jevents_body .jev_listview.range .jev_listrow li {padding: 5px 15px 10px 15px;}
/* list view on the calendar view */
.jev_listrowblock {border-top: none;}
.jev_listrowblock .jev_daysnames, .jev_listrow .jev_daysnames {width: 100%!important; border-bottom: none; background-color: #eff3f5!important; padding: 7px 0!important; text-align: center!important; font-size: inherit!important; font-weight: bold!important; color: #003366!important;}
.jev_listrowblock .showntime, .jev_listrow .showntime {display: none;}
.jev_listrowblock .jev_daywithevents, .jev_listrow .jev_daywithevents {width: 100%; margin-left: 0;}
.jev_listrowblock .catimage, .jev_listrow .catimage {max-width: 28px;}
.jev_listrow {padding-left: 0!important; margin: 0!important;}

/* edit pop-up */
.jevbootstrap .action_dialogJQ .modal-header {display: none;}
.jevbootstrap .action_dialogJQ #publish_reccur img, .jevbootstrap .action_dialogJQ #edit_reccur img, .jevbootstrap .action_dialogJQ #edit_event img, .jevbootstrap .action_dialogJQ #edit_eventcopy img, .jevbootstrap .action_dialogJQ #delete_repeat img, .jevbootstrap .action_dialogJQ #delete_eventfuture img, .jevbootstrap .action_dialogJQ #delete_event img {float: left; margin-top: 4px;}

/* form */
.jeventslight .btn-toolbar .btn-success {background-color: #88bb33;}
.jeventslight .btn-toolbar button i {display: none;}
#jevents form.form-horizontal input[type="text"] {min-height: 38px;}
#jevents form .btn {border: 2px solid #6e972a; height: 38px;}
#jevents form .checkbox12h {display: none!important;}
#jevents form .jevdatetime .jev_sed > div {display: block; clear: both;}
#jevents form .jevstartdate, #jevents form .jevstarttime, #jevents form .jevenddate, #jevents form .jevendtime {display: block;}
#jevents form .jevstartdate, #jevents form .jevenddate {float: left; margin-top: 6px!important;}
#jevents form input[type="text"] {height: 38px;}
#start_ampm, #end_ampm {margin-bottom: 10px; padding-left: 0;}
#jevents form .field-calendar .input-group-append button {border: 1px solid #749e2c; font-weight: normal;}
#jevents form #start_time-lbl, #jevents form #end_time-lbl {display: block;}
#jevents form .field-calendar #start_ampm label {display: inline-block;}
#jevents form .jeveditrepeats {display: none;}
#jevents form .rsvp_allowcancellation, #jevents form .rsvp_allrepeats, #jevents form #taglistfilter {display: none;}
.jevbootstrap .jev-button-group input {display: inline-block; float: left; margin-top: 10px;}
#jevents form .jevplugin_customfield_chapter .checkbox-group label {margin: 0 0 0 15px; border: none; background: none; text-align: left; font-weight: normal!important;}
.jevbootstrap .jev-button-group {text-align: left;}
.jevbootstrap .jev-button-group input:checked + label, .jevbootstrap .jev-button-group input:checked + label:active {text-shadow: none;}
/* .com-jevents #toolbar button:hover, .form-horizontal.jevbootstrap .btn:hover {border: inherit; background-color: inherit; color: inherit;} */
.form-horizontal.jevbootstrap .jevplugin_customfield_chapter .btn:hover {background: none;}
#jevents form label {font-weight: bold; font-size: 16px; color: #003366;}
/* event details page */
.jev-edit-btn a:before {font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f044";}
.jev-edit-btn a img {display: none;}
/* RSVP */
#jevents #rsvp {margin-top: -50px; padding-top: 50px;}
#rsvp form {display: flex; flex-direction: row-reverse; align-items: baseline;}
#rsvp input[type="checkbox"] {margin-right: 15px;}
#rsvp input[type="checkbox"]:checked:after, #jevents input[type="checkbox"]:checked:after {top: 0px; left: 4px; width: 9px; height: 13px; border-right: 3px solid #003366; border-bottom: 3px solid #003366; transform: rotate(45deg); content: "";}


/* ###################   CiviCRM   ################### */
#crm-container, .crm-container {line-height: inherit!important;}
.crm-container .crm-form-block {background-color: inherit!important; color: inherit!important;}
.crm-container table, .crm-container fieldset {border: none!important;}
.crm-container table {font-size: inherit!important;}
#crm-container #printer-friendly {display: none;}
.crm-container a, .crm-container a:link, .crm-container a:visited {color: #88bb33;}
.crm-container h1, .crm-container h2, .crm-container h3 {padding: 0!important; background-color: inherit!important; color: #003366!important; font-family: inherit!important; font-weight: bold!important;}
.crm-container h1 {font-size: 32px!important;}
.crm-container h2 {font-size: 28px!important;}
.crm-container h3 {font-size: 24px!important;}
.crm-container h4 {font-size: 18px!important;}
.crm-container fieldset legend {padding: 0;}
#crm-container legend {padding: 0;}
div.crm-container label {display: inline-block!important;}
.crm-form-checkbox + label, .crm-form-radio + label {margin-left: 7px!important;}
#s2id_group_id {width: 300px!important; border: 1px #003366 solid;}
span.select2-chosen {color: #003366!important;}
.select2-arrow {width: 24px!important; border-left: none!important; background: none!important;}
.select2-arrow b {top: 4px!important; left: 0!important; background: none!important; text-align: center; background-image: none!important;}
.select2-arrow b:before {background-color: #ffffff; padding: 5px; content: "\f0d7"; font-family: FontAwesome; color:#003366!important;}
.select2-dropdown-open .select2-choice {background-color: #ffffff!important;}
@media screen and (min-width: 621px) {#crm-container.crm-public .crm-section, .crm-section {margin-bottom: 10px!important;}}
#crm-container label {padding-right: 5px; font-weight: bold;}
.crm-container .help, .crm-container #help {background-color: transparent!important; border: none!important;}
.crm-section.is_recur-section {margin-top: 35px!important;}
#allow_auto_renew {margin: 15px 0 30px 0;}
.crm-section.is_recur-section label {color: initial; font-weight: initial;}
.crm-section.Donation_Amount-section .label label, .contribution_amount-section.crm-price-field-id-340 .label label {color: #003366; font-size: 2em!important; font-weight: bold;}
.crm-section.Donation_Amount-section .label, .crm-section.section-pricesetTotal .label, .contribution_amount-section.crm-price-field-id-340 .label {float: none!important;}
.crm-section.helprow-post {margin-top: -10px;}
.select2-container .select2-choice .select2-arrow {top: 5px !important; border-radius: 0!important;}
#amount_sum_label {font-size: 24px;}
/* autocomplete */
ul.ui-autocomplete.ui-front {border: 1px solid #003366; background-color: #f9f9f9;}
/* CiviDiscount */
div.crm-container .cividiscount label {display: block;}
.cividiscount .content {display: inline-block!important;}
.crm-container .cividiscount .content input.crm-form-submit {margin-left: 10px; padding: 6px!important;}
/* processing fees field styling */
.processing_fee-content .processing_fee-row1, .processing_fee-content .description, .additional_help-content .additional_help-row1, .additional_help-content .description {display: inline!important; width: auto!important; margin-right: 8px!important;}
.crm-section.more_help-section, .crm-section.processing_fee-section {margin: 15px 0!important;}
.more_help-content {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: baseline;}
.processing_fee-content .processing_fee-row1 label, .additional_help-content .additional_help-row1 label {display: none!important;}
.more_help-row1 {width: 25px;}
.more_help-row1 input {vertical-align: inherit;}
.processing_fee-content .description, .additional_help-content .description {font-size: 110%!important; color: inherit!important;}
.crm-public .crm-entityref-filters {display: none;}

/* contribution pages */
.crm-container .crm-section .content {margin-left: inherit!important;}
.Donation_Amount-section > .label, .section-pricesetTotal > .label, .contribution_amount-section.crm-price-field-id-340 > .label {width: 100%!important;}
.Other_Amount-section > .label, .other_amount-section > .label {width: auto!important; margin-right: 10px;}
.crm-contribution-page-id-18 .crm-not-you-message {display: none;}
#crm-container .crm-not-you-message {border: 2px solid #003366; padding: 15px; text-align: center;}
#crm-container legend {float: none; padding: 25px 0 0 0; border: none; color: #036; font-size: 2em; font-weight: bold;}
#membership #priceset legend {display: none;}
.crm-container .crm-section .content label {margin-right: 10px;}
.processing_fee-section > div.label, .additional_help-section > div.label, .is_for_organization-section > div.label, .more_help-content .more_help-row1 label {display: none!important;}
.is_for_organization-section .content label {font-size: 110%;}
.crm-contribution-page-id-1 .price-set-row, .crm-contribution-page-id-2 .price-set-row, .crm-contribution-page-id-28 .price-set-row, .crm-contribution-page-id-38 .price-set-row {display: inline-table; width: 45%; margin-top: 10px; margin-right: 5%;}
@media screen and (min-width: 768px) {.crm-contribution-page-id-1 .price-set-row, .crm-contribution-page-id-2 .price-set-row, .crm-contribution-page-id-28 .price-set-row, .crm-event-id-398 .price-set-row {display: inline-table; width: 30%; margin: 10px 15px 0 0;}}
.crm-contribution-main-form-block .price-set-row .price-set-option-content .crm-form-radio, .crm-contribution-main-form-block .price-set-row label:before {display: none;}
.crm-contribution-main-form-block .Donation_Amount-section .price-set-row label, .crm-contribution-main-form-block .crm-price-field-id-340 .price-set-row label {display: block; width: 100%; padding: 10px 15px!important; background: #036; color: white; cursor: pointer;}
.crm-contribution-main-form-block .Donation_Amount-section .price-set-row label .crm-price-amount-label, .crm-contribution-main-form-block .crm-price-field-id-340 .price-set-row label .crm-price-amount-label {color: white!important;}
.crm-contribution-page-id-18 .price-set-row .crm-price-amount-label, .crm-contribution-page-id-18 .price-set-row .crm-price-amount-amount {color: #ffffff!important; cursor: pointer;}
#membership .price-set-row .crm-price-amount-label, #membership .price-set-row .crm-price-amount-amount {color: white!important;}
.crm-contribution-main-form-block .price-set-row label:hover, .crm-contribution-main-form-block .price-set-row .highlight label {background: #88bb33;}
#membership .Membership_Level-section .label {display: none;}
#membership label[for="auto_renew"] {display: inline!important; font-size: 110%; color: inherit;}
.crm-contribution-main-form-block .Other_Amount-section input {display: inline-block; width: 350px;}
.crm-section .select2-container {width: auto!important;}
.crm-section input[type="text"] {max-width: 330px!important; border-radius: 0!important; border: 1px solid #808080!important;}
.select2-container .select2-choice {width: 333px!important; background-image: none!important;}
#allow_auto_renew {clear: both;}
.crm-section.auto-renew {padding-top: 15px;}
.paypal_button_info-section, ._qf_Main_upload_express-section, ._qf_Register_upload_express-section {display: none!important;}
.crm-credit_card_type-icon-visa:before {margin-right: 15px; font-size: 2em; font-family: FontAwesome; content: "\f1f0"; color: #036;}
.crm-credit_card_type-icon-visa span {display: none;}
.crm-credit_card_type-icon-mastercard:before {margin-right: 15px; font-size: 2em; font-family: FontAwesome; content: "\f1f1"; color: #036;}
.crm-credit_card_type-icon-mastercard span {display: none;}
.crm-credit_card_type-icon-amex:before {margin-right: 15px; font-size: 2em; font-family: FontAwesome; content: "\f1f3"; color: #036;}
.crm-credit_card_type-icon-amex span {display: none;}
.crm-credit_card_type-icon-discover:before {margin-right: 15px; font-size: 2em; font-family: FontAwesome; content: "\f1f2"; color: #036;}
.crm-credit_card_type-icon-discover span {display: none;}
#crm-submit-buttons {display: flex; align-items: center; margin: 15px 0; min-height: 25px;}
.crm-container .crm-section .content.Donation_Amount-content, .crm-container .crm-section .content.contribution_amount-content {display: flex; flex-wrap: wrap; margin-left: -5px!important;}
.donate-page .Other_Amount-content:before, .donate-page .other_amount-content:before {float: left; height: 37px; padding: 5px 10px; color: white; background: #003366; font-size: 120%; content: "$";}
.donate-page .Other_Amount-content input, .donate-page .other_amount-content input {width: 100px!important;}
.crm-container input.crm-form-submit, .crm-container .ui-dialog-buttonset .ui-button, .crm-container input[type=button], .crm-container .crm-button, .cividiscount button {border-radius: 0px!important; border: 2px solid #749e2c!important; background: #88bb33!important; padding: 4px 15px!important; line-height: 27px!important; color: #ffffff!important; font-size: 16px!important; font-weight: bold!important; text-shadow: inherit!important; }
.crm-container a.button, .crm-container a.button:link, .crm-container a.button:visited {padding: 8px 10px!important;}
.crm-button i {display: none;}
#custom_109_1 {margin-right: 5px;}
#footer_text {margin-top: 35px;}
/*
@media screen and (min-width: 621px) {
    .crm-container .crm-section .label {white-space: normal!important; text-align: left!important;}
    .crm-container .crm-profile .crm-section .label, .crm-container #payment_information .label {float: left!important; padding-top: 0!important; width: 230px!important; text-align: inherit!important;}
    .crm-container .crm-section .content {padding-top: 0!important;}
}
*/
.crm-container .crm-section .label {text-align: left!important;}
.crm-profile .form-item, #crm-profile-block .form-item {flex-wrap: wrap!important;}
@media screen and (max-width: 767px) {
    .crm-container .crm-section .label {width: 100%!important;}
    .crm-profile .form-item {flex-direction: column;}
    .crm-container .crm-profile .crm-section .label, .crm-container #payment_information .label {margin-top: 5px; width: 100%!important; text-align: inherit!important;}
}
.editrow_gender_id-section .content label {width: calc(100% - 45px);}
.crm-section.auto-renew div.label {width: 0!important;}
.donate-page .is_recur-section .label {display: none;}
.donate-page .is_recur-section label {margin-right: 0!important; padding-right: 0!important; font-size: 18px;}
.donate-page .is_recur-section .content {font-weight: bold;}
#priceset br {display: none;}

/* gear purchase page */
.gearpurchase #priceset {display: flex; flex-wrap: wrap; align-items: center;}
.gearpurchase #priceset > .float-right {display: none;}
.gearpurchase #priceset .content.description {float: left; display: inline-block; margin: 20px 0; width: 25%; padding-right: 15px;}
.gearpurchase #priceset .water_bottle-section, .gearpurchase #priceset .top_cap-section, .gearpurchase #priceset .fender-section {display: inline-block; margin: 20px 0; width: 75%;}
.gearpurchase #priceset .processing_fee-section, .gearpurchase #priceset .refund-section {width: 100%; margin: 15px 0;}
.gearpurchase #priceset .label {float: none;}
.gearpurchase #priceset .label label {margin: -10px 0 15px 0; font-size: 28px;}
.gearpurchase .top_cap-content > br, .gearpurchase .water_bottle-content > br, .gearpurchase .fender-content > br, .gearpurchase .donation-content > br {display: none;}
.gearpurchase .top_cap-section, .gearpurchase .water_bottle-section, .gearpurchase .fender-section {margin-bottom: 30px!important;}
.gearpurchase .water_bottle-content input, .gearpurchase .fender-content input, .gearpurchase .top_cap-content input {float: left;}
.gearpurchase #priceset .price-field-amount {font-size: 20px!important; padding: 0px 4px 9px 0px!important; vertical-align: sub; display: flex; align-items: center;}
.gearpurchase .water_bottle-content .price-field-amount:before, .gearpurchase .fender-content .price-field-amount:before, .gearpurchase .top_cap-content .price-field-amount:before {float: left; margin-right: 10px; height: 37px; padding: 5px; color: white; background: #003366; content: "pcs"; font-size: 90%;}
.gearpurchase .water_bottle-content .price-field-amount:after, .gearpurchase .fender-content .price-field-amount:after, .gearpurchase .top_cap-content .price-field-amount:after {content: " "; height: 30px; width: 30px;}
.gearpurchase .donation-content:before {float: left; height: 37px; padding: 5px 10px; color: white; background: #003366; font-size: 120%; content: "$";}
.gearpurchase .help_w_processing-row1 label {display: none;}
.gearpurchase #priceset .water_bottle-section .label, .gearpurchase #priceset .top_cap-section .label, .gearpurchase #priceset .fender-section .label {display: unset;}
.gearpurchase .water_bottle-content input, .gearpurchase .top_cap-content input, .gearpurchase .fender-content input {width: 40px!important;}

/* corporate membership form/page */
.crm-contribution-page-id-19 .soft_credit_type_id-section {display: none;}
.crm-contribution-page-id-19 #honorType {display: inherit!important;}

/* contribution PREMIUMS section */
#crm-container.crm-public #premiums-listings {width: inherit!important; max-width: 750px; min-width: inherit!important;}
#crm-container.crm-public #premiums-listings .premium .premium-short {border: 2px solid #f0f0f0!important; background-color: inherit!important; color: #ababab;}
#crm-container.crm-public #premiums-listings .premium.premium-no_thanks input[type="checkbox"] {display: none!important;}
#crm-container.crm-public #premiums-listings .premium .premium-full, #crm-container.crm-public #premiums-listings .premium .premium-short:hover {opacity: inherit!important; border: 2px solid #88bb33!important;}
#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full .premium-full-title {opacity: inherit!important;}
#crm-container.crm-public #premiums-listings .premium .premium-full .premium-full-image, #crm-container.crm-public #premiums-listings .premium .premium-full .premium-full-image img {opacity: initial!important; width: inherit!important;}
#crm-container.crm-public #premiums-listings .premium .premium-short .premium-short-thumbnail {opacity: 0.7;}
#crm-container.crm-public #premiums-listings .premium .premium-short .premium-short-thumbnail, #crm-container.crm-public #premiums-listings .premium .premium-short .premium-short-thumbnail img {width: initial!important;}
#crm-container .crm-profile-tagsandgroups .group-wrapper input {margin-right: 5px;}
/* hide contrib page config button/link in the front end */
a[title="Configure Contribution Page"] {display: none!important;}

/* recurring buttons on donation pages */
.crm-public-form-item.crm-section.is_recur_radio-section .label {display: none;}
.crm-public-form-item.crm-section.is_recur_radio-section .content {margin-left: -4px!important;}
.crm-public-form-item.crm-section.is_recur_radio-section input {display: none;}
.crm-public-form-item.crm-section.is_recur_radio-section input + label {margin: 10px -12px; border: 1px solid #003366; padding: 5px 50px!important; font-size: 18px;}
.crm-public-form-item.crm-section.is_recur_radio-section input:checked + label {background-color: #003366; color: #ffffff;}
@media screen and (max-width: 575px) { .crm-public-form-item.crm-section.is_recur_radio-section input + label {padding: 5px 10px!important;} }

/* Membership pages */
.Membership_Level-content .price-set-row label {width: 100%; margin-left: 0px!important; padding: 10px 15px!important; background: #003366;}
.Membership_Level-content .price-set-row .label:hover, .Membership_Level-content .price-set-row .highlight label {color: #88bb33;}

/* CiviCRM Dashboard */
.my-dashboard .crm-container table {width: auto;}
@media screen and (max-width: 991px) {.dashboard-elements .view-content, .crm-container .header-dark {width: 80%;}}
@media screen and (max-width: 767px) {.dashboard-elements .view-content, .crm-container .header-dark {width: 100%;}}
.crm-container .header-dark {background-color: transparent!important; padding: 0!important; color: #003366!important; font-size: 20px;}
.dashboard-elements .crm-contact-relationship-user .dataTables_length, .dashboard-elements .crm-contact-relationship-user .dataTables_paginate {display: none;}
.crm-contact-relationship-user tr th:nth-child(3), .crm-contact-relationship-user tr td:nth-child(3), .crm-contact-relationship-user tr th:nth-child(4), .crm-contact-relationship-user tr td:nth-child(4), .crm-contact-relationship-user tr th:nth-child(5), .crm-contact-relationship-user tr td:nth-child(5), .crm-contact-relationship-user tr th:nth-child(6), .crm-contact-relationship-user tr td:nth-child(6), .crm-contact-relationship-user tr th:nth-child(9), .crm-contact-relationship-user tr td:nth-child(9) {display:none;}
.crm_user-group .cms_user_help-section, .cms_pass-section .description, .crm-i {display: none!important;}
/* .crm-container .crm-button.crm-button_qf_Edit_next {padding: 0!important;} */
button.crm-form-submit {margin-right: 15px!important;}
.button.cancel {background: #a1a1a1!important; border: 1px solid #a1a1a1!important;}

/* contribution confirmation page */
.crm-contribution-confirm-form-block .crm-section, #crm-container.crm-public .crm-contribution-confirm-form-block .crm-section {margin-bottom: 0!important;}
@media screen and (min-width: 500px) {.crm-container .crm-contribution-confirm-form-block .crm-section .label {float: left!important; width: 220px!important;}}
.crm-contribution-confirm-form-block .content {padding-top: 0!important;}

/* membership sign-up and renewal pages */
@media only screen and (max-width: 620px) {#crm-container.crm-public .label, #crm-container.crm-public .auto-renew .label {float: inherit!important; text-align: left;}}
/* .membership-signup .Membership_Level-content, .crm-contribution-main-form-block .crm-not-you-message, .membership-signup .refund-section, .Membership_Level-section .label label, .membership-signup #priceset .basic_membership-content {display: none!important;} */
#membership .Membership_Level-content, .crm-contribution-main-form-block .crm-not-you-message, #membership .refund-section, .Membership_Level-section .label label, #membership #priceset .basic_membership-content {display: none!important;}
#membership #priceset #help {margin-bottom: 25px; border: 1.5px solid #88bb33!important; border-radius: 0!important; background: #ffff80!important; padding: 5px 10px; font-size: 15px; font-style: italic;}
.additional_amount-section {margin-top: -20px;}
#membership .additional_amount-section .label, .my-dashboard .additional_amount-section .label {width: 100%!important; font-size: 18px!important;}
/* .membership-signup .additional_amount-content:before, .my-dashboard .additional_amount-content:before {float: left; height: 43px; padding: 7px 10px; color: white; background: #003366; font-size: 120%; content: "$";} */
#membership .additional_amount-content input, .my-dashboard .additional_amount-content input {width: 100px!important;}
#membership .additional_amount-content .price-field-amount, .my-dashboard .additional_amount-content .price-field-amount, #membership .additional_amount-content br, .my-dashboard .additional_amount-content br {display: none;}
.is_recur-section .content, .auto-renew .content {font-size: 130%!important;}
#membership #auto_renew_section label {display: inline!important;}
/* .membership-signup #auto_renew_section:after {content: "Memberships newly switched to auto-renew will receive one custom Evergreen Ground Keeper Fender for the primary membership only, please allow 6-8 weeks for delivery.";  display: block; font-style: italic; font-size: 65%;} */
#crm-container.crm-public .calc-value {font-size: 24px!important;}
#membership .calc-value:after {content: "Please Note: Memberships with auto-renew will be charged this amount annually."; display: block; font-size: 15px; font-style: italic; margin-top: 10px;}
.crm-section.cvv2-section #cvv2 {display: initial;}
.crm-section.credit_card_exp_date-section select {display: initial; width: 170px!important;}
.crm-section.credit_card_exp_date-section #credit_card_exp_date_M {margin-right: 16px;}
.crm-container .cvv2-icon {margin-top: 5px; height: 28px!important;}

/* Gift Cert contribution page + render page*/
.soft_credit_type_id-section input, .gift-certificate #Confirm .crm-profile-name-Gift_Certificate_Info {display: none;}
.soft_credit_type_id-section label {width: 90%; margin-left: 0!important; padding: 5px 0!important; min-width: 160px; font-size: 110%;}
.soft_credit_type_id-section label:before {margin: 0 5px -1px 0; width: 15px; height: 15px; border: 2px solid #003366; -webkit-appearance: button; border-radius: 9px; padding: initial; vertical-align: baseline; content: " ";}
.soft_credit_type_id-section input:checked+label:before {background-color: #003366;}
.soft_credit_type_id-section a, .soft_credit_type_id-section .description {display: none;}
.gift-certificate #priceset .crm-price-field-id-336 .label, #priceset .crm-price-field-id-427 .label, #priceset .crm-price-field-id-428 .label, #priceset .crm-price-field-id-429 .label {margin-bottom: 7px; width: 100%; font-size: 18px!important;}
.gift-certificate #priceset .content input + br {display: none;}
.gift-certificate .amount-section, .gift-certificate .amount_membership-section, .gift-certificate .amount_class-section {margin-top: 20px; border: 1px solid #003366; padding: 10px 15px; background-color: #EFF3F5;}
.gift-certificate #priceset .amount_membership-content .price-set-option-content label {margin: 0 10px 10px 0!important; width: 180px; background: #003366; padding: 4px 10px;}
.gift-certificate #priceset .amount_membership-content .price-set-option-content label:hover, .gift-certificate #priceset .amount_membership-content .price-set-option-content.highlight label {background: #88bb33;}
.gift-certificate #pricesetTotal {margin-top: 20px;}
.gift-certificate .custom_post_profile-group, .gift-certificate #Confirm #editrow-custom_147 {display: none;}
.gift-certificate-render .report-buttons {display: none;}
.gift-certificate-render .gift-box {position: relative; z-index: -2; max-width: 550px; margin: 0 auto; border: 1px solid #003366; padding: 20px; line-height: 36px; font-size: 130%; color: #003366;}
.gift-certificate-render .gift-box-bg {position: absolute; z-index: -1; transform: translate(-50%,-50%)!important; left: 50%!important; top: 50%!important; font-size: 200px; color: #ffffff;}

/* type-in amount fields */
#membership .additional_amount-content:before, .my-dashboard .additional_amount-content:before, .gift-certificate #priceset .crm-price-field-id-336 .content:before, #priceset .crm-price-field-id-426 .content:before, #priceset .crm-price-field-id-427 .content:before, #priceset .crm-price-field-id-428 .content:before, #priceset .crm-price-field-id-55 .content:before {float: left; height: 42px; padding: 7px 10px; color: white; background: #003366; font-size: 120%; content: "$";}
.gift-certificate #priceset input, #price_55 {width: 100px!important;}

/* profile forms */
.instructor-info-form #editrow-custom_129 table tr:nth-last-of-type(2) {display: none;}
#editrow-gender_id .content {display: inline-block;}

/* jEvents & CiviCRM Events */
.jevents-eventdetail .event-info-header {width: 100%; background: #eff3f5; border: 2px solid #003366; float: left; margin: 0 20px 15px 0; padding: 15px;}
@media screen and (min-width: 768px) {.jevents-eventdetail .event-info-header {width: 50%;}}
@media screen and (min-width: 992px) {.jevents-eventdetail .event-info-header {width: 40%;}}
@media screen and (min-width: 1200px) {.jevents-eventdetail .event-info-header {width: 33%;}}
.event-info-header {min-height: 270px; display: flex; flex-direction: column; justify-content: space-around; background: #eff3f5; border: 2px solid #003366; padding: 15px;}
.event-info-header .element {display: flex; align-items: baseline;}
.event-info-header .element .fas, .event-info-header .element .far {width: 1.5em;}
.event-image-header {position: relative; height: 100%; min-height: 270px; width: 100%; border: 1px solid #eff3f5; background-size: cover!important; background-position: center!important;}
.event-endorsed {position: absolute; top: 10px; right: 10px; background-image: radial-gradient(#003366, transparent); padding: 15px; border-radius: 10px; color: #ffffff!important; font-size: 130%; font-weight: bold;}
.event-type-title {position: absolute; bottom: 0; width: 100%; text-align: center; line-height: normal; font-size: 350%; font-weight: bold; color: #ffffffa8; text-transform: uppercase; text-shadow: 0 0 10px black;}
#jevents_body .event-description ul, #crm-container .event_description-section ul {display: flex; flex-direction: column;}

/* CiviCRM Events */
.event-info ul {display: inline-block;}
#id-waitlist-approval-msg {margin: 20px 0; padding: 20px; background-color: #003366; border: 2px solid red; color: yellow; font-weight: bold; font-size: 120%;}
/* #id-waitlist-approval-msg #id-waitlist-msg {max-width: 500px; margin: 0 auto; text-align: center;} */
label[for="custom_9_1"], label[for="custom_110_1"] {padding-left: 8px!important;}
#editrow-custom_76 input {width: 30px!important;}
#priceset .admission-content {display: inline-block;}
/* div.crm-container label {padding: 0px 4px 0 0!important;} */
/* map */
.olPopup {width: 300px;}
.olPopupCloseBox {background: none!important; top: 35px!important; right: 30px!important; height: 30px!important;}
.olPopupCloseBox:before {color: #88bb33; content: "✕"; font-size: 18px; font-weight: bold;}
/* makes the first image in an event display better */
.crm-section.event_description-section.summary p:first-of-type img {float: left!important; margin: 0 15px 10px 0; width: 325px!important; height: auto!important;}
@media screen and (max-width: 991px) { .crm-section.event_description-section.summary p:first-of-type img {margin: 0 0 10px 0;} }
@media screen and (max-width: 767px) { .crm-section.event_description-section.summary p:first-of-type img {width: 100%!important;} }

/* specific events adjustments - Civi and jEvents */
/* MTB Fest */
.crm-price-field-id-134 .label {float: none!important;}
.crm-price-field-id-134 .label label {font-size: 18px;}
.festregvendor .event-fee:after {content: " pricing varies based on space size";}
.festregvendor  .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
.festregvendor #crm-event-register-different, .crm-event-id-1569 #crm-event-register-different {display: none;}
/*.festregvendor .cividiscount-section.cividiscount:before {content: "Enter 'swag' in the discount field below if you are planning on providing swag to the festival organizers at the value listed by each space size below"; color: #dc3545;}
.festregvendor .cividiscount-section.cividiscount .label {display: none;} */
.Festival_Sponsorship-section .label label {font-size: 30px; font-weight: normal!important; color: red;}
.Vendor_Space_Section_A-section, .Vendor_Space_Section_B-section, .Vendor_Space_Section_C-section, .Vendor_Space_Section_D-section, .Vendor_Space_Section_E-section, .Vendor_Space_Section_F-section {margin-top: 30px;}
.Vendor_Space_Section_A-section .label label, .Vendor_Space_Section_B-section .label label, .Vendor_Space_Section_C-section .label label, .Vendor_Space_Section_D-section .label label, .Vendor_Space_Section_E-section .label label, .Vendor_Space_Section_F-section .label label {font-size: 140%;}
.festregvendor .description h2 {padding-top: 30px;}
.crm-event-id-1733 #crm-event-register-different, .festregvendor .select-family-wrapper {display: none;}
.crm-event-id-1733 div.price_set-section .crm-section, .festregvendor div.price_set-section .crm-section {display: flex; align-items: center;}
.crm-event-id-1733 div.price_set-section .crm-section.sponsorship-section, .festregvendor div.price_set-section .crm-section.sponsorship-section, .crm-event-id-1733 .cividiscount-section, .festregvendor .cividiscount-section {display: inherit!important;}
.crm-event-id-1733 .cividiscount-section, .festregvendor .cividiscount-section {margin: 20px 0!important;}
.crm-event-id-1733 div.price_set-section .crm-section.sponsorship-section .label, .festregvendor div.price_set-section .crm-section.sponsorship-section .label {display: none;}
.crm-event-id-1733 .price_set-section .content.description + br, .crm-event-id-1733 .sponsorship-section + .content.description > div > br {display: none;}
.crm-event-id-1733 div.price_set-section .crm-section .label, .festregvendor div.price_set-section .crm-section .label {width: 150px;}
.crm-event-id-1733 div.price_set-section .crm-section .label label, .festregvendor div.price_set-section .crm-section .label label {font-size: 18px;}
.crm-event-id-1733 div.price_set-section .crm-section .content, .festregvendor div.price_set-section .crm-section .content, .crm-event-id-1733 .price-set-option-content, .festregvendor .price-set-option-content, .payment_processor-section .content {display: flex; align-items: center;}
.crm-event-id-1733 .sponsorship-content, .festregvendor .sponsorship-content {display: inherit!important;}
.crm-event-id-1733 div.price_set-section .crm-section input.four, .festregvendor div.price_set-section .crm-section input.four {margin-right: 10px; width: 25px!important;}
.crm-event-id-1733 div.price_set-section .price-field-amount.sold-out-option, .festregvendor div.price_set-section .price-field-amount.sold-out-option {display: none;}
.crm-event-id-1733 .label, .festregvendor .label {padding-top: 0;}
.crm-event-id-1733 .price-field-amount + br, .festregvendor .price-field-amount + br {display: none;}
.crm-event-id-1733 #pricesetTotal .label, .festregvendor #pricesetTotal .label {position: relative; top: inherit; left: inherit;}
.crm-event-id-1733 #pricesetTotal .content, .festregvendor #pricesetTotal .content {width: inherit;}
/* Bike and Brews */
#crm-event-id-420 .event-fee:after, #crm-event-id-586 .event-fee:after {content: " $45 adults, $25 juniors (members receive $5 off)";}
#crm-event-id-420 .event-fee-value, #crm-event-id-586 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
.event_address-section {clear: both;}
  /* Raging River Opening 2018 */
#crm-event-id-467 .event-fee:after {content: " $25 members, $40 non-members";}
#crm-event-id-467 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
.event_address-section {clear: both;}
/* .itemid-1028 .status {display: none;} */
  /* Methow Solstice */
#crm-event-id-468 .event-fee:after {content: " starting at $25 for members";}
#crm-event-id-468 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
.event_address-section {clear: both;}
#crm-event-id-633 .event-fee:after {content: " starting at $20 for members";}
#crm-event-id-633 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
.crm-event-id-633 .price-set-row {float: inherit!important; width: 100%!important;}
.crm-event-id-633 .price-set-row label {margin-top: 6px;}
.event_address-section {clear: both;}
.crm-section.event_address-section, .crm-section.event_contact-section {display: none;}
.jevents-eventdetail-5549 .jevents-organizer {display:none;}
  /* festival public event details page and pre-reg price set */
#crm-event-id-1602 .event-fee-value, #crm-event-id-1633 .event-fee-value, #crm-event-id-1632 .event-fee-value, #crm-event-id-1636 .event-fee-value, #crm-event-id-1649 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
#crm-event-id-1602 .status, #crm-event-id-1633 .status, #crm-event-id-1632 .status, #crm-event-id-1636 .status, #crm-event-id-1649 .status {display: none;}
#crm-event-id-1602 .event-fee:after {content: " $25 members, $35 non-members";}
#crm-event-id-1632 .event-fee:after {content: " $50-75";}
#crm-event-id-1633 .event-fee:after {content: " $20-40";}
#crm-event-id-1636 .event-fee:after {content: " $40-60";}
#crm-event-id-1649 .event-fee:after {content: " $10 members, $15 non-members";}

  /* The Moment screening - West Sound */
#crm-event-id-495 .event-fee:after {content: " $10";}
#crm-event-id-495 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
  /* Hucktoberfest / Biketoberfest */
#crm-event-id-523 .event-fee:after {content: " $45 adults, $30 juniors (members receive $10 discount)";}
#crm-event-id-523 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
#crm-event-id-697 .event-fee:after {content: " $45 adults, $30 juniors (members receive $10 discount)";}
#crm-event-id-697 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
  /* Eastoberfest */
#crm-event-id-554 .event-fee:after {content: " $45 members, $55 non-members";}
#crm-event-id-554 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
#crm-event-id-702 .event-fee:after {content: " $60 members, $80 non-members";}
#crm-event-id-702 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
  /* East Spring Kickoff */
#crm-event-id-859 .event-fee:after {content: " $10";}
#crm-event-id-859 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
  /* Reverence Movie */
#crm-event-id-574 .event-fee:after {content: " $10 members, $15 non-members";}
#crm-event-id-574 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
  /* Winter / Spring Stoke */
#crm-event-id-1642 .event-fee:after {content: " $10 members, $15 non-members, $15 at the door for all";}
#crm-event-id-1642 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
  /* Green Party Race */
#crm-event-id-630 .event-fee:after {content: " $30 members, $35 non-members";}
#crm-event-id-630 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
  /* Balls for Bikes */
#crm-event-id-693 .event-fee:after {content: " starting at $80";}
#crm-event-id-693 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
.crm-event-id-693 .price-set-row {float: inherit!important; width: 100%!important;}
.crm-event-id-693 .price-set-row label {margin-top: 6px;}
  /* Private Lessons - Evergreen East */
#crm-event-id-698 .event-fee:after {content: " based on group size";}
#crm-event-id-698 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
.crm-event-id-698 .cividiscount {display: none;}
  /* Yacolt Burn Shuttle Day */
#crm-event-id-1639 .event-fee:after {content: " $35 members, $55 non-members, $65 day-of";}
#crm-event-id-1639 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
  /* Passport to Ride */
#crm-event-id-1643 .event-fee:after {content: " $40 admission + $25/shuttle ride";}
#crm-event-id-1643 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
  /* Methow Shuttle Day */
#crm-event-id-1644 .event-fee:after {content: " $65 non-members, $55 members";}
#crm-event-id-1644 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
  /* Methow Women's Skills Camp */
#crm-event-id-1646 .event-fee:after {content: " $365 members, $395 non-members";}
#crm-event-id-1646 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
  /* Youth Festival */
#crm-event-id-1647 .event-fee:after {content: " $5 for members, $10 non-members";}
#crm-event-id-1647 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}
/* ride local challenge */
.ride-challenge ul ul {display: block;}
@media screen and (min-width: 621px) {
  #helprow-custom_88 {margin-left: 230px;}
  #helprow-custom_88 .content {margin-left: 0!important;}
}
  /* Virtual film fest */
#crm-event-id-1240 .event-fee:after {content: " starting at $5";}
#crm-event-id-1240 .event-fee-value {float: left; height: 0px; width: 0px; overflow: hidden;}

#family-membership-page table{display:block;}
#family-membership-page form{margin-top:1rem;}
#family-membership-page th{border-bottom:0!important;}
.overflow-wrapper{overflow-x:auto;}
.required-indicator{color:red;}
.required label:after,th.required:after{content:" *";color:red;}
.truncate{width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.buttons{margin-top:.25em;}
#family-membership-page .row{margin-bottom: 1em;}
.loader,.loader:after{border-radius:50%;width:10em;height:10em;}
.loader{width:3em;height:3em;display:none;font-size:10px;position:relative;border:.35em solid rgba(136,187,51,.2);border-left-color:#8b3;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear;}
@-webkit-keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
#select-family{background:0 0;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;border:none!important;color:#8b3;cursor:pointer;display:inline!important;font-size:inherit!important;font-weight:700;padding:0!important;width:auto;vertical-align:baseline!important;}
#select-family>option{color:initial;font-size:initial;font-weight:initial;}
/* Thank You page Smartwaiver */
#waiver {display: none;}
/* Bold statewide on newsletter signup page */
.crm-profile-name-Newsletter_Subscription_98 .group-wrapper:has(#group_2), .crm-profile-name-Newsletter_Subscription_23 .group-wrapper:has(#group_2) {
    font-weight: bold;
}