/*
	Theme Name: Home Concept
	Theme URI: 
	Description: 
	Version: 0.0.1
	Author: LUMENO Project
	Author URI: 
	License: 
	License URI: 
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/


/* VARIABLE */



:root {
	/* GENERAL */
    --footer-bg: #FFFFFF;
	--body-color: #000000;
	--body-bg-color: #efece7;
	
	/* COLOR */
	--color-1: #14282B;
    --color-2: #FFFFFF;
    --color-3: #efece7;
	--color-4: #94dcdb;
	--color-5: #E3DDD5;
	--color-6: #000000;
	--color-7: #000000;
	--color-link: #A70300;
	--color-hover: #A70300;
	--color-btn-link: #A70300;
	--color-btn-hover: #A70300;
	
	/* FONT */
	--font-1: "Exo 2", sans-serif;
	
	
	/* MENU */
	--menu-bg: #14282B;
	--sticky-menu-bg: #14282B;
	--menu-font: "Exo 2", sans-serif;
	--color-menu: #FFFFFF;
	--color-menu-hover: #94dcdb;
	--color-sticky-menu: #FFFFFF;
	--color-sticky-menu-hover: #94dcdb;
	--color-toggle-menu: #FFFFFF;
	--color-toggle-menu-hover: #94dcdb;
}



/* END VARIABLE */

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing:antialiased;
	-moz-font-smoothing: antialiased;
	text-rendering:optimizeLegibility;
}

@media (min-width: 1px) {
	html {
		font-size:110%;
	}
}

@media (min-width: 576px) {
	html {
		font-size:110%;
	}
}

@media (min-width: 768px) {
	html {
		font-size:85%;
	}
}

@media (min-width: 992px) {
	html {
		font-size:87.8%;
	}
}

@media (min-width: 1200px) {
	html {
		font-size:105%;
	}
}


@media (min-width: 1400px){
	html {
		font-size:122%;
	}
}

body {
	font:300 11px/1.4 sans-serif;
	color:var(--color-1);
	font-size: 0.8rem;
	font-weight:400;
}

body{
	font-family: var(--font-1);
	background-color:var(--body-bg-color);
}

html, body {
    width: 100%;
    height: auto;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color: var(--color-1); 
	text-decoration:none;
}


a:hover {
	color:var(--color-1);
}

a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}


b, strong {
	font-weight: 600 !important;
}

p{
	color:black;
	
	font-size: 0.9rem;
	font-weight: 300;
	line-height: 1.3rem;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/


main{
	width:100%;
	margin: 0;
	padding:0;
}



/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block !important;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	max-width:100% !important;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:100%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 0.7rem;
	line-height: 17px;
	margin: 0;
	padding: 10px 0;
	text-align: left;
}
.sticky {
	
}
.bypostauthor {
	
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


/*------------------------------------*\
    CUSTOM
\*------------------------------------*/


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






footer .copyright, footer .copyright a, footer .copyright a:hover {
	color: grey;
	font-size:0.8rem;
}

.w-img-100 img, .w-img-100 svg{
	width:100%;
	height:auto;
}


.row-custom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
}

.vertical-align {
    display: flex;
    align-items: center;
}

/*------------------------------------*\
    KOLORY
\*------------------------------------*/

.bg-grey{
	background-color:#efefef;
}

.bg-blue{
	background-color:var(--color-4);
}

.bg-dark-teal{
	background-color:var(--color-1);
}

.bg-black-transparent{
	background-color:rgba(0, 0, 0, 0.8);
}

.bg-white{
	background-color:var(--color-2);
}

.bg-ivory{
	background-color:var(--color-3);
}

.bg-white-transparent{
	background-color:rgba(255, 255, 255, 0.8);
}

.blue{
	color:var(--color-4) !important;
}

.white, .white p{
	color:#FFFFFF !important;
}

.black{
	color:#000000;
}

.dark-teal{
	color:var(--color-1);
}


.border-black{
	border:2px solid #000000;
}


.border-black-bottom{
	border-bottom:1px solid var(--color-1) !important;
}

.border-blue{
	border:2px solid var(--color-4);
}

/*------------------------------------*\
    title / lead
\*------------------------------------*/


@media(max-width:767px){
	.title{
		font-size: 2.8rem;
		line-height: 1.1 !important;
		margin-bottom:1rem;
	}
	
	.title.line:before{
		left: 0;
		bottom: -0.5rem;
		width: 15rem;
		height: 4rem;
		
	}
	
}


@media(min-width:768px){
	.title{
		font-size: 3rem;
		line-height:1.3;
		margin-bottom:1rem;
	}
	
	
	.title.line:before{
		left: 0;
		bottom: -0.4rem;
		width: 15rem;
		height: 4rem;
		
	}
}

.title{
	font-weight:700;
	position:relative;
	display:inline-block;
	width:100%;
	text-align: left;
}

.title.line{
	padding-left: 2.5rem;
	margin-bottom: 2rem;
}

.title.line:before{
	content: '';
	background-image: url('img/podkreslnik.svg');
	display: inline-block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
}





.lead, .lead p {
    font-size: 1.6rem !important;
	line-height: 1.3 !important;
	color:var(--color-1);
	max-width: 100%;
}


.lead-2, .lead-2 p{
    font-size: 1.3rem !important;
	line-height: 1.3 !important;
	color:var(--color-1);
	max-width: 100%;
}

.lead-3, .lead-3 p {
    font-size: 1.1rem !important;
	line-height: 1.7rem;
	color:var(--color-1);
	max-width: 100%;
}


/*------------------------------------*\
    Stopka
\*------------------------------------*/




footer .logo img{
	max-width:100%;
	width:12rem;
	height:auto;
}







/*------------------------------------*\
	ARCHIVE
\*------------------------------------*/

@media(max-width:767px){
	article.archive-salony a{
		pointer-events: none;
	}
	
	article.archive-salony.on a{
		pointer-events: auto;
	}
}


