/**
* HTML ELEMENTS
*/
body {
background-color: transparent;
}
.button a {
color: white;
text-decoration: none;
}
input {
width: 206px;
}
/**
* ID's
*/
#main {
padding: 0px 0px 0px 0px;
}
.twitter-timeline {
margin-left: auto;
margin-right: auto;
}
.fw-tab-noCount {
display: none;
}
.button--cart {
cursor: pointer;
padding: 22px;
}
.tab-content {
border: 1px solid black;
background-color: white;
}
/**
* MAIN NAVIGATION
*/
.nav li.hasData a,
.nav li.noData a {
color: #FFFFFF;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
background-color: transparent;
}
.nav-tabs > li > a {
border: none;
}
.nav-tabs > li.hasData {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin-right: 2px;
padding-bottom: 1px;
}
.nav-tabs > li.noData {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin-right: 2px;
padding-bottom: 1px;
}
@media (max-width: 1200px) {
.row .padded {
margin-left: 5px;
}
}
@media (max-width: 768px) {
.nav-tabs > li {
width: 100%;
margin-right: 0px;
padding-bottom: 3px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
}
/**
* TABLE
*/
table.data {
border: 1px solid #CCCCCC;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
table.data caption {
font-size: 1.5em;
margin: .5em 0 .75em;
}
table.data tr {
background: #F8F8F8;
border: 1px solid #DDDDDD;
padding: .35em;
}
table.data th,
table.data td {
padding: .625em;
text-align: center;
}
/**
* CLASSES
*/
a.button:hover {
color: white;
text-decoration: none;
}
a.button:focus {
color: white;
text-decoration: none;
}
/************************** SEARCH BAR ********************************/
#search-bar-input {
margin-left: auto;
margin-right: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
}
.search-bar--inputDiv {
display: inline-block;
float: left;
margin-right: 5px;
margin-left: 5px;
}
.search-bar--selectDiv {
display: inline-block;
float: left;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 10px;
}
@media (max-width: 730px) {
.search-bar--selectDiv {
margin-right: 5px;
margin-left: 5px;
}
}
.select--main select {
height: 44px;
padding: 7px 12px;
width: 200px;
padding-right: 40px;
}
.search-bar--go {
height: 46px;
}
@media (max-width: 959px) {
.select--main select {
height: 40px;
}
.search-bar--go {
height: 42px;
}
}
.search-bar--go {
background-image: url(../images/select-arrow-right.png);
background-position: 93% center;
background-repeat: no-repeat;
padding: 7px;
padding-right: 30px;
float: left;
margin-right: 5px;
margin-left: 5px;
}
.button--go {
background-image: url(../images/select-arrow-right.png);
background-position: right 5px center;
background-repeat: no-repeat;
padding: 7px;
padding-right: 30px;
float: left;
}
.search-bar--go .small {
font-size: 10px;
}
.wrapper.searchBar-content {
padding-top: 30px;
padding-bottom: 30px;
}
.wrapper.searchBar-content.top-filters {
padding-top: 15px;
padding-bottom: 30px;
}
.wrapper.searchBar-content.top-filters-bottom-toggle {
padding-top: 0px;
padding-bottom: 30px;
}
@media (max-width: 730px) {
#search-bar-input {
text-align: center;
}
#search-bar-input {
/*width: 300px;*/
}
.search-bar--selectDiv {
float: none;
}
.search-bar--go {
float: none;
display: inline-block;
margin-bottom: 9px;
}
.search-bar--inputDiv {
padding-bottom: 10px;
}
}
.main-content {
max-width: 100%;
}
.wrapper.main-content {
padding-left: 5px;
padding-right: 5px;
}
.tab-content {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-top: 30px;
}
.page--basic > .main-content {
background-color: transparent;
padding: 0px;
}
@media (min-width: 1140px) {
.page--basic > .main-content {
padding: 0px;
}
}
/**
* CONTENT PAGE HTML
*/
.contentFullWidth {
background-color: white;
padding: 20px;
}
.contentFullWidth {
max-width: 1140px;
}
@media (max-width: 390px) {
.contentFullWidth {
margin-left: 12px;
}
}
@media (max-width: 1180px) {
.contentFullWidth {
margin: auto 3%;
width: 94%;
}
}
.signedIn {
position: relative;
float: left;
list-style: none;
padding-top: 15px;
margin-top: 10px;
display: inline-block;
}
.signedIn:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 480px) {
.signedIn {
float: right;
}
}
.signedIn li {
display: inline-block;
padding-left: 10px;
line-height: 20px;
font-size: 1.5em;
float: left;
}
.signedIn > li:first-child {
margin-right: 16px;
}
.nav.nav-tabs {
margin-bottom: 0px;
}
.nav--cart {
margin-top: 10px;
}
.nav--cart .nav__item.cartAmount > a {
display: inline-block;
line-height: 0;
}
.nav--cart .nav__item.cartAmount {
padding-left: 20px;
padding-right: 20px;
margin-left: 0px;
margin-right: 0px;
}
.nav--cart {
background-color: white;
}
/**
* ORGANIZATION OVERVIEW
*/
#middle-content-area {
width: 100%;
align: center;
margin-left: auto;
margin-right: auto;
}
.orgOverview-share img, media {
display: inline-block;
vertical-align: middle;
padding-left: 5px;
padding-right: 5px;
margin-left: 5px;
margin-bottom: 10px;
margin-top: 5px;
}
a.copy-large-facebook {
color: #3B5998;
/*font-family: "Lato", Helvetica, Arial, sans-serif;*/
font-size: 1.125em;
font-weight: bold;
}
a.copy-large-twitter {
color: #4099FF;
/*font-family: "Lato", Helvetica, Arial, sans-serif;*/
font-size: 1.125em;
font-weight: bold;
}
a.copy-large-favorite {
color: #9AC5BA;
/*font-family: "Lato", Helvetica, Arial, sans-serif;*/
font-size: 1.125em;
font-weight: bold;
}
.jcarousel-wrapper {
margin: 0px auto;
position: relative;
}
.sponsors {
background-color: white;
}
.orgOverview-carousel-wrapper {
width: 100%;
margin: 10px auto 10px;
margin-top: 20px;
}
.jcarousel li {
border: none !important;
max-height: 500px;
padding-left: 20px;
padding-right: 20px;
}
.accordion-group {
margin-bottom: 25px;
}
.organizationPage {
padding-top: 30px;
}
.organizationPage .tab-content {
border: 0px !important;
}
.accordion-heading a:hover {
color: white;
text-decoration: none;
}
.accordion-heading a:focus {
color: white;
text-decoration: none;
}
.button.button--inline {
display: inline-block;
}
.button.button--extrasmall {
padding: 10px;
}
.login-dropdown {
position: relative;
z-index: 10;
width: 100px;
}
.login-dropdown a:focus {
text-decoration: none;
}
@media only screen and (min-width: 479px) {
input[type=text], input[type=password], input[type=email] {
width: 250px;
}
div[id$='_NPCardNumber'] {
min-width: 350px !important;
}
}
/******** Header Navigation Changes ****/
body {
padding: 0px !important;
}
@media screen and (max-width: 480px) {
.logo--header {
margin-top: 65px;
}
}
@media screen and (min-width: 768px) {
.btn--mobile-menu {
display: none;
}
}
/***********************************Input styling overrides************************************/
@media (max-width: 1200px) {
.span8 { width: 65% !important; }
.span3 { width: 32% !important; }
}
@media (max-width: 900px) {
.span8 { width: 100% !important; }
.span3 { width: 100% !important; }
}
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
height: inherit;
}
/**
* CHECKOUT SUMMARY PAGE
*/
.padded {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-left: 10px;
}
.checkout-cart {
background: #D9E8ED;
margin: 0 0 20px;
}
.checkout-cart table {
border: 1px solid #A9A8AE;
color: #345226;
margin: 0;
padding: 12px;
width: 100%;
}
.checkout-cart tr td {
border: none;
border-top: 1px dotted #DED48B;
margin: 0;
padding: 8px 12px;
}
.checkout-cart table tr:first-child td {
border: none;
}
.checkout-cart tr.total td {
background: #003B44;
border: none;
color: #FFFFFF;
font-weight: bold;
font-size: 16px;
}
.checkout-cart tr.scheduledTotal td {
color: #FFFFFF;
font-weight: bold;
font-size: 16px;
}
.checkout-cart tr.scheduledTotal {
background: #337C80;
border-top: 1px solid #A9A8AE;
}
.checkout-cart a {
color: #345226;
font-size: 15px;
font-weight: bold;
}
/**
* FORM
*/
fieldset.fw-FormCode-SimpleGroup-fieldset {
background-color: #D9E8ED;
}
legend.fw-FormCode-SimpleGroup-legend {
color: black;
}
.fw-FormCode-DisabledButton {
opacity: .5;
cursor: default !important;
}
/**
* LOGIN FORM
*/
.fw-LoginForm-container-title {
display: none;
}
.fw-LoginForm-container {
background: #D9E8ED;
padding-top: 20px;
position: relative;
border: none;
-webkit-border-radius: 0px;
border-radius: 0px;
width: 100%;
margin-left: 0px !important;
border: 1px solid black;
}
.fw-LoginForm-fieldLabel {
float: left;
padding-top: 8px;
text-align: right;
font-size: 14px;
font-weight: bold;
line-height: 1em;
}
.fw-LoginForm-container {
height: auto !important;
}
.fw-LoginForm-container input {
width: 206px !important;
}
.fw-LoginForm-container tr td {
width: auto !important;
}
.fw-LoginForm-container tr td:first-child {
vertical-align: top;
}
.fw-LoginForm-container .btn {
position: absolute;
right: 20px;
bottom: 28px;
width: auto !important;
}
.fw-LoginForm-container .fw-LoginForm-entry-movedFrom .fw-LoginForm-fieldLabel-td .fw-LoginForm-fieldLabel {
float: none !important;
}
.loginFormPage_group {
background-color: #D9E8ED;
border: 1px solid black;
padding: 10px;
padding-left: 20px;
}
.loginFormMultiChild .fw-multi-header {
margin-bottom: 5px !important;
}
.loginFormMultiChild h2 {
color: black;
font-size: 21px !important;
font-weight: bold;
margin-top: 20px;
}
/**
* ORGANIZATION OVERVIEW
*/
.orgItemContainer {
float: left;
width: 290px;
margin-bottom: 10px;
}
.orgItemWrapper {
position: relative;
height: auto;
background: #FFFFFF;
}
.orgItemLogo {
display: block;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
min-height: 164px;
line-height: 165px;
}
.orgItemContent {
height: auto;
overflow: hidden;
padding-bottom: 10px;
}
.orgItemContent p {
font-size: 14px;
color: #414042;
padding: 10px 5px 5px 20px;
text-overflow: ellipsis;
overflow: hidden;
margin: 0px;
}
.orgItemContent p.subhead {
font-size: 18px;
padding-left: 20px;
font-weight: bold;
}
/******************************* CAMPAIGN OVERVIEW **********************************/
/* left hand side of campaign overview page */
/* picture */
.campaignPage .tab-pane {
position: relative;
max-width: 1140px;
margin: 0 auto;
}
.campaignPage .tab-content {
border: 0px !important;
width: 100%;
}
.well.donor > div {
text-align: center;
}
.well.donor > div img {
margin: 0px;
}
/* details */
.table--campaign-side-bar {
width: 100%;
}
.table--campaign-side-bar th, .table--campaign-side-bar td {
padding: 5px;
}
.table--campaign-side-bar td {
text-align: right;
}
.table--campaign-side-bar td:last-child {
padding: 0;
}
.table--campaign-side-bar td:last-child > div {
margin: 10px 10px 0px 10px;
text-align: center;
}
/* progress bar */
#progressbar {
width: 100%;
height: 15px;
margin-bottom: 20px;
}
/***************************** HOME PAGE TICKER **************************************/
.clock-space {
display: inline-block;
margin: 0px 8px 0px 8px;
/*top: -40px;*/
position: relative;
}
.countDownLabel {
font-size: 10px;
}
.smallCountdownTimer .clock-space {
top: -35px;
position: relative;
}
.smallCountdownTimer .hours p, .smallCountdownTimer .days p, .smallCountdownTimer .minutes p, .smallCountdownTimer .seconds p {
margin: 0 0 0 0;
margin-top: 0px;
}
.clock-space p {
display: inline-block;
margin: 0px;
}
.hours, .days, .minutes, .seconds {
display: inline-block;
}
.hours p, .days p, .minutes p, .seconds p, .clock-space p {
margin: 0 0 0 0;
margin-top: 5px;
}
.countdownTimer p span {
font-size: 13px;
font-weight: bold;
}
.countdownTimer p {
font-size: 1em;
line-height: 1.875rem;
}
.clear {
clear: both;
}
.hasCountdown {
}
.homeFloatingBox {
padding: 30px 30px 30px 50px;
width: 95vw;
}
@media (max-width: 660px) {
.homeFloatingBox {
padding: 30px;
}
}
/* add to calendar button */
.atcb-link {
display: block;
outline: none !important;
cursor: pointer;
}
.atc-style-blue .atcb-link, .atc-style-blue .atcb-link:hover, .atc-style-blue .atcb-link:active, .atc-style-blue .atcb-link:focus {
margin: 0;
padding: 7px 25px;
color: #FFFFFF;
font-family: 'Verdana';
font-size: 14px;
text-decoration: none;
outline: none;
line-height: 20px;
vertical-align: middle;
box-shadow: 0 0 40px rgba(0, 0, 0, .13) inset;
border-radius: 4px;
zoom: 1;
}
.addtocalendar {
position: relative;
display: inline-block;
background: transparent !important;
}
.addtocalendar var {
display: none;
}
.atc-style-blue .atcb-list, .atc-style-blue .atcb-item {
background: #FFFFFF;
color: #000000;
}
.atc-style-blue .atcb-list {
border: 1px solid rgb(186, 186, 186);
border-radius: 2px;
box-shadow: 0 0 5px #AAAAAA;
}
.atcb-list, .atcb-item {
list-style: none;
margin: 0;
padding: 0;
background: #FFFFFF;
}
.atcb-list {
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 900;
}
.atc-style-blue .atcb-item, .atc-style-blue .atcb-item-link {
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
}
.atc-style-blue .atcb-list, .atc-style-blue .atcb-item {
background: #FFFFFF;
color: #000000;
}
.atcb-item {
float: none;
text-align: left;
}
.atcb-list, .atcb-item {
list-style: none;
margin: 0;
padding: 0;
background: #FFFFFF;
}
.atc-style-blue .atcb-item-link, .atc-style-blue .atcb-item-link:hover, .atc-style-blue .atcb-item-link:active, .atc-style-blue .atcb-item-link:focus {
color: #000000;
font-family: 'Verdana';
font-size: 14px;
text-decoration: none;
outline: none;
padding: 5px 15px;
}
.atc-style-blue .atcb-item, .atc-style-blue .atcb-item-link {
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
}
.atcb-item-link {
text-decoration: none;
outline: none;
display: block;
}
.atc-style-blue .atcb-item.hover,
.atc-style-blue .atcb-item:hover {
cursor: pointer;
}
/*************************** footer styles **********************************/
footer {
line-height: 1.1em;
}
.footerColumns {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.footerColumns > div {
flex: 1 1 310px;
padding: 10px;
}
.footerRightColumn {
flex-direction: column;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
justify-content: space-around;
text-align: right;
}
.footerRightColumn > div:first-child {
flex: 1 1;
}
.footerFollowUs {
font-size: 20px;
padding-bottom: 20px;
display: inline-block;
}
.bottomFooter {
background-color: black;
color: white;
}
.bottomFooter ul {
font-size: 12px;
text-align: right;
margin-bottom: 0px;
}
.bottomFooter li {
display: inline-block;
margin-right: 10px;
text-decoration: none;
margin-bottom: 0px !important;
line-height: 35px !important;
}
.bottomFooter li a {
text-decoration: none;
}
@media (max-width: 955px) {
.footerColumns {
flex-direction: column;
}
.footerRightColumn {
text-align: center;
order: -1;
}
.footerColumns > div {
text-align: center;
flex: 0 0;
}
}
.icon--instagram,
.icon--facebook,
.icon--twitter,
.icon--linkedin,
.icon--email,
.icon--website,
.icon--guidestar {
background-color: white;
opacity: .85;
border-radius: 40px;
height: 28px;
width: 28px;
padding: 0px;
margin-left: 6px;
display: inline-block;
}
.icon--instagram:before,
.icon--facebook:before,
.icon--twitter:before,
.icon--linkedin:before,
.icon--email:before,
.icon--website:before,
.icon--guidestar:before {
background-size: 29px 29px;
width: 29px;
height: 29px;
background-repeat: no-repeat;
content: '';
display: inline-block;
margin-bottom: -6px;
}
.icon--twitter:before {
background-image: url("../images/twitter.svg");
}
.icon--facebook:before {
background-image: url("../images/facebook.svg");
}
.icon--instagram:before {
background-image: url("../images/instagram.svg");
}
.icon--linkedin:before {
background-image: url("../images/linkedin.svg");
}
.icon--email:before {
background-image: url("../images/email.svg");
}
.icon--website:before {
background-image: url("../images/website.svg");
}
.icon--guidestar:before {
background-image: url("../images/guidestar-1.svg");
}
.icon--instagram:hover,
.icon--facebook:hover,
.icon--twitter:hover,
.icon--instagram:hover,
.icon--email:hover,
.icon--website:hover,
.icon--linkedin:hover,
.icon--guidestar:hover {
opacity: .4 !important;
}
.subfooter {
display: flex;
display: -webkit-flex;
align-items: flex-start;
-webkit-align-items: flex-start;
justify-content: space-around;
-webkit-justify-content: space-around;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.subfooter div {
-webkit-flex: 1 0 250px;
flex: 1 0 250px;
text-align: center;
display: inline-block;
}
.subfooter > div {
margin-right: 5% !important;
}
/*************************** myAccountHeader.html styles ********************/
.fw-FormCode-groupContentDiv {
border: none;
}
.fw-customStyle-paymentOutterGroup {
border: 1px solid #CCCCCC; background-color: #F0F0F0;
padding: 5px;
}
.fw-customStyle-paymentInnerGroup {
border: 1px solid #CCCCCC;
background-color: white;
padding: 5px;
margin: 10px 0;
}
table tr th.fw-FormCode-fieldRow-label {
border-bottom: none;
width: 150px; }
.fw-FormCode-fieldRow-entry {
width: inherit !important;
}
h2.fw-multi-header {
font-size: 45px;
}
.carousel-control {
line-height: 20px !important;
}
/**************************************** accessibility overrides *****************************************************/
.subnav .small {
padding: 0px;
margin-top: 5px;
padding-right: 15px;
}
@media (min-width: 768px) {
.logo--spacer {
float: right;
width: 300px;
height: 110px;
}
}
/**************************************** CAMPAIGN PAGE STYLES *****************************************************/
.campaignPage > #tabGroup {
display: none;
}
#campaignMain {
order: 1;
min-width: 500px;
max-width: 770px;
margin-right: 10px;
background-color: white;
padding: 20px;
box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
border: 1px solid #EEEEEE;
}
#campaignSide {
order: 2;
min-width: 250px;
max-width: 320px;
margin-right: 10px;
}
#campaignSide > .donor {
background-color: white;
box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
border: 1px solid #EEEEEE;
padding: 20px;
}
#campaignSide .ui-progressbar .ui-progressbar-value {
background-color: #DA7E22 !important;
margin: 0px !important;
background-image: none !important;
}
#campaignMain .campaignPage-video iframe {
width: 100%;
}
#campaignSide .campaignPage-summary {
font-size: 12.5pt;
line-height: 1.4em;
margin: 30px 10px;
}
@media screen and (max-width: 1200px) {
#campaignMain {
order: 1;
width: 100%;
max-width: 100%;
min-width: 0;
}
#campaignSide {
order: 2;
width: 100%;
min-width: 0;
max-width: 100%;
margin-top: 10px;
}
}
/**************************************** NONPROFIT PAGE STYLES *****************************************************/
.organizationPage .nav-tabs {
position: relative;
max-width: 1140px;
margin: 0 auto;
}
.organizationPage .tab-pane {
position: relative;
max-width: 1140px;
margin: 0 auto;
}
.organizationPage table .title {
white-space: nowrap;
padding-right: 10px;
}
.organizationPage .rowData {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 10px;
}
.organizationPage .colData {
min-width: 300px;
}
.organizationPage .colData:first {
padding-right: 10px;
}
.organizationPageMain {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.organizationPage .organizationPageMainHolder {
min-width: 500px;
max-width: 780px;
line-height: 1.2em;
position: relative;
margin-bottom: 30px;
}
.organizationPage .organizationPageLogo {
float: left;
text-align: center;
padding-right: 20px;
}
.organizationPage .organizationPageMainHolder::after {
content: ''
}
.organizationPage .organizationPageMainHolderChild {
padding-left: 5px;
padding-right: 5px;
overflow: hidden;
max-height: 195px;
}
.organizationPage .organizationPageMainHolderChild.expand {
max-height: none !important;
}
.organizationPage .orgOverview-share {
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
}
.organizationPage .overview .mainContent {
width: calc(100% - 350px);
}
@media screen and (min-width: 900px) {
.organizationPage .overview .sideBar {
float: left;
width: 350px;
padding-left: 30px;
}
}
@media screen and (min-width: 900px) {
.organizationPage .overview .mainContent {
float: left;
}
}
@media (max-width: 500px) {
.organizationPage .organizationPageLogo {
float: none;
}
.organizationPage .organizationPageMainHolderChild {
max-height: 300px !important;
}
}
@media screen and (max-width: 900px) {
.organizationPage .overview .mainContent {
width: 100%;
}
}
@media (max-width: 700px) {
.organizationPage .organizationPageMainHolder {
min-width: 100%;
}
}
.organizationPageMain .tickerContainer {
margin-top: 0px;
margin-bottom: 20px;
}
.organizationPageMain .tickerItem {
background-color: white;
}
.organizationPageMain .tickerItem iframe {
width: 100%;
border: none !important;
}
.organizationPageMain .toggleStatement {
cursor: pointer;
text-decoration: underline;
position: absolute;
bottom: -20px;
right: 10px;
display: none;
}
.organizationPageMainHolder {
min-width: 500px;
max-width: 780px;
line-height: 1.2em;
position: relative;
margin-bottom: 30px;
flex: 2 1 500px;
-webkit-flex: 2 1 500px;
}
.organizationPageMainHolderChild {
padding-left: 5px;
padding-right: 5px;
overflow: hidden;
max-height: 195px;
}
.organizationPageLogo {
float: left;
text-align: center;
padding-right: 20px;
}
.organizationPageMainRightContent {
-webkit-flex: 1;
flex: 1;
min-width: 300px;
padding-left: 5px;
padding-right: 5px;
}
.organizationPageMainHolder::after {
content: ''
}
.organizationPageMainHolderChild.expand {
max-height: none !important;
}
@media (max-width: 500px) {
.organizationPageLogo {
float: none;
}
.organizationPageMainHolderChild {
max-height: 300px !important;
}
}
@media (max-width: 700px) {
.organizationPageMainHolder {
min-width: 100%;
}
}
/**************************************** CHECKOUT PAGE STYLES *****************************************************/
#myCartMain {
order: 1;
width: 770px;
margin-right: 10px;
padding: 20px;
background-color: white;
box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
border: 1px solid #EEEEEE;
}
#myCartSide {
order: 2;
min-width: 250px;
max-width: 320px;
margin-right: 10px;
padding: 20px;
background-color: white;
box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
border: 1px solid #EEEEEE;
}
.padded.checkout {
margin-top: 50px;
margin-bottom: 80px;
}
@media screen and (max-width: 1200px) {
#myCartMain {
order: 1;
width: 100%;
min-width: 0;
}
#myCartSide {
order: 2;
width: 100%;
min-width: 0;
max-width: 100%;
margin-top: 10px;
}
}
/* REACT DONATION SUMMARY PAGE */
.viewAdditionalNPO {
border-radius: 3px;
background-color: #438ECD;
color: #FFFFFF;
font-size: 16px;
line-height: 24px;
text-align: center;
padding: 10px;
flex: 1 1 240px;
margin: 5px;
}
.viewAdditionalNPO:hover {
cursor: pointer;
}
.checkoutProcessContinue {
border-radius: 3px;
background-color: #20AE5E;
color: #FFFFFF;
font-size: 16px;
line-height: 24px;
text-align: center;
padding: 10px;
flex: 1 1 240px;
margin: 5px;
}
.checkoutProcessContinue:hover {
cursor: pointer;
}
.checkoutProcessDonationLevel {
border-radius: 3px;
background-color: #438ECD;
color: #FFFFFF;
font-size: 16px;
line-height: 24px;
text-align: center;
padding: 10px;
flex: 1 1 80px;
margin: 5px 10px;
}
.checkoutProcessDonationLevel:hover {
cursor: pointer;
}
.checkoutProcessDescription {
color: #222222;
font-size: 14px;
line-height: 22px;
margin-bottom: 20px;
}
.checkoutProcessBorderSection {
padding: 10px;
border: 1px solid #BFD6E8;
border-radius: 5px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin: 15px 5px 30px 5px;
}
.checkoutProcessCartText {
color: #222222;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.checkoutProcessPrimaryButton {
border-radius: 3px;
padding: 10px 20px;
background-color: #438ECD;
color: #FFFFFF;
background-image: none;
text-align: center;
}
.checkoutProcessSecondaryButton {
border: 1px solid #438ECD;
background-color: #FFFFFF;
color: #438ECD;
border-radius: 3px;
padding: 10px 20px;
background-image: none;
text-align: center;
}
.checkoutProcessCreateAnAccount {
color: blue;
text-decoration: underline;
cursor: pointer;
}
/***********************************DONATION FORM *********************************/
.donationForm fieldset.fw-FormCode-SimpleGroup-fieldset {
border: none;
background-color: inherit;
padding: 0px;
margin: 0px;
border-bottom: 1px solid #AAAAAA;
padding-bottom: 10px;
margin-bottom: 50px;
min-width: 100%;
}
.donationForm legend.fw-FormCode-SimpleGroup-legend {
margin-left: 0px;
padding-left: 0px;
margin-bottom: 10px;
font-size: 150%;
}
.donationForm .fullWidthButton {
color: #FFFFFF;
font-size: 16px;
line-height: 24px;
text-align: center;
margin-right: 10px;
width: 100%;
border-radius: 3px;
padding: 10px;
display: block;
margin-top: 20px;
margin-left: 0px;
text-transform: none;
}
.donationForm .cancelButton {
margin-top: 30px;
width: 100%;
display: inline-block;
text-align: center;
margin-left: 0px;
cursor: pointer;
}
.donationForm_old .queryLookupListingContainer td {
vertical-align: top;
}
.donationForm_old .queryLookupListingContainer input {
display: none;
}
.donationForm_old .queryLookupListingContainer label .donationAmount {
padding: 15px;
width: 200px;
border-radius: 3px;
text-transform: none;
}
.donationForm_old .queryLookupListingContainer label.fwQLActiveClass .donationAmount {
opacity: 1
}
.donationForm_old .fw-Field-queryListContainer {
border: 0px !important;
max-height: 1000px !important;
}
.donationForm .queryLookupListingContainer td {
vertical-align: top;
}
.donationForm .fw-Field-queryListContainer {
border: 0px !important;
max-height: 1000px !important;
}
.donationForm .queryLookupListingContainer input {
opacity: 0;
width: 0px;
height: 0px;
position: absolute;
}
.donationForm .queryLookupListingContainer label {
margin-bottom: 10px
}
.donationForm .queryLookupListingContainer label .donationAmount {
padding: 15px;
width: 200px;
border-radius: 3px;
text-transform: none;
}
.donationForm .queryLookupListingContainer label > span {
display: block;
}
.donationForm .queryLookupListingContainer label .donationAmount + span {
text-align: center;
width: 180px;
display: block;
padding-top: 5px;
}
.donationForm .lookupListingContainer .button {
padding: 15px;
min-width: 200px;
border-radius: 3px;
text-transform: none;
}
.donationForm .lookupListingContainer:focus {
outline: none;
}
.donationForm .lookupListingContainer div:focus-within {
outline: auto 1px #000;
}
.donationForm .queryLookupListingContainer label:focus-within {
outline: auto 1px #000;
}
/***********************************PAYMENT FORM *********************************/
.paymentForm fieldset.fw-FormCode-SimpleGroup-fieldset {
min-width: 100%;
border: none;
background-color: inherit;
padding: 0px;
margin: 0px;
border-bottom: 1px solid #AAAAAA;
padding-bottom: 10px;
margin-bottom: 50px;
}
.paymentForm legend.fw-FormCode-SimpleGroup-legend {
margin-left: 0px;
padding-left: 0px;
margin-bottom: 10px;
font-size: 150%;
}
.paymentForm input[id$=_fields_creditCard], input[id$=_fields_ccv] {
display: block;
}
.paymentForm input[id$=_fields_ccv] {
margin-top: 5px;
}
.paymentForm th.fw-FormCode-fieldRow-label {
border: 0px;
vertical-align: top !important;
}
.paymentForm .braintreePaymentNewCard a {
color: black;
}
.paymentForm input[type='text'] {
height: 45px;
border: 2px solid #D2D9DB;
border-radius: 3px;
background-color: #FFFFFF;
width: 100%;
}
.paymentForm [select-display-container] {
height: 45px !important;
width: 100% !important;
border: 2px solid #D2D9DB !important;
border-radius: 3px !important;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 100%) !important;
font-size: 16px !important;
line-height: 24px !important;
}
.paymentForm [select-display-container] div {
display: flex;
align-items: center;
}
.paymentForm [selectdiv] {
width: 100%;
}
.paymentForm .fw-FormCode-Grid-normalFieldLabel {
color: #525252;
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.paymentForm .fullWidthButton {
color: #FFFFFF;
font-size: 16px;
line-height: 24px;
text-align: center;
margin-right: 10px;
width: 100%;
border-radius: 3px;
padding: 10px;
display: block;
margin-top: 20px;
margin-left: 0px;
}
.paymentForm .lookupListingContainer input {
margin: 0px;
}
.paymentForm .lookupListingContainer span {
margin: 0px 10px 0px 5px;
}
.paymentForm input[type='checkbox'] {
margin: 0px 5px;
}
/*********************************** ZENDESK WIDGET *********************************/
@media screen and (max-width: 770px) {
div > #launcher {
bottom: 55px !important;
}
}