.funraisin-header-wrapper {
     min-height: 0; 
}

body {
    overflow-x: clip;
}


.funraisin-tertiary-nav .fa {
    color: #fff;
    margin-right: 5px;
}

.dev-garfield {
    display: none
}

#popup, #popup .panel {border-radius:20px;}

.nav-sponsor {
	text-align: center;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	font-size: 16px !important;
	line-height: 20px !important;
}

.nav-sponsor .fa {
	font-size: 20px !important;
	line-height: 24px !important;
}

.bb-light-grey {
	border-bottom: 1px solid #eee;
}

.funraisin-dropdown-nav .funraisin-dropdown-menu li a {color:#000;}
.funraisin-dropdown-nav .funraisin-dropdown-menu li a:hover, .funraisin-dropdown-nav .funraisin-dropdown-menu li a:active {color:#ff6e80;}

.funraisin-sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu li a {
    color: #000;
    font-size:16px;
}

.funraisin-sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu li a:hover {
    color:#ff6e80;
    font-size:16px;
}

/*Buttons*/p

.lump_buttons .btn .material-icons {
	margin: 0 10px 0 0;
}


/*Dashboard*/

.loggedin-header:before,
.profile-header:before {
	content: '';
	/*background-image: linear-gradient(0deg, rgb(255, 216, 16) 0%, rgb(0, 255, 197) 100%);*/
}


/*Fundraising Page*/

.profileSidebar .profileSponsorForm {
	padding: 0 30px 20px;
	border: 1px solid #ccc;
	border-top: 0 !important;
}

.profileSidebar .sidebar-top {
	padding: 30px 30px 20px;
}

.profileSidebar {
	box-shadow: none;
}

.progress {
	box-shadow: none;
}

.share-page-icons .btn-social {
	border-color: #fff !important;
	color: #fff !important;
}

.share-page-icons .btn-social:hover {
	border: 2px solid #fff !important;
	background: #fff !important;
	color:#58595b;
}


.btn-social {
	border-radius: 0;
	padding: 12px 10px;
	width: 50px;
	height: 50px;
	font-size: 22px;
	background: transparent !important;
	border: 2px solid #58595b !important;
	color: #58595b !important;
}

.btn-social:hover {
	background: transparent !important;
	border: 2px solid #58595b !important;
	color: #58595b !important;
}

.template-login-dashboard .loggedin-header .btn-social {
	border-color: #fff !important;
	color: #fff !important;
}



.template-login-dashboard .loggedin-header .btn-social:hover {
	border-color: #fff !important;
	color: #fff !important;
}

..profile-header .profile-image-frame {
	position: relative;
	/*background: linear-gradient(95.79deg, #dd2211 -0.38%, #f96868 100.25%);*/
	background: #ff6e80;
	border-radius: 100%;
	width: 260px;
}

/*.funraisin-page-nav ul li a.active {*/
/*    border-bottom: 4px solid #006eff !important;*/
/*    padding: 14px !important;*/
/*}*/

/*.funraisin-page-nav ul li a.active {*/
/*    background: #006eff;*/
/*}*/

.profile-image-header .profile-image,
#Donations .donation-row .donation .profileimage .profile-image-wrapper img {
	padding: 6px;
}

#Donors {
    display: flex;
    flex-wrap: wrap;
}

/*#template-profile .profileSidebar .sidebar-top .statistics {*/
/*    justify-content: center;*/
/*}*/

/*.donationHandlers.minimal .radio {*/
/*	border: 2px solid #58595b;*/
/*	margin-left: -2px;*/
/*}*/

/*.profileSidebar .sidebar-form-toggler-nav ul li a {*/
/*	background: #fff;*/
/*	color: #58595b;*/
/*	border: 2px solid #58595b !important;*/
/*	margin-right: -2px;*/
/*}*/

.profileSidebar .sidebar-form-toggler-nav ul li a.active {
	color: #fff !important;
}

.profileSidebar input#d_amount_free {
	border-left: 0;
	/*margin-right: -8px;*/
}

.profileSidebar .input-group-addon.bg-primary {
	border-width: 2px;
	background: #fff;
	color: #fff;
	border-color: #ced4da;
}

.profileSidebar .donationHandlers.minimal {
	margin-bottom: 20px;
}


/*Leaderboards*/

#Leaderboard .leaderboardrow a {
	display: block;
	padding: 20px 60px;
	color: inherit;
}

#Leaderboard .profileimage {
    /*background: linear-gradient(95.79deg, #dd2211 -0.38%, #f96868 100.25%);*/
	background: #ff6e80;
	border-radius: 100%;
	max-width: 100px;
	padding: 0 !important;
}

