/*====================================
  +++ MEDIA QUERIES +++
  ====================================*/

@media screen and (min-width: 25em) { /* 400px */

	.cart td,
	.shop_table td,
	.shop_table tfoot th,
	.cart_totals th {
		padding-top: 1.5rem;
	}

	th + th,
	td + td,
	th + td {
		padding-left: 1.5rem;
	}

	#coupon_code {
		width: auto !important;
	}

	.coupon > button {
		width: auto;
		margin-top: 0;
		margin-left: .75rem;
	}


	/* ACCOUNT */

	.woocommerce-account header {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
	}

}


@media screen and (min-width: 31.25em) { /* 500px */

	th + th,
	td + td,
	th + td {
		padding-left: 2.25rem;
	}

}


@media screen and (min-width: 37.5em) { /* 600px */

	input, select, textarea {
		font-size: 0.844rem;
	}

	select,
	.woocommerce input.quick-search {
		width: auto;
	}

	#pa_format {
		max-width: 9.3755rem;
	}

	h1 {
		font-size: 4.656em;
		line-height: 1;
	}

	h1 span,
	.text-wrapper p:first-of-type.greeting,
	.blog h2,
	.single-post h1 {
		font-size: 3.157rem;
	}

	header[role="banner"] #menu-item-23314,
	header[role="banner"] #menu-item-23322,
	header[role="banner"] nav[role="navigation"] li:last-of-type {
		display: block;
	}

	header[role="banner"] nav[role="navigation"] a {
		padding: .75rem;
	}

	header[role="banner"] nav[role="navigation"] li + .menu-item-object-pageBasket,
	header[role="banner"] nav[role="navigation"] li + .current_page_itemBasket {
		margin-left: 6rem;
	}

	.reset-facet-single {
		width: calc(16.667% - .25rem);
	}

	.reset-facet-all {
		right: 0;
	}

	.facetwp-type-radio,
	.facetwp-type-checkboxes {
		width: calc(33.333% - .5rem);
	}
	.facetwp-radio,
	.facetwp-checkbox {
		width: 50%;
		text-align: center;
	}


	.facetwp-type-fselect,
	.facetwp-type-search {
		width: calc(50% - .75rem) !important;
	}

	#featured-reset,
	.facetwp-facet-featured {
		margin-top: 0;
	}

	#featured-reset,
	.facetwp-type-search {
		margin-left: auto;
	}

	.grid > * {
		width: 33.3333%;
	}

	.woocommerce-notice .wrapper {
		display: -webkit-flex;
		display: flex;
	}

	.woocommerce-notice button {
		width: auto;
		margin-left: auto;
		margin-bottom: 0;
		padding: 0;
	}

}

