.jp-related-posts-i2 {
margin-top: 1.5rem;
}
.jp-related-posts-i2__list {
--hgap: 1rem;
display: flex;
flex-wrap: wrap;
column-gap: var(--hgap);
row-gap: 2rem;
margin: 0;
padding: 0;
list-style-type: none;
}
.jp-related-posts-i2__post {
display: flex;
flex-direction: column; flex-basis: calc(( 100% - var(--hgap) ) / 2);
} .jp-related-posts-i2__post:nth-last-child(n+3):first-child,
.jp-related-posts-i2__post:nth-last-child(n+3):first-child ~ * { flex-basis: calc(( 100% - var(--hgap) * 2 ) / 3);
}
.jp-related-posts-i2__post:nth-last-child(4):first-child,
.jp-related-posts-i2__post:nth-last-child(4):first-child ~ * { flex-basis: calc(( 100% - var(--hgap) ) / 2);
}
.jp-related-posts-i2__post-link {
display: flex;
flex-direction: column;
row-gap: 0.5rem;
width: 100%;
margin-bottom: 1rem;
line-height: 1.2;
}
.jp-related-posts-i2__post-link:focus-visible {
outline-offset: 2px;
}
.jp-related-posts-i2__post-img {
order: -1;
max-width: 100%;
}
.jp-related-posts-i2__post-defs {
margin: 0;
list-style-type: unset;
} .jp-related-posts-i2__post-defs dt {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.jp-related-posts-i2__post-defs dd {
margin: 0;
} .jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__list {
display: block;
}
.jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__post {
margin-bottom: 2rem;
} @media only screen and (max-width: 640px) {
.jp-related-posts-i2__list {
display: block;
}
.jp-related-posts-i2__post {
margin-bottom: 2rem;
}
} #jp-relatedposts {
display: none;
padding-top: 1em;
margin: 1em 0;
position: relative;
clear: both;
}
.jp-relatedposts::after {
content: "";
display: block;
clear: both;
} #jp-relatedposts h3.jp-relatedposts-headline {
margin: 0 0 1em 0;
display: inline-block;
float: left;
font-size: 9pt;
font-weight: 700;
font-family: inherit;
}
#jp-relatedposts h3.jp-relatedposts-headline em::before {
content: "";
display: block;
width: 100%;
min-width: 30px;
border-top: 1px solid rgba(0, 0, 0, 0.2);
margin-bottom: 1em;
}
#jp-relatedposts h3.jp-relatedposts-headline em {
font-style: normal;
font-weight: 700;
} #jp-relatedposts .jp-relatedposts-items {
clear: left;
}
#jp-relatedposts .jp-relatedposts-items-visual {
margin-right: -20px;
} #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
float: left;
width: 33%;
margin: 0 0 1em; box-sizing: border-box;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
padding-right: 20px;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4),
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) {
clear: both;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
text-decoration: underline;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
} #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
#jp-relatedposts .jp-relatedposts-items p,
#jp-relatedposts .jp-relatedposts-items time {
font-size: 14px;
line-height: 20px;
margin: 0;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs {
position: relative;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
border-bottom: 0;
}
#jp-relatedposts .jp-relatedposts-items p,
#jp-relatedposts .jp-relatedposts-items time {
margin-bottom: 0;
}
#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
text-transform: none;
margin: 0;
font-family: inherit;
display: block;
max-width: 100%;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
font-size: inherit;
font-weight: 400;
text-decoration: none;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
text-decoration: underline;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span {
display: block;
max-width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post span {
height: auto;
max-width: 100%;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date,
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
opacity: 0.6;
} .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
display: none;
} #jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt {
display: none;
} #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt {
overflow: hidden;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs span {
margin-bottom: 1em;
} #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post {
clear: both;
width: 100%;
}
#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img {
float: left;
overflow: hidden;
max-width: 33%;
margin-right: 3%;
}
#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
display: inline-block;
max-width: 63%;
} @media only screen and (max-width: 640px) {
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
width: 50%;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) {
clear: left;
}
#jp-relatedposts .jp-relatedposts-items-visual {
margin-right: 20px;
}
}
@media only screen and (max-width: 320px) {
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
width: 100%;
clear: both;
margin: 0 0 1em;
}
#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
float: none;
max-width: 100%;
margin-right: 0;
}
} @media print {
.jp-relatedposts {
display: none !important;
}
}.svg-inline--fa {
box-sizing: content-box !important;
}
.a3-dgallery {
position: relative;
}
.a3-dgallery, .a3-dgallery * {
margin: 0;
padding: 0;
}
.a3-dgallery .a3dg-prev svg,
.a3-dgallery .a3dg-next svg {
width: 30px;
height: 30px;
}
.a3-dgallery .a3dg-slideshow-start-slide svg,
.a3-dgallery .a3dg-slideshow-stop-slide svg {
width: 25px;
height: 25px;
}
.a3-dgallery .a3dg-image-wrapper {
border: 1px solid #666;
margin-bottom:10px;
position: relative;
overflow: hidden !important;
z-index: 8 !important;
}
.a3-dgallery .a3dg-image-wrapper .a3dg-loader {
position: absolute;
z-index: 10;
left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -7px;
}
.a3-dgallery .a3dg-image-wrapper .a3dg-next, .a3-dgallery .a3dg-image-wrapper .a3dg-prev {
position: absolute;
top: 50%;
margin-top: -15px;
cursor: pointer;
display: none;
z-index: 100;
background-color: #fff;
padding: 5px;
line-height: 1;
}
.a3-dgallery .a3dg-image-wrapper:hover .a3dg-next, .a3-dgallery .a3dg-image-wrapper:hover .a3dg-prev {
display: block;
}
.a3-dgallery .a3dg-image-wrapper .a3dg-next {
right: 10px;
}
.a3-dgallery .a3dg-image-wrapper .a3dg-prev {
left: 10px;
}
.a3-dgallery .a3dg-image-wrapper .a3dg-image {
width: 100% !important;
text-align: center;
position: absolute;
overflow: hidden;
left: 0;
z-index: 9;
display: block !important;
}
.a3-dgallery .a3dg-image-wrapper .a3dg-image a img {
border: 0;
}
.a3dg-thumb-list {
margin-bottom:0 !important;
margin-left:0 !important;
padding:0 !important;
}
.a3-dgallery .a3dg-slideshow-controls {
float: right;
}
.a3-dgallery .a3dg-slideshow-controls .a3dg-slideshow-start, .a3-dgallery .a3dg-slideshow-controls .a3dg-slideshow-stop {
padding-left: 5px;
cursor: pointer;
}
.a3-dgallery .a3dg-slideshow-controls .a3dg-slideshow-countdown {
padding-left: 5px;
font-size: 0.9em;
}
.a3-dgallery .a3dg-slideshow-running .a3dg-slideshow-start {
cursor: default;
font-style: italic;
}
.a3-dgallery .a3dg-nav {
position: relative;
width: 100%;
margin-bottom:20px;
visibility: hidden;
}
.a3-dgallery .a3dg-forward, .a3-dgallery .a3dg-back {
position: absolute;
top: 0;
height: 100%;
z-index: 10;
cursor: pointer;
display: flex;
padding: 5px;
background-color: #fff;
border: 1px solid #666;
}
.a3-dgallery .a3dg-back svg,
.a3-dgallery .a3dg-forward svg {
width: 20px;
height: 20px;
align-self: center;
}
.a3-dgallery .a3dg-back {
left: 0;
}
.a3-dgallery .a3dg-forward {
right: 0;
}
.a3-dgallery .a3dg-nav .a3dg-thumbs {
overflow: hidden;
position: relative;
padding:0px;
}
.a3-dgallery .a3dg-thumbs .a3dg-thumb-list {
float: none !important;
width: 9000px;
list-style: none;
margin-top: 0px;
display: flex !important;
align-items: center;
}
.a3-dgallery .a3dg-thumbs-static .a3dg-thumb-list {
display: block !important;
width: 100%;
}
.a3-dgallery .a3dg-thumbs li {
background: none repeat scroll 0 0 transparent;
float: left;
margin: 0 10px 0 0;
padding: 0 !important;
list-style:none !important;
box-sizing: border-box !important;
}
.a3-dgallery .a3dg-thumbs li.first_item {
clear: left;
}
.a3-dgallery .a3dg-thumbs li.last_item {
margin-right: 0 !important;
clear: right;
} .a3dg-preloads {
position: absolute;
left: -9000px;
top: -9000px;
}
.a3dg-image img {
height:auto !important;
max-height:100% !important;
max-width:100% !important;
vertical-align:middle !important;
margin:0 !important;
padding:0 !important;
box-shadow:0 0 0 !important;
border:none !important;
background:none !important;
display:inline-block !important;
visibility: visible !important;
}
.a3dg-image img:hover {
cursor:pointer;
}
.a3-dgallery .lazy-load {
background-color: #000000;
width: 0px;
height:3px;
opacity:1;
}
.a3dg-slideshow-controls .a3dg-slideshow-start span {
background: url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/mygallery/tn3.png) repeat scroll -49px -25px transparent;
bottom: 2px;
cursor: pointer;
height: 25px;
left: 0;
position: absolute;
text-indent: -999em;
width: 15px;
}
.a3dg-slideshow-countdown {
display:none !important;
}
.a3dg-image-wrapper .slide-ctrl {
display: none;
left: 50%;
top: 50%;
margin-left: -16px;
margin-top: -16px;
position: absolute;
z-index: 1000;
cursor:pointer;
}
.a3dg-image-wrapper .slide-ctrl .a3dg-slideshow-start-slide,
.a3dg-image-wrapper .slide-ctrl .a3dg-slideshow-stop-slide {
padding: 10px;
line-height: 1;
background-color: #fff;
}
.a3dg-image-wrapper:hover .slide-ctrl {
display: block;
} .product_gallery * {
box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
-webkit-box-sizing:border-box !important;
}
.product_gallery .a3-dgallery {
margin-top: 0px !important;
}
.product_gallery .a3-dgallery .a3dg-thumbs li a {
outline: none;
display: block;
margin: 0;
}
.product_gallery .a3-dgallery .a3dg-thumbs li a img {
display: block;
max-width: 100%;
height: auto;
box-shadow: 0 0px 0px 0;
-webkit-box-shadow: 0 0px 0px 0;
-moz-box-shadow: 0 0px 0px 0;
-webkit-transition: all ease-in-out 0.0s;
-moz-transition: all ease-in-out 0.0s;
-o-transition: all ease-in-out 0.0s;
transition: all ease-in-out 0.0s;
vertical-align:middle;
margin:auto !important;
padding:0 !important;
border:none !important;
width: auto !important;
} .a3-dgallery .a3dg-image-wrapper .a3dg-image-description {
color: #FFF;
background-color: rgba(0, 0, 0, 0.5);
left: 0;
line-height: 1.4em;
padding: 2% !important;
position: absolute;
text-align: left;
width: 100% !important;
z-index: 10;
font-weight: normal;
}
.a3-dgallery .a3dg-image-wrapper .a3dg-image-description .a3dg-description-title {
display: block;
}
.product_gallery .a3dg-navbar-separator {
position: absolute;
top: 0px;
left: 50%;
height: 100%;
width: 1px;
border-left: 1px solid #666;
}
.product_gallery .a3dg-navbar-control {
border: 1px solid #666;
text-align: center;
display: flex;
align-items: center;
position: relative;
float: left;
width: 100%;
}
.product_gallery .a3dg-navbar-control .icon_zoom,
.product_gallery .a3dg-navbar-control .slide-ctrl {
float: left;
padding: 5px;
width: 50%;
cursor:pointer;
}
.product_gallery .a3dg-navbar-control .slide-ctrl {
float: right;
}
.product_gallery .a3dg-navbar-control .icon_zoom span,
.product_gallery .a3dg-navbar-control .slide-ctrl span {
font-weight: bold;
text-transform: uppercase;
}
.product_gallery .slide-ctrl .a3dg-slideshow-start-slide {
display:block;
}
.product_gallery .slide-ctrl .a3dg-slideshow-stop-slide {
display:none;
}
.product_gallery .slide-ctrl.a3dg-slideshow-running .a3dg-slideshow-start-slide {
display:none;
}
.product_gallery .slide-ctrl.a3dg-slideshow-running .a3dg-slideshow-stop-slide {
display:block;
}
.a3-dgallery .a3dg-thumbs li div img{margin:auto;}
.gallery_loading {
background: url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/mygallery/loader.gif) no-repeat scroll center center transparent !important;
}#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494; padding: 0 25px 0 55px; box-sizing: padding-box; font-size: 1vw;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/loading.gif) no-repeat center center;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
} .cboxIE6 #cboxTopLeft{background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(//bionatura.com.mx/wp-content/plugins/woocommerce-dynamic-gallery/assets/js/colorbox/images/ie6/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}