<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* *** WARNING: This file must be edited from within the Content Manager. Any edits made via other means may be overwritten. *** */

		/*!--------------------------------------------------------
Stylesheet and Icon imports
--------------------------------------------------------*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
@import url("https://use.fontawesome.com/releases/v5.7.1/css/all.css");


/*!--------------------------------------------------------
BC TEAL colors
--------------------------------------------------------*/
html {
    --xlight-teal: #25b7b730;
    --textcolor: #5a5a5a;
}


.alert-teal {
    color: var(--accent);
    background-color: var(--xlight-teal);
    border-color: #bce8f1;
}

.btn-primary {
    background-color: var(--accent);
}

/*!--------------------------------------------------------
BOOTSTRAP 5 UTILITIES
--------------------------------------------------------*/
/*!-- BORDERS --*/
/*!-- Rounded corners --*/
.rounded {
    border-radius: 0.25rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.rounded-1 {
    border-radius: 0.2rem !important;
}

.rounded-2 {
    border-radius: 0.25rem !important;
}

.rounded-3 {
    border-radius: 0.3rem !important;
}

.rounded-6px {
    border-radius: 6px !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-teal-primary {
    border-color: var(--primary) !important;
}

.border-teal-secondary {
    border-color: var(--secondary) !important;
}

.border-teal-accent {
    border-color: var(--accent) !important;
}

.border-primary {
    border-color: #0d6efd !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.border-success {
    border-color: #198754 !important;
}

.border-info {
    border-color: #0dcaf0 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #212529 !important;
}

.border-white {
    border-color: #fff !important;
}

/*!------------- New Background Colors (not needed?)---------- */
.bg-teal-primary {
    color: #fff;
    background-color: var(--primary)
}

a.bg-teal-primary:focus,
a.bg-teal-primary:hover {
    background-color: #286090
}

.bg-teal-accent {
    color: #fff;
    background-color: var(--accent)
}

a.bg-teal-accent:focus,
a.bg-teal-accent:hover {
    background-color: #286090
}

.bg-teal-secondary {
    color: #fff;
    background-color: var(--secondary)
}

a.bg-teal-secondary:focus,
a.bg-teal-secondary:hover {
    background-color: #286090
}

.bg-teal-gray {
    color: #fff;
    background-color: var(--gray);
}

.bg-stickynote {
    background: rgb(243, 243, 243)
}

.stickynote {
    background-color: rgb(255, 255, 212);
    color: rgb(71, 71, 71);
}

/*--- Bootstrap 5 bg settings --*/
.bg-primary {
    background-color: #0d6efd !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

.bg-success {
    background-color: #198754 !important;
}

.bg-info {
    background-color: #0dcaf0 !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

.bg-dark {
    background-color: #212529 !important;
}

.bg-body {
    background-color: #fff !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-gradient {
    background-image: var(--bs-gradient) !important;
}

/*!--------------------------------------------------------
Additional TOOLKIT Classes
--------------------------------------------------------*/
/* Display */
.d-none:not(#mycanvas .d-none) {
    display: none;
}

.d-flex {
    display: flex;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.flex-end {
    padding: 10px 0;
    display: flex;
    justify-content: flex-end;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.align-items-center {
    align-items: center;
}

li.td-none {
    text-decoration: none;
}

.aligncenter {
    display: block;
    margin: 20px auto;
}

.aligncenter2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/*-- for equal rows --*/
.equal:not(#mycanvas .equal) {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.equal.flex-align-center {
    align-items: center;
}

.ttransform-none {
    text-transform: none;
}

/*--margin adjustments --*/
.margin-none {
    margin: 0px;
}

.margin-bottom-none {
    margin-bottom: 0px;
}

/*--padding adjustments --*/
.nopadding {
    padding: 0;
}

/*--border adjustments --*/
.noborder {
    border: none;
}

/* Shadows https://getcssscan.com/css-box-shadow-examples */
.shadow-light {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.shadow-5 {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    ;
}

.shadow-19 {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.shadow-22 {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.shadow-28 {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}


/*-- This allows for comments on the grid editor that won't show on the real pages. #mycanvas is the editor --*/
.comment:not(#mycanvas .comment) {
    color: lightgray;
}

/* quick margin fix (for panel rows) */
.margin-lr-0 {
    margin-left: 0;
    margin-right: 0
}

/*hides padding bottom*/
main:not(#mms-main) .row.padding-bottom-none {
    padding-bottom: 0;
}

/* quick layouts */
.flex-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.flex-col {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}

.pl-0{
    padding-left: 0px;
}

/*!--------------------------------------------------------
MemberLeap CSS Overrides
--------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
}

/* odd panel width when changing to flex */
.panel {
    width: 100%;
}

/* fix nav font size when going to search page */
/* #nav_menu {
font-size: inherit;
} */

/*! -------------------MembershipPageRowPadding-CSS-------------------------- */
main:not(#mms-main) .membershipPage .row {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/*! -------------------EVERYPageRowPadding-CSS-------------------------- */
main:not(#mms-main) .row {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/*! -------------------EVERYPageRowPadding-CSS-------------------------- */
main:not(#mms-main) .row {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem
}

main:not(#mms-main) .row.row-2 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

/*!--------------------------------------------------------
MMS ROW STYLING AND EDITS
--------------------------------------------------------*/
/*-- Change row-background colors Note: these require the row-background class to work --*/
.row-background.row-background-add-primary:not(#mycanvas .row-background)::before {
    background-color: var(--primary);
    opacity: 1;
}

.row-background.row-background-add-lightteal:not(#mycanvas .row-background)::before {
    background-color: var(--light-teal);
    opacity: 1;
}

.row-background.row-background-add-black:not(#mycanvas .row-background)::before {
    background-color: black;
    opacity: 1;
}

.row-background.row-background-add-accent:not(#mycanvas .row-background)::before {
    background-color: var(--accent);
    opacity: 1;
}

.row-background.row-background-add-secondary:not(#mycanvas .row-background)::before {
    background-color: var(--secondary);
    opacity: 1;
}

/*!---- New (replace) ROW-BACKGROUND-COLOR -----*/
/* do we even need this? */
.row-background-accent:not(#mycanvas .row-background-accent),
.row-background-primary:not(#mycanvas .row-background-primary),
.row-background-black:not(#mycanvas .row-background-black),
.row-background-gray:not(#mycanvas .row-background-gray) {
    position: relative;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    /* padding-left: 15px; &lt;-- not necessary without inside boxes */
    display: flex;
    flex-wrap: wrap;
    /* gap: 1rem 30px; &lt;-- throws off the width for wrapping columns. Only needed if using cards*/
    color: white;
}

.row-background-accent:not(#mycanvas .row-background-accent):last-child,
.row-background-primary:not(#mycanvas .row-background-primary):last-child,
.row-background-black:not(#mycanvas .row-background-black):last-child,
.row-background-gray:not(#mycanvas .row-background-gray):last-child {
    padding-top: 3.5rem;
    padding-bottom: 4.5rem;
}

.row-background-accent:not(#mycanvas .row-background-accent)::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -666vw;
    right: -666vw;
    display: block;
    background-color: var(--accent);
    opacity: 1;
}

.row-background-primary:not(#mycanvas .row-background-primary)::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -666vw;
    right: -666vw;
    display: block;
    background-color: var(--primary);
    opacity: 1;
}

.row-background-black:not(#mycanvas .row-background-black)::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -666vw;
    right: -666vw;
    display: block;
    background-color: black;
    opacity: 1;
}

.row-background-gray:not(#mycanvas .row-background-gray)::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -666vw;
    right: -666vw;
    display: block;
    background-color: var(--gray);
    opacity: 1;
}

/* media queries to allow for spacing on right when re-sized. Only if we are using cards inside */
@media (max-width: 990px) {

    .row-background-accent:not(#mycanvas .row-background-accent),
    .row-background-primary:not(#mycanvas .row-background-primary),
    .row-background-primary:not(#mycanvas .row-background-black),
    .row-background-primary:not(#mycanvas .row-background-gray) {
        padding-right: 15px;
    }

    .row-background-accent::before,
    .row-background-primary::before,
    .row-background-black::before,
    .row-background-gray::before {
        left: 0;
        right: 0;
    }
}

@media (max-width: 767px) {

    .row-background-accent,
    .row-background-primary,
    .row-background-black,
    .row-background-gray {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

/*!--------------------------------------------------------
MMS HOMEPAGE ELEMENTS
--------------------------------------------------------*/
/*!------New Footer Styles----*/
footer .footer-heading,
footer p {
    font-size: 12px;
}

footer li {
    font-size: 11px;
}

footer a {
    text-decoration: none;
}

/*remove memberleap advertising*/
footer section&gt;p:last-child {
    display: none;
}

footer {
    /* grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)) */
    display: grid;
    grid-template-columns: repeat(6, 1fr)
}

@media (max-width: 900px) {
    footer {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 700px) {
    footer {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

}

/*!--------------------------------------------------------
Custom Widget Styling
--------------------------------------------------------*/
/*! ------ CALL-TO-ACTION-(downloaded example) ------*/
.bs-calltoaction {
    position: relative;
    width: auto;
    padding: 15px 25px;
    /* border: 1px solid black; */
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.bs-calltoaction.bs-fullwidth::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -666vw;
    right: -666vw;
    display: block;
    background-color: inherit;
    opacity: 1;
    padding-top: 150px;
    padding-bottom: 10px;
}

.bs-calltoaction&gt;.row {
    display: table;
    width: calc(100% + 30px);
}

.bs-calltoaction&gt;.row&gt;[class^="col-"],
.bs-calltoaction&gt;.row&gt;[class*=" col-"] {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.cta-contents {
    padding-top: 10px;
    padding-bottom: 10px;
}

.cta-title {
    margin: 0 auto 15px;
    padding: 0;
}

.cta-desc {
    padding: 0;
}

.cta-desc p:last-child {
    margin-bottom: 0;
}

.cta-button {
    padding-top: 10px;
    padding-bottom: 10px;
    /* center the button using flex */
    display: flex;
    justify-content: center;
}

/* make button 80% */
.cta-button .btn-block {
    width: 80%;
    margin: auto;
}

@media (max-width: 991px) {
    .bs-calltoaction&gt;.row {
        display: block;
        width: auto;
    }

    .bs-calltoaction&gt;.row&gt;[class^="col-"],
    .bs-calltoaction&gt;.row&gt;[class*=" col-"] {
        float: none;
        display: block;
        vertical-align: middle;
        position: relative;
    }

    .cta-contents {
        text-align: center;
    }
}

.bs-calltoaction.bs-calltoaction-default {
    background-color: #fff;
    border-color: #ccc;
}

.bs-calltoaction.bs-calltoaction-default h1 {
    color: #333;
}

/* To override Memberleap heading css */
.bs-calltoaction h1 {
    color: #fff;
}

.bs-calltoaction.bs-calltoaction-primary {
    color: #fff;
    background-color: var(--accent);
    border-color: var(--accent);
}

.bs-calltoaction.bs-calltoaction-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.bs-calltoaction.bs-calltoaction-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.bs-calltoaction.bs-calltoaction-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.bs-calltoaction.bs-calltoaction-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.bs-calltoaction.bs-calltoaction-primary .cta-button .btn,
.bs-calltoaction.bs-calltoaction-info .cta-button .btn,
.bs-calltoaction.bs-calltoaction-success .cta-button .btn,
.bs-calltoaction.bs-calltoaction-warning .cta-button .btn,
.bs-calltoaction.bs-calltoaction-danger .cta-button .btn {
    border-color: #fff;
}

.btn-primary-teal {
    background-color: var(--accent);
    color: white;
    border-radius: 1.6em;
}

.btn-primary-teal:hover {
    background-color: var(--secondary);
    color: white;
}

/*! ------------- Styled Table ------------- */
.styled-table {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.9em;
    font-family: sans-serif;
    width: 100%;
    /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); */
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
}

.styled-table thead tr {
    background-color: #25b7b7;
    color: #ffffff;
    text-align: left;
}

.styled-table th,
.styled-table td {
    padding: 12px 15px;
}

.styled-table tbody tr {
    border-bottom: thin solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #25b7b7;
}

.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}

/*! -------------- TCBCAROUSEL----------------------*/
#tcb-testimonial-carousel {
    margin-top: 30px;
}

#tcb-testimonial-carousel a {
    color: #109093;
}

#tcb-testimonial-carousel .text-brand {
    color: #109093;
}

#tcb-testimonial-carousel .carousel-indicators .active {
    background: #109093;
}

#tcb-testimonial-carousel .no-margin {
    margin: 0;
}

#tcb-testimonial-carousel .carousel-indicators li {
    border: 1px solid #ccc;
}

#tcb-testimonial-carousel .carousel-control {
    color: #109093;
    width: 5%;
}

#tcb-testimonial-carousel .carousel-control:hover,
#tcb-testimonial-carousel .carousel-control:focus {
    color: #109093;
}

#tcb-testimonial-carousel .carousel-control.left,
#tcb-testimonial-carousel .carousel-control.right {
    background-image: none;
}

#tcb-testimonial-carousel .item {
    padding: 15px 40px;
    background: #f8f8f8;
}

#tcb-testimonial-carousel .media-object {
    margin: auto;
}

@media screen and (max-width: 768px) {
    #tcb-testimonial-carousel .media-object {
        margin-bottom: 15px;
    }
}

/*! -------------- EKKO POP UP VIDEO GALLERY ---------------- */
.vgal .img-responsive {
    width: 100%;
}

.vgal button.btn-play {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    margin-left: -15px;
    border: 0;
    border-radius: 0;
    outline: 0 !important;
    width: 100%;
    background-color: transparent;
    color: rgba(245, 245, 245, 0.8);
}

.vgal button.btn-play:hover,
.vgal button.btn-play:active,
.vgal button.btn-play:visited,
.vgal button.btn-play:focus {
    color: white;
}

.vgal button.btn-play .glyphicon {
    padding: 0;
    margin: 0;
    color: inherit;
    background-color: inherit;
    font-size: 64px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .vgal button.btn-play .glyphicon {
        font-size: 56px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .vgal button.btn-play .glyphicon {
        font-size: 46px;
    }
}

@media (max-width: 767px) {
    .vgal a.video {
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .vgal button.btn-play .glyphicon {
        font-size: 56px;
    }
}

/* -- ekko-lightbox modal Tweaks -- */
.ekko-lightbox .modal {
    background-color: rgba(0, 0, 0, 0.4);
    /* background-color: rgba(255, 255, 255, 0.4); */
}

.ekko-lightbox .modal-header {
    /* border-bottom: 1px solid #505050; */
    border-bottom: 1px solid #aeb3b3;
    padding: 12px 16px 6px 16px;
}

.ekko-lightbox .modal-header .modal-title {
    /* color: #ccc; */
    color: #109093;
    margin: 0;
}

.ekko-lightbox .modal-header .close {
    font-size: 32px;
    opacity: 1;
    /* color: #ccc; */
    color: #109093;
    text-shadow: none;
    outline: none;
}

.ekko-lightbox .modal-content {
    border-radius: 0;
    border: 0;
    /* background-color: #323232; */
    background-color: #fff;
}

.ekko-lightbox .modal-dialog {
    width: auto;
}


/*!---- CTA BUTTON ---*/
.button-cta {
    border-color: white;
    border-radius: 3px;
    padding: 1rem 2rem 1rem;
    width: fit-content;
}

.button-cta-reverse {
    border-color: white;
    color: white;
    background-color: inherit;
    border-radius: 3px;
    padding: 1rem 2rem 1rem;
    width: fit-content;
}

/*------------ MemberLeap Blue Line ----------------*/
.blueline-wrapper {
    display: block;
    padding-top: 1rem;
}

.blueline {
    width: 100%;
    background-color: #109093;
    height: 6px;
    position: relative;
    margin: 0 auto;
}

.blueline-title {
    background-color: #FFFFFF;
    margin-top: -15px;
    margin-left: 30px;
    width: auto;
    position: relative;
    display: inline-block;
    float: left;
    font-family: Verdana;
    font-size: 18px !important;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 1rem;
}

/*!----- Responsive Youtube Video ---*/
.video-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
}

.video-container-md {
    max-width: 800px;
    margin: auto;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    border-radius: 6px;
}

/*! --- Testimonial styling --*/
.testimonial-wrapper {
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    max-width: 500px;
    padding: 2rem;
    position: relative;
    margin-bottom: 1rem;
}

.tm-header {
    display: flex;
    align-items: center;
}

.tm-img {
    border-radius: 50%;
    width: 50px;
}

.tm-info {
    margin-left: 1rem;
}

.tm-info p {
    margin: .1em;
}

.tm-name {
    font-weight: bold;
}

.tm-title {
    color: var(--primary);
    text-transform: uppercase;
    font-size: 10px;
}

.tm-body {
    text-align: left;
    font-style: italic;
    font-size: small;
    color: var(--gray);
}

.tm-body:after {
    content: '"';
    font-size: 20em;
    opacity: .10;
    position: absolute;
    top: 0;
    right: 10%;
}

/* Testimonial using grid */
html {
    --primary: #109093;
    --secondary: #aa6b52;
    --accent: #01608e;
    --gray: #aeb3b3;
    --light-teal: #25b7b7;
    overflow-x: hidden;
    font-size: 16px;
    font-family: 'Rubik', sans-serif;
}

.testimonial-wrapper2 {
    display: grid;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    max-width: 500px;
    padding: 1rem;
    position: relative;
    grid-template-columns: 60px 1fr;
    row-gap: 1em;
    align-items: center;
    margin-bottom: 1rem;
}

.tm2-quote {
    grid-column-start: span 2;
    text-align: left;
    font-style: italic;
    font-size: small;
    color: var(--gray);
}

.tm2-image img {
    border-radius: 50%;
    width: 50px;
}

.tm2-info p {
    margin: .1em;
}

.tm2-name {
    font-weight: bold;
}

.tm2-title {
    color: var(--primary);
    text-transform: uppercase;
    font-size: 10px;
}

.tm2-title:after {
    content: '"';
    font-size: 20em;
    opacity: .10;
    position: absolute;
    top: 0;
    right: 10%;
}

/*!------------ SLICK SLIDER ----------------*/
/* Slider */
.slick-slide {
    margin: 0px 20px;
}

.logo-carousel {
    overflow: inherit;
    border-top: 1px solid #353535;
    border-bottom: 1px solid #353535;
}

.slick-slide img {
    width: 100%;
}

.slick-track::before,
.slick-track::after {
    display: table;
    content: '';
}

.slick-track::after {
    clear: both;
}

.slick-track {
    padding: 1rem 0;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    background: url(https://raw.githubusercontent.com/solodev/infinite-logo-carousel/master/images/arrow.svg?sanitize=true) center no-repeat;
    color: #fff;
    filter: invert(77%) sepia(32%) saturate(1%) hue-rotate(344deg) brightness(105%) contrast(103%);
    border: none;
    width: 2rem;
    height: 1.5rem;
    text-indent: -10000px;
    margin-top: -16px;
    z-index: 99;
}

.slick-arrow.slick-next {
    right: -40px;
    transform: rotate(180deg);
}

.slick-arrow.slick-prev {
    left: -40px;
}

/* Media Queries */
@media (max-width: 768px) {
    .slick-arrow {
        width: 1rem;
        height: 1rem;
    }
}

/*! -------------- Newsletter Page----------------------*/
.newsletter-wrapper&gt;* {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.newsletter-item {
    display: flex;
    flex-flow: row wrap;
    /* justify-content: space-between;
flex-wrap: wrap; */
    border: black 1px solid;
    padding: 15px;
}

.newsletter-item&gt;* {
    padding: 10px;
    flex: 1;
    align-items: baseline;
}

.newsletter-img {
    background-color: lightpink;
}

.newsletter-title {
    background-color: lightcyan;
}

.newsletter-date {
    background-color: lightgoldenrodyellow;
}

.panel.sponsor-heading .panel-heading {
    display: none;
}

/*! -------------- Partial Collapse----------------------*/
#module {
    width: 500px;
    font-size: 14px;
    line-height: 1.5;
}

#module p.collapse[aria-expanded="false"] {
    height: 42px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#module p.collapsing[aria-expanded="false"] {
    height: 42px !important;
}

#module a.collapsed:after {
    content: '+ Show More';
}

#module a:not(.collapsed):after {
    content: '- Show Less';
}

/*! -------------- Hide Sponsor ----------------------*/
.sponsor-heading .panel-heading {
    display: none;
    color: inherit;
}

/* -------------- Event Calendar 8 styles ----------------------*/
/* Resizing the logo */
.event-container {
    height: auto !important;
}

.event-logo-container {
    height: 155px !important;
}

.event-logo-container img {
    width: auto;
    height: 100%;
    max-height: 150px !important;
    /* object-fit:cover; */
}

.event-logo-image {
    height: 150px !important;
}

.event-info-container {
    padding: 10px;
}

/*! -------------- Adding padding to the two images ----------------------*/
.sponsor-heading .panel-body img:first-child {
    margin-bottom: 10px;
}


/*! -------------- Members area widget panels ----------------------*/
.widget-wrapper {
    margin-bottom: 20px;
    /* background-color: lightgrey; */
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    padding: 15px;
    margin-left: 15px;
    margin-right: 15px;
    min-height: 400px;
    width: calc(33.3333% - 30px);
}

@media (max-width: 992px) {
    .widget-wrapper {
        width: calc(100% - 30px);
    }
}

.widget-panel-heading {
    color: #333;
    background-color: #f5f5f5;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px 10px 15px;
    margin: -15px -15px 15px -15px;
    width: -webkit-fill-available;
}

.widget-scroll {
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}


/*! --- MEMBERS AREA HOME PAGE --*/
/* modifying members nav bar */
#member_menu_wrap_5 {
    /* display: none; */
}

.mymembership-panel-wrapper {
    background-color: aliceblue;
    /* border: 1px solid blue; */
    padding: 15px !important;
    border-radius: 4px;
}

.mymembership-panel {
    /* border: 1px solid red; */
}

.myprofile-panel img {
    border-radius: 50%;
    margin-right: 15px;
}

.myprofile-panel .btn-group {
    display: flex;
}

.myprofile-panel .btn-group&gt;.btn:first-child {
    margin-left: auto;
}

.myprofile-panel .button-link {
    /* padding:5px; */
    font-size: small;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.launchpad-wrapper {
    display: flex;
    /* border: 1px solid lightgrey; */
    border-radius: 3px;
    flex-wrap: wrap;
    flex-flow: row wrap;
    justify-content: space-evenly;
    /* align-items: space-evenly; */
    margin-bottom: 15px;
    padding-top: 15px;
}

.launchpad-items {
    /* flex: 1; */
    width: 167px;
    min-height: 150px;
    border: 1.5px solid lightgrey;
    border-radius: 5px;
    margin: 6px;
    color: var(--accent);
    text-align: center;
    padding: 5px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
    transition: box-shadow ease 0.5s;
    transition: all .3s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.launchpad-items i {
    font-size: 2rem;
}

.launchpad-items svg {
    display: none;
}

.launchpad-items:hover {
    background-color: rgba(211, 211, 211, 0.15);
    /* color: var(--primary); */
    /* border: 2px solid var(--accent); */
    border-color: var(--accent);
}

.card-link {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: teal; */
    background-image: url('empty.gif');
    /* border: 2px solid transparent;*/
}

.row-panel {
    border: 1px solid #ddd;
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
}

.remove-padding {
    padding: 0px;
}

.button-link.edit-profile {
    margin-bottom: 0;
}

.member-news-area .row-panel {
    height: 100%;
}

/*countdown timer*/
#col-cdtimer .panel-body {
    padding: 0px;
}

/* -------------- mobile launch pad area ----------------*/
@media (max-width: 992px) {
    .launchpad-wrapper {
        justify-content: space-evenly;
    }
}

/*-- collapse into horiz --*/
@media (max-width: 767px) {
    .launchpad-wrapper {
        justify-content: center;
        /* border: none; */
        /* padding:0;
margin:0; */
    }

    #launch_row {
        border: none;
    }

    .column#launch_col {
        padding: 0px;
    }

    .launchpad-items {
        /* width: calc(50% - 15px); */
        min-height: auto;
        /* go horizontal? */
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
        align-content: center;
        margin: 0px;
        padding: 2px;
        padding-left: 1rem;
        box-shadow: none;
        border-radius: 0px;
        border: 1px solid lightgrey;
        border-bottom: none;
        transition: none;
    }

    .launchpad-items:last-child {
        border-bottom: 1px solid lightgrey;
    }

    .launchpad-items i {
        font-size: 2rem;
    }

    .launchpad-items p:not(:last-child) {
        font-size: .8rem;
        margin-bottom: 0px;
        color: rgb(90, 90, 90);
    }

    .launchpad-items svg {
        display: flex;
        margin-left: auto;
        margin-right: 10px;
    }

    .launchpad-items:first-child {
        border-radius: 3px 3px 0px 0px;
    }

    .launchpad-items:last-child {
        border-radius: 0px 0px 3px 3px;
    }

    .launchpad-items:hover {
        border-color: lightgray;
    }

    .card-link {
        width: 100%;
        height: 100%;
    }
}

/*--Members news feed--*/
.feed-item.member-newsfeed {}

.member-newsfeed-img {}


.navbarOffsetMargin {
    padding-top: 45px;
}

#member_menu_wrap_5&gt;div:first-child {
    padding-top: 0px;
}

/* -- members profile --*/
.profile-img .btn {
    font-size: small;
}

.profile-info {
    font-size: small;
}

@media (max-width: 992px) {
    .profile-info {
        font-size: inherit;
    }

    .profile-img .btn {
        font-size: inherit;
    }
}

/* ------ Members Nav Bar ----- */
/* -- Hide existing one --*/
#member_menu_wrap_5 {
    display: none;
}

.member-menu-title {
    padding-bottom: 30px;
}

/*------- relocate and restyle the admin and logout function buttons -------*/
#mms-main {
    padding-top: 1rem;
    /* shrink the top space */
}

#adminMenu {
    padding: 0px;
    font-size: small;
    position: absolute;
    /*remove from workflow so I can place it elsewhere*/
    top: calc(1rem + 10px);
    right: 15px;
    z-index: 1;
    background: white;
}

.wrapper #adminMenu .links {
    padding-bottom: 0px;
}

.wrapper #adminMenu .links a svg {
    padding-right: 5px;
    padding-left: 10px;
}

#adminMenu .links a {
    display: flex;
    /*center the text*/
    align-items: center;
    padding-left: 15px;
    font-size: smaller;
    padding-bottom: 0px;
    margin-bottom: 0;
}

/*--hide the members menu bar when on mobile --*/
@media (max-width: 767px) {
    .navbar.navbar-default {
        display: none;
    }

    .member-menu-title {
        padding-bottom: 30px;
        /*fix the padding so its not so squishy*/
    }
}

/*---------- Get Started Guide ------------*/
/* creating generic hovercard */
.hover-card {
    background-color: white;
    border-radius: 3px;
    padding: 10px;
    margin: 3px;
    border: 1px lightgrey solid;
}

.hover-card:hover {
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 50%);
}

.flexcol {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* specific styling for tutorial section */
.tut-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.tut-item&gt;svg {
    color: grey;
}

.tut-item&gt;* {
    margin: 10px;
}

/* Quickstart Tutorial Guide*/
#quickStartVideos .modal-dialog {
    width: 800px;
}

#quickStartVideos .modal-title {
    display: inline;
}

