/**
* Theme Name: Maxine
* Description: Child theme for Rovigo.
* Author: Gareth Harris
* Template: rovigo
* Version: 1.1.8
*/

body,
button,
input,
select,
textarea {
	font-family: 'Raleway', sans-serif;
	-webkit-font-smoothing: antialiased;
}
h1,
h2,
h3 {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
  margin-top: 0;
	letter-spacing: 0.25px
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
body {
	background: #fff;
}
.site-header {
  background-color: transparent;
    background-size: auto;
    min-height: 50px;
    padding: 50px 0px 50px;
    color: #333;
    margin: 0px 0 50px;
}
.site-header a,
.menu-toggle,
.menu-toggle:hover {
  color: #333;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
  color: #333;
  border-bottom: 1px solid #c39926;
}

a:hover {
    color: #333;
}

.site-header:after {
  content: none;
}
.social-links a[href*='instagram.com']:before {
	background-image: url(../maxine-sutton-rovigo/assets/images/instagram.png);
  background-color: transparent;
  content: "";
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center;
	opacity: 0.5
}
.cart-links a {
	position: relative;;
}
.cart-links span {
	display: none;
}
.cart-links a:before {
	background: #333;
  color: #fff;
  position: absolute;
	top: 0;
	left: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  text-align: center;
  line-height: 36px;
  transition: .5s;
  background-image: url(../maxine-sutton-rovigo/assets/images/cart.png);
  background-color: transparent;
  content: "";
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
}
.site-header .social-links,
.site-header .cart-links {
  z-index: 99;
  position: absolute;
  left: 2%;
  top: 1rem;
}
.site-header .cart-links {
	left: auto;
	right: 2%;
	height: 3rem;
  width: 3rem;
}
.site-header .social-links .menu,
.site-header .cart-links .menu {
	float: none;
}
.site-header .social-links .menu-item,
.site-header .cart-links .menu-item {
	float: none;
	margin: 0
}
.site-branding {
  clear: none;
  margin: 0 auto;
  max-width: 1600px;
  padding: 0;
  text-align: center;
  text-transform: none;
  width: auto;
  z-index: 1;
  float: left;
}
.site-title {
  font-size: 2.25rem;
  letter-spacing: 0.25px;
  font-weight: 400;
}
h3.site-title {
  font-size: 1.7rem;
    letter-spacing: 0.25px;
    font-weight: 100;
    margin-bottom: 23px;
}
.main-navigation {
  clear: unset;
    float: right;
    padding: 20px 0px 0 0px;
}
.main-navigation ul {
  margin: 0 auto;
  display: table;
  font-size: 0.85rem;
  background: rgba(255,255,255,.9);
}
.main-navigation li {
  float: none;
  padding: 0 1rem;
  margin-right: 0;
  display: table-cell;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
    right: auto
}

.insta a img {
    height: 1.3rem;
    vertical-align: middle;
    margin-bottom: 3px;
    filter: invert(20%) sepia(31%) saturate(0%) hue-rotate(257deg) brightness(75%) contrast(88%);
/*  SVG css colours   https://codepen.io/sosuke/pen/Pjoqqp */
}
.site-footer .insta a img {
    filter: invert(100%) sepia(27%) saturate(0%) hue-rotate(148deg) brightness(112%) contrast(101%);
/*  SVG css colours   https://codepen.io/sosuke/pen/Pjoqqp */
}

.main-navigation ul ul a {
  background: #ccc;
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
  background: #ccc;
}
.main-navigation ul ul li {
  display: list-item;
}
.main-navigation ul ul li:after {
  display: none;
  content: "";
}
.main-navigation ul li {
  float: none;
}
.main-navigation ul ul {
  float: left;
  position: absolute;
	top: 100%;
  /* padding-top: 1rem; */
}
.menu-item-has-children > a {
  padding-right: 0;
}
.single .entry-title {
    letter-spacing: 0;
    font-size: 1.5rem !important;
    line-height: 1.33333333333333 !important;
}
.single .entry-title, body.page .entry-title {
    color: #333;
}
h1, h2 {
    font-size: 1.5rem;
}

.portfolio-title, .blog-title, .search-results .page-title, .archive .page-title {
    font-size: 1.5rem;
    line-height: 1.33333333333333;
    margin-bottom: unset;
    text-transform: unset !important;
    padding-bottom: 23px;
    padding-top: 23px;
    letter-spacing: unset;
}

.masonry {
    max-width: 100%;
    width: 100%;
}
.masonry .entry-inner {
    padding-bottom: 13px;
}
.masonry .entry-header, .portfolio-grid .entry-title a {
    padding-top: 20px;
    padding-bottom: 7px;
}
.masonry .entry-header, .masonry .entry-content, .footer-widget-area .widget, .portfolio-grid .entry-title a {
    padding-left: 2.615385%;
    padding-right: 2.615385%;
}
.masonry .entry-title {
    font-size: 1.3rem;
}
/* .grid-item { width: 400px; } */

.post-grid .grid-items {
    margin: 0 auto;
    overflow: hidden;
    width: 100% !important;
}

.single .claps-toggle-text, .work-desc {
	display: none;
}

.entry-content, .nav-link, .comment-content, .comment-form label, .widget {
    line-height: 1.37;
}
.entry-content p {
    margin-bottom: 1.37em;
}

@media (max-width: 800px) {
	.menu-toggle {
    text-align: center;
		margin: 0 auto;
	}
	.main-navigation ul {
    margin: 7px 0 7px;
    display: none;
    border-bottom: 1px solid #c39926;
    padding: 0 0 7px 0;
	}
	.main-navigation.toggled ul {
    display: block;
	}
	.main-navigation li {
		display: list-item;
		padding: 0;
		color: #fff;
	}
	.main-navigation .current_page_item > a,
	.main-navigation .current-menu-item > a,
	.main-navigation li a,
	.main-navigation ul ul li a {
		color: #333;
	}
	.main-navigation a:hover, .main-navigation ul ul a:hover {
		background: rgba(195, 153, 38, 0.37);
	}
	.main-navigation ul ul {
    float: none;
    position: relative;
    top: auto;
		left: auto;
		margin: 0
	}
	.main-navigation ul ul a {
    background-color: #333;
	}
}
.site-content {
  padding: 0;
}
.woocommerce-shop .site-content {
      margin-bottom: 37px;
}
.home .content-area {
	width: 100%;
	float: none;
}
.home .site-content {
  max-width: 9999px;
  width: 100%;
}
.single .content-area:first-child:last-child, 
.page .content-area:first-child:last-child, 
.not-found, 
.archive-description, 
.home .content-area:first-child:last-child {
  max-width: 9999px;
  width: 90%;
	width: calc(100% - 0px);
}
.featured-image-header {
  width: 100%;
	/* max-height: 500px;
	overflow: hidden; */
}
.featured-image-header img {
  width: 100%;
  vertical-align: bottom;
}
.maxine-quote {
/*   text-align: center; */
  padding: 3rem 0 4rem 0;
  max-width: 780px;
  margin: 0 auto;
  clear: both;
}
.maxine-quote h3 {
	font-style: italic;
	font-size: 1.75rem;
}
.maxine-quote span {
	float: right;
	font-size: 90%;
	font-family: 'Playfair Display', serif;
	letter-spacing: 0.5px
}
.maxine-sections {
  display: grid;
/*   grid-template-columns: 1fr 1fr 1fr 1fr; */
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 2rem
}
.maxine-section {
  position: relative;
}
.maxine-section span {
  position: absolute;
  bottom: 1.0rem;
  right: 1.0rem;
  background: rgba(0,0,0,0.23);
  padding: 3px 13px;
}
.maxine-section a {
  text-transform: uppercase;
  color: #fff;
  font-size: 1.5rem
}
.maxine-section img {
  display: block;
}
.maxine-main {
	margin: 0 auto;
	max-width: 770px;
  font-size: 1.05rem;
  line-height: 1.65;
	margin-bottom: 6rem
}
.instagram-widget {
	padding: 2rem 0;
	border-top: 1px solid #8b8d7e;
}
.sb_instagram_header {
  display: none;
}
.instagram-widget #sb_instagram {
  position: relative;
}
.sbi_photo_wrap {
	background: #000
}
#sb_instagram #sbi_images .sbi_item {
	padding: 0 !important
}
#sb_instagram #sbi_images .sbi_item.sbi_type_image:first-child a {
	opacity: 0.5
}
.instagram-widget #sb_instagram #sbi_load {
  float: none;
	width: auto;
  position: absolute;
	bottom: 1.5rem;
	left: 1.5rem;
}
.instagram-widget #sb_instagram #sbi_load .sbi_load_btn {
  display: none !important
}
.instagram-widget #sb_instagram .sbi_follow_btn {
  display: block;
	text-align: left;
}
.instagram-widget #sb_instagram .sbi_follow_btn a {
  background: transparent;
  color: #fff;
	font-size: 1.5rem;
	text-transform: uppercase;
}
.instagram-widget #sb_instagram .sbi_follow_btn a:hover {
  background: transparent;
	border: none;
	box-shadow: none;
  color: #fff;
}
.instagram-widget #sb_instagram svg:not(:root).svg-inline--fa {
  display: none
}
.site-footer {
  background: #8b8d7e;
  color: #fff
}
.footer-widget-area-wide {
  margin-left: auto;
  margin-right: auto;
  max-width: unset;
  width: 90%;
/* 
  max-width: 1176px;
  padding-left: 1.19047619%;
  padding-right: 1.19047619%;
 */
}
.masonry, .footer-wrap, .site-info-wrap, .portfolio-wrap, .posts-navigation {
    margin-left: auto;
    margin-right: auto;
  max-width: unset;
  width: 90%;
    /* max-width: 1176px; */
}
.footer-widget-area-wide ul.gform_fields li {
  text-align: center;
}
.footer-widget-area-wide ul.gform_fields li:first-child {
  text-align: left;
}
.footer-widget-area-wide ul.gform_fields li:last-child {
  text-align: right;
}
.footer-widgets {
    padding-top: 3.7rem;
    padding-bottom: 2.3rem;
}
.footer-widgets {
  /* max-width: 1078px; */
  width: 100%;
  margin: 0 auto;
  background-color: transparent
}
.site-footer input[type="text"],
.site-footer input[type="email"] {
  color: #666;
  border: none;
  padding: 7px 16px;
  width: 60%;
  margin: 3px 0;
}
.site-footer ul.gform_fields {
  display: -webkit-flex;
  display: flex;
}
.site-footer .gform_description {
  text-align: center;
}
.site-footer ul li,
.site-footer .widget ul li {
  padding-left: 0;
      margin-bottom: 13px;
}
.site-footer .widget .menu-footer-container ul li {
  display: table-cell;
	padding: 0 1rem
}
.site-footer .footer-widget-area-wide .widget ul li {
  margin: 2rem 0;
  width: 100%;
}
.site-footer ul li:before,
.site-footer .widget ul li:before {
  content: none;
}
.site-footer input[type="submit"] {
  border: 2px solid #fff;
  color: #fff;
  width: 36%;
  padding: 9px 0px;
}
.site-footer input[type="submit"]:hover {
  border: 2px solid #fff;
  background: #fff;
  color: #8b8d7e;
  width: 36%;
  padding: 9px 0px;
  
}
.site-footer .gform_footer input[type="submit"] {
  margin: 0;
  width: 100%;
}
/* .site-footer ul.menu {
  display: -webkit-flex;
  display: flex;
}
.site-footer ul.menu li {
  text-align: center
} */
.site-footer a {
  color: #fff;
}
h5, .site-info, .comment-author .fn, .wp-caption-text {
    font-size: .875rem;
    line-height: unset;
    letter-spacing: unset !important;
    padding-left: 0 !important;
    text-transform: unset !important;
    width: 100% !important;
}

