/*
Theme Name: Klinika Szybek 1.0
Author: KK
*/

:root {
	--main: #6e48b5;
}

/*GLOWNA*/
.main-img {
	padding: 0;
}
.main-image {
	z-index: 1;
	width: 100%;
}
#opis {
	float: left;
	width: 100%;
	padding: 70px 0 70px 0;
	margin-top: 0;
}
#opis .container {
	padding-bottom: 60px;
	background: url('/wp-content/themes/klinikaszybek/images/bg-kropki-krzyzyki.png') -30px bottom no-repeat;
}
#opis h3 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 300 !important;
	margin-bottom: 0px;
	font-weight: inherit;
	text-transform: none;
}
#opis .button {
	background: #fafafa;
    display: inline;
    padding: 5px 10px;
    width: auto;
}
#opis .button:hover {
	background: var(--lightgrey);
	color: var(--black);
}
.tresc-opis h4 {
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 0px;
	font-weight: 400;
	text-transform: uppercase;
}
.tresc-opis h1 {
	font-size: 32px;
	line-height: 32px; 
	margin-bottom: 35px;
	margin-top: 8px;
	font-weight: 400;
	text-transform: uppercase;
}
.tresc-opis h1 strong, .tresc-opis h1 b {
	font-weight: 600;
}
.tresc-opis {
	float: left;
	width: 60%;
	text-align: left;
	padding-top: 80px;
	padding-bottom: 60px;
}
h3.podtytul, h1.podtytul, h2.podtytul, h4.podtytul{
	font-size: 32px;
	font-weight: 700;
	color: #333;
	margin-bottom: 30px;
	margin-top: 15px;
	text-transform: uppercase;
}
.home .col-sm-8.tresc-opis h2 {
	font-size: 22px;
}
.home .col-sm-8.tresc-opis {
	padding-top: 40px;
	padding-bottom: 40px;
}
.home .col-sm-8.tresc-opis h2 img {
	padding-right: 5px;
	width: 35px;
}
.home .col-sm-4.tresc-boczne {
	padding-top: 40px;
	padding-bottom: 40px;
}
.home .searchbox input.searchField {
	border: 1px solid #ccc;
    width: 75%;
    padding: 8px 12px;
    border-radius: 0 0 0 10px;
}
.home .searchbox button {
	background: var(--grey);
    color: var(--white);
    padding: 7px 15px;
	border: 2px solid var(--grey);
    border-radius: 0 10px 0 0px;
    width: 25%;
    margin-left: -5px;
}
.home #opis .searchbox h4 {
	margin-bottom: 2px !important;
}

body .wp-container-core-columns-is-layout-2.is-layout-flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    text-align: center;
}
.tresc-post-box img.tiktok {
    background: #6e48b5;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    border: 3px solid #6e48b5;
}
.wp-container-core-columns-is-layout-2 {
	font-size: 18px;
	color: var(--violet);
}
.wp-container-core-columns-is-layout-2 .wp-block-column {
	background: rgb(51 122 183 / 5%);
    padding: 10px 40px;
    border: 1px dotted var(--violet);
	min-width: 400px;
	min-height: 220px;
	margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}
.wp-container-core-columns-is-layout-2 .wp-block-column p {
	margin: 0 0 1px;
}

/* NEWS */
section#news {
	padding: 60px 0;
	background: #ebebeb;
}
section#news .section-title:before {
    content: "\f1ea";
    font-family: 'FontAwesome';
    font-size: 34px;
    background: none;
    /* width: 64px;
    height: auto; 
	margin-top: -7px; */
	margin-top: 0;
    margin-right: 14px;
    top: 2px;
    position: relative;
}

section#news .section-title {
    margin-bottom: 0px;
}
section#news .aktualnosci {
	text-align: center;
}

/* USŁUGI */
section#services {
	clear: both;
	background: url('images/bg-services.webp') no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
section#services::before {
    /* content: "";
    width: 100%;
    height: 700px;
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    margin-top: -60px; */
}

section#services .usluga {
    display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

section#services .section-title:before {
    content: "\f013";
    font-family: 'FontAwesome';
    font-size: 34px;
    background: none;
    /* width: 64px;
    height: auto; 
	margin-top: -7px; */
	margin-top: 0;
    margin-right: 14px;
    top: 2px;
    position: relative;
}

section#services .name h2 {
	color: var(--violet) !important;
	font-size: 18px;
    font-weight: 500;
    margin: -3px 0 0;
}
body:not(.category) section#services .section-title {
    margin: -20px auto 30px;
    padding: 10px;
    width: 260px;
    background: #ffffff52;
}

section#services .row.g-0 .box {
	border-right: 1px dotted var(--violet);
}
section#services .row.g-0 .box:last-child {
	border-right: none;
}

section#services .icon {
	
}
section#services .icon img {
    max-width: 70px;
}

section#services .name::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 84%;
    left: 84px;
    background-color: #fafafa;
    margin-top: 6px;
}

section#services .content p {
	font-size: 15px;
	line-height: 1.8rem;
	margin-bottom: 0;
}

.home #opis .is-layout-flex {
	margin-top: 30px;
}

