/* remove page-transition preloader (instant on static hosting) */
#loader-wrapper,#loader{display:none!important;visibility:hidden!important}
body{overflow:visible!important}
/* focus ring: hide for pointer users, keep for keyboard navigation */
a:focus:not(:focus-visible),button:focus:not(:focus-visible),
input:focus:not(:focus-visible),select:focus:not(:focus-visible),
[tabindex]:focus:not(:focus-visible){outline:none;box-shadow:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{
  outline:2px solid currentColor;outline-offset:2px}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
img{outline:none}
/* X (formerly Twitter) share icon - FontAwesome 4 has no X glyph */
.social-post-sharing a.ig-share-x{
  font-family:-apple-system,"Helvetica Neue",Arial,sans-serif!important;
  font-weight:700;font-style:normal;line-height:inherit;letter-spacing:0;
}

/* WPBakery grid: lay out statically (the plugin's masonry JS no longer runs) */
.vc_grid-container .vc_pageable-slide-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start}
.vc_grid-container .vc_pageable-slide-wrapper::before,
.vc_grid-container .vc_pageable-slide-wrapper::after{display:none!important;content:none!important}
.vc_grid-container .vc_grid-item{float:none!important}

/* WPBakery grid hover: the plugin's JS used to add .vc_is-hover on mouseenter;
   the grids are static now, so the same rules are driven by :hover instead. */
@media (hover: hover) and (pointer: fine){
.vc_grid-item-mini:hover .vc_gitem-animate-flipFadeIn .vc_gitem-zone-a{-webkit-transform: rotateX(180deg)!important;
  -ms-transform: rotateX(180deg)!important;
  -o-transform: rotateX(180deg)!important;
  transform: rotateX(180deg)!important;}
.vc_grid-item-mini:hover .vc_gitem-animate-flipFadeIn .vc_gitem-zone-b{opacity: 1!important;
  filter: alpha(opacity=100);
  -webkit-transform: rotateX(0deg)!important;
  -ms-transform: rotateX(0deg)!important;
  -o-transform: rotateX(0deg)!important;
  transform: rotateX(0deg)!important;}
}

/* Below Bootstrap's sm breakpoint the vc_col-sm-* classes carry no width, so as
   flex items the grid cells would collapse to zero. Give them the full row. */
@media (max-width: 767px){
  .vc_grid-container .vc_grid-item{width:100%!important;flex:0 0 100%}
}

/* The red hover card's colour lived in the style block WPBakery sent with the
   AJAX grid response, which the static bake did not carry over. Restored from
   the live site. */
.vc_grid-container .vc_gitem-zone-b.vc_custom_1419250758402{background-color:#db5b51!important}

/* Click / tap feedback. The browser's own tap highlight is switched off above,
   so every interactive element needs its own pressed state. */
a, button, input[type="submit"], input[type="button"], .vc_btn3, .button{
  transition: opacity .12s ease, transform .12s ease, filter .12s ease}
a:active, input[type="submit"]:active, input[type="button"]:active{opacity:.55}
button:active, .vc_btn3:active, .button:active, a.link-button:active,
.product-item-actions a:active, .woocommerce a.button:active{
  opacity:1; transform:scale(.96); filter:brightness(.9)}
.vc_grid-item-mini:active, .product-item:active, .photo-item:active,
li.product:active, .vc_gitem-zone:active{filter:brightness(.88); transition:filter .12s ease}
@media (prefers-reduced-motion: reduce){
  a, button, input[type="submit"], input[type="button"], .vc_btn3, .button{transition:none}
  button:active, .vc_btn3:active, .button:active, a.link-button:active,
  .product-item-actions a:active, .woocommerce a.button:active{transform:none}
}