/* ADIGI BOILERPLATE STYLESHEET */

/* ===============================

CONTENTS

02. Global attributes
06. Colours
10. Carousels
11. Sliders
13. Animations
14. Hover Effects
15. Images
16. Posts
23. Flip Grid
25. Inspiration (Packery Grid)

================================*/

/* Global */

html {
	font-size: var(--font-size-desktop);
}


html.h-100 {
	margin-top: 0!important;
}

#wpadminbar {
	display: none;
}

body {
	animation: fade-in 1s forwards;
	background-color: var(--color-body-bg);
	color: var(--color-body);
	font-family: var(--font-family-primary);
	font-size: 1rem;
	font-weight: var(--font-weight-body);
	line-height: var(--line-height-body);
	position: relative;
	opacity: 0;
}

body.transparent-navbar {
	padding-top: 0!important;
}

body.menu-open {
	overflow-y: hidden;
}

.anchor {
	position: absolute;
	top: calc((var(--navbar-height-scrolled) + var(--section-padding)) * -1);
}

/* only if not iOS */
@supports not (-webkit-touch-callout: none) {
  .bg-fixed {
    background-attachment: fixed;
  }
}

.bg-cover {
	background-position: center;
	background-size: cover;
}

.cover {
	top: 0; right: 0; bottom: 0; left: 0;
}

.cursor-pointer {
	cursor: pointer;
}

.mb-2rem {
	margin-bottom: 2rem;
}

.mb-25rem {
	margin-bottom: 2.5rem;
}

.mt-2rem {
	margin-top: 2rem;
}

.mt-25rem {
	margin-top: 2.5rem;
}

.mh-0 {
	max-height: 0!important;
}

.object-fit-cover {
	object-fit: cover;
}

.z-index-1 {
	z-index: 1;
}

.z-index-2 {
	z-index: 2;
}

.z-index-3 {
	z-index: 3;
}

/* Colours */

.bg-body {
	background-color: var(--color-body-bg)!important;
}

.bg-primary {
	background-color: var(--color-primary)!important;
}

.bg-secondary {
	background-color: var(--color-secondary)!important;
}

.bg-tertiary {
	background-color: var(--color-tertiary)!important;
}

.bg-quaternary {
	background-color: var(--color-quaternary)!important;
}

.text-body {
	color: var(--color-body)!important;
}

.text-body-bg {
	color: var(--color-body-bg)!important;
}

.text-primary {
	color: var(--color-primary)!important;
}

.text-secondary {
	color: var(--color-secondary)!important;
}

.text-tertiary {
	color: var(--color-tertiary)!important;
}

.text-quaternary {
	color: var(--color-quaternary)!important;
}



/* #13 Animations */

@keyframes fade-in {
  0% {opacity: 0;}
  20% {opacity: 0;} 
  100% {opacity: 1;}
}

.fade-in {
	animation: fade-in 2.4s forwards ease; 
	opacity: 0;
}

.fade-in-delay-200 {
	animation-delay: 0.2s;
}

.fade-in-delay-400 {
	animation-delay: 0.4s;
}

.fade-in-delay-600 {
	animation-delay: 0.6s;
}

.fade-in-delay-800 {
	animation-delay: 0.8s;
}

.fade-in-delay-1000 {
	animation-delay: 1s;
}

.fade-in-delay-1200 {
	animation-delay: 1.2s;
}

.fade-in-delay-1400 {
	animation-delay: 1.4s;
}

@keyframes beat{
  to { transform: translateZ(0) scale(1.06); }
}


/* #14 Hover Effects */

img.img-hover-zoom {
	backface-visibility: hidden;
	filter: blur(0px); 
	transform: translateZ(0) scale(1);
	transition: transform 0.3s ease-in;
}

img.img-hover-zoom:hover, .img-hover-zoom-wrapper:hover img.img-hover-zoom {
	transform: translateZ(0) scale(1.04);
}

img.hover-beat, svg.hover-beat, .hover-beat-weapper img, .hover-beat-wrapper svg {
	backface-visibility: hidden;
	filter: blur(0px); 
	transform: translateZ(0) scale(1);
	transition: transform 0.3s ease-in;	
}

img.hover-beat:hover, svg.hover-beat:hover,.hover-beat-wrapper:hover img, .hover-beat-wrapper:hover svg {
  animation: beat 0.3s infinite alternate;	
}


/* #15 Images */

.img-offset {
	background-size: cover;
	background-position: center;
	padding: 0 0 var(--image-offset-padding) var(--image-offset-padding);
	position: relative;
}