.footer-widget-area.first, .footer-widget-area.second, .footer-widget-area.third {
    float: left;
    margin-bottom: 0px;
    padding: 0;
}
.footer-widget-area.first {
	width: 33%;
}
.footer-widget-area.second {
	width: 33%;
}
.footer-widget-area.third {
	width: 33%;
}
.footer-widget-area ul {
	display: table;
	text-align: left;
	margin: 0 auto
}
.footer-widget-area .widget {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 2rem
}
.site-footer .social-links {
  width: 100%
}
.site-footer .social-links .menu {
  float: none;
	padding-right: 0;
	margin: 0 auto;
}
.site-footer .social-links .menu .menu-item {
  margin-left: 5px;
  margin-right: 5px;
	padding-left: 0;
	padding-right: 0
}
.site-footer .social-links a:before {
  /* background: transparent; */
}
.site-footer .social-links  a[href*='instagram.com']:before {
	background-image: url(../maxine-sutton-rovigo/assets/images/instagram-white.png);
	opacity: 1;
}
.small {
	font-size: 0.75rem;
}
.footer-widget-area .small {
	margin: 0 auto;
}
#masonry {
	margin-bottom: 4rem;
}
#masonry:after {
	content: '';
	display: block;
	clear: both;
}
.woocommerce .woocommerce-breadcrumb,
.woocommerce .products ul,
.woocommerce ul.products {
	margin-left: auto;
	margin-right: auto;
/* 	max-width: 1500px; */
	width: 100%;
}
.woocommerce .woocommerce-breadcrumb {
	padding-left: 0px;
    text-align: center;
    font-size: 0.9em;
}
.woocommerce .woocommerce-breadcrumb a {
	text-decoration: underline;
}

