/*	MY ACCOUNT CSS TABLE OF CONTENTS
*
*	1.0 ----------- SETTINGS
*		1.1 ----------- Colors
*		1.2 ----------- Fonts
*	2.0 ----------- ELEMENTS
*		2.1 ----------- Anchors
*		2.2 ----------- Inputs
*	3.0 ----------- OBJECTS
*		3.1 ----------- Headings
*	4.0 ----------- COMPONENTS
*		4.1 ----------- Page
*		4.2 ----------- Side Nav
*		4.3 ----------- Page Titles
*		4.4 ----------- Sponosrship Detail
*		4.5 ----------- Sponsorship Info
*		4.6 ----------- Sponsorship List
*		4.7 ----------- Tabs
*		4.8 ----------- Giving Table
*		4.9 ----------- Simple Table
*		4.10 ---------- Credit Card Logos
*		4.11 ---------- Gifts
*		4.12 ---------- Payment Options
*		4.13 ---------- Specify Child
*		4.14 ---------- UC Holder
*	5.0 ----------- UTILITIES
*		5.1 ----------- Icons
*/
/* 1.0 SETTINGS */
/** 1.1 Colors **/
/** 1.2 Fonts **/
@font-face {
  font-family: ci-icons-account;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/multimedia/ci-icons_my-account2.woff2) format("woff2"), url(/multimedia/ci-icons_my-account.woff) format("woff");
}
/* 2.0 ELEMENTS */
/** 2.1 Anchors **/
a {
  text-decoration: none;
  color: #1D8CDE;
}
a:hover, a:focus {
  text-decoration: none;
}

/** 2.2 Inputs **/
select {
  width: 100%;
}

label.error {
  color: #92112b;
}

/* 3.0 OBJECTS */
/** 3.1 Headings **/
.h2 {
  font-size: 1.5rem;
}

/* 4.0 COMPONENTS */
/** 4.1 Page **/
.c-page {
  background-color: #fff;
}
@media (min-width: 45.5rem) {
  .c-page {
    background-color: #003C71;
  }
}

