:root {
  --tw-color-primary: #223562;
}

@layer layout {
  body {
    color: #223562;
  }

  .full.navigation {
    background-color: #1171a2;
  }

  .full.newsletter-link {
    background-color: #1171a2;
  }


  a {
    color: #1171a2;
  }

  a:hover {
    color: #1691d0;
  }

  a.button.checkout {
    background-color: #1691d0;
    color: #fff;
  }

  a.button.checkout:hover {
    background-color: #1171a2;
    color: #fff;
  }

  div.view-range a {
    opacity: 1 !important;
  }

  .button.checkout,
  .button,
  .cta-button {
    background-color: #1691d0;
    color: #fff;
  }

  .button.checkout:hover,
  .button:hover,
  .cta-button:hover {
    background-color: #1171a2;
    color: #fff;
  }

  .stageCircle {
    background-color: #223562;
  }

  .stageCircle.complete {
    background-color: #1691d0;
  }

  .home span {
    color: #1691d0;
  }

  /* td.form-heading {
    background-color: #1691d0;
  } */

  .deliveryForm h2,
  .billingForm h2 {
    background-color: #223562;
  }

  .reveal h2 {
    background-color: #223562;
  }

  .grid.products .product .product-actions-button a.buy-button {
    background-color: #1691d0;
    color: #fff;
  }

  .grid.products .product .product-actions-button a.full-details:hover {
    background: #1171a2 !important;
    color: white;
  }

  .grid.products .product .product-actions-button a.buy-button:hover {
    background: #1171a2 !important;
    color: white;
  }

  .grid.products li .product a {
    color: #1171a2;
  }

  .grid.products li .product a:hover {
    color: #1171a2;
  }

  .full.newsletter-footer {
    background-color: #1691d0;
    color: #fff;
  }

  .newsletter-footer .columns h3,
  .newsletter-footer a {
    color: #fff;
  }

  .full.navigation.footer {
    background-color: #1171a2;
  }

  .ex-vat,
  .product-code {
    color: #1171a2;
  }

  .product-list-message {
    background-color: #1691d0;
  }

  .purchase input[type="submit"] {
    color: #fff;
  }
}

@layer theme {
  .place-order {
    background-color: #223562;
  }
}