Showing source for: https://lovelettertofootball.org.au/
Duration: 1.150196s
Server: Fly/42494bfe9c (2026-10-15)
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<link href="https://raisely-images.imgix.net/lovelettertofootball10/uploads/lltf-fav-png-d5424d.png" rel="icon">
<link data-replaceable="true" href="https://lovelettertofootball.org.au/" rel="canonical">
<link href="https://js.stripe.com/v3/" rel="preconnect">
<!-- <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"> -->
<style type="text/css">
.material-icons {
font-family : Material Icons;
font-weight : 400;
font-style : normal;
font-size : 24px;
line-height : 1;
letter-spacing : normal;
text-transform : none;
display : inline-block;
white-space : nowrap;
word-wrap : normal;
direction : ltr;
-webkit-font-feature-settings: "liga";
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
margin : 0;
padding : 0;
border : 0;
font-size : 100%;
font : inherit;
vertical-align : baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display : block
}
blockquote,q {
quotes : none
}
blockquote:after,blockquote:before,q:after,q:before {
content : "";
content : none
}
table {
border-collapse : collapse;
border-spacing : 0
}
html {
box-sizing : border-box
}
*,:after,:before {
box-sizing : inherit
}
em {
font-style : italic
}
b {
font-weight : 700
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
max-width : 100vw;
overflow-x : hidden
}
a,button {
cursor : pointer
}
.raisely-error {
position : relative;
width : 100%;
height : 80vh
}
.raisely-error .raisely-error__content {
margin : 50vh auto 0;
transform : translateY(-50%);
max-width : 720px;
text-align : center;
padding : 1rem
}
.raisely-error .raisely-error__description {
font-size : 1.5rem
}
.raisely-messages {
position : fixed;
top : 1rem;
right : 0;
width : 100%;
margin : 0 2rem;
max-width : 320px;
z-index : 1001
}
.raisely-messages .raisely-message {
display : block;
margin-bottom : 1rem;
padding : 1.25rem;
transition : opacity .35s;
background-color : #fff;
border-style : solid;
border-width : 3px 0 0;
border-radius : 3px;
box-shadow : 0 1px 3px 0 rgba(0,0,0,.15)
}
.raisely-messages .raisely-message--active {
opacity : 1
}
.raisely-messages .raisely-message--fade-out {
opacity : 0
}
.raisely-messages .raisely-message--success {
border-color : #80d361
}
.raisely-messages .raisely-message--error {
border-color : #e23f3f
}
.raisely-messages .raisely-message--warning {
border-color : #ffd08d
}
.raisely-messages .raisely-message__archive {
float : right;
border : 0;
background : none
}
.cookie-banner {
position : fixed;
bottom : 0;
left : 0;
right : 0;
background : #fff;
z-index : 1000;
padding : 1rem;
box-shadow : 0 -1px 3px 0 rgba(0,0,0,.15);
max-height : 100vh;
overflow-y : auto
}
.cookie-banner__header {
font-size : 1.5rem
}
.cookie-banner__message {
margin-bottom : 1rem;
font-size : .8rem
}
.cookie-banner__cookie-list__item {
font-size : .8rem;
display : flex;
flex-direction : row;
align-items : center;
margin-bottom : .5rem
}
.cookie-banner__cookie-list__item__main {
margin-left : .5rem
}
.cookie-banner__cookie-list__description {
margin-left : 2.5rem;
margin-bottom : 1rem;
font-size : .8rem;
opacity : .8
}
.cookie-banner .button {
margin-bottom : .5em
}
em,i {
font-style : italic
}
em.material-icons,i.material-icons {
font-style : normal
}
ol,ul {
padding-left : 1.7em
}
b,strong {
font-weight : 700
}
h1,h2,h3,h4,h5,h6 {
display : block;
width : 100%
}
em,em span,strong,strong span {
vertical-align : baseline;
line-height : 1
}
p:empty,p>:first-child:last-child:empty {
min-height : 1.2em;
display : block
}
button:focus,button:focus-visible {
outline : thin dotted rgba(0,0,0,.5)
}
button:focus:not(:focus-visible) {
outline : none
}
@keyframes appearIn {
to {
opacity : 1;
transform : none
}
}
.visually-hidden {
position : absolute;
border : 0;
width : 1px;
height : 1px;
padding : 0;
margin : -1px;
overflow : hidden;
clip : rect(0,0,0,0);
white-space : nowrap;
word-wrap : normal
}
.row--full-width>.row__container,.row--width-full>.row__container {
max-width : none
}
.row--width-large>.row__container {
max-width : 1600px
}
.row--width-thin>.row__container {
max-width : 1024px
}
.row--width-thinnest>.row__container {
max-width : 736px
}
.row--fill-viewport>.row__container {
min-height : 100vh
}
.row--three-quarters-viewport>.row__container {
min-height : 70vh
}
.row--half-viewport>.row__container {
min-height : 50vh
}
.row--quarter-viewport>.row__container {
min-height : 25vh
}
.row--grow-to-fill {
flex-grow : 1;
display : flex
}
.row--grow-to-fill .row__container {
flex-grow : 1
}
.row--border {
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3
}
.row--border-top {
border-top : 1px solid #f3f3f3;
top : 0
}
.row--border-bottom {
border-bottom : 1px solid #f3f3f3
}
.row--bg-contain .row__bg {
background : #fff
}
.row--bg-contain .row__container {
background : inherit
}
.row--bg-half .row__bg {
right : unset;
left : 0;
width : calc(50% - var(--row-gutter, 0px)/2)
}
@media (max-width:736px) {
.row--bg-half .row__bg {
display : none
}
}
.row--bg-half--bg-right .row__bg,.row--bg-right .row__bg {
right : 0;
left : unset
}
.row__bg--half .row__bg {
width : 45%;
left : 0;
right : unset
}
.row__bg--half-right .row__bg {
right : 0;
left : unset
}
.block--box {
padding : 1rem;
border : 1px solid #f3f3f3;
background : #fff
}
.block--box[class*=block--primary],.block--box[class*=block--secondary] {
border-color : transparent
}
.block--box-middle {
border-top : none;
border-bottom : none;
padding : 0 1rem;
border-radius : 0!important
}
.block--box-top {
border-bottom-right-radius: 0!important;
border-bottom-left-radius: 0!important;
border-bottom : none;
padding-bottom : 0;
z-index : 1
}
.block--box-bottom {
border-top-right-radius: 0!important;
border-top-left-radius: 0!important;
padding-top : 0;
border-top : none
}
.block--light {
border : none
}
.block--light,.block--separator {
background : #f3f3f3
}
.block--no-padding {
padding : 0
}
.block--border {
border : 1px solid #f3f3f3
}
.block--border-top {
border-top : 1px solid #f3f3f3
}
.block--border-right {
border-right : 1px solid #f3f3f3
}
.block--border-bottom,.block--border-left {
border-bottom : 1px solid #f3f3f3
}
.block--fill-viewport {
min-height : 100vh
}
.block--three-quarters-viewport {
min-height : 70vh
}
.block--half-viewport {
min-height : 50vh
}
.block--quarter-viewport {
min-height : 25vh
}
.block--grow-to-fill {
flex-grow : 1
}
.block--fill-image img {
height : 100%;
object-fit : cover
}
@media (max-width:736px) {
.mb-order--first,.mobile-order--first {
order : -1
}
.mb-order--0,.mobile-order--0 {
order : 0
}
.mb-order--1,.mobile-order--1 {
order : 1
}
.mb-order--2,.mobile-order--2 {
order : 2
}
.mb-order--3,.mobile-order--3 {
order : 3
}
.mb-order--4,.mobile-order--4 {
order : 4
}
}
@media (max-width:1024px) {
.align-tb--left,.align-tb--left [class*=align] {
text-align : left!important;
justify-content : flex-start!important
}
.align-tb--right,.align-tb--right [class*=align] {
text-align : right!important;
justify-content : flex-end!important
}
.align-tb--center,.align-tb--center [class*=align] {
text-align : center!important;
justify-content : center!important
}
}
@media (max-width:736px) {
.align-mb--left,.align-mb--left [class*=align] {
text-align : left!important;
justify-content : flex-start!important
}
.align-mb--right,.align-mb--right [class*=align] {
text-align : right!important;
justify-content : flex-end!important
}
.align-mb--center,.align-mb--center [class*=align] {
text-align : center!important;
justify-content : center!important
}
}
.page--is-client.page--logged-in .button[href$="/login"],.page--is-client.page--logged-in .page-navigation__link[href$="/login"],.page--is-client.page--logged-in .page-navigation__link[href$="/signup"],.page--is-client .show--logged-in,.page--is-client .show--logged-out,.page--is-client .show--owned,.page--is-client .show--owned-profile {
display : none
}
.page--is-client.page--logged-in .display--logged-in,.page--is-client.page--logged-in .show--logged-in {
display : block
}
.page--is-client.page--logged-in .button--to-signup {
display : none
}
.page--is-client.page--logged-in .button--to-dashboard {
display : inline-block
}
.page--is-client.page--logged-out .hide--logged-out {
display : none
}
.page--is-client.page--logged-out .display--logged-out,.page--is-client.page--logged-out .show--logged-out {
display : block
}
.page--is-client.page--logged-out .button--to-signup {
display : inline-block
}
.page--is-client.page--logged-out .button--to-dashboard {
display : none
}
.page--is-client.page--campaign-profile .show--campaign-profile {
display : block
}
.page--is-client.page--campaign-profile .hide--campaign-profile {
display : none
}
.page--is-client.page--owned-profile .display--owned,.page--is-client.page--owned-profile .show--owned,.page--is-client.page--owned-profile .show--owned-profile,.page--is-client.page--owned .display--owned,.page--is-client.page--owned .show--owned,.page--is-client.page--owned .show--owned-profile {
display : block
}
.campaign-type--appeal .button[href$="/signup"],.campaign-type--appeal .hide--appeal,.campaign-type--appeal .hide--appeals,.campaign-type--appealsHub .button[href$="/signup"],.campaign-type--appealsHub .hide--appeals,.campaign-type--appealsHub .hide--appealsHub,.campaign-type--communityHub .hide--communityHub,.campaign-type--donation .button[href$="/signup"],.campaign-type--donation .hide--appeals,.campaign-type--donationForm .hide--donationForm,.campaign-type--peerToPeer .hide--peerToPeer,.page--is-client.page--owned-profile .hide--owned,.page--is-client.page--owned-profile .hide--owned-profile,.page--is-client.page--owned .hide--owned,.page--is-client.page--owned .hide--owned-profile {
display : none
}
.page--is-client .show--is-client {
display : block
}
.page--is-client .show--is-editor {
display : none
}
.page--is-editor .show--is-editor {
display : block
}
.page--is-editor .show--is-client {
display : none
}
.activity-measure__full {
display : block;
visibility : visible
}
@media (max-width:736px) {
.activity-measure__full--hide-mobile {
display : none;
visibility : hidden
}
}
.activity-measure__full-wrap {
display : flex;
align-items : flex-end
}
.activity-measure__full .activity-measure__measure,.activity-measure__full .activity-measure__unit {
font-size : inherit;
padding : 0
}
.activity-measure__full .activity-measure__measure {
width : 0
}
.activity-measure__full .activity-measure__unit {
position : relative;
line-height : normal;
min-width : 6ch;
width : auto;
padding : 0 .15em 0 0;
margin : 0 -.15em 0 .25em;
display : flex;
align-items : center;
text-align : right;
justify-content : flex-end
}
.activity-measure__full .activity-measure__unit i {
vertical-align : middle;
transition : inherit;
opacity : .5;
margin-bottom : -.15em
}
.activity-measure__full .activity-measure__unit:focus-within i,.activity-measure__full .activity-measure__unit:hover i {
opacity : 1
}
.activity-measure__full .activity-measure__unit select {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
cursor : pointer;
color : transparent;
border-radius : 3px
}
.activity-measure__full .activity-measure__unit select:focus-visible {
color : inherit;
opacity : .1
}
.activity-measure__measure {
flex : 1 1 auto
}
.activity-measure__mobile {
visibility : hidden;
display : none
}
@media (max-width:736px) {
.activity-measure__mobile {
visibility : visible;
display : block;
display : flex;
flex-wrap : wrap;
justify-content : space-between
}
.activity-measure__mobile .form-field {
flex-basis : calc(50% - 0.4rem)
}
}
@media (max-width:400px) {
.activity-measure__mobile .form-field {
flex-basis : 100%
}
}
.attribution {
text-align : right
}
.attribution--center .attribution {
text-align : center
}
.attribution--left .attribution {
text-align : left
}
.attribution a {
text-decoration : none;
font-size : .875rem;
display : inline-flex;
align-items : center;
gap : .5rem
}
.attribution a,.attribution a:focus,.attribution a:hover {
font-weight : 700;
color : inherit
}
.attribution a img,.attribution a svg {
width : 90px;
height : auto;
display : inline-block;
vertical-align : middle;
margin-top : -.125rem
}
.attribution a img *,.attribution a svg * {
fill : currentColor
}
.button {
border-radius : 2px;
border : 2px solid transparent;
line-height : 1;
transition : .3s cubic-bezier(.22,.24,.18,1);
margin-right : .5em;
font-family : inherit;
text-align : center;
display : inline-block;
vertical-align : middle;
user-select : none;
text-decoration : none;
font-style : normal
}
.button:last-child {
margin-right : 0
}
p .button {
margin : 0 .5em
}
.button:active,.button:hover,.button:visited {
font-style : normal;
text-decoration : none
}
.button--link {
text-decoration : none
}
.button--tool {
line-height : 1;
user-select : none
}
.button--full {
margin-right : 0;
width : 100%
}
.button-row .button--full {
width : calc(100% - 1em);
flex-basis : calc(100% - 1em);
margin-left : 0
}
.button--half {
min-width : 50%
}
.button-row .button--half {
min-width : calc(50% - 1em);
flex-basis : calc(50% - 1em);
margin-left : 0
}
.button[disabled] {
opacity : .7;
pointer-events : none
}
.button .icon,.button>i {
margin-bottom : 0;
display : inline-block;
line-height : 0;
vertical-align : middle
}
.button .icon:last-child:first-child,.button>i:last-child:first-child {
line-height : 1
}
.button__text {
display : inline-block;
vertical-align : middle
}
.button .icon {
margin : 0 .25em
}
.carousel {
position : relative
}
.carousel__track {
mask : #fff;
-webkit-mask : #fff;
overflow-x : hidden;
-ms-overflow-style : none;
overflow : -moz-scrollbars-none;
scrollbar-width : none
}
.carousel__track::-webkit-scrollbar {
width : 0;
height : 0;
background : transparent
}
.carousel__inner {
display : flex;
flex-direction : row;
width : calc(100%*var(--quotes-length));
align-items : center
}
.carousel__inner:after,.carousel__inner:before {
content : "";
flex-shrink : 0
}
.carousel__inner>* {
white-space : normal
}
.carousel__item {
display : inline-block;
vertical-align : middle;
margin : 0 4rem;
width : calc(100%/var(--quotes-length))
}
.carousel__item:last-of-type {
margin-right : 0
}
@media (max-width:736px) {
.carousel__item {
margin : 0 1rem
}
.carousel__item img {
margin : 0
}
}
.col--3 .carousel__item,.col--4 .carousel__item,.col--5 .carousel__item,.col--6 .carousel__item {
margin : 0 1rem
}
.col--3 .carousel__item img,.col--4 .carousel__item img,.col--5 .carousel__item img,.col--6 .carousel__item img {
margin : 0
}
@media (max-width:736px) {
.col--5 .carousel__item,.col--6 .carousel__item,.col--7 .carousel__item,.col--8 .carousel__item,.col--9 .carousel__item,.col--10 .carousel__item,.col--11 .carousel__item,.col--12 .carousel__item {
margin : 0 1rem
}
.col--5 .carousel__item img,.col--6 .carousel__item img,.col--7 .carousel__item img,.col--8 .carousel__item img,.col--9 .carousel__item img,.col--10 .carousel__item img,.col--11 .carousel__item img,.col--12 .carousel__item img {
margin : 0
}
}
.carousel__button {
top : 45%;
border-radius : 50%;
opacity : 0
}
.carousel__button--visible {
opacity : 1
}
.carousel__button--left,.carousel__button--right {
position : absolute;
background : transparent;
border : none
}
.carousel__button--left {
left : 0
}
.carousel__button--right {
right : 0
}
.carousel__button .material-icons {
font-size : 3rem
}
@media (max-width:736px) {
.carousel__button--left {
left : -1.5rem
}
.carousel__button--right {
right : -1.5rem
}
}
.col--3 .carousel__button--left,.col--4 .carousel__button--left,.col--5 .carousel__button--left,.col--6 .carousel__button--left {
left : -1.5rem
}
.col--3 .carousel__button--right,.col--4 .carousel__button--right,.col--5 .carousel__button--right,.col--6 .carousel__button--right {
right : -1.5rem
}
@media (max-width:736px) {
.col--5 .carousel__button--left,.col--6 .carousel__button--left,.col--7 .carousel__button--left,.col--8 .carousel__button--left,.col--9 .carousel__button--left,.col--10 .carousel__button--left,.col--11 .carousel__button--left,.col--12 .carousel__button--left {
left : -1.5rem
}
.col--5 .carousel__button--right,.col--6 .carousel__button--right,.col--7 .carousel__button--right,.col--8 .carousel__button--right,.col--9 .carousel__button--right,.col--10 .carousel__button--right,.col--11 .carousel__button--right,.col--12 .carousel__button--right {
right : -1.5rem
}
}
.clipboard-button--display {
display : flex;
padding : 5px;
background : #efefef;
border-radius : 20px;
align-items : center
}
.clipboard-button--display .clipboard-button--text {
width : 1px;
color : #505050;
margin : 0 10px;
font-size : .8em;
flex-grow : 1
}
.clipboard-button--display .clipboard-button--text p {
text-overflow : ellipsis;
overflow : hidden;
white-space : nowrap
}
.clipboard-button--display .clipboard-button--button {
word-break : break-all;
font-size : 1em;
max-width : 14ch;
padding : 5px 10px;
color : #323232;
background-color : #fff
}
.clipboard-button--right {
text-align : right
}
.clipboard-button--center {
text-align : center
}
.clipboard-button--left {
text-align : left
}
.donation-management-item {
padding : 16px 20px;
position : relative;
display : flex;
flex-wrap : nowrap;
background : #f5f5f5;
border-radius : 3px;
margin-bottom : 5px
}
.donation-management-item a,.donation-management-item a:active,.donation-management-item a:focus,.donation-management-item a:hover,.donation-management-item a:visited {
color : inherit
}
.donation-management-item__amount {
font-weight : 700;
text-align : left;
font-size : 1.75em;
margin-right : 10px;
flex-basis : 10%
}
.donation-management-item__content {
flex-grow : 1;
flex-basis : 60%;
text-align : left
}
.donation-management-item__content__timestamp {
font-size : .825em
}
.donation-management-item__actions {
flex-basis : 30%;
height : 100%;
text-align : right
}
.donation-management-item__actions .button {
font-size : .825em;
vertical-align : middle
}
.donation-tile {
padding : 8px;
position : relative;
display : flex;
flex-wrap : nowrap
}
.donation-tile a,.donation-tile a:active,.donation-tile a:focus,.donation-tile a:hover,.donation-tile a:visited {
color : inherit
}
.donation-tile__amount {
font-weight : 700;
text-align : center;
font-size : 1.25em;
margin-right : 10px;
flex-basis : 4ch
}
.donation-tile__content {
flex-grow : 1;
flex-basis : calc(100% - 5ch - 10px)
}
.donation-tile__content__timestamp {
font-size : .825em
}
.donation-tile__content__message {
font-size : .825em;
font-size : max(.825em,15px);
margin-top : .5rem;
line-height : 1.4
}
.donation-tile__content__resend.button {
margin-top : 1rem;
font-size : 14px;
background : rgba(0,0,0,.7);
color : #fff;
padding : .35em .75em;
border : none
}
.donation-tile__content__resend.button:active,.donation-tile__content__resend.button:hover {
background : rgba(0,0,0,.9);
color : #fff;
border : none
}
.donation-tile__content__donor__first-name,.donation-tile__content__donor__full-name,.donation-tile__content__donor__last-name {
font-style : normal
}
.donation-tile.donation-tile--tile {
display : block;
width : 20em;
min-height : 20em
}
.donation-tile--can-thank {
padding-right : 24px
}
.donation-tile--can-thank .donation-thank-you-form {
width : 100%
}
@media (max-width:400px) {
.donation-tile--can-thank {
padding : 1em
}
.donation-tile--can-thank .donation-tile__amount {
flex-basis : 100%;
margin-right : 0;
padding : 0;
margin-bottom : .2em
}
.donation-tile--can-thank .donation-tile__amount:before {
content : none
}
.donation-tile--can-thank .donation-tile__content {
padding : 0
}
.donation-tile--can-thank .donation-thank-you-form {
margin-top : .5em
}
}
.col--1 .donation-tile--can-thank,.col--2 .donation-tile--can-thank {
padding : 1em
}
.col--1 .donation-tile--can-thank .donation-tile__amount,.col--2 .donation-tile--can-thank .donation-tile__amount {
flex-basis : 100%;
margin-right : 0;
padding : 0;
margin-bottom : .2em
}
.col--1 .donation-tile--can-thank .donation-tile__amount:before,.col--2 .donation-tile--can-thank .donation-tile__amount:before {
content : none
}
.col--1 .donation-tile--can-thank .donation-tile__content,.col--2 .donation-tile--can-thank .donation-tile__content {
padding : 0
}
.col--1 .donation-tile--can-thank .donation-thank-you-form,.col--2 .donation-tile--can-thank .donation-thank-you-form {
margin-top : .5em
}
@media (max-width:400px) {
.col--3 .donation-tile--can-thank,.col--4 .donation-tile--can-thank,.col--5 .donation-tile--can-thank,.col--6 .donation-tile--can-thank,.col--7 .donation-tile--can-thank,.col--8 .donation-tile--can-thank,.col--9 .donation-tile--can-thank,.col--10 .donation-tile--can-thank,.col--11 .donation-tile--can-thank,.col--12 .donation-tile--can-thank {
padding : 1em
}
.col--3 .donation-tile--can-thank .donation-tile__amount,.col--4 .donation-tile--can-thank .donation-tile__amount,.col--5 .donation-tile--can-thank .donation-tile__amount,.col--6 .donation-tile--can-thank .donation-tile__amount,.col--7 .donation-tile--can-thank .donation-tile__amount,.col--8 .donation-tile--can-thank .donation-tile__amount,.col--9 .donation-tile--can-thank .donation-tile__amount,.col--10 .donation-tile--can-thank .donation-tile__amount,.col--11 .donation-tile--can-thank .donation-tile__amount,.col--12 .donation-tile--can-thank .donation-tile__amount {
flex-basis : 100%;
margin-right : 0;
padding : 0;
margin-bottom : .2em
}
.col--3 .donation-tile--can-thank .donation-tile__amount:before,.col--4 .donation-tile--can-thank .donation-tile__amount:before,.col--5 .donation-tile--can-thank .donation-tile__amount:before,.col--6 .donation-tile--can-thank .donation-tile__amount:before,.col--7 .donation-tile--can-thank .donation-tile__amount:before,.col--8 .donation-tile--can-thank .donation-tile__amount:before,.col--9 .donation-tile--can-thank .donation-tile__amount:before,.col--10 .donation-tile--can-thank .donation-tile__amount:before,.col--11 .donation-tile--can-thank .donation-tile__amount:before,.col--12 .donation-tile--can-thank .donation-tile__amount:before {
content : none
}
.col--3 .donation-tile--can-thank .donation-tile__content,.col--4 .donation-tile--can-thank .donation-tile__content,.col--5 .donation-tile--can-thank .donation-tile__content,.col--6 .donation-tile--can-thank .donation-tile__content,.col--7 .donation-tile--can-thank .donation-tile__content,.col--8 .donation-tile--can-thank .donation-tile__content,.col--9 .donation-tile--can-thank .donation-tile__content,.col--10 .donation-tile--can-thank .donation-tile__content,.col--11 .donation-tile--can-thank .donation-tile__content,.col--12 .donation-tile--can-thank .donation-tile__content {
padding : 0
}
.col--3 .donation-tile--can-thank .donation-thank-you-form,.col--4 .donation-tile--can-thank .donation-thank-you-form,.col--5 .donation-tile--can-thank .donation-thank-you-form,.col--6 .donation-tile--can-thank .donation-thank-you-form,.col--7 .donation-tile--can-thank .donation-thank-you-form,.col--8 .donation-tile--can-thank .donation-thank-you-form,.col--9 .donation-tile--can-thank .donation-thank-you-form,.col--10 .donation-tile--can-thank .donation-thank-you-form,.col--11 .donation-tile--can-thank .donation-thank-you-form,.col--12 .donation-tile--can-thank .donation-thank-you-form {
margin-top : .5em
}
}
.donation-tile__thanks {
display : inline-block;
background : #fff;
color : #000;
padding : .25rem .5rem;
border-radius : 1rem;
margin-top : .33rem
}
.donation-tile__thanks-share {
z-index : 199;
position : absolute;
right : 0;
top : 50%;
padding : 12px 6px;
border-radius : 32px;
background-color : #fff;
box-shadow : 0 0 6px rgba(0,0,0,.1);
color : #fff;
transform : translateX(50%) translateY(-50%) scale(.8);
opacity : 0;
transition : opacity .3s
}
.donation-tile:hover .donation-tile__thanks-share,.donation-tile__thanks-share:hover {
opacity : 1
}
@media (hover:none) {
.donation-tile__thanks-share {
opacity : 1
}
}
.donation-tile__thanks-share .share-button {
display : block;
margin : 0;
border : 0;
height : auto;
padding : .25rem;
border-radius : 4px
}
.donation-tile__thanks-share .share-button:last-of-type {
margin-top : 2px
}
.dropdown {
position : relative;
display : inline-block;
z-index : 10;
cursor : pointer
}
@media (max-width:1024px) {
.dropdown {
display : block
}
}
.dropdown__image-overlay {
position : absolute;
width : 3rem;
height : 3rem;
top : 50%;
margin-top : -1.5rem;
right : 100%
}
.dropdown:after {
content : "";
display : block;
position : absolute;
top : 90%;
right : -1em;
height : 110%;
left : -1em;
pointer-events : none
}
.dropdown__tab {
width : 100%;
height : inherit;
display : flex;
align-items : center;
justify-content : center;
flex-wrap : wrap;
border : 0;
background-color : transparent;
text-align : center;
line-height : 1;
cursor : pointer
}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
.dropdown__tab {
display : block
}
}
.dropdown__tab:focus {
outline : 0
}
.dropdown__tab__label {
flex-grow : 1;
flex-basis : 100%;
width : 100%;
color : inherit;
transition : .3s cubic-bezier(.2,0,.1,1)
}
.dropdown__tab__label,.dropdown__tab__label:hover {
font-family : inherit;
font-weight : 600;
text-decoration : none
}
.dropdown__tab__toggle {
display : none;
position : relative;
text-decoration : none;
border : none;
appearance : none;
background : none;
box-shadow : none;
width : 2.75em;
height : 2.75em;
margin-left : -2.75em;
vertical-align : middle;
padding : 0
}
.dropdown__tab__toggle:after,.dropdown__tab__toggle:before {
content : "";
position : absolute;
background : currentColor;
backface-visibility : hidden;
width : 2px;
top : 25%;
bottom : 25%;
left : calc(50% - 1px);
border-radius : 1px;
transition : .3s cubic-bezier(.2,0,.1,1)
}
.dropdown__tab__toggle--closed:after,.dropdown__tab__toggle--closed:before {
transform-origin : bottom
}
.dropdown__tab__toggle--closed:before {
transform : translate3d(25%,-25%,0) rotate(-45deg) scaleY(.66)
}
.dropdown__tab__toggle--closed:after {
transform : translate3d(-25%,-25%,0) rotate(45deg) scaleY(.66)
}
.dropdown__tab__toggle--open:after,.dropdown__tab__toggle--open:before {
transform-origin : center
}
.dropdown__tab__toggle--open:before {
transform : rotate(-45deg)
}
.dropdown__tab__toggle--open:after {
transform : rotate(45deg)
}
@media (max-width:1024px) {
.dropdown__tab__toggle {
display : inline-block
}
}
@media (max-width:1024px) {
.dropdown__tab--open+.dropdown__menu {
display : block
}
}
.dropdown__menu {
display : block;
list-style : none;
margin : 0;
padding : 0;
z-index : 10;
border-radius : 3px;
background-color : #f0f0f0;
box-shadow : 1px 1px 5px rgba(0,0,0,.1);
position : absolute;
top : calc(100% + .75rem);
right : calc(50% - 90px);
width : 180px;
z-index : 1;
opacity : 0;
pointer-events : none;
transition : .2s cubic-bezier(.5,.025,0,1.25),pointer-events 0s .5s;
transform : scale(.9);
transform : scale3d(.9,.9,1);
transform-origin : center -.75rem;
font-size : .825em
}
.header__account .dropdown__menu,.page-navigation__link:last-child .dropdown__menu {
right : 0;
transform-origin : calc(100% - 3em) -.75rem
}
.header__account .dropdown__menu__caret,.page-navigation__link:last-child .dropdown__menu__caret {
right : 0;
width : auto
}
@media (max-width:1024px) {
.dropdown__menu {
display : none;
width : 100%;
position : static;
box-shadow : none;
border : 0;
background : none;
pointer-events : all;
padding : .25em 0;
font-size : .9em;
opacity : 1;
transform : none
}
.dropdown__menu__caret {
display : none
}
}
.dropdown__menu__caret {
top : 0;
right : 25%;
width : 50%;
position : absolute;
background-color : inherit;
pointer-events : none;
z-index : -1
}
.dropdown__menu__caret:before {
content : "";
height : .75rem;
width : .75rem;
position : absolute;
top : -.375rem;
left : calc(50% - .375rem);
box-shadow : 0 1px 5px rgba(0,0,0,.1);
background-color : inherit;
transform : rotate(45deg)
}
.dropdown__menu__hover-area {
position : absolute;
top : -1rem;
right : 0;
height : 100%;
left : 0
}
@media (max-width:1024px) {
.dropdown__menu__hover-area {
display : none
}
}
@media (min-width:1025px) {
.dropdown.cypress-fake-hover:after,.dropdown:focus-within:after,.dropdown:focus:after,.dropdown:hover:after {
pointer-events : all
}
.dropdown.cypress-fake-hover .dropdown__menu,.dropdown:focus-within .dropdown__menu,.dropdown:focus .dropdown__menu,.dropdown:hover .dropdown__menu {
display : block;
pointer-events : all;
opacity : 1;
transform : scale(1);
transform : scaleX(1);
transition : .2s cubic-bezier(.5,.025,0,1.25),pointer-events 0s
}
.dropdown:hover:after {
pointer-events : all
}
.dropdown:hover .dropdown__menu {
display : block;
pointer-events : all;
opacity : 1;
transform : scale(1);
transform : scaleX(1);
transition : .2s cubic-bezier(.5,.025,0,1.25),pointer-events 0s
}
}
.dropdown__menu:focus,.dropdown__menu:hover {
display : block;
pointer-events : all;
left : unset;
opacity : 1;
transform : scale(1);
transform : scaleX(1);
transition : .2s cubic-bezier(.5,.025,0,1.25),left 0s,pointer-events 0s
}
.dropdown__menu__item {
color : #000;
text-decoration : none;
background : inherit;
position : relative;
border-bottom : 1px solid rgba(0,0,0,.1);
text-align : left
}
@media (max-width:1024px) {
.dropdown__menu__item {
text-align : center
}
}
.dropdown__menu__item:first-of-type,.dropdown__menu__item:first-of-type a {
border-top-left-radius: inherit;
border-top-right-radius: inherit
}
.dropdown__menu__item:last-of-type {
border-bottom : 0
}
.dropdown__menu__item:last-of-type,.dropdown__menu__item:last-of-type a {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit
}
@media (max-width:1024px) {
.dropdown__menu__item {
border-bottom : 0
}
}
.dropdown__menu__item-link {
display : block;
background : inherit;
transition : background .2s ease;
padding : .825rem;
color : inherit;
transition : .3s cubic-bezier(.2,0,.1,1)
}
.dropdown__menu__item-link,.dropdown__menu__item-link:hover {
font-family : inherit;
font-weight : 600;
text-decoration : none
}
.dropdown__menu__item-link:hover {
background : #fff
}
.empty-message {
background : #f2f2f2;
padding : 1em;
border-radius : 3px;
text-align : center
}
.raisely-flip-card__inner {
position : relative;
width : 100%;
height : 100%
}
.raisely-flip-card__back,.raisely-flip-card__front {
display : flex;
align-items : center;
justify-content : center;
position : absolute;
width : 100%;
height : 100%
}
.raisely-flip-card__front {
background-size : cover;
background-position : 50%;
background-repeat : no-repeat
}
.highlight-donation {
position : relative;
text-align : center;
border-radius : 3px;
padding : 0 1rem 1rem;
margin-bottom : 1.5rem;
border : 2px solid #333
}
.highlight-donation__title {
line-height : 1;
color : #fff;
background : #333;
padding : calc(.4em - 2px) .4em .4em;
margin-bottom : .75rem;
margin-left : -1rem;
width : calc(100% + 2rem)
}
.highlight-donation__amount {
font-weight : 900;
font-size : 3rem;
line-height : 1;
margin-bottom : .1em
}
.highlight-donation__name {
line-height : 1;
font-weight : 800;
font-size : 1.5rem;
margin-bottom : .25em
}
.highlight-donation__message {
font-weight : 600;
font-size : 1rem;
max-width : 30ch;
margin : 0 auto
}
.highlight-donation__thanks {
display : inline-block;
background : #fff;
color : #000;
padding : .25rem .5rem;
border-radius : 1rem;
margin-top : .33rem;
margin-bottom : .33rem
}
.horizontal-rule__line {
opacity : .3
}
.horizontal-rule {
display : flex;
flex-direction : row;
align-items : center
}
.horizontal-rule__line {
flex : 1;
height : 1px;
border-color : currentColor;
border-top : 1px;
border-style : solid
}
.horizontal-rule__text {
text-align : center;
font-size : max(.8rem,13px);
padding-left : 10px;
padding-right : 10px
}
.horizontal-scroll {
--gutter : 0.25rem;
--offset : 1rem;
position : relative
}
.horizontal-scroll__track {
mask : linear-gradient(90deg,transparent,#000 var(--offset,1rem),#000 calc(100% - var(--offset, 1rem)),transparent) no-repeat right/100%;
-webkit-mask : linear-gradient(90deg,transparent,#000 var(--offset,1rem),#000 calc(100% - var(--offset, 1rem)),transparent) no-repeat right/100%;
transition : .25s;
transition-property : mask-size,-webkit-mask-size;
will-change : mask-size,-webkit-mask-size;
overflow-x : auto;
cursor : col-resize;
-ms-overflow-style : none;
overflow : -moz-scrollbars-none;
scrollbar-width : none;
min-width : 100%;
margin-left : calc(var(--offset, 1rem)*-1)
}
.horizontal-scroll__track::-webkit-scrollbar {
width : 0;
height : 0;
background : transparent
}
.horizontal-scroll__inner {
display : flex;
flex-direction : row
}
.horizontal-scroll__inner:after,.horizontal-scroll__inner:before {
content : "";
flex-shrink : 0;
width : var(--offset,1rem)
}
.horizontal-scroll__inner>* {
white-space : normal
}
.horizontal-scroll__item {
display : inline-block;
vertical-align : middle;
margin-right : var(--gutter,.25rem)
}
.horizontal-scroll__item:first-of-type {
margin-left : clamp(0,var(--gutter) + var(--row-gutter,0) * -1000 + 1px,var(--gutter))
}
.horizontal-scroll__item:last-of-type {
margin-right : 0
}
.horizontal-scroll__button {
background : #fff;
border : 0;
border-radius : 50%;
border : 1px solid rgba(0,0,0,.15);
color : #000;
padding : 0;
position : absolute;
top : calc(50% - .5em);
transform : scale3d(.75,.75,1);
pointer-events : none;
opacity : 0;
transition : all .3s cubic-bezier(.2,0,.1,1);
transition-property : transform,opacity,border-color;
display : flex;
justify-content : center;
align-items : center;
cursor : pointer;
font-size : 2rem;
width : 1em;
height : 1em
}
.horizontal-scroll__button--visible {
pointer-events : all
}
@media (hover:none) {
.horizontal-scroll__button--visible {
transform : scaleX(1);
opacity : 1
}
}
.horizontal-scroll--dragging .horizontal-scroll__button--visible,.horizontal-scroll:focus-within .horizontal-scroll__button--visible,.horizontal-scroll:hover .horizontal-scroll__button--visible,.horizontal-scroll__button--visible:focus,.horizontal-scroll__button--visible:hover {
transform : scaleX(1);
opacity : 1
}
.horizontal-scroll__button--visible:focus,.horizontal-scroll__button--visible:hover {
border-color : #000
}
.horizontal-scroll__button--left {
left : -.25em;
transform-origin : 10% 50%
}
.horizontal-scroll__button--right {
right : -.25em;
transform-origin : 90% 50%
}
@media (max-width:736px) {
.horizontal-scroll--collapse .horizontal-scroll__inner {
flex-direction : column;
margin : 0
}
.horizontal-scroll--collapse .horizontal-scroll__track {
mask : unset;
-webkit-mask : unset;
overflow-x : hidden;
cursor : unset
}
}
.col--3 .horizontal-scroll--collapse .horizontal-scroll__inner,.col--4 .horizontal-scroll--collapse .horizontal-scroll__inner,.col--5 .horizontal-scroll--collapse .horizontal-scroll__inner,.col--6 .horizontal-scroll--collapse .horizontal-scroll__inner {
flex-direction : column;
margin : 0
}
.col--3 .horizontal-scroll--collapse .horizontal-scroll__track,.col--4 .horizontal-scroll--collapse .horizontal-scroll__track,.col--5 .horizontal-scroll--collapse .horizontal-scroll__track,.col--6 .horizontal-scroll--collapse .horizontal-scroll__track {
mask : unset;
-webkit-mask : unset;
overflow-x : hidden;
cursor : unset
}
@media (max-width:736px) {
.col--5 .horizontal-scroll--collapse .horizontal-scroll__inner,.col--6 .horizontal-scroll--collapse .horizontal-scroll__inner,.col--7 .horizontal-scroll--collapse .horizontal-scroll__inner,.col--8 .horizontal-scroll--collapse .horizontal-scroll__inner,.col--9 .horizontal-scroll--collapse .horizontal-scroll__inner,.col--10 .horizontal-scroll--collapse .horizontal-scroll__inner,.col--11 .horizontal-scroll--collapse .horizontal-scroll__inner,.col--12 .horizontal-scroll--collapse .horizontal-scroll__inner {
flex-direction : column;
margin : 0
}
.col--5 .horizontal-scroll--collapse .horizontal-scroll__track,.col--6 .horizontal-scroll--collapse .horizontal-scroll__track,.col--7 .horizontal-scroll--collapse .horizontal-scroll__track,.col--8 .horizontal-scroll--collapse .horizontal-scroll__track,.col--9 .horizontal-scroll--collapse .horizontal-scroll__track,.col--10 .horizontal-scroll--collapse .horizontal-scroll__track,.col--11 .horizontal-scroll--collapse .horizontal-scroll__track,.col--12 .horizontal-scroll--collapse .horizontal-scroll__track {
mask : unset;
-webkit-mask : unset;
overflow-x : hidden;
cursor : unset
}
}
.horizontal-scroll--has-scrolled .horizontal-scroll__track {
mask-size : calc(100% - var(--offset, 1rem));
-webkit-mask-size : calc(100% - var(--offset, 1rem))
}
.icon {
display : inline-block;
vertical-align : middle
}
.icon--small {
width : 1.125rem;
height : 1.125rem;
font-size : 1.125rem
}
.icon--small .icon--custom {
height : .75em
}
.icon--normal {
width : 1.5rem;
height : 1.5rem;
font-size : 1.5rem
}
.icon--normal .icon--custom {
height : 1em
}
.icon--medium {
width : 3.75rem;
height : 3.75rem;
font-size : 3.75rem
}
.icon--medium .icon--custom {
height : 2.5em
}
.icon--large {
width : 6.75rem;
height : 6.75rem;
font-size : 6.75rem
}
.icon--large .icon--custom {
height : 4.5em
}
.icon--x-large {
width : 12rem;
height : 12rem;
font-size : 12rem
}
.icon--x-large .icon--custom {
height : 8em
}
.icon--default {
color : #333;
fill : #333
}
.icon--custom-cover {
object-fit : cover
}
.icon--custom-contain {
object-fit : contain
}
.icon--inverted {
color : #fff;
fill : #fff
}
.icon--inherit {
fill : currentColor;
color : inherit
}
.icon i.material-icons {
font-size : inherit;
font-style : normal;
vertical-align : top
}
.icon-container {
text-align : center
}
.icon-container__text {
display : flex;
flex-direction : column;
flex-grow : 1;
align-self : center
}
.icon-container__label {
font-size : large;
font-weight : 600
}
.icon-container__description,.icon-container__label {
display : inline-block;
align-self : center
}
.icon-container__description-left,.icon-container__label-left {
text-align : left;
margin-right : auto
}
.icon-container__description-center,.icon-container__label-center {
text-align : center
}
.icon-container__description-right,.icon-container__label-right {
text-align : right;
margin-left : auto
}
.icon-container--has-label {
display : flex
}
.icon-container--has-label .icon {
margin : .5rem
}
.icon-container--has-label .icon--custom {
margin : 1rem
}
.icon-container--position {
display : flex
}
.icon-container--position-left {
align-items : center;
text-align : left
}
.icon-container--position-center {
flex-direction : column;
align-items : center;
text-align : center
}
.icon-container--position-right {
flex-direction : row-reverse;
align-items : center;
text-align : right
}
.image-tile {
--pad-bottom : unset;
background : #f6f6f8;
background-size : cover;
background-position : 50%;
position : relative;
overflow : hidden;
height : 0;
padding-bottom : var(--pad-bottom);
will-change : transform
}
.image-tile--size-rectangle {
--pad-bottom : 60%
}
.image-tile--size-square {
--pad-bottom : 100%
}
.image-tile--size-tall {
--pad-bottom : 130%
}
.image-tile--text-yes {
background-color : #000
}
.image-tile--image-no .image-tile__text {
color : #000
}
.image-tile__image {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
transition : .3s cubic-bezier(.2,0,.1,1);
background-size : cover;
background-position : 50%;
background-repeat : no-repeat
}
.image-tile__content,.image-tile__text {
z-index : 3;
display : flex;
flex-direction : column;
justify-content : center;
align-items : center;
padding : max(1em,10%);
height : 100%;
font-weight : 700;
color : #fff;
text-align : center;
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0
}
.image-tile__content:before,.image-tile__text:before {
content : "";
display : block;
width : 100%;
height : 100%;
top : 0;
left : 0;
position : absolute;
transition : opacity .3s cubic-bezier(.2,0,.1,1);
background : rgba(0,0,0,.5);
opacity : .5;
z-index : -1
}
.image-tile__content {
gap : .75em
}
.image-tile__content-con {
display : flex;
flex-direction : column;
flex-wrap : wrap
}
.image-tile__content__title,.image-tile__text {
font-size : 1.25rem
}
.image-tile__content__text {
font-weight : 400
}
.image-tile__link {
text-decoration : none;
display : block;
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
cursor : pointer;
z-index : 1
}
.image-tile__link:hover .image-tile__text:before {
opacity : 1
}
.image-tile__link:hover~.image-tile__image {
transform : scale3d(1.025,1.025,1)
}
.image-tile__buttons {
margin-top : 1em;
width : 100%
}
.image-tile--adaptive {
height : 100%;
padding-bottom : unset;
display : flex
}
.image-tile--adaptive:before {
content : "";
float : left;
padding-bottom : var(--pad-bottom)
}
.image-tile--adaptive:after {
content : "";
display : table;
clear : both
}
.image-tile--adaptive .image-tile__content {
position : relative;
align-self : stretch;
height : unset;
width : 100%
}
.logo {
position : relative;
text-align : left
}
.logo .logo__overlay {
display : block;
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
opacity : 0
}
.logo h1 {
position : relative;
margin : 0;
font-weight : 400;
font-size : 1.5rem;
color : inherit
}
.col--3 .logo,.col--4 .logo {
width : 150px
}
.logo img {
max-width : 100%;
vertical-align : bottom
}
.logo--image {
width : 100%
}
.logo--image h1 {
display : none
}
.logo.logo--align-left {
margin-left : 0
}
.logo.logo--align-center {
margin-right : auto;
margin-left : auto
}
.logo.logo--align-right {
margin-right : 0
}
.post {
background : #fff
}
.post__wrapper {
flex-grow : 1
}
.post__wrapper h3,.post__wrapper h4 {
margin-top : 0
}
.post--direction-vertical .post__wrapper {
padding : 3rem
}
@media (max-width:1024px) {
.post--direction-vertical .post__wrapper {
padding : 1.5rem
}
}
.col--1 .post--direction-vertical .post__wrapper,.col--2 .post--direction-vertical .post__wrapper,.col--3 .post--direction-vertical .post__wrapper,.col--4 .post--direction-vertical .post__wrapper,.col--5 .post--direction-vertical .post__wrapper,.col--6 .post--direction-vertical .post__wrapper,.col--7 .post--direction-vertical .post__wrapper,.col--8 .post--direction-vertical .post__wrapper,.col--9 .post--direction-vertical .post__wrapper {
padding : 1.5rem
}
@media (max-width:1024px) {
.col--10 .post--direction-vertical .post__wrapper,.col--11 .post--direction-vertical .post__wrapper,.col--12 .post--direction-vertical .post__wrapper {
padding : 1.5rem
}
}
.post--direction-vertical.post--image {
padding : 0 0 0 40%;
position : relative
}
.post--direction-vertical.post--image .post__image {
width : 40%;
position : absolute;
top : 0;
left : 0;
height : 100%;
overflow : hidden
}
.post--direction-vertical.post--image .post__image img {
width : 100%;
height : 100%;
object-fit : cover
}
@media (max-width:1024px) {
.post--direction-vertical.post--image {
padding-left : 33.333%
}
.post--direction-vertical.post--image .post__wrapper {
padding : 1.5rem
}
.post--direction-vertical.post--image .post__content {
font-size : 80%
}
.post--direction-vertical.post--image .post__image {
width : 33.333%
}
}
.col--1 .post--direction-vertical.post--image,.col--2 .post--direction-vertical.post--image,.col--3 .post--direction-vertical.post--image,.col--4 .post--direction-vertical.post--image,.col--5 .post--direction-vertical.post--image,.col--6 .post--direction-vertical.post--image,.col--7 .post--direction-vertical.post--image,.col--8 .post--direction-vertical.post--image,.col--9 .post--direction-vertical.post--image {
padding-left : 33.333%
}
.col--1 .post--direction-vertical.post--image .post__wrapper,.col--2 .post--direction-vertical.post--image .post__wrapper,.col--3 .post--direction-vertical.post--image .post__wrapper,.col--4 .post--direction-vertical.post--image .post__wrapper,.col--5 .post--direction-vertical.post--image .post__wrapper,.col--6 .post--direction-vertical.post--image .post__wrapper,.col--7 .post--direction-vertical.post--image .post__wrapper,.col--8 .post--direction-vertical.post--image .post__wrapper,.col--9 .post--direction-vertical.post--image .post__wrapper {
padding : 1.5rem
}
.col--1 .post--direction-vertical.post--image .post__content,.col--2 .post--direction-vertical.post--image .post__content,.col--3 .post--direction-vertical.post--image .post__content,.col--4 .post--direction-vertical.post--image .post__content,.col--5 .post--direction-vertical.post--image .post__content,.col--6 .post--direction-vertical.post--image .post__content,.col--7 .post--direction-vertical.post--image .post__content,.col--8 .post--direction-vertical.post--image .post__content,.col--9 .post--direction-vertical.post--image .post__content {
font-size : 80%
}
.col--1 .post--direction-vertical.post--image .post__image,.col--2 .post--direction-vertical.post--image .post__image,.col--3 .post--direction-vertical.post--image .post__image,.col--4 .post--direction-vertical.post--image .post__image,.col--5 .post--direction-vertical.post--image .post__image,.col--6 .post--direction-vertical.post--image .post__image,.col--7 .post--direction-vertical.post--image .post__image,.col--8 .post--direction-vertical.post--image .post__image,.col--9 .post--direction-vertical.post--image .post__image {
width : 33.333%
}
@media (max-width:1024px) {
.col--10 .post--direction-vertical.post--image,.col--11 .post--direction-vertical.post--image,.col--12 .post--direction-vertical.post--image {
padding-left : 33.333%
}
.col--10 .post--direction-vertical.post--image .post__wrapper,.col--11 .post--direction-vertical.post--image .post__wrapper,.col--12 .post--direction-vertical.post--image .post__wrapper {
padding : 1.5rem
}
.col--10 .post--direction-vertical.post--image .post__content,.col--11 .post--direction-vertical.post--image .post__content,.col--12 .post--direction-vertical.post--image .post__content {
font-size : 80%
}
.col--10 .post--direction-vertical.post--image .post__image,.col--11 .post--direction-vertical.post--image .post__image,.col--12 .post--direction-vertical.post--image .post__image {
width : 33.333%
}
}
@media (max-width:736px) {
.post--direction-vertical.post--image {
padding : 0
}
.post--direction-vertical.post--image .post__wrapper {
padding : 1.5rem
}
.post--direction-vertical.post--image .post__image {
height : 200px;
overflow : hidden;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
position : relative;
width : 100%;
top : unset;
left : unset
}
.post--direction-vertical.post--image .post__image img {
width : 100%;
height : 200px;
object-fit : cover
}
}
.col--3 .post--direction-vertical.post--image,.col--4 .post--direction-vertical.post--image,.col--5 .post--direction-vertical.post--image,.col--6 .post--direction-vertical.post--image {
padding : 0
}
.col--3 .post--direction-vertical.post--image .post__wrapper,.col--4 .post--direction-vertical.post--image .post__wrapper,.col--5 .post--direction-vertical.post--image .post__wrapper,.col--6 .post--direction-vertical.post--image .post__wrapper {
padding : 1.5rem
}
.col--3 .post--direction-vertical.post--image .post__image,.col--4 .post--direction-vertical.post--image .post__image,.col--5 .post--direction-vertical.post--image .post__image,.col--6 .post--direction-vertical.post--image .post__image {
height : 200px;
overflow : hidden;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
position : relative;
width : 100%;
top : unset;
left : unset
}
.col--3 .post--direction-vertical.post--image .post__image img,.col--4 .post--direction-vertical.post--image .post__image img,.col--5 .post--direction-vertical.post--image .post__image img,.col--6 .post--direction-vertical.post--image .post__image img {
width : 100%;
height : 200px;
object-fit : cover
}
@media (max-width:736px) {
.col--5 .post--direction-vertical.post--image,.col--6 .post--direction-vertical.post--image,.col--7 .post--direction-vertical.post--image,.col--8 .post--direction-vertical.post--image,.col--9 .post--direction-vertical.post--image,.col--10 .post--direction-vertical.post--image,.col--11 .post--direction-vertical.post--image,.col--12 .post--direction-vertical.post--image {
padding : 0
}
.col--5 .post--direction-vertical.post--image .post__wrapper,.col--6 .post--direction-vertical.post--image .post__wrapper,.col--7 .post--direction-vertical.post--image .post__wrapper,.col--8 .post--direction-vertical.post--image .post__wrapper,.col--9 .post--direction-vertical.post--image .post__wrapper,.col--10 .post--direction-vertical.post--image .post__wrapper,.col--11 .post--direction-vertical.post--image .post__wrapper,.col--12 .post--direction-vertical.post--image .post__wrapper {
padding : 1.5rem
}
.col--5 .post--direction-vertical.post--image .post__image,.col--6 .post--direction-vertical.post--image .post__image,.col--7 .post--direction-vertical.post--image .post__image,.col--8 .post--direction-vertical.post--image .post__image,.col--9 .post--direction-vertical.post--image .post__image,.col--10 .post--direction-vertical.post--image .post__image,.col--11 .post--direction-vertical.post--image .post__image,.col--12 .post--direction-vertical.post--image .post__image {
height : 200px;
overflow : hidden;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
position : relative;
width : 100%;
top : unset;
left : unset
}
.col--5 .post--direction-vertical.post--image .post__image img,.col--6 .post--direction-vertical.post--image .post__image img,.col--7 .post--direction-vertical.post--image .post__image img,.col--8 .post--direction-vertical.post--image .post__image img,.col--9 .post--direction-vertical.post--image .post__image img,.col--10 .post--direction-vertical.post--image .post__image img,.col--11 .post--direction-vertical.post--image .post__image img,.col--12 .post--direction-vertical.post--image .post__image img {
width : 100%;
height : 200px;
object-fit : cover
}
}
.post--direction-horizontal {
height : 100%
}
.post--direction-horizontal .post__wrapper {
padding : 1.5rem
}
.post--direction-horizontal .post__image {
height : 200px;
overflow : hidden;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.post--direction-horizontal .post__image img {
width : 100%;
height : 200px;
object-fit : cover
}
.post__title a {
font-size : inherit;
font-style : inherit;
font-weight : inherit;
text-transform : inherit;
text-decoration : inherit;
color : inherit
}
.post__meta {
margin : 0 0 .75rem;
font-size : .9em
}
.post__meta__author {
position : relative;
display : inline-block
}
.post__meta__author-name {
opacity : .5;
transition : .3s cubic-bezier(.2,0,.1,1)
}
.post__meta__author-image {
margin-right : 1em
}
.post__meta__author-overlay {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1
}
.post__meta__author-overlay:focus~.post__meta__author-name,.post__meta__author-overlay:hover~.post__meta__author-name {
opacity : 1
}
.post__meta__date {
opacity : .5
}
.post__content {
margin-bottom : 1rem;
white-space : normal
}
.post__content .post__image img {
width : 100%;
max-width : 100%;
height : auto;
margin-bottom : 1em
}
.post__content p {
margin-bottom : 1rem
}
.post__content img {
max-width : 100%
}
.post__content .note-float-right {
float : right!important
}
.post__content .note-float-left {
float : left!important
}
.post__wrapper .button {
font-size : .825rem
}
.post__actions {
display : flex;
flex-wrap : wrap;
padding-top : 1em
}
.post__actions .button {
flex-grow : 1
}
.post--detail-item {
border-radius : 3px;
border : 1px solid rgba(0,0,0,.2)
}
.post--detail-item .post__meta__author+.post__meta__date {
margin-left : .6125rem;
padding-left : .6125rem;
position : relative
}
.post--detail-item .post__meta__author+.post__meta__date:before {
content : "";
display : block;
font-size : 5px;
width : 1em;
height : 1em;
border-radius : 1em;
position : absolute;
top : 50%;
margin-top : -2px;
left : -.5em;
background : rgba(0,0,0,.5)
}
.post--detail-full {
display : block
}
.post--detail-full .post__meta {
margin-bottom : 1em;
justify-content : space-between
}
.post--detail-full .post__meta,.post--detail-full .post__meta__author {
display : flex;
align-items : center
}
.post--detail-full .post__title+.post__meta {
margin-top : -8px
}
.profile-card {
background : #eee;
height : 100%;
position : relative;
display : flex;
flex-wrap : wrap;
flex-direction : column
}
.profile-card h4 {
margin-bottom : .5rem
}
.profile-card h4:first-child {
margin-top : 0
}
.profile-card p {
margin : 0 0 1em
}
.profile-card__content {
padding : 1rem;
flex-grow : 1;
display : flex;
flex-wrap : wrap;
flex-direction : column
}
.profile-card__content .progress-bar {
margin-top : auto
}
.profile-card__content .progress-bar__progress {
height : 10px
}
.profile-card__content .progress-bar__total {
width : auto
}
.profile-card__content .progress-bar__goal {
display : none
}
.raisely-blockwrapper--raisely-profile-image {
max-width : 250px
}
.profile-image {
width : 100%;
padding-bottom : 100%;
height : 0;
position : relative;
flex-shrink : 0
}
.profile-image__photo {
position : absolute;
width : 100%;
height : 100%;
top : 0;
left : 0;
background-size : cover;
background-position : 50%;
background-repeat : no-repeat;
overflow : hidden
}
@supports (mix-blend-mode:color) {
.profile-image__photo[style*=default-profile-]:after {
content : "";
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
background : currentColor;
mix-blend-mode : color;
border-radius : inherit
}
}
.profile-image__rank {
position : absolute;
top : 0;
right : 0;
width : 2.5rem;
height : 2.5rem;
border-radius : 50%;
display : flex;
line-height : 1;
justify-content : center;
align-items : center;
transform : translate(10%,-10%);
font-weight : 600;
font-size : 1.1rem;
color : #000;
background-color : #ddd
}
.profile-image__rank:after {
content : "";
position : absolute;
top : 50%;
left : 50%;
display : block;
width : 70%;
height : 70%;
border-radius : 50%;
border : 2px solid rgba(0,0,0,.25);
transform : translate(-50%,-50%)
}
.profile-image--size-small {
width : 2.4rem;
padding-bottom : 2.4rem
}
.profile-image--max-width {
height : auto;
padding-bottom : 0
}
.profile-image--max-width .profile-image__photo {
height : 0;
padding-bottom : 100%;
position : relative
}
.profile-image--align-center {
margin-right : auto;
margin-left : auto
}
.profile-image--align-right {
margin-left : auto
}
.profile-tile {
position : relative;
min-height : 75px
}
.profile-tile .profile-image {
width : 75px;
position : absolute;
top : 0;
left : 0;
padding : 0;
height : 100%;
min-height : 75px
}
.profile-tile .button--primary {
font-size : .8rem;
display : inline-block;
margin-top : 1rem
}
.profile-tile--detail-post {
background : #fff
}
.profile-tile--detail-post .profile-image {
height : 100%;
width : 100px
}
.profile-tile--detail-post .profile-tile__content {
padding : 1rem 1.5rem 1rem 115px
}
@media (max-width:736px) {
.profile-tile--detail-post .profile-image {
display : none
}
.profile-tile--detail-post .profile-tile__content {
padding : 1rem
}
}
.col--3 .profile-tile--detail-post .profile-image,.col--4 .profile-tile--detail-post .profile-image,.col--5 .profile-tile--detail-post .profile-image,.col--6 .profile-tile--detail-post .profile-image {
display : none
}
.col--3 .profile-tile--detail-post .profile-tile__content,.col--4 .profile-tile--detail-post .profile-tile__content,.col--5 .profile-tile--detail-post .profile-tile__content,.col--6 .profile-tile--detail-post .profile-tile__content {
padding : 1rem
}
@media (max-width:736px) {
.col--5 .profile-tile--detail-post .profile-image,.col--6 .profile-tile--detail-post .profile-image,.col--7 .profile-tile--detail-post .profile-image,.col--8 .profile-tile--detail-post .profile-image,.col--9 .profile-tile--detail-post .profile-image,.col--10 .profile-tile--detail-post .profile-image,.col--11 .profile-tile--detail-post .profile-image,.col--12 .profile-tile--detail-post .profile-image {
display : none
}
.col--5 .profile-tile--detail-post .profile-tile__content,.col--6 .profile-tile--detail-post .profile-tile__content,.col--7 .profile-tile--detail-post .profile-tile__content,.col--8 .profile-tile--detail-post .profile-tile__content,.col--9 .profile-tile--detail-post .profile-tile__content,.col--10 .profile-tile--detail-post .profile-tile__content,.col--11 .profile-tile--detail-post .profile-tile__content,.col--12 .profile-tile--detail-post .profile-tile__content {
padding : 1rem
}
}
.profile-tile+h6 {
margin-top : 2rem
}
.profile-tile__content {
padding-left : 95px;
padding-top : 10px;
display : flex;
flex-wrap : wrap;
justify-content : space-between;
align-content : center
}
.profile-tile__content .progress-bar {
width : 100%
}
.profile-tile__content .progress-bar__bar {
transform : none;
animation : none
}
.profile-tile__content-inner {
flex-basis : 70%;
flex-grow : 1;
text-align : left
}
.profile-tile__name {
flex-basis : 75%;
flex-grow : 1;
padding-right : .33em;
margin : 0 0 5px;
font-size : 1.125em
}
.profile-tile__name:last-of-type {
padding-right : 0;
margin-bottom : unset
}
.profile-tile__pronouns {
padding-left : .33em;
font-weight : 400
}
.profile-tile__total {
font-weight : 700;
font-size : 1.25em
}
.profile-tile__edit {
font-weight : 700;
font-size : 1em;
z-index : 2;
align-self : inherit
}
.profile-tile__edit a {
display : block
}
.profile-tile__rank {
z-index : 1;
position : absolute;
top : .2rem;
left : .2rem;
border-radius : .7rem;
min-width : 1.4rem;
line-height : 1;
height : 1.4rem;
text-align : center;
padding : .2rem .3rem
}
.profile-tile__link-wrapper {
position : relative
}
.profile-tile__overlay {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
opacity : 0;
z-index : 2
}
.progress-bar {
position : relative;
color : #1e0536;
font-weight : 700;
font-size : .8rem
}
.progress-bar .progress-bar__progress {
overflow : hidden
}
.progress-bar__progress {
background : rgba(0,0,0,.2);
color : #fff;
white-space : nowrap;
position : relative;
font-size : 25px;
height : 1em;
line-height : 1em
}
.progress-bar__progress .progress-bar__goal,.progress-bar__progress .progress-bar__total {
font-size : .5em
}
.progress-bar__progress>.progress-bar__goal {
z-index : 1
}
.progress-bar__bar {
position : absolute;
top : 0;
left : 0;
bottom : 0;
background : #000;
max-width : 100%;
overflow : hidden;
transition : .4s cubic-bezier(.2,0,.1,1)
}
.progress-bar__bar .progress-bar__total {
padding : 0;
position : absolute;
top : 0;
width : 100%;
height : 100%;
z-index : 1;
white-space : nowrap;
transform : translate(100%);
transform : translate3d(100%,0,0);
animation : appearIn 2s cubic-bezier(.2,0,.1,1) .5s forwards
}
.progress-bar__bar .progress-bar__goal {
display : none
}
.progress-bar__bar--animated {
animation : appearIn 1.75s cubic-bezier(.2,0,.1,1) .75s forwards;
transform : translate(-100%);
transform : translate3d(-100%,0,0)
}
.progress-bar__bar--animated .progress-bar__total {
opacity : 1;
transform : translate(100%);
transform : translate3d(100%,0,0);
animation-duration : 1.75s;
animation-delay : .75s
}
.progress-bar__bar--has-icon {
display : flex;
justify-content : end;
align-items : center
}
.progress-bar__bar>.icon {
margin-right : 6px
}
.progress-bar__goal,.progress-bar__metric-goal,.progress-bar__metric-total,.progress-bar__total {
opacity : 0;
animation : appearIn .3s cubic-bezier(.2,0,.1,1) .25s forwards
}
.progress-bar__total {
text-align : left;
position : absolute;
left : .5em;
z-index : 0;
width : 50%
}
.progress-bar__goal {
text-align : right;
position : absolute;
right : .5em;
width : 50%
}
.progress-bar__goal:first-of-type:last-of-type,.progress-bar__total:first-of-type:last-of-type {
width : 100%
}
.progress-bar--style-hollow .progress-bar__progress {
border : 1px solid #000;
background : transparent
}
.progress-bar--style-rounded .progress-bar__progress {
border-radius : 1em
}
.progress-bar--style-rounded .progress-bar__progress .progress-bar__bar {
border-radius : inherit
}
.progress-bar__stats-outter {
position : relative;
min-height : 1rem
}
.progress-bar__stats-outter--above {
margin-bottom : .5em
}
.progress-bar__stats-outter--below {
margin-top : .5em
}
.progress-bar__stats-outter .progress-bar__total {
left : 0
}
.progress-bar--size-small .progress-bar__progress {
font-size : 10px
}
.progress-bar--size-large .progress-bar__progress {
font-size : 40px
}
.progress-bar__metric {
line-height : 1
}
.quotes {
display : flex;
flex-wrap : wrap;
background : #fff;
overflow : hidden
}
.quotes__block {
width : 100%;
text-align : center
}
.quotes__top {
display : inline-flex;
padding : 2rem 2rem 1rem
}
.quotes__top .quotes__image~.quotes__quote {
text-align : left
}
.quotes__top .quotes__quote {
width : 100%;
margin : auto 0;
font-weight : 300
}
.quotes__top .quotes__quote:after,.quotes__top .quotes__quote:before {
content : "\""
}
.quotes__top .quotes__quote--normal {
font-size : 2.25rem
}
.quotes__top .quotes__quote--long {
font-size : 1.75rem
}
.quotes__top img {
border-radius : 50%;
width : 10rem;
height : 10rem;
object-fit : cover;
align-self : center;
margin-right : 1.5rem
}
@media (max-width:1024px) {
.quotes__top {
display : flex;
flex-direction : column;
padding : 1.5rem 1.5rem .75rem
}
.quotes__top img {
width : 8.5rem;
height : 8.5rem;
margin : 0 0 1rem
}
.quotes__top .quotes__quote {
text-align : center
}
.quotes__top .quotes__quote--normal {
font-size : 2.15rem
}
.quotes__top .quotes__quote--long {
font-size : 1.5rem
}
}
.col--1 .quotes__top,.col--2 .quotes__top,.col--3 .quotes__top,.col--4 .quotes__top,.col--5 .quotes__top,.col--6 .quotes__top,.col--7 .quotes__top,.col--8 .quotes__top,.col--9 .quotes__top {
display : flex;
flex-direction : column;
padding : 1.5rem 1.5rem .75rem
}
.col--1 .quotes__top img,.col--2 .quotes__top img,.col--3 .quotes__top img,.col--4 .quotes__top img,.col--5 .quotes__top img,.col--6 .quotes__top img,.col--7 .quotes__top img,.col--8 .quotes__top img,.col--9 .quotes__top img {
width : 8.5rem;
height : 8.5rem;
margin : 0 0 1rem
}
.col--1 .quotes__top .quotes__quote,.col--2 .quotes__top .quotes__quote,.col--3 .quotes__top .quotes__quote,.col--4 .quotes__top .quotes__quote,.col--5 .quotes__top .quotes__quote,.col--6 .quotes__top .quotes__quote,.col--7 .quotes__top .quotes__quote,.col--8 .quotes__top .quotes__quote,.col--9 .quotes__top .quotes__quote {
text-align : center
}
.col--1 .quotes__top .quotes__quote--normal,.col--2 .quotes__top .quotes__quote--normal,.col--3 .quotes__top .quotes__quote--normal,.col--4 .quotes__top .quotes__quote--normal,.col--5 .quotes__top .quotes__quote--normal,.col--6 .quotes__top .quotes__quote--normal,.col--7 .quotes__top .quotes__quote--normal,.col--8 .quotes__top .quotes__quote--normal,.col--9 .quotes__top .quotes__quote--normal {
font-size : 2.15rem
}
.col--1 .quotes__top .quotes__quote--long,.col--2 .quotes__top .quotes__quote--long,.col--3 .quotes__top .quotes__quote--long,.col--4 .quotes__top .quotes__quote--long,.col--5 .quotes__top .quotes__quote--long,.col--6 .quotes__top .quotes__quote--long,.col--7 .quotes__top .quotes__quote--long,.col--8 .quotes__top .quotes__quote--long,.col--9 .quotes__top .quotes__quote--long {
font-size : 1.5rem
}
@media (max-width:1024px) {
.col--10 .quotes__top,.col--11 .quotes__top,.col--12 .quotes__top {
display : flex;
flex-direction : column;
padding : 1.5rem 1.5rem .75rem
}
.col--10 .quotes__top img,.col--11 .quotes__top img,.col--12 .quotes__top img {
width : 8.5rem;
height : 8.5rem;
margin : 0 0 1rem
}
.col--10 .quotes__top .quotes__quote,.col--11 .quotes__top .quotes__quote,.col--12 .quotes__top .quotes__quote {
text-align : center
}
.col--10 .quotes__top .quotes__quote--normal,.col--11 .quotes__top .quotes__quote--normal,.col--12 .quotes__top .quotes__quote--normal {
font-size : 2.15rem
}
.col--10 .quotes__top .quotes__quote--long,.col--11 .quotes__top .quotes__quote--long,.col--12 .quotes__top .quotes__quote--long {
font-size : 1.5rem
}
}
@media (max-width:736px) {
.quotes__top {
display : flex;
flex-direction : column;
padding : 1rem 1rem .5rem
}
.quotes__top img {
width : 6rem;
height : 6rem;
margin : 0 0 1rem
}
.quotes__top .quotes__quote {
text-align : center
}
.quotes__top .quotes__quote--normal {
font-size : 1.5rem
}
.quotes__top .quotes__quote--long {
font-size : 1.25rem
}
}
.col--3 .quotes__top,.col--4 .quotes__top,.col--5 .quotes__top,.col--6 .quotes__top {
display : flex;
flex-direction : column;
padding : 1rem 1rem .5rem
}
.col--3 .quotes__top img,.col--4 .quotes__top img,.col--5 .quotes__top img,.col--6 .quotes__top img {
width : 6rem;
height : 6rem;
margin : 0 0 1rem
}
.col--3 .quotes__top .quotes__quote,.col--4 .quotes__top .quotes__quote,.col--5 .quotes__top .quotes__quote,.col--6 .quotes__top .quotes__quote {
text-align : center
}
.col--3 .quotes__top .quotes__quote--normal,.col--4 .quotes__top .quotes__quote--normal,.col--5 .quotes__top .quotes__quote--normal,.col--6 .quotes__top .quotes__quote--normal {
font-size : 1.5rem
}
.col--3 .quotes__top .quotes__quote--long,.col--4 .quotes__top .quotes__quote--long,.col--5 .quotes__top .quotes__quote--long,.col--6 .quotes__top .quotes__quote--long {
font-size : 1.25rem
}
@media (max-width:736px) {
.col--5 .quotes__top,.col--6 .quotes__top,.col--7 .quotes__top,.col--8 .quotes__top,.col--9 .quotes__top,.col--10 .quotes__top,.col--11 .quotes__top,.col--12 .quotes__top {
display : flex;
flex-direction : column;
padding : 1rem 1rem .5rem
}
.col--5 .quotes__top img,.col--6 .quotes__top img,.col--7 .quotes__top img,.col--8 .quotes__top img,.col--9 .quotes__top img,.col--10 .quotes__top img,.col--11 .quotes__top img,.col--12 .quotes__top img {
width : 6rem;
height : 6rem;
margin : 0 0 1rem
}
.col--5 .quotes__top .quotes__quote,.col--6 .quotes__top .quotes__quote,.col--7 .quotes__top .quotes__quote,.col--8 .quotes__top .quotes__quote,.col--9 .quotes__top .quotes__quote,.col--10 .quotes__top .quotes__quote,.col--11 .quotes__top .quotes__quote,.col--12 .quotes__top .quotes__quote {
text-align : center
}
.col--5 .quotes__top .quotes__quote--normal,.col--6 .quotes__top .quotes__quote--normal,.col--7 .quotes__top .quotes__quote--normal,.col--8 .quotes__top .quotes__quote--normal,.col--9 .quotes__top .quotes__quote--normal,.col--10 .quotes__top .quotes__quote--normal,.col--11 .quotes__top .quotes__quote--normal,.col--12 .quotes__top .quotes__quote--normal {
font-size : 1.5rem
}
.col--5 .quotes__top .quotes__quote--long,.col--6 .quotes__top .quotes__quote--long,.col--7 .quotes__top .quotes__quote--long,.col--8 .quotes__top .quotes__quote--long,.col--9 .quotes__top .quotes__quote--long,.col--10 .quotes__top .quotes__quote--long,.col--11 .quotes__top .quotes__quote--long,.col--12 .quotes__top .quotes__quote--long {
font-size : 1.25rem
}
}
.quotes__bottom {
display : inline-flex;
align-items : center;
padding-bottom : 2rem
}
.quotes__bottom .quotes__author {
width : 100%;
font-size : .75rem;
text-transform : uppercase;
padding : .5rem 0;
margin-right : 3rem
}
.quotes__bottom .share {
width : 100%
}
.quotes__bottom .share:before {
width : max-content
}
.quotes__bottom .share-button--icon {
padding : .25rem
}
@media (max-width:1024px) {
.quotes__bottom {
flex-wrap : wrap;
justify-content : center
}
.quotes__bottom .quotes__author {
font-size : 1rem;
text-align : center;
margin : 0;
width : 100%
}
.quotes__bottom .share {
justify-content : center;
width : 100%
}
.quotes__bottom .share:before {
width : max-content
}
}
@media (max-width:736px) {
.quotes__bottom {
flex-wrap : wrap;
justify-content : center;
width : 100%;
padding-bottom : 1rem
}
.quotes__bottom .quotes__author {
font-size : 1rem;
text-align : center;
margin : 0
}
.quotes__bottom .share {
justify-content : center;
font-size : .75rem
}
.quotes__bottom .share:before {
width : max-content
}
}
.col--3 .quotes__bottom,.col--4 .quotes__bottom,.col--5 .quotes__bottom,.col--6 .quotes__bottom {
flex-wrap : wrap;
justify-content : center;
width : 100%;
padding-bottom : 1rem
}
.col--3 .quotes__bottom .quotes__author,.col--4 .quotes__bottom .quotes__author,.col--5 .quotes__bottom .quotes__author,.col--6 .quotes__bottom .quotes__author {
font-size : 1rem;
text-align : center;
margin : 0
}
.col--3 .quotes__bottom .share,.col--4 .quotes__bottom .share,.col--5 .quotes__bottom .share,.col--6 .quotes__bottom .share {
justify-content : center;
font-size : .75rem
}
.col--3 .quotes__bottom .share:before,.col--4 .quotes__bottom .share:before,.col--5 .quotes__bottom .share:before,.col--6 .quotes__bottom .share:before {
width : max-content
}
@media (max-width:736px) {
.col--5 .quotes__bottom,.col--6 .quotes__bottom,.col--7 .quotes__bottom,.col--8 .quotes__bottom,.col--9 .quotes__bottom,.col--10 .quotes__bottom,.col--11 .quotes__bottom,.col--12 .quotes__bottom {
flex-wrap : wrap;
justify-content : center;
width : 100%;
padding-bottom : 1rem
}
.col--5 .quotes__bottom .quotes__author,.col--6 .quotes__bottom .quotes__author,.col--7 .quotes__bottom .quotes__author,.col--8 .quotes__bottom .quotes__author,.col--9 .quotes__bottom .quotes__author,.col--10 .quotes__bottom .quotes__author,.col--11 .quotes__bottom .quotes__author,.col--12 .quotes__bottom .quotes__author {
font-size : 1rem;
text-align : center;
margin : 0
}
.col--5 .quotes__bottom .share,.col--6 .quotes__bottom .share,.col--7 .quotes__bottom .share,.col--8 .quotes__bottom .share,.col--9 .quotes__bottom .share,.col--10 .quotes__bottom .share,.col--11 .quotes__bottom .share,.col--12 .quotes__bottom .share {
justify-content : center;
font-size : .75rem
}
.col--5 .quotes__bottom .share:before,.col--6 .quotes__bottom .share:before,.col--7 .quotes__bottom .share:before,.col--8 .quotes__bottom .share:before,.col--9 .quotes__bottom .share:before,.col--10 .quotes__bottom .share:before,.col--11 .quotes__bottom .share:before,.col--12 .quotes__bottom .share:before {
width : max-content
}
}
.resource-card {
display : flex;
flex-direction : row;
border : 1px solid #eee;
background : #fff;
transition : all .3s cubic-bezier(.2,0,.1,1);
padding : 1rem;
border-radius : 3px;
text-decoration : none;
color : inherit;
overflow : hidden;
pointer-events : none
}
@media (max-width:400px) {
.resource-card {
padding : 0;
pointer-events : all
}
}
.col--3 .resource-card,.col--4 .resource-card {
padding : 0;
pointer-events : all
}
@media (max-width:400px) {
.col--3 .resource-card,.col--4 .resource-card,.col--5 .resource-card,.col--6 .resource-card,.col--7 .resource-card,.col--8 .resource-card,.col--9 .resource-card,.col--10 .resource-card,.col--11 .resource-card,.col--12 .resource-card {
padding : 0;
pointer-events : all
}
}
.resource-card:active,.resource-card:focus,.resource-card:hover,.resource-card:visited {
text-decoration : none;
color : inherit
}
.resource-card__image,.resource-card__placeholder {
width : 40%;
margin-right : 1rem;
border-radius : 3px;
align-self : flex-start;
flex-shrink : 0;
pointer-events : all
}
@media (max-width:400px) {
.resource-card__image,.resource-card__placeholder {
display : none
}
}
.col--3 .resource-card__image,.col--4 .resource-card__image,.resource-card__placeholder {
display : none
}
@media (max-width:400px) {
.col--3 .resource-card__image,.col--4 .resource-card__image,.col--5 .resource-card__image,.col--6 .resource-card__image,.col--7 .resource-card__image,.col--8 .resource-card__image,.col--9 .resource-card__image,.col--10 .resource-card__image,.col--11 .resource-card__image,.col--12 .resource-card__image,.resource-card__placeholder {
display : none
}
}
.resource-card__image {
position : relative
}
.resource-card__image:before {
content : "";
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
border-radius : inherit;
box-shadow : inset 0 0 0 1px rgba(0,0,0,.05)
}
.resource-card__image img {
width : 100%;
height : auto;
vertical-align : bottom
}
.resource-card__image .video-wrapper {
border-radius : inherit;
border : none;
box-shadow : none
}
.resource-card__placeholder {
background : #eee
}
.resource-card__content {
flex : 1;
display : flex;
flex-direction : column
}
@media (max-width:400px) {
.resource-card__content {
padding : 1rem
}
}
.col--3 .resource-card__content,.col--4 .resource-card__content {
padding : 1rem
}
@media (max-width:400px) {
.col--3 .resource-card__content,.col--4 .resource-card__content,.col--5 .resource-card__content,.col--6 .resource-card__content,.col--7 .resource-card__content,.col--8 .resource-card__content,.col--9 .resource-card__content,.col--10 .resource-card__content,.col--11 .resource-card__content,.col--12 .resource-card__content {
padding : 1rem
}
}
.resource-card__title {
font-size : 1.4rem;
pointer-events : all
}
.resource-card__title:last-child {
margin-bottom : 0
}
.resource-card__description {
flex : 1
}
@media (max-width:400px) {
.resource-card__description {
font-size : .85em
}
}
.col--3 .resource-card__description,.col--4 .resource-card__description {
font-size : .85em
}
@media (max-width:400px) {
.col--3 .resource-card__description,.col--4 .resource-card__description,.col--5 .resource-card__description,.col--6 .resource-card__description,.col--7 .resource-card__description,.col--8 .resource-card__description,.col--9 .resource-card__description,.col--10 .resource-card__description,.col--11 .resource-card__description,.col--12 .resource-card__description {
font-size : .85em
}
}
.resource-card__download-button {
margin-top : 1rem;
pointer-events : all;
display : flex;
align-items : center;
justify-content : center
}
.resource-card__download-button i.material-icons {
margin-right : .25em;
margin-left : -.25em
}
@media (max-width:400px) {
.resource-card__download-button {
display : none
}
}
.col--3 .resource-card__download-button,.col--4 .resource-card__download-button {
display : none
}
@media (max-width:400px) {
.col--3 .resource-card__download-button,.col--4 .resource-card__download-button,.col--5 .resource-card__download-button,.col--6 .resource-card__download-button,.col--7 .resource-card__download-button,.col--8 .resource-card__download-button,.col--9 .resource-card__download-button,.col--10 .resource-card__download-button,.col--11 .resource-card__download-button,.col--12 .resource-card__download-button {
display : none
}
}
.resource-card__mobile-button {
display : none;
background : #333;
color : #fff;
width : 25%;
flex-shrink : 0;
align-items : center;
justify-content : center
}
.resource-card__mobile-button i.material-icons {
font-size : 2.5rem
}
@media (max-width:400px) {
.resource-card__mobile-button {
display : flex
}
}
.col--3 .resource-card__mobile-button,.col--4 .resource-card__mobile-button {
display : flex
}
@media (max-width:400px) {
.col--3 .resource-card__mobile-button,.col--4 .resource-card__mobile-button,.col--5 .resource-card__mobile-button,.col--6 .resource-card__mobile-button,.col--7 .resource-card__mobile-button,.col--8 .resource-card__mobile-button,.col--9 .resource-card__mobile-button,.col--10 .resource-card__mobile-button,.col--11 .resource-card__mobile-button,.col--12 .resource-card__mobile-button {
display : flex
}
}
.resource-card--qr-code {
justify-content : center;
gap : 1rem
}
.resource-card--qr-code .resource-card__image {
width : 40%;
border-radius : 3px;
margin : 0;
align-self : flex-start;
flex-shrink : 0;
pointer-events : all
}
@media (max-width:400px) {
.resource-card--qr-code {
flex-direction : column
}
.resource-card--qr-code .resource-card__title {
margin-top : 0
}
.resource-card--qr-code .resource-card__download-button,.resource-card--qr-code .resource-card__image {
display : flex
}
.resource-card--qr-code .resource-card__mobile-button {
display : none
}
.resource-card--qr-code .resource-card__image {
flex-direction : column;
width : 90%;
margin : 1rem 1rem 0;
align-self : center
}
}
.col--3 .resource-card--qr-code,.col--4 .resource-card--qr-code {
flex-direction : column
}
.col--3 .resource-card--qr-code .resource-card__title,.col--4 .resource-card--qr-code .resource-card__title {
margin-top : 0
}
.col--3 .resource-card--qr-code .resource-card__download-button,.col--3 .resource-card--qr-code .resource-card__image,.col--4 .resource-card--qr-code .resource-card__download-button,.col--4 .resource-card--qr-code .resource-card__image {
display : flex
}
.col--3 .resource-card--qr-code .resource-card__mobile-button,.col--4 .resource-card--qr-code .resource-card__mobile-button {
display : none
}
.col--3 .resource-card--qr-code .resource-card__image,.col--4 .resource-card--qr-code .resource-card__image {
flex-direction : column;
width : 90%;
margin : 1rem 1rem 0;
align-self : center
}
@media (max-width:400px) {
.col--3 .resource-card--qr-code,.col--4 .resource-card--qr-code,.col--5 .resource-card--qr-code,.col--6 .resource-card--qr-code,.col--7 .resource-card--qr-code,.col--8 .resource-card--qr-code,.col--9 .resource-card--qr-code,.col--10 .resource-card--qr-code,.col--11 .resource-card--qr-code,.col--12 .resource-card--qr-code {
flex-direction : column
}
.col--3 .resource-card--qr-code .resource-card__title,.col--4 .resource-card--qr-code .resource-card__title,.col--5 .resource-card--qr-code .resource-card__title,.col--6 .resource-card--qr-code .resource-card__title,.col--7 .resource-card--qr-code .resource-card__title,.col--8 .resource-card--qr-code .resource-card__title,.col--9 .resource-card--qr-code .resource-card__title,.col--10 .resource-card--qr-code .resource-card__title,.col--11 .resource-card--qr-code .resource-card__title,.col--12 .resource-card--qr-code .resource-card__title {
margin-top : 0
}
.col--3 .resource-card--qr-code .resource-card__download-button,.col--3 .resource-card--qr-code .resource-card__image,.col--4 .resource-card--qr-code .resource-card__download-button,.col--4 .resource-card--qr-code .resource-card__image,.col--5 .resource-card--qr-code .resource-card__download-button,.col--5 .resource-card--qr-code .resource-card__image,.col--6 .resource-card--qr-code .resource-card__download-button,.col--6 .resource-card--qr-code .resource-card__image,.col--7 .resource-card--qr-code .resource-card__download-button,.col--7 .resource-card--qr-code .resource-card__image,.col--8 .resource-card--qr-code .resource-card__download-button,.col--8 .resource-card--qr-code .resource-card__image,.col--9 .resource-card--qr-code .resource-card__download-button,.col--9 .resource-card--qr-code .resource-card__image,.col--10 .resource-card--qr-code .resource-card__download-button,.col--10 .resource-card--qr-code .resource-card__image,.col--11 .resource-card--qr-code .resource-card__download-button,.col--11 .resource-card--qr-code .resource-card__image,.col--12 .resource-card--qr-code .resource-card__download-button,.col--12 .resource-card--qr-code .resource-card__image {
display : flex
}
.col--3 .resource-card--qr-code .resource-card__mobile-button,.col--4 .resource-card--qr-code .resource-card__mobile-button,.col--5 .resource-card--qr-code .resource-card__mobile-button,.col--6 .resource-card--qr-code .resource-card__mobile-button,.col--7 .resource-card--qr-code .resource-card__mobile-button,.col--8 .resource-card--qr-code .resource-card__mobile-button,.col--9 .resource-card--qr-code .resource-card__mobile-button,.col--10 .resource-card--qr-code .resource-card__mobile-button,.col--11 .resource-card--qr-code .resource-card__mobile-button,.col--12 .resource-card--qr-code .resource-card__mobile-button {
display : none
}
.col--3 .resource-card--qr-code .resource-card__image,.col--4 .resource-card--qr-code .resource-card__image,.col--5 .resource-card--qr-code .resource-card__image,.col--6 .resource-card--qr-code .resource-card__image,.col--7 .resource-card--qr-code .resource-card__image,.col--8 .resource-card--qr-code .resource-card__image,.col--9 .resource-card--qr-code .resource-card__image,.col--10 .resource-card--qr-code .resource-card__image,.col--11 .resource-card--qr-code .resource-card__image,.col--12 .resource-card--qr-code .resource-card__image {
flex-direction : column;
width : 90%;
margin : 1rem 1rem 0;
align-self : center
}
}
.resource-card--qr-code--basic {
flex-direction : column;
align-items : center
}
.resource-card--qr-code--basic .resource-card__image {
width : 100%;
max-width : 10rem;
align-self : center
}
.share-button {
display : inline-block;
outline : 0;
vertical-align : top;
font-family : inherit;
border : none;
border-color : inherit;
cursor : pointer;
padding : .5em 1em;
line-height : 1.5;
margin : 0 .5em 0 0;
border-radius : 0;
transition : color .3s cubic-bezier(.2,0,.1,1),background .3s cubic-bezier(.2,0,.1,1);
color : #fff;
letter-spacing : inherit
}
.share-button:last-child:last-of-type {
margin-right : 0
}
.share-button:hover {
color : #fff
}
.share-button .icon {
vertical-align : middle;
color : inherit;
fill : currentColor
}
.share-button .share-button__whatsapp-icon {
background : url("https://admin.raisely.com/public/share/whatsapp.png");
background-repeat : no-repeat;
background-size : auto;
width : 20px;
height : 20px;
background-size : contain;
margin-top : 1px;
display : inline-block
}
.share-button .share-button__label {
display : inline-block;
vertical-align : middle;
font-weight : 600;
color : inherit;
margin : 0 0 0 .5em
}
.share-button--icon {
height : 2.5rem;
padding : .5rem;
line-height : 1;
display : inline-flex;
align-items : center
}
.share-button--icon .icon {
width : 1.375rem;
height : 1.375rem;
font-size : 1.375rem
}
.share-button--small {
font-size : .5rem
}
.share-button--small .icon {
width : 1rem;
height : 1rem;
font-size : 1rem
}
.share-button--medium {
font-size : .75rem
}
.share-button--medium .icon {
width : 1.25rem;
height : 1.25rem;
font-size : 1.25rem
}
.share-button--large {
font-size : 1rem
}
.share-button--large .icon {
width : 1.5rem;
height : 1.5rem;
font-size : 1.5rem
}
.share-button--twitter,.share-button--twitter:hover {
background-color : #000;
border-color : #000
}
.share-button--facebook {
background-color : #3975ea;
border-color : #3975ea
}
.share-button--facebook:hover {
background-color : #1759d9;
border-color : #1759d9
}
.share-button--whatsapp {
background-color : #25d366;
border-color : #25d366
}
.share-button--whatsapp:hover {
background-color : #1da851;
border-color : #1da851
}
.share-button--email {
background-color : #6589e7;
border-color : #6589e7
}
.share-button--email:hover {
background-color : #3967e0;
border-color : #3967e0
}
.share-button--link,.share-button--link:hover {
background-color : #000;
border-color : #000
}
.share-button--linkedin {
background-color : #459de4;
border-color : #459de4
}
.share-button--linkedin:hover {
background-color : #1f85d7;
border-color : #1f85d7
}
.share-button--instagram {
background-color : #c13584;
border-color : #c13584
}
.share-button--instagram:hover {
background-color : #992a69;
border-color : #992a69
}
.share-button--youtube {
background-color : red;
border-color : red
}
.share-button--youtube:hover {
background-color : #c00;
border-color : #c00
}
.share-button--tiktok,.share-button--tiktok:hover {
background-color : #000;
border-color : #000
}
.share-button--outlined {
background : none;
border-style : solid;
border-width : 2px
}
.share-button--outlined.share-button--twitter {
color : #000
}
.share-button--outlined.share-button--facebook {
color : #3975ea
}
.share-button--outlined.share-button--whatsapp {
color : #25d366
}
.share-button--outlined.share-button--email {
color : #6589e7
}
.share-button--outlined.share-button--link {
color : #000
}
.share-button--outlined.share-button--linkedin {
color : #459de4
}
.share-button--outlined.share-button--instagram {
color : #c13584
}
.share-button--outlined.share-button--youtube {
color : red
}
.share-button--outlined.share-button--tiktok {
color : #000
}
.share-button--outlined:hover {
color : #fff
}
.share-button--outlined-inverted {
background : none;
border : 2px solid
}
.share-button--filled-inverted {
background : #fff
}
.share-button--filled-inverted .icon {
color : inherit;
fill : currentColor
}
.share-button--filled-inverted.share-button--twitter {
color : #000
}
.share-button--filled-inverted.share-button--facebook {
color : #3975ea
}
.share-button--filled-inverted.share-button--whatsapp {
color : #25d366
}
.share-button--filled-inverted.share-button--email {
color : #6589e7
}
.share-button--filled-inverted.share-button--link {
color : #000
}
.share-button--filled-inverted.share-button--linkedin {
color : #459de4
}
.share-button--filled-inverted.share-button--instagram {
color : #c13584
}
.share-button--filled-inverted.share-button--youtube {
color : red
}
.share-button--filled-inverted.share-button--tiktok {
color : #000
}
.share-button--filled-inverted:hover {
color : #fff
}
.share-button--monotone {
background-color : #000;
color : #fff
}
.share-button--monotone-inverted {
background-color : #fff;
color : #000
}
.raisely-account-form {
text-align : center;
max-width : 500px;
margin : 0 auto
}
.raisely-account-form .button,.raisely-account-form .form-field {
margin-bottom : 1rem
}
.button-row {
--gutter : 1em;
font-size : 1rem;
margin : 0 calc(var(--gutter)*-0.5) calc(var(--gutter)*-1)
}
.button-row--left {
text-align : left
}
.button-row--center {
text-align : center
}
.button-row--right {
text-align : right
}
.button-row .button {
margin : 0 calc(var(--gutter)*0.5) var(--gutter)
}
.profile-form {
text-align : center;
max-width : 500px;
margin : 0 auto
}
.profile-form .button,.profile-form .form-field {
margin-bottom : 1rem
}
.donation-form--checkout-form {
margin : 0;
padding : 0
}
.donation-form--checkout-form__subheading {
margin-top : 2rem
}
.donation-form--checkout-form__separator {
border : 0;
border-top : 2px solid;
margin-top : .8rem;
margin-bottom : .8rem;
opacity : .1
}
.donation-form--checkout-form .donation-form__stripe-buttons {
margin-top : 0
}
.signup-form .donation-form.donation-form--checkout-form {
margin : 0
}
.donation-form.donation-form--checkout-form.donation-form--active-step-1 {
padding : 0
}
.donation-form {
--padding : 25px;
color : #333;
max-width : 100%;
margin-left : auto;
margin-right : auto;
text-align : center;
background-color : #f6f5fa;
border : 1px solid #888
}
.donation-form__header {
padding : .75rem 0
}
.donation-form__header h4 {
margin-top : 0;
margin-bottom : .5rem
}
.donation-form--over-image h4 {
color : #fff
}
.donation-form__stages {
width : 100%;
margin-left : 1px;
overflow : hidden;
position : relative
}
.donation-form__stage {
display : inline-block;
font-weight : 700;
border : 1px solid #888;
cursor : pointer;
width : var(--padding);
height : var(--padding);
padding : 0;
text-align : center;
line-height : 22px;
font-size : .825rem;
margin : 0 .25rem;
border-radius : 100%;
background : #fff
}
.donation-form__stage[disabled] {
pointer-events : none
}
.donation-form__stage--active {
background-color : #d7d3e9
}
.donation-form__stage--previous {
color : #666
}
.donation-form__stage:last-child {
margin-right : 0
}
.donation-form__body {
padding : var(--padding) var(--padding) 0;
position : relative
}
.donation-form__body--perks,.donation-form__body--success {
padding-bottom : var(--padding)
}
.donation-form__body .donation-form__title {
margin-top : 0
}
.donation-form__body .method-logo-paypal {
width : 150px;
margin-top : 2rem;
margin-bottom : 1rem
}
.donation-form__amounts-title {
margin-bottom : 0
}
.donation-form__amount {
--gap : 8px;
--pad-y : 18px;
--pad-x : 10px;
--border-radius : 5px;
display : flex;
flex-wrap : wrap;
justify-content : center;
font-size : 1rem
}
.donation-form__amount-img {
width : calc(100% + var(--pad-x)*2);
margin-bottom : 18px;
height : 110px;
object-fit : cover
}
.donation-form__amount-title {
margin-top : 8px;
display : block;
font-size : .85rem;
max-width : 12ch;
margin-right : auto;
margin-left : auto
}
.donation-form__amount-btn {
cursor : pointer;
margin : var(--gap);
padding : var(--pad-y) var(--pad-x);
min-width : 20%;
flex-basis : auto;
background-color : #fff;
border-width : 1px;
border-style : solid;
border-radius : var(--border-radius);
font-weight : 700;
font-family : inherit;
font-size : inherit;
transition : .3s cubic-bezier(.2,0,.1,1)
}
.donation-form__amount-btn--image {
padding-top : 0;
flex-basis : calc(50% - var(--gap)*2);
overflow : hidden;
display : flex;
flex-direction : column;
align-items : center
}
.donation-form__amount-btn--full {
flex-basis : 100%
}
.donation-form__amount--has-text .donation-form__other-field.form-field {
align-self : center;
width : 100%;
text-align : center;
background : none;
border : none
}
.donation-form__amount--has-text .donation-form__other-field.form-field .form-field__input-group {
border-radius : inherit;
background : #fff;
border : 1px solid;
width : 20%;
margin : 0 auto;
position : relative;
min-width : 13ch;
min-width : min(100%,13ch)
}
.donation-form__other-field {
width : 200px;
margin : var(--gap);
display : inline-block;
font-size : inherit
}
.donation-form__other-field.form-field {
font-weight : 700;
min-width : 13ch;
min-width : min(100%,13ch);
width : 20%
}
.donation-form__other-field.form-field .input-full {
padding : 18px 5px 18px 10px;
width : 0;
flex-grow : 1;
font-size : inherit;
line-height : 1;
font-weight : inherit;
color : inherit;
height : 100%;
margin-left : -.05em
}
.donation-form__other-field.form-field.form-field {
margin-bottom : var(--gap)
}
.donation-form__other-field .form-field__input-group {
height : 100%
}
.donation-form__other-field .form-field__input-group__prepend {
padding : 18px 0 18px 10px
}
.donation-form__other-field .form-field__label-text {
display : none
}
.donation-form__currency-message {
margin-top : .5em;
font-size : .8rem;
font-size : max(.8rem,13px)
}
.donation-form__currency {
display : inline-block;
vertical-align : baseline;
position : relative;
padding : .25em 1.75em .25em .25em;
margin-left : -.15em;
font-size : inherit;
font-weight : 700;
line-height : 1rem;
height : 1.2rem;
text-align : left;
min-width : 7ch
}
.donation-form__currency span {
position : relative
}
.donation-form__currency span:before {
content : "";
position : absolute;
top : calc(50% - .66em);
left : calc(100% + .75em);
font-size : .666em;
font-size : clamp(8px,11px,.666em);
width : 1em;
height : 1em;
border-right : 2px solid;
border-bottom : 2px solid;
transform : rotate(45deg);
opacity : .5
}
.donation-form__currency-select {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
opacity : 0;
padding : 0;
width : 100%;
background : transparent;
display : inline-block;
font-weight : 700;
-webkit-appearance : none;
-moz-appearance : none;
color : inherit;
cursor : pointer
}
.donation-form__giftaid {
position : relative;
margin-top : 1.5rem
}
.donation-form__giftaid:not(.donation-form__giftaid--no-padding) {
padding-bottom : 5rem
}
.donation-form__giftaid form {
background : transparent;
font-size : .9rem
}
.donation-form__giftaid form img {
max-width : 150px;
margin : 0 auto 1rem
}
.donation-form__giftaid form .form-field--checkbox {
margin-bottom : .5rem
}
.donation-form__giftaid form .field-wrapper--private\.giftAid .form-field__label-text {
font-size : .875rem
}
.donation-form__giftaid form .field-wrapper--public\.giftAidConfirmation {
margin-top : 2rem
}
.donation-form__giftaid form .field-wrapper--public\.giftAidConfirmation h3 {
font-size : 1rem
}
.donation-form__giftaid__declaration {
padding-left : 30px
}
.donation-form__giftaid__declaration p {
font-size : .813rem;
font-style : italic;
text-align : left
}
.donation-form__giftaid__declaration p+p {
margin-top : 10px
}
.donation-form__giftaid__address-form {
margin-top : 32px
}
.donation-form__giftaid__address-form p {
text-align : center;
font-weight : 500
}
.donation-form__giftaid__address-form form {
margin-top : 24px
}
.donation-form .donation-form__amount--perks {
padding : 0 0 8px
}
.donation-form .donation-form__amount--perks .donation-form__amount-btn:first-child {
margin-top : 0
}
.donation-form__perk-btn {
padding : 10px;
width : 100%;
text-align : left
}
.donation-form__perk-btn h3 {
color : inherit;
margin : 0 0 .8rem
}
.donation-form__perk-eligibility {
font-size : 1.1rem;
margin : 0 .8rem .8rem
}
.donation-form__perk-back-group>.button {
width : 48%
}
.donation-form__amount-type,.donation-form__payment-buttons {
position : relative;
margin-bottom : 1rem;
flex-wrap : wrap;
justify-content : center
}
.donation-form__amount-type:empty,.donation-form__payment-buttons:empty {
display : none
}
.donation-form__amount-type-btn,.donation-form__payment-buttons-btn {
margin : 0 -.5px;
padding : 8px;
border-width : 1px;
border-style : solid;
font-weight : 700;
font-family : inherit;
border-radius : 0;
flex-grow : 1;
cursor : pointer
}
.donation-form__amount-type-btn--active,.donation-form__payment-buttons-btn--active {
color : #fff
}
.donation-form__amount-type-btn--inactive,.donation-form__payment-buttons-btn--inactive {
background-color : transparent
}
.donation-form__amount-type-btn:first-child,.donation-form__payment-buttons-btn:first-child {
border-radius : var(--border-radius) 0 0 var(--border-radius)
}
.donation-form__amount-type-btn:last-child,.donation-form__payment-buttons-btn:last-child {
border-radius : 0 var(--border-radius) var(--border-radius) 0;
border-right-width : 1px
}
.donation-form__card-number,.donation-form__cvc,.donation-form__expiration-date {
cursor : text
}
.donation-form__message {
padding : 1em;
margin : var(--spacing) 0;
border-radius : .333em;
font-size : .9rem;
font-size : max(.9rem,14px);
font-weight : 700;
line-height : 1.4;
box-shadow : inset 0 0 0 2px rgba(0,0,0,.1019607843)
}
.donation-form__message+.donation-form__message {
margin-top : calc(var(--spacing)*-0.5)
}
.donation-form__message:first-child:not(.donation-form__message--error) {
margin-top : 0
}
.donation-form__message:last-child {
margin-bottom : 0
}
.donation-form__message p {
font-size : inherit;
line-height : inherit;
font-weight : 400;
margin-bottom : .25em
}
.donation-form__message p:last-child {
margin-bottom : 0
}
.donation-form__message a,.donation-form__message a:hover {
color : inherit
}
.donation-form__message i.material-icons {
font-size : 1.25em;
vertical-align : middle;
margin : -.2em .25em 0;
opacity : .75
}
.donation-form__message--error {
margin-top : 10px;
color : #fff;
background : #e03131
}
.donation-form__message--warning {
color : #4c290a;
background : #ffaf3e
}
.donation-form--active-step-1 .donation-form__message--warning {
margin-bottom : 1rem
}
.donation-form__raisely-fee {
font-size : .8rem;
font-size : max(.8rem,13px);
line-height : 1.5rem;
margin-bottom : .3rem;
display : inline-block
}
.donation-form__raisely-fee .form-field {
font-size : inherit
}
.donation-form label[for=anonymous],.donation-form label[for=feeOptIn] {
align-items : center
}
.donation-form__spe-message {
font-size : max(.8rem,13px);
margin : 0 0 .75em
}
.donation-form__spe-box {
margin-bottom : 10px;
border-radius : 4px;
padding : 20px
}
.donation-form__spe-box__security-message {
margin-bottom : 20px;
vertical-align : middle;
text-align : left
}
.donation-form__spe-box__security-message__left-column {
vertical-align : middle
}
.donation-form__spe-box__security-message__right-column {
vertical-align : middle;
padding-left : 10px
}
.donation-form__spe-box__security-message__header {
font-weight : 600;
font-size : 14px;
color : #000
}
.donation-form__spe-box__security-message__text {
font-weight : 400;
font-size : 12px;
color : #000
}
.donation-form__spe-box .animated-bar {
animation : slideFromLeft 3s infinite
}
@keyframes slideFromLeft {
0%
{transform:translateX(-100%)}
to {
transform : translateX(200%)
}
}
.donation-form__raisely-currency {
margin-bottom : 1.2rem;
display : inline-block;
font-size : 1rem
}
.donation-form__has-tooltip {
position : relative
}
.donation-form__has-tooltip:hover .donation-form__tooltip {
opacity : 1
}
.donation-form__fundraising-costs {
text-decoration : underline;
display : inline-block
}
.donation-form__tooltip {
pointer-events : none;
z-index : 2;
position : absolute;
bottom : 100%;
left : 50%;
transform : translateX(-50%);
width : 200px;
border-radius : .3rem;
padding : .5rem;
margin-bottom : .333em;
background : #000;
color : #fff;
font-size : .7rem;
line-height : normal;
opacity : 0;
transition : opacity .2s ease
}
.donation-form__tooltip:after {
content : "";
pointer-events : none;
position : absolute;
bottom : -5px;
left : calc(50% - 2.5px);
border-left : 5px solid transparent;
border-right : 5px solid transparent;
border-top : 5px solid #000
}
.donation-form__tooltip--active {
opacity : 1
}
.donation-form__amount-currency {
margin : 1em 0 0;
font-size : .8rem;
font-size : max(.8rem,13px)
}
.donation-form__amount-currency:last-child {
padding-bottom : 20px;
padding-bottom : var(--padding)
}
.donation-form__amount-currency hr {
display : none
}
.donation-form__payment-buttons {
margin-bottom : 10px
}
.donation-form .zoid-outlet {
width : 100%!important
}
.donation-form__paypal-heading {
margin-bottom : 2rem
}
.donation-form__paypal-button {
margin-top : 2rem;
padding-bottom : var(--padding)
}
.donation-form__payment-paypal {
position : relative;
margin-top : 5px;
padding-bottom : var(--padding)
}
.donation-form__payment-paypal-loading {
position : absolute;
top : -10px;
left : 44%;
z-index : 10000
}
.donation-form__stripe-buttons {
width : 100%;
clear : both;
margin-top : 20px
}
.donation-form .button {
cursor : pointer
}
.donation-form .form-field {
margin-bottom : 1rem
}
.donation-form__nav,.donation-form__stripe-buttons {
display : flex;
width : 100%;
width : calc(100% + var(--padding)*2);
margin-top : var(--padding);
margin-left : calc(var(--padding)*-1)
}
.donation-form__nav .donation-form__submit-button,.donation-form__stripe-buttons .donation-form__submit-button {
display : block;
width : 100%
}
.donation-form__nav .button,.donation-form__nav .button--primary,.donation-form__stripe-buttons .button,.donation-form__stripe-buttons .button--primary {
flex-grow : 1;
width : 100%
}
.donation-form__nav .donation-form__back {
width : 20%;
margin : 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
color : #333;
background : rgba(0,0,0,.1);
padding-left : .5em!important;
padding-right : .5em!important
}
.donation-form__nav .donation-form__back .icon {
color : inherit;
fill : currentColor;
transition : .4s cubic-bezier(.2,0,.1,1)
}
.donation-form__nav .donation-form__back:focus,.donation-form__nav .donation-form__back:hover {
background : rgba(0,0,0,.15);
border-color : transparent;
color : #333
}
.donation-form__nav .donation-form__back:focus .icon,.donation-form__nav .donation-form__back:hover .icon {
transform : translate3d(-15%,0,0)
}
.donation-form__nav .donation-form__next {
width : 80%;
margin : 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.donation-form__nav .donation-form__next .icon {
color : currentColor;
fill : currentColor;
transition : .3s cubic-bezier(.2,0,.1,1)
}
.donation-form__nav .donation-form__next:focus .icon,.donation-form__nav .donation-form__next:hover .icon {
transform : translate3d(15%,0,0)
}
.donation-form__submitting {
display : flex;
align-items : center;
justify-content : center;
height : 200px
}
.donation-form__submitting-label {
margin-left : 1rem
}
.donation-form__payment-buttons .donation-form__payment-buttons-btn.button {
margin-top : 0
}
.donation-form__payment--loading {
display : none
}
.donation-form .share-button {
margin-top : 5px
}
.donation-form__social-copy {
margin-bottom : 1rem
}
.donation-form__method-payment__border {
border : 1px solid;
padding : 0 10px max(.8rem,13px);
border-radius : 4px
}
.donation-form__method-payment__legend {
padding-left : 10px;
padding-right : 10px;
font-size : max(.8rem,13px)
}
.donation-form .horizontal-rule {
margin-top : 15px;
margin-bottom : 10px
}
.donation-form.donation-form--minimal {
background : transparent;
margin-right : 0;
margin-left : 0;
overflow : visible
}
.donation-form.donation-form--minimal .donation-form__amounts-title {
text-align : left;
margin-top : 1.5rem;
margin-bottom : .25rem
}
.donation-form.donation-form--minimal .donation-form__amounts-title+.donation-form__amount {
padding-top : 0
}
.donation-form.donation-form--minimal .donation-form__amount {
margin-right : -5px;
margin-left : -5px;
margin-bottom : 5px
}
.donation-form.donation-form--minimal .donation-form__amount-btn {
--pad-x : 0.5em;
--pad-y : 0.85em;
flex-grow : 1;
min-width : auto;
margin : 5px
}
.donation-form.donation-form--minimal .donation-form__other-field {
font-size : 1em;
flex-grow : 1;
max-width : 50%;
min-width : 10ch;
margin : 5px
}
.donation-form.donation-form--minimal .donation-form__nav,.donation-form.donation-form--minimal .donation-form__stripe-buttons {
width : 100%;
margin : 0
}
.donation-form.donation-form--minimal .donation-form__paypal-button {
margin-top : 0
}
.donation-form.donation-form--minimal .donation-form__raisely-fee {
display : block;
margin-top : .5rem
}
.donation-form.donation-form--minimal .donation-form__raisely-fee+.donation-form__paypal-button {
margin-top : 1rem
}
.donation-form.donation-form--minimal .donation-form__submit-button {
width : auto;
margin-right : auto;
margin-left : auto;
margin-top : .75rem
}
.donation-form--modal {
min-height : 100%;
width : 500px;
display : flex;
flex-wrap : wrap;
border-radius : inherit;
overflow : hidden
}
@media (max-width:736px) {
.donation-form--modal {
width : 100%;
max-width : unset;
overflow : unset
}
}
.donation-form--modal .donation-form {
min-height : 100%;
width : 100%;
margin-top : auto;
margin-bottom : auto;
border : none;
box-shadow : none;
border-radius : 0
}
.donation-form--modal .donation-form__header {
border-radius : 0
}
@media (max-width:736px) {
.donation-form--modal .donation-form__header {
display : none
}
}
.donation-form--modal .donation-form__amount-type,.donation-form--modal .donation-form__payment-buttons {
align-self : center
}
.donation-form--modal .donation-form__body {
min-height : 100%;
width : 100%;
margin : 0 0 auto;
display : flex;
flex-wrap : wrap;
align-items : stretch;
justify-content : center;
flex-direction : column
}
@media (max-width:736px) {
.donation-form--modal .donation-form__body {
padding : 7.5vw
}
}
@media (max-width:736px) {
.modal--full .donation-form--modal .donation-form:not(.donation-form--v3) .donation-form__body {
padding-bottom : 6rem!important
}
.modal--full .donation-form--modal .donation-form .donation-form__step-wrapper {
padding-bottom : 4rem
}
}
.donation-form--modal .donation-form__amount {
--gap : 6px
}
@media (max-width:400px) {
.donation-form--modal .donation-form__amount-btn,.donation-form--modal .donation-form__other-field {
flex-basis : 100%;
flex-grow : 2
}
}
@media (max-width:736px) {
.donation-form--modal .donation-form__nav,.donation-form--modal .donation-form__stripe-buttons {
margin-left : 0;
max-width : 100%
}
}
@media (max-width:400px) {
.donation-form--modal .donation-form__amount-btn__wrapper,.donation-form--modal .donation-form__amount-btn__wrapper.image {
flex-basis : 100%;
flex-grow : 2
}
.donation-form--modal .donation-form__amount-btn__wrapper.image .donation-form__recommended-badge {
left : 80%
}
}
.donation-form--modal.v3 {
padding-top : 40px
}
.donation-form--modal.v3 .donation-form--v3 {
overflow : visible
}
@media (min-width:737px) {
.donation-form--modal.v3 .donation-form--v3 .donation-form__step-wrapper {
overflow-y : auto;
overflow-x : hidden
}
.donation-form--modal.v3 .donation-form--v3 .donation-form__body:not(.donation-form__body--success) .donation-form__step-wrapper {
max-height : calc(100vh - 200px)
}
}
.donation-form--modal.v3 .donation-form--v3 .donation-form__body__details-step form {
padding : 0 5px
}
@media (max-width:736px) {
.donation-form--modal.v3 {
padding-top : 0
}
}
@media (max-width:736px) and (hover:none) {
.donation-form--modal.v3 {
padding-bottom : 6rem
}
}
@media (min-width:737px) {
.donation-form--modal.v3 .donation-form--v3,.donation-form--modal.v3 .donation-form__body {
border-radius : 20px
}
.donation-form--modal.v3--with-campaign-preview {
min-width : calc(800px - var(--cOffset));
min-height : 100%;
align-items : center
}
}
@media (min-width:900px) {
.donation-form--modal.v3--with-campaign-preview {
min-width : calc(940px - var(--cOffset))
}
}
.donation-form--express {
--spacing : 1rem;
--border-radius : 5px
}
.donation-form--express.donation-form--active-step-1 .donation-form__body {
padding : var(--padding)
}
.donation-form--express .donation-form__amount-currency,.donation-form--express .donation-form__anonymous,.donation-form--express .donation-form__giftaid,.donation-form--express .donation-form__raisely-fee {
margin : var(--spacing) 0
}
.donation-form--express .donation-form__amount-currency:first-child,.donation-form--express .donation-form__anonymous:first-child,.donation-form--express .donation-form__giftaid:first-child,.donation-form--express .donation-form__raisely-fee:first-child {
margin-top : 0
}
.donation-form--express .donation-form__amount-currency:last-child,.donation-form--express .donation-form__anonymous:last-child,.donation-form--express .donation-form__giftaid:last-child,.donation-form--express .donation-form__raisely-fee:last-child {
margin-bottom : 0
}
.donation-form--express .donation-form__amount-currency,.donation-form--express .donation-form__body--payment .donation-form__raisely-fee {
margin-top : 0
}
.donation-form--express .donation-form__payment-buttons {
margin-bottom : 0
}
.donation-form--express .donation-form__amount-type,.donation-form--express .donation-form__spacer {
margin-bottom : calc(var(--spacing)*1.25)
}
.donation-form--express .donation-form__title {
display : block;
color : inherit
}
.donation-form--express .donation-form__anonymous,.donation-form--express .donation-form__raisely-fee {
display : block;
margin-bottom : 0
}
.donation-form--express .donation-form__anonymous label,.donation-form--express .donation-form__raisely-fee label {
width : 100%;
border : 0;
position : relative;
background : transparent;
border-color : currentColor;
border-radius : var(--border-radius);
padding : .825rem
}
@media (max-width:1024px) {
.donation-form--express .donation-form__anonymous label,.donation-form--express .donation-form__raisely-fee label {
padding : calc(var(--spacing)*0.75)
}
}
.donation-form--express .donation-form__anonymous label:before,.donation-form--express .donation-form__raisely-fee label:before {
content : "";
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
border-radius : inherit;
border : 2px solid;
opacity : .075;
transition : opacity .2s;
pointer-events : none
}
.donation-form--express .donation-form__anonymous .form-field__label-text,.donation-form--express .donation-form__raisely-fee .form-field__label-text {
font-size : .75rem
}
.donation-form--express .donation-form__anonymous label[for=anonToggle],.donation-form--express .donation-form__anonymous label[for=feeOptIn],.donation-form--express .donation-form__raisely-fee label[for=anonToggle],.donation-form--express .donation-form__raisely-fee label[for=feeOptIn] {
justify-content : center;
align-items : center
}
.donation-form--express .donation-form__anonymous .form-field__label-text,.donation-form--express .donation-form__raisely-fee .form-field__label-text {
opacity : 1
}
.donation-form--express .donation-form__anonymous:focus-within label:before,.donation-form--express .donation-form__anonymous:hover label:before,.donation-form--express .donation-form__raisely-fee:focus-within label:before,.donation-form--express .donation-form__raisely-fee:hover label:before {
opacity : .25
}
.donation-form--express .donation-form__giftaid {
position : relative;
text-align : left;
padding-bottom : 0;
line-height : 1.3;
border-radius : var(--border-radius);
border-color : currentColor
}
.donation-form--express .donation-form__giftaid form {
padding : var(--spacing);
border : 0;
position : relative;
background : transparent;
border-color : currentColor;
border-radius : var(--border-radius)
}
@media (max-width:1024px) {
.donation-form--express .donation-form__giftaid form {
padding : calc(var(--spacing)*0.75)
}
}
.donation-form--express .donation-form__giftaid form:before {
content : "";
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
border-radius : inherit;
border : 2px solid;
opacity : .075;
transition : opacity .2s;
pointer-events : none
}
.donation-form--express .donation-form__giftaid .field-wrapper--private\.giftAid .form-field {
margin-bottom : 0
}
.donation-form--express .donation-form__giftaid p {
font-size : .875rem;
font-size : max(.875rem,14px);
line-height : inherit
}
.donation-form--express .donation-form__giftaid .form-description {
margin : 0;
padding-bottom : calc(var(--spacing)*0.666);
display : flex;
flex-flow : wrap;
grid-gap : .7rem
}
.donation-form--express .donation-form__giftaid .form-description>img {
margin : 0 auto;
min-width : 80px;
max-width : 130px;
flex-basis : 25%;
flex-grow : 1;
align-self : center
}
.donation-form--express .donation-form__giftaid .form-description p:first-of-type {
flex-basis : 70%;
flex-grow : 1
}
.donation-form--express .donation-form__amount-currency {
padding : calc(var(--spacing)*0.75);
position : relative;
border-radius : var(--border-radius);
font-size : .85rem;
font-size : max(.85rem,14px)
}
.donation-form--express .donation-form__amount-currency:before {
content : "";
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
border-radius : inherit;
background : currentColor;
opacity : .075
}
.donation-form--express .donation-form__amount-currency:focus-within:before {
opacity : .125
}
.donation-form--express .donation-form__currency {
position : unset
}
.donation-form {
position : relative
}
.donation-form__post-donate {
--spacing : 8px
}
.donation-form__post-donate .share {
display : flex;
flex-wrap : wrap;
margin : -.333rem
}
.donation-form__post-donate .share .share-button {
flex-grow : 1;
margin : .333rem;
text-align : center;
min-width : 150px
}
@media (max-width:736px) {
.donation-form__post-donate .share .share-button {
flex-basis : calc(50% - 0.666rem)
}
}
.donation-form__post-donate .share .share-button:last-child:last-of-type {
margin-right : .333rem
}
.donation-form__post-donate__break {
width : 100%;
border : 0;
border-top : 1px solid #bbb;
margin : 1.25rem 0
}
.donation-form__post-donate__two-columns {
margin : -.75rem;
display : flex;
flex-wrap : wrap;
justify-content : space-between
}
@media (max-width:736px) {
.donation-form__post-donate__two-columns {
margin : 0
}
}
.donation-form__post-donate__two-columns__column {
padding : .75rem;
flex-basis : 50%;
flex-grow : 1;
min-width : min(250px,100%)
}
@media (max-width:736px) {
.donation-form__post-donate__two-columns__column {
flex-basis : 100%;
padding : 0
}
}
.donation-form__post-donate__two-columns .donation-form__post-donate__break {
display : none
}
@media (max-width:736px) {
.donation-form__post-donate__two-columns .donation-form__post-donate__break {
display : block
}
}
.donation-form__post-donate__giftaid-express {
padding : var(--spacing)
}
.donation-form__post-donate__giftaid-express form {
border : 1px solid rgba(0,0,0,.05);
padding : var(--spacing)
}
.donation-form__post-donate__giftaid-express .form-description {
margin : 0;
padding-bottom : 1rem
}
.donation-form__post-donate__giftaid-express .form-description>img {
float : left;
width : 33%;
padding : 1rem 1rem 1rem 0
}
.donation-form__post-donate__giftaid-express .form-description:after {
display : block;
content : "";
clear : both
}
.donation-form__method {
margin : var(--spacing) 0 calc(var(--spacing)*0.666);
display : block
}
.donation-form__method:empty {
display : none
}
.donation-form__method:last-child {
margin-bottom : 0
}
.donation-form__method-payment-button-wrapper--disabled {
opacity : .5;
pointer-events : none
}
.donation-form__method-payment-button-wrapper:not(:last-child) {
padding-bottom : .5rem
}
.donation-form__method-divider {
display : block;
font-weight : 700;
opacity : .5;
margin : 0 0 .75em
}
.donation-form__method>:not(:last-child) {
padding-bottom : .75rem
}
.donation-form__body--payment .donation-form__method {
margin-top : 0
}
.donation-form__method-button {
display : block;
width : 100%;
position : relative
}
.donation-form__method-button:not(.override) {
border-radius : 4px
}
.donation-form__method-button span {
display : flex;
align-items : center;
justify-content : center;
grid-gap : .5rem;
position : static
}
.donation-form__method-button span>span {
position : absolute;
left : .5rem;
top : 50%;
color : currentColor;
opacity : .5;
transform : translateY(-50%)
}
.donation-form__paypal-button-wrapper {
margin-bottom : -.5rem
}
.donation-form__payment-logos {
display : flex;
flex-direction : row;
justify-content : center;
align-items : center;
flex-wrap : wrap;
padding : .5rem 0
}
.donation-form__payment-logos__variable__wrapper,.donation-form__payment-logos img {
margin : .5rem 0;
width : 3.5rem;
height : auto
}
.donation-form__payment-logos img {
object-fit : contain
}
.donation-form__payment-logos__variable__wrapper {
position : relative;
min-height : 22px
}
.donation-form__payment-logos__variable__wrapper img {
margin : 0
}
.donation-form__payment-logos.logo-dd {
animation : fadeIn .2s ease-in forwards;
opacity : 0
}
.donation-form__payment-logos__variable {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
opacity : 0
}
.donation-form__payment-logos__variable.logo-0 {
opacity : 1;
animation : outIn 16s ease-in-out infinite
}
.donation-form__payment-logos__variable.logo-1 {
animation : inOut 16s ease-in-out infinite
}
.donation-form__payment-logos__variable.logo-2 {
animation : inOut 16s ease-in-out infinite;
animation-delay : 4s
}
.donation-form__payment-logos__variable.logo-3 {
animation : inOut 16s ease-in-out infinite;
animation-delay : 8s
}
@keyframes outIn {
0%
{opacity:1;transform:scale(1)}
20%
{opacity:1;transform:scale(1)}
25%
{opacity:0;transform:scale(.7)}
95%
{opacity:0;transform:scale(.7)}
to {
opacity : 1;
transform : scale(1)
}
}
@keyframes inOut {
0%
{opacity:0;transform:scale(.7)}
20%
{opacity:0;transform:scale(.7)}
25%
{opacity:1;transform:scale(1)}
45%
{opacity:1;transform:scale(1)}
50%
{opacity:0;transform:scale(.7)}
}
.donation-form__amount-btn__wrapper {
display : flex;
position : relative;
flex-basis : auto;
justify-content : center
}
.donation-form__amount-btn__wrapper.image {
flex-basis : calc(50% - var(--gap)*2);
flex-grow : 1
}
.donation-form__amount-btn__wrapper.image .donation-form__recommended-badge {
transform : unset;
right : 5%;
left : unset
}
.donation-form__amount--width-half .donation-form__amount-btn__wrapper {
flex-basis : calc(50% - var(--gap)*2)
}
.donation-form__amount--width-half .donation-form__amount-btn__wrapper .donation-form__amount-btn {
flex-basis : auto
}
.donation-form__amount-btn__wrapper.has-text {
flex-basis : 50%
}
.donation-form__amount-btn__wrapper.has-text .donation-form__recommended-badge {
left : 50%;
transform : translateX(-50%);
right : unset
}
.donation-form__amount-btn__wrapper.has-text.image {
flex-basis : 50%
}
.donation-form__amount-btn__wrapper.has-text.image .donation-form__recommended-badge {
transform : unset;
right : 5%;
left : unset
}
.donation-form__amount-btn__wrapper .donation-form__amount-btn {
flex-basis : auto;
width : 100%
}
.donation-form__amount-btn__wrapper.has-recommended-badge {
min-width : 130px
}
.donation-form__recommended-badge {
display : flex;
position : absolute;
top : calc(var(--gap)*-1 + 3px);
left : 50%;
transform : translateX(-50%);
z-index : 1;
align-items : center;
justify-content : center;
gap : 4px;
min-width : 90px;
padding : 2px 7px 2px 4px;
line-height : 1rem;
font-size : .7rem;
font-weight : 600
}
.donation-form__recommended-badge .icon {
width : .825rem;
height : .825rem;
font-size : .825rem
}
.donation-form--v3 {
height : var(--height)
}
.donation-form--v3.animate {
transform : translateX(0)!important;
transition : transform var(--tDuration)
}
.donation-form--v3 .campaign-logo+.donation-form__body .donation-form__step-select {
margin-top : 32px
}
.donation-form--v3 .donation-form__body {
display : block;
overflow : hidden;
transition : height var(--tDuration);
padding : var(--padding)
}
.donation-form--v3 .donation-form__body.fade-out-payment-step .donation-form__body__payment-step>:not(.payment-form-wrapper),.donation-form--v3 .donation-form__body.fade-out-payment-step .donation-form__step-select,.donation-form--v3 .donation-form__body.fade-out-payment-step form>:not(.donation-form__stripe-buttons) {
opacity : 0;
transition : opacity var(--tDuration) ease-in calc(var(--tDuration) + .2s)
}
.donation-form--v3 .donation-form__step-select {
position : relative;
display : flex;
align-items : center;
justify-content : center;
margin-bottom : 24px
}
.donation-form--v3 .donation-form__step-select__back-btn {
position : absolute;
left : 0;
display : flex;
align-items : center;
gap : 4px;
opacity : 0;
margin : -8px;
border : 0;
background : none;
padding : 8px;
pointer-events : none;
font-weight : 600;
transition : opacity .2s ease-in
}
.donation-form--v3 .donation-form__step-select__back-btn.visible {
transition : opacity var(--tDuration) ease-out;
opacity : 1;
pointer-events : all
}
.donation-form--v3 .donation-form__step-select__nav {
display : flex;
align-items : center;
justify-content : center
}
.donation-form--v3 .donation-form__step-select__step {
position : relative;
z-index : 1;
margin : 0;
width : 15px;
height : 15px;
border : 2px solid #bbb;
border-radius : 50%;
background : transparent;
padding : 0
}
.donation-form--v3 .donation-form__step-select__step__divider {
position : relative;
z-index : 0;
display : inline-flex;
margin : 0 -1px;
width : 15px;
border-top : 2px solid #bbb
}
.donation-form--v3 .donation-form__step-select .completed,.donation-form--v3 .donation-form__step-select .current {
position : absolute;
top : -2px;
right : -2px;
bottom : -2px;
left : -2px;
width : 15px;
height : 15px;
border-radius : 50%
}
.donation-form--v3 .donation-form__step-select .current {
display : flex;
align-items : center;
justify-content : center
}
.donation-form--v3 .donation-form__step-select .current.animate {
transition : transform var(--tDuration)
}
.donation-form--v3 .donation-form__step-select .current .inner {
width : 5px;
height : 5px;
border-radius : 50%;
background : #fff
}
.donation-form--v3 .donation-form__step-select .completed {
opacity : 0;
transition : opacity var(--tDuration) ease-in
}
.donation-form--v3 .donation-form__step-select .completed.animate {
opacity : 1;
transition : opacity var(--tDuration) ease-out
}
.donation-form--v3 .donation-form__step-select .check {
position : relative;
transform : rotate(45deg)
}
.donation-form--v3 .donation-form__step-select .check .kick,.donation-form--v3 .donation-form__step-select .check .stem {
position : absolute
}
.donation-form--v3 .donation-form__step-select .check .stem {
top : 0;
left : 13px;
width : 2px;
height : 9px;
background-color : #fff
}
.donation-form--v3 .donation-form__step-select .check .kick {
top : 8px;
left : 10px;
width : 4px;
box-shadow : 0 0 0 1px #fff
}
.donation-form--v3 .donation-form__amount-type {
display : inline-flex;
align-items : center;
gap : 4px;
margin-bottom : 24px;
border-radius : 9999px!important;
min-width : min(250px,100%);
padding : 2px;
transition : margin-bottom .2s
}
.donation-form--v3 .donation-form__amount-type.with-upsell {
margin-bottom : 80px;
transition : margin-bottom var(--tDuration)
}
.donation-form--v3 .donation-form__amount-type-btn {
position : relative;
display : flex;
align-items : center;
justify-content : center;
gap : 4px;
margin : 0!important;
border-radius : 9999px!important;
padding : 6px!important;
font-size : .7rem;
border : unset!important;
box-shadow : unset!important;
text-transform : unset!important;
letter-spacing : unset!important;
transition : unset
}
@media (min-width:1200px) {
.donation-form--v3 .donation-form__amount-type-btn {
font-size : .833rem
}
}
.donation-form--v3 .donation-form__amount-type-btn .frequency-label,.donation-form--v3 .donation-form__amount-type-btn .heart-beating {
z-index : 2
}
.donation-form--v3 .donation-form__amount-type-btn .frequency-label {
transition : color .4s
}
.donation-form--v3 .donation-form__amount-type-btn--active {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1
}
.donation-form--v3 .donation-form__amount-type-btn--active.animate {
transition : transform var(--tDuration),width var(--tDuration);
transform : translateX(0)!important;
width : var(--width)!important
}
.donation-form--v3 .donation-form__amount-type-btn .donation-form__giving-label__animated-heart,.donation-form--v3 .donation-form__amount-type-btn .icon--small {
width : .833rem;
height : .833rem;
font-size : .833rem
}
.donation-form--v3 .donation-form__amount-type-btn .heart-beating {
animation : beat 3s infinite
}
@keyframes beat {
0%
{transform:scale(1)}
85%
{transform:scale(1)}
90%
{transform:scale(1.1)}
95%
{transform:scale(1)}
to {
transform : scale(1.1)
}
}
.donation-form--v3 .donation-form__amount-type-btn:after,.donation-form--v3 .donation-form__amount-type-btn:before {
content : none!important
}
.donation-form--v3 .donation-form__amount-type-upsell-nudge {
position : absolute;
z-index : 1;
top : 0;
display : flex;
align-items : center;
justify-content : center;
min-width : 300px;
border-radius : 8px;
padding : 8px 16px;
font-size : .813rem;
font-weight : 500;
transform : scale(0);
transform-origin : top center;
transition : transform .2s ease-in
}
.donation-form--v3 .donation-form__amount-type-upsell-nudge.visible {
transform : scale(1);
transition : transform var(--tDuration) ease-out
}
.donation-form--v3 .donation-form__amount-type-upsell-nudge:after,.donation-form--v3 .donation-form__amount-type-upsell-nudge:before {
content : "";
position : absolute;
width : 0;
height : 0;
border-left : 10px solid transparent;
border-right : 10px solid transparent;
border-bottom : 10px solid;
left : var(--arrow-left)
}
.donation-form--v3 .donation-form__amount-type-upsell-nudge:before {
top : -10px
}
.donation-form--v3 .donation-form__amount-type-upsell-nudge:after {
top : -9px
}
.donation-form--v3 .donation-form__step-wrapper {
position : relative
}
.donation-form--v3 .animated-step-back-enter,.donation-form--v3 .animated-step-next-enter {
opacity : 0
}
.donation-form--v3 .animated-step-back-enter {
transform : translateX(-150%)
}
.donation-form--v3 .animated-step-next-enter {
transform : translateX(150%)
}
.donation-form--v3 .animated-step-back-enter-active,.donation-form--v3 .animated-step-next-enter-active {
transform : translateX(0);
opacity : 1;
transition : transform var(--tDuration),opacity var(--tDuration)
}
.donation-form--v3 .animated-step-back-exit,.donation-form--v3 .animated-step-fade-exit,.donation-form--v3 .animated-step-next-exit {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
opacity : 1
}
.donation-form--v3 .animated-step-back-exit-active,.donation-form--v3 .animated-step-next-exit-active {
opacity : 0;
transition : transform var(--tDuration),opacity var(--tDuration)
}
.donation-form--v3 .animated-step-back-exit-active {
transform : translateX(150%)
}
.donation-form--v3 .animated-step-next-exit-active {
transform : translateX(-150%)
}
.donation-form--v3 .animated-step-fade-enter {
opacity : 0
}
.donation-form--v3 .animated-step-fade-enter-active {
opacity : 1;
transition : opacity var(--tDuration)
}
.donation-form--v3 .animated-step-fade-exit-active {
opacity : 0;
transition : opacity var(--tDuration)
}
.donation-form--v3 .donation-form__amount-btn,.donation-form--v3 .donation-form__other-field.form-field {
max-width : unset
}
.donation-form--v3 .donation-form__amount {
gap : var(--gap);
margin : 0
}
.donation-form--v3 .donation-form__amount--has-recommended-badge {
--gap : 14px
}
.donation-form--v3 .donation-form__amount-btn {
flex-basis : 100%;
margin : 0;
padding : var(--pad-y) 4px
}
.donation-form--v3 .donation-form__amount-btn__wrapper {
flex : 1;
flex-basis : var(--flex-basis)
}
.donation-form--v3 .form-field:not(.donation-form__other-field).form-field--error {
margin-bottom : 2rem
}
.donation-form--v3 .form-field__error {
top : auto;
right : auto;
left : 0;
width : auto;
text-align : left
}
.donation-form--v3 .form-field__error i {
display : none
}
.donation-form--v3 .donation-form__other-field.form-field {
margin : 0;
margin-bottom : var(--gap);
width : 100%
}
.donation-form--v3 .donation-form__other-field.form-field .form-field__input-group {
width : 100%
}
.donation-form--v3 .donation-form__other-field.form-field input {
margin-left : 4px
}
.donation-form--v3 .donation-form__other-field.form-field input::placeholder {
font-size : 1.25rem;
font-weight : 400;
text-transform : none
}
.donation-form--v3 .donation-form__method-payment__border {
padding-bottom : max(.8rem,13px)
}
.donation-form--v3 .donation-form__nav .icon {
display : none
}
.donation-form--v3 .donation-form__method-payment-button-wrapper,.donation-form--v3 .donation-form__nav:not(.override),.donation-form--v3 .donation-form__stripe-buttons:not(.override) {
margin-left : 0;
width : 100%;
border-radius : 100px;
position : relative;
z-index : 0
}
.donation-form--v3 .donation-form__method-payment-button-wrapper .donation-form__method-button,.donation-form--v3 .donation-form__method-payment-button-wrapper .donation-form__next,.donation-form--v3 .donation-form__method-payment-button-wrapper .donation-form__submit-button,.donation-form--v3 .donation-form__nav:not(.override) .donation-form__method-button,.donation-form--v3 .donation-form__nav:not(.override) .donation-form__next,.donation-form--v3 .donation-form__nav:not(.override) .donation-form__submit-button,.donation-form--v3 .donation-form__stripe-buttons:not(.override) .donation-form__method-button,.donation-form--v3 .donation-form__stripe-buttons:not(.override) .donation-form__next,.donation-form--v3 .donation-form__stripe-buttons:not(.override) .donation-form__submit-button {
height : 54px;
border-radius : inherit;
font-size : 1rem
}
.donation-form--v3 .donation-form__submit-button {
position : relative;
overflow : hidden
}
.donation-form--v3 .donation-form__submit-button__icon-outer {
position : absolute;
top : 2px;
left : 16px;
padding-top : 10px;
overflow : hidden
}
.donation-form--v3 .donation-form__submit-button__icon-inner {
display : flex;
align-items : center;
justify-content : center;
width : 26px;
height : 26px;
border-radius : 100%;
background : linear-gradient(hsla(0,0%,100%,.25),hsla(0,0%,100%,.25))
}
.donation-form--v3 .donation-form__submit-button__icon-inner .icon {
width : 1rem;
height : 1rem;
color : inherit;
font-size : 1rem
}
.donation-form--v3 .donation-form__submit-button__icon-inner .icon i {
font-weight : 700
}
.donation-form--v3 .donation-form__submit-button__text {
display : inline-block;
position : relative;
left : 0
}
.donation-form--v3 .donation-form__submit-button .mini-progress-bar {
display : block;
position : absolute;
left : 50%;
bottom : 12px;
transform : translateX(-50%) scale(0);
transform-origin : center;
width : 32px;
height : 2px;
overflow : hidden;
border-radius : 100px;
background : linear-gradient(hsla(0,0%,100%,.25),hsla(0,0%,100%,.25))
}
.donation-form--v3 .donation-form__submit-button .mini-progress-bar__inner {
display : block;
width : 32px;
height : 2px;
transform : translateX(-100%);
border-radius : inherit;
background : #fff
}
.donation-form--v3 .donation-form__submit-button .large-progress-bar {
display : block;
position : absolute;
top : 0;
bottom : 0;
left : 0;
opacity : 0;
width : 100%;
background : linear-gradient(90deg,transparent,rgba(240,246,255,.26))
}
.donation-form--v3 .donation-form__submit-button.processed .donation-form__submit-button__icon-outer,.donation-form--v3 .donation-form__submit-button.processing .donation-form__submit-button__icon-outer {
left : 50%;
transform : translate(-50%)
}
.donation-form--v3 .donation-form__submit-button.processed .donation-form__submit-button__text,.donation-form--v3 .donation-form__submit-button.processing .donation-form__submit-button__text {
left : 200%
}
.donation-form--v3 .donation-form__submit-button.processing .donation-form__submit-button__icon-outer,.donation-form--v3 .donation-form__submit-button.processing .donation-form__submit-button__text {
transition : transform var(--tDuration),left var(--tDuration)
}
.donation-form--v3 .donation-form__submit-button.processing.phase2 .donation-form__submit-button__icon-inner {
transform : translateY(-4px);
transition : transform var(--tDuration)
}
.donation-form--v3 .donation-form__submit-button.processing.phase2 .mini-progress-bar {
transform : translateX(-50%) scale(1);
transition : transform var(--tDuration) ease-out
}
.donation-form--v3 .donation-form__submit-button.processing.phase2 .large-progress-bar,.donation-form--v3 .donation-form__submit-button.processing.phase2 .mini-progress-bar__inner {
animation : transitionIn 10s ease-out calc(var(--tDuration) + .2s) forwards
}
.donation-form--v3 .donation-form__submit-button.processed .donation-form__submit-button__icon-inner {
animation : upThenDown calc(var(--tDuration) + .2s) ease-in forwards
}
@keyframes upThenDown {
0%
{transform:translateY(-4px)}
60%
{transform:translateY(-12px)}
to {
transform : translateY(32px)
}
}
.donation-form--v3 .donation-form__submit-button.processed .mini-progress-bar {
animation : collapse calc(var(--tDuration) + .2s) ease-in forwards
}
@keyframes collapse {
0%
{transform:translateX(-50%) scale(1)}
60%
{transform:translateX(-50%) scale(1)}
to {
transform : translateX(-50%) scale(0)
}
}
.donation-form--v3 .donation-form__submit-button.processed .mini-progress-bar__inner {
transform : translateX(0)
}
.donation-form--v3 .donation-form__body--success .donation-form__body__payment-step {
display : none
}
.donation-form--v3 .donation-form__body--success .donation-form__thankyou-wrapper {
display : flex;
flex-direction : column
}
.donation-form--v3 .donation-form__body--success .donation-form__thankyou-ach-notice {
display : flex;
flex-direction : row;
align-items : flex-start;
gap : 12px;
padding : 16px;
margin-top : 16px;
background : #e8fbfc;
border : 1.5px solid #bbf4fb;
border-radius : 12px;
text-align : left
}
.donation-form--v3 .donation-form__body--success .donation-form__thankyou-ach-notice .donation-form__thankyou-ach-notice__icon {
flex-shrink : 0;
width : 24px;
height : 24px;
color : #0f5a61
}
.donation-form--v3 .donation-form__body--success .donation-form__thankyou-ach-notice .donation-form__thankyou-ach-notice__text {
font-size : 15px;
line-height : 20px;
letter-spacing : -.3px;
margin : 0
}
.donation-form--v3 .donation-form__body--success .donation-form__thankyou-microdeposit {
display : flex;
flex-direction : column;
gap : 16px;
margin-top : 16px;
width : 100%;
text-align : left
}
.donation-form--v3 .donation-form__body--success .donation-form__thankyou-microdeposit__alert {
align-self : center;
display : inline-flex;
flex-direction : row;
align-items : center;
justify-content : center;
gap : 6px;
box-sizing : border-box;
width : fit-content;
max-width : 100%;
padding : 10px;
background : #fff4d5;
margin : 10px 0;
border : 1.5px solid #f3ba63;
border-radius : 12px;
text-align : center
}
.donation-form--v3 .donation-form__body--success .donation-form__thankyou-microdeposit__alert-icon {
flex-shrink : 0;
display : block;
width : 16px;
height : 16px
}
.donation-form--v3 .donation-form__body--success .donation-form__thankyou-microdeposit__alert-text {
margin : 0;
font-size : 14px;
font-weight : 500;
line-height : 16px;
letter-spacing : -.105px;
color : #20134b;
text-align : center
}
.donation-form--v3 .donation-form__body--success .donation-form__thankyou-microdeposit__steps {
display : flex;
flex-direction : column;
gap : 6px;
padding : 10px;
background : #f8f7fa;
border : 1.5px solid #eae8ef;
border-radius : 12px
}
.donation-form--v3 .donation-form__body--success .donation-form__thankyou-microdeposit__step {
display : flex;
flex-direction : row;
align-items : flex-start;
gap : 12px;
padding : 6px
}
.donation-form--v3 .donation-form__body--success .donation-form__thankyou-microdeposit__step-icon-wrap {
flex-shrink : 0;
width : 24px;
height : 24px;
display : flex;
align-items : center;
justify-content : center
}
.donation-form--v3 .donation-form__body--success .donation-form__thankyou-microdeposit__step-title {
margin : 0 0 8px;
font-size : 15px;
font-weight : 600;
line-height : 20px;
letter-spacing : -.3px;
color : #20134b
}
.donation-form--v3 .donation-form__body--success .donation-form__thankyou-microdeposit__step-text {
margin : 0;
font-size : 15px;
font-weight : 400;
line-height : 20px;
letter-spacing : -.3px;
color : #20134b
}
.donation-form--v3 .donation-form__body--success .donation-form__thankyou-microdeposit__cta.button--link {
display : flex;
align-items : center;
justify-content : center;
width : 100%;
height : 54px;
margin-right : 0;
border-radius : 100px;
box-sizing : border-box;
font-size : 1rem;
font-weight : 600
}
.donation-form--v3 .donation-form__body--success .donation-form__thankyou-microdeposit__email-banner {
display : flex;
flex-direction : row;
align-items : flex-start;
gap : 12px;
padding : 10px;
background : #e8fbfc;
border : 1.5px solid #bbf4fb;
border-radius : 12px
}
.donation-form--v3 .donation-form__body--success .donation-form__thankyou-microdeposit__email-banner-icon {
flex-shrink : 0;
width : 24px;
height : 24px;
margin : 6px 0 0
}
.donation-form--v3 .donation-form__body--success .donation-form__thankyou-microdeposit__email-banner-text {
margin : 0;
padding : 6px;
font-size : 15px;
line-height : 20px;
letter-spacing : -.3px;
color : #20134b
}
.donation-form--v3 .donation-form__body--success .donation-form__share__heading,.donation-form--v3 .donation-form__body--success .donation-form__share__subheading,.donation-form--v3 .donation-form__body--success .donation-form__thankyou-ach-notice,.donation-form--v3 .donation-form__body--success .donation-form__thankyou-message,.donation-form--v3 .donation-form__body--success .donation-form__thankyou-microdeposit,.donation-form--v3 .donation-form__body--success .donation-form__title,.donation-form--v3 .donation-form__body--success .share {
opacity : 0;
transform : translateY(50px)
}
.donation-form--v3 .donation-form__body--success .donation-form__share {
margin-top : 32px;
max-height : 54px;
overflow : hidden;
border-radius : 16px;
padding : 20px
}
.donation-form--v3 .donation-form__body--success .donation-form__share>*+* {
margin-top : 16px
}
.donation-form--v3 .donation-form__body--success .donation-form__share__heading {
font-size : 1.25rem;
font-weight : 600
}
.donation-form--v3 .donation-form__body--success .donation-form__share__subheading {
font-size : 1rem
}
.donation-form--v3 .donation-form__body--success .donation-form__share .share {
display : grid;
grid-template-columns: repeat(2,1fr);
gap : 12px
}
.donation-form--v3 .donation-form__body--success .donation-form__share .share-button {
margin : 0;
text-align : center
}
.donation-form--v3 .donation-form__body--success .donation-form__share .share-button:not(:hover) {
background : #fff
}
.donation-form--v3 .donation-form__body--success .donation-form__share .share-button:not(:hover) .share-button__label {
color : #000
}
.donation-form--v3 .donation-form__body--success .animate .donation-form__share {
max-height : 1600px;
transition : max-height var(--tDuration) ease-out
}
.donation-form--v3 .donation-form__body--success .animate .donation-form__share__heading,.donation-form--v3 .donation-form__body--success .animate .donation-form__share__subheading,.donation-form--v3 .donation-form__body--success .animate .donation-form__thankyou-ach-notice,.donation-form--v3 .donation-form__body--success .animate .donation-form__thankyou-message,.donation-form--v3 .donation-form__body--success .animate .donation-form__thankyou-microdeposit,.donation-form--v3 .donation-form__body--success .animate .donation-form__title,.donation-form--v3 .donation-form__body--success .animate .share {
opacity : 1;
transform : translateY(0);
transition : transform var(--tDuration) ease-out var(--tDuration),opacity var(--tDuration) ease-out var(--tDuration)
}
.donation-form--v3 .donation-form__message--error {
margin-top : 10px;
border-radius : 10px;
box-shadow : 0 3px 8px rgba(0,0,0,.24);
background : rgba(255,0,0,.95);
padding : 1rem;
text-align : left
}
.donation-form--v3 .donation-form__designation-allocator,.donation-form--v3 .donation-form__designation-select {
display : flex;
flex-direction : column;
gap : 8px
}
.donation-form--v3 .donation-form__designation-select-heading {
margin : 0;
font-size : 13px;
font-weight : 600;
text-align : center
}
.donation-form--v3 .donation-form__designation-allocator-heading {
margin : 0 0 4px;
font-size : 1rem!important;
font-weight : 700;
line-height : 1.3;
text-align : center
}
.donation-form--v3 .donation-form__designation-allocator-row {
display : flex
}
.donation-form--v3 .donation-form__designation-allocator-row .form-field {
flex : 1 1 auto;
margin-bottom : 0;
min-width : 0
}
.donation-form--v3 .donation-form__designation-allocator-row--multi {
display : grid;
grid-template-columns: minmax(0,1fr) minmax(64px,84px) auto;
align-items : center;
gap : 6px
}
.donation-form--v3 .donation-form__designation-allocator-row--multi .form-field {
min-width : 0
}
.donation-form--v3 .donation-form__designation-allocator .form-field.donation-form__designation-allocator-field {
font-size : 14px;
min-height : 0;
height : auto
}
.donation-form--v3 .donation-form__designation-allocator .form-field.donation-form__designation-allocator-field>label {
display : none!important
}
.donation-form--v3 .donation-form__designation-allocator .form-field--select.donation-form__designation-allocator-field select {
box-sizing : border-box;
height : 40px!important;
min-height : 40px!important;
max-height : 40px!important;
padding : 0 28px 0 12px!important;
font-size : 14px!important;
line-height : 40px!important;
text-overflow : ellipsis
}
.donation-form--v3 .donation-form__designation-allocator .form-field--select.donation-form__designation-allocator-field:after {
font-size : 18px!important;
bottom : 50%!important;
transform : translateY(50%);
right : 4px
}
.donation-form--v3 .donation-form__designation-allocator .form-field--currency.donation-form__designation-allocator-field .form-field__input-group,.donation-form--v3 .donation-form__designation-allocator .form-field--text.donation-form__designation-allocator-field .form-field__input-group {
align-items : center;
height : 40px
}
.donation-form--v3 .donation-form__designation-allocator .form-field--currency.donation-form__designation-allocator-field .form-field__input-group__prepend,.donation-form--v3 .donation-form__designation-allocator .form-field--text.donation-form__designation-allocator-field .form-field__input-group__prepend {
position : absolute;
top : 0;
bottom : 0;
left : 0;
display : flex;
align-items : center;
padding : 0 0 0 8px!important;
font-size : 14px!important;
line-height : 1!important
}
.donation-form--v3 .donation-form__designation-allocator .form-field--currency.donation-form__designation-allocator-field .input-full,.donation-form--v3 .donation-form__designation-allocator .form-field--currency.donation-form__designation-allocator-field input,.donation-form--v3 .donation-form__designation-allocator .form-field--text.donation-form__designation-allocator-field .input-full,.donation-form--v3 .donation-form__designation-allocator .form-field--text.donation-form__designation-allocator-field input {
box-sizing : border-box;
height : 40px!important;
min-height : 40px!important;
max-height : 40px!important;
padding : 0 8px 0 22px!important;
font-size : 14px!important;
line-height : 40px!important
}
.donation-form--v3 .donation-form__designation-allocator-remove {
all : unset;
box-sizing : border-box;
display : flex;
align-items : center;
justify-content : center;
width : 28px;
height : 28px;
border : 1px solid rgba(0,0,0,.2);
border-radius : 50%;
color : inherit;
cursor : pointer;
font-size : .9rem;
line-height : 1
}
.donation-form--v3 .donation-form__designation-allocator-remove:focus-visible,.donation-form--v3 .donation-form__designation-allocator-remove:hover {
border-color : rgba(0,0,0,.4)
}
.donation-form--v3 .donation-form__designation-allocator-add {
all : unset;
box-sizing : border-box;
align-self : center;
cursor : pointer;
font-size : 13px;
font-weight : 600;
margin-top : 4px;
text-align : center
}
.donation-form--v3 .donation-form__designation-allocator-add:focus-visible,.donation-form--v3 .donation-form__designation-allocator-add:hover {
text-decoration : underline
}
.donation-form--v3 .donation-form__designation-allocator-error,.donation-form--v3 .donation-form__designation-allocator-remainder {
margin : 0;
font-size : 13px;
text-align : center
}
.donation-form--v3 .donation-form__designation-allocator-error {
color : #c62828
}
.raisely-profile-form {
text-align : center;
max-width : 500px;
margin : 0 auto
}
.raisely-profile-form .form-field {
margin-bottom : 1rem
}
.raisely-profile-form .form__navigation {
margin-top : 1rem
}
.raisely-login {
text-align : center;
max-width : 500px;
margin : 0 auto
}
.raisely-login .button,.raisely-login .form-field {
margin-bottom : 1rem
}
.raisely-login__facebook p {
font-size : .9em;
margin : 1em;
opacity : .7
}
.raisely-login__alternate {
margin-bottom : 1em
}
.raisely-login__verification-pending {
padding : 12px;
margin-bottom : 1rem;
border-radius : 4px
}
.raisely-login__verification-pending p {
text-align : left;
margin : 0
}
.raisely-login__verification-pending a {
text-decoration : underline
}
.raisely-magic-link-form {
text-align : center;
max-width : 500px;
margin : 0 auto
}
.raisely-magic-link-form .button,.raisely-magic-link-form .form-field {
margin-bottom : 1rem
}
.raisely-magic-link-form__expired-header {
margin-bottom : 1.5rem
}
.raisely-magic-link-form__title {
font-size : 1.5rem;
font-weight : 600;
line-height : 1.2;
margin-bottom : .75rem
}
.raisely-magic-link-form__description {
font-size : .9375rem;
line-height : 1.33;
opacity : .8
}
.raisely-magic-link-form__success {
display : flex;
flex-direction : column;
gap : 1.5rem;
align-items : center
}
.raisely-magic-link-form__success-header {
text-align : center
}
.raisely-magic-link-form__steps {
width : 100%;
background : #f8f7fa;
border : 1.5px solid #eae8ef;
border-radius : 12px;
padding : .375rem
}
.raisely-magic-link-form__step {
display : flex;
align-items : center;
gap : .625rem;
padding : .375rem;
min-height : 44px
}
.raisely-magic-link-form__step-number {
display : flex;
align-items : center;
justify-content : center;
width : 32px;
height : 32px;
min-width : 32px;
border-radius : 50%;
color : #fff;
font-size : .9375rem;
font-weight : 600
}
.raisely-magic-link-form__step-text {
font-size : .9375rem;
font-weight : 600;
text-align : left
}
.raisely-magic-link-form__resend-button {
width : 100%
}
.raisely-magic-link-form__help-text {
font-size : .9375rem;
color : #6f6b77
}
.raisely-magic-link-form__link-button {
background : none;
border : none;
padding : 0;
font-family : inherit;
font-size : inherit;
font-weight : 500;
text-decoration : underline;
cursor : pointer
}
.raisely-magic-link-form__info-alert {
display : flex;
align-items : flex-start;
gap : .375rem;
width : 100%;
padding : .625rem;
border-width : 1.5px;
border-style : solid;
border-radius : 12px;
font-size : .875rem;
font-weight : 500;
text-align : left
}
.raisely-magic-link-form__info-alert-icon {
flex-shrink : 0;
line-height : 1.15
}
.raisely-magic-link-form__footer {
margin-top : .75rem
}
.raisely-magic-link-form__footer a {
font-weight : 500;
text-decoration : underline
}
.new-card-form {
text-align : center;
max-width : 500px;
margin : 50px auto 0
}
.new-card-form .save-card-button {
width : 100%
}
.new-card-form .button,.new-card-form .form-field {
margin-bottom : 1rem
}
.modal .new-card-form {
max-width : unset;
margin : unset;
overflow : hidden
}
.modal .new-card-form .button {
margin-bottom : 0
}
.new-payment-method-form {
text-align : center;
max-width : 500px;
margin : 50px auto 0
}
.new-payment-method-form .button,.new-payment-method-form .form-field {
margin-bottom : 1rem
}
.new-payment-method-form__spe-message {
font-size : max(.8rem,13px);
margin : 0 0 .75em
}
.new-payment-method-form__spe-box {
border-radius : 4px;
padding : 20px;
margin : 20px
}
.new-payment-method-form__spe-box__security-message {
margin-bottom : 20px;
vertical-align : middle;
text-align : left
}
.new-payment-method-form__spe-box__security-message__left-column {
vertical-align : middle
}
.new-payment-method-form__spe-box__security-message__right-column {
vertical-align : middle;
padding-left : 10px
}
.new-payment-method-form__spe-box__security-message__header {
font-weight : 600;
font-size : 14px;
color : #000
}
.new-payment-method-form__spe-box__security-message__text {
font-weight : 400;
font-size : 12px;
color : #000
}
.raisely-reset-form {
text-align : center;
max-width : 500px;
margin : 0 auto
}
.raisely-reset-form .button,.raisely-reset-form .form-field {
margin-bottom : 1rem
}
.raisely-reset-form__confirm-text {
padding : 1rem;
margin-bottom : 1rem
}
.social--align-left {
justify-content : flex-start;
text-align : left
}
.social--align-center {
justify-content : center;
text-align : center
}
.social--align-right {
justify-content : flex-end;
text-align : right
}
.tabs {
display : flex;
justify-content : center;
flex-wrap : wrap
}
@media (max-width:736px) {
.tabs {
font-size : .85em
}
}
.col--3 .tabs,.col--4 .tabs,.col--5 .tabs,.col--6 .tabs {
font-size : .85em
}
@media (max-width:736px) {
.col--5 .tabs,.col--6 .tabs,.col--7 .tabs,.col--8 .tabs,.col--9 .tabs,.col--10 .tabs,.col--11 .tabs,.col--12 .tabs {
font-size : .85em
}
}
.tabs__tab {
font-size : inherit;
padding : .75em;
position : relative;
border : none;
background : transparent;
appearance : none;
line-height : 1;
font-family : inherit;
min-width : 20%;
text-align : center;
width : auto
}
.tabs__tab,.tabs__tab h2 {
font-size : inherit;
font-weight : 700;
color : inherit;
margin : 0
}
.tabs__tab:before {
border-bottom : 2px solid;
top : unset;
right : 0;
bottom : 0;
left : 0;
content : "";
position : absolute;
opacity : .15
}
@media (max-width:1024px) {
.tabs__tab {
min-width : auto;
padding-right : .5em;
padding-left : .5em;
flex-grow : 1
}
}
.col--1 .tabs__tab,.col--2 .tabs__tab,.col--3 .tabs__tab,.col--4 .tabs__tab,.col--5 .tabs__tab,.col--6 .tabs__tab,.col--7 .tabs__tab,.col--8 .tabs__tab,.col--9 .tabs__tab {
min-width : auto;
padding-right : .5em;
padding-left : .5em;
flex-grow : 1
}
@media (max-width:1024px) {
.col--10 .tabs__tab,.col--11 .tabs__tab,.col--12 .tabs__tab {
min-width : auto;
padding-right : .5em;
padding-left : .5em;
flex-grow : 1
}
}
.tabs__tab:focus:before {
opacity : .5
}
.tabs__tab--active:before,.tabs__tab--active:focus:before {
opacity : 1
}
.tabs__tab-content,.tabs__tab-content--hidden {
display : none
}
.tabs__tab-content--active {
display : block
}
.raisely-unified-account-form {
margin : 0 auto
}
.raisely-unified-account-form .tabs {
margin-bottom : 1.5rem
}
.raisely-unified-account-form .raisely-account-form,.raisely-unified-account-form .raisely-reset-form {
max-width : none
}
.raisely-unified-account-form .button {
margin-bottom : 0
}
@media (max-width:736px) {
.raisely-unified-account-form .button {
width : 100%
}
}
.col--3 .raisely-unified-account-form .button,.col--4 .raisely-unified-account-form .button,.col--5 .raisely-unified-account-form .button,.col--6 .raisely-unified-account-form .button {
width : 100%
}
@media (max-width:736px) {
.col--5 .raisely-unified-account-form .button,.col--6 .raisely-unified-account-form .button,.col--7 .raisely-unified-account-form .button,.col--8 .raisely-unified-account-form .button,.col--9 .raisely-unified-account-form .button,.col--10 .raisely-unified-account-form .button,.col--11 .raisely-unified-account-form .button,.col--12 .raisely-unified-account-form .button {
width : 100%
}
}
.raisely-unified-account-form .form-field {
margin-bottom : 1rem
}
.raisely-unified-account-form--is-paged .raisely-unified-account-form__form {
margin-bottom : 2rem
}
.raisely-unified-account-form--is-paged .raisely-unified-account-form__form:last-child {
margin-bottom : 0
}
.col--10 .raisely-unified-account-form--is-tabbed,.col--11 .raisely-unified-account-form--is-tabbed,.col--12 .raisely-unified-account-form--is-tabbed {
display : flex;
flex-wrap : wrap;
align-items : flex-start
}
.col--10 .raisely-unified-account-form--is-tabbed .tabs,.col--11 .raisely-unified-account-form--is-tabbed .tabs,.col--12 .raisely-unified-account-form--is-tabbed .tabs {
width : 30%
}
@media (max-width:736px) {
.col--10 .raisely-unified-account-form--is-tabbed .tabs,.col--11 .raisely-unified-account-form--is-tabbed .tabs,.col--12 .raisely-unified-account-form--is-tabbed .tabs {
width : 100%
}
}
.col--10 .raisely-unified-account-form--is-tabbed .tabs__tab,.col--11 .raisely-unified-account-form--is-tabbed .tabs__tab,.col--12 .raisely-unified-account-form--is-tabbed .tabs__tab {
min-width : auto;
text-align : left;
width : 100%
}
.col--10 .raisely-unified-account-form--is-tabbed .tabs__tab:before,.col--11 .raisely-unified-account-form--is-tabbed .tabs__tab:before,.col--12 .raisely-unified-account-form--is-tabbed .tabs__tab:before {
border-left : 2px solid;
border-bottom : none;
top : 0;
right : unset
}
@media (max-width:736px) {
.col--10 .raisely-unified-account-form--is-tabbed .tabs__tab,.col--11 .raisely-unified-account-form--is-tabbed .tabs__tab,.col--12 .raisely-unified-account-form--is-tabbed .tabs__tab {
min-width : 20%;
text-align : center;
width : auto
}
.col--10 .raisely-unified-account-form--is-tabbed .tabs__tab:before,.col--11 .raisely-unified-account-form--is-tabbed .tabs__tab:before,.col--12 .raisely-unified-account-form--is-tabbed .tabs__tab:before {
border-bottom : 2px solid;
top : unset;
right : 0;
bottom : 0;
left : 0
}
}
.col--10 .raisely-unified-account-form--is-tabbed .tabs__tab-content,.col--11 .raisely-unified-account-form--is-tabbed .tabs__tab-content,.col--12 .raisely-unified-account-form--is-tabbed .tabs__tab-content {
width : 70%
}
.col--10 .raisely-unified-account-form--is-tabbed .tabs__tab-content h2,.col--11 .raisely-unified-account-form--is-tabbed .tabs__tab-content h2,.col--12 .raisely-unified-account-form--is-tabbed .tabs__tab-content h2 {
text-align : left
}
.col--10 .raisely-unified-account-form--is-tabbed .tabs__tab-content h2:first-child,.col--11 .raisely-unified-account-form--is-tabbed .tabs__tab-content h2:first-child,.col--12 .raisely-unified-account-form--is-tabbed .tabs__tab-content h2:first-child {
margin-top : 0
}
.col--10 .raisely-unified-account-form--is-tabbed .tabs__tab-content .button,.col--11 .raisely-unified-account-form--is-tabbed .tabs__tab-content .button,.col--12 .raisely-unified-account-form--is-tabbed .tabs__tab-content .button {
float : right
}
.col--10 .raisely-unified-account-form--is-tabbed .tabs__tab-content .donation-stream__empty,.col--11 .raisely-unified-account-form--is-tabbed .tabs__tab-content .donation-stream__empty,.col--12 .raisely-unified-account-form--is-tabbed .tabs__tab-content .donation-stream__empty {
padding-left : 0;
padding-right : 0
}
@media (max-width:736px) {
.col--10 .raisely-unified-account-form--is-tabbed .tabs__tab-content,.col--11 .raisely-unified-account-form--is-tabbed .tabs__tab-content,.col--12 .raisely-unified-account-form--is-tabbed .tabs__tab-content {
width : 100%
}
.col--10 .raisely-unified-account-form--is-tabbed .tabs__tab-content h2,.col--11 .raisely-unified-account-form--is-tabbed .tabs__tab-content h2,.col--12 .raisely-unified-account-form--is-tabbed .tabs__tab-content h2 {
text-align : inherit
}
.col--10 .raisely-unified-account-form--is-tabbed .tabs__tab-content .button,.col--11 .raisely-unified-account-form--is-tabbed .tabs__tab-content .button,.col--12 .raisely-unified-account-form--is-tabbed .tabs__tab-content .button {
float : unset;
width : 100%
}
}
.friendly-challenge-notice {
color : #bc7e28;
background : #ffecd5;
margin-top : 1rem;
padding : 1rem
}
.frc-captcha-v2--fix-width iframe {
left : 0;
top : 0
}
.page-controls {
text-align : right
}
.page-controls>button.button {
background-color : transparent;
color : inherit
}
.page-controls>button.button i {
transition : .3s cubic-bezier(.2,0,.1,1)
}
.page-controls>button.button:first-child:focus i,.page-controls>button.button:first-child:hover i {
transform : translate3d(-5%,0,0)
}
.page-controls>button.button:last-child:focus i,.page-controls>button.button:last-child:hover i {
transform : translate3d(5%,0,0)
}
.team-management-modal {
display : flex;
flex-direction : column;
align-items : center
}
.team-management-modal__heading {
text-align : center
}
.team-management-modal__content {
width : 100%;
display : flex;
flex-direction : column;
align-items : center;
gap : 12px
}
.team-management-modal .form-field {
width : 100%
}
.team-management-modal__modal.modal__container {
max-width : 600px
}
.client-accordion__item {
background : #fff;
border : 2px solid #eee;
border-radius : 3px;
margin-bottom : .5rem;
background-clip : content-box;
transition : border-color .3s cubic-bezier(.2,0,.1,1)
}
.client-accordion__item:last-child {
margin-bottom : 0
}
.client-accordion__heading {
cursor : pointer;
outline : none;
display : flex;
flex-direction : row;
align-items : center;
padding : 1rem
}
@media (max-width:736px) {
.client-accordion__heading {
padding : .75rem
}
}
.col--3 .client-accordion__heading,.col--4 .client-accordion__heading,.col--5 .client-accordion__heading,.col--6 .client-accordion__heading {
padding : .75rem
}
@media (max-width:736px) {
.col--5 .client-accordion__heading,.col--6 .client-accordion__heading,.col--7 .client-accordion__heading,.col--8 .client-accordion__heading,.col--9 .client-accordion__heading,.col--10 .client-accordion__heading,.col--11 .client-accordion__heading,.col--12 .client-accordion__heading {
padding : .75rem
}
}
.client-accordion__heading h5 {
margin : 0;
width : 95%;
display : inline-flex;
align-items : center
}
h5:hover .client-accordion__heading__link {
opacity : .5
}
h5:hover .client-accordion__heading__link:focus,h5:hover .client-accordion__heading__link:hover {
opacity : 1
}
.client-accordion__heading__link {
transition : opacity .3s cubic-bezier(.2,0,.1,1);
opacity : 0;
-webkit-appearance : none;
appearance : none;
background : none;
border : none;
outline : none;
padding : 0;
color : inherit;
font-family : inherit;
display : flex;
align-items : center;
margin-top : -2px;
margin-left : .33em
}
.client-accordion__heading__link:after {
content : "Copy link";
font-weight : 700;
font-size : 11px;
text-transform : uppercase;
letter-spacing : .05em;
margin-top : 1px;
margin-left : .25em;
opacity : 0;
pointer-events : none
}
.client-accordion__heading__link:hover:after {
opacity : 1
}
.client-accordion__heading__link,.client-accordion__heading__link:focus,.client-accordion__heading__link:hover {
outline : none
}
.client-accordion__heading__link i.material-icons {
transform : rotate(-45deg);
vertical-align : middle;
font-size : 1.66em
}
.client-accordion__heading__link:focus:after {
content : "Copied link!";
pointer-events : all;
animation : fadeOut .2s cubic-bezier(.2,0,.1,1) 1s forwards
}
@media (max-width:736px) {
.client-accordion__heading__link {
display : none
}
}
.col--3 .client-accordion__heading__link,.col--4 .client-accordion__heading__link,.col--5 .client-accordion__heading__link,.col--6 .client-accordion__heading__link {
display : none
}
@media (max-width:736px) {
.col--5 .client-accordion__heading__link,.col--6 .client-accordion__heading__link,.col--7 .client-accordion__heading__link,.col--8 .client-accordion__heading__link,.col--9 .client-accordion__heading__link,.col--10 .client-accordion__heading__link,.col--11 .client-accordion__heading__link,.col--12 .client-accordion__heading__link {
display : none
}
}
.client-accordion__arrow {
margin-top : -2px;
margin-right : .4em;
margin-left : auto;
font-size : 10px;
height : 1em;
width : 1em;
border-bottom : 2px solid;
border-right : 2px solid;
transform : rotate(45deg);
transition : transform .2s cubic-bezier(.2,0,.1,1),color .2s cubic-bezier(.2,0,.1,1)
}
.client-accordion__body {
padding : 0 1rem 1rem;
display : none
}
@media (max-width:736px) {
.client-accordion__body {
padding : 0 .75rem .75rem
}
}
.col--3 .client-accordion__body,.col--4 .client-accordion__body,.col--5 .client-accordion__body,.col--6 .client-accordion__body {
padding : 0 .75rem .75rem
}
@media (max-width:736px) {
.col--5 .client-accordion__body,.col--6 .client-accordion__body,.col--7 .client-accordion__body,.col--8 .client-accordion__body,.col--9 .client-accordion__body,.col--10 .client-accordion__body,.col--11 .client-accordion__body,.col--12 .client-accordion__body {
padding : 0 .75rem .75rem
}
}
.client-accordion__item--active {
border-color : #333
}
.client-accordion__item--active .client-accordion__heading {
padding-bottom : .33rem
}
.client-accordion__item--active .client-accordion__body {
display : block;
animation : appearIn .35s cubic-bezier(.2,0,.1,1) forwards
}
.client-accordion__item--active .client-accordion__arrow {
transform : rotate(-135deg)
}
.client-accordion__editor-message {
padding : 1em;
text-align : center;
background : #f2f2f2;
margin-bottom : .5rem;
border-radius : 3px;
display : flex;
justify-content : center;
align-items : center
}
.client-accordion__editor-message i.material-icons {
font-size : 1.25em
}
.activity-goals__list {
list-style : none;
padding-left : 0;
display : block;
display : flex;
flex-wrap : wrap
}
.activity-goals__list--2 .activity-goals__item {
width : 50%
}
.activity-goals__list--3 .activity-goals__item {
width : 33.333%
}
@media (min-width:1025px) {
.activity-goals__list--4 .activity-goals__item {
width : 25%
}
}
.col--10 .activity-goals__list--4 .activity-goals__item,.col--11 .activity-goals__list--4 .activity-goals__item {
width : 25%
}
@media (min-width:1025px) {
.col--3 .activity-goals__list--4 .activity-goals__item,.col--4 .activity-goals__list--4 .activity-goals__item,.col--5 .activity-goals__list--4 .activity-goals__item,.col--6 .activity-goals__list--4 .activity-goals__item,.col--7 .activity-goals__list--4 .activity-goals__item,.col--8 .activity-goals__list--4 .activity-goals__item,.col--9 .activity-goals__list--4 .activity-goals__item,.col--10 .activity-goals__list--4 .activity-goals__item,.col--11 .activity-goals__list--4 .activity-goals__item,.col--12 .activity-goals__list--4 .activity-goals__item {
width : 25%
}
}
@media (max-width:1024px) {
.activity-goals__list--4 .activity-goals__item {
width : 50%
}
}
.col--1 .activity-goals__list--4 .activity-goals__item,.col--2 .activity-goals__list--4 .activity-goals__item,.col--3 .activity-goals__list--4 .activity-goals__item,.col--4 .activity-goals__list--4 .activity-goals__item,.col--5 .activity-goals__list--4 .activity-goals__item,.col--6 .activity-goals__list--4 .activity-goals__item,.col--7 .activity-goals__list--4 .activity-goals__item,.col--8 .activity-goals__list--4 .activity-goals__item,.col--9 .activity-goals__list--4 .activity-goals__item {
width : 50%
}
@media (max-width:1024px) {
.col--10 .activity-goals__list--4 .activity-goals__item,.col--11 .activity-goals__list--4 .activity-goals__item,.col--12 .activity-goals__list--4 .activity-goals__item {
width : 50%
}
}
@media (max-width:736px) {
.activity-goals__list {
margin : 0
}
.activity-goals__list .activity-goals__item {
width : 100%;
padding : 0;
margin-top : 0;
margin-bottom : 25px
}
.activity-goals__list .activity-goals__item:last-of-type {
margin-bottom : 0
}
}
.col--3 .activity-goals__list,.col--4 .activity-goals__list,.col--5 .activity-goals__list,.col--6 .activity-goals__list {
margin : 0
}
.col--3 .activity-goals__list .activity-goals__item,.col--4 .activity-goals__list .activity-goals__item,.col--5 .activity-goals__list .activity-goals__item,.col--6 .activity-goals__list .activity-goals__item {
width : 100%;
padding : 0;
margin-top : 0;
margin-bottom : 25px
}
.col--3 .activity-goals__list .activity-goals__item:last-of-type,.col--4 .activity-goals__list .activity-goals__item:last-of-type,.col--5 .activity-goals__list .activity-goals__item:last-of-type,.col--6 .activity-goals__list .activity-goals__item:last-of-type {
margin-bottom : 0
}
@media (max-width:736px) {
.col--5 .activity-goals__list,.col--6 .activity-goals__list,.col--7 .activity-goals__list,.col--8 .activity-goals__list,.col--9 .activity-goals__list,.col--10 .activity-goals__list,.col--11 .activity-goals__list,.col--12 .activity-goals__list {
margin : 0
}
.col--5 .activity-goals__list .activity-goals__item,.col--6 .activity-goals__list .activity-goals__item,.col--7 .activity-goals__list .activity-goals__item,.col--8 .activity-goals__list .activity-goals__item,.col--9 .activity-goals__list .activity-goals__item,.col--10 .activity-goals__list .activity-goals__item,.col--11 .activity-goals__list .activity-goals__item,.col--12 .activity-goals__list .activity-goals__item {
width : 100%;
padding : 0;
margin-top : 0;
margin-bottom : 25px
}
.col--5 .activity-goals__list .activity-goals__item:last-of-type,.col--6 .activity-goals__list .activity-goals__item:last-of-type,.col--7 .activity-goals__list .activity-goals__item:last-of-type,.col--8 .activity-goals__list .activity-goals__item:last-of-type,.col--9 .activity-goals__list .activity-goals__item:last-of-type,.col--10 .activity-goals__list .activity-goals__item:last-of-type,.col--11 .activity-goals__list .activity-goals__item:last-of-type,.col--12 .activity-goals__list .activity-goals__item:last-of-type {
margin-bottom : 0
}
}
@media (max-width:400px) {
.activity-goals__list .activity-goals__item {
margin-bottom : 20px
}
}
.col--1 .activity-goals__list .activity-goals__item,.col--2 .activity-goals__list .activity-goals__item {
margin-bottom : 20px
}
@media (max-width:400px) {
.col--3 .activity-goals__list .activity-goals__item,.col--4 .activity-goals__list .activity-goals__item,.col--5 .activity-goals__list .activity-goals__item,.col--6 .activity-goals__list .activity-goals__item,.col--7 .activity-goals__list .activity-goals__item,.col--8 .activity-goals__list .activity-goals__item,.col--9 .activity-goals__list .activity-goals__item,.col--10 .activity-goals__list .activity-goals__item,.col--11 .activity-goals__list .activity-goals__item,.col--12 .activity-goals__list .activity-goals__item {
margin-bottom : 20px
}
}
.activity-goals__item {
width : 100%
}
.activity-goals__item-title {
flex-direction : column;
color : #fff
}
.activity-goals__item-goal {
color : inherit;
margin-bottom : .25em
}
.activity-goals__item--no-image .activity-goals__item-link {
transition : .3s cubic-bezier(.2,0,.1,1);
transition-property : color,background-color
}
.activity-goals__empty {
text-align : center;
font-style : italic
}
.activity-list__list,.strava-activity-list__list {
list-style : none;
padding : 0
}
.activity-list__list+.page-controls,.strava-activity-list__list+.page-controls {
margin-top : .5em
}
.activity-list__list-item,.strava-activity-list__list-item {
display : block;
background-color : #fff;
display : flex;
align-items : center;
justify-content : space-between
}
.activity-list__list-item:not(:first-child):not(:first-child),.strava-activity-list__list-item:not(:first-child):not(:first-child) {
border-top : 1px solid rgba(0,0,0,.1);
padding-top : 1rem;
margin-top : 1rem
}
.activity-list__list-item:hover .activity-list__list-item__delete-button,.activity-list__list-item:hover .strava-activity-list__list-item__delete-button,.strava-activity-list__list-item:hover .activity-list__list-item__delete-button,.strava-activity-list__list-item:hover .strava-activity-list__list-item__delete-button {
opacity : 1;
transform : none
}
.activity-list__list-item-strava-link,.strava-activity-list__list-item-strava-link {
display : block;
margin-left : 32px
}
.activity-list__list-item-strava-link a,.strava-activity-list__list-item-strava-link a {
font-size : .65rem;
color : inherit
}
.activity-list--with-icons .activity-list__list-item,.activity-list--with-icons .strava-activity-list__list-item,.strava-activity-list--with-icons .activity-list__list-item,.strava-activity-list--with-icons .strava-activity-list__list-item {
padding : 0 .5rem
}
.activity-list__list-item-label,.strava-activity-list__list-item-label {
display : flex;
align-items : center
}
.activity-list__icon,.strava-activity-list__icon {
line-height : 1;
padding : .2rem .3rem;
border-radius : 50%;
position : relative;
margin : -.2rem 4px -.2rem 0;
display : flex;
align-items : center;
justify-content : center;
text-align : center;
height : 1.8em;
width : 1.8em;
min-width : 1.8em
}
.activity-list__icon:before,.strava-activity-list__icon:before {
content : "";
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
border-radius : inherit;
opacity : .1;
background : currentColor
}
.activity-list__icon .material-icons,.strava-activity-list__icon .material-icons {
vertical-align : middle;
font-size : inherit
}
.activity-list__list-item__delete-button,.strava-activity-list__list-item__delete-button {
border : 0;
outline : 0;
padding : 0;
margin-left : .33em;
background-color : transparent;
cursor : pointer;
text-transform : uppercase;
letter-spacing : .1em;
font-size : 20px;
color : inherit;
font-weight : 600;
float : right;
display : block;
text-align : center;
display : flex;
justify-content : center;
align-items : center;
height : 1.25em;
width : 1.25em;
min-width : 1.25em;
margin-right : -.25rem;
border-radius : 50%;
background : #fff;
color : #e03131;
box-shadow : 0 1px 5px rgba(0,0,0,.15);
opacity : 0;
transform : scale3d(.8,.8,1);
transition : .2s cubic-bezier(.2,0,.1,1);
transition-property : opacity,background-color,color,transform
}
@media (hover:none) {
.activity-list__list-item__delete-button,.strava-activity-list__list-item__delete-button {
opacity : 1;
transform : none
}
}
.activity-list__list-item__delete-button .material-icons,.strava-activity-list__list-item__delete-button .material-icons {
font-size : inherit;
vertical-align : middle;
color : inherit
}
.activity-list__list-item__delete-button:focus,.activity-list__list-item__delete-button:hover,.strava-activity-list__list-item__delete-button:focus,.strava-activity-list__list-item__delete-button:hover {
background : #e03131;
color : #fff;
opacity : 1;
transform : none
}
.activity-list__add-activity,.strava-activity-list__add-activity {
margin-top : 1rem;
text-align : center
}
.activity-list__add-activity__cancel,.strava-activity-list__add-activity__cancel {
display : inline-block;
margin-top : .4em;
font-size : 14px;
opacity : .75
}
.activity-list__add-activity__cancel:active,.activity-list__add-activity__cancel:focus,.activity-list__add-activity__cancel:hover,.strava-activity-list__add-activity__cancel:active,.strava-activity-list__add-activity__cancel:focus,.strava-activity-list__add-activity__cancel:hover {
opacity : 1
}
.activity-list__add-activity__cancel,.activity-list__add-activity__cancel:active,.activity-list__add-activity__cancel:focus,.activity-list__add-activity__cancel:hover,.activity-list__add-activity__cancel:visited,.strava-activity-list__add-activity__cancel,.strava-activity-list__add-activity__cancel:active,.strava-activity-list__add-activity__cancel:focus,.strava-activity-list__add-activity__cancel:hover,.strava-activity-list__add-activity__cancel:visited {
color : inherit
}
.activity-list__integrations,.strava-activity-list__integrations {
margin-top : .5rem
}
.activity-tracker {
position : relative;
display : flex;
flex-direction : row;
flex-wrap : wrap;
margin : 0;
width : 100%;
border-radius : inherit
}
.activity-tracker--empty {
justify-content : center;
text-align : center;
background : rgba(0,0,0,.05);
padding : 1rem
}
.activity-tracker--empty p {
color : rgba(0,0,0,.8)
}
.activity-tracker__titles {
font-size : .8rem;
margin-bottom : .25rem
}
.activity-tracker__titles,.activity-tracker__titles--mobile {
text-transform : uppercase;
width : 100%
}
.activity-tracker__key {
display : flex;
align-items : center;
margin-bottom : .35em
}
.activity-tracker__key .activity-tracker__titles {
margin : 0
}
.activity-tracker__key .material-icons {
margin-right : .25rem
}
.activity-tracker__key--mobile {
display : none
}
.activity-tracker__goal {
width : 100%;
margin : 0;
font-size : 3.5rem
}
.activity-tracker__data {
width : 100%
}
.activity-tracker__circle {
position : relative;
width : 100%
}
.activity-tracker__circle__total {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
text-align : center;
justify-content : center;
margin-top : -.25em;
display : flex;
flex-direction : column;
flex-wrap : wrap
}
.activity-tracker__circle__total>* {
color : inherit
}
.activity-tracker__circle__total .material-icons {
font-size : 3em;
margin-bottom : .15em
}
.activity-tracker__circle__total--outside {
display : none
}
.activity-tracker__bar {
width : 100%;
margin-top : -1.25em
}
.activity-tracker__mobile {
display : none
}
.activity-tracker__top {
position : relative;
display : flex;
flex-direction : row;
flex-wrap : wrap;
width : 100%;
justify-content : space-between;
border-bottom : 1px solid rgba(0,0,0,.1);
padding : 0 0 1rem
}
.activity-tracker__top .activity-tracker__titles {
font-size : 1rem;
margin-bottom : .75rem
}
.activity-tracker__top--right {
display : flex;
align-items : flex-end;
gap : 1.25rem
}
.activity-tracker__top--right .activity-tracker__titles {
margin-bottom : 0
}
.activity-tracker__middle {
position : relative;
display : flex;
flex-direction : row;
flex-wrap : wrap;
width : 100%;
justify-content : space-between
}
.activity-tracker__middle .activity-tracker__titles {
margin-top : 1.25rem;
font-size : 1rem;
margin-bottom : .75rem
}
.activity-tracker__middle--left {
width : 38%
}
.activity-tracker__middle--right {
width : 60%
}
.activity-tracker__bottom {
position : relative;
display : flex;
flex-direction : row;
flex-wrap : wrap;
width : 100%;
margin-top : 1.75rem;
justify-content : space-between
}
@media (min-width:1200px) {
.activity-tracker__key--mobile {
display : none
}
.activity-tracker__circle__total--inside {
font-size : 3rem
}
.activity-tracker__circle__total--outside {
display : none
}
}
.col--12 .activity-tracker__key--mobile {
display : none
}
.col--12 .activity-tracker__circle__total--inside {
font-size : 3rem
}
.col--12 .activity-tracker__circle__total--outside {
display : none
}
@media (min-width:1200px) {
.col--2 .activity-tracker__key--mobile,.col--3 .activity-tracker__key--mobile,.col--4 .activity-tracker__key--mobile,.col--5 .activity-tracker__key--mobile,.col--6 .activity-tracker__key--mobile,.col--7 .activity-tracker__key--mobile,.col--8 .activity-tracker__key--mobile,.col--9 .activity-tracker__key--mobile,.col--10 .activity-tracker__key--mobile,.col--11 .activity-tracker__key--mobile,.col--12 .activity-tracker__key--mobile {
display : none
}
.col--2 .activity-tracker__circle__total--inside,.col--3 .activity-tracker__circle__total--inside,.col--4 .activity-tracker__circle__total--inside,.col--5 .activity-tracker__circle__total--inside,.col--6 .activity-tracker__circle__total--inside,.col--7 .activity-tracker__circle__total--inside,.col--8 .activity-tracker__circle__total--inside,.col--9 .activity-tracker__circle__total--inside,.col--10 .activity-tracker__circle__total--inside,.col--11 .activity-tracker__circle__total--inside,.col--12 .activity-tracker__circle__total--inside {
font-size : 3rem
}
.col--2 .activity-tracker__circle__total--outside,.col--3 .activity-tracker__circle__total--outside,.col--4 .activity-tracker__circle__total--outside,.col--5 .activity-tracker__circle__total--outside,.col--6 .activity-tracker__circle__total--outside,.col--7 .activity-tracker__circle__total--outside,.col--8 .activity-tracker__circle__total--outside,.col--9 .activity-tracker__circle__total--outside,.col--10 .activity-tracker__circle__total--outside,.col--11 .activity-tracker__circle__total--outside,.col--12 .activity-tracker__circle__total--outside {
display : none
}
}
@media (max-width:1024px) {
.activity-tracker__key h6 {
font-size : .75rem
}
.activity-tracker__key .material-icons {
font-size : 1rem
}
.activity-tracker__key--mobile {
display : none
}
.activity-tracker__circle__total .material-icons {
font-size : 2.5em
}
.activity-tracker__circle__total--inside {
font-size : 2.5rem
}
}
.col--1 .activity-tracker__key h6,.col--2 .activity-tracker__key h6,.col--3 .activity-tracker__key h6,.col--4 .activity-tracker__key h6,.col--5 .activity-tracker__key h6,.col--6 .activity-tracker__key h6,.col--7 .activity-tracker__key h6,.col--8 .activity-tracker__key h6,.col--9 .activity-tracker__key h6 {
font-size : .75rem
}
.col--1 .activity-tracker__key .material-icons,.col--2 .activity-tracker__key .material-icons,.col--3 .activity-tracker__key .material-icons,.col--4 .activity-tracker__key .material-icons,.col--5 .activity-tracker__key .material-icons,.col--6 .activity-tracker__key .material-icons,.col--7 .activity-tracker__key .material-icons,.col--8 .activity-tracker__key .material-icons,.col--9 .activity-tracker__key .material-icons {
font-size : 1rem
}
.col--1 .activity-tracker__key--mobile,.col--2 .activity-tracker__key--mobile,.col--3 .activity-tracker__key--mobile,.col--4 .activity-tracker__key--mobile,.col--5 .activity-tracker__key--mobile,.col--6 .activity-tracker__key--mobile,.col--7 .activity-tracker__key--mobile,.col--8 .activity-tracker__key--mobile,.col--9 .activity-tracker__key--mobile {
display : none
}
.col--1 .activity-tracker__circle__total .material-icons,.col--2 .activity-tracker__circle__total .material-icons,.col--3 .activity-tracker__circle__total .material-icons,.col--4 .activity-tracker__circle__total .material-icons,.col--5 .activity-tracker__circle__total .material-icons,.col--6 .activity-tracker__circle__total .material-icons,.col--7 .activity-tracker__circle__total .material-icons,.col--8 .activity-tracker__circle__total .material-icons,.col--9 .activity-tracker__circle__total .material-icons {
font-size : 2.5em
}
.col--1 .activity-tracker__circle__total--inside,.col--2 .activity-tracker__circle__total--inside,.col--3 .activity-tracker__circle__total--inside,.col--4 .activity-tracker__circle__total--inside,.col--5 .activity-tracker__circle__total--inside,.col--6 .activity-tracker__circle__total--inside,.col--7 .activity-tracker__circle__total--inside,.col--8 .activity-tracker__circle__total--inside,.col--9 .activity-tracker__circle__total--inside {
font-size : 2.5rem
}
@media (max-width:1024px) {
.col--10 .activity-tracker__key h6,.col--11 .activity-tracker__key h6,.col--12 .activity-tracker__key h6 {
font-size : .75rem
}
.col--10 .activity-tracker__key .material-icons,.col--11 .activity-tracker__key .material-icons,.col--12 .activity-tracker__key .material-icons {
font-size : 1rem
}
.col--10 .activity-tracker__key--mobile,.col--11 .activity-tracker__key--mobile,.col--12 .activity-tracker__key--mobile {
display : none
}
.col--10 .activity-tracker__circle__total .material-icons,.col--11 .activity-tracker__circle__total .material-icons,.col--12 .activity-tracker__circle__total .material-icons {
font-size : 2.5em
}
.col--10 .activity-tracker__circle__total--inside,.col--11 .activity-tracker__circle__total--inside,.col--12 .activity-tracker__circle__total--inside {
font-size : 2.5rem
}
}
@media (max-width:736px) {
.activity-tracker__key {
display : none
}
.activity-tracker__key--mobile {
display : flex;
align-items : center;
margin-top : .35em
}
.activity-tracker__key--mobile .material-icons {
font-size : unset;
margin-right : .15rem
}
.activity-tracker__key--mobile .activity-tracker__titles--mobile {
font-size : unset;
margin-bottom : 0
}
.activity-tracker__goal {
font-size : 3.5rem;
margin-bottom : .75rem
}
.activity-tracker__mobile {
display : flex;
width : 100%;
border-top : 1px solid #757575;
justify-content : space-between
}
.activity-tracker__top {
border-bottom : none
}
.activity-tracker__circle {
width : 38%
}
.activity-tracker__circle__total .material-icons {
font-size : 3rem;
margin-bottom : 0
}
.activity-tracker__circle__total--inside {
display : none
}
.activity-tracker__circle__total--outside {
display : flex;
position : absolute;
width : 100%;
height : 100%;
transform : translate(100%);
place-items : center;
font-size : 2rem;
text-align : center;
justify-content : center
}
.activity-tracker__middle {
flex-direction : column
}
.activity-tracker__middle--left,.activity-tracker__middle--right {
width : 100%
}
.activity-tracker__bottom--middle .activity-tracker__data {
margin-bottom : 1.5rem
}
}
.col--3 .activity-tracker__key,.col--4 .activity-tracker__key,.col--5 .activity-tracker__key,.col--6 .activity-tracker__key {
display : none
}
.col--3 .activity-tracker__key--mobile,.col--4 .activity-tracker__key--mobile,.col--5 .activity-tracker__key--mobile,.col--6 .activity-tracker__key--mobile {
display : flex;
align-items : center;
margin-top : .35em
}
.col--3 .activity-tracker__key--mobile .material-icons,.col--4 .activity-tracker__key--mobile .material-icons,.col--5 .activity-tracker__key--mobile .material-icons,.col--6 .activity-tracker__key--mobile .material-icons {
font-size : unset;
margin-right : .15rem
}
.col--3 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--4 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--5 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--6 .activity-tracker__key--mobile .activity-tracker__titles--mobile {
font-size : unset;
margin-bottom : 0
}
.col--3 .activity-tracker__goal,.col--4 .activity-tracker__goal,.col--5 .activity-tracker__goal,.col--6 .activity-tracker__goal {
font-size : 3.5rem;
margin-bottom : .75rem
}
.col--3 .activity-tracker__mobile,.col--4 .activity-tracker__mobile,.col--5 .activity-tracker__mobile,.col--6 .activity-tracker__mobile {
display : flex;
width : 100%;
border-top : 1px solid #757575;
justify-content : space-between
}
.col--3 .activity-tracker__top,.col--4 .activity-tracker__top,.col--5 .activity-tracker__top,.col--6 .activity-tracker__top {
border-bottom : none
}
.col--3 .activity-tracker__circle,.col--4 .activity-tracker__circle,.col--5 .activity-tracker__circle,.col--6 .activity-tracker__circle {
width : 38%
}
.col--3 .activity-tracker__circle__total .material-icons,.col--4 .activity-tracker__circle__total .material-icons,.col--5 .activity-tracker__circle__total .material-icons,.col--6 .activity-tracker__circle__total .material-icons {
font-size : 3rem;
margin-bottom : 0
}
.col--3 .activity-tracker__circle__total--inside,.col--4 .activity-tracker__circle__total--inside,.col--5 .activity-tracker__circle__total--inside,.col--6 .activity-tracker__circle__total--inside {
display : none
}
.col--3 .activity-tracker__circle__total--outside,.col--4 .activity-tracker__circle__total--outside,.col--5 .activity-tracker__circle__total--outside,.col--6 .activity-tracker__circle__total--outside {
display : flex;
position : absolute;
width : 100%;
height : 100%;
transform : translate(100%);
place-items : center;
font-size : 2rem;
text-align : center;
justify-content : center
}
.col--3 .activity-tracker__middle,.col--4 .activity-tracker__middle,.col--5 .activity-tracker__middle,.col--6 .activity-tracker__middle {
flex-direction : column
}
.col--3 .activity-tracker__middle--left,.col--3 .activity-tracker__middle--right,.col--4 .activity-tracker__middle--left,.col--4 .activity-tracker__middle--right,.col--5 .activity-tracker__middle--left,.col--5 .activity-tracker__middle--right,.col--6 .activity-tracker__middle--left,.col--6 .activity-tracker__middle--right {
width : 100%
}
.col--3 .activity-tracker__bottom--middle .activity-tracker__data,.col--4 .activity-tracker__bottom--middle .activity-tracker__data,.col--5 .activity-tracker__bottom--middle .activity-tracker__data,.col--6 .activity-tracker__bottom--middle .activity-tracker__data {
margin-bottom : 1.5rem
}
@media (max-width:736px) {
.col--5 .activity-tracker__key,.col--6 .activity-tracker__key,.col--7 .activity-tracker__key,.col--8 .activity-tracker__key,.col--9 .activity-tracker__key,.col--10 .activity-tracker__key,.col--11 .activity-tracker__key,.col--12 .activity-tracker__key {
display : none
}
.col--5 .activity-tracker__key--mobile,.col--6 .activity-tracker__key--mobile,.col--7 .activity-tracker__key--mobile,.col--8 .activity-tracker__key--mobile,.col--9 .activity-tracker__key--mobile,.col--10 .activity-tracker__key--mobile,.col--11 .activity-tracker__key--mobile,.col--12 .activity-tracker__key--mobile {
display : flex;
align-items : center;
margin-top : .35em
}
.col--5 .activity-tracker__key--mobile .material-icons,.col--6 .activity-tracker__key--mobile .material-icons,.col--7 .activity-tracker__key--mobile .material-icons,.col--8 .activity-tracker__key--mobile .material-icons,.col--9 .activity-tracker__key--mobile .material-icons,.col--10 .activity-tracker__key--mobile .material-icons,.col--11 .activity-tracker__key--mobile .material-icons,.col--12 .activity-tracker__key--mobile .material-icons {
font-size : unset;
margin-right : .15rem
}
.col--5 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--6 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--7 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--8 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--9 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--10 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--11 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--12 .activity-tracker__key--mobile .activity-tracker__titles--mobile {
font-size : unset;
margin-bottom : 0
}
.col--5 .activity-tracker__goal,.col--6 .activity-tracker__goal,.col--7 .activity-tracker__goal,.col--8 .activity-tracker__goal,.col--9 .activity-tracker__goal,.col--10 .activity-tracker__goal,.col--11 .activity-tracker__goal,.col--12 .activity-tracker__goal {
font-size : 3.5rem;
margin-bottom : .75rem
}
.col--5 .activity-tracker__mobile,.col--6 .activity-tracker__mobile,.col--7 .activity-tracker__mobile,.col--8 .activity-tracker__mobile,.col--9 .activity-tracker__mobile,.col--10 .activity-tracker__mobile,.col--11 .activity-tracker__mobile,.col--12 .activity-tracker__mobile {
display : flex;
width : 100%;
border-top : 1px solid #757575;
justify-content : space-between
}
.col--5 .activity-tracker__top,.col--6 .activity-tracker__top,.col--7 .activity-tracker__top,.col--8 .activity-tracker__top,.col--9 .activity-tracker__top,.col--10 .activity-tracker__top,.col--11 .activity-tracker__top,.col--12 .activity-tracker__top {
border-bottom : none
}
.col--5 .activity-tracker__circle,.col--6 .activity-tracker__circle,.col--7 .activity-tracker__circle,.col--8 .activity-tracker__circle,.col--9 .activity-tracker__circle,.col--10 .activity-tracker__circle,.col--11 .activity-tracker__circle,.col--12 .activity-tracker__circle {
width : 38%
}
.col--5 .activity-tracker__circle__total .material-icons,.col--6 .activity-tracker__circle__total .material-icons,.col--7 .activity-tracker__circle__total .material-icons,.col--8 .activity-tracker__circle__total .material-icons,.col--9 .activity-tracker__circle__total .material-icons,.col--10 .activity-tracker__circle__total .material-icons,.col--11 .activity-tracker__circle__total .material-icons,.col--12 .activity-tracker__circle__total .material-icons {
font-size : 3rem;
margin-bottom : 0
}
.col--5 .activity-tracker__circle__total--inside,.col--6 .activity-tracker__circle__total--inside,.col--7 .activity-tracker__circle__total--inside,.col--8 .activity-tracker__circle__total--inside,.col--9 .activity-tracker__circle__total--inside,.col--10 .activity-tracker__circle__total--inside,.col--11 .activity-tracker__circle__total--inside,.col--12 .activity-tracker__circle__total--inside {
display : none
}
.col--5 .activity-tracker__circle__total--outside,.col--6 .activity-tracker__circle__total--outside,.col--7 .activity-tracker__circle__total--outside,.col--8 .activity-tracker__circle__total--outside,.col--9 .activity-tracker__circle__total--outside,.col--10 .activity-tracker__circle__total--outside,.col--11 .activity-tracker__circle__total--outside,.col--12 .activity-tracker__circle__total--outside {
display : flex;
position : absolute;
width : 100%;
height : 100%;
transform : translate(100%);
place-items : center;
font-size : 2rem;
text-align : center;
justify-content : center
}
.col--5 .activity-tracker__middle,.col--6 .activity-tracker__middle,.col--7 .activity-tracker__middle,.col--8 .activity-tracker__middle,.col--9 .activity-tracker__middle,.col--10 .activity-tracker__middle,.col--11 .activity-tracker__middle,.col--12 .activity-tracker__middle {
flex-direction : column
}
.col--5 .activity-tracker__middle--left,.col--5 .activity-tracker__middle--right,.col--6 .activity-tracker__middle--left,.col--6 .activity-tracker__middle--right,.col--7 .activity-tracker__middle--left,.col--7 .activity-tracker__middle--right,.col--8 .activity-tracker__middle--left,.col--8 .activity-tracker__middle--right,.col--9 .activity-tracker__middle--left,.col--9 .activity-tracker__middle--right,.col--10 .activity-tracker__middle--left,.col--10 .activity-tracker__middle--right,.col--11 .activity-tracker__middle--left,.col--11 .activity-tracker__middle--right,.col--12 .activity-tracker__middle--left,.col--12 .activity-tracker__middle--right {
width : 100%
}
.col--5 .activity-tracker__bottom--middle .activity-tracker__data,.col--6 .activity-tracker__bottom--middle .activity-tracker__data,.col--7 .activity-tracker__bottom--middle .activity-tracker__data,.col--8 .activity-tracker__bottom--middle .activity-tracker__data,.col--9 .activity-tracker__bottom--middle .activity-tracker__data,.col--10 .activity-tracker__bottom--middle .activity-tracker__data,.col--11 .activity-tracker__bottom--middle .activity-tracker__data,.col--12 .activity-tracker__bottom--middle .activity-tracker__data {
margin-bottom : 1.5rem
}
}
@media (max-width:400px) {
.activity-tracker__goal {
font-size : 1.5rem
}
.activity-tracker__key--mobile .activity-tracker__titles--mobile,.activity-tracker__key--mobile .material-icons {
font-size : .65rem
}
.activity-tracker__circle__total--outside {
font-size : 1.5rem;
margin-left : .5rem
}
.activity-tracker__bottom--right .activity-tracker__titles {
margin-top : 1.25rem
}
}
.col--1 .activity-tracker__goal,.col--2 .activity-tracker__goal {
font-size : 1.5rem
}
.col--1 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--1 .activity-tracker__key--mobile .material-icons,.col--2 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--2 .activity-tracker__key--mobile .material-icons {
font-size : .65rem
}
.col--1 .activity-tracker__circle__total--outside,.col--2 .activity-tracker__circle__total--outside {
font-size : 1.5rem;
margin-left : .5rem
}
.col--1 .activity-tracker__bottom--right .activity-tracker__titles,.col--2 .activity-tracker__bottom--right .activity-tracker__titles {
margin-top : 1.25rem
}
@media (max-width:400px) {
.col--3 .activity-tracker__goal,.col--4 .activity-tracker__goal,.col--5 .activity-tracker__goal,.col--6 .activity-tracker__goal,.col--7 .activity-tracker__goal,.col--8 .activity-tracker__goal,.col--9 .activity-tracker__goal,.col--10 .activity-tracker__goal,.col--11 .activity-tracker__goal,.col--12 .activity-tracker__goal {
font-size : 1.5rem
}
.col--3 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--3 .activity-tracker__key--mobile .material-icons,.col--4 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--4 .activity-tracker__key--mobile .material-icons,.col--5 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--5 .activity-tracker__key--mobile .material-icons,.col--6 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--6 .activity-tracker__key--mobile .material-icons,.col--7 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--7 .activity-tracker__key--mobile .material-icons,.col--8 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--8 .activity-tracker__key--mobile .material-icons,.col--9 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--9 .activity-tracker__key--mobile .material-icons,.col--10 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--10 .activity-tracker__key--mobile .material-icons,.col--11 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--11 .activity-tracker__key--mobile .material-icons,.col--12 .activity-tracker__key--mobile .activity-tracker__titles--mobile,.col--12 .activity-tracker__key--mobile .material-icons {
font-size : .65rem
}
.col--3 .activity-tracker__circle__total--outside,.col--4 .activity-tracker__circle__total--outside,.col--5 .activity-tracker__circle__total--outside,.col--6 .activity-tracker__circle__total--outside,.col--7 .activity-tracker__circle__total--outside,.col--8 .activity-tracker__circle__total--outside,.col--9 .activity-tracker__circle__total--outside,.col--10 .activity-tracker__circle__total--outside,.col--11 .activity-tracker__circle__total--outside,.col--12 .activity-tracker__circle__total--outside {
font-size : 1.5rem;
margin-left : .5rem
}
.col--3 .activity-tracker__bottom--right .activity-tracker__titles,.col--4 .activity-tracker__bottom--right .activity-tracker__titles,.col--5 .activity-tracker__bottom--right .activity-tracker__titles,.col--6 .activity-tracker__bottom--right .activity-tracker__titles,.col--7 .activity-tracker__bottom--right .activity-tracker__titles,.col--8 .activity-tracker__bottom--right .activity-tracker__titles,.col--9 .activity-tracker__bottom--right .activity-tracker__titles,.col--10 .activity-tracker__bottom--right .activity-tracker__titles,.col--11 .activity-tracker__bottom--right .activity-tracker__titles,.col--12 .activity-tracker__bottom--right .activity-tracker__titles {
margin-top : 1.25rem
}
}
.activity-tracker__chart {
position : relative
}
.activity-tracker .page-controls {
display : flex;
justify-content : flex-end;
border : none;
padding : 0;
z-index : 10;
position : relative;
border-radius : 0;
position : absolute;
width : auto;
top : -1.375em;
right : 0
}
.apexcharts-xaxis-label {
text-transform : uppercase
}
.add-activity .form-field,.strava-add-activity .form-field {
margin-bottom : .5rem
}
.badges {
position : relative
}
.badges__count {
position : absolute;
top : 0;
right : 0;
font-size : .8rem;
font-size : max(.8rem,12px);
font-weight : 700;
white-space : nowrap
}
.badges__count__complete {
color : #333
}
.badges__badge {
width : 110px;
flex-shrink : 0;
flex-grow : 0;
display : flex;
flex-direction : column;
align-items : center;
justify-content : center;
text-align : center;
padding : 0 .665rem;
position : relative
}
.badges__badge:first-of-type {
margin-left : -.3325rem
}
.badges__badge__title {
font-weight : 700;
line-height : 1.3;
font-size : .8rem;
font-size : max(.8rem,12px)
}
.badges__badge__icon {
width : calc(110px - 1.33rem);
height : calc(110px - 1.33rem);
border-radius : 100%;
background : #fff;
display : flex;
align-items : center;
justify-content : center;
margin-bottom : .5rem;
box-shadow : inset 0 0 0 1px rgba(0,0,0,.05)
}
.badges__badge__icon i.material-icons {
font-size : 60px
}
.badges__badge__image {
width : calc(110px - 1.33rem);
height : calc(110px - 1.33rem);
border-radius : 100%;
background : #fff;
box-shadow : inset 0 0 0 1px rgba(0,0,0,.05);
object-fit : cover
}
.badges__badge__image--incomplete-filter {
opacity : .2
}
.badges__badge--achieved .badges__badge__icon,.badges__badge__hidden {
background : #333;
color : #fff
}
.badges__badge__hidden {
position : absolute;
top : 0;
left : 50%;
transform : translateX(-50%);
padding : .25rem .5rem;
border-radius : 3px;
font-size : .7rem;
text-transform : uppercase;
font-weight : 700
}
.block--has-padding .badges .horizontal-scroll__track {
margin-right : calc(var(--pad-r, 0)*-1);
margin-left : calc(var(--pad-l, 0)*-1)
}
.block--has-padding .badges .horizontal-scroll__inner:before {
width : var(--pad-r,0)
}
.block--has-padding .badges .horizontal-scroll__inner:after {
width : var(--pad-l,0)
}
.control-panel {
position : relative;
overflow : hidden;
border-radius : 5px;
border : 1px solid #bbb;
background : #fff
}
.control-panel__tabs {
display : flex;
flex-direction : row
}
.control-panel__tab {
flex : 1;
background : transparent;
border : none;
padding : 1rem;
font-size : .8rem;
text-transform : uppercase;
font-weight : 700;
letter-spacing : .05em;
position : relative
}
.control-panel__tab--active {
background : #eee
}
.control-panel__create-profile,.control-panel__raised {
background : #eee;
padding : 2rem;
text-align : center
}
.control-panel__create-profile__progress-bar,.control-panel__raised__progress-bar {
margin-bottom : 1rem
}
.control-panel__create-profile__progress-bar:last-child,.control-panel__raised__progress-bar:last-child {
margin-bottom : unset
}
.control-panel__create-profile__button,.control-panel__create-profile__sponsor,.control-panel__raised__button,.control-panel__raised__sponsor {
width : 100%
}
.control-panel__create-profile__button,.control-panel__raised__button {
margin-top : 1.25rem
}
.control-panel__profile-select {
position : relative;
border-radius : 5px;
padding : .5rem;
margin-bottom : 1.25rem;
color : #000;
background-color : hsla(0,0%,100%,.75);
border : 1px solid hsla(0,0%,100%,.8);
transition : .3s cubic-bezier(.2,0,.1,1);
transition-property : background-color,border,opacity
}
.control-panel__profile-select:after {
display : block;
content : "unfold_more";
font-family : Material Icons;
position : absolute;
top : 0;
right : 0;
bottom : 0;
pointer-events : none;
font-size : 1.5em;
line-height : 1;
letter-spacing : 0;
display : flex;
justify-content : center;
align-items : center;
padding : .333rem;
transition : inherit;
opacity : .5
}
.control-panel__profile-select .profile-tile {
pointer-events : none
}
.control-panel__profile-select .profile-tile .profile-image {
font-size : 35px;
height : 1em;
width : 1em;
min-height : auto
}
.control-panel__profile-select .profile-tile__content {
padding-left : .5em
}
.control-panel__profile-select .profile-tile__overlay {
display : none
}
.control-panel__profile-select select {
opacity : 0;
position : absolute;
cursor : pointer;
top : 0;
right : 0;
bottom : 0;
left : 0
}
.control-panel__profile-select select:focus {
translate : 0 100%
}
.control-panel__profile-select:focus-within,.control-panel__profile-select:hover {
border-color : hsla(0,0%,100%,.8);
background-color : hsla(0,0%,100%,.8)
}
.control-panel__profile-select:focus-within:after,.control-panel__profile-select:hover:after {
opacity : 1
}
.control-panel__profile-select:focus-within {
border-color : #fff
}
.control-panel__section {
padding : 2rem;
text-align : center;
background : #333;
color : #fff
}
.control-panel__section__title {
color : inherit
}
.control-panel__social .share {
justify-content : center
}
.control-panel__social__facebook-fundraiser {
margin-top : 1rem;
font-size : .875rem;
text-align : center
}
.control-panel__social__facebook-fundraiser__button {
display : inline-flex;
flex-wrap : wrap;
align-items : center
}
.control-panel__buttons {
padding : 2rem;
display : flex;
flex-direction : row;
flex-wrap : wrap
}
.control-panel__button {
flex : 1
}
.control-panel__donation-form {
background : none;
border : none;
padding : 0;
margin-top : 25px
}
.control-panel__donation-form .donation-form__header {
display : none
}
.control-panel__donation-form .donation-form__body {
padding : 0
}
.control-panel__donation-form .donation-form__amount {
margin-left : -8px;
width : calc(100% + 16px)
}
.control-panel__donation-form .donation-form__amount-currency:last-child {
padding-bottom : 0
}
.control-panel__donation-form .donation-form__nav,.control-panel__donation-form .donation-form__stripe-buttons {
width : 100%;
margin-left : 0;
padding-bottom : 0
}
.control-panel .donation-form .form-field--checkbox {
border-color : currentColor
}
.control-panel .donation-form .donation-form__raisely-fee.newTipUi {
color : inherit
}
.control-panel__orglink,.control-panel__teamlink {
text-align : center;
margin-top : 1.5rem
}
.control-panel__orglink .button-row,.control-panel__teamlink .button-row {
margin-top : .5rem
}
.control-panel__orglink>div+div,.control-panel__teamlink>div+div {
margin-top : 2rem
}
.control-panel__orglink:last-child,.control-panel__teamlink:last-child {
padding-bottom : 2rem
}
.control-panel .snapshot__highlight h3,.control-panel .snapshot__highlight p a {
color : inherit
}
.countdown {
width : 100%;
padding : 1em
}
.countdown h1,.countdown h2,.countdown h3 {
margin : 0
}
.countdown.countdown--align-left {
justify-content : flex-start;
text-align : left
}
.countdown.countdown--align-left .countdown__clock {
justify-content : flex-start
}
.countdown.countdown--align-center {
justify-content : center;
text-align : center
}
.countdown.countdown--align-center .countdown__clock {
justify-content : center
}
.countdown.countdown--align-right {
justify-content : flex-end;
text-align : right
}
.countdown.countdown--align-right .countdown__clock {
justify-content : flex-end
}
.countdown__label {
width : 100%;
display : block
}
.countdown__label--top {
margin-top : 0;
margin-bottom : 1.5rem
}
.countdown__label--bottom {
margin-top : 1.5rem;
margin-bottom : 0
}
.countdown__date {
width : 100%;
text-transform : uppercase
}
.countdown__clock-items {
display : flex;
gap : 10px;
width : 100%;
flex-wrap : nowrap
}
@media (max-width:736px) {
.countdown__clock-items {
gap : 5px
}
}
.col--3 .countdown__clock-items,.col--4 .countdown__clock-items,.col--5 .countdown__clock-items,.col--6 .countdown__clock-items {
gap : 5px
}
@media (max-width:736px) {
.col--5 .countdown__clock-items,.col--6 .countdown__clock-items,.col--7 .countdown__clock-items,.col--8 .countdown__clock-items,.col--9 .countdown__clock-items,.col--10 .countdown__clock-items,.col--11 .countdown__clock-items,.col--12 .countdown__clock-items {
gap : 5px
}
}
.countdown__circle {
width : 100%;
position : relative
}
.countdown__granular {
text-transform : uppercase;
flex : 1;
justify-content : space-between
}
.countdown__count {
display : block;
font-size : 1em
}
.countdown__count-label {
display : block;
font-size : .25em
}
.signup-form--v4.create-profile-form--v2 .field-wrapper--exerciseGoal {
display : block
}
.create-team-button {
display : flex;
align-items : center;
flex-wrap : wrap;
width : 100%
}
.create-team-button--left {
justify-content : flex-start
}
.create-team-button--center {
justify-content : center
}
.create-team-button--right {
justify-content : flex-end
}
.dashboard-donation-stream {
border-radius : 5px;
border : 1px solid #bbb
}
.dashboard-donation-stream__header {
display : flex;
align-items : center;
background-color : #eee;
padding : 14px;
border-radius : 4px 4px 0 0
}
.dashboard-donation-stream__search {
border : 0;
background : 0;
outline : 0;
font-weight : 500;
width : 100%
}
.dashboard-donation-stream__search::placeholder {
color : #888;
font-size : .9rem;
font-style : italic
}
.dashboard-donation-stream__empty {
background-color : #fff;
padding : 28px 14px;
color : #888;
font-weight : 600;
text-align : center
}
.dashboard-donation-stream__sort {
margin-left : auto
}
.dashboard-donation-stream__sort select {
border : 0;
background : 0;
appearance : none;
-webkit-appearance : none;
padding-right : 1.25rem;
cursor : pointer
}
.dashboard-donation-stream__sort select,.dashboard-donation-stream__sort select option {
font-size : .8rem
}
.dashboard-donation-stream__sort .icon {
pointer-events : none;
margin-left : -1.25rem
}
.dashboard-donation-stream .page-controls {
position : relative;
padding-bottom : 12px;
z-index : 2
}
[class*=block--border]
.dashboard-donation-stream {
border-width : 0
}
.dashboard-donation-stream__item {
display : flex;
flex-wrap : wrap;
align-items : center;
position : relative;
padding : 14px;
color : #000;
background-color : #fff
}
.dashboard-donation-stream__item:last-child {
border-radius : 0 0 5px 5px
}
.dashboard-donation-stream__item__content {
width : calc(100% - 50px);
padding-right : .25em;
line-height : 1.5
}
.dashboard-donation-stream__item__amount,.dashboard-donation-stream__item__name {
font-style : normal;
font-weight : 600
}
.dashboard-donation-stream__item__amount,.dashboard-donation-stream__item__name,.dashboard-donation-stream__item__verb {
font-size : 1.1rem
}
.dashboard-donation-stream__item__first-name,.dashboard-donation-stream__item__full-name,.dashboard-donation-stream__item__last-name {
font-style : normal
}
.dashboard-donation-stream__item__timestamp {
font-size : .9rem;
font-style : italic;
font-weight : 600;
color : #888
}
.dashboard-donation-stream__item__message {
font-style : normal
}
.dashboard-donation-stream__item--in-modal {
padding : 3rem 2rem 2rem
}
.dashboard-donation-stream__item--in-modal:last-child {
border-radius : 1rem
}
.dashboard-donation-stream__item--in-modal .dashboard-donation-stream__item__content {
text-align : center;
width : 100%;
margin-bottom : 1rem
}
.dashboard-donation-stream__item__thanks {
display : flex;
align-items : center;
justify-content : flex-start;
margin-top : 8px;
width : 100%
}
@media (max-width:736px) {
.dashboard-donation-stream__item__thanks {
flex-wrap : wrap;
flex-direction : column;
align-items : flex-start
}
}
.col--3 .dashboard-donation-stream__item__thanks,.col--4 .dashboard-donation-stream__item__thanks,.col--5 .dashboard-donation-stream__item__thanks,.col--6 .dashboard-donation-stream__item__thanks {
flex-wrap : wrap;
flex-direction : column;
align-items : flex-start
}
@media (max-width:736px) {
.col--5 .dashboard-donation-stream__item__thanks,.col--6 .dashboard-donation-stream__item__thanks,.col--7 .dashboard-donation-stream__item__thanks,.col--8 .dashboard-donation-stream__item__thanks,.col--9 .dashboard-donation-stream__item__thanks,.col--10 .dashboard-donation-stream__item__thanks,.col--11 .dashboard-donation-stream__item__thanks,.col--12 .dashboard-donation-stream__item__thanks {
flex-wrap : wrap;
flex-direction : column;
align-items : flex-start
}
}
.dashboard-donation-stream__item__thanks__message {
font-weight : 600;
border-radius : 20px 20px 20px 3px;
background-color : #eee;
padding : 8px 12px;
line-height : 1.4;
display : inline-flex;
align-items : baseline
}
.dashboard-donation-stream__item__thanks__message .icon {
margin-top : -2px;
margin-right : 4px;
margin-left : -4px;
color : rgba(0,0,0,.33)
}
.dashboard-donation-stream__item__thanks__share {
display : flex;
flex-wrap : wrap;
align-items : center;
margin-left : .33em;
flex : 1 0 auto;
transition : opacity .3s cubic-bezier(.2,0,.1,1);
opacity : 0
}
@media (hover:none) {
.dashboard-donation-stream__item__thanks__share {
opacity : 1
}
}
@media (max-width:736px) {
.dashboard-donation-stream__item__thanks__share {
opacity : 1;
width : 100%;
justify-content : space-between;
margin-left : 0;
margin-top : 6px;
margin-bottom : -5px
}
}
.col--3 .dashboard-donation-stream__item__thanks__share,.col--4 .dashboard-donation-stream__item__thanks__share,.col--5 .dashboard-donation-stream__item__thanks__share,.col--6 .dashboard-donation-stream__item__thanks__share {
opacity : 1;
width : 100%;
justify-content : space-between;
margin-left : 0;
margin-top : 6px;
margin-bottom : -5px
}
@media (max-width:736px) {
.col--5 .dashboard-donation-stream__item__thanks__share,.col--6 .dashboard-donation-stream__item__thanks__share,.col--7 .dashboard-donation-stream__item__thanks__share,.col--8 .dashboard-donation-stream__item__thanks__share,.col--9 .dashboard-donation-stream__item__thanks__share,.col--10 .dashboard-donation-stream__item__thanks__share,.col--11 .dashboard-donation-stream__item__thanks__share,.col--12 .dashboard-donation-stream__item__thanks__share {
opacity : 1;
width : 100%;
justify-content : space-between;
margin-left : 0;
margin-top : 6px;
margin-bottom : -5px
}
}
.dashboard-donation-stream__item:hover .dashboard-donation-stream__item__thanks__share {
opacity : 1
}
.dashboard-donation-stream__item__thanks__share .share-button {
margin : 0;
border : 0;
height : auto;
padding : .1rem;
justify-content : center;
border-radius : 2px
}
.dashboard-donation-stream__item__thanks__share .share-button:last-of-type {
margin-left : 2px
}
@media (max-width:736px) {
.dashboard-donation-stream__item__thanks__share .share-button {
width : calc(50% - 3px);
padding : .25em;
border-radius : 4px;
border : 1px solid
}
}
.col--3 .dashboard-donation-stream__item__thanks__share .share-button,.col--4 .dashboard-donation-stream__item__thanks__share .share-button,.col--5 .dashboard-donation-stream__item__thanks__share .share-button,.col--6 .dashboard-donation-stream__item__thanks__share .share-button {
width : calc(50% - 3px);
padding : .25em;
border-radius : 4px;
border : 1px solid
}
@media (max-width:736px) {
.col--5 .dashboard-donation-stream__item__thanks__share .share-button,.col--6 .dashboard-donation-stream__item__thanks__share .share-button,.col--7 .dashboard-donation-stream__item__thanks__share .share-button,.col--8 .dashboard-donation-stream__item__thanks__share .share-button,.col--9 .dashboard-donation-stream__item__thanks__share .share-button,.col--10 .dashboard-donation-stream__item__thanks__share .share-button,.col--11 .dashboard-donation-stream__item__thanks__share .share-button,.col--12 .dashboard-donation-stream__item__thanks__share .share-button {
width : calc(50% - 3px);
padding : .25em;
border-radius : 4px;
border : 1px solid
}
}
.dashboard-donation-stream__item .donation-thank-you-form {
flex : none;
width : 100%
}
.dashboard-donation-stream__item .donation-thank-you-form-activator {
margin-left : auto;
width : 50px
}
.dashboard-donation-stream__item:after {
content : "";
position : absolute;
bottom : 0;
left : 8.5%;
left : 14px;
display : block;
flex : none;
width : 85%;
width : calc(100% - 28px);
border-bottom : 1px solid #ccc
}
.dashboard-donation-stream__item:last-of-type:after {
display : none
}
.dashboard-donation-stream__modal-heart {
display : flex;
width : 4rem;
height : 4rem;
padding : 1rem;
position : absolute;
left : 50%;
top : 0;
transform : translate(-50%,-50%);
z-index : 1;
background : #ff1f5a;
border-radius : 50%
}
.dashboard-donation-stream__modal-heart svg {
width : 2rem
}
.dashboard-donation-stream__modal-heart svg path.thanked__back {
fill : #fff
}
.dashboard-donation-stream__modal-heart svg path.thanked__highlight {
stroke : #ff1f5a
}
.donation-button {
display : flex;
align-items : center;
flex-wrap : wrap;
gap : 10px;
width : 100%
}
.donation-button--left {
justify-content : flex-start
}
.donation-button--center {
justify-content : center
}
.donation-button--right {
justify-content : flex-end
}
.donation-button button {
flex-basis : 150px;
min-width : fit-content;
margin : 0
}
.donation-form__giving-label {
display : flex;
gap : 8px;
align-items : center;
justify-content : center;
border-radius : 8px!important;
padding : 10px;
font-size : .875rem;
font-weight : 600
}
.donation-form__giving-label+.donation-form__title,.donation-form__giving-label+form {
margin-top : 20px
}
.donation-form__giving-label__animated-heart {
position : relative;
z-index : 2;
width : 1rem;
height : 1rem
}
.donation-form__giving-label__animated-heart span {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0
}
.donation-form__giving-label__animated-heart span.icon {
width : 1rem;
height : 1rem;
font-size : 1rem
}
.donation-form__giving-label__animated-heart span.animated {
opacity : 0
}
.donation-form__giving-label__animated-heart span.left-up {
transform : rotate(-10deg)
}
.donation-form__giving-label__animated-heart span.right-up {
transform : rotate(10deg)
}
.donation-form__giving-label__animated-heart.animate .center {
opacity : 1;
transition : opacity 1s
}
.donation-form__giving-label__animated-heart.animate .left-up {
transform : rotate(-10deg) translate(-10px,-10px);
transition : transform 1s .3s;
animation : fade-in-out 1s .3s forwards
}
.donation-form__giving-label__animated-heart.animate .right-up {
transform : rotate(10deg) translate(10px,-10px);
transition : transform 1s .5s;
animation : fade-in-out 1s .5s forwards
}
.donation-form__giving-label__animated-heart.animate .center-up {
transform : translateY(-20px);
transition : transform 1.5s;
animation : fade-in-out 1.5s forwards
}
@keyframes fade-in-out {
0%
,
to {
opacity : 0
}
50%
{opacity:1}
}
.donation-form__preferred-date-notice.donation-form__preferred-date-notice--paypal .donation-form__preferred-date-notice__message,.donation-form__preferred-date-notice.donation-form__preferred-date-notice--paypal .donation-form__preferred-date-notice__warning {
font-size : 13px
}
.donation-form__preferred-date-notice.donation-form__preferred-date-notice--paypal .donation-form__preferred-date-notice__message {
opacity : .7
}
.donation-form__semi-month-preview {
margin : 4px 0;
padding : 10px 12px;
border : 1px solid rgba(0,0,0,.12);
border-radius : 14px;
background : rgba(0,0,0,.04);
font-size : .875rem;
line-height : 1.4;
text-align : center
}
.donation-form__body--upsell {
padding-bottom : var(--padding,25px)!important
}
.donation-form__body--upsell .upsell__text h4,.donation-form__body--upsell .upsell__text p {
color : #000
}
.donation-form__body--upsell .upsell__text h4+p {
margin-top : 12px
}
.donation-form__body--upsell .upsell__buttons {
margin-top : 24px
}
.donation-form__body--upsell .upsell__buttons .accept {
display : flex;
gap : 5px;
align-items : center;
justify-content : center
}
.donation-form__body--upsell .upsell__buttons .accept .icon {
width : 1rem;
height : 1rem;
font-size : 1rem
}
.donation-form__body--upsell .upsell__buttons .accept2,.donation-form__body--upsell .upsell__buttons .reject {
margin-top : 12px
}
.donation-form__body--upsell .upsell__buttons .accept,.donation-form__body--upsell .upsell__buttons .accept2,.donation-form__body--upsell .upsell__buttons .reject {
border-radius : 100px;
font-size : 1rem
}
.donation-form__body--upsell .donation-form__giving-label {
margin-bottom : 0
}
.campaign-logo {
display : inline-block;
position : absolute;
left : 50%;
transform : translate(var(--logoX,-50%),var(--logoY,-50%));
z-index : 1;
box-shadow : 0 0 0 1px rgba(0,0,0,.05);
width : 80px;
height : 80px;
border-radius : 100%;
background : #fff;
padding : 7px;
object-fit : contain
}
.campaign-logo.animate {
transform : translate(-50%,-50%);
transition : transform var(--tDuration)
}
.campaign-preview {
display : inline-block;
position : relative;
width : 100%
}
@media (min-width:737px) {
.campaign-preview {
z-index : -1;
width : 400px;
transform : translateX(var(--cOffset));
margin-left : calc(var(--cOffset)*-1)
}
.campaign-preview.animate-forward {
position : absolute;
transform : translateX(300px) scale(.5);
opacity : 0;
transition : transform var(--tDuration) ease-in,opacity var(--tDuration) ease-in
}
.campaign-preview.animate-forward .campaign-logo {
opacity : 0
}
.campaign-preview.animate-back {
transform : translateX(var(--cOffset)) scale(1);
opacity : 1;
transition : transform var(--tDuration) ease-out,opacity var(--tDuration) ease-out
}
.campaign-preview.animate-back .campaign-logo {
opacity : 1
}
.campaign-preview:not(.animate-forward)+.donation-form--v3 {
display : inline-block;
overflow : hidden
}
.campaign-preview:not(.animate-forward)+.donation-form--v3 .donation-form__step-wrapper {
height : calc(100% - var(--padding) - 15px)
}
.campaign-preview:not(.animate-forward)+.donation-form--v3 .donation-form__step-wrapper>div {
display : flex;
flex-direction : column;
height : 100%
}
.campaign-preview:not(.animate-forward)+.donation-form--v3 .donation-form__body {
overflow-y : auto
}
.campaign-preview:not(.animate-forward)+.donation-form--v3 .donation-form__method,.campaign-preview:not(.animate-forward)+.donation-form--v3 .upsell__buttons {
margin-top : auto
}
.campaign-preview+.donation-form--v3 {
box-shadow : 0 0 50px rgba(0,0,0,.1);
width : 400px
}
}
@media (min-width:900px) {
.campaign-preview,.campaign-preview+.donation-form--v3 {
width : 470px
}
}
.campaign-preview .wrapper {
display : flex;
flex-direction : column;
overflow : hidden
}
@media (min-width:737px) {
.campaign-preview .wrapper {
height : var(--wrapperHeight,660px);
border-radius : 20px
}
}
.campaign-preview .title-with-image {
display : flex;
flex-grow : 1;
align-items : flex-end;
height : 150px;
background-image : linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),var(--image-url);
background-position : 50%;
background-size : cover;
padding : 20px
}
.campaign-preview .title-with-image h4 {
margin : 0;
color : #fff;
font-size : 1.6rem;
line-height : 1.2
}
@media (min-width:737px) {
.campaign-preview .title-with-image {
height : 400px;
padding-right : calc(24px + var(--cOffset))
}
}
@media (min-width:900px) {
.campaign-preview .title-with-image {
padding : 30px 24px;
padding-right : calc(24px + var(--cOffset))
}
.campaign-preview .title-with-image h4 {
font-size : 2.125rem
}
}
.campaign-preview .details,.campaign-preview .details-expanded-control {
color : rgba(34,34,34,.7)
}
.campaign-preview .details {
padding : 16px 20px
}
@media (min-width:737px) {
.campaign-preview .details {
padding-right : calc(24px + var(--cOffset))
}
}
@media (min-width:900px) {
.campaign-preview .details {
padding : 24px;
padding-right : calc(24px + var(--cOffset))
}
}
.campaign-preview .details-wrapper {
opacity : 0;
max-height : 0;
overflow : hidden;
transition : max-height .2s ease-in,opacity .2s ease-in;
color : rgba(34,34,34,.7)
}
.campaign-preview .details-wrapper .description {
display : -webkit-box;
-webkit-line-clamp : 5;
-webkit-box-orient : vertical;
overflow : hidden;
font-size : .938rem
}
.campaign-preview .details-wrapper .description+.data {
margin-top : 20px
}
.campaign-preview .details-wrapper.expanded {
opacity : 1;
max-height : 350px;
transition : opacity var(--tDuration) ease-out,max-height var(--tDuration) ease-out
}
.campaign-preview .details-wrapper.expanded+.details-expanded-control {
padding-top : 0;
margin-top : 20px
}
@media (min-width:737px) {
.campaign-preview .details-wrapper {
opacity : 1;
max-height : none
}
}
.campaign-preview .details-expanded-control {
transition : margin-top .1s ease-in
}
.campaign-preview .details-expanded-control button {
border : 0;
background : none;
padding : 0;
color : inherit;
font-size : .875rem;
text-decoration : underline
}
@media (min-width:737px) {
.campaign-preview .details-expanded-control {
display : none
}
}
.campaign-preview .campaign-goal-progress {
display : flex;
justify-content : space-between
}
.campaign-preview .campaign-goal-progress .heading {
font-size : .813rem
}
.campaign-preview .campaign-goal-progress .stat {
color : #222;
font-size : 1.5rem
}
.campaign-preview .campaign-goal-progress .stat+span {
margin-left : 4px;
font-size : .813rem
}
.campaign-preview div+.progress-bar {
margin-top : 12px
}
.campaign-preview div+.donors {
margin-top : 20px
}
.campaign-preview .donors {
display : flex;
align-items : center
}
.campaign-preview .donors b {
color : #222
}
.campaign-preview .donors span+span {
margin-left : 6px;
font-size : .813rem
}
.donation-form__raisely-fee.v3 {
position : relative;
margin-top : 1em;
margin-bottom : 16px;
width : 100%;
border : 1.5px solid #ebebeb;
border-radius : 5px;
background : hsla(0,0%,96.1%,.5);
padding : 14px;
color : #222;
transition : all .75s ease-in-out
}
.donation-form__raisely-fee.v3 .form-field {
border : none;
background : transparent;
padding : 0;
color : inherit;
font-size : 14px
}
.donation-form__raisely-fee.v3 .form-field__label-text {
padding-left : 6px;
font-size : 14px
}
.donation-form__raisely-fee.v3 .form-field--boolean label {
z-index : 0;
width : calc(100% - 35px)
}
.donation-form__raisely-fee.v3 .form-field--boolean label:before {
content : none
}
.donation-form__raisely-fee.v3 .form-field--boolean__switch__knob {
z-index : 0
}
.donation-form__raisely-fee.v3 .form-field--boolean__inline--tiny {
margin-left : 0
}
.donation-form__raisely-fee.v3 .icon i.material-icons {
font-size : 16px;
opacity : .5
}
.donation-form__raisely-fee.v3 .donation-form__raisely-fee__tooltip {
display : inline;
position : relative;
cursor : pointer
}
.donation-form__raisely-fee.v3 .donation-form__tooltip {
left : 140%
}
.donation-form__raisely-fee.v3 .donation-form__tooltip:after {
content : "";
pointer-events : none;
position : absolute;
bottom : -5px;
left : calc(40% - 2.5px);
border-top : 5px solid #000;
border-right : 5px solid transparent;
border-left : 5px solid transparent
}
.donation-form__raisely-fee.v3.donation-form__raisely-fee--experimental-translations .donation-form__tooltip {
left : 730%;
bottom : 120%;
width : 300px
}
.donation-form__raisely-fee.v3.donation-form__raisely-fee--experimental-translations .donation-form__tooltip:after {
left : 21px
}
.donation-form__raisely-fee.v3.donation-form__raisely-fee--experimental-translations .donation-form__raisely-fee__text__chip-ask {
min-height : 0
}
.donation-form__raisely-fee.v3 .donation-form__raisely-fee__table,.donation-form__raisely-fee.v3 .donation-form__raisely-fee__text {
opacity : .9;
min-height : 34px;
margin-bottom : 0;
margin-top : 12px;
font-weight : 400;
font-size : 12px;
line-height : 130%;
text-align : left
}
.donation-form__raisely-fee.v3 .donation-form__raisely-fee__table__chip-ask,.donation-form__raisely-fee.v3 .donation-form__raisely-fee__text__chip-ask {
display : block;
font-weight : 700;
margin-bottom : 5px
}
.donation-form__raisely-fee.v3 .donation-form__raisely-fee__chip-label {
text-align : left;
font-size : .9rem;
font-weight : 700;
margin-bottom : 5px
}
.donation-form__raisely-fee.v3 .donation-form__raisely-fee__chip-options {
display : flex;
justify-content : space-between;
margin-top : 10px
}
.donation-form__raisely-fee.v3 .donation-form__raisely-fee__chip-choice {
border-radius : 50px;
border-style : hidden;
width : 33%;
cursor : pointer
}
.donation-form__raisely-fee.v3 .donation-form__raisely-fee__chip-choice__default {
background : rgba(193,195,202,.45)
}
.donation-form__raisely-fee.v3 .donation-form__raisely-fee__chip-choice--active {
color : #fff;
background : #222
}
.donation-form__raisely-fee.v3 .donation-form__raisely-fee__chip-choice p {
padding : 5px;
font-size : 1rem;
font-weight : 700
}
.donation-form__raisely-fee.v3 .donation-form__raisely-fee__table {
width : 100%
}
.donation-form__raisely-fee.v3 .donation-form__raisely-fee__table__right-column {
text-align : right
}
.donation-form__raisely-fee.v3 .donation-form__raisely-fee__donationHeart {
opacity : 0;
transition : all .75s ease-in-out;
position : absolute;
top : -10px;
right : 5px;
height : 30px;
font-size : 16px;
stroke : #fff;
fill : currentColor
}
.donation-form__raisely-fee.v3 .donation-form__raisely-fee__donationHeart--active {
opacity : 1
}
.donation-form__raisely-fee.newTipUi {
position : relative;
margin-top : 1em;
width : 100%;
transition : all .75s ease-in-out;
text-align : left
}
.donation-form__raisely-fee.newTipUi .form-field {
border : none;
background : transparent;
padding : 0;
font-size : 14px
}
.donation-form__raisely-fee.newTipUi .form-field__label-text {
padding-left : 6px;
font-size : 14px
}
.donation-form__raisely-fee.newTipUi .form-field--boolean label {
z-index : 0;
width : calc(100% - 35px)
}
.donation-form__raisely-fee.newTipUi .form-field--boolean label:before {
content : none
}
.donation-form__raisely-fee.newTipUi .form-field--boolean__switch__knob {
z-index : 0
}
.donation-form__raisely-fee.newTipUi .form-field--boolean__inline--tiny {
margin-left : 0
}
.donation-form__raisely-fee.newTipUi .icon {
color : inherit
}
.donation-form__raisely-fee.newTipUi .icon i {
font-size : 20px;
opacity : .8
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__tooltip {
display : inline;
position : relative;
cursor : pointer
}
.donation-form__raisely-fee.newTipUi .donation-form__tooltip {
left : 140%
}
.donation-form__raisely-fee.newTipUi .donation-form__tooltip:after {
content : "";
pointer-events : none;
position : absolute;
bottom : -5px;
left : calc(40% - 2.5px);
border-top : 5px solid #000;
border-right : 5px solid transparent;
border-left : 5px solid transparent
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__table,.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__text {
opacity : .9;
min-height : 34px;
margin-bottom : 0;
font-weight : 400;
font-size : 14px;
line-height : 18px;
text-align : left
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__table__costs,.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__text__costs {
display : block;
font-weight : 700;
margin-bottom : 15px;
font-size : 16px
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__table__chip-ask,.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__text__chip-ask {
margin-bottom : 10px;
display : block
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__chip-label {
text-align : left;
font-size : .9rem;
font-weight : 700;
margin-bottom : 5px
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__chip-options {
display : flex;
justify-content : space-between;
margin-top : 10px
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__chip-choice {
border-radius : 50px;
border-style : hidden;
width : 33%;
cursor : pointer
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__chip-choice__default {
background : rgba(193,195,202,.45);
text-align : center
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__chip-choice--active {
color : #fff;
background : #222
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__chip-choice p {
padding : 5px;
font-size : 1rem;
font-weight : 700
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__summary {
font-style : normal;
font-weight : 500;
font-size : 16px
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__summary__amount {
font-size : 36px;
margin-bottom : 10px;
line-height : 36px
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__summary__processing {
font-size : 15px;
line-height : 20px;
opacity : 1;
color : var(--donation-form-fee-muted-color)
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__summary__processing i {
transform : translateY(-2px)
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__summary__processing--pending {
font-style : italic
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__summary__edit {
color : inherit;
background : none;
border : none;
font-weight : 700;
cursor : pointer;
font-size : 16px;
padding : 0;
margin : 0 5px
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__summary__chip-container {
border : 1px solid #ebebeb;
border-radius : 8px;
padding : 20px;
position : relative;
display : flex;
flex-direction : column;
z-index : 1;
margin-top : 1em
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__opt-out-checkbox {
margin-top : 1em;
border : 1px solid #ebebeb;
padding : 20px;
font-size : 13px
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__opt-out-label {
display : flex;
align-items : center;
cursor : pointer;
margin-top : .5em;
transform : translateX(-4px)
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__opt-out-text {
font-size : 14px;
margin-left : 5px
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__table {
width : 100%
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__table__right-column {
text-align : right
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__slider-variant {
margin-top : 15px
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__slider-variant .donation-form__raisely-fee__slider-label {
font-size : 36px;
font-weight : 500;
padding : 12px 0;
text-align : center
}
.donation-form__raisely-fee.newTipUi .donation-form__raisely-fee__slider-variant .donation-form__raisely-fee__slider-wrapper {
padding : 0 15px
}
.donation-form__preferred-date-notice {
margin : 0 0 10px;
text-align : left;
font-size : .875rem;
line-height : 1.4
}
.donation-form__preferred-date-notice__message {
margin : 0
}
.donation-form__preferred-date-notice__warning {
margin : 8px 0 0;
color : #c2620f
}
.donation-form__preferred-date {
margin : 10px 0;
padding : 14px 16px;
border : 1px solid rgba(0,0,0,.12);
border-radius : 14px;
background : #fff;
font-size : .875rem;
line-height : 1.4;
text-align : left
}
.donation-form__preferred-date__header {
display : flex;
align-items : flex-start;
justify-content : space-between;
gap : 8px
}
.donation-form__preferred-date__title {
margin : 0;
font-size : .9375rem;
font-weight : 700
}
.donation-form__preferred-date__dismiss {
display : flex;
align-items : center;
justify-content : center;
flex : 0 0 auto;
width : 32px;
height : 32px;
margin : -6px -8px 0 0;
padding : 0;
border : 0;
border-radius : 50%;
background : none;
cursor : pointer;
opacity : .6
}
.donation-form__preferred-date__dismiss:focus-visible,.donation-form__preferred-date__dismiss:hover {
opacity : 1
}
.donation-form__preferred-date__options {
display : flex;
flex-direction : column;
gap : 4px;
margin-top : 10px
}
.donation-form__preferred-date__option {
display : flex;
align-items : center;
gap : 10px;
min-height : 44px;
padding : 2px 0;
cursor : pointer
}
.donation-form__preferred-date__option input[type=radio] {
flex : 0 0 auto;
width : 20px;
height : 20px;
margin : 0;
cursor : pointer
}
.donation-form__preferred-date__input {
padding : 10px 12px;
font : inherit;
font-size : 1rem
}
.donation-form__preferred-date__input,.donation-form__preferred-date__yearly {
box-sizing : border-box;
width : 100%;
min-height : 48px;
margin-top : 4px;
border : 1px solid rgba(0,0,0,.24);
border-radius : 10px;
background : #fff;
cursor : pointer
}
.donation-form__preferred-date__yearly {
position : relative;
display : flex;
align-items : center;
padding : 10px 48px 10px 12px;
font-size : 1rem
}
.donation-form__preferred-date__yearly:focus-within {
border-color : rgba(0,0,0,.6)
}
.donation-form__preferred-date__yearly__icon {
position : absolute;
right : 12px;
display : flex;
align-items : center;
opacity : .6
}
.donation-form__preferred-date__yearly__input {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
margin : 0;
padding : 0;
border : 0;
background : none;
font : inherit;
opacity : 0;
cursor : pointer
}
.donation-form__preferred-date__preview {
margin : 10px 0 0;
font-size : .8125rem;
opacity : .7
}
.donation-form__preferred-date__warning {
margin : 6px 0 0;
font-size : .8125rem;
color : #c2620f
}
.donation-form__preferred-date--collapsed {
display : flex;
align-items : center;
flex-wrap : wrap;
gap : 6px;
padding : 10px 12px;
border : 0;
background : none;
text-align : center;
justify-content : center
}
.donation-form__preferred-date__summary {
font-size : .8125rem
}
.donation-form__preferred-date__separator {
font-size : .8125rem;
opacity : .5
}
.donation-form__preferred-date__change {
padding : 0;
border : 0;
background : none;
font : inherit;
font-size : .8125rem;
color : inherit;
text-decoration : underline;
cursor : pointer
}
.swiftaid-banner {
display : flex;
align-items : center;
gap : 15px;
margin-bottom : 15px;
border : 2px solid #edeff2;
padding : 12px
}
.swiftaid-banner__img-wrapper {
width : 80px;
flex-shrink : 0
}
.swiftaid-banner__img-wrapper img {
width : 100%;
height : auto;
object-fit : cover
}
.swiftaid-banner__text {
text-align : left
}
.swiftaid-banner__heading {
font-size : .7rem;
font-weight : 600
}
.swiftaid-banner__description {
margin-top : 5px;
font-size : .6rem
}
@keyframes ticker {
to {
transform : translate(-100%);
transform : translate3d(-100%,0,0)
}
}
.donation-stream,.donation-stream .donation-stream__empty a:not(.override) {
color : inherit
}
.donation-stream--direction-horizontal {
width : 100%;
overflow : hidden;
white-space : nowrap;
position : relative
}
.donation-stream--direction-horizontal .donation-stream__empty,.donation-stream--direction-horizontal .donation-stream__item {
white-space : normal;
display : inline-block;
vertical-align : top;
margin-right : 1rem;
padding : 24px 8px
}
.donation-stream--direction-horizontal .donation-stream__track {
animation : ticker 50s linear infinite;
white-space : nowrap;
display : inline-block;
position : relative
}
.donation-stream--direction-horizontal .donation-stream__track.donation-stream__track--items-3 {
animation-duration : 30s
}
.donation-stream--direction-horizontal .donation-stream__track.donation-stream__track--items-4 {
animation-duration : 40s
}
.donation-stream--direction-horizontal .donation-stream__track.donation-stream__track--items-5 {
animation-duration : 50s
}
.donation-stream--direction-horizontal .donation-stream__track.donation-stream__track--items-6 {
animation-duration : 60s
}
.donation-stream--direction-horizontal .donation-stream__track.donation-stream__track--items-7 {
animation-duration : 70s
}
.donation-stream--direction-horizontal .donation-stream__track.donation-stream__track--items-8 {
animation-duration : 80s
}
.donation-stream--direction-horizontal .donation-stream__track.donation-stream__track--items-9 {
animation-duration : 90s
}
.donation-stream--direction-horizontal .donation-stream__track.donation-stream__track--items-10 {
animation-duration : 100s
}
.donation-stream--direction-horizontal .donation-stream__track.donation-stream__track--items-11 {
animation-duration : 110s
}
.donation-stream--direction-horizontal .donation-stream__track.donation-stream__track--items-12 {
animation-duration : 120s
}
.donation-stream--direction-horizontal .donation-stream__track.donation-stream__track--items-13 {
animation-duration : 130s
}
.donation-stream--direction-horizontal .donation-stream__track.donation-stream__track--items-14 {
animation-duration : 140s
}
.donation-stream--direction-horizontal .donation-stream__track.donation-stream__track--items-15 {
animation-duration : 150s
}
.donation-stream--direction-horizontal .donation-stream__track .donation-stream__item {
white-space : nowrap;
min-width : 40ch
}
.donation-stream--direction-horizontal .donation-stream__track .donation-tile {
flex-wrap : inherit;
align-items : baseline
}
.donation-stream--direction-horizontal .donation-stream__track__loop {
position : absolute;
top : 0;
left : 100%;
animation : none
}
.donation-stream--direction-horizontal .donation-tile__content__message {
display : none
}
.donation-stream--direction-vertical {
font-size : .85em
}
.donation-stream--direction-vertical p {
font-size : inherit
}
.donation-stream--direction-vertical p.donation-tile__content__message {
font-size : .825em;
margin-top : .5rem
}
.donation-stream--direction-grid .paginated-items {
display : flex;
flex-wrap : wrap;
align-items : center;
justify-content : center;
font-size : .85em
}
.donation-stream__empty,.donation-stream__item,.regular-donation-stream .donation-stream__empty {
padding : 12px 8px
}
.donation-stream__empty:not(:last-of-type),.donation-stream__item:not(:last-of-type),.regular-donation-stream .donation-stream__empty:not(:last-of-type) {
border-bottom : rgba(0,0,0,.1)
}
.donation-stream--direction-grid p {
font-size : inherit
}
.donation-stream--direction-grid p.donation-tile__content__message {
font-size : .825em;
font-size : max(.825em,15px);
margin-top : .5rem
}
.donation-stream:after {
content : "";
clear : both;
display : block;
height : 0
}
.donation-thank-you-form {
--form-height : unset;
--input-height : unset;
position : relative;
opacity : 0;
max-height : 0;
transition : opacity .3s cubic-bezier(.2,0,.1,1),max-height .25s cubic-bezier(.2,0,.1,1) .1s;
will-change : opacity,max-height;
pointer-events : none
}
.donation-thank-you-form__form {
transform : scale3d(.9,.9,1);
opacity : 0;
transition : transform .2s cubic-bezier(.2,0,.1,1) .1s,opacity .2s cubic-bezier(.2,0,.1,1);
transform-origin : bottom left
}
.donation-thank-you-form__private {
display : inline-flex;
align-items : center;
cursor : pointer
}
.donation-thank-you-form .streamline-input__form {
padding-top : 8px
}
.donation-thank-you-form--inline .streamline-input__form {
padding-top : .33rem
}
.donation-thank-you-form--inline .streamline-input__input-container__input {
width : 100%;
border : 0;
border-radius : 14px;
background-color : #fff;
padding : 4px 30px 4px 25px;
transition : box-shadow .3s cubic-bezier(.2,0,.1,1);
will-change : box-shadow;
box-shadow : 0 1px 2px rgba(0,0,0,.1)
}
.donation-thank-you-form--inline .streamline-input__input-container__input:focus,.donation-thank-you-form--inline .streamline-input__input-container__input:hover {
box-shadow : 0 2px 5px rgba(0,0,0,.15)
}
.donation-thank-you-form--inline .donation-thank-you-form__private,.donation-thank-you-form--inline .streamline-input__input-container__submit {
height : calc(1.4em + 8px);
line-height : calc(1.4em + 8px)
}
.donation-thank-you-form--inline .donation-thank-you-form__private .icon,.donation-thank-you-form--inline .streamline-input__input-container__submit .icon {
width : 1em;
height : 1em
}
.donation-thank-you-form--inline .donation-thank-you-form__private {
padding-left : 5px;
position : absolute;
top : calc(.33rem - 1px);
left : 0;
color : #000;
opacity : .33;
transition : opacity .3s cubic-bezier(.2,0,.1,1)
}
.donation-thank-you-form--inline .donation-thank-you-form__private__label {
display : none
}
.donation-thank-you-form--inline .donation-thank-you-form__private .icon {
font-size : 18px
}
.donation-thank-you-form--inline .donation-thank-you-form__private input[type=checkbox] {
display : none
}
.donation-thank-you-form--inline .donation-thank-you-form__private--is-private,.donation-thank-you-form--inline .donation-thank-you-form__private:focus,.donation-thank-you-form--inline .donation-thank-you-form__private:hover {
opacity : .66
}
.donation-thank-you-form--inline .streamline-input__input-container__submit {
padding : 0 5px 0 3px;
right : 0;
color : #aaa;
bottom : 0;
opacity : .75;
transition : opacity .3s cubic-bezier(.2,0,.1,1)
}
@media (max-width:400px) {
.donation-thank-you-form--inline .streamline-input__input-container__submit {
opacity : 1;
padding : 0
}
}
.col--1 .donation-thank-you-form--inline .streamline-input__input-container__submit,.col--2 .donation-thank-you-form--inline .streamline-input__input-container__submit {
opacity : 1;
padding : 0
}
@media (max-width:400px) {
.col--3 .donation-thank-you-form--inline .streamline-input__input-container__submit,.col--4 .donation-thank-you-form--inline .streamline-input__input-container__submit,.col--5 .donation-thank-you-form--inline .streamline-input__input-container__submit,.col--6 .donation-thank-you-form--inline .streamline-input__input-container__submit,.col--7 .donation-thank-you-form--inline .streamline-input__input-container__submit,.col--8 .donation-thank-you-form--inline .streamline-input__input-container__submit,.col--9 .donation-thank-you-form--inline .streamline-input__input-container__submit,.col--10 .donation-thank-you-form--inline .streamline-input__input-container__submit,.col--11 .donation-thank-you-form--inline .streamline-input__input-container__submit,.col--12 .donation-thank-you-form--inline .streamline-input__input-container__submit {
opacity : 1;
padding : 0
}
}
.donation-thank-you-form--inline .streamline-input__input-container__submit:not([disabled]):focus,.donation-thank-you-form--inline .streamline-input__input-container__submit:not([disabled]):hover {
opacity : 1
}
.donation-thank-you-form--inline .streamline-input__input-container__submit .icon {
font-size : 22px;
margin-top : 1px;
margin-right : 1px;
display : block
}
@media (max-width:400px) {
.donation-thank-you-form--inline .streamline-input__input-container__submit .icon {
display : none
}
}
.col--1 .donation-thank-you-form--inline .streamline-input__input-container__submit .icon,.col--2 .donation-thank-you-form--inline .streamline-input__input-container__submit .icon {
display : none
}
@media (max-width:400px) {
.col--3 .donation-thank-you-form--inline .streamline-input__input-container__submit .icon,.col--4 .donation-thank-you-form--inline .streamline-input__input-container__submit .icon,.col--5 .donation-thank-you-form--inline .streamline-input__input-container__submit .icon,.col--6 .donation-thank-you-form--inline .streamline-input__input-container__submit .icon,.col--7 .donation-thank-you-form--inline .streamline-input__input-container__submit .icon,.col--8 .donation-thank-you-form--inline .streamline-input__input-container__submit .icon,.col--9 .donation-thank-you-form--inline .streamline-input__input-container__submit .icon,.col--10 .donation-thank-you-form--inline .streamline-input__input-container__submit .icon,.col--11 .donation-thank-you-form--inline .streamline-input__input-container__submit .icon,.col--12 .donation-thank-you-form--inline .streamline-input__input-container__submit .icon {
display : none
}
}
.donation-thank-you-form--inline .streamline-input__input-container__submit__label {
display : none
}
@media (max-width:400px) {
.donation-thank-you-form--inline .streamline-input__input-container__submit__label {
display : block;
border-width : 1px;
border-style : solid
}
}
.col--1 .donation-thank-you-form--inline .streamline-input__input-container__submit__label,.col--2 .donation-thank-you-form--inline .streamline-input__input-container__submit__label {
display : block;
border-width : 1px;
border-style : solid
}
@media (max-width:400px) {
.col--3 .donation-thank-you-form--inline .streamline-input__input-container__submit__label,.col--4 .donation-thank-you-form--inline .streamline-input__input-container__submit__label,.col--5 .donation-thank-you-form--inline .streamline-input__input-container__submit__label,.col--6 .donation-thank-you-form--inline .streamline-input__input-container__submit__label,.col--7 .donation-thank-you-form--inline .streamline-input__input-container__submit__label,.col--8 .donation-thank-you-form--inline .streamline-input__input-container__submit__label,.col--9 .donation-thank-you-form--inline .streamline-input__input-container__submit__label,.col--10 .donation-thank-you-form--inline .streamline-input__input-container__submit__label,.col--11 .donation-thank-you-form--inline .streamline-input__input-container__submit__label,.col--12 .donation-thank-you-form--inline .streamline-input__input-container__submit__label {
display : block;
border-width : 1px;
border-style : solid
}
}
.donation-thank-you-form--small .donation-thank-you-form__private {
margin-top : 6px
}
.donation-thank-you-form--small .donation-thank-you-form__private__private__label {
display : none
}
.donation-thank-you-form--small .donation-thank-you-form__private input {
padding : 0;
margin : 0
}
.donation-thank-you-form--small .donation-thank-you-form__private .icon {
display : none
}
.donation-thank-you-form--small .donation-thank-you-form__private span {
display : inline-block;
font-weight : 700;
padding-left : 6px;
vertical-align : top;
font-size : .9rem
}
.donation-thank-you-form-activator {
cursor : pointer;
border : 0
}
.donation-thank-you-form-activator,.donation-thank-you-form-activator:focus {
outline : none
}
.donation-thank-you-form-activator__label {
text-transform : uppercase;
margin-bottom : .25em;
display : none;
font-size : 9px;
letter-spacing : .05em;
font-weight : 600
}
.donation-thank-you-form-activator__heart {
position : relative;
display : flex;
align-items : center;
justify-content : center
}
.donation-thank-you-form-activator__heart .heart-svg {
width : 28px;
vertical-align : bottom;
position : relative
}
.donation-thank-you-form-activator__heart .thanked,.donation-thank-you-form-activator__heart .thanking {
opacity : 0;
transition : opacity .3s cubic-bezier(.2,0,.1,1)
}
.donation-thank-you-form-activator__heart .default__back {
fill : #fff
}
.donation-thank-you-form-activator__heart__confetti {
position : absolute;
top : 50%;
left : 50%;
width : 110%;
padding-bottom : 120%;
transform : translate3d(-50%,-50%,0);
opacity : 0;
animation : animateConfetti .5s cubic-bezier(.2,0,.1,1) .33s forwards
}
@keyframes animateConfetti {
0%
{opacity:0}
25%
{opacity:1}
75%
{opacity:1}
to {
opacity : 0
}
}
.donation-thank-you-form-activator__heart__confetti .confetti,.donation-thank-you-form-activator__heart__confetti svg {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0
}
.donation-thank-you-form-activator__heart__confetti svg {
--color : #00f;
--offset-x : 40;
--offset-y : 40;
--rotate : 0;
--delay : 0;
stroke-linecap : round;
stroke-linejoin : round;
stroke-miterlimit : 10;
stroke-width : 10;
fill : none;
stroke : var(--color);
opacity : 1;
animation : animateStream .5s cubic-bezier(.5,.025,0,1.25) .33s forwards;
transform : translateZ(0) scale3d(.25,.25,1) rotate(calc(var(--rotate)*1deg))
}
@keyframes animateStream {
0%
{transform:translateZ(0) scale3d(.25,.25,1) rotate(calc(var(--rotate)*1deg))}
to {
transform : translate3d(calc(var(--offset-x)*1%),calc(var(--offset-y)*1%),0) scale3d(.33,.33,1) rotate(calc(var(--rotate)*1deg))
}
}
.donation-thank-you-form-activator--default:focus .thanking,.donation-thank-you-form-activator--default:hover .thanking,.donation-thank-you-form-activator--thanking .thanking {
opacity : 1
}
.donation-thank-you-form-activator--thanked {
pointer-events : none
}
.donation-thank-you-form-activator--thanked .donation-thank-you-form-activator__label {
transition : color .2s cubic-bezier(.2,0,.1,1) .3s;
color : #ff014f
}
.donation-thank-you-form-activator--thanked .thanked {
opacity : 1
}
.donation-thank-you-form-activator--trigger-thanks~.dashboard-donation-stream__item__thanks {
transform : scale3d(.85,.85,1);
opacity : 0;
animation : appearIn .5s cubic-bezier(.5,.025,0,1.25) .5s forwards;
transform-origin : bottom left
}
.donation-thank-you-form-activator--trigger-thanks .donation-thank-you-form-activator__label {
animation : labelShake .75s .25s forwards
}
@keyframes labelShake {
25%
{transform:rotate(7.5deg)}
50%
{transform:rotate(-7.5deg)}
66%
{transform:rotate(5deg)}
75%
{transform:rotate(-3deg)}
80%
{transform:rotate(2deg)}
to {
transform : rotate(0deg)
}
}
.donation-thank-you-form-activator--trigger-thanks .donation-thank-you-form-activator__heart {
animation : heartPulse .75s cubic-bezier(.5,.025,0,1.25) forwards
}
@keyframes heartPulse {
40%
{transform:scale3d(.8,.8,1) rotate(3deg)}
66%
{transform:scale3d(1.2,1.2,1)}
80%
{transform:scale3d(.9,.9,1)}
90%
{transform:scale3d(1.05,1.05,1)}
to {
transform : scaleX(1)
}
}
.donation-thank-you-form-activator--inline {
z-index : 199;
position : absolute;
right : 0;
top : 50%;
padding : 6px;
border-radius : 100%;
background-color : #fff;
box-shadow : 0 0 6px rgba(0,0,0,.1);
transform : translateX(50%) translateY(-50%);
transition : opacity .3s;
color : #888
}
.donation-thank-you-form-activator--inline .donation-thank-you-form-activator__heart {
width : 24px;
height : 24px
}
.donation-thank-you-form-activator--inline .donation-thank-you-form-activator__heart .heart-svg {
margin-top : 2px;
width : 24px
}
.donation-thank-you-form-activator--inline.donation-thank-you-form-activator--default {
opacity : 0
}
@media (hover:none) {
.donation-thank-you-form-activator--inline.donation-thank-you-form-activator--default {
opacity : 1
}
}
.donation-thank-you-form-activator--inline:focus-within,.donation-thank-you-form-activator--inline:hover,.donation-tile:hover .donation-thank-you-form-activator--inline {
opacity : 1
}
@media (hover:none) {
.donation-thank-you-form-activator--inline {
opacity : 1
}
}
.donation-thank-you-form-activator--small {
padding : 8px 0;
background : none;
color : #888
}
.donation-thank-you-form-activator--small .donation-thank-you-form-activator__label {
display : block
}
.donor-counter__value {
margin-bottom : .125em;
margin-top : .125em
}
.donor-counter__label:first-child {
margin-bottom : .125em
}
.event-overview__map {
position : relative;
padding-bottom : 50%;
overflow : hidden
}
.event-overview__map iframe {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%
}
.event-overview__content {
padding : 1rem
}
.event-overview__content__intro {
padding : 0 0 1rem
}
.event-overview__content__date {
background : rgba(0,0,0,.05);
margin-bottom : .5rem;
padding : .5rem;
display : flex;
line-height : 1.2
}
@media (max-width:736px) {
.event-overview__content__date {
font-size : .85em
}
}
.event-overview__content__date span {
margin-right : .5rem
}
.event-overview__content__address {
background : rgba(0,0,0,.05);
margin-bottom : .5rem;
padding : .5rem;
line-height : 1.2;
display : flex
}
@media (max-width:736px) {
.event-overview__content__address {
font-size : .85em
}
}
.event-overview__content__address span {
margin-right : .5rem
}
.event-overview__download {
text-align : center;
display : flex;
flex-wrap : wrap;
justify-content : space-around;
background : rgba(0,0,0,.05);
padding : 1rem
}
.event-overview__download h6 {
flex-basis : 100%
}
.event-overview__download__link {
font-size : .8rem;
display : flex;
color : #000;
text-decoration : none;
justify-content : center
}
@media (max-width:736px) {
.event-overview__download__link {
flex-basis : 50%;
margin-bottom : .25rem
}
}
.event-overview__download__ical {
flex-basis : 100%;
font-size : .8rem;
color : #000;
text-decoration : none;
margin-top : .25rem
}
.facebook-connect-button .button--facebook {
padding : .8rem 1.75em;
font-size : 1rem;
display : inline-flex;
align-items : center
}
.facebook-fundraising-connect a {
border-radius : 100px
}
.facebook-fundraising-connect .button--facebook {
padding : .8rem 1.75em;
font-size : 1rem;
display : inline-flex;
align-items : center
}
.facebook-fundraising-connect--align-left .modal__button {
text-align : left
}
.facebook-fundraising-connect--align-center .modal__button {
text-align : center
}
.facebook-fundraising-connect--align-right .modal__button {
text-align : right
}
.facebook-fundraising-connect__modal {
padding : 1rem 0 0
}
.facebook-fundraising-connect__modal p {
margin : .5em 0;
font-size : .875rem;
line-height : 1.125rem
}
.facebook-fundraising-connect__modal ul {
padding : 0;
margin : 0;
counter-reset : facebook
}
.facebook-fundraising-connect__modal ul li {
list-style : none;
margin : 0 0 .5rem;
padding : 0 0 0 3em;
position : relative;
font-size : .875rem;
line-height : 1.125rem
}
.facebook-fundraising-connect__modal ul li:before {
counter-increment : facebook;
content : counter(facebook);
background : #ccc;
border-radius : 100px;
height : 2em;
width : 2em;
display : block;
color : #000;
position : absolute;
top : 0;
left : 0;
text-align : center;
line-height : 2em
}
.facebook-fundraising-connect__buttons {
align-items : center;
display : flex;
justify-content : center;
flex-direction : column;
text-align : center;
width : 100%;
margin : 1em 0 1.2em
}
.facebook-fundraising-connect__buttons__close {
color : #000;
font-size : .938rem;
margin-top : 1rem
}
.facebook-fundraising-connect__expired {
padding : 1rem;
background-color : rgba(0,0,0,.05);
margin-bottom : .8rem
}
.facebook-fundraising-signup .logo {
margin-bottom : 3rem;
max-width : 200px
}
.facebook-fundraising-signup__button {
text-align : center;
margin-top : 2rem
}
.facebook-fundraising-signup--align-left .facebook-fundraising-signup__button {
text-align : left
}
.facebook-fundraising-signup--align-right .facebook-fundraising-signup__button {
text-align : right
}
.facebook-fundraising-signup__details {
margin-top : 2rem
}
.facebook-fundraising-signup__details .form-field {
margin-bottom : .5rem
}
.facebook-fundraising-signup__details .button--primary,.facebook-fundraising-signup__details button {
width : 100%
}
.facebook-fundraising-signup__next-buttons {
margin-top : 2rem
}
.facebook-fundraising-signup__account-confirmation {
background : rgba(0,0,0,.05);
padding : 1rem;
border-radius : 3px;
margin-bottom : 1rem
}
.feed-items-wrapper {
position : relative
}
.feed-items {
--gap : 20px;
--padding-item : 20px;
--aspect-ratio : 6/5;
display : grid;
gap : var(--gap);
grid-template-columns: repeat(var(--pagination-limit),1fr)
}
.feed-items .feed-item {
overflow : hidden;
opacity : 0;
animation : visible .8s forwards
}
.feed-items .feed-item__image-wrapper {
width : 100%;
aspect-ratio : var(--aspect-ratio);
background-size : cover;
background-position : 50%;
display : flex;
padding : var(--padding-item);
align-items : flex-end;
position : relative
}
.feed-items .feed-item__image-wrapper--no-image {
aspect-ratio : unset;
padding-bottom : 0
}
.feed-items .feed-item__image {
position : absolute;
object-fit : cover;
left : 0;
top : 0;
height : 100%;
width : 100%
}
.feed-items .feed-item__date {
background-color : #fff;
padding : 5px 10px
}
.feed-items .feed-item__info,.feed-items .feed-item__text {
display : flex;
flex-direction : column;
gap : 10px
}
.feed-items .feed-item__info {
padding : var(--padding-item);
flex-grow : 1;
justify-content : space-between;
align-items : flex-start
}
.feed-items .feed-item__text__heading {
margin : 0
}
.feed-items .feed-item__text__description {
margin : 0;
white-space : pre-wrap
}
.feed-items .feed-item__info__button {
margin-top : 5px
}
@keyframes visible {
to {
opacity : 1
}
}
@media (min-width:737px) {
.feed-items--count-1 {
--padding-item : 40px;
--aspect-ratio : 2/1
}
}
.col-- .feed-items--count-1 {
--padding-item : 40px;
--aspect-ratio : 2/1
}
@media (min-width:737px) {
.col--2 .feed-items--count-1,.col--3 .feed-items--count-1,.col--4 .feed-items--count-1,.col--5 .feed-items--count-1,.col--6 .feed-items--count-1,.col--7 .feed-items--count-1,.col--8 .feed-items--count-1,.col--9 .feed-items--count-1,.col--10 .feed-items--count-1,.col--11 .feed-items--count-1,.col--12 .feed-items--count-1 {
--padding-item : 40px;
--aspect-ratio : 2/1
}
}
@media (max-width:736px) {
.feed-items {
grid-template-columns: 1fr;
--aspect-ratio : 5/2
}
}
.col--3 .feed-items,.col--4 .feed-items,.col--5 .feed-items,.col--6 .feed-items {
grid-template-columns: 1fr;
--aspect-ratio : 5/2
}
@media (max-width:736px) {
.col--5 .feed-items,.col--6 .feed-items,.col--7 .feed-items,.col--8 .feed-items,.col--9 .feed-items,.col--10 .feed-items,.col--11 .feed-items,.col--12 .feed-items {
grid-template-columns: 1fr;
--aspect-ratio : 5/2
}
}
.fundraiser-theme {
--gutter : 0px;
width : 100%
}
.fundraiser-theme__link {
opacity : 0!important;
position : absolute!important;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1;
margin : 0;
width : 100%;
height : 100%
}
.fundraiser-theme__content {
pointer-events : none
}
.fundraiser-theme__button {
pointer-events : all
}
.fundraiser-theme--not-selected {
opacity : .666
}
.fundraiser-themes__list {
list-style : none;
padding-left : 0;
display : grid;
gap : var(--gutter,15px)
}
.fundraiser-themes__list--2 {
grid-template-columns: 1fr 1fr
}
.fundraiser-themes__list--3 {
grid-template-columns: 1fr 1fr 1fr
}
@media (max-width:1024px) {
.fundraiser-themes__list--3 {
grid-template-columns: 1fr 1fr
}
}
.col--1 .fundraiser-themes__list--3,.col--2 .fundraiser-themes__list--3,.col--3 .fundraiser-themes__list--3,.col--4 .fundraiser-themes__list--3,.col--5 .fundraiser-themes__list--3,.col--6 .fundraiser-themes__list--3,.col--7 .fundraiser-themes__list--3,.col--8 .fundraiser-themes__list--3,.col--9 .fundraiser-themes__list--3 {
grid-template-columns: 1fr 1fr
}
@media (max-width:1024px) {
.col--10 .fundraiser-themes__list--3,.col--11 .fundraiser-themes__list--3,.col--12 .fundraiser-themes__list--3 {
grid-template-columns: 1fr 1fr
}
}
@media (min-width:1025px) {
.fundraiser-themes__list--4 {
grid-template-columns: 1fr 1fr 1fr 1fr
}
}
.col--10 .fundraiser-themes__list--4,.col--11 .fundraiser-themes__list--4 {
grid-template-columns: 1fr 1fr 1fr 1fr
}
@media (min-width:1025px) {
.col--3 .fundraiser-themes__list--4,.col--4 .fundraiser-themes__list--4,.col--5 .fundraiser-themes__list--4,.col--6 .fundraiser-themes__list--4,.col--7 .fundraiser-themes__list--4,.col--8 .fundraiser-themes__list--4,.col--9 .fundraiser-themes__list--4,.col--10 .fundraiser-themes__list--4,.col--11 .fundraiser-themes__list--4,.col--12 .fundraiser-themes__list--4 {
grid-template-columns: 1fr 1fr 1fr 1fr
}
}
@media (max-width:1024px) {
.fundraiser-themes__list--4 {
grid-template-columns: 1fr 1fr
}
}
.col--1 .fundraiser-themes__list--4,.col--2 .fundraiser-themes__list--4,.col--3 .fundraiser-themes__list--4,.col--4 .fundraiser-themes__list--4,.col--5 .fundraiser-themes__list--4,.col--6 .fundraiser-themes__list--4,.col--7 .fundraiser-themes__list--4,.col--8 .fundraiser-themes__list--4,.col--9 .fundraiser-themes__list--4 {
grid-template-columns: 1fr 1fr
}
@media (max-width:1024px) {
.col--10 .fundraiser-themes__list--4,.col--11 .fundraiser-themes__list--4,.col--12 .fundraiser-themes__list--4 {
grid-template-columns: 1fr 1fr
}
}
@media (max-width:736px) {
.fundraiser-themes__list {
margin : 0;
grid-template-columns: 1fr
}
.fundraiser-themes__list .fundraiser-themes__item {
padding : 0;
margin-top : 0;
margin-bottom : 25px
}
.fundraiser-themes__list .fundraiser-themes__item:last-of-type {
margin-bottom : 0
}
}
.col--3 .fundraiser-themes__list,.col--4 .fundraiser-themes__list,.col--5 .fundraiser-themes__list,.col--6 .fundraiser-themes__list {
margin : 0;
grid-template-columns: 1fr
}
.col--3 .fundraiser-themes__list .fundraiser-themes__item,.col--4 .fundraiser-themes__list .fundraiser-themes__item,.col--5 .fundraiser-themes__list .fundraiser-themes__item,.col--6 .fundraiser-themes__list .fundraiser-themes__item {
padding : 0;
margin-top : 0;
margin-bottom : 25px
}
.col--3 .fundraiser-themes__list .fundraiser-themes__item:last-of-type,.col--4 .fundraiser-themes__list .fundraiser-themes__item:last-of-type,.col--5 .fundraiser-themes__list .fundraiser-themes__item:last-of-type,.col--6 .fundraiser-themes__list .fundraiser-themes__item:last-of-type {
margin-bottom : 0
}
@media (max-width:736px) {
.col--5 .fundraiser-themes__list,.col--6 .fundraiser-themes__list,.col--7 .fundraiser-themes__list,.col--8 .fundraiser-themes__list,.col--9 .fundraiser-themes__list,.col--10 .fundraiser-themes__list,.col--11 .fundraiser-themes__list,.col--12 .fundraiser-themes__list {
margin : 0;
grid-template-columns: 1fr
}
.col--5 .fundraiser-themes__list .fundraiser-themes__item,.col--6 .fundraiser-themes__list .fundraiser-themes__item,.col--7 .fundraiser-themes__list .fundraiser-themes__item,.col--8 .fundraiser-themes__list .fundraiser-themes__item,.col--9 .fundraiser-themes__list .fundraiser-themes__item,.col--10 .fundraiser-themes__list .fundraiser-themes__item,.col--11 .fundraiser-themes__list .fundraiser-themes__item,.col--12 .fundraiser-themes__list .fundraiser-themes__item {
padding : 0;
margin-top : 0;
margin-bottom : 25px
}
.col--5 .fundraiser-themes__list .fundraiser-themes__item:last-of-type,.col--6 .fundraiser-themes__list .fundraiser-themes__item:last-of-type,.col--7 .fundraiser-themes__list .fundraiser-themes__item:last-of-type,.col--8 .fundraiser-themes__list .fundraiser-themes__item:last-of-type,.col--9 .fundraiser-themes__list .fundraiser-themes__item:last-of-type,.col--10 .fundraiser-themes__list .fundraiser-themes__item:last-of-type,.col--11 .fundraiser-themes__list .fundraiser-themes__item:last-of-type,.col--12 .fundraiser-themes__list .fundraiser-themes__item:last-of-type {
margin-bottom : 0
}
}
@media (max-width:400px) {
.fundraiser-themes__list .fundraiser-themes__item {
margin-bottom : 20px
}
}
.col--1 .fundraiser-themes__list .fundraiser-themes__item,.col--2 .fundraiser-themes__list .fundraiser-themes__item {
margin-bottom : 20px
}
@media (max-width:400px) {
.col--3 .fundraiser-themes__list .fundraiser-themes__item,.col--4 .fundraiser-themes__list .fundraiser-themes__item,.col--5 .fundraiser-themes__list .fundraiser-themes__item,.col--6 .fundraiser-themes__list .fundraiser-themes__item,.col--7 .fundraiser-themes__list .fundraiser-themes__item,.col--8 .fundraiser-themes__list .fundraiser-themes__item,.col--9 .fundraiser-themes__list .fundraiser-themes__item,.col--10 .fundraiser-themes__list .fundraiser-themes__item,.col--11 .fundraiser-themes__list .fundraiser-themes__item,.col--12 .fundraiser-themes__list .fundraiser-themes__item {
margin-bottom : 20px
}
}
.fundraiser-themes__item-title {
flex-direction : column;
color : #fff
}
.fundraiser-themes__item-idea {
color : inherit;
margin-bottom : .25em
}
.fundraiser-themes__item--no-image .fundraiser-themes__item-link {
transition : .3s cubic-bezier(.2,0,.1,1);
transition-property : color,background-color
}
.row--full-width .fundraiser-themes--carousel .horizontal-scroll__inner {
padding : 0 var(--gutter,.25rem)
}
.fundraiser-themes--carousel .fundraiser-themes__list {
display : flex;
flex-wrap : nowrap
}
.fundraiser-themes--carousel .image-tile {
width : min(75vw,25em)
}
.fundraiser-themes--carousel .fundraiser-themes__item {
height : 100%
}
.fundraising-history__raised:not(:first-child) {
border-top : 1px solid rgba(0,0,0,.1);
padding-top : 1rem;
margin-top : 1rem
}
.gallery__image {
max-width : 100%;
vertical-align : bottom
}
.gallery--grid {
display : grid;
grid-template-columns: 1fr 1fr 1fr;
gap : var(--gutter)
}
@media (max-width:1024px) {
.gallery--grid {
grid-template-columns: 1fr 1fr
}
}
.col--1 .gallery--grid,.col--2 .gallery--grid,.col--3 .gallery--grid,.col--4 .gallery--grid,.col--5 .gallery--grid,.col--6 .gallery--grid,.col--7 .gallery--grid,.col--8 .gallery--grid,.col--9 .gallery--grid {
grid-template-columns: 1fr 1fr
}
@media (max-width:1024px) {
.col--10 .gallery--grid,.col--11 .gallery--grid,.col--12 .gallery--grid {
grid-template-columns: 1fr 1fr
}
}
@media (max-width:736px) {
.gallery--grid {
grid-template-columns: 1fr
}
}
.col--3 .gallery--grid,.col--4 .gallery--grid,.col--5 .gallery--grid,.col--6 .gallery--grid {
grid-template-columns: 1fr
}
@media (max-width:736px) {
.col--5 .gallery--grid,.col--6 .gallery--grid,.col--7 .gallery--grid,.col--8 .gallery--grid,.col--9 .gallery--grid,.col--10 .gallery--grid,.col--11 .gallery--grid,.col--12 .gallery--grid {
grid-template-columns: 1fr
}
}
.gallery--grid .gallery__image {
object-fit : cover;
height : 100%
}
.gallery--columns,.gallery--masonry {
column-count : 3;
column-fill : balance;
column-gap : var(--gutter);
margin-bottom : calc(var(--gutter)*-1)
}
@media (max-width:1024px) {
.gallery--columns,.gallery--masonry {
column-count : 2
}
}
.col--1 .gallery--masonry,.col--2 .gallery--masonry,.col--3 .gallery--masonry,.col--4 .gallery--masonry,.col--5 .gallery--masonry,.col--6 .gallery--masonry,.col--7 .gallery--masonry,.col--8 .gallery--masonry,.col--9 .gallery--masonry,.gallery--columns {
column-count : 2
}
@media (max-width:1024px) {
.col--10 .gallery--masonry,.col--11 .gallery--masonry,.col--12 .gallery--masonry,.gallery--columns {
column-count : 2
}
}
@media (max-width:400px) {
.gallery--columns,.gallery--masonry {
columns : unset
}
.gallery--columns .gallery__image,.gallery--masonry .gallery__image {
display : none
}
.gallery--columns,.gallery--columns .gallery__image:last-of-type,.gallery--columns .gallery__image:nth-child(3):last-child,.gallery--masonry,.gallery--masonry .gallery__image:last-of-type,.gallery--masonry .gallery__image:nth-child(3):last-child {
margin-bottom : 0;
display : block;
margin-top : 0;
width : 100%
}
}
.col--1 .gallery--masonry,.col--2 .gallery--masonry,.gallery--columns {
columns : unset
}
.col--1 .gallery--masonry .gallery__image,.col--2 .gallery--masonry .gallery__image,.gallery--columns .gallery__image {
display : none
}
.col--1 .gallery--masonry,.col--1 .gallery--masonry .gallery__image:last-of-type,.col--1 .gallery--masonry .gallery__image:nth-child(3):last-child,.col--2 .gallery--masonry,.col--2 .gallery--masonry .gallery__image:last-of-type,.col--2 .gallery--masonry .gallery__image:nth-child(3):last-child,.gallery--columns,.gallery--columns .gallery__image:last-of-type,.gallery--columns .gallery__image:nth-child(3):last-child {
margin-bottom : 0;
display : block;
margin-top : 0;
width : 100%
}
@media (max-width:400px) {
.col--3 .gallery--masonry,.col--4 .gallery--masonry,.col--5 .gallery--masonry,.col--6 .gallery--masonry,.col--7 .gallery--masonry,.col--8 .gallery--masonry,.col--9 .gallery--masonry,.col--10 .gallery--masonry,.col--11 .gallery--masonry,.col--12 .gallery--masonry,.gallery--columns {
columns : unset
}
.col--3 .gallery--masonry .gallery__image,.col--4 .gallery--masonry .gallery__image,.col--5 .gallery--masonry .gallery__image,.col--6 .gallery--masonry .gallery__image,.col--7 .gallery--masonry .gallery__image,.col--8 .gallery--masonry .gallery__image,.col--9 .gallery--masonry .gallery__image,.col--10 .gallery--masonry .gallery__image,.col--11 .gallery--masonry .gallery__image,.col--12 .gallery--masonry .gallery__image,.gallery--columns .gallery__image {
display : none
}
.col--3 .gallery--masonry,.col--3 .gallery--masonry .gallery__image:last-of-type,.col--3 .gallery--masonry .gallery__image:nth-child(3):last-child,.col--4 .gallery--masonry,.col--4 .gallery--masonry .gallery__image:last-of-type,.col--4 .gallery--masonry .gallery__image:nth-child(3):last-child,.col--5 .gallery--masonry,.col--5 .gallery--masonry .gallery__image:last-of-type,.col--5 .gallery--masonry .gallery__image:nth-child(3):last-child,.col--6 .gallery--masonry,.col--6 .gallery--masonry .gallery__image:last-of-type,.col--6 .gallery--masonry .gallery__image:nth-child(3):last-child,.col--7 .gallery--masonry,.col--7 .gallery--masonry .gallery__image:last-of-type,.col--7 .gallery--masonry .gallery__image:nth-child(3):last-child,.col--8 .gallery--masonry,.col--8 .gallery--masonry .gallery__image:last-of-type,.col--8 .gallery--masonry .gallery__image:nth-child(3):last-child,.col--9 .gallery--masonry,.col--9 .gallery--masonry .gallery__image:last-of-type,.col--9 .gallery--masonry .gallery__image:nth-child(3):last-child,.col--10 .gallery--masonry,.col--10 .gallery--masonry .gallery__image:last-of-type,.col--10 .gallery--masonry .gallery__image:nth-child(3):last-child,.col--11 .gallery--masonry,.col--11 .gallery--masonry .gallery__image:last-of-type,.col--11 .gallery--masonry .gallery__image:nth-child(3):last-child,.col--12 .gallery--masonry,.col--12 .gallery--masonry .gallery__image:last-of-type,.col--12 .gallery--masonry .gallery__image:nth-child(3):last-child,.gallery--columns,.gallery--columns .gallery__image:last-of-type,.gallery--columns .gallery__image:nth-child(3):last-child {
margin-bottom : 0;
display : block;
margin-top : 0;
width : 100%
}
}
.col--1 .gallery--columns,.col--1 .gallery--masonry,.col--2 .gallery--columns,.col--2 .gallery--masonry,.col--3 .gallery--columns,.col--3 .gallery--masonry,.col--4 .gallery--columns,.col--4 .gallery--masonry,.col--5 .gallery--columns,.col--5 .gallery--masonry {
columns : unset
}
.col--1 .gallery--columns,.col--1 .gallery--columns .gallery__image:last-of-type,.col--1 .gallery--masonry,.col--1 .gallery--masonry .gallery__image:last-of-type,.col--2 .gallery--columns,.col--2 .gallery--columns .gallery__image:last-of-type,.col--2 .gallery--masonry,.col--2 .gallery--masonry .gallery__image:last-of-type,.col--3 .gallery--columns,.col--3 .gallery--columns .gallery__image:last-of-type,.col--3 .gallery--masonry,.col--3 .gallery--masonry .gallery__image:last-of-type,.col--4 .gallery--columns,.col--4 .gallery--columns .gallery__image:last-of-type,.col--4 .gallery--masonry,.col--4 .gallery--masonry .gallery__image:last-of-type,.col--5 .gallery--columns,.col--5 .gallery--columns .gallery__image:last-of-type,.col--5 .gallery--masonry,.col--5 .gallery--masonry .gallery__image:last-of-type {
margin-bottom : 0
}
.gallery--columns .gallery__image,.gallery--masonry .gallery__image {
margin-bottom : var(--gutter)
}
.gallery--carousel .horizontal-scroll__item {
flex : 0 0 auto;
height : 25em
}
@media (max-width:1024px) {
.gallery--carousel .horizontal-scroll__item {
height : 20em
}
}
.col--1 .gallery--carousel .horizontal-scroll__item,.col--2 .gallery--carousel .horizontal-scroll__item,.col--3 .gallery--carousel .horizontal-scroll__item,.col--4 .gallery--carousel .horizontal-scroll__item,.col--5 .gallery--carousel .horizontal-scroll__item,.col--6 .gallery--carousel .horizontal-scroll__item,.col--7 .gallery--carousel .horizontal-scroll__item,.col--8 .gallery--carousel .horizontal-scroll__item,.col--9 .gallery--carousel .horizontal-scroll__item {
height : 20em
}
@media (max-width:1024px) {
.col--10 .gallery--carousel .horizontal-scroll__item,.col--11 .gallery--carousel .horizontal-scroll__item,.col--12 .gallery--carousel .horizontal-scroll__item {
height : 20em
}
}
@media (max-width:736px) {
.gallery--carousel .horizontal-scroll__item {
height : 15em
}
}
.col--3 .gallery--carousel .horizontal-scroll__item,.col--4 .gallery--carousel .horizontal-scroll__item,.col--5 .gallery--carousel .horizontal-scroll__item,.col--6 .gallery--carousel .horizontal-scroll__item {
height : 15em
}
@media (max-width:736px) {
.col--5 .gallery--carousel .horizontal-scroll__item,.col--6 .gallery--carousel .horizontal-scroll__item,.col--7 .gallery--carousel .horizontal-scroll__item,.col--8 .gallery--carousel .horizontal-scroll__item,.col--9 .gallery--carousel .horizontal-scroll__item,.col--10 .gallery--carousel .horizontal-scroll__item,.col--11 .gallery--carousel .horizontal-scroll__item,.col--12 .gallery--carousel .horizontal-scroll__item {
height : 15em
}
}
.gallery--carousel .gallery__image {
height : 100%
}
.row__layout--header,.row__layout-header {
position : relative;
z-index : 100
}
.row__layout--header .col,.row__layout-header .col {
min-height : 0
}
.row__layout--header .raisely-blockwrapper,.row__layout-header .raisely-blockwrapper {
position : relative
}
.header__body-backdrop {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
height : 64px;
background : linear-gradient(180deg,rgba(0,0,0,.5),transparent);
pointer-events : none
}
.header {
padding : 1rem 0;
z-index : 1;
position : relative
}
.header .logo {
width : 150px;
flex-shrink : 0;
margin-left : 0;
max-width : 50vw
}
.header .logo img {
width : 100%
}
.header .logo.logo--custom-width {
width : unset
}
.header__wrap {
position : relative;
display : flex;
justify-content : space-between;
align-items : center
}
.header__menu--desktop {
flex-grow : 1;
text-align : right;
padding-left : .75rem;
display : flex;
justify-content : flex-end
}
@media (max-width:1024px) {
.header__menu--desktop {
display : none
}
}
.header__menu--mobile {
position : relative;
z-index : 100;
display : none
}
@media (max-width:1024px) {
.header__menu--mobile {
display : inherit
}
}
.header__menu--mobile .page-navigation {
background-color : #fff;
position : fixed;
padding : 3rem;
top : 0;
left : 0;
width : 100vw;
height : 100%;
overflow-y : auto
}
.header__menu--mobile .page-navigation__link {
display : block;
width : 100%;
margin-left : 0
}
.header__menu--mobile--closed .page-navigation {
display : none
}
@media (max-width:1024px) {
.header__menu--mobile--open {
display : block
}
}
.header__menu__button {
width : 2.5rem;
height : 2rem;
position : relative;
z-index : 100
}
.header__menu__button.button {
margin-right : 0;
padding : 0
}
.header__menu__button span {
position : absolute;
top : calc(50% - 1px);
right : 25%;
height : 2px;
left : 25%;
background : currentColor;
transition : transform .3s cubic-bezier(.22,.24,.18,1)
}
.header__menu__button span:first-of-type {
transform : translate3d(0,-250%,0)
}
.header__menu__button span:nth-of-type(2) {
transform-origin : left;
transform : translateZ(0)
}
.header__menu__button span:nth-of-type(3) {
transform : translate3d(0,250%,0)
}
.header__menu__button--open.button {
position : fixed;
top : 1.2rem;
right : 1.2rem
}
.header__menu__button--open.button span:first-of-type {
transform : rotate(-45deg)
}
.header__menu__button--open.button span:nth-of-type(2) {
transform-origin : right;
transform : scaleX(0)
}
.header__menu__button--open.button span:nth-of-type(3) {
transform : rotate(45deg)
}
.header__account {
display : flex;
margin-left : .75rem;
align-items : center
}
.header__account .dropdown__menu__caret,.header__account .dropdown__tab {
font-size : .9rem;
padding : .5rem
}
.header__social {
margin-left : .75rem;
display : flex;
align-items : center
}
.header__social--mobile {
margin : 15px auto 0
}
.header__social--mobile .share {
display : flex;
justify-content : center
}
.header__social--desktop {
margin-left : 15px
}
.header__social--desktop .share {
display : flex;
flex-wrap : nowrap
}
.header__profile-image {
background-size : cover;
background-position : 50%;
display : inline-block;
float : left;
cursor : pointer
}
.header__amount {
line-height : 1;
text-align : right;
margin-left : 1rem
}
@media (max-width:1024px) {
.header__amount {
margin-left : auto
}
}
.header__amount-display {
display : block;
color : inherit;
font-weight : 700;
font-size : 1.8rem;
line-height : 1.1
}
.header__amount-label {
text-transform : uppercase;
color : inherit;
font-weight : 700;
letter-spacing : 1px;
font-size : .8rem
}
.header--position-sticky {
position : fixed;
width : 100%
}
.header--theme-transparent {
position : absolute;
top : 0;
left : 0;
background : transparent;
width : 100%;
color : #fff
}
.header--theme-transparent .logo {
color : #fff
}
.header--theme-transparent .dropdown__tab,.header--theme-transparent .page-navigation__link--normal {
opacity : .9
}
.header--theme-transparent .dropdown__tab,.header--theme-transparent .dropdown__tab:hover,.header--theme-transparent .dropdown__tab:visited,.header--theme-transparent .page-navigation__link--normal,.header--theme-transparent .page-navigation__link--normal:hover,.header--theme-transparent .page-navigation__link--normal:visited {
color : #fff
}
@media (max-width:1024px) {
.header--theme-transparent .dropdown__tab,.header--theme-transparent .dropdown__tab:hover,.header--theme-transparent .dropdown__tab:visited,.header--theme-transparent .page-navigation__link--normal,.header--theme-transparent .page-navigation__link--normal:hover,.header--theme-transparent .page-navigation__link--normal:visited {
color : #000
}
}
.header--theme-transparent .dropdown__tab:focus,.header--theme-transparent .dropdown__tab:hover,.header--theme-transparent .page-navigation__link--normal:focus,.header--theme-transparent .page-navigation__link--normal:hover {
opacity : 1
}
.invite-people__content {
text-align : center;
max-width : 640px;
margin : 0 auto
}
.invite-people__list-container {
margin-top : 1rem
}
.invite-people__list-item {
display : flex;
align-items : center;
justify-content : space-between;
margin-bottom : 1rem;
padding : .5rem 1rem
}
.language_select_bar {
position : relative;
z-index : 1;
display : flex;
flex-direction : row-reverse;
background : #fff
}
.language_select_bar__select-container {
padding : 0 1rem
}
.language_select_bar__select-toggle {
display : flex;
align-items : center;
font-size : 1rem;
font-weight : 600;
border : 0;
padding : .6rem .2rem;
background : transparent
}
.language_select_bar__select-toggle i:first-child {
margin-right : .3rem;
color : #a3a3a3;
font-size : 1.1rem
}
.language_select_bar__select-toggle i:last-child {
margin-left : .1rem;
font-size : 1.1rem
}
.language_select_menu {
background : #fff;
box-shadow : 0 1px 7px rgba(0,0,0,.15);
border-radius : 4px;
flex-direction : column
}
.language_select_menu--open {
z-index : 10000;
display : flex
}
.language_select_menu--closed {
display : none
}
.language_select_menu__top {
display : flex;
align-items : center;
justify-content : right
}
.language_select_menu__exit {
border : 0;
background : transparent;
padding : 1.5rem 1.5rem 0
}
.language_select_menu__select-box {
overflow : visible
}
.language_select_menu__option {
display : flex;
align-content : center;
width : 100%;
border : 0;
background : transparent
}
.language_select_menu__option i:last-child {
font-size : 1rem;
margin-left : .3rem
}
.language_select_menu__backdrop {
position : fixed;
top : -30px;
left : -30px;
width : calc(100vw + 60px);
height : calc(100vh + 60px);
transition : background-color .3s,z-index .3s
}
.language_select_menu__backdrop--active {
z-index : 9999
}
.language_select_menu__backdrop--inactive {
z-index : 0
}
@media (min-width:737px) {
.language_select_menu__exit {
display : none
}
.language_select_menu--open {
position : absolute;
top : 2rem;
right : 1rem;
width : 13rem
}
.language_select_menu__select-box {
padding : .5rem 0
}
.language_select_menu__option {
justify-content : left;
padding : .5rem 1.2rem
}
}
.col-- .language_select_menu__exit {
display : none
}
.col-- .language_select_menu--open {
position : absolute;
top : 2rem;
right : 1rem;
width : 13rem
}
.col-- .language_select_menu__select-box {
padding : .5rem 0
}
.col-- .language_select_menu__option {
justify-content : left;
padding : .5rem 1.2rem
}
@media (min-width:737px) {
.col--2 .language_select_menu__exit,.col--3 .language_select_menu__exit,.col--4 .language_select_menu__exit,.col--5 .language_select_menu__exit,.col--6 .language_select_menu__exit,.col--7 .language_select_menu__exit,.col--8 .language_select_menu__exit,.col--9 .language_select_menu__exit,.col--10 .language_select_menu__exit,.col--11 .language_select_menu__exit,.col--12 .language_select_menu__exit {
display : none
}
.col--2 .language_select_menu--open,.col--3 .language_select_menu--open,.col--4 .language_select_menu--open,.col--5 .language_select_menu--open,.col--6 .language_select_menu--open,.col--7 .language_select_menu--open,.col--8 .language_select_menu--open,.col--9 .language_select_menu--open,.col--10 .language_select_menu--open,.col--11 .language_select_menu--open,.col--12 .language_select_menu--open {
position : absolute;
top : 2rem;
right : 1rem;
width : 13rem
}
.col--2 .language_select_menu__select-box,.col--3 .language_select_menu__select-box,.col--4 .language_select_menu__select-box,.col--5 .language_select_menu__select-box,.col--6 .language_select_menu__select-box,.col--7 .language_select_menu__select-box,.col--8 .language_select_menu__select-box,.col--9 .language_select_menu__select-box,.col--10 .language_select_menu__select-box,.col--11 .language_select_menu__select-box,.col--12 .language_select_menu__select-box {
padding : .5rem 0
}
.col--2 .language_select_menu__option,.col--3 .language_select_menu__option,.col--4 .language_select_menu__option,.col--5 .language_select_menu__option,.col--6 .language_select_menu__option,.col--7 .language_select_menu__option,.col--8 .language_select_menu__option,.col--9 .language_select_menu__option,.col--10 .language_select_menu__option,.col--11 .language_select_menu__option,.col--12 .language_select_menu__option {
justify-content : left;
padding : .5rem 1.2rem
}
}
@media (max-width:1024px) {
.language_select_menu__exit {
display : block
}
.language_select_menu--open {
position : fixed;
top : 50%;
left : 50%;
width : 100%;
max-height : 90vh;
max-width : 90vw;
min-width : 400px;
transform : translateX(-50%) translateY(-50%)
}
.language_select_menu__option {
justify-content : center;
font-size : 1.2rem;
padding : .6rem;
font-weight : 500
}
.language_select_menu__select-box {
padding : .5rem 0 2rem
}
.language_select_menu__backdrop--active {
background : rgba(0,0,0,.6)
}
.language_select_menu__backdrop--inactive {
background : transparent
}
}
.col--1 .language_select_menu__exit,.col--2 .language_select_menu__exit,.col--3 .language_select_menu__exit,.col--4 .language_select_menu__exit,.col--5 .language_select_menu__exit,.col--6 .language_select_menu__exit,.col--7 .language_select_menu__exit,.col--8 .language_select_menu__exit,.col--9 .language_select_menu__exit {
display : block
}
.col--1 .language_select_menu--open,.col--2 .language_select_menu--open,.col--3 .language_select_menu--open,.col--4 .language_select_menu--open,.col--5 .language_select_menu--open,.col--6 .language_select_menu--open,.col--7 .language_select_menu--open,.col--8 .language_select_menu--open,.col--9 .language_select_menu--open {
position : fixed;
top : 50%;
left : 50%;
width : 100%;
max-height : 90vh;
max-width : 90vw;
min-width : 400px;
transform : translateX(-50%) translateY(-50%)
}
.col--1 .language_select_menu__option,.col--2 .language_select_menu__option,.col--3 .language_select_menu__option,.col--4 .language_select_menu__option,.col--5 .language_select_menu__option,.col--6 .language_select_menu__option,.col--7 .language_select_menu__option,.col--8 .language_select_menu__option,.col--9 .language_select_menu__option {
justify-content : center;
font-size : 1.2rem;
padding : .6rem;
font-weight : 500
}
.col--1 .language_select_menu__select-box,.col--2 .language_select_menu__select-box,.col--3 .language_select_menu__select-box,.col--4 .language_select_menu__select-box,.col--5 .language_select_menu__select-box,.col--6 .language_select_menu__select-box,.col--7 .language_select_menu__select-box,.col--8 .language_select_menu__select-box,.col--9 .language_select_menu__select-box {
padding : .5rem 0 2rem
}
.col--1 .language_select_menu__backdrop--active,.col--2 .language_select_menu__backdrop--active,.col--3 .language_select_menu__backdrop--active,.col--4 .language_select_menu__backdrop--active,.col--5 .language_select_menu__backdrop--active,.col--6 .language_select_menu__backdrop--active,.col--7 .language_select_menu__backdrop--active,.col--8 .language_select_menu__backdrop--active,.col--9 .language_select_menu__backdrop--active {
background : rgba(0,0,0,.6)
}
.col--1 .language_select_menu__backdrop--inactive,.col--2 .language_select_menu__backdrop--inactive,.col--3 .language_select_menu__backdrop--inactive,.col--4 .language_select_menu__backdrop--inactive,.col--5 .language_select_menu__backdrop--inactive,.col--6 .language_select_menu__backdrop--inactive,.col--7 .language_select_menu__backdrop--inactive,.col--8 .language_select_menu__backdrop--inactive,.col--9 .language_select_menu__backdrop--inactive {
background : transparent
}
@media (max-width:1024px) {
.col--10 .language_select_menu__exit,.col--11 .language_select_menu__exit,.col--12 .language_select_menu__exit {
display : block
}
.col--10 .language_select_menu--open,.col--11 .language_select_menu--open,.col--12 .language_select_menu--open {
position : fixed;
top : 50%;
left : 50%;
width : 100%;
max-height : 90vh;
max-width : 90vw;
min-width : 400px;
transform : translateX(-50%) translateY(-50%)
}
.col--10 .language_select_menu__option,.col--11 .language_select_menu__option,.col--12 .language_select_menu__option {
justify-content : center;
font-size : 1.2rem;
padding : .6rem;
font-weight : 500
}
.col--10 .language_select_menu__select-box,.col--11 .language_select_menu__select-box,.col--12 .language_select_menu__select-box {
padding : .5rem 0 2rem
}
.col--10 .language_select_menu__backdrop--active,.col--11 .language_select_menu__backdrop--active,.col--12 .language_select_menu__backdrop--active {
background : rgba(0,0,0,.6)
}
.col--10 .language_select_menu__backdrop--inactive,.col--11 .language_select_menu__backdrop--inactive,.col--12 .language_select_menu__backdrop--inactive {
background : transparent
}
}
.profilelist {
margin : 0 auto
}
.profilelist__empty {
padding : 1rem
}
.profilelist__empty a:not(.override) {
color : inherit
}
.profilelist__item {
margin-bottom : 1rem
}
.profilelist__item:last-child {
margin-bottom : 0
}
.lead-form .form-field {
margin-bottom : .5em
}
.logos {
display : flex;
flex-direction : row;
align-items : center;
justify-content : center;
flex-wrap : wrap;
margin : 0 -1.5rem -1.5rem
}
@media (max-width:1024px) {
.logos {
margin : 0 -1rem -1rem
}
}
.logos__logo {
display : flex;
align-items : center;
justify-content : center;
position : relative
}
.logos__link {
position : absolute;
display : block;
top : 0;
left : 0;
width : 100%;
height : 100%;
flex : 0;
opacity : 0
}
.logos__image {
max-width : 100%;
width : 100%;
object-fit : contain
}
.logos--cols-1 .logos__logo {
width : calc(100% - 3rem);
margin : 0 1.5rem 1.5rem
}
@media (max-width:1024px) {
.logos--cols-1 .logos__logo {
width : calc(100% - 2rem);
margin : 0 1rem 1rem
}
}
@media (max-width:736px) {
.logos--cols-1 .logos__logo {
width : calc(50% - 2rem)
}
}
@media (max-width:400px) {
.logos--cols-1 .logos__logo {
width : 100%
}
}
.logos--cols-2 .logos__logo {
width : calc(50% - 3rem);
margin : 0 1.5rem 1.5rem
}
@media (max-width:1024px) {
.logos--cols-2 .logos__logo {
width : calc(50% - 2rem);
margin : 0 1rem 1rem
}
}
@media (max-width:736px) {
.logos--cols-2 .logos__logo {
width : calc(50% - 2rem)
}
}
@media (max-width:400px) {
.logos--cols-2 .logos__logo {
width : 100%
}
}
.logos--cols-3 .logos__logo {
width : calc(33.33333% - 3rem);
margin : 0 1.5rem 1.5rem
}
@media (max-width:1024px) {
.logos--cols-3 .logos__logo {
width : calc(33.33333% - 2rem);
margin : 0 1rem 1rem
}
}
@media (max-width:736px) {
.logos--cols-3 .logos__logo {
width : calc(50% - 2rem)
}
}
@media (max-width:400px) {
.logos--cols-3 .logos__logo {
width : 100%
}
}
.logos--cols-4 .logos__logo {
width : calc(25% - 3rem);
margin : 0 1.5rem 1.5rem
}
@media (max-width:1024px) {
.logos--cols-4 .logos__logo {
width : calc(25% - 2rem);
margin : 0 1rem 1rem
}
}
@media (max-width:736px) {
.logos--cols-4 .logos__logo {
width : calc(50% - 2rem)
}
}
@media (max-width:400px) {
.logos--cols-4 .logos__logo {
width : 100%
}
}
.logos--cols-5 .logos__logo {
width : calc(20% - 3rem);
margin : 0 1.5rem 1.5rem
}
@media (max-width:1024px) {
.logos--cols-5 .logos__logo {
width : calc(20% - 2rem);
margin : 0 1rem 1rem
}
}
@media (max-width:736px) {
.logos--cols-5 .logos__logo {
width : calc(50% - 2rem)
}
}
@media (max-width:400px) {
.logos--cols-5 .logos__logo {
width : 100%
}
}
.logos--cols-6 .logos__logo {
width : calc(16.66667% - 3rem);
margin : 0 1.5rem 1.5rem
}
@media (max-width:1024px) {
.logos--cols-6 .logos__logo {
width : calc(16.66667% - 2rem);
margin : 0 1rem 1rem
}
}
@media (max-width:736px) {
.logos--cols-6 .logos__logo {
width : calc(50% - 2rem)
}
}
@media (max-width:400px) {
.logos--cols-6 .logos__logo {
width : 100%
}
}
.logos--cols-7 .logos__logo {
width : calc(14.28571% - 3rem);
margin : 0 1.5rem 1.5rem
}
@media (max-width:1024px) {
.logos--cols-7 .logos__logo {
width : calc(14.28571% - 2rem);
margin : 0 1rem 1rem
}
}
@media (max-width:736px) {
.logos--cols-7 .logos__logo {
width : calc(50% - 2rem)
}
}
@media (max-width:400px) {
.logos--cols-7 .logos__logo {
width : 100%
}
}
.logos--cols-8 .logos__logo {
width : calc(12.5% - 3rem);
margin : 0 1.5rem 1.5rem
}
@media (max-width:1024px) {
.logos--cols-8 .logos__logo {
width : calc(12.5% - 2rem);
margin : 0 1rem 1rem
}
}
@media (max-width:736px) {
.logos--cols-8 .logos__logo {
width : calc(50% - 2rem)
}
}
@media (max-width:400px) {
.logos--cols-8 .logos__logo {
width : 100%
}
}
.logos--cols-9 .logos__logo {
width : calc(11.11111% - 3rem);
margin : 0 1.5rem 1.5rem
}
@media (max-width:1024px) {
.logos--cols-9 .logos__logo {
width : calc(11.11111% - 2rem);
margin : 0 1rem 1rem
}
}
@media (max-width:736px) {
.logos--cols-9 .logos__logo {
width : calc(50% - 2rem)
}
}
@media (max-width:400px) {
.logos--cols-9 .logos__logo {
width : 100%
}
}
.logos--cols-10 .logos__logo {
width : calc(10% - 3rem);
margin : 0 1.5rem 1.5rem
}
@media (max-width:1024px) {
.logos--cols-10 .logos__logo {
width : calc(10% - 2rem);
margin : 0 1rem 1rem
}
}
@media (max-width:736px) {
.logos--cols-10 .logos__logo {
width : calc(50% - 2rem)
}
}
@media (max-width:400px) {
.logos--cols-10 .logos__logo {
width : 100%
}
}
.matched-giving-calculator {
display : flex;
flex-direction : column;
align-items : center;
justify-content : center;
text-align : center;
width : 100%;
margin : 0 auto;
padding : 1em;
background-color : var(--bg-color);
color : var(--text-color)
}
.matched-giving-calculator__heading {
font-weight : 700
}
.matched-giving-calculator__calculator {
display : flex;
flex-direction : row;
width : 100%;
margin : 1em 0 0;
padding : .5em 1em;
background-color : hsla(0,0%,100%,.1);
color : var(--text-color)
}
.matched-giving-calculator__calculator__item {
display : flex;
flex-grow : 1;
justify-content : center;
align-items : center;
flex-direction : column;
padding : .5em
}
.matched-giving-calculator__calculator__item--multiplier {
font-size : 1.5em;
display : flex;
flex-direction : row
}
.matched-giving-calculator__calculator__item--multiplier span {
position : relative;
display : inline-block;
animation : waviy 4s infinite
}
.matched-giving-calculator__calculator__item--multiplier span:nth-child(2) {
animation-delay : .2s
}
@keyframes waviy {
0%
,
20%
,
to {
transform : translateY(0)
}
10%
{transform:translateY(-10%)}
}
.matched-giving-calculator__calculator__label {
margin : 0;
font-size : .95em
}
.matched-giving-calculator__calculator__value {
background : #fff;
color : #000;
width : 100%;
font-weight : 700;
padding : .5em
}
.matched-giving-calculator__calculator__multiplier {
padding : unset;
font-size : xx-large;
width : min-content
}
.matched-giving-calculator--flush-top .matched-giving-calculator {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.matched-giving-calculator--flush-bottom .matched-giving-calculator {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.mobile-tab-menu {
position : fixed;
bottom : 0;
left : 0;
right : 0;
z-index : 100;
display : none;
color : #000
}
.mobile-tab-menu--logged-in {
background : #fff;
border-top : 1px solid #eee
}
@media (max-width:1024px) {
.mobile-tab-menu--logged-in {
display : flex
}
}
.col--1 .mobile-tab-menu--logged-in,.col--2 .mobile-tab-menu--logged-in,.col--3 .mobile-tab-menu--logged-in,.col--4 .mobile-tab-menu--logged-in,.col--5 .mobile-tab-menu--logged-in,.col--6 .mobile-tab-menu--logged-in,.col--7 .mobile-tab-menu--logged-in,.col--8 .mobile-tab-menu--logged-in,.col--9 .mobile-tab-menu--logged-in {
display : flex
}
@media (max-width:1024px) {
.col--10 .mobile-tab-menu--logged-in,.col--11 .mobile-tab-menu--logged-in,.col--12 .mobile-tab-menu--logged-in {
display : flex
}
}
.mobile-tab-menu--logged-out {
padding : .5rem;
gap : .5em;
flex-wrap : wrap
}
.mobile-tab-menu--logged-out:before {
content : "";
position : absolute;
top : -1em;
right : 0;
bottom : 0;
left : 0;
z-index : -1;
background : linear-gradient(0deg,hsla(0,0%,100%,.9),#fff)
}
@supports (backdrop-filter:blur()) and ((-webkit-mask-image:url("")) or (mask-image:url(""))) {
.mobile-tab-menu--logged-out:before {
background : hsla(0,0%,100%,.9);
backdrop-filter : blur(10px);
-webkit-mask-image : linear-gradient(0deg,#000 20%,transparent);
mask-image : linear-gradient(0deg,#000 20%,transparent)
}
}
@media (max-width:1024px) {
.page--organisation-profile .mobile-tab-menu--logged-out,.page--profile .mobile-tab-menu--logged-out,.page--team-profile .mobile-tab-menu--logged-out {
display : flex;
flex-direction : row
}
}
.mobile-tab-menu__track {
--menu-pad : 0.5rem;
display : flex;
flex-direction : row;
padding : 0 var(--menu-pad);
flex-grow : 1;
overflow : auto;
mask : linear-gradient(90deg,transparent,#000 var(--menu-pad),#000 calc(100% - var(--menu-pad)),transparent);
-webkit-mask : linear-gradient(90deg,transparent,#000 var(--menu-pad),#000 calc(100% - var(--menu-pad)),transparent)
}
.mobile-tab-menu__button {
flex : 1;
display : flex;
flex-direction : column;
align-items : center;
text-align : center;
border : 0;
background : unset;
text-decoration : none;
color : inherit;
position : relative;
padding : .5rem .5rem calc(.5rem + 2px);
transition : background .3s cubic-bezier(.2,0,.1,1),color .3s cubic-bezier(.2,0,.1,1)
}
.mobile-tab-menu__button:before {
content : "";
position : absolute;
right : 0;
bottom : 0;
left : 0;
height : 3px;
background : currentColor;
opacity : 0;
transform : scaleX(.1);
transition : opacity .3s cubic-bezier(.2,0,.1,1),transform .4s cubic-bezier(.2,0,.1,1)
}
.mobile-tab-menu__button:active,.mobile-tab-menu__button:hover {
color : inherit;
text-decoration : none
}
.mobile-tab-menu__button:focus:before,.mobile-tab-menu__button:hover:before {
opacity : 1;
transform : scaleX(.25)
}
.mobile-tab-menu__button__icon {
margin-bottom : .2rem;
opacity : .33
}
.mobile-tab-menu__button__title {
font-size : .6rem;
text-transform : uppercase;
font-weight : 600;
letter-spacing : .05em;
width : max-content
}
.mobile-tab-menu__button--active:before {
opacity : 1;
transform : scaleX(1);
animation : activeTab .3s cubic-bezier(.2,0,.1,1) forwards
}
@keyframes activeTab {
0%
{transform:scaleX(.25)}
to {
transform : scaleX(1)
}
}
.mobile-tab-menu__button--active .mobile-tab-menu__button__icon,.mobile-tab-menu__button:focus .mobile-tab-menu__button__icon {
opacity : 1
}
.mobile-tab-menu__large-button {
flex : 1;
margin-right : 0
}
.mobile-tab-menu__drawer {
text-align : center
}
.mobile-tab-menu__share-modal .share-button {
display : block;
margin-bottom : .75em;
text-align : center;
margin-right : 0;
width : 100%;
font-size : 1.1rem
}
.mobile-tab-menu__share-modal .share-button:last-child {
margin-bottom : 0
}
.mobile-tab-menu__profile-select-modal .profile-tile {
margin-bottom : 1rem
}
.mobile-tab-menu__profile-select-modal .profile-tile:last-child {
margin-bottom : unset
}
.mobile-tab-menu__profile-select-modal .profile-tile .profile-image {
font-size : 55px;
height : 1em;
width : 1em;
min-height : auto
}
.modal__container {
position : fixed;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
z-index : 1000;
width : 90vw;
max-width : 800px;
overflow : hidden;
display : flex;
flex-wrap : wrap;
justify-content : center;
padding : 5vh 0
}
@media (max-width:736px) {
.modal__container {
padding : 5vw
}
}
.modal__content {
width : 100%;
max-width : 800px;
z-index : 1;
position : relative;
margin : auto;
padding : 0 min(5vw,2rem);
opacity : 0;
transform : scale3d(.95,.95,0);
animation : appearIn .25s cubic-bezier(.22,.24,.18,1) .25s forwards
}
@media (max-width:736px) {
.modal__content {
padding : 0
}
}
.modal__content-box {
--inner-padding : 1.5rem;
padding : var(--inner-padding);
background : #fff;
margin : 5vh 0;
position : relative;
border-radius : inherit
}
.modal__content-box--no-padding {
padding : 0
}
.modal__content-inner {
max-height : calc(85vh - var(--inner-padding));
overflow-y : auto;
overscroll-behavior : contain
}
.modal__confetti {
z-index : 101!important;
position : fixed!important;
animation : fadeIn .5s ease-out .5s forwards
}
.modal__back,.modal__confetti {
top : 0;
right : 0;
bottom : 0;
left : 0;
opacity : 0
}
.modal__back {
position : fixed;
z-index : 100;
background : rgba(0,0,0,.75);
animation : appearIn .2s cubic-bezier(.22,.24,.18,1) forwards
}
.modal__close {
position : absolute;
bottom : calc(100% + .5rem);
right : 0;
color : #fff;
z-index : 1;
height : 1.5rem;
padding : 0;
-webkit-appearance : none;
border : none;
background : none
}
.modal__close.outer {
top : 25px;
right : 25px;
bottom : unset;
z-index : 100
}
.modal__button {
text-align : center
}
.modal__button-text {
display : inline-block;
vertical-align : middle;
margin-right : .5em
}
@media (max-width:736px) {
.modal--full .modal__container {
top : 0;
right : 0;
bottom : 0;
left : 0;
transform : unset;
animation-delay : 0s;
width : 100%;
padding : 0
}
}
.modal--full .modal__content {
padding : 0;
display : flex;
flex-direction : column;
width : auto;
min-height : 100%
}
@media (max-width:736px) {
.modal--full .modal__content {
width : 100%
}
}
@media (max-width:736px) {
.modal--full .modal__content-inner {
max-height : calc(96vh - var(--inner-padding))
}
@supports (max-height:96svh) {
.modal--full .modal__content-inner {
max-height : calc(96svh - var(--inner-padding))
}
}
}
@media (max-width:736px) {
.modal--full .modal__close {
display : none
}
}
.modal--full .modal__header {
display : none;
background : #333;
padding : 1rem 0;
position : relative
}
@media (max-width:736px) {
.modal--full .modal__header {
display : block
}
}
.modal--full .modal__header-title {
text-align : center;
margin : 0 2rem;
font-size : 1.2rem;
width : auto;
color : #fff
}
.modal--full .modal__header-close {
color : #fff;
z-index : 1;
height : 1.5rem;
padding : 0;
-webkit-appearance : none;
border : none;
background : none;
position : absolute;
left : 1rem;
top : 50%;
transform : translateY(-50%)
}
.modal--full .modal__content-box {
margin : 0;
flex : 1;
padding : 0
}
@media (max-width:736px) {
@supports (mask-image:url("")) or (-webkit-mask-image:url("")) {
.modal--full .modal__content-box:before {
content : "";
position : fixed;
height : 4rem;
right : 0;
bottom : 0;
left : 0;
background : inherit;
z-index : 2;
pointer-events : none;
-webkit-mask-image : linear-gradient(180deg,transparent,#000 3em);
mask-image : linear-gradient(180deg,transparent,#000 3em)
}
}
}
@media (max-width:736px) {
.modal--dock-bottom .modal__close {
position : absolute;
top : 0;
right : 0;
width : auto;
padding : .75em
}
.modal--dock-bottom .modal__container {
top : unset;
right : 0;
bottom : 0;
left : 0;
transform : unset;
width : 100%;
padding : 0
}
.modal--dock-bottom .modal__content {
margin : unset;
text-align : right
}
.modal--dock-bottom .modal__content-inner {
text-align : left
}
.modal--dock-bottom .modal__content-box {
padding-top : var(--inner-padding);
border-top-right-radius: 8px;
border-top-left-radius: 8px
}
}
.modal.has-df-v3 .modal__content-box {
background : none
}
.modal.has-df-v3 .modal__content-box:before {
content : none
}
.modal.has-df-v3 .modal__content-inner {
max-height : 99vh
}
@media (max-width:736px) {
.modal.has-df-v3 .donation-form--v3,.modal.has-df-v3 .donation-form__body,.modal.has-df-v3 .modal__content-box {
background : #fff
}
.modal.has-df-v3 .modal__header {
height : 50px;
background : #ebebeb
}
.modal.has-df-v3 .modal__header-close {
right : 1rem;
left : unset
}
}
@media (min-width:737px) {
.modal.has-df-v3--campaign-preview .modal__container {
max-width : 1000px;
overflow : visible
}
.modal.has-df-v3--campaign-preview .modal__content {
max-width : 1000px
}
.modal.has-df-v3--campaign-preview .modal__content-inner {
padding-bottom : 20px
}
}
.page-navigation {
max-width : 100%;
display : flex;
justify-content : flex-end;
align-content : center;
align-items : center;
flex-wrap : wrap;
font-size : .9rem
}
@media (max-width:1024px) {
.page-navigation {
font-size : 1rem
}
}
.page-navigation__link {
padding : .5rem .75rem;
font-weight : 600;
text-align : center;
text-decoration : none;
color : #000;
line-height : 1;
transition : .3s cubic-bezier(.22,.24,.18,1);
margin-right : .75rem
}
@media (max-width:1024px) {
.page-navigation__link {
margin-right : 0
}
}
.page-navigation__link--dropdown {
padding : 0
}
.page-navigation__link--dropdown .dropdown__tab__label {
padding : .5rem .75rem
}
.page-navigation__link--dropdown .dropdown__menu__caret {
height : 1px;
padding : .75rem
}
.page-navigation__link:last-child {
margin-right : 0
}
.page-navigation__link,.page-navigation__link:focus,.page-navigation__link:hover,.page-navigation__link:visited {
text-decoration : none;
font-weight : 600
}
.page-navigation__link {
display : inline-block;
vertical-align : middle
}
@media (max-width:1024px) {
.page-navigation__link {
margin-bottom : 1rem
}
}
.page-navigation--vertical .pageNavigation__link {
display : block;
margin-right : 0
}
.page-navigation--horizontal .pageNavigation__link:first-child {
padding-left : 0
}
.page-navigation--horizontal .pageNavigation__link:last-child {
padding-right : 0
}
.personnel-grid {
display : flex;
flex-flow : wrap;
--gap : 40px;
gap : var(--gap);
flex-grow : 1;
justify-content : space-evenly;
align-items : center
}
.personnel-grid .personnel-person {
width : 100%;
overflow : hidden;
display : flex;
max-height : 500px;
flex-direction : column;
max-width : 220px
}
.personnel-grid .personnel-person__image-wrapper {
width : 100%;
aspect-ratio : 1/1;
background-size : cover;
background-position : 50%;
display : flex;
align-items : flex-end;
position : relative;
overflow : hidden;
background : #000
}
.personnel-grid .personnel-person__image {
position : absolute;
object-fit : cover;
left : 0;
top : 0;
height : 100%;
width : 100%
}
.personnel-grid .personnel-person__text {
display : flex;
flex-direction : column;
gap : 5px;
padding : 20px;
background : #000;
justify-content : center;
width : inherit;
text-decoration : none
}
.personnel-grid .personnel-person__text__name,.personnel-grid .personnel-person__text__role {
margin : 0;
color : #fff
}
@media (max-width:736px) {
.personnel-grid {
flex-direction : column
}
.personnel-grid .personnel-person {
flex-direction : row;
max-width : 400px
}
.personnel-grid .personnel-person__image-wrapper {
max-width : 200px
}
}
.col--3 .personnel-grid,.col--4 .personnel-grid,.col--5 .personnel-grid,.col--6 .personnel-grid {
flex-direction : column
}
.col--3 .personnel-grid .personnel-person,.col--4 .personnel-grid .personnel-person,.col--5 .personnel-grid .personnel-person,.col--6 .personnel-grid .personnel-person {
flex-direction : row;
max-width : 400px
}
.col--3 .personnel-grid .personnel-person__image-wrapper,.col--4 .personnel-grid .personnel-person__image-wrapper,.col--5 .personnel-grid .personnel-person__image-wrapper,.col--6 .personnel-grid .personnel-person__image-wrapper {
max-width : 200px
}
@media (max-width:736px) {
.col--5 .personnel-grid,.col--6 .personnel-grid,.col--7 .personnel-grid,.col--8 .personnel-grid,.col--9 .personnel-grid,.col--10 .personnel-grid,.col--11 .personnel-grid,.col--12 .personnel-grid {
flex-direction : column
}
.col--5 .personnel-grid .personnel-person,.col--6 .personnel-grid .personnel-person,.col--7 .personnel-grid .personnel-person,.col--8 .personnel-grid .personnel-person,.col--9 .personnel-grid .personnel-person,.col--10 .personnel-grid .personnel-person,.col--11 .personnel-grid .personnel-person,.col--12 .personnel-grid .personnel-person {
flex-direction : row;
max-width : 400px
}
.col--5 .personnel-grid .personnel-person__image-wrapper,.col--6 .personnel-grid .personnel-person__image-wrapper,.col--7 .personnel-grid .personnel-person__image-wrapper,.col--8 .personnel-grid .personnel-person__image-wrapper,.col--9 .personnel-grid .personnel-person__image-wrapper,.col--10 .personnel-grid .personnel-person__image-wrapper,.col--11 .personnel-grid .personnel-person__image-wrapper,.col--12 .personnel-grid .personnel-person__image-wrapper {
max-width : 200px
}
}
.postcreate {
padding : 1rem;
margin-bottom : 1rem;
text-align : center;
background : #f6f5fa;
border : 1px solid #888
}
.postcreate:last-child {
margin-bottom : 0
}
.row--full-width .postcreate {
width : 90vw;
max-width : 1100px
}
@media (min-width:1100px) {
.row--full-width .postcreate {
margin-left : calc(50% - 550px)
}
}
.postcreate>h3 {
margin-top : 0
}
.postcreate .form-field,.postcreate .image-upload,.postcreate>h3 {
margin-bottom : .8rem;
text-align : left
}
.postcreate .note-editor-container {
text-align : left
}
.postcreate .note-editor.note-frame {
border : none
}
.postcreate__imageupload {
position : relative;
border : 1px solid #333;
border-radius : 3px;
padding : 35px 10px 10px;
background : #fff
}
.postcreate__imageupload label {
font-size : .855rem;
color : #000;
left : 8.64px;
top : 8.64px
}
.postcreate .button--post-submit {
margin-left : auto;
margin-right : auto;
width : 100%;
max-width : 20ch
}
.postfeed__is-empty {
text-align : center;
padding : 1em;
width : 100%
}
.postfeed .postfeed__item,.postfeed__is-empty {
margin-bottom : 1.5rem
}
.postfeed--direction-vertical .page-controls {
text-align : center
}
.postfeed--direction-vertical .page-controls button+button {
margin-left : .5rem
}
.postfeed--direction-horizontal,.postfeed--direction-horizontal .paginated-items {
width : 100%;
display : flex;
align-items : stretch;
flex-flow : row wrap
}
.postfeed--direction-horizontal .postfeed__item {
width : 32%;
margin-right : 2%
}
.postfeed--direction-horizontal .postfeed__item:nth-of-type(3n/**/+3) {
margin-right : 0
}
@media (max-width:736px) {
.postfeed--direction-horizontal .postfeed__item {
width : 100%;
margin-right : 0
}
}
.col--3 .postfeed--direction-horizontal .postfeed__item,.col--4 .postfeed--direction-horizontal .postfeed__item,.col--5 .postfeed--direction-horizontal .postfeed__item,.col--6 .postfeed--direction-horizontal .postfeed__item {
width : 100%;
margin-right : 0
}
@media (max-width:736px) {
.col--5 .postfeed--direction-horizontal .postfeed__item,.col--6 .postfeed--direction-horizontal .postfeed__item,.col--7 .postfeed--direction-horizontal .postfeed__item,.col--8 .postfeed--direction-horizontal .postfeed__item,.col--9 .postfeed--direction-horizontal .postfeed__item,.col--10 .postfeed--direction-horizontal .postfeed__item,.col--11 .postfeed--direction-horizontal .postfeed__item,.col--12 .postfeed--direction-horizontal .postfeed__item {
width : 100%;
margin-right : 0
}
}
.postfeed--direction-horizontal .page-controls {
width : 100%
}
.postfeed--direction-horizontal .page-controls button {
float : left
}
.postfeed--direction-horizontal .page-controls button+button {
float : right
}
.postfeed--has-heading~.modal__button,.postfeed--not-empty~.modal__button {
padding-top : 1.5rem
}
.postfeed .page-controls {
margin-top : 1rem
}
.page--is-editor .postfeed {
margin-bottom : -1.5rem
}
.profile-grid {
--gutter : 1rem;
margin : 0 auto
}
@media (max-width:736px) {
.profile-grid {
--gutter : 0.5rem
}
}
.col--3 .profile-grid,.col--4 .profile-grid,.col--5 .profile-grid,.col--6 .profile-grid {
--gutter : 0.5rem
}
@media (max-width:736px) {
.col--5 .profile-grid,.col--6 .profile-grid,.col--7 .profile-grid,.col--8 .profile-grid,.col--9 .profile-grid,.col--10 .profile-grid,.col--11 .profile-grid,.col--12 .profile-grid {
--gutter : 0.5rem
}
}
.profile-grid .paginated-items {
margin : 0 calc(var(--gutter)*-1) calc(var(--gutter)*-2)
}
.profile-grid .profile-grid__item {
position : relative;
padding : 0 var(--gutter) calc(var(--gutter)*2);
width : 25%
}
@media (max-width:1024px) {
.profile-grid .profile-grid__item {
width : 50%
}
}
.col--1 .profile-grid .profile-grid__item,.col--2 .profile-grid .profile-grid__item,.col--3 .profile-grid .profile-grid__item,.col--4 .profile-grid .profile-grid__item,.col--5 .profile-grid .profile-grid__item,.col--6 .profile-grid .profile-grid__item,.col--7 .profile-grid .profile-grid__item,.col--8 .profile-grid .profile-grid__item,.col--9 .profile-grid .profile-grid__item {
width : 50%
}
@media (max-width:1024px) {
.col--10 .profile-grid .profile-grid__item,.col--11 .profile-grid .profile-grid__item,.col--12 .profile-grid .profile-grid__item {
width : 50%
}
}
@media (max-width:736px) {
.profile-grid .profile-grid__item {
max-width : 400px;
margin-left : auto;
margin-right : auto;
width : 100%
}
}
.col--3 .profile-grid .profile-grid__item,.col--4 .profile-grid .profile-grid__item,.col--5 .profile-grid .profile-grid__item,.col--6 .profile-grid .profile-grid__item {
max-width : 400px;
margin-left : auto;
margin-right : auto;
width : 100%
}
@media (max-width:736px) {
.col--5 .profile-grid .profile-grid__item,.col--6 .profile-grid .profile-grid__item,.col--7 .profile-grid .profile-grid__item,.col--8 .profile-grid .profile-grid__item,.col--9 .profile-grid .profile-grid__item,.col--10 .profile-grid .profile-grid__item,.col--11 .profile-grid .profile-grid__item,.col--12 .profile-grid .profile-grid__item {
max-width : 400px;
margin-left : auto;
margin-right : auto;
width : 100%
}
}
.profile-grid .profile-grid__item {
display : inline-block;
flex-basis : auto
}
@supports not (display:flex) {
.profile-grid .profile-grid__item,.profile-grid .profile-grid__item~.page-controls {
float : left
}
}
.profile-grid .paginated-items {
display : flex;
align-items : stretch;
flex-flow : row wrap
}
.profile-grid .paginated-items:after {
content : "";
display : table;
clear : both
}
@media (max-width:1024px) {
.profile-grid--limit-2 .profile-grid__item {
width : 50%
}
}
.col--1 .profile-grid--limit-2 .profile-grid__item,.col--2 .profile-grid--limit-2 .profile-grid__item,.col--3 .profile-grid--limit-2 .profile-grid__item,.col--4 .profile-grid--limit-2 .profile-grid__item,.col--5 .profile-grid--limit-2 .profile-grid__item,.col--6 .profile-grid--limit-2 .profile-grid__item,.col--7 .profile-grid--limit-2 .profile-grid__item,.col--8 .profile-grid--limit-2 .profile-grid__item,.col--9 .profile-grid--limit-2 .profile-grid__item {
width : 50%
}
@media (max-width:1024px) {
.col--10 .profile-grid--limit-2 .profile-grid__item,.col--11 .profile-grid--limit-2 .profile-grid__item,.col--12 .profile-grid--limit-2 .profile-grid__item {
width : 50%
}
}
@media (max-width:400px) {
.profile-grid--limit-2 .profile-grid__item {
width : 100%
}
}
.col--1 .profile-grid--limit-2 .profile-grid__item,.col--2 .profile-grid--limit-2 .profile-grid__item {
width : 100%
}
@media (max-width:400px) {
.col--3 .profile-grid--limit-2 .profile-grid__item,.col--4 .profile-grid--limit-2 .profile-grid__item,.col--5 .profile-grid--limit-2 .profile-grid__item,.col--6 .profile-grid--limit-2 .profile-grid__item,.col--7 .profile-grid--limit-2 .profile-grid__item,.col--8 .profile-grid--limit-2 .profile-grid__item,.col--9 .profile-grid--limit-2 .profile-grid__item,.col--10 .profile-grid--limit-2 .profile-grid__item,.col--11 .profile-grid--limit-2 .profile-grid__item,.col--12 .profile-grid--limit-2 .profile-grid__item {
width : 100%
}
}
.profile-grid--limit-3 .profile-grid__item {
width : 33.3333333333%
}
@media (max-width:1024px) {
.profile-grid--limit-3 .profile-grid__item {
width : 50%
}
}
.col--1 .profile-grid--limit-3 .profile-grid__item,.col--2 .profile-grid--limit-3 .profile-grid__item,.col--3 .profile-grid--limit-3 .profile-grid__item,.col--4 .profile-grid--limit-3 .profile-grid__item,.col--5 .profile-grid--limit-3 .profile-grid__item,.col--6 .profile-grid--limit-3 .profile-grid__item,.col--7 .profile-grid--limit-3 .profile-grid__item,.col--8 .profile-grid--limit-3 .profile-grid__item,.col--9 .profile-grid--limit-3 .profile-grid__item {
width : 50%
}
@media (max-width:1024px) {
.col--10 .profile-grid--limit-3 .profile-grid__item,.col--11 .profile-grid--limit-3 .profile-grid__item,.col--12 .profile-grid--limit-3 .profile-grid__item {
width : 50%
}
}
@media (max-width:400px) {
.profile-grid--limit-3 .profile-grid__item {
width : 100%
}
}
.col--1 .profile-grid--limit-3 .profile-grid__item,.col--2 .profile-grid--limit-3 .profile-grid__item {
width : 100%
}
@media (max-width:400px) {
.col--3 .profile-grid--limit-3 .profile-grid__item,.col--4 .profile-grid--limit-3 .profile-grid__item,.col--5 .profile-grid--limit-3 .profile-grid__item,.col--6 .profile-grid--limit-3 .profile-grid__item,.col--7 .profile-grid--limit-3 .profile-grid__item,.col--8 .profile-grid--limit-3 .profile-grid__item,.col--9 .profile-grid--limit-3 .profile-grid__item,.col--10 .profile-grid--limit-3 .profile-grid__item,.col--11 .profile-grid--limit-3 .profile-grid__item,.col--12 .profile-grid--limit-3 .profile-grid__item {
width : 100%
}
}
.profile-grid--limit-4 .profile-grid__item {
width : 25%
}
@media (max-width:1024px) {
.profile-grid--limit-4 .profile-grid__item {
width : 50%
}
}
.col--1 .profile-grid--limit-4 .profile-grid__item,.col--2 .profile-grid--limit-4 .profile-grid__item,.col--3 .profile-grid--limit-4 .profile-grid__item,.col--4 .profile-grid--limit-4 .profile-grid__item,.col--5 .profile-grid--limit-4 .profile-grid__item,.col--6 .profile-grid--limit-4 .profile-grid__item,.col--7 .profile-grid--limit-4 .profile-grid__item,.col--8 .profile-grid--limit-4 .profile-grid__item,.col--9 .profile-grid--limit-4 .profile-grid__item {
width : 50%
}
@media (max-width:1024px) {
.col--10 .profile-grid--limit-4 .profile-grid__item,.col--11 .profile-grid--limit-4 .profile-grid__item,.col--12 .profile-grid--limit-4 .profile-grid__item {
width : 50%
}
}
@media (max-width:400px) {
.profile-grid--limit-4 .profile-grid__item {
width : 100%
}
}
.col--1 .profile-grid--limit-4 .profile-grid__item,.col--2 .profile-grid--limit-4 .profile-grid__item {
width : 100%
}
@media (max-width:400px) {
.col--3 .profile-grid--limit-4 .profile-grid__item,.col--4 .profile-grid--limit-4 .profile-grid__item,.col--5 .profile-grid--limit-4 .profile-grid__item,.col--6 .profile-grid--limit-4 .profile-grid__item,.col--7 .profile-grid--limit-4 .profile-grid__item,.col--8 .profile-grid--limit-4 .profile-grid__item,.col--9 .profile-grid--limit-4 .profile-grid__item,.col--10 .profile-grid--limit-4 .profile-grid__item,.col--11 .profile-grid--limit-4 .profile-grid__item,.col--12 .profile-grid--limit-4 .profile-grid__item {
width : 100%
}
}
.profile-grid--limit-5 .profile-grid__item {
width : 20%
}
@media (min-width:737px) {
.profile-grid--limit-5 .profile-grid__item {
width : 33.333%
}
}
.col-- .profile-grid--limit-5 .profile-grid__item {
width : 33.333%
}
@media (min-width:737px) {
.col--2 .profile-grid--limit-5 .profile-grid__item,.col--3 .profile-grid--limit-5 .profile-grid__item,.col--4 .profile-grid--limit-5 .profile-grid__item,.col--5 .profile-grid--limit-5 .profile-grid__item,.col--6 .profile-grid--limit-5 .profile-grid__item,.col--7 .profile-grid--limit-5 .profile-grid__item,.col--8 .profile-grid--limit-5 .profile-grid__item,.col--9 .profile-grid--limit-5 .profile-grid__item,.col--10 .profile-grid--limit-5 .profile-grid__item,.col--11 .profile-grid--limit-5 .profile-grid__item,.col--12 .profile-grid--limit-5 .profile-grid__item {
width : 33.333%
}
}
@media (min-width:1025px) {
.profile-grid--limit-5 .profile-grid__item {
width : 20%
}
}
.col--10 .profile-grid--limit-5 .profile-grid__item,.col--11 .profile-grid--limit-5 .profile-grid__item {
width : 20%
}
@media (min-width:1025px) {
.col--3 .profile-grid--limit-5 .profile-grid__item,.col--4 .profile-grid--limit-5 .profile-grid__item,.col--5 .profile-grid--limit-5 .profile-grid__item,.col--6 .profile-grid--limit-5 .profile-grid__item,.col--7 .profile-grid--limit-5 .profile-grid__item,.col--8 .profile-grid--limit-5 .profile-grid__item,.col--9 .profile-grid--limit-5 .profile-grid__item,.col--10 .profile-grid--limit-5 .profile-grid__item,.col--11 .profile-grid--limit-5 .profile-grid__item,.col--12 .profile-grid--limit-5 .profile-grid__item {
width : 20%
}
}
@media (max-width:1024px) {
.profile-grid--limit-5 .profile-grid__item {
width : 50%
}
}
.col--1 .profile-grid--limit-5 .profile-grid__item,.col--2 .profile-grid--limit-5 .profile-grid__item,.col--3 .profile-grid--limit-5 .profile-grid__item,.col--4 .profile-grid--limit-5 .profile-grid__item,.col--5 .profile-grid--limit-5 .profile-grid__item,.col--6 .profile-grid--limit-5 .profile-grid__item,.col--7 .profile-grid--limit-5 .profile-grid__item,.col--8 .profile-grid--limit-5 .profile-grid__item,.col--9 .profile-grid--limit-5 .profile-grid__item {
width : 50%
}
@media (max-width:1024px) {
.col--10 .profile-grid--limit-5 .profile-grid__item,.col--11 .profile-grid--limit-5 .profile-grid__item,.col--12 .profile-grid--limit-5 .profile-grid__item {
width : 50%
}
}
@media (max-width:400px) {
.profile-grid--limit-5 .profile-grid__item {
width : 100%
}
}
.col--1 .profile-grid--limit-5 .profile-grid__item,.col--2 .profile-grid--limit-5 .profile-grid__item {
width : 100%
}
@media (max-width:400px) {
.col--3 .profile-grid--limit-5 .profile-grid__item,.col--4 .profile-grid--limit-5 .profile-grid__item,.col--5 .profile-grid--limit-5 .profile-grid__item,.col--6 .profile-grid--limit-5 .profile-grid__item,.col--7 .profile-grid--limit-5 .profile-grid__item,.col--8 .profile-grid--limit-5 .profile-grid__item,.col--9 .profile-grid--limit-5 .profile-grid__item,.col--10 .profile-grid--limit-5 .profile-grid__item,.col--11 .profile-grid--limit-5 .profile-grid__item,.col--12 .profile-grid--limit-5 .profile-grid__item {
width : 100%
}
}
.profile-grid--limit-6 .profile-grid__item {
width : 33.3333333333%
}
@media (max-width:1024px) {
.profile-grid--limit-6 .profile-grid__item {
width : 50%
}
}
.col--1 .profile-grid--limit-6 .profile-grid__item,.col--2 .profile-grid--limit-6 .profile-grid__item,.col--3 .profile-grid--limit-6 .profile-grid__item,.col--4 .profile-grid--limit-6 .profile-grid__item,.col--5 .profile-grid--limit-6 .profile-grid__item,.col--6 .profile-grid--limit-6 .profile-grid__item,.col--7 .profile-grid--limit-6 .profile-grid__item,.col--8 .profile-grid--limit-6 .profile-grid__item,.col--9 .profile-grid--limit-6 .profile-grid__item {
width : 50%
}
@media (max-width:1024px) {
.col--10 .profile-grid--limit-6 .profile-grid__item,.col--11 .profile-grid--limit-6 .profile-grid__item,.col--12 .profile-grid--limit-6 .profile-grid__item {
width : 50%
}
}
@media (max-width:400px) {
.profile-grid--limit-6 .profile-grid__item {
width : 100%
}
}
.col--1 .profile-grid--limit-6 .profile-grid__item,.col--2 .profile-grid--limit-6 .profile-grid__item {
width : 100%
}
@media (max-width:400px) {
.col--3 .profile-grid--limit-6 .profile-grid__item,.col--4 .profile-grid--limit-6 .profile-grid__item,.col--5 .profile-grid--limit-6 .profile-grid__item,.col--6 .profile-grid--limit-6 .profile-grid__item,.col--7 .profile-grid--limit-6 .profile-grid__item,.col--8 .profile-grid--limit-6 .profile-grid__item,.col--9 .profile-grid--limit-6 .profile-grid__item,.col--10 .profile-grid--limit-6 .profile-grid__item,.col--11 .profile-grid--limit-6 .profile-grid__item,.col--12 .profile-grid--limit-6 .profile-grid__item {
width : 100%
}
}
.profile-grid--limit-8 .profile-grid__item {
width : 25%
}
@media (max-width:1024px) {
.profile-grid--limit-8 .profile-grid__item {
width : 50%
}
}
.col--1 .profile-grid--limit-8 .profile-grid__item,.col--2 .profile-grid--limit-8 .profile-grid__item,.col--3 .profile-grid--limit-8 .profile-grid__item,.col--4 .profile-grid--limit-8 .profile-grid__item,.col--5 .profile-grid--limit-8 .profile-grid__item,.col--6 .profile-grid--limit-8 .profile-grid__item,.col--7 .profile-grid--limit-8 .profile-grid__item,.col--8 .profile-grid--limit-8 .profile-grid__item,.col--9 .profile-grid--limit-8 .profile-grid__item {
width : 50%
}
@media (max-width:1024px) {
.col--10 .profile-grid--limit-8 .profile-grid__item,.col--11 .profile-grid--limit-8 .profile-grid__item,.col--12 .profile-grid--limit-8 .profile-grid__item {
width : 50%
}
}
@media (max-width:400px) {
.profile-grid--limit-8 .profile-grid__item {
width : 100%
}
}
.col--1 .profile-grid--limit-8 .profile-grid__item,.col--2 .profile-grid--limit-8 .profile-grid__item {
width : 100%
}
@media (max-width:400px) {
.col--3 .profile-grid--limit-8 .profile-grid__item,.col--4 .profile-grid--limit-8 .profile-grid__item,.col--5 .profile-grid--limit-8 .profile-grid__item,.col--6 .profile-grid--limit-8 .profile-grid__item,.col--7 .profile-grid--limit-8 .profile-grid__item,.col--8 .profile-grid--limit-8 .profile-grid__item,.col--9 .profile-grid--limit-8 .profile-grid__item,.col--10 .profile-grid--limit-8 .profile-grid__item,.col--11 .profile-grid--limit-8 .profile-grid__item,.col--12 .profile-grid--limit-8 .profile-grid__item {
width : 100%
}
}
.profile-grid--limit-9 .profile-grid__item {
width : 33.3333333333%
}
@media (max-width:1024px) {
.profile-grid--limit-9 .profile-grid__item {
width : 50%
}
}
.col--1 .profile-grid--limit-9 .profile-grid__item,.col--2 .profile-grid--limit-9 .profile-grid__item,.col--3 .profile-grid--limit-9 .profile-grid__item,.col--4 .profile-grid--limit-9 .profile-grid__item,.col--5 .profile-grid--limit-9 .profile-grid__item,.col--6 .profile-grid--limit-9 .profile-grid__item,.col--7 .profile-grid--limit-9 .profile-grid__item,.col--8 .profile-grid--limit-9 .profile-grid__item,.col--9 .profile-grid--limit-9 .profile-grid__item {
width : 50%
}
@media (max-width:1024px) {
.col--10 .profile-grid--limit-9 .profile-grid__item,.col--11 .profile-grid--limit-9 .profile-grid__item,.col--12 .profile-grid--limit-9 .profile-grid__item {
width : 50%
}
}
@media (max-width:400px) {
.profile-grid--limit-9 .profile-grid__item {
width : 100%
}
}
.col--1 .profile-grid--limit-9 .profile-grid__item,.col--2 .profile-grid--limit-9 .profile-grid__item {
width : 100%
}
@media (max-width:400px) {
.col--3 .profile-grid--limit-9 .profile-grid__item,.col--4 .profile-grid--limit-9 .profile-grid__item,.col--5 .profile-grid--limit-9 .profile-grid__item,.col--6 .profile-grid--limit-9 .profile-grid__item,.col--7 .profile-grid--limit-9 .profile-grid__item,.col--8 .profile-grid--limit-9 .profile-grid__item,.col--9 .profile-grid--limit-9 .profile-grid__item,.col--10 .profile-grid--limit-9 .profile-grid__item,.col--11 .profile-grid--limit-9 .profile-grid__item,.col--12 .profile-grid--limit-9 .profile-grid__item {
width : 100%
}
}
.profile-grid--limit-10 .profile-grid__item {
width : 20%
}
@media (max-width:1024px) {
.profile-grid--limit-10 .profile-grid__item {
width : 50%
}
}
.col--1 .profile-grid--limit-10 .profile-grid__item,.col--2 .profile-grid--limit-10 .profile-grid__item,.col--3 .profile-grid--limit-10 .profile-grid__item,.col--4 .profile-grid--limit-10 .profile-grid__item,.col--5 .profile-grid--limit-10 .profile-grid__item,.col--6 .profile-grid--limit-10 .profile-grid__item,.col--7 .profile-grid--limit-10 .profile-grid__item,.col--8 .profile-grid--limit-10 .profile-grid__item,.col--9 .profile-grid--limit-10 .profile-grid__item {
width : 50%
}
@media (max-width:1024px) {
.col--10 .profile-grid--limit-10 .profile-grid__item,.col--11 .profile-grid--limit-10 .profile-grid__item,.col--12 .profile-grid--limit-10 .profile-grid__item {
width : 50%
}
}
@media (max-width:400px) {
.profile-grid--limit-10 .profile-grid__item {
width : 100%
}
}
.col--1 .profile-grid--limit-10 .profile-grid__item,.col--2 .profile-grid--limit-10 .profile-grid__item {
width : 100%
}
@media (max-width:400px) {
.col--3 .profile-grid--limit-10 .profile-grid__item,.col--4 .profile-grid--limit-10 .profile-grid__item,.col--5 .profile-grid--limit-10 .profile-grid__item,.col--6 .profile-grid--limit-10 .profile-grid__item,.col--7 .profile-grid--limit-10 .profile-grid__item,.col--8 .profile-grid--limit-10 .profile-grid__item,.col--9 .profile-grid--limit-10 .profile-grid__item,.col--10 .profile-grid--limit-10 .profile-grid__item,.col--11 .profile-grid--limit-10 .profile-grid__item,.col--12 .profile-grid--limit-10 .profile-grid__item {
width : 100%
}
}
.profile-grid--limit-12 .profile-grid__item {
width : 33.3333333333%;
width : 25%
}
@media (max-width:1024px) {
.profile-grid--limit-12 .profile-grid__item {
width : 50%
}
}
.col--1 .profile-grid--limit-12 .profile-grid__item,.col--2 .profile-grid--limit-12 .profile-grid__item,.col--3 .profile-grid--limit-12 .profile-grid__item,.col--4 .profile-grid--limit-12 .profile-grid__item,.col--5 .profile-grid--limit-12 .profile-grid__item,.col--6 .profile-grid--limit-12 .profile-grid__item,.col--7 .profile-grid--limit-12 .profile-grid__item,.col--8 .profile-grid--limit-12 .profile-grid__item,.col--9 .profile-grid--limit-12 .profile-grid__item {
width : 50%
}
@media (max-width:1024px) {
.col--10 .profile-grid--limit-12 .profile-grid__item,.col--11 .profile-grid--limit-12 .profile-grid__item,.col--12 .profile-grid--limit-12 .profile-grid__item {
width : 50%
}
}
@media (max-width:400px) {
.profile-grid--limit-12 .profile-grid__item {
width : 100%
}
}
.col--1 .profile-grid--limit-12 .profile-grid__item,.col--2 .profile-grid--limit-12 .profile-grid__item {
width : 100%
}
@media (max-width:400px) {
.col--3 .profile-grid--limit-12 .profile-grid__item,.col--4 .profile-grid--limit-12 .profile-grid__item,.col--5 .profile-grid--limit-12 .profile-grid__item,.col--6 .profile-grid--limit-12 .profile-grid__item,.col--7 .profile-grid--limit-12 .profile-grid__item,.col--8 .profile-grid--limit-12 .profile-grid__item,.col--9 .profile-grid--limit-12 .profile-grid__item,.col--10 .profile-grid--limit-12 .profile-grid__item,.col--11 .profile-grid--limit-12 .profile-grid__item,.col--12 .profile-grid--limit-12 .profile-grid__item {
width : 100%
}
}
.profile-grid--limit-15 .profile-grid__item {
width : 33.3333333333%;
width : 20%
}
@media (max-width:1024px) {
.profile-grid--limit-15 .profile-grid__item {
width : 50%
}
}
.col--1 .profile-grid--limit-15 .profile-grid__item,.col--2 .profile-grid--limit-15 .profile-grid__item,.col--3 .profile-grid--limit-15 .profile-grid__item,.col--4 .profile-grid--limit-15 .profile-grid__item,.col--5 .profile-grid--limit-15 .profile-grid__item,.col--6 .profile-grid--limit-15 .profile-grid__item,.col--7 .profile-grid--limit-15 .profile-grid__item,.col--8 .profile-grid--limit-15 .profile-grid__item,.col--9 .profile-grid--limit-15 .profile-grid__item {
width : 50%
}
@media (max-width:1024px) {
.col--10 .profile-grid--limit-15 .profile-grid__item,.col--11 .profile-grid--limit-15 .profile-grid__item,.col--12 .profile-grid--limit-15 .profile-grid__item {
width : 50%
}
}
@media (max-width:400px) {
.profile-grid--limit-15 .profile-grid__item {
width : 100%
}
}
.col--1 .profile-grid--limit-15 .profile-grid__item,.col--2 .profile-grid--limit-15 .profile-grid__item {
width : 100%
}
@media (max-width:400px) {
.col--3 .profile-grid--limit-15 .profile-grid__item,.col--4 .profile-grid--limit-15 .profile-grid__item,.col--5 .profile-grid--limit-15 .profile-grid__item,.col--6 .profile-grid--limit-15 .profile-grid__item,.col--7 .profile-grid--limit-15 .profile-grid__item,.col--8 .profile-grid--limit-15 .profile-grid__item,.col--9 .profile-grid--limit-15 .profile-grid__item,.col--10 .profile-grid--limit-15 .profile-grid__item,.col--11 .profile-grid--limit-15 .profile-grid__item,.col--12 .profile-grid--limit-15 .profile-grid__item {
width : 100%
}
}
.profile-grid--limit-1 .profile-grid__item {
width : 100%
}
@media (min-width:737px) {
.profile-grid--limit-1 .profile-grid__item {
max-width : unset
}
.profile-grid--limit-1 .profile-grid__item .profile-card {
flex-direction : row
}
.profile-grid--limit-1 .profile-grid__item .profile-card .profile-image {
width : 35%;
padding-bottom : 35%
}
.profile-grid--limit-1 .profile-grid__item .profile-card__content {
flex-basis : calc(64% - 5rem);
padding : 2.5rem
}
}
.col-- .profile-grid--limit-1 .profile-grid__item {
max-width : unset
}
.col-- .profile-grid--limit-1 .profile-grid__item .profile-card {
flex-direction : row
}
.col-- .profile-grid--limit-1 .profile-grid__item .profile-card .profile-image {
width : 35%;
padding-bottom : 35%
}
.col-- .profile-grid--limit-1 .profile-grid__item .profile-card__content {
flex-basis : calc(64% - 5rem);
padding : 2.5rem
}
@media (min-width:737px) {
.col--2 .profile-grid--limit-1 .profile-grid__item,.col--3 .profile-grid--limit-1 .profile-grid__item,.col--4 .profile-grid--limit-1 .profile-grid__item,.col--5 .profile-grid--limit-1 .profile-grid__item,.col--6 .profile-grid--limit-1 .profile-grid__item,.col--7 .profile-grid--limit-1 .profile-grid__item,.col--8 .profile-grid--limit-1 .profile-grid__item,.col--9 .profile-grid--limit-1 .profile-grid__item,.col--10 .profile-grid--limit-1 .profile-grid__item,.col--11 .profile-grid--limit-1 .profile-grid__item,.col--12 .profile-grid--limit-1 .profile-grid__item {
max-width : unset
}
.col--2 .profile-grid--limit-1 .profile-grid__item .profile-card,.col--3 .profile-grid--limit-1 .profile-grid__item .profile-card,.col--4 .profile-grid--limit-1 .profile-grid__item .profile-card,.col--5 .profile-grid--limit-1 .profile-grid__item .profile-card,.col--6 .profile-grid--limit-1 .profile-grid__item .profile-card,.col--7 .profile-grid--limit-1 .profile-grid__item .profile-card,.col--8 .profile-grid--limit-1 .profile-grid__item .profile-card,.col--9 .profile-grid--limit-1 .profile-grid__item .profile-card,.col--10 .profile-grid--limit-1 .profile-grid__item .profile-card,.col--11 .profile-grid--limit-1 .profile-grid__item .profile-card,.col--12 .profile-grid--limit-1 .profile-grid__item .profile-card {
flex-direction : row
}
.col--2 .profile-grid--limit-1 .profile-grid__item .profile-card .profile-image,.col--3 .profile-grid--limit-1 .profile-grid__item .profile-card .profile-image,.col--4 .profile-grid--limit-1 .profile-grid__item .profile-card .profile-image,.col--5 .profile-grid--limit-1 .profile-grid__item .profile-card .profile-image,.col--6 .profile-grid--limit-1 .profile-grid__item .profile-card .profile-image,.col--7 .profile-grid--limit-1 .profile-grid__item .profile-card .profile-image,.col--8 .profile-grid--limit-1 .profile-grid__item .profile-card .profile-image,.col--9 .profile-grid--limit-1 .profile-grid__item .profile-card .profile-image,.col--10 .profile-grid--limit-1 .profile-grid__item .profile-card .profile-image,.col--11 .profile-grid--limit-1 .profile-grid__item .profile-card .profile-image,.col--12 .profile-grid--limit-1 .profile-grid__item .profile-card .profile-image {
width : 35%;
padding-bottom : 35%
}
.col--2 .profile-grid--limit-1 .profile-grid__item .profile-card__content,.col--3 .profile-grid--limit-1 .profile-grid__item .profile-card__content,.col--4 .profile-grid--limit-1 .profile-grid__item .profile-card__content,.col--5 .profile-grid--limit-1 .profile-grid__item .profile-card__content,.col--6 .profile-grid--limit-1 .profile-grid__item .profile-card__content,.col--7 .profile-grid--limit-1 .profile-grid__item .profile-card__content,.col--8 .profile-grid--limit-1 .profile-grid__item .profile-card__content,.col--9 .profile-grid--limit-1 .profile-grid__item .profile-card__content,.col--10 .profile-grid--limit-1 .profile-grid__item .profile-card__content,.col--11 .profile-grid--limit-1 .profile-grid__item .profile-card__content,.col--12 .profile-grid--limit-1 .profile-grid__item .profile-card__content {
flex-basis : calc(64% - 5rem);
padding : 2.5rem
}
}
.profile-grid--limit-2 .profile-grid__item {
width : 50%
}
@media (min-width:737px) {
.profile-grid--limit-2 .profile-grid__item .profile-image {
padding-bottom : 60%
}
}
.col-- .profile-grid--limit-2 .profile-grid__item .profile-image {
padding-bottom : 60%
}
@media (min-width:737px) {
.col--2 .profile-grid--limit-2 .profile-grid__item .profile-image,.col--3 .profile-grid--limit-2 .profile-grid__item .profile-image,.col--4 .profile-grid--limit-2 .profile-grid__item .profile-image,.col--5 .profile-grid--limit-2 .profile-grid__item .profile-image,.col--6 .profile-grid--limit-2 .profile-grid__item .profile-image,.col--7 .profile-grid--limit-2 .profile-grid__item .profile-image,.col--8 .profile-grid--limit-2 .profile-grid__item .profile-image,.col--9 .profile-grid--limit-2 .profile-grid__item .profile-image,.col--10 .profile-grid--limit-2 .profile-grid__item .profile-image,.col--11 .profile-grid--limit-2 .profile-grid__item .profile-image,.col--12 .profile-grid--limit-2 .profile-grid__item .profile-image {
padding-bottom : 60%
}
}
@media (max-width:736px) {
.profile-grid--limit-2 .profile-grid__item {
width : 100%
}
}
.col--3 .profile-grid--limit-2 .profile-grid__item,.col--4 .profile-grid--limit-2 .profile-grid__item,.col--5 .profile-grid--limit-2 .profile-grid__item,.col--6 .profile-grid--limit-2 .profile-grid__item {
width : 100%
}
@media (max-width:736px) {
.col--5 .profile-grid--limit-2 .profile-grid__item,.col--6 .profile-grid--limit-2 .profile-grid__item,.col--7 .profile-grid--limit-2 .profile-grid__item,.col--8 .profile-grid--limit-2 .profile-grid__item,.col--9 .profile-grid--limit-2 .profile-grid__item,.col--10 .profile-grid--limit-2 .profile-grid__item,.col--11 .profile-grid--limit-2 .profile-grid__item,.col--12 .profile-grid--limit-2 .profile-grid__item {
width : 100%
}
}
.profile-grid--limit-5,.profile-grid--limit-10,.profile-grid--limit-15 {
--gutter : 0.5rem
}
.profile-grid .page-controls {
display : flex;
justify-content : space-between;
width : 100%;
margin : 0 var(--gutter) calc(var(--gutter)*2)
}
.profile-helper {
--padding : 1.5rem;
--items-rows : 3;
--items-gutter : 1rem;
padding : var(--padding);
border-radius : 5px;
border : 1px solid #bbb;
position : relative
}
@media (max-width:736px) {
.profile-helper {
--padding : 0.85rem
}
.profile-helper:not(.profile-helper--condensed) {
padding-top : calc(.666rem + 25px);
text-align : center
}
}
.col--3 .profile-helper,.col--4 .profile-helper,.col--5 .profile-helper,.col--6 .profile-helper {
--padding : 0.85rem
}
.col--3 .profile-helper:not(.profile-helper--condensed),.col--4 .profile-helper:not(.profile-helper--condensed),.col--5 .profile-helper:not(.profile-helper--condensed),.col--6 .profile-helper:not(.profile-helper--condensed) {
padding-top : calc(.666rem + 25px);
text-align : center
}
@media (max-width:736px) {
.col--5 .profile-helper,.col--6 .profile-helper,.col--7 .profile-helper,.col--8 .profile-helper,.col--9 .profile-helper,.col--10 .profile-helper,.col--11 .profile-helper,.col--12 .profile-helper {
--padding : 0.85rem
}
.col--5 .profile-helper:not(.profile-helper--condensed),.col--6 .profile-helper:not(.profile-helper--condensed),.col--7 .profile-helper:not(.profile-helper--condensed),.col--8 .profile-helper:not(.profile-helper--condensed),.col--9 .profile-helper:not(.profile-helper--condensed),.col--10 .profile-helper:not(.profile-helper--condensed),.col--11 .profile-helper:not(.profile-helper--condensed),.col--12 .profile-helper:not(.profile-helper--condensed) {
padding-top : calc(.666rem + 25px);
text-align : center
}
}
.profile-helper__heading {
margin-left : .5rem;
margin-bottom : calc(var(--padding)*0.333)
}
@media (max-width:736px) {
.profile-helper__heading {
margin-left : 0
}
}
.col--3 .profile-helper__heading,.col--4 .profile-helper__heading,.col--5 .profile-helper__heading,.col--6 .profile-helper__heading {
margin-left : 0
}
@media (max-width:736px) {
.col--5 .profile-helper__heading,.col--6 .profile-helper__heading,.col--7 .profile-helper__heading,.col--8 .profile-helper__heading,.col--9 .profile-helper__heading,.col--10 .profile-helper__heading,.col--11 .profile-helper__heading,.col--12 .profile-helper__heading {
margin-left : 0
}
}
.profile-helper__mobile-spacer {
display : none;
height : 25px
}
@media (max-width:736px) {
.profile-helper__mobile-spacer:not(.profile-helper__mobile-spacer--condensed) {
display : block
}
}
.col--3 .profile-helper__mobile-spacer:not(.profile-helper__mobile-spacer--condensed),.col--4 .profile-helper__mobile-spacer:not(.profile-helper__mobile-spacer--condensed),.col--5 .profile-helper__mobile-spacer:not(.profile-helper__mobile-spacer--condensed),.col--6 .profile-helper__mobile-spacer:not(.profile-helper__mobile-spacer--condensed) {
display : block
}
@media (max-width:736px) {
.col--5 .profile-helper__mobile-spacer:not(.profile-helper__mobile-spacer--condensed),.col--6 .profile-helper__mobile-spacer:not(.profile-helper__mobile-spacer--condensed),.col--7 .profile-helper__mobile-spacer:not(.profile-helper__mobile-spacer--condensed),.col--8 .profile-helper__mobile-spacer:not(.profile-helper__mobile-spacer--condensed),.col--9 .profile-helper__mobile-spacer:not(.profile-helper__mobile-spacer--condensed),.col--10 .profile-helper__mobile-spacer:not(.profile-helper__mobile-spacer--condensed),.col--11 .profile-helper__mobile-spacer:not(.profile-helper__mobile-spacer--condensed),.col--12 .profile-helper__mobile-spacer:not(.profile-helper__mobile-spacer--condensed) {
display : block
}
}
.profile-helper__items {
display : grid;
grid-template-columns: repeat(var(--items-rows),1fr);
gap : var(--items-gutter);
margin-top : calc(var(--padding)*0.85)
}
@media (max-width:736px) {
.profile-helper__items {
display : flex;
--mask-offset : 1rem;
flex-wrap : nowrap;
overflow-x : auto;
margin-right : calc(var(--items-gutter)*-1);
margin-left : calc(var(--items-gutter)*-1);
mask : linear-gradient(270deg,transparent,#000 var(--mask-offset),#000 calc(100% - var(--mask-offset)),transparent) no-repeat center/100%;
-webkit-mask : linear-gradient(270deg,transparent,#000 var(--mask-offset),#000 calc(100% - var(--mask-offset)),transparent) no-repeat center/100%
}
.profile-helper__items:after,.profile-helper__items:before {
content : " ";
display : block;
flex-shrink : 0
}
.profile-helper__items:after {
width : calc(var(--mask-offset)/2)
}
}
.col--3 .profile-helper__items,.col--4 .profile-helper__items,.col--5 .profile-helper__items,.col--6 .profile-helper__items {
display : flex;
--mask-offset : 1rem;
flex-wrap : nowrap;
overflow-x : auto;
margin-right : calc(var(--items-gutter)*-1);
margin-left : calc(var(--items-gutter)*-1);
mask : linear-gradient(270deg,transparent,#000 var(--mask-offset),#000 calc(100% - var(--mask-offset)),transparent) no-repeat center/100%;
-webkit-mask : linear-gradient(270deg,transparent,#000 var(--mask-offset),#000 calc(100% - var(--mask-offset)),transparent) no-repeat center/100%
}
.col--3 .profile-helper__items:after,.col--3 .profile-helper__items:before,.col--4 .profile-helper__items:after,.col--4 .profile-helper__items:before,.col--5 .profile-helper__items:after,.col--5 .profile-helper__items:before,.col--6 .profile-helper__items:after,.col--6 .profile-helper__items:before {
content : " ";
display : block;
flex-shrink : 0
}
.col--3 .profile-helper__items:after,.col--4 .profile-helper__items:after,.col--5 .profile-helper__items:after,.col--6 .profile-helper__items:after {
width : calc(var(--mask-offset)/2)
}
@media (max-width:736px) {
.col--5 .profile-helper__items,.col--6 .profile-helper__items,.col--7 .profile-helper__items,.col--8 .profile-helper__items,.col--9 .profile-helper__items,.col--10 .profile-helper__items,.col--11 .profile-helper__items,.col--12 .profile-helper__items {
display : flex;
--mask-offset : 1rem;
flex-wrap : nowrap;
overflow-x : auto;
margin-right : calc(var(--items-gutter)*-1);
margin-left : calc(var(--items-gutter)*-1);
mask : linear-gradient(270deg,transparent,#000 var(--mask-offset),#000 calc(100% - var(--mask-offset)),transparent) no-repeat center/100%;
-webkit-mask : linear-gradient(270deg,transparent,#000 var(--mask-offset),#000 calc(100% - var(--mask-offset)),transparent) no-repeat center/100%
}
.col--5 .profile-helper__items:after,.col--5 .profile-helper__items:before,.col--6 .profile-helper__items:after,.col--6 .profile-helper__items:before,.col--7 .profile-helper__items:after,.col--7 .profile-helper__items:before,.col--8 .profile-helper__items:after,.col--8 .profile-helper__items:before,.col--9 .profile-helper__items:after,.col--9 .profile-helper__items:before,.col--10 .profile-helper__items:after,.col--10 .profile-helper__items:before,.col--11 .profile-helper__items:after,.col--11 .profile-helper__items:before,.col--12 .profile-helper__items:after,.col--12 .profile-helper__items:before {
content : " ";
display : block;
flex-shrink : 0
}
.col--5 .profile-helper__items:after,.col--6 .profile-helper__items:after,.col--7 .profile-helper__items:after,.col--8 .profile-helper__items:after,.col--9 .profile-helper__items:after,.col--10 .profile-helper__items:after,.col--11 .profile-helper__items:after,.col--12 .profile-helper__items:after {
width : calc(var(--mask-offset)/2)
}
}
.profile-helper__item {
flex-grow : 0;
flex-shrink : 0;
border-radius : 5px;
border : 1px solid #eee;
padding : .75rem .5rem;
display : flex;
flex-direction : column;
align-items : center;
text-align : center;
justify-content : center;
font-family : inherit;
color : inherit;
background : transparent;
transition : .3s cubic-bezier(.2,0,.1,1);
transition-property : color,background
}
.profile-helper__item,.profile-helper__item:active,.profile-helper__item:hover {
text-decoration : none
}
.profile-helper__item:focus {
outline : none
}
@media (max-width:736px) {
.profile-helper__item {
min-width : 10rem;
padding : .5rem;
margin-top : 0;
margin-bottom : 0
}
}
.col--3 .profile-helper__item,.col--4 .profile-helper__item,.col--5 .profile-helper__item,.col--6 .profile-helper__item {
min-width : 10rem;
padding : .5rem;
margin-top : 0;
margin-bottom : 0
}
@media (max-width:736px) {
.col--5 .profile-helper__item,.col--6 .profile-helper__item,.col--7 .profile-helper__item,.col--8 .profile-helper__item,.col--9 .profile-helper__item,.col--10 .profile-helper__item,.col--11 .profile-helper__item,.col--12 .profile-helper__item {
min-width : 10rem;
padding : .5rem;
margin-top : 0;
margin-bottom : 0
}
}
.profile-helper__item__icon.material-icons {
margin-bottom : .4rem;
font-size : 2rem
}
.profile-helper__item__title {
font-size : .85rem;
font-weight : 700
}
.profile-helper__item--complete {
background : #eee;
position : relative
}
.profile-helper__item__tick {
position : absolute;
top : .2rem;
right : .2rem
}
.profile-helper__item__tick.material-icons {
font-size : 18px
}
.profile-helper__indicator {
position : absolute;
left : -26px;
top : .7rem;
background : #fff;
border-radius : 50%;
height : 50px;
width : 50px
}
@media (max-width:736px) {
.profile-helper__indicator {
left : 50%;
top : -26px;
transform : translateX(-50%)
}
}
.col--3 .profile-helper__indicator,.col--4 .profile-helper__indicator,.col--5 .profile-helper__indicator,.col--6 .profile-helper__indicator {
left : 50%;
top : -26px;
transform : translateX(-50%)
}
@media (max-width:736px) {
.col--5 .profile-helper__indicator,.col--6 .profile-helper__indicator,.col--7 .profile-helper__indicator,.col--8 .profile-helper__indicator,.col--9 .profile-helper__indicator,.col--10 .profile-helper__indicator,.col--11 .profile-helper__indicator,.col--12 .profile-helper__indicator {
left : 50%;
top : -26px;
transform : translateX(-50%)
}
}
.profile-helper__indicator__frame {
transform : rotate(-90deg);
vertical-align : bottom;
overflow : visible
}
.profile-helper__indicator__background-circle {
stroke : #eee;
fill : #fff;
stroke-width : 5
}
.profile-helper__indicator__foreground-circle {
stroke : #333;
stroke-width : 5;
fill : transparent;
stroke-linecap : round;
stroke-dasharray : 1;
stroke-dashoffset : 1;
animation : progressFill .5s cubic-bezier(.2,0,.1,1) 1s forwards
}
@keyframes progressFill {
0%
{stroke-dashoffset:1}
to {
stroke-dashoffset : var(--progress)
}
}
.profile-helper__indicator__count {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
font-size : .8rem;
font-weight : 700;
white-space : nowrap;
letter-spacing : .1em
}
.profile-helper__indicator__empty {
opacity : .5
}
.profile-helper__indicator__complete {
color : #333
}
.profile-helper--not-actionable .profile-helper__items {
margin : -.25rem
}
.profile-helper--not-actionable .profile-helper__item {
margin : .25rem;
padding : .5em;
border : none;
color : inherit;
position : relative;
flex-direction : row;
justify-content : flex-start;
text-align : left;
width : calc(33.33333% - .5rem)
}
@media (max-width:736px) {
.profile-helper--not-actionable .profile-helper__item {
width : auto
}
.profile-helper--not-actionable .profile-helper__item:last-child {
margin-right : 1rem
}
}
.col--3 .profile-helper--not-actionable .profile-helper__item,.col--4 .profile-helper--not-actionable .profile-helper__item,.col--5 .profile-helper--not-actionable .profile-helper__item,.col--6 .profile-helper--not-actionable .profile-helper__item {
width : auto
}
.col--3 .profile-helper--not-actionable .profile-helper__item:last-child,.col--4 .profile-helper--not-actionable .profile-helper__item:last-child,.col--5 .profile-helper--not-actionable .profile-helper__item:last-child,.col--6 .profile-helper--not-actionable .profile-helper__item:last-child {
margin-right : 1rem
}
@media (max-width:736px) {
.col--5 .profile-helper--not-actionable .profile-helper__item,.col--6 .profile-helper--not-actionable .profile-helper__item,.col--7 .profile-helper--not-actionable .profile-helper__item,.col--8 .profile-helper--not-actionable .profile-helper__item,.col--9 .profile-helper--not-actionable .profile-helper__item,.col--10 .profile-helper--not-actionable .profile-helper__item,.col--11 .profile-helper--not-actionable .profile-helper__item,.col--12 .profile-helper--not-actionable .profile-helper__item {
width : auto
}
.col--5 .profile-helper--not-actionable .profile-helper__item:last-child,.col--6 .profile-helper--not-actionable .profile-helper__item:last-child,.col--7 .profile-helper--not-actionable .profile-helper__item:last-child,.col--8 .profile-helper--not-actionable .profile-helper__item:last-child,.col--9 .profile-helper--not-actionable .profile-helper__item:last-child,.col--10 .profile-helper--not-actionable .profile-helper__item:last-child,.col--11 .profile-helper--not-actionable .profile-helper__item:last-child,.col--12 .profile-helper--not-actionable .profile-helper__item:last-child {
margin-right : 1rem
}
}
.profile-helper--not-actionable .profile-helper__item:hover:not(.profile-helper__item--complete) {
background : transparent
}
.profile-helper--not-actionable .profile-helper__item:hover:not(.profile-helper__item--complete) .profile-helper__item__title {
color : inherit
}
.profile-helper--not-actionable .profile-helper__item__icon.material-icons {
display : none
}
.profile-helper--not-actionable .profile-helper__item__tick {
position : relative;
top : unset;
right : unset;
font-size : 1.5rem;
margin-right : .25em;
opacity : .333
}
.profile-helper--not-actionable .profile-helper__item--complete .profile-helper__item__tick {
opacity : 1
}
.profile-helper--condensed {
--padding : 0.75rem
}
.profile-helper--condensed .profile-helper__heading {
margin-left : unset
}
.profile-helper--condensed .profile-helper__indicator {
top : calc(var(--padding)*0.666);
right : calc(var(--padding)*0.666);
left : unset;
transform : none;
height : unset;
width : unset;
padding : calc(var(--padding)*0.333);
border-radius : 3px;
line-height : .85
}
.profile-helper--condensed .profile-helper__indicator__count {
position : relative;
top : unset;
left : unset;
transform : none
}
.profile-helper--condensed .profile-helper__indicator__frame {
display : none
}
.profile-helper--condensed__items {
margin-top : calc(var(--padding)*0.85)
}
.profile-management-list .team-info {
margin-top : 1.25em
}
@media (max-width:400px) {
.profile-management-list .button {
width : 100%;
margin-bottom : .5em
}
.profile-management-list .button:last-child {
margin-bottom : 0
}
}
.col--1 .profile-management-list .button,.col--2 .profile-management-list .button {
width : 100%;
margin-bottom : .5em
}
.col--1 .profile-management-list .button:last-child,.col--2 .profile-management-list .button:last-child {
margin-bottom : 0
}
@media (max-width:400px) {
.col--3 .profile-management-list .button,.col--4 .profile-management-list .button,.col--5 .profile-management-list .button,.col--6 .profile-management-list .button,.col--7 .profile-management-list .button,.col--8 .profile-management-list .button,.col--9 .profile-management-list .button,.col--10 .profile-management-list .button,.col--11 .profile-management-list .button,.col--12 .profile-management-list .button {
width : 100%;
margin-bottom : .5em
}
.col--3 .profile-management-list .button:last-child,.col--4 .profile-management-list .button:last-child,.col--5 .profile-management-list .button:last-child,.col--6 .profile-management-list .button:last-child,.col--7 .profile-management-list .button:last-child,.col--8 .profile-management-list .button:last-child,.col--9 .profile-management-list .button:last-child,.col--10 .profile-management-list .button:last-child,.col--11 .profile-management-list .button:last-child,.col--12 .profile-management-list .button:last-child {
margin-bottom : 0
}
}
.profile-goal-notification {
padding : 1rem;
background : #333;
color : #fff;
border-radius : 3px;
font-size : 1rem;
position : relative
}
.profile-goal-notification__link,.profile-goal-notification__link:hover {
color : inherit
}
.profile-goal-notification__dismiss-button {
position : absolute;
right : 0;
top : 0;
transform : translate(50%,-50%);
background : #fff;
border-radius : 50%;
border : 0;
width : 1.2rem;
height : 1.2rem;
text-align : center;
padding : 0;
box-shadow : 1px 1px 5px rgba(0,0,0,.1)
}
.profile-goal-notification__dismiss-button i.material-icons {
font-size : .8rem;
line-height : 1.2rem
}
.profile-goal-notification__mobile-button {
position : fixed;
bottom : 4rem;
left : 0;
z-index : 90;
padding : .75rem 1rem;
background : #333;
color : #fff;
border : none;
border-radius : 5px;
border-bottom-left-radius: 0;
margin-left : 5px;
margin-bottom : 5px;
display : none
}
@media (max-width:736px) {
.profile-goal-notification__mobile-button {
display : block
}
}
.col--3 .profile-goal-notification__mobile-button,.col--4 .profile-goal-notification__mobile-button,.col--5 .profile-goal-notification__mobile-button,.col--6 .profile-goal-notification__mobile-button {
display : block
}
@media (max-width:736px) {
.col--5 .profile-goal-notification__mobile-button,.col--6 .profile-goal-notification__mobile-button,.col--7 .profile-goal-notification__mobile-button,.col--8 .profile-goal-notification__mobile-button,.col--9 .profile-goal-notification__mobile-button,.col--10 .profile-goal-notification__mobile-button,.col--11 .profile-goal-notification__mobile-button,.col--12 .profile-goal-notification__mobile-button {
display : block
}
}
.profile-goal-notification__mobile-backdrop {
position : fixed;
top : 0;
bottom : 0;
left : 0;
right : 0;
z-index : 90;
flex-direction : column;
justify-content : flex-end;
align-items : flex-end;
padding : .5rem .5rem 4.5rem;
background : rgba(0,0,0,.75)
}
@media (max-width:736px) {
.profile-goal-notification__mobile-backdrop {
display : flex
}
}
.col--3 .profile-goal-notification__mobile-backdrop,.col--4 .profile-goal-notification__mobile-backdrop,.col--5 .profile-goal-notification__mobile-backdrop,.col--6 .profile-goal-notification__mobile-backdrop {
display : flex
}
@media (max-width:736px) {
.col--5 .profile-goal-notification__mobile-backdrop,.col--6 .profile-goal-notification__mobile-backdrop,.col--7 .profile-goal-notification__mobile-backdrop,.col--8 .profile-goal-notification__mobile-backdrop,.col--9 .profile-goal-notification__mobile-backdrop,.col--10 .profile-goal-notification__mobile-backdrop,.col--11 .profile-goal-notification__mobile-backdrop,.col--12 .profile-goal-notification__mobile-backdrop {
display : flex
}
}
.profile-goal-notification__mobile-content {
padding : 1rem;
background : #fff;
border-radius : .5rem;
font-size : 1rem;
position : relative
}
[class*=block--background]
.profile-goal-notification {
background : transparent
}
.block--has-padding .profile-goal-notification {
padding : 0
}
.block--has-padding .profile-goal-notification__dismiss-button {
top : calc(var(--pad-t, 0)*-1);
right : calc(var(--pad-r, 0)*-1)
}
[class*=block--text-color]
.profile-goal-notification {
color : inherit
}
.profile-select__selected {
margin-bottom : 2rem;
text-align : left;
background : #eee;
border-radius : 3px;
padding : 1rem
}
.profile-select__selected h5 {
margin-top : 0;
margin-bottom : .5rem
}
.profile-select__selected .profile-tile {
background : #fff;
padding : 1rem;
border-radius : 3px
}
.profile-select__selected .profile-tile .profile-tile__total {
right : 1rem
}
.profile-select__selected .button--primary {
font-size : .9rem;
margin-bottom : 0;
margin-top : .5rem
}
.profile-search__search {
margin-bottom : 1rem;
position : relative
}
.profile-search__icon {
position : absolute;
right : .54rem;
bottom : .54rem
}
.profile-select {
display : inline-block;
position : relative;
width : 100%
}
.profile-select>div>.form-field--text {
margin-bottom : 0
}
.profile-select__list {
width : 100%;
min-height : 3px;
padding : 0;
margin : 0
}
.profile-select__list-item {
text-align : left;
cursor : pointer;
list-style : none;
margin-bottom : .5rem;
opacity : 1;
transition : box-shadow .2s ease;
will-change : box-shadow;
box-shadow : 0 0 10px transparent
}
.profile-select__list-item:last-child {
margin-bottom : 0
}
.profile-select__list-item:focus,.profile-select__list-item:hover {
box-shadow : 0 0 7px -2px rgba(0,0,0,.25)
}
.profile-select__list-item-preview-container {
position : relative;
text-align : left
}
.profile-select__list-item-preview-container .profile-tile__overlay {
display : none
}
.profile-select__list-item-preview-cancel {
position : absolute;
top : 0;
right : 0
}
.profile-select__list-item .profile-tile__overlay {
display : none
}
.profile-select__list-empty {
display : block;
text-align : center;
font-size : 14px;
margin : .33rem 0;
height : 1.5rem;
display : flex;
align-items : center;
justify-content : center
}
.profile-select__list-container {
max-height : 330px;
overflow-y : auto;
background-color : #f2f2f2;
padding : .75rem;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border : none;
position : relative
}
.profile-select__list-container .profile-tile {
background : #fff;
border-radius : 3px;
padding : 1rem
}
.profile-select__list-container .profile-tile__total {
right : 1rem
}
.regular-donation-stream__ach-banner {
padding : 1rem;
margin-bottom : 1rem;
border : 1px solid var(--btn-border-secondary-mono,#5f6471);
border-radius : 12px;
color : #20134b;
display : flex;
align-items : flex-start;
gap : .75rem
}
.regular-donation-stream__ach-banner__icon {
flex : 0 0 auto;
margin-top : .1rem
}
.regular-donation-stream__ach-banner__content {
flex : 1 1 auto;
min-width : 0;
display : flex;
flex-direction : column;
align-items : flex-start;
gap : .75rem
}
.regular-donation-stream__ach-banner__title {
margin : 0;
font-weight : 700;
line-height : 1.2
}
.regular-donation-stream__ach-banner__message {
margin : 0;
line-height : 1.35
}
.regular-donation-stream__ach-banner__cta {
flex : 0 0 auto;
align-self : flex-start;
width : auto!important;
display : inline-flex;
float : none;
margin-right : 0;
border-width : 1px;
border-color : var(--btn-border-secondary-mono,#5f6471);
border-radius : 999px;
background : inherit;
color : #20134b;
font-weight : 700;
white-space : nowrap
}
.regular-donation-stream__ach-banner__cta:focus,.regular-donation-stream__ach-banner__cta:hover {
background : inherit;
border-color : var(--btn-border-secondary-mono,#5f6471);
color : #20134b;
filter : brightness(.98)
}
.regular-donation-stream__ach-banner--warning {
background : #fff8e6;
border-color : #f3d489
}
.regular-donation-stream__ach-banner--error {
background : #fdecef;
border-color : #f3b5c1
}
.regular-donation-stream__ach-banner--info {
background : #e8f4fc;
border-color : #b8dcf3
}
.regular-donation-stream__item {
margin-bottom : .75rem
}
.regular-donation-stream__item:last-child {
margin-bottom : 0
}
.raisely-unified-account-form .regular-donation-stream {
margin-bottom : 1.5rem
}
.regular-donation-tile {
position : relative;
border : 1px solid rgba(0,0,0,.3);
border-radius : 3px;
background : #fff;
color : #000
}
.regular-donation-tile__header {
display : flex;
align-items : stretch;
font-family : inherit;
font-size : inherit;
padding : 0;
margin : 0;
border : none;
background : inherit;
appearance : none;
width : 100%
}
@media (max-width:736px) {
.regular-donation-tile__header {
flex-direction : column
}
}
.regular-donation-tile__amount {
display : flex;
justify-content : center;
align-items : center;
flex-basis : 6rem;
font-size : 1.5rem;
font-size : min(1.5rem,20px);
font-weight : 700;
font-variant-numeric: tabular-nums;
line-height : 1em;
text-align : left;
color : #fff;
padding : .5em
}
@media (max-width:736px) {
.regular-donation-tile__amount {
width : 100%;
flex-basis : 100%;
padding : 1em
}
}
.regular-donation-tile__label {
padding : .333em .666em;
border-radius : 2em;
font-size : 12px;
font-weight : 600;
letter-spacing : .1em;
line-height : 1;
color : #fff;
float : left;
display : flex;
align-items : center;
margin-right : .5em
}
@media (max-width:736px) {
.regular-donation-tile__label {
margin-bottom : .5em
}
}
.regular-donation-tile__settings-button-manage {
margin-top : .75em
}
.regular-donation-tile__settings-button-cancel {
display : flex;
align-self : center;
align-items : center;
flex-shrink : 0;
font-size : 12px;
text-transform : uppercase;
font-weight : 600;
font-family : inherit;
border : none;
border-radius : 4px;
padding-right : 8px;
padding-left : 2px;
margin-right : 12px;
background-color : #f1f1f7
}
.regular-donation-tile__settings-button-cancel:focus,.regular-donation-tile__settings-button-cancel:hover {
background-color : #d3d4e4
}
@media (max-width:736px) {
.regular-donation-tile__settings-button-cancel {
flex-direction : column;
margin : 0;
border-radius : unset;
width : 100%;
height : auto;
padding : .5em;
justify-content : center;
background : #f7f7f7
}
.regular-donation-tile__settings-button-cancel--active,.regular-donation-tile__settings-button-cancel:focus,.regular-donation-tile__settings-button-cancel:hover {
background : transparent
}
.regular-donation-tile__settings-button-cancel__text {
display : inline-block
}
}
.regular-donation-tile__content {
padding : 1rem;
flex-grow : 1;
text-align : left
}
.regular-donation-tile__content__title {
font-weight : 700;
margin-bottom : .5rem;
line-height : 1.3;
display : flex;
align-items : baseline
}
@media (max-width:736px) {
.regular-donation-tile__content__title {
flex-direction : column;
align-items : flex-start
}
}
.regular-donation-tile__content__details {
font-size : 1rem;
font-size : min(1rem,15px);
line-height : 1;
margin-bottom : .333em
}
.regular-donation-tile__content__details:last-child {
margin-bottom : 0
}
.regular-donation-tile__content__details strong {
font-weight : 700
}
.regular-donation-tile--ok {
border-color : #7db144
}
.regular-donation-tile--ok .regular-donation-tile__amount,.regular-donation-tile--ok .regular-donation-tile__label {
background-color : #7db144
}
.regular-donation-tile--paused,.regular-donation-tile--pending {
border-color : #ec8f3a
}
.regular-donation-tile--paused .regular-donation-tile__amount,.regular-donation-tile--paused .regular-donation-tile__label,.regular-donation-tile--pending .regular-donation-tile__amount,.regular-donation-tile--pending .regular-donation-tile__label {
background-color : #ec8f3a
}
.regular-donation-tile--retrying {
border-color : #e33e55
}
.regular-donation-tile--retrying .regular-donation-tile__amount,.regular-donation-tile--retrying .regular-donation-tile__label {
background-color : #e33e55
}
.regular-donation-tile--failing {
border-color : #d91f39
}
.regular-donation-tile--failing .regular-donation-tile__amount,.regular-donation-tile--failing .regular-donation-tile__label {
background-color : #d91f39
}
.regular-donation-tile--failed {
border-color : #b51a30
}
.regular-donation-tile--failed .regular-donation-tile__amount,.regular-donation-tile--failed .regular-donation-tile__label {
background-color : #b51a30
}
.regular-donation-tile--cancelled {
border-color : #cad3d5
}
.regular-donation-tile--cancelled .regular-donation-tile__amount,.regular-donation-tile--cancelled .regular-donation-tile__label {
background-color : #cad3d5;
color : #000
}
.regular-donation-tile:after {
content : "";
clear : both;
display : block;
height : 0
}
.regular-donation-tile__ach-bank {
display : flex;
align-items : center;
gap : .35rem
}
.regular-donation-tile__ach-verification {
font-size : .9em
}
.raisely-regular-donation-form {
flex-direction : row;
margin : .75rem;
border-radius : inherit
}
@media (max-width:736px) {
.raisely-regular-donation-form {
margin : 0
}
}
.raisely-regular-donation-form__card-detail {
background-color : #fff;
padding : 16px;
border-radius : 8px;
margin-bottom : .75em
}
.raisely-regular-donation-form__card-detail__modal .modal__container {
max-width : 585px
}
.raisely-regular-donation-form .tabs {
border-radius : inherit;
margin : 0 -.15em
}
@media (max-width:736px) {
.raisely-regular-donation-form .tabs {
margin : 0
}
}
.raisely-regular-donation-form .tabs__tab {
border : 2px solid #f5f5f5;
border-radius : inherit;
margin : 0 .15em -2px;
flex-basis : calc(50% - 0.3em);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding : 1em
}
@media (max-width:736px) {
.raisely-regular-donation-form .tabs__tab {
border-radius : 0;
margin-left : 0;
margin-right : 0;
padding : .75em
}
}
.raisely-regular-donation-form .tabs__tab:before {
content : none
}
.raisely-regular-donation-form .tabs__tab--active {
background : #f5f5f5
}
.raisely-regular-donation-form .tabs__tab-content {
padding : 1rem;
background : #f5f5f5
}
.raisely-regular-donation-form .field-wrapper--count,.raisely-regular-donation-form .field-wrapper--interval {
display : inline-block;
width : 50%
}
@media (max-width:736px) {
.raisely-regular-donation-form .field-wrapper--count,.raisely-regular-donation-form .field-wrapper--interval {
width : 100%
}
}
.raisely-regular-donation-form .field-wrapper--count .form-field,.raisely-regular-donation-form .field-wrapper--interval .form-field {
width : 90%;
width : calc(100% - .5rem)
}
@media (max-width:736px) {
.raisely-regular-donation-form .field-wrapper--count .form-field,.raisely-regular-donation-form .field-wrapper--interval .form-field {
width : 100%
}
}
.raisely-regular-donation-form .field-wrapper--interval .form-field {
position : relative;
left : 10%;
left : .5rem
}
@media (max-width:736px) {
.raisely-regular-donation-form .field-wrapper--interval .form-field {
left : unset
}
}
.raisely-regular-donation-form__column {
flex : 1
}
.raisely-regular-donation-form__column:first-child {
margin-right : 1rem
}
.raisely-regular-donation-form hr {
margin : 0 0 .75em;
opacity : .06;
border : none;
border-top : 2px solid #262861
}
.raisely-regular-donation-form form {
text-align : center
}
.raisely-regular-donation-form__buttons {
display : flex;
flex-wrap : wrap;
flex-direction : row;
margin-bottom : -1rem
}
.raisely-regular-donation-form__buttons button {
flex : 1
}
.raisely-regular-donation-form__buttons button+button {
margin-left : 1rem
}
.raisely-regular-donation-form__edit-note {
margin-top : 1rem;
display : flex;
gap : .5rem;
color : rgba(0,0,0,.6)
}
.raisely-regular-donation-form__edit-note .icon {
margin-top : .2rem
}
.raisely-regular-donation-form__semi-month {
display : flex;
flex-direction : column;
gap : .75rem;
margin-bottom : 1rem;
padding : 1rem;
border : 1px solid rgba(0,0,0,.12);
border-radius : 12px;
background : #fff;
text-align : left
}
.raisely-regular-donation-form__semi-month--read-only {
padding : 0;
border : none;
background : transparent;
gap : .15rem
}
.raisely-regular-donation-form__semi-month__header {
display : flex;
flex-direction : column;
gap : .15rem
}
.raisely-regular-donation-form__semi-month__eyebrow {
font-size : .7rem;
font-weight : 700;
letter-spacing : .08em;
text-transform : uppercase;
color : rgba(0,0,0,.55)
}
.raisely-regular-donation-form__semi-month__label {
font-size : 1.05rem;
font-weight : 700;
color : #20134b;
line-height : 1.2
}
.raisely-regular-donation-form__semi-month__anchors {
display : grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap : .75rem
}
@media (max-width:736px) {
.raisely-regular-donation-form__semi-month__anchors {
grid-template-columns: 1fr
}
}
.raisely-regular-donation-form__semi-month__anchor {
appearance : none;
display : flex;
flex-direction : column;
align-items : flex-start;
gap : .2rem;
padding : .85rem 1rem;
border : 1px solid rgba(0,0,0,.12);
border-radius : 10px;
background : #fff;
color : #20134b;
font-family : inherit;
text-align : left;
cursor : pointer;
transition : border-color .15s ease,background-color .15s ease,transform .15s ease,box-shadow .15s ease
}
.raisely-regular-donation-form__semi-month__anchor__state {
font-size : .7rem;
font-weight : 700;
letter-spacing : .08em;
text-transform : uppercase;
color : rgba(0,0,0,.55)
}
.raisely-regular-donation-form__semi-month__anchor__day {
font-size : 1.4rem;
font-weight : 700;
font-variant-numeric: tabular-nums;
line-height : 1.1
}
.raisely-regular-donation-form__semi-month__anchor__date {
font-size : .85rem;
color : rgba(0,0,0,.55);
font-variant-numeric: tabular-nums
}
.raisely-regular-donation-form__semi-month__anchor:focus-visible:not(:disabled),.raisely-regular-donation-form__semi-month__anchor:hover:not(:disabled) {
border-color : #20134b;
background : rgba(32,19,75,.06);
transform : translateY(-1px);
box-shadow : 0 2px 6px rgba(0,0,0,.06);
outline : none
}
.raisely-regular-donation-form__semi-month__anchor:focus-visible:not(:disabled) .raisely-regular-donation-form__semi-month__anchor__state,.raisely-regular-donation-form__semi-month__anchor:hover:not(:disabled) .raisely-regular-donation-form__semi-month__anchor__state {
color : #20134b
}
.raisely-regular-donation-form__semi-month__anchor:focus-visible:not(:disabled) {
box-shadow : 0 0 0 2px #fff,0 0 0 4px rgba(32,19,75,.4)
}
.raisely-regular-donation-form__semi-month__anchor--active,.raisely-regular-donation-form__semi-month__anchor--active:hover:not(:disabled) {
background : rgba(32,19,75,.06);
border-color : #20134b;
border-width : 2px;
padding : calc(.85rem - 1px) calc(1rem - 1px);
cursor : default;
transform : none;
box-shadow : none
}
.raisely-regular-donation-form__semi-month__anchor--active .raisely-regular-donation-form__semi-month__anchor__state,.raisely-regular-donation-form__semi-month__anchor--active:hover:not(:disabled) .raisely-regular-donation-form__semi-month__anchor__state {
color : #20134b
}
.raisely-regular-donation-form__semi-month__anchor--pending,.raisely-regular-donation-form__semi-month__anchor--pending:disabled {
background : rgba(32,19,75,.06);
border : 2px solid #20134b;
padding : calc(.85rem - 1px) calc(1rem - 1px);
cursor : default;
transform : none;
box-shadow : 0 0 0 3px rgba(32,19,75,.08)
}
.raisely-regular-donation-form__semi-month__anchor--pending .raisely-regular-donation-form__semi-month__anchor__state,.raisely-regular-donation-form__semi-month__anchor--pending:disabled .raisely-regular-donation-form__semi-month__anchor__state {
color : #20134b
}
.raisely-regular-donation-form__semi-month__next-charge {
margin : 0;
padding : .55rem .75rem .55rem .85rem;
border-left : 2px solid #20134b;
border-radius : 0 8px 8px 0;
background : rgba(32,19,75,.06);
color : #20134b;
font-size : .9rem;
font-weight : 500;
line-height : 1.4;
font-variant-numeric: tabular-nums
}
.raisely-regular-donation-form__preferred-date {
display : flex;
flex-direction : column;
gap : .75rem;
margin-bottom : 1rem;
text-align : left
}
.raisely-regular-donation-form__preferred-date .form-field {
margin-bottom : 0
}
.raisely-regular-donation-form__preferred-date__field input[type=date] {
text-align : left;
cursor : pointer
}
.raisely-regular-donation-form__preferred-date__hint {
margin : 0;
font-size : .9rem;
line-height : 1.4;
opacity : .7
}
.raisely-regular-donation-form__preferred-date__next-charge {
display : flex;
flex-direction : column;
gap : .5rem;
padding : 1rem;
border-radius : 8px;
background : #f0fdf4;
border : 1px solid #bbf7d0;
text-align : left
}
.raisely-regular-donation-form__preferred-date__next-charge__label {
margin : 0;
color : #15803d;
font-size : .75rem;
font-weight : 700;
letter-spacing : .05em;
text-transform : uppercase
}
.raisely-regular-donation-form__preferred-date__next-charge__date {
margin : 0;
font-size : 1.125rem;
font-weight : 700;
line-height : 1.2;
font-variant-numeric: tabular-nums
}
.raisely-regular-donation-form__preferred-date__next-charge__relative {
font-weight : 400;
opacity : .7
}
.raisely-regular-donation-form__preferred-date__next-charge__description {
margin : 0;
font-size : .9rem;
line-height : 1.4
}
.raisely-regular-donation-form__preferred-date__next-charge__info,.raisely-regular-donation-form__preferred-date__next-charge__warning {
border-radius : 8px;
padding : .75rem
}
.raisely-regular-donation-form__preferred-date__next-charge__info p,.raisely-regular-donation-form__preferred-date__next-charge__warning p {
margin : 0;
font-size : .9rem;
line-height : 1.4
}
.raisely-regular-donation-form__preferred-date__next-charge__warning {
background : #fffbeb;
border : 1px solid #fde68a
}
.raisely-regular-donation-form__preferred-date__next-charge__warning p {
color : #92400e
}
.raisely-regular-donation-form__preferred-date__next-charge__info {
background : #eff6ff;
border : 1px solid #bfdbfe
}
.raisely-regular-donation-form__preferred-date__next-charge__info p {
color : #1e40af
}
.raisely-regular-donation-form__save-error {
margin : 0 0 1rem;
padding : .75rem;
border-radius : 8px;
background : #fef2f2;
border : 1px solid #fecaca;
color : #b91c1c;
font-size : .9rem;
line-height : 1.4;
text-align : left
}
.resource-list--grid {
margin : 0 -.75rem -.75rem
}
.resource-list--grid .resource-list__wrapper {
display : flex;
flex-direction : row;
flex-wrap : wrap
}
.resource-list--grid .resource-card {
width : calc(50% - 1.5rem);
margin : .75rem
}
.resource-list--grid .resource-card:first-of-type,.resource-list--grid .resource-card:nth-of-type(2) {
margin-top : 0
}
@media (max-width:736px) {
.resource-list--grid .resource-card {
width : 100%;
margin : 0 .375rem .75rem
}
}
.col--3 .resource-list--grid .resource-card,.col--4 .resource-list--grid .resource-card,.col--5 .resource-list--grid .resource-card,.col--6 .resource-list--grid .resource-card {
width : 100%;
margin : 0 .375rem .75rem
}
@media (max-width:736px) {
.col--5 .resource-list--grid .resource-card,.col--6 .resource-list--grid .resource-card,.col--7 .resource-list--grid .resource-card,.col--8 .resource-list--grid .resource-card,.col--9 .resource-list--grid .resource-card,.col--10 .resource-list--grid .resource-card,.col--11 .resource-list--grid .resource-card,.col--12 .resource-list--grid .resource-card {
width : 100%;
margin : 0 .375rem .75rem
}
}
.resource-list--slider {
--offset : 2rem
}
.resource-list--slider .horizontal-scroll__track {
margin-left : calc(var(--offset, 2rem)*0.5*-1)
}
.resource-list--slider .horizontal-scroll__item {
margin-right : .75rem
}
@media (max-width:736px) {
.resource-list--slider .horizontal-scroll__item {
margin-right : 0
}
}
.col--3 .resource-list--slider .horizontal-scroll__item,.col--4 .resource-list--slider .horizontal-scroll__item,.col--5 .resource-list--slider .horizontal-scroll__item,.col--6 .resource-list--slider .horizontal-scroll__item {
margin-right : 0
}
@media (max-width:736px) {
.col--5 .resource-list--slider .horizontal-scroll__item,.col--6 .resource-list--slider .horizontal-scroll__item,.col--7 .resource-list--slider .horizontal-scroll__item,.col--8 .resource-list--slider .horizontal-scroll__item,.col--9 .resource-list--slider .horizontal-scroll__item,.col--10 .resource-list--slider .horizontal-scroll__item,.col--11 .resource-list--slider .horizontal-scroll__item,.col--12 .resource-list--slider .horizontal-scroll__item {
margin-right : 0
}
}
.resource-list--slider .horizontal-scroll__item:last-of-type {
margin-right : 0
}
@media (max-width:736px) {
.resource-list--slider .horizontal-scroll__button {
display : none
}
}
.col--3 .resource-list--slider .horizontal-scroll__button,.col--4 .resource-list--slider .horizontal-scroll__button,.col--5 .resource-list--slider .horizontal-scroll__button,.col--6 .resource-list--slider .horizontal-scroll__button {
display : none
}
@media (max-width:736px) {
.col--5 .resource-list--slider .horizontal-scroll__button,.col--6 .resource-list--slider .horizontal-scroll__button,.col--7 .resource-list--slider .horizontal-scroll__button,.col--8 .resource-list--slider .horizontal-scroll__button,.col--9 .resource-list--slider .horizontal-scroll__button,.col--10 .resource-list--slider .horizontal-scroll__button,.col--11 .resource-list--slider .horizontal-scroll__button,.col--12 .resource-list--slider .horizontal-scroll__button {
display : none
}
}
.resource-list--slider .resource-card {
width : 400px;
height : 100%;
margin : 0
}
@media (max-width:736px) {
.resource-list--slider .resource-card {
width : 100%;
margin : 0 0 .75rem
}
}
.col--3 .resource-list--slider .resource-card,.col--4 .resource-list--slider .resource-card,.col--5 .resource-list--slider .resource-card,.col--6 .resource-list--slider .resource-card {
width : 100%;
margin : 0 0 .75rem
}
@media (max-width:736px) {
.col--5 .resource-list--slider .resource-card,.col--6 .resource-list--slider .resource-card,.col--7 .resource-list--slider .resource-card,.col--8 .resource-list--slider .resource-card,.col--9 .resource-list--slider .resource-card,.col--10 .resource-list--slider .resource-card,.col--11 .resource-list--slider .resource-card,.col--12 .resource-list--slider .resource-card {
width : 100%;
margin : 0 0 .75rem
}
}
@media (max-width:736px) {
.resource-list--collapsed .horizontal-scroll__track {
max-height : 200px;
overflow : hidden;
position : relative;
-webkit-mask : linear-gradient(180deg,#000 calc(100% - 2rem),transparent);
mask : linear-gradient(180deg,#000 calc(100% - 2rem),transparent)
}
}
.col--3 .resource-list--collapsed .horizontal-scroll__track,.col--4 .resource-list--collapsed .horizontal-scroll__track,.col--5 .resource-list--collapsed .horizontal-scroll__track,.col--6 .resource-list--collapsed .horizontal-scroll__track {
max-height : 200px;
overflow : hidden;
position : relative;
-webkit-mask : linear-gradient(180deg,#000 calc(100% - 2rem),transparent);
mask : linear-gradient(180deg,#000 calc(100% - 2rem),transparent)
}
@media (max-width:736px) {
.col--5 .resource-list--collapsed .horizontal-scroll__track,.col--6 .resource-list--collapsed .horizontal-scroll__track,.col--7 .resource-list--collapsed .horizontal-scroll__track,.col--8 .resource-list--collapsed .horizontal-scroll__track,.col--9 .resource-list--collapsed .horizontal-scroll__track,.col--10 .resource-list--collapsed .horizontal-scroll__track,.col--11 .resource-list--collapsed .horizontal-scroll__track,.col--12 .resource-list--collapsed .horizontal-scroll__track {
max-height : 200px;
overflow : hidden;
position : relative;
-webkit-mask : linear-gradient(180deg,#000 calc(100% - 2rem),transparent);
mask : linear-gradient(180deg,#000 calc(100% - 2rem),transparent)
}
}
.resource-list__more-button {
display : none;
margin : -1em auto 0;
padding : .25rem 1rem;
position : relative;
transition : all .3s cubic-bezier(.2,0,.1,1);
font-family : inherit;
font-size : .8rem;
font-weight : 700;
text-transform : uppercase;
border : 1px solid #333;
background : #fff;
border-radius : calc(.5rem + 1.6em);
flex-direction : row;
align-items : center
}
.resource-list__more-button i.material-icons {
margin-left : .5rem
}
@media (max-width:736px) {
.resource-list__more-button {
display : flex
}
}
.col--3 .resource-list__more-button,.col--4 .resource-list__more-button,.col--5 .resource-list__more-button,.col--6 .resource-list__more-button {
display : flex
}
@media (max-width:736px) {
.col--5 .resource-list__more-button,.col--6 .resource-list__more-button,.col--7 .resource-list__more-button,.col--8 .resource-list__more-button,.col--9 .resource-list__more-button,.col--10 .resource-list__more-button,.col--11 .resource-list__more-button,.col--12 .resource-list__more-button {
display : flex
}
}
.saml-login-button .button--saml {
font-size : 1rem;
display : inline-flex;
align-items : center;
size : 14px;
padding : .8rem 1.75em;
border-radius : 3px;
width : 100%;
background : #003882;
color : #fff;
text-align : center;
justify-content : center
}
.raisely-select-card {
position : relative;
z-index : 1;
margin-bottom : 1rem
}
.raisely-select-card--loading {
text-align : center
}
.raisely-select-card__menu {
padding : 0;
font-weight : 700;
border : 1px solid rgba(0,0,0,.2);
background : #fff;
border-radius : 3px;
position : relative;
list-style : none
}
.raisely-select-card__menu-item {
padding : .5rem;
display : block;
border-bottom : 1px solid rgba(0,0,0,.2);
list-style : none;
cursor : pointer;
display : flex;
flex-wrap : wrap;
justify-content : center;
align-items : center
}
.raisely-select-card__menu-item .no-pointer {
cursor : default
}
.raisely-select-card__menu-item:not(.button):not(.share-button),.raisely-select-card__menu-item:not(.button):not(.share-button):hover {
text-decoration : none
}
.raisely-select-card__menu-item:hover:not(.no-pointer) {
background : rgba(0,0,0,.1)
}
.raisely-select-card__menu-item:last-of-type {
border-bottom : none
}
.raisely-select-card__menu-item--selected:not(.button):not(.share-button),.raisely-select-card__menu-item--selected:not(.button):not(.share-button):hover {
font-weight : 700
}
.raisely-select-card__hover-menu {
display : none;
position : absolute;
left : -1px;
right : -1px;
background : #fff;
border : 1px solid rgba(0,0,0,.2);
border-top : 0
}
.raisely-select-card__hover-menu:hover,.raisely-select-card__menu:hover .raisely-select-card__hover-menu {
display : block
}
.raisely-select-card__card-logo {
display : inline-flex
}
.raisely-select-card__card-logo img {
width : 29px;
height : 18px;
margin-right : 16px;
vertical-align : bottom
}
.raisely-select-payment-detail__menu {
list-style : none;
padding-left : 0;
margin-bottom : .75em
}
.raisely-select-payment-detail__menu-item {
display : flex;
align-items : center
}
.raisely-select-payment-detail__card-details {
display : flex;
flex-direction : column;
align-items : flex-start;
line-height : 1.3
}
.raisely-select-payment-detail__card-logo {
display : inline-flex;
padding-right : 8px
}
.raisely-select-payment-detail__card-logo img {
width : 55px;
height : 43px;
object-fit : contain
}
.raisely-select-payment-detail__card-last-4 {
font-size : 14px;
font-weight : 600
}
.raisely-select-payment-detail__card-expiration {
font-size : 12px;
font-weight : 500
}
.raisely-select-payment-detail__paypal {
width : 100%
}
.raisely-select-payment-detail__paypal-content {
display : flex;
align-items : center;
margin-bottom : 12px
}
.raisely-select-payment-detail__paypal-content .raisely-select-payment-detail__card-logo {
display : inline-flex;
padding-right : 5px
}
.raisely-select-payment-detail__paypal-content .raisely-select-payment-detail__card-logo img {
width : 60px;
height : auto;
object-fit : contain
}
.raisely-select-payment-detail__paypal-text {
font-size : 14px;
font-weight : 600;
color : #333
}
.raisely-select-payment-detail__paypal-button {
margin-top : 8px;
margin-bottom : 4px
}
.raisely-select-payment-detail__paypal-manage-btn {
display : flex;
align-items : center;
justify-content : center;
width : 100%;
background : #ffc439;
border : 2px solid #ffc439;
border-radius : 8px;
padding : 10px;
cursor : pointer;
text-decoration : none;
user-select : none
}
.raisely-select-payment-detail__paypal-manage-btn:hover {
background : #ffb700;
border-color : #ffb700;
box-shadow : 0 2px 4px rgba(0,0,0,.1)
}
.raisely-select-payment-detail__paypal-manage-btn:focus {
outline : 2px solid #06c;
outline-offset : 2px
}
.raisely-select-payment-detail__paypal-manage-btn:focus:not(:focus-visible) {
outline : none
}
.raisely-select-payment-detail__paypal-manage-btn:focus-visible {
outline : 2px solid #06c;
outline-offset : 2px
}
.raisely-select-payment-detail__paypal-manage-btn img {
display : block;
pointer-events : none
}
.share {
line-height : 0
}
.share--align-left {
justify-content : flex-start;
text-align : left
}
.share--align-center {
justify-content : center;
text-align : center
}
.share--align-right {
justify-content : flex-end;
text-align : right
}
.signup-counter__value {
margin-bottom : .125em;
margin-top : .125em
}
.signup-counter__label:first-child {
margin-bottom : .125em
}
.signup-form {
text-align : center;
margin : 0 auto
}
.signup-form__header {
padding : 0 .5rem .5rem
}
.signup-form__header h5 {
font-weight : 700;
font-size : 1rem;
text-transform : uppercase
}
.signup-form__body .form-field {
margin-bottom : .8rem
}
.signup-form__icon {
margin-right : .33rem;
font-size : inherit
}
.signup-form__stages {
width : 100%;
position : relative;
margin-bottom : 1rem
}
.signup-form__stages__inner {
display : inline-block;
margin : auto;
overflow : hidden;
position : relative
}
.signup-form__stages__inner:before {
content : "";
position : absolute;
display : block;
width : 100%;
top : calc(50% - .5px);
height : 0;
border-bottom : 1px solid #ccc
}
.signup-form__alternate,.signup-form__saml {
margin-bottom : 1rem
}
.signup-form__stage {
cursor : pointer;
display : inline-block;
width : 2rem;
height : 2rem;
line-height : 2rem;
font-weight : 700;
border : 1px solid #ccc;
background-color : #fff;
position : relative;
z-index : 2;
font-size : .9rem;
margin-right : 45px
}
@media (max-width:736px) {
.signup-form__stage {
margin-right : 25px
}
}
.col--3 .signup-form__stage,.col--4 .signup-form__stage,.col--5 .signup-form__stage,.col--6 .signup-form__stage {
margin-right : 25px
}
@media (max-width:736px) {
.col--5 .signup-form__stage,.col--6 .signup-form__stage,.col--7 .signup-form__stage,.col--8 .signup-form__stage,.col--9 .signup-form__stage,.col--10 .signup-form__stage,.col--11 .signup-form__stage,.col--12 .signup-form__stage {
margin-right : 25px
}
}
@media (max-width:400px) {
.signup-form__stage {
margin-right : 20px
}
}
.col--1 .signup-form__stage,.col--2 .signup-form__stage {
margin-right : 20px
}
@media (max-width:400px) {
.col--3 .signup-form__stage,.col--4 .signup-form__stage,.col--5 .signup-form__stage,.col--6 .signup-form__stage,.col--7 .signup-form__stage,.col--8 .signup-form__stage,.col--9 .signup-form__stage,.col--10 .signup-form__stage,.col--11 .signup-form__stage,.col--12 .signup-form__stage {
margin-right : 20px
}
}
.signup-form__stage[disabled] {
pointer-events : none
}
.signup-form__stage:last-child {
margin-right : 0
}
.signup-form__stage--active {
background : #000;
color : hsla(0,0%,100%,.7)
}
.signup-form__title--has-icon {
display : flex;
flex-wrap : wrap;
align-items : center;
justify-content : center
}
.signup-form__step-heading {
text-align : center
}
.signup-form__facebook,.signup-form__step-description {
margin-bottom : 1rem
}
.signup-form__facebook .button--facebook {
width : 100%;
display : block;
margin-bottom : 1em
}
.signup-form__facebook p {
opacity : .6;
font-style : italic;
font-size : .9rem;
margin-top : .5em
}
.signup-form__profile-type p {
margin-bottom : 1rem
}
.signup-form__profile-options {
margin : auto;
max-width : 400px
}
.signup-form__profile-options .signup-form__button {
display : block;
width : 100%;
margin-bottom : .5rem
}
.signup-form__profile-options .signup-form__button__description,.signup-form__profile-options .signup-form__button__title {
display : block
}
.signup-form__profile-options .signup-form__button__description {
font-size : .825rem;
opacity : .8;
margin-top : .5rem;
font-weight : 400;
display : block;
line-height : 1.3
}
.signup-form .signup-form__skip-payment,.signup-form__nav,.signup-form__navigation {
margin-top : 1.5rem
}
.signup-form__profile .signup-form .signup-form__skip-payment,.signup-form__profile .signup-form__nav,.signup-form__profile .signup-form__navigation {
margin-top : 2rem;
margin-bottom : -1rem
}
@media (max-width:736px) {
.signup-form__profile .signup-form .signup-form__skip-payment,.signup-form__profile .signup-form__nav,.signup-form__profile .signup-form__navigation {
margin-bottom : .5rem
}
}
.col--3 .signup-form__profile .signup-form .signup-form__skip-payment,.col--4 .signup-form__profile .signup-form .signup-form__skip-payment,.col--5 .signup-form__profile .signup-form .signup-form__skip-payment,.col--6 .signup-form__profile .signup-form .signup-form__skip-payment,.signup-form__profile .signup-form__nav,.signup-form__profile .signup-form__navigation {
margin-bottom : .5rem
}
@media (max-width:736px) {
.col--5 .signup-form__profile .signup-form .signup-form__skip-payment,.col--6 .signup-form__profile .signup-form .signup-form__skip-payment,.col--7 .signup-form__profile .signup-form .signup-form__skip-payment,.col--8 .signup-form__profile .signup-form .signup-form__skip-payment,.col--9 .signup-form__profile .signup-form .signup-form__skip-payment,.col--10 .signup-form__profile .signup-form .signup-form__skip-payment,.col--11 .signup-form__profile .signup-form .signup-form__skip-payment,.col--12 .signup-form__profile .signup-form .signup-form__skip-payment,.signup-form__profile .signup-form__nav,.signup-form__profile .signup-form__navigation {
margin-bottom : .5rem
}
}
.signup-form__navigation__button--next,.signup-form__profile--next {
margin-right : 0
}
.signup-form__navigation__link {
outline : none;
border : none;
background : none;
font-weight : 400;
font-size : .9rem;
opacity : .6
}
.button~.signup-form__navigation__link {
margin-top : 1em
}
.signup-form__navigation__link .icon {
position : relative;
top : -1px
}
.signup-form__navigation__link .icon:first-child {
margin-left : -15px
}
.signup-form__navigation__link .icon:last-child {
margin-right : -15px
}
.signup-form__loading {
text-align : center;
padding : 1rem 0
}
.signup-form__error {
background : #e03131;
padding : 1rem;
color : #fff;
margin : 0 0 1rem;
border-radius : 3px
}
.signup-form__error p {
margin : 0
}
.signup-form__exists p {
margin-bottom : 1.5rem
}
.signup-form .donation-form {
margin : 2em
}
.signup-form__payment--registration .donation-form {
border : none;
background : none;
box-shadow : none;
overflow : visible
}
.signup-form__payment--registration .donation-form h3 {
display : none
}
.signup-form__payment--registration .donation-form__body {
padding : 0
}
.signup-form__payment--registration .donation-form__header {
display : none
}
.signup-form__payment-total {
background : #eee;
padding : 1rem;
margin : 0 2rem
}
.signup-form__payment-total span {
width : 50%;
float : left
}
.signup-form__payment-total__label {
text-align : left
}
.signup-form__payment-total__amount {
text-align : right;
font-weight : 700
}
.signup-form__payment-total:after {
content : "";
display : block;
clear : both
}
.signup-form__complete {
background : #eee;
padding : 4rem;
border-radius : 3px
}
.signup-form__exercise .signup-form__exercise__heading,.signup-form__profile-goal .signup-form__exercise__heading {
text-align : center
}
.signup-form__exercise__description,.signup-form__profile-goal__description {
margin-bottom : 1rem
}
.signup-form__exercise__btn,.signup-form__profile-goal__btn {
display : flex;
flex-wrap : wrap;
flex-direction : row;
align-items : center;
width : 100%;
text-align : left;
border-radius : 3px;
padding : 1rem;
margin-bottom : .75rem;
border : 3px solid;
font-weight : 700;
line-height : 1.2
}
.signup-form__exercise__btn__amount,.signup-form__profile-goal__btn__amount {
font-size : 2rem;
flex-basis : 40%;
padding-right : .5em
}
.signup-form__exercise__btn__description,.signup-form__profile-goal__btn__description {
flex : 1;
font-size : 1.1em
}
.signup-form__exercise__other,.signup-form__profile-goal__other {
display : flex;
flex-wrap : wrap;
flex-direction : row;
align-items : center;
padding : 1rem;
background : #eee;
border-radius : 3px
}
.signup-form__exercise__other__label,.signup-form__profile-goal__other__label {
flex-basis : 30%;
text-align : left;
padding-right : .5em
}
.signup-form__exercise__other__input,.signup-form__profile-goal__other__input {
flex-grow : 1;
padding : .5rem;
color : #000;
width : auto;
max-width : 100%;
width : 50%
}
.signup-form__exercise__other__unit,.signup-form__profile-goal__other__unit {
margin-left : .5rem
}
@media (max-width:736px) {
.signup-form__exercise__btn {
text-align : center
}
}
.col--3 .signup-form__exercise__btn,.col--4 .signup-form__exercise__btn,.col--5 .signup-form__exercise__btn,.col--6 .signup-form__exercise__btn {
text-align : center
}
@media (max-width:736px) {
.col--5 .signup-form__exercise__btn,.col--6 .signup-form__exercise__btn,.col--7 .signup-form__exercise__btn,.col--8 .signup-form__exercise__btn,.col--9 .signup-form__exercise__btn,.col--10 .signup-form__exercise__btn,.col--11 .signup-form__exercise__btn,.col--12 .signup-form__exercise__btn {
text-align : center
}
}
@media (max-width:736px) {
.signup-form__exercise__amount {
padding-right : 0;
flex-basis : 100%;
margin-bottom : .25em
}
}
.col--3 .signup-form__exercise__amount,.col--4 .signup-form__exercise__amount,.col--5 .signup-form__exercise__amount,.col--6 .signup-form__exercise__amount {
padding-right : 0;
flex-basis : 100%;
margin-bottom : .25em
}
@media (max-width:736px) {
.col--5 .signup-form__exercise__amount,.col--6 .signup-form__exercise__amount,.col--7 .signup-form__exercise__amount,.col--8 .signup-form__exercise__amount,.col--9 .signup-form__exercise__amount,.col--10 .signup-form__exercise__amount,.col--11 .signup-form__exercise__amount,.col--12 .signup-form__exercise__amount {
padding-right : 0;
flex-basis : 100%;
margin-bottom : .25em
}
}
@media (max-width:736px) {
.signup-form__profile-goal__btn {
text-align : center
}
}
.col--3 .signup-form__profile-goal__btn,.col--4 .signup-form__profile-goal__btn,.col--5 .signup-form__profile-goal__btn,.col--6 .signup-form__profile-goal__btn {
text-align : center
}
@media (max-width:736px) {
.col--5 .signup-form__profile-goal__btn,.col--6 .signup-form__profile-goal__btn,.col--7 .signup-form__profile-goal__btn,.col--8 .signup-form__profile-goal__btn,.col--9 .signup-form__profile-goal__btn,.col--10 .signup-form__profile-goal__btn,.col--11 .signup-form__profile-goal__btn,.col--12 .signup-form__profile-goal__btn {
text-align : center
}
}
@media (max-width:736px) {
.signup-form__profile-goal__amount {
padding-right : 0;
flex-basis : 100%;
margin-bottom : .25em
}
}
.col--3 .signup-form__profile-goal__amount,.col--4 .signup-form__profile-goal__amount,.col--5 .signup-form__profile-goal__amount,.col--6 .signup-form__profile-goal__amount {
padding-right : 0;
flex-basis : 100%;
margin-bottom : .25em
}
@media (max-width:736px) {
.col--5 .signup-form__profile-goal__amount,.col--6 .signup-form__profile-goal__amount,.col--7 .signup-form__profile-goal__amount,.col--8 .signup-form__profile-goal__amount,.col--9 .signup-form__profile-goal__amount,.col--10 .signup-form__profile-goal__amount,.col--11 .signup-form__profile-goal__amount,.col--12 .signup-form__profile-goal__amount {
padding-right : 0;
flex-basis : 100%;
margin-bottom : .25em
}
}
#modal-root .signup-form__error {
box-sizing : border-box;
scroll-margin-top : 1rem;
background : #e03131;
padding : 1rem;
color : #fff;
margin : 0 0 1rem;
border-radius : 3px;
background-image : none;
border : none;
box-shadow : none
}
#modal-root .signup-form__error p {
margin : 0
}
.form-append__partial-completion-message {
font-size : .75rem;
opacity : .7;
max-width : 450px;
margin : auto
}
.signup-form--v2 .signup-form__stages {
margin-bottom : 0
}
.signup-form--v2 .signup-form__profile-options {
display : flex;
flex-wrap : wrap;
max-width : none;
align-items : center;
margin : 1.5rem -.5rem 1rem;
width : calc(100% + 1em)
}
.signup-form--v2 .signup-form__profile-options__button {
flex-grow : 1;
margin : 0 .5rem
}
.signup-form--v2 .signup-form__profile-options__button__icon+.signup-form__button__title {
display : inline-block;
vertical-align : middle;
margin-left : .5rem
}
.signup-form--v2 .signup-form__payment-total {
margin : 0
}
.signup-form--v2 .signup-form__field-container {
opacity : 0;
transform : translate3d(.33rem,0,0);
animation : appearIn .33s cubic-bezier(.2,0,.1,1) .33s forwards
}
.signup-form--v2 .signup-form__navigation {
margin-bottom : 0
}
.signup-form--v2 .signup-form__navigation .button {
margin-top : 0;
margin-bottom : 0
}
.signup-form--v2 .signup-form__navigation__link {
color : inherit
}
.signup-form--v2 .donation-form--minimal {
border : none;
color : inherit;
margin : 1em 0 0
}
.signup-form--v2 .donation-form--minimal .signup-form__navigation {
margin-top : 1rem
}
.signup-form--v2 .donation-form__amount-btn {
background : #fff
}
.signup-form--v3,.signup-form-base {
position : relative
}
.signup-form--v3 .signup-form__stages,.signup-form-base .signup-form__stages {
margin-bottom : 0;
line-height : 0
}
.signup-form--v3 .signup-form__stages__inner:before,.signup-form-base .signup-form__stages__inner:before {
display : none
}
.signup-form--v3 .signup-form__body.signup-form__body,.signup-form-base .signup-form__body.signup-form__body {
padding : 1rem
}
.signup-form--v3 .signup-form__tickets-unavailable,.signup-form-base .signup-form__tickets-unavailable {
display : flex;
flex-direction : column;
align-items : center;
justify-content : center;
min-height : 300px;
padding : 10px
}
.signup-form--v3 .signup-form__tickets-unavailable>svg+p,.signup-form-base .signup-form__tickets-unavailable>svg+p {
margin-top : 15px
}
.signup-form--v3 .signup-form__tickets-unavailable p,.signup-form-base .signup-form__tickets-unavailable p {
font-weight : 600
}
.signup-form--v3 .signup-form__ticket-select__error,.signup-form-base .signup-form__ticket-select__error {
margin-top : -1.3rem;
min-height : 1.5rem;
border-radius : 10px;
font-size : .875rem
}
.signup-form--v3 .signup-form__ticket-select__error.visible,.signup-form-base .signup-form__ticket-select__error.visible {
background-color : rgba(255,0,0,.65)
}
.signup-form--v3 .signup-form__ticket-select__number-remaining,.signup-form-base .signup-form__ticket-select__number-remaining {
margin-top : 30px;
border-radius : 10px;
background-color : #e4ddf8;
padding : 4px;
font-size : .875rem;
font-weight : 600
}
.signup-form--v3 .signup-form__ticket-select__list,.signup-form-base .signup-form__ticket-select__list {
margin-top : 30px;
padding-left : 0;
list-style : none
}
.signup-form--v3 .signup-form__ticket-select__list-item,.signup-form-base .signup-form__ticket-select__list-item {
display : grid;
grid-template-areas : "image name name" "image details details" "image price quantity";
grid-template-columns: min-content minmax(0,3fr) 1fr;
column-gap : 6px
}
.signup-form--v3 .signup-form__ticket-select__list-item__img,.signup-form-base .signup-form__ticket-select__list-item__img {
grid-area : image;
align-self : start;
border-radius : 5px;
overflow : hidden
}
.signup-form--v3 .signup-form__ticket-select__list-item__img img,.signup-form-base .signup-form__ticket-select__list-item__img img {
display : block;
width : 100%;
min-width : 55px;
height : 100%;
aspect-ratio : 1;
object-fit : cover
}
.signup-form--v3 .signup-form__ticket-select__list-item__details p,.signup-form--v3 .signup-form__ticket-select__list-item__name p,.signup-form-base .signup-form__ticket-select__list-item__details p,.signup-form-base .signup-form__ticket-select__list-item__name p {
overflow : hidden;
text-overflow : ellipsis
}
.signup-form--v3 .signup-form__ticket-select__list-item__name,.signup-form-base .signup-form__ticket-select__list-item__name {
grid-area : name;
padding-right : 8px;
text-align : left
}
.signup-form--v3 .signup-form__ticket-select__list-item__name p,.signup-form-base .signup-form__ticket-select__list-item__name p {
font-weight : 600
}
.signup-form--v3 .signup-form__ticket-select__list-item__details,.signup-form-base .signup-form__ticket-select__list-item__details {
grid-area : details;
text-align : left
}
.signup-form--v3 .signup-form__ticket-select__list-item__details button,.signup-form--v3 .signup-form__ticket-select__list-item__details p,.signup-form-base .signup-form__ticket-select__list-item__details button,.signup-form-base .signup-form__ticket-select__list-item__details p {
font-size : .75rem
}
.signup-form--v3 .signup-form__ticket-select__list-item__details p,.signup-form-base .signup-form__ticket-select__list-item__details p {
opacity : 0;
max-height : 0;
transition : opacity .1s,max-height .1s;
pointer-events : none;
will-change : opacity,max-height
}
.signup-form--v3 .signup-form__ticket-select__list-item__details p.visible,.signup-form-base .signup-form__ticket-select__list-item__details p.visible {
opacity : 1;
max-height : 4.5rem;
transition : opacity .2s,max-height .2s;
pointer-events : auto;
display : -webkit-box;
overflow : hidden;
text-overflow : ellipsis;
-webkit-line-clamp : 4;
-webkit-box-orient : vertical
}
.signup-form--v3 .signup-form__ticket-select__list-item__details button,.signup-form-base .signup-form__ticket-select__list-item__details button {
display : inline-block;
margin : -8px;
border : 0;
background : none;
padding : 8px;
text-decoration : underline
}
.signup-form--v3 .signup-form__ticket-select__list-item__quantity,.signup-form-base .signup-form__ticket-select__list-item__quantity {
--hit-area : 15px;
display : flex;
align-items : center;
grid-area : quantity;
align-self : baseline;
justify-self : end;
margin : calc(var(--hit-area)*-1);
position : relative
}
.signup-form--v3 .signup-form__ticket-select__list-item__quantity__max-selected,.signup-form-base .signup-form__ticket-select__list-item__quantity__max-selected {
position : absolute;
right : var(--hit-area);
top : 50px;
font-size : .875rem;
color : #585a71
}
.signup-form--v3 .signup-form__ticket-select__list-item__quantity input,.signup-form-base .signup-form__ticket-select__list-item__quantity input {
width : 70px;
text-align : center;
font-size : 1.125rem
}
.signup-form--v3 .signup-form__ticket-select__list-item__quantity button,.signup-form--v3 .signup-form__ticket-select__list-item__quantity p,.signup-form-base .signup-form__ticket-select__list-item__quantity button,.signup-form-base .signup-form__ticket-select__list-item__quantity p {
padding : var(--hit-area)
}
.signup-form--v3 .signup-form__ticket-select__list-item__quantity p,.signup-form-base .signup-form__ticket-select__list-item__quantity p {
white-space : nowrap
}
.signup-form--v3 .signup-form__ticket-select__list-item__quantity button,.signup-form-base .signup-form__ticket-select__list-item__quantity button {
border : 0;
background : none;
transition : transform .2s ease-out
}
@media (hover:hover) {
.signup-form--v3 .signup-form__ticket-select__list-item__quantity button:hover:enabled,.signup-form-base .signup-form__ticket-select__list-item__quantity button:hover:enabled {
transform : scale(1.05)
}
}
.signup-form--v3 .signup-form__ticket-select__list-item__quantity button:active:enabled,.signup-form-base .signup-form__ticket-select__list-item__quantity button:active:enabled {
transform : scale(.9);
transition : transform .05s ease-in
}
@media (pointer:coarse) {
.signup-form--v3 .signup-form__ticket-select__list-item__quantity button:active:enabled,.signup-form-base .signup-form__ticket-select__list-item__quantity button:active:enabled {
transform : scale(1.1)
}
}
.signup-form--v3 .signup-form__ticket-select__list-item__quantity button[disabled],.signup-form-base .signup-form__ticket-select__list-item__quantity button[disabled] {
opacity : .3;
cursor : not-allowed
}
.signup-form--v3 .signup-form__ticket-select__list-item__quantity button:first-of-type,.signup-form-base .signup-form__ticket-select__list-item__quantity button:first-of-type {
padding-right : 8px
}
.signup-form--v3 .signup-form__ticket-select__list-item__quantity button:last-of-type,.signup-form-base .signup-form__ticket-select__list-item__quantity button:last-of-type {
padding-left : 8px
}
.signup-form--v3 .signup-form__ticket-select__list-item__price,.signup-form-base .signup-form__ticket-select__list-item__price {
grid-area : price;
justify-self : start;
align-self : center;
font-size : .875rem;
font-weight : 600
}
.signup-form--v3 .signup-form__ticket-select__list-item+li,.signup-form-base .signup-form__ticket-select__list-item+li {
margin-top : 30px
}
.signup-form--v3 .signup-form__ticket-holder__list-item,.signup-form-base .signup-form__ticket-holder__list-item {
display : flex;
align-items : center;
gap : 10px
}
.signup-form--v3 .signup-form__ticket-holder__list-item:hover,.signup-form-base .signup-form__ticket-holder__list-item:hover {
cursor : var(--cursor)
}
.signup-form--v3 .signup-form__ticket-holder__description,.signup-form-base .signup-form__ticket-holder__description {
margin-top : 20px;
border : 0;
background : none;
padding : 0;
text-align : left;
font-size : 1rem
}
.signup-form--v3 .signup-form__ticket-holder .ticket-type,.signup-form-base .signup-form__ticket-holder .ticket-type {
font-size : 1rem;
font-weight : 600;
font-family : sans-serif;
color : #111
}
.signup-form--v3 .signup-form__ticket-holder .ticket-type-parent-bundle,.signup-form-base .signup-form__ticket-holder .ticket-type-parent-bundle {
font-size : .9rem;
font-weight : 500;
font-family : sans-serif;
color : #505050;
display : block
}
.signup-form--v3 .signup-form__ticket-holder form,.signup-form-base .signup-form__ticket-holder form {
margin-top : 16px
}
.signup-form--v3 .signup-form__profile-options,.signup-form-base .signup-form__profile-options {
display : flex;
flex-wrap : wrap;
max-width : none;
align-items : center;
margin : 1.5rem -.5rem 1rem;
width : calc(100% + 1em)
}
.signup-form--v3 .signup-form__profile-options__button,.signup-form-base .signup-form__profile-options__button {
flex-grow : 1;
margin : 0 .5rem
}
.signup-form--v3 .signup-form__profile-options__button__icon+.signup-form__button__title,.signup-form-base .signup-form__profile-options__button__icon+.signup-form__button__title {
display : inline-block;
vertical-align : middle;
margin-left : .5rem
}
.signup-form--v3 .signup-form__field-container,.signup-form--v3 .signup-form__field-container .ticket-holder__wrapper,.signup-form-base .signup-form__field-container,.signup-form-base .signup-form__field-container .ticket-holder__wrapper {
transform : translate3d(.33rem,0,0);
opacity : 0;
animation : appearIn .33s cubic-bezier(.2,0,.1,1) .33s forwards
}
.signup-form--v3 .signup-form__donation-select .donation-form,.signup-form--v3 .signup-form__giftaid .donation-form,.signup-form-base .signup-form__donation-select .donation-form,.signup-form-base .signup-form__giftaid .donation-form {
margin : 0;
border : 0
}
.signup-form--v3 .signup-form__payment__order-summary,.signup-form--v3 .signup-form__payment__promo-code-form__wrapper,.signup-form--v3 .signup-form__payment__promo-code-success,.signup-form-base .signup-form__payment__order-summary,.signup-form-base .signup-form__payment__promo-code-form__wrapper,.signup-form-base .signup-form__payment__promo-code-success {
margin-top : min(50px,5vmin)
}
.signup-form--v3 .signup-form__payment__promo-code-form,.signup-form-base .signup-form__payment__promo-code-form {
display : flex;
flex-wrap : wrap
}
.signup-form--v3 .signup-form__payment__promo-code-form__wrapper,.signup-form-base .signup-form__payment__promo-code-form__wrapper {
min-height : 60px
}
.signup-form--v3 .signup-form__payment__promo-code-form div,.signup-form-base .signup-form__payment__promo-code-form div {
flex : 4;
margin-right : 8px;
margin-bottom : 0
}
.signup-form--v3 .signup-form__payment__promo-code-form label,.signup-form-base .signup-form__payment__promo-code-form label {
top : .34em;
left : .5em
}
.signup-form--v3 .signup-form__payment__promo-code-form label span,.signup-form-base .signup-form__payment__promo-code-form label span {
font-size : .755rem
}
.signup-form--v3 .signup-form__payment__promo-code-form input,.signup-form-base .signup-form__payment__promo-code-form input {
max-height : 45px;
padding : 23px 9px;
font-size : .938rem
}
.signup-form--v3 .signup-form__payment__promo-code-form button,.signup-form-base .signup-form__payment__promo-code-form button {
position : relative;
flex : 1;
border : 0;
border-radius : 3px;
font-weight : 600
}
.signup-form--v3 .signup-form__payment__promo-code-form button+p,.signup-form-base .signup-form__payment__promo-code-form button+p {
margin-top : 4px;
flex-basis : 100%;
text-align : left;
color : #e03131;
font-size : .75rem
}
.signup-form--v3 .signup-form__payment__promo-code-success,.signup-form-base .signup-form__payment__promo-code-success {
display : flex;
justify-content : space-between;
padding : 12px
}
.signup-form--v3 .signup-form__payment__promo-code-success p,.signup-form-base .signup-form__payment__promo-code-success p {
font-size : .813rem;
text-align : left
}
.signup-form--v3 .signup-form__payment__promo-code-success button,.signup-form-base .signup-form__payment__promo-code-success button {
border : 0;
background : none
}
.signup-form--v3 .signup-form__payment__order-summary,.signup-form-base .signup-form__payment__order-summary {
text-align : left
}
.signup-form--v3 .signup-form__payment__order-summary__heading,.signup-form-base .signup-form__payment__order-summary__heading {
display : flex;
align-items : center;
justify-content : space-between;
margin-bottom : 8px
}
.signup-form--v3 .signup-form__payment__order-summary__heading button,.signup-form--v3 .signup-form__payment__order-summary__heading h4,.signup-form-base .signup-form__payment__order-summary__heading button,.signup-form-base .signup-form__payment__order-summary__heading h4 {
text-transform : uppercase;
letter-spacing : 1px;
font-weight : 600
}
.signup-form--v3 .signup-form__payment__order-summary__heading h4,.signup-form-base .signup-form__payment__order-summary__heading h4 {
margin : 0;
font-size : .875rem
}
.signup-form--v3 .signup-form__payment__order-summary__heading button,.signup-form-base .signup-form__payment__order-summary__heading button {
display : flex;
align-items : center;
flex-shrink : 0;
border : 0;
background : none;
padding : 0;
font-size : .75rem
}
.signup-form--v3 .signup-form__payment__order-summary__heading span.icon,.signup-form-base .signup-form__payment__order-summary__heading span.icon {
margin-left : 4px;
width : auto;
height : auto;
font-size : 1rem
}
.signup-form--v3 .signup-form__payment__order-summary .wrapper,.signup-form-base .signup-form__payment__order-summary .wrapper {
border-radius : 2px;
padding : 15px
}
.signup-form--v3 .signup-form__payment__order-summary ul,.signup-form-base .signup-form__payment__order-summary ul {
padding-bottom : 15px;
padding-left : 0;
list-style : none
}
.signup-form--v3 .signup-form__payment__order-summary ul+*,.signup-form-base .signup-form__payment__order-summary ul+* {
border-top : 1px solid #d3d4e4;
padding-top : 15px
}
.signup-form--v3 .signup-form__payment__order-summary li,.signup-form-base .signup-form__payment__order-summary li {
display : flex;
justify-content : space-between;
color : #000;
font-size : .875rem
}
.signup-form--v3 .signup-form__payment__order-summary li+li,.signup-form-base .signup-form__payment__order-summary li+li {
margin-top : 8px
}
.signup-form--v3 .signup-form__payment__order-summary__line-items li,.signup-form-base .signup-form__payment__order-summary__line-items li {
color : #585a71
}
.signup-form--v3 .signup-form__payment__order-summary__line-items .ticket-name,.signup-form-base .signup-form__payment__order-summary__line-items .ticket-name {
flex-basis : 60%;
padding-right : 16px;
overflow : hidden;
text-overflow : ellipsis
}
.signup-form--v3 .signup-form__payment__order-summary__line-items .quantity-total-wrapper,.signup-form-base .signup-form__payment__order-summary__line-items .quantity-total-wrapper {
display : flex;
flex : 1;
justify-content : space-between
}
.signup-form--v3 .signup-form__payment__order-summary__line-items .discount,.signup-form-base .signup-form__payment__order-summary__line-items .discount {
font-weight : 600
}
.signup-form--v3 .signup-form__payment__order-summary__total-summary .sub-total,.signup-form-base .signup-form__payment__order-summary__total-summary .sub-total {
font-weight : 700
}
.signup-form--v3 .signup-form__payment__order-summary__total,.signup-form-base .signup-form__payment__order-summary__total {
display : flex;
justify-content : space-between;
color : #000;
font-size : 1rem;
font-weight : 700
}
.signup-form--v3 .signup-form__payment__order-summary+.signup-form__payment__submit-msg,.signup-form-base .signup-form__payment__order-summary+.signup-form__payment__submit-msg {
margin-top : 30px
}
.signup-form--v3 .signup-form__payment__submit-msg,.signup-form-base .signup-form__payment__submit-msg {
padding : 12px
}
.signup-form--v3 .signup-form__payment__submit-msg p,.signup-form-base .signup-form__payment__submit-msg p {
text-align : left
}
.signup-form--v3 .signup-form__payment__blocks,.signup-form-base .signup-form__payment__blocks {
margin-top : 10px
}
.signup-form--v3 .signup-form__payment__blocks .donation-form,.signup-form-base .signup-form__payment__blocks .donation-form {
overflow : visible;
margin : 0;
box-shadow : none;
border : 0;
border-radius : 0
}
.signup-form--v3 .signup-form__payment__blocks .donation-form__raisely-fee,.signup-form-base .signup-form__payment__blocks .donation-form__raisely-fee {
width : 100%;
border : 1px solid #c4e0ff;
border-radius : 2px;
background-color : #ebf5ff
}
.signup-form--v3 .signup-form__payment__blocks .donation-form__raisely-fee .form-field,.signup-form-base .signup-form__payment__blocks .donation-form__raisely-fee .form-field {
margin-bottom : 0
}
.signup-form--v3 .signup-form__payment__blocks .donation-form__raisely-fee .form-field label,.signup-form-base .signup-form__payment__blocks .donation-form__raisely-fee .form-field label {
align-items : center;
padding : .7rem .5rem .5rem
}
.signup-form--v3 .signup-form__payment__blocks .donation-form__raisely-fee .form-field label:before,.signup-form-base .signup-form__payment__blocks .donation-form__raisely-fee .form-field label:before {
content : none
}
.signup-form--v3 .signup-form__payment__blocks .donation-form__raisely-fee .form-field__label-text,.signup-form-base .signup-form__payment__blocks .donation-form__raisely-fee .form-field__label-text {
font-weight : 400;
color : #262861
}
.signup-form--v3 .signup-form__payment__blocks .donation-form__raisely-fee .form-field__label-text b,.signup-form-base .signup-form__payment__blocks .donation-form__raisely-fee .form-field__label-text b {
font-weight : 400
}
.signup-form--v3 .signup-form__payment__blocks .donation-form__stripe-buttons,.signup-form-base .signup-form__payment__blocks .donation-form__stripe-buttons {
display : flex;
overflow : hidden;
margin-top : 15px;
margin-left : 0;
width : 100%
}
.signup-form--v3 .signup-form__payment__blocks .donation-form__submit-button,.signup-form-base .signup-form__payment__blocks .donation-form__submit-button {
position : relative;
border : 0;
border-radius : 2px;
width : 100%;
padding : 15px 25px;
font-size : 1rem;
font-weight : 700
}
.signup-form--v3 .signup-form__payment__blocks .donation-form__secure-checkout-label,.signup-form-base .signup-form__payment__blocks .donation-form__secure-checkout-label {
display : flex;
align-items : center;
justify-content : center;
margin-top : 10px
}
.signup-form--v3 .signup-form__payment__blocks .donation-form__secure-checkout-label span,.signup-form-base .signup-form__payment__blocks .donation-form__secure-checkout-label span {
margin-left : 6px;
font-size : .875rem;
font-weight : 600
}
.signup-form--v3 .signup-form__payment__blocks__payment-details,.signup-form-base .signup-form__payment__blocks__payment-details {
margin-top : min(50px,5vmin)
}
.signup-form--v3 .signup-form__payment__back-button,.signup-form-base .signup-form__payment__back-button {
margin-top : 25px;
border : 0;
background : none;
text-transform : uppercase;
font-size : .875rem;
font-weight : 700
}
.signup-form--v3 .signup-form__payment-total,.signup-form-base .signup-form__payment-total {
margin : 0
}
.signup-form--v3 .signup-form__navigation,.signup-form-base .signup-form__navigation {
margin-bottom : 0!important
}
.signup-form--v3 .signup-form__navigation button[class*=next],.signup-form-base .signup-form__navigation button[class*=next] {
position : relative;
overflow : hidden
}
.signup-form--v3 .signup-form__navigation .button,.signup-form-base .signup-form__navigation .button {
margin-top : 0;
margin-bottom : 0
}
.signup-form--v3 .signup-form__navigation__link,.signup-form-base .signup-form__navigation__link {
color : inherit
}
.signup-form--v3 .signup-form__nav__required-msg,.signup-form--v3 .signup-form__nav__total,.signup-form-base .signup-form__nav__required-msg,.signup-form-base .signup-form__nav__total {
display : inline-block;
margin-bottom : 8px;
color : #262861
}
.signup-form--v3 .signup-form__thankyou .share,.signup-form-base .signup-form__thankyou .share {
display : flex;
flex-wrap : wrap;
gap : 8px;
align-items : center;
justify-content : center
}
.signup-form--v3 .signup-form__error,.signup-form--v3 .signup-form__popup,.signup-form-base .signup-form__error,.signup-form-base .signup-form__popup {
display : flex;
justify-content : space-between;
align-items : baseline;
gap : 35px;
position : absolute;
top : 67px;
left : 50%;
transform : translateX(-50%);
z-index : 1;
margin-bottom : 0;
width : 90%;
border-radius : 10px;
box-shadow : 0 3px 8px rgba(0,0,0,.24);
padding : 1rem;
color : #fff;
font-weight : 700
}
.signup-form--v3 .signup-form__error p,.signup-form--v3 .signup-form__popup p,.signup-form-base .signup-form__error p,.signup-form-base .signup-form__popup p {
text-align : left;
font-size : .813rem
}
.signup-form--v3 .signup-form__error button,.signup-form--v3 .signup-form__popup button,.signup-form-base .signup-form__error button,.signup-form-base .signup-form__popup button {
margin : -10px;
border : 0;
background : none;
padding : 10px
}
.signup-form--v3 .signup-form__error button span,.signup-form--v3 .signup-form__popup button span,.signup-form-base .signup-form__error button span,.signup-form-base .signup-form__popup button span {
color : #fff
}
.signup-form--v3 .signup-form__error,.signup-form-base .signup-form__error {
background : rgba(255,0,0,.95)
}
.signup-form--v3 .signup-form__popup,.signup-form-base .signup-form__popup {
background : rgba(95,55,215,.95)
}
@media (min-width:500px) {
.signup-form--v3 .signup-form__body.signup-form__body,.signup-form-base .signup-form__body.signup-form__body {
padding : 1.5rem
}
.signup-form--v3 .signup-form__ticket-select__list-item,.signup-form-base .signup-form__ticket-select__list-item {
grid-template-areas : "image name quantity" "image details details" "image price price";
column-gap : 8px;
row-gap : 4px
}
.signup-form--v3 .signup-form__ticket-select__list-item__img img,.signup-form-base .signup-form__ticket-select__list-item__img img {
min-width : 80px
}
.signup-form--v3 .signup-form__ticket-select__list-item__quantity button:first-of-type,.signup-form-base .signup-form__ticket-select__list-item__quantity button:first-of-type {
padding-right : 15px
}
.signup-form--v3 .signup-form__ticket-select__list-item__quantity button:last-of-type,.signup-form-base .signup-form__ticket-select__list-item__quantity button:last-of-type {
padding-left : 15px
}
}
@media (pointer:coarse) {
.signup-form--v3,.signup-form-base {
-webkit-tap-highlight-color: transparent
}
}
#modal-root .signup-form--v3.fullscreen,#modal-root .signup-form-base.fullscreen {
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 10000;
height : 100%;
border-radius : 0;
background-color : #fff;
animation : fadeIn .2s
}
#modal-root .signup-form--v3.fullscreen .signup-form__header,#modal-root .signup-form-base.fullscreen .signup-form__header {
margin : 0;
border-bottom : 0;
background : #fff;
padding : 0
}
#modal-root .signup-form--v3.fullscreen .signup-form__stages--fullscreen,#modal-root .signup-form-base.fullscreen .signup-form__stages--fullscreen {
display : flex;
position : relative;
z-index : 2;
height : 50px;
box-shadow : 0 1px 1px rgba(0,0,0,.15);
background : #f2f2f4
}
#modal-root .signup-form--v3.fullscreen .signup-form__stages--fullscreen .signup-form__stages__inner,#modal-root .signup-form-base.fullscreen .signup-form__stages--fullscreen .signup-form__stages__inner {
justify-content : center;
background : transparent;
line-height : 0
}
#modal-root .signup-form--v3.fullscreen .signup-form__stages--fullscreen .signup-form__stages__inner:before,#modal-root .signup-form-base.fullscreen .signup-form__stages--fullscreen .signup-form__stages__inner:before {
content : none
}
#modal-root .signup-form--v3.fullscreen .signup-form__stages--fullscreen .signup-form__stages,#modal-root .signup-form-base.fullscreen .signup-form__stages--fullscreen .signup-form__stages {
margin-bottom : 0
}
#modal-root .signup-form--v3.fullscreen .signup-form__stages--fullscreen .signup-form__stage,#modal-root .signup-form-base.fullscreen .signup-form__stages--fullscreen .signup-form__stage {
display : inline-block;
margin-right : 8px;
width : 30px;
max-width : 15px;
height : 10px;
border-radius : 6px;
padding : 0;
transition : .25s cubic-bezier(.2,0,.1,1);
transition-property : max-width,background;
will-change : max-width
}
#modal-root .signup-form--v3.fullscreen .signup-form__stages--fullscreen .signup-form__stage--active,#modal-root .signup-form-base.fullscreen .signup-form__stages--fullscreen .signup-form__stage--active {
max-width : 30px
}
#modal-root .signup-form--v3.fullscreen .signup-form__stages--fullscreen .signup-form__stage span,#modal-root .signup-form-base.fullscreen .signup-form__stages--fullscreen .signup-form__stage span {
display : none
}
#modal-root .signup-form--v3.fullscreen .signup-form__stages--fullscreen .signup-form__stage:after,#modal-root .signup-form--v3.fullscreen .signup-form__stages--fullscreen .signup-form__stage:before,#modal-root .signup-form-base.fullscreen .signup-form__stages--fullscreen .signup-form__stage:after,#modal-root .signup-form-base.fullscreen .signup-form__stages--fullscreen .signup-form__stage:before {
content : none
}
#modal-root .signup-form--v3.fullscreen .signup-form__stages--fullscreen .signup-form__stages__close,#modal-root .signup-form-base.fullscreen .signup-form__stages--fullscreen .signup-form__stages__close {
display : block;
position : absolute;
top : 8px;
right : 16px;
transform : translateY(20%);
border : 0;
background : none;
padding : 0
}
#modal-root .signup-form--v3.fullscreen .signup-form__stages--fullscreen .signup-form__stages__close .icon,#modal-root .signup-form-base.fullscreen .signup-form__stages--fullscreen .signup-form__stages__close .icon {
color : #000
}
#modal-root .signup-form--v3.fullscreen .signup-form__nav--fullscreen,#modal-root .signup-form-base.fullscreen .signup-form__nav--fullscreen {
display : flex;
position : fixed;
right : 0;
bottom : 0;
left : 0;
flex-direction : column;
z-index : 2;
margin-bottom : 0;
box-shadow : 0 -1px 1px rgba(0,0,0,.15);
background-color : #fff
}
#modal-root .signup-form--v3.fullscreen .signup-form__nav--fullscreen__wrapper,#modal-root .signup-form-base.fullscreen .signup-form__nav--fullscreen__wrapper {
background-color : #f2f2f4;
padding : 15px
}
#modal-root .signup-form--v3.fullscreen .signup-form__nav--fullscreen .signup-form__nav__buttons,#modal-root .signup-form-base.fullscreen .signup-form__nav--fullscreen .signup-form__nav__buttons {
display : flex;
width : 100%;
justify-content : space-between
}
#modal-root .signup-form--v3.fullscreen .signup-form__nav--fullscreen .signup-form__nav__buttons button,#modal-root .signup-form-base.fullscreen .signup-form__nav--fullscreen .signup-form__nav__buttons button {
position : relative
}
#modal-root .signup-form--v3.fullscreen .signup-form__nav--fullscreen .button--full,#modal-root .signup-form-base.fullscreen .signup-form__nav--fullscreen .button--full {
width : unset;
min-width : unset
}
#modal-root .signup-form--v3.fullscreen .signup-form__nav--fullscreen .button--primary,#modal-root .signup-form--v3.fullscreen .signup-form__nav--fullscreen .button--secondary,#modal-root .signup-form--v3.fullscreen .signup-form__nav--fullscreen .signup-form__navigation__link,#modal-root .signup-form-base.fullscreen .signup-form__nav--fullscreen .button--primary,#modal-root .signup-form-base.fullscreen .signup-form__nav--fullscreen .button--secondary,#modal-root .signup-form-base.fullscreen .signup-form__nav--fullscreen .signup-form__navigation__link {
padding : 15px 25px;
text-transform : uppercase;
font-size : .875rem;
font-weight : 700
}
#modal-root .signup-form--v3.fullscreen .signup-form__nav--fullscreen .signup-form__navigation__link,#modal-root .signup-form-base.fullscreen .signup-form__nav--fullscreen .signup-form__navigation__link {
padding : 15px
}
#modal-root .signup-form--v3.fullscreen .signup-form__nav--fullscreen .button--secondary,#modal-root .signup-form--v3.fullscreen .signup-form__nav--fullscreen .signup-form__navigation__link,#modal-root .signup-form-base.fullscreen .signup-form__nav--fullscreen .button--secondary,#modal-root .signup-form-base.fullscreen .signup-form__nav--fullscreen .signup-form__navigation__link {
color : #262861
}
#modal-root .signup-form--v3.fullscreen .signup-form__nav--fullscreen .button--primary,#modal-root .signup-form--v3.fullscreen .signup-form__nav--fullscreen .button--secondary,#modal-root .signup-form-base.fullscreen .signup-form__nav--fullscreen .button--primary,#modal-root .signup-form-base.fullscreen .signup-form__nav--fullscreen .button--secondary {
border-radius : 6px
}
#modal-root .signup-form--v3.fullscreen .signup-form__nav--fullscreen .button--primary[disabled],#modal-root .signup-form-base.fullscreen .signup-form__nav--fullscreen .button--primary[disabled] {
background-color : #cfcfcf!important
}
#modal-root .signup-form--v3.fullscreen .signup-form__nav--fullscreen .button--primary:after,#modal-root .signup-form--v3.fullscreen .signup-form__nav--fullscreen .button--primary:before,#modal-root .signup-form-base.fullscreen .signup-form__nav--fullscreen .button--primary:after,#modal-root .signup-form-base.fullscreen .signup-form__nav--fullscreen .button--primary:before {
content : none
}
#modal-root .signup-form--v3.fullscreen .signup-form__nav--fullscreen .button--secondary,#modal-root .signup-form-base.fullscreen .signup-form__nav--fullscreen .button--secondary {
border : 1px solid #262861;
background-color : transparent;
padding : 14px 24px
}
#modal-root .signup-form--v3.fullscreen .donation-form__next,#modal-root .signup-form--v3.fullscreen .signup-form__nav,#modal-root .signup-form--v3.fullscreen .signup-form__navigation,#modal-root .signup-form--v3.fullscreen .signup-form__skip,#modal-root .signup-form-base.fullscreen .donation-form__next,#modal-root .signup-form-base.fullscreen .signup-form__nav,#modal-root .signup-form-base.fullscreen .signup-form__navigation,#modal-root .signup-form-base.fullscreen .signup-form__skip {
display : none
}
#modal-root .signup-form--v3.fullscreen .signup-form__body,#modal-root .signup-form-base.fullscreen .signup-form__body {
overflow-x : hidden;
overflow-y : auto;
background-color : #fff;
height : calc(100% - var(--nav-height))
}
#modal-root .signup-form--v3.fullscreen .signup-form__profile-options__button+.signup-form__profile-options__button,#modal-root .signup-form-base.fullscreen .signup-form__profile-options__button+.signup-form__profile-options__button {
margin-top : 8px
}
#modal-root .signup-form--v3.fullscreen .donation-form,#modal-root .signup-form-base.fullscreen .donation-form {
margin : 0
}
#modal-root .signup-form--v3.fullscreen .donation-form__amount,#modal-root .signup-form-base.fullscreen .donation-form__amount {
display : flex
}
#modal-root .signup-form--v3.fullscreen .donation-form__amount>*,#modal-root .signup-form-base.fullscreen .donation-form__amount>* {
max-width : unset;
flex-basis : 100%
}
#modal-root .signup-form--v3.fullscreen .donation-form__fundraising-costs,#modal-root .signup-form-base.fullscreen .donation-form__fundraising-costs {
text-decoration : none;
pointer-events : none
}
#modal-root .signup-form--v3.fullscreen .signup-form__payment__back-button,#modal-root .signup-form-base.fullscreen .signup-form__payment__back-button {
margin-bottom : 80px
}
#modal-root .signup-form--v3.fullscreen .form-field input:not(.input-full),#modal-root .signup-form--v3.fullscreen .form-field select,#modal-root .signup-form--v3.fullscreen .form-field textarea,#modal-root .signup-form-base.fullscreen .form-field input:not(.input-full),#modal-root .signup-form-base.fullscreen .form-field select,#modal-root .signup-form-base.fullscreen .form-field textarea {
font-size : 1rem
}
#modal-root .signup-form--v3.fullscreen .form-field__required,#modal-root .signup-form-base.fullscreen .form-field__required {
top : .2em
}
#modal-root .signup-form--v3.fullscreen .form-field .input-path__content,#modal-root .signup-form-base.fullscreen .form-field .input-path__content {
width : 45%
}
#modal-root .signup-form--v3.fullscreen .form-field .input-path__input,#modal-root .signup-form-base.fullscreen .form-field .input-path__input {
padding-top : 1.88em
}
.transition-bar {
display : block;
position : absolute;
top : 0;
bottom : 0;
left : 0;
opacity : 0;
width : 100%;
background : linear-gradient(90deg,transparent,rgba(240,246,255,.26));
animation : transitionIn var(--time,3s) ease-out .3s
}
.pac-container {
z-index : 10001!important
}
@keyframes transitionIn {
0%
{opacity:1;transform:translateX(-100%)}
20%
{transform:translateX(-10%)}
to {
transform : translateX(0)
}
}
@keyframes fadeIn {
0%
{opacity:0}
to {
opacity : 1
}
}
@keyframes fadeOut {
0%
{opacity:1}
to {
opacity : 0
}
}
.signup-form--v4.signup-form--v4 {
overflow : hidden;
box-shadow : 0 5px 20px -5px rgba(21,22,68,.15);
max-width : 736px
}
.signup-form--v4.signup-form--v4 .profile-image-with-name {
display : flex;
align-items : center;
justify-content : center;
gap : 10px
}
.signup-form--v4.signup-form--v4 .profile-image-with-name b,.signup-form--v4.signup-form--v4 .profile-image-with-name span {
white-space : pre
}
.signup-form--v4.signup-form--v4 .profile-image-with-name .profile-image {
width : 38px;
height : 38px;
padding : 0
}
.signup-form--v4.signup-form--v4 .profile-image-with-name .profile-image .profile-image__photo {
box-shadow : none
}
.signup-form--v4.signup-form--v4 .profile-image-with-name b {
max-width : 220px;
overflow : hidden;
text-overflow : ellipsis
}
.signup-form--v4.signup-form--v4 .profile-image-with-name+div {
margin-top : 10px
}
.signup-form--v4.signup-form--v4 .signup-form__body,.signup-form--v4.signup-form--v4 .signup-form__profile-type-select {
background-color : #fff
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select {
display : flex;
flex-direction : column;
width : 100%;
max-width : 736px;
border-radius : 10px
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__header {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding : 15px 10px
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__header h4 {
margin : 0;
line-height : 1;
color : #fff;
font-size : 1.125rem
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__types {
padding : 20px
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__types label span {
max-width : 220px;
overflow : hidden;
text-overflow : ellipsis;
white-space : pre
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card.selected,.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card:hover {
border-radius : 10px
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card.selected+div,.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card:hover+div,.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card:hover:not(.selected) {
border-color : transparent
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card--disabled,.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card--disabled:hover {
opacity : .5;
cursor : not-allowed;
background : rgba(0,0,0,.03)
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card--disabled .signup-form__profile-type-select__card__media-wrapper,.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card--disabled .signup-form__profile-type-select__card__media-wrapper:hover,.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card--disabled:hover .signup-form__profile-type-select__card__media-wrapper,.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card--disabled:hover .signup-form__profile-type-select__card__media-wrapper:hover {
cursor : not-allowed
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card__media-wrapper {
display : grid;
grid-template-columns: auto 60px;
padding : 20px 15px
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card__media-wrapper:hover {
cursor : pointer
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card__image {
overflow : hidden;
width : 60px;
height : 60px;
border-radius : 16px
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card__image img {
display : block;
width : 100%;
height : 100%;
object-fit : cover;
aspect-ratio : 1
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card__info {
display : flex;
flex-direction : column;
align-self : center;
align-items : flex-start
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card__info h4,.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card__info p {
text-align : left
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card__info h4 {
margin-top : 0;
margin-bottom : 0;
font-size : 1.5rem;
word-break : break-word
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card__info p {
margin-top : 10px;
font-size : .875rem
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__options {
overflow : hidden;
max-height : 0;
transition : max-height .2s ease-in;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background : #fff
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__options__wrapper {
display : flex;
flex-direction : column;
gap : 10px;
padding : 15px
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__options__wrapper__btns {
display : flex;
flex : 1;
gap : 10px
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__options__wrapper__btns button {
flex : 1;
background : none;
padding : 12px 10px;
font-size : 1rem;
font-weight : 400
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__options.is-showing {
max-height : 200px;
transition : max-height .3s ease-out
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__options p {
flex : 1;
text-align : left;
font-size : .875rem;
font-weight : 600
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select__list-container {
padding : 0
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select__list-container .profile-tile,.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select__list-container .profile-tile__content {
box-shadow : none;
background-color : transparent
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-tile {
align-items : center;
gap : 10px;
padding : 0
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select__list-item,.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select__list-item:focus,.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select__list-item:hover {
box-shadow : none;
border : 0
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select__list-item {
margin : 0;
padding : 10px
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select__list-subheading {
background : #fff;
padding : 10px
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select__list-subheading p {
font-size : .875rem;
font-weight : 600
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-image__photo {
top : 0;
right : 0;
bottom : 0;
left : 0;
box-shadow : none
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-tile .profile-image {
width : 60px;
height : 60px;
min-height : auto
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-tile__content {
flex : 1;
margin : 0;
padding : 0
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-tile__name {
flex-basis : 50%;
max-width : 160px;
overflow : hidden;
text-overflow : ellipsis;
white-space : pre;
font-size : 1rem
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-tile__total {
display : none
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .progress-bar__progress {
height : .6em;
color : #fff
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select__list {
min-height : 0
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select__list__spinner {
position : absolute;
top : 8px;
right : 10px
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select--selected {
padding : 0
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select--selected .profile-tile {
align-items : center;
background : none;
padding : 10px;
font-size : 1rem
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select--selected .profile-tile__content {
box-shadow : none;
background : none
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select--selected .profile-tile__name {
overflow : hidden;
max-width : 180px;
text-overflow : ellipsis;
white-space : pre;
text-align : left
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select--selected button {
margin : 0;
width : 100%;
border : 0;
padding : 10px 15px;
font-weight : 600;
font-size : 1rem
}
.signup-form--v4.signup-form--v4 .signup-form__exercise__other,.signup-form--v4.signup-form--v4 .signup-form__profile-goal__other {
position : relative;
padding : 0
}
.signup-form--v4.signup-form--v4 .signup-form__exercise__other__label {
display : none
}
.signup-form--v4.signup-form--v4 .signup-form__exercise__other__input {
padding : 16px
}
.signup-form--v4.signup-form--v4 .signup-form__exercise__other__unit {
position : absolute;
right : 40px;
margin : 0
}
.signup-form--v4.signup-form--v4 .signup-form__profile-goal__other {
display : block
}
.signup-form--v4.signup-form--v4 .signup-form__profile-goals {
margin-top : 30px
}
.signup-form--v4.signup-form--v4 .signup-form__profile__skip-btn {
margin : 0;
border : 0;
background : none;
font-size : 1rem;
font-weight : 600
}
.signup-form--v4.signup-form--v4 .signup-form__nav {
display : flex;
margin-top : 25px
}
.signup-form--v4.signup-form--v4 .signup-form__nav button {
margin : 0;
padding : 15px;
border : 0;
font-size : 1rem;
font-weight : 600;
font-family : inherit
}
.signup-form--v4.signup-form--v4 .signup-form__nav .back {
flex-basis : 10%
}
.signup-form--v4.signup-form--v4 .signup-form__nav .back:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.signup-form--v4.signup-form--v4 .signup-form__nav .back:first-child:last-child {
margin : 0 auto
}
.signup-form--v4.signup-form--v4 .signup-form__nav .back:first-child:last-child .visually-hidden {
position : relative;
width : auto;
height : auto;
margin : unset;
clip : unset;
overflow : unset
}
.signup-form--v4.signup-form--v4 .signup-form__nav .back span {
color : inherit
}
.signup-form--v4.signup-form--v4 .signup-form__nav .back+.next {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.signup-form--v4.signup-form--v4 .signup-form__nav .next {
flex : 1
}
.signup-form--v4.signup-form--v4 .signup-form__nav+.signup-form__skip {
opacity : 1;
margin-top : 30px;
font-weight : 600
}
.signup-form--v4.signup-form--v4 .signup-form__nav+.signup-form__skip i {
display : none
}
.signup-form--v4.signup-form--v4 .donation-form__amount,.signup-form--v4.signup-form--v4 .signup-form__form {
margin-top : 30px
}
.signup-form--v4.signup-form--v4 .signup-form__field-section-heading {
margin-top : 30px;
margin-bottom : 10px;
font-size : 1rem;
font-weight : 700
}
.signup-form--v4.signup-form--v4 .signup-form__field-section-heading span {
display : block;
font-size : .8rem;
font-weight : 400
}
.signup-form--v4.signup-form--v4 .field-help {
align-items : flex-start
}
.signup-form--v4.signup-form--v4 .field-wrapper--photoUrl .form-field--image {
flex-direction : row-reverse
}
.signup-form--v4.signup-form--v4 .field-wrapper--photoUrl .form-field--image .button {
display : none
}
.signup-form--v4.signup-form--v4 .field-wrapper--photoUrl .form-field--image.form-field--image--is-square .form-field--image__message {
margin-top : 0;
width : 100px;
border-radius : 100%;
padding : 0
}
.signup-form--v4.signup-form--v4 .donation-form {
border-radius : 0
}
@media (min-width:500px) {
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card__media-wrapper {
grid-column-gap : 5px
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__options__wrapper {
flex-direction : row;
align-items : center
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__types {
padding : 30px
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__types label span {
max-width : unset
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card__media-wrapper {
padding : 25px
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select__list-item {
padding : 10px 20px
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-tile__total {
display : block;
opacity : 1;
font-size : 1rem;
font-weight : 600
}
.signup-form--v4.signup-form--v4 .signup-form__profile-type-select .profile-select--selected .profile-tile__name {
flex-basis : 60%;
max-width : 280px
}
}
.snapshot {
text-align : center;
display : grid;
gap : 1em
}
@media (max-width:736px) {
.snapshot {
gap : unset
}
}
.col--3 .snapshot,.col--4 .snapshot,.col--5 .snapshot,.col--6 .snapshot {
gap : unset
}
@media (max-width:736px) {
.col--5 .snapshot,.col--6 .snapshot,.col--7 .snapshot,.col--8 .snapshot,.col--9 .snapshot,.col--10 .snapshot,.col--11 .snapshot,.col--12 .snapshot {
gap : unset
}
}
.snapshot__raised {
padding : 2em;
background : #ddd;
display : flex;
flex-direction : column;
align-items : center
}
.snapshot__raised__raised {
margin-bottom : .5em
}
.snapshot__raised__total {
color : inherit
}
.snapshot__raised__progress-bar {
width : 100%;
max-width : 400px
}
@media (max-width:736px) {
.snapshot__raised:not(:last-of-type) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
}
.col--3 .snapshot__raised:not(:last-of-type),.col--4 .snapshot__raised:not(:last-of-type),.col--5 .snapshot__raised:not(:last-of-type),.col--6 .snapshot__raised:not(:last-of-type) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
@media (max-width:736px) {
.col--5 .snapshot__raised:not(:last-of-type),.col--6 .snapshot__raised:not(:last-of-type),.col--7 .snapshot__raised:not(:last-of-type),.col--8 .snapshot__raised:not(:last-of-type),.col--9 .snapshot__raised:not(:last-of-type),.col--10 .snapshot__raised:not(:last-of-type),.col--11 .snapshot__raised:not(:last-of-type),.col--12 .snapshot__raised:not(:last-of-type) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
}
.snapshot__highlights {
display : grid;
gap : inherit;
grid-template-columns: repeat(auto-fit,minmax(200px,1fr))
}
@media (max-width:736px) {
.snapshot__highlights {
grid-template-columns: 1fr
}
}
.col--3 .snapshot__highlights,.col--4 .snapshot__highlights,.col--5 .snapshot__highlights,.col--6 .snapshot__highlights {
grid-template-columns: 1fr
}
@media (max-width:736px) {
.col--5 .snapshot__highlights,.col--6 .snapshot__highlights,.col--7 .snapshot__highlights,.col--8 .snapshot__highlights,.col--9 .snapshot__highlights,.col--10 .snapshot__highlights,.col--11 .snapshot__highlights,.col--12 .snapshot__highlights {
grid-template-columns: 1fr
}
}
.snapshot__highlight {
display : flex;
flex-direction : column;
gap : .5em;
padding : 1.25em;
border : 1px solid #ddd;
background : #fff
}
.snapshot__highlight h3 {
margin-bottom : unset
}
@media (max-width:736px) {
.snapshot__highlight {
padding : 1em;
gap : .333em
}
.snapshot__highlights:not(:first-of-type) .snapshot__highlight:first-of-type {
border-radius : unset;
border-top : unset
}
.snapshot__highlight:first-of-type {
border-bottom-right-radius: unset;
border-bottom-left-radius: unset
}
.snapshot__highlight:not(:last-of-type) {
border-bottom : unset
}
.snapshot__highlight:not(:first-of-type):not(:last-of-type) {
border-radius : unset
}
.snapshot__highlight:last-of-type {
border-top-right-radius: 0;
border-top-left-radius: 0
}
}
.col--3 .snapshot__highlight,.col--4 .snapshot__highlight,.col--5 .snapshot__highlight,.col--6 .snapshot__highlight {
padding : 1em;
gap : .333em
}
.col--3 .snapshot__highlights:not(:first-of-type) .col--3 .snapshot__highlight:first-of-type,.col--3 .snapshot__highlights:not(:first-of-type) .col--4 .snapshot__highlight:first-of-type,.col--3 .snapshot__highlights:not(:first-of-type) .col--5 .snapshot__highlight:first-of-type,.col--3 .snapshot__highlights:not(:first-of-type) .col--6 .snapshot__highlight:first-of-type,.col--4 .snapshot__highlights:not(:first-of-type) .col--3 .snapshot__highlight:first-of-type,.col--4 .snapshot__highlights:not(:first-of-type) .col--4 .snapshot__highlight:first-of-type,.col--4 .snapshot__highlights:not(:first-of-type) .col--5 .snapshot__highlight:first-of-type,.col--4 .snapshot__highlights:not(:first-of-type) .col--6 .snapshot__highlight:first-of-type,.col--5 .snapshot__highlights:not(:first-of-type) .col--3 .snapshot__highlight:first-of-type,.col--5 .snapshot__highlights:not(:first-of-type) .col--4 .snapshot__highlight:first-of-type,.col--5 .snapshot__highlights:not(:first-of-type) .col--5 .snapshot__highlight:first-of-type,.col--5 .snapshot__highlights:not(:first-of-type) .col--6 .snapshot__highlight:first-of-type,.col--6 .snapshot__highlights:not(:first-of-type) .col--3 .snapshot__highlight:first-of-type,.col--6 .snapshot__highlights:not(:first-of-type) .col--4 .snapshot__highlight:first-of-type,.col--6 .snapshot__highlights:not(:first-of-type) .col--5 .snapshot__highlight:first-of-type,.col--6 .snapshot__highlights:not(:first-of-type) .col--6 .snapshot__highlight:first-of-type {
border-radius : unset;
border-top : unset
}
.col--3 .snapshot__highlight:first-of-type,.col--4 .snapshot__highlight:first-of-type,.col--5 .snapshot__highlight:first-of-type,.col--6 .snapshot__highlight:first-of-type {
border-bottom-right-radius: unset;
border-bottom-left-radius: unset
}
.col--3 .snapshot__highlight:not(:last-of-type),.col--4 .snapshot__highlight:not(:last-of-type),.col--5 .snapshot__highlight:not(:last-of-type),.col--6 .snapshot__highlight:not(:last-of-type) {
border-bottom : unset
}
.col--3 .snapshot__highlight:not(:first-of-type):not(:last-of-type),.col--4 .snapshot__highlight:not(:first-of-type):not(:last-of-type),.col--5 .snapshot__highlight:not(:first-of-type):not(:last-of-type),.col--6 .snapshot__highlight:not(:first-of-type):not(:last-of-type) {
border-radius : unset
}
.col--3 .snapshot__highlight:last-of-type,.col--4 .snapshot__highlight:last-of-type,.col--5 .snapshot__highlight:last-of-type,.col--6 .snapshot__highlight:last-of-type {
border-top-right-radius: 0;
border-top-left-radius: 0
}
@media (max-width:736px) {
.col--5 .snapshot__highlight,.col--6 .snapshot__highlight,.col--7 .snapshot__highlight,.col--8 .snapshot__highlight,.col--9 .snapshot__highlight,.col--10 .snapshot__highlight,.col--11 .snapshot__highlight,.col--12 .snapshot__highlight {
padding : 1em;
gap : .333em
}
.col--5 .snapshot__highlights:not(:first-of-type) .col--5 .snapshot__highlight:first-of-type,.col--5 .snapshot__highlights:not(:first-of-type) .col--6 .snapshot__highlight:first-of-type,.col--5 .snapshot__highlights:not(:first-of-type) .col--7 .snapshot__highlight:first-of-type,.col--5 .snapshot__highlights:not(:first-of-type) .col--8 .snapshot__highlight:first-of-type,.col--5 .snapshot__highlights:not(:first-of-type) .col--9 .snapshot__highlight:first-of-type,.col--5 .snapshot__highlights:not(:first-of-type) .col--10 .snapshot__highlight:first-of-type,.col--5 .snapshot__highlights:not(:first-of-type) .col--11 .snapshot__highlight:first-of-type,.col--5 .snapshot__highlights:not(:first-of-type) .col--12 .snapshot__highlight:first-of-type,.col--6 .snapshot__highlights:not(:first-of-type) .col--5 .snapshot__highlight:first-of-type,.col--6 .snapshot__highlights:not(:first-of-type) .col--6 .snapshot__highlight:first-of-type,.col--6 .snapshot__highlights:not(:first-of-type) .col--7 .snapshot__highlight:first-of-type,.col--6 .snapshot__highlights:not(:first-of-type) .col--8 .snapshot__highlight:first-of-type,.col--6 .snapshot__highlights:not(:first-of-type) .col--9 .snapshot__highlight:first-of-type,.col--6 .snapshot__highlights:not(:first-of-type) .col--10 .snapshot__highlight:first-of-type,.col--6 .snapshot__highlights:not(:first-of-type) .col--11 .snapshot__highlight:first-of-type,.col--6 .snapshot__highlights:not(:first-of-type) .col--12 .snapshot__highlight:first-of-type,.col--7 .snapshot__highlights:not(:first-of-type) .col--5 .snapshot__highlight:first-of-type,.col--7 .snapshot__highlights:not(:first-of-type) .col--6 .snapshot__highlight:first-of-type,.col--7 .snapshot__highlights:not(:first-of-type) .col--7 .snapshot__highlight:first-of-type,.col--7 .snapshot__highlights:not(:first-of-type) .col--8 .snapshot__highlight:first-of-type,.col--7 .snapshot__highlights:not(:first-of-type) .col--9 .snapshot__highlight:first-of-type,.col--7 .snapshot__highlights:not(:first-of-type) .col--10 .snapshot__highlight:first-of-type,.col--7 .snapshot__highlights:not(:first-of-type) .col--11 .snapshot__highlight:first-of-type,.col--7 .snapshot__highlights:not(:first-of-type) .col--12 .snapshot__highlight:first-of-type,.col--8 .snapshot__highlights:not(:first-of-type) .col--5 .snapshot__highlight:first-of-type,.col--8 .snapshot__highlights:not(:first-of-type) .col--6 .snapshot__highlight:first-of-type,.col--8 .snapshot__highlights:not(:first-of-type) .col--7 .snapshot__highlight:first-of-type,.col--8 .snapshot__highlights:not(:first-of-type) .col--8 .snapshot__highlight:first-of-type,.col--8 .snapshot__highlights:not(:first-of-type) .col--9 .snapshot__highlight:first-of-type,.col--8 .snapshot__highlights:not(:first-of-type) .col--10 .snapshot__highlight:first-of-type,.col--8 .snapshot__highlights:not(:first-of-type) .col--11 .snapshot__highlight:first-of-type,.col--8 .snapshot__highlights:not(:first-of-type) .col--12 .snapshot__highlight:first-of-type,.col--9 .snapshot__highlights:not(:first-of-type) .col--5 .snapshot__highlight:first-of-type,.col--9 .snapshot__highlights:not(:first-of-type) .col--6 .snapshot__highlight:first-of-type,.col--9 .snapshot__highlights:not(:first-of-type) .col--7 .snapshot__highlight:first-of-type,.col--9 .snapshot__highlights:not(:first-of-type) .col--8 .snapshot__highlight:first-of-type,.col--9 .snapshot__highlights:not(:first-of-type) .col--9 .snapshot__highlight:first-of-type,.col--9 .snapshot__highlights:not(:first-of-type) .col--10 .snapshot__highlight:first-of-type,.col--9 .snapshot__highlights:not(:first-of-type) .col--11 .snapshot__highlight:first-of-type,.col--9 .snapshot__highlights:not(:first-of-type) .col--12 .snapshot__highlight:first-of-type,.col--10 .snapshot__highlights:not(:first-of-type) .col--5 .snapshot__highlight:first-of-type,.col--10 .snapshot__highlights:not(:first-of-type) .col--6 .snapshot__highlight:first-of-type,.col--10 .snapshot__highlights:not(:first-of-type) .col--7 .snapshot__highlight:first-of-type,.col--10 .snapshot__highlights:not(:first-of-type) .col--8 .snapshot__highlight:first-of-type,.col--10 .snapshot__highlights:not(:first-of-type) .col--9 .snapshot__highlight:first-of-type,.col--10 .snapshot__highlights:not(:first-of-type) .col--10 .snapshot__highlight:first-of-type,.col--10 .snapshot__highlights:not(:first-of-type) .col--11 .snapshot__highlight:first-of-type,.col--10 .snapshot__highlights:not(:first-of-type) .col--12 .snapshot__highlight:first-of-type,.col--11 .snapshot__highlights:not(:first-of-type) .col--5 .snapshot__highlight:first-of-type,.col--11 .snapshot__highlights:not(:first-of-type) .col--6 .snapshot__highlight:first-of-type,.col--11 .snapshot__highlights:not(:first-of-type) .col--7 .snapshot__highlight:first-of-type,.col--11 .snapshot__highlights:not(:first-of-type) .col--8 .snapshot__highlight:first-of-type,.col--11 .snapshot__highlights:not(:first-of-type) .col--9 .snapshot__highlight:first-of-type,.col--11 .snapshot__highlights:not(:first-of-type) .col--10 .snapshot__highlight:first-of-type,.col--11 .snapshot__highlights:not(:first-of-type) .col--11 .snapshot__highlight:first-of-type,.col--11 .snapshot__highlights:not(:first-of-type) .col--12 .snapshot__highlight:first-of-type,.col--12 .snapshot__highlights:not(:first-of-type) .col--5 .snapshot__highlight:first-of-type,.col--12 .snapshot__highlights:not(:first-of-type) .col--6 .snapshot__highlight:first-of-type,.col--12 .snapshot__highlights:not(:first-of-type) .col--7 .snapshot__highlight:first-of-type,.col--12 .snapshot__highlights:not(:first-of-type) .col--8 .snapshot__highlight:first-of-type,.col--12 .snapshot__highlights:not(:first-of-type) .col--9 .snapshot__highlight:first-of-type,.col--12 .snapshot__highlights:not(:first-of-type) .col--10 .snapshot__highlight:first-of-type,.col--12 .snapshot__highlights:not(:first-of-type) .col--11 .snapshot__highlight:first-of-type,.col--12 .snapshot__highlights:not(:first-of-type) .col--12 .snapshot__highlight:first-of-type {
border-radius : unset;
border-top : unset
}
.col--5 .snapshot__highlight:first-of-type,.col--6 .snapshot__highlight:first-of-type,.col--7 .snapshot__highlight:first-of-type,.col--8 .snapshot__highlight:first-of-type,.col--9 .snapshot__highlight:first-of-type,.col--10 .snapshot__highlight:first-of-type,.col--11 .snapshot__highlight:first-of-type,.col--12 .snapshot__highlight:first-of-type {
border-bottom-right-radius: unset;
border-bottom-left-radius: unset
}
.col--5 .snapshot__highlight:not(:last-of-type),.col--6 .snapshot__highlight:not(:last-of-type),.col--7 .snapshot__highlight:not(:last-of-type),.col--8 .snapshot__highlight:not(:last-of-type),.col--9 .snapshot__highlight:not(:last-of-type),.col--10 .snapshot__highlight:not(:last-of-type),.col--11 .snapshot__highlight:not(:last-of-type),.col--12 .snapshot__highlight:not(:last-of-type) {
border-bottom : unset
}
.col--5 .snapshot__highlight:not(:first-of-type):not(:last-of-type),.col--6 .snapshot__highlight:not(:first-of-type):not(:last-of-type),.col--7 .snapshot__highlight:not(:first-of-type):not(:last-of-type),.col--8 .snapshot__highlight:not(:first-of-type):not(:last-of-type),.col--9 .snapshot__highlight:not(:first-of-type):not(:last-of-type),.col--10 .snapshot__highlight:not(:first-of-type):not(:last-of-type),.col--11 .snapshot__highlight:not(:first-of-type):not(:last-of-type),.col--12 .snapshot__highlight:not(:first-of-type):not(:last-of-type) {
border-radius : unset
}
.col--5 .snapshot__highlight:last-of-type,.col--6 .snapshot__highlight:last-of-type,.col--7 .snapshot__highlight:last-of-type,.col--8 .snapshot__highlight:last-of-type,.col--9 .snapshot__highlight:last-of-type,.col--10 .snapshot__highlight:last-of-type,.col--11 .snapshot__highlight:last-of-type,.col--12 .snapshot__highlight:last-of-type {
border-top-right-radius: 0;
border-top-left-radius: 0
}
}
.snapshot__highlight .profile-tile {
display : flex;
flex-wrap : wrap;
justify-content : center;
gap : .5em;
align-self : center
}
@media (max-width:736px) {
.snapshot__highlight .profile-tile .profile-image {
font-size : 35px;
height : 1em;
width : 1em;
min-height : auto
}
}
.col--3 .snapshot__highlight .profile-tile .profile-image,.col--4 .snapshot__highlight .profile-tile .profile-image,.col--5 .snapshot__highlight .profile-tile .profile-image,.col--6 .snapshot__highlight .profile-tile .profile-image {
font-size : 35px;
height : 1em;
width : 1em;
min-height : auto
}
@media (max-width:736px) {
.col--5 .snapshot__highlight .profile-tile .profile-image,.col--6 .snapshot__highlight .profile-tile .profile-image,.col--7 .snapshot__highlight .profile-tile .profile-image,.col--8 .snapshot__highlight .profile-tile .profile-image,.col--9 .snapshot__highlight .profile-tile .profile-image,.col--10 .snapshot__highlight .profile-tile .profile-image,.col--11 .snapshot__highlight .profile-tile .profile-image,.col--12 .snapshot__highlight .profile-tile .profile-image {
font-size : 35px;
height : 1em;
width : 1em;
min-height : auto
}
}
.snapshot__highlight .profile-tile__content {
padding : unset
}
.snapshot__highlight .profile-tile__content-inner {
flex-basis : unset
}
.snapshot__highlight__figure {
display : flex;
flex-wrap : wrap;
flex-direction : column;
justify-content : center;
align-items : center;
gap : .333em
}
.snapshot__highlight__figure h3 {
width : auto
}
@media (max-width:736px) {
.snapshot__highlight__figure {
flex-direction : row;
gap : .5em
}
}
.col--3 .snapshot__highlight__figure,.col--4 .snapshot__highlight__figure,.col--5 .snapshot__highlight__figure,.col--6 .snapshot__highlight__figure {
flex-direction : row;
gap : .5em
}
@media (max-width:736px) {
.col--5 .snapshot__highlight__figure,.col--6 .snapshot__highlight__figure,.col--7 .snapshot__highlight__figure,.col--8 .snapshot__highlight__figure,.col--9 .snapshot__highlight__figure,.col--10 .snapshot__highlight__figure,.col--11 .snapshot__highlight__figure,.col--12 .snapshot__highlight__figure {
flex-direction : row;
gap : .5em
}
}
.statistics-grid {
display : grid;
grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
grid-template-rows : auto;
list-style : none;
gap : 1.5em;
padding : 0
}
@media (max-width:1024px) {
.statistics-grid {
grid-template-columns: minmax(0,1fr) minmax(0,1fr)
}
}
@media (max-width:736px) {
.statistics-grid {
display : flex;
flex-direction : column;
justify-content : center;
align-items : flex-start;
text-align : left
}
}
.statistics-grid--align-left {
text-align : left
}
.statistics-grid--align-center {
text-align : center
}
.statistics-grid--align-right {
text-align : right
}
.statistics-grid__item__description {
max-width : 40ch
}
.strava-connect__expired {
padding : 1rem;
background-color : rgba(0,0,0,.05);
margin-bottom : .8rem
}
.strava-connect__consent {
margin-bottom : .8rem
}
.strava-connect__no-consent {
pointer-events : none;
opacity : .7
}
.streamline-input__form,.streamline-input__input-container {
position : relative
}
.streamline-input__input-container__input {
display : block;
outline : none;
resize : none;
overflow : hidden;
line-height : 1.4;
width : 100%;
font-weight : 600;
border-radius : 20px 20px 20px 3px;
background-color : #fff;
padding : 8px 70px 8px 12px;
border-style : solid;
border-width : 1px
}
.streamline-input__input-container__submit {
font-size : inherit;
font-weight : 600;
font-family : inherit;
background : none;
border : none;
position : absolute;
bottom : 0;
right : 0;
transition : opacity .3s cubic-bezier(.2,0,.1,1),filter .3s cubic-bezier(.2,0,.1,1);
will-change : opacity,filter;
height : calc(1.4em + 16px);
line-height : calc(1.4em + 16px);
padding : 0 10px 0 0;
display : flex;
align-items : center;
justify-content : center;
opacity : 0;
transform : scale3d(.9,.9,1);
animation : appearIn .2s cubic-bezier(.2,0,.1,1) forwards
}
.streamline-input__input-container__submit>.icon {
display : none
}
.streamline-input__input-container__submit,.streamline-input__input-container__submit:focus {
outline : none
}
.streamline-input:not(.streamline-input--completed):not(.streamline-input--submitting) .streamline-input__input-container__submit[disabled] {
opacity : .5;
cursor : not-allowed;
filter : grayscale(.85)
}
@media (max-width:736px) {
.streamline-input__input-container__submit {
position : relative;
width : 100%;
height : unset;
margin-top : .5em;
line-height : unset;
padding-right : 0
}
}
.col--3 .streamline-input__input-container__submit,.col--4 .streamline-input__input-container__submit,.col--5 .streamline-input__input-container__submit,.col--6 .streamline-input__input-container__submit {
position : relative;
width : 100%;
height : unset;
margin-top : .5em;
line-height : unset;
padding-right : 0
}
@media (max-width:736px) {
.col--5 .streamline-input__input-container__submit,.col--6 .streamline-input__input-container__submit,.col--7 .streamline-input__input-container__submit,.col--8 .streamline-input__input-container__submit,.col--9 .streamline-input__input-container__submit,.col--10 .streamline-input__input-container__submit,.col--11 .streamline-input__input-container__submit,.col--12 .streamline-input__input-container__submit {
position : relative;
width : 100%;
height : unset;
margin-top : .5em;
line-height : unset;
padding-right : 0
}
}
.streamline-input__input-container__submit__label {
text-transform : uppercase;
line-height : 1;
font-size : .75rem;
border-radius : 10px;
background-color : #aaa;
padding : 1px 5px;
border : 1px solid;
display : inline-flex;
align-items : center
}
.streamline-input__input-container__submit__label .icon {
margin : -1em .2em -1em -.25em;
font-size : 1.2em;
width : auto;
height : auto;
display : flex;
align-items : center
}
@media (max-width:736px) {
.streamline-input__input-container__submit__label {
width : 100%;
font-size : 1rem;
display : block;
padding : 8px;
border-radius : 16px
}
}
.col--3 .streamline-input__input-container__submit__label,.col--4 .streamline-input__input-container__submit__label,.col--5 .streamline-input__input-container__submit__label,.col--6 .streamline-input__input-container__submit__label {
width : 100%;
font-size : 1rem;
display : block;
padding : 8px;
border-radius : 16px
}
@media (max-width:736px) {
.col--5 .streamline-input__input-container__submit__label,.col--6 .streamline-input__input-container__submit__label,.col--7 .streamline-input__input-container__submit__label,.col--8 .streamline-input__input-container__submit__label,.col--9 .streamline-input__input-container__submit__label,.col--10 .streamline-input__input-container__submit__label,.col--11 .streamline-input__input-container__submit__label,.col--12 .streamline-input__input-container__submit__label {
width : 100%;
font-size : 1rem;
display : block;
padding : 8px;
border-radius : 16px
}
}
input+.streamline-input__input-container__submit {
height : 100%
}
.streamline-input--active {
opacity : 1;
pointer-events : all;
height : var(--form-height);
max-height : var(--form-height)
}
.streamline-input--active .streamline-input__form {
transform : scaleX(1);
opacity : 1;
transition : transform .25s cubic-bezier(.2,0,.1,1) .25s,opacity .25s cubic-bezier(.2,0,.1,1) .25s
}
.streamline-input--submitting .streamline-input__form,.streamline-input--submitting .streamline-input__input-container__submit {
pointer-events : none
}
.streamline-input--submitting .streamline-input__input-container__submit:after {
content : "";
height : 1.5em;
width : 1.5em;
border-radius : 50%;
display : block;
position : absolute;
top : calc(50% - .75em);
right : 12.5%;
border-color : transparent currentcolor currentcolor transparent;
border-style : solid;
border-width : 2px;
backface-visibility : hidden;
animation : load .5s linear infinite
}
@keyframes load {
0%
{transform:rotate(0deg)}
to {
transform : rotate(1turn)
}
}
.streamline-input--submitting .streamline-input__input-container__submit .icon,.streamline-input--submitting .streamline-input__input-container__submit__label {
opacity : 0;
transition : opacity .1s cubic-bezier(.2,0,.1,1)
}
.streamline-input--completed .streamline-input__input-container__input {
background-color : #eee;
border-color : #eee
}
.streamline-input--completed .streamline-input__input-container__submit {
pointer-events : none
}
.team-info__input {
width : 100%
}
.team-info button+button {
margin-left : .5rem
}
.team-info--no-team {
display : block
}
.team-info--no-team p {
margin-bottom : 1rem
}
.note-editor-container {
position : relative
}
.note-editor-container .note-editable b,.note-editor-container .note-editable strong {
font-weight : 700
}
.note-editor-container .note-editable em,.note-editor-container .note-editable i {
font-style : italic
}
.note-editor-container .note-editable h1,.note-editor-container .note-editable h2,.note-editor-container .note-editable h3,.note-editor-container .note-editable h4,.note-editor-container .note-editable h5 {
font-weight : 700
}
.note-editor-container .note-editable h1 {
font-size : 2em
}
.note-editor-container .note-editable h2 {
font-size : 1.6em
}
.note-editor-container .note-editable h3 {
font-size : 1.2em
}
.note-editor-container .note-editable h4 {
font-size : 1.1em
}
.note-editor-container .note-editable h5 {
font-size : .8em
}
.note-editor-container .note-editable pre {
font-family : monospace;
white-space : pre
}
.note-editor-container .note-toolbar {
position : static!important;
position : sticky!important;
z-index : 100
}
.note-editor-container .note-float-right {
float : right!important
}
.note-editor-container .note-float-left {
float : left!important
}
.note-editor-container__upload-modal {
position : absolute;
top : 50%;
left : 20%;
width : 60%;
transform : translateY(-50%)
}
.note-editor-container .note-btn-group {
display : inline
}
.note-editor-container .CodeMirror-sizer {
border-right : none;
padding-right : 0!important
}
.note-editor-container .note-editor .note-toolbar {
padding : .5em;
background : transparent;
border-bottom : 2px solid #e6e6e6
}
.note-editor-container .note-editor .note-toolbar .note-btn {
border : none;
border-radius : 4px!important;
margin-left : 3px!important
}
.note-editor-container .note-editor .note-toolbar .note-btn-group>.note-editor-container .note-editor .note-toolbar .note-btn:first-child {
margin-left : 0!important
}
.note-editor-container .note-editor .note-form-label {
padding : 0;
margin : 0
}
.note-editor-container .note-editor .note-tooltip-content {
border-radius : 3px
}
.note-editor-container .note-editor .note-popover {
padding : .25em;
font-family : inherit;
font-size : inherit;
border-radius : 5px
}
.note-editor-container .note-editor .note-popover .popover-content {
padding : 2px
}
.note-editor-container .note-editor .note-popover .popover-content a[href] {
color : inherit;
padding : .5em .25em .5em .75em;
display : inline-block
}
.note-editor-container .note-editor .note-popover .popover-content>.note-btn-group {
margin-right : 0
}
.note-editor-container .note-editor .note-popover .popover-content .note-btn {
border-color : transparent;
border-radius : 4px
}
.note-editor.note-frame {
font-family : inherit
}
.note-modal-backdrop {
display : none!important
}
.note-editor-container .note-editor .note-modal.open {
display : flex;
flex-wrap : wrap;
padding : 5vmin
}
.note-editor-container .note-editor .note-modal-header {
border : none;
padding : 30px 30px 0
}
.note-editor-container .note-editor .note-modal-header .close {
margin : -10px;
opacity : .5;
transition : .2s cubic-bezier(.2,0,.1,1)
}
.note-editor-container .note-editor .note-modal-header .close:focus,.note-editor-container .note-editor .note-modal-header .close:hover {
opacity : 1
}
.note-editor-container .note-editor .note-modal-body>:not(:last-child) {
margin-bottom : .75em
}
.note-editor-container .note-editor .note-modal-body .checkbox {
font-size : inherit
}
.note-editor-container .note-editor .note-modal-body .checkbox>label {
padding : 0
}
.note-editor-container .note-editor .note-modal-content {
margin : auto;
box-shadow : 0 5px 15px rgba(0,0,0,.333),0 0 0 50vmax rgba(0,0,0,.4);
border : none;
width : 100%;
max-width : 600px
}
.note-editor-container .note-editor .note-modal-content .checkbox,.note-editor-container .note-editor .note-modal-content .form-group {
font-family : inherit
}
.note-editor-container .note-editor .note-modal-footer {
height : auto;
padding : 0 30px 30px
}
.note-editor-container .note-editor .note-modal-footer .note-btn {
float : unset;
border-color : transparent
}
.html-wrapper {
position : relative;
white-space : normal
}
.html-wrapper .note-float-right {
float : right!important
}
.html-wrapper .note-float-left {
float : left!important
}
.image-wrapper--with-link {
position : relative
}
.image-wrapper img {
max-width : 100%;
height : auto;
vertical-align : bottom;
min-width : 5px
}
.image-wrapper a {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
opacity : 0
}
.image-wrapper--align-left {
display : flex;
justify-content : flex-start
}
.image-wrapper--align-left img {
display : block
}
.image-wrapper--align-center {
display : flex;
justify-content : center
}
.image-wrapper--align-center img {
display : block
}
.image-wrapper--align-right {
display : flex;
justify-content : flex-end
}
.image-wrapper--align-right img {
display : block
}
.video-wrapper {
position : relative;
background : no-repeat 50%/cover
}
.video-wrapper:before {
content : "";
width : 100%;
padding-bottom : 56.25%;
display : block;
height : 0
}
.video-wrapper iframe {
position : absolute;
width : 100%;
height : 100%;
top : 0;
left : 0
}
.row__bg .video-wrapper {
position : absolute;
top : 50%;
left : 50%;
transform : translate3d(-50%,-50%,0);
width : 100%;
height : auto;
min-height : 100%;
display : flex;
align-items : center;
justify-content : center
}
.row__bg .video-wrapper iframe {
width : 1000%;
height : 135%;
top : 50%;
left : 50%;
transform : translate3d(-50%,-50%,0);
opacity : 0
}
.row__bg .video-wrapper--is-loaded iframe {
animation : videoIn 1s cubic-bezier(.22,.24,.18,1) 1s forwards
}
@media (prefers-reduced-motion) {
.row__bg .video-wrapper--is-loaded iframe {
animation : none;
display : none
}
}
@keyframes videoIn {
0%
{opacity:0}
to {
opacity : 1
}
}
.col {
min-height : 1px
}
#raisely-root {
min-height : 100vh;
display : flex;
flex-wrap : wrap;
flex-direction : column;
justify-items : flex-start
}
.row {
position : relative;
max-width : 100vw;
width : 100%
}
.row #editor-root {
pointer-events : none
}
.row__bg {
position : absolute;
top : 0;
right : 0;
width : 100%;
height : 100%;
overflow : hidden
}
.row__container {
max-width : 1100px;
margin-left : auto;
margin-right : auto;
position : relative;
display : flex;
flex-wrap : wrap;
align-items : normal
}
.row__container:after {
content : "";
display : table;
clear : both
}
@media (min-width:1200px) {
.row__container {
max-width : 1200px
}
}
@media (max-width:1024px) {
.row__container {
max-width : 100%
}
}
@media (max-width:736px) {
.row__container {
max-width : 100%
}
}
.row--align-top .col {
align-self : flex-start
}
.row--align-center .col {
align-self : center
}
.row--align-bottom .col {
align-self : flex-end
}
.row .col {
display : block;
float : left;
pointer-events : all
}
.row .col--is-sticky {
position : -webkit-sticky;
position : sticky
}
.row--align-none .col--is-sticky {
align-self : flex-start
}
.row--align-center .col--is-sticky {
align-self : center
}
.row--align-bottom .col--is-sticky {
align-self : flex-end
}
@media (max-width:736px) {
.row .col--is-sticky {
position : static;
top : unset;
bottom : unset
}
}
.row .col--1 {
width : 8.3333333333%
}
@media (min-width:1200px) {
.row .col--1 {
width : 8.3333333333%
}
}
@media (max-width:1024px) {
.row .col--1 {
width : 8.3333333333%
}
}
@media (max-width:736px) {
.row .col--1 {
width : 100%
}
}
.row .col--offset-1 {
margin-left : 8.3333333333%
}
@media (max-width:736px) {
.row .col--offset-1 {
margin-left : 0
}
}
.row .col--2 {
width : 16.6666666667%
}
@media (min-width:1200px) {
.row .col--2 {
width : 16.6666666667%
}
}
@media (max-width:1024px) {
.row .col--2 {
width : 16.6666666667%
}
}
@media (max-width:736px) {
.row .col--2 {
width : 100%
}
}
.row .col--offset-2 {
margin-left : 16.6666666667%
}
@media (max-width:736px) {
.row .col--offset-2 {
margin-left : 0
}
}
.row .col--3 {
width : 25%
}
@media (min-width:1200px) {
.row .col--3 {
width : 25%
}
}
@media (max-width:1024px) {
.row .col--3 {
width : 25%
}
}
@media (max-width:736px) {
.row .col--3 {
width : 100%
}
}
.row .col--offset-3 {
margin-left : 25%
}
@media (max-width:736px) {
.row .col--offset-3 {
margin-left : 0
}
}
.row .col--4 {
width : 33.3333333333%
}
@media (min-width:1200px) {
.row .col--4 {
width : 33.3333333333%
}
}
@media (max-width:1024px) {
.row .col--4 {
width : 33.3333333333%
}
}
@media (max-width:736px) {
.row .col--4 {
width : 100%
}
}
.row .col--offset-4 {
margin-left : 33.3333333333%
}
@media (max-width:736px) {
.row .col--offset-4 {
margin-left : 0
}
}
.row .col--5 {
width : 41.6666666667%
}
@media (min-width:1200px) {
.row .col--5 {
width : 41.6666666667%
}
}
@media (max-width:1024px) {
.row .col--5 {
width : 41.6666666667%
}
}
@media (max-width:736px) {
.row .col--5 {
width : 100%
}
}
.row .col--offset-5 {
margin-left : 41.6666666667%
}
@media (max-width:736px) {
.row .col--offset-5 {
margin-left : 0
}
}
.row .col--6 {
width : 50%
}
@media (min-width:1200px) {
.row .col--6 {
width : 50%
}
}
@media (max-width:1024px) {
.row .col--6 {
width : 50%
}
}
@media (max-width:736px) {
.row .col--6 {
width : 100%
}
}
.row .col--offset-6 {
margin-left : 50%
}
@media (max-width:736px) {
.row .col--offset-6 {
margin-left : 0
}
}
.row .col--7 {
width : 58.3333333333%
}
@media (min-width:1200px) {
.row .col--7 {
width : 58.3333333333%
}
}
@media (max-width:1024px) {
.row .col--7 {
width : 58.3333333333%
}
}
@media (max-width:736px) {
.row .col--7 {
width : 100%
}
}
.row .col--offset-7 {
margin-left : 58.3333333333%
}
@media (max-width:736px) {
.row .col--offset-7 {
margin-left : 0
}
}
.row .col--8 {
width : 66.6666666667%
}
@media (min-width:1200px) {
.row .col--8 {
width : 66.6666666667%
}
}
@media (max-width:1024px) {
.row .col--8 {
width : 66.6666666667%
}
}
@media (max-width:736px) {
.row .col--8 {
width : 100%
}
}
.row .col--offset-8 {
margin-left : 66.6666666667%
}
@media (max-width:736px) {
.row .col--offset-8 {
margin-left : 0
}
}
.row .col--9 {
width : 75%
}
@media (min-width:1200px) {
.row .col--9 {
width : 75%
}
}
@media (max-width:1024px) {
.row .col--9 {
width : 75%
}
}
@media (max-width:736px) {
.row .col--9 {
width : 100%
}
}
.row .col--offset-9 {
margin-left : 75%
}
@media (max-width:736px) {
.row .col--offset-9 {
margin-left : 0
}
}
.row .col--10 {
width : 83.3333333333%
}
@media (min-width:1200px) {
.row .col--10 {
width : 83.3333333333%
}
}
@media (max-width:1024px) {
.row .col--10 {
width : 83.3333333333%
}
}
@media (max-width:736px) {
.row .col--10 {
width : 100%
}
}
.row .col--offset-10 {
margin-left : 83.3333333333%
}
@media (max-width:736px) {
.row .col--offset-10 {
margin-left : 0
}
}
.row .col--11 {
width : 91.6666666667%
}
@media (min-width:1200px) {
.row .col--11 {
width : 91.6666666667%
}
}
@media (max-width:1024px) {
.row .col--11 {
width : 91.6666666667%
}
}
@media (max-width:736px) {
.row .col--11 {
width : 100%
}
}
.row .col--offset-11 {
margin-left : 91.6666666667%
}
@media (max-width:736px) {
.row .col--offset-11 {
margin-left : 0
}
}
.row .col--12 {
width : 100%
}
@media (min-width:1200px) {
.row .col--12 {
width : 100%
}
}
@media (max-width:1024px) {
.row .col--12 {
width : 100%
}
}
@media (max-width:736px) {
.row .col--12 {
width : 100%
}
}
.row .col--offset-12 {
margin-left : 100%
}
@media (max-width:736px) {
.row .col--offset-12 {
margin-left : 0
}
}
.row .col--align-top {
align-self : flex-start
}
.row .col--align-center {
align-self : center
}
.row .col--align-bottom {
align-self : flex-end
}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
.row {
min-height : 1px
}
}
.row__layout--header .row__container {
z-index : 10
}
.row__layout--section .row__container {
z-index : 1
}
.row__layout--section .row__container--contains-form {
z-index : 2
}
.row__layout--footer {
margin-top : auto
}
.row__layout--footer~.row__layout--footer {
margin-top : 0
}
.raisely-blockwrapper:empty {
margin : 0;
border : none;
padding : 0
}
.page:not(.override) .respond--show-desktop:not([class*=-tablet]):not([class*=-mobile]) {
display : none
}
@media (min-width:1025px) {
.page:not(.override) .respond--show-desktop,.page:not(.override) .respond--show-desktop:not([class*=-tablet]):not([class*=-mobile]) {
display : block
}
}
@media (min-width:1025px) {
.page:not(.override) .respond--hide-desktop {
display : none
}
}
.page:not(.override) .respond--show-tablet:not([class*=-desktop]):not([class*=-mobile]) {
display : none
}
@media (max-width:1024px) {
.page:not(.override) .respond--show-tablet:not([class*=-desktop]):not([class*=-mobile]) {
display : block
}
}
@media (max-width:736px) {
.page:not(.override) .respond--show-tablet:not([class*=-desktop]):not([class*=-mobile]) {
display : none
}
}
@media (max-width:1024px) {
.page:not(.override) .respond--show-tablet {
display : block
}
}
@media (max-width:1024px) {
.page:not(.override) .respond--hide-tablet {
display : none
}
}
.page:not(.override) .respond--show-mobile:not([class*=-desktop]):not([class*=-tablet]) {
display : none
}
@media (max-width:736px) {
.page:not(.override) .respond--show-mobile,.page:not(.override) .respond--show-mobile:not([class*=-desktop]):not([class*=-tablet]) {
display : block
}
}
@media (max-width:736px) {
.page:not(.override) .respond--hide-mobile {
display : none
}
}
.form-field,.note-editor .checkbox,.note-editor .form-group {
position : relative;
background : #fff;
font-size : .9em;
line-height : 1;
text-align : left;
transition : border-color .3s cubic-bezier(.2,0,.1,1);
padding : .54em;
border : .9px solid #444;
border-radius : 2.7px
}
.form-field--as-border {
padding : 0
}
.form-field:focus-within,.note-editor .checkbox:focus-within,.note-editor .form-group:focus-within {
border-color : currentColor
}
.form-field input,.form-field select,.form-field textarea,.note-editor .checkbox input,.note-editor .checkbox select,.note-editor .checkbox textarea,.note-editor .form-group input,.note-editor .form-group select,.note-editor .form-group textarea {
background : transparent;
border : 0;
margin : 0;
position : relative;
width : 100%;
max-width : 100%;
color : inherit;
font-family : inherit;
font-size : inherit;
line-height : inherit;
-webkit-appearance : none;
-moz-appearance : none
}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.note-editor .checkbox input:focus,.note-editor .checkbox select:focus,.note-editor .checkbox textarea:focus,.note-editor .form-group input:focus,.note-editor .form-group select:focus,.note-editor .form-group textarea:focus {
outline : 0
}
.form-field input[disabled],.form-field select[disabled],.form-field textarea[disabled],.note-editor .checkbox input[disabled],.note-editor .checkbox select[disabled],.note-editor .checkbox textarea[disabled],.note-editor .form-group input[disabled],.note-editor .form-group select[disabled],.note-editor .form-group textarea[disabled] {
opacity : .5
}
.form-field img,.note-editor .checkbox img,.note-editor .form-group img {
object-fit : cover
}
.form-field .icon,.note-editor .checkbox .icon,.note-editor .form-group .icon {
color : #2b2b2b;
fill : #2b2b2b
}
.form-field>label,.note-editor .checkbox>label,.note-editor .form-group>label {
z-index : 2;
pointer-events : none;
vertical-align : top;
display : inline-block
}
.form-field__label-text,.note-editor .note-form-label {
display : block;
color : #444;
font-weight : 700;
transition : color .2s ease;
line-height : 1
}
.form-field__label-text__error {
font-weight : 400
}
.form-field__label-text__error:first-letter {
text-transform : lowercase
}
.form-field__required {
display : inline-block;
position : absolute;
top : .2em;
right : .6em;
opacity : .5;
color : inherit
}
.form-field__required__icon {
font-style : normal;
font-weight : 700;
font-size : 1.3em
}
.form-field__error {
color : #ff2343;
line-height : 1;
position : absolute;
top : 0;
right : 0;
pointer-events : none;
text-align : right;
width : 50%;
display : flex;
flex-wrap : wrap;
justify-content : flex-end;
align-items : center
}
.form-field__error+.form-field__error {
display : none
}
.form-field__error .material-icons {
font-size : 1.1em;
margin-left : .25em
}
.form-field__label-text,.note-editor .note-form-label {
font-size : .855rem;
margin-bottom : .36em
}
.form-field__error {
margin-top : .594em;
margin-right : .594em;
font-size : .72em
}
.form-field__input-group {
display : flex;
align-items : center
}
.form-field__input-group>* {
font-size : inherit
}
.form-field__input-group__prepend {
font-weight : 600;
margin-right : -.33em;
opacity : .5;
padding : 1.88em 0 .54em .621em;
position : absolute
}
.form-field__input-group__prepend+input {
display : inline-block;
margin-left : .09em;
width : 90%;
width : calc(100% - 1.35em);
padding-left : 1.5em!important
}
.form-field--address,.form-field--select--other,.form-field--text,.form-field--textarea,.note-editor .form-group {
padding : 0
}
.form-field--address>label,.form-field--select--other>label,.form-field--text>label,.form-field--textarea>label,.note-editor .form-group>label {
position : absolute;
top : .54em;
left : .54em
}
.form-field--address input,.form-field--select--other input,.form-field--textarea input,.form-field--text input,.note-editor .form-group input {
padding : 1.88em .54em .54em
}
.form-field--address textarea,.form-field--select--other textarea,.form-field--textarea textarea,.form-field--text textarea,.note-editor .form-group textarea {
margin-top : 1.88em;
padding : 0 .54em .54em
}
.form-field--activity-measure,.form-field--address,.form-field--date,.form-field--phone,.form-field--select--other,.form-field--text,.note-editor .form-group {
font-size : 1.17em
}
.form-field--boolean:focus-within,.form-field--button-select:focus-within,.form-field--checkbox:focus-within,.form-field--image-size:focus-within,.form-field--range:focus-within,.form-field--slider:focus-within,.note-editor .checkbox:focus-within {
border-color : transparent
}
.form-field__card-logo {
position : absolute;
left : .52em;
bottom : .72em;
width : 1.1em
}
.form-field--half {
display : inline-block;
min-height : 67px;
width : 50%
}
.form-field--half:nth-child(2n) {
border-left-width : 0;
border-radius : 0 2.7px 2.7px 0
}
.form-field--half:nth-child(odd) {
border-right-width : 0;
border-radius : 2.7px 0 0 2.7px
}
.form-field--error {
scroll-margin : 3vh
}
.form-field--error .form-field__required {
display : none
}
.form-field--error:not(:focus-within) {
border-color : #ff2343
}
.form-field--error:not(:focus-within) .form-field__label-text,.form-field--error:not(:focus-within) .note-editor .note-form-label,.note-editor .form-field--error:not(:focus-within) .note-form-label {
color : #ff2343
}
.form-field__tooltip {
line-height : 1;
position : absolute;
top : .3em;
right : .3em;
font-weight : 600
}
.form-field__tooltip>i,.form-field__tooltip>span {
padding : .1em .2em;
line-height : 1;
display : inline-block
}
.form-field__tooltip.hash {
z-index : 4
}
.form-field__tooltip-icon {
border-radius : 100%;
cursor : pointer;
background-color : rgba(0,0,0,.1);
width : 1.15em;
height : 1.15em;
line-height : 1.15em;
transition : background .3s cubic-bezier(.2,0,.1,1),color .3s cubic-bezier(.2,0,.1,1)
}
.hash .form-field__tooltip-icon {
padding-top : 0;
font-size : .95em;
margin-top : .025em;
margin-left : .035em
}
.form-field__tooltip-icon--active,.form-field__tooltip-icon:focus,.form-field__tooltip-icon:hover {
background-color : #4570e4;
color : #fff
}
.form-field__tooltip-icon--active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.form-field__tooltip-icon--active:before {
content : "";
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 4
}
.form-description {
margin-bottom : 1em;
margin-top : 1em;
white-space : normal
}
.field-help {
font-size : .8em;
font-size : max(13px,.8em);
text-align : left;
margin-bottom : 1em;
margin-top : -.5em;
color : inherit;
display : flex;
align-items : center
}
.field-help .icon {
opacity : .5;
color : inherit;
fill : currentColor;
margin-right : .25em
}
.spinner {
margin-top : -.15rem;
font-size : 2.75em;
height : 1em;
width : 1em;
position : relative;
animation : spinnerLoading .66667s linear infinite
}
.spinner:last-child {
margin-top : 0
}
@keyframes spinnerLoading {
0%
{transform:rotate(0deg)}
to {
transform : rotate(1turn)
}
}
.spinner__stroke {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
border : 3px solid transparent;
border-left-color : currentcolor;
border-radius : 50%;
animation : loadStroke 2s cubic-bezier(.23,0,.77,1) infinite
}
@keyframes loadStroke {
50%
{transform:rotate(130deg)}
}
.spinner__stroke:first-child {
animation-delay : .5s
}
.form-field--address__manual-wrapper {
padding-bottom : .25rem;
margin-bottom : 1rem;
border-bottom : 1px solid rgba(0,0,0,.1)
}
.form-field--address+.form-field--address__manual-toggle {
background : none;
border : 0;
padding : 0;
outline : 0;
margin : -.5em 0 1.25em;
color : #000;
text-align : left;
width : 100%;
font-size : .9em;
position : relative
}
.form-field--address+.form-field--address__manual-toggle:focus,.form-field--address+.form-field--address__manual-toggle:hover {
text-decoration : underline
}
.pac-container span {
display : inline;
vertical-align : baseline
}
.form-field--address .autocomplete-menu {
max-height : 200px;
overflow : auto;
border-top : 1px solid #eee
}
.form-field--address .autocomplete-menu .item {
padding : .66rem .75rem;
border-top : 1px solid #eee
}
.form-field--address .autocomplete-menu .item:first-child {
border-top : 0
}
.form-field--address .autocomplete-menu .item:hover {
cursor : pointer;
background : #eee
}
.form-field--address .incomplete-message {
padding : .66rem .75rem;
border-top : 1px solid #eee
}
.form-field--boolean button {
border : 0;
background : none;
padding : 0
}
.form-field--boolean label {
vertical-align : middle;
width : calc(100% - 70px - .3rem)
}
.form-field--boolean .form-field__label-text,.form-field--boolean .note-editor .note-form-label,.note-editor .form-field--boolean .note-form-label {
margin-bottom : 0
}
.form-field--boolean__inline {
overflow : hidden;
display : inline-block;
vertical-align : middle;
margin-left : .3rem;
text-transform : uppercase;
font-weight : 700;
-webkit-touch-callout: none;
-webkit-user-select : none;
-khtml-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none;
width : 70px;
height : 32px;
border-radius : 35px
}
.form-field--boolean__inline--small {
width : 57px;
height : 25px;
border-radius : 28.5px;
margin-left : calc(13px + .3rem)
}
.form-field--boolean__inline--tiny {
width : 35px;
height : 20px;
border-radius : 17.5px;
margin-left : calc(35px + .3rem)
}
.form-field--boolean__inline--disabled {
opacity : .6
}
.form-field--boolean__inline--disabled .form-field--boolean__switch {
cursor : not-allowed
}
.form-field--boolean__switch {
position : relative;
font-size : .8rem;
cursor : pointer;
display : block;
font-size : .625rem;
overflow : hidden;
box-sizing : content-box;
border-radius : 19px;
height : 100%;
background : #cfcfe6;
transition : .25s cubic-bezier(.2,0,.1,1);
vertical-align : middle
}
.form-field--boolean__switch__knob {
position : absolute;
top : 3px;
right : 3px;
left : 3px;
z-index : 3;
overflow : hidden;
height : 26px;
border-radius : 16px
}
.form-field--boolean__switch__knob:after,.form-field--boolean__switch__knob:before {
content : "";
position : absolute;
top : 0;
bottom : 0;
left : 0;
background : #fff;
border-radius : 50%;
width : 28px
}
.form-field--boolean__switch__knob:before {
transition : .2s cubic-bezier(.2,0,.1,1)
}
.form-field--boolean__switch__knob:after {
transition : .3s cubic-bezier(.2,0,.1,1)
}
.form-field--boolean__switch--small .form-field--boolean__switch__knob {
height : 19px;
border-radius : 12.5px
}
.form-field--boolean__switch--small .form-field--boolean__switch__knob:after,.form-field--boolean__switch--small .form-field--boolean__switch__knob:before {
width : 21px
}
.form-field--boolean__switch--tiny .form-field--boolean__switch__knob {
height : 14px;
border-radius : 10px
}
.form-field--boolean__switch--tiny .form-field--boolean__switch__knob:after,.form-field--boolean__switch--tiny .form-field--boolean__switch__knob:before {
width : 16px
}
.form-field--boolean__switch__left,.form-field--boolean__switch__right {
display : inline-block;
box-sizing : border-box;
position : absolute;
transition : all .2s cubic-bezier(.2,0,.1,1);
width : 100%;
z-index : 2;
padding : 1px 10px;
height : 100%;
opacity : 0;
line-height : 30px
}
.form-field--boolean__switch__left {
color : #fff;
text-align : left;
left : 0
}
.form-field--boolean__switch__right {
position : absolute;
right : 0;
text-align : right;
color : #262861
}
.form-field--boolean__switch--small .form-field--boolean__switch__left,.form-field--boolean__switch--small .form-field--boolean__switch__right {
line-height : 23px;
padding : 1px 7px
}
.form-field--boolean__switch--tiny .form-field--boolean__switch__left,.form-field--boolean__switch--tiny .form-field--boolean__switch__right {
line-height : 18px;
padding : 1px 7px
}
.form-field--boolean__switch--on {
background : #4570e4
}
.form-field--boolean__switch--off .form-field--boolean__switch__right,.form-field--boolean__switch--on .form-field--boolean__switch__left {
opacity : 1
}
.form-field--boolean__switch--on .form-field--boolean__switch__knob:after,.form-field--boolean__switch--on .form-field--boolean__switch__knob:before {
transform : translate3d(calc(64px - 100%),0,0)
}
.form-field--boolean__switch--on.form-field--boolean__switch--small .form-field--boolean__switch__knob:after,.form-field--boolean__switch--on.form-field--boolean__switch--small .form-field--boolean__switch__knob:before {
transform : translate3d(calc(51px - 100%),0,0)
}
.form-field--boolean__switch--on.form-field--boolean__switch--tiny .form-field--boolean__switch__knob:after,.form-field--boolean__switch--on.form-field--boolean__switch--tiny .form-field--boolean__switch__knob:before {
transform : translate3d(calc(29px - 100%),0,0)
}
.form-field--checkbox,.note-editor .checkbox {
background : none;
padding : 0;
border-width : 0;
color : inherit
}
.form-field--checkbox>label,.note-editor .checkbox>label {
cursor : pointer;
display : inline-flex;
align-items : flex-start;
pointer-events : all;
border-color : inherit;
margin-top : -.2em
}
.form-field--checkbox input,.note-editor .checkbox input {
position : relative;
top : .2em;
margin-top : -.2em;
flex-shrink : 0;
flex : 0 0 auto;
display : inline-block;
vertical-align : baseline;
width : 1em;
height : 1em;
appearance : none;
outline : none;
background : url("data:image/svg+xml;utf8,<svg stroke='none' xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='6'><path d='M25 8.3L13.4 23.1l-7-7.6'></path></svg>") no-repeat 50%/100%;
background-color : #fff;
border : 1px solid;
border-color : inherit;
border-radius : 1px;
margin-right : .5rem
}
.form-field--checkbox input:checked,.note-editor .checkbox input:checked {
background : url("data:image/svg+xml;utf8,<svg stroke='%23262861' xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='6'><path d='M25 8.3L13.4 23.1l-7-7.6'></path></svg>") no-repeat 50%/100%;
background-color : #fff
}
.form-field--checkbox .form-field__label-text,.form-field--checkbox .note-editor .note-form-label,.note-editor .checkbox .form-field__label-text,.note-editor .checkbox .note-form-label,.note-editor .form-field--checkbox .note-form-label {
line-height : 1.4;
margin-bottom : 0;
color : inherit
}
.form-field--color {
border : 0
}
.form-field--color:not([class*=StyledField]) {
padding : 0;
margin : .675em 0
}
.form-field--color__area {
position : relative;
padding : 1.2em 1em;
border-radius : 2px;
border : 1px solid;
display : flex;
flex-wrap : wrap;
align-items : center;
font-weight : 600;
font-size : .8rem
}
.form-field--color__area__reset {
position : absolute;
right : .8em;
top : 50%;
transform : translate3d(0,-50%,0);
border : 2px solid;
font-family : inherit;
font-weight : 600;
border-radius : 3em;
text-align : center;
display : inline-block;
line-height : 1.2;
user-select : none;
background-color : transparent;
padding : 0;
font-size : 80%;
width : 2.4em;
height : 2.4em;
display : flex;
flex-wrap : wrap;
align-items : center;
justify-content : center;
color : inherit
}
.form-field--color__area__reset i {
font-size : 1.66em
}
.form-field--color__area__button {
display : inline-block;
position : absolute;
right : 4em;
top : 50%;
border : 2px solid;
font-size : 80%;
font-family : inherit;
font-weight : 600;
text-align : center;
line-height : 1.2;
letter-spacing : .05em;
text-transform : uppercase;
border-radius : 2em;
padding : .5em .8em;
user-select : none;
background-color : transparent;
color : inherit;
transition : .3s cubic-bezier(.2,0,.1,1);
transform : translate3d(0,-50%,0)
}
.form-field--color__area__button:last-of-type {
transform : translate3d(3.2em,-50%,0)
}
.form-field--color__area .sketch-picker {
color : #000;
top : 100%;
z-index : 100;
position : absolute;
left : 50%;
transform : translateX(-50%)
}
.form-field--currency .form-field__input-group__prepend {
position : relative
}
.form-field--currency .form-field__input-group .input-full {
margin-left : 0;
flex-grow : 1;
padding-left : .54em!important
}
.form-field--date__container {
position : relative;
display : block;
padding : .2rem 0;
z-index : 100
}
.form-field--date__container:hover {
z-index : 9999
}
.form-field--date:after {
content : "";
display : block;
clear : both
}
.form-field--date>.material-icons {
position : absolute;
font-size : 1.8em;
right : .6em;
bottom : .5em;
z-index : 0;
cursor : pointer
}
.form-field--date input {
text-align : left;
padding : 0
}
.form-field--date__overlay__wrapper {
position : relative
}
.form-field--date__overlay {
position : absolute;
left : 0;
z-index : 1000;
background : #fff;
box-shadow : 0 2px 5px rgba(0,0,0,.15)
}
.form-field--date .DayPicker {
display : inline-block;
font-size : 1rem
}
.form-field--date .DayPicker-wrapper {
position : relative;
flex-direction : row;
padding-bottom : 1em;
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none
}
.form-field--date .DayPicker-Months {
display : flex;
flex-wrap : wrap;
justify-content : center
}
.form-field--date .DayPicker-Month {
display : table;
margin : 1em 1em 0;
border-spacing : 0;
border-collapse : collapse;
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none
}
.form-field--date .DayPicker-NavButton {
position : absolute;
top : 1em;
right : 1.5em;
left : auto;
display : inline-block;
margin-top : 2px;
width : 1.25em;
height : 1.25em;
background-position : 50%;
background-size : 50%;
background-repeat : no-repeat;
color : #8b9898;
cursor : pointer
}
.form-field--date .DayPicker-NavButton:hover {
opacity : .8
}
.form-field--date .DayPicker-NavButton--prev {
margin-right : 1.5em;
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC")
}
.form-field--date .DayPicker-NavButton--next {
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==")
}
.form-field--date .DayPicker-NavButton--interactionDisabled {
display : none
}
.form-field--date .DayPicker-Caption {
display : table-caption;
margin-bottom : .5em;
padding : 0 .5em;
text-align : left
}
.form-field--date .DayPicker-Caption>div {
font-weight : 500;
font-size : 1.15em
}
.form-field--date .DayPicker-Weekdays {
display : table-header-group;
margin-top : 1em
}
.form-field--date .DayPicker-WeekdaysRow {
display : table-row
}
.form-field--date .DayPicker-Weekday {
display : table-cell;
padding : .5em;
color : #8b9898;
text-align : center;
font-size : .875em
}
.form-field--date .DayPicker-Weekday abbr[title] {
border-bottom : none;
text-decoration : none
}
.form-field--date .DayPicker-Body {
display : table-row-group
}
.form-field--date .DayPicker-Week {
display : table-row
}
.form-field--date .DayPicker-Day {
display : table-cell;
padding : .5em;
border-radius : 50%;
vertical-align : middle;
text-align : center;
cursor : pointer
}
.form-field--date .DayPicker-WeekNumber {
display : table-cell;
padding : .5em;
min-width : 1em;
border-right : 1px solid #eaecec;
color : #8b9898;
vertical-align : middle;
text-align : right;
font-size : .75em;
cursor : pointer
}
.form-field--date .DayPicker--interactionDisabled .DayPicker-Day {
cursor : default
}
.form-field--date .DayPicker-Footer {
padding-top : .5em
}
.form-field--date .DayPicker-TodayButton {
border : none;
background-color : transparent;
background-image : none;
box-shadow : none;
color : #4a90e2;
font-size : .875em;
cursor : pointer
}
.form-field--date .DayPicker-Day--today {
color : #d0021b;
font-weight : 700
}
.form-field--date .DayPicker-Day--outside {
color : #8b9898;
cursor : default
}
.form-field--date .DayPicker-Day--disabled {
color : #dce0e0;
cursor : default
}
.form-field--date .DayPicker-Day--sunday {
background-color : #f7f8f8
}
.form-field--date .DayPicker-Day--sunday:not(.DayPicker-Day--today) {
color : #dce0e0
}
.form-field--date .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
position : relative;
background-color : #4a90e2;
color : #f0f8ff
}
.form-field--date .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
background-color : #51a0fa
}
.form-field--date .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
background-color : #f0f8ff
}
.form-field--image {
position : relative;
padding-bottom : .54rem
}
.form-field--image__message {
padding : 16px;
border-radius : 3px;
background : #f6f6f7;
text-align : center;
min-height : 150px;
display : flex;
flex-direction : column;
align-items : center;
justify-content : center;
flex-wrap : wrap;
font-size : .75rem;
font-weight : 500;
color : currentColor;
border-style : dashed;
position : relative;
cursor : pointer;
transition : .3s cubic-bezier(.2,0,.1,1)
}
.form-field--image__message:after {
content : "";
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
border : inherit;
border-width : 2px;
border-radius : inherit;
opacity : .33;
transition : .3s cubic-bezier(.2,0,.1,1),color 0s;
z-index : 1;
pointer-events : none
}
.form-field--image__message i {
transition : .3s cubic-bezier(.2,0,.1,1),color 0s;
font-size : 2.5em
}
.form-field--image__message-text {
margin-top : .5em;
font-weight : 700
}
.form-field--image__message-text--loading {
animation : loadingPulse .5s cubic-bezier(.2,0,.1,1) infinite alternate
}
@keyframes loadingPulse {
0%
{opacity:1}
to {
opacity : 0
}
}
.form-field--image__message--has-image {
min-height : auto;
padding : 0;
border-style : solid
}
.form-field--image__message--has-image:after {
opacity : 1
}
.form-field--image__message--has-image:focus-within .form-field--image__overlay,.form-field--image__message--has-image:hover .form-field--image__overlay {
opacity : 1
}
.button:focus~.form-field--image__message:after,.button:hover~.form-field--image__message:after,.form-field--image--active .form-field--image__message:after,.form-field--image__message:focus-within:after,.form-field--image__message:hover:after {
opacity : 1
}
.button:focus~.form-field--image__message i,.button:hover~.form-field--image__message i,.form-field--image--active .form-field--image__message i,.form-field--image__message:focus-within i,.form-field--image__message:hover i {
transform : scale(1.1);
transform : scale3d(1.1,1.1,1)
}
.form-field--image--reject .form-field--image__message {
color : #ff2343
}
.form-field--image__overlay {
position : absolute;
top : 0;
left : 0;
bottom : 0;
right : 0;
z-index : 1;
background : rgba(0,0,0,.5);
color : #fff;
border-radius : inherit;
pointer-events : none;
transition : opacity .3s cubic-bezier(.2,0,.1,1);
opacity : 0;
display : flex;
flex-direction : row;
justify-content : center;
align-items : center
}
.form-field--image__overlay:hover>* {
opacity : .5
}
.form-field--image__overlay>* {
color : #fff;
pointer-events : all;
transition : .3s cubic-bezier(.2,0,.1,1)
}
.form-field--image__overlay>:hover {
opacity : 1
}
.form-field--image__image {
z-index : 1;
display : block;
width : 100%;
height : 100%;
max-height : 300px;
border-radius : inherit;
min-height : 150px
}
.form-field--image--active .form-field--image__message:after,.form-field--image--loading .form-field--image__message:after {
opacity : 1
}
.form-field--image__button {
border : none;
background : none;
color : #fff;
cursor : pointer;
line-height : 0;
font-size : 1rem;
margin : 0 1%
}
@media (max-width:400px) {
.form-field--image__button {
font-size : .75rem;
margin : 0
}
}
.col--1 .form-field--image__button,.col--2 .form-field--image__button {
font-size : .75rem;
margin : 0
}
@media (max-width:400px) {
.col--3 .form-field--image__button,.col--4 .form-field--image__button,.col--5 .form-field--image__button,.col--6 .form-field--image__button,.col--7 .form-field--image__button,.col--8 .form-field--image__button,.col--9 .form-field--image__button,.col--10 .form-field--image__button,.col--11 .form-field--image__button,.col--12 .form-field--image__button {
font-size : .75rem;
margin : 0
}
}
.form-field--image__button i {
color : #fff
}
.form-field--image--is-square {
display : flex;
flex-wrap : wrap;
flex-direction : row;
justify-content : space-between;
align-items : flex-end
}
.form-field--image--is-square label {
position : absolute;
top : 0;
left : 0;
padding : inherit
}
.form-field--image--is-square .form-field--image__message {
min-height : 100px;
height : 100px;
width : 100px;
font-size : 1em;
position : relative
}
.form-field--image--is-square .form-field--image__message-text {
display : none
}
@media (max-width:400px) {
.form-field--image--is-square .form-field--image__message {
margin-top : 1.5em;
width : 100%;
padding : 0 0 100%
}
.form-field--image--is-square .form-field--image__message i {
position : absolute;
top : calc(50% - .5em)
}
}
.col--1 .form-field--image--is-square .form-field--image__message,.col--2 .form-field--image--is-square .form-field--image__message {
margin-top : 1.5em;
width : 100%;
padding : 0 0 100%
}
.col--1 .form-field--image--is-square .form-field--image__message i,.col--2 .form-field--image--is-square .form-field--image__message i {
position : absolute;
top : calc(50% - .5em)
}
@media (max-width:400px) {
.col--3 .form-field--image--is-square .form-field--image__message,.col--4 .form-field--image--is-square .form-field--image__message,.col--5 .form-field--image--is-square .form-field--image__message,.col--6 .form-field--image--is-square .form-field--image__message,.col--7 .form-field--image--is-square .form-field--image__message,.col--8 .form-field--image--is-square .form-field--image__message,.col--9 .form-field--image--is-square .form-field--image__message,.col--10 .form-field--image--is-square .form-field--image__message,.col--11 .form-field--image--is-square .form-field--image__message,.col--12 .form-field--image--is-square .form-field--image__message {
margin-top : 1.5em;
width : 100%;
padding : 0 0 100%
}
.col--3 .form-field--image--is-square .form-field--image__message i,.col--4 .form-field--image--is-square .form-field--image__message i,.col--5 .form-field--image--is-square .form-field--image__message i,.col--6 .form-field--image--is-square .form-field--image__message i,.col--7 .form-field--image--is-square .form-field--image__message i,.col--8 .form-field--image--is-square .form-field--image__message i,.col--9 .form-field--image--is-square .form-field--image__message i,.col--10 .form-field--image--is-square .form-field--image__message i,.col--11 .form-field--image--is-square .form-field--image__message i,.col--12 .form-field--image--is-square .form-field--image__message i {
position : absolute;
top : calc(50% - .5em)
}
}
@media (max-width:400px) {
.form-field--image--is-square .button {
order : 1;
margin-top : .54rem
}
}
.col--1 .form-field--image--is-square .button,.col--2 .form-field--image--is-square .button {
order : 1;
margin-top : .54rem
}
@media (max-width:400px) {
.col--3 .form-field--image--is-square .button,.col--4 .form-field--image--is-square .button,.col--5 .form-field--image--is-square .button,.col--6 .form-field--image--is-square .button,.col--7 .form-field--image--is-square .button,.col--8 .form-field--image--is-square .button,.col--9 .form-field--image--is-square .button,.col--10 .form-field--image--is-square .button,.col--11 .form-field--image--is-square .button,.col--12 .form-field--image--is-square .button {
order : 1;
margin-top : .54rem
}
}
.form-field--image--is-square .form-field--image__button--view {
display : none
}
.form-field--image--is-square .form-field--image__image {
object-fit : cover;
min-height : auto
}
@media (max-width:400px) {
.form-field--image--is-square .form-field--image__image {
max-height : none;
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0
}
}
.col--1 .form-field--image--is-square .form-field--image__image,.col--2 .form-field--image--is-square .form-field--image__image {
max-height : none;
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0
}
@media (max-width:400px) {
.col--3 .form-field--image--is-square .form-field--image__image,.col--4 .form-field--image--is-square .form-field--image__image,.col--5 .form-field--image--is-square .form-field--image__image,.col--6 .form-field--image--is-square .form-field--image__image,.col--7 .form-field--image--is-square .form-field--image__image,.col--8 .form-field--image--is-square .form-field--image__image,.col--9 .form-field--image--is-square .form-field--image__image,.col--10 .form-field--image--is-square .form-field--image__image,.col--11 .form-field--image--is-square .form-field--image__image,.col--12 .form-field--image--is-square .form-field--image__image {
max-height : none;
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0
}
}
.form-field--image-size .form-field--range {
padding : 0;
margin-top : .75rem
}
.form-field--image-size .form-field--range:last-child {
padding-bottom : 0
}
.form-field--password__toggle {
background-color : transparent;
padding : 0;
border : 0;
position : absolute;
bottom : 0;
right : .75rem;
transform : translateY(-50%);
display : block;
opacity : .3;
outline : none
}
.field-wrapper .input-path {
display : flex;
flex-wrap : nowrap;
align-items : baseline;
position : relative;
font-size : .925em;
line-height : 1.4
}
@media (max-width:400px) {
.field-wrapper .input-path {
line-height : 1.2
}
}
.col--1 .field-wrapper .input-path,.col--2 .field-wrapper .input-path {
line-height : 1.2
}
@media (max-width:400px) {
.col--3 .field-wrapper .input-path,.col--4 .field-wrapper .input-path,.col--5 .field-wrapper .input-path,.col--6 .field-wrapper .input-path,.col--7 .field-wrapper .input-path,.col--8 .field-wrapper .input-path,.col--9 .field-wrapper .input-path,.col--10 .field-wrapper .input-path,.col--11 .field-wrapper .input-path,.col--12 .field-wrapper .input-path {
line-height : 1.2
}
}
.field-wrapper .input-path__content {
display : flex;
opacity : .8;
vertical-align : top;
font-weight : 500;
max-width : 45%;
direction : rtl;
padding : 1.88em 0 .54em .54em
}
@media (max-width:400px) {
.field-wrapper .input-path__content {
padding-right : .54em;
max-width : none;
width : 100%
}
}
.col--1 .field-wrapper .input-path__content,.col--2 .field-wrapper .input-path__content {
padding-right : .54em;
max-width : none;
width : 100%
}
@media (max-width:400px) {
.col--3 .field-wrapper .input-path__content,.col--4 .field-wrapper .input-path__content,.col--5 .field-wrapper .input-path__content,.col--6 .field-wrapper .input-path__content,.col--7 .field-wrapper .input-path__content,.col--8 .field-wrapper .input-path__content,.col--9 .field-wrapper .input-path__content,.col--10 .field-wrapper .input-path__content,.col--11 .field-wrapper .input-path__content,.col--12 .field-wrapper .input-path__content {
padding-right : .54em;
max-width : none;
width : 100%
}
}
.field-wrapper .input-path__content-url {
display : block;
overflow : hidden;
white-space : nowrap;
word-break : keep-all;
text-overflow : ellipsis
}
.field-wrapper .input-path__input {
padding : 1.88em .54em .54em 0;
font-weight : 600
}
@media (max-width:400px) {
.field-wrapper .input-path__input {
padding-top : 3.29em;
padding-left : .54em
}
}
.col--1 .field-wrapper .input-path__input,.col--2 .field-wrapper .input-path__input {
padding-top : 3.29em;
padding-left : .54em
}
@media (max-width:400px) {
.col--3 .field-wrapper .input-path__input,.col--4 .field-wrapper .input-path__input,.col--5 .field-wrapper .input-path__input,.col--6 .field-wrapper .input-path__input,.col--7 .field-wrapper .input-path__input,.col--8 .field-wrapper .input-path__input,.col--9 .field-wrapper .input-path__input,.col--10 .field-wrapper .input-path__input,.col--11 .field-wrapper .input-path__input,.col--12 .field-wrapper .input-path__input {
padding-top : 3.29em;
padding-left : .54em
}
}
.field-wrapper .input-path__suggestions {
padding-top : 0;
color : #ff2343;
font-size : .825em
}
.field-wrapper .input-path__suggestions button {
background : none;
color : #ff2343;
display : inline-block;
padding : 0;
outline : 0;
border : 0;
font-size : .825em;
font-weight : 700;
margin : 0 .5em 0 0
}
.field-wrapper .input-path__suggestions button:hover {
text-decoration : underline
}
.field-wrapper .input-path__streamline {
display : flex;
flex-wrap : wrap;
align-items : baseline;
justify-content : center
}
.field-wrapper .input-path__streamline__expand {
display : flex;
align-items : center;
line-height : 1;
font-weight : 500;
font-family : inherit;
font-size : inherit;
margin-left : .33em;
padding : .33em;
border-radius : 3px;
border : none;
appearance : none;
color : inherit;
background : rgba(0,0,0,.075);
transition : .3s cubic-bezier(.2,0,.1,1)
}
.field-wrapper .input-path__streamline__expand .material-icons {
font-size : 1em;
margin-left : .15em;
transition : inherit
}
.field-wrapper .input-path__streamline__expand:focus,.field-wrapper .input-path__streamline__expand:hover {
background : rgba(0,0,0,.1)
}
.field-wrapper .input-path__streamline__expand:focus .material-icons,.field-wrapper .input-path__streamline__expand:hover .material-icons {
transform : rotate(60deg)
}
.form-field--phone select {
position : absolute;
width : 100%
}
:root {
--PhoneInput-color--focus: #03b2cb;
--PhoneInputInternationalIconPhone-opacity: 0.8;
--PhoneInputInternationalIconGlobe-opacity: 0.65;
--PhoneInputCountrySelect-marginRight: 0.35em;
--PhoneInputCountrySelectArrow-width: 0.3em;
--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
--PhoneInputCountrySelectArrow-borderWidth: 1px;
--PhoneInputCountrySelectArrow-opacity: 0.45;
--PhoneInputCountrySelectArrow-color: inherit;
--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
--PhoneInputCountrySelectArrow-transform: rotate(45deg);
--PhoneInputCountryFlag-aspectRatio: 1.5;
--PhoneInputCountryFlag-height: 1em;
--PhoneInputCountryFlag-borderWidth: 1px;
--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1)
}
.PhoneInput {
display : flex;
align-items : center
}
.PhoneInputInput {
flex : 1;
min-width : 0
}
.PhoneInputCountryIcon {
width : calc(var(--PhoneInputCountryFlag-height)*var(--PhoneInputCountryFlag-aspectRatio));
height : var(--PhoneInputCountryFlag-height)
}
.PhoneInputCountryIcon--square {
width : var(--PhoneInputCountryFlag-height)
}
.PhoneInputCountryIcon--border {
background-color : var(--PhoneInputCountryFlag-backgroundColor--loading);
box-shadow : 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)
}
.PhoneInputCountryIconImg {
display : block;
width : 100%;
height : 100%
}
.PhoneInputInternationalIconPhone {
opacity : var(--PhoneInputInternationalIconPhone-opacity)
}
.PhoneInputInternationalIconGlobe {
opacity : var(--PhoneInputInternationalIconGlobe-opacity)
}
.PhoneInputCountry {
position : relative;
align-self : stretch;
display : flex;
align-items : center;
margin-right : var(--PhoneInputCountrySelect-marginRight)
}
.PhoneInputCountrySelect {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 1;
border : 0;
opacity : 0;
cursor : pointer
}
.PhoneInputCountrySelect[disabled] {
cursor : default
}
.PhoneInputCountrySelectArrow {
display : block;
content : "";
width : var(--PhoneInputCountrySelectArrow-width);
height : var(--PhoneInputCountrySelectArrow-width);
margin-left : var(--PhoneInputCountrySelectArrow-marginLeft);
border-top : 0 solid var(--PhoneInputCountrySelectArrow-color);
border-bottom : var(--PhoneInputCountrySelectArrow-borderWidth) solid var(--PhoneInputCountrySelectArrow-color);
border-left : 0 solid var(--PhoneInputCountrySelectArrow-color);
border-right : var(--PhoneInputCountrySelectArrow-borderWidth) solid var(--PhoneInputCountrySelectArrow-color);
transform : var(--PhoneInputCountrySelectArrow-transform);
opacity : var(--PhoneInputCountrySelectArrow-opacity)
}
.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow {
opacity : 1;
color : var(--PhoneInputCountrySelectArrow-color--focus)
}
.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border {
box-shadow : 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)
}
.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
opacity : 1;
color : var(--PhoneInputCountrySelectArrow-color--focus)
}
.form-field--range:last-child {
padding-bottom : .75em
}
.form-field--range__area {
position : relative
}
.form-field--range__area__label {
position : absolute;
top : calc(50% - 13px);
right : 0;
line-height : 1;
font-weight : 600;
font-size : 14px;
color : #446fe4;
margin-right : -3px;
border : 1px solid transparent;
border-radius : 4px;
transition : .3s cubic-bezier(.2,0,.1,1)
}
.form-field--range__area__label:focus-within {
border-color : rgba(68,111,228,.66);
background : #fff
}
.form-field:hover:not(:focus-within) .form-field--range__area__label,.note-editor .checkbox:hover:not(:focus-within) .form-field--range__area__label,.note-editor .form-group:hover:not(:focus-within) .form-field--range__area__label {
background : hsla(0,0%,100%,.7019607843)
}
.form-field--range__area__label>.form-field--range__area__label__value {
display : inline-block;
text-align : right;
font-size : inherit;
font-weight : inherit;
padding : 2px;
width : 4.25em;
height : 20px;
line-height : 20px;
-moz-appearance : textfield
}
.form-field--range__area__label>.form-field--range__area__label__value::-webkit-inner-spin-button,.form-field--range__area__label>.form-field--range__area__label__value::-webkit-outer-spin-button {
-webkit-appearance : none;
-moz-appearance : none;
appearance : none;
margin : 0
}
.form-field--range-has-postfix .form-field--range__area__label__value {
padding-right : 1.5em;
width : 3.75em
}
.form-field .form-field--range__area__label__value::placeholder,.note-editor .checkbox .form-field--range__area__label__value::placeholder,.note-editor .form-group .form-field--range__area__label__value::placeholder {
color : rgba(68,111,228,.5);
opacity : 1
}
.form-field--range__area__label>.form-field--range__area__label__postfix {
display : inline-block;
vertical-align : baseline;
margin-left : -1.4em;
pointer-events : none
}
.form-field--range__area .rc-slider {
position : relative;
margin-left : .2em;
width : 90%;
width : calc(100% - 3em);
z-index : 2
}
.form-field--range-has-postfix .form-field--range__area .rc-slider {
width : calc(100% - 4em)
}
.rc-slider {
position : relative;
height : 14px;
padding : 5px 0;
width : 100%;
border-radius : 6px;
touch-action : none
}
.rc-slider,.rc-slider * {
box-sizing : border-box;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.rc-slider-rail {
width : 100%;
background-color : #d1d8e8;
height : 4px
}
.rc-slider-rail,.rc-slider-track {
position : absolute;
border-radius : 6px
}
.rc-slider-track {
left : 0;
height : 3px;
background-color : #2287ff
}
.rc-slider-handle {
position : absolute;
margin-left : -7px;
margin-top : -5px;
width : 14px;
height : 14px;
cursor : pointer;
cursor : -webkit-grab;
cursor : grab;
touch-action : pan-x;
outline : 0;
border-radius : 50%;
background : #4e9fff;
background : #fff;
transition : transform .3s cubic-bezier(.5,.025,0,1.25);
border : 3px solid #2287ff
}
.rc-slider-handle:active,.rc-slider-handle:hover {
transform : scale3d(1.4,1.4,1)
}
.form-field:hover .rc-slider-handle:not(:hover):not(:active),.note-editor .checkbox:hover .rc-slider-handle:not(:hover):not(:active),.note-editor .form-group:hover .rc-slider-handle:not(:hover):not(:active) {
transition : transform .3s cubic-bezier(.5,.025,0,1.25) .5;
transform : scale3d(1.2,1.2,1)
}
.rc-slider-mark {
position : absolute;
top : 18px;
left : 0;
width : 100%;
font-size : 12px
}
.rc-slider-mark-text {
position : absolute;
display : inline-block;
vertical-align : middle;
text-align : center;
cursor : pointer;
color : #999
}
.rc-slider-mark-text-active {
color : #666
}
.rc-slider-step {
position : absolute;
width : 100%;
height : 4px;
background : transparent
}
.rc-slider-dot {
position : absolute;
bottom : -2px;
margin-left : -4px;
width : 8px;
height : 8px;
background-color : #91c3ff;
cursor : pointer;
border-radius : 50%;
vertical-align : middle
}
.rc-slider-dot-active {
background-color : #2287ff
}
.rc-slider-disabled {
background-color : #e9e9e9
}
.rc-slider-disabled .rc-slider-track {
background-color : #c4e0ff
}
.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle {
border-color : #c4e0ff;
box-shadow : none;
background-color : #fff;
cursor : not-allowed
}
.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text {
cursor : not-allowed!important
}
.rc-slider-vertical {
width : 14px;
height : 100%;
padding : 0 5px
}
.rc-slider-vertical .rc-slider-rail {
height : 100%;
width : 4px
}
.rc-slider-vertical .rc-slider-track {
left : 5px;
bottom : 0;
width : 4px
}
.rc-slider-vertical .rc-slider-handle {
margin-left : -5px;
margin-bottom : -7px;
touch-action : pan-y
}
.rc-slider-vertical .rc-slider-mark {
top : 0;
left : 18px;
height : 100%
}
.rc-slider-vertical .rc-slider-step {
height : 100%;
width : 4px
}
.rc-slider-vertical .rc-slider-dot {
left : 2px;
margin-bottom : -4px
}
.rc-slider-vertical .rc-slider-dot:first-child,.rc-slider-vertical .rc-slider-dot:last-child {
margin-bottom : -4px
}
@keyframes rcSliderTooltipZoomDownIn {
0%
{opacity:0;transform-origin:50% 100%;transform:scale(0)}
to {
transform-origin : 50% 100%;
transform : scale(1)
}
}
@keyframes rcSliderTooltipZoomDownOut {
0%
{transform-origin:50% 100%;transform:scale(1)}
to {
opacity : 0;
transform-origin : 50% 100%;
transform : scale(0)
}
}
.rc-slider-tooltip {
position : absolute;
left : -9999px;
top : -9999px;
visibility : visible
}
.rc-slider-tooltip,.rc-slider-tooltip * {
box-sizing : border-box;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.rc-slider-tooltip-hidden {
display : none
}
.rc-slider-tooltip-placement-top {
padding : 4px 0 8px
}
.rc-slider-tooltip-inner {
padding : 6px 2px;
min-width : 24px;
height : 24px;
font-size : 12px;
line-height : 1;
color : #fff;
text-align : center;
text-decoration : none;
background-color : tint(#666,4%);
border-radius : 6px;
box-shadow : 0 0 4px #d9d9d9
}
.rc-slider-tooltip-arrow {
position : absolute;
width : 0;
height : 0;
border-color : transparent;
border-style : solid
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
bottom : 4px;
left : 50%;
margin-left : -4px;
border-width : 4px 4px 0;
border-top-color : tint(#666,4%)
}
.form-field--select {
font-size : 1.17em;
padding : 0
}
.form-field--select>label {
position : absolute;
top : .54em;
left : .54em
}
.form-field--select select {
cursor : pointer;
padding : 1.97em .54em .63em
}
.form-field--select select option {
padding : .09em 0
}
.form-field--select select:invalid {
color : #aaa
}
.form-field--select:after {
content : "unfold_more";
font-family : Material Icons;
position : absolute;
display : block;
font-size : 1.35em;
right : .125em;
bottom : .3564em;
line-height : 1;
letter-spacing : 0;
pointer-events : none
}
.form-field--select--other {
display : flex
}
.form-field--select--other__overlay {
display : flex;
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
pointer-events : none
}
.form-field--select--other__overlay-gap {
visibility : hidden;
font-size : 1.17em;
padding-left : .54em;
pointer-events : none
}
.form-field--select--other__overlay input {
pointer-events : all;
flex : 1;
margin-right : 3em
}
.form-field--stripe {
padding : 1.88em .54em .54em 2em;
display : block;
width : 100%
}
.form-field--stripe .material-icons {
position : absolute;
left : .54em;
bottom : .54em;
font-size : 1.1em;
width : 1.1em;
opacity : .5;
transition : .2s cubic-bezier(.2,0,.1,1)
}
.form-field--stripe .StripeElement--focus+.material-icons {
opacity : 1
}
.form-field--stripe-1line {
padding-left : .54em
}
.form-field--stripe-1line .material-icons {
position : relative;
left : unset;
bottom : unset;
opacity : 1;
width : auto
}
.form-field--stripe__expiration-date {
margin-right : 1rem
}
.form-field--stripe__cvc,.form-field--stripe__expiration-date {
width : calc(50% - .5rem);
display : inline-block
}
.stripe-inputs {
display : flex;
flex-wrap : wrap;
justify-content : space-between;
margin : 0 -.5rem;
width : calc(100% + 1rem)
}
.stripe-inputs .form-field--stripe {
margin-right : .5rem;
margin-left : .5rem;
min-width : 110px
}
.stripe-inputs .form-field--stripe__cvc,.stripe-inputs .form-field--stripe__expiration-date {
width : calc(50% - 1rem);
flex-grow : 1
}
.form-field--tags>div {
margin-top : .5rem;
margin-bottom : .5rem;
padding : 1.88em .54em 0;
position : relative;
font-size : 15.2px
}
.form-field--tags>div>div>button {
vertical-align : bottom
}
.form-field--tags>div:focus-within label.form-field--tags__label,.form-field--tags>div:not(:focus-within) label.form-field--tags__label {
position : absolute;
top : .54em;
left : .54em;
display : inline-block;
z-index : 2;
pointer-events : none;
padding : 0;
font-size : .75rem;
font-weight : 600;
margin-bottom : .36em;
display : block;
color : #444;
transition : color .2s ease;
line-height : 1
}
.form-field--textarea textarea {
min-height : 4em;
line-height : 1.2;
vertical-align : bottom
}
.form-field--url__indicator {
color : #fff;
margin : 0 .33em 0 calc(.33em - 3px);
width : 2em;
text-align : center
}
.form-field--url__indicator i {
display : flex;
align-items : center;
justify-content : center
}
.form-field--url__indicator svg {
width : .85em;
height : .85em;
fill : currentColor
}
.form-field--url__input {
border-radius : 3px;
background : #bebfc9;
padding : 2px;
transition : background .3s cubic-bezier(.2,0,.1,1);
display : flex;
align-items : center;
justify-self : flex-start
}
.form-field--url__input:focus-within,.form-field--url__input:hover {
background : #2287ff
}
.form-field--url__input--provider-youtube,.form-field--url__input--provider-youtube:focus-within,.form-field--url__input--provider-youtube:hover {
background : red
}
.form-field--url__input--provider-vimeo,.form-field--url__input--provider-vimeo:focus-within,.form-field--url__input--provider-vimeo:hover {
background : #1ab7ea
}
.form-field--url__input input {
background : #fff
}
.form-field--url__input-container {
position : relative;
flex-grow : 1
}
.form-field--url__input-container input,.form-field--url__placeholder {
border-radius : 2px;
width : 100%;
padding : .25em .5em;
font-size : inherit;
line-height : 1.5
}
.form-field--url__placeholder {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
display : flex;
align-items : center;
pointer-events : none;
color : rgba(16,37,66,.75);
font-style : italic
}
.form-field--url__placeholder .video-icon {
width : 1.25em;
height : 1.25em;
margin-top : .1em
}
.form-field--url__placeholder .video-icon--youtube {
fill : red
}
.form-field--url__placeholder .video-icon--vimeo {
fill : #1ab7ea
}
.form-field--url .video-wrapper {
position : relative;
width : 100%;
margin-top : 4px;
overflow : hidden;
border-radius : 4px
}
.form-field--url .video-wrapper:before {
content : "";
display : block;
padding-bottom : 56.25%
}
.form-field--url .video-wrapper iframe {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%
}
.pending-email-verification-toast {
position : fixed;
bottom : 1.25rem;
right : 1.25rem;
z-index : 1000;
box-sizing : border-box;
width : calc(100% - 2.5rem);
max-width : 22rem;
padding : 1rem 1.125rem 1.125rem;
background-color : #fff;
color : #1f2433;
border : 1px solid rgba(15,23,42,.08);
border-top : 4px solid rgba(15,23,42,.08);
border-radius : 12px;
box-shadow : 0 12px 32px rgba(15,23,42,.18),0 2px 6px rgba(15,23,42,.08);
font-size : .875rem;
line-height : 1.45;
text-align : left;
animation : pending-email-verification-toast-in .22s ease-out
}
@media(max-width:480px) {
.pending-email-verification-toast {
left : .75rem;
right : .75rem;
bottom : .75rem;
width : auto;
max-width : none
}
}
.pending-email-verification-toast__dismiss {
position : absolute;
top : .5rem;
right : .5rem;
display : inline-flex;
align-items : center;
justify-content : center;
width : 1.75rem;
height : 1.75rem;
padding : 0;
border : none;
background : transparent;
color : rgba(31,36,51,.55);
border-radius : 999px;
cursor : pointer;
transition : background-color .12s ease,color .12s ease
}
.pending-email-verification-toast__dismiss:focus-visible,.pending-email-verification-toast__dismiss:hover {
background-color : rgba(15,23,42,.06);
color : rgba(31,36,51,.85)
}
.pending-email-verification-toast__dismiss i.material-icons {
font-size : 18px
}
.pending-email-verification-toast__body {
display : flex;
gap : .75rem;
align-items : flex-start;
padding-right : 1.5rem
}
.pending-email-verification-toast__icon {
flex-shrink : 0;
display : inline-flex;
align-items : center;
justify-content : center;
width : 2.25rem;
height : 2.25rem;
border-radius : 999px
}
.pending-email-verification-toast__icon i.material-icons {
font-size : 20px
}
.pending-email-verification-toast__text {
flex : 1;
min-width : 0
}
.pending-email-verification-toast__title {
display : block;
font-size : .9375rem;
font-weight : 600;
margin-bottom : .25rem
}
.pending-email-verification-toast__description {
margin : 0;
font-weight : 400;
color : rgba(31,36,51,.78);
word-break : break-word
}
.pending-email-verification-toast__actions {
display : flex;
justify-content : flex-end;
margin-top : .75rem
}
.pending-email-verification-toast__resend-link {
appearance : none;
background : none;
border : none;
padding : 0;
font-family : inherit;
font-size : .8125rem;
font-weight : 600;
text-decoration : underline;
text-underline-offset: 2px;
cursor : pointer;
transition : opacity .12s ease
}
.pending-email-verification-toast__resend-link:hover:not(:disabled) {
opacity : .85
}
.pending-email-verification-toast__resend-link:disabled {
cursor : not-allowed;
opacity : .55;
text-decoration : none
}
@keyframes pending-email-verification-toast-in {
0%
{opacity:0;transform:translateY(8px)}
to {
opacity : 1;
transform : translateY(0)
}
}
</style>
<!-- _css_preload_ -->
<title data-replaceable="true">
Landing
</title>
<meta content="Love Letters to Football : Make a donation today to support Love Letters to Football" data-replaceable="true" name="description">
<meta content="Landing" data-replaceable="true" name="og:title">
<meta content="Love Letters to Football : Make a donation today to support Love Letters to Football" data-replaceable="true" name="og:description">
<meta content="https://lovelettertofootball.org.au/" data-replaceable="true" name="og:url">
<meta content="website" data-replaceable="true" name="og:type">
<meta content="https://raisely-images.imgix.net/love-letters-to-football/uploads/ross-letter-writing-2-jpg-c955e0.jpg" data-replaceable="true" name="og:image">
<script>
(function() {
if (!window.document.documentMode) return;
var errorContent = ['<div class="raisely-error">','<div class="raisely-error__content">','<p class="raisely-error__description">','This browser is not supported. <a href="https://browsehappy.com/">Please update your browser.</a>','</p>','</div>','</div>'].join('');
document.addEventListener('DOMContentLoaded', function() {
var raiselyRoot = document.getElementById('raisely-root');
if (raiselyRoot) {
raiselyRoot.innerHTML = errorContent;
} else {
document.body.innerHtml = '<div id="raisely-root">' + errorContent + '</div>';
}
});
throw new Error('Browser not supported error');
})();
</script>
<meta content="" id="mini-css-before" name="raisely-styles">
<link href="https://api.raisely.com/v3/campaigns/bd69c590-652f-11f1-b519-ff6409549bfd/styles.css" id="campaignStylesheet" rel="stylesheet" type="text/css">
<!-- _stylesheets_ -->
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="raisely-root">
</div>
<div id="modal-root">
</div>
<script>
window.campaign = {
"path": "lovelettertofootball10",
"mode": "LIVE",
"name": "Love Letter to Football #10",
"theme": "special-galaEvent",
"version": "3.0.0",
"config": {
"menu": [{
"link": "\u002Fdonate",
"style": "cta",
"title": "Donate",
"select": "\u002Fdonate",
"subMenu": []
},{
"link": "\u002F#ticketform",
"style": "secondary",
"title": "Get Tickets",
"select": "\u002F#ticketform",
"subMenu": []
}],
"site": {
"facebook": {
"active": false
},
"analytics": {
"active": false,
"account": ""
},
"donationEmbed": {
"enableSecureOrigin": true
}
},
"flags": {
"donationFormV2": true
},
"fraud": {
"friendlyChallenge": true,
"profileSanitization": true,
"postsFriendlyChallenge": true,
"requireEmailVerification": true,
"profilesFriendlyChallenge": true,
"leadFormsFriendlyChallenge": true,
"profileMembersFriendlyChallenge": true
},
"pages": {
},
"theme": {
"fonts": "Montserrat:700,900|Roboto:100,100i,300,300i,700,700i",
"logoAltText": "Love Letter to Football #10",
"primaryShades": {
"dark": "#41b5e7",
"light": "#aadef4",
"darker": "#1681af",
"darkest": "#0b4058",
"default": "#99d7f2",
"lighter": "#bbe4f6",
"lightest": "#ccebf9",
"superLight": "#f6fcfe"
},
"[object Object]": null,
"secondaryShades": {
"dark": "#002a5a",
"light": "#0056b9",
"darker": "#001c3c",
"darkest": "#000e1e",
"default": "#003878",
"lighter": "#0075fa",
"lightest": "#3c97ff",
"superLight": "#dfeeff"
},
"styleRounded": false,
"styleOutline": false,
"primaryColor": "#99d7f2",
"secondaryColor": "#003878",
"backgroundUrl": "https:\u002F\u002Fraisely-images.imgix.net\u002Flove-letters-to-football\u002Fuploads\u002Fross-letter-writing-2-jpg-c955e0.jpg",
"defaultProfileUrl": "https:\u002F\u002Fraisely-images.imgix.net\u002Flove-letters-to-football\u002Fuploads\u002Fross-letter-writing-2-jpg-c955e0.jpg",
"logoUrl": "https:\u002F\u002Fraisely-images.imgix.net\u002Flovelettertofootball10\u002Fuploads\u002Fapc-horizontal-colour-png-5a8e68.png",
"headlineText": "Love Letters to Football",
"homeText": "\u003Ch3\u003EMake a donation today to support Love Letters to Football\u003C\u002Fh3\u003E",
"footerText": "Copyright 2019 Love Letters to Football",
"donationsText": "A tax receipt will be emailed to you once the donation has processed.",
"dashboardText": "",
"siteTitle": "Love Letters to Football",
"siteFavicon": "https:\u002F\u002Fraisely-images.imgix.net\u002Flovelettertofootball10\u002Fuploads\u002Flltf-fav-png-d5424d.png"
},
"social": {
"copyEnabled": true,
"emailEnabled": true,
"twitterEnabled": true,
"facebookEnabled": true,
"facebookDescription": "Love Letters to Football : Make a donation today to support Love Letters to Football",
"facebookShareUrl": "",
"facebookPageUrl": "",
"twitterTweet": "Love Letters to Football : Make a donation today to support Love Letters to Football",
"twitterHashtag": "love-letters-to-football",
"twitterHandle": "",
"facebookTitle": "Love Letters to Football",
"emailSubject": "Help me support [campaign]",
"emailBody": "Hi there,\n\nI'm supporting [campaign] and would love for you to join me! You can make a donation to [campaign] online at: [url]\n\nThanks for all your support!"
},
"amounts": [{
"count": 1,
"amounts": [{
"image": "",
"title": "",
"amount": 3000,
"description": ""
},{
"image": "",
"title": "",
"amount": 5000,
"description": ""
},{
"image": "",
"title": "",
"amount": 10000,
"description": ""
},{
"image": "",
"title": "",
"amount": 20000,
"description": ""
},{
"image": "",
"title": "",
"amount": 50000,
"description": ""
}],
"interval": "ONCE"
},{
"count": 1,
"amounts": [],
"interval": "WEEK"
},{
"count": 2,
"amounts": [],
"interval": "WEEK"
},{
"count": 4,
"amounts": [],
"interval": "WEEK"
},{
"count": 1,
"amounts": [],
"interval": "SEMI_MONTH"
},{
"count": 1,
"amounts": [{
"image": "",
"title": "",
"amount": 1500,
"description": ""
},{
"image": "",
"title": "",
"amount": 3000,
"description": ""
},{
"image": "",
"title": "",
"amount": 5000,
"description": ""
},{
"image": "",
"title": "",
"amount": 10000,
"description": ""
},{
"image": "",
"title": "",
"amount": 20000,
"description": ""
}],
"interval": "MONTH"
},{
"count": 2,
"amounts": [],
"interval": "MONTH"
},{
"count": 3,
"amounts": [],
"interval": "MONTH"
},{
"count": 1,
"amounts": [],
"interval": "YEAR"
}],
"buttons": {
"inverse": {
"bold": true,
"size": "18px",
"color": "#ffffff",
"padding": "16px 23px",
"variant": "hollow",
"uppercase": true,
"background": "#ffffff",
"validation": {
"size": "valid",
"color": "valid",
"style": "valid",
"padding": "valid",
"uppercase": "valid",
"background": "valid",
"borderRadius": "valid"
},
"borderRadius": "0px"
},
"primary": {
"bold": true,
"size": "18px",
"color": "#0056b8",
"padding": "16px 23px",
"variant": "filled",
"uppercase": true,
"background": "primary",
"validation": {
"size": "valid",
"color": "valid",
"style": "valid",
"padding": "valid",
"uppercase": "valid",
"background": "valid",
"borderRadius": "valid"
},
"borderRadius": "0px"
},
"facebook": {
"bold": true,
"size": "14px",
"color": "#ffffff",
"padding": "14px 18px",
"variant": "filled",
"uppercase": false,
"background": "#003882",
"borderRadius": "2px"
},
"secondary": {
"bold": true,
"size": "18px",
"color": "#78b7ff",
"padding": "16px 23px",
"variant": "filled",
"uppercase": true,
"background": "secondary",
"validation": {
"size": "valid",
"color": "valid",
"style": "valid",
"padding": "valid",
"uppercase": "valid",
"background": "valid",
"borderRadius": "valid"
},
"borderRadius": "0px"
},
"callToAction": {
"bold": true,
"size": "18px",
"color": "#0056b8",
"padding": "16px 23px",
"variant": "filled",
"uppercase": true,
"background": "primary",
"validation": {
"size": "valid",
"color": "valid",
"style": "valid",
"padding": "valid",
"uppercase": "valid",
"background": "valid",
"borderRadius": "valid"
},
"borderRadius": "0px"
}
},
"history": {
},
"layouts": {
},
"donation": {
"upsell": {
"stepTitle": "Become a regular supporter",
"nudgeMessage": "Giving monthly has a greater impact",
"isStepEnabled": false,
"isNudgeEnabled": false,
"stepDescription": "Our regular supporters make all of our work possible! By making a monthly donation, you give us the certainty we need to dream big and amplify others across the world."
},
"isV3Enabled": true,
"thankYouTitle": "Thank you for donating [donation.amount]!",
"detailsHeading": "Your Details",
"paymentsHeading": "Your Payment Details",
"thankYouMessage": "Thank you so much [donation.firstName] for helping our organisation.",
"thankYouConfetti": true,
"currencySelection": "common",
"intelligentAmounts": true,
"defaultDonationAmount": false,
"intelligentAmountsRegularDonations": false
},
"language": {
"goal": "goal",
"group": "group",
"donate": "donate",
"groups": "groups",
"signup": "Sign Up",
"campaign": "Love Letters to Football",
"donating": "donating",
"donation": "donation",
"individual": "participant",
"individuals": "participants"
},
"payments": {
"enableIntents": true
},
"profiles": {
"teams": {
"goals": [{
"uuid": "61e70757-b626-436d-bdc4-b96b15d0cd50",
"amount": 25000,
"isDefault": false,
"description": ""
},{
"uuid": "acf6ef08-c5a8-45be-b8c0-8c03c67ab5a2",
"amount": 50000,
"isDefault": true,
"description": ""
},{
"uuid": "63730095-0e03-48e9-99d9-150043bfd03d",
"amount": 100000,
"isDefault": false,
"description": ""
}],
"article": "a",
"enabled": true,
"namePlural": "teams",
"withArticle": "a team",
"nameSingular": "team",
"customGoalEnabled": false
},
"individuals": {
"goals": [{
"uuid": "1061d171-2b32-49f0-8c6d-700cbdcb8672",
"amount": 15000,
"isDefault": false,
"description": ""
},{
"uuid": "3fb8b3fd-b4cd-4912-af41-b5865616d349",
"amount": 30000,
"isDefault": true,
"description": ""
},{
"uuid": "717dbf44-5ea3-49c7-b667-9badff534671",
"amount": 50000,
"isDefault": false,
"description": ""
}],
"customGoalEnabled": false
},
"organisations": {
"goals": [{
"uuid": "4b07edf4-ff37-4976-aea6-466aee50b929",
"amount": 35000,
"isDefault": false,
"description": ""
},{
"uuid": "562d02eb-163f-4009-b1f9-e66383db75b6",
"amount": 70000,
"isDefault": true,
"description": ""
},{
"uuid": "9f4cc1e4-37e0-436a-82a8-21b62e3cd1f5",
"amount": 150000,
"isDefault": false,
"description": ""
}],
"article": "an",
"enabled": false,
"namePlural": "organisations",
"withArticle": "an organisation",
"nameSingular": "organisation",
"customGoalEnabled": false
}
},
"thankyou": {
"enabled": true
},
"ticketing": {
"enabled": true,
"maxCapacity": "",
"taxInclusive": true,
"taxRatePercent": 10,
"maxTicketsPerOrder": null,
"displayRemainingTickets": false,
"includeTicketsInCampaignTotals": false
},
"subscriptions": {
"enabled": true,
"allowEdit": true,
"sortOrder": ["ONCE","MONTH"],
"allowOther": true,
"allowPause": true,
"enableWEEK": false,
"allowCancel": true,
"enable4WEEK": false,
"enableMONTH": true
},
"createdWithDFv3": true,
"interactionCategoryFields": {
"defaultCategories": [{
"path": "badge.awarded",
"group": "badge",
"label": "Badge Awarded",
"isCore": true,
"priority": 80
},{
"path": "badge.revoked",
"group": "badge",
"label": "Badge Removed",
"isCore": true,
"priority": 80
},{
"path": "phone",
"group": "contact",
"label": "Phone Call",
"isCore": false,
"priority": 80
},{
"path": "note",
"group": "contact",
"label": "Note",
"isCore": false,
"priority": 80
},{
"path": "email.sent",
"group": "messaging",
"label": "Email Sent",
"priority": 20
},{
"path": "email.opened",
"group": "messaging",
"label": "Email Opened",
"priority": 30
},{
"path": "email.clicked",
"group": "messaging",
"label": "Email Clicked",
"priority": 50
},{
"path": "email.bounced",
"group": "messaging",
"label": "Email Bounced",
"priority": 70
},{
"path": "email.failed",
"group": "messaging",
"label": "Email Failed",
"priority": 70
},{
"path": "email.complained",
"group": "messaging",
"label": "Email Marked as Spam",
"priority": 90
},{
"path": "user.unsubscribed",
"group": "messaging",
"label": "Person Unsubscribed (via Email)",
"priority": 70
},{
"path": "user.donationSummaryReceiptSent",
"group": "messaging",
"label": "Donation Summary Sent",
"priority": 70
},{
"path": "message.sent",
"group": "messaging",
"label": "SMS Sent",
"priority": 50
},{
"path": "message.failed",
"group": "messaging",
"label": "SMS Failed",
"priority": 70
},{
"path": "donation.succeeded",
"group": "donations",
"label": "Donated",
"priority": 50
},{
"path": "order.succeeded",
"group": "orders",
"label": "Ordered",
"priority": 50
},{
"path": "donation.receiptRequested",
"group": "donations",
"label": "Donation Receipt Re-sent",
"priority": 50
},{
"path": "order.receiptRequested",
"group": "orders",
"label": "Order Receipt Re-sent",
"priority": 50
},{
"path": "subscription.rebilled",
"group": "donations",
"label": "Regular Donation Rebilled",
"priority": 40
},{
"path": "subscription.succeeded",
"group": "donations",
"label": "Regular Donation Started",
"priority": 80
},{
"path": "subscription.cancelled",
"group": "donations",
"label": "Regular Donation Cancelled",
"priority": 80
},{
"path": "subscription.paused",
"group": "donations",
"label": "Regular Donation Paused",
"priority": 70
},{
"path": "subscription.resumed",
"group": "donations",
"label": "Regular Donation Resumed",
"priority": 60
},{
"path": "subscription.failed",
"group": "donations",
"label": "Regular Donation Failed",
"priority": 70
},{
"path": "subscription.receiptRequested",
"group": "donations",
"label": "Regular Donation Receipt Re-sent",
"priority": 50
},{
"path": "lead-form-submitted",
"label": "Lead Form Submitted",
"priority": 70
},{
"path": "registration-started",
"group": "fundraising",
"label": "Registration Started",
"priority": 50
},{
"path": "profile.created",
"group": "fundraising",
"label": "Fundraising Signup",
"priority": 80
},{
"path": "profile.succeeded",
"group": "fundraising",
"label": "Fundraising Goal Achieved",
"priority": 60
},{
"path": "record.created",
"group": "data",
"label": "{{recordType}} Created",
"priority": 20
},{
"path": "record.updated",
"group": "data",
"label": "{{recordType}} Updated",
"priority": 60
},{
"path": "record.deleted",
"group": "data",
"label": "{{recordType}} Deleted",
"priority": 80
}],
"defaultCategoryFields": {
"note": ["subject"],
"phone": ["subject"],
"lead-form-submitted": ["formName","url"],
"registration-started": ["formName","url","campaignUuid"]
}
},
"customFields": {
"user": [{
"id": "preferredName",
"core": true,
"help": "Call me ...",
"type": "text",
"label": "Preferred Name",
"active": false,
"locked": false,
"private": true,
"required": true,
"sortOrder": 0
},{
"id": "firstName",
"core": true,
"help": null,
"type": "text",
"label": "First Name",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": true,
"sortOrder": 0,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "fullName",
"core": true,
"type": "text",
"label": "Full Name",
"active": false,
"locked": false,
"private": true,
"required": false,
"sortOrder": 1
},{
"id": "lastName",
"core": true,
"help": null,
"type": "text",
"label": "Last Name",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": true,
"visible": true,
"required": true,
"sortOrder": 1,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "email",
"core": true,
"help": null,
"type": "email",
"label": "Email",
"rules": null,
"active": true,
"config": null,
"locked": true,
"default": null,
"options": null,
"private": true,
"visible": true,
"required": true,
"sortOrder": 2,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "photoUrl",
"core": true,
"type": "image",
"label": "Photo",
"active": false,
"format": "square",
"locked": false,
"private": false,
"required": false,
"sortOrder": 4
},{
"id": "address1",
"core": true,
"type": "text",
"label": "Address Line 1",
"active": false,
"locked": false,
"private": true,
"required": true,
"sortOrder": 7
},{
"id": "address2",
"core": true,
"type": "text",
"label": "Address Line 2",
"active": false,
"locked": false,
"private": true,
"required": false,
"sortOrder": 8
},{
"id": "suburb",
"core": true,
"type": "text",
"label": "Suburb\u002FTown",
"active": false,
"locked": false,
"private": true,
"required": true,
"sortOrder": 9
},{
"id": "state",
"core": true,
"type": "text",
"label": "State",
"active": false,
"locked": false,
"private": true,
"required": true,
"sortOrder": 10
},{
"id": "postcode",
"core": true,
"type": "text",
"label": "Postcode",
"active": false,
"locked": false,
"private": true,
"required": true,
"sortOrder": 11
},{
"id": "country",
"core": true,
"type": "select-country",
"label": "Country",
"active": false,
"locked": false,
"private": true,
"required": true,
"sortOrder": 12
},{
"id": "phoneNumber",
"core": true,
"help": null,
"type": "phone",
"label": "Phone Number",
"rules": {
"match": "all",
"conditions": []
},
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": true,
"visible": true,
"required": true,
"sortOrder": 45,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "dietaryRequirements",
"core": null,
"help": "Please advise any dietary requirements for you and your guests.",
"type": "text",
"label": "Dietary Requirements",
"rules": {
"match": "all",
"conditions": []
},
"active": true,
"config": {
},
"locked": null,
"default": "",
"options": null,
"private": true,
"visible": true,
"required": true,
"sortOrder": 1091492,
"validation": "",
"description": "Please advise any dietary requirements for you and your guests.",
"placeholder": ""
}],
"event": [{
"id": "name",
"core": true,
"help": null,
"type": "text",
"label": "Event Name",
"rules": null,
"active": true,
"config": null,
"locked": true,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": true,
"sortOrder": 13,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "description",
"core": true,
"help": null,
"type": "text",
"label": "Event Description",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": true,
"sortOrder": 14,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "path",
"core": true,
"help": null,
"type": "path",
"label": "Event Path",
"rules": null,
"active": true,
"config": null,
"locked": true,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": false,
"sortOrder": 15,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "startAt",
"core": true,
"help": null,
"type": "date",
"label": "Event Starts At",
"rules": null,
"active": true,
"config": {
"format": "DD\u002FMM\u002FYYYY"
},
"format": "DD\u002FMM\u002FYYYY",
"locked": true,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": true,
"sortOrder": 16,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "endAt",
"core": true,
"help": null,
"type": "date",
"label": "Event Ends At",
"rules": null,
"active": true,
"config": {
"format": "DD\u002FMM\u002FYYYY"
},
"format": "DD\u002FMM\u002FYYYY",
"locked": false,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": false,
"sortOrder": 17,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "isPrivate",
"core": true,
"help": "Private events do not display their address publicly",
"type": "checkbox",
"label": "Private Event",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": "true",
"options": null,
"private": false,
"visible": true,
"required": true,
"sortOrder": 18,
"validation": null,
"description": "Private events do not display their address publicly",
"placeholder": null
},{
"id": "photoUrl",
"core": true,
"help": null,
"type": "image",
"label": "Event Photo",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": false,
"sortOrder": 19,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "address1",
"core": true,
"help": null,
"type": "text",
"label": "Address Line 1",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": true,
"visible": true,
"required": true,
"sortOrder": 20,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "address2",
"core": true,
"help": null,
"type": "text",
"label": "Address Line 2",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": true,
"visible": true,
"required": false,
"sortOrder": 21,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "suburb",
"core": true,
"help": null,
"type": "text",
"label": "Suburb\u002FTown",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": true,
"visible": true,
"required": true,
"sortOrder": 22,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "state",
"core": true,
"help": null,
"type": "text",
"label": "State",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": true,
"visible": true,
"required": true,
"sortOrder": 23,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "postcode",
"core": true,
"help": null,
"type": "text",
"label": "Postcode",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": true,
"visible": true,
"required": true,
"sortOrder": 24,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "country",
"core": true,
"help": null,
"type": "select-country",
"label": "Country",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": true,
"visible": true,
"required": true,
"sortOrder": 25,
"validation": null,
"description": null,
"placeholder": null
}],
"ticket": [],
"profile": [{
"id": "pronouns",
"core": true,
"help": null,
"type": "select-other",
"label": "Pronouns",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": "",
"options": [{
"label": "he\u002Fhim",
"value": "he\u002Fhim"
},{
"label": "she\u002Fher",
"value": "she\u002Fher"
},{
"label": "they\u002Fthem",
"value": "they\u002Fthem"
}],
"private": false,
"visible": true,
"required": false,
"sortOrder": 3,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "exerciseGoal",
"core": true,
"type": "exercise-goal",
"label": "Exercise Goal",
"active": false,
"locked": false,
"default": "1000",
"private": false,
"required": false,
"sortOrder": 5
},{
"id": "exerciseGoalTime",
"core": true,
"type": "exercise-goal",
"label": "Exercise Time Goal",
"active": false,
"locked": false,
"default": "21600",
"private": false,
"required": false,
"sortOrder": 6
},{
"id": "fundraiserTheme",
"core": true,
"type": "fundraiser-theme",
"label": "Fundraiser Theme",
"active": false,
"locked": false,
"default": "",
"private": false,
"required": false,
"sortOrder": 8
},{
"id": "photoUrl",
"core": true,
"help": null,
"type": "image",
"label": "Profile Photo",
"rules": null,
"active": true,
"config": {
"format": "square"
},
"format": "square",
"locked": false,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": false,
"sortOrder": 35,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "description",
"core": true,
"help": null,
"type": "textarea",
"label": "Why are you fundraising?",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": false,
"sortOrder": 37,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "goal",
"core": true,
"help": null,
"type": "currency",
"label": "Fundraising Goal",
"rules": null,
"active": true,
"config": null,
"locked": true,
"classes": "input-group-large",
"default": "350",
"options": null,
"private": false,
"visible": true,
"required": true,
"sortOrder": 40,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "path",
"core": true,
"help": null,
"type": "hidden",
"label": "Page URL",
"rules": null,
"active": true,
"config": null,
"locked": true,
"default": null,
"options": null,
"private": false,
"visible": false,
"required": false,
"sortOrder": 44,
"hiddenType": "hidden",
"validation": null,
"description": null,
"placeholder": null
},{
"id": "currency",
"core": true,
"help": null,
"type": "select-currency",
"label": "Fundraising Currency",
"rules": null,
"active": true,
"config": null,
"locked": true,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": true,
"sortOrder": 45,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "name",
"core": true,
"help": null,
"type": "text",
"label": "Profile Name",
"rules": null,
"active": true,
"config": null,
"locked": true,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": true,
"sortOrder": 48,
"validation": null,
"description": null,
"placeholder": null
}],
"donation": [{
"id": "preferredName",
"core": true,
"help": "Call me ...",
"type": "text",
"label": "Preferred Name",
"active": false,
"locked": false,
"private": false,
"required": true,
"sortOrder": 0
},{
"id": "fullName",
"core": true,
"type": "text",
"label": "Full Name",
"active": false,
"locked": false,
"private": true,
"required": false,
"sortOrder": 1
},{
"id": "firstName",
"core": true,
"help": null,
"type": "text",
"label": "First Name",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": true,
"sortOrder": 4,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "lastName",
"core": true,
"help": null,
"type": "text",
"label": "Last Name",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": true,
"visible": true,
"required": true,
"sortOrder": 5,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "phoneNumber",
"core": true,
"type": "phone",
"label": "Phone Number",
"active": false,
"locked": false,
"private": true,
"required": false,
"sortOrder": 6
},{
"id": "email",
"core": true,
"help": null,
"type": "email",
"label": "Email",
"rules": null,
"active": true,
"config": null,
"locked": true,
"default": null,
"options": null,
"private": true,
"visible": true,
"required": true,
"sortOrder": 6,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "address1",
"core": true,
"type": "text",
"label": "Address Line 1",
"active": false,
"locked": false,
"private": true,
"required": true,
"sortOrder": 7
},{
"id": "message",
"core": true,
"help": null,
"type": "textarea",
"label": "Your Message",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": false,
"sortOrder": 7,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "address2",
"core": true,
"type": "text",
"label": "Address Line 2",
"active": false,
"locked": false,
"private": true,
"required": false,
"sortOrder": 8
},{
"id": "anonymous",
"core": true,
"help": null,
"type": "checkbox",
"label": "Keep my donation anonymous",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": false,
"sortOrder": 8,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "suburb",
"core": true,
"type": "text",
"label": "Suburb\u002FTown",
"active": false,
"locked": false,
"private": true,
"required": true,
"sortOrder": 9
},{
"id": "state",
"core": true,
"type": "text",
"label": "State",
"active": false,
"locked": false,
"private": true,
"required": true,
"sortOrder": 10
},{
"id": "postcode",
"core": true,
"type": "text",
"label": "Postcode",
"active": false,
"locked": false,
"private": true,
"required": true,
"sortOrder": 11
},{
"id": "country",
"core": true,
"type": "select-country",
"label": "Country",
"active": false,
"locked": false,
"private": true,
"required": true,
"sortOrder": 12
}],
"event_rsvp": [{
"id": "attended",
"core": true,
"type": "checkbox",
"label": "Attended",
"active": false,
"locked": false,
"private": false,
"required": false,
"sortOrder": 1
},{
"id": "guests",
"core": true,
"help": "Number of guests you are bringing with you (including yourself)",
"type": "number",
"label": "Guests",
"active": false,
"locked": false,
"private": false,
"required": false,
"sortOrder": 2
},{
"id": "type",
"core": true,
"help": null,
"type": "select",
"label": "Type",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": [{
"label": "Guest",
"value": "guest"
},{
"label": "Volunteer",
"value": "volunteer"
}],
"private": false,
"visible": true,
"required": false,
"sortOrder": 26,
"validation": null,
"description": null,
"placeholder": null
}],
"interaction": [{
"id": "subject",
"core": false,
"help": null,
"type": "text",
"label": "Subject",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": true,
"visible": true,
"required": false,
"sortOrder": 9,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "formName",
"core": true,
"help": null,
"type": "text",
"label": "Form Name",
"rules": null,
"active": true,
"config": null,
"locked": true,
"default": null,
"options": null,
"private": true,
"visible": true,
"required": false,
"sortOrder": 10,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "url",
"core": true,
"help": null,
"type": "text",
"label": "Page URL",
"rules": null,
"active": true,
"config": null,
"locked": true,
"default": null,
"options": null,
"private": true,
"visible": true,
"required": false,
"sortOrder": 11,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "campaignUuid",
"core": true,
"help": null,
"type": "campaign",
"label": "Campaign",
"rules": null,
"active": true,
"config": null,
"locked": true,
"default": null,
"options": null,
"private": true,
"visible": true,
"required": false,
"sortOrder": 12,
"validation": null,
"description": null,
"placeholder": null
}],
"teamProfile": [{
"id": "exerciseGoal",
"core": true,
"type": "exercise-goal",
"label": "Team Exercise Goal",
"active": false,
"locked": false,
"default": "1000",
"private": false,
"required": false,
"sortOrder": 5
},{
"id": "exerciseGoalTime",
"core": true,
"type": "exercise-goal",
"label": "Team Exercise Time Goal",
"active": false,
"locked": false,
"default": "21600",
"private": false,
"required": false,
"sortOrder": 6
},{
"id": "photoUrl",
"core": true,
"help": null,
"type": "image",
"label": "Team Profile Photo",
"rules": null,
"active": true,
"config": {
"format": "square"
},
"format": "square",
"locked": false,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": false,
"sortOrder": 37,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "description",
"core": true,
"help": null,
"type": "textarea",
"label": "Why is your team fundraising?",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": false,
"sortOrder": 37,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "goal",
"core": true,
"help": null,
"type": "currency",
"label": "Team Fundraising Goal",
"rules": null,
"active": true,
"config": null,
"locked": true,
"classes": "input-group-large",
"default": "350",
"options": null,
"private": false,
"visible": true,
"required": true,
"sortOrder": 40,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "coverPhoto",
"core": false,
"help": null,
"type": "image",
"label": "Team Cover Photo",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": "{{campaign.config.theme.backgroundUrl}}",
"options": null,
"private": false,
"visible": true,
"required": false,
"sortOrder": 41,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "currency",
"core": true,
"help": null,
"type": "select-currency",
"label": "Team Fundraising Currency",
"rules": null,
"active": true,
"config": null,
"locked": true,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": true,
"sortOrder": 42,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "path",
"core": true,
"help": null,
"type": "hidden",
"label": "Team Page URL",
"rules": null,
"active": true,
"config": null,
"locked": true,
"default": null,
"options": null,
"private": false,
"visible": false,
"required": false,
"sortOrder": 45,
"hiddenType": "hidden",
"validation": null,
"description": null,
"placeholder": null
},{
"id": "name",
"core": true,
"help": null,
"type": "text",
"label": "Team Profile Name",
"rules": null,
"active": true,
"config": null,
"locked": true,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": true,
"sortOrder": 47,
"validation": null,
"description": null,
"placeholder": null
}],
"organisationProfile": [{
"id": "exerciseGoal",
"core": true,
"type": "exercise-goal",
"label": "Organisation Exercise Goal",
"active": false,
"locked": false,
"default": "1000",
"private": false,
"required": false,
"sortOrder": 5
},{
"id": "exerciseGoalTime",
"core": true,
"type": "exercise-goal",
"label": "Organisation Exercise Time Goal",
"active": false,
"locked": false,
"default": "21600",
"private": false,
"required": false,
"sortOrder": 6
},{
"id": "photoUrl",
"core": true,
"help": null,
"type": "image",
"label": "Organisation Profile Logo",
"rules": null,
"active": true,
"config": {
"format": "square"
},
"format": "square",
"locked": false,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": false,
"sortOrder": 43,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "description",
"core": true,
"help": null,
"type": "textarea",
"label": "Why is your organisation fundraising?",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": false,
"sortOrder": 44,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "goal",
"core": true,
"help": null,
"type": "currency",
"label": "Organisation Fundraising Goal",
"rules": null,
"active": true,
"config": null,
"locked": true,
"classes": "input-group-large",
"default": "350",
"options": null,
"private": false,
"visible": true,
"required": true,
"sortOrder": 45,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "coverPhoto",
"core": false,
"help": null,
"type": "image",
"label": "Organisation Cover Photo",
"rules": null,
"active": true,
"config": null,
"locked": false,
"default": "{{campaign.config.theme.backgroundUrl}}",
"options": null,
"private": false,
"visible": true,
"required": false,
"sortOrder": 46,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "currency",
"core": true,
"help": null,
"type": "select-currency",
"label": "Organisation Fundraising Currency",
"rules": null,
"active": true,
"config": null,
"locked": true,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": true,
"sortOrder": 46,
"validation": null,
"description": null,
"placeholder": null
},{
"id": "path",
"core": true,
"help": null,
"type": "hidden",
"label": "Organisation Page URL",
"rules": null,
"active": true,
"config": null,
"locked": true,
"default": null,
"options": null,
"private": false,
"visible": false,
"required": false,
"sortOrder": 47,
"hiddenType": "hidden",
"validation": null,
"description": null,
"placeholder": null
},{
"id": "name",
"core": true,
"help": null,
"type": "text",
"label": "Organisation Profile Name",
"rules": null,
"active": true,
"config": null,
"locked": true,
"default": null,
"options": null,
"private": false,
"visible": true,
"required": true,
"sortOrder": 48,
"validation": null,
"description": null,
"placeholder": null
}]
}
},
"createdAt": "2026-06-11T00:51:54.090Z",
"uuid": "bd69c590-652f-11f1-b519-ff6409549bfd",
"status": "ACTIVE",
"totals": [{
"nonSelfDonationTotal": 0,
"id": 7800534,
"total": 5727000,
"online_total": 5727000,
"display_total": 0,
"currency": "AUD",
"campaign_total": 5727000,
"campaign_online_total": 5727000,
"campaign_display_total": 0,
"campaign_currency": "AUD",
"selfDonationTotal": 0,
"fee_total": 336603,
"payment_fee_total": 103686,
"raisely_fee_total": 232917,
"uniqueDonors": 0,
"donationCount": 0,
"isCampaign": true,
"mode": "LIVE",
"createdAt": "2026-06-11T00:51:54.134Z",
"updatedAt": "2026-07-11T06:34:57.748Z",
"campaignId": 90113,
"profileId": 4038133,
"parentId": null
}],
"currency": "AUD",
"goal": 300000000,
"urls": ["www.lovelettertofootball.org.au","lovelettertofootball.org.au"],
"campaignEndsAt": null,
"public": null,
"allowExperiments": true,
"primaryDomain": "lovelettertofootball.org.au",
"showRaiselyCheckbox": true,
"usesBundledProcessingFee": false,
"organisationUuid": "2f9acea0-458b-11ef-b7d4-990a87394961",
"publicKey": "bd69c590-652f-11f1-b519-ff6409549bfd",
"total": 0,
"grandTotal": 5727000,
"campaignDisplayTotal": 0,
"campaignTotal": 5727000,
"feeTotal": 336603,
"uniqueDonors": 0,
"donationCount": 0,
"selfDonationTotal": 0,
"nonSelfDonationTotal": 0,
"totalPercent": 0,
"url": "https:\u002F\u002Flovelettertofootball.org.au\u002F",
"profile": {
"uuid": "bd6cf9e0-652f-11f1-bf6d-fbb8ab0262b2",
"path": "lovelettertofootball10",
"name": "Love Letter to Football #10",
"pronouns": null,
"currency": "AUD",
"goal": 300000000,
"status": "ACTIVE",
"type": "GROUP",
"description": null,
"createdAt": "2026-06-11T00:51:54.111Z",
"updatedAt": "2026-06-11T00:51:54.111Z",
"public": null,
"internal": {
},
"paid": false,
"exerciseGoal": null,
"exerciseGoalTime": null,
"isCampaignProfile": true,
"facebookFundraiserId": null,
"fundraiserTheme": null,
"photoUrl": null,
"activityTotal": 0,
"exerciseTotal": 0,
"exerciseTotalTime": 0,
"activityTotalPercent": null,
"total": 0,
"grandTotal": 5727000,
"campaignDisplayTotal": 0,
"campaignTotal": 5727000,
"feeTotal": 336603,
"uniqueDonors": 0,
"donationCount": 0,
"selfDonationTotal": 0,
"nonSelfDonationTotal": 0,
"totalPercent": 0,
"individualProfileCount": 0,
"teamProfileCount": 0,
"organisationProfileCount": 0
},
"providers": [{
"uuid": "bbed6f10-6052-11f0-824c-a7cc7fe99b4f",
"country": "AU",
"status": "ACTIVE",
"public": null,
"createdAt": "2025-07-14T01:34:50.498Z",
"updatedAt": "2026-07-27T00:58:21.617Z",
"methods": [{
"type": "CREDIT_CARD",
"active": true
},{
"type": "IDEAL",
"active": false
},{
"type": "APPLE_PAY",
"active": false
}],
"accountId": "acct_1Ri5fuIkVJofxVtn",
"gatewayVersion": null,
"hasPayPalBillingAgreement": false,
"stripeConnectModel": "connect",
"processingRate": null,
"providerType": "STRIPE"
}],
"defaultDesignation": {
"uuid": "34eba83a-a0a2-11ef-9401-f794c212c046",
"publicName": "General Fund"
},
"campaignDesignations": [{
"sortOrder": 0,
"uuid": "34eba83a-a0a2-11ef-9401-f794c212c046",
"publicName": "General Fund"
}],
"orgDesignationsEnabled": false,
"organisation": {
"timezone": "Australia\u002FMelbourne"
},
"honeypotToken": "44c4465e5e30ee9d",
"honeypotPostToken": "fa61c6d4b48db527",
"honeypotLeadFormToken": "8eb8a5f8a4360dd2",
"honeypotProfileMembersToken": "ca0b18cca1b10a22",
"isFullyVerified": true
};
window.__featureFlags = {
"accessTokenExpiry": false,
"utmPersistence": true,
"magicLinkVerification": true,
"confirmRedirectFix": true,
"opaquePurls": false
};
window._env = window._env || {
};
window._env.env = "undefined";
window.integrations = {
};
window.latestVersion = "3.0.0";
window.detectedLang = "en";
window.campaign.config.site.campaign = "lovelettertofootball10";
window.campaign.config.site.api_key = "bd69c590-652f-11f1-b519-ff6409549bfd";
window.intelligentAmounts = {
};
window.intelligentAmounts.amounts = {
"AUD": {
"ONCE": [{
"weight": 0.077,
"variant_name": "30-50-100-200-500"
},{
"weight": 0.5579,
"variant_name": "50-100-200-500"
},{
"weight": 0.0867,
"variant_name": "55-110-220-550"
},{
"weight": 0.0916,
"variant_name": "50-100-200-500-1000"
},{
"weight": 0.1364,
"variant_name": "50-100-500-1000"
},{
"weight": 0.0505,
"variant_name": "100-200-500-1000"
}],
"MONTH": [{
"weight": 0.2328,
"variant_name": "15-30-50-100-200"
},{
"weight": 0.1272,
"variant_name": "30-50-100-200"
},{
"weight": 0.2788,
"variant_name": "25-50-250-500"
},{
"weight": 0.3612,
"variant_name": "50-100-500-1000"
}]
},
"CAD": {
"ONCE": [{
"weight": 0.0507,
"variant_name": "30-50-100-200-500"
},{
"weight": 0.1403,
"variant_name": "50-100-200-500"
},{
"weight": 0.0537,
"variant_name": "55-110-220-550"
},{
"weight": 0.0642,
"variant_name": "50-100-200-500-1000"
},{
"weight": 0.2759,
"variant_name": "50-100-500-1000"
},{
"weight": 0.4152,
"variant_name": "100-200-500-1000"
}],
"MONTH": [{
"weight": 0.2648,
"variant_name": "15-30-50-100-200"
},{
"weight": 0.1188,
"variant_name": "30-50-100-200"
},{
"weight": 0.358,
"variant_name": "25-50-250-500"
},{
"weight": 0.2585,
"variant_name": "50-100-500-1000"
}]
},
"EUR": {
"ONCE": [{
"weight": 0.0648,
"variant_name": "30-50-100-200-500"
},{
"weight": 0.2686,
"variant_name": "50-100-200-500"
},{
"weight": 0.0678,
"variant_name": "55-110-220-550"
},{
"weight": 0.0991,
"variant_name": "50-100-200-500-1000"
},{
"weight": 0.4492,
"variant_name": "50-100-500-1000"
},{
"weight": 0.0505,
"variant_name": "100-200-500-1000"
}],
"MONTH": [{
"weight": 0.2415,
"variant_name": "15-30-50-100-200"
},{
"weight": 0.147,
"variant_name": "30-50-100-200"
},{
"weight": 0.1668,
"variant_name": "25-50-250-500"
},{
"weight": 0.4448,
"variant_name": "50-100-500-1000"
}]
},
"GBP": {
"ONCE": [{
"weight": 0.0514,
"variant_name": "30-50-100-200-500"
},{
"weight": 0.287,
"variant_name": "50-100-200-500"
},{
"weight": 0.0823,
"variant_name": "55-110-220-550"
},{
"weight": 0.05,
"variant_name": "50-100-200-500-1000"
},{
"weight": 0.2056,
"variant_name": "50-100-500-1000"
},{
"weight": 0.3237,
"variant_name": "100-200-500-1000"
}],
"MONTH": [{
"weight": 0.2948,
"variant_name": "15-30-50-100-200"
},{
"weight": 0.1982,
"variant_name": "30-50-100-200"
},{
"weight": 0.2515,
"variant_name": "25-50-250-500"
},{
"weight": 0.2555,
"variant_name": "50-100-500-1000"
}]
},
"NZD": {
"ONCE": [{
"weight": 0.0501,
"variant_name": "30-50-100-200-500"
},{
"weight": 0.1882,
"variant_name": "50-100-200-500"
},{
"weight": 0.1932,
"variant_name": "55-110-220-550"
},{
"weight": 0.0885,
"variant_name": "50-100-200-500-1000"
},{
"weight": 0.4009,
"variant_name": "50-100-500-1000"
},{
"weight": 0.0791,
"variant_name": "100-200-500-1000"
}],
"MONTH": [{
"weight": 0.266,
"variant_name": "15-30-50-100-200"
},{
"weight": 0.1302,
"variant_name": "30-50-100-200"
},{
"weight": 0.3395,
"variant_name": "25-50-250-500"
},{
"weight": 0.2642,
"variant_name": "50-100-500-1000"
}]
},
"USD": {
"ONCE": [{
"weight": 0.0506,
"variant_name": "30-50-100-200-500"
},{
"weight": 0.2401,
"variant_name": "50-100-200-500"
},{
"weight": 0.091,
"variant_name": "55-110-220-550"
},{
"weight": 0.1988,
"variant_name": "50-100-200-500-1000"
},{
"weight": 0.2801,
"variant_name": "50-100-500-1000"
},{
"weight": 0.1394,
"variant_name": "100-200-500-1000"
}],
"MONTH": [{
"weight": 0.2025,
"variant_name": "15-30-50-100-200"
},{
"weight": 0.2375,
"variant_name": "30-50-100-200"
},{
"weight": 0.3062,
"variant_name": "25-50-250-500"
},{
"weight": 0.2537,
"variant_name": "50-100-500-1000"
}]
},
"default": {
"ONCE": [{
"weight": 0.0502,
"variant_name": "30-50-100-200-500"
},{
"weight": 0.2851,
"variant_name": "50-100-200-500"
},{
"weight": 0.0803,
"variant_name": "55-110-220-550"
},{
"weight": 0.0812,
"variant_name": "50-100-200-500-1000"
},{
"weight": 0.3496,
"variant_name": "50-100-500-1000"
},{
"weight": 0.1536,
"variant_name": "100-200-500-1000"
}],
"MONTH": [{
"weight": 0.262,
"variant_name": "15-30-50-100-200"
},{
"weight": 0.1378,
"variant_name": "30-50-100-200"
},{
"weight": 0.2935,
"variant_name": "25-50-250-500"
},{
"weight": 0.3068,
"variant_name": "50-100-500-1000"
}]
}
};
window.pageSchemas = [{
"uuid": "bdc52c01-652f-11f1-bf6d-fbb8ab0262b2",
"internalTitle": "Landing",
"metaDescription": null,
"title": "Landing",
"image": "https:\u002F\u002Fraisely-images.imgix.net\u002Flove-letters-to-football\u002Fuploads\u002Fross-letter-writing-2-jpg-c955e0.jpg",
"status": "PUBLISHED",
"path": "\u002F",
"createdAt": "2026-06-11T00:51:54.687Z",
"updatedAt": "2026-09-07T02:06:07.892Z",
"socialTitle": null,
"socialDescription": null,
"name": "legacy",
"provider": null,
"condition": null,
"protected": true,
"migrated": false,
"lockVersion": 0,
"public": null,
"exact": true,
"didMatch": true,
"compiled": "{\"compiler\":[8,\"\u003E= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n return \"{\\\"title\\\":\\\"Landing\\\",\\\"body\\\":[{\\\"uuid\\\":\\\"985971a5-3af8-48e2-8dad-5ada136a3025\\\",\\\"data\\\":{\\\"spacing\\\":{\\\"gutter\\\":30,\\\"vertical\\\":60},\\\"background\\\":{\\\"color\\\":\\\"#000033\\\",\\\"textColor\\\":\\\"#ffffff\\\",\\\"url\\\":\\\"\\\",\\\"size\\\":250,\\\"position\\\":\\\"center\\\",\\\"alpha\\\":66,\\\"responsive\\\":{\\\"desktop\\\":{\\\"url\\\":\\\"https:\u002F\u002Fraisely-images.imgix.net\u002Flovelettertofootball10\u002Fuploads\u002Flltf-logo-png-49ac38.png\\\"}}},\\\"verticalHeight\\\":100,\\\"alignment\\\":\\\"center\\\"},\\\"cells\\\":[{\\\"uuid\\\":\\\"24216aac-ece0-40b3-867f-a44783b521f6\\\",\\\"type\\\":\\\"slate\\\",\\\"data\\\":{\\\"object\\\":\\\"value\\\",\\\"document\\\":{\\\"object\\\":\\\"document\\\",\\\"data\\\":{\\\"columns\\\":8,\\\"offset\\\":2},\\\"nodes\\\":[{\\\"object\\\":\\\"block\\\",\\\"type\\\":\\\"heading\\\",\\\"data\\\":{\\\"editable\\\":{\\\"level\\\":{\\\"value\\\":3},\\\"color\\\":{\\\"value\\\":null},\\\"anchor\\\":{\\\"value\\\":null},\\\"padding\\\":{\\\"value\\\":{\\\"top\\\":0,\\\"bottom\\\":0,\\\"left\\\":0,\\\"right\\\":0}},\\\"customClass\\\":{\\\"value\\\":\\\"block--text-heading\\\"},\\\"bgColor\\\":{\\\"value\\\":\\\"#000033\\\"}},\\\"align\\\":\\\"center\\\"},\\\"nodes\\\":[{\\\"object\\\":\\\"text\\\",\\\"leaves\\\":[{\\\"object\\\":\\\"leaf\\\",\\\"text\\\":\\\"Ross Stevenson's\\\",\\\"marks\\\":[]}]}]},{\\\"object\\\":\\\"block\\\",\\\"type\\\":\\\"heading\\\",\\\"data\\\":{\\\"editable\\\":{\\\"level\\\":{\\\"value\\\":1},\\\"color\\\":{\\\"value\\\":\\\"primary\\\"},\\\"anchor\\\":{\\\"value\\\":null},\\\"padding\\\":{\\\"value\\\":{\\\"top\\\":0,\\\"bottom\\\":0,\\\"left\\\":0,\\\"right\\\":0}},\\\"customClass\\\":{\\\"value\\\":\\\"block--text-heading\\\"},\\\"bgColor\\\":{\\\"value\\\":\\\"#000033\\\"}},\\\"align\\\":\\\"center\\\"},\\\"nodes\\\":[{\\\"object\\\":\\\"text\\\",\\\"leaves\\\":[{\\\"object\\\":\\\"leaf\\\",\\\"text\\\":\\\"LOVE LETTER TO FOOTBALL\\\",\\\"marks\\\":[]}]}]},{\\\"object\\\":\\\"block\\\",\\\"type\\\":\\\"heading\\\",\\\"data\\\":{\\\"editable\\\":{\\\"level\\\":{\\\"value\\\":1},\\\"color\\\":{\\\"value\\\":null},\\\"anchor\\\":{\\\"value\\\":null},\\\"padding\\\":{\\\"value\\\":{\\\"top\\\":0,\\\"bottom\\\":0,\\\"left\\\":0,\\\"right\\\":0}},\\\"customClass\\\":{\\\"value\\\":\\\"block--text-heading\\\"},\\\"bgColor\\\":{\\\"value\\\":\\\"#000000\\\"}},\\\"align\\\":\\\"center\\\"},\\\"nodes\\\":[{\\\"object\\\":\\\"text\\\",\\\"leaves\\\":[{\\\"object\\\":\\\"leaf\\\",\\\"text\\\":\\\"10th Anniversary sold out\\\",\\\"marks\\\":[]}]}]},{\\\"object\\\":\\\"block\\\",\\\"type\\\":\\\"paragraph\\\",\\\"data\\\":{\\\"editable\\\":{\\\"level\\\":{\\\"value\\\":1},\\\"color\\\":{\\\"value\\\":null},\\\"anchor\\\":{\\\"value\\\":null},\\\"padding\\\":{\\\"value\\\":{\\\"top\\\":0,\\\"bottom\\\":0,\\\"left\\\":0,\\\"right\\\":0}},\\\"customClass\\\":{\\\"value\\\":\\\"block--text-heading\\\"}},\\\"align\\\":\\\"center\\\"},\\\"nodes\\\":[{\\\"object\\\":\\\"text\\\",\\\"leaves\\\":[{\\\"object\\\":\\\"leaf\\\",\\\"text\\\":\\\"\\\",\\\"marks\\\":[]}]}]},{\\\"object\\\":\\\"block\\\",\\\"type\\\":\\\"heading\\\",\\\"data\\\":{\\\"editable\\\":{\\\"level\\\":{\\\"value\\\":3},\\\"color\\\":{\\\"value\\\":null},\\\"anchor\\\":{\\\"value\\\":null},\\\"padding\\\":{\\\"value\\\":{\\\"top\\\":0,\\\"bottom\\\":0,\\\"left\\\":0,\\\"right\\\":0}},\\\"customClass\\\":{\\\"value\\\":\\\"block--text-heading\\\"}},\\\"align\\\":\\\"center\\\"},\\\"nodes\\\":[{\\\"object\\\":\\\"text\\\",\\\"leaves\\\":[{\\\"object\\\":\\\"leaf\\\",\\\"text\\\":\\\"t\\\",\\\"marks\\\":[]}]}]}]}}}]}]}\";\n},\"useData\":true}"
},{
"uuid": "bdc504fc-652f-11f1-bf6d-fbb8ab0262b2",
"internalTitle": "Reset Password",
"metaDescription": null,
"title": "Reset Your Password • {{campaign.name}}",
"image": "https:\u002F\u002Fraisely-images.imgix.net\u002Flove-letters-to-football\u002Fuploads\u002Fross-letter-writing-2-jpg-c955e0.jpg",
"status": "PUBLISHED",
"path": "\u002Freset\u002F:passwordResetToken?",
"createdAt": "2026-06-11T00:51:54.687Z",
"updatedAt": "2026-06-11T00:51:54.687Z",
"socialTitle": null,
"socialDescription": null,
"name": "accountReset",
"provider": null,
"condition": null,
"protected": true,
"migrated": false,
"lockVersion": 0,
"public": null,
"exact": false,
"didMatch": false
},{
"uuid": "bdc504fb-652f-11f1-bf6d-fbb8ab0262b2",
"internalTitle": "Log In",
"metaDescription": null,
"title": "Log In • {{campaign.name}}",
"image": "https:\u002F\u002Fraisely-images.imgix.net\u002Flove-letters-to-football\u002Fuploads\u002Fross-letter-writing-2-jpg-c955e0.jpg",
"status": "PUBLISHED",
"path": "\u002Flogin",
"createdAt": "2026-06-11T00:51:54.687Z",
"updatedAt": "2026-06-11T00:51:54.687Z",
"socialTitle": null,
"socialDescription": null,
"name": "login",
"provider": null,
"condition": "loggedOut",
"protected": true,
"migrated": false,
"lockVersion": 0,
"public": null,
"exact": true,
"didMatch": false
},{
"uuid": "bdc504f9-652f-11f1-bf6d-fbb8ab0262b2",
"internalTitle": "My Account | Change Password",
"metaDescription": null,
"title": "Change Password • {{campaign.name}}",
"image": "https:\u002F\u002Fraisely-images.imgix.net\u002Flove-letters-to-football\u002Fuploads\u002Fross-letter-writing-2-jpg-c955e0.jpg",
"status": "PUBLISHED",
"path": "\u002Faccount\u002Fpassword",
"createdAt": "2026-06-11T00:51:54.687Z",
"updatedAt": "2026-06-11T00:51:54.687Z",
"socialTitle": null,
"socialDescription": null,
"name": "accountPassword",
"provider": null,
"condition": "loggedIn",
"protected": true,
"migrated": false,
"lockVersion": 0,
"public": null,
"exact": true,
"didMatch": false
},{
"uuid": "bdc504f8-652f-11f1-bf6d-fbb8ab0262b2",
"internalTitle": "My Account | Details",
"metaDescription": null,
"title": "My Account • {{campaign.name}}",
"image": "https:\u002F\u002Fraisely-images.imgix.net\u002Flove-letters-to-football\u002Fuploads\u002Fross-letter-writing-2-jpg-c955e0.jpg",
"status": "PUBLISHED",
"path": "\u002Faccount\u002Fdetails",
"createdAt": "2026-06-11T00:51:54.687Z",
"updatedAt": "2026-06-11T00:51:54.687Z",
"socialTitle": null,
"socialDescription": null,
"name": "accountDetails",
"provider": null,
"condition": "loggedIn",
"protected": true,
"migrated": false,
"lockVersion": 0,
"public": null,
"exact": true,
"didMatch": false
},{
"uuid": "bdc504f7-652f-11f1-bf6d-fbb8ab0262b2",
"internalTitle": "My Account",
"metaDescription": null,
"title": "My Account • {{campaign.name}}",
"image": "https:\u002F\u002Fraisely-images.imgix.net\u002Flove-letters-to-football\u002Fuploads\u002Fross-letter-writing-2-jpg-c955e0.jpg",
"status": "PUBLISHED",
"path": "\u002Faccount",
"createdAt": "2026-06-11T00:51:54.687Z",
"updatedAt": "2026-06-11T00:51:54.687Z",
"socialTitle": null,
"socialDescription": null,
"name": "account",
"provider": null,
"condition": "loggedIn",
"protected": true,
"migrated": false,
"lockVersion": 0,
"public": null,
"exact": true,
"didMatch": false
},{
"uuid": "bdc504f6-652f-11f1-bf6d-fbb8ab0262b2",
"internalTitle": "QR",
"metaDescription": null,
"title": "QR",
"image": "https:\u002F\u002Fraisely-images.imgix.net\u002Flove-letters-to-football\u002Fuploads\u002Fross-letter-writing-2-jpg-c955e0.jpg",
"status": "PUBLISHED",
"path": "\u002Fqr",
"createdAt": "2026-06-11T00:51:54.687Z",
"updatedAt": "2026-06-11T00:51:54.687Z",
"socialTitle": null,
"socialDescription": null,
"name": null,
"provider": null,
"condition": null,
"protected": false,
"migrated": false,
"lockVersion": 0,
"public": null,
"exact": true,
"didMatch": false
},{
"uuid": "bdc504f4-652f-11f1-bf6d-fbb8ab0262b2",
"internalTitle": "Donate",
"metaDescription": null,
"title": "Donate • {{campaign.name}}",
"image": "https:\u002F\u002Fraisely-images.imgix.net\u002Flove-letters-to-football\u002Fuploads\u002Fross-letter-writing-2-jpg-c955e0.jpg",
"status": "PUBLISHED",
"path": "\u002Fdonate",
"createdAt": "2026-06-11T00:51:54.687Z",
"updatedAt": "2026-06-11T02:31:28.673Z",
"socialTitle": null,
"socialDescription": null,
"name": null,
"provider": null,
"condition": null,
"protected": false,
"migrated": false,
"lockVersion": 0,
"public": null,
"exact": true,
"didMatch": false
},{
"uuid": "bdc504f3-652f-11f1-bf6d-fbb8ab0262b2",
"internalTitle": "Campaign Blog",
"metaDescription": null,
"title": "Blog • {{campaign.name}}",
"image": "https:\u002F\u002Fraisely-images.imgix.net\u002Flove-letters-to-football\u002Fuploads\u002Fross-letter-writing-2-jpg-c955e0.jpg",
"status": "PUBLISHED",
"path": "\u002Fblog",
"createdAt": "2026-06-11T00:51:54.687Z",
"updatedAt": "2026-06-11T00:51:54.687Z",
"socialTitle": null,
"socialDescription": null,
"name": "blog",
"provider": null,
"condition": null,
"protected": false,
"migrated": false,
"lockVersion": 0,
"public": null,
"exact": true,
"didMatch": false
},{
"uuid": "bdc504f2-652f-11f1-bf6d-fbb8ab0262b2",
"internalTitle": "Basic Page",
"metaDescription": null,
"title": "Basic Page",
"image": "https:\u002F\u002Fraisely-images.imgix.net\u002Flove-letters-to-football\u002Fuploads\u002Fross-letter-writing-2-jpg-c955e0.jpg",
"status": "PUBLISHED",
"path": "\u002Fbasic-page",
"createdAt": "2026-06-11T00:51:54.687Z",
"updatedAt": "2026-06-11T00:51:54.687Z",
"socialTitle": null,
"socialDescription": null,
"name": null,
"provider": null,
"condition": null,
"protected": false,
"migrated": false,
"lockVersion": 0,
"public": null,
"exact": true,
"didMatch": false
},{
"uuid": "bdc504f1-652f-11f1-bf6d-fbb8ab0262b2",
"internalTitle": "My Account | Donations",
"metaDescription": null,
"title": "My Donations • {{campaign.name}}",
"image": "https:\u002F\u002Fraisely-images.imgix.net\u002Flove-letters-to-football\u002Fuploads\u002Fross-letter-writing-2-jpg-c955e0.jpg",
"status": "PUBLISHED",
"path": "\u002Faccount\u002Fdonations",
"createdAt": "2026-06-11T00:51:54.687Z",
"updatedAt": "2026-06-11T00:51:54.687Z",
"socialTitle": null,
"socialDescription": null,
"name": "accountDonations",
"provider": null,
"condition": "loggedIn",
"protected": true,
"migrated": false,
"lockVersion": 0,
"public": null,
"exact": true,
"didMatch": false
},{
"uuid": "bdc504f5-652f-11f1-bf6d-fbb8ab0262b2",
"internalTitle": "Single Blog Post",
"metaDescription": null,
"title": "{{current.post.title}} • {{campaign.name}}",
"image": "https:\u002F\u002Fraisely-images.imgix.net\u002Flove-letters-to-football\u002Fuploads\u002Fross-letter-writing-2-jpg-c955e0.jpg",
"status": "PUBLISHED",
"path": "\u002F:profile\u002Fposts\u002F:post",
"createdAt": "2026-06-11T00:51:54.687Z",
"updatedAt": "2026-06-11T00:51:54.687Z",
"socialTitle": null,
"socialDescription": null,
"name": "post",
"provider": "post",
"condition": null,
"protected": true,
"migrated": false,
"lockVersion": 0,
"public": null,
"exact": false,
"didMatch": false
},{
"uuid": "bdc504fa-652f-11f1-bf6d-fbb8ab0262b2",
"internalTitle": "My Account | Update Card",
"metaDescription": null,
"title": "Update Payment Details • {{campaign.name}}",
"image": "https:\u002F\u002Fraisely-images.imgix.net\u002Flove-letters-to-football\u002Fuploads\u002Fross-letter-writing-2-jpg-c955e0.jpg",
"status": "PUBLISHED",
"path": "\u002Faccount\u002Fpayment-methods\u002F:id",
"createdAt": "2026-06-11T00:51:54.687Z",
"updatedAt": "2026-06-11T00:51:54.687Z",
"socialTitle": null,
"socialDescription": null,
"name": "accountPaymentMethods",
"provider": null,
"condition": "loggedIn",
"protected": true,
"migrated": false,
"lockVersion": 0,
"public": null,
"exact": false,
"didMatch": false
},{
"uuid": "bdc52c00-652f-11f1-bf6d-fbb8ab0262b2",
"internalTitle": "Header & Footer",
"metaDescription": null,
"title": "Layout",
"image": "https:\u002F\u002Fraisely-images.imgix.net\u002Flove-letters-to-football\u002Fuploads\u002Fross-letter-writing-2-jpg-c955e0.jpg",
"status": "PUBLISHED",
"path": "layout",
"createdAt": "2026-06-11T00:51:54.687Z",
"updatedAt": "2026-06-16T05:55:05.310Z",
"socialTitle": null,
"socialDescription": null,
"name": "layout",
"provider": null,
"condition": null,
"protected": true,
"migrated": false,
"lockVersion": 0,
"public": null,
"didMatch": true,
"compiled": "{\"compiler\":[8,\"\u003E= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n return \"{\\\"title\\\":\\\"Layout\\\",\\\"body\\\":[{\\\"uuid\\\":\\\"56aa2bb3-e237-44b9-b64b-9b3571872b9a\\\",\\\"data\\\":{\\\"spacing\\\":{\\\"gutter\\\":45,\\\"vertical\\\":10,\\\"verticalMobile\\\":0,\\\"gutterMobile\\\":12.5},\\\"background\\\":{\\\"color\\\":\\\"#ffffff\\\",\\\"textColor\\\":null,\\\"url\\\":\\\"\\\",\\\"size\\\":\\\"cover\\\",\\\"position\\\":\\\"center\\\",\\\"alpha\\\":0},\\\"isHeaderRow\\\":true,\\\"footerRow\\\":true,\\\"alignment\\\":\\\"center\\\",\\\"customClass\\\":\\\"row--border-bottom\\\"},\\\"cells\\\":[{\\\"uuid\\\":\\\"d01b5bc6-dd96-4678-bdee-0d93fdca1b86\\\",\\\"type\\\":\\\"slate\\\",\\\"data\\\":{\\\"object\\\":\\\"value\\\",\\\"document\\\":{\\\"object\\\":\\\"document\\\",\\\"data\\\":{\\\"columns\\\":12,\\\"offset\\\":0},\\\"nodes\\\":[{\\\"object\\\":\\\"block\\\",\\\"type\\\":\\\"custom-component\\\",\\\"data\\\":{\\\"customComponent\\\":\\\"RaiselyHeader\\\",\\\"editable\\\":{\\\"theme\\\":{\\\"value\\\":\\\"filled\\\"},\\\"position\\\":{\\\"value\\\":\\\"none\\\"},\\\"showAccountMenu\\\":{\\\"value\\\":false},\\\"alternateLogo\\\":{\\\"value\\\":\\\"https:\u002F\u002Fraisely-images.imgix.net\u002Flovelettertofootball10\u002Fuploads\u002Fapc-horizontal-colour-png-5a8e68.png\\\"},\\\"logoWidth\\\":{\\\"value\\\":180},\\\"showShareButtons\\\":{\\\"value\\\":false},\\\"stickyMobileMenu\\\":{\\\"value\\\":false},\\\"showAmount\\\":{\\\"value\\\":false},\\\"bottomMargin\\\":{\\\"value\\\":0},\\\"topMargin\\\":{\\\"value\\\":0},\\\"color\\\":{\\\"value\\\":null},\\\"customClass\\\":{\\\"value\\\":\\\"\\\"}}},\\\"nodes\\\":[{\\\"object\\\":\\\"text\\\",\\\"leaves\\\":[{\\\"object\\\":\\\"leaf\\\",\\\"text\\\":\\\"\\\",\\\"marks\\\":[]}]}]}]}},\\\"custom\\\":{\\\"padding\\\":0,\\\"spacing\\\":{\\\"top\\\":0,\\\"bottom\\\":null,\\\"topTablet\\\":0,\\\"bottomTablet\\\":0,\\\"bottomMobile\\\":0,\\\"topMobile\\\":0,\\\"sticky\\\":false},\\\"background\\\":{\\\"color\\\":null}}}]},{\\\"uuid\\\":\\\"4392d438-731d-45de-8c3e-f1fbfc834e85\\\",\\\"data\\\":{\\\"role\\\":\\\"content\\\",\\\"isHeaderRow\\\":true}},{\\\"uuid\\\":\\\"da2ad8d4-78f1-4466-b744-e4bc9adf942a\\\",\\\"data\\\":{\\\"spacing\\\":{\\\"gutter\\\":30,\\\"vertical\\\":40},\\\"background\\\":{\\\"color\\\":\\\"secondary\\\",\\\"textColor\\\":null,\\\"url\\\":\\\"\\\",\\\"size\\\":\\\"cover\\\",\\\"position\\\":\\\"center\\\",\\\"alpha\\\":0},\\\"alignment\\\":\\\"center\\\"},\\\"cells\\\":[{\\\"uuid\\\":\\\"78ee14b4-a757-43ca-b906-3c94b6b4fca4\\\",\\\"type\\\":\\\"slate\\\",\\\"data\\\":{\\\"object\\\":\\\"value\\\",\\\"document\\\":{\\\"object\\\":\\\"document\\\",\\\"data\\\":{\\\"columns\\\":4,\\\"offset\\\":0},\\\"nodes\\\":[{\\\"object\\\":\\\"block\\\",\\\"type\\\":\\\"image\\\",\\\"data\\\":{\\\"editable\\\":{\\\"align\\\":{\\\"value\\\":\\\"center\\\"},\\\"src\\\":{\\\"value\\\":\\\"https:\u002F\u002Fraisely-images.imgix.net\u002Flovelettertofootball10\u002Fuploads\u002Fapc-horizontal-all-white-png-a71fff.png\\\"},\\\"href\\\":{\\\"value\\\":\\\"\\\"},\\\"alt\\\":{\\\"value\\\":\\\"\\\"},\\\"width\\\":{\\\"value\\\":180}}},\\\"nodes\\\":[{\\\"object\\\":\\\"text\\\",\\\"leaves\\\":[{\\\"object\\\":\\\"leaf\\\",\\\"text\\\":\\\"\\\",\\\"marks\\\":[]}]}]}]}},\\\"custom\\\":{\\\"background\\\":{\\\"color\\\":null}}},{\\\"uuid\\\":\\\"c5c8fef4-d9a3-451f-8965-71ec94a27493\\\",\\\"type\\\":\\\"slate\\\",\\\"data\\\":{\\\"object\\\":\\\"value\\\",\\\"document\\\":{\\\"object\\\":\\\"document\\\",\\\"data\\\":{\\\"columns\\\":4,\\\"offset\\\":0},\\\"nodes\\\":[{\\\"object\\\":\\\"block\\\",\\\"type\\\":\\\"custom-component\\\",\\\"data\\\":{\\\"customComponent\\\":\\\"RaiselySocialComponent\\\",\\\"editable\\\":{\\\"targets\\\":{\\\"value\\\":{\\\"facebook\\\":{\\\"label\\\":\\\"\\\",\\\"url\\\":\\\"https:\u002F\u002Ffacebook.com\u002FAustralianProstateCentre\\\"},\\\"linkedin\\\":{\\\"label\\\":\\\"\\\",\\\"url\\\":\\\"https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Faustralianprostatecentre\\\"},\\\"instagram\\\":{\\\"label\\\":\\\"\\\",\\\"url\\\":\\\"https:\u002F\u002Fwww.instagram.com\u002Faustralianprostatecentre\u002F\\\"},\\\"twitter\\\":{\\\"label\\\":\\\"\\\",\\\"url\\\":\\\"https:\u002F\u002Fx.com\u002FAustProstate\\\"}}},\\\"theme\\\":{\\\"value\\\":\\\"filled\\\"},\\\"size\\\":{\\\"value\\\":\\\"medium\\\"},\\\"align\\\":{\\\"value\\\":\\\"center\\\"},\\\"url\\\":{\\\"value\\\":\\\"current\\\"}}},\\\"nodes\\\":[{\\\"object\\\":\\\"text\\\",\\\"leaves\\\":[{\\\"object\\\":\\\"leaf\\\",\\\"text\\\":\\\"\\\",\\\"marks\\\":[]}]}]}]}}},{\\\"uuid\\\":\\\"e39f1457-c566-4398-80bb-3e6a180d0c30\\\",\\\"type\\\":\\\"slate\\\",\\\"data\\\":{\\\"object\\\":\\\"value\\\",\\\"document\\\":{\\\"object\\\":\\\"document\\\",\\\"data\\\":{\\\"columns\\\":4,\\\"offset\\\":0},\\\"nodes\\\":[{\\\"object\\\":\\\"block\\\",\\\"type\\\":\\\"custom-component\\\",\\\"data\\\":{\\\"customComponent\\\":\\\"RaiselyAttribution\\\",\\\"editable\\\":{\\\"color\\\":{\\\"value\\\":\\\"#fffefe\\\"},\\\"topMargin\\\":{\\\"value\\\":0},\\\"topMarginMobile\\\":{\\\"value\\\":30}}},\\\"nodes\\\":[{\\\"object\\\":\\\"text\\\",\\\"leaves\\\":[{\\\"object\\\":\\\"leaf\\\",\\\"text\\\":\\\"\\\",\\\"marks\\\":[]}]}]}]}}}]}]}\";\n},\"useData\":true}"
}];
</script>
<script>
if (window.campaign) {
window._env.cdn = 'https://cdn.raisely.com/v3';
window.campaignData = {
uuid: window.campaign.uuid,
organisationUuid: window.campaign.organisationUuid
};
}
window.friendlyChallengeSiteKey = 'FCMPFVTLHB63EHF6';
</script>
<script crossorigin="" src="https://cdn.raisely.com/v3/editor.7fbe5.bundle.js">
</script>
<script crossorigin="" src="https://cdn.raisely.com/v3/vendor.7fbe5.bundle.js">
</script>
<script crossorigin="" src="https://cdn.raisely.com/v3/polyfill.7fbe5.bundle.js">
</script>
<script crossorigin="" src="https://cdn.raisely.com/v3/common+api.7fbe5.bundle.js">
</script>
<script crossorigin="" src="https://cdn.raisely.com/v3/inputs.7fbe5.bundle.js">
</script>
<script crossorigin="" src="https://cdn.raisely.com/v3/core-styles.7fbe5.bundle.js">
</script>
<script crossorigin="" src="https://cdn.raisely.com/v3/sentry.7fbe5.bundle.js">
</script>
<script crossorigin="" src="https://cdn.raisely.com/v3/app.7fbe5.bundle.js">
</script>
<script src="https://api.raisely.com/v3/campaigns/bd69c590-652f-11f1-b519-ff6409549bfd/components.js">
</script>
</body>
</html>
| # |
Url |
Url |
Source |
Date |
| 1 |
https://lovelettertofootball.org.a… |
|
2026-10-20 10:52:54 |
| 2 |
https://www.texarkanatwins.com/%25… |
|
2026-10-20 10:52:54 |
| 3 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-20 10:52:53 |
| 4 |
https://jaredpfnbq.blogminds.com/ |
|
2026-10-20 10:52:52 |
| 5 |
https://www.yam.com/?aspxerrorpath… |
|
2026-10-20 10:52:52 |
| 6 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-20 10:52:51 |
| 7 |
https://www.texarkanatwins.com/%25… |
|
2026-10-20 10:52:51 |
| 8 |
https://lorenzb429vvr4.bloggactif.… |
|
2026-10-20 10:52:50 |
| 9 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-20 10:52:50 |
| 10 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-20 10:52:50 |
| 11 |
https://www.texarkanatwins.com/%25… |
|
2026-10-20 10:52:49 |
| 12 |
https://je-tall-sf-marketing-273.b… |
|
2026-10-20 10:52:49 |
| 13 |
https://www.texarkanatwins.com/%25… |
|
2026-10-20 10:52:48 |
| 14 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-20 10:52:48 |
| 15 |
https://www.texarkanatwins.com/%25… |
|
2026-10-20 10:52:48 |
| 16 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-20 10:52:47 |
| 17 |
https://www.texarkanatwins.com/%25… |
|
2026-10-20 10:52:47 |
| 18 |
https://mattolegrange.com/ |
|
2026-10-20 10:52:46 |
| 19 |
https://www.texarkanatwins.com/%25… |
|
2026-10-20 10:52:46 |
| 20 |
https://www.texarkanatwins.com/%25… |
|
2026-10-20 10:52:46 |