/*
Theme Name: Holistic Silk
Theme URI: https://www.holisticsilk.com/
Author: the Oilinternet team
Author URI: https://oilinternet.com
Description: Holistic Silk is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.3
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: holisticsilk
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Holistic Silk WordPress Theme, (C) 2020 WordPress.org
Holistic Silk is distributed under the terms of the GNU GPL.
*/


/* general styling */
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  font: inherit;
}

:root {
  --ft-family-default: Helvetica, Arial, sans-serif;
  --ft-family-regular: Helvetica, Arial, sans-serif;
  --ft-family-bold: Helvetica, Arial, sans-serif;
  --ft-family-light: Helvetica, Arial, sans-serif;
  --ft-family-header: Helvetica, Arial, sans-serif;
  
  --fs-default: 0.875rem; /* 14px */
  --fs-400: 0.938rem; /* 15px */
  --fs-500: 1rem; /* 16px */
  --fs-600: 1.5rem;
  --fs-700: 2rem;
  --fs-800: 2.5rem;
  --fs-900: 3rem;

  --fw-400: 400;
  --fw-700: 700;

  --size-400: 1.5rem;
  --size-500: 3rem;
  --size-600: 6rem;

  --clr-neutral-900: hsl(0, 9%, 11%);
  --clr-neutral-200: hsl(36, 24%, 96%);
  --clr-neutral-100: hsl(0, 0%, 100%);

  --clr-primary-200: hsl(213, 43%, 79%);
  --clr-primary-300: hsl(190, 84%, 50%);
  --clr-primary-400: hsl(217, 100%, 50%);
  --clr-primary-500: hsl(190, 100%, 28%);
  
  --clr-default:#999;
  --clr-green: #7fa9ae;
  --clr-white: #fff;

  --container-fullwidth: 100%;
  --container-xl-width: 1400px;
}

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Gerenal spacing and font reset */
* {
  margin: 0;
  padding: 0;
  font: inherit;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

a {
  color: inherit;
  -webkit-text-decoration-color: rgb(107, 107, 107);
          text-decoration-color: rgb(107, 107, 107);
}

a:where(:hover, :focus) {
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
}

code {
  font-family: monospace;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

ul, ol {
	list-style-type: none;
}

/* Utilities */

.text-center {
  text-align: center;
}

.flex-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap, var(--size-400));
}

.flex-flow {
  display: flex;
  flex-direction: column;
  gap: var(--gap, var(--size-400));
}

.text-center .flex {
  margin: 0 auto;
}

.container {
	position:relative;
	margin:0 auto;
	padding: 0 15px;
  	max-width: calc(var(--container-xl-width) - 30px) ;
}

p {
	margin-bottom:15px	
}

/* general styling */

body {
  font-family:var(--ft-family-default);
  font-size: var(--fs-default);
  line-height: 1.6;
  color: var(--clr-default);
}

.wrapper {
	position: relative;
	z-index: 1;
	max-width: var(--container-fullwidth);
	min-height: 100%
}

.wrapper:after {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 991;
	background: rgba(255,255,255,1);
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: ease-out 0.2s;
	transition: ease-out 0.2s
}

.wrapper.overlay:after {
	visibility: visible;
	opacity: 1
}


header,
main,
footer {
	position:relative;
	display:block;
	max-width:var(--container-fullwidth);
	margin:0 auto
}

header,
footer {
	color:var(--clr-white);
	background-color:var(--clr-green);
}

header a,
footer a {
	text-decoration:none
}


[class*="grid-"] {
	display:grid;
	/*grid-auto-flow: dense;
	container-type:inline-size;*/
	gap:1rem
}

.grid-even-columns {
	grid-template-columns: repeat( auto-fit, minmax(min(300px, 100%), 1fr) )
}

.grid-auto-flow {
	grid-auto-flow: column;
	place-items: center;
}

/*
.grid-stack {
	display:grid;
	grid-row: 1 / 2;
}

.grid-stack > * {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.grid-stack > img {
	aspect-ratio: 16/9;
	object-fit:cover;
	z-index: -1;
}
*/


/*
*	HEADER
*/

header {
	--gap: 10px;
	padding:0
}

.header-layout {
	max-width:100%;
	display: grid;
	
	grid-template-columns: 200px 1fr 200px;
	align-items: center;
}

.header-layout--logo {
	justify-self: center;
	text-align:center
}

.header-layout--logo img {
	display:inline-block;
	
	width: 270px;
	height: 85px;
	margin:0 auto;
	
	object-fit: cover;
}

.header-layout--logo p {
	display:block;
	margin:0 auto;
	padding:0;
	line-height:1
}


.header-layout--basket-info {
	text-align:center;
	justify-self: end
}

/*
 * MAIN *
 */

main {
	padding:0 0 15px
}





.entry-content.shop {
	position:relative;
	padding:25px 0;
	margin:0 auto
}

.entry-content.shop h1 {
    margin: 0 0 15px !important;
}

/** FOOTER **/

footer {
	--gap: 15px;
	margin:0 auto;
	padding: 15px 0
}

