/* Hacks go here */

/* Newsletter sign up adjustments */

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

@media screen and (min-width:40em) {
	.grid--4up>.form-item-mergevars-MMERGE8 {
		width:48.6328125%;
	}
	.grid--4up>.form-item-mergevars-MMERGE8 {
		float: left;
	}
	.d-section--style-banner.d-section--style-banner-1.d-section--sign-up-banner {
		height: auto;
	}
}
@media screen and (min-width:64em) {
	.grid--4up>.form-item-mergevars-MMERGE8 {
		width:23.6328125%;;
	}
	#webform-client-form-1039 .webform-component--artist-credit p, #webform-client-form-1039 .webform-component--artist-credit a, .view-filtered-postcard-form-submissions .artist-credit, .view-filtered-postcard-form-submissions .artist-credit a {
		color: white;
	}
	#webform-client-form-1039 .webform-component--artist-credit {
		bottom: -45px;
		left: 0;
	}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
	.d-section--style-banner.d-section--style-banner-1.d-section--sign-up-banner {
		height: auto;
	}
}

.form-item-mergevars-MMERGE8 select {
	height: 3.42857143em;
}

.form-item-mergevars-MMERGE8 {
	display: none;
}

.page-node-1068 .form-item-mergevars-MMERGE8, .page-node-1072 .form-item-mergevars-MMERGE8 {
	display: block;
}

.page-node-1072 .d-section--mailing-list-sign-up-banner .o-splash__text {
	margin-bottom: 1.5em;
}

.page-node-1068 .form--newsletter #edit-actions--2, .page-node-1068 .form--newsletter #edit-actions, .page-node-1072 .form--newsletter #edit-actions--2, .page-node-1072 .form--newsletter #edit-actions {
	float: none;
	clear: both;
	margin: 1.25em auto;
	padding-top: 0.25em;
}

.gmap-popup {
  color: #808080;
  text-align: left;
}

.gmap-popup h4 {
  font-weight: bold;
  margin-top: 1em;
}

.gmap-popup span {
  display: block;
}

.gmap-popup .location-hidden, .gmap-popup .geo {
  display: none;
}


/* Css for form bugs 
//this is from d7 this form won't exisit in d9 - 29-03-22
#webform-client-form-1039 .webform-component--title p{
    color: #018374;
	font-weight: 700;
	text-transform: uppercase;
}
#webform-client-form-1039 .webform-component-checkboxes{
	margin-left: 1em;
	margin-right: 1em;
}
#webform-client-form-1039 .webform-component-checkboxes input{
	vertical-align: middle;
}*/

/* CSS for mailchimp form on banner */
/* moved to Forms_g and forms_m */

/* Agenda for Action ----------------------- */

/* twaek to quotes */
.d-section--style-text.d-section--alignment-center blockquote {
    text-align: center;
}

/* Colors */
.d-section--modification-3.d-section--media-action-area p:first-child em, .d-section--modification-4.d-section--media-action-area p:first-child em {
    font-size: 1.5em;  
    line-height: 1.33333333333333;
}

.d-section--modification-3.d-section--media-action-area-1 p:first-child em {
    color: #f5a11d;
}

.d-section--modification-4.d-section--media-action-area-2 p:first-child em {
    color: #458AC9;
}
.d-section--modification-3.d-section--media-action-area-4 p:first-child em {
    color: #C33D19;
}
.d-section--modification-3.d-section--media-action-area-5 p:first-child em {
    color: #73862A;
}

/* Decoration */
.d-section--media-action-area .wrapper--max-w {
    border: 2px solid;
}

.d-section--media-action-area-2 .wrapper--max-w {
    border-color: #458AC9;
}

.d-section--media-action-area-1 .wrapper--max-w {
    border-color: #f5a11d;
}

.d-section--media-action-area-3 .wrapper--max-w {
    border-color: #2f8082;
}

.d-section--media-action-area-4 .wrapper--max-w {
    border-color: #C33D19;
}

.d-section--media-action-area-5 .wrapper--max-w {
    border-color: #73862A;
}

.d-section--media-action-area .section__o-media {
    margin-top: 2.25em;
    margin-bottom: 2.25em;
    margin-left: -1.5em;
    margin-right: -1.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    background-color: #fff;
    
}
.infographic .infographic__figcaption {
	max-width: 22em;
}
.infographic .infographic__title {
	font-size: 1.25em;
}
.d-section--modification-8 blockquote,
.d-section--modification-8 figcaption{
	padding-left: 0;
	padding-right: 0;
}
.d-section--modification-7 .wrapper--max-w{
	max-width: 60em;
}
.d-section--modification-7 .section__figure-group:after{
	content: '';
	clear: both;
	display: block;
}
.d-section--modification-7 .infographic{
	text-align: left;
	padding: 0;
	max-width: 30em;
	margin-left: 0;
}
.d-section--modification-7 .infographic__title{
	font-size: 2.25em;
	text-transform: uppercase;
}
.d-section--modification-7 .infographic__title:after{
	width: 100%;
}
.d-section--modification-7 .infographic .infographic__figcaption{ 
	max-width: 100%;
}
@media screen and (min-width: 20em){
	.d-section--modification-8 blockquote{
		font-size: 1.5em;
	}
}
@media screen and (min-width: 60em){
	.d-section--modification-7 .infographic{
		float: left;
		max-width: 50%;
		width: 100%;
		padding: 1.5em;
	}
}
@media screen and (min-width: 60em) and (max-width: 63em){
	.infographic .infographic__title{
		font-size: 1em;
	}
}
/* Why is this here? did they aske for all the banner subtiles to be hidden */
.o-splash .subtitle--splash {
    /* If this is hidden by default then it should be display none 
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    clip: inherit !important;
    clip-path: inherit;
    position: inherit !important;
    white-space: inherit;*/
    display: none;
}

