/* For Registration Process */
/* Base Settings */
/****** Page Styling *******/
.content {
  padding: 20px 0 0 0;
}

.box-container {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 30px;
}

.breadcrumbs {
  margin: 30px 0 20px;
}
.breadcrumbs.registration ul {
  text-align: center;
}
.breadcrumbs.registration ul li {
  display: inline-block;
  padding-right: 11px;
}
.breadcrumbs.registration ul li.breadcrumb-incomplete, .breadcrumbs.registration ul li.breadcrumb-unvisited {
  color: #c9c8c8;
}
.breadcrumbs.registration ul li a, .breadcrumbs.registration ul li a:link, .breadcrumbs.registration ul li a:visited, .breadcrumbs.registration ul li a:hover, .breadcrumbs.registration ul li a:active {
  color: #000;
  text-decoration: none;
}
.breadcrumbs.registration ul li a:hover {
  color: #676767;
  text-decoration: none;
}
.breadcrumbs.registration ul i {
  margin-right: 3px;
}
.breadcrumbs li.breadcrumbs-incomplete, .breadcrumbs li.breadcrumbs-visited {
  color: #c9c8c8;
}

.button-clear.back {
  font-size: 1.1em;
  padding: 0;
  font-weight: bold;
  border: none;
  text-align: left;
  color: #676767;
}
.button-clear.back:hover {
  background: white;
  color: #000;
}
.button-clear.back i {
  padding-right: 10px;
}

.button-clear.cancel {
  font-weight: bold;
  padding: 0.5em;
  min-width: auto;
  width: 30px;
  height: 30px;
  border: 2px solid #676767;
  position: relative;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}
.button-clear.cancel:hover {
  border: 2px solid #676767;
  background-color: #000;
  color: #fff;
}
.button-clear.cancel:before {
  content: "";
  position: absolute;
  display: block;
  background-color: #676767;
  width: 2px;
  left: 12px;
  top: 5px;
  bottom: 5px;
  transform: rotate(45deg);
}
.button-clear.cancel:after {
  content: "";
  position: absolute;
  display: block;
  background-color: #676767;
  height: 2px;
  top: 12px;
  left: 5px;
  right: 5px;
  transform: rotate(45deg);
}

.box-container.submit-container {
  justify-content: center;
  margin: 20px 0;
}
.box-container.submit-container .box:last-child {
  padding: 0;
}
.box-container.submit-container a.button.next {
  width: 200px;
}

.checkout-process .box-container.submit-container a.button.next {
  width: 300px;
}

