/*
 Theme Name:   Storefront Child
 Theme URI:    https://us.savemidownload.com/storefront-child/
 Description:  Storefront Child Theme
 Author:       John Rowe
 Author URI:   http://example.com
 Template:     storefront
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  storefront-child
*/

.site-header {
    padding-top: 1em;
    padding-bottom: 0;
}

.page-template-template-homepage .site-main {
    padding-top: 0.5em;
}
.header-widget-region .widget {
    margin: 0;
    padding: 0em 0;
    font-size: .875em;
}

		.woocommerce-product-gallery {
			position: relative;

			.zoomImg {
				background-color: #fff;
			}

			.woocommerce-product-gallery__trigger {
				position: absolute;
				top: ms(-1);
				right: ms(-1);
				display: block;
				height: 2em;
				width: 2em;
				border-radius: 3px;
				z-index: 99;
				text-align: center;
			}

			img {
				margin: 0;
			}

			.flex-viewport {
				margin-bottom: ms(3);
			}

			.flex-control-thumbs {
				@include clearfix;
				margin: 0;
				padding: 0;

				li {
					list-style: none;
					margin-bottom: ms(3);
					cursor: pointer;

					img {
						opacity: .5;
						transition: all, ease, .2s;

						&.flex-active {
							opacity: 1;
						}
					}

					&:hover {
						img {
							opacity: 1;
						}
					}
				}
			}

			&.woocommerce-product-gallery--columns-2 {
				.flex-control-thumbs {
					li {
						@include span( 2 of 4 );

						&:nth-child(2n) {
							margin-right: 0;
						}

						&:nth-child(2n+1) {
							clear: both;
						}
					}
				}
			}

			&.woocommerce-product-gallery--columns-3 {
				.flex-control-thumbs {
					li {
						@include span( 1.333333333 of 4 );

						&:nth-child(3n) {
							margin-right: 0;
						}

						&:nth-child(3n+1) {
							clear: both;
						}
					}
				}
			}

			&.woocommerce-product-gallery--columns-4 {
				.flex-control-thumbs {
					li {
						@include span( 1 of 4 );

						&:nth-child(4n) {
							margin-right: 0;
						}

						&:nth-child(4n+1) {
							clear: both;
						}