#Leaderboard img.profile-image {
	border-radius: 50%;
	width: 100px!important;
	padding: 3px;
}

/*#Leaderboard .leaderboardrow {*/
/*	background: #fff;*/
/*}*/

#Leaderboard .leaderboardrow .rank {
	/*font-family: 'gotham';*/
    text-align: center;
    font-size: 18px;
    color: #58595b;
    padding: 3px 0;
    width: 30px;
    height: 30px;
    left: 10px;
    top: 40%;
    background: transparent !important;
    border-radius: 50px;
    font-weight: 700;
}

#Leaderboard .leaderboardrow .rank:before {
	display: none;
}


/*Charity Homepage*/

.charity-stat #Leaderboard .leaderboardrow .rank,
.charity-stat #Leaderboard .raised {
	display: none;
}

.charity-stat #Leaderboard .leaderboardrow a {
	padding: 10px;
}

.charity-stat #Leaderboard .profilename {
	width: 70% !important;
}

.charity-stat #Leaderboard .profileimage {
	width: 25%;
}


/*Fundraiser Panel*/

.member-panel.panel {
	background-color: #fff;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.member-panel.panel .profile-image {
	/*background: linear-gradient(145deg, #FDCD35 0%, #FC377C 100%);*/
	background: #ff6e80;
	border-radius: 100%;
	max-width: 124px;
	padding: 0 !important;
}

.member-panel.panel img.profile-image {
	border-radius: 50% !important;
	width: 124px !important;
	padding: 5px !important;
}


/*New Top Nav*/

.TopNav {
	position: absolute;
	width: calc(100vw - 0px);
}

.customTopNav {
	left: 0 !important;
}

.topnavs .lump-navigation .nav-pills li a {
	color: #58595b;
	background: transparent;
	border-radius: 0;
	margin-bottom: 1px;
	border: 0;
	padding-bottom: 20px;
}

.topnavs .lump-navigation .nav-pills li a:hover,
.topnavs .lump-navigation .nav-pills li a:active,
.topnavs .lump-navigation .nav-pills li a:target,
.topnavs .lump-navigation .nav-pills li a:focus {
	color: #ff6e80 !important;
	background: transparent;
	border-bottom: 2px solid #ff6e80; 
	border-radius: 0;
	margin-bottom: 1px;
}

.topnavs .lump-navigation .nav-pills {
	border-bottom: 1px solid #F4F5F6;
	padding: 0;
}

.topnavs .lump-navigation .nav-pills li.active-bookmark a {
	color: #e60c2b !important;
	background: transparent;
	border-bottom: 2px solid #e60c2b;
	border-radius: 0;
	margin-bottom: 1px;
}

.topnavs .lump-navigation .nav>li>a {
	padding: 18px 15px;
}

.TopNav>.container>.responsive-padding>.lump {
	padding: 10px 0 !important;
}

.TopNav .lump-navigation .nav-pills {
	background: transparent;
	padding: 20px 30px;
	border: 0;
	text-align: center;
}

.TopNav .lump-navigation .nav-pills li a {
	background: none;
	border: none;
	border-radius: 0;
	font-size: 16px;
	padding: 0 15px;
}

.TopNav .lump-navigation .nav-pills li:last-child a {
	border-right: none;
}

.TopNav .lump-navigation .nav-pills li a:hover {
	color: #fff;
}


/*Murtaza 10-11-2021 | Customdashboard */

.underline {
	text-decoration: underline !important;
}


/*Header*/

.template-login-dashboard .funraisin-header {
	/*background: #fff !important;*/
	min-height: 450px !important;
}

.funraisin-header {
	position: relative;
	overflow: hidden;
}

