/* Theme template generated by running `rake theme:update`
   More info: https://github.com/samrayner/rails-app-themer

  Update at 29/JAN/2020 - theme.rake has been removed from the app as it wasn't working post upgrades to system.
  All future updates will have to be made directly to this file.
*/

/* Utility Classes
================================================== */

body.public .theme-font-headings {
  font-family: "Nunito Bold", Helvetica, Arial, sans-serif;
}
body.public .theme-font-base {
  font-family: Helvetica, Arial, sans-serif;
}
body.public .theme-font-navigation {
  font-family: "Helvetica Bold", Helvetica, Arial, sans-serif;
}
body.public .theme-font-banner-title {
  font-family: "Nunito Bold", Helvetica, Arial, sans-serif;
}
body.public .theme-font-banner-subtitle {
  font-family: "Nunito Bold", Helvetica, Arial, sans-serif;
}
body.public .theme-color-brand-primary {
  color: #f38363;
}
body.public .theme-bg-color-brand-primary {
  background-color: #f38363;
}
body.public .theme-color-brand-secondary {
  color: #f38363;
}
body.public .theme-bg-color-brand-secondary {
  background-color: #f38363;
}
body.public .theme-color-brand-dark {
  color: #1a213d;
}
body.public .theme-bg-color-brand-dark {
  background-color: #1a213d;
}
body.public .theme-color-brand-light {
  color: :;
}
body.public .theme-bg-color-brand-light {
  background-color: :;
}
body.public .theme-color-bg-main {
  color: :;
}
body.public .theme-bg-color-bg-main {
  background-color: :;
}
body.public .theme-color-bg-page {
  color: :;
}
body.public .theme-bg-color-bg-page {
  background-color: :;
}
body.public .theme-color-bg-highlight {
  color: :;
}
body.public .theme-bg-color-bg-highlight {
  background-color: :;
}
body.public .theme-color-bg-home-header {
  color: :;
}
body.public .theme-bg-color-bg-home-header {
  background-color: :;
}
body.public .theme-color-button-toggle-selected {
  color: #ffe1b2;
}
body.public .theme-bg-color-button-toggle-selected {
  background-color: #ffe1b2;
}
body.public .theme-color-button-toggle-selected-text {
  color: #1a213d;
}
body.public .theme-bg-color-button-toggle-selected-text {
  background-color: #1a213d;
}
body.public .theme-color-text-inverse {
  color: :;
}
body.public .theme-bg-color-text-inverse {
  background-color: :;
}
body.public .theme-color-default-button-bg {
  color: :;
}
body.public .theme-bg-color-default-button-bg {
  background-color: :;
}
body.public .theme-color-default-button-text {
  color: :;
}
body.public .theme-bg-color-default-button-text {
  background-color: :;
}
body.public .theme-color-banner-content-bg {
  color: :;
}
body.public .theme-bg-color-banner-content-bg {
  background-color: :;
}
body.public .theme-color-banner-title {
  color: :;
}
body.public .theme-bg-color-banner-title {
  background-color: :;
}
body.public .theme-color-banner-subtitle {
  color: :;
}
body.public .theme-bg-color-banner-subtitle {
  background-color: :;
}
body.public .theme-color-banner-cta {
  color: :;
}
body.public .theme-bg-color-banner-cta {
  background-color: :;
}
body.public .theme-color-banner-cta-hover {
  color: :;
}
body.public .theme-bg-color-banner-cta-hover {
  background-color: :;
}
body.public .theme-color-admin-sidebar {
  color: :;
}
body.public .theme-bg-color-admin-sidebar {
  background-color: :;
}
body.public .theme-color-location-selector-nav {
  color: :;
}
body.public .theme-bg-color-location-selector-nav {
  background-color: :;
}
body.public .theme-color-tip-checkbox-background {
  color: #dbdbdb;
}
body.public .theme-bg-color-tip-checkbox-background {
  background-color: #dbdbdb;
}
body.public .theme-color-tip-checkbox-border {
  color: #999999;
}
body.public .theme-bg-color-tip-checkbox-border {
  background-color: #999999;
}
    body.public .theme-bg-image-logo-inverse {
      background-image: url(https://res.cloudinary.com/chil/image/upload/f_auto/v1/temporary/mvoewjvcwadmpgmkjpeq);
    }
    body.public .theme-bg-image-default-beneficiary-avatar {
      background-image: url(https://res.cloudinary.com/chil/image/upload/f_auto/v1/temporary/qqxav948zcdrxgs1ejsn);
    }
      body.public .theme-bg-image-beneficiary-avatar {
        background-image: url(https://res.cloudinary.com/chil/image/upload/f_auto/v1/temporary/qqxav948zcdrxgs1ejsn);
      }
    body.public .theme-bg-image-site-icon {
      background-image: url(https://res.cloudinary.com/chil/image/upload/f_auto/v1/temporary/n5q5dftwwcopzivklgnp);
    }
    body.public .theme-bg-image-donation-icon {
      background-image: url(https://res.cloudinary.com/chil/image/upload/f_auto/v1/temporary/fdsqvoink6amlokeeehs);
    }

/* -------------------------------------------------- */


body.public {
  background-color: :;
  font-family: Helvetica, Arial, sans-serif;
}
body.public h1, body.public h2, body.public h3, body.public h4, body.public h5, body.public h6 {
  font-family: "Nunito Bold", Helvetica, Arial, sans-serif;
}
body.public .heading-link::after {
  color: #f38363;
}
body.public .heading-text {
  font-family: Helvetica, Arial, sans-serif;
}
body.public a:not(.btn):not(.alert-link):not(.page-banner-button),
body.public .btn-link {
  color: #f38363;
}
body.public a:not(.btn):not(.alert-link):not(.page-banner-button):hover,
body.public a:not(.btn):not(.alert-link):not(.page-banner-button):active,
body.public .btn-link:hover,
body.public .btn-link:active {
  color: rgba(243, 131, 99, 0.8);
}
body.public hr.ornament::after {
  background-color: :;
}
body.public .page-banner-title {
  color: :;
  font-size: : !important;
}
body.public .page-banner-subtitle {
  color: :;
  font-size: : !important;
}
body.public .page-banner-button {
  color: :;
  font-size: : !important;
}
body.public .page-banner-button:hover {
  background-color: :;
}
body.public .page-banner-container {
  background-color: :;
}
body.public .accordion .accordion-section {
  border-color: #f38363;
}
body.public .accordion .accordion-heading {
  background-color: #f38363;
}
body.public .accordion .accordion-heading .accordion-title a {
  color: :;
}

body.public .accordion .accordion-heading .accordion-title a:hover {
  color: :;
}
body.public .accordion .accordion-heading:hover {
  background-color: rgba(243, 131, 99, 0.8);
}
body.public .accordion .accordion-heading a, body.public .accordion .accordion-heading a:hover, body.public .accordion .accordion-heading a:focus, body.public .accordion .accordion-heading a:active {
  color: :;
}
body.public .alert-highlight {
  background-color: :;
}
body.public .beneficiary-selection input[type=radio] + .radio-label {
  border-color: #f38363;
}
body.public .beneficiary-selection input[type=radio]:checked + .radio-label {
  background-color: #f38363;
}
body.public .btn.btn-default {
  background-color: :;
  color: :;
}
body.public .btn.btn-primary {
  background-color: #f38363;
}
body.public .btn-hollow {
  border-color: #f38363;
}
body.public .btn-hollow:hover, body.public .btn-hollow:focus {
  background-color: rgba(243, 131, 99, 0.2);
}
body.public .btn-hollow.btn-hollow-light {
  color: : !important;
  border-color: :;
}
body.public .btn-hollow.btn-hollow-light:hover, body.public .btn-hollow.btn-hollow-light:focus {
  background-color: :;
}
body.public .cover-banner {
  background-color: :;
}
body.public .cover-banner, body.public .cover-page {
  background-color: :;
}
body.public .donation-type input[type=radio]:checked + label {
  border-color: #f38363;
}
body.public .mobile-optimized-form .down {
  color: #f38363 !important;
  border-color: #f38363 !important;
}
body.public .btn-toggle.down {
  color: #1a213d !important;
  background-color: #ffe1b2 !important;
}
body.public .dollar-handle.selected.thick-border {
  border-color: #f38363 !important;
}
body.public .dollar-handle.selected.thick-border:before {
  filter: drop-shadow(0 -2px 0 #f38363) !important;
}
body.public .dollar-handle.selected:before {
  filter: drop-shadow(0 -1px 0 #bdbdbd) !important;
}

body.public .target-handle.selected.thick-border {
  border-color: #f38363 !important;
}
body.public .target-handle.selected.thick-border:before {
  filter: drop-shadow(0 -2px 0 #f38363) !important;
}
body.public .target-handle.selected:before {
  filter: drop-shadow(0 -1px 0 #bdbdbd) !important;
}

body.public .custom-country-selection-checkbox .custom-location-checkbox.selected-checkbox {
  border: 1px solid #f38363 !important;
  background-color: #ffe1b2 !important;
}

body.public #location-selector {
  background-color: : !important;
}

body.public .mobile-optimized-form input:focus {
  border-color: #f38363 !important;
}

.toggle-password-container.with-border-color {
  border-color: #f38363 !important;
}

input.with-border-color {
  border-color: #f38363 !important;
}

body.public .mobile-optimized-form textarea:focus {
  border-color: #f38363 !important;
}
@media (min-width: 992px) {
  body.public .fancy-file-input label {
    color: #f38363;
    border-color: #f38363;
  }
  body.public .fancy-file-input input:hover + label {
    background-color: rgba(243, 131, 99, 0.1);
  }
}
body.public .profile-feed #feed-items .comment {
  background-color: :;
}
body.public #footer {
  background-color: #1a213d;
  color: :;
}
body.public #footer h1, body.public #footer h2, body.public #footer h3, body.public #footer h4, body.public #footer h5, body.public #footer h6, body.public #footer a {
  color: :;
}
body.public #footer .support-phone a {
  color: :;
}
body.public #footer .support-phone {
  color: :;
}
body.public #footer .support-email a, body.public #footer .support-email i {
  color: :;
}
body.public #footer .support-phone i {
  color: :;
}
body.public #footer .support-phone {
  color: :;
}
body.public #home-header {
  background-color: :;
}
@media (max-width: 768px) {
  body.public #home-header {
    background-color: :;
  }
}
body.public .home-stats > div .home-stat {
  font-family: "Nunito Bold", Helvetica, Arial, sans-serif;
  color: #f38363;
}
body.public .btn-toggle.checkbox.active {
  border: 2px solid !important;
  border-color: #f38363 !important;
  color: #f38363 !important;
}
body.public #leaderboards {
  background-color: :;
}
body.public #leaderboards .leaderboards-title {
}
body.public #main-nav {
  background-color: #1a213d;
  color: :;
}
body.public #main-nav a {
  color: :;
}
body.public #main-nav a:hover, body.public #main-nav a:focus {
  color: :;
}
body.public #main-nav .caret, body.public #main-nav .active a {
  color: :;
}
body.public #main-nav .page-nav {
  font-family: "Helvetica Bold", Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
  body.public #main-nav .page-nav .active a {
    border-bottom-color: :;
  }
}
@media (max-width: 767px) {
  body.public #main-nav #search-form {
    background-color: #1a213d;
  }

  body.public #main-nav .navbar-collapse {
    background-color: #1a213d;
  }
}
body.public.onboarding .onboarding-steps li.active .step-wrapper {
  background-color: :;
}
body.public.onboarding .onboarding-steps li.active .step::before {
  border-top-color: :;
  border-bottom-color: :;
}
body.public.onboarding .onboarding-steps li.active .step::after {
  border-left-color: :;
}
body.public #page-banners .item-inner {
  color: :;
}
body.public #page-banners .item-inner h1 {
  font-family: "Nunito Bold", Helvetica, Arial, sans-serif;
}
body.public #page-banners .item-inner p {
  font-family: "Nunito Bold", Helvetica, Arial, sans-serif;
}
body.public .pagination .active span {
  background-color: #f38363;
}
body.public .panel-body-section .section-title {
  font-family: Helvetica, Arial, sans-serif;
}
body.public #sign-up h2, body.public #sign-up h3  {
  color: #000 !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 2.2rem !important;
  font-weight: bold !important;
}
body.public .panel-table-figure {
  color: #f38363;
}
body.public .nav-pills .active a {
  color: #f38363;
  border-color: #f38363;
}
body.public #profile {
  background-color: :;
}
body.public .progress-bar {
  background-color: #f38363;
}
body.public .progress-caption {
  font-family: "Nunito Bold", Helvetica, Arial, sans-serif;
  color: #f38363;
}
body.public .target-info-box {
  background-color: rgba(243, 131, 99, 0.1);
  font-size: 1.4rem;
}
body.public .target-info-box .material-icons {
  color: #f38363;
}
body.admin .sidebar {
  background-color: :;
}
body.public .btn.btn-default.clipboard {
  background-color: #f38363 !important;
}