/* Buttons made centerlised */
/* moved to tab-inferface.less */


.webform-quiz--contest > div.form-wrapper:not(.form-actions){
	padding: 3em 1.5em 7em;
}
body main form.webform-quiz--contest{
	position: relative;
	max-width: 100%;
}
.webform-quiz--contest h2{
    font-family: 'lora',TimesNewRoman,"Times New Roman",serif;
    margin-top: 0;
    font-size: 2.25em;
    line-height: 1.33333333;
    margin-bottom: 0.66666667em;
    max-width: 36rem;
}
.webform-quiz--contest .webform-flexbox{
	max-width: 78em;
	margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3em;
}
.webform-quiz--contest #edit-intro .webform-flexbox{
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.webform-quiz--contest .webform-flex{
	flex-basis: 30em;
	width: 100%;
/*	max-width: 40em;*/
}
.webform-quiz--contest #edit-intro .webform-flex{
	display: flex;
	align-items: center;
	justify-content: end;
}
.webform-quiz--contest .webform-flex + .webform-flex{
	flex-basis: 30em;
}
.webform-quiz--contest > div#edit-intro .webform-flex:nth-child(3){
	display: none;
}
.webform-quiz--contest .form-item-processed-text p{
	font-size: 1em;
	line-height: 1.5;
	letter-spacing: 0;
    margin-top: 1.5em;
}
.webform-quiz--contest img{
	max-width: 30em;
	margin-left: auto;
}
.webform-quiz--contest .form-item-processed-text figure:first-of-type{
	margin-top: 0;
}
.webform-quiz--contest .form-item-processed-text figure.align-right figcaption{
	text-align: right;
}
.webform-quiz--contest .form-item-processed-text figure img{
	width: auto;
}
.webform-quiz--contest .form-item-processed-text figure.align-right img{
	margin-left: auto;
}
.webform-quiz--contest .form-actions{
	position: absolute;
	bottom: 3em;
	width: 100%;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
}
.webform-quiz--contest > div.form-wrapper:not(.form-actions) > .form-item {
    max-width: 36em;
    margin-left: auto;
    margin-right: auto;
}
.webform-quiz--contest .fieldset-legend,
.webform-quiz--contest .form-item label{
	margin-top: 0;
	font-size: 1em;
	color: #000;
}
.has--activist--quiz--form .main__content .section__wrapper {
    padding: 0;
}
.has--activist--quiz--form .main__content .wrapper.wrapper--max-w {
    max-width: 100%;
}
.has--activist--quiz--form .wrapper.wrapper--max-w .o-copy {
    max-width: 100%;
}
@media screen and (min-width: 40em){
	.webform-quiz--contest > div.form-wrapper:not(.form-actions){
		padding-left: 6.25%;
		padding-right: 6.25%;
	}	
}

.d-section--style-media figure img{
	width: auto;
}



.d-section--modification-9 .o-media {
  height: 120em;
}

.d-section--modification-9 .o-media .figure {
  overflow: hidden;
  height: 120em;
  position: relative;
}

.d-section--modification-9 .o-media .figure img {
  position: absolute;
  height: 100vh;
  min-width:100%;
  width: auto;
  max-width: inherit;
  left: 50%;
  transform: translateX(-50%);
}

.d-section--style-banner-3 picture{
	display: none;
}

.csstransforms .anchor--right img {
    left: auto;
    right: 0;
}


/* New page design */
.d-section--modification-14 .js-simple-toggle>[aria-hidden='true'] {
    display: block;
    text-align: left;
}

.d-section--modification-14 .o-copy {
    max-width: 100%;
    position: relative;
}
	
.d-section--modification-14 .title{
	letter-spacing: normal;
	font-weight: 700;
	font-size: 1.5em;
}
	
.d-section--modification-14 .subtitle{
	letter-spacing: normal;
	font-weight: 700;
	text-align: center;
	color: #000;
	max-width: 10em;
	margin-left: auto;
	margin-right: auto;
	padding: 2em 0 1em;
	font-size: 1.5em;
	margin-top: 1em;
	background: url(../img/subtitle--bg-1.png) no-repeat center;
}

.d-section--modification-14 .the-measure {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	gap: 3em;
	flex-wrap: wrap;
}

.d-section--modification-14 .js-simple-toggle__marker button {
    border: none;
    box-shadow: none;
    padding: 0;
    font-size: 1.5em;
    text-transform: uppercase;
    color: #01a793;
}

