:root{
    --primary:#c91d1d; /*red*/
    --primary-light:#f2eeed;
    --primary-dark:#c91d1d;
    --secondary:;
    --secondary-light:;
    --secondary-dark:;
    --text-font-size-xlarge:24px;
}

.title-nobold span{
    font-weight: 400;
}

.quote__text p{
    font-size: 1.5rem

}

ul:not([class])>li:not([class]), ul.list li{
    position: relative;
    margin-left: 40px;
}

#Footer ul:not([class])>li:not([class]){
    margin-left: 0;
}
ul:not([class])>li:not([class]):before, ul.list li:before {
    position: absolute;    
    left: -25px;
        color: var(--primary-dark);
    content: "•";
    font-size: 1.5rem;
    line-height: 1;
}




.registration-steps ul:not([class])>li:not([class]):before, .donate-main li:before{
    font-size: 0 !important;
}

 #Footer ul:not([class])>li:not([class]):before{
     content:"";
 }

ol, ul {
    color: var(--text-color);
    list-style: none;
}


.lang-EN .FooterNL, .lang-NL .FooterEn{
    display: none;
}

.lang-NL .FooterNL, .lang-EN .FooterEn{
    display: block;
}

.icons__title{
    font-size:44px;
    font-weight:bold;
}

#share-page-icons .btn-social{
       background: white !important;
    color: var(--primary) !important;
    border: 1px white solid !important;
}

.funraisin-profile-header .deceased-date{
    font-size: 1.5em !important;
}

.donate-main h3{
    text-align: left !important;
    padding: 0 16px;
    
}

.donate-main h3 > span{
    font-weight: 400 !important;
}

.donate-main .form-control{
    border: 2px solid black;
    border-radius: 0px;
}

.lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio .radio-amount {
    padding: 0;
    width: 100%;
    justify-content: center;
    padding: 8px 15px;
    border: 2px solid #000000;
    border-radius: 0px !important;
    font-size: 17px;
}

.lump-donationform .input-group > * {
    border: 2px solid #000000;
    border-radius: 0px !important;
}
.lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio.selected .radio-amount{
    background: white !important;
    border: 2px solid var(--primary);
    color: var(--primary) !important;
}

.lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio .radio-amount::after{
    content: url(https://d3ub627r4l477c.cloudfront.net/c528e99b9d5e0631582c007fd2c14863.svg);
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: -2px;
    top: -2px;  
}

.lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio.selected .radio-amount::after{
    content: url(https://d3ub627r4l477c.cloudfront.net/99f0e696b4e6c65a9566410502877362.svg);
}

.lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio.selected .radio-amount::after{
    content: url(https://d3ub627r4l477c.cloudfront.net/99f0e696b4e6c65a9566410502877362.svg);
}


.lump-donationform #amountdetails .donationHandlers .radio-border, .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio{
    border-radius: 0px;
}

.lump-donationform #amountdetails .handles-container.handles-layout-default .donationHandlers .radio:hover{
        background: white !important;
    border-color: var(--primary);
    color: var(--primary) !important;
}

.title-bar_red h3, .title-bar_red h2{
    
    box-shadow: var(--primary-dark) -10px 0px 0 0;
    margin-left: 10px;
    padding-left: 10px;
}

.template-login-dashboard .loggedin-header, .template-lumps .loggedin-header {
 background: url('https://d3ub627r4l477c.cloudfront.net/2feyjvto6vwgkooosck4c80kw.jpg') ;
}
/*Donation input styling*/
#personaldetails fieldset:has(#donation-type-legend),
#personaldetails #d_receipt_container {
	display: none;
}

.lump-donationform #personaldetails .form-group:not(:has(.d_optin)) label:not(.toggle-btn),
#ProfileDonationForm #personaldetails .form-group:not(:has(#d_lname),:has(#d_display_name)) label:not(.toggle-btn):not(.toggle-btn):not(.checkbox-label) {
	position: absolute;
	z-index: 2;
	background: #fff;
	padding: 0 2px;
	margin: 0;
	pointer-events: none;
	transition: all 0.2s ease;
	color: #777;
	font-size: 14px;
	line-height: 1;
	width: fit-content;
	left: 20px;
	top: -6px;
}

