
.sticky-donate-container {
	position: relative;
	display: grid;
	grid-template-columns: [header-start intro-start widget-start] 1fr [widget-end intro-end header-end];
	grid-template-rows: [header-start] auto [header-end intro-start] auto [intro-end widget-start] auto [widget-end];
	column-gap: var(--organism-standard-gap);
}


.page-header__intro-text {
	max-width: calc(50% - (var(--organism-standard-gap) / 2));
}

.sticky-donate-container .FundraiserDonationWidget {
	grid-area: widget;
}

#FundraiserDonationWidget #main-donation .albasc {
	display: grid;
	gap: 0.5em;
}


#FundraiserDonationWidget #main-donation .albasc .slt_21Yt {
	transform: none !important;
	float: none !important;
	position: static !important;
}



#FundraiserDonationWidget #main-donation .radio-toolbar {
    display: flex !important;
    gap: 1em !important;
    align-items: center !important;
}

#FundraiserDonationWidget #main-donation .radio-toolbar label {
	color: white !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: static !important;
}


#FundraiserDonationWidget #main-donation .email_box,
#FundraiserDonationWidget .business_name, 
#FundraiserDonationWidget .is_comment {
	display: grid;
}

#FundraiserDonationWidget #main-donation .email_box *,
#FundraiserDonationWidget .business_name *, 
#FundraiserDonationWidget .is_comment * {
	order: 5;
}


#FundraiserDonationWidget #main-donation div:not([style="display: none;"]):has( > label) {

}

#FundraiserDonationWidget #main-donation div:has( > label) label{
/*   order: 0 !important;
	transform: none !important;
	float: none !important;
	position: static !important; */
} 

#FundraiserDonationWidget #main-donation .email_box input, 
#FundraiserDonationWidget #main-donation .is_comment textarea, 
#FundraiserDonationWidget #main-donation .business_name input, 
#FundraiserDonationWidget #main-donation .geolocate input,
#FundraiserDonationWidget #main-donation .donationwidget-form select,
/* 	order: 1 !important;
	border: 1px solid #ccc !important;
	border-radius: 8px !important;
	padding-inline: 15px !important;
	padding-block: 8px !important; */
}

#FundraiserDonationWidget #main-donation .other-amount-form input[type=tel]{
/* display: none; */
}

#FundraiserDonationWidget #main-donation .donationwidget-form select {
/*   background-position: calc(100% - 43px) calc(50% - 1px), calc(100% - 9px) calc(50% - 1px) !important; */
}

#FundraiserDonationWidget .donationwidget-checkbox label {
/* 	display: grid !important;
	grid-template-columns: [check-start] auto [check-end label-start] 1fr [label-end];
	grid-template-rows: [check-start label-start] auto [label-end check-end ]; */
}

#FundraiserDonationWidget #main-donation  .donationwidget-checkbox label {
/* 	display: grid !important;
	grid-template-columns: [check-start] 1rem [check-end label-start] 1fr [label-end];
	grid-template-rows: [check-start label-start] auto [label-end check-end ];
	gap: 0.75em;
	font-size: 14px !important; */
}


#FundraiserDonationWidget #main-donation .donationwidget-checkbox >  * {
/* 	grid-area: label !important; */
}


#FundraiserDonationWidget #main-donation .donationwidget-checkbox input[type=checkbox] {
/* 	grid-area: check !important;
	order: 0;
	float: none;
  position: static !important; */
}


#FundraiserDonationWidget span[id$='error'] {
	display: block;
	color: red;
	font-size: 0.875em;
	padding-bottom: 0.75em;
}

#FundraiserDonationWidget #main-donation * div > .active-error {
    border-color: red !important;
}


#FundraiserDonationWidget h1,
#FundraiserDonationWidget h2,
#FundraiserDonationWidget h3,
#FundraiserDonationWidget h4,
#FundraiserDonationWidget h5,
#FundraiserDonationWidget h6 {
	margin-block: 20px !important;
	font-size: 35px !important;
}

#FundraiserDonationWidget h1:first-child,
#FundraiserDonationWidget h2:first-child,
#FundraiserDonationWidget h3:first-child,
#FundraiserDonationWidget h4:first-child,
#FundraiserDonationWidget h5:first-child,
#FundraiserDonationWidget h6:first-child {
	margin-top: 0px !important;
}

#FundraiserDonationWidget #main-donation #ChooseTab, 
#FundraiserDonationWidget #DetailsTab, 
#FundraiserDonationWidget #PaymentTab, 
#FundraiserDonationWidget #FinalTab {
	padding: 1.25rem !important;
}





.sticky-donate-container #hs_cos_wrapper_donate_header {
	grid-area: header;
	z-index: 20;
}

.sticky-donate-container #hs_cos_wrapper_donate_intro {
	grid-area: intro;
	z-index: 20;
}

.donate-text .module__inner{

}

.donate-text .mv-2-col{
	padding-inline: 0;
}

.donate-text .mv-2-col .mv-2-col__aside{
	background: none;
}
.donate-text *:last-child {
	margin-bottom: 0;
}

.donate-text .mv-2-col .mv-2-col__inner {
	grid-template-columns: 1fr;
}
.donate-text .mv-2-col .mv-2-col__main {
	display: flex;
	flex-direction: column;
	gap: var(--molecule-standard-gap);
}

.donate-text .mv-2-col .mv-2-col__main.align-image-left{
	order: 1;
}

.donate-text .mv-2-col__main-button{
}


.donate-text.style--mv-card{
	border-radius: var(--global-radius);
}

.donate-text.style--mv-card .mv-image{
	border-radius: 0;
}

.donate-text.style--mv-card.aside--image .mv-2-col__inner{
	gap: 0;
}

.donate-text.style--mv-card:not(.aside--image),
.donate-text.style--mv-card.aside--image .mv-2-col__main{
	padding: var(--organism-standard-gap);
}

.donate-text.style--mv-card.aside--image .mv-image{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

@media (min-width: 960px) {
    .donate-text .mv-2-col .mv-2-col__inner {
        grid-template-columns: 1fr 1fr;
    }

		#FundraiserDonationWidget {
			position: sticky;
			top: calc(var(--dynamic-header-height) + var(--molecule-standard-gap));
			bottom: var(--molecule-standard-gap);
			z-index: 60;
		}
	
	.sticky-donate-container {
		grid-template-columns: [header-start intro-start] auto  var(--content-size--half) [widget-start] var(--content-size--half) [widget-end] auto [intro-end header-end];
		grid-template-rows: [widget-start header-start] auto [header-end intro-start] auto [intro-end widget-end];
	}

}
