/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*** Generate Press Overrides ***/

body.theme-generatepress .row>* {
	padding-left: 15px;
	padding-right: 15px;
}

/***** Font Awesome *****/
@font-face {
	font-family: "FontAwesome Regular";
	font-weight: normal;
	font-style : normal;
	src: url('./assets/fontawesome/webfonts/fa-regular-400.woff2');
}
@font-face {
	font-family: "FontAwesome Solid";
	font-weight: normal;
	font-style : normal;
	src: url('./assets/fontawesome/webfonts/fa-solid-900.woff2');
}
@font-face {
	font-family: "FontAwesome Brands";
	font-weight: normal;
	font-style : normal;
	src: url('./assets/fontawesome/webfonts/fa-brands-400.woff2');
}
/************************/

hr {
	background-color: black;
	opacity: 1;
}

b {
	font-weight: 600;
}

/***** Colors *****/

.background-grey {
	background-color: #F2F2F2;
}

/***** Scroll Speed *****/

html,
:root {
	scroll-behavior: auto;
}

/***** Hidden ******/

.hidden {
	visibility: hidden;
	height: 0px;
	overflow: hidden;
}

/***** Buttons *****/

body.theme-generatepress .woocommerce a.button,
body.theme-generatepress .woocommerce button.button,
button.button.button-primary,
.btn{
	width: auto;
	margin: 0px auto;
	display: inline-flex;
	flex: 0;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	background-color: white;
	color: black;
	border: 1px solid black;
	font-weight: 500;
	line-height: 1;
	padding: 10px 15px;
	text-decoration: none;
	font-size: 14px;
	white-space: nowrap;
}

.btn.medium {
	font-size: 18px;
	padding: 15px 30px;
}

.btn:not(.big-btn):not(.no-chevron):not(.chevron-left):not(.download-btn)::after {
	content: '\f054';
	display: inline-flex;
	font-family: "FontAwesome Regular";
	margin-left: 10px;
}

.btn.chevron-left::after {
	display: none;
}

.btn.chevron-left::before {
	content: '\f053';
	display: inline-flex;
	font-family: "FontAwesome Regular";
	margin-right: 10px;
}

body.theme-generatepress .woocommerce a.button:hover,
body.theme-generatepress .woocommerce button.button:hover,
button.button.button-primary:hover,
.btn:hover,
button:focus{
	background-color: black;
	color: white;
	border-color: black;
}

.btn.black {
	background-color: black;
	color: white;
	border-color: white;
}

.btn.black:hover {
	background-color: white;
	color: black;
}

.btn.big-btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	background-color: black;
	color: white;
	padding: 30px;
	font-weight: 600;
	border-radius: 0px;
	border: 2px solid black;
}

.btn.big-btn.green {
	background-color: #70A301;
	color: white;
}

.btn.big-btn svg {
	width: auto;
	height: 20px;
}

.btn.big-btn:hover {
	background-color: white;
	color: black;
}

.btn-outline-danger:hover {
	border-color: #97371F;
	background-color: #97371F;
} 

.btn.download-btn::before {
	content: '\f56d';
	font-family: "FontAwesome Regular";
	margin-right: 10px;
}

/******* Select ***********/

div.dt-container div.dt-length select,
span.select2 .select2-selection{
	background-color: white;
	color: black;
	border: 1px solid black;
	font-weight: 500;
	line-height: 1;
	padding: 10px 30px 10px 15px;
	font-size: 14px;
}

.select2-container,
.select2-container .selection,
span.select2 .select2-selection,
span.select2 .select2-selection .select2-selection__rendered{
	position: relative;
	display: flex;
	padding: 0px;
	height: auto;
	line-height: 1.2;
}

.select2-container .select2-selection--single {
    margin: 0;
}

span.select2 .select2-selection .select2-selection__rendered {
	padding: 10px 30px 10px 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
	content: '\f078';
    font-family: "FontAwesome Regular";
    padding: 0px 10px;
    display: inline-flex;
    transition: transform 0.2s ease;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/****** Checkbox ******/

.form-check .form-check-input {
	width: 20px;
	height: 20px;
}

/*******************/

.grid-container {
	max-width: 100%;
}

.separate-containers .inside-article {
	padding: 0px;
}

.separate-containers .site-main {
	margin: 0px;
}

.artis-container {
	width: 100%;
	max-width: 2100px;
	padding-right: 50px;
	padding-left: 50px;
	margin-right: auto;
	margin-left: auto;
}

header.entry-header .artis-container {
	display: flex;
	align-items: center;
}

.site-header {
	background-color: white;
	position: sticky;
	top: 0;
	z-index: 4;
}

.site-header > .inside-header.grid-container {
	max-width: 2100px;
	padding-left: 50px;
	padding-right: 50px;
}

.main-navigation {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding-left: 50px;
}

.main-navigation .mobile-menu {
	display: none;
	position: relative;
}

.main-navigation .mobile-menu #mobile-menu-toggle {
	position: absolute;
	right: 0;
	top: -110px;
    transform: translateY(50%);
	background-color: transparent;
	color: black;
	padding: 10px;
	font-size: 32px;
	line-height: 1;
	border: 0px;
}

.main-navigation .mobile-menu #mobile-menu-toggle:focus {
	border: 0px;
}

.main-navigation .mobile-menu .mobile-menu-inner {
	display: none;
	position: absolute;
	flex-direction: column;
	background-color: #F2F2F2;
	width: calc(100% + 100px);
	margin-left: -50px;
	padding: 30px;
}

.main-navigation .mobile-menu .mobile-menu-inner .menu{
	flex-direction: column;
	padding-top: inherit;
}

.main-navigation .mobile-menu .mobile-menu-inner .menu {
	padding-top: 0px;
}

.main-navigation .mobile-menu li {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.main-navigation .mobile-menu ul ul {
	position: relative;
	left: auto;
	opacity: 1;
	height: auto;
	box-shadow: none;
}

.main-navigation a {
	font-size: 18px;
	display: flex;
}

.site-header .site-logo {
	display: flex;
	background-color: white;
	padding: 20px 30px;
	min-width: 200px;
}

.site-header .site-logo a {
	display: flex;
}

.site-header .header-image {
	max-height: 70px;
	width: auto;
	filter: invert(1);
}

.site-header.shrink-header {
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.45); 
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
}

.site-header.shrink-header .site-logo{
	padding: 15px 30px;
	transition: all 0.5s ease;
}

.site-header.shrink-header .header-image {
	max-height: 50px;
	transition: all 0.5s ease;
}

form.dgwt-wcas-search-form input[type=search].dgwt-wcas-search-input,
.woocommerce-MyAccount-content input[type="search"]{
	height: 50px;
	background-color: #F2F2F2;
	border: 0px;
	border-radius: 50px;
}

.woocommerce-MyAccount-content input[type="search"]::before {
	display: inline-block;
	content: '\f002';
	font-family: "FontAwesome Regular";
	font-size: 22px;
}

.main-navigation .inside-navigation,
.main-navigation .main-nav>ul {
	flex-wrap: nowrap;
}

.main-navigation .inside-navigation .main-nav {
	display: flex;
}

.dgwt-wcas-search-wrapp {
	height: 50px;
	background-color: #F2F2F2;
	border: 0px;
	border-radius: 50px;
	overflow: hidden;
	width: 100%;
    min-width: 100px;
}

.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
	opacity: 1;
	fill: black;
}

.dgwt-wcas-darkened-overlay {
	display: none;
}

.mobile-menu-inner .menu .menu-item-has-children .sub-menu {
	display: none;
}

.mobile-menu-inner .menu .menu-item-has-children.open .sub-menu,
.main-navigation ul.menu#menu-primary-navigation-left li.menu-item-has-children.open:hover > ul.sub-menu,
.mobile-menu-inner .menu .menu-item-has-children.open:hover .sub-menu{
	display: flex;
	flex-direction: column;
	padding-top: 25px;
}

.main-navigation .mobile-menu ul.menu#menu-primary-navigation-left li.menu-item-has-children:not(.open):hover > ul.sub-menu,
.main-navigation .mobile-menu ul.menu#menu-primary-navigation-right li.menu-item-has-children:not(.open):hover > ul.sub-menu {
	display: none;
}

.mobile-accordion-opener {
	color: black;
}

@media (max-width: 1200px) {
	.main-navigation {
		padding-left: 0px;
	}
}

@media (max-width: 1000px) {
	html.mobile-menu-active {
		position: absolute;
		overflow: hidden;
		max-width: 100vw;
		width: 100%;
	}
	.site-header > .inside-header .main-navigation {
		flex: 1;
		width: 100%;
		position: relative;
	}
	.main-navigation {
		flex: 0;
	}
	.site-header > .inside-header.grid-container {
		flex-direction: column;
		align-items: flex-start;
		margin: 0px;
	}
	.main-navigation .mobile-menu {
		display: flex;
	}
	.main-navigation .inside-navigation .main-nav {
		display: none;
	}
	.main-navigation .mobile-menu.active .mobile-menu-inner {
		display: flex;
		overflow-y: auto;
		max-height: 100vh;
		min-height: 100vh;
		padding-bottom: 300px;
	}
	
	.site-header.shrink-header .main-navigation .mobile-menu #mobile-menu-toggle {
		top: -95px;
	}
	
	.dgwt-wcas-search-wrapp {
		width: 40px;
		height: 40px;
		min-width: 40px;
		position: absolute;
		background-color: transparent;
		right: 70px;
		top: -98px;
    	transform: translateY(50%);
	}
	
	.site-header.shrink-header .dgwt-wcas-search-wrapp {
		top: -82px;
	}
	
	.dgwt-wcas-search-wrapp .js-dgwt-wcas-enable-mobile-form {
		width: 40px;
		height: 40px;
		padding: 0px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 100%;
		overflow: hidden;
		background-color: #F2F2F2;
	}

	.dgwt-wcas-search-wrapp .js-dgwt-wcas-enable-mobile-form::before {
		content: '\f002';
		font-family: "FontAwesome Regular";
		font-size: 22px;
		line-height: 1;
		color: black;
	}
	
	.dgwt-wcas-search-wrapp .dgwt-wcas-search-form {
		display: none;
	}
}