@media (min-width: 769px) {
	.boks-news.col-sm-9 {
		padding-left: 40px;
	}
}

section#reviews {
	padding-bottom: 20px;
}

section#reviews .section-title:before {
    content: "\f118";
    font-family: 'FontAwesome';
    background: none;
    /* width: 64px;
    height: auto; 
	margin-top: -7px; */
	margin-top: 0;
    margin-right: 14px;
    top: 2px;
    position: relative;
}

section#cialo {
	padding-bottom: 20px;
    background: #f5f5f5;
    padding-top: 30px;
    margin-top: 40px;
}
section#cialo .content .wp-block-themeisle-blocks-advanced-columns {
	/* border: 1px solid var(--violet); */
}
section#cialo .content .wp-block-themeisle-blocks-advanced-columns .wp-block-themeisle-blocks-advanced-column:first-child {
	padding: 20px 30px 20px 50px;
}
section#cialo .wp-block-themeisle-blocks-advanced-column figure {
	border: 1px solid var(--violet);
    width: 518px;
    height: 352px;
    position: absolute;
}
section#cialo .content .wp-block-themeisle-blocks-advanced-columns .wp-block-image img {
    margin: 10px;
    width: 498px;
    height: 332px;
}
section#cialo .content .wp-block-themeisle-blocks-advanced-columns .wp-block-image {
	padding-top: 0;
	padding-bottom: 0;
}
section#cialo .content .wp-block-themeisle-blocks-advanced-columns .wp-block-image::before {
	content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    top: 20px;
    display: inline;
    float: left;
    margin-left: -30px;
	z-index: 1;
}
section#cialo .content::before {
	content: "";
    position: absolute;
    left: 0px;
    width: 190px;
    height: 190px;
    top: -90px;
    display: inline;
    float: left;
    margin-left: 20px;
}
section#cialo .content h2 {
    color: var(--violet);
}

section#cialo .content h2::after {
	content: "";
    height: 6px;
    width: 100px;
    background: var(--violet);
    position: absolute;
    top: 44px;
    left: 0;
}
/* Slider główna */
#slider {
	width: 1400px;
	max-width: 100%;
	width: 100%;
	max-width: 100%;
	margin: 100px auto 0 auto;
	float: none;
	position: relative;
	height: auto;
	z-index: 0;
}
@media (min-width: 1200px) {
    #slider .container {
        width: 100% !important;
		max-width: 100% !important;
		padding: 0;
    }
}
.tresc-slajdu {
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	padding:0px 20%;
	box-sizing:border-box;
	color:var(--white);
	width: 100%;
	text-align:center;
	left:0%;
}
h2.tytul-slajdu {
	text-transform: uppercase;
	font-family: Open sans;
	font-size: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;
}
.opis-slajdu {
    font-size: 26px;
    line-height: 20px;
	text-align: center;
}
.slider-calosc {
	float: left;
	width: 100%;
	max-width: 100%;
	height: auto;
	background-position: top center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}
#slider a {
	text-decoration: none;
}
#slider a.more, .wp-block-file__button {
	color: var(--violet);
	font-size: 20px;
    font-weight: 400;
	position: relative;
	z-index: 25;
	margin: 20px auto 0;
}
#slider img {
	width: auto;
	height: auto;
	text-align: center;
}
#slider .owl-carousel, #slider .owl-carousel .owl-stage-outer {
	height: auto;
}
#slider .owl-carousel .owl-stage-outer {
	box-shadow: 0px 6px 8px 0px #707070;
}
.slider-calosc .caption {
	position: absolute;
	z-index: 11111;
	width: 40%;
	padding: 30px;
	top: 20px;
	left: 100px;
	text-align: right;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-end;
	animation: slidebottom;
	animation-duration: 1.5s;
	opacity: 1;
	align-content: flex-end;
	flex-wrap: wrap;
}
.slider-calosc.left .caption {
    position: absolute;
    z-index: 11111;
    width: 40%;
    padding: 30px;
    top: 100px;
    left: 160px;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    animation: slidebottom;
    animation-duration: 1.5s;
    opacity: 1;
    align-content: center;
    flex-wrap: wrap;
}
.slider-calosc.right .caption {
    width: 40%;
    padding: 30px;
    top: 40px;
    right: 0;
	left: auto;
}
.slider-calosc .caption h1 {
	text-align: right;
	font-size: 56px;
	background: rgb(255 255 255 / 71%);
	color: var(--violet);
    padding: 0px 25px;
    text-transform: uppercase;
}
.slider-calosc .caption h2 {
	font-size: 56px;
	color: var(--white);
	font-weight: 500;
	padding: 17px 10px;
    line-height: 100%;
	margin-top: 0px;
	text-transform: uppercase;
}
.slider-calosc h3.promo {
	font-size: 34px;
	color: var(--violet);
	font-weight: 500;
	transform: rotate(-45deg);
	line-height: 100%;
	position: absolute;
	z-index: 1;
	left: 14px;
    top: 44px;
    max-width: 180px;
    border-bottom: red;
}
.slider-calosc h3.promo a {
    text-decoration: underline !important;
    text-underline-offset: 2px;
	color: red;
}
.slider-calosc h3.promo span {
	font-size: 24px;
}
#slider .slider-calosc .caption img {
	width: 250px !important;
    padding-left: 20px;
	margin: 20px 0 0 20px;
}
.slider-calosc .caption hr {
	margin: 0;
	border-top: 1px solid #183e7c;
}
/* .slider-calosc .caption a.more, .wp-block-file__button, .wp-block-button__link, .boks-more a {
	display: inline-block;
    text-decoration: none;
    background-color: var(--violet) !important;
    color: var(--white);
    font-size: 15px;
    line-height: 16px;
    font-weight: 500;
    padding: 13px 26px;
    margin: 0;
	border-radius: 20px;
    transition: background-color .3s ease 0s, color .3s ease 0s, border-radius .3s ease 0s;
} */
.slider-calosc .caption a.more, .wp-block-file__button, .wp-block-button__link, .boks-more a {
	background-color: var(--white) !important;
	color: var(--white);
	border-radius: 4px !important;
	font-size: 30px;
	clip-path: polygon(20px 0%, 100% 0%, calc(100% - 20px) 100%, 0% 100%);
	font-weight: 100;
	padding: 10px 30px !important;
	text-align: center;
	width: auto;
	display: inline-block;
	transition: background-color .3s ease 0s, color .3s ease 0s, border-radius .3s ease 0s;
}