.woocommerce nav.woocommerce-pagination {
    text-align: center;
    margin-bottom: 23px;
}
/* 
.woocommerce .woocommerce-breadcrumb a:nth-of-type(2) {
	pointer-events: none;
	text-decoration: none;
}
 */

.woocommerce div.product {
    padding-top: 1.19047619%;
}

/* https://stackoverflow.com/questions/69839973/woocommerce-checkout-stuck-on-spinning */
.woocommerce .blockUI.blockOverlay {
  position: relative!important;
  display: none!important;
}

/* .grid-sizer {
	width: 33%;
	float: left;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: 33%;
	height: 388px;
	margin: 0;
	float: left;
	overflow: hidden;
	position: relative;
	border: 15px solid white;
	/* background-repeat: no-repeat;
  background-position: -10% -10%;
  background-size: 110%;
}
.woocommerce ul.products li.product.maxine-wide-image,
.woocommerce-page ul.products li.product.maxine-wide-image,
.woocommerce ul.products li.product.maxine-image-wide,
.woocommerce-page ul.products li.product.maxine-image-wide {
  width: 66%;
}
.woocommerce-page ul.products li.product.maxine-image-large,
.woocommerce-page ul.products li.product.maxine-image-large {
  width: 66%;
	height: 776px;
}
@media screen and (max-width:1200px ) {
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		height: 350px;
	}
	.woocommerce-page ul.products li.product.maxine-image-large,
	.woocommerce-page ul.products li.product.maxine-image-large {
		height: 700px;
	}
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: none;
}
.woocommerce ul.products li.product a img {
	margin-bottom: 0;
	padding: 15px;
	position: absolute;
	top: -5%;
	left: -5%;
	width: 110%;
	max-width: 1600px
} */