@media (max-width: 768px) {
	.inside-header {
        flex-direction: row;
    }
    .main-navigation ul{
        display: flex;
    }
}



/***** Navigation / Menu ****/

.main-navigation ul ul {
	width: auto;
	background-color: transparent;
}

#menu-primary-navigation-left a {
	cursor: pointer;
	white-space: nowrap;
}

.main-navigation .main-nav ul ul li.no-padding a,
.main-nav li.no-padding a {
	padding: 0px;
}

.main-nav li.menu-item-has-children > a::after {
	content: '\f078';
	font-family: "FontAwesome Regular";
	padding: 0px 10px;
	display: inline-flex;
	transition: transform 0.2s ease;
}

.main-nav li.menu-item-has-children.sfHover > a::after,
.main-nav li.menu-item-has-children:hover > a::after{
	transform: rotate(180deg);
	transition: transform 0.2s ease;
}

.dropdown-click .main-navigation ul.toggled-on,
.dropdown-click .main-navigation ul li.sfHover > ul.toggled-on,
.main-navigation ul.menu li.menu-item-has-children:hover > ul.sub-menu{
	padding-top: 25px;
	background-color: transparent;
	box-shadow: none;
}

.main-navigation ul.menu#menu-primary-navigation-left li.menu-item-has-children:hover > ul.sub-menu {
	display: flex;
	flex-direction: row;
}

.main-navigation ul.menu li.menu-item-has-children:hover > ul.sub-menu .inner-row {
	background-color: #F2F2F2;
}

.main-navigation .main-nav ul ul li {
	background-color: #F2F2F2;
}

.main-navigation .main-nav ul ul li:hover,
.main-navigation .main-nav ul ul li.current-menu-item,
.main-navigation .main-nav ul ul li.current_page_item{
	background-color: black;
}

.main-navigation .main-nav ul ul li a {
	color: black;
	font-size: 16px;
	transition: none;
}

.main-navigation .main-nav ul ul li:hover a,
.main-navigation .main-nav ul ul li a:hover,
.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul ul li.current-menu-item > a,
.main-navigation .main-nav ul ul li.current_page_item > a{
	transition: none;
	color: white;
}


/****** Homepage ******/

h3.divider-title {
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

h3.divider-title::before,
h3.divider-title::after{
	content: '';
	display: flex;
	flex: 1;
	height: 2px;
	width: auto;
	background: black;
}

h3.divider-title::before {
	margin-right: 15px;
}

h3.divider-title::after {
	margin-left: 15px;
}

.slick-slider {
	overflow: hidden;
}

.slick-track {
	display: flex;
}

#hero-slider {
	position: relative;
	margin-bottom: 50px;
}

#hero-slider .slick-track {
	display: block;
}

#hero-slider .slick-track .slick-slide:not(.slick-current) {
	height: 0px;
	padding: 0px!important;
}

#hero-slider .slick-track .slick-slide.slick-current {
	height: auto;
	padding-top: 150px;
	min-height: 500px;
	left: 0!important
}

.brand-block-lifestyle-caousel {
	position: relative;
}

.brand-block-lifestyle-caousel.inactive-carousel .background-img {
	width: 100%;
	background-size: cover;
	background-position: center center;
	min-height: 200px;
}

#hero-slider .hero-slide,
.brand-block-lifestyle-caousel .slick-slide{
	z-index: 0!important;
	background-position: center;
	background-size: cover;
	padding-top: 60px;
	padding-bottom: 60px;
	color: black;
}

#concept-slider div.slick-arrow,
#hero-slider div.slick-arrow,
#brand-carousel div.slick-arrow{
	position: absolute;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
	background-color: white;
	width: 50px;
	height: 50px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

#concept-slider div.slick-arrow:hover,
#hero-slider div.slick-arrow:hover,
#brand-carousel div.slick-arrow:hover{
	background-color: black;
	color: white;
}

#concept-slider div.slick-arrow svg,
#hero-slider div.slick-arrow svg,
#brand-carousel div.slick-arrow svg{
	height: 20px;
	width: auto;
}

#concept-slider div.slick-arrow.slick-prev,
#hero-slider div.slick-arrow.slick-prev{
	left: 50px;
}

#brand-carousel div.slick-arrow.slick-prev {
	left: 0;
}

#concept-slider div.slick-arrow.slick-next,
#hero-slider div.slick-arrow.slick-next{
	right: 50px;
}

#brand-carousel div.slick-arrow.slick-next {
	right: 0;
}

#hero-slider .hero-slide {
	display: flex;
	align-items: end;
}

#hero-slider .hero-slide.slick-active,
.brand-block-lifestyle-caousel .slick-slide.slick-active{
	z-index: 1!important;
}

#hero-slider .hero-slide .content .link {
	margin-top: 15px;
}

.hero-slide::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	/*background: linear-gradient(0deg,rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 90%);*/
	background: linear-gradient(0deg,rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.39) 30%, rgba(0, 0, 0, 0) 55%);
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	/*backdrop-filter: brightness(80%);*/
}

.hero-slide .content {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: transparent;
	color: white;
	padding: 0px 50px;
	text-align: center;
	text-shadow: 0px 3px 5px rgba(0,0,0,1);
}

.hero-slide .content .title-img {
	padding-bottom: 15px;
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
}

.hero-slide .content h3{
	text-align: center;
	font-size: 42px;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 20px;
	line-height: 1;
}

.hero-slide .content h3,
.hero-slide .content .text-area,
.hero-slide .link {
	position: relative;
}

.hero-slide .content h3::before,
.hero-slide .content .text-area::before,
.hero-slide .link::before {
	content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    filter: blur(30px);
    z-index: -1;
}

.hero-slide .link .btn {
	border-width: 1px;
	border-color: white;
	background-color: transparent;
	color: white;
	font-size: 14px;
}

.hero-slide .link .btn:hover {
	background-color: white;
	color: black;
}

#brand-carousel {
	position: relative;
	margin-bottom: 30px;
}

#brand-carousel .slick-list {
	/*margin-left: 50px;
	margin-right: 50px;*/
	overflow: hidden;
}

#brand-carousel .slick-slide {
	display: flex;
	padding: 30px;
	justify-content: center;
	align-items: center;
}

/*** CTA Box ***/

.cta-box {
	background-color: #F2F2F2;
	display: flex;
	flex-direction: column;
	flex: 1;
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.cta-box .tag {
	display: inline-flex;
	background-color: black;
	color: white;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-weight: 600;
}

.cta-box > .row {
	flex: 1;
}

.cta-box .content {
	padding: 50px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.cta-box .content .link {
	margin-top: auto;
}

.cta-box .background-img {
	display: flex;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	min-height: 200px;
}

.cta-box .title h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
}

/**** Concept Block *****/

.cta-box.concept-block .content {
	padding: 30px;
}

/**** Woocommerce ****/

.theme-generatepress .woocommerce-message {
	background-color: #70A301;
    border-left: 0px;
    margin: 0px 0px 30px 0px;
    display: flex;
    flex-direction: row;
	align-items: center;
    font-weight: 700;
	outline: 0px;
	box-shadow: none;
}

.theme-generatepress .woocommerce-message::before {
	content: '\e62c';
    font-family: "FontAwesome Regular";
    display: flex;
    animation: swing 1.5s linear infinite;
    -webkit-animation: swing 1.5s linear infinite;
    color: white;
    position: relative;
    left: auto;
    top: auto;
    margin-right: 10px;
    font-size: 18px;
    font-weight: 700;
}

@-webkit-keyframes swing {
    0% {
		transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    25% {
		transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
    }
    50% {
		transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    75% {
		transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
    }
    100% {
		transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }    
}

/**** Shop Filters ****/

form.searchandfilter li.sf-field-search {
	display: none;
}

form.searchandfilter li > ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

form.searchandfilter li > ul > li.sf-level-0 {
	display: inline-flex;
	padding: 0px;
}

form.searchandfilter li > ul > li.sf-level-0.dont-show {
	display: none;
}

form.searchandfilter li > ul > li.sf-level-0 input {
	visibility: hidden;
	width: 0px;
	height: 0px;
}

#sfp-selected-filters {
	display: flex;
	flex-wrap: wrap;
}

#sfp-bespoke-filters .sfp-filter-item,
#sfp-selected-filters .sfp-filter-item,
form.searchandfilter li > ul > li.sf-level-0 label.sf-label-checkbox {
	padding: 10px 15px;
	border: 1px solid black;
	border-radius: 5px;
	font-size: 16px;
	margin: 5px 10px 5px 0px;
	line-height: 1;
}

#sfp-bespoke-filters .sfp-filter-item,
#sfp-selected-filters .sfp-filter-item {
	background-color: white;
	text-transform: capitalize;
}

#sfp-bespoke-filters .sfp-filter-item:hover,
#sfp-selected-filters .sfp-filter-item:hover {
	cursor: pointer;
	background-color: #97371F;
	border-color: #97371F;
	color: white;
}