.add-player-container .box-container {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.add-player-container .box-container .box {
  margin-bottom: 20px;
}

.player-container {
  margin: 30px 0;
}

.player-item {
  display: grid;
  grid-gap: 0.5em;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr;
  margin: 10px 0;
  padding: 10px 25px;
  grid-template-areas: "avatar name" "avatar date" "avatar gender" "avatar select";
}
.player-item:nth-child(even) {
  border-top: 1px solid #c9c8c8;
  border-bottom: 1px solid #c9c8c8;
}
.player-item:last-child {
  border-bottom: 1px solid #c9c8c8;
}
.player-item p {
  margin: 0;
  padding: 0;
}
.player-item .item-label {
  font-weight: bold;
}
.player-item .avatar-container {
  grid-area: avatar;
  text-align: center;
  position: relative;
  top: 22px;
}
.player-item .avatar-container .avatar {
  margin: 0;
}
.player-item .avatar-container .avatar img {
  width: 75px;
  height: 75px;
  top: 0;
}
.player-item .avatar-container .avatar .player-initials {
  top: 0;
}
.player-item .name {
  grid-area: name;
  font-weight: bold;
}
.player-item .gender {
  grid-area: gender;
}
.player-item .date {
  grid-area: date;
}
.player-item .select {
  grid-area: select;
}

.division-container {
  margin: 30px 0;
}

.division-item {
  display: grid;
  justify-items: center;
  grid-gap: 0.5em;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  margin: 10px 0;
  padding: 20px 25px;
  grid-template-areas: "division" "date" "select";
}
.division-item:nth-child(even) {
  border-top: 1px solid #c9c8c8;
}
.division-item p {
  margin: 0.5em 0;
  padding: 0;
}
.division-item .division {
  grid-area: division;
  font-weight: bold;
}
.division-item .date {
  grid-area: date;
}
.division-item .select {
  grid-area: select;
}

.question-container {
  margin: 30px 0 50px 0;
}

.question-item {
  display: grid;
  justify-items: center;
  grid-gap: 0.5em;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  margin: 20px 0;
  padding: 0;
  grid-template-areas: "question" "answer";
}
.question-item p {
  margin: 0.5em 0;
  padding: 0;
}
.question-item .question {
  grid-area: question;
  font-weight: bold;
}
.question-item .answer {
  grid-area: answer;
}
.question-item input {
  min-width: 300px;
}

.documents-container {
  margin: 30px 0;
}

.documents-item {
  display: grid;
  justify-items: center;
  grid-gap: 0.5em;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  margin: 10px 0;
  padding: 20px 25px;
  grid-template-areas: "document" "view" "organization" "status";
}
.documents-item:nth-child(even) {
  border-top: 1px solid #c9c8c8;
}
.documents-item p {
  margin: 0.5em 0;
  padding: 0;
}
.documents-item .document {
  grid-area: document;
  font-weight: bold;
}
.documents-item .view {
  grid-area: view;
}
.documents-item .view-document {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  height: 26px;
  width: 75px;
}
.documents-item .button-clear.view-document {
  color: #000;
  padding: 3px 10px;
}
.documents-item .organization {
  grid-area: organization;
}
.documents-item .status {
  grid-area: status;
}
.documents-item .status-complete {
  color: #21AD4A;
  border: 1px solid #21AD4A;
  padding: 5px 17px;
}
.documents-item .button-clear.status-complete:hover {
  background: white;
  color: #21AD4A;
}
.documents-item .status-upload {
  border: 1px solid black;
}

.payment-plan-container {
  margin: 30px 0;
}

.payment-plan-item {
  display: grid;
  justify-items: center;
  grid-gap: 0;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  margin: 15px 0;
  padding: 0 10px;
  grid-template-areas: "payment-type" "payment-info" "payment-status" "payment-amount" "payment-notes" "payment-select";
}
.payment-plan-item:nth-child(even) {
  border-top: 1px solid #c9c8c8;
}
.payment-plan-item p {
  margin: 0.5em 0;
  padding: 0;
  text-align: center;
}
.payment-plan-item .payment-type {
  grid-area: payment-type;
  font-weight: bold;
  margin-top: 10px;
}
.payment-plan-item .payment-info {
  grid-area: payment-info;
  font-size: 0.9em;
  color: #555;
}
.payment-plan-item .payment-status {
  grid-area: payment-status;
  font-size: 0.9em;
  color: #555;
}
.payment-plan-item .payment-amount {
  grid-area: payment-amount;
}
.payment-plan-item .payment-notes {
  grid-area: payment-notes;
}
.payment-plan-item .payment-select {
  grid-area: payment-select;
}
.payment-plan-item .payment-select .selected {
  color: #fff;
  border: 1px solid #21AD4A;
  padding: 5px 17px;
  background: #21AD4A;
}
.payment-plan-item .payment-select .selected:hover {
  background: #21AD4A;
  color: #fff;
}

.payment-plan-item-container:nth-child(even) {
  border-top: 1px solid #c9c8c8;
}

.payment-term, .payment-term .terms {
  border: none;
  text-align: center;
}

.payment-term-header {
  display: none;
}
.payment-term-header .payment-type .load-data :before {
  content: "Payments: ";
  font-weight: bold;
}
.payment-term-header .payment-info {
  grid-area: payment-info;
}
.payment-term-header .payment-info .load-data :before {
  content: "Dates: ";
  font-weight: bold;
}
.payment-term-header p {
  margin: 0;
}

.payment-term .payment-term-header .payment-type {
  grid-area: payment-type;
}
.payment-term .payment-term-header .payment-info {
  grid-area: payment-info;
}
.payment-term .payment-term-header .payment-status {
  grid-area: payment-status;
}
.payment-term .payment-term-header .payment-amount {
  grid-area: payment-amount;
}
.payment-term .payment-term-header .payment-notes {
  grid-area: payment-notes;
}
.payment-term .payment-term-header .payment-select {
  grid-area: payment-select;
}

.terms .payment-type {
  grid-area: payment-type;
}
.terms .payment-info {
  grid-area: payment-info;
}
.terms .payment-status {
  grid-area: payment-status;
}
.terms .payment-amount {
  grid-area: payment-amount;
}
.terms .payment-notes {
  grid-area: payment-notes;
}
.terms .payment-select {
  grid-area: payment-select;
}

.review-container {
  padding: 30px 0;
}

.review-item {
  display: grid;
  grid-gap: 0.5em;
  grid-template-columns: repeat(3, 0.5fr);
  grid-template-rows: repeat(4, 0.25fr);
  margin: 10px 0;
  padding: 10px 0 20px;
  grid-template-areas: "logo program program" "logo organization organization" "logo name name" "logo total total";
}
.review-item.header-container {
  margin-bottom: 20px;
}
.review-item.header-container:nth-child(odd) {
  border: none;
}
.review-item:nth-child(odd) {
  border-bottom: 1px solid #c9c8c8;
}
.review-item:last-child {
  border-bottom: 1px solid #c9c8c8;
}
.review-item p {
  margin: 0;
  padding: 0;
}
.review-item .item-label {
  font-weight: bold;
}
.review-item .logo-container {
  grid-area: logo;
  top: 22px;
}
.review-item .logo-container .logo {
  margin: 0;
  text-align: right;
  padding-right: 8px;
}
.review-item .logo-container .logo img {
  width: 60px;
  height: 60px;
}
.review-item .logo-container .logo .review-initials {
  top: 0;
}
.review-item .program {
  grid-area: program;
}
.review-item .organization {
  grid-area: organization;
}
.review-item .avatar-container {
  grid-area: avatar;
  position: relative;
}
.review-item .avatar-container .avatar {
  margin: 0;
  text-align: left;
  width: 25%;
  display: inline-block;
}
.review-item .avatar-container .avatar img {
  width: 35px;
  height: 35px;
  top: 11px;
}
.review-item .avatar-container .avatar .review-initials {
  top: 0;
}
.review-item .name-container {
  grid-area: name;
  font-weight: bold;
}
.review-item .name {
  width: 51%;
  display: inline-block;
  margin-top: 8px;
  text-align: left;
}
.review-item .total-container {
  grid-area: total;
  margin-top: 20px;
}
.review-item .total-title {
  width: 67%;
  display: inline-block;
  padding-right: 5px;
}
.review-item .total-cost {
  width: 30%;
  display: inline-block;
}

.addon-container {
  border-bottom: 1px solid #c9c8c8;
}

.addon-item {
  display: grid;
  justify-items: center;
  grid-gap: 0;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  margin: 15px 0;
  padding: 5px 0 15px;
  grid-template-areas: "item-img" "item-description" "select-attributes" "quantity-container" "item-price" "add-to-cart";
}
.addon-item .item-img {
  grid-area: item-img;
}
.addon-item .item-description {
  grid-area: item-description;
  text-align: center;
}
.addon-item .select-attributes {
  grid-area: select-attributes;
  margin-bottom: 20px;
}
.addon-item .select-attributes select {
  border: 1px solid #000;
  background: transparent;
  color: #000;
  margin: 0 4px;
  text-align: center;
}
.addon-item .select-attributes .box-container {
  margin: 0;
}
.addon-item .quantity-container {
  grid-area: quantity-container;
}
.addon-item .item-price {
  grid-area: item-price;
}
.addon-item .add-to-cart {
  grid-area: add-to-cart;
}
.addon-item .quantity-container {
  display: flex;
  flex-direction: row;
}
.addon-item .quantity-container .item-quantity {
  width: 50px;
  margin: 0 5px;
  background: none;
  border: none;
  text-align: center;
}
.addon-item .btn-subtract, .addon-item .btn-add {
  padding: 0.5em;
  width: 30px;
  height: 30px;
  min-width: auto;
  border: 1px solid #676767;
  position: relative;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}

.checkout-container {
  padding: 30px 0 0;
}

.checkout-item-container {
  border-bottom: 5px solid #555;
  margin-bottom: 30px;
}
.checkout-item-container:last-child {
  margin-bottom: 10px;
}

.checkout-item {
  display: grid;
  grid-gap: 0.5em;
  grid-template-columns: 0.35fr 0.5fr 0.5fr;
  grid-template-rows: repeat(4, 0.25fr);
  margin: 10px 0 -50px 0;
  padding: 20px 0 0;
  grid-template-areas: "logo program program" "logo organization organization" "logo name name" "logo total total";
}
.checkout-item:nth-child(even) {
  border-top: 1px solid #c9c8c8;
  border-bottom: 1px solid #c9c8c8;
}
.checkout-item:last-child {
  border-bottom: 1px solid #c9c8c8;
  margin: 10px 0;
  padding: 20px 0 0 0;
}
.checkout-item p {
  margin: 0;
  padding: 0;
}
.checkout-item .item-label {
  font-weight: bold;
}
.checkout-item .logo-container {
  grid-area: logo;
  top: 22px;
}
.checkout-item .logo-container .logo {
  margin: 0;
}
.checkout-item .logo-container .logo img {
  width: 60px;
  height: 60px;
}
.checkout-item .logo-container .logo .review-initials {
  top: 0;
}
.checkout-item .program {
  grid-area: program;
}
.checkout-item .organization {
  grid-area: organization;
}
.checkout-item .avatar-container {
  grid-area: avatar;
  position: relative;
}
.checkout-item .avatar-container .avatar {
  margin: 0;
  text-align: left;
  width: 19%;
  display: inline-block;
}
.checkout-item .avatar-container .avatar img {
  width: 35px;
  height: 35px;
  margin-top: 3px;
  top: 0;
}
.checkout-item .avatar-container .avatar .review-initials {
  top: 0;
}
.checkout-item .name-container {
  grid-area: name;
  font-weight: bold;
}
.checkout-item .name {
  width: 75%;
  display: inline-block;
  margin-top: 9px;
  text-align: left;
}
.checkout-item .total-container {
  grid-area: total;
  padding-bottom: 22px;
}
.checkout-item .total-title {
  width: 61.5%;
  display: inline-block;
  padding-right: 5px;
}
.checkout-item .total-cost {
  width: 32%;
  display: inline-block;
}

.addon-container.checkout {
  border-bottom: none;
  padding-bottom: 30px;
}
.addon-container.checkout .addon-item {
  padding: 15px 0 0 0;
}
.addon-container.checkout .addon-item:last-child {
  border-top: 1px solid #c9c8c8;
}
.addon-container.checkout .addon-item .select-attributes {
  margin: 0;
}
.addon-container.checkout .addon-item p {
  margin: 0.25em 0;
}
.addon-container.checkout .addon-item .item-price p {
  display: inline-block;
}
.addon-container.checkout .addon-item .item-price :before {
  content: "Amount: ";
  font-weight: bold;
  display: inline-block;
  padding-right: 5px;
}

.checkout .checkout-process {
  border-top: 1px solid #c9c8c8;
  padding: 25px 0;
}
.checkout .checkout-process input, .checkout .checkout-process select {
  color: #92929d;
  font-size: 0.9em;
  background: #f1f1f1;
  height: 38px;
  width: 200px;
  padding: 6px 15px;
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}
.checkout .checkout-process .coupon button {
  display: inline-block;
  width: 100px;
  background: #c9c8c8;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  color: #fff;
}
.checkout .checkout-process .coupon input {
  display: inline-block;
}
.checkout .checkout-process .payment select {
  width: 304px;
}
.checkout .checkout-process .box-container {
  justify-content: flex-end;
  flex-direction: column;
  margin: 0 0 10px 0;
}
.checkout .checkout-process .box-container.submit-container {
  margin: 20px 0 0;
}
.checkout .checkout-process .box-container.processing-fee {
  flex-direction: row;
}
.checkout .checkout-process .box-container.processing-fee .box.processing-fee-title:first-child {
  padding: 0 10px 0 0;
}
.checkout .checkout-process .box-container.processing-fee .box.processing-fee-amount:last-child {
  padding: 0;
}
.checkout .checkout-process .box-container.processing-fee .processing-fee-title p {
  font-size: 0.9em;
}
.checkout .checkout-process .box-container.processing-fee .processing-fee-amount p {
  font-size: 0.9em;
}
.checkout .checkout-process .total-container .box-container {
  align-items: baseline;
  flex-direction: row;
}
.checkout .checkout-process .total-container .box-container .box:first-child {
  padding: 0 10px 0 0;
}
.checkout .checkout-process .total-container .box-container .box:last-child {
  padding: 0;
}
.checkout .checkout-process .total-container .total-title p {
  font-size: 0.9em;
  margin: 0;
}
.checkout .checkout-process .total-container .total-due p {
  font-size: 1.6em;
  font-weight: bold;
  margin: 0;
}

.thank-you-page .content-container {
  padding: 40px 0 0;
}
.thank-you-page .sidebar-content-top {
  margin-top: 150px;
}

.checkout-thank-you {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
.checkout-thank-you h1 {
  text-align: center;
}
.checkout-thank-you .thank-you img {
  display: inline-block;
  margin: 2px 5px;
  max-width: 100px;
}

.button {
  width: 200px;
}

@media (min-width: 768px) {
  .add-player-container .box-container {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .review-item {
    grid-template-columns: 2fr 3fr;
    grid-template-rows: repeat(4, 0.25fr);
    grid-template-areas: "logo program" "logo organization" "logo name" "logo total";
    grid-column-gap: 30px;
  }
  .review-item .total-title {
    width: 32%;
    display: inline-block;
    padding-right: 5px;
  }
  .review-item .logo-container {
    text-align: right;
  }
  .review-item .avatar-container .avatar {
    width: 9%;
  }
  .review-item .total-cost {
    width: 20%;
  }
  .addon-container {
    display: inline-block;
    width: 45%;
    padding: 0 20px;
    border: 1px solid #c9c8c8;
    margin: 10px;
    height: 541px;
  }
  .checkout-container {
    padding: 0;
    margin: 0 0 -25px 0;
  }
  .checkout .checkout-process {
    border-top: 1px solid #c9c8c8;
    padding: 10px 0 0 0;
    margin-top: 32px;
  }
  .checkout .checkout-process .box-container {
    flex-direction: row;
    margin-top: 25px;
  }
  .checkout .checkout-process .box-container p {
    margin: 0;
  }
  .checkout .checkout-process .box-container.coupon p {
    margin: 0.7em 0;
  }
  .checkout .checkout-process .box-container.coupon .box:first-child {
    padding-right: 10px;
  }
  .checkout .checkout-process .payment .box-container p {
    margin: 0.7em 0;
  }
  .checkout .checkout-process .payment .box-container .box:first-child {
    padding-right: 10px;
  }
  .checkout .checkout-process .total-container .box-container {
    margin: 0;
  }
  .checkout-item {
    grid-template-columns: 6em 7em 7em 12.5em 16em;
    grid-template-rows: 1fr;
    grid-template-areas: "logo program organization name total";
    grid-column-gap: 15px;
    margin: 20px 0 -30px 0;
  }
  .checkout-item .total-title {
    width: 60%;
    display: inline-block;
    padding-right: 5px;
  }
  .checkout-item .logo-container {
    text-align: right;
  }
  .checkout-item .logo-container .logo img {
    margin-top: -10px;
  }
  .checkout-item .avatar-container .avatar {
    width: 25%;
  }
  .checkout-item .name {
    width: 60%;
    margin-top: 0;
  }
  .checkout-item .total-container {
    padding-bottom: 33px;
  }
  .checkout-item .total-cost {
    width: 20%;
  }
  .addon-container.checkout {
    display: block;
    padding: 0;
    border: none;
    margin: 0;
    height: 100%;
    width: 100%;
  }
  .addon-container.checkout .addon-item {
    width: 100%;
    grid-template-columns: 7em 7em 7em 15.5em 7em 1em;
    grid-template-rows: 1fr;
    grid-template-areas: "item-img item-description select-attributes quantity-container item-price add-to-cart";
  }
  .addon-container.checkout .addon-item .item-img img {
    width: 75px;
  }
}
@media (min-width: 960px) {
  .player-item {
    grid-template-columns: 0.25fr 0.25fr 0.25fr 0.75fr auto;
    grid-template-rows: min-content;
    padding: 1.5em 0;
    margin: 0;
    align-items: center;
    justify-items: flex-start;
    grid-template-areas: "avatar name gender date select";
  }
  .player-item .avatar-container {
    top: 0;
  }
  .box-container {
    justify-content: space-between;
  }
  .box-container.submit-container {
    justify-content: end;
  }
  .division-item {
    grid-template-columns: 0.25fr 0.75fr auto;
    grid-template-rows: min-content;
    padding: 1.5em 0;
    margin: 0;
    align-items: center;
    justify-items: flex-start;
    grid-template-areas: "division date select";
  }
  .question-item {
    justify-items: flex-start;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "question answer";
  }
  .documents-item {
    justify-items: flex-start;
    grid-template-columns: 0.45fr 0.2fr 0.75fr auto;
    grid-template-rows: 1fr;
    grid-template-areas: "document view organization status";
  }
  .documents-item .view {
    margin-top: 4px;
  }
  .documents-item .button-clear.view-document:hover {
    color: #fff;
  }
  .payment-plan-item {
    grid-template-columns: 0.8fr 0.6fr 0.85fr 0.5fr 186px 96px;
    grid-template-rows: 1fr;
    justify-items: left;
    margin: 15px 0 0;
    padding: 0;
    grid-template-areas: "payment-type payment-info payment-status payment-amount payment-notes payment-select";
  }
  .payment-plan-item .payment-type {
    margin-top: 0;
  }
  .payment-term .terms {
    text-align: left;
    display: grid;
    grid-template-columns: 0.8fr 0.6fr 0.85fr 0.5fr 186px 96px;
    grid-template-rows: 1fr;
    margin: 0;
    padding: 0;
    grid-template-areas: "payment-type payment-info payment-status payment-amount payment-notes payment-select";
  }
  .payment-type .load-data :before, .payment-info .load-data :before {
    display: none;
  }
  .payment-term .payment-term-header .payment-type {
    text-decoration: underline;
  }
  .payment-term .payment-term-header .payment-info {
    text-decoration: underline;
  }
  .checkout-item {
    grid-template-columns: 4em 10em 13em 17.5em 16em;
    grid-gap: 12px;
  }
  .checkout-item .logo-container .logo img {
    margin-top: -18px;
  }
  .checkout-item .avatar-container .avatar {
    width: 18%;
  }
  .checkout-item .avatar-container .avatar img {
    margin-top: -7px;
  }
  .addon-container.checkout .addon-item {
    grid-template-columns: 4em 9em 11em 24em 7em 1em;
  }
}
@media only screen and (min-width: 1024px) {
  .breadcrumbs.registration ul {
    text-align: left;
  }
  .review-item {
    display: grid;
    grid-gap: 0.5em;
    grid-template-columns: 0.25fr 0.3fr 0.4fr 0.7fr 0.7fr;
    grid-template-rows: 1fr;
    margin: 10px 0;
    padding: 10px 0;
    grid-template-areas: "logo program organization name total";
    text-align: center;
  }
  .review-item .logo-container {
    text-align: right;
  }
  .review-item .logo-container .logo {
    margin: -10px 0 0 0;
  }
  .review-item .avatar-container .avatar {
    width: 14%;
  }
  .review-item .avatar-container .avatar img {
    top: 0;
  }
  .review-item .name {
    width: 55%;
  }
  .review-item .total-container {
    text-align: left;
  }
  .review-item .total-title {
    width: 52%;
    display: inline-block;
    padding-right: 5px;
    margin-top: 8px;
  }
  .review-item .total-cost {
    width: 20%;
    margin-top: 8px;
  }
  .addon-container {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    margin: 0;
    height: auto;
  }
  .addon-item {
    display: grid;
    justify-items: center;
    grid-gap: 0;
    grid-template-columns: 0.6fr 1fr 1fr 0.7fr 0.5fr auto;
    grid-template-rows: 1fr;
    margin: 15px 0 0;
    padding: 10px 0 0;
    grid-template-areas: "item-img item-description select-attributes quantity-container item-price add-to-cart";
  }
  .addon-item:nth-child(even) {
    border-top: 1px solid #c9c8c8;
    border-bottom: 1px solid #c9c8c8;
  }
  .addon-item:last-child {
    border-top: 1px solid #c9c8c8;
    border-bottom: none;
  }
  .addon-item .item-img img {
    width: 100px;
  }
  .addon-item .item-description {
    text-align: left;
  }
  .addon-item .item-description p {
    margin: 0;
  }
  .addon-item .select-attributes .box {
    padding: 0;
  }
  .addon-item .select-attributes .box select {
    height: 33px;
  }
  .addon-item .quantity-container {
    margin-top: 3px;
  }
  .addon-item .quantity-container .item-quantity {
    width: 26px;
    margin: 0;
    padding: 0;
  }
  .addon-item .item-price p {
    margin: 10px 0 0;
  }
  .addon-item .add-to-cart {
    margin-top: 2px;
  }
  .checkout-item {
    display: grid;
    grid-gap: 0.5em;
    grid-template-columns: 0.25fr 0.3fr 0.4fr 0.7fr 0.7fr;
    grid-template-rows: 1fr;
    margin: 10px 0;
    padding: 10px 0;
    grid-template-areas: "logo program organization name total";
    text-align: center;
  }
  .checkout-item:last-child {
    padding: 20px 0 25px 0;
  }
  .checkout-item .logo-container {
    text-align: right;
  }
  .checkout-item .logo-container .logo {
    margin: -10px 0 0 0;
  }
  .checkout-item .avatar-container .avatar {
    width: 14%;
  }
  .checkout-item .total-container {
    text-align: left;
  }
  .checkout-item .total-title {
    width: 52%;
    display: inline-block;
    padding-right: 5px;
  }
  .checkout-item .total-cost {
    width: 20%;
  }
  .addon-container.checkout .addon-item {
    grid-template-columns: 8.5em 8.7em 41.5em 6em;
    grid-template-areas: "item-img item-description select-attributes item-price";
    justify-items: left;
    align-items: center;
  }
  .addon-container.checkout .addon-item .item-img {
    margin: 0 auto;
  }
  .addon-container.checkout .addon-item .item-img img {
    width: 60px;
  }
  .addon-container.checkout .addon-item .select-attributes .box p {
    margin: 0;
  }
  .addon-container.checkout .addon-item .item-price p {
    margin: 0;
  }
}
@media only screen and (min-width: 1050px) {
  .breadcrumbs.registration ul li {
    font-size: 0.9em;
  }
  .payment-plan-item p, .payment-term p, .payment-term p, .payment-term .terms p {
    text-align: left;
  }
  .payment-plan-item {
    grid-template-columns: 1.1fr 0.89fr 0.85fr 0.5fr 100px 96px;
  }
  .payment-term .terms {
    grid-template-columns: 1.1fr 0.89fr 0.85fr 0.5fr 100px 96px;
  }
  .payment-term .terms .payment-notes {
    padding-left: 15px;
  }
  .payment-term .payment-term-header {
    display: grid;
    grid-template-columns: 1.1fr 0.89fr 0.85fr 0.5fr 100px 96px;
    grid-template-rows: 1fr;
    margin: 5px 0;
    padding: 0;
    grid-template-areas: "payment-type payment-info payment-status payment-amount payment-notes payment-select";
  }
  .review-item {
    display: grid;
    grid-gap: 0.5em;
    grid-column-gap: 30px;
    grid-template-columns: repeat(3, 0.5fr);
    grid-template-rows: repeat(4, 0.25fr);
    margin: 10px 0;
    padding: 10px 15px;
    grid-template-areas: "logo program program" "logo organization organization" "logo name name" "logo total total";
    text-align: left;
  }
  .review-item .total-title {
    width: 32%;
  }
  .review-item .logo-container .logo {
    margin: 0;
  }
  .checkout-item {
    grid-template-columns: 0.45fr 0.5fr 0.5fr;
    grid-template-rows: repeat(4, 0.25fr);
    margin: 10px 0 -50px 0;
    padding: 20px 0 0;
    grid-template-areas: "logo program program" "logo organization organization" "logo name name" "logo total total";
    grid-gap: 0 30px;
    text-align: left;
  }
  .checkout-item .logo-container .logo img {
    margin-top: 0;
  }
  .checkout-item .total-title {
    width: 31%;
  }
  .addon-container.checkout {
    padding: 32px 0 0 0;
  }
  .addon-container.checkout .addon-item {
    display: grid;
    justify-items: flex-start;
    grid-gap: 0;
    grid-template-columns: 0.45fr 0.5fr 0.5fr;
    grid-template-rows: repeat(4, 1fr);
    margin: 15px 0;
    padding: 5px 0 15px;
    grid-template-areas: "item-img item-description" "item-img select-attributes" "item-img item-price" "item-img add-to-cart";
  }
  .addon-container.checkout .addon-item:last-child {
    padding: 32px 0 0 0;
  }
  .addon-container.checkout .addon-item .item-img {
    position: relative;
    left: 57px;
    top: -10px;
  }
  .addon-container.checkout .addon-item .item-description, .addon-container.checkout .addon-item .select-attributes, .addon-container.checkout .addon-item .quantity-container, .addon-container.checkout .addon-item .item-price {
    padding-left: 12px;
  }
}
@media only screen and (min-width: 1100px) {
  .addon-item {
    padding: 26px 0 0;
  }
}
@media only screen and (min-width: 1150px) {
  .review-item {
    display: grid;
    grid-gap: 0.5em;
    grid-template-columns: 0.25fr 0.3fr 0.4fr 0.7fr 0.7fr;
    grid-template-rows: 1fr;
    margin: 10px 0;
    padding: 20px 0 10px 0;
    grid-template-areas: "logo program organization name total";
    text-align: center;
  }
  .review-item .avatar-container .avatar {
    width: 19%;
  }
  .review-item .logo-container {
    text-align: left;
  }
  .review-item .name {
    width: 79%;
  }
  .review-item .name-container {
    text-align: left;
  }
  .review-item .total-title {
    width: 60%;
  }
  .checkout-item {
    display: grid;
    grid-gap: 0.5em;
    grid-template-columns: 5em 8em 9em 16em 16em;
    grid-template-rows: 1fr;
    margin: 10px 0 0;
    padding: 10px 0 0;
    grid-template-areas: "logo program organization name total";
    text-align: center;
  }
  .checkout-item .total-container {
    padding-bottom: 5px;
  }
  .checkout-item .avatar-container .avatar {
    width: 19%;
  }
  .checkout-item .logo-container {
    text-align: left;
  }
  .checkout-item .name {
    width: 79%;
  }
  .checkout-item .name-container {
    text-align: left;
  }
  .checkout-item .total-title {
    width: 60%;
  }
  .addon-container.checkout {
    padding: 0;
  }
  .addon-container.checkout .addon-item {
    grid-template-columns: 7em 8em 30em 8em;
    grid-template-rows: 1fr;
    grid-template-areas: "item-img item-description select-attributes item-price";
    justify-items: left;
  }
  .addon-container.checkout .addon-item:last-child {
    padding: 12px 0 0 0;
  }
  .addon-container.checkout .addon-item .item-img {
    margin: 0;
    position: relative;
    left: 0;
    top: 0;
  }
  .addon-container.checkout .addon-item .item-description, .addon-container.checkout .addon-item .select-attributes, .addon-container.checkout .addon-item .quantity-container, .addon-container.checkout .addon-item .item-price {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .addon-item {
    grid-template-columns: 8em 14em 14em 8em 5em 8em;
  }
  .addon-item .item-description {
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1250px) {
  .checkout-container {
    padding: 0;
    margin: 30px 0 -25px 0;
  }
  .checkout-item .logo-container .logo {
    margin: -18px 0 0 0;
  }
  .checkout-item .program, .checkout-item .organization {
    margin-top: -7px;
  }
}
@media only screen and (min-width: 1280px) {
  .breadcrumbs.registration ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
  }
  .breadcrumbs.registration ul li {
    font-size: 0.9em;
    border-top: 3px solid #c9c8c8;
  }
  .breadcrumbs.registration ul li.current {
    border-top: 3px solid black;
  }
  .breadcrumbs.registration ul i {
    margin-right: 8px;
  }
  .payment-plan-item, .payment-plan-item,
  .payment-term .terms, .payment-term .payment-term-header {
    grid-template-columns: 0.8fr 0.6fr 0.85fr 0.5fr 186px 96px;
  }
  .payment-plan-item p, .payment-term p, .payment-term p, .payment-term .terms p {
    margin: 5px 0;
  }
  .review-item {
    grid-template-columns: 0.25fr 0.5fr 0.6fr 0.7fr 0.7fr;
    text-align: left;
  }
  .review-item .program, .review-item .organization {
    margin-top: 20px;
  }
  .review-item .avatar-container, .review-item .total-container {
    margin-top: 12px;
  }
  .checkout-item {
    grid-template-columns: 0.25fr 0.5fr 0.6fr 0.7fr 0.7fr;
    text-align: left;
  }
  .checkout-item .program, .checkout-item .organization {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1400px) {
  .payment-plan-item, .payment-term .terms,
  .payment-term .payment-term-header {
    grid-template-columns: 0.8fr 0.6fr 0.85fr 0.5fr 318px 96px;
  }
  .payment-plan-item {
    margin-bottom: 18px;
  }
  .addon-item {
    grid-template-columns: 8em 22em 16em 8em 5em 8em;
  }
  .review-item {
    grid-template-columns: 0.2fr 0.45fr 0.55fr 0.7fr 0.57fr;
  }
  .checkout-item {
    grid-template-columns: 0.2fr 0.45fr 0.55fr 0.7fr 0.6fr;
  }
  .checkout-item .program, .checkout-item .organization {
    margin-top: 0;
  }
  .addon-container.checkout .addon-item {
    grid-template-columns: 0.2fr 0.45fr 0.55fr 0.75fr 0.5fr;
    grid-template-areas: "item-img item-description select-attributes quantity-container item-price";
    justify-items: center;
  }
  .addon-container.checkout .addon-item .item-img {
    grid-column: 1/2;
  }
  .addon-container.checkout .addon-item .item-img img {
    margin-left: -25px;
  }
  .addon-container.checkout .addon-item .item-description {
    grid-column: 2/3;
  }
  .addon-container.checkout .addon-item .select-attributes {
    grid-column: 3/4;
  }
  .addon-container.checkout .addon-item .quantity-container {
    grid-column: 4/5;
    display: block;
  }
  .addon-container.checkout .addon-item .item-price {
    grid-column: 5/5;
    padding-left: 0;
    margin-left: -22px;
  }
}
@media only screen and (min-width: 1500px) {
  .content-container {
    max-width: 1000px;
  }
  .content {
    margin: 0 auto;
  }
  .addon-item {
    grid-template-columns: 8em 22em 16em 8em 5em 8em;
  }
}

/*# sourceMappingURL=registration.css.map */