@media screen and (min-width: 56.25em) { /* 900px */

	html {
		font-size: 100%;
	}

	body {
		padding: .75rem 1.125rem 3rem;
	}

	.fixed {
		display: block;
		position: fixed;
	}

	.home .fixed.button,
	.woocommerce .fixed.button,
	.woocommerce-page .fixed.button,
	.page-template-subscribe .fixed.button {
		display: none;
	}

	.fixed.button {
		display: block;
		top: 15.75rem;
	    right: 3rem;
	    transform: rotate(-90deg);
	    transform-origin: right;
		background: #72ccff;
		color: #111;
	}

	.fixed.button:hover {
		background: #68BAE8;
	}

	header[role="banner"] {
		position: fixed;
	    top: 0;
		left: .75rem;
		right: 0;
		z-index: 1;
		padding-top: .75rem;
		will-change: transform;
		-webkit-transition: transform .5s ease-in;
		-moz-transition: transform .5s ease-in;
		transition: transform .5s ease-in;
	}

	header[role="banner"]:after {
		content: '';
		position: absolute;
		top: 0;
		left: 2px;
		right: 0;
		z-index: -1;
		height: calc(50% + .375rem);
		border-bottom: 2px solid;
		background: #fff;
	}

	header[role="banner"] nav[role="navigation"],
	header[role="banner"] .social-media {
		margin-top: -1.875rem;
		padding: 1.5rem 0;
	}

	header[role="banner"] nav[role="navigation"] {
		position: static;
		margin-left: auto;
		background: none;
	}

	header[role="banner"] .social-media {
		margin-right: .375rem;
		margin-left: .375rem;
	}

	header[role="banner"] nav[role="navigation"]:before {
		border: 0;
	}

	header[role="banner"] nav[role="navigation"] li,
	header[role="banner"] .social-media li {
	    padding: 1rem 0 1.3125rem;
	}

	.site-title {
		position: static;
		padding: 0;
	}

	.site-title a,
	.single .site-title a {
		height: auto;
		-webkit-transition: transform .5s ease-in;
		-moz-transition: transform .5s ease-in;
		transition: transform .5s ease-in;
	}

	.shrink .site-title a {
		height: auto;
		-webkit-transform: scale3d(0.5,0.5,5);
		-ms-transform: scale3d(0.5,0.5,5);
		transform: scale3d(0.5,0.5,5);
	}

	.shrink #full-logo,
	.single #full-logo {
		display: block;
	}

	.logo-container {
		display: none;
	}

	header[role="banner"] .social-media {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
	}

	main,
	.single main {
		margin-top: 15.75rem;
	}

	main footer:before {
		margin-left: -1.125rem;
		margin-right: -1.125rem;
	}

	.facetwp-template {
		margin-top: 1.5rem;
	}

	/* main > header {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	} */

	.reset-facet-single,
	.facetwp-type-radio,
	.facetwp-type-checkboxes,
	.facetwp-radio,
	.facetwp-checkbox {
		width: auto;
	}

	.facetwp-type-fselect,
	.facetwp-type-fselect .fs-wrap,
	.facetwp-type-fselect .fs-dropdown,
	.facetwp-type-search,
	.facetwp-search-wrap {
		width: auto !important;
	}

	.facetwp-type-fselect,
	.facetwp-type-search {
		margin-top: 0;
	}

	.facetwp-facet + * {
		margin-left: 1.5rem;
	}

	.facetwp-facet + .reset-facet-all {
		margin-left: 0;
	}

	.facetwp-facet-sale {
		margin-right: 1.5rem;
	}

	/* .facetwp-type-fselect {
		margin-left: auto;
	} */

	.facetwp-facet-label {
		margin-right: auto;
	}

	.facetwp-type-fselect .fs-wrap,
	.facetwp-type-fselect .fs-dropdown {
		width: 175px !important;
	}

	#featured-reset,
	.facetwp-type-search {
		margin-left: 1.5rem;
	}

	.facetwp-type-fselect {
		margin-left: auto;
	}

	.facetwp-facet-label {
		margin-right: 0;
	}

	.popup {
		display: block;
	}

	#menu-icon {
		display: none;
	}

	/* article footer {
		margin-left: -.75rem;
		margin-right: -.75rem;
	} */

	.site-title * {
		-webkit-transform-origin: center left;
		-ms-transform-origin: center left;
		transform-origin: center left;
	}

	.shrink {
		-webkit-transform: translateY(-2.625rem);
		-ms-transform: translateY(-2.625rem);
		transform: translateY(-2.625rem);
	}

	.shrink a {
		-webkit-transform: scale3d(0.5,0.5,5);
		-ms-transform: scale3d(0.5,0.5,5);
		transform: scale3d(0.5,0.5,5);
	}

	.grid {
		margin: 3rem -1.125rem -1.125rem;
	}

	.grid > * {
		padding: 1.125rem;
	}

	.image-overlay {
		position: absolute;
		top: 0;
		right: 0;
		width: 137.5px;
		height: 137.5px;
		color: #fff;
		text-align: center;
	}

	.image-overlay:before {
		position: absolute;
		right: 0;
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-bottom: 137.5px solid transparent;
		border-right: 137.5px solid rgba(0, 0, 0, 0.85);
	}

	.columns{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		max-width: none;
		margin-left: -1.5em;
		margin-right: -1.5em;
	}

	.columns > *{
		margin-top: 0;
		padding: 0 1.5em;
	}

	.column-2{
		width: 16.6667%;
	}

	.column-4{
		width: 33.3333%;
	}

	.column-5{
		width: 41.6667%;
	}

	.column-6{
		width: 50%;
	}

	.column-7{
		width: 58.3333%;
	}

	.column-8{
		width: 66.6666%;
	}

	.woocommerce-notice {
		top: auto;
		bottom: 0;
	}

	.woocommerce-notice {
		padding: 0.75rem 1.5rem;
	}

}



@media screen and (min-width: 75em) { /* 1200px */

	html {
		font-size: 112.5%;
	}

	body {
		padding: 1.5rem 3rem 6rem;
	}

	.fixed.button {
		right: 4.5rem;
	}

	.site-title * {
		height: 9rem;
	}

	.blog article {
		margin-left: -3rem;
		margin-right: -3rem;
	}

	main footer:before {
		/* margin-left: -3rem;
		margin-right: -3rem; */
		margin-left: 0;
		margin-right: 0;
	}

	.facetwp-type-checkboxes {
		margin-right: 1.5rem;
	}

	.reset-facet-all {
		position: static;
		order: 0;
		margin-left: 1.5rem;
	}

	.facetwp-facet + .reset-facet-all {
		margin-left: 1.5rem;
	}

	.grid {
		margin: 1.5rem -1.125rem -1.125rem;
	}

	.grid > * {
		width: 25%;
	}

	.image-overlay .meta {
		font-size: .75rem;
	}

}

@media screen and (min-width: 100em) {

	.grid > * {
		width: 20%;
	}

}