#sfp-bespoke-filters .sfp-filter-item .sfp-remove,
#sfp-selected-filters .sfp-filter-item .sfp-remove {
	color: #97371F;
}

#sfp-bespoke-filters .sfp-filter-item:hover .sfp-remove,
#sfp-selected-filters .sfp-filter-item:hover .sfp-remove {
	color: white;
}

form.searchandfilter li > ul > li.sf-level-0 label.sf-label-checkbox:hover {
	cursor: pointer;
}

form.searchandfilter li > ul > li.sf-level-0.disabled {
	opacity: 1;
}

form.searchandfilter li > ul > li.sf-level-0.disabled {
	display: none;
}

form.searchandfilter li > ul > li.sf-level-0.disabled label.sf-label-checkbox:hover {
	cursor: not-allowed;
}

form.searchandfilter li > ul > li.sf-level-0.disabled label.sf-label-checkbox {
	background-color: #F2F2F2;
	color: #98999D;
}


form.searchandfilter li > ul > li.sf-level-0:not(.disabled):hover label.sf-label-checkbox,
form.searchandfilter li > ul > li.sf-level-0.sf-option-active label.sf-label-checkbox{
	background-color: black;
	color: white;
}


form.searchandfilter li[data-sf-field-input-type='range-slider'] > div {
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
}

.searchandfilter .meta-slider {
	max-width: 100%;
	width: 100%;
	margin: 30px 0px 15px 0px;
}

.searchandfilter .noUi-connect {
	background-color: black;
}

.searchandfilter .noUi-handle,
.searchandfilter .noUi-connects {
	border: 2px solid black;
	background-color: #F2F2F2;
}

.searchandfilter .noUi-connects {
	border-radius: 10px;
}

div.sf-meta-range input[type="number"]::-webkit-outer-spin-button,
div.sf-meta-range input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
}

.searchandfilter ul li.hide {
	display: none;
}

.slider.slider-horizontal {
	display: none;
	width: 100%;
	margin: 60px 0px 30px 0px;
}

.slider.slider-horizontal .tooltip {
	background-color: transparent;
	display: flex;
	justify-content: center;
	box-shadow: none;
	position: absolute;
	transform: translateX(-50%);
}

.slider.slider-horizontal .tooltip .tooltip-inner {
	background-color: black;
	color: white;
	width: auto;
}

.slider .bs-tooltip-top .tooltip-inner,
.slider .bs-tooltip-bottom .tooltip-inner {
	left: 0;
}

.slider .tooltip.bs-tooltip-bottom {
	margin-top: 5px;
}

.slider.slider-horizontal .bs-tooltip-top .tooltip-inner {
	left: auto;
}

.slider.slider-horizontal .slider-selection {
	background-image: none;
	/*background-color: rgba(0,0,0,0.3);*/
	background-color: rgba(0.44,0.64,0,0.3);
	backdrop-filter: saturate(200%) contrast(200%) brightness(120%);
	z-index: 1;
}

.slider.slider-horizontal .slider-selection.available {
	background-color: #70a301;
	z-index: 0;
}

.slider.slider-horizontal .slider-handle {
	background-color: white;
	background-image: none;
	border: 2px solid black;
	z-index: 1;
}

/****** Header *******/

header.entry-header .artis-container .breadcrumb {
	margin-left: auto;
	margin-bottom: 0px;
	background-color: white;
	padding: 10px 15px;
	border-radius: 5px;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.breadcrumb a,
.breadcrumb span {
	color: black;
	text-decoration: none;
}

.breadcrumb a {
	opacity: 0.5;
}

.breadcrumb a:hover {
	opacity: 1;
}

.breadcrumb svg {
	padding: 0px 10px
}

/***** Footer *****/

.reverse-footer-row {
	display: flex;
	flex-direction: row-reverse;
}

.site-footer {
	background-color: #F2F2F2;
	margin-top: 50px;
	padding: 50px 0px 0px 0px;
}

.site-footer.fixed-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	box-shadow: 0px -20px 30px 0px rgba(0,0,0,0.25);
}

.site-footer.fixed-footer .footer-toggle {
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
	height: 40px;
	background-color: #F2F2F2;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border: 0px;
	color: black;
	font-size: 16px;
	line-height: 1;
}

.site-footer.fixed-footer .footer-toggle span{
	margin-right: 10px;
	font-weight: 400;
}

.site-footer.fixed-footer .footer-toggle i {
	font-size: 22px;
}

.site-footer.fixed-footer .footer-toggle svg {
	transform: rotate(180deg);
}

.site-footer.fixed-footer.closed .footer-toggle svg {
	transform: rotate(0deg);
}

.site-info,
.footer-widgets {
	background-color: transparent;
}

.site-info {
	display: flex;
	width: 14%;
}

.footer-bar .widget_block {
	text-align: left;
}

#footer-widgets,
.footer-widgets-container{
	flex-grow: 0;
}

.reverse-footer-row {
	justify-content: center;
}

.footer-widgets {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.site-footer .footer-widgets-container .inside-footer-widgets {
	margin-left: 0px;
}

.site-footer .footer-widgets-container .inside-footer-widgets > div {
	flex-grow: 0;
	padding-right: 50px;
}

.site-footer .footer-widgets-container .inside-footer-widgets > div:last-of-type {
	padding-right: 0px;
}

.site-footer .footer-bar {
	display: flex;
	padding-right: 20px;
}

.site-footer .footer-widgets-container .inside-footer-widgets > div * {
	white-space: nowrap;
}

.footer-widgets .footer-widgets-container {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 0px 0px 0px 30px;
}

.site-footer .footer-widgets-container .inner-padding {
	padding: 0px;
}

.footer-widgets .widget {
	margin-bottom: 15px;
}

.inside-footer-widgets h4.wp-block-heading {
	font-size: 18px;
	font-weight: 600;
}

.inside-site-info {
	padding: 0px;
}

.site-footer img.footer-brand {
	width: 170px;
	/*-webkit-filter: invert(100%);
    filter: invert(100%);*/
	margin-bottom: 15px;
}

.copyright-bar {
	display: none;
}

.copyright-bar-new {
	width: 100%;
	background-color: black;
	color: white;
	padding: 10px 0px;
	text-align: center;
	margin-top: 80px;
}

.inside-footer-widgets .menu li a {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: black;
}

.inside-footer-widgets .menu li.social-link {
	margin-right: 15px;
}

.mobile-menu-inner #menu-social a,
.inside-footer-widgets .menu li.social-link a {
	background-color: white;
	padding: 10px;
	width: 50px;
	height: 50px;
	justify-content: center;
	align-items: center;
}

.inside-footer-widgets .menu li:not(.social-link) a::after {
	content: '\f054';
	font-family: "FontAwesome Regular";
	display: inline-flex;
	padding-left: 5px;
}

.widget_block p a {
	text-decoration: none;
	color: black;
}

.menu-social-container ul.menu {
	display: flex;
	flex-direction: row;
}

.mobile-menu-inner #menu-social {
	flex-direction: row;
}

.mobile-menu-inner #menu-social li {
	width: auto;
}

.mobile-menu-inner #menu-social li a {
	margin-right: 15px;
}

.mobile-menu-inner .sub-menu {
	padding-bottom: 15px;
}

.mobile-menu-inner .sub-menu a {
	color: black;
	padding: 5px 0px;
}

.mobile-menu-inner .sub-menu .no-padding a {
	padding: 0px;
}

@media (max-width: 1260px){
	.site-info {
		width: 30%;
	}
	.site-footer .footer-widgets-container .inside-footer-widgets {
		flex-wrap: wrap;
		flex: 1;
	}
	#footer-widgets, .footer-widgets-container {
		flex-grow: 1;
	}
	.site-footer .footer-widgets-container .inside-footer-widgets > div {
		min-width: 50%;
		margin-bottom: 30px;
	}
}

@media (max-width: 768px){
	.site-info {
		width: 50%;
	}
}

@media (max-width: 650px){
	.site-footer .reverse-footer-row {
		flex-direction: column-reverse;
	}
	.site-info {
		width: 100%;
	}
	.footer-bar {
		display: flex;
		width: 100%;
	}
	.footer-bar-active .footer-bar .widget > div {
		align-items: center!important;
		text-align: center;
	}
	.footer-widgets .footer-widgets-container {
		padding: 0px;
	}
	.copyright-bar-new {
		margin-top: 30px;
	}
}


/******* Shop *******/

.woocommerce-products-header,
header.entry-header{
	background-color: #F2F2F2;
	padding: 30px 0px;
}

.woocommerce-products-header .filters-title {
	display: flex;
	align-items: center;
	min-height: 40px;
}

.woocommerce-products-header .filters-title h5,
.single-product .product-title h1.entry-title,
header.entry-header h1.entry-title,
header.entry-header h2.entry-title{
	font-size: 20px;
	font-weight: 600;
	margin: 0px 10px 0px 0px;
}

header.entry-header h1.entry-title,
header.entry-header h2.entry-title {
	display: flex;
}

header.entry-header h1.entry-title {
	font-size: 29px;
    line-height: 1;
    font-weight: 400;
	text-transform: uppercase;
	margin: 0px;
}

.woocommerce-products-header .filters-title span.no-filters {
	font-size: 20px;
	font-weight: 600;
	color: #98999D;
}

.woocommerce-archive-wrapper nav.woocommerce-breadcrumb {
	display: none;
}

button.shop-filters-btn,
button.shop-filters-btn.active:hover{
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: black;
	color: white;
	padding: 5px 30px;
	font-size: 16px;
	height: 40px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

button.shop-filters-btn.active {
	background-color: white;
	color: black;
}

.woocommerce-products-header button.shop-filters-btn {
	border-radius: 5px;
	border: 1px solid black;
}

#artis-shop-products #filters-panel .button-container,
#artis-shop-products #filters-panel .inner{
	position: relative;
}