article.archive-salony .title-content{
	font-weight:600;
	line-height:1.2;
	position:relative;
	margin:0;
	display:inline-block;
	width:100%;
	color:black;
	
	
}

article.archive-salony:not(.on){
	cursor:pointer;
}

article.archive-salony .title-content{
	font-size:1.5rem;
	transition: all 0.5s linear;
}

article.archive-salony.on .title-content{
	font-size:2.5rem;
	transition: all 0.5s linear;
	margin:0 0 1rem 0;
}


article.archive-salony .archive-content-salony{
	background-color:rgba(227,221,213,0);
	border-radius:1rem;
	transition: all 0.5s linear;
	cursor:pointer;
}

article.archive-salony.on .archive-content-salony{
	background-color:rgba(227,221,213,1);
	border-radius:1rem;
	transition: all 0.5s linear;
}


article.archive-salony .thumb{
	opacity: 0;
	transform: scale(0);
	height: 0;
	transition: height 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
}


.border-radius{
	border-radius: 0.6rem;
	overflow: hidden;
}


article.archive-salony .info{
	opacity: 0;
	transform: scale(0);
	height: 0;
	overflow: hidden;
	transition: height 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
}


article .title-content a{
	color:var(--color-1);
}

article .title-content a:hover{
	color:var(--color-4);
}

article .line:before{
	content:'';
	background-color:var(--color-4);
	height:0.25rem;
	width:4rem;
	left:0;
	bottom:-0.6rem;
	margin-right:1rem;
	display:inline-block;
	position:absolute;
	background-repeat:no-repeat;	
}

.excerpt p{
	font-size:1rem;
	font-weight: 300;
	line-height:1.2rem;
}

.archive-salony .phone{
	margin:0.5rem 0;
}

.archive-salony a.phone{
	color:var(--color-1);
	text-align:center !important;
	width:100%;
	font-weight:600;
	display:inline-block;
}

.archive-salony h2{
	text-align:center;
}

.archive-salony h2.line::before {
	left:calc(50% - 2rem);
}

.title.text-thin{
	font-weight:500;
}


.archive-marki .title-list{
	font-size:1.2rem;
	font-weight:500;
	margin-bottom: 0.8rem;
	line-height: 1.2;
}

.archive-marki .title-list a:hover{
	color:var(--color-4) !important;
}


.archive-marki .letter-pagination{
	color:var(--color-4);
	font-size:2.5rem;
	font-weight:600;
	padding:0.5rem 0;
	line-height: 1;
}


/*------------------------------------*\
	HEADER
\*------------------------------------*/



header img.social-icon{
	width:1.7rem;
	height:1.7rem;
	margin:0 0.2rem;
}






/* ------------ FOOTER SOCIAL -----------*/
footer .social-icon{
	width:1.6rem;
	margin-right:0.2rem;
}

/* ------------ PAGE MAP URL - DOJAZD -----------*/
.page-maps-url{
	display:inline-block;
	width:100%;
	font-size:1.3rem;
	
	
}

.page-maps-url a{
	display:inline-block;
	font-weight:600;
	padding:0.5rem 1rem;
	color:white;
	background-color:var(--color-1);
	font-size:1.1rem
}

.page-maps-url a:hover{
	color:white;
	
	background-color:var(--color-4);
}


/* ------------ SALONY - PROMOCJE -----------*/
@media (max-width:767px){
	.single-salony article.promocje:nth-child(3){
		display:none;
	}
}

/* ------------ MENU - OPEN-hour -----------*/



.menu-mobile-open{
	
	padding: 0.5rem 0.5rem;
	text-align:left;
	
}

.menu-mobile-open p, .menu-mobile-open span{
	color:var(--color-2);
	font-size: 1.1rem;
	font-weight:400;
	margin:0;
	line-height: 1.2;
}

/* ------------ TITLE MOBILE -----------*/
.title-mobile{
	font-size: 1.4rem;
	font-weight:600;
	color:var(--color-1);
	width:100%;
	padding: 0.5rem 0.5rem;
	text-align:center;
	margin:3rem 0 0 0;
	position:relative;
	
}

.title-mobile:before{
	content: '';
	background-color: var(--color-4);
	height: 0.25rem;
	width: 4rem;
	left: calc(50% - 2rem);
	bottom: 0;
	margin-right: 1rem;
	display: inline-block;
	position: absolute;
	background-repeat: no-repeat;
}

/* ------------ FIND SALON -----------*/

.find-salon-container{
	width:20%;
	position: absolute;
	z-index:2;
}

.find-salon ul{
	padding:0;
}
.find-salon li, .find-salon .category{
	list-style:none;
	margin: 0 0 0.3rem 0;
	position:relative;
}

.find-salon .category{
	
	position:relative;
	color:var(--color-2);
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.9rem;
	background-color:var(--color-1);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	padding-right:0.3rem;
	cursor:pointer;
	
}

.find-salon .sub-category li{
	background-color:var(--color-4);
	position:relative;
	text-transform: uppercase;
	height:auto;
	width:100%;
	display: flex;
	
	padding-right:0.3rem;
	
}

.find-salon .sub-category li .name{
	color:var(--color-2); 
	padding: 0.8rem 0.8rem;
	font-weight: 500;
	font-size: 0.9rem;
	flex: auto;
	width: 65%;
}



.find-salon .visible .sub-category{
	
	height:auto;
	overflow:hidden;
	
}

.find-salon .category .name{
	color: var(--color-2);
	padding: 0.8rem 0.8rem;
	font-weight: 600;
	font-size: 0.9rem;
	flex: auto;
}

.find-salon .sub-category li:hover{
	background-color:var(--color-1);
}

.find-salon .count{
	align-self:center;
	padding:0.4rem 0;
	border: 1px solid var(--color-4);
	text-align:center;
	box-sizing:border-box;
	flex-basis: 2rem;
	
}

.find-salon .location, .find-salon .download{
	align-self:center;
	/* background-color: var(--color-4); */
	border:1px solid var(--color-2);
	text-align:center;
	flex-basis: 2rem;
}