/** 4.2 Side Nav **/
@media (min-width: 45.5rem) {
  .c-side-nav {
    margin-top: 2rem;
  }
}
.c-side-nav .background-overlay {
  display: none;
  background-color: #333;
  opacity: 0.6;
  z-index: 450;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.c-side-nav .title {
  position: relative;
  z-index: 451;
  background: #EFEFEF;
  padding: .5rem 2.5rem .5rem 1rem;
  border: 1px solid #ccc;
}
@media (min-width: 45.5rem) {
  .c-side-nav .title {
    padding: .5rem 1rem;
  }
}
.c-side-nav .title:after {
  content: "\f078";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 2.66rem;
  height: 100%;
  border-left: 1px solid #ccc;
  font-family: ci-icons;
}
@media (min-width: 45.5rem) {
  .c-side-nav .title:after {
    display: none;
  }
}
.c-side-nav .h4 {
  font-size: 1rem;
  font-weight: normal;
}
.c-side-nav .h4 > a, .c-side-nav .h4 > span {
  color: #425563;
  font-weight: bold;
  text-decoration: none;
}
.c-side-nav .sidebar-title {
  display: none;
}
@media (min-width: 45.5rem) {
  .c-side-nav .sidebar-title {
    display: block;
  }
}
.c-side-nav .sidebar-title--mobile {
  display: block;
}
@media (min-width: 45.5rem) {
  .c-side-nav .sidebar-title--mobile {
    display: none;
  }
}
.c-side-nav .sidebar-left > ul {
  display: none;
  position: absolute;
  z-index: 451;
  width: 100%;
  margin: 0;
  border-right: 1px solid #999;
  background-color: #fff;
  list-style: none;
}
@media (min-width: 45.5rem) {
  .c-side-nav .sidebar-left > ul {
    display: block;
    position: inherit;
    background-color: inherit;
    border-right: none;
  }
}
.c-side-nav .sidebar-left > ul > li {
  position: relative;
  border-bottom: 1px solid #ccc;
}
.c-side-nav .sidebar-left > ul > li.active > span {
  display: block;
  color: #425563;
  text-transform: none;
  text-decoration: none;
  text-shadow: none;
  font-size: .8rem;
  padding: .75rem 1rem;
}
@media (min-width: 45.5rem) {
  .c-side-nav .sidebar-left > ul > li.active > span {
    font-weight: bold;
    color: #0086BF;
    background-color: #BBDDE6;
  }
}
.c-side-nav .sidebar-left > ul > li > a {
  display: block;
  color: #425563;
  text-transform: none;
  text-decoration: none;
  text-shadow: none;
  font-size: .8rem;
  font-weight: normal;
  padding: .75rem 1rem;
}
.c-side-nav .sidebar-left > ul > li.selected > a {
  margin-right: 2.7rem;
  font-weight: bold;
}
@media (max-width: 45.5rem) {
  .c-side-nav .sidebar-left.is-expanded .background-overlay {
    display: block;
  }
}
.c-side-nav .sidebar-left.is-expanded .title:after {
  content: "\f077";
}
.c-side-nav .sidebar-left.is-expanded > ul {
  display: block;
}
.c-side-nav .sub-menu {
  border-top: 2px solid #ccc;
  margin: 0;
  list-style: none;
  background: #f2f6fb;
}
@media (max-width: 45.5rem) {
  .c-side-nav .sub-menu {
    height: 0;
    overflow: hidden;
  }
}
@media (max-width: 45.5rem) {
  .c-side-nav .sub-menu:before {
    content: "\f0d7";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-left: 1px solid #ccc;
    font-family: ci-icons;
    font-size: 1rem;
  }
}
@media (max-width: 45.5rem) {
  .c-side-nav .sub-menu--open {
    height: auto;
  }
}
@media (max-width: 45.5rem) {
  .c-side-nav .sub-menu--open:before {
    -webkit-transform: roate(180deg);
            transform: roate(180deg);
    border-right: 1px solid #ccc;
    border-left: none;
  }
}
.c-side-nav .sub-menu > li {
  position: relative;
  border-bottom: 1px solid #ccc;
}
.c-side-nav .sub-menu > li > a {
  display: block;
  color: #425563;
  text-transform: none;
  text-decoration: none;
  text-shadow: none;
  font-size: .8rem;
  font-weight: normal;
  padding: .75rem 1rem .75rem 2rem;
}
.c-side-nav .sub-menu > li > span {
  padding-left: 2rem;
}
.c-side-nav .sub-menu > li.selected > a {
  margin-right: 2.7rem;
  font-weight: bold;
}
.c-side-nav .sub-menu > li.active > span {
  display: block;
  padding: .75rem .75rem .75rem 2rem;
  background-color: #BBDDE6;
  font-size: .8rem;
  font-weight: bold;
  color: #0086BF;
}
.c-side-nav .sub-menu:not(:last-child) .sub-menu {
  border-bottom: 2px solid #ccc;
}
@media (min-width: 45.5rem) {
  .c-side-nav__content {
    background-color: #fff;
    padding: 1.5rem !important;
    border-radius: 4px;
    max-width: none;
  }
}
@media (min-width: 45.5rem) {
  .c-side-nav__content .block-content {
    margin-right: 0;
  }
}
@media (min-width: 45.5rem) {
  .c-side-nav .c-side-nav__nav {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18%;
            flex: 0 0 18%;
    margin-right: 1rem;
    background-color: #EFEFEF;
  }
}
@media (min-width: 45.5rem) {
  .c-side-nav--left .c-side-nav__holder {
    margin-right: 1.5rem;
  }
}
@media (min-width: 45.5rem) {
  .c-side-nav--right .c-side-nav__holder {
    margin-left: 1.5rem;
  }
}

/** 4.3 Page Titles	**/
.c-page-titles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: inherit;
  max-width: none;
  margin: 1rem 0;
}
@media (min-width: 45.5rem) {
  .c-page-titles {
    margin: 0 0 1rem;
  }
}
.c-page-titles__main {
  font-size: 1.5rem;
  line-height: 29px;
  font-weight: 500;
}

/**	4.4 Sponsorship Detail **/
.sponsorship-detail[id*=SponsorshipNavContent] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.sponsorship-detail[id*=SponsorshipNavContent] .show {
  width: 100%;
  margin: 0;
  list-style: none;
}
.sponsorship-detail[id*=SponsorshipNavContent] .show > .text {
  margin-bottom: .5rem;
}
.sponsorship-detail[id*=SponsorshipNavContent] .show > .text:after {
  content: ':';
}
@media (min-width: 45.5rem) {
  .sponsorship-detail[id*=SponsorshipNavContent] .show {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    margin-right: .5rem;
  }
}
.sponsorship-detail[id*=SponsorshipNavContent] .view-as {
  width: 100%;
  margin: 0;
  list-style: none;
}
.sponsorship-detail[id*=SponsorshipNavContent] .view-as > li:first-child {
  display: none;
}
.sponsorship-detail[id*=SponsorshipNavContent] .view-as > li:last-child {
  margin-bottom: .65rem;
}
@media (min-width: 45.5rem) {
  .sponsorship-detail[id*=SponsorshipNavContent] .view-as {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: .5rem;
  }
}