#artis-shop-products #filters-panel .inner .content {
	display: flex;
	height: 200%;
	max-height: calc(100vh - 100px);
	overflow-y: auto;
	flex-direction: column;
	margin-top: 50px;
	position: sticky;
	top: 50px;
	padding-bottom: 250px;
}

#artis-shop-products #filters-panel .button-container button.shop-filters-btn {
	flex-direction: column-reverse;
	padding: 30px 5px;
	height: auto;
	width: 40px;
	margin-top: 50px;
	position: sticky;
	top: 50px;
}

#artis-shop-products #filters-panel .button-container button.shop-filters-btn i,
#artis-shop-products #filters-panel .button-container button.shop-filters-btn svg{
	transform: rotate(-90deg);
	margin-bottom: 10px;
}

#artis-shop-products #filters-panel .button-container button.shop-filters-btn div {
	white-space: nowrap;
	writing-mode: vertical-lr;
	text-orientation: mixed;
	transform: rotate(180deg);
}

button.shop-filters-btn .open,
button.shop-filters-btn.active .closed{
	display: none;
}

button.shop-filters-btn.active .open {
	display: block;
}

#artis-shop-products {
	position: relative;
}

#artis-shop-products #filters-panel {
	display: flex;
	flex-direction: row;
	position: absolute;
	z-index: 2;
	width: 780px;
	height: 100%;
	top: 0;
	left: -740px;
	background-color: transparent;
	transition: 1s;
}

@media (max-width: 780px) {
	
	#artis-shop-products #filters-panel {
		max-width: 100%;
		left: calc(-100% + 40px);
	}
	
}

#artis-shop-products #filters-panel .inner {
	background-color: white;
	width: 100%;
}

/*** Filter Accordions ***/

.sf-field-post-meta-lined,
.sf-field-post-meta-125ml{
	width: 100%;
	clear: both;
}

.sf-field-post-meta-lined.active h4,
.sf-field-post-meta-125ml.active h4 {
	margin-bottom: 15px;
}

/**** Manual Features Styles ****/

.searchandfilter ul li.sf-field-post-meta-lined ul,
.searchandfilter ul li.sf-field-post-meta-nucleation,
.searchandfilter ul li.sf-field-post-meta-stackable,
.searchandfilter ul li.sf-field-post-meta-tempered,
.searchandfilter ul li.sf-field-post-meta-dishwasher_safe,
.searchandfilter ul li.sf-field-post-meta-oven_safe{
	display: none;
	float: left;
}

.searchandfilter ul li.sf-field-post-meta-lined.active ul{
	display: flex;
}

.searchandfilter ul li.sf-field-post-meta-lined.active ~ .sf-field-post-meta-nucleation,
.searchandfilter ul li.sf-field-post-meta-lined.active ~ .sf-field-post-meta-stackable,
.searchandfilter ul li.sf-field-post-meta-lined.active ~ .sf-field-post-meta-tempered,
.searchandfilter ul li.sf-field-post-meta-lined.active ~ .sf-field-post-meta-dishwasher_safe,
.searchandfilter ul li.sf-field-post-meta-lined.active ~ .sf-field-post-meta-oven_safe{
	display: inline-block;
	float: left;
}

/********** END ************/

/**** Manual Marketing Styles ****/

.searchandfilter ul li.sf-field-post-meta-125ml ul,
.searchandfilter ul li.sf-field-post-meta-175ml,
.searchandfilter ul li.sf-field-post-meta-250ml,
.searchandfilter ul li.sf-field-post-meta-12pt,
.searchandfilter ul li.sf-field-post-meta-1pt,
.searchandfilter ul li.sf-field-post-meta-brim_12pt,
.searchandfilter ul li.sf-field-post-meta-brim_1pt{
	display: none;
	float: left;
}

.searchandfilter ul li.sf-field-post-meta-125ml.active ul{
	display: flex;
}

.searchandfilter ul li.sf-field-post-meta-125ml.active ~ .sf-field-post-meta-175ml,
.searchandfilter ul li.sf-field-post-meta-125ml.active ~ .sf-field-post-meta-250ml,
.searchandfilter ul li.sf-field-post-meta-125ml.active ~ .sf-field-post-meta-12pt,
.searchandfilter ul li.sf-field-post-meta-125ml.active ~ .sf-field-post-meta-1pt,
.searchandfilter ul li.sf-field-post-meta-125ml.active ~ .sf-field-post-meta-brim_12pt,
.searchandfilter ul li.sf-field-post-meta-125ml.active ~ .sf-field-post-meta-brim_1pt{
	display: inline-block;
	float: left;
}

/********** END ************/


#filters-panel form.searchandfilter > ul {
	margin: 0px 30px;
}

#filters-panel form.searchandfilter > ul > li {
	padding: 0px;
}

#filters-panel form.searchandfilter li.sf-field-reset {
	margin-top: 30px;
}

.mobile-menu-inner .menu .menu-item-has-children > a.mobile-accordion-opener,
li[class^='sf-field-taxonomy-'] h4,
li[class^='sf-field-post-meta-'] h4,
li[data-sf-field-input-type='range-slider'] h4{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid black;
	padding: 15px 0px 15px 0px;
	font-weight: 700;
}

.mobile-menu-inner .menu .menu-item-has-children > a.mobile-accordion-opener:hover,
li[class^='sf-field-taxonomy-'] h4:hover,
li[class^='sf-field-post-meta-'] h4:hover,
li[data-sf-field-input-type='range-slider'] h4:hover{
	cursor: pointer;
}

.mobile-menu-inner .menu .menu-item-has-children > a.mobile-accordion-opener::after,
li[class^='sf-field-taxonomy-'] h4::after,
li[class^='sf-field-post-meta-'] h4::after,
li[data-sf-field-input-type='range-slider'] h4::after{
	content: '\f078';
    font-family: "FontAwesome Regular";
    padding: 0px 10px;
    display: inline-flex;
    transition: transform 0.2s ease;
}

.mobile-menu-inner .menu .menu-item-has-children.open > a::after,
li[class^='sf-field-taxonomy-'] h4.active::after,
li[class^='sf-field-post-meta-'] h4.active::after,
li[data-sf-field-input-type='range-slider'] h4.active::after{
	transform: rotate(180deg);
	transition: transform 0.2s ease;
}

li[class^='sf-field-taxonomy-'] > ul,
/*li[class^='sf-field-post-meta-'] > ul,*/
li.sf-field-post-meta-colour > ul,
li.sf-field-post-meta-material > ul,
li.sf-field-post-meta-shape > ul,
li[data-sf-field-input-type='range-slider'] > div{
	height: 0px;
	overflow: hidden;
}

li[class^='sf-field-taxonomy-'] > ul.open,
/*li[class^='sf-field-post-meta-'] > ul.open,*/
li.sf-field-post-meta-colour > ul.open,
li.sf-field-post-meta-material > ul.open,
li.sf-field-post-meta-shape > ul.open,
li[data-sf-field-input-type='range-slider'] > div.open{
	height: auto;
	padding-top: 15px;
	overflow: hidden;
}

li[data-sf-field-input-type='range-slider'] .sf-meta-range {
	display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
	align-items: center;
}

li[data-sf-field-input-type='range-slider'] .sf-range-values-seperator {
	font-size: 0px;
	width: 30px;
	margin: 0px 5px 0px 10px;
	border-bottom: 2px dashed black;
}

#filters-panel form.searchandfilter > ul > li.sf-field-sort_order label {
	display: flex;
	width: 100%;
	margin-bottom: 15px;
	background-color: #F2F2F2;
	position: relative;
}

#filters-panel form.searchandfilter > ul > li.sf-field-sort_order label::after {
	content: '\f078';
	display: block;
	font-family: "FontAwesome Regular";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-weight: 700;
	font-size: 16px;
} 

form.searchandfilter select.sf-input-select {
	width: 100%;
	font-size: 16px;
	border: 0px;
	background-color: transparent;
	-webkit-appearance: none;
	appearance: none;
}

.woocommerce-products-header button.shop-filters-btn i,
.woocommerce-products-header button.shop-filters-btn svg {
	margin-left: 10px;
}

#artis-shop-products #filters-panel.active {
	right: auto;
	left: 0;
	transition: 1s;
}

#wc-column-container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

#artis-shop-products #wc-column-container .screen {
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 500ms, opacity 500ms;
}

#artis-shop-products.filters-active #wc-column-container .screen {
	visibility: visible;
	opacity: 0.7;
	transition: visibility 0s linear 0s, opacity 300ms;
}

#artis-shop-products.filters-active #wc-column-container .screen:hover {
	cursor: pointer;
}

.search-filter-results {
	min-height: 100vh;
}

.multi-select-container {
	display: flex;
	justify-content: center;
	width: 100%;
	position: fixed;
	z-index: 3;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
}

button#add-multiple span {
	font-weight: bold;
	padding: 0px 5px;
}

.search-filter-results .artis-shop-results {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding: 50px 50px 0px 50px;
}

.search-filter-results .artis-shop-results ~ .artis-shop-results{
	padding-top: 0px;
}

.related.products .artis-shop-results,
.tax-concept .artis-shop-results {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding: 50px 0px;
}

.related.products .artis-shop-results {
	padding-top: 0px;
}

.search-filter-query .woocommerce-result-count {
	margin-left: auto;
}

.woocommerce-archive-wrapper .artis-products.row {
	justify-content: center;
}

