.funraisin-header-wrapper:before {
    background-image: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background-color: transparent !important;
}


.btn-xl {
    font-size: 20px !important;
    padding: 14px 30px;
}


/*Event Rolls*/

.eventRolls .events-vertical {
    display: flex;
    flex-direction: column;
}
.eventRolls .events-vertical .lump-event:first-child{
    order: 99;
}

/*Button white*/
.btn-white {
    background: #fff !important;
    color: #440099 !important; 
    opacity: 1;
    border:2px solid #fff;
}

.btn-white:hover {
    opacity: 0.8;
    color: #ECE6F5;
}

.footer-social ul li {
    display: inline;
    margin-right: 14px;
    font-size: 20px;
}

#Footer .site-logo img {display: none;}
/*#Footer .img-responsive.center-block {padding-top: 20px;}*/


/*Navigation*/
.primary-nav-container .container .col-sm-4 {width: 28%;}
.primary-nav-container .container .col-sm-8 {width: 72%;}
.funraisin-tertiary-nav .input-group .btn-primary {background: #6b4897; color: #fff; border-color: #6b4897;}
.funraisin-tertiary-nav .input-group .btn-primary:hover {background: #000; color: #fff; border-color: #000;}
.funraisin-tertiary-nav .nav>li>a {padding-left: 10px; padding-right: 10px;}
.LoginDropdowns .funraisin-dropdown-nav:hover .funraisin-dropdown-menu {max-height: 540px;}

.registration-steps ul li a {padding: 0 25px;}

.SelectClub {border-radius: 10px; border: 3px solid #ececec; transition: all 250ms ease; backrgound: #fff; min-height: 120px;}
.SelectClub:hover {border-color: #6b4897; transform: scale(1.025);}
.SelectClub h3 {font-size: 22px;}
.SelectClub {display: flex; flex-direction: column; align-content: center; justify-content: center;}

.SelectClubMain {border-radius: 10px; border: 3px solid rgb(107, 72, 151); transition: all 250ms ease; background: rgb(107, 72, 151); min-height: 120px;}
.SelectClubMain:hover {border-color: rgb(107, 72, 151); background: white; color: black; transform: scale(1.025);}
.SelectClubMain:hover h3 {color: black;}
.SelectClubMain h3 {font-size: 22px; color: white;}
.SelectClubMain {display: flex; flex-direction: column; align-content: center; justify-content: center;}

.RegoSelect .SelectClub, .RegoSelect .SelectClubMain {margin: 20px 0;}

p.error > a {color: #000; text-decoration: underline;}

.bg-primary .fa {
    color: #fff;
}



 /*-------------------------------------*/
 /*Added custom box on profile page */
 /*15, 04 2021 */
 /*Murtaza*/
  /*-------------------------------------*/

.profile_box  {
    background: linear-gradient(45deg, #6B4897, #8C63B8);
    margin-top: 40px;
    padding: 30px 40px;
}
.profile_box_title h1 {
    color: #fff;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;

}
.profile_box_title h1:after {
    content: '';
    border-top: 4px solid #fff;
    margin: 0 0 0 20px;
    flex: 1 0 20px;
    opacity: 10%;
}
.profile_box_content {
    display: flex;
    align-items: center;
    padding-top: 20px;
}
.profile_box_media  {
    display: flex;
    align-items: center;
    padding-right: 40px;
}
.profile_box_icon {
    margin-right: 15px;
    width: 90px;
}
.profile_box_text h4 {
    color: #FFC832;
    font-family: 'Glober';
    text-transform: uppercase;
}
.profile_box_text h2 {
    color: #fff;
    font-family: 'Glober';
    text-transform: uppercase;
}
.profile_box_text h2 span {
    font-size: 20px;
    font-family: 'Glober';
    text-transform: uppercase;
}



/*-------*/


.funraisin-dropdown-nav:hover .funraisin-dropdown-menu {
    max-height: none !important;
}

.profile_box .progress, 
.profile_box .progress-bar {
    height: 25px;
    border-radius: 0;
    box-shadow: none;
}
.profile_box .progress-bar {
    background: #FFC832;
    background-image: url(https://d22tt8tzi6bs6o.cloudfront.net/e8768efcec4f0958705cb1b12b4795c7.svg);
    /*max-width: 96.2%;*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    border-right: 5px solid #875fb2;
}


/*Gamification Badges*/
#Badges .reward-badge {
    width: 10%;
}

#Badges .reward-badge p {
    font-size: 15px;
    line-height: 135%;
}


/*Donations panel*/
.profileSidebar h2 {
    font-size: 32px;
    margin-top: 0px;
    margin-bottom: 32px;
    text-align: left;
}

.profileSidebar .sidebar-top h4 {
    margin-top: 0px !important;
    font-size: 18px;
}

.profileSidebar .sidebar-top h3 {
    font-size: 28px;
}

.profileSidebar .sidebar-top {
    padding-top: 40px;
    padding-bottom: 40px;
}

.sidebar-form-panel h4 {
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 16px;
    font-weight: 700; !important
}

.sidebar-form-panel h4 strong {
    font-weight: 700;
}

.sidebar-form-toggler-nav {
    margin-bottom: 32px;
}

.sidebar-form-panel .form-group {
    margin-top: 16px;
    margin-bottom: 32px;
}

.sidebar-form-panel .form-control:focus:focus {
    background: white !important;
    border-color: #ccc;
    color: #333;
}

.sidebar-form-panel .form-group .btn-tertiary {
    background: #6E38D5 !important;
    color: #fff !important;
}

.sidebar-form-panel .form-group .btn-tertiary:hover {
    background: #4D2795 !important;
    color: #fff !important;
}

#Members {
    background: linear-gradient(113deg, #6E38D5 0%, #409 59.73%), #FFC832 !important;
}

#MembersBlock {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 40px !important;
  position: static !important;
  height: auto !important;
}

#MembersBlock a.member {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  flex: none !important;
}

#MembersBlock > .clear {
  display: none !important;
}

#MembersBlock .profilename h3 {
  font-size: 26px !important;
  text-align: left !important;
  margin-bottom: 16px;
  color: #231F20 !important;
  text-transform: uppercase;
}

#MembersBlock .profile-image-wrapper {
  display: flex !important;
  justify-content: flex-start !important;
}

#MembersBlock .profile-image-wrapper img {
  margin: 0 !important;
  display: block !important;
}

