/* TYPE */
@font-face {
	font-family: 'Futura Condensed';
	font-style: normal;
	font-weight: normal;
	src: local('FuturaTOTMedCon'),
		 local('FuturaStd-CondensedLight'),
		 url('../fonts/Futura/FuturaTOT-MedCon.woff') format('woff'),
		 url('../fonts/Futura/FuturaTOT-MedCon.otf') format('opentype'),
		 url('../fonts/Futura/FuturaTOT-MedCon.ttf') format('truetype');
}
@font-face {
	font-family: 'Futura Condensed';
	font-style: normal;
	font-weight: bold;
	src: local('FuturaTOTBolCon'),
		 local('FuturaStd-CondensedBold'),
		 url('../fonts/Futura/FuturaTOT-BolCon.woff') format('woff'),
		url('../fonts/Futura/FuturaTOT-BolCon.otf') format('opentype'),
		 url('../fonts/Futura/FuturaTOT-BolCon.ttf') format('truetype');
}
:root {
	
	/* BASIC COLORS */
	
	--black: 0,0%,0%;
	--dark: 0,0%,31%;
	--gray: 0,0%,50%;
	--light: 0,0%,93.3%;
	--white: 0,0%,100%;
	
	--red: 0,73.8%,42%;
	--orange: 30,100%,60%;
	--yellow: 53,100%,50%;
	--lime: 110,100%,75%;
	--green: 120,100%,25.1%;
	--teal: 180,100%,65%;
	--cyan: 200,65%,35%;
	--blue: 230,75%,30%;
	--purple: 280,80%,20%;
	--magenta: 330,100%,40%;
	
	/* LAYOUT COLORS */
	
	--main-header: var(--black);
	--main-layer: var(--black);
	--main-front: var(--black);
	--main-body: var(--light);
	--main-footer: var(--black);
	
	--alt-body: var(--dark);
	
	--link: var(--dark);
	
	--main-highlight: var(--yellow);
	--alt-highlight: 315,75%,35%;
	
	/* OPACITY */
	
	--text-opacity: 1;
	--text-opacity-half: 1;
	--text-opacity-quarter: 1;
	--text-opacity-min: 1;
	--text-opacity-full: 1;
	
	--bg-opacity: 1;
	--bg-opacity-half: 1;
	--bg-opacity-quarter: 1;
	--bg-opacity-min: 1;
	--bg-opacity-full: 1;
	
	--border-opacity: 1;
	--border-opacity-half: 1;
	--border-opacity-quarter: 1;
	--border-opacity-min: 1;
	--border-opacity-full: 1;
	
	/* BORDERS */
	
	--corner: 0.3rem;
	--alt-corner: 0.3rem;
	
	--border-color-null: transparent;
	--border-color-min: transparent;
	--border-color-idle: transparent;
	--border-color-hover: transparent;

	/* TYPEFACE */
	
	--plain-font: 'Open Sans', Arial, Helvetica, sans-serif;
	--title-font: 'Futura Condensed', Arial, Helvetica, sans-serif;
	--alt-font: 'Futura Condensed', Arial, Helvetica, sans-serif;
	
	
	--small-font-size: 0.6rem;
	--plain-font-size: 0.8rem;
	--h4-font-size: 1rem;
	--h3-font-size: 1.2rem;
	--h2-font-size: 1.4rem;
	--h1-font-size: 1.6rem;
	
	--small-line-height: 0.8rem;
	--plain-line-height: 1.2rem;
	--h4-line-height: 1.4rem;
	--h3-line-height: 1.6rem;
	--h2-line-height: 1.8rem;
	--h1-line-height: 2rem;
	
	--form-input-padding: 0.6rem 1.2rem;
	
	--text-line-height: 1.2rem;
	
	/* SHADOWS */
	
	--drop-shadow-idle: 0px 0px 6px 0px hsla(var(--black),0);
	--drop-shadow-hover: 0px 3px 6px 0px hsla(var(--black),0.2);
	--inner-shadow-idle: 0px 0px 10px 0px hsla(var(--black),0.2) inset;
	--inner-shadow-hover: 0px 0px 10px 0px hsla(var(--black),0.4) inset;

}

body {
	color: hsla(var(--alt),var(--text-opacity));
}

/* FORM */

