/*--------------------------------------------------------------------------
*
*	Shop Loop
*	
*-------------------------------------------------------------------------*/
.products .product .box-image a, .products .product-category .box-image, .related .product .box-image a, .row-slider .product .box-image a {
  position: relative;
  padding-top: 100%;
  overflow: hidden;
}
.products .product .box-image a img, .products .product-category .box-image img, .related .product .box-image a img, .row-slider .product .box-image a img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.w-badge {
  height: 45px;
  width: 45px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
  pointer-events: none;
  text-align: center;
  line-height: 45px;
  border-radius: 50%;
  background-color: #00a3ee;
  color: #FFF;
}
.w-badge.w-badge--new {
  font-size: 11px;
}
#video_modal{ display: none; }
.title_aquarium_styles{ z-index: 0 !important; }

.modal {display: none;position: fixed;z-index: 1;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0, 0.4);}
/* Modal Content */
.modal-content {position: relative;background-color: #FEFEFE;margin: auto;padding: 0;border: 1px solid #888;width: 80%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s}


#myModal,
#video_modal {padding: 0px !important;align-items: center;justify-content: center;z-index: 999999!important;}
#video_modal .modal-body {padding: 0px !important;}
#video_modal .modal-header {padding: 0px !important;background-color: unset !important;color: unset !important;}
#video_modal .modal-content {background: transparent !important;border: 0px !important;box-shadow: unset !important;width: 55% !important;}
#video_modal .modal-content .resposive_video_size {width: 100% !important;height: 595px !important;}
#video_modal .close {color: #2A3088;float: right;font-size: 26px;width: 26px;font-weight: bold;line-height: 26px;height: 26px;background: #fff;text-align: center;}
.modal-body.p_content b{margin-bottom: 10px!important;display: block;}
#myModal .modal-content{position: relative;}
#myModal .modal-content .bottom.close{background: #2A3088;padding:5px 10px;font-size: 16px;color: #fff;position: absolute;bottom: 20px;right: 20px;}

/*--------------------------------------------------------------------------
*
*	Single Product
*	
*-------------------------------------------------------------------------*/
.woocommerce-product-gallery__image > a, .product-gallery .product-thumbnails a {
  display: block;
  position: relative;
  padding-top: 100%;
  overflow: hidden;
}
.woocommerce-product-gallery__image > a > img, .product-gallery .product-thumbnails a img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
/* override theme transform on thumbnail */
.product-gallery .product-thumbnails a:hover img, .product-gallery .product-thumbnails .is-nav-selected a img {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* make video icon stand out more */
.product-gallery .button.product-video-popup {
  border-color: #FF0000;
  background-color: #FF0000;
}
.product-gallery .button.product-video-popup i {
  color: #FFFFFF;
}
.product-video {
  padding-top: 56.25%;
}
/*--------------------------------------------------------------------------
*
*	Footer
*	
*-------------------------------------------------------------------------*/
/* Newsletter */
#footer #mc_embed_signup {
  background: none;
}
#footer #mc_embed_signup label {
  color: #FFF;
  font-family: "Heebo", sans-serif;
  font-size: 1.6em;
  line-height: 1.3;
  text-transform: uppercase;
}
#footer #mc_embed_signup input.email {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #FFF;
}
#footer #mc_embed_signup input.email:focus {
  box-shadow: 0 0 0 2px rgba(0, 163, 238, 0.5);
}
#footer #mc_embed_signup .button {
  background-color: #00a3ee;
}
#footer #mc_embed_signup .button:hover {
  background-color: #0080bb;
}
/*--------------------------------------------------------------------------
*
*	Category Icon Bar
*	
*-------------------------------------------------------------------------*/
.cat-icon-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.cat-icon-bar .cat-icon-bar__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px;
}
.cat-icon-bar .cat-icon-bar__item a {
  display: block;
}
.cat-icon-bar .cat-icon-bar__item a img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 7.5px;
}
.cat-icon-bar .cat-icon-bar__item a span {
  display: block;
  font-size: 12px;
  text-align: center;
  color: #000;
  line-height: 1.2;
}
@media (max-width: 849px) {
  .cat-icon-bar .cat-icon-bar__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
  .cat-icon-bar .cat-icon-bar__item a {
    margin-bottom: 15px;
  }
}
@media (max-width: 549px) {
  .page-wrapper {
    padding-top: 10px !important;
  }
  .cat-icon-bar .cat-icon-bar__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
  }
  .cat-icon-bar .cat-icon-bar__item a img {
    max-width: 30px;
  }
  .aqualife-page hr {
    margin: 0 !important;
    border-width: 0 !important;
    border-top-width: 0 !important;
    border-top: 3px solid !important;
    color: #00a3ee !important;
    padding-bottom: 10px !important;
    opacity: 1 !important;
  }
}
/*--------------------------------------------------------------------------
*
*	AquaLife Pages CSS
*	
*-------------------------------------------------------------------------*/
.link-white {
  color: #fff;
  transition: 0.2s;
}
.link-white:hover {
  color: #eee;
}
.aqualife-page h1 {
  font-size: 45px;
}
.aqualife-page hr {
  margin: 15px 0;
  border-width: 0;
  border-top-width: 0px;
  border-top: 3px solid;
  color: #00a3ee;
  padding-bottom: 25px;
  opacity: 1;
}
.aqualife-page .is-outline {
  color: #00a3ee;
  border-color: #00a3ee;
}
.aqualife-page .product-title-link {
  color: #00a3ee !important;
  transition: 0.2s;
}
.aqualife-page .product-title-link:hover {
  color: #231f20 !important;
}
/*--------------------------------------------------------------------------
*
*	Facebook Icon
*	
*-------------------------------------------------------------------------*/
.fa-facebook {
  font-size: 40px;
  transition: 0.2s;
}
.fa-facebook:hover {
  color: #00a3ee;
}
/*--------------------------------------------------------------------------
*
*	Side Menu
*	
*-------------------------------------------------------------------------*/
body:before {
    position: fixed;
    display: block;
    content: '';
    width: 100vw;
    height: 100vh;
    background-color: rgb(0 0 0 / 90%);
    z-index: 9999;
    top: 0;
    bottom: 0;
    opacity: 0;
    display: none;
}
body.open-cat-menu:before {
    display: block;
    opacity: 1;
}
.fixed-nav--cat {
    width: 100%;
    max-width: 350px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    background: #000;
    padding: 0;
    transform: translateX(-100%);
    transition:.3s all ease-in;
}
.fixed-nav--cat.closed {
  transform: translateX(-100%)
}
.fixed-nav--cat.open {
  transform: translateX(0)
}
#menu-shop-menu .menu-item {
  padding: 0 0 0 1.5rem;
  border-top: none
}
#menu-shop-menu .menu-item:not(:last-of-type) {
    border-bottom: 1px solid #8d8d8d;
}
#menu-shop-menu .menu-item a {
  color: #fff
}
#menu-shop-menu.menu > li ul {
  padding-left: 0;
  border-left: none
}
#menu-shop-menu.menu > li li {
  border-bottom: 0;
  padding-left: .6em
}
.fixed-nav--cat .menu-shop-menu-container {
    width: 100%;
    margin-top: 65px;
    padding-right: 0;
}
#closeMenu {
    float: right;
    background: #262626;
    border-radius: 2px;
    border: 1px solid;
    margin-top: 0.5rem;
    margin-bottom: 0;
    margin-right: 0.5rem;
}
#openMenu {
  display: none
}
@media screen and (max-width:849px) {
  #openMenu-Mobile {
    margin-right: 0;
    background: #ebebeb;
    border-radius: 2px;
    padding: 0 .5em;
    line-height: 1;
    min-height: 2em;
    font-size: .9em;
    font-weight: 900;
    color: var(--primary-color)
  }
}
@media screen and (min-width:850px) {
  .admin-bar .fixed-nav--cat {
    top: 32px
  }
  #openMenu {
    background: var(--primary-color);
    color: #fff;
    padding: 0 .5em;
    z-index: 1000;
    position: relative;
    border-radius: 2px;
    font-size: 1.5em;
    line-height: .7;
    min-height: 1.6em;
    display: block;
    margin-right: .6em;
    float: left;
    margin-top: 15px
  }
}