.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	float: left;
	padding: 0 1.190476% 0 0;
	margin: 0;
	width: 33.333333%;
}
.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first {
  clear: none;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    width: 33.333333%;
}
.woocommerce ul.products li.product a img {
    margin: 0 0 0em;
}
.woocommerce-info {
    border-top-color: #8b8d7e;
}

.flow h2, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: 0.5em 0;
    margin: 0;
    font-size: 1em;
}


.maxine-shop-item-wrapper {
/* 
	display: none;
	position: absolute;
    bottom: 15px;
    z-index: 999;
    background: rgba(255,255,255,0.75);
    width: 100%;
    font-size: 1.3em;
    color: #000;
    padding: 7px 23px 23px;
 */
}
.product:hover .maxine-shop-item-wrapper {
    display: block;
}
.maxine-shop-item-wrapper .button {
	display: none !important;
}
.maxine-shop-item-wrapper .woocommerce-loop-product__title {
/* 
    padding: 0em 0 !important;
    font-size: 1.3em !important;
 */
/*     color: #000; */
}
.maxine-shop-item-wrapper .price {
/*     color: #000 !important; */
}
/* 
.maxine-shop-item-wrapper {
    top: 0;
    position: absolute;
    background-color: rgba(255,255,255,0.9);
}
 */