/* .find-salon .location:hover, .find-salon .download:hover{ */
/* background-color: var(--color-1); */
/* } */

.find-salon .location img, .find-salon .download img{
	display:inline-block;
}

@media(min-width:768px){
	.find-salon-wrapper{
		max-height: calc(100vh - 120px);
		overflow: scroll;
	}
}


.location-map{
	z-index:1;
	text-align:center;
	position:relative;
	
}

.location-map svg{
	transition: all 0.4s cubic-bezier(.39,.58,.57,1);
	
}
.find-salon .download{
	margin-left:0.3rem;
}

@media (min-width:768px){
	.location-map svg{
		width:100%;
		height:auto;
	}
}
.location-map.ui-draggable svg{
	cursor: move;
	cursor: url('img/openhand.cur');
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.location-map.ui-draggable-dragging svg{
	cursor: grabbing;
	cursor: -webkit-grabbing;
	cursor: url('img/closedhand.cur');
	cursor: -moz-grabbing;
	
}

.location-map svg text{
	
	pointer-events: none;
}

.location-map #ikony g{
	pointer-events: none;
	
}

.location-map #lokale .inactive polygon:hover, .location-map #lokale .inactive path:hover, .location-map #lokale .inactive rect:hover, .location-map  #lokale polygon.inactive:hover{
	fill:#ECECEC !important;
	cursor:auto !important;
}

.location-map svg polygon{
	transition:all 0.2s linear;
	
}

.location-map svg #lokale g:not(.unavailable) polygon:hover, .location-map svg #lokale g:not(.unavailable) path:hover, .location-map svg #lokale g:not(#unavailable) rect:hover, .location-map svg #lokale polygon:not(.unavailable):hover{
	fill:var(--color-4);
	transition:all 0.2s linear;
	cursor:pointer;
	
}

.overflow-hidden{
	overflow:hidden;
}

.location-map svg #lokale g.active:not(.inactive) polygon, .location-map svg #lokale g.active:not(.inactive) path, .location-map svg #lokale g.active:not(.inactive) rect, .location-map svg #lokale polygon.active:not(.inactive) {
	fill:var(--color-4);
	stroke: var(--color-1);
}

.location-map svg #lokale g.active:not(.inactive) polygon, .location-map svg #lokale g.active:not(.inactive) path, .location-map svg #lokale g.active:not(.inactive) rect, .location-map svg #lokale polygon.active:not(.inactive){
	-webkit-animation: blink 1.5s infinite;
	-moz-animation: blink 1.5s infinite;
	-o-animation: blink 1.5s infinite;
	animation: blink 1.5s infinite;
	animation-timing-function: linear; 
}

@-moz-keyframes blink {
	0%   { opacity: 1; }
	50%   { opacity: 0.6; }
	100% { opacity: 1; }
}

@media(max-width:767px){
	.hidden-local-info{
		max-width:100%;
	}
}

@media(min-width:768px){
	.hidden-local-content{
		position:absolute;
		background-color:var(--color-2);
		max-width:100%;
	}
	
	.hidden-local-info{
		position:absolute;
		border:2px solid var(--color-1);
	}
	
}

.hidden-local-info{
	padding:1rem 0;
	width:25rem;
	background-color:var(--color-2);
}

.hidden-local-info .info{
	width: auto;
	
}

.hidden-local-info .phone{
	color:var(--color-1);
}

.hidden-local-info .info .title{
	font-size:1.2rem;
	margin:0 0 0.2rem 0;
}


.hidden-local-info .info .local{
	font-size:1rem;
	margin:0;
}

.hidden-local-info .info .phone{
	font-size:1rem;
	margin:0;
}

/* LIGHTBOX */
@media (max-width:350px){
	#imageDataContainer, #outerImageContainer{
		width:100% !important;
	}
}
#lightbox #imageDetails #caption{
	font-weight:300;
}
@media (min-width:992px){
	#lightbox #imageDetails #caption{
		color:white;
		font-size: 1vw;
	}
}
@media (max-width:991px){
	#lightbox #imageDetails #caption{
		color:white;
		font-size: 13px;
	}
}
#lightbox #imageDetails #numberDisplay{
	display:none !important;
}

#outerImageContainer, #imageDataContainer {
	
	background-color: transparent !important;
}

#imageData #bottomNavClose {
	width: 17px;
}

#overlay{
	z-index:99999999999;
	
}

#lightbox{
	z-index:999999999999;
}

#gallery-1 img {
	border: 0 none !important;
}


#prevLink, #nextLink{
	position: absolute;
	top: calc(50% - 1.5rem);
	display: block;
	cursor: pointer;
	border: none;
	outline: none;
	background: transparent;
	font-size: 0;
	width: 2.5rem;
	height: 2.5rem !important;
	
}

#nextLink{
	right: 1rem;
}

#prevLink{
	left: 1rem;
}


#nextLink:before {
	content: url("img/arrow-white.svg");
	display: block;
	padding: 0.2rem;
	width: 2.5rem;
	height: 2.5rem;
}

#prevLink:before {
	content: url("img/arrow-white.svg");
	display: block;
	padding: 0.2rem;
	width: 2.5rem;
	height: 2.5rem;
	transform:rotate(180deg);
}

#nextLink:hover:before {
	opacity:0,7;
}

#prevLink:hover:before {
	opacity:0,7;
}

#nextLink:hover, #nextLink:visited:hover {
	background: transparent;
}

#jqlb_closelabel {
	background-image: url('img/closelabel.svg') !important;
	display: block;
	width: 1rem;
	height: 1rem;
	background-repeat:no-repeat;
}

#loading {
	position: absolute;
	top: calc(50% - 31px);
	left: calc(50% - 31px);
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#jqlb_loading {
	height: 64px;
	width: 63px;
}

#imageData #bottomNavClose {
	width: 1rem;
	height: 1rem;
	box-sizing:border-box;
}

