.dev-garfield{display:none} /** removeable **/

.btn-xl {font-size: 19px !important;line-height: 1.8em;}
.btn-xl.btn-white-border {padding:9px 20px;}

/*Dropdown Nav*/
.funraisin-desktop-nav .funraisin-primary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu.LoggedInNavOptions a {color: #221e1f;}
.funraisin-desktop-nav .funraisin-primary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu.LoggedInNavOptions a:hover {color: #ed1c24;}
.funraisin-desktop-nav .funraisin-dropdown-nav .LoggedInNavOptions .login-dropdown > a:not(.collapsed) {color: #221e1f;}
.funraisin-dropdown-nav .funraisin-dropdown-menu li a {padding-right: 25px; padding-left: 25px; color: #221e1f; font-weight: 400; font-size: 18px;}
.funraisin-dropdown-nav .funraisin-dropdown-menu li a:hover {color: #ed1c24;}
ul.funraisin-dropdown-menu li:last-child a {padding-bottom: 25px;}
ul.funraisin-dropdown-menu li:first-child a {padding-top: 25px;}

.funraisin-dropdown-nav:hover .funraisin-dropdown-menu {max-height: 700px;}

.hvr-grow {
  display: inline-block; 
  vertical-align: middle;
  transition: 0.1s ease;
  cursor: pointer;
}
.hvr-grow:hover {
    transform: scale(1.1, 1.1); 
    opacity: 1;
}

/*Responsive Video*/
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* bootstrap 5 add by Garfield */
.m-0 {margin: 0 !important;}
.m-1 {margin: 0.25rem !important;}
.m-2 {margin: 0.5rem !important;}
.m-3 {margin: 1rem !important;}
.m-4 {margin: 1.5rem !important;}
.m-5 {margin: 3rem !important;}
.m-auto {margin: auto !important;}
.mx-0 {margin-right: 0 !important;margin-left: 0 !important;}
.mx-1 {margin-right: 0.25rem !important;margin-left: 0.25rem !important;}
.mx-2 {margin-right: 0.5rem !important;margin-left: 0.5rem !important;}
.mx-3 {margin-right: 1rem !important;margin-left: 1rem !important;}
.mx-4 {margin-right: 1.5rem !important;margin-left: 1.5rem !important;}
.mx-5 {margin-right: 3rem !important;margin-left: 3rem !important;}
.mx-auto {margin-right: auto !important;margin-left: auto !important;}
.my-0 {margin-top: 0 !important;margin-bottom: 0 !important;}
.my-1 {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important;}
.my-2 {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important;}
.my-3 {margin-top: 1rem !important;margin-bottom: 1rem !important;}
.my-4 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;}
.my-5 {margin-top: 3rem !important;margin-bottom: 3rem !important;}
.my-auto {margin-top: auto !important;margin-bottom: auto !important;}
.mt-0 {margin-top: 0 !important;}
.mt-1 {margin-top: 0.25rem !important;}
.mt-2 {margin-top: 0.5rem !important;}
.mt-3 {margin-top: 1rem !important;}
.mt-4 {margin-top: 1.5rem !important;}
.mt-5 {margin-top: 3rem !important;}
.mt-auto {margin-top: auto !important;}
.me-0 {margin-right: 0 !important;}
.me-1 {margin-right: 0.25rem !important;}
.me-2 {margin-right: 0.5rem !important;}
.me-3 {margin-right: 1rem !important;}
.me-4 {margin-right: 1.5rem !important;}
.me-5 {margin-right: 3rem !important;}
.me-auto {margin-right: auto !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 0.25rem !important;}
.mb-2 {margin-bottom: 0.5rem !important;}
.mb-3 {margin-bottom: 1rem !important;}
.mb-4 {margin-bottom: 1.5rem !important;}
.mb-5 {margin-bottom: 3rem !important;}
.mb-auto {margin-bottom: auto !important;}
.ms-0 {margin-left: 0 !important;}
.ms-1 {margin-left: 0.25rem !important;}
.ms-2 {margin-left: 0.5rem !important;}
.ms-3 {margin-left: 1rem !important;}
.ms-4 {margin-left: 1.5rem !important;}
.ms-5 {margin-left: 3rem !important;}
.ms-auto {margin-left: auto !important;}
.p-0 {padding: 0 !important;}
.p-1 {padding: 0.25rem !important;}
.p-2 {padding: 0.5rem !important;}
.p-3 {padding: 1rem !important;}
.p-4 {padding: 1.5rem !important;}
.p-5 {padding: 3rem !important;}
.px-0 {padding-right: 0 !important;padding-left: 0 !important;}
.px-1 {padding-right: 0.25rem !important;padding-left: 0.25rem !important;}
.px-2 {padding-right: 0.5rem !important;padding-left: 0.5rem !important;}
.px-3 {padding-right: 1rem !important;padding-left: 1rem !important;}
.px-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
.px-5 {padding-right: 3rem !important;padding-left: 3rem !important;}
.py-0 {padding-top: 0 !important;padding-bottom: 0 !important;}
.py-1 {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important;}
.py-2 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}
.py-3 {padding-top: 1rem !important;padding-bottom: 1rem !important;}
.py-4 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}
.py-5 {padding-top: 3rem !important;padding-bottom: 3rem !important;}
.pt-0 {padding-top: 0 !important;}
.pt-1 {padding-top: 0.25rem !important;}
.pt-2 {padding-top: 0.5rem !important;}
.pt-3 {padding-top: 1rem !important;}
.pt-4 {padding-top: 1.5rem !important;}
.pt-5 {padding-top: 3rem !important;}
.pe-0 {padding-right: 0 !important;}
.pe-1 {padding-right: 0.25rem !important;}
.pe-2 {padding-right: 0.5rem !important;}
.pe-3 {padding-right: 1rem !important;}
.pe-4 {padding-right: 1.5rem !important;}
.pe-5 {padding-right: 3rem !important;}
.pb-0 {padding-bottom: 0 !important;}
.pb-1 {padding-bottom: 0.25rem !important;}
.pb-2 {padding-bottom: 0.5rem !important;}
.pb-3 {padding-bottom: 1rem !important;}
.pb-4 {padding-bottom: 1.5rem !important;}
.pb-5 {padding-bottom: 3rem !important;}
.ps-0 {padding-left: 0 !important;}
.ps-1 {padding-left: 0.25rem !important;}
.ps-2 {padding-left: 0.5rem !important;}
.ps-3 {padding-left: 1rem !important;}
.ps-4 {padding-left: 1.5rem !important;}
.ps-5 {padding-left: 3rem !important;}

.fw-bold {font-weight: 700 !important;}
.fw-bold * {font-weight: 700}
.w-100 {width: 100% !important;}
.h-100 {height: 100% !important;}
.d-flex{display:flex !important}
.justify-content-end {justify-content: flex-end !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-between {justify-content: space-between !important;}
.justify-content-around {justify-content: space-around !important;}
.justify-content-evenly {justify-content: space-evenly !important;}
.align-items-start {align-items: flex-start !important;}
.align-items-end {align-items: flex-end !important;}
.align-items-center {align-items: center !important;}
.align-items-baseline {align-items: baseline !important;}
.align-items-stretch {align-items: stretch !important;}
.align-content-start {align-content: flex-start !important;}
.align-content-end {align-content: flex-end !important;}
.align-content-center {align-content: center !important;}
.align-content-between {align-content: space-between !important;}
.align-content-around {align-content: space-around !important;}
.align-content-stretch {align-content: stretch !important;}
.align-self-auto {align-self: auto !important;}
.align-self-start {align-self: flex-start !important;}
.align-self-end {align-self: flex-end !important;}
.align-self-center {align-self: center !important;}
.align-self-baseline {align-self: baseline !important;}
.align-self-stretch {align-self: stretch !important;}

/*for tertiary nav*/
.nav-active-event strong, .funraisin-tertiary-nav ul li a.nav-active-event.active {color: #ed1c24;}

/* hide activity tracking on the fundraising page */
#template-profile div.profile-fitness-activity { display: none; }

/*Add padding to top of Donation Pages*/
.template-donation #Donation {padding-top: 20px;}


.language-toggle{
    display:none;
}



/*virtual tour popup*/
.virtual-tour-popup {
    /*display: none;*/
    position: fixed;
    top: 150px;
    right: 0;
    width: 300px;
    background: #000;
    z-index: 999999999;
    transition: all .4s ease;
    transform: translateX(100%);
}
.virtual-tour-popup.active {
    transition: all .4s ease;
    transform: translateX(0%);
}
.virtual-tour-popup .close-popup {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 100%;
    width: 30px;
    height: 30px;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.virtual-tour-popup .close-popup .fa {
    color: #fff;
    font-size: 16px;
    transition: all .2s ease;
}
.virtual-tour-popup .close-popup.active .fa {
    transform: rotate(180deg);
    transition: all .2s ease;
}
.virtual-tour-popup .inner {
    padding: 5px 20px;
}
.virtual-tour-popup .inner h2 {
    color: #fff;
    font-size: 22px;
    text-align: left;
    line-height: 120%;
}
.virtual-tour-popup .inner .btn {
    width: 100%;
}

.distanceTracker {
    height: 320px !important;
}

.distanceTracker .progress, .distanceTracker .progress-bar {
    height: 20px;
}


.template-login-dashboard .profile-header-text.profile-header-raised span.size-12{
    display:none!important;
}

/* CUSTOM MESSAGE */

.custombannermessagediv{
    background:#07A760;
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 10px;
}

.custombannermessagediv a{
    font-family: UniversLT-Condensed;
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color:#fff;
    text-transform:uppercase;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 10px;

}


.custombannermessagediv a:hover {
transform: scale(1.02);
}


.introjs-prevbutton.introjs-disabled:after{
     pointer-events: all;
    cursor: pointer;
}

.introjs-bullets{
    margin-left: -5%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px!important;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.introjs-bullets ul li a.active{
    background:#ed1c24 !important;
}

.introjs-skipbutton{
        color: #ed1c24!important;
        font-size: 38px!important;
            top: 3px!important;
}

.introjs-button.introjs-prevbutton.introjs-disabled{
    display:none;
}

.rideInfoWrapper .block p{
    word-break: break-word;
}