/* .woocommerce-breadcrumb, */
.woocommerce-result-count,
.woocommerce-ordering {
	display: none;
}
.single .content-area:first-child:last-child, 
.single-product .content-area:first-child:last-child {
/* 	max-width: 1500px; */
	width: 100%;
}
.single .site-content, .page .site-content, 
.single-product .site-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1620px;
    width: 100%;
    padding: 0px;
}
.single-product.woocommerce .woocommerce-breadcrumb {
	padding-left: 0;
	margin: 0 0 1em;
	width: 100%;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
	float: left;
/* 	width: 65%; */
	width: 55%;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
	float: right;
/* 	width: 32%; */
	width: 42%;
}
.woocommerce button.button.alt {
	background-color: transparent;
	color: #ccc;
	border: 2px solid #ccc;
	border-radius: 0;
	text-transform: uppercase;
}
.woocommerce button.button.alt {
	background-color: transparent;
	color: #8b8d7e;
	border: 2px solid #8b8d7e;
	border-radius: 0;
	text-transform: uppercase;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    background-color: #8b8d7e;
    color: #fff;
}

.woocommerce .place--order button.button.alt:hover {
	background-color: transparent;
	color: #aaa;
	border: 2px solid #aaa;
	border-radius: 0;
	text-transform: uppercase;
}
.stock.in-stock {
	display: none;
}
.woocommerce div.product div.images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image:nth-child(n+2) {
  width: 23%;
/* 	margin: 2rem 2% 0 0; */
	margin: 0rem 2% 0 0;
  display: inline-block;
}
/* swipe */
.woocommerce div.product div.images .flex-control-thumbs {
    overflow: hidden;
    zoom: 1;
    margin: 23px 0 0 0;
    padding: 0;
}

.post-navigation {
    padding-top: 13px;
    margin-bottom: 23px;
    float: left;
    width: 100%;
}
.post-navigation a:hover {
    color: #333;
    text-decoration: none;
}

.post-navigation .pn_left, .post-navigation .pn_right {
	color: #999;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .13em;font-size: 0.75rem;
    float:left;
}
.post-navigation .pn_left {
    float:left;
}
.post-navigation .pn_right {
    float:right;
}

/* 
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 24%;
    float: left;
    margin: 1% 1% 0 0;
    list-style: none;
}
 */
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 19%;
    float: left;
    margin: 1% 1% 0 0;
    list-style: none;
}
.woocommerce div.product div.images img {
    width: unset !important;
    max-height: 700px;
	cursor: zoom-in;
}
.pswp__caption { display: none; }
/* swipe */

.woocommerce div.product div.images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image:last-child {
  margin-right: 0;
}
.woocommerce div.product .product_title {
/*   font-style: italic; */
	margin-bottom: 1rem;
	font-size: 2.25rem
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: #333;
}
.woocommerce button.button,
.woocommerce input.button {
  padding: 11px 16px;
}
.related.products {
    float: left;
    padding-top: 13px;
    border-top: 1px solid #8b8d7e;
}

.storefront-product-pagination {
	display: none;
}
.mc4wp-response {
    text-align: center;
    margin-top: 13px;
}
.main-navigation ul ul a {
	white-space: nowrap;
    padding: 6px 10px 6px 15px;
    width: auto;
}

.single .entry-header, body.page .entry-header {
    padding-bottom: 37px;
    padding-top: 0px;
    text-align: center;
}

.fancybox-is-open .fancybox-bg {
    opacity: 1 !important;
}
.pswp__bg, .fancybox-bg {
    background: #1e1e1e !important;
}

#carousel-2620 .owl-nav button.owl-next, #carousel-2620 .owl-nav button.owl-prev, #carousel-2620 button.owl-dot, 
#carousel-2622 .owl-nav button.owl-next, #carousel-2622 .owl-nav button.owl-prev, #carousel-2622 button.owl-dot, 
#carousel-2628 .owl-nav button.owl-next, #carousel-2628 .owl-nav button.owl-prev, #carousel-2628 button.owl-dot {
    background: 0 0;
    color: #8b8d7e;
    border: 0;
    padding: 0 10px !important;
    font: inherit;
    font-size: 2em;
    line-height: 1em;
}
.dd-owl-image-caption {
	text-align: center;
    padding: 5px 10px;
}
.owl-theme .owl-nav {
    margin-top: 10px;
    margin-bottom: 20px;
}