#imageData #bottomNavClose:hover {
	opacity:0.7
}

#imageData #bottomNavClose img {
	width:auto;
	height:auto;
}

#jqlb_closelabel {
	background: transparent;
}

#prevLink:hover, #nextLink:hover {
	opacity:0.7;
}


/*--------------- PRODUKTY -----------------*/


.single .price{
	font-size: 1.5rem !important;
	font-weight: 300 !important;
	text-align:right;
}
.single .price b{
	font-weight: 600 !important;
}

.single .price .price-value{
	
	font-weight: 600 !important;
	
}

.archive .price, .search .price{
	font-size: 1.2rem !important;
	font-weight: 600 !important;
	text-align:center;
}

.archive .price .price-value, .search .price .price-value{
	font-size: 1.5rem !important;
	font-weight: 600 !important;
	
}

.archive .price b, .search .price b{
	font-weight: 600 !important;
	font-size: 1rem !important;
}

/* PAGINACJA */

.pagination{
	justify-content: flex-end;
	margin:2rem 0;
}



.pagination .prev.page-numbers, .pagination .next.page-numbers{
	color:var(--color-1);
	border:0 none;
	line-height:1;
}


.pagination .next.page-numbers, .pagination .prev.page-numbers{
	display: block;
	padding: 0.2rem;
	width:2.5rem;
	height:2.5rem;
	background-size:50%;
	background-position:center;
	border: 1px solid var(--color-1);
	border-radius:0.3rem;
	margin:0.3rem;
	position:relative;
}



.pagination .next.page-numbers:before{
	content: url("img/select-arrow.svg");
	transform: rotate(270deg);
	display: block;
	position: absolute;
	top: 0.7rem;
	left: 0.8rem;
}

.pagination .prev.page-numbers:before{
	content: url("img/select-arrow.svg");
	transform:rotate(90deg);
	display: block;
	position: absolute;
	top: 0.7rem;
	left: 1.1rem;
}



.pagination .page-numbers{
	text-align:center;
	color:var(--color-1);
	font-size:1rem;
	border:1px solid var(--color-1);
	border-radius:0.3rem;
	padding:0.5rem;
	width:2.5rem;
	height:2.5rem;
	margin:0.3rem;
	box-sizing:border-box;
	line-height:1.3;
	font-weight:600;
}


.pagination .page-numbers.dots:hover, .pagination .page-numbers.dots, .pagination .page-numbers.dots{
	border:none;
	color:#000000;
	background-color:transparent !important;
}

.pagination .page-numbers:hover{
	background-color:var(--color-4);
	color:var(--color-1);
	border:1px solid var(--color-4);
}
.pagination .page-numbers.current{
	background-color:var(--color-4);
	border:1px solid var(--color-4);
	color:var(--color-1);
}








input[type="checkbox"]:checked + span::before {
	background-color: var(--color-4);
}

input[type="checkbox"] + span::before {
	content: "";
	width: 1.5rem;
	height: 1.5rem;
	background-color:transparent;
	border: 2px solid var(--color-2);
	position: absolute;
	left: 0;
	top: 0;
}

main .editor-text img{
	height:auto;
	border-radius:0.5rem;
}



main .editor-text a{
	text-decoration:underline;
}

main .editor-text h1, main .editor-text h2, main .editor-text h3, main .editor-text h4{
	width:100%;
}



main .editor-text ul{
	padding-left:1rem;
}

main .editor-text li{
	margin:0.5rem 0;
	font-weight: 300;
	font-size:0.9rem;
}

#imageDetails #titleText{
	font-family: var(--font-1);
	font-size:0.9rem;
}

main .editor-text iframe{
	max-width:100%;
	max-height: 90vh;
}

@media(min-width:768px){
	main .editor-text p{
		width:100%;
		line-height:1.6rem;
	}
	
	
	.editor-text h2, .editor-text h3, .editor-text h4 {
		font-size: 1rem;
		font-weight: 700;
	}
	
	.editor-text li{
		line-height:2;
		font-size:1.8rem;
	}
	
}

@media(max-width:767px){
	main .editor-text p{
		width:100%;
		font-size:1rem;
		line-height:1.6rem;
	}
	
	.editor-text h2, .editor-text h3, .editor-text h4 {
		font-size: 1.4rem;
		font-weight: 700;
	}
	
	.editor-text li{
		font-size:1.2rem;
		line-height:1.8rem;
	}
	
}

main .editor-text img{
	display:inline-block;
	margin: 1rem 0;
	border-radius:0.5rem;
}




.ask-price{
	background-color:var(--color-4);
	color:white;
	padding:0.5rem 1rem;
	text-transform:uppercase;
	
}

a .ask-price:hover{
	background:var(--color-1);
}


.product-thumb{
	width:33.33333%;
}

.product-thumb:nth-child(3n-2){
	
	padding-right:0.35rem;
	padding-top:0.7rem;
	padding-bottom:0.7rem;
}
.product-thumb:nth-child(3n-1) {
	padding-left:0.175rem;
	padding-right:0.175rem;
	padding-top:0.35rem;
	padding-bottom:0.35rem;
}

.product-thumb:nth-child(3n){
	
	padding-left:0.35rem;
	padding-top:0.35rem;
	padding-bottom:0.7rem;
}




.btn-color-1 a, a.btn-color-1{
	background-color:var(--color-4);
	display:block;
	color:var(--color-1);
	padding: .5rem 1.5rem;
	font-weight: 600;
	border-radius:0.5rem;
	display:inline-block;
	text-decoration:none !important;
}

.btn-color-1 a:hover, a.btn-color-1:hover{
	color:var(--color-2);
	background-color:var(--color-1);
}


.btn-color-1-small a{
	background-color:var(--color-4);
	display:block;
	width:auto;
	color:var(--color-2);
	padding: 1rem 1.5rem;
	font-weight: 600;
	font-size:0.8rem;
	display: inline-block;
}

.btn-color-1-small a:hover{
	color:var(--color-2);
	background-color:var(--color-1);
}