/* Event index start */

body.public .location-icon .material-icons {
  color: #f38363;
}
body.public .time-icon .material-icons {
  color: #f38363;
}
body.public .event-details .details a {
  color: #f38363;
  border-color: #f38363;
}

/* Event index end */

/* Organization show start */

body.public .organization-main .is-open {
  border-bottom: solid #f38363;
  color: #f38363 !important;
}

body.public .organization-main .banner-panel-heading {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) !important;
  background-color: rgba(243, 131, 99, 0.2) !important;
}

body.public .beneficiary-name .heading-link {
  color: #f38363 !important;
}

/* Organization show end */

@media (max-width: 767px) {
  body.public #search-form {
    background-color: #1a213d !important;
  }
}

body.public .search-campaign-instance-user {
  color: #f38363 !important;
}

body.public .search-beneficiary-instance {
  color: #f38363 !important;
}

body.public .search-team {
  color: #f38363 !important;
}

body.public .challenge-type.default.selected {
  color: #f38363 !important;
}

body.public .challenge-type.default.selected label {
  color: #f38363 !important;
}

body.public .challenge-type.self-elected.selected label {
  color: #f38363 !important;
}

/* Profile Complete start */

.profile-achievement-entity-icon .completed {
  color: #f38363 !important;
}

.complete-profile-progress-caption .number {
  color: #f38363 !important;
}