.funraisin-header .top_header_video {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

/*.loggedin-header .profile-header-title {*/
/*	padding-left: 0;*/
/*}*/

.profile-image-preview {
	/*background: linear-gradient(95.79deg, #dd2211 -0.38%, #f96868 100.25%);*/
	background: #FFF;
	border-radius: 100%;
	max-width: 260px;
	padding: 0 !important;
}

.profile-image-preview img {
	/*border-radius: 50%;*/
	width: 260px!important;
	padding: 5px;
}


/*.profile-header-event,*/
/*.profile-header-event,*/
/*.profile-header-goal,*/
/*.profile-header-yourpage*/
/* {*/
/*	display: none;*/
/*}*/

.profile-header-raised .btn {
	text-align: left;
	max-width: 230px;
}

.profile-header-share {
    float: right;
    margin-top: 15px;
    margin-left: -10px;
}

.profile-header-share .share-page-icons {
	margin: 0;
}

/*.funraisin-page-nav ul li a {*/
	/*border-bottom: 2px solid #ddd;*/
/*	padding-bottom: 20px;*/
/*}*/

/*.funraisin-page-nav ul li a.active {*/
/*	border-bottom: 4px solid #dd2211;*/
/*}*/


/*reward section */

.my_reward_section h4 {
	font-weight: 500;
	color: #fff;
}

.reward_level_box {
    background: #333;
	mix-blend-mode: normal;
	padding: 20px 40px 40px;
	position: relative;
}

.reward_level_box:after {
	position: absolute;
	content: '';
	bottom: -60px;
	left: calc(50% - 30px);
	border-top: 30px solid #333;
	border-right: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 30px solid transparent;
}

.reward_level_box h2 {
	font-weight: 500;
	color: #fff;
}

.progress,
.progress-bar {
	box-shadow: none;
	border-radius: 0;
}

.next_level {
	background: linear-gradient(93.39deg, #C4C4C4 5.72%, #FFFFFF 72.54%);
	border-radius: 750px;
	padding: 5px 40px 5px 30px;
	display: flex;
	align-items: center;
	width: max-content;
	min-width: auto;
	margin-left: auto;
	color: #58595b;
}

.next_level.footer_tier {
	margin-right: auto;
	margin-left: 0;
}

.next_level h4 {
	font-weight: 500;
	color: #151212;
}

.next_level.bronze {
	background: linear-gradient(89.79deg, #8E5C00 0.18%, #FCD165 99.82%);
}

.next_level.silver {
	background: linear-gradient(89.79deg, #999999 0.18%, #EEEEEE 99.82%);
}

.next_level.gold {
	background: linear-gradient(89.79deg, #C69A00 0.18%, #FFECA7 99.82%);
}

.next_level.diamond {
	background: linear-gradient(89.79deg, #5EA7CF 0.18%, #DDF3FF 99.82%);
}

.next_level.platinum {
	background: linear-gradient(89.79deg, #CDCDCD 0.18%, #FBFBFB 99.82%);
}

.next_level.superstar {
	background: linear-gradient(89.79deg, #E6BB4C 0.18%, #FDFFA4 99.82%);
}


/*reward items */

.reward_items .reward_item {
	padding: 10px 10px 1px;
	background: transparent;
	position: relative;
	margin-bottom: 10px;
}

.reward_items .reward_item.current {
	background: #934fde;
	mix-blend-mode: normal;
}

.reward_items .reward_item_title {
	background: #B3B3B3;
	padding: 3px 15px;
}

.reward_items .reward_item.active .reward_item_title {
	background: #151212;
}

.reward_items .reward_item_title h4 {
	color: #fff;
}

.reward_items .reward_rewarded {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 40px;
	z-index: 9;
}

.reward_items .reward_item p {
	color: #fff;
	opacity: 0;
	cursor: default;
}

.reward_items .reward_item.current p {
	opacity: 1;
	cursor: pointer;
}


/*achieveement section*/

.border_box {
	border: 1px solid #ccc;
	padding: 40px 40px;
	display: inline-block;
    width: 100%;
}

.my_achievement_section h4 {
	font-weight: 500;
}

.my_achievement_section h4 strong {
    color: #ff6e80;
}

.achievement_item img {
	max-width: 130px;
}


/*training  section*/

.c3-shape {
    stroke: #393939!important;
    fill: #393939!important;}

.my_training_section .training_chart {
	margin-left: -15px;
}

.my_training_section .tick text {
	font-size: 12px;
}

.my_training_section #progress-fitness {
	width: 230px;
	margin: 20px 30px 0 auto;
}

.training_items {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.training_items .percentage {
	font-weight: bold !important;
	font-size: 44px !important;
}

.training_items p {
	color: #58595b;
}

.field {
	width: 20px;
	height: 20px;
	position: absolute;
	font-size: 20px;
	color: #58595b;
}


/*Donations*/

#Donations .donation .panel {
	border: 2px solid #ededed;
	border-radius: 0;
}

#Donations .donation-row .donation .profileimage .profile-image-wrapper {
	position: relative;
	background: linear-gradient(95.79deg, #dd2211 -0.38%, #f96868 100.25%);
	border-radius: 100%;
}

#Donations .donation-row .donation .profileimage .profile-image-wrapper img {
	padding: 5px;
	border-radius: 100%;
}

#Donations .donation-row .donation .amount .currency {
	font-weight: 500;
}

.bt-light-grey {
	border-top: 0;
}

.progress .fa-heart {
	background: url(url(https://d1r30chxima691.cloudfront.net/245abd1f36ca42de68e99bc65ab2388b.svg));
	background-size: contain;
	width: 40px;
	height: 40px;
	top: -10px;
	margin-left: -20px;
	background-repeat: no-repeat;
}


/*Ranking section */

.my_ranking_section h4 {
	font-weight: 500;
}

.my_ranking_section h4 strong {
	color: #ff6e80;
}


/*custom tabs */

.custom_fundraising_nav ul {
	padding: 0;
	margin: 0;
	display: flex;
}

.custom_fundraising_nav li {
	list-style: none;
	text-align: center;
	width: 100%;
	background: #fff;
	padding: 1px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #58595b;
}

.custom_fundraising_nav li.active {
	background: #58595b;
}

.custom_fundraising_nav li h3 {
	color: #58595b;
}

.custom_fundraising_nav li.active h3 {
	color: #fff;
}


/*Leaderboards */

.dashboard_leaderboard .leaderboardrow {
	/*background: transparent!important;*/
	background: #f3f6f8 !important;
	padding: 10px 0 10px 5px;
}

.dashboard_leaderboard .leaderboardrow:nth-child(even) {
	background: #e8edf1 !important;
}

.dashboard_leaderboard .rank {
	position: relative !important;
	display: inline-block;
	width: 50px !important;
	text-align: left !important;
	font-family: inherit !important;
}

.dashboard_leaderboard .profileimage {
	margin-right: 20px;
}

.dashboard_leaderboard .profilename {
	width: 46% !important;
}


/*fundraising_info*/

.fundraising_info {
	display: flex;
}

.fundraising_info i {
	font-size: 32px;
	color: #58595b;
	padding-top: 17px;
}


/*-------------------*/


/*Profile page */


/*------------------*/

/*#template-profile .funraisin-profile-header .share-page-icons {
	display: none;
}*/

#template-profile .profileSidebar {
	/*margin-top: -720px !important;*/
	overflow: visible;
	margin-bottom: 20px;
}

#template-profile .profileSidebar .share-page-icons .btn:not(.btn-social),
#template-profile .funraisin-profile-header h1+p {
	display: none;
}

.profile_ticker {
	/*background:  #F5F5F5;*/
	position: absolute;
	bottom: 20px;
	max-width: 850px;
}

.profile_ticker i,
.profile_ticker p,
.profile_ticker h4 {
	color: #fff;
}

.profile_ticker h4 {
	font-weight: 500;
}

.sharing_icons_panel {
	display: block;
	position: absolute;
	bottom: -115px;
	width: 100%;
	text-align: center;
}

#template-profile .my_achievement_section {
	position: relative;
	overflow: hidden;
	padding: 80px 0 !important;
    background: #40206d;
}

#template-profile .my_achievement_video {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	display: none;
}

#template-profile .my_achievement_section .border_box,
#template-profile .my_training_section .border_box,
#template-profile .majors_section .border_box {
	border-color: transparent;
	background: #fff;
}

#template-profile .my_training_section,
#template-profile .my_training_section,
#template-profile .majors_section {
	background: #40206d;
}

.majors_section .majors_badges {
    display: inline-block;
}

.funraisin-header .funraisin-profile-header h1 {
	margin-top: 5px;
}

#Leaderboard .leaderboardrow .profileimage {
    width: 17%;
}

.checklist .checklist-item.active {
    background: #946bce !important;
}

.checklist .checklist-item.active .fa,
.checklist .checklist-item.active p {
    color: #fff !important;
}

#template-profile #Blog-Profile .blog {
    display: none;
}