#ProfileDonationForm #personaldetails .form-group  label[for="d_lname"] {
	position: absolute;
	z-index: 2;
	background: #fff;
	padding: 0 2px;
	margin: 0;
	pointer-events: none;
	transition: all 0.2s ease;
	color: #777;
	font-size: 14px;
	line-height: 1;
	width: fit-content;
	left: 160px;
    top: -6px;
}
#ProfileDonationForm #personaldetails .form-group  label[for="d_lname_prefix"] {
	position: absolute;
	z-index: 2;
	background: #fff;
	padding: 0 2px;
	margin: 0;
	pointer-events: none;
	transition: all 0.2s ease;
	color: #777;
	font-size: 14px;
	line-height: 1;
	width: fit-content;
	left: 20px;
	top: -6px;
}
#ProfileDonationForm #personaldetails .form-group  label[for="d_display_name"] {
	position: absolute;
	z-index: 2;
	background: #fff;
	padding: 0 2px;
	margin: 0;
	pointer-events: none;
	transition: all 0.2s ease;
	color: #777;
	font-size: 14px;
	line-height: 1;
	width: fit-content;
	left: 20px;
    top: 112px;
}

.lump-donationform #personaldetails input.form-control,.lump-donationform #personaldetails select,
#ProfileDonationForm #personaldetails input.form-control,#ProfileDonationForm #personaldetails select {
	height: 50px;
	color: #000;
}

#ProfileDonationForm #personaldetails input[type="checkbox"] {
	width: 1.3em;
	height: 1.3em;
	margin-top: 3px;
}
#ProfileDonationForm #personaldetails input[type="checkbox"]:checked::after {
	top: -12px;
	left: -2px;
	color: #c81e1e;
	font-size: 36px;
}
#ProfileDonationForm #chooseamount .input-group:has(#d_amount_free) .input-group-addon:not(.bg-primary) {
	border-color: #ced4da;
	 border-width: 2px; 
}
#ProfileDonationForm #chooseamount .input-group #d_amount_free {
	border-color: #ced4da;
}
#ProfileDonationForm #chooseamount .input-group #d_amount_free.bg-primary {
	background-color: #fff !important;
}
#ProfileDonationForm #chooseamount .input-group #d_amount_free.bg-primary:focus {
	color: #000 !important;
}

#ProfileDonationForm .btn-tertiary:not(.btn-back) {
    color: #c91d1d;
    border-color: #c91d1d;
}

#ProfileDonationForm .btn-tertiary:not(.btn-back):hover {
    background-color: #c91d1d;
    color: #fff;
}

/*Donation input styling*/

.template-event-register a[href="https://artsenzondergrenzen.funraisin.com.au/algemene-voorwaarden"] {
	display: contents;
}
.funraisin-profile-header #sharepage a, .funraisin-profile-header #share-page-icons a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}
.funraisin-profile-header #sharepage a i, .funraisin-profile-header #share-page-icons a i {
	margin: 0;
}
.funraisin-profile-header .btn-social {
	padding: 6px 8px!important;
}

.person__name {
    font-size: var(--text-font-size-xlarge) !important;
    font-weight: 700;
}
.bar-red:after{
    background-color: var(--primary);
    content: "";
    display: block;
    height: 4px;
    margin-top: 10px;
    width: 40px;
}
.funeral-date-box {
	display: none;
}
.row:has(#event_name) {
	display: flex;
	align-items: end;
}


/*--- Update - Wicak 4 June ---*/