/**	4.5 Sponsorship Info **/
.sponsorship-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.sponsorship-image-main {
  position: relative;
  width: 12rem;
  max-width: 100%;
  overflow: hidden;
}
@media (min-width: 45.5rem) {
  .sponsorship-image-main {
    margin-right: 1rem;
  }
}
.sponsorship-image-bgnd {
  width: 100%;
}
@media (min-width: 45.5rem) {
  .sponsorship-image-bgnd {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    max-width: inherit;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
@media (min-width: 45.5rem) {
  .sponsorship-info-holder {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (max-width: 45.5rem) {
  .sponsorship-info-holder {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}
.sponsorship-info .birthday {
  padding: 1rem;
  margin: 1rem 0;
  list-style: none;
  background: #bbdde6;
}
@media (max-width: 45.5rem) {
  .sponsorship-name {
    margin: 1rem 0 0;
    text-align: center;
  }
}
.sponsorship-list {
  margin: 0;
  list-style: none;
}
.sponsorship-detail .yui3-u-3-5 {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
  max-width: 100%;
}

.bio-links {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 2rem;
  margin: 2rem 0 0;
  border-top: 1px solid #ccc;
}
.bio-links > .links {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: .25rem;
  padding: 0 1rem;
  margin: 0 0 1rem;
}
@media (min-width: 45.5rem) {
  .bio-links > .links {
    -webkit-box-flex: calc(50% - 1rem);
        -ms-flex: calc(50% - 1rem);
            flex: calc(50% - 1rem);
  }
}
@media (max-width: 45.5rem) {
  .bio-links > .links {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}
.bio-links > .links:first-of-type:before, .bio-links > .links:last-of-type:before {
  display: block;
  font-weight: bold;
  width: 100%;
  margin: 0 0 .5rem -1rem;
  font-size: 1.3rem;
}
.bio-links > .links:first-of-type:before {
  content: 'Ways to Make an Impact';
}
.bio-links > .links:last-of-type:before {
  content: 'Your Giving';
}
.bio-links > .links > li {
  padding: 0 0 .5rem;
}

@media (max-width: 45.5rem) {
  [id*="MySponsorshipsDetail"] tr,
  [id*="MySponsorshipsDetail"] .label,
  [id*="MySponsorshipsDetail"] .data {
    display: block;
  }

  [id*="MySponsorshipsDetail"] .label {
    display: block;
    display: block;
    color: #CECECE;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 500;
  }

  [id*="MySponsorshipsDetail"] .data {
    margin: 0 0 1rem;
  }
}
/**	4.6 Sponsorships List **/
[id*=sponsorshipsListContainer] > .grey-list {
  list-style: none;
  margin: 0;
}

[id*=sponsorshipsListContainer] > .grey-list > li {
  display: grid;
  grid-template-columns: 7rem 1fr;
  grid-template-rows: auto;
  border: 1px solid #ccc;
  border-radius: .5rem;
  margin: 0 0 2rem;
}

[id*=sponsorshipsListContainer] > .grey-list > li > .left {
  grid-column: span 1;
  grid-row: span 2;
  padding: .5rem;
  margin: 0;
}

@media (min-width: 45.5rem) {
  [id*=sponsorshipsListContainer] > .grey-list > li > .left {
    grid-column: span 1;
    grid-row: span 2;
  }
}
@media (max-width: 45.5rem) {
  [id*=sponsorshipsListContainer] > .grey-list > li > .left {
    grid-column: span 1;
    grid-row: span 1;
  }
}
.grey-list > li > .btm-border {
  grid-column: 2;
  grid-row: 1;
  padding: .5rem;
}

.grey-list > li > .btm-border > .h3 {
  font-size: 1.25rem;
}

.grey-list > li > .btm-border > .date {
  font-size: .85rem;
  margin-bottom: 0;
}

.grey-list > li > .container {
  grid-column: 2 / 3;
  grid-row: 2;
  list-style: none;
  padding: .5rem;
  margin: 0;
  font-size: .85rem;
}

@media (min-width: 45.5rem) {
  .grey-list > li > .container {
    grid-column: 2 / 3;
    grid-row: 2;
  }
}
@media (max-width: 45.5rem) {
  .grey-list > li > .container {
    grid-column: 1 / 3;
    grid-row: 2;
  }
}
.grey-list > li > .button-holder {
  grid-column: span 3;
  grid-row: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #f9f9f9;
  border-top: 1px solid #ccc;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  text-shadow: 0 0 black;
}

.grey-list > li > .button-holder > .blue-button-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.grey-list > li > .button-holder > .blue-button-holder:empty {
  display: none;
}

.grey-list > li > .button-holder > .blue-button-holder:last-child {
  border-right: none;
}

@media (max-width: 45.5rem) {
  .grey-list > li > .button-holder > .blue-button-holder {
    width: 100%;
  }
}
.grey-list > li > .button-holder > .blue-button-holder > .blue-button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  padding: .75rem 1rem;
  border-right: 1px solid #ccc;
  border-radius: 0;
}

@media (max-width: 45.5rem) {
  .grey-list > li > .button-holder > .blue-button-holder > .blue-button {
    border-right: 0;
    border-bottom: 1px solid #ccc;
  }
}
.grey-list > li > .button-holder > .blue-button-holder > .blue-button > span {
  background: none;
  color: #425563;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  font-weight: 400;
}

.write-icon:before {
  content: "\f040";
  font-family: ci-icons;
  font-weight: 100;
}

.grey-list > li > .left > .image-holder {
  padding: 0;
  border: 0;
  margin: 0;
  background: none;
}

.grey-list > li > .left > .image-holder > a > img {
  border-top-left-radius: .5rem;
}

/** 4.7 Tabs **/
.tabs-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 2rem 0 1.5rem;
  border-bottom: 3px solid #0054a6;
  width: 100%;
}
.tabs-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #efefef;
}
@media (min-width: 45.5rem) {
  .tabs-list > li {
    margin: 0 .5rem;
  }
}
@media (max-width: 45.5rem) {
  .tabs-list > li {
    margin: 0 .25rem;
  }
}
.tabs-list > li:first-child {
  margin-left: 0;
}
.tabs-list > li:last-child {
  margin-right: 0;
}
.tabs-list > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 100%;
  text-decoration: none;
  font-weight: bold;
  border: 3px solid transparent;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: .5rem 1rem;
  color: #0054a6;
}
@media (max-width: 45.5rem) {
  .tabs-list > li > a {
    font-size: .85rem;
  }
}
@media (max-width: 45.5rem) {
  .tabs-list > li > a > span {
    display: none;
  }
}
@media (max-width: 45.5rem) {
  .tabs-list > li:nth-of-type(1) > a:before {
    content: 'Info';
  }
  .tabs-list > li:nth-of-type(2) > a:before {
    content: 'Center';
  }
  .tabs-list > li:nth-of-type(3) > a:before {
    content: 'Community';
  }
}
.tabs-list > li.tab--active > a {
  background: #fff;
  border: 3px solid #0054a6;
  border-bottom: 6px solid #fff;
  margin-bottom: -3px;
}

.tabs .header {
  font-weight: bold;
  padding-top: 1rem;
}
.tabs div[id*="tab-"] {
  display: none;
}

.tab-bio ul {
  list-style: none;
  margin: 0;
}

/** 4.8 Giving Table **/
.giving-table {
  margin: 2rem 0;
  color: #768692;
}

.giving-table:not(#tblCommitments) > tbody > .thead {
  text-align: left;
  background: #71b2c9;
  color: #fff;
}
@media (max-width: 45.5rem) {
  .giving-table:not(#tblCommitments) > tbody > .thead {
    display: none;
  }
}

.giving-table > thead > tr {
  background: #71b2c9;
  color: #fff;
}

.giving-table > tbody > tr > td {
  color: #768692;
  font-size: 0.9375rem;
}

.giving-table .odd-row {
  background: #f7f7f7;
}

.giving-table .total {
  background-color: #bbdde6;
  font-weight: bold;
}

@media (min-width: 45.5rem) {
  .giving-table th,
  .giving-table td {
    padding: .5rem 1rem;
  }
}
@media (max-width: 45.5rem) {
  .giving-table th,
  .giving-table td {
    display: block;
  }

  .giving-table td {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .giving-table td:first-child {
    padding-top: 1rem;
  }

  .giving-table td:last-child {
    padding-bottom: 1rem;
  }
}
.giving-table.payment-options-commitment-table .payment-option-sub-head {
  background: #333;
  color: #fff;
  margin-top: 2rem;
  font-weight: bold;
}

.giving-table.payment-options-commitment-table .payment-option-sub-head {
  border-top: 3px solid #333;
}

@media (min-width: 45.5rem) {
  .giving-table.payment-options-commitment-table > tbody > tr > td:first-child {
    border-left: 3px solid #333;
  }

  .giving-table.payment-options-commitment-table > tbody > tr {
    border-right: 3px solid #333;
  }
}
@media (max-width: 45.5rem) {
  .giving-table.payment-options-commitment-table > thead {
    display: none;
  }

  .giving-table.payment-options-commitment-table > tbody > tr > td:nth-of-type(1) {
    font-style: italic;
  }

  .giving-table.payment-options-commitment-table > tbody > tr > td:nth-of-type(2),
  .giving-table.payment-options-commitment-table > tbody > tr > td:nth-of-type(3) {
    font-size: .85rem;
  }

  .giving-table.payment-options-commitment-table > tbody > tr > td:before {
    font-weight: bold;
    display: inline-block;
    width: 40%;
    padding-right: .5rem;
    text-align: right;
  }

  .giving-table.payment-options-commitment-table > tbody > tr > td:nth-of-type(2):before {
    content: "Payment Date:";
  }

  .giving-table.payment-options-commitment-table > tbody > tr > td:nth-of-type(3):before {
    content: "Amount:";
  }
}
.giving-table.payment-options-commitment-table tfoot {
    border-top: 3px solid #333;
}
.giving-table.payment-options-methods-table > tbody > .bottom-row:not(:last-child) {
  border-bottom: 1px solid #efefef;
  font-size: .86rem;
}

@media (max-width: 45.5rem) {
  .giving-table.payment-options-methods-table > tfoot > tr > .total:nth-of-type(2) {
    display: none;
  }
}
.giving-table[id*=tblGivingHistory] {
  display: none;
}

/**	4.9 Simple Table **/
.simple-table {
  width: 100% !important;
}

.simple-table > tbody > tr:first-child > td {
  display: none;
}

.simple-table > tbody > tr:first-child > th > strong {
  color: #aaa;
  text-align: left;
  font-style: italic;
  font-weight: 500;
}

.simple-table > tbody > tr > td:not(:last-child) {
  margin: 0 0 1rem;
}

.simple-table > tbody > tr > td:nth-of-type(3) {
  width: 100%;
  text-align: right !important;
}

.simple-table > tbody > tr > td:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.simple-table > tbody > tr:not(:first-child) > td:nth-of-type(2):before {
  content: 'Due today: ';
  font-weight: bold;
  display: inline;
}

.simple-table > tbody > tr:not(:first-child) > td:nth-of-type(3):before {
  content: 'Pay now: ';
  display: block;
  font-weight: bold;
  display: inline;
}

.simple-table > tbody > tr:not(:first-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f9f9f9;
  padding: .5rem;
  border: 1px solid #f3f3f3;
  border-radius: .25rem;
  margin-bottom: 1rem;
}

.small-details {
  display: block;
  font-size: .8rem;
}

.small-details > br {
  display: none;
}

.simple-table[id*="tblSponsorships"] > tbody, .simple-table[id*="tblFunds"] > tbody, .simple-table[id*="tblGifts"] > tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -.5rem;
}
.simple-table[id*="tblSponsorships"] > tbody > tr, .simple-table[id*="tblFunds"] > tbody > tr, .simple-table[id*="tblGifts"] > tbody > tr {
  -webkit-box-flex: 12.5rem;
      -ms-flex: 12.5rem;
          flex: 12.5rem;
  margin: 0 .5rem 1rem;
}
.simple-table[id*="tblSponsorships"] > tbody > tr:first-child, .simple-table[id*="tblFunds"] > tbody > tr:first-child, .simple-table[id*="tblGifts"] > tbody > tr:first-child {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
}
.simple-table[id*="tblSponsorships"] > tbody > tr > td, .simple-table[id*="tblFunds"] > tbody > tr > td, .simple-table[id*="tblGifts"] > tbody > tr > td {
  width: 100%;
  text-align: left !important;
}
.simple-table[id*="tblSponsorships"] > tbody > tr > td:last-child {
  border-top: 1px solid #ccc;
  padding-top: 1rem;
}
.simple-table[id*="tblSponsorships"] > tbody > tr > td > input {
  width: 100%;
}

@media (min-width: 880px) {
  .simple-table[id*="tblSponsorships"] > tbody > tr:not(:first-child), .simple-table[id*="tblFunds"] > tbody > tr:not(:first-child), .simple-table[id*="tblGifts"] > tbody > tr:not(:first-child) {
    max-width: calc(33% - 1rem);
  }
}
@media (max-width: 880px) and (min-width: 35.5rem) {
  .simple-table[id*="tblSponsorships"] > tbody > tr:not(:first-child) {
    max-width: calc(50% - 1rem);
  }
}
/** 4.10 Credit Card Logos **/
/* TEMPORARILY DISABLED
.c-cc-logo {
  background-image: url(/multimedia/cc-logos-select.png) !important;
}
*/

/** 4.11 Gifts **/
.uc-holder ul.gifts {
  list-style: none;
  margin: 0 0 1rem;
}

.header .h3 {
  font-size: 1.25rem;
}

.gifts.sponsorship .h3 {
    font-style: italic;
    color: #aaa;
    font-weight: 500;
    display: block;
    margin: .5rem 0;
}

.gifts.sponsorship > .clearfix:not(.header) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f9f9f9;
  padding: .5rem;
  border: 1px solid #f3f3f3;
  border-radius: .25rem;
  margin-bottom: 1rem;
}
.gifts.sponsorship > .clearfix > .error {
  display: none;
  padding: .5rem;
  margin: .5rem .5rem 0;
  background: pink;
}
.gifts.sponsorship > .clearfix:last-child {
  margin-bottom: 0;
}
.gifts.sponsorship > .clearfix > span.gifts {
  margin: .5rem;
}
@media (min-width: 62.5rem) {
  .gifts.sponsorship > .clearfix > span.gifts {
    width: 12rem;
  }
}
@media (max-width: 62.5rem) {
  .gifts.sponsorship > .clearfix > span.gifts {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
}
.gifts.sponsorship > .clearfix > span.gifts > .bday {
  display: block;
  width: 100%;
  font-size: .85rem;
}
.gifts.sponsorship .giving-input {
  -webkit-box-flex: 8rem;
      -ms-flex: 8rem;
          flex: 8rem;
  max-width: calc(100% - 1rem);
  margin: .5rem;
}
@media (max-width: 45.5rem) {
  .gifts.sponsorship > .clearfix > select, .gifts.sponsorship > .clearfix > input[type="text"], .gifts.sponsorship > .clearfix > .left > select, .gifts.sponsorship > .clearfix > .left > input[type="text"] {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}
.gifts.sponsorship > .clearfix > select[style*="visibility:hidden"] {
  display: none;
}
.gifts.sponsorship > .clearfix > .left:not(.error) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.gifts.sponsorship > .clearfix > .fund {
  margin: .5rem .5rem 0;
}
.gifts.sponsorship .add-gift {
  display: inline-block;
  margin: 1rem .5rem .5rem;
}

.gifts.sponsorship .otherAmountContainer {
	display: flex;
	width: 100%;
	justify-content: flex-end; 
}

@media (min-width: 45.5rem) {
	.gifts.sponsorship .other-amount {
		display: inline-block;
		flex: 0 0 calc(50% - 1rem);
	}
}

.sponsorship.new-sponsor {
  margin: 0 0 2rem;
  list-style: none;
}
.sponsorship.new-sponsor > li {
  margin-bottom: .5rem;
}
.sponsorship.new-sponsor .radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sponsorship.new-sponsor .radio > input {
  margin-right: .5rem;
  position: relative;
  top: .25rem;
}

.total-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  list-style: none;
  border-top: 1px solid #ccc;
  padding-top: .5rem;
  margin: 0 0 2rem;
}
.total-list > li {
  padding: .5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.total-list > li:first-child {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.total-list > li > label {
  font-weight: bold;
  margin-left: .5rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.c-gifts {
	border: 1px solid #D0D0D0;
	border-radius: 4px;
	background-color: #F8F8F8;
	padding: 1.5rem 1.5rem 0.5rem;
}
.c-gifts__header {
	font-size: 0.9rem;
	margin-bottom: 1rem;
	color: #768692;
}
.c-gifts__header > h2 {
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 0.25rem;
}
.c-gifts__summary > p {
	margin-bottom: 0.8rem;
}
.c-gifts__summary > p:last-of-type {
	margin-bottom: 0;
}
.c-gifts__list-heading,
.c-gifts__list > li,
.c-gifts__item-details,
.c-gifts__item-actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.c-gifts__list-heading {
	color: #768692;
	font-size: 0.8rem;
}
.c-gifts__list-heading > span {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	        flex: 0 0 50%;
}
.c-gifts__list {
	margin: 0;
}
.c-gifts__list > li {
	border-top: 1px solid #D0D0D0;
	padding: 10px 0;
}
.c-gifts__item-image {
	-webkit-box-flex: 0;
	    -ms-flex: 0;
	        flex: 0;
	border-radius: 5px;
	width: 65px;
	margin-right: 20px;
	-ms-flex-item-align: start;
	    align-self: flex-start;
}
.c-gifts__item-details {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.c-gifts__item-child {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 calc(50% - 80px);
	        flex: 1 1 calc(50% - 80px);
	color: #999;
	line-height: 1.3;
	font-size: 0.9rem;
}
.c-gifts__item-child > span {
	display: block;
	font-size: 1rem;
	font-weight: 500;
	color: #333;
}
.c-gifts__item-actions {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 100%;
	        flex: 1 0 100%;
	border-top: 1px solid #DEDEDE;
	margin-top: 10px;
	font-weight: 800;
}
.c-gifts__item-add,
.c-gifts__item-actions > .o-message-box {
	margin-top: 10px;
}
.c-gifts__item-message,
.c-gifts__item-actions .c-gifts__item-amount,
.c-gifts__item-actions .c-gifts__item-edit,
.c-gifts__item-actions .c-gifts__item-remove, 
.c-gifts__item-actions--edit .c-gifts__item-add,
.c-gifts__item-actions--info .c-gifts__item-amount, 
.c-gifts__item-actions--info .c-gifts__item-edit, 
.c-gifts__item-actions--info .c-gifts__item-remove, 
.c-gifts__item-actions--info .c-gifts__item-add,
.c-gifts__item-actions--edit.c-gifts__item-actions--info .c-gifts__item-message { 
	display: none;
}
.c-gifts__item-actions--edit .c-gifts__item-amount,
.c-gifts__item-actions--edit.c-gifts__item-actions--info .c-gifts__item-amount {
	display: inline;
}
.c-gifts__item-actions--edit .c-gifts__item-edit,
.c-gifts__item-actions--edit.c-gifts__item-actions--info .c-gifts__item-edit {
		display: block;
}
.c-gifts__item-actions--edit .c-gifts__item-remove, 
.c-gifts__item-actions--info .c-gifts__item-message, 
.c-gifts__item-message:only-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.c-gifts__item-actions--edit .c-gifts__item-add {
	display: none;
}
.c-gifts__checkout {
	margin-top: 2rem;
	text-align: right;
}
@media only screen and (min-width:40em) {
	.c-gifts__item-actions {
		-webkit-box-flex: 1;
			-ms-flex: 1 1 50%;
				flex: 1 1 50%;
		border-top: none;
		margin-top: 0;
	}
	.c-gifts__item-add,
	.c-gifts__item-actions > .o-message-box {
		margin-top: 0;
	}
}

/** 4.12 Payment Options **/
.o-tooltip__trigger[disabled=disabled]
{
 color: #777777;
}

.payment-options ul {
  margin: 0;
  list-style: none;
}

.payment-options .left {
  float: none;
}

.payment-options[id*=PaymentMethodEdit] {
  border: 1px solid #ccc;
  border-radius: .5rem;
  background: #f9f9f9;
  margin: 0 0 1rem;
}

.payment-options[id*=PaymentMethodEdit] > ul > li:first-child > div > label {
  display: block;
  padding: 1rem;
  font-weight: bold;
  cursor: pointer;
}

.payment-options[id*=PaymentMethodEdit] > ul > li:nth-of-type(2) {
  padding: 0 1rem 1rem 2.2rem;
}

.payment-options[id*=PaymentMethodEdit] > ul > li:nth-of-type(2) label {
  font-size: .85rem;
  margin: 0 0 .25rem;
}

.payment-options__instructions {
  margin: -.5rem 0 1rem 1rem;
  position: relative;
}

.payment-block {
  max-width: 32.5rem;
}

.payment-block .js-credit-card-container {
  margin-bottom: 1rem;
}

.payment-block .js-credit-card-container > .left {
  width: 100% !important;
}

.payment-block .js-credit-card-container > .left > .js-iframeCreditCardContainer {
  width: 100% !important;
  max-width: inherit !important;
}

.payment-block iframe[id*="iframeCreditCardContainer"] {
  width: 100%;
}

.payment-block .wi-label {
  display: block;
  font-weight: bold;
}

.payment-block .js-credit-card-container + li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 35.5rem) {
  .payment-block .js-credit-card-container + li > .left {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .payment-block .js-credit-card-container + li > .left:first-child {
    margin-right: .5rem;
  }
  .payment-block .js-credit-card-container + li > .left:last-child {
    margin-right: 0;
    margin-left: .5rem;
  }
}
@media (max-width: 35.5rem) {
  .payment-block .js-credit-card-container + li > .left {
    width: 100%;
  }
}

.payment-block input[type="number"],
.payment-block input[type="text"],
.payment-block select {
  width: 100%;
  margin-bottom: 1rem;
}

.payment-block .wi-error {
  display: block;
  background: #dfaeb5;
  color: #92112b;
  width: 100%;
  padding: .5rem;
  font-size: .85rem;
}

.cta-button-inner {
  background: inherit;
  border: inherit;
  text-transform: inherit;
  font-weight: inherit;
  color: inherit;
  cursor: inherit;
}



.c-payment-options__tooltip-parent {
	position: relative;
}

.c-payment-options__tooltip
{
	bottom: 2.7rem;
}

.c-payment-options__tooltip:after
{
	left: 12px;
	right: initial;
}

@media (min-width:45.5rem) {
	.c-payment-options__tooltip
	{
		bottom: initial;
		left: -200px;
		right: 10px;
		bottom: 3.6rem;
	}

	.c-payment-options__tooltip-parent {
		text-align: right;
	}

	.c-payment-options__tooltip:after
	{
		right: 12px;
		left: initial;
	}
}

/* Payment add/edit */
.c-recurring__title {
	display: block;
	text-transform: uppercase;
	font-size: 0.75rem;
}
.c-recurring__pm {
	margin: 0 0 1rem;
	width: 100%;
	background-color: #FFF;
	border: 1px solid #CCC;
	border-radius: 4px;
}
.c-recurring__pm > .o-input--radio {
	margin: 0;
}
.c-recurring__pm > .o-input--radio > label {
	align-items: center;
	padding: 0.5rem;
	width: 100%;
	cursor: pointer;
	font-size: 1rem;
}
.c-recurring__pm-info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%
}
.c-recurring__pm-option {
	margin-left: 0.5rem;
	width: 100%;
}
.c-recurring__pm-note {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	font-size: 0.6rem;
	color:#575757
}
@media (min-width: 450px) {
	.c-recurring__pm-option {
		width: auto;
	}
	.c-recurring__pm-note {
		margin-left: auto;
		font-size: 0.75rem;
	}
}
.c-recurring__pd {
	overflow: auto;
	margin: 0 0 1rem;
}
.c-recurring__pd-select {
	width: fit-content;
}
.c-recurring__note {
	font-size: 0.85rem;
	color: #404040;
	margin: 0;
}


/** 4.13 Specify Child **/
.specify-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  padding: 1rem .5rem 0;
  margin: 1rem 0 2rem 1.4rem;
  background: #f9f9f9;
  border: 1px solid #f3f3f3;
  border-radius: .25rem;
}
.specify-child > li {
  -webkit-box-flex: 15rem;
      -ms-flex: 15rem;
          flex: 15rem;
  margin: 0 .5rem 1rem;
}
@media (min-width: 45.5rem) {
  .specify-child > li {
    max-width: calc(50% - 1rem);
  }
}
.specify-child > li > label {
  display: block;
  font-weight: bold;
  font-size: .8rem;
}
.specify-child > li > select {
  width: 100%;
}

/** 4.14 UC Holder **/
.uc-holder-gray {
  background: #f9f9f9;
  padding: 1rem;
  margin: 0 0 1rem;
  border: 1px solid #f3f3f3;
  border-radius: .25rem;
}

[id*=MyAccountPaymentMethodEdit] ~ .uc-holder-gray {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
}

/** 4.15 Section Title **/
.section-title__cta-trigger {
  padding: 0.25rem 1rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
}

@media (max-width: 45.5rem) {
  .section-title__cta-trigger {
    background-color: #0086bf1c;
  }
}
.section-title__cta-trigger:hover {
  background-color: #0086bf42;
  text-decoration: none;
}

/** 4.16 Giving History **/
.giving-history__item {
  margin: 0 0 2rem;
  border: 1px solid #ccc;
  border-radius: .5rem;
}

.giving-history__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-appearance: none;
  background: none;
  border: none;
  padding: 1rem;
  text-align: left;
  font-weight: bold;
  cursor: pointer;
  color: #425563;
}

.giving-history__label-name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.giving-history__transactions {
  display: none;
  padding: 0 1rem 1rem;
  color: #768692;
}

.giving-history__transaction-item {
  border-top: 1px solid #ccc;
  padding: 1rem;
  font-size: .85rem;
}

.giving-history__transaction-item:nth-of-type(odd) {
  background: #f9f9f9;
}

.giving-history__label-amount {
  position: relative;
  padding-right: 2rem;
}

.giving-history__label-amount:after {
  content: "\f0d7";
  font-family: ci-icons;
  margin-left: 1rem;
  -webkit-transition: .2s linear;
  transition: .2s linear;
  position: absolute;
  right: 0;
  top: 0;
}

.giving-history__label.is-opened .giving-history__label-amount:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

label.show-option.hidden {
  display: none;
}

/** 4.17 Error Holder **/
.error-holder {
  font-weight: normal;
  font-size: 0.875rem;
  color: #8B4646;
  background-color: #FFE2E2;
  border: 1px solid #E0AEAE;
  text-align: left;
  border-radius: 4px;
}

/* 5.0 UTILITIES */
/** 5.1 Icons **/
.fa.fa-trash:before {
  content: "\f00d";
}
.fa.fa-plus:before {
  content: "\f055";
}
.fa.fa-user {
  font-family: FontAwesome;
}

/* HIDE QUESTIONS COMPONENT FOR NOW, WILL DELETE LATER */
@media (max-width: 68.5rem) {
    .gsfn-widget-tab.gsfn-left {
        display: none !important;
    }
}

/* REARRANGE ADDRESS EDIT LIST FOR PAYMENT METHODS */

.address-edit-list > li.clearfix:nth-of-type(2) {
    display: flex;
    flex-wrap: wrap;
}
 
.address-edit-list > li.clearfix:nth-of-type(2) > .clearfix {
    order: 0;
}
 
.address-edit-list > li.clearfix:nth-of-type(2) > input {
    order: 1;
}