.order-2 .img-offset, 
.order-sm-2 .img-offset, 
.order-md-2 .img-offset, 
.order-lg-2 .img-offset, 
.order-xl-2 .img-offset {
	padding: 0 var(--image-offset-padding) var(--image-offset-padding) 0;
}

.img-offset > img {
	position: relative;
	z-index: 1;
}

.img-offset:before, .img-offset:after {
	content: '';
	position: absolute;
	top: var(--image-offset-padding); right: var(--image-offset-padding); bottom: 0; left: 0;
}

.order-2 .img-offset:before,
.order-sm-2 .img-offset:before,
.order-md-2 .img-offset:before,
.order-lg-2 .img-offset:before,
.order-xl-2 .img-offset:before,
.order-2 .img-offset:after,
.order-sm-2 .img-offset:after,
.order-md-2 .img-offset:after,
.order-lg-2 .img-offset:after,
.order-xl-2 .img-offset:after {
	top: var(--image-offset-padding); right: 0; bottom: 0; left: var(--image-offset-padding);
}

.img-offset:before {
	background: var(--color-primary);
}

.img-offset:after {
  background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%);
}


/* Two Columns with Steps on Right */

.two-column-steps-divider {
	width: 2px;
}

hr:not([size]).two-column-steps-hr {
	height: 2px;
}

.two-column-steps-divider, .two-column-steps-hr {
	background-color: var(--color-primary);
}

.bg-primary .two-column-steps-divider, .bg-primary .two-column-steps-hr {
	background-color: var(--color-secondary);
}

.two-steps-bg {
	background-color: var(--color-primary);
	opacity: 0.1;
	top: calc(var(--section-padding) * -1);
	bottom: calc(var(--section-padding) * -1);
	left: 25%;
	width: 50%;
}

.section + .section.section-two-steps-bg {
	padding-top: var(--section-padding);
}

.section.section-two-steps-bg {
	padding-bottom: calc(var(--section-padding) * 2)
}

div.section[class*="bg-"] + .section.section-two-steps-bg {
	padding-top: calc(var(--section-padding) * 2)!important;
} 

.row-steps:not(:last-child) {
	margin-bottom: 3rem;
}


/* #25 Inspiration (Packery Grid) */

.flexible-panels {
	margin-left: -12.5px;
	margin-right: -12.5px;
	margin-bottom: -25px;
}

.flexible-panel {
	padding-left: 12.5px;
	padding-right: 12.5px;
	margin-bottom: 25px;
	max-width: 100%;
}

.flexible-panel > div {
	top: 0; right: 12.5px; bottom: 0; left: 12.5px;
}

.flexible-panel-1 {
	height: 20vw;
	width: 40%;
	max-height: 384px;
}

.flexible-panel-2 {
	height: 20vw;
	width: 20%;
	max-height: 384px;
}

.flexible-panel-3 {
	height: calc(40vw + 25px);
	width: 40%;
	max-height: 793px;
}

.flexible-panel-4 {
	height: 40vw;
	width: 20%;
	max-height: 768px;
}

.flexible-panel-5 {
	height: calc(60vw + 25px);
	width: 40%;
	max-height: 1177px;
}

.flexible-panel.is-dragging,
.flexible-panel.is-positioning-post-drag {
	opacity: 0.9;
	z-index: 2;
}

.col-filter-btns {padding-left: 5px;padding-right: 5px;margin-bottom: 10px;}

.btn.btn-filter {
	min-width: 145px;
}

.btn-filter.btn-outline.green.active {
	background-color: #7B8177;
	color: #fff!important;
}

.btn-filter-colours {
	background-color: #f9b30b!important;
}

.btn-filter-colours.collapsed {
	background-color: #f65662!important;
}

.collapse-colours {
	transform: translateY(25px);
}

.collapse-colours .row {
	margin-left: -12.5px;
	margin-right: -12.5px;
	margin-bottom: -25px;
}

.collapse-colours .col {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	padding-left: 12.5px;
	padding-right: 12.5px;
	margin-bottom: 25px;
}

.inspiration-view-product {
	bottom: 20px; right: 33px;
	border-radius: 25px;
	cursor: pointer;
	height: 50px;
	max-width: 50px;
	min-width: 50px;
	transition: 0.2s;
	text-decoration: none!important;
}

.inspiration-view-product:hover {
	max-width: 170px;
	padding-left: 20px;
}


.inspiration-view-product span {
	max-width: 0;
	opacity: 0;
	transition: 0.2s;
	white-space: nowrap;
	overflow: hidden;
}