.footer-layout--nav {
	max-width:100%;
	display: grid;
	
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
	align-items: start;
}

.footer-layout--nav li {
    display: block;
    padding: 0 0 10px;
}

.footer-layout--payment-info > img {
	display:inline-block;
	max-width:100%;
	height:auto
}

.footer-layout--copyright {
	padding:15px 0;
}

/** MENU **/

.toplevel {
    /* text-transform: uppercase; */
    /* font-size: 20px */
    font-size: 18px
}
.secondlevel {
    text-transform: uppercase;
    font-size: 17px;
    text-align: left
}
.menu {
    width: 90%;
	margin:0 auto
}
.menu-container {
    margin: 0 auto;
    background: transparent;
}
.menu a.logo {
    display: inline-block;
    padding: 1.5em 0;
    width: 19%;
    float: left;
}
.menu img {
    max-width: 100%;
}
.menu-mobile {
    display: none;
    padding: 20px;
}
.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
}
.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 0;
    background: #fff;
    color: #333;
}
.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    box-sizing: border-box;
    /* display: table */
	display: flex;
    justify-content: space-around;
}
.menu > ul:before, .menu > ul:after {
    content: "";
    display: table;
}
.menu > ul:after {
    clear: both;
}
.menu > ul > li {
    display: table-cell;
    background: transparent;
    padding: 0;
    margin: 0;
    text-align: center;
}
.menu > ul > li a {
    text-decoration: none;
    padding: 1.8em 0;
    display: block;
}
.menu > ul > li > a {
    font-family: "Didact Gothic", sans-serif;
    /* letter-spacing: 0.11em; */
}
.menu > ul > li:hover {
    /* background: #f0f0f0; */
}
.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #fff;
    padding: 20px;
    position: absolute;
    z-index: 100001;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}
.menu > ul > li > ul:before, .menu > ul > li > ul:after {
    content: "";
    display: table;
}
.menu > ul > li > ul:after {
    clear: both;
}
.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
}
.menu > ul > li > ul > li a {
    color: #777;
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
}
.menu > ul > li > ul > li a:hover {
    color: #EED484;
}
.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
    text-align: left !important
}
.menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}
.menu > ul > li > ul > li > ul:after {
    clear: both;
}
.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 3px 0;
    margin: 0;
    font-size: .8em;
}
.menu > ul > li > ul > li > ul > li a {
    border: 0;
    font-size: 15px;
    text-transform: none
}
.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}
.menu > ul > li > ul.normal-sub > li {
    width: 100%;
    text-align: left
}
.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: .4em 0;
    text-transform: none;
    font-size: 15px
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style"s
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
	.menu-container {
		width: 100%;
		display: none !important;
	}
	.menu-container .menu {
		display: inline-block;
	}
	.menu-mobile {
		display: block;
		float: right;
		padding: 20px 20px 0;
	}
	.menu-dropdown-icon:before {
		display: block;
	}
	.menu > ul {
		display: none;
		width: 100%;
	}
	.menu > ul > li {
		width: 100%;
		float: none;
		display: block;
	}
	.menu > ul > li a {
		padding: 1.5em;
		width: 100%;
		display: block;
	}
	.menu > ul > li > ul {
		position: relative;
		padding: 0 40px;
	}
	.menu > ul > li > ul.normal-sub {
		width: 100%;
	}
	.menu > ul > li > ul > li {
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	.menu > ul > li > ul > li:first-child {
		margin: 0;
	}
	.menu > ul > li > ul > li > ul {
		position: relative;
	}
	.menu > ul > li > ul > li > ul > li {
		float: none;
	}
	.menu .show-on-mobile {
		display: block;
	}
}



.slick-slide img {
	width: 100%;
	height:auto
}

.slick-slide {
	text-align: center;
	color: #419be0;
	background: white;
}
.slick-slide:nth-child(1) {
	display: flex !important;
}

.slick-dots {
	bottom: 10px;
	width: 100%;
	list-style: none;
	text-align: right;
	padding:0 10px;
	z-index: 1001;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 2px;
	padding: 0;
	cursor: pointer;
	background: #b8b8b8;
	border-radius: 50%;
}

.slick-dots li.slick-active {
	background: #EED484 !important;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: 0;
	background: 0 0;
	text-indent: -999999px;
}

.slick-slider {
	margin-bottom: 0;
}


p.price {
	display:block;
	font-size:24px	
}

.woocommerce div.product form.cart {
    margin-bottom: 0;
}

.woof-form-builder-btn {
	display:none !important	
}

@media (min-width: 320px) and (max-width: 667px) and (orientation : portrait) {
	#carouselbox02 .slick-initialized .slick-slide {
		display: inline-block;
	}
	.single-item .slick-next {
		right: 10px;
	}
	.single-item .slick-prev {
		left: 10px;
	}
	.single-item .slick-next, .single-item .slick-prev {
		z-index: 1001;
	}
}


.woocommerce-MyAccount-navigation-link--wt-smart-coupon {
	display: none;
	height:0;
    opacity: 0;
}