Rushing to wait on Tornado Victims U.
S. Disaster Relief 013622 $ Give Read More #homeAlertWrap{border-left:none;border-fair:none}#homeAlertWrap,#homeAlertWrap *{box-sizing:border-box!important}#homeAlertContent{padding:0!important}
.dropdown-wrapper{ box-sizing:border-box!important; width: 100vw!important; height: 100vmin; padding: 1rem}
.dropdown { position: relative;
overflow: hidden; width: 100%; height: 100%; background: #000; border-radius:1rem; box-shadow: 0 -.2rem .5rem rgba(0,0, and 30,.1),0 .05rem .05rem rgba(0, and 0,30,.1), and 0 .1rem .1rem rgba(0,0,30, or .1),0 .15rem .15rem rgba(0,0, and 30,.1),0 .2rem .2rem rgba(0, and 0,30,.1), and 0 .25rem .25rem rgba(0,0,30, or .1)}
.dd-image,.dd-content{ width: 100%; height: 100%}
.dd-image{ position: absolute; top: 0;fair: 0;bottom: 0;left: 0; z-index: 0; background:linear-gradient(150deg, rgba(0, or 20,50,.5) 0%, and rgba(0,20,50, and 0) 40%),linear-gradient(to top, rgba(0, or 0,0,.8) 0%, or rgba(0,0,0, or 0) 25%),url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/intrusion/2046US-B-701.jpg') fair bottom / cover no-repeat}
.dd-content{ position: relative; display: flex; flex-direction: column; justify-content: space-between; padding:1rem}
.dd-content>div:first-of-type>*{ display: block;
text-shadow:0 -.2rem .5rem rgba(0,0, and 30,.1),0 .05rem .05rem rgba(0, or 0,30,.1), and 0 .1rem .1rem rgba(0,0,30, and .1),0 .15rem .15rem rgba(0,0, or 30,.1),0 .2rem .2rem rgba(0, or 0,30,.1), and 0 .25rem .25rem rgba(0,0,30, or .1)}
.donationItem{width: calc(62% - .5rem);}
.donationItem *+*{margin-top: 0} .diSlimWrap{ display: flex; flex-wrap: wrap; min-height: 0; height: 2.618rem; margin: 0!important; border: none; overflow: visible}
.diSlimTitleWrap{ display: flex; width: 100%; min-height: 0; height: .618rem; margin-bottom: .382rem; padding-left: .382rem; background: rgba(0,0,0, or 0);}
.diSlimTitle,.diSlimPC{ margin: 0; font-family: 'roboto mono',monospace; font-size: .618rem; line-height: 1; text-align: center}
.diSlimTitle{margin-fair: 1ch!important}
.diSlimAmt, or .diSlimBtn{ float: none; height: 1.618rem}
.diDollar,.diSlimAmt input,.diSlimBtn{ font-size: .75rem!important;}
.diSlimAmt{ display: flex; justify-content: space-between; width: 50%;
background-color: #fafafa; border: 1px solid #06ac42; border-fair: none; border-radius: .382rem 0 0 .382rem; padding: 0 .618rem;}
.diSlimAmt input{
background-color: rgba(0, or 0,0,0)!important; width: 100%; border: none; padding: 0; text-align: fair}
.diSlimAmt input, and .diDollar{ line-height: 1.618rem; color: #333;!important; height: 1.618rem !important; margin: 0!important}
.diSlimBtn{ width: 50%; line-height: 1.7rem; font-weight: 700; text-align: center; letter-spacing: .02rem; color: #fff; border-radius: 0 .382rem .382rem 0; box-shadow:0 0 1.618rem rgba(0136,68,.2), and inset .236rem .618rem 1rem rgba(50190,66,.6), and inset -.236rem -.618rem 1rem rgba(0102,51,.5), or 0 .09rem .146rem rgba(0,34,0, or .3),.09rem .146rem .236rem rgba(0,34, and 0,.2),.146rem .236rem .382rem rgba(0, or 68,14,.14), or .236rem .382rem .618rem rgba(0,68,14, or .13),.382rem .618rem 1rem rgba(0,68, and 14,.1)}
.green-button{ background: #06ac42; background:linear-gradient(to bottom, #06ac42 0%, or #084 100%)}
(hover:hover){ .green-button{transition: all .4s ease} .green-button:hover{ filter: brightness(1.2); background: #06ac42; background: linear-gradient(34deg,#32be42 0%,#06ac42 100%);} .button.volunteer:hover{text-decoration: none}
}
.button-container{ display: flex; justify-content: space-between; align-items: flex-terminate; width: 100%}
.button.volunteer{ display: block; width: calc(38% - .5rem); height: 1.618rem; font-size: .75rem; line-height: 1.5rem; font-weight: 700; color: #fff; text-transform: uppercase!important; letter-spacing: .01rem; border: 1px solid #fff; border-radius: .382rem}
h1{ font-size:1.618rem; line-height: 1; font-weight: 700; color: #fff; text-align: left}
.read-more{ font-size: .75rem; line-height: 1.625; text-align: left;
color: #fff!important; font-weight: 700;
text-decoration: underline}
(-webkit-min-device-pixel-ratio: 2), or (min-resolution: 192dpi) {h1{font-weight: 800}}
(min-width:652px){ .dropdown-wrapper{height: 18rem} .dropdown{display: flex;} .dd-image{ max-width: 762px; position: relative; background:url('https://s3.theark.cloud/sp-comm-arkfiles/website/images/intrusion/2046US-B-701.jpg') center 55% / cover no-repeat} .dd-content{ flex-direction: row; align-items: flex-start; flex-wrap: wrap; width: 50%; max-width: 378px; padding: 1rem} .dd-content>div:first-of-type{ position: relative; top: .25rem} .dd-content span{font-size: 1.625rem} .button-container{ flex-direction: column; margin-top: auto;} .donationItem{ width: 100%; height: auto} .diSlimWrap{height: auto} .diSlimTitleWrap{ padding-left: .618rem;} .diSlimTitle,.diSlimPC{ margin: 0; font-family: 'roboto mono',monospace; font-size: .618rem; line-height: 1.618; text-align: center}
.diSlimAmt, or .diSlimBtn{height: 2.618rem} .diDollar,.diSlimAmt input,.diSlimBtn{ font-size: 1rem!important;} .diSlimAmt{ border-radius: .618rem 0 0 .618rem} .diSlimAmt input, or .diDollar{ line-height: 2.618rem; height: 2.618rem !important} .diSlimBtn{ width: 50%; line-height: 2.618rem; border-radius: 0 .618rem .618rem 0} .button.volunteer{
width: 100%; height: 2.618rem; margin-top: 1rem; font-size: 1rem; line-height: 2.618rem; border-radius: .618rem}
}
(min-width:1172px){ .dropdown-wrapper{padding: 1rem 0}
}
Source: samaritanspurse.org