.artis-grid-product,
#wc-column-container .product.artis-grid-product{
	display: flex;
	flex-direction: column;
	flex: 1;
	width: calc(100% - 30px);
	background-color: white;
	padding: 0px 0px 30px 0px;
	margin: 0px 15px 30px 15px;
	font-size: 14px;
	border-radius: 0px;
}

.artis-shop-results .artis-grid-product {
	min-width: 360px;
	max-width: 360px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price {
	font-size: 14px;
}

.artis-grid-product:hover,
#wc-column-container .product.artis-grid-product:hover{
	background-color: #F2F2F2;
}

.artis-grid-product .artis-grid-product-image-title > a {
	color: black;
	text-decoration: none;
	padding: 30px 30px 0px 30px;
}

.artis-grid-product a .sku {
	display: flex;
	padding: 10px 0px;
	border-bottom: 1px dashed black;
	/*background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 4px 1px;
	background-repeat: repeat-x;*/
}

.artis-grid-product .artis-grid-product-image-title {
	display: flex;
}

.artis-grid-product .wc-product-image {
	display: flex;
}

.artis-grid-product .wc-product-image .inside-wc-product-image {
	display: flex;
	flex-direction: column;
}

.artis-grid-product a.open-product-modal .inner {
	display: flex;
	flex-direction: column;
	position: relative;
}

#product-image-background .badge,
.artis-grid-product .badges-container {
	position: absolute;
	top: 10px;
	right: 10px;
	left: 10px;
	width: calc(100% - 20px);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.artis-grid-product .product-badge.top-right {
	margin-left: auto;
	margin-right: 0px;
}

#product-image-background .badge .product-badge,
.artis-grid-product .product-badge {
	color: white;
	padding: 8px;
	line-height: 1;
	font-size: 12px;
	font-weight: 500;
	margin-right: 5px;
	border: 1px solid transparent;
}

.woocommerce .artis-grid-product .artis-grid-product-image-title img.wp-post-image,
.woocommerce-page .artis-grid-product .artis-grid-product-image-title img.wp-post-image {
	min-width: 300px;
	width: 300px;
}

.artis-grid-product h2.woocommerce-loop-product__title {
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: flex;
	flex-direction: row;
	word-break: break-word;
	padding: 15px 0px;
}

.modal-body #product-name h2,
.artis-grid-product h2.woocommerce-loop-product__title,
.single-product article .product-title h1.entry-title {
	position: relative;
}

.modal-body #product-name h2 span#category-tag,
.artis-grid-product h2.woocommerce-loop-product__title span.category-tag,
.single-product article .product-title h1.entry-title span.category-tag{
	content: '';
	display: inline-flex;
	width: 15px;
	min-width: 15px;
	height: 15px;
	background-color: black;
	margin-right: 10px;
	margin-top: 3px;
	border-radius: 100%;
}

table.dataTable tbody tr.woocommerce-list-item td .name-image.product_cat-barware span.name::before,
.modal-body #product-name h2 span#category-tag.product_cat-barware,
.artis-grid-product h2.woocommerce-loop-product__title span.category-tag.product_cat-barware,
.single-product article .product-title h1.entry-title span.category-tag.product_cat-barware{
	background-color: #F6ae10;
}

table.dataTable tbody tr.woocommerce-list-item td .name-image.product_cat-drinkware span.name::before,
.modal-body #product-name h2 span#category-tag.product_cat-drinkware,
.artis-grid-product h2.woocommerce-loop-product__title span.category-tag.product_cat-drinkware,
.single-product article .product-title h1.entry-title span.category-tag.product_cat-drinkware{
	background-color: #468CCB;
}


table.dataTable tbody tr.woocommerce-list-item td .name-image.product_cat-other a::before,
.modal-body #product-name h2 span#category-tag.product_cat-other,
.artis-grid-product h2.woocommerce-loop-product__title span.category-tag.product_cat-other,
.single-product article .product-title h1.entry-title span.category-tag.product_cat-other{
	background-color: #98999D;
}

table.dataTable tbody tr.woocommerce-list-item td .name-image.product_cat-tableware span.name::before,
.modal-body #product-name h2 span#category-tag.product_cat-tableware,
.artis-grid-product h2.woocommerce-loop-product__title span.category-tag.product_cat-tableware,
.single-product article .product-title h1.entry-title span.category-tag.product_cat-tableware{
	background-color: #7A7834;
}

table.dataTable tbody tr.woocommerce-list-item td .name-image.product_cat-cutlery span.name::before,
.modal-body #product-name h2 span#category-tag.product_cat-cutlery,
.artis-grid-product h2.woocommerce-loop-product__title span.category-tag.product_cat-cutlery,
.single-product article .product-title h1.entry-title span.category-tag.product_cat-cutlery{
	background-color: #415D70;
}

.artis-grid-product.related-product-card .artis-grid-product-info,
.artis-grid-product .artis-grid-product-info {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	flex: 1;
	padding: 15px 30px 0px 30px;
}

.artis-grid-product .artis-grid-product-info a {
	text-decoration: none;
	color: black;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .artis-grid-product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .artis-grid-product span.price {
	font-size: 14px;
}

.artis-grid-product p.price bdi{
	font-size: 18px;
}

.artis-grid-product p.price .pack-qty {
	font-weight: normal;
}

.artis-qty-input-outer input#quantity
/*.artis-grid-product .artis-qty-input-outer input#quantity,
.single-product .artis-qty-input-outer input#quantity,
div.sf-meta-range input.sf-input-range-number*/{
	display: flex;
	box-sizing: border-box;
	width: 100%;
	max-width: 80px;
	margin-left: auto;
	position: relative;
	background-color: white;
	border: 1px solid white;
	font-size: 18px;
	font-weight: 700;
}

div.sf-meta-range input.sf-input-range-number {
	text-align: center;
	border: 1px solid black;
	margin: 0px 5px 0px 10px;
}

.artis-qty-input-outer:hover input#quantity
/*.artis-grid-product .artis-qty-input-outer:hover input#quantity,
.single-product .artis-qty-input-outer:hover input#quantity*/{
	border: 1px solid black;
}

.artis-qty-input-outer input[type=number]#quantity::-webkit-outer-spin-button,
.artis-qty-input-outer input[type=number]#quantity::-webkit-inner-spin-button
/*.artis-grid-product .artis-qty-input-outer input[type=number]#quantity::-webkit-outer-spin-button,
.artis-grid-product .artis-qty-input-outer input[type=number]#quantity::-webkit-inner-spin-button,
.single-product .artis-qty-input-outer input[type=number]#quantity::-webkit-outer-spin-button,
.single-product .artis-qty-input-outer input[type=number]#quantity::-webkit-inner-spin-button*/{
    -webkit-appearance: none;
	appearance: none;
    margin: 0;
}

.artis-qty-input-outer input[type=number]#quantity
/*.artis-grid-product .artis-qty-input-outer input[type=number]#quantity,
.single-product .artis-qty-input-outer input[type=number]#quantity*/{
    -moz-appearance:textfield;
}

.do-quantity-buttons div.quantity,
.artis-qty-input-outer > div.quantity {
	align-items: flex-start;
}

.artis-qty-input-outer .controls
/*.artis-grid-product .artis-qty-input-outer .controls,
.single-product .artis-qty-input-outer .controls*/{
	display: flex;
	flex-direction: column-reverse;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	height: 100%;
}

.artis-qty-input-outer .controls:hover button
/*.artis-grid-product .artis-qty-input-outer .controls:hover button,
.single-product .artis-qty-input-outer .controls:hover button*/{
	opacity: 0.5;
}

.artis-qty-input-outer .controls:hover button:hover
/*.artis-grid-product .artis-qty-input-outer .controls:hover button:hover,
.single-product .artis-qty-input-outer .controls:hover button:hover*/{
	opacity: 1;
}

.artis-qty-input-outer .controls button
/*.artis-grid-product .artis-qty-input-outer .controls button,
.single-product .artis-qty-input-outer .controls button*/{
	background-color: transparent;
	padding: 0px 5px 0px 3px;
	color: black;
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
}

.artis-qty-input-outer .controls button.plus
/*.artis-grid-product .artis-qty-input-outer .controls button.plus,
.single-product .artis-qty-input-outer .controls button.plus*/{
	align-items: flex-end;
}

.artis-qty-input-outer .controls button.minus
/*.artis-grid-product .artis-qty-input-outer .controls button.minus,
.single-product .artis-qty-input-outer .controls button.minus*/{
	align-items: flex-start;
}

.artis-qty-input-outer {
	position: relative;
}

.artis-qty-input-outer button:focus {
	border: 0px;
}

@media (max-width: 2100px) {
	
	.artis-shop-results .artis-grid-product,
	#wc-column-container .product.artis-grid-product{
		min-width: 280px;
		max-width: 280px;
		padding: 0px 0px 20px 0px;
	}
	
	 .artis-grid-product .artis-grid-product-image-title > a {
		padding: 20px 20px 0px 20px;
	}
	
	.artis-grid-product .artis-grid-product-info {
		padding: 15px 20px 0px 20px;
	}
	
	.woocommerce .artis-grid-product .artis-grid-product-image-title img.wp-post-image,
	.woocommerce-page .artis-grid-product .artis-grid-product-image-title img.wp-post-image {
		min-width: 240px;
		width: 240px;
	}
	
	.artis-grid-product p.price bdi,
	.artis-grid-product p.price .pack-qty{
		font-size: 14px;
	}
	
	.artis-grid-product h2.woocommerce-loop-product__title {
		font-size: 16px;
	}
}

/**** Infinate Scroll ****/

.search-filter-scroll-loading {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0px;
    height: auto;
    animation: none;
    border: 0px;
    border-right-color: transparent;
    border-radius: 0px;
	padding: 30px 0px;
}

.search-filter-scroll-loading::before {
	content: 'Loading Products';
	display: flex;
	font-size: 18px;
    font-weight: 700;
	margin-right: 30px;
}

.search-filter-scroll-loading::after {
	content: '\f063';
	font-family: "FontAwesome Regular";
	font-size: 25px;
	line-height: 1;
	width: 25px;
	height: 25px;
	text-align: center;
	animation: fade-in-down 0.5s ease infinite;
}

@keyframes fade-in-down {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


/**** Media Export ****/

#media-export-search .media-export-item .btn-primary,
.woocommerce .artis-grid-product a.add-to-list,
#productModal a.add-to-list,
body.single-product a.add-to-list,
form.searchandfilter a.search-filter-reset{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	background-color: white;
	color: black;
	border: 1px solid black;
	font-weight: 700;
	line-height: 1;
	padding: 10px;
	text-decoration: none;
}

#media-export-search .media-export-item .btn-primary:hover,
.woocommerce .artis-grid-product a.add-to-list:hover,
#productModal a.add-to-list:hover,
body.single-product a.add-to-list:hover,
form.searchandfilter a.search-filter-reset:hover{
	background-color: black;
	color: white;
}

#media-export-search {
	background-color: white;
	margin-top: 15px;
}

#media-export-search .artis-grid-product {
	min-width: 0px;
	max-width: 100%;
	padding: 15px;
	margin-bottom: 15px;
	height: calc(100% - 15px);
}