span a {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

span a:hover {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

/*--- End of Update ---*/

.form-control, .toggle-switch .toggle-btn{
    border:2px solid #000000;
}

.toggle-switch .toggle-btn{
    border-color: black !important;
}

.form-validation-inline input[type="checkbox"] {

    outline: 2px solid #000000!important;
    border-radius: 0px !important;
}

.sidebar-form-toggler-nav ul li:first-child a {
    border-radius: 0;
}

.sidebar-form-toggler-nav ul li a{
    border-radius: 0px !important;
}

.nav-tabs li{
    border-radius: 0;
}

.nav-tabs li h3{
    font-size: 1.5rem;
}
#Badges{
max-width: 880px;
    margin: auto;
}

#Donations .donation .amount{
    color: white !important;
}
#Gallery .galleryContainer {
	margin-top: 20px;
}

#LightboxDonation .donation .amount p {
    color: #fff;
}
.template-login-dashboard .share-qr.btn-block {
    border: none !important;
}

/*Marketing optin styling*/
.template-lumps #Donation .toggle-switch, #template-profile .profileSponsorForm input[name="d_optin_text"] + div {
    display: none;
}
.template-lumps #Donation .channels {
    display: unset !important;
}

/*fix styling on rego flow step*/
.template-event-register .registration-steps ul li {
    margin-left: -5px !important;
}

/* IDEAL (WERO) Rules */
.ideal-icon {
    color: transparent;
    background: url(https://d1vnnzy25fq30w.cloudfront.net/3f4f40e573a29df7eb2ee07d34ec2d7c.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}

/*payment methods*/
.btn-paymentWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0 -15px;
}

.buttons-block.elements-buttons-block .btn-paymentWrapper {
    margin: 15px 0 0;
}

#ProfileDonationForm .btn-paymentWrapper {
    margin: 0;
}

.btn-paymentWrapper[methods="2"] {
    flex-wrap: nowrap;
}

.btn-paymentWrapper[methods="2"] > a {
    width: 100% !important;
    flex-shrink: unset;
}

.btn-paymentWrapper .btn {
    width: 100%;
    padding: 0 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: normal;
    line-height: 120% !important;
    margin: 0 !important;
}
.btn-paymentWrapper .btn.hidden {
    display: none !important;
}

.btn-paymentWrapper .btn.btn-block[data-rel="paypal"] {
    width: calc(100% - 30px);
}

.btn-paymentWrapper .btn-pay-ideal {
    order: 1;
    flex-shrink: 0;
    width: calc(100% - 30px);
}

.btn-paymentWrapper .btn-pay-creditcard {
    order: 2;
    width: calc(50% - 20px);
}

.btn-paymentWrapper .btn-pay-gpay,
.btn-paymentWrapper .btn-pay-applepay,
.btn-paymentWrapper .applePayDummy,
.btn-paymentWrapper #apple-pay-button {
    order: 3;
    width: calc(50% - 20px);
}

.btn-paymentWrapper #apple-pay-button {
    height: 56px;
    display: inline-block;
    padding: 8px 30px !important;
}

.btn-paymentWrapper #apple-pay-button .fa-apple {
    transform: translateX(3px);
}

.btn-payment-element {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: inherit !important;
    font-size: inherit !important;
    font-style: inherit !important;
}

.btn-payment-element img {
    display: inline-block;
    margin: 0 10px 0 0;
}
/*payment methods*/

body.in-memory-diy .profileSidebar .statistics .iveRaised {
    width: 100% !important;
}

#popup .deleteblogimage {
    display: flex;
    justify-content: center;
}

:root{
    --primary:#c91d1d; /*red*/
    --primary-light:#f2eeed;
    --primary-dark:#c91d1d;
    --secondary:;
    --secondary-light:;
    --secondary-dark:;
    --text-font-size-xlarge:24px;
}

.title-nobold span{
    font-weight: 400;
}

.quote__text p{
    font-size: 1.5rem

}

ul:not([class])>li:not([class]), ul.list li{
    position: relative;
    margin-left: 40px;
}

#Footer ul:not([class])>li:not([class]){
    margin-left: 0;
}
ul:not([class])>li:not([class]):before, ul.list li:before {
    position: absolute;    
    left: -25px;
        color: var(--primary-dark);
    content: "•";
    font-size: 1.5rem;
    line-height: 1;
}




.registration-steps ul:not([class])>li:not([class]):before, .donate-main li:before{
    font-size: 0 !important;
}

 #Footer ul:not([class])>li:not([class]):before{
     content:"";
 }