#Event-Leaderboard h4 {
    font-size: 20px !important;
}

#template-profile #Donations {
        background: #ededed;
}

.matched-giving-icon {
    padding: 4px 15px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

#tabgallery .btn-secondary {
    margin-bottom: 20px;
}

#template-profile .backgroundVideo {
    background-position: 50% bottom !important;
}

#template-profile #grid {
    height: 500px;
}

#Blog-Profile.mt40 {
    margin-top: 20px !important;
}

#Blog-Profile h3 {
    /*color: #4a0d66;*/
}

#Badges.badges-diy {display:none;}

.flowers.col-sm-3 {
    padding: 0 4px !important;
}

#LightboxDonationForm .tab-pane {
    border:none;
    padding:0;
}
#LightboxDonationForm .nav-tabs {
    padding-top: 15px;
}
#LightboxDonationForm .nav-tabs li {
    border-radius: 0;
    border: none;
    opacity: 1;
}
#LightboxDonationForm .nav-tabs li a {
    color: #000;
    border: 3px solid #0069d59;
    text-decoration: none;
    border-radius: 0;
    margin: 0;
}
#LightboxDonationForm .nav-tabs li.active a {
    color: #fff;
}

.giphy-items .add-giphy {
    width:33%;
    padding:10px;
    cursor:pointer;
}
.giphy-items .add-giphy.selected {
    border: 1px solid #021589;
}