.d-section--modification-14 h3.simple-toggle__marker {
    margin-top: 0;
}

.d-section--modification-14 .js-simple-toggle__marker button svg {
    display: none;
}

.d-section--modification-14 .js-simple-toggle {
    max-width: 100%;
}

.d-section--modification-14 .js-simple-toggle p {
    background: #01a793;
    color: #fff;
    padding: 1.5em 2.5em;
	position: relative;
	margin-bottom: 3em;
}

.d-section--modification-14 .js-simple-toggle p:last-child{
	margin-bottom: 0;
}

.d-section--modification-14 .js-simple-toggle p:after{
	content: '';
	width: 0.625em;
	height: 2em;
	background-color: #01a793;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -2.25em;
}

.d-section--modification-14 .js-simple-toggle p:before{
	content: "";
	width: 0;
	height: 0;
	border-top: 0.625em solid #01a793;
	border-left: 0.625em solid transparent;
	border-right: 0.625em solid transparent;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -2.875em;
}
	
.d-section--modification-14 .js-simple-toggle p:last-child:before,
.d-section--modification-14 .js-simple-toggle p:last-child:after{
	display: none;	
}

.d-section--modification-15 .the-measure{
	max-width: 100%;
}

.d-section--modification-15 ul {
    text-align: left;
    list-style-type: disc;
}

.d-section--modification-15 ul li {
    width: 100%;
    font-size: 1.25em;
    margin-top: 0.5em;
}

.d-section--modification-15 ul li:first-child{
	margin-top: 0;
}
.d-section--modification-14 .title,
.d-section--modification-15 .title{
	border: none;
	padding: 0;
	text-align: center;
	margin-bottom: 0;
	font-family: 'Mulish',sans-serif;
}
.d-section--modification-15 .o-copy{
	max-width: 57em;
}

@media screen and (min-width: 78em){
	.d-section--modification-14 .wrapper--max-w{
		max-width: 67.5em;
		position: relative;
	}
	
	.d-section--modification-14 .hgroup{
		min-height: 9em;
	}
	
	.d-section--modification-14 .title{
		width: 11em;
		position: absolute;
		top: 64.5%;
		left: 50%;
		color: #000;
		transform: translateX(-50%);
	}
	
	.d-section--modification-14 .the-measure {
		max-width: 67.5em;
		display: flex;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto;
		background: url(../img/title-bg.png) no-repeat center 80%;
	}

	.d-section--modification-14 .js-simple-toggle {
		width: 25em;
		max-width: 36%;
	}

	.d-section--modification-14 .js-simple-toggle p {
		margin-bottom: 0;
		min-height: 9em;
		display: flex;
		align-items: center;
	}
	
	.d-section--modification-14 .js-simple-toggle p:before,
	.d-section--modification-14 .js-simple-toggle p:after{
		display: none;	
	}

	.d-section--modification-14 .simple-toggle__child{
		position: relative;
		padding-left: 1.625rem
	}

	.d-section--modification-14 h3.simple-toggle__marker {
		min-height: 7em;
		display: flex;
		align-items: flex-end;
		padding-left: 1.625em;
	}

	.d-section--modification-14 .js-simple-toggle + .js-simple-toggle h3.simple-toggle__marker {
		padding-left: 0;
		padding-right: 1.625em;
		justify-content: flex-end;
	}

	.d-section--modification-14 .js-simple-toggle + .js-simple-toggle h3.simple-toggle__marker button{
		text-align: right;
	}

	.d-section--modification-14 .simple-toggle__child:before {
		content: "";
		width: 0;
		height: 0;
		border-top: 0.625em solid #01a793;
		border-left: 0.625em solid transparent;
		border-right: 0.625em solid transparent;
		position: absolute;
		left: -0.3125em;
		bottom: 0;
	}

	.d-section--modification-14 .simple-toggle__child:after {
		content: "";
		width: 0.625rem;
		height: calc(100% - 0.625rem);
		background: #01a793;
		position: absolute;
		top: 0;
		left: 0;
	}

	.d-section--modification-14 .js-simple-toggle + .js-simple-toggle .js-simple-toggle__child-wrapper .simple-toggle__child {
		padding-left: 0;
		padding-right: 1.625em;
	}

	.d-section--modification-14 .js-simple-toggle + .js-simple-toggle .js-simple-toggle__child-wrapper .simple-toggle__child:after {
		left: inherit;
		right: 0;
	}

	.d-section--modification-14 .js-simple-toggle + .js-simple-toggle .js-simple-toggle__child-wrapper .simple-toggle__child:before {
		right: -0.3125em;
		left: inherit;
	}
	
	.d-section--modification-15 ul {
		column-gap: 4em;
		column-count: 2;
	}
}

.d-section--style-1 p a,
.d-section--style-2 p a,
.d-section--style-3 p a,
.d-section--style-4 p a,
.o-splash p a{
	color: inherit;
}

p a:hover{
	text-decoration: none;
}

.form--sponsor.form--donate{
	margin-top: 6.25%;
    max-width: 49em;
    margin-left: auto;
    margin-right: auto;
	padding-top: 0;
}