#media-export-search .artis-grid-product h2.woocommerce-loop-product__title::before {
	display: none;
}

#media-export-search .artis-grid-product .wc-product-image {
	position: relative;
	cursor: pointer;
}


#media-export-search .artis-grid-product .wc-product-image i,
#media-export-search .artis-grid-product .wc-product-image svg{
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: #F2F2F2;
	padding: 10px;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: black;
}

#media-export-search .artis-grid-product .wc-product-image:hover i,
#media-export-search .artis-grid-product .wc-product-image:hover svg{
	background-color: black;
	color: white;
}

#media-export-search .artis-grid-product .artis-grid-product-info {
	padding: 10px 0px 0px 0px;
}

#media-export-search .pagination {
	margin: 0px;
	flex-wrap: wrap;
}

#media-export-search .artis-grid-product label.add-remove-media-export {
	cursor: pointer;
}

#media-export-search .artis-grid-product label.add-remove-media-export div {
	display: flex;
	justify-content: center;
	padding: 10px;
	border: 1px solid black;
	border-radius: 5px;
	background-color: white;
	font-weight: 700;
	line-height: 1;
}

#media-export-search .artis-grid-product label.add-remove-media-export div.add:hover {
	background-color: black;
	color: white;
}

#media-export-search .artis-grid-product label.add-remove-media-export div i,
#media-export-search .artis-grid-product label.add-remove-media-export div svg {
	margin-right: 10px;
}

#media-export-search .artis-grid-product label.add-remove-media-export input {
	display: none;
}

#media-export-search .artis-grid-product label.add-remove-media-export div.remove,
#media-export-search .artis-grid-product label.add-remove-media-export div.added{
	display: none;
}

#media-export-search .artis-grid-product label.add-remove-media-export input:checked ~ div.added {
	display: flex;
}

#media-export-search .artis-grid-product label.add-remove-media-export input:checked ~ div.add,
#media-export-search .artis-grid-product label.add-remove-media-export input:checked ~ div.remove{
	display: none;
}

#media-export-search .artis-grid-product label.add-remove-media-export input:checked:hover ~ div.added {
	display: none;
}

#media-export-search .artis-grid-product label.add-remove-media-export input:checked:hover ~ div.remove {
	display: flex;
}

#media-export-search .artis-grid-product label.add-remove-media-export input:checked ~ div {
	color: white;
	background-color: #70A301;
	border-color: #70A301; 
}

#media-export-search .artis-grid-product label.add-remove-media-export input:checked:hover ~ div {
	background-color: #97371F;
	border-color: #97371F; 
}

#media-export-search .artis-grid-product .woocommerce-loop-product__title a {
	text-decoration: none;
	color: black;
}

#media-export-search #select-all,
#media-export-search #addImagesToMediaExport {
	margin: 0px 10px;
}

#media-export-search #select-all::before {
	content: '\f00c';
	font-family: "FontAwesome Regular";
	display: inline-flex;
	margin-right: 10px;
}

#media-export-search #addImagesToMediaExport::before {
	content: '\e76e';
	font-family: "FontAwesome Regular";
	display: inline-flex;
	margin-right: 10px;
}

button.download-product-images svg {
	margin-right: 10px
}

#downloading {
	position: fixed;
	z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    background: rgb(0 0 0 / 80%)
}

#downloading .message {
	max-width: 300px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
}

.loader-bar {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid #70A301;
  animation:
    l20-1 0.8s infinite linear alternate,
    l20-2 1.6s infinite linear;
}
@keyframes l20-1{
   0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
   12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
   25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
   50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
   100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
}
@keyframes l20-2{ 
  0%    {transform:scaleY(1)  rotate(0deg)}
  49.99%{transform:scaleY(1)  rotate(135deg)}
  50%   {transform:scaleY(-1) rotate(0deg)}
  100%  {transform:scaleY(-1) rotate(-135deg)}
}


/*** Modal Size Override ***/

@media (min-width: 0px) {
	div.modal-sm,
	div.modal-md,
	div.modal-lg,
	div.modal-xl,
	div.modal-dialog{
		width: 1500px;
		max-width: 80%;
		height: auto;
		min-height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.modal.imageLightbox div.modal-dialog {
		width: auto;
		max-width: fit-content;
	}
}

#productModal {
	background-color: rgba(0,0,0,0.70);
}

#productModal .modal-backdrop {
	background-color: transparent;
}

#productModal .modal-content {
	background-color: transparent;
	border-radius: 0px;
}

#productModal .modal-body {
	background-color: white;
	padding: 50px;
}

#productModal .modal-body #product-name {
	border-bottom: 1px solid #212529;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#productModal .modal-body #product-name h2 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 15px;
}

#productModal .modal-header {
	background-color: transparent;
	padding: 0px;
	border-bottom: 0px;
}

#productModal .modal-header button.btn-close {
	background-color: white;
	margin: 0px 0px 0px auto;
	border-radius: 0px;
	opacity: 1;
	border: 0px;
	width: auto;
	height: auto;
	background: white;
	font-size: 18px;
	padding: 10px 30px;
	display: flex;
	justify-content: center;
}

#productModal .modal-header button.btn-close svg {
	width: 20px;
	height: auto;
	padding-left: 10px;
}

#productModal .modal-header button.btn-close:hover {
	background: black;
	color: white;
}

/**** Modal - END ****/

#product-image-background{
	display: block;
	width: 100%;
	/*min-width: 500px;*/
	height: 0;
	padding-bottom: 100%;
	background-color: white;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

.single-product .badge-wrapper {
	display: flex;
	flex-direction: row;
	margin-right: 10px;
}

.single-product .badge-wrapper .product-badge {
	position: relative;
    color: white;
    padding: 8px;
    line-height: 1;
    font-size: 14px;
    font-weight: 500;
	margin-right: 5px;
	border: 1px solid transparent;
}

#product-image-background .badge .product-badge {
    color: white;
    padding: 8px;
    line-height: 1;
    font-size: 12px;
    font-weight: 500;
}

#specsAccordion {
	background-color: transparent;
	margin-top: 30px;
}

#specsAccordion .accordion-item {
	background-color: transparent;
	border: 0px;
	margin-bottom: 15px;
}

#specsAccordion .accordion-item .accordion-header button {
	display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    background-color: #F2F2F2;
    color: black;
    padding: 30px;
    font-weight: 600;
    border-radius: 0px;
}

#single-product-container #product-specs {
	margin-top: 50px;
}

#single-product-container #product-specs hr {
	height: 0px;
	margin-bottom: 5px!important;
}

#single-product-container #product-specs > div {
	/*border-bottom: 1px dashed black;*/
	padding-bottom: 10px
}

#product-specs span.title {
	font-size: 16px;
	font-weight: 600;
}

#product-specs svg {
	font-size: 22px;
	font-weight: 600;
	margin-right: 10px;
}

#product-specs .list-item {
	display: inline-flex;
	background-color: #F2F2F2;
	padding: 5px 10px;
	border-radius: 5px;
	margin: 0px 10px 10px 0px;
	font-weight: normal;
}

#product-specs .list-item span.label {
	font-weight: 600;
	padding-right: 3px;
}

#specsAccordion .accordion-item .accordion-header .title {
	white-space: nowrap;
	padding-right: 10px;
}

.accordion-header .accordion-button {
	padding: 15px 0px 10px 0px;
	background-color: transparent;
}

.accordion-header .accordion-button:not(.collapsed),
.accordion-header .accordion-button:hover,
.accordion-header button.accordion-button:focus{
	color: #212529;
	box-shadow: none;
}

.accordion-header .accordion-button::after {
	content: '\f078';
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "FontAwesome Regular";
	background-image: none;
}

.accordion-header .accordion-button i,
.accordion-header .accordion-button svg{
	margin-right: 10px;
}

#specsAccordion .accordion-body {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding: 0px 30px 30px 30px;
	background-color: #F2F2F2;
}

#specsAccordion .accordion-body .list-item {
	display: flex;
	margin-bottom: 5px;
}