ol, ul {
    color: var(--text-color);
    list-style: none;
}


.lang-EN .FooterNL, .lang-NL .FooterEn{
    display: none;
}

.lang-NL .FooterNL, .lang-EN .FooterEn{
    display: block;
}

.icons__title{
    font-size:44px;
    font-weight:bold;
}

#share-page-icons .btn-social{
       background: white !important;
    color: var(--primary) !important;
    border: 1px white solid !important;
}

.funraisin-profile-header .deceased-date{
    font-size: 1.5em !important;
}

.donate-main h3{
    text-align: left !important;
    padding: 0 16px;
    
}

.donate-main h3 > span{
    font-weight: 400 !important;
}

.donate-main .form-control{
    border: 2px solid black;
    border-radius: 0px;
}

.lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio .radio-amount {
    padding: 0;
    width: 100%;
    justify-content: center;
    padding: 8px 15px;
    border: 2px solid #000000;
    border-radius: 0px !important;
    font-size: 17px;
}

.lump-donationform .input-group > * {
    border: 2px solid #000000;
    border-radius: 0px !important;
}
.lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio.selected .radio-amount{
    background: white !important;
    border: 2px solid var(--primary);
    color: var(--primary) !important;
}

.lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio .radio-amount::after{
    content: url(https://d3ub627r4l477c.cloudfront.net/c528e99b9d5e0631582c007fd2c14863.svg);
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: -2px;
    top: -2px;  
}

.lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio.selected .radio-amount::after{
    content: url(https://d3ub627r4l477c.cloudfront.net/99f0e696b4e6c65a9566410502877362.svg);
}

.lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio.selected .radio-amount::after{
    content: url(https://d3ub627r4l477c.cloudfront.net/99f0e696b4e6c65a9566410502877362.svg);
}


.lump-donationform #amountdetails .donationHandlers .radio-border, .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio{
    border-radius: 0px;
}

.lump-donationform #amountdetails .handles-container.handles-layout-default .donationHandlers .radio:hover{
        background: white !important;
    border-color: var(--primary);
    color: var(--primary) !important;
}

.title-bar_red h3, .title-bar_red h2{
    
    box-shadow: var(--primary-dark) -10px 0px 0 0;
    margin-left: 10px;
    padding-left: 10px;
}

.template-login-dashboard .loggedin-header{
 background: url('https://d3ub627r4l477c.cloudfront.net/2feyjvto6vwgkooosck4c80kw.jpg') ;
}
/*Donation input styling*/
#personaldetails fieldset:has(#donation-type-legend),
#personaldetails #d_receipt_container {
	display: none;
}

.lump-donationform #personaldetails .form-group:not(:has(.d_optin)) label:not(.toggle-btn),
#ProfileDonationForm #personaldetails .form-group:not(:has(#d_lname),:has(#d_display_name)) label:not(.toggle-btn):not(.toggle-btn):not(.checkbox-label) {
	position: absolute;
	z-index: 2;
	background: #fff;
	padding: 0 2px;
	margin: 0;
	pointer-events: none;
	transition: all 0.2s ease;
	color: #777;
	font-size: 14px;
	line-height: 1;
	width: fit-content;
	left: 20px;
	top: -6px;
}

#ProfileDonationForm #personaldetails .form-group  label[for="d_lname"] {
	position: absolute;
	z-index: 2;
	background: #fff;
	padding: 0 2px;
	margin: 0;
	pointer-events: none;
	transition: all 0.2s ease;
	color: #777;
	font-size: 14px;
	line-height: 1;
	width: fit-content;
	left: 160px;
    top: -6px;
}
#ProfileDonationForm #personaldetails .form-group  label[for="d_lname_prefix"] {
	position: absolute;
	z-index: 2;
	background: #fff;
	padding: 0 2px;
	margin: 0;
	pointer-events: none;
	transition: all 0.2s ease;
	color: #777;
	font-size: 14px;
	line-height: 1;
	width: fit-content;
	left: 20px;
	top: -6px;
}
#ProfileDonationForm #personaldetails .form-group  label[for="d_display_name"] {
	position: absolute;
	z-index: 2;
	background: #fff;
	padding: 0 2px;
	margin: 0;
	pointer-events: none;
	transition: all 0.2s ease;
	color: #777;
	font-size: 14px;
	line-height: 1;
	width: fit-content;
	left: 20px;
    top: 112px;
}