#quickStartVideos ul li {
    list-style: none;
}

/*------- Main pages styling -----*/
.page-title {
    color: var(--primary);
    text-align: center;
}

/*--- Front home page styling --*/
/* carousel */
.carousel-inner {
    border-radius: 5px;
}

#slideshow-column .carousel-indicators .active {
    border-color: lightgray;
}

.carousel-indicators {
    width: 100%;
}

/*fix carousel image not sizing*/
.frontpageslide .carousel.slide .carousel-inner&gt;.item&gt;a&gt;img {
    height: 100%;
}

@media (max-width: 1199px) {
    .frontpageslide .carousel.slide .carousel-inner&gt;.item&gt;a&gt;img {
        height: inherit;
    }
}

/*Headline news area*/
.wb-grid {
    display: grid;
    grid-template-areas:
        "title title title title"
        "logo text text text"
        "logo button button button"
        "bottom bottom bottom bottom";
    gap: 10px;
    grid-template-columns: repeat (4, 1fr);
    grid-template-rows: repeat (4, auto);
}

.wb-title {
    grid-area: title;
}

.wb-img {
    grid-area: logo;
    border-radius: 5px;
}

.wb-txt {
    grid-area: text;
}

/* .wb-list {
grid-area:list;
} */
.wb-btn {
    grid-area: button;
    text-align: center;
}