.form--sponsor.form--donate:before{
	display: none;
}
.form--sponsor.form--donate legend span,
.form--sponsor.form--donate .prompt__body{
	text-transform: none; 
}
.form--sponsor.form--donate .prompt__body p{
	margin-bottom: 1.5em;
	/*margin-top: 0;*/
	letter-spacing: 0.0625em;
	text-align: center;
}
.form--sponsor.form--donate .prompt__body:empty,
.form--sponsor.form--donate .prompt__body .prompt__title{
	display: none;
}
.form--sponsor.form--donate .fieldset--set-amount .form-item.form-item-select{
    margin-right: auto;
	gap: 1em;
	display: block;
	width: 20em;
	max-width: 100%;
	position: relative;
	padding-top: 1em;
}
.form--sponsor.form--donate .fieldset--set-amount .form-item.form-item-select:before{
	display: block;
    content: '';
    margin-left: -0.75em;
    width: 1.5em;
    height: 1.5em;
    background-image: url(../img/skin/bigmallet-icons-sprite.png);
    background-repeat: no-repeat;
    background-position: -60px -446px;
    background-size: 6em auto;
    position: absolute;
    left: 50%;
    top: -2.5em;
}
.form--sponsor.form--donate .fieldset--set-amount .form-item.form-item-select label{
	text-align: center;
	margin-bottom: 0.5em;
	font-weight: 600;
	color: #018374;
}
.form--sponsor.form--donate .fieldset--step-1 > legend .fieldset-legend{
	max-width: 18em;
	border-bottom-width: 0;
	padding-bottom: 0;
	margin-top: 2em;
	/*border-top: 1px solid;
	padding-top: 0.79166667em;*/
}
.form--sponsor.form--donate .fieldset--step-1 > legend .fieldset-legend:before{
	content: '';
    width: 6em;
    height: 0.025em;
    background: #000;
    margin: 0 auto 1.75em;
    display: block;
}
.form--sponsor.form--donate .fieldset--sponsor > legend .fieldset-legend{
	/*border-bottom-width: 1px;
	padding-bottom: 0.79166667em;*/
	margin-top: 0;
	border-top: 0;
	padding-top: 0;
	text-transform: uppercase;
	margin-bottom: 2em;
    font-size: 2.25em;
    max-width: 16em;
}
.form--sponsor.form--donate .fieldset--sponsor > legend .fieldset-legend:after{
	content: '';
    width: 9em;
    height: 0.025em;
    background: #000;
    margin: 1em auto 0;
    display: block;
}
.form--sponsor.form--donate .fieldset--sponsor > legend .fieldset-legend:before{
    display: none;
}
.form--sponsor.form--donate .fieldset--set-amount .form-item .option{
	padding: 0.75em;
}
.form--sponsor.form--donate .fieldset--other-amount,
.form--sponsor.form--donate .fieldset--other-amount .description{
    margin-bottom: 0;
}
.form--sponsor.form--donate .fieldset--other-amount .description{
    margin-top: 0;
}
.form--sponsor.form--donate .fieldset--other-amount legend span{
	font-size: 1.125em;
	color: #018374;
	letter-spacing: 0.03125em;
	line-height: 1.25;
	font-weight: 600;
}
@media screen and (min-width: 48em){
	.form--sponsor.form--donate .fieldset--other-amount legend{
		max-width: 9em;
		width: 100%;
	}
	.form--sponsor.form--donate .fieldset--other-amount .form-item-textfield {
		max-width: calc(100% - 9.75em);
		width: 100%;
	}
}
.form--sponsor.form--donate .fieldset--other-amount .form-item-textfield:before {
    line-height: 1;
}

.infographic__figcaption .infographic__text{
	color: inherit;
}



@media screen and (min-width: 40em) {
    .section__figure-group[class*='--2'] {
        display:flex;
        flex-wrap: wrap;
        column-gap: 3em
    }

    .section__figure-group[class*='--2'] figure {
        width: calc(50% - 1.5em);
        padding: 0
    }
	
	body .webform-submission-form{
		max-width: 78em;
		margin-left: auto;
		margin-right: auto;
	}
	
	body:not(.user-logged-in) .o-splash .webform-submission-form .form-item,
	body:not(.user-logged-in) .contentinfo .webform-submission-form .form-item{
        padding-left: .5%;
        padding-right: .5%;
        margin-left: 0;
        margin-right: 0;
        width: 33.333%
    }
}

.d-section--modification-17 .o-copy,
.d-section--modification-17 .o-copy .the-measure{
	max-width: 50em;
}
.d-section--modification-17 .o-copy .the-measure p{
	margin-top: 0;
}
.d-section[class*='--style-1'] .infographic__highlight,
.d-section[class*='--style-2'] .infographic__highlight,
.d-section[class*='--style-4'] .infographic__highlight{
    color: #fff
}

.d-section[class*='--style-3'] .infographic__highlight{
    color: #263f3d
}

.contentinfo a.logo__link:hover{
	background-size: cover;
}

