diff --git a/src/styles/mo-components/_social.scss b/src/styles/mo-components/_social.scss index 11fe22c..dd69cbc 100644 --- a/src/styles/mo-components/_social.scss +++ b/src/styles/mo-components/_social.scss @@ -34,6 +34,15 @@ @include btn--azure; padding: 10px 20px; color: $white; + &.social_2021 { + padding: 13px 19px; + font-family: "Roboto Condensed", sans-serif; + text-transform: uppercase; + width: 100%; + } + &.cta { + background-color:$cerulean; + } &:active, &:visited { @@ -69,3 +78,74 @@ } } } + + +.thankyou p, +.share-block { + p { + font-size:18px; + } + &.bg-teal { + background-color: #CAF4FF; + } + .share-item-url { + background-color: #D2D2D2; + color: #000000; + cursor: pointer; + padding: 13px 19px; + transition-duration: 0s; + } + +} + +.share-item-facebook { background-color: #0C188A; } +.share-item-facebook:hover { background-color: #1877F2; } +.share-item-facebook-messenger { + border: 1px #3B5998 solid; + background-color: #FFF; + color: #3B5998; + &:hover { background-color: #0C188A; } +} +.share-item-twitter { background-color: #5AA5EB; + &:hover { background-color: #51BDFF; } +} +.share-item-email { background-color: #DC6868; + &:hover { background-color: #FF3E27; } +} +.share-item-sms { background-color: #3EA755; + &:hover {background-color: #1F7231; } +} +.share-block { + &.share-btn-icon { + display: flex; + transition: all .3s; + } +} +.share-item-url:hover { + background-color: #717171; + color: #FFF; + transition-duration: 0s; +} +.share-block{ + .share-btn-icon { display: flex; transition: all .3s; } + .share-btn-icon-hover { display: none; transition: all .3s; } + .share-item-facebook-messenger:hover { + .share-btn-icon { display: none; } + .share-btn-icon-hover { display: flex; } + } + .share-item-url:hover { + .share-btn-icon { display: none; } + .share-btn-icon-hover { display: flex; } + } + .input-block-wrapper { + align-self: center; + .input-block { + width: 100%; + padding: 10px; + font-size: 16px; + } + @include respond(( + text-align: center left left + )); + } +} diff --git a/src/styles/pages/_donate.scss b/src/styles/pages/_donate.scss index 5a08292..3fc9acd 100644 --- a/src/styles/pages/_donate.scss +++ b/src/styles/pages/_donate.scss @@ -639,6 +639,11 @@ body.donate-page.donate { font-weight: 400; margin-bottom: 12.5px; } + + p { + font-size: 16px; + } + } .legal .small { @@ -1281,4 +1286,4 @@ body.donate-page.donate { width: 150%; margin-left: -25%; } -} \ No newline at end of file +} diff --git a/src/styles/pages/_donate_thanks.scss b/src/styles/pages/_donate_thanks.scss index 25dd22c..5374e28 100644 --- a/src/styles/pages/_donate_thanks.scss +++ b/src/styles/pages/_donate_thanks.scss @@ -1,9 +1,9 @@ body.donation-pagetype.thanks-page { - color: #555555; + color: #000000; padding-top: 0; p { - font-size: 18px; + font-size: 20px; } div[role="main"] { @@ -17,7 +17,7 @@ body.donation-pagetype.thanks-page { h2 { font-weight: 200; - font-size: 64px; + font-size: 40px; margin-left: -3px; text-transform: none; } @@ -25,13 +25,14 @@ body.donation-pagetype.thanks-page { table { width: 100%; max-width: 100%; - margin-bottom: 25px; + margin-bottom: 50px; background-color: transparent; border-collapse: collapse; border-spacing: 0; + font-size: 20px; td { - padding: 8px; + padding: 18px 8px 18px 0; line-height: 1.4; vertical-align: top; border-top: 1px solid #ddd; @@ -495,31 +496,25 @@ body.donation-pagetype.thanks-page { } .donation-legal { - margin: 50px auto auto; + margin: 110px auto auto; - > div { - background-color: #f3f3f3; - } } .legal { - color: #555555; - font-size: 16px; - padding: 40px; + padding: 40px 40px 40px 0px; @media screen and (min-width: $bp-md) { - padding: 40px 100px; - } - - a { - color: $azure; - text-decoration: underline; + padding: 40px 100px 40px 0px; } h4 { + @include font(roboto); color: #000000; - font-size: 24px; - font-weight: 400; - margin-bottom: 12.5px; + font-size:20px; + font-weight: 700; + margin-bottom: 0; + } + p { + font-size: 20px; } } @@ -528,4 +523,4 @@ body.donation-pagetype.thanks-page { text-align: left; padding: 0; } -} \ No newline at end of file +}