@charset "UTF-8";
/****************************
Woocommerce Styles
Putting style overrides into the
following code blocks will provide enough
specificity to override most woocommerce styles
****************************/
/* WooCommerce 3.0 Gallery */
.woocommerce-product-gallery {
  position: relative;
  margin-bottom: 3em;
}
.woocommerce-product-gallery figure {
  margin: 0;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
  width: 25%;
  display: inline-block;
}
.woocommerce-product-gallery .flex-control-thumbs li {
  list-style: none;
  float: left;
  cursor: pointer;
}
.woocommerce-product-gallery .flex-control-thumbs img {
  opacity: 0.5;
}
.woocommerce-product-gallery .flex-control-thumbs img:hover {
  opacity: 1;
}
.woocommerce-product-gallery img.flex-active {
  opacity: 1;
}
.woocommerce-product-gallery img {
  display: block;
}
.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
  width: 33.3333%;
}
.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
  width: 25%;
}
.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
  width: 20%;
}
.woocommerce-product-gallery__trigger {
  position: absolute;
  top: 1em;
  right: 1em;
  z-index: 99;
}
a.woocommerce-product-gallery__trigger {
  text-decoration: none;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  position: absolute;
  top: 0.875em;
  right: 0.875em;
  display: block;
  height: 2em;
  width: 2em;
  border-radius: 3px;
  z-index: 99;
  text-align: center;
  text-indent: -999px;
  overflow: hidden;
  background-color: #169fda;
  color: #fff;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
  background-color: #1781ae;
  border-color: #1781ae;
  color: #fff;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
  font: normal normal normal 1em/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  content: "";
  line-height: 2;
  text-indent: 0;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22http%3A%2F%2Fcosmos.test%2F%22%2C%22sources%22%3A%5B%22C%3A%2Flaragon%2Fwww%2Fcosmos%2Fwp-content%2Fthemes%2Fcosmos-theme%2F_static%2Fstyles%2Fwoocommerce.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAA0BA%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAOC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAMH%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAOD%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAUG%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */