/**
 * 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/twitterX.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;
}

.checkoutProcessTertiaryButton-full {
    border:        2px solid #438ECD;
    flex-grow:     1;
    font-weight:   bold;
    color:         #438ECD;
    border-radius: 4px;
    padding:       5px;
    text-align:    center;
}

.checkoutProcessTertiaryButton {
    border:        2px solid #438ECD;
    font-weight:   bold;
    color:         #438ECD;
    border-radius: 4px;
    padding:       5px;
    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 #000000;
}

.donationForm .queryLookupListingContainer label:focus-within {
    outline: auto 1px #000000;
}

.donationForm .lookupListingContainer .button.activeButton {
    outline:        2px solid #090909;
    outline-offset: 2px;
}


/***********************************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 .checkoutButton {
    color:            white;
    background-color: #34AE5D;
    width:            176px;
    display:          inline-block;
    text-align:       center;
    font-size:        18px;
    line-height:      28px;
    padding:          14px 18px 14px 18px;
    margin:           0px;
    border-radius:    4px;
}

.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;
    }
}