:root {
  --primary-color: #E51937;
}

.header .navbar-menu {
  display: none;
}

.header .navbar-brand .navbar-item:after {
  background-image: url(https://bbis.alumni.uoguelph.ca/BBIS_Cannon/view.image?Id=633);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  min-width: 150px;
  position: absolute;
  top: 0;
  width: 310%;
}

.header picture {
  display: block;
}

.header picture img {
  visibility: hidden;
}

@media print,
screen and (min-width: 768px) {
  .header .navbar-brand .navbar-item:after {
    background-image: url(https://bbis.alumni.uoguelph.ca/BBIS_Cannon/view.image?Id=533);
    min-width: 0;
    width: 150%;
  }
}

.adf h1,
.adf h2,
.form h1,
.form h2,
#trECardsHeading:before,
[id$="_trECardsData"] fieldset>td>.DonationECardSectionSeparator:first-child>span,
[id$="_trECardsData"].is-active fieldset>td>.DonationECardSectionSeparator:first-child>span,
a,
a:hover,
.adf__funds>.input .icon,
.button.is-primary.is-outlined,
.button.is-primary.is-outlined[disabled],
.button.is-text,
.button.is-text.is-active,
.button.is-text.is-focused,
.button.is-text.is-hovered,
.button.is-text:active,
.button.is-text:focus,
.button.is-text:hover {
  color: var(--primary-color);
}

.BBListingHeading,
.DonationFormTable_DonationPanel .BBFieldCaption,
[id$="_trDesignation"] .BBFieldCaption,
a.navbar-item.is-active,
a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover,
fieldset[disabled] .adf__gift-amount input:checked+.button.is-outlined,
fieldset[disabled] .button.is-primary.is-outlined,
strong,
.adf__funds .level.button:focus,
.adf__funds .level.button:hover .adf__funds>.input .icon,
.adf__gift-amount .prompt,
.adf__gift-amount fieldset[disabled] input:checked+.button.is-outlined,
.adf__gift-amount input:checked+.button.is-outlined,
.adf__gift-amount input:checked+.button.is-outlined[disabled],
.adf__gift-amount input:checked+.help.button,
.adf__gift-amount input:checked+.hero.button .tabs.is-boxed li.is-active a,
.adf__gift-amount input:checked+.hero.button .tabs.is-toggle li.is-active a,
.adf__tribute a strong,
.adf-confirmation h1,
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.fv-plugins-bulma .fv-has-error::placeholder,
.help.is-primary,
.hero.is-primary .tabs.is-boxed li.is-active a,
.hero.is-primary .tabs.is-boxed li.is-active a:hover,
.hero.is-primary .tabs.is-toggle li.is-active a,
.hero.is-primary .tabs.is-toggle li.is-active a:hover,
.modal-card-title,
.navbar-item.is-tab.is-active,
.navbar-link.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.outro__content--confirmation .card:hover h3 .icon,
.has-text-primary {
  color: var(--primary-color) !important;
}

@media screen and (max-width: 767px) {

  form[action*="pet-trust"] .main:after,
  form[action*=pettrust]:not([action*="802282"]) .main:after {
    background-image: url(https://bbis.alumni.uoguelph.ca/BBIS_Cannon/view.image?Id=528);
  }
}

@media screen and (max-width:767px) {
  
	form[action*=pet-trust] .main:after,
	form[action*=pettrust][action*="802282"] .main:after {
	  background-image: url(https://bbis.alumni.uoguelph.ca/bbis_cannon/image/Dogs_at_beach.png);
	}
}

.is-confirmation form[action*="pet-trust"]:not([action*="802282"]) .page-background,
.is-confirmation form[action*="pettrust"]:not([action*="802282"]) .page-background {
background-image: none !important;
}

.is-confirmation form[action*="pet-trust"][action*="802282"] .page-background,
.is-confirmation form[action*="pettrust"][action*="802282"] .page-background {
background-image: none !important;
}

@media print,
screen and (min-width:768px) {

.is-confirmation form[action*=pet-trust] .has-background--confirmation,
.is-confirmation form[action*=pettrust]:not([action*="802282"]) .has-background--confirmation {
  background-image: url(https://bbis.alumni.uoguelph.ca/BBIS_Cannon/view.image?Id=528);
}
}

@media print,
screen and (min-width:768px) {

.is-confirmation form[action*=pet-trust] .has-background--confirmation,
.is-confirmation form[action*=pettrust][action*="802282"] .has-background--confirmation {
  background-image: url(https://bbis.alumni.uoguelph.ca/bbis_cannon/image/Dogs_at_beach.png);
}
}

@media print,
screen and (min-width: 768px) {

  .is-confirmation form[action*="pet-trust"] .has-background--confirmation,
  .is-confirmation form[action*="pettrust"]:not([action*="802282"]) .has-background--confirmation {
    background-image: url(https://bbis.alumni.uoguelph.ca/BBIS_Cannon/view.image?Id=528);
  }
}

@media print,
screen and (min-width:600px) {

.is-confirmation form[action*=pet-trust] .has-background--confirmation,
.is-confirmation form[action*=pettrust][action*="802282"] .has-background--confirmation {
  background-image: url(https://bbis.alumni.uoguelph.ca/bbis_cannon/image/Dogs_at_beach.png);
}
}

form[action*="pet-trust"] .page-background,
form[action*="pettrust"] .page-background {
  --body-bg-image: url(https://bbis.alumni.uoguelph.ca/BBIS_Cannon/view.image?Id=527);
}

@media print,
screen and (min-width: 768px) {

  form[action*="pet-trust"] .page-background,
  form[action*="pettrust"] .page-background {
    background-image: var(--body-bg-image, url(https://bbis.alumni.uoguelph.ca/BBIS_Cannon/view.image?Id=527));
    background-position: 66.667% 0;
  }
}

@media screen and (min-width: 768px) {

  .navbar-dropdown a.navbar-item.is-active,
  .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
    color: var(--primary-color);
  }
}

@media screen and (max-width: 767px) {
  .header .navbar-menu.is-active .dropdown-item:hover {
    color: var(--primary-color);
  }
}

.adf__funds .level.button.is-primary.is-outlined:focus,
.adf__funds .level.button.is-primary.is-outlined:hover,
[id$="_trECardsData"].is-loaded fieldset>td>.DonationECardSectionBody:last-child a:first-child {
  background-color: transparent !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

[id$="_trECardsData"].is-loaded fieldset>td>.DonationECardSectionBody:last-child a:first-child:hover {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

.adf__gift-amount input:checked+.switch[type="checkbox"].button:checked+label:before,
.adf__gift-amount input:checked+.switch[type="checkbox"].is-outlined.button:checked+label:after,
.switch[type="checkbox"].is-large.is-outlined:checked+label:after,
.switch[type="checkbox"].is-large:checked+label:before,
.switch[type="checkbox"].is-medium.is-outlined:checked+label:after,
.switch[type="checkbox"].is-medium:checked+label:before,
.switch[type="checkbox"].is-outlined:checked+label:after,
.switch[type="checkbox"].is-primary.is-outlined:checked+label:after,
.switch[type="checkbox"].is-primary:checked+label:before,
.switch[type="checkbox"].is-small.is-outlined:checked+label:after,
.switch[type="checkbox"].is-small:checked+label:before,
.switch[type="checkbox"].is-unchecked-primary.is-outlined+label:after .switch[type="checkbox"].is-unchecked-primary+label:before,
.switch[type="checkbox"]:checked+label:before,
a#skip-to-content,
a#skip-to-content:focus {
  background: var(--primary-color);
}

.button.is-primary,
.DonationFormTable_DonationPanel table input[type="radio"]:checked+label,
.form input[type="checkbox"]:checked+label:before,
.BBFormSubmitButton {
  background-color: var(--primary-color);
}

.button.is-primary:hover,
.DonationFormTable_DonationPanel table input[type="radio"]:checked+label:hover,
.BBFormSubmitButton:hover,
.adf__gift-amount input:checked+.button:hover,
.button.is-primary.is-hovered,
.adf__gift-amount input:checked+.button.is-hovered {
  background-color: var(--primary-color) !important;
}

a.dropdown-item.is-active,
a.dropdown-item:hover,
button.dropdown-item.is-active,
button.dropdown-item:hover,
fieldset[disabled] .adf__gift-amount input:checked+.button,
fieldset[disabled] .button.is-primary,
.adf input[type="checkbox"]:checked+label:before,
.adf__funds .adf__fund:hover .button--add,
.adf__funds .has-addons .button:focus,
.adf__funds .has-addons .button:hover,
.adf__gift-amount .table input:checked+td.button,
.adf__gift-amount .table input:checked+th.button,
.adf__gift-amount fieldset[disabled] input:checked+.button,
.adf__gift-amount input:checked+.button,
.adf__gift-amount input:checked+.button.is-outlined.is-focused,
.adf__gift-amount input:checked+.button.is-outlined.is-hovered,
.adf__gift-amount input:checked+.button.is-outlined:focus,
.adf__gift-amount input:checked+.button.is-outlined:hover,
.adf__gift-amount input:checked+.button[disabled],
.adf__gift-amount input:checked+.hero.button,
.adf__gift-amount input:checked+.navbar.button,
.adf__gift-frequency input:checked+.button,
.adf__modal--browse-funds select,
.adf__tribute a:hover::before,
.adf__write-in .column:last-child.fv-has-error .button,
.adf__write-in .column:last-child.has-input .button,
.button.is-primary.is-outlined.is-focused,
.button.is-primary.is-outlined.is-hovered,
.button.is-primary.is-outlined:focus,
.button.is-primary.is-outlined:hover,
.button.is-primary[disabled],
.choices.is-focused .choices__inner,
.choices.is-open .choices__inner,
.content .button:hover,
.header .dropdown .is-active .button,
.hero.is-primary,
.modal--consent .slider-navigation-next,
.modal--consent .slider-navigation-previous,
.navbar.is-primary,
.table .adf__gift-amount input:checked+td.button,
.table .adf__gift-amount input:checked+th.button,
.table td.is-primary,
.table td.is-selected,
.table th.is-primary .table th.is-selected,
.table tr.is-selected,
[data-action="collapse"].checkbox.is-active:before,
[data-tooltip]:not(.is-disabled).has-tooltip-primary:before,
[data-tooltip]:not(.is-loading).has-tooltip-primary:before,
[data-tooltip]:not([disabled]).has-tooltip-primary:before,
.has-background-primary {
  background-color: var(--primary-color) !important;
}

@media screen and (min-width: 768px) {

  .adf__gift-amount input:checked+.navbar.button .navbar-dropdown a.navbar-item.is-active,
  .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--primary-color);
  }
}

@media screen and (max-width: 1023px) {

  .adf__gift-amount input:checked+.hero.button .navbar-menu,
  .hero.is-primary .navbar-menu {
    background-color: var(--primary-color);
  }
}

@media screen and (max-width: 767px) {

  .header,
  .header .navbar-menu.is-active {
    background-color: var(--primary-color);
  }
}

.adf input[type="checkbox"]:focus+label:before,
.fv-plugins-bulma .fv-has-error.is-grouped {
  border: 1px solid var(--primary-color);
}

.DonationFormTable tbody.is-loading:after,
.form:not(.is-active):after,
.is-loading.form:after,
[id$="_trECardsData"].is-loading:after {
  border-left-color: var(--primary-color);
}

.adf__gift-amount input:checked+.button.is-outlined.is-loading:after,
.button.is-primary.is-outlined.is-loading:after {
  border-color: transparent transparent var(--primary-color) var(--primary-color) !important;
}

.adf__gift-amount input:checked+.button.is-light,
.adf__gift-amount input:checked+.button.is-light.is-active,
.adf__gift-amount input:checked+.button.is-light.is-hovered,
.adf__gift-amount input:checked+.button.is-light:active,
.adf__gift-amount input:checked+.button.is-light:hover,
.button.is-primary.is-light,
.button.is-primary.is-light.is-active,
.button.is-primary.is-light.is-hovered,
.button.is-primary.is-light:active,
.button.is-primary.is-light:hover {
  background-color: findLightColor(var(--primary-color));
  color: findDarkColor(var(--primary-color));
}

.adf__gift-amount input:checked+.hero.is-bold.button,
.hero.is-primary.is-bold {
  background-image: linear-gradient(141deg, #93003b, var(--primary-color) 71%, #e0000f);
}

.has-background-primary-dark {
  background-color: findDarkColor(var(--primary-color)) !important;
}

.has-background-primary-light {
  background-color: findLightColor(var(--primary-color)) !important;
}

.has-text-primary-dark,
a.has-text-primary-dark:focus,
a.has-text-primary-dark:hover {
  color: findDarkColor(var(--primary-color)) !important;
}

.has-text-primary-light,
a.has-text-primary-light:focus,
a.has-text-primary-light:hover {
  color: findLightColor(var(--primary-color)) !important;
}

.is-loading.adf:after {
  border-color: transparent transparent #dbdbdb var(--primary-color);
}

.navbar-item.is-tab.is-active {
  border-bottom: 3px solid var(--primary-color);
}

.navbar-item.is-tab:focus,
.navbar-item.is-tab:hover {
  border-bottom-color: var(--primary-color);
}

.navbar-link:not(.is-arrowless):after,
.adf .adf__gift-amount input:checked+[class^="border"].button,
.adf [class^="border"].is-primary,
.adf__funds .adf__fund:hover .button--add,
.adf__gift-amount .adf input:checked+[class^="border"].button,
.adf__gift-amount fieldset[disabled] input:checked+.button.is-outlined,
.adf__gift-amount input:checked+.button.is-outlined,
.adf__gift-amount input:checked+.button.is-outlined[disabled],
.form input[type="checkbox"]:focus+label:before,
.button.is-primary.is-outlined,
.button.is-primary.is-outlined[disabled],
fieldset[disabled] .adf__gift-amount input:checked+.button.is-outlined,
fieldset[disabled] .button.is-primary.is-outlined,
.adf__gift-amount .table input:checked+td.button,
.adf__gift-amount .table input:checked+th.button,
.adf__gift-amount input:checked+.button.is-outlined.is-focused,
.adf__gift-amount input:checked+.button.is-outlined.is-hovered,
.adf__gift-amount input:checked+.button.is-outlined:focus,
.adf__gift-amount input:checked+.button.is-outlined:hover,
.button.is-primary.is-outlined.is-focused,
.button.is-primary.is-outlined.is-hovered,
.button.is-primary.is-outlined:focus,
.button.is-primary.is-outlined:hover,
.table .adf__gift-amount input:checked+td.button,
.table .adf__gift-amount input:checked+th.button,
.table td.is-primary,
.table th.is-primary,
.adf__gift-amount input:checked+.input.button,
.adf__gift-amount input:checked+.select.button select,
.adf__gift-amount input:checked+.select.button:not(:hover):after,
.adf__gift-amount input:checked+.textarea.button,
.is-primary.input,
.is-primary.textarea,
.select.is-primary select,
.select.is-primary:not(:hover):after,
.switch[type="checkbox"].is-large.is-outlined:checked+label:before,
.switch[type="checkbox"].is-medium.is-outlined:checked+label:before,
.switch[type="checkbox"].is-outlined:checked+label:before,
.switch[type="checkbox"].is-small.is-outlined:checked+label:before,
.adf__gift-amount input:checked+.switch[type="checkbox"].is-outlined.button:checked+label:before,
.switch[type="checkbox"].is-primary.is-outlined:checked+label:before,
.switch[type="checkbox"].is-unchecked-primary.is-outlined+label:before {
  border-color: var(--primary-color) !important;
}

[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-bottom:after,
[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-bottom:after,
[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-bottom:after {
  border-color: transparent transparent var(--primary-color) !important;
}

[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-left:after,
[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-left:after,
[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-left:after {
  border-color: transparent transparent transparent var(--primary-color) !important;
}

[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-right:after,
[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-right:after,
[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-right:after {
  border-color: transparent var(--primary-color) transparent transparent !important;
}

[data-tooltip]:not(.is-disabled).has-tooltip-primary:after,
[data-tooltip]:not(.is-loading).has-tooltip-primary:after,
[data-tooltip]:not([disabled]).has-tooltip-primary:after {
  border-color: var(--primary-color) transparent transparent !important;
}

@media screen and (max-width: 767px) {

  .adf__gift-amount input:checked+.hero.is-bold.button .navbar-menu,
  .hero.is-primary.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #93003b, var(--primary-color) 71%, #e0000f);
  }
}

.choices:after {
  border-color: var(--primary-color) transparent transparent;
  right: 1.5rem;
}

.footer__follow-us a:hover svg {
  fill: var(--primary-color);
}

.select:not(.is-multiple):not(.is-loading):after {
  border-top-color: var(--primary-color);
}

[data-action="collapse"]:not(.checkbox):before {
  border-left: 1.111em solid var(--primary-color);
}

.tribute-species {
  margin: -0.75rem -0.75rem 0;
}

@media screen and (max-width: 600px) {
  .tribute-species .choices {
    width: 100%;
  }
}

@media screen and (min-width: 600px) {
  .tribute-species .choices {
    min-width: 13em;
  }
}

.outro .column:last-child .image {
  margin: auto;
}

.outro .column:last-child .image img {
  height: auto;
}

@media print,
screen and (min-width: 768px) {
  .header {
    border-top-color: var(--primary-color);
  }
}

#trECardsHeading {
  input[type="checkbox"]:not(#doNotNotifyCheckboxNew) {

    &:focus,
    &:hover,
    &.is-active {
      +label {
        border-color: var(--primary-color);
        color: var(--primary-color);

        &::before {
          color: var(--primary-color);
        }
      }
    }
  }
}

.modal--browse-funds {
  .modal-close {
    background-color: var(--primary-color);
  }

  .choices__list--dropdown {
    @extend .is-active;

    .choices__item--selectable {
      &:hover {
        color: var(--primary-color);
      }
    }
  }
}

.prompt {
  color: var(--primary-color);
}