@import url('https://use.typekit.net/bsb3qxq.css');


/*Custom Font - Please Don't Delete*/

/*.content h1, h1, h2 {*/
/*    font-family: "filson-soft";*/
/*    font-weight:900 !important;*/
/*}*/

/*.content h3, h4, h5, h6 {*/
/*    font-family: "filson-soft";*/
/*    font-weight:700 !important;*/
/*}*/

.template-donation .donationHandlers .dollarhandle .dollarhandle-text {border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.template-donation .donationHandlers .dollarhandle .dollarhandle-image {border-top-left-radius:10px;border-top-right-radius:10px;}

.btn-xl {font-size: 19px !important;line-height: 1.8em;}
.btn-xl.btn-white-border {padding:9px 20px;}

.loggedin-header:before, .profile-header:before {background:rgba(255,255,255,0.7)}

.profileSidebar .money {color:#f6d05e;}

.lump-news h4 {color:#000;}

/*Nav*/
.funraisin-sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu a{
    color: #252a34;
    font-size: 14px;
    font-weight: 400;
}

.funraisin-sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu a:hover{
    color: #762000;
}

#Badges {display: none;}


/* custom dashboard DIY */
.section-custom {
    margin-bottom: 80px;
}
.my-fundraising-custom, 
.fundraising-checklist-custom,
.my-achievements-custom,
.my-resources-custom {
    border: 3px solid rgba(118, 32, 0, 1);
    border-radius: 20px;
    padding: 25px;
}
.progressbar-custom-fundraising .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.progressbar-custom-fundraising {
    background-color: rgba(118, 32, 0, 1);
    color: #fff;
    border-radius: 15px;
    padding: 20px;
}
.progressbar-custom {
    background-color: #fff;
    width: 100%;
    height: 25px;
    border-radius: 100px;
    margin: 20px 0;
    position: relative;
}
.current-progress:after {
    content: '';
    background-image: url(https://d31zhysswv6hwi.cloudfront.net/9b54c221655906125e9bca98b3019748.png);
    height: 50px;
    width: 50px;
    position: absolute;
    right: -20px;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -17px;
}
.current-progress {
    background-color: rgba(255, 228, 177, 1);
    height: 25px;
    border-radius: 100px;
    position: relative;
}
.btn.btn-outline-primary {
    border: 2.5px solid rgba(118, 32, 0, 1);
    color: rgba(118, 32, 0, 1);
}
.btn.btn-outline-primary:hover {
    background-color: rgba(118, 32, 0, 1);
    color: #fff;
}
.card-badge {
    text-align: center;
}
.card-impact {
	border: 1px solid rgba(118, 32, 0, 1);
	border-radius: 10px;
	overflow: hidden;
}
.card-impact-header img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}

.card-impact-header {
	position: relative;
}
.card-impact-header span.info-impact img {
	width: 35px;
	height: 35px;
}

.card-impact-header span.info-impact {
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.card-impact-body {
	padding: 20px;
	background-color: #fff;
}
.cta-start-fundraising .container{
	display: flex;
	align-items: center;
	justify-content: center;
	gap:25px;
}
.cta-start-fundraising{
	background:rgba(255, 210, 125, 1);
	margin-top: -20px;
    padding: 25px 0;
}
.cta-start-fundraising h5{
	color:rgba(118, 32, 0, 1);
	font-size: 19px;
    font-weight: bold;
}
.cta-start-fundraising .btn{
	border-color:rgba(118, 32, 0, 1) !important;
	color:rgba(118, 32, 0, 1) !important;
}
.my-achievements-custom.row {
    justify-content: center;
}
.btn-action{
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
}
.terms-panel .row a {
    padding-left: 5px !important;
}

.panel span.fa.fa-link {
    color: #fff;
}


/* Checlist DIY Dashboard  */
.list-checklist {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.item-checklist.completed {
    background-color: #AFBE8F;
}
.more-checklist .item-checklist.completed{
    background-color: #F46036;
}
.item-checklist {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #e5e3e3;
    padding: 5px 15px;
    border-radius: 10px;
    cursor: pointer;
}
.item-checklist-left i {
    font-size: 25px;
}
.item-checklist-left {
    display: flex;
    align-items: center;
    gap: 10px;
}
.item-checklist-right span {
    background-color: #bdbdbd;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.item-checklist .item-checklist-right i {
    display: none;
}
.item-checklist.completed .item-checklist-right span i {
    display: block;
    color: #b26f78;
}
.item-checklist.completed .item-checklist-right span {
    background-color: #fff;
}
/* End Checlist DIY Dashboard  */

.loggedin-header .cover-image-upload {
    z-index: 998;
}

/* ── Tablet fixes (768px – 1199px) ───────────────────────────────────── */
@media (min-width: 768px) and (max-width: 1199px) {

    .legals-logo {
        display: flex !important;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
    }
    .legals-logo img {
        height: 48px !important;
        width: auto !important;
    }
    footer .col-md-10,
    footer .col-md-2.pull-right,
    .funraisin-footer .col-md-10,
    .funraisin-footer .col-md-2.pull-right {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        float: none !important;
        text-align: left !important;
    }
    .funraisin-footer .col-md-2.pull-right img,
    footer .col-md-2.pull-right img {
        display: block;
        margin: 10px 0 0 0;
    }

    .btn-xl.btn-block {
        white-space: normal !important;
        font-size: 15px !important;
        line-height: 1.4 !important;
        padding: 10px 12px !important;
    }
    .funraisin-page-right {
        overflow: visible !important;
    }

    /* Checklist tablet fixes */
    .list-checklist {
        gap: 0 !important;
    }
    .item-checklist {
        padding: 12px 15px !important;
        margin-bottom: 12px !important;
    }
    .item-checklist:last-child {
        margin-bottom: 0 !important;
    }
    .item-checklist-left {
        display: flex !important;
        align-items: center !important;
        gap: 0 !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
    }
    .item-checklist-left i {
        font-size: 20px !important;
        flex-shrink: 0 !important;
        margin-right: 15px !important;
    }
    .item-checklist-left h5 {
        font-size: 13px !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        word-break: break-word !important;
        margin: 0 !important;
    }
    .item-checklist-right {
        flex-shrink: 0 !important;
    }

    #DonorsCustom.donation-standard .donation,
    #Donors.donation-standard .donation {
        width: 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
    .profile-image-frame {
        max-width: 100% !important;
    }

    .btn.btn-outline-primary {
        white-space: normal !important;
        word-break: break-word;
    }

    #popup .panel {
        width: 100% !important;
    }
    #popup .col-sm-4,
    #popup .col-sm-8 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
    #popup .col-sm-4 {
        padding: 20px !important;
    }
    #popup .col-sm-8 {
        padding: 20px !important;
    }
    #popup {
        overflow-y: auto;
    }
    .fancybox-wrap {
        width: 88vw !important;
        max-width: 88vw !important;
        left: 6vw !important;
        right: 6vw !important;
    }
    .fancybox-skin {
        width: 100% !important;
        overflow: visible !important;
    }
    .fancybox-outer,
    .fancybox-inner {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
    .fancybox-close {
        right: -10px !important;
        top: -10px !important;
    }
    #popup .panel .BtClose {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        z-index: 9999 !important;
    }
    #popup .panel {
        position: relative !important;
    }
}

@media (max-width: 767px) {
    .btn.btn-outline-primary {
        white-space: normal !important;
        word-break: break-word;
    }
    #popup .panel {
        width: 100% !important;
    }
    #popup .col-sm-4,
    #popup .col-sm-8 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
    #popup .col-sm-4 {
        padding: 20px !important;
    }
    #popup .col-sm-8 {
        padding: 20px !important;
    }
    #popup {
        overflow-y: auto;
    }
    .fancybox-wrap {
        width: 92vw !important;
        max-width: 92vw !important;
        left: 4vw !important;
        right: 4vw !important;
    }
    .fancybox-skin {
        width: 100% !important;
        overflow: visible !important;
    }
    .fancybox-outer,
    .fancybox-inner {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
    .fancybox-close {
        right: -10px !important;
        top: -10px !important;
    }
    #popup .panel .BtClose {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        z-index: 9999 !important;
    }
    #popup .panel {
        position: relative !important;
    }
}