/* Brand Colour Variables */
:root {
  --brand-primary: #6e298d;
  --brand-primary-foreground: #FFFFFF;
  --brand-secondary: #63b1e5;
  --brand-secondary-foreground: #FFFFFF;
}

/* Brand Colours */
.dropdown-item.active, .dropdown-item:active {color: var(--brand-primary-foreground); background-color: var(--brand-primary);}

.bg-primary a {color: var(--brand-primary-foreground);}


/* Buttons */
.btn {white-space: normal;}

.btn-social {display: inline-flex; justify-content: center; align-items: center;}
.btn-social i {margin: 0;}
.share-page-icons a.btn-social {background: transparent !important; border: 1.5px solid #FFFFFF !important; color: #FFFFFF !important; transition: all 0.2s ease-out;}
.share-page-icons a.btn-social:hover {background: var(--brand-secondary) !important; border: 2px solid var(--brand-secondary) !important; color: var(--brand-secondary-foreground) !important;}

.lump_buttons .btn {display: flex;flex-direction: row;justify-content: center;align-items: center;column-gap: 10px;}
.lump_buttons .btn .material-icons {margin: 0;}


/* Navigation */
.funraisin-sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu li a {color: inherit;}
.funraisin-sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu li a:hover {color: var(--brand-primary);}

.funraisin-sticky-nav {border-bottom: none !important; box-shadow: 0px 0px 40px -10px hsla(0, 0%, 0%, 0.1);}
.funraisin-sticky-nav .site-logo {padding: 0px 15px;}

.lump.tab-content .nav-tabs li.active a {color: unset;}

.primary-nav-container .col-sm-8 {
    width: 75%;
}
.primary-nav-container .col-sm-4 {
    width: 25%;
}

/* Fundraising Pages */
.popup-col h2 {font-size: 24px;}
.popup-col.bg-primary {padding: 30px !important;}

#Badges .row {justify-content: center !important;}
#Badges .reward-badge {padding-top: 10px;padding-bottom: 10px;}
#Badges p {line-height: 130%;}

#template-profile .content-main section.content .profile-fitness-activity .row .col-sm-3 #progress-fitness p {
   position: relative; 
}

/* Search Pages */
.fundraiser-search .col-sm-6, .searchPageWrapper .col-sm-6 {width: 100%;}

/* Dashboard - Center Button */
.template-login-dashboard #content-main .remove.btn.btn-primary.removeImage {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px !important;
}

/*Fundraiser page*/
.form-control:focus:focus, .registration-steps ul li.completed, .owl-carousel .owl-dot.active, .section-question .button {
    background: #fff !important;
    color: #000;
}

#Donors .amount.bg-secondary p {
    font-weight: 700;
}

#CoverImageLightbox.UserUploadImage .cropit-preview-image-container {
    border-radius: 0 !important;
}

.sidebar-top h2 {
    font-family: 'HelveticaNeue' !important;
    font-weight: 700;
    font-size: 38px;
}

@media (max-width: 1920px) {
    #template-profile h2,
    .template-login-dashboard h2{
        font-size: 48px !important;
    }
}

.funraisin-desktop-nav .navigation-layout-right .vertical-align .pull-right a.active, .funraisin-desktop-nav .funraisin-sticky-nav .vertical-align a.active{
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.only-bordered.funraisin-fee-total,
.only-bordered.funraisin-fee-total span,
.only-bordered.funraisin-fee-total .donation-amount-incfee {
  color: #000000 !important;
  font-size: 1.0em !important;
  opacity: 1 !important;
}