/*--------------------------------------------------------------------------
*
*	Blue Series
*	
*-------------------------------------------------------------------------*/
table.blue-series td:first-child {
  width: 30%;
}

/*--------------------------------------------------------------------------
 *
 *	Best Pick Badge
 *	
 *-------------------------------------------------------------------------*/
.product_tag-best-pick .woocommerce-product-gallery .badge-container {
    display: block;
    width: 120px;
    height: 120px;
    background-image: url(/wp-content/themes/flatsome-child/assets/best-pick.png);
    background-position: center;
    background-size: contain;
    margin-top: -5px;
    background-repeat: no-repeat;
}

.w-badge--best-pick {
    background-color: transparent;
    background-image: url(/wp-content/themes/flatsome-child/assets/best-pick.png);
    background-position: center;
    background-size: contain;
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
}

.w-badge--best-pick i {
    display: none!important;
}

.fwpl-item.el-fep6ec {
    height: 0;
    display: block;
}

.fwpl-tax-product_tag:not(.fwpl-term-best-pick) {
    display: none;
}

.fwpl-term-best-pick.fwpl-tax-product_tag {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    background-image: url(/wp-content/themes/flatsome-child/assets/best-pick.png);
    background-position: center;
    background-size: contain;
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
    color: transparent;
    cursor: default;
}