/* Profile Complete end */

/* User Profile start */

body.public form.edit_user #challenge-picker label.btn.active {
  border-color: #f38363 !important;
  color: #1a213d !important;
}

/* User Profile end */

/* Welcome links start */

body.public .profile-welcome-panel {
  border-color: #f38363 !important;
}

body.public .profile-welcome-panel h2 {
  color: #f38363 !important;
}

body.public .profile-welcome-panel .links button:hover {
  border-color: #f38363 !important;
}

body.public .profile-welcome-panel .links button .fa-chevron-right {
  color: #f38363 !important;
}

/* Welcome links end */

body.public .fundraising-history .fundraising .amount {
  color: #f38363 !important;
}

body.public .fundraising-history .fundraising .fa-trophy {
  color: #f38363 !important;
}

body.public .fundraising-history .load-more {
  color: #f38363 !important;
}

body.public #campaign-instance-target .total .amount {
  color: #f38363 !important;
}

body.public .slider-progress .slider-progress-bar {
  background: #f38363 !important;
}

body.public .blog-call-to-action .blog-call-to-action-row {
  background-color: #f3836380 !important;
}

body.public .custom-checkbox.selected {
  background-color: #ffe1b2 !important;
  border-color: #f38363 !important;
}

body.public .leaderboard td.name .number-of-years {
  background-color: : !important;
}

