/* Veridian Health 2.6.51
   - Remove residual translucent white wash over the homepage header/banner region
   - Give checkout steps readable coloured panels
*/

/* Remove remaining transparent white wash around header/banner area */
#header,
#_desktop_top_menu,
#header .header-top,
#header .header-nav,
#header .top-menu,
#header .menu,
#index #wrapper,
#index #main,
#index #content,
#index #content-wrapper,
#index .page-home,
#index .images-container,
#index .ps_imageslider,
#index .image-slider-block,
#index .carousel,
#index .carousel-inner,
#index .carousel-item,
#index .carousel-item figure {
  box-shadow: none !important;
}

#header,
#header .header-top,
#header .header-nav,
#_desktop_top_menu,
#header .top-menu,
#header .menu,
#header .header-banner {
  background-color: #f7f4eb !important;
  background-image: none !important;
  opacity: 1 !important;
}

/* Keep the page around the hero transparent so no pale veil extends upward */
#index #wrapper,
#index #main,
#index #content,
#index #content-wrapper,
#index .page-home,
#index .images-container,
#index .ps_imageslider {
  background: transparent !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Checkout: give address / shipping / payment clear coloured panels */
body#checkout #wrapper,
body#checkout #main,
body#checkout #content,
body#checkout #content-wrapper,
body#checkout .page-content,
body#checkout .card,
body#checkout .checkout-step,
body#checkout .cart-grid,
body#checkout .cart-grid-right,
body#checkout .cart-summary,
body#checkout .summary-selected-carrier,
body#checkout .block-promo,
body#checkout .checkout-step .content,
body#checkout .checkout-step .step-title,
body#checkout .js-address-form,
body#checkout .address-item,
body#checkout .delivery-options,
body#checkout .payment-options,
body#checkout #block-reassurance,
body#checkout .order-confirmation-table,
body#checkout .condition-label,
body#checkout .custom-checkbox,
body#checkout .cart-detailed-totals,
body#checkout .checkout cart-grid-right {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body#checkout .checkout-step,
body#checkout .card,
body#checkout .js-address-form,
body#checkout .address-item,
body#checkout .cart-grid-right,
body#checkout .cart-summary,
body#checkout .summary-selected-carrier,
body#checkout .payment-options,
body#checkout .delivery-options {
  background: rgba(247, 244, 235, 0.96) !important;
  background-color: rgba(247, 244, 235, 0.96) !important;
  border: 1px solid rgba(110, 129, 58, 0.18) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 22px rgba(39, 57, 23, 0.10) !important;
}

body#checkout .checkout-step {
  padding: 1rem 1.1rem !important;
  margin-bottom: 18px !important;
}

body#checkout .checkout-step.-current,
body#checkout .checkout-step.js-current-step,
body#checkout .checkout-step.-reachable {
  background: rgba(245, 241, 226, 0.98) !important;
}

body#checkout .checkout-step .step-title,
body#checkout .step-title {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #213215 !important;
}

body#checkout .cart-grid-right,
body#checkout .cart-summary,
body#checkout .block-promo,
body#checkout #block-reassurance {
  background: rgba(250, 248, 240, 0.98) !important;
}

body#checkout .form-control,
body#checkout select,
body#checkout textarea,
body#checkout input,
body#checkout .custom-select {
  background-color: #ffffff !important;
}

body#checkout .btn,
body#checkout button,
body#checkout .continue,
body#checkout .btn-primary {
  box-shadow: none !important;
}

/* Mobile checkout readability */
@media (max-width: 767.98px) {
  #header,
  #header .header-top,
  #header .header-nav,
  #_desktop_top_menu,
  #header .menu,
  #header .top-menu {
    background-color: #f7f4eb !important;
  }

  body#checkout .checkout-step,
  body#checkout .card,
  body#checkout .js-address-form,
  body#checkout .address-item,
  body#checkout .cart-grid-right,
  body#checkout .cart-summary,
  body#checkout .summary-selected-carrier,
  body#checkout .payment-options,
  body#checkout .delivery-options {
    border-radius: 12px !important;
    padding: 0.9rem !important;
  }
}