.wp-block-file__button, .wp-block-button__link, .boks-more a {
    font-size: 16px;
	background-color: var(--violet) !important;
}
.aktualnosci .boks-more a:hover {
	background-color: var(--darkviolet) !important;
	color: var(--white);
}
.wp-block-file__button {
	margin: 5px;
}
.slider-calosc .caption a.more:hover, .wp-block-file__button:hover, .wp-block-button__link:hover {
	background-color: var(--darkviolet) !important;
	color: var(--white) !important;
}
.owl-carousel .owl-item {
	width: 100%;
	height: auto;
}
.owl-carousel, .owl-carousel .owl-stage-outer {
	height: auto; 
}
.owl-stage, .owl-carousel .owl-item {
	height: auto;
}
.owl-stage-outer {
	overflow: hidden;
}
.owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 22;
	margin-top: 20px;
	font-size: 120px;
	color: #ccc;
	left: 0;
}
.owl-nav.disabled {
	display: none;
}
.owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 0 5px;
}
#slider .owl-item {
	padding: 0;
}
.owl-prev {
	left: 0;
	width: 40px;
	height: 40px;
	position: absolute;
	cursor: pointer;
	text-align: center;
}
.owl-next {
	right: 0;
	width: 40px;
	height: 40px;
	position: absolute;
	cursor: pointer;
	text-align: center;
}
.owl-dots {
	width: 100%;
	position: absolute;
	z-index: 24;
	height: 40px;
	bottom: 0;
	text-align: center;
}
.owl-dots.disabled {
	display: none;
}
.owl-dot {
	width: 15px;
	height: 15px;
	background: none;
	border: 2px solid var(--white);
	border-radius: 100%;
	display: inline-block;
	margin: 0px 5px;
}
.owl-dot.active {
	background: var(--white);
	border: 2px solid var(--white);
}
/* - animacje - */

.slideright {
	animation: slideright;
  	animation-duration: 1s;
  	opacity: 1;
}