body.public .tip-checkbox {
  border: 1px solid #999999;
}

body.public .tip-checkbox .checkbox {
  background-color: #dbdbdb;
}

body.public .purl-first-name {
  color: #f38363 !important;
}

body.public .purl-benefits i {
  color: #f38363 !important;
}

.payment-widget .prev_button {
  box-shadow: inset 0 0 0 2px #f38363 !important;
}

.payment-widget .prev_icon {
  color: #f38363 !important;
}

.payment-widget .step-progress-container .step-item .step-circle.active {
  background-color: #f38363 !important;
}

.payment-widget .step-progress-container .step-item .step-label.active {
  color: #f38363 !important;
}

.inspiration-wall-main .container h1 {
  color: #f38363 !important;
}

.inspiration-wall-main .item .card-body .card-title {
  font-family: Helvetica, Arial, sans-serif;
}

.inspiration-wall-main .item .card-body .tribute-name {
  font-family: Helvetica, Arial, sans-serif;
}

.inspiration-wall-main .item .card-head p {
  font-family: "Nunito Bold", Helvetica, Arial, sans-serif;
}

.profile-share-modal .psm-card-wrapper .psm-card-1,
.profile-share-modal .psm-card-wrapper .psm-card-3
{
  background: #f38363 !important;
}
.profile-share-modal .psm-card-wrapper .psm-card-2 .psm-main-container .psm-title{
  color: #f38363 !important;
}
.profile-share-modal .psm-card-3 .psm-main-image-container .psm-main-image{
  border: 4px solid : !important;
}