.btn-color-2 a, a.btn-color-2{
	background-color:var(--color-3);
	display:block;
	color:var(--color-1);
	padding: .5rem 1.5rem;
	font-weight: 600;
	border-radius:0.5rem;
	display:inline-block;
	text-decoration:none !important;
}

.btn-color-2 a:hover, a.btn-color-2:hover{
	color:var(--color-2);
	background-color:var(--color-1);
}

.btn-arrow-1{
	position:relative
}



.btn-color-2.btn-arrow-1{
	font-size: 1.2rem;
	padding: 0.4rem 1rem 0.5rem 1rem;
	text-align: center;
	width: 10rem;
}

@media(max-width:767px){
	.btn-color-2.btn-arrow-1{
		width: 16rem;
	}
}

.btn-color-2.btn-arrow-1:hover{
	background-color: var(--color-3);
	color:var(--color-1);
}

.btn-arrow-1:before{
	content:'';
	background-color:var(--color-1);
	position:absolute;
	width:3.5rem;
	height:100%;
	top:0;
	right:0;
	z-index:-2;
	border-top-right-radius:0.5rem;
	border-bottom-right-radius:0.5rem;
	transition:all 0.2s linear;
}

.btn-arrow-1:after{
	content: '';
	background-image: url('img/btn-arrow.svg');
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 2.5rem;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40%;
	transition: all 0.2s linear;
}


.btn-arrow-1:hover:before, .btn-arrow-1:hover:after{
	right: -2.5rem;
	transition:all 0.2s linear;
}


.archive .promo-label, .search-results .promo-label, article .promo-label, .single .promo-label{
	background-color:var(--color-4);
	color:var(--color-1);
	padding: .5rem 1.5rem;
	font-weight: 600;
	border-radius: 0.5rem;
	display: inline-block;
	
}

.loop-products .promo-label{
	position: absolute;
	right: 0;
	
}


.prod-title{
	height: auto;
	overflow:hidden;
}

.mc4wp-form a:hover{
	color:var(--color-2);
}




body{
	height:auto;
}
.wrapper{
	
	height:auto;
}

.blockquote-a-bg blockquote a{
	background-color: var(--color-4);
	display: block;
	width: 100%;
	color: var(--color-2);
	padding: 1rem;
}

.blockquote-a-bg blockquote a:hover{
	background-color: var(--color-1);
	color: var(--color-2);
}

.cn-button.bootstrap{
	text-shadow: none !important;
	border-radius: 0 !important;
	font-family: 'Dosis', sans-serif !important;
	background-image: none !important;
	background-color: var(--color-4) !important;
	border-width: 0 !important;
	font-size:1rem;
}

.cn-button.bootstrap:hover{
	background-color: var(--color-2) !important;	
}








.text-justify {
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}



.archive .date p, .single .date p{
	font-size:0.9rem;
	font-weight:400;
}

.end-promo{
	filter: grayscale(100%);
	opacity:0.5 !important;
	transition:all 0.2s linear;
}

.description h2, .description h3{
	font-size: 1rem !important;
}

/* POP-UP */

.popup-wrapper{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
	z-index: 999999999;
	top: 0;
	left: 0;
	padding: 4rem 0;
	display:none;
}

.popup-image{
	position: relative;
	max-width: 600px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: auto;
}

.popup-image .popup-close{
	background-image: url('img/closelabel.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-color:var(--color-1);
	right: 5px;
	top: 5px;
	position: absolute;
	width: 35px;
	height: 35px;
	padding: 4px;
	box-sizing: border-box;
	transition: all 0.2s linear;
	cursor:pointer;
}
.popup-image .popup-close:hover{
	background-color: var(--color-4);
	
}


.popup-image img{
	width:100%;
	height:auto;
}
@media(max-width:767px){
	.top-info-block{
		font-size:1.3rem; line-height:1.4
	}
	
	
}

.breadcrumb{
	font-size: 0.8rem;
}


.breadcrumb a{
	color:var(--color-1);
}

.description-square-menu p{
	line-height:1.6;
}

blockquote{
	max-width:100%;
}


.main-photo img{
	aspect-ratio:11 / 5;
}

.img-ratio-1-1, .social-icon{
	aspect-ratio:1 / 1;
}

#cookie-notice #cn-notice-text{
	margin-bottom:2rem;
}

#cn-notice-buttons{
	margin-bottom:1rem;
}



.cookie-notice-container{
	min-width: 100%;
	height: auto;
	z-index: 100000;
	font-size: 13px;
	line-height: 20px;
	left: 0;
	text-align: center;
	font-weight: 400;
	background-color:var(--color-2);
	bottom: 0;
	position: absolute;
}

@media (max-width:767px){
	#cookie-notice .cookie-notice-wrapper {
		display: block;
	}
}

@media (min-width:768px){
	#cookie-notice .cookie-notice-wrapper{
		display: flex;
	}
	
	#cookie-notice #cn-notice-text{
		text-align:left !important;
		margin-bottom:0;
	}
	#cn-notice-buttons{
		margin-bottom:0;
	}
	
}

.cookie-notice-wrapper{
	max-width: 1280px;
	flex-direction: row;
	justify-content: space-between;
	padding: 24px;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}	

#cookie-notice #cn-notice-text{
	width: auto;
	flex-shrink: 1;
	float: left;
	box-sizing: border-box;
	padding: 0;
	display: initial;
	font-size: 0.9rem;
	line-height:1.2;
}

#cn-notice-buttons{
	position: static;
	padding: 0;
	transform: unset;
	width: auto;
	flex-shrink: 0;
	
}


#cn-notice-buttons a{
	text-transform:uppercase;
	padding:1rem;
	
}

#cookie-notice .cn-button:hover {
	background-color: var(--color-4)
}

.cn-close-icon{
	display:none;
}


.cookie-notice-wrapper{
	font-size:1rem;
	padding:0.5rem;
}

#cookie-notice .button{
	background-color:var(--color-1);
	line-height:1.2;
	color:var(--color-2);
	font-size: 0.8rem
}


.cookie-notice-overlay {
	
	z-index: 2147483646;
	width: 100%;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
}

#cookie-notice.cookie-notice-hidden .cookie-notice-wrapper, #cookie-notice.cookie-notice-hidden .cookie-notice-overlay {
	display: none !important;
}


#cookie-notice.cookie-notice-hidden{
	display: none !important;
}


.w-img-max-100{
	max-width: 100%;
	height:auto;
}

.view-product a{
	font-size: 0.8rem; 
	color:var(--color-2); 
	background-color:var(--color-4); 
	padding:0.5rem 1rem; 
	width:auto;
	border-radius: 0.5rem;
	
}

.view-product a:hover{
	background-color:var(--color-1); 
	color:var(--color-2) !important;
	
}

.kksr-legend{
	display:none;
}


@media(min-width:768px){
	
	.logo-home{
		width:200px;
		height:auto;
		
	}
	
}

@media(max-width:767px){
	
	.logo-home{
		width:220px;
		height:auto;
		
	}
}



.logo-hc{
	width:100%; 
	height:auto;
	aspect-ratio: 200 / 127	
}

.logo-hcdesign{
	width:100%; 
	height:auto; 
	aspect-ratio: 200 / 127
}


.mobile .logo-hc{
	width:6rem;
	margin:.6rem 1rem;	
}

.mobile .logo-hcdesign{
	width:6rem;
	margin:.6rem 1rem;	
}

@media(max-width:768px){
	
	#rozbudowa .menu-square{
		aspect-ratio: 9/5.5;
		position: relative;
	}
	#rozbudowa a > img{
		height: 100% !important;
		max-width: 1500px;
		aspect-ratio: 19/8;
		position: absolute;
		top: 50%;
		width: auto !important;
		transform: translate(-50%,-50%);
		left: 50%;
	}
}


#rozbudowa .name{
	color:var(--color-4);
}


#rozbudowa .menu-square:hover .name{
	color:var(--color-2) !important
}


@media(min-width:768px){
	
	footer .logo{
		width:180px;
		height:auto;
	}
	
}


@media(max-width:767px){
	
	
	
	
	footer  .logo{
		width:180px;
		height:auto;
		margin:10px;
		text-align: center;
	}
	
}


.sb_instagram_header, #sbi_load{
	display:none;
	
}

#sb_instagram .sbi_info p {
	padding-top:1.5rem !important;
	padding-bottom:1.5rem !important;
}


.icons p{
	line-height:1.2rem
}


/* AMELIA BOOKING */



#amelia-container .am-fs-sb__step-heading, #amelia-container .am-fs-sb__step .am-fs-sb__step-selection{
	color:var(--color-2);	
}

.amelia-v2-booking #amelia-container .am-fcis__header-btn .am-button{
	background-color:var(--color-4) !important;
	padding: 1rem 1.5rem !important;
	font-weight: 600 !important;
	font-size: 0.8rem !important;
	border-radius: 0;
	display: inline-block;
	height: auto;
}

.am-fcis__header-top .am-fcis__header-price{
	color:var(--color-4) !important;
	
}



.am-fcis__header-top .am-fcis__header-text .am-fcis__header-name{
	margin-bottom:1rem !important;
}



.cky-box-bottom-left {
    bottom: auto;
	top:50%;
    left: 50%;
	transform:translate(-50%,-50%);
	z-index: 99999999;
}



.cky-consent-container:after{
	
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:rgba(0,0,0,0.6);
	z-index:9999999;
}

.sbi-critical-notice{
	display:none !important;
}



/* VIDEO BANER POP-UP */


.video-popup {
    position: fixed;
    bottom: 15px;
    right: 25px;
    width: 200px;
    height: auto;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 1000;
}

/* Styl dla wideo */
.video-popup video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Styl przycisku zamknięcia */
.video-popup .close-btn {
    position: absolute;
	top: -10px;
	right: -10px;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
	z-index: 1001;
	background-color: black;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	padding: 2px;
	text-align: center;
	line-height: 0.9;
}

/* Styl przycisku "KUP TERAZ" */
.video-popup .kup-teraz-btn {
	position: absolute;
	bottom: 2.5%;
	left: 50%;
	transform:translate(-50%,0);
	width: 90%;
	background-color: #c08497;
	color: #fff;
	opacity: 0.8;
	border: none;
	cursor: pointer;
	display: none;
	font-size: 16px;
	transition: all 0.2s linear;
	text-decoration: none;
	padding: 10px 20px;
	text-align: center;
	
}

.video-popup .kup-teraz-btn:hover {
	opacity:1;
	transition:all 0.2s linear;
}

.video-popup video{
	border-radius: 15px;
}

/* Styl dla stanu rozszerzonego (desktop) */
.video-popup.expanded {
    width: auto;
    height: 711px;
	max-height:90%;
	max-width: 450px;
}
.video-popup.expanded {
	z-index: 9999999;
}


@media(max-width: 768px) {
    .video-popup{
        width: 100px;
        height: 100px;
        border-radius: 50%;
	}
	
	.video-popup video{
		border-radius: 50%;
	}
	
	
	.video-popup.expanded video{
		border-radius: 0;
	}
	
    .video-popup.expanded {
        width: 80%;
        height: auto;
        border-radius: 0;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		aspect-ratio: 9/16;
		max-height: 90%;
		max-width: 80%;
	}
	
	.video-popup.expanded .close-btn {
		top: 10px;
		right: 10px;
	}
	
	.video-popup .close-btn {
		top: -10px;
		right: -10px;
	}
	
	
	
    .video-popup .kup-teraz-btn {
        font-size: 14px;
	}
}

/* END VIDEO BANER POP-UP */



.table-of-contents ul{
	padding-left:1rem;
}

.table-of-contents ul ul li{
	list-style-type: disc;
}


.open-child{
	cursor:pointer;
}


[data-cky-tag] {
	visibility: unset !important;
}


.uppercase{
	text-transform:uppercase;
}


@media(max-width:767px){
	.main-padding-top{
		padding-top:7rem;
	}
}

@media(min-width:768px){
	.main-padding-top{
		padding-top:11rem;
	}
}




.category-select-form select {
    padding: 0.6rem 2rem 0.6rem 0.8rem;
    border: 1px solid #13292C; /* kolor ramki z Twojego stylu */
    border-radius: 6px;
    background-color: transparent;
    font-weight: 600;
    color: #13292C;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("img/select-arrow.svg");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 10px 6px;
	font-size:0.9rem;
}

@media(max-width:767px){
	.category-select-form select {
		width: 100%;
	}
}


/* SEARCH FORM */


@media(max-width:767px){
	.search-form{
		width: 100%;
	}
}


.search-form{
	position:relative;
}

.search-form input {
    width: 100%;
    padding: 0.6rem;
    border: 1px solid #13292C; /* kolor ramki z Twojego stylu */
    border-radius: 6px;
    background-color: transparent;
    font-weight: 600;
    color: #13292C;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	font-size:0.9rem;
}

.search-form button{
	background-image: url("img/search.svg");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 15px 15px;
	width:2rem;
	height: 100%;
	position:absolute;
	top:0;
	right:0;
	border:0;
	background-color:transparent;
}

/* END SEARCH FORM */


@media(min-width:768px){
	.single-salon-photo{
		height:25rem; 
		overflow:hidden;
		background-attachment:fixed;
		background-position:center center;
		background-size:cover;
		margin-top:-2rem;
	}
}


@media(max-width:767px){
	.single-salon-photo{
		height:15rem; 
		overflow:hidden;
		background-attachment:fixed;
		background-position:center center;
		background-size:cover;
	}
}


.single-salony-contact p{
	margin-bottom:0;
}


.background-cover{
    background-position: center center;
    background-size: cover;
	overflow: hidden;
}


.background-fixed{
	background-attachment: fixed;
    background-position: center center;
    background-size: cover;
	overflow: hidden;
}

.background-full-fixed{
	background-attachment: fixed;
    background-position: center center;
    background-size: cover;
	overflow: hidden;
	min-height: 100vh;
	width:100%;
}

.background-full-fixed-right{
	background-attachment: fixed;
    background-position: right center;
    background-size: cover;
	overflow: hidden;
	min-height: 100vh;
	width:100%;
}

@media(max-width:767px){
	.header-address p{
	font-size:0.75rem;
	}
	.header-address-wrapper{
	width:10rem;
	position:absolute;
	top:1.8rem;
	right:0;
	}
}

@media(min-width:768px){
	.header-address p{
	font-size:1rem;
	}
	.header-address-wrapper{
	width:25rem;
	position:absolute;
	top:0;
	right:0;
	}
}

.header-address-wrapper svg path{
	fill:#000;
}

.home .logo svg g.sygnet path, .wspolpraca .logo svg g.sygnet path, .page-template-dojazd .logo svg g.sygnet path, .page-template-wspolpraca .logo svg g.sygnet path, .post-type-archive-producenci .logo svg g.sygnet path{
	fill: #ffffff;
}

.home .header-address-wrapper svg path, .wspolpraca .header-address-wrapper svg path, .page-template-dojazd .header-address-wrapper svg path, .page-template-wspolpraca .header-address-wrapper svg path, .post-type-archive-producenci .header-address-wrapper svg path{
	fill: #ffffff;
}


.home .header-address p, .wspolpraca .header-address p, .page-template-dojazd .header-address p, .page-template-wspolpraca .header-address p, .post-type-archive-producenci .header-address p{
	color: #ffffff;
}


.header-address-wrapper .social-icons a{
	display:inline-block;
	margin: 0 0.3rem;
}




.page-template-page-menu-1 .menu-toggle-container{
	display:none;
}


.category-icons .category-icon:hover rect{
	fill:#93DBDB;
	fill-opacity:0.5;
}


.home-oferta .lead{
	position:relative;
}

.home-oferta .lead:before{
	position: absolute;
	left: -5rem;
	bottom: -4.2rem;
	font-family: var(--font-1);
	color: var(--color-4);
	font-size: 3.5rem;
	font-weight: 200;
}

.home-oferta div:nth-child(1) .lead:before{
	content:'01.';
}

.home-oferta div:nth-child(2) .lead:before{
	content:'02.';
}

.home-oferta div:nth-child(3) .lead:before{
	content:'03.';
}

.home-oferta div:nth-child(4) .lead:before{
	content:'04.';
}

@media(max-width:768px){
	.home-oferta .lead{
		padding-left:6.0rem;
		height: 3.5rem;
	}
	
	.home-oferta .lead:before{
		position: absolute;
		left: 0;
		top: -1rem;
		font-family: var(--font-1);
		color: var(--color-4);
		font-size: 4.1rem;
		font-weight: 200;
	}
	
	
	.home-oferta .lead{
		font-size:1.4rem !important
	}
}




.salon-slide-wrapper {
	width: 100%;
}

.salon-slide {
	padding: 1rem;
}

.salon-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: auto;
	gap: 1rem;
}

.salon-card {
	aspect-ratio: 400/182;
}


.salon-card-2 {
	aspect-ratio: 400/400;
}

.salon-link, .salon-link-square {
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
}



.salon-link img, .salon-link-square img {
	height: 100% !important;
	width: auto;
	display: block;
	margin: 0 auto;
}



.promo-slide-wrapper.slick-slider, .promo-slide-wrapper .slick-track .slick-slide{
	padding:0;
}







