/* Veridian 2.6.49 - site-wide ivy wallpaper */
html,
body {
  background-color: #edf2e4 !important;
  background-image: url('../img/veridian-ivy-wallpaper-2649.png') !important;
  background-repeat: repeat !important;
  background-size: 760px auto !important;
  background-attachment: fixed !important;
}

body#checkout,
body#product,
body#category,
body#cms,
body#cart,
body#module-vh_pudo-order,
body.page-index,
body {
  background-color: #edf2e4 !important;
}

#page,
#wrapper,
main,
#main,
#content-wrapper,
.container,
.container-fluid,
.page-content,
.page-cms,
.page-home,
#index,
#index #wrapper,
#index #main,
#index #content,
#left-column,
#right-column {
  background-color: transparent !important;
}

/* keep major strips readable while allowing wallpaper to show through */
#header,
#_desktop_top_menu,
.header-top,
.header-nav,
#wrapper .breadcrumb,
.footer-container,
#footer,
.block_newsletter,
#search_filters,
#js-product-list-top,
#js-product-list-bottom,
#subcategories,
.block-categories,
.products-selection,
.page-header,
section.featured-products,
section.products,
section.product-accessories,
section.product-miniatures,
section.new-products,
.hometab,
.homefeatured,
.static_blocks,
.images-container,
#content .custom-text,
.card,
.checkout-step,
.cart-grid,
.cart-grid-right,
.block-category,
#main .page-content.card,
#main .page-content,
.tabs,
.nav-tabs,
#product .product-information,
#product #content {
  background-color: rgba(250, 250, 246, 0.78) !important;
  backdrop-filter: saturate(120%) blur(1px);
}

/* make cards mostly solid for legibility */
.product-miniature,
.product-miniature .thumbnail-container,
.product-miniature .product-description,
.product-miniature .product-thumbnail,
.product-cover,
.thumbnail-container,
.js-product-miniature,
.featured-products .products,
.new-products .products,
.owl-item .item,
.owl-item .product-miniature,
#products .product-miniature,
#js-product-list .product-miniature,
.block-category-inner,
.product-prices,
#blockcart-modal .modal-content,
.quickview .modal-content,
#cart .cart-item,
.cart-item,
.product-line-grid,
.featured-products .product-miniature,
.new-products .product-miniature {
  background-color: rgba(255, 255, 255, 0.94) !important;
}

/* allow homepage strips to show more wallpaper */
#index .featured-products,
#index .new-products,
#index .products,
#index .custom-text,
#index .homefeatured,
#index .static_blocks,
#index .ps_imageslider,
#index .hometab {
  background-color: rgba(248, 248, 242, 0.72) !important;
}

/* preserve white modal readability */
.modal-content,
.modal-body,
.modal-header,
.modal-footer {
  background-color: #fff !important;
}

/* a little breathing room around major homepage blocks */
#index section,
#index .featured-products,
#index .new-products,
#index .custom-text,
#index .products-section-title,
#index .hometab {
  border-radius: 10px;
}

/* mobile adjustments */
@media (max-width: 767.98px) {
  html,
  body {
    background-size: 420px auto !important;
    background-attachment: scroll !important;
  }

  #header,
  .header-top,
  .header-nav,
  .footer-container,
  #footer,
  .checkout-step,
  .cart-grid,
  .card,
  section.featured-products,
  section.new-products,
  section.products,
  #content .custom-text {
    background-color: rgba(250, 250, 246, 0.82) !important;
  }

  .product-miniature,
  .product-miniature .thumbnail-container,
  .product-miniature .product-description,
  .product-miniature .product-thumbnail,
  .owl-item .item,
  .owl-item .product-miniature {
    background-color: rgba(255, 255, 255, 0.96) !important;
  }
}