.wb-footer {
    grid-area: bottom;
}

/*----------------------------forum page -----------*/
.btn-warning.bg-teal-secondary {
    border: var(--secondary);
}

/* guidelines modal */
.modal-dialog.forum-rules {
    min-width: 50%;
    color: var(--accent);
}

.modal-dialog.forum-rules .modal-title {
    display: inline;
}

.modal .modal-dialog.forum-rules a {
    display: inline;
}

table.list_table#member_table thead tr th:nth-child(3),
table.list_table#member_table tbody tr td:nth-child(3) {
    display: none;
}

/*-------Membership Directory Page --------*/
/* pagination styling */
#results-wrapper div.pagination-button {
    background-color: inherit;
    color: var(--textcolor);
    border: none;
    border-radius: 3px;
}

#results-wrapper div.page-selected {
    color: #fff;
    background-color: var(--primary);
    opacity: 1;
}

#results-wrapper div.page-number:hover {
    color: #fff;
    opacity: .7;
    background-color: var(--primary);
    transition: all ease-in-out .3s;
}

#results-wrapper div.page-selected:hover {
    opacity: 1;
}

#results-wrapper div.pagination-wrapper {
    font-size: small;
}

/*-- layout styling --*/
/* stacked card layout*/

@media (min-width:768px) {

    /*wrapper for the contact cards*/
    #result-output {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        row-gap: 20px;
        text-align: center;
    }

    /* the card itself. I hope this isn't used elsewhere. I should use jquery to ID this page*/
    #result-output div.open-div {
        width: auto;
    }

    #result-output div.open-div&gt;div.search-result {
        width: 250px;
        display: flex;
        /* make contact contents column */
        flex-direction: column;
        align-items: center;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        ;
        border-radius: 0px;
    }

    /*remove envelope icon*/
    #result-output div.open-div .icon-display {
        display: none;
    }

}