#specsAccordion .accordion-body .list-item span.label {
	font-weight: 600;
	padding-right: 5px;
}


/***** Single Product ******/

.woocommerce.theme-generatepress #content div.product div.images,
.woocommerce.theme-generatepress div.product div.images,
.woocommerce-page.theme-generatepress #content div.product div.images,
.woocommerce-page.theme-generatepress div.product div.images {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
	width: 100%;
}

#single-product-container div.woocommerce-product-gallery__image a img,
#single-product-container .woocommerce-product-gallery__image--placeholder img,
.woocommerce div.product div.images .woocommerce-product-gallery__image.flex-active-slide a img {
	max-height: 500px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}


.woocommerce div.product div.images .flex-control-thumbs {
	margin-top: 15px;
}

.brand-block {
	display: flex;
	width: 100%;
	background-color: black;
	color: white;
	padding: 30px;
}

.brand-block img.black {
	filter: invert(1);
}

.brand-block h5 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}

.brand-block.featured-img {
	padding: 0px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.brand-block.featured-img .content {
	padding: 30px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.brand-block.featured-img .content .brand-img-top {
	width: 80%;
	margin: auto;
	padding-bottom: 40%;
	margin-bottom: 15px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	filter: invert(1);
}

.brand-block.featured-img .content .btn {
	margin-top: auto;
	white-space: normal;
}

.brand-block-lifestyle-caousel {
	display: flex;
	height: 100%;
}

.brand-block-lifestyle-caousel .slick-list {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%!important;
}

.brand-block-lifestyle-caousel .slick-list .slick-track {
	height: 100%;
}

body.single-product #single-product-container {
	padding-top: 50px;
}

.woocommerce.theme-generatepress div.product div.images .flex-control-thumbs {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
}

.woocommerce.theme-generatepress div.product div.images .flex-control-thumbs li {
	width: 100px;
	max-width: 100%;
}

body.single-product .product_meta {
	display: flex;
	align-items: center;
	font-size: 100%;
    border-top: 0px;
	border-bottom: 1px solid black;
    padding-top: 0px;
	padding-bottom: 15px
}

body.single-product .product_meta .customer-ref {
	background-color: black;
	color: white;
	padding: 8px;
	margin-right: 15px;
}

body.single-product .product_meta .sku_wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#productModal #single-product-price,
.woocommerce div.product #single-product-price {
	display: flex;
	flex-direction: column;
}

.woocommerce div.product #single-product-price p.price,
#productModal p.price{
	font-size: 18px;
	font-weight: normal;
}

#single-product-price p.price bdi,
#productModal .woocommerce-Price-amount bdi{
	font-size: 22px;
}

.woocommerce div.product #single-product-price p.price bdi,
#productModal .woocommerce-Price-amount bdi{
	font-weight: 700;
}

body.single-product .artis-grid-product-info {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

body.single-product .entry-summary .artis-grid-product-info a.add-to-list {
	width: auto;
	margin-left: 15px;
}

body.single-product #single-product-price-cart {
	display: flex;
    flex-wrap: wrap;
	padding: 30px 0px;
	border-bottom: 1px solid black;
}

body.single-product #single-product-price span.stock,
body.single-product #single-product-price span.stock-due {
	display: block;
	color: black;
}

a.rack-block {
	text-decoration: none;
	color: black;
}

a.rack-block .product-img {
	width: 60%;
	height: 0px;
	padding-bottom: 60%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px auto;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	z-index: 2;
}

body.single-product .product-sidebar .woocommerce-product-gallery {
	overflow: hidden;
}

/*** Related Products ***/

.related-products .artis-products {
	justify-content: center;
}

.related.products .artis-shop-results.slick-slider {
	display: block;
	position: relative;
	padding: 0px 50px;
}

.related.products .artis-shop-results.slick-slider .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
	font-size: 22px;
}

.related.products .artis-shop-results.slick-slider .slick-arrow.slick-disabled {
	opacity: 0.45;
}

.related.products .artis-shop-results.slick-slider .slick-arrow.slick-next {
	left: auto;
	right: 20px;
}

.related.products .artis-shop-results.slick-slider .slick-list {
	overflow: hidden;
}

.related.products .artis-shop-results.slick-slider .artis-grid-product {
	min-width: 0px;
	max-width: 100%;
}

@media (max-width: 2100px) {
    .related.products .artis-shop-results.slick-slider .artis-grid-product {
        min-width: 0px;
        max-width: 100%;
    }
}

/***** Single Product PRINT *****/

@media print {
	
	.product *,
	.product #specsAccordion .accordion-item .accordion-header button,
	.product #specsAccordion .accordion-body{
		background-color: white;
		color: black;
	}

    .product .collapse:not(.show){
       display: block;
    }
	
	.product .col-5,
	.product #datasheet-btn,
	.product .artis-grid-product-info,
	.product .accordion-header .accordion-button::after{
		display: none
	}
	
	.product #specsAccordion .accordion-item .accordion-header button {
		justify-content: flex-start;
		padding: 0px;
	}
	
	.product .col-7 {
		width: 100%;
	}
}

/***** Dashboard *****/