#LightboxDonation .cropit-preview {
    width:150px !important;
    height:150px !important;
}

#LightboxDonation .cropit-preview > img {
    width:100%;
    height:100%;
    object-fit:cover;
}

#Donations .profile-image-wrapper {
    width: 100%;
    height: auto;
    border-radius: 0;
}

#Donations .profile-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.option-box {
    border: 1px solid #ccc;
    padding: 10px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}
    
.option-box:hover {
    border: 1px solid #592c82;
}

.donationHandlers.minimal .copy-text .col-xs-12 span {
    padding: 20px 0 0 15px;
}

.donationHandlers.minimal .copy-text .col-xs-12 img {
    margin-bottom: 20px;
}

#Donations .donation .amount p {
    font-size: 17px;
    font-weight: 700;
    line-height: 200%;
}

/* Rotating Graphic - Raised Over */

.raised-over .lump-container {
    position: relative;
}

.spin-img {
    position: absolute;
    top: 0;
}

.spin-img img {
    animation: spin-image 20s linear infinite;
}

@keyframes spin-image {
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(360deg); 
    }
}

.rotate-image img {
    animation: spin-image 20s linear infinite;
}


/* Rotating Logo Carousel */

.carousel-cell {
    width: 30%;
    height: auto;
    padding: 0 1em;
}

@media (min-width: 1024px) and (max-width: 1600px) {
    .carousel-cell {
        width: 15%;
        padding: 0 1em;
    }
}
@media (min-width: 1601px) {
    .carousel-cell {
        width: 10%;
        padding: 0 1em;
    }
}


/*AI Call to Action on dashboard and profile*/

#AIDashboard {
    background-image: url(https://drx076mf7ktbt.cloudfront.net/8f53c78a357967ee2599328dda095e73.jpg);
    background-size: cover;
    background-position: top center;
}

#AIDashboard .ai-text {
    padding: 24px 30px;
    border: 1px solid #ccc;
    border-radius: 16px;
    background: #FFF;
}

#AIDashboard .ai-profile img {
    border-radius: 100%;
}

#AIDashboard .ai-text:after {
    content: " ";
    width: 30px;
    height: 30px;
    position: absolute;
    left: -15px;
    top: calc(50% - 15px);
    border-top: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    transform: rotate(45deg);
    background: #fff;
}

.slide-back .btn-primary {
    border-color: #946BCE !important;
    background: #946BCE !important;
    color: #fff;
    border-width: 2px;
}

.slide-back .btn-primary:hover {
    border-color: #fff !important;
    background: transparent !important;
    color: #fff;
    border-width: 2px;
}

.slide-next .btn-secondary {
    border-color: #fff !important;
    background: transparent !important;
    color: #fff;
    border-width: 2px;
    border-radius: 60px;
}

.slide-next .btn-secondary:hover {
    border-color: #fff !important;
    background: #fff !important;
    color: #000;
    border-width: 2px;
    border-radius: 60px;
}

.slide-next .btn .material-icons,
.slide-back .btn .material-icons {
    margin: 0 !important;
}

.slide-next .btn .material-icons {
    margin-left: 5px !important;
}

.field.field-82 {
    left: 12px !important;
    top: 40px !important;
}

.legacy-indiv-box .people-helped h3 span {
    color: #ff6e80 !important;
}

.legacy-indiv-box .amount-raised h3 span {
    color: #ff6e80 !important;
}

.fundraising_info img{
    filter: grayscale(1);
}

.reward_item_image img {
    filter: hue-rotate(29deg) saturate(0.7) brightness(1.1);
}

/** Badge */
.funraisin-header .profile-image-preview { position: relative; }
.funraisin-header .profile-picture-badge { position: absolute; width: 100px !important; bottom: -30px; right: -7px; }

/** Raised amount */
.profileSidebar .sidebar-top .iveRaised { width: 100%; }


/** Offline Event Tickets **/
section#Tickets {padding: 0px 20px;}

#Tickets .ticket-row h3 {font-size: 24px;}

#Tickets .ticket-row .col-sm-8 {width:55%;}

#Tickets .ticket-row div:nth-child(2) {width:25%;}

#Tickets .ticket-row .div:nth-child(3) {width:inherit;}