/*-------Homepage Campaign Area --------*/

.front-page-campaign {
    display: grid;
    grid-template-areas:
        'title title'
        'image header'
        'image body'
        'footer footer';
    grid-gap: 10px;
    padding: 10px;
    grid-template-rows: auto minmax(0, 1fr);
}

.front-page-campaign-grid {
    display: grid;
    grid-template-areas:
        'title title'
        'header header'
        'body body'
        'footer footer';
    grid-gap: 10px;
    padding: 10px;
    grid-template-rows: auto minmax(0, 1fr);
}

.campaign-title {
    grid-area: title;
}

.campaign-img {
    grid-area: image;
    background-image: url(https://bcteal.org/photos/BC_TEAL_Conference_logo_m_vert2_copy_03082024130504.PNG);
    background-size: contain;
    background-repeat: no-repeat;
    width: 200px;
}

.campaign-text-header {
    grid-area: header;
    /* color: var(--primary); */
}

.campaign-buttons {
    grid-area: body;
    color: var(--textcolor);
}

.campaign-buttons&gt;a {
    color: var(--primary);
    text-decoration: none;
}

.campaign-buttons&gt;a:hover {
    /* color: var(--secondary); */
}


.campaign-buttons strong {
    color: black;

}

.campaign-button {
    background-color: #aa6b524D;
    border-radius: 5px;
    padding: 15px;
    margin: 5px;
}

.campaign-button:hover {
    background-color: #aa6b52;
    color: white;
}

.campaign-button:hover strong {
    color: white;
}

.campaign-text-footer {
    grid-area: footer;
}


/* Specialized Membership Campaign Grid Using Flip Card*/
.m-campaign-grid {
    grid-area: body;
    display: grid;
    flex-wrap: wrap;
    grid-gap: 20px;
    padding: 10px;
    grid-template-columns: repeat(5, 100px);
    grid-template-rows: auto minmax(0, 1fr);
    justify-content: space-between;
    /* max-width: 800px; */
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.m-campaign-icon a {
    text-decoration: none;
}


/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    background-color: transparent;
    width: 100px;
    height: 100px;
    /* border: 1px solid #f1f1f1; */

    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 1.2s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
    transition: transform .7s;
}

/* Position the front and back side */
.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
    border-radius: 10px;
    padding: 10px;
    color: white;
}

