/*
A simpler frontend wc-gallery wp gallery experience
Styles specific to wc-gallery when enabled.
*/

/*background set white... so why not text?*/
.wcflexslider {
	color: #000;
}
.wc-gallery .gallery .gallery-item {
	padding:6px 0; /* or sliding gallery offcentered. */
}

/* mobile goes off on large caption, and is below, fix it:*/
@media screen and (max-width: 568px) {
       /* override wc-gallery: */
       body .wc-gallery-captions-onpopup .gallery-caption, body .wc-gallery-captions-showon .gallery-caption, body .wc-gallery-captions-onhover .gallery-caption {
               position: absolute;
               bottom: 6px; /*matching padding*/
       }
}

/*Override some of our defaults that cause it to look odd*/
.wc-gallery ul,
.wc-gallery li {
	list-style: none;
	padding-left:0;
}
.wc-gallery .gallery-caption * {
	color: inherit; /*not direct h3/whatever from the theme.*/
}
.magnificpopup-is-active .gallery-icon a {
	cursor: pointer;
}

body.iOS >.mfp-bg,
body.iOS >.mfp-wrap {
	width: 100vw;
	min-width: 100%; /* for iPhone6 this doesn't work above, 100% < 100vw somehow*/
}

.mfp-wrap .mfp-image-holder .mfp-close {
	cursor: default;
}