.lump-donationform #personaldetails input.form-control,.lump-donationform #personaldetails select,
#ProfileDonationForm #personaldetails input.form-control,#ProfileDonationForm #personaldetails select {
	height: 50px;
	color: #000;
}

#ProfileDonationForm #personaldetails input[type="checkbox"] {
	width: 1.3em;
	height: 1.3em;
	margin-top: 3px;
}
#ProfileDonationForm #personaldetails input[type="checkbox"]:checked::after {
	top: -12px;
	left: -2px;
	color: #c81e1e;
	font-size: 36px;
}
#ProfileDonationForm #chooseamount .input-group:has(#d_amount_free) .input-group-addon:not(.bg-primary) {
	border-color: #ced4da;
	 border-width: 2px; 
}
#ProfileDonationForm #chooseamount .input-group #d_amount_free {
	border-color: #ced4da;
}
#ProfileDonationForm #chooseamount .input-group #d_amount_free.bg-primary {
	background-color: #fff !important;
}
#ProfileDonationForm #chooseamount .input-group #d_amount_free.bg-primary:focus {
	color: #000 !important;
}

#ProfileDonationForm .btn-tertiary:not(.btn-back) {
    color: #c91d1d;
    border-color: #c91d1d;
}

#ProfileDonationForm .btn-tertiary:not(.btn-back):hover {
    background-color: #c91d1d;
    color: #fff;
}

/*Donation input styling*/

.template-event-register a[href="https://artsenzondergrenzen.funraisin.com.au/algemene-voorwaarden"] {
	display: contents;
}
.funraisin-profile-header #sharepage a, .funraisin-profile-header #share-page-icons a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}
.funraisin-profile-header #sharepage a i, .funraisin-profile-header #share-page-icons a i {
	margin: 0;
}
.funraisin-profile-header .btn-social {
	padding: 6px 8px!important;
}

.person__name {
    font-size: var(--text-font-size-xlarge) !important;
    font-weight: 700;
}
.bar-red:after{
    background-color: var(--primary);
    content: "";
    display: block;
    height: 4px;
    margin-top: 10px;
    width: 40px;
}
.funeral-date-box {
	display: none;
}
.row:has(#event_name) {
	display: flex;
	align-items: end;
}


/*--- Update - Wicak 4 June ---*/

span a {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

span a:hover {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

/*--- End of Update ---*/

.form-control, .toggle-switch .toggle-btn{
    border:2px solid #000000;
}

.toggle-switch .toggle-btn{
    border-color: black !important;
}

.form-validation-inline input[type="checkbox"] {

    outline: 2px solid #000000!important;
    border-radius: 0px !important;
}

.sidebar-form-toggler-nav ul li:first-child a {
    border-radius: 0;
}

.sidebar-form-toggler-nav ul li a{
    border-radius: 0px !important;
}

.nav-tabs li{
    border-radius: 0;
}

.nav-tabs li h3{
    font-size: 1.5rem;
}
#Badges{
max-width: 880px;
    margin: auto;
}

#Donations .donation .amount{
    color: white !important;
}
#Gallery .galleryContainer {
	margin-top: 20px;
}

#LightboxDonation .donation .amount p {
    color: #fff;
}
.template-login-dashboard .share-qr.btn-block {
    border: none !important;
}

/*Marketing optin styling*/
.template-lumps #Donation .toggle-switch, #template-profile .profileSponsorForm input[name="d_optin_text"] + div {
    display: none;
}
.template-lumps #Donation .channels {
    display: unset !important;
}

/*fix styling on rego flow step*/
.template-event-register .registration-steps ul li {
    margin-left: -5px !important;
}