.flip-card-front.flip-card-highlight {
    background-color: var(--accent);
}

.flip-card-highlight:hover {
    background-color: var(--secondary);
    transition: color .125s ease-in-out, border .125s ease-in-out, background .125s ease-in-out;
}

.flip-card-front svg {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    background-color: var(--primary);
    color: white;
    height: 100px;
}

.flip-card-front p {
    font-size: smaller;
    padding-top: 10px;
}

/* Style the back side */
.flip-card-back {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    height: 100px;
    background-color: var(--accent);
    color: white;
    font-size: .75rem;
    transform: rotateY(180deg);

}



@media (max-width: 767px) {
    .front-page-campaign {
        display: block;
        grid-template-areas:
            'title title'
            'image header '
            'body body'
            'footer footer';
        grid-gap: 10px;
        padding: 10px;
        /* grid-template-rows: auto minmax(0, 1fr); */
    }

    /*  Change the image for a small mobile version */
    .campaign-img {
        display: block;
        grid-area: image;
        background-image: url(https://bcteal.org/photos/Annual_Conference_2024_logo_no_bg_02212024180540.PNG);
        background-size: contain;
        background-repeat: no-repeat;
        width: 55px;
        height: 55px;
        float: left;
        margin-right: 5px;
    }

    .campaign-buttons .button-link {
        margin-left: auto;
        margin-right: auto;
    }

    .campaign-text-footer{
        margin-top: 10px;
    }
    /* Membership Icon Grid Campaign Mobile Version */

    .m-campaign-grid {
       display: block;
       width: 100%;
       /* border: black 1px solid; */
       padding: 0px;
    }

/* remove transition */
.flip-card:hover .flip-card-inner {
    transform: none;
}
.flip-card {
width: 100%;
height: 50px;
    /* border: red 1px solid; */
    margin-top: 5px;
    background-color: var(--primary);
    border-radius: 3px;
}

.m-campaign-icon:first-child .flip-card {
    margin-top: 0px;
}

.flip-card-inner {
    display: flex;
}

.flip-card-front p {
    display: none;
}

.flip-card-front, .flip-card-back {
    display: inline-block;
    background-color: transparent;
    position: relative;
    -webkit-backface-visibility: visible;
    /* Safari */
    backface-visibility: visible;
    border-radius: 10px;
    padding: 10px;
    color: white;
    transform: none;
    height: 45px;
    padding: 5px;

}

.flip-card-front {
    width: 60px;
    z-index: 999;
}

.flip-card-back {
    display: flex;
    align-items: center;
    width: auto;
}

.flip-card-front.flip-card-highlight{
    display: none;
}

}





/* setting end marker --*/</pre></body></html>