/* Your own styles go here (this file is not generated, edit freely). */

/* Product galleries (replaces the Site.pro gallery widget) */
.dk-gallery { display: flex !important; flex-wrap: wrap; justify-content: center; height: auto !important; }
.dk-gallery .dk-item { position: relative; display: block; width: 300px; max-width: 100%; margin: 6px; overflow: hidden; }
.dk-gallery .dk-item img { display: block; width: 100%; height: auto; transition: transform .3s; }
.dk-gallery .dk-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 8px 10px; background: rgba(0,0,0,.65);
  color: #fff; font-size: 15px; text-align: center; opacity: 0; transition: opacity .3s; }
.dk-gallery .dk-item:hover .dk-cap, .dk-gallery .dk-item:focus .dk-cap { opacity: 1; }
.dk-gallery .dk-item:hover img { transform: scale(1.04); }
@media (hover: none) { .dk-gallery .dk-cap { opacity: 1; } }

/* Red strip under the header: it is 40px high, but the builder's padding and
   margins made the free-shipping text and the Facebook/Twitter icons hang below
   it (hidden behind the banner). Tighter spacing keeps them inside the strip. */
#a188dd9c3d22074b163e4819c51a2540 > .wb_content { padding-top: 5px; padding-bottom: 5px; }
#a188dd9c3d220891036a436465f46c76,
#a188dd9c3d22097621da21b093879777 { margin-top: 0; margin-bottom: 0; }
#a188dd9c3d220a429f5c76b8da6ee84f,
#a188dd9c3d220bd10cf42a2eff3606d2 { margin-top: 0 !important; margin-bottom: 0 !important; }
#a188dd9c3d22074b163e4819c51a2540 { height: auto; min-height: 40px; }