.single .entry-content, body.page .entry-content {
    padding-bottom: 37px;
}


.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(195, 153, 38, 0.37);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.image-container {
	position: relative;
}
.image-container img {
	display: block;
}
.image-container:hover .overlay {
	opacity: 2;
}


/* https://codepen.io/matthewcain/pen/ZepbeR */
#backtotop {
  display: inline-block;
background-color: rgba(255,255,255,0.75);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  /* 
bottom: 30px;
  left: 30px;
 */
 bottom: 50%;
	right: 36px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
    color: #c39926;
    font-size: 1.1em;
    line-height: 2.3em;
    top: unset !important;
    opacity: 0.65 !important;
	border: 1px solid #c39926;
}
#backtotop:hover {
	cursor: pointer;
background-color: rgba(255,255,255,0.75);
/*     color: #fff; */
}
#backtotop:active {
	cursor: pointer;
background-color: rgba(255,255,255,0.75);
/*     color: #fff; */
}
#backtotop.show {
  opacity: 1;
  visibility: visible;
}
.chevron::before {
	border-style: solid;
    border-width: 0.25em 0.25em 0 0;
    content: '';
    display: inline-block;
    height: 0.65em;
    left: 0px;
    position: relative;
    top: 15px;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 0.65em;
}


@media (max-width: 1180px) {
	.main-navigation li {
		padding: 0 0.5rem;
	}
	.single .site-content, .page .site-content, 
	.single-product .site-content, .site-header {
		margin-left: auto;
		margin-right: auto;
    max-width: 1620px;
    width: 100%;
	}
	.site {
		background: #fff;
		max-width: 1620px;
		margin: auto 23px;
	}
}
@media (max-width: 800px) {
	.menu-toggle, .main-navigation ul {
		z-index: 99;
	}
	.main-navigation a, .main-navigation ul ul a {
		padding: 6px 10px 6px 10px;
    background: transparent;
    text-align: center;
	}
}

.woocommerce-no-products-found { display: none; }

  .shopnotice .shopimage {
    flex-shrink: 0;flex-basis: 50%;margin-right: 20px;
  }

@media (max-width: 768px) {

  .shopnotice {
    flex-direction: column;
  }
  .shopnotice .shopimage {
    margin-right: 0px;
  }

	.site-footer input[type="text"],
	.site-footer input[type="email"] {
	  color: #666;
	  border: none;
	  padding: 7px 16px;
	  width: 100%;
	  margin: 3px 0;
	}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
		float: left;
		/* width: 65%; */
		width: 100% !important;
	}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
		float: right;
		/* width: 32%; */
		width: 100% !important;
	}
	.maxine-section a {
		text-transform: uppercase;
		color: #fff;
		font-size: 1.0rem;
	}
	.maxine-section span {
		position: absolute;
		bottom: 1rem;
		right: 0rem;
		background: rgba(0,0,0,0.23);
		padding: 3px 3px;
		width: 100%;
		text-align: center;
	}
	
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		width: 48%;
		float: left;
		clear: both;
		margin: 0 0 2.992em;
	}
}
@media (max-width: 600px) {
	h3, .masonry .entry-title, .introduction-text, .portfolio-grid .entry-title, .comments-title, .comment-reply-title {
		font-size: 1.25rem !important;
	}
}
@media (min-width: 768px) {
	.storefront-product-pagination {
		display: block;
		clear: left;
		margin-top: 4rem;
		padding-top: 1rem
	}
	.storefront-product-pagination a {
		color: #333;
		font-size: 2rem
	}
	.storefront-product-pagination a[rel=prev] {
    margin-right: 2rem
	}
	/* .storefront-product-pagination a {
    position: fixed;
    top: 50%;
    width: 100px;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    z-index: 999999;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
	}
	.storefront-product-pagination a[rel=prev] {
    left: -55px;
    -webkit-transition: left .3s ease-out;
    transition: left .3s ease-out;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    padding-left: 0;
	}
	.storefront-product-pagination a[rel=next] {
    right: -55px;
    -webkit-transition: right .3s ease-in;
    transition: right .3s ease-in;
    padding-right: 0;
	}
	.storefront-product-pagination a[rel=prev]:hover {
    left: 0;
	}
	.storefront-product-pagination a[rel=next]:hover {
    right: 0;
	} */
}