/*Donation CSS START HERE
.donate-modal {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: #000000a6;
  overflow: auto;
}
.donate-modal .donate-modal-inner {
  display: flex;
  margin: auto;
}
.donate-modal .donate-modal-inner .donate-modal-wrp {
  display: flex;
  flex-grow: 1;
  min-height: 0;
  gap: 20px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  max-width: 510px;
  align-items: stretch;
  flex-direction: row;
  max-width: unset;
}
.donate-modal .donate-form {
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: calc(100% - (28px * 2));
  padding: 28px;
}
.donate-modal .error-msj {
  color: #FF0000;
  background: #fcc;
  padding: 5px 10px;
  display: none;
  position: absolute;
  font-size: 12px;
  border-radius: 3px;
  bottom: -29px;
  z-index: 10;
}
.donate-modal .donate-modal-content {
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
}
.donate-modal .donate-modal-content .content-header {
  overflow: hidden;
  height: 160px;
  vertical-align: middle;
  align-items: center;
  display: flex;
}
.donate-modal .donate-modal-content .content-info {
  padding: 0 28px 28px 28px;
}
.donate-modal .donate-modal-content .content-info h3 {
  color: #666666;
}
.donate-modal .donate-modal-content .content-info p {
  line-height: 24px;
}
.donate-modal .donate-modal-form {
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
}
.donate-modal .donate-modal-form h4 {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  color: #666666;
}
.donate-modal .donate-modal-form .sister-support-number, .donate-modal .donate-modal-form .amount-options {
  display: flex;
  gap: 10px;
  position: relative;
  flex-direction: column;
}
.donate-modal .donate-modal-form .sister-support-number .amount-option-list, .donate-modal .donate-modal-form .amount-options .amount-option-list {
  display: flex;
  gap: 10px 5px;
}
.donate-modal .donate-modal-form .amount-options, .donate-modal .donate-modal-form .sister-list {
  display: flex;
  gap: 10px 5px;
}
.donate-modal .donate-modal-form .amount-options .amount-option, .donate-modal .donate-modal-form .amount-options .sister-option, .donate-modal .donate-modal-form .sister-list .amount-option, .donate-modal .donate-modal-form .sister-list .sister-option {
  flex: 1;
  position: relative;
}
.donate-modal .donate-modal-form .amount-options .amount-option .amount-option-radio, .donate-modal .donate-modal-form .amount-options .amount-option .option-radio, .donate-modal .donate-modal-form .amount-options .sister-option .amount-option-radio, .donate-modal .donate-modal-form .amount-options .sister-option .option-radio, .donate-modal .donate-modal-form .sister-list .amount-option .amount-option-radio, .donate-modal .donate-modal-form .sister-list .amount-option .option-radio, .donate-modal .donate-modal-form .sister-list .sister-option .amount-option-radio, .donate-modal .donate-modal-form .sister-list .sister-option .option-radio {
  opacity: 0.0001;
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 2px;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.donate-modal .donate-modal-form .amount-options .amount-option .amount-option-radio:checked + label, .donate-modal .donate-modal-form .amount-options .amount-option .option-radio:checked + label, .donate-modal .donate-modal-form .amount-options .sister-option .amount-option-radio:checked + label, .donate-modal .donate-modal-form .amount-options .sister-option .option-radio:checked + label, .donate-modal .donate-modal-form .sister-list .amount-option .amount-option-radio:checked + label, .donate-modal .donate-modal-form .sister-list .amount-option .option-radio:checked + label, .donate-modal .donate-modal-form .sister-list .sister-option .amount-option-radio:checked + label, .donate-modal .donate-modal-form .sister-list .sister-option .option-radio:checked + label {
  box-shadow: inset 0 0 0 2px #F4F4F4;
  background: #F4F4F4 -light;
  font-weight: bold;
}
.donate-modal .donate-modal-form .amount-options .amount-option label, .donate-modal .donate-modal-form .amount-options .sister-option label, .donate-modal .donate-modal-form .sister-list .amount-option label, .donate-modal .donate-modal-form .sister-list .sister-option label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #222832;
  text-align: center;
  background: #FFFFFF;
  padding: 0 2px;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #c7cdd6;
  user-select: none;
  height: 40px;
}
.donate-modal .donate-modal-form .amount-options .amount-option label span, .donate-modal .donate-modal-form .amount-options .sister-option label span, .donate-modal .donate-modal-form .sister-list .amount-option label span, .donate-modal .donate-modal-form .sister-list .sister-option label span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.donate-modal .donate-modal-form .amount-options .amount-option:hover label, .donate-modal .donate-modal-form .amount-options .amount-option:focus label, .donate-modal .donate-modal-form .amount-options .sister-option:hover label, .donate-modal .donate-modal-form .amount-options .sister-option:focus label, .donate-modal .donate-modal-form .sister-list .amount-option:hover label, .donate-modal .donate-modal-form .sister-list .amount-option:focus label, .donate-modal .donate-modal-form .sister-list .sister-option:hover label, .donate-modal .donate-modal-form .sister-list .sister-option:focus label {
  box-shadow: inset 0 0 0 2px #F4F4F4;
}
.donate-modal .donate-modal-form .other-amount {
  position: relative;
}
.donate-modal .donate-modal-form .other-amount .other {
  position: absolute;
  left: 12px;
  top: 1px;
  border-right: 1px solid #c7cdd6;
  padding-right: 10px;
  height: 38px;
  display: flex;
  align-items: center;
}
.donate-modal .donate-modal-form .other-amount input {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  color: #222832;
  text-align: left;
  background: #FFFFFF;
  padding: 0 47px 0 94px;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #c7cdd6;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  height: 40px;
  border: unset;
}
.donate-modal .donate-modal-form .other-amount:hover label, .donate-modal .donate-modal-form .other-amount:focus label {
  border-color: #F4F4F4;
  border-width: 1px;
}
.donate-modal .donate-modal-form .other-amount:hover input, .donate-modal .donate-modal-form .other-amount:focus input {
  box-shadow: inset 0 0 0 2px #F4F4F4;
}
.donate-modal .donate-modal-form .other-amount .currency {
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 13px;
  opacity: 0.5;
}
.donate-modal .donate-modal-form .footer-form {
  margin-top: auto;
  text-align: center;
}
.donate-modal .donate-modal-form .footer-form .submit {
  width: 100%;
  border: 2px solid #FFFFFF;
  border-radius: 28px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.4375rem;
  padding: 10px 20px 12px 20px;
  text-decoration: none;
  transition: background-color 0.2s linear, color 0.2s linear;
  color: #F4F4F4;
  background-color: #FFFFFF;
  border-width: 2px;
  border-style: solid;
  border-color: #F4F4F4;
  box-sizing: border-box;
}
.donate-modal .donate-modal-form .footer-form .submit:hover, .donate-modal .donate-modal-form .footer-form .submit:focus {
  color: #FFFFFF;
  background-color: #F4F4F4;
}
.donate-modal .donate-modal-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 32px;
  aspect-ratio: 1;
  font-size: 20px;
  background: #e7e8ed;
  margin: 12px;
  border-radius: 50px;
  opacity: 0.8;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
.donate-modal .donate-modal-close span {
  color: #F4F4F4;
  font-size: 30px;
  display: block;
  height: 15px;
  font-weight: bold;
  line-height: 10px;
}
.sister-support-number.error {
  position: relative;
}
.sister-support-number.error label {
  box-shadow: inset 0 0 0 2px #FF0000 !important;
  background: #fcc !important;
}
.sister-support-number.error .error-msj {
  display: block;
}
.amount-options.error {
  position: relative;
}
.amount-options.error .amount-option-list label {
  box-shadow: inset 0 0 0 2px #FF0000 !important;
  background: #fcc !important;
}
.amount-options.error .other-amount input {
  box-shadow: inset 0 0 0 2px #FF0000 !important;
  background: #fcc !important;
}
.amount-options.error .error-msj {
  display: block;
}

/*Donation CSS END HERE*/