/* IDEAL (WERO) Rules */
.ideal-icon {
    color: transparent;
    background: url(https://d1vnnzy25fq30w.cloudfront.net/3f4f40e573a29df7eb2ee07d34ec2d7c.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}

/*payment methods*/
.btn-paymentWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0 -15px;
}

.buttons-block.elements-buttons-block .btn-paymentWrapper {
    margin: 15px 0 0;
}

#ProfileDonationForm .btn-paymentWrapper {
    margin: 0;
}

.btn-paymentWrapper[methods="2"] {
    flex-wrap: nowrap;
}

.btn-paymentWrapper[methods="2"] > a {
    width: 100% !important;
    flex-shrink: unset;
}

.btn-paymentWrapper .btn {
    width: 100%;
    padding: 0 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: normal;
    line-height: 120% !important;
    margin: 0 !important;
}
.btn-paymentWrapper .btn.hidden {
    display: none !important;
}

.btn-paymentWrapper .btn.btn-block[data-rel="paypal"] {
    width: calc(100% - 30px);
}

.btn-paymentWrapper .btn-pay-ideal {
    order: 1;
    flex-shrink: 0;
    width: calc(100% - 30px);
}

.btn-paymentWrapper .btn-pay-creditcard {
    order: 2;
    width: calc(50% - 20px);
}

.btn-paymentWrapper .btn-pay-gpay,
.btn-paymentWrapper .btn-pay-applepay,
.btn-paymentWrapper .applePayDummy,
.btn-paymentWrapper #apple-pay-button {
    order: 3;
    width: calc(50% - 20px);
}

.btn-paymentWrapper #apple-pay-button {
    height: 56px;
    display: inline-block;
    padding: 8px 30px !important;
}

.btn-paymentWrapper #apple-pay-button .fa-apple {
    transform: translateX(3px);
}

.btn-payment-element {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: inherit !important;
    font-size: inherit !important;
    font-style: inherit !important;
}

.btn-payment-element img {
    display: inline-block;
    margin: 0 10px 0 0;
}
/*payment methods*/

body.in-memory-diy .profileSidebar .statistics .iveRaised {
    width: 100% !important;
}

#popup .deleteblogimage {
    display: flex;
    justify-content: center;
}

.gallery .removeImage {
    border-radius: 50%;
    display: flex;
    justify-content: center;
}

/* Tablet devices (568px - 1366px) */
@media screen and (min-width: 568px) and (max-width: 1366px) {

    .funraisin-footer-legals .col-md-10,
    .funraisin-footer-legals .col-md-2 {
        width: 50% !important;
        float: left;
    }

    .panel.reg_confirmation {
        width: 700px !important;
    }

    .panel.reg_confirmation .col-sm-4 {
        width: 40% !important;
    }
    .panel.reg_confirmation .col-sm-8 {
        width: 60% !important;
    }

    #Donors .stats .col-sm-12 {
        padding: 0px !important;
    }

    #Donations .donation {
        width: 33% !important;
    }

    .funraisin-page-right a.btn.btn-primary.btn-xl.btn-block {
        padding: 0 !important;
        font-size: 14px;
    }

    #template-profile .profile-content,  #template-profile .profileSidebar {
        width: 50% !important;
    }

    #popup .panel:has(#LightboxDonationForm) {
        width: 700px !important;
        /* max-width: 90% !important; */
    }


    #template-profile .profile-fitness-activity .col-sm-3,
    #template-profile .profile-fitness-activity .col-sm-9 {
        float: none;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #template-profile .profile-fitness-activity .col-sm-9 {
        margin-top: 20px;
    }

    #template-profile .profile-fitness-activity .col-sm-9 h4 {
        text-align: center;
    }

}

/* End tablet styles */

.template-login-dashboard .loggedin-header .cover-image-upload {
    z-index: unset !important;
}

#fitnesschart svg { 
    overflow: visible !important; 
}

.template-login-dashboard .login-target-distance .input-group-addon {
    padding-left: .375rem !important;
    padding-right: .375rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}