ul.products span.out-of-stock {
	position: absolute;
	top: 2rem;
	right: 2rem;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	width: 44px;
	height: 44px;
	line-height: 42px;
	text-align: center;
	z-index: 1;
}
ul.products span.out-of-stock:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: grey;
	z-index: -1
}
.maxine-page-image-wrapper {
	margin-bottom: 2rem;
}

.site {
    
    width: 94%;
    background: #fff;
    max-width: 1620px;
    margin: 3% auto;
    margin-top: 0;

}

.metaslider {
    width: 100% !important;
    float: left;
    margin: auto 0%;
    margin-bottom: 30px;
}

.entry-content ul li, .widget ul li, .comment-content ul li {
    padding-left: 0px;
    position: relative;
}

.metaslider.ms-theme-simply-dark .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a {
    height: 7px !important;
/* 	background: rgba(0,0,0,0.23); */
}
.flex-control-nav {
    opacity: 0.37;
}


#masonry .entry-meta { display: none; }

.site-header:after, .thumbnail-link:after {
    background: unset;
}
.masonry .entry-inner, .portfolio-grid .hentry:not(.has-post-thumbnail) .entry-inner {
    box-shadow: unset;
}
.masonry .entry-header, /* .masonry .entry-content, */ .footer-widget-area .widget, .portfolio-grid .entry-title a {
    padding: 10px 0 10px 0;
}
.masonry .entry-title, .portfolio-grid .entry-title {
    text-align: center;
}
.masonry .hentry, .portfolio-grid .hentry, #blog-menu {
    padding-top: 0.37%;
    padding-bottom: 0.37%;
}


@media (max-width: 600px) {

	.site-branding {
		float: unset !important;
	}
	.main-navigation {
    	float: unset;
	}
	.footer-widget-area, .footer-widget-area.first, .footer-widget-area.second, .footer-widget-area.third {
    	width: 100%;
    }
    .site-header {
		margin: 0 !important;
    }
    
    .single .claps-toggle-text, .work-desc {
		display: unset;
	}
    .single .column-quarter.fourth {
		display: none;
	}
	.site {
		background: #fff;
		max-width: 1620px;
		margin: auto 13px;
	}
	
	.main-navigation .current_page_item > a,
	.main-navigation .current-menu-item > a,
	.main-navigation .current_page_ancestor > a,
	.main-navigation .current-menu-ancestor > a {
		border-bottom: unset;
	}
}


.column-half{display:inline-block;width:49%;vertical-align:top}
.column-half.first{margin: 0px 4% 0 0;width: 46%;margin-top: 50px !important;}
/* .column-half.first{margin:0 1% 0 0;} */
.column-half.second{margin:0 0 0 1%}
.column-third{display:inline-block;vertical-align:top;width:31%}
.column-third.first{margin:0 1% 0 0}
.column-third.second{margin:0 1% 0 1%}
.column-third.third{margin:0 0 0 1%}
.column-third.first-second{width:64%;margin:0 1% 0 0}
.column-third.second-third{width:64%;margin:0 0 0 1%}
.column-quarter{display:inline-block;vertical-align:top;width:23%}
.column-quarter.first{margin:0 1% 0 0}
.column-quarter.second{margin:0 1% 0 1%}
.column-quarter.third{margin:0 1% 0 1%}
.column-quarter.fourth{margin:0 0 0 1%}
.column-quarter.first-second{width:49%;margin:0 1% 0 0}
.column-quarter.first-second-third{width:73%;margin:0 1% 0 0}
.column-quarter.second-third{width:49%;margin:0 1% 0 1%}
.column-quarter.second-third-fourth{width:73%;margin:0 0 0 1%}
.column-quarter.third-fourth{width:49%;margin:0 0 0 1%}
@media only screen and (max-width: 767px){
	.column-half,.column-third,.column-quarter{width:100% !important;margin:0 0 1em 0 !important}
	.column-half.first{margin-top: 0px !important;}
}