/* Donate-modal css */

.donate-modal {
	 display: flex;
	 align-items: flex-start;
	 justify-content: center;
	 margin: 0;
	 padding: 0;
	 border: 0;
	 width: 100%;
	 height: 100%;
	 position: fixed;
	 opacity: 1;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 z-index: 999;
	 background: #0000008a;
	 overflow: auto;
	 text-align: left;
	 color: #333;
}
 .donate-modal .donate-modal-inner {
	 display: flex;
	 margin: auto;
}
 .donate-modal .donate-modal-inner .donate-modal-wrp {
	 display: flex;
	 flex-grow: 1;
	 min-height: 0;
	 gap: 20px;
	 justify-content: center;
	 flex-direction: column;
	 align-items: center;
	 padding: 20px;
	 max-width: 510px;
}
 .donate-modal .donate-form {
	 display: flex;
	 flex-direction: column;
	 gap: 30px;
	 height: calc(100%);
	 padding: 28px;
}
 .donate-modal .error-msj {
	 color: #a32638;
	 background: #ebaab3;
	 padding: 5px 10px;
	 display: none;
	 position: absolute;
	 font-size: 12px;
	 border-radius: 3px;
	 bottom: -29px;
	 z-index: 10;
}
 .donate-modal .donate-modal-content {
	 width: 100%;
	 background-color: #fff;
	 border-radius: 10px;
	 overflow: hidden;
}
 .donate-modal .donate-modal-content .content-header {
	 overflow: hidden;
	 height: 160px;
	 vertical-align: middle;
	 align-items: center;
	 display: flex;
}
 .donate-modal .donate-modal-content .content-info {
	 padding: 0 28px 28px 28px;
}
.donate-modal .donate-modal-content .content-info ul{
	padding-left: 40px;
	list-style: disc;
	margin-bottom: 1.875rem;
	margin-top: 0;
}
.donate-modal .donate-modal-content .content-info ul li{
	margin-top: 0;
	font-size: 1.125rem;
	line-height: 1.289;
}
 .donate-modal .donate-modal-content .content-info h3 {
	color: #333;
	font-size: 1.25rem;
    line-height: 1.625rem;
    margin-top: 1.875rem;
	font-weight: 800;
}
 .donate-modal .donate-modal-content .content-info p {
	 line-height: 24px;
	 font-size: 1.125rem;
	 margin: 1em 0;
}
 .donate-modal .donate-modal-form {
	 width: 100%;
	 background-color: #fff;
	 border-radius: 10px;
	 overflow: hidden;
}
 .donate-modal .donate-modal-form h4 {
	margin-top: 0;
	margin-bottom: 0;
	display: block;
	color: #333;
	font-size: 1rem;
	line-height: 1.375rem;
	font-weight: 800;
}
 .donate-modal .donate-modal-form .sister-support-number, .donate-modal .donate-modal-form .amount-options {
	 display: flex;
	 gap: 10px;
	 position: relative;
	 flex-direction: column;
}
 .donate-modal .donate-modal-form .sister-support-number .amount-option-list, .donate-modal .donate-modal-form .amount-options .amount-option-list {
	 display: flex;
	 gap: 10px 5px;
}
 .donate-modal .donate-modal-form .amount-options, .donate-modal .donate-modal-form .sister-list {
	 display: flex;
	 gap: 10px 5px;
}
 .donate-modal .donate-modal-form .amount-options .amount-option, .donate-modal .donate-modal-form .sister-list .amount-option, .donate-modal .donate-modal-form .amount-options .sister-option, .donate-modal .donate-modal-form .sister-list .sister-option {
	 flex: 1;
	 position: relative;
	 -webkit-transition: ease-in-out 0.2s all;
	 -moz-transition: ease-in-out 0.2s all;
	 -ms-transition: ease-in-out 0.2s all;
	 -o-transition: ease-in-out 0.2s all;
	 transition: ease-in-out 0.2s all;
}
 .donate-modal .donate-modal-form .amount-options .amount-option .amount-option-radio, .donate-modal .donate-modal-form .sister-list .amount-option .amount-option-radio, .donate-modal .donate-modal-form .amount-options .sister-option .amount-option-radio, .donate-modal .donate-modal-form .sister-list .sister-option .amount-option-radio, .donate-modal .donate-modal-form .amount-options .amount-option .option-radio, .donate-modal .donate-modal-form .sister-list .amount-option .option-radio, .donate-modal .donate-modal-form .amount-options .sister-option .option-radio, .donate-modal .donate-modal-form .sister-list .sister-option .option-radio {
	 opacity: 0.0001;
	 position: absolute;
	 left: 2px;
	 top: 2px;
	 bottom: 2px;
	 right: 2px;
	 -webkit-appearance: none;
	 appearance: none;
	 cursor: pointer;
}
 .donate-modal .donate-modal-form .amount-options .amount-option .amount-option-radio:checked + label, .donate-modal .donate-modal-form .sister-list .amount-option .amount-option-radio:checked + label, .donate-modal .donate-modal-form .amount-options .sister-option .amount-option-radio:checked + label, .donate-modal .donate-modal-form .sister-list .sister-option .amount-option-radio:checked + label, .donate-modal .donate-modal-form .amount-options .amount-option .option-radio:checked + label, .donate-modal .donate-modal-form .sister-list .amount-option .option-radio:checked + label, .donate-modal .donate-modal-form .amount-options .sister-option .option-radio:checked + label, .donate-modal .donate-modal-form .sister-list .sister-option .option-radio:checked + label {
	 box-shadow: inset 0 0 0 2px #018374;
	 background: #cee9e6;
	 font-weight: bold;
}
 .donate-modal .donate-modal-form .amount-options .amount-option label, .donate-modal .donate-modal-form .sister-list .amount-option label, .donate-modal .donate-modal-form .amount-options .sister-option label, .donate-modal .donate-modal-form .sister-list .sister-option label {
	 font-size: 16px;
	 line-height: 24px;
	 font-weight: 400;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 color: #222832;
	 text-align: center;
	 background: #fff;
	 padding: 0 2px;
	 border-radius: 8px;
	 box-shadow: inset 0 0 0 1px #c7cdd6;
	 user-select: none;
	 height: 40px;
	 -webkit-transition: ease-in-out 0.2s all;
	 -moz-transition: ease-in-out 0.2s all;
	 -ms-transition: ease-in-out 0.2s all;
	 -o-transition: ease-in-out 0.2s all;
	 transition: ease-in-out 0.2s all;
}
 .donate-modal .donate-modal-form .amount-options .amount-option label span, .donate-modal .donate-modal-form .sister-list .amount-option label span, .donate-modal .donate-modal-form .amount-options .sister-option label span, .donate-modal .donate-modal-form .sister-list .sister-option label span {
	 display: block;
	 overflow: hidden;
	 text-overflow: ellipsis;
}
 .donate-modal .donate-modal-form .amount-options .amount-option:hover label, .donate-modal .donate-modal-form .sister-list .amount-option:hover label, .donate-modal .donate-modal-form .amount-options .sister-option:hover label, .donate-modal .donate-modal-form .sister-list .sister-option:hover label, .donate-modal .donate-modal-form .amount-options .amount-option:focus label, .donate-modal .donate-modal-form .sister-list .amount-option:focus label, .donate-modal .donate-modal-form .amount-options .sister-option:focus label, .donate-modal .donate-modal-form .sister-list .sister-option:focus label {
	 box-shadow: inset 0 0 0 2px #018374;
}
 .donate-modal .donate-modal-form .other-amount {
	 position: relative;
}
 .donate-modal .donate-modal-form .other-amount .other {
	 position: absolute;
	 left: 12px;
	 top: 1px;
	 border-right: 1px solid #c7cdd6;
	 padding-right: 10px;
	 height: 38px;
	 display: flex;
	 align-items: center;
	 -webkit-transition: ease-in-out 0.2s all;
	 -moz-transition: ease-in-out 0.2s all;
	 -ms-transition: ease-in-out 0.2s all;
	 -o-transition: ease-in-out 0.2s all;
	 transition: ease-in-out 0.2s all;
	 font-size: 1.125rem;
}
 .donate-modal .donate-modal-form .other-amount input {
	 width: 100%;
	 font-size: 16px;
	 line-height: 24px;
	 font-weight: 400;
	 display: flex;
	 justify-content: center;
	 color: #222832;
	 text-align: left;
	 background: #fff;
	 padding: 0 47px 0 94px;
	 border-radius: 8px;
	 box-shadow: inset 0 0 0 1px #c7cdd6;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 user-select: none;
	 height: 40px;
	 border: unset;
	 -webkit-transition: ease-in-out 0.2s all;
	 -moz-transition: ease-in-out 0.2s all;
	 -ms-transition: ease-in-out 0.2s all;
	 -o-transition: ease-in-out 0.2s all;
	 transition: ease-in-out 0.2s all;
}
 .donate-modal .donate-modal-form .other-amount:hover label, .donate-modal .donate-modal-form .other-amount:focus label {
	 border-color: #018374;
	 border-width: 1px;
}
 .donate-modal .donate-modal-form .other-amount:hover input, .donate-modal .donate-modal-form .other-amount:focus input {
	 box-shadow: inset 0 0 0 2px #018374;
}
 .donate-modal .donate-modal-form .other-amount .currency {
	 position: absolute;
	 right: 10px;
	 top: 12px;
	 font-size: 13px;
	 opacity: 0.5;
}
 .donate-modal .donate-modal-form .footer-form {
	 margin-top: auto;
	 text-align: center;
}
 .donate-modal .donate-modal-form .footer-form .submit {
	 width: 100%;
	 border: 2px solid #fff;
	 border-radius: 28px;
	 color: #fff;
	 cursor: pointer;
	 display: inline-block;
	 font-size: 0.9375rem;
	 font-weight: 700;
	 line-height: 1.4375rem;
	 padding: 10px 20px 12px 20px;
	 text-decoration: none;
	 transition: background-color 0.2s linear, color 0.2s linear;
	 color: #018374;
	 background-color: #fff;
	 border-width: 2px;
	 border-style: solid;
	 border-color: #018374;
	 box-sizing: border-box;
}
 .donate-modal .donate-modal-form .footer-form .submit:hover, .donate-modal .donate-modal-form .footer-form .submit:focus {
	 color: #fff;
	 background-color: #018374;
}
 .donate-modal .donate-modal-close {
	 position: absolute;
	 right: 20px;
	 top: 20px;
	 width: 32px;
	 aspect-ratio: 1;
	 font-size: 20px;
	 background: #e7e8ed;
	 margin: 12px;
	 border-radius: 50px;
	 opacity: 0.8;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 cursor: pointer;
	 transition: all 0.15s ease-in-out;
}
 .donate-modal .donate-modal-close span {
	 color: #018374;
	 font-size: 30px;
	 display: block;
	 height: 15px;
	 font-weight: bold;
	 line-height: 10px;
}
 .sister-support-number.error {
	 position: relative;
}
 .sister-support-number.error label {
	 box-shadow: inset 0 0 0 2px #a32638 !important;
	 background: #ebaab3 !important;
}
 .sister-support-number.error .error-msj {
	 display: block;
}
 .amount-options.error {
	 position: relative;
}
 .amount-options.error .amount-option-list label {
	 box-shadow: inset 0 0 0 2px #a32638 !important;
	 background: #ebaab3 !important;
}
 .amount-options.error .other-amount input {
	 box-shadow: inset 0 0 0 2px #a32638 !important;
	 background: #ebaab3 !important;
}
 .amount-options.error .error-msj {
	 display: block;
}
.sister-option input:checked + label span, .amount-option input:checked + label span{
	font-weight: 800;
}


@media screen and (min-width: 48.0625rem) {
	.donate-modal .donate-modal-content .content-info h3 {
		font-size: 1.5rem;
		line-height: 1.875rem;
		margin-top: 2.8125rem;
    }
	.donate-modal .donate-modal-form h4{
		font-size: 1.125rem;
        line-height: 1.5rem;
	}
}

@media screen and (min-width: 68.75rem) {
	.donate-modal .donate-modal-inner .donate-modal-wrp {
		 align-items: stretch;
		 flex-direction: row;
		 max-width: unset;
	}
	.donate-modal .donate-modal-content {
		 width: 516px;
	}
	.donate-modal .donate-modal-content .content-header {
		 height: unset;
	}
	.donate-modal .donate-modal-form {
		 width: 360px;
	}
}