h4.dashboard-welcome {
	border-bottom: 1px dashed black;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

h4.dashboard-welcome span {
	display: block;
	font-size: 14px;
	margin-top: 10px;
}

h4.dashboard-welcome span a {
	margin-left: 10px;
}

.woocommerce-MyAccount-content h2.sub-title {
	font-size: 18px;
    line-height: 1;
    font-weight: bold;
    padding: 15px 30px;
    background-color: #98999D;
    color: white;
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.woocommerce-MyAccount-content .list-item {
	padding: 15px 10px;
    border-bottom: 1px solid black;
}

.woocommerce-MyAccount-content .list-item .actions {
	display: flex;
	align-items: center;
}

.woocommerce-MyAccount-content .list-item span.name {
	display: flex;
	font-weight: bold;
    text-align: left;
    color: black;
}

.woocommerce-MyAccount-content .list-item small {
	background-color: #F2F2F2;
	padding: 3px 5px;
	border-radius: 3px;
}

body.wp-child-theme-generatepress_child.woocommerce-account .woocommerce-MyAccount-navigation {
	width: calc(20% - 30px);
	margin-right: 30px;
}

body.wp-child-theme-generatepress_child.woocommerce-account .woocommerce-MyAccount-content {
	width: 80%;
}

.theme-generatepress .site-main .woocommerce-MyAccount-navigation li {
	margin-bottom: 15px;
}

.woocommerce-MyAccount-navigation ul li a {
	background-color: #F2F2F2;
	padding: 15px;
	border-bottom: 0px;
	text-decoration: none;
	color: black;
	font-weight: 700;
	display: flex;
	align-items: center;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a{
	border-bottom: 0px;
	background-color: black;
	color: white;
}

.theme-generatepress .woocommerce-MyAccount-navigation li a {
	font-size: 14px;
}

.woocommerce-MyAccount-navigation ul li a::before {
	padding-right: 10px;
	font-size: 22px;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
	content: '\e196';
	font-family: "FontAwesome Regular";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
	content: '\f2bb';
	font-family: "FontAwesome Regular";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--invite a::before {
	content: '\f007';
	font-family: "FontAwesome Regular";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--lists a::before {
	content: '\f0ca';
	font-family: "FontAwesome Regular";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--media-export a::before {
	content: '\f302';
	font-family: "FontAwesome Regular";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--sample-request a::before {
	content: '\f49c';
	font-family: "FontAwesome Regular";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--enquiry a::before {
	content: '\f1d8';
	font-family: "FontAwesome Regular";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--price-list a::before {
	content: '\f02c';
	font-family: "FontAwesome Regular";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
	content: '\f08b';
	font-family: "FontAwesome Regular";
}

.woocommerce-MyAccount-content h2.page-title {
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	padding: 15px 30px;
	background-color: #98999D;
	color: white;
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 30px;
	min-height: 80px;
}

.woocommerce-MyAccount-content h2.page-title .square-badge {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
	color: #98999D;
	font-weight: 700;
	font-size: 22px;
	margin-right: 15px;
	margin-left: -15px;
}

.woocommerce-MyAccount-content .figure-block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #F2F2F2;
	padding: 30px;
	border-radius: 10px;
}

.woocommerce-MyAccount-content .figure-block.black {
	background-color: black;
	color: white;
}

.woocommerce-MyAccount-content .figure-block label {
	font-weight: 500;
}

.woocommerce-MyAccount-content .figure-block h2 {
	font-weight: 700;
	font-size: 45px;
}

/****** List ******/

table.dataTable {
	border: 0px;
}

table.dataTable thead {
	background-color: #F2F2F2;
}

table.dataTable td:first-child {
	width: 100%;
}

table.dataTable thead tr th,
table.dataTable tbody tr td{
	border: 0px;
}

table.dataTable tbody tr.woocommerce-list-item {
	padding:0px;
}

table.dataTable tbody tr.woocommerce-list-item td,
table.dataTable tbody tr td{
	padding: 15px 10px;
	border-bottom: 1px solid black;
}

table.dataTable tbody tr td:first-of-type a:not(.btn){
	color: black;
	text-decoration: none;
}

table.dataTable tbody tr.woocommerce-list-item td .name-image span.name{
	display: flex;
	flex-direction: column;
	padding-left: 40px;
	font-weight: bold;
	position: relative;
}

table.dataTable tbody tr.woocommerce-list-item td .name-image span.name::before {
	content: '';
	display: flex;
	width: 15px;
	min-width: 15px;
	height: 15px;
	background-color: black;
	position: absolute;
	top: 3px;
	left: 15px;
	/*margin-right: 10px;
	margin-top: 3px;*/
}

table.dataTable tbody tr.woocommerce-list-item td .name-image {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
}

table.dataTable tbody tr.woocommerce-list-item td .name-image img {
	max-width: 100px;
	margin-bottom: 0px;
}

table.dataTable tbody tr.woocommerce-list-item td .name-image a,
table.dataTable tbody tr.woocommerce-list-item td .name-image img {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 50%;
}

table.dataTable tbody tr.woocommerce-list-item td .name-image a {
	flex-direction: row;
	align-items: flex-start;
	text-align: left;
	color: black;
	text-decoration: none;
}


table.dataTable tbody tr.woocommerce-list-item td .name-image span.sku {
	font-weight: normal;
}

div.dt-container div.dt-search input[type="search"] {
	background-color: #F2F2F2;
    border: 0px;
    border-radius: 50px;
}

.pagination .disabled>.page-link,
.pagination .page-link.disabled {
	background-color: #F2F2F2;
	border-color: black;
}

.pagination .page-link {
	background-color: white;
	border-color: black;
	color: black;
}

.pagination .page-link:focus {
	box-shadow: none;
}

.pagination .page-link:hover,
.pagination .active>.page-link,
.pagination .page-link.active {
	background-color: black;
	color: white;
	border-color: black;
}

.dt-container {
	margin-bottom: 30px;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
	text-align: left;
}

table.lists-table tbody tr td:first-of-type a {
	color: black;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before {
	content: '\f077';
	font-family: "FontAwesome Regular";
	color: black;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after {
	content: '\f078';
	font-family: "FontAwesome Regular";
	color: black;
}

table.dataTable thead > tr > th.dt-orderable-asc:hover,
table.dataTable thead > tr > th.dt-orderable-desc:hover,
table.dataTable thead > tr > td.dt-orderable-asc:hover,
table.dataTable thead > tr > td.dt-orderable-desc:hover {
	outline: none;
}

/**** Sample Request ****/

.woocommerce-MyAccount-content h2.page-title span.status {
	background-color: #F2F2F2;
	color: black;
	padding: 10px 15px;
	margin-left: 15px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: normal;
}

.woocommerce-MyAccount-content h2.page-title span.status b {
	padding-left: 5px;
}

/***** Tooltip ******/

.tooltip {
	-webkit-box-shadow: 0px 5px 15px 3px rgba(0,0,0,0.45); 
	box-shadow: 0px 5px 15px 3px rgba(0,0,0,0.45);
}

.tooltip,
.tooltip .tooltip-inner{
	background-color: #F2F2F2;
}

.tooltip.show {
	opacity: 1;
}

.tooltip .tooltip-inner {
	max-width: 320px;
	padding: 10px;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
	border-width: 15px;
	border-top-color: #F2F2F2; 
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
	border-width: 15px;
	border-right-color: #F2F2F2; 
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
	border-width: 15px;
	border-bottom-color: #F2F2F2; 
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
	border-width: 15px;
	border-left-color: #F2F2F2; 
}

.tooltip.cat-tag-tip,
.tooltip.cat-tag-tip .tooltip-inner {
	background-color: black;
	border-radius: 5px;
	line-height: 1;
}

.tooltip.cat-tag-tip .tooltip-arrow {
	display: none;
}

/****** Media Export ******/

.woocommerce-list-products .media-export-item,
#media-export-search .media-export-item {
	display: flex;
	flex-direction: column;
	padding: 15px;
	background-color: #f0f0f0;
	border-radius: 5px;
	margin-bottom: 30px;
}

.woocommerce-list-products .media-export-item .title,
#media-export-search .media-export-item .title {
	font-weight: bold;
	margin: 5px 0px 10px 0px;
}

.woocommerce-list-products .media-export-item .sku,
#media-export-search .media-export-item .sku {
	margin-bottom: 10px;
}

#media-export-search .media-export-item label {
	margin-top: 10px;
}

.woocommerce-list-products .media-export-item input.export-checkbox,
#media-export-search .media-export-item label input {
	width: 20px;
	height: 20px;
}

/*** Brand Page ***/

body.tax-product-brand .brand-lifestyle-block {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0px!important;
}

body.tax-product-brand .brand-lifestyle-block::after {
	content: '';
	display: block;
	width: 100%;
	height: 0px;
	padding-bottom: 60%;
}

body.tax-product-brand .header-brand-img {
	max-width: 500px;
	max-height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
}

body.tax-product-brand .header-brand-img img {
	max-height: 100%;
}

.imageLightbox{
    background-color: rgba(0, 0, 0, 0.70);
}

.modal.imageLightbox .modal-content {
	background-color: transparent;
	border: 0px;
}

.modal.imageLightbox .modal-body {
	display: flex;
	justify-content: center;
	padding: 0px;
	background-color: transparent;
}

.modal.imageLightbox .modal-header {
	border-bottom: 0px;
	padding: 15px 0px 0px 0px;
}

.modal.imageLightbox .modal-footer {
	border: 0px;
}

.modal.imageLightbox .modal-header .btn-close {
	color: white;
	background-color: transparent;
	margin: 0px 0px 0px auto;
	border-radius: 0px;
	opacity: 1;
	border: 0px;
	width: auto;
	height: auto;
	background: transparent;
	font-size: 18px;
	padding: 10px 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal.imageLightbox .modal-header .btn-clos svg {
    width: 20px;
    height: auto;
    padding-left: 10px;
}

/****** Concepts *******/

.archive.tax-concept .artis-shop-results {
	padding-top: 15px;
}

#concept-slider {
	display: none;
	position: relative;
	background-color: black;
}

#concept-slider.slick-initialized {
	display: block;
}

#concept-slider .slick-track img {
	height: 500px;
}

#concept-slider .slick-slide {
	opacity: 0.25;
	display: flex;
}

#concept-slider .slick-slide.slick-current {
	opacity: 1;
}

#concept-slider .concept-description {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 50px;
	color: white;
	width: 600px;
	max-width: 100vw;
}

#thumb-nav {
	margin: 15px 0px;
}

#thumb-nav div.slick-slide {
	background-size: cover;
	background-position: center;
	display: flex;
	/*flex: 1;*/
	position: relative;
	width: 80px!important;
	margin: 5px;
}

#thumb-nav div.slick-slide.info {
	background-color: black;
	color: white;
	justify-content: center;
	align-items: center;
}

#thumb-nav div.slick-slide.info::before {
	width: 0px;
}

#thumb-nav div.slick-slide.info svg {
	width: 30%;
	height: 30%;
}

#thumb-nav div.slick-slide::before {
	content: '';
	display: block;
	width: 100%;
	height: 0px;
	padding-bottom: 100%;
	background-color: rgba(0,0,0,0.45);
}

#thumb-nav div.slick-slide:hover {
	cursor: pointer;
}

#thumb-nav div.slick-slide:hover::before,
#thumb-nav div.slick-slide.slick-current::before {
	background-color: rgba(0,0,0,0);
}

#thumb-nav .slick-track {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%!important;
	transform: none!important;
}

#thumb-nav .slick-list {
	display: flex;
	overflow: hidden;
}

.concept-link {
	background-size: cover;
	background-position: center center;
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}

.concept-link .title-bar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: rgba(255,255,255,0.75);
	padding: 30px 0px;
	margin: 100px 0px 50px 0px;
}

.concept-link .title-bar h3 {
	font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
	text-transform: uppercase;
}
.concept-link .title-bar .btn {
	background-color: transparent;
}

.concept-link .title-bar .btn:hover {
	background-color: black;
}

/********** Page **********/

.entry-content:not(:first-child) {
	margin-top: 50px;
}

/***** Login / Register *****/

#artis_login_register #registerAccordion {
	background-color: transparent;
	margin-top: 30px;
}

#artis_login_register #registerAccordion .accordion-item {
	background-color: transparent;
	border: 0px;
	margin-bottom: 15px;
}

#artis_login_register #registerAccordion .accordion-item .accordion-header button {
	display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    background-color: #F2F2F2;
    color: black;
    padding: 30px;
    font-weight: 600;
    border-radius: 0px;
}

#artis_login_register #registerAccordion .accordion-item .accordion-header button h4 {
	display: flex;
	flex-direction: column;
	margin-bottom: 0px;
}

#artis_login_register #registerAccordion .accordion-item .accordion-header button h4 span {
	font-weight: normal;
	font-size: 14px;
	margin-top: 10px;
}

#artis_login_register #registerAccordion .accordion-body,
#artis_login_register #wppb-login-wrap{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding: 0px 30px 30px 30px;
	background-color: #F2F2F2;
}

#artis_login_register #wppb-login-wrap {
	margin-top: 30px;
	padding-top: 30px;
}

#artis_login_register #wppb-login-wrap input[type="text"],
#artis_login_register #wppb-login-wrap input[type="password"],
#artis_login_register #registerAccordion input[type="text"],
#artis_login_register #registerAccordion input[type="email"]{
	background-color: white;
	padding: 10px;
	border-radius: 0px;
	border: 1px solid white;
}

#artis_login_register #wppb-login-wrap input[type="text"]:focus,
#artis_login_register #wppb-login-wrap input[type="password"]:focus,
#artis_login_register #registerAccordion input[type="text"]:focus,
#artis_login_register #registerAccordion input[type="email"]:focus {
	box-shadow: none;
	border: 1px solid black;
}

#artis_login_register button[type="submit"],
#artis_login_register input[type="submit"]{
	background-color: black;
	border: 1px solid black;
	border-radius: 0px;
	font-size: 14px;
	padding: 10px 20px;
}