.inspiration-view-product:hover span {
	opacity: 1;
	max-width: 99px;
	padding-right: 5px;
}


.inspiration-view-product img {
	margin: 5px;
	width: 40px;
}




/* Products Index */

.product-index-filters .form-check label {
	font-size: 1rem;
}


/* Price Range Slider */

.noUi-target {
  background: #D3D3D3;
  border-radius: 4px;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  height: 6px;
}

.noUi-connect {
  background: var(--color-primary);
}

.noUi-horizontal .noUi-handle {
	border: 1px solid var(--color-primary);
	border-radius: 50%;
	box-shadow: none;
	height: 12px;
	width: 12px;
	top: -3px; right: 0;
}

.noUi-horizontal .noUi-handle.noUi-handle-lower {
	right: -12px;
}

.noUi-handle:after, .noUi-handle:before {
	display: none;
}

.price-slider-input, .price-slider-input-mobile {
	border: none;
	padding: 0;
	pointer-events: none;
  width: 50%;
}

.price-slider-input:last-child, .price-slider-input-mobile:last-child {
	text-align: right;
}





/* Product Single */

.row.row-colour-swatches {
	margin-left: -7.5px;
	margin-right: -7.5px;
	margin-bottom: -15px;
}

.row.row-colour-swatches .col-auto {
	margin-bottom: 15px;
	padding-left: 7.5px;
	padding-right: 7.5px;
}

.colour-swatch {
	border-radius: 50%;
	cursor: pointer;
	display: block;
	height: 40px;
	width: 40px;
}

.colour-swatch.active {
	box-shadow: inset 0px 0px 0px 2px var(--color-body);
}

.desc-collapse-toggle:after {
	background-image: url('../img/svg/icon-minus.svg');
	background-size: 100%;
	content: '';
	display: inline-block;
	height: 1.25rem;
	margin-left: 0.25rem;
	width: 1.25rem;
	transform: translateY(0.25rem);
}

.desc-collapse-toggle.collapsed:after {
	background-image: url('../img/svg/icon-plus.svg');
}


/* Media Queries */

/* 1700px */
@media (max-width: 1699px) { 

	.content-testimonial > div {margin-left: 170px; margin-right: 170px;}

	/* Carousels */
	.carousel-testimonials {padding: 72px 0;}

}


/* 1200px */
@media (max-width: 1199px) { 

	/* Instagram Feed */
	.col-instagram-feed:last-child {display:none;}

	/* Products */
	.row.row-colour-swatches {margin-left: -5px;margin-right: -5px;margin-bottom: -10px;}
	.row.row-colour-swatches .col-auto {margin-bottom: 10px; padding-left: 5px; padding-right: 5px;}
	.colour-swatch {height: 30px;width: 30px;}

}


/* 992px */
@media (max-width: 991px) { 

	.content-testimonial > div {margin-left: 120px; margin-right: 120px; max-width: 100%;}

	/* Two Steps */
	.two-steps-bg {left: 17%; width: 66%;}

	/* Products */
	.row-product-snippets.partial .col-product-snippet:last-child {display: none;}
	.row.row-colour-swatches {margin-left: -7.5px;margin-right: -7.5px;margin-bottom: -15px;}
	.row.row-colour-swatches .col-auto {margin-bottom: 15px; padding-left: 7.5px; padding-right: 7.5px;}
	.colour-swatch {height: 40px;width: 40px;}

}


/* 768px */
@media (max-width: 767px) { 

	.content-testimonial > div {margin-left: 48px; margin-right: 48px;}
	.anchor {top: calc((var(--navbar-height-mobile) + var(--section-padding-mobile)) * -1);}

	/* Carousels */
	.carousel-testimonials {padding: 48px 0;}

	/* Two Steps */
	.two-steps-bg {top: calc(var(--section-padding-mobile) * -1); bottom: calc(var(--section-padding-mobile) * -1);}
	.section + .section.section-two-steps-bg {padding-top: var(--section-padding-mobile);}
	.section.section-two-steps-bg {padding-bottom: calc(var(--section-padding-mobile) * 2)}
	div.section[class*="bg-"] + .section.section-two-steps-bg {padding-top: calc(var(--section-padding-mobile) * 2)!important;} 

	/* Products */
	.row-product-snippets.partial .col-product-snippet:nth-last-child(2) {display: none;}
	.row.row-colour-swatches {margin-left: -5px;margin-right: -5px;margin-bottom: -10px;}
	.row.row-colour-swatches .col-auto {margin-bottom: 10px; padding-left: 5px; padding-right: 5px;}
	.colour-swatch {height: 30px;width: 30px;}

}