.column-quarter iframe { background: #efefef; }

.entry-content ul li:before, .widget ul li:before, .comment-content ul li:before {
    display: none;
}

/*
https://piccalil.li/blog/a-simple-masonry-like-composable-layout/
https://codepen.io/piccalilli/pen/QwLpvbW?editors=1000
*/

.flow > * + * {
  margin-block-start: var(--flow-space, 1em);
}

/* If --flow-space is not defined, margin-block-start will be 1em. Handy, right? We’re using that methodology with our masonry-like layout too. In fact, the masonry class is only configuring layouts: */

.masonry {
  --gutter: 0.25em;
  --flow-space: var(--gutter);
  --switcher-target-container-width: 25rem;
}

/* 
We’re setting a nice small spacing value for --gutter (used by the switcher and wrapping container). With that set, we tell --flow-space to use --gutter too, levelling horizontal and vertical space.

To explain --switcher-target-container-width, allow me to cite Every Layout:

The switcher element (based on the bizarrely named Flexbox Holy Albatross) switches a flexbox context between a horizontal and a vertical layout at a given, container-based breakpoint. That is, if the breakpoint is 30rem, the layout will switch to a vertical configuration when the parent element is less than 30rem wide.

Rather than determining a viewport-based media query to snap our masonry-like layout into a stacked layout, we allow the container to calculate that for us by configuring the bounds. We set those bounds (--switcher-target-container-width) to 25rem, meaning if the masonry container is anything less than that, it will be stacked.

Before we move on, let’s make sure images always fill their container. For the layout to look neat, we need to make sure that happens or small images will make the layout look broken.
 */

.masonry img {
  width: 100%;
}

/* With that configuration set, we can introduce our layouts. Let’s add the switcher first: */

.switcher {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gutter, 2em);
  align-items: var(--switcher-vertical-alignment, flex-start);
}

.switcher > * {
  flex-grow: 1;
  flex-basis: calc(
    (var(--switcher-target-container-width, 40rem) - 100%) * 999
  );
}

/* 
Let’s drill down on that flex-basis property. Using calc(), we’re generating either a very large positive value if there’s enough space in the container or a very large negative value if there’s not enough space. A negative flex-basis value is invalid, and dropped. Thanks to CSS’s resilient error handling this means just the flex-basis line is ignored, and the rest of the CSS is still applied. Because our items are instructed to grow with flex-grow, a stacked layout takes over.

Let’s move on to our flow layout next:
 */

.flow > * + * {
  margin-block-start: var(--flow-space, 1em);
}

/* Yep, that’s the same snippet from earlier. I’ll let you read the whole explainer to keep this article as brief as possible, but in short, a flow element’s child items will have margin-block-start applied, aside from the first child, which gives us that nice vertical flow. */

.wrapper {
/*   max-width: 80rem; */
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.claps-toggle-text .claps-text-expand-button {
    padding: 7px 0 13px;
}

/* VIMEO */

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cl-element-section, .cl-element-title__anchor {
	font-family: 'Playfair Display', serif !important;
	font-weight: 400 !important;
	margin-top: 0 !important;
	letter-spacing: 0.25px;
}
.cl-element-custom_field {
	font-family: 'Raleway', sans-serif !important;
	font-weight: 400 !important;
	margin-top: 0 !important;
	letter-spacing: 0.25px;
}
.cl-element-title__anchor:hover, .cl-element-title__anchor:active, .cl-element-title__anchor:focus {
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration: none !important;
    color: #333 !important;
}

/* https://generatepress.com/forums/topic/masonry-layout-for-woocommerce/ */
/* Staggered 3 and 4 column grid */
/* 
@media (min-width: 1024px) {

	.woocommerce ul.columns-3 li.product:nth-child(3n), .woocommerce ul.columns-3 li.product:nth-child(3n+1) {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
	}
	.woocommerce ul.columns-4 li.product:nth-child(2n), .woocommerce ul.columns-4 li.product:nth-child(2n+1) {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
	}
}

.woocommerce ul.products {
	margin-bottom: 150px;
}
 */

/* Image border radius */
/* .woocommerce ul.products li.product a img { */
	border-radius: 5px;
}