#MembersBlock .col-sm-12.mb10 {
  padding: 0 !important;
}

#MembersBlock .row.text-left {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

#MembersBlock .row.text-left .col-sm-8 {
  display: none !important;
}

#MembersBlock .col-sm-3 {
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  float: none !important;
}

#MembersBlock .col-sm-3 .btn.btn-tertiary {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

#MembersBlock .col-sm-3 .btn.btn-tertiary i {
  color: #231F20 !important;
}


#Members h2 {
    color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 80px !important;
}

#profileSponsorForm .donationHandlers.minimal {
  display: flex;
  flex-wrap: wrap;
}

#profileSponsorForm .donationHandlers.minimal .radio {
  order: 1;
}

#profileSponsorForm .donationHandlers.minimal .copy-text {
  order: 2;
  width: 100%;
}

#profileSponsorForm .donationHandlers.minimal .clear {
  order: 3;
}

#profileSponsorForm .donationHandlers.minimal .radio .arrow-top {
  border-width: 8px 12px 0 12px;
  top: auto;
  bottom: -8px;
}

#profileSponsorForm .donationHandlers.minimal .copy-text .row.pt20 {
  padding-bottom: 0 !important;
  background: #F8F5FD;
  margin-top:12px;
  padding-left:12px;
  padding-right:12px;
}

#profileSponsorForm .donationHandlers.minimal .copy-text .row.pt20 >p {
    font-size: 14px !important;
}

#profileSponsorForm .donationHandlers.minimal .copy-text .row.pt20 > div > p {
    font-size: 14px !important;
}

#Badges {
    background: #FDC534;
}

#Donations {
    background: linear-gradient(180deg, #FFF 0%, #ECE6F5 58.39%), #F2F2F2;
}