.alert-warning, 
.alert-light {
	color: hsla(var(--alt),var(--text-opacity));
}
.alert-primary {
	background: hsla(var(--gray),var(--bg-opacity));
}
.btn {
	padding: 1rem 2.5rem;
	line-height: var(--plain-line-height);
}
.btn:hover {
	color: hsla(var(--main-highlight),var(--text-opacity));
	background: hsla(var(--alt),var(--bg-opacity));
}
.btn-primary {
	background: hsla(var(--alt),var(--bg-opacity));
}
.btn-secondary {
	background: hsla(var(--main-highlight),var(--bg-opacity));
}
.btn-warning {
	background: hsla(var(--orange),var(--bg-opacity));
}
.btn-link {
	background: hsla(var(--gray),var(--bg-opacity));
}
.btn-secondary,
.btn-warning,
.btn-light, 
.btn-highlight {
	color: hsla(var(--alt),var(--text-opacity));
}
.btn-lg {
    padding: 1.4rem 3.5rem;
	font-size: var(--h3-font-size);
	line-height: var(--h3-line-height);
}
.btn-sm {
    padding: 0.4rem 1.5rem;
	font-size: var(--plain-font-size);
	line-height: var(--plain-line-height);
}
input[type='text'], 
input[type='number'], 
input[type='email'], 
input[type='password'],
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'],
input[type='week'],
input[type='tel'] {
	font-family: var(--title-font);
    letter-spacing: var(--title-spacing);
	color: hsla(var(--alt),var(--text-opacity));
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
	text-transform: uppercase;
	font-size: var(--h4-font-size);
}
input[type='password']{
	font-family: var(--plain-font) !important;
	text-transform: none !important;
}
input:-webkit-autofill {
	font-family: var(--title-font);
    letter-spacing: var(--title-spacing);
	text-transform: uppercase;
	font-size: var(--h4-font-size);
}
input[type='color'] {
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
}
.form-bracket input[type='text'], 
.form-bracket input[type='number'], 
.form-bracket input[type='email'], 
.form-bracket input[type='password'],
.form-bracket input[type='date'],
.form-bracket input[type='time'],
.form-bracket input[type='datetime-local'],
.form-bracket input[type='month'],
.form-bracket input[type='week'],
.form-bracket input[type='tel'] {
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
	text-transform: uppercase;
	font-size: var(--h4-font-size);
}
.form-bracket input[type='text']:hover,
.form-bracket input[type='number']:hover,
.form-bracket input[type='email']:hover,
.form-bracket input[type='password']:hover,
.form-bracket input[type='date']:hover,
.form-bracket input[type='time']:hover,
.form-bracket input[type='datetime-local']:hover,
.form-bracket input[type='month']:hover,
.form-bracket input[type='week']:hover,
.form-bracket input[type='tel']:hover{
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
}
.form-bracket .btn {
	background: hsla(var(--alt),var(--bg-opacity));
	font-size: var(--h4-font-size);
}
input[type='text']:hover, 
input[type='text']:focus, 
.form-group:hover input[type='text'], 
input[type='number']:hover, 
input[type='number']:focus, 
.form-group:hover input[type='number'], 
input[type='email']:hover, 
input[type='email']:focus, 
.form-group:hover input[type='email'], 
input[type='password']:hover, 
input[type='password']:focus, 
.form-group:hover input[type='password'],
input[type='date']:hover, 
input[type='date']:focus, 
.form-group:hover input[type='date'],
input[type='time']:hover, 
input[type='time']:focus, 
.form-group:hover input[type='time'],
input[type='datetime-local']:hover, 
input[type='datetime-local']:focus, 
.form-group:hover input[type='datetime-local'],
input[type='month']:hover, 
input[type='month']:focus, 
.form-group:hover input[type='month'],
input[type='week']:hover, 
input[type='week']:focus, 
.form-group:hover input[type='week'],
input[type='tel']:hover, 
input[type='tel']:focus, 
.form-group:hover input[type='tel'], 
textarea:hover,
textarea:focus,
.form-group:hover textarea, 
.textarea-wrapper:hover, 
.textarea-wrapper:focus-within, 
.form-group:hover .textarea-wrapper,
select:hover, 
select:focus, 
.form-group:hover select {
	box-shadow: var(--inner-shadow-hover);
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
}
::-webkit-input-placeholder {
    color: hsla(var(--gray), var(--text-opacity-quarter));
}
:-moz-placeholder {
    color: hsla(var(--gray), var(--text-opacity-quarter));
}
::-moz-placeholder {
    color: hsla(var(--gray), var(--text-opacity-quarter));
}
:-ms-input-placeholder {
    color: hsla(var(--gray), var(--text-opacity-quarter));
}
::-ms-input-placeholder {
    color: hsla(var(--gray), var(--text-opacity-quarter));
}
:placeholder-shown {
    color: hsla(var(--gray), var(--text-opacity-quarter));
}
.form-group label, 
.form-row label {
	font-size: var(--h4-font-size);
	line-height: var(--h4-line-height);
}
label.input-checkbox, 
label.input-radio { 
	color: hsla(var(--alt),var(--text-opacity));
}
label.input-checkbox::before, 
label.input-radio::before {
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='checkbox']:checked + label.input-checkbox::before, 
input[type='checkbox']:checked + label.input-checkbox-alt::before, 
input[type='radio']:checked + label.input-radio::before, 
input[type='radio']:checked + label.input-radio-alt::before, 
input[type='checkbox']:checked + label.input-checkbox, 
input[type='checkbox']:checked + label.input-checkbox-alt, 
input[type='radio']:checked + label.input-radio, 
input[type='radio']:checked + label.input-radio-alt {
	color: hsla(var(--alt),var(--text-opacity-full));
}
label.input-file,
label.input-file:hover {
	padding-left: 5.5rem;
	color: hsla(var(--alt),var(--text-opacity-full));
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
}
label.input-file::before {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	width: 4.5rem;
	height: 100%;
	background: hsla(var(--alt),var(--bg-opacity));
}
label.input-file:hover::before {
	color: hsla(var(--main-highlight),var(--text-opacity-full));
}
select {
	font-family: var(--title-font);
    letter-spacing: var(--title-spacing);
	color: hsla(var(--alt),var(--text-opacity));
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
	text-transform: uppercase;
	font-size: var(--h4-font-size);
}
option {
	font-family: var(--title-font);
    letter-spacing: var(--title-spacing);
}
.select-wrapper::before {
	background: hsla(var(--alt),var(--bg-opacity));
}
.select-wrapper:hover::before {
	background: hsla(var(--alt),var(--bg-opacity));
	color: hsla(var(--main-highlight),var(--text-opacity-full));
}
textarea {
	font-family: var(--title-font);
    letter-spacing: var(--title-spacing);
	color: hsla(var(--alt),var(--text-opacity));
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
	text-transform: uppercase;
	font-size: var(--h4-font-size);
}
.textarea-wrapper {
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
}
.textarea-wrapper textarea {
	box-shadow: none;
	background: transparent;
	min-height: 1rem;
	padding: 0px;
	border: none;
	border-color: transparent;
	transition: none;
}
input[type='range']::-webkit-slider-runnable-track {
	background: hsla(var(--gray),var(--bg-opacity));
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']:hover::-webkit-slider-runnable-track, 
input[type='range']:focus::-webkit-slider-runnable-track {
	background: hsla(var(--main-highlight),var(--bg-opacity));
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']::-webkit-slider-thumb {
	background: hsla(var(--alt),var(--bg-opacity));
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']:hover::-webkit-slider-thumb, 
input[type='range']:focus::-webkit-slider-thumb {
	background: hsla(var(--alt),var(--bg-opacity));
}
input[type='range']::-moz-range-track {
	background: hsla(var(--gray),var(--bg-opacity));
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']:hover::-moz-range-track, 
input[type='range']:focus::-moz-range-track {
	background: hsla(var(--main-highlight),var(--bg-opacity));
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']::-moz-range-thumb {
	background: hsla(var(--alt),var(--bg-opacity));
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']:hover::-moz-range-thumb, 
input[type='range']:focus::-moz-range-thumb {
	background: hsla(var(--alt),var(--bg-opacity));
}
input[type='range']::-ms-track {
	background: hsla(var(--gray),var(--bg-opacity));
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']:hover::-ms-track, 
input[type='range']:focus::-ms-track {
	background: hsla(var(--main-highlight),var(--bg-opacity));
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']::-ms-thumb {
	background: hsla(var(--alt),var(--bg-opacity));
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']:hover::-ms-thumb, 
input[type='range']:focus::-ms-thumb {
	background: hsla(var(--alt),var(--bg-opacity));
}
label.input-checkbox-alt, 
label.input-radio-alt {
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
}
label.input-checkbox-alt::before, 
label.input-radio-alt::before {
	background: hsla(var(--alt),var(--bg-opacity));
	border-radius: 0;
}
label.input-radio::before {
	content: '\f00c';
}
input[type='checkbox']:checked + label.input-checkbox-alt::before, 
input[type='radio']:checked + label.input-radio::before, 
input[type='radio']:checked + label.input-radio-alt::before {
	color: hsla(var(--main-highlight),var(--text-opacity-full));
	background: hsla(var(--alt),var(--bg-opacity));
}
.pagination li a,
.pagination li span.page-link {
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
	color: hsla(var(--alt),var(--text-opacity));
}
.pagination li a:hover,
.pagination li span.page-link:hover {
	background: hsla(var(--alt),var(--bg-opacity));
	color: hsla(var(--main-highlight),var(--text-opacity));
}
.pagination li a.frame-outline {
	border: 2px solid transparent !important;
    border-color: hsla(var(--alt), var(--border-opacity)) !important;
}

.form-group .input-read {
	background: hsla(var(--main),var(--bg-opacity-quarter));
	color: hsla(var(--gray),var(--text-opacity-full));
	box-sizing: border-box;
	border: 2px solid transparent;
	border-color: hsla(var(--alt),var(--text-opacity-full));
}
.faq-card,
.faq-card:hover {
	box-sizing: border-box;
	border: 2px solid transparent;
	border-color: hsla(var(--alt),var(--text-opacity-full));
	border-radius: var(--corner);
}
.faq-card-switch-label {
	background: hsla(var(--main),var(--bg-opacity-quarter));
	color: hsla(var(--alt),var(--text-opacity-full));
}
.faq-card-info-inner {
	background: hsla(var(--light),var(--bg-opacity-min));
	color: hsla(var(--dark),var(--text-opacity-full));
}

.drag-file {
	border-color: hsla(var(--gray),var(--text-opacity-full));
}
.drag-file:hover {
	border-color: hsla(var(--alt),var(--text-opacity-full));
	color: hsla(var(--alt),var(--text-opacity-full));
}

/* HEADER */

.page-header .header-logo {
	width: 30%;
	min-width: 4rem;
	height: 100%;
}
.nav li a:hover, 
.nav li.active a, 
.nav li label:hover, 
.nav li.active label {
	color: hsla(var(--main-highlight),var(--text-opacity-full));
}

/* PAGE */

.page-article,
.page-info,
.page-taxonomy,
.page-taxonomy li,
.page-taxonomy li a {
	color: hsla(var(--alt),var(--text-opacity-full));
	border-color: hsla(var(--gray),var(--border-opacity));
}
.page-taxonomy li a:hover {
	color: hsla(var(--gray),var(--text-opacity-full));
	border-color: hsla(var(--dark),var(--border-opacity));
}
.counter-simple, 
.counter-button, 
.counter-button label {
	color: hsla(var(--gray),var(--text-opacity-full));
}



/* CARD */

.card {
	background: hsla(var(--main),var(--bg-opacity-half));
	color: hsla(var(--alt),var(--text-opacity));
	box-shadow: 0px 3px 6px 0px hsla(var(--alt),0.1);
}
.card-headline {
	font-size: var(--plain-font-size);
	background: hsla(var(--alt),var(--bg-opacity-quarter));
	color: hsla(var(--main-highlight),var(--text-opacity-full));
	border: none;
}
.card-info,
.card-footer {
	background: hsla(var(--light),var(--bg-opacity-quarter));
	color: hsla(var(--gray),var(--text-opacity-full));
}
.card hr {
	border-color: hsla(var(--light),var(--bg-opacity-quarter));
}
.card-title {
	color: hsla(var(--alt),var(--text-opacity));
	font-size: var(--h2-font-size);
	line-height: var(--h2-line-height);
	font-weight: bold;
}
.card-medium, 
.card-medium .card-title {
    color: hsla(var(--main),var(--text-opacity));
}
.list-group li, 
.list-group-item{
	color: hsla(var(--gray),var(--text-opacity-full));
}
.list-group li a {
	color: hsla(var(--dark),var(--text-opacity-full));
}
.list-group li a:hover {
	color: hsla(var(--alt),var(--text-opacity-full));
}
.list .list-group li, 
.list .list-group-item{
	color: hsla(var(--main),var(--text-opacity-full));
}
.list .list-group li a {
	color: hsla(var(--light),var(--text-opacity-full));
}
.list .list-group li a:hover {
	color: hsla(var(--main-highlight),var(--text-opacity-full));
}

/* BENTO */
.bento-wrapper-compact .bento-menu-sm .bento-menu-inner {
	background: hsla(var(--gray),var(--bg-opacity-min));
}
.bento-menu-lg .bento-menu-inner {
	background: hsla(var(--gray),var(--bg-opacity-min));
}
.bento-card-featured {
	background-image: url(../layout/bento-card-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.bento-card-featured-content {
	color: hsla(var(--dark),var(--text-opacity-full));
}
.bento-card-featured-title {
	color: hsla(var(--alt),var(--text-opacity-full));
}
.bento-card-featured-content hr,
.bento-card-content hr{
	border-color: hsla(var(--light),var(--border-opacity-min));
}
.bento-card-featured-subtitle,
.bento-card-featured-score {
	color: hsla(var(--dark),var(--text-opacity));
}
.bento-menu-sm .bento-menu-inner {
	background: hsla(var(--gray),var(--bg-opacity-min));
}
a .bento-card-title {
	color: hsla(var(--alt),var(--text-opacity));
}
a:hover .bento-card-title {
	color: hsla(var(--gray),var(--text-opacity-full));
}

/* CALENDAR */

.calendar-day-label {
	border: 2px solid transparent;
    border-color: hsla(var(--light), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
	color: hsla(var(--alt),var(--text-opacity));
}
.calendar-day-label:hover {
	color: hsla(var(--alt),var(--text-opacity));
	border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--light),var(--bg-opacity));
}
.calendar-day {
	border-color: hsla(var(--light), var(--border-opacity-min));
}
.calendar-day-label:hover .calendar-day {
	border-color: hsla(var(--alt), var(--border-opacity-min));
}
.calendar-day-event {
	background: hsla(var(--light),var(--bg-opacity));
}

/* TABLE */

td, th {
	background: hsla(var(--main),var(--bg-opacity-min));
}
tr:hover td {
	background: hsla(var(--main-highlight),var(--bg-opacity-min));
	color: hsla(var(--alt),var(--text-opacity-full));
}
tr:hover th {
	background: hsla(var(--main-highlight),var(--bg-opacity-min));
	color: hsla(var(--alt),var(--text-opacity-full));
}
.bento-table td {
	background: hsla(var(--main),var(--bg-opacity-min));
	border-color: hsla(var(--light),var(--border-opacity-min));
	color: hsla(var(--dark),var(--text-opacity));
}
.bento-table th {
	background: hsla(var(--light),var(--bg-opacity-min));
	color: hsla(var(--alt),var(--text-opacity));
}
.bento-table tr:hover th {
	background: hsla(var(--alt),var(--bg-opacity-min));
	color: hsla(var(--main-highlight),var(--text-opacity));
}
.bento-table tr:hover td {
	background: hsla(var(--main-highlight),var(--bg-opacity-min));
	color: hsla(var(--alt),var(--text-opacity));
}
.bento-card-tileset {
	background-image: url(../image/icon-tileset.svg);
}
/* LOGIN BG */

.login-background::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 30%;
	height: 100%;
	background-image: url(../layout/bg-4.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top;
}
.login-background::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	height: 100%;
	background-image: url(../layout/bg-4.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top;
	transform: rotateX(180deg) rotateY(180deg);
}

/* CARD OPTION */

.card-option {
	background: hsla(var(--light),var(--bg-opacity));
}
.card-option:hover {
	background: hsla(var(--alt),var(--bg-opacity));
}
.card-option a.card-body {
	color: hsla(var(--dark),var(--text-opacity-full));
}
.card-option a.card-body .card-title {
	color: hsla(var(--alt),var(--text-opacity-full));
}
.card-option:hover a.card-body {
	color: hsla(var(--main),var(--text-opacity-full));
}
.card-option:hover a.card-body .card-title {
	color: hsla(var(--main-highlight),var(--text-opacity-full));
}

.page-login .action-links a {
	color: hsla(var(--gray),var(--text-opacity-half));
}
.page-login .action-links a:hover {
	color: hsla(var(--dark),var(--text-opacity-full));
}

.nf-card,
.nf-card:hover {
	box-sizing: border-box;
	border: 2px solid transparent;
	border-color: hsla(var(--alt),var(--text-opacity-full));
}

.nf-card-main {
	background: hsla(var(--main),var(--bg-opacity));
	color: hsla(var(--alt),var(--text-opacity-half));
}
.nf-card-main:hover {
	background: hsla(var(--light),var(--bg-opacity));
}
.nf-card-info-inner {
	background: hsla(var(--gray),var(--bg-opacity-min));
}


.wc-block-components-button,
.woocommerce button.button.alt,
.woocommerce ul.products li.product .button, 
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
	color: hsla(var(--alt),var(--text-opacity));
}
.wc-block-components-button:hover,
.woocommerce button.button.alt:hover,
.woocommerce ul.products li.product .button:hover, 
.wc-block-grid__product-add-to-cart.wp-block-button:hover .wp-block-button__link {
	color: hsla(var(--main-highlight),var(--text-opacity));
	background: hsla(var(--alt),var(--bg-opacity));
}
.woocommerce div.product p.price, 
.woocommerce ul.products li.product .price {
	color: hsla(var(--alt),var(--text-opacity));
}
.woocommerce .quantity .qty,
.wc-block-components-quantity-selector,
.wc-block-components-text-input input[type='text'], 
.wc-block-components-text-input input[type='email'], 
.wc-block-components-text-input input[type='password'], 
.wc-block-components-text-input input[type='date'], 
.wc-block-components-text-input input[type='time'], 
.wc-block-components-text-input input[type='datetime-local'], 
.wc-block-components-text-input input[type='month'], 
.wc-block-components-text-input input[type='week'], 
.wc-block-components-text-input input[type='tel'] {
	box-sizing: border-box;
	border: 2px solid transparent !important;
	border-color: hsla(var(--alt),var(--text-opacity-full)) !important;
	background: hsla(var(--main),var(--bg-opacity)) !important;
	color: hsla(var(--alt),var(--text-opacity-half)) !important;
}
/*.wc-block-components-quantity-selector__input:focus,
.wc-block-components-quantity-selector__input:focus-visible,
.wc-block-components-quantity-selector__button:focus,
.wc-block-components-quantity-selector__button:focus-visible {
	box-shadow: none;
}*/
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus {
	box-shadow: none !important;
}
.form-group .container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	box-shadow: var(--inner-shadow-idle);
	min-height: 2rem;
	line-height: var(--h1-line-height);
	box-sizing: border-box;
	padding: 0.2rem;
	transition: color 0.3s, box-shadow 0.3s, border-color 0.3s, background 0.3s;
	width: 100%;
	border-radius: var(--corner);
	font-family: var(--title-font);
    letter-spacing: var(--title-spacing);
	color: hsla(var(--alt),var(--text-opacity));
	border: 2px solid transparent;
    border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
	text-transform: uppercase;
	font-size: var(--h4-font-size);
}
.form-group .container iframe {
	height: calc(2.6rem + 4px);
}

/* WOOCOMMERCE ######################################################## */
.woocommerce-error,
.woocommerce-info, 
.woocommerce-message {
	color: hsla(var(--alt),var(--text-opacity));
	background: hsla(var(--main-highlight), 0.8);
	display: flex;
	flex-flow: row nowrap;
}
.woocommerce-error li,
.woocommerce-info li, 
.woocommerce-message li {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
.woocommerce-page .woocommerce-error .button, 
.woocommerce-page .woocommerce-info .button, 
.woocommerce-page .woocommerce-message .button {
	color: hsla(var(--alt),var(--text-opacity));
	border-color: hsla(var(--black),0.6);
}
.woocommerce-page .woocommerce-error .button:hover, 
.woocommerce-page .woocommerce-info .button:hover, 
.woocommerce-page .woocommerce-message .button:hover {
	background: transparent;
	background: hsla(var(--alt-front),0);
	opacity: 1;
	color: hsla(var(--alt),var(--text-opacity));
	border-color: hsla(var(--black),1);
}
.woocommerce-error:before,
.woocommerce-info:before, 
.woocommerce-message:before {
	color: hsla(var(--alt),var(--text-opacity));
	margin-right: 0.5rem;
}
.woocommerce span.onsale {
	background: hsla(var(--main-highlight),1);
	color: hsla(var(--alt),var(--text-opacity));
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.wc-block-grid__product-title, 
.wc-block-grid__product-price {
	color: hsla(var(--alt),var(--text-opacity)) !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
	color: hsla(var(--alt),var(--text-opacity));
	background: hsla(var(--main-highlight),var(--bg-opacity));
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
    background-color: hsla(var(--alt),1);
	color: hsla(var(--main-highlight),var(--text-opacity));
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    color: hsla(var(--alt),var(--text-opacity));
	background: hsla(var(--main-highlight),var(--bg-opacity));
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    background-color: hsla(var(--alt),1);
	color: hsla(var(--main-highlight),var(--text-opacity));
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled]:hover {
    background-color: hsla(var(--alt),1);
	color: hsla(var(--main-highlight),var(--text-opacity));
}
@media all and (max-width: 720px) {
	.header-logo {
		width: 40% !important;
	}
}
@media all and (max-width: 540px) {
	.header-logo {
		width: 70% !important;
	}
}