@media(max-width:767px){
	
	
	.promo-slide-wrapper .slick-prev{
		right:5rem;
		bottom: calc(100vw + 1rem);
		transform:translate(-50%,-50%)
	}
	
	
	.promo-slide-wrapper .slick-next{
		right: 0;
		bottom: calc(100vw + 1rem);
		transform:translate(-50%,-50%)
	}
	
	.promo-slide-wrapper 
	
	.salon-link {
		padding: 0.3rem;
	}
	
	.salon-link-square {
		padding: 0.5rem;
	}
	
	.salon-slide-wrapper .slick-next{
		bottom:0;
		right:1rem;
	}
	
	.salon-slide-wrapper .slick-prev{
		bottom:0;
		left:1rem;
	}
	
}


@media(min-width:768px){
	
	
	.promo-slide-wrapper .slick-prev{
		bottom:2rem;
		left:calc(50% + 7rem);
		transform:translate(-50%,-50%)
	}
	
	
	.promo-slide-wrapper .slick-next{
		bottom:2rem;
		left:calc(50% + 11rem);
		transform:translate(-50%,-50%)
	}
	
	
	.slick-dotted.slick-slider.salon-slide-wrapper{
		margin-bottom:0;
		padding-bottom:0;
		padding: 0;
	}
	
	.slick-dotted.slick-slider.salon-slide-wrapper .slick-slide {
		padding: 0;
	}
	
	.salon-slide-wrapper .slick-next{
		bottom:0;
		left:-4rem;
		transform:rotate(90deg);
	}
	
	.salon-slide-wrapper .slick-prev{
		top:0;
		left:-4rem;
		transform:rotate(90deg);
	}
	
	.salon-link {
		padding:0.5rem;
	}
	
	.salon-link-square {
		padding: 2rem;
	}
	
	
	.salon-slide-wrapper .slick-dots {
		left: -2.5rem;
		height: auto;
		top: 50%;
		transform: translate(-50%,-50%);
		width: 1.5rem;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		margin: 0.5rem 0 !important;
	}
	
	.salon-slide-wrapper .slick-dots li{
		margin: 0.2rem;
	}
	
}

.animuj {
	opacity: 0;
	visibility: hidden;
}

.animuj.animate__animated {
	opacity: 1;
	visibility: visible;
}


/* FILTROWANIE POD KATEGORII */

.category-filter .slick-track .slick-slide{
	padding: 0.5rem 0.5rem;
}

.category-filter .slick-track .slick-slide a{
	border: 1px solid #13292C;
	border-radius: 6px;
	padding: 0.5rem 1rem;
	height: 100%;
	display: inline-block;
	
}

.category-filter .slick-track .slick-slide a:hover{
	background-color: var(--color-4);
	border: 1px solid var(--color-4);
}

.category-filter .slick-track .slick-slide a:first-letter {
	text-transform: uppercase;
}


@media (min-width: 1px) {
	.category-filter .slick-list{
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
}

@media (min-width: 576px) {
	.category-filter .slick-list{
		padding-left:calc(50vw - 260px);
		padding-right:calc(50vw - 260px);
	}
}

@media (min-width: 768px) {
	.category-filter .slick-list{
		padding-left:calc(50vw - 350px);
		padding-right:calc(50vw - 350px);
	}
}


@media (min-width: 992px) {
	.category-filter .slick-list{
		padding-left:calc(50vw - 470px);
		padding-right:calc(50vw - 470px);
	}
}


@media (min-width: 1200px) {
	.category-filter .slick-list{
		padding-left:calc(50vw - 560px);
		padding-right:calc(50vw - 560px);
	}
}


@media (min-width: 1400px) {
	.category-filter .slick-list {
		padding-left: calc(50vw - 650px);
		padding-right: calc(50vw - 650px);
	}
}




/* END FILTROWANIE POD KATEGORII */



.tax-kategorie_produktow .term-name a:first-letter, .tax-kategorie_produktow .term-name b:first-letter   {
	text-transform: uppercase !important;
}

@media(min-width:768px){
	.title-salon{
		margin-top: -1rem;
	}
}


@media(max-width:767px){
	footer{
		background-image:url('img/linie.svg');
		background-position:bottom right;
		background-size:auto 40%;
		background-repeat:no-repeat;
	}
}



@media(min-width:768px){
	footer{
		background-image:url('img/linie.svg');
		background-position:bottom right;
		background-size:auto 80%;
		background-repeat:no-repeat;
	}
}



.scroll-top{
	position:absolute;
	bottom:9rem;
	right:4rem;
	cursor:pointer;
}

.scroll-top img{
	width:3rem;
	height:auto;
	opacity:1;
	translate:all 0.3s linear;
}

.scroll-top img:hover{
	opacity:0.7;
	translate:all 0.3s linear;
}


.scroll-down img{
	width:3rem;
	height:auto;
	opacity:1;
	translate:all 0.3s linear;
	transform:rotate(90deg);
	cursor:pointer;
}

.scroll-down img:hover{
	opacity:0.7;
	translate:all 0.3s linear;
}


.dark-bg-logo{
	position: relative;
	
}

.dark-bg-logo a:before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.5); /* przyciemnienie */
	z-index: 0;
}

.dark-bg-logo img{
	filter: grayscale(100%);
	
}

.toggle-description{
	background-color: var(--color-4);
	display: block;
	color: var(--color-1);
	padding: .5rem 1.5rem;
	font-weight: 600;
	border-radius: 0.5rem;
	display: inline-block;
	text-decoration: none !important;
	cursor:pointer;
	border:0;
}

.toggle-description:hover{
	color: var(--color-2);
	background-color: var(--color-1);
}

.visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.short-text p:last-child{
	margin-bottom:0;
}

.video-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1; /* żeby było pod tekstem */
	pointer-events: none; /* żeby nie przeszkadzało w klikaniu */
	opacity: 1;
	/* transition: opacity 0.5s ease; */
}

.video-bg.hidden {
  opacity: 0;
}

.video-section{
	width:100vw; 
	height:100vh;
	overflow:hidden;
}

.video-section .overlay{
	background-color:rgba(0,0,0,0.4);
	width:100vw;
	height:100vh;
	position:absolute;
	top:0;
	left:0;
}

.video-section .video-txt{
	top:50%;
	transform: translate(-50%, -50%) !important;
}