@keyframes slideright {
    0% {
		transform: translateX(-200px);
		opacity: 0;
    }
    100% {
		transform: translateX(0);
		opacity: 1;
    }
}
@keyframes slidetop {
	0% {
		transform: translateY(-200px);
		opacity: 0;
}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes slidebottom {
	0% {
		transform: translateY(200px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes slidebounce {
	0% {
		transform: scale(0.8);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
/* Slider główna end */

/* Aktualności slider */
.aktualnosc-lista {
	display: flex;
	text-decoration: none;
	transition: 0.3s ease-in-out;
	font-size: 14px;
	line-height: 1.428;
	overflow: hidden;
	flex-direction: column;
	justify-content: space-between;
}
.aktualnosc-lista .aktualnosc-image {
	overflow: hidden;
}
body:not(.home) .aktualnosc-lista a img {
	width: 100%;
	max-height: 160px;
	object-fit: cover;
	z-index: 0;
}
.blog .aktualnosc-image {
	overflow: hidden;
}
.blog .aktualnosc-image img {
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
@media (min-width: 1200px) {
	.blog .aktualnosc-image {
		height: auto;
		max-width: 30%;
		float: left;
	}
	.tresc-news {
		width: 70%;
		float: left;
		padding-left: 20px;
	}
}
.archive .aktualnosc-image {
	display: flex;
	padding-left: 0;
}
.archive .aktualnosc-image a {
	display: flex;
	justify-content: center;
}
.aktualnosc-image img {
	transition: 0.2s ease-in-out;
}

.home .aktualnosc-image a {
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    align-content: center;
	justify-content: center;
    height: inherit !important;
    margin: 10px;
    color: white;
    position: relative;
    overflow: hidden;
    max-height: 295px;
    min-height: 295px;
}

.home .aktualnosc-image img.attachment-aktualnosc {
	/* max-height: 295px; */
    /* min-height: 295px; */
    width: auto !important;
    margin: 0 auto;
    /* border-radius: 0; */
    position: relative;
    /* top: 45px; */
    /* min-width: 100%; */
    height: auto;
}
.aktualnosc-image:hover img.attachment-aktualnosc {
	transform: scale(1.05) rotate(1deg);
}
.aktualnosc-txt {
	padding: 20px;
	display: flex;
	flex-direction: column;
}
.single .aktualnosc-image {
	max-height: none; 
	overflow: visible;
}
.single .aktualnosc-image img {
	width: 100%;
}
.single .aktualnosc-image:hover img {
	transform: none;
}
.data {
	color: #888888;
	font-size: 12px;
	display: flex;
	align-items: center;
	font-weight: 400;
}
.aktualnosc-tytul {
	font-size: 14px;
	font-weight: 300;
	outline: none;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-decoration: none;
	line-height: 45px;
	text-transform: uppercase;
	height: 45px;
	margin: 0;
	position: absolute;
    color: #fff;
    bottom: 0;
    z-index: 3;
    width: 100%;
    padding: 0px 20px;
	color: #fff;
	z-index: 3;
	background: rgb(110 72 181 / 83%);
}
.aktualnosc-image a:hover .aktualnosc-tytul {
	color: var(--white);
}
.aktualnosc-tytul-najnowsze {
	font-family: 'Jost', sans-serif;
	color: #333333;
	font-size: 36px;
	font-weight: 600;
	line-height: 44px;
	text-decoration: none;
	background-image: linear-gradient(#F3F3F3,#F3F3F3);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 0% 8px;
	transition: background-size 500ms ease-in-out;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	outline: none;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
@media (min-width: 992px) {
	.aktualnosc-lista-najnowsze a img {
		width: 100%;
		height: 100%;
		max-height: 540px;
		object-fit: cover;
		z-index: 0;
		transition: 0.2s ease-in-out;
	}
	.aktualnosc-lista-najnowsze a img:hover {
		transform: scale(1.05);
	}
}
@media (max-width: 991px) {
	.aktualnosc-lista-najnowsze a img {
		width: 100%;
		height: auto;
		max-height: 540px;
		object-fit: cover;
		z-index: 0;
		transition: 0.2s ease-in-out;
	}
	.aktualnosc-lista-najnowsze a img:hover {
		transform: none;
	}
}
@media (min-width: 1210px) {
	.aktualnosc-lista-najnowsze {
		display: flex;
		text-decoration: none;
		transition: 0.3s ease-in-out;
		font-size: 0px;
		background-color: var(--white);  
		overflow: hidden;
		border-radius: 10px;
		flex-direction: row;
		justify-content: space-between;
		height: 100%;
	}
	.aktualnosc-image-najnowsze {
		width: 60%;
		height: 100%;
		overflow: hidden;
	}
	.aktualnosc-tekst-najnowsze {
		display: flex;
		flex-direction: column;
		width: 40%;
		height: inherit;
		padding: 40px;
		box-sizing: border-box;
		justify-content: space-between;
	}
	.aktualnosc-lista a img:hover {
		transition: 0.2s ease-in-out;
	}
}
@media (max-width: 1210px) and (min-width: 992px) {
	.aktualnosc-lista-najnowsze {
		display: flex;
		text-decoration: none;
		transition: 0.3s ease-in-out;
		font-size: 0px;
		background-color: var(--white);  
		overflow: hidden;
		border-radius: 10px;
		flex-direction: row;
		justify-content: space-between;
		height: 100%;
	}
	.aktualnosc-image-najnowsze {
		width: 50%;
		height: 100%;
		overflow: hidden;
	}
	.aktualnosc-tekst-najnowsze {
		display: flex;
		flex-direction: column;
		width: 50%;
		height: inherit;
		padding: 40px;
		box-sizing: border-box;
		justify-content: space-between;
	}
	.aktualnosc-lista a img:hover {
		transform: scale(1.05);
	}
}
@media (max-width: 1360px) {
	.aktualnosc-tytul {
		font-size: 14px;
		font-weight: 400;
		/* height: 24px;
		margin: 43px 0 20px -77px; */
	}
}
@media (max-width: 991px) {
	.aktualnosc-lista-najnowsze {
		display: flex;
		flex-direction: column;
		text-decoration: none;
		transition: 0.3s ease-in-out;
		font-size: 0px;
		background-color: var(--white);  
		overflow: hidden;
		border-radius: 10px;
		justify-content: space-between;
		height: 100%;
	}
	.aktualnosc-image-najnowsze {
		width: 100%;
		height: 80%;
		overflow: hidden;
	}
	.aktualnosc-tekst-najnowsze {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: inherit;
		padding: 30px;
		box-sizing: border-box;
		justify-content: space-between;
	}
	.aktualnosc-lista a img:hover {
		transform: none;
	}
}
@media (max-width: 567px) {
	a.aktualnosc-lista {
		text-align: center;	
	}
}
@media only screen and (max-width: 991px) {
	.aktualnosc-tytul-najnowsze {
		font-size: 24px;
		line-height: 30px;
	}
}
.aktualnosc-tytul-najnowsze:hover {
	background-size: 100% 8px;
}
.aktualnosc-tytul-wew {
	font-family: 'Jost', sans-serif;
	color: #333333;
	font-size: 18px;
	font-weight: 500;
	margin-right: 15px;
	margin-top: 6px;  
	transition: 0.2s ease-in-out;
	display: inline-block;
}
/* Aktualność slider end */

/*------- ACCORDION ---------*/
.accordion {
	width: 90%;
}
.accordion__item {
	margin: 2px auto;
}
.accordion__item .accordion__title {
	position: relative;
    display: block;
    padding: 10px 60px 8px 20px;
    margin-bottom: 0px;
    color: #202020;
    font-size: 17px;
    text-decoration: none;
    background-color: #eaeaea;
    border-radius: 3px;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
	cursor: pointer;
}
.accordion__item .accordion__title:hover {
	background-color: #e5e4e4;
	transition: all 0.5s ease-out;
}
.accordion__item .accordion-active {
	background-color: #e5e4e4;
}
.accordion__item .accordion__title .accordion__arrow {
	position: absolute;
    top: 13px;
    right: 8px;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    font-weight: 700;
    margin-right: 5px;
    background-color: #c9c9c9;
    border-radius: 50%;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.accordion__item .accordion__rotate {
	transform: rotate(225deg);
}
.accordion__item .accordion__content {
	padding: 30px;
	margin-bottom: 2px;
	font-size: 14px;
	display: none;
	background-color: #f3f3f3;
}
.accordion__item .accordion__arrow-item {
	font-weight: 700;
}
.post-archive .accordion .lista-aktualnosci {
	padding: 0px !important;
	border: none;
	width: 100% !important;
	border-radius: 0px 20px;
	min-height: 0 !important;
	text-align: left !important;
	display: flex !important;
	align-items: center;
	vertical-align:top !important;
	margin:  0 !important;
	float: none;
	background-color: transparent !important;
}
.post-archive .accordion .lista-aktualnosci .col-md-2 {
	padding-left: 0;
}
.post-archive .accordion .lista-aktualnosci .col-md-10 {
	padding-right: 0;
}
body:not(.home) .accordion .opis-news {
    height: auto;
}
/*------ ACCORDION END -------*/

/*PANEL BOCZNY*/
.search-bar {
	margin-top:0px;
	margin-bottom:60px;
	padding-left:30px !important;
	padding-right:30px !important;
}
.searchform label {
	display: none;
}
.search-bar #searchsubmit {
	background: var(--grey);
	color: var(--white);
	padding: 15px 25px;
	border: 2px solid var(--grey);
	border-radius: 0 15px 0 0px;
	width: 20%;
	margin-left:-5px;
}
.search-bar  #search {
	border: 1px solid #aaaaaa;
	padding: 15px 25px;
	width: 80%;
	border-radius: 0 0px 0 15px;
	font-size: 15px;
	color: #333333;
}
#searchsubmit {
	background: var(--grey);
	color: var(--white);
	padding: 7px 15px;
	border: 2px solid var(--grey);
	border-radius: 0 10px 0 0px;
	width: 25%;
	margin-left: -5px;
}
#szukaj {
	border: 1px solid #cccccc;
	padding: 2px 15px;
	width: 200px;
	background: #dbdbdb;
	text-align: right;
	padding-right: 40px;
	background: #dbdbdb url(https://upload.wikimedia.org/wikipedia/commons/5/55/Magnifying_glass_icon.svg) 96% center no-repeat;
	background-size: 20px 20px;
}
#search::before {
	content: "";
	position: absolute;
    background: none;
    width: 20px;
    height: 20px;
}
.menu-wybrane {
	margin-bottom:0px;
	float:left;
	width:100%;
	padding-top: 0px;
}
.sidebar li {
	list-style: none;
	margin: 0px!important;
	padding: 0px;
}
.sidebar li a {
	text-align: left;
	width: 100%;
	font-weight: 400;
	color: #333333;
	text-decoration: none !important;
	padding: 4px 0 15px 18px;
	float: left;
	border-bottom: 1px dashed #aaa;
	position: relative;
}
.sidebar li li a {
    padding: 4px 0 15px 45px;
}
.sidebar li.current-page-ancestor a {
	border-bottom: 1px solid var(--grey);
}
.sidebar li a:before {
	position:absolute;
	left:0;
	top: 4px;
	content:'\f101';
	font-family: FontAwesome;
	color: var(--grey);
}
.sidebar ul ul li a:before {
	left: 25px;
}
.sidebar li.current_page_item a, .sidebar li a:hover{
	color: var(--grey);
}
.sidebar li {
	margin: 0 0 20px 15px;
	float: left;
	width: 100%;
}
.sidebar ul {
	margin: 0px;
	padding: 0px;
}
.span3.bok .widzet {
	padding-bottom:40px;
	float: left;
	width:100%;
}
.span3.bok .widzet a:hover img {
	transition: all 0.3s ease 0s !important;
}
/*STOPKA*/
.nadstopka {
	float: left;
    width: 100%;
    padding-bottom: 30px;
    padding-top: 25px;
    margin-bottom: 0;
    color: var(--white);
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media (min-width: 769px) {
	.nadstopka {
		max-width: 82%;
	}
}
.nadstopka .block-contact {
	font-size: 22px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 40px;
}
.nadstopka .block-contact p, .contact-head p {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	padding-left: 0px;
	margin: 0px;
}
.nadstopka .block-contact.tekst {
	font-size: 18px;
}
.nadstopka .block-contact a {
	font-size: 16px;
	line-height: 20px;
	background: none;
	text-transform: none !important;
	padding: 0px 20px !important;
	color: var(--white) !important;
	display: flex;
    align-items: center;
	text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--white);
}
.nadstopka .block-contact a img {
	padding-right: 12px;
    filter: brightness(61212) grayscale(1) saturate(200);
}
.contact-head a {
	font-size: 20px;
	line-height: 20px;
	background: none;
	text-transform: none !important;
	padding: 0px 10px !important;
	color: var(--white) !important;
}
.nadstopka .block-contact a:hover, .contact-head a:hover {
	color: var(--white) !important;
}
.nadstopka .block-contact .fa {
	font-size: 30px;
	padding-right: 15px;
}
h5.tytul-stopki {
	font-size: 30px;
	color: var(--white);
	margin-bottom: 45px;
	margin-top: 10px;
	font-weight: 300;
}
h5.tytul-stopki .last-word {
	font-weight: 600;
}
footer {
	width:100%;
	float:left;
	color: var(--white);
	z-index: 200;
	position: relative;
	background: #1c1c1c;
}
footer a {
	color: var(--white);
}
footer .sub-menu {
	padding-left: 10px;
}
.cztery-boks {
	width: 25%;
}
.cztery-boks .textwidget p {
	margin-bottom: 0;
	margin-top: 7px;
	font-size: 14px;
}
footer .cztery-boks:first-child {
	width: 15%;
}
footer .container.flex {
	display: flex;
    align-items: center;
}
footer .cztery-boks:nth-child(2) {
	width: 30%;
}
footer .cztery-boks:nth-child(3) {
	width: 20%;
	padding-left: 20px;
}
footer .cztery-boks:last-child {
	width: 25%;
}
footer .cztery-boks a span {
	display: block;
    color: var(--white);
    width: auto;
    margin: 0 auto;
    font-weight: 500;
    text-transform: uppercase;
    padding: 5px 0;
}
footer .cztery-boks a:hover {
	color: var(--white);
}
.gorna-stopka .cztery-boks:first-child {
	padding-left: 0px;
}
.gorna-stopka .cztery-boks img {
	margin: 10px auto 10px;
	width: 160px;
}
.gorna-stopka .menu li a {
	color: var(--white);
    line-height: 15px;
    padding: 4px 4px 3px 22px;
    float: left;
    width: auto;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--violet);
}
.gorna-stopka .menu li a::before {
	content: '';
	position: absolute;
	width: 16px;
    height: 12px;
	margin-left: -22px;
	background: url('/wp-content/themes/klinikaszybek/images/li-arrow.png') right no-repeat;
}
.gorna-stopka .menu li, .gorna-stopka .menu {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
	width: 100%;
}
.gorna-stopka {
	float: left;
	width: 100%;
	background: #1d2327 url('/wp-content/themes/klinikaszybek/images/dots.webp') 99.2% center no-repeat;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	color: var(--white);
}
.gorna-stopka a {
	color: var(--white);
	font-weight: 300;
}
.dolna-stopka {
	clear: both;
    background: #6e48b5;
}
.zastrzezone-stopka {
	background: var(--white);
	padding: 0;
	float: left;
	width: 100%;
	color: #555;
}
.topmenu .nav > li > a:hover, .topmenu .nav > li > a:focus {
    background-color: transparent;
    border-bottom: 1px solid var(--white);
    padding-bottom: 3px;
}
html body .topmenu a {
    color: var(--white);
}
.topmenu .navbar-nav > li > a {
    padding: 4px;
    margin: 2px 5px;
}
.zastrzezone {
	padding: 10px 0;
	text-align: left;
	font-size: 13px;
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	background: var(--white);
}
.zastrzezone .col-sm-5 {
	text-align:right;
}
.zastrzezone .col-sm-5 a {
	color: #333;
	text-decoration:none;
}
.gm-style .gm-style-iw {
	color: #333;
	text-align:left;
}
.sociale {
	float:left;
	width:100%;
	text-align:left;
	color: var(--grey);
	margin-top:20px;
}
.sociale a {
	color: var(--grey);
	text-decoration:none !important;
	width:32px;
	height:32px;
	float:left;
	margin-right:10px;
	text-align:center;
	background:var(--white);
	border-radius:100%;
}
.sociale a:hover {
	background:#ccc;
	color: var(--grey);
}
.sociale .fa {
	font-size:18px;
	line-height:32px;
}
.gform_wrapper.gravity-theme .gfield_required {
    color: var(--grey) !important;
}
/* BUTTON STRONA GŁÓWNA */
.navbar-nav>li>a:focus {
    /* border-radius: 0.25rem;
    outline: -webkit-focus-ring-color auto 0!important;
    box-shadow: 0 0 0 .4rem rgba(38,143,255,.5)!important; */
}
nav.skip-link-nav {
    position: absolute;
    top: -1000px;
    width: 100%;
    z-index: 1000;
}
nav.skip-link-nav ul, nav.skip-link-nav li {
    list-style: none;
    padding: 0;
}
nav.skip-link-nav li {
	position: absolute;
	width: 100%;
}
nav.skip-link-nav li:focus-within,nav.skip-link-nav li:focus {
	top:1000px;
}
nav.skip-link-nav a:focus {
	position: absolute;
	top: 1000px;
}
nav.skip-link-nav a {
    display: block;
    margin: 1rem auto;
    padding: 0.5em 3em;
    width: fit-content;
    background-color: #f0f0f0!important;
    color: #000!important;
    text-transform: uppercase;
}
nav.skip-link-nav a:focus {
    position: absolute;
    top: 1000px;
}
nav.skip-link-nav a:focus, nav.skip-link-nav a:focus-within {
    position: static;
    top: auto;
}
body.wcag-contrast-yellow,body.wcag-contrast-yellow .bg-dark button,body.wcag-contrast-yellow .bg-dark input,body.wcag-contrast-yellow .bg-dark input:hover,body.wcag-contrast-yellow .bg-dark select,body.wcag-contrast-yellow .card-body,body.wcag-contrast-yellow .jumbotron,body.wcag-contrast-yellow nav.skip-link-nav a{background-color: #ff0!important;color: #000}
body.wcag-contrast-yellow .navbar-dark .navbar-nav .nav-link{color: var(--white)}
body.wcag-contrast-black,body.wcag-contrast-black .bg-dark button,body.wcag-contrast-black .bg-dark input,body.wcag-contrast-black .bg-dark input:hover,body.wcag-contrast-black .card-body,body.wcag-contrast-black .jumbotron,body.wcag-contrast-black nav.skip-link-nav a{background-color: var(--white)!important;color: #000}
body.wcag-contrast-yellow .navbar-dark .navbar-nav .nav-link{color: var(--white)}
/* BUTTON STRONA GŁÓWNA END */

/* OGOLNE */
.normal-view {
	display:block;
}
.contrast-view {
	display:none;
}
.highcontrast .normal-view {
	display: none;
}
.highcontrast .contrast-view {
	display: block;
}
body.page-id-14 .is-layout-flex {
	align-items: self-start;
}
body.page-id-14 .is-layout-flex .wp-block-column {
	flex: 1 1 50%;
}
.fancybox-slide--image .fancybox-content {
	background-color: transparent !important;
}
img.fancybox-image {
	border-width: 0 !important;
    border-style: solid;
}
.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex  .wp-block-column {
	flex: 1 1 50%;
}
.wp-block-media-text {
	background: linear-gradient(300deg, #54bfed, #183e7c);
    border-radius: 20px;
}
.wp-block-media-text.blokzgrafika {
	background: none;
    border-radius: 0;
}
.wp-block-media-text__media {
	float: left;
    width: 100%;
}
.wp-block-media-text__media.blokzgrafika {
	float: left;
    width: auto;
}
.wp-block-media-text__content {
	color: var(--white);
}
.blokzgrafika .wp-block-media-text__content {
	color: inherit;
}
.wp-block-media-text__content p {
	display: block;
    padding-bottom: 8px;
}
.wp-block-media-text__content a {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    color: var(--white);
	text-transform: uppercase;
}
.wp-block-media-text__content a:hover {
	color: var(--white);
}
.wp-block-media-text__media img {
    max-width: 100%;
    border-radius: 20px 20px 0 0;
	padding: 10px;
}
.topbar {
	height: 30px;
	background: var(--dark);
}
.topbar .topmenu {
	float: right;
	padding-top: 3px;
}
.topbar .topmenu a {
	font-size: 14px;
}
.topbar .topmenu a:last-child {
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid #ccc;
	margin-right: 10px;
}
.topmenu .navbar-nav > li > a {
    padding-top: 6px;
    padding-bottom: 6px;
    color: var(--white);
    font-size: 14px;
}
.navbar-nav li:hover .dropdown-menu {
	display: block;
	margin-top: 0;
}
.wyszukiwarka .aws-container {
	padding: 0 30px 0 40px;
}
html body .topmenu a.magnif {
	top: 3px;
	position: relative;
}
@media (min-width: 850px) {
    .navbar-collapse.collapse {
        margin-right: 0;
    }
}
.right-head .aws-container {
	float: left;
}
.right-head .dgwt-wcas-search-wrapp {
	float: left;
	max-width: 500px;
}
.navbar-default {
	width: auto;
}
.boczne .ui-slider.ui-widget-content .ui-slider-handle {
    position: relative;
    background: var(--white);
	border: 4px solid #730599 !important;
}
.boczne .ui-slider.ui-widget-content .ui-slider-handle:nth-child(2) {
	display: inline;
}
.xoo-wsc-sc-bki {
	color: var(--white);
}
.wp-social-link::marker {
	color: var(--white);
}
#cookie-notice .cn-button:not(.cn-button-custom) {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0px !important;
    border-radius: 0 !important;
    border: 1px solid #989898 !important;
	background: #6e48b5 !important;
}
.owl-carousel .owl-item {
    overflow: hidden;
}
.tresc-post-box .katalogi .folder {
    height: 190px;
}
.tresc-post-box .katalogi .folder img {
	width: 130px;
	height: auto;
	opacity: 0.9;
	filter: drop-shadow(2px 2px 2px #222);
}
.tresc-post-box .katalogi .folder:hover img {
	opacity: 1;
	filter: none;
}

body .ti-widget.ti-goog .ti-review-item>.ti-inner {
	background-color: rgb(0 69 111 / 6%) !important;
}

.tiktok img {
	max-width: 14px;
}

.naglowek-box .tytul-strony, body.blog .section-title, body.archive .section-title {
    display: block;
    width: auto;
    float: left;
    width: 100%;
    float: left;
    padding: 100px;
    margin-left: 16px;
    text-align: left;
    color: var(--violet);
    text-transform: uppercase;
    background: url(/wp-content/themes/klinikaszybek/images/bg-title-f.webp) center left;
}

/* OGOLNE END */

/* WOOCOMMERCE BGN */
.woocommerce ul.products li.product .button {
    display: inline-block;
    margin-top: 1em;
    margin: 1em;
    float: right;
}
.woocommerce div.product form.cart .button, .woocommerce ul.products li.product .button {
	padding: .480em 1em;
    border-radius: 4px;
	color: var(--white);
	background: var(--darkviolet);
}
.woocommerce div.product form.cart .button:hover, .woocommerce ul.products li.product .button:hover {
	background: var(--black);
}
.woocommerce-Price-amount.amount {
	color: var(--grey);
	/* color: var(--white); */
}
.tagcloud a {
	font-size: 12pt !important;
}
.woocommerce div.product form.cart .variations label {
    font-weight: 500;
    text-align: left;
    color: #222;
    font-size: 14px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li[aria-selected="false"] {
    border: 1px solid #cbd8c8 !important;
    background-color: #eaf3ea !important;
}
.panel {
    margin-bottom: 20px;
    background-color: #eff1ed !important;
    border: 1px solid transparent;
    border-radius: 10px !important;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    padding: 20px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	border-bottom: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin: 0 0 -0.023em !important;
}
.woocommerce div.product form.cart .variations select {
    border-color: #d8d8d8;
    padding: 2px;
    font-size: 14px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	height: 54px;
}

.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: none;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	padding: 10px !important;
    border: 1px dotted #00456f;
    width: 32% !important;
    margin-right: 0.3% !important;
    margin-left: 0.3%;
    border-radius: 0px 20px;
    min-height: 0 !important;
    text-align: left !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin-bottom: 10px;
    float: none;
    background-color: rgb(249 249 249 / 79%);
}

.tresc .woocommerce span.onsale {
    min-height: 1.236em;
    min-width: 3.236em;
    padding: 0 14px;
    font-size: 1em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 2.236;
    top: -.5em;
    left: -.5em;
    margin: 0;
    border-radius: 00%;
    background-color: #ff0000;
}

.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: none !important;
}

.price_slider {
	border: 1px solid var(--violet);
	margin-bottom: 10px;
	padding-right: 16px;
}

/* WOOCOMMERCE END */


/* FORMULARZE */

.wpcf7 {
	/* width: 800px;
	margin: 50px auto; */
}
.wpcf7 label {
    width: 100%;
}

.tresc-post-box .wpcf7-list-item {
    margin: 3px 0 0 3px;
}
.tresc-post-box .wpcf7-acceptance .wpcf7-list-item-label {
	font-size: 13px;
	line-height: 15px;
    font-weight: 400;
    padding-left: 3px;
    margin-right: 10px;
    bottom: 1.5px;
    position: relative;
    display: block;
    float: left;
    width: calc(100% - 30px);
}

.wpcf7 input[type=checkbox] {
	float: left;
    width: 13px;
    display: block;
	margin: 0px 3px 0 0;
}

.wpcf7-radio .wpcf7-list-item-label {
	font-size: 15px;
	line-height: 17px;
    font-weight: 400;
	padding: 0px 10px 0px 4px;
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    width: 100%;
}
textarea {
    font-family: Arial;
    width: 100%;
}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    display: inline-block;
    font-size: 14px;
    padding: 7px 12px;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 3px;
    transition: all .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* FORMULARZE END */

.menubelka {
	background-color: #025FDF;
}

.wp-block-themeisle-blocks-advanced-columns .wp-block-themeisle-blocks-advanced-column {
    --background: transparent;
    --background-color-hover: var(--background);
    --link-color: inherit;
    background: var(--background);
    transition: .3s;
}
.wp-block-themeisle-blocks-advanced-columns .wp-block-themeisle-blocks-advanced-column>* {
    position: relative;
	margin-bottom: 30px;
}

.entry-content ul {
	list-style: none;
	padding-left: 20px;
}

.wsp-pages-list li a, ul .wsp-posts-list li a {
    padding-left: 20px;
}
.wsp-pages-list li a::before, ul .wsp-posts-list li a::before {
    content: "\f054";
    color: var(--main);
    font-family: "FontAwesome";
    font-size: 10px;
    font-weight: 700;
    position: absolute;
    left: 20px;
}