@charset "utf-8";/*
Theme Name: UnderStrap
Theme URI: http://understrap.com
Author: Holger Koenemann
Author URI: http://www.holgerkoenemann.de
GitHub Theme URI: https://github.com/understrap/understrap
Description: Combination of Automattic´s _s theme and Bootstrap 4. Made as a solid starting point for your next theme project and WordPress website. Use it as starter theme or as a parent theme. It is up to you. Including Font Awesome support, built-in widget slider and much more you need for basic websites. IMPORTANT: All developer dependencies are not bundled with this install file. Just download the .zip, extract it and run "npm install" and "gulp copy-assets" inside the extracted /understrap folder. 
That downloads everything and moves it in place so that you can recompile your CSS and JS files;
A developer version (with Gulp/node and Sass sources) is available on gitHub: https://github.com/understrap/understrap
A child theme is available on Github, too: https://github.com/understrap/understrap-child;
Version: 0.8.6
License: UnderStrap WordPress Theme, Copyright 2013-2017 Holger Koenemann
UnderStrap is distributed under the terms of the GNU GPL version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap
*/
.cky-modal div, .cky-modal{
	width: auto;
}
@media (max-width: 576px) {
    .cky-modal {
        width: 100%;
    }
}
.tables .column > p{
	width: 100%;
}
.index ul{
	list-style-type: disc;
	padding-left: 20px;
}
.single-post__content ul, .single-area__content ul{
	list-style-type: disc;
	padding-left: 20px;
}
.footer.green .h5, .footer.green .h3{
	color: #12b059;
}
.header .sub-menu .sub-menu{
	display: none !important;
    top: 0;
    left: 100%;
	width: 200px;
}
.header .sub-menu li:hover .sub-menu{
	display: block !important;
}
.header .sub-menu{
	width: 200px;
}
.header .sub-menu li li a {
    border-bottom: 1px solid #eda4a5;
}
.header__nav .sub-menu li li:last-child a {
    border: none;
}
.about-first__image img{
	-webkit-clip-path: url(#aboutnew);
    clip-path: url(#aboutnew);
	object-fit: contain;
}
.footer__hours{
	text-align: center;
}
.footer__hours li{
	margin-bottom: 16px;
}
.footer__hours p {
	display: inline-block; 
	width: auto;
}
.footer p span{
	color: #8ac7ff;
}
.footer p.icon{
	line-height: 24px;
}
.footer p.icon img, .footer p.icon svg{
	top: 2px;
}
.footer p.icon.mail svg {
	top: 6px;
}
.footer div.icon{
	padding-left: 28px;
	position: relative;
}
.footer div.icon b, .footer div.icon strong{
	color: #8ac7ff;
	font-weight: inherit;
}
.footer.green div.icon b, .footer.green div.icon strong, .footer.green p span{
		color: #12b059
	}
.footer div.icon svg {
	position: absolute; 
	top: 0;
	left: 0;
}
.footer__logo{
	flex: 0 0 15%;
}
.footer__contact{
	flex: 0 0 35%;
}
.footer h5.h5-inline, .footer .h5.h5-inline{
	display: inline-block;
	width: auto;
}
button.btn-footer{
	margin: 0 0 0 16px;
}
.news-single__image h5, .news-single__image .h5{
	width: 264px;
	left: calc(50% - 132px);
	text-align: center;
}
.wrapper--patient-zone .prices .container .tables .column > p{
	font-weight: 300;
}
.person:last-child::before{
	display: none;
}
.team__tabs{
	flex-wrap: wrap;
	justify-content: center;
}
.team__tabs .button{
	width: auto;
	margin-left: 12px;
}
.wrapper--patient-zone .areas .container ul{
	height: auto;
	flex-direction: row;
}
.wrapper--patient-zone section.wallpaper-page{
	margin: 0;
}
.wrapper--patient-zone .prices .container .tables .column table tr td:last-of-type{
	white-space: nowrap;
}
.arrow-back{
	width: 68px;
	height: 68px;
	position: fixed;
	right: 30px;
	bottom: 30px;
	cursor: pointer;
	transition: 0.3s;
}
.arrow-back:hover{
	opacity: 0.7
}
.our-team {
    margin: 0;
    position: relative;
    padding: 140px 0 100px 0;
}
.our-team__content {
    flex: 0 0 250px;
}
.our-team__slider {
    flex: 0 0 calc(100% - 250px);
    max-width: calc(100% - 250px);
}
.our-team h2, .news h2{
	font-size: 39px;
}
.our-team .h2,.news .h2{
	font-size: 32px;
}
.fs20px{
	font-size: 20px!important;
}
.our-team h5{
	font-size:16px;
	font-weight: 400;
}
.our-team__slider__single>img{
	max-width: 350px;
}
.news {
    margin: 0;
    position: relative;
    padding: 170px 0;
}
.news__content {
    flex: 0 0 250px;
	max-width: 250px;
}
.news__slider {
    flex: 0 0 calc(100% - 250px);
    max-width: calc(100% - 250px);
	padding-left: 100px;
}
.news .row{
	align-items: center;
}
@media (max-width: 1200px)
{
	.our-team__slider, .our-team__content, .news__slider, .news__content {
		max-width: 100%;
    flex: 0 0 100%;
	}
	.news__slider, .our-team__slider{
		padding-left: 0;
	}
}
@media (max-width: 991px){
	.about-first__image{
		padding: 32px 0;
		text-align:center;
	}
	.about-first__image img{
		margin: 0 auto;
		width: 100%;
		max-width: 500px;
	}
}
@media (max-width: 767px)
{
	.our-team__slider__single>img {
		height: 240px;
		max-width: 220px;
	}
}
.single-area{
	padding-top: 0;
}
.wrapper--patient-zone .services ul{
	column-count: 1;
}
.footer__logo p{
	text-align: center;
	max-width: 150px;
}
.footer__logo p.social-p{
	margin-top: 60px;
}

.footer__logo p svg{
	margin: 0 4px;
}

table{
	
}
table tr{
	
}
table tr td{
	color: #212721;
	padding: 9px 0;
	font-weight: 400;
}
table tr td strong{
	font-weight: 500;
}
hr{
	border-top-color: #F35C52;
	margin: 24px 0;
}

.wrapper--patient-zone .areas .container{
	z-index: 2;
}
.news-single__image img, .news-single__image h5, .news-single__image .h5{
	transition:0.5s;
}
.wrapper--blog .news-single__image:hover img{
	clip-path: url(#person3);
}
.wrapper--blog .news-single__image:hover h5{
	clip-path: url(#person3);
}


.person__description p{
	margin-bottom: 4px;
}
.person__description .button{
	margin-top: 40px;
}
.phone-mobile{
	display: none;
}
.wallpaper-page__content {
    height: 280px;
    padding-top: 170px;
}
.wallpaper-page--post .wallpaper-page__content{
    height: 624px;
    padding-top: 80px;
}
.footer__text{
	margin-top: 16px;
}
.footer__text p {
	margin: 8px 0 0 auto;
	padding-left: 30px;
	font-weight: 300;
	max-width: 85%;
	font-size: 15px;
	position: relative;
}
.footer__text p svg{
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	object-fit: contain;
	object-position:center;
}
.wrapper--patient-zone .services{
	padding-top: 180px;
	padding-bottom: 180px;
	margin: 0;
}
.wrapper--patient-zone .prices .container .tables .column table{
	margin-bottom: 32px;
}
.wrapper--patient-zone .prices .container .tables .column{
	justify-content: flex-start;
}

@media (max-width: 1600px)
{
	.wrapper--patient-zone .prices {
    margin: 0;
    padding-top: 100px;
    padding-bottom: 100px;
}
	.wrapper--patient-zone .services {
		padding-top: 150px;
		padding-bottom: 100px;
	}
	.wallpaper-page__content {
		height: 210px;
		padding-top: 110px;
	}
	.wallpaper-page--post .wallpaper-page__content{
		height: 624px;
		padding-top: 80px;
	}
}

@media (max-width: 1500px)
{
	.footer__text p {
		max-width: 85%;
	}
}
@media (max-width: 1300px)
{
	
.footer__logo, .footer__contact, .footer__hours, .footer__map {
    flex: 0 0 50%;
}
	.footer__hours{
		text-align:left;
	}
	.footer__text p{
		max-width: 100%;
	}
	.header {
		position: fixed;
    	background-color: #1e4530;
	}
	.header.header-single-obszary-zdrowia{
		background-color:#22294e;
	}
	.header.header-about{
		background-color:#4d2631;
	}
	.header.header-blog{
		background-color:#D85550;
	}
	.header.header-single-post{
		background-color:#522834;
	}
	.header__inner{
		padding: 0;
	}
	.header__logo{
		margin: 28px 0 28px 20px;
	}
	.header__nav .button{
		top: 18px;
	}
	.hamburger {
		top: 23px;
	}
	.header.header--home .header__nav .phone {
		display: none;
	}
	.phone-mobile.phone-mobile-10{
		display: block;
	}
	.phone-mobile{
		width: 100%;
		position: absolute;
		z-index: 2;
		text-align:center;
		top: 110px;
	}
	.phone-mobile h5{
		display: inline-flex;
		align-items: center;
		color: #eda4a5;
	}
	.phone-mobile h5 svg {
		margin-right: 12px;
	}
}
@media (max-width: 1200px){
	.our-team__slider{
		max-width: 100%;
	}
	.wallpaper-page__content {
    height: 320px;
    padding-top: 70px;
}
	.footer h5.h5-inline, .footer .h5.h5-inline {
    display: inline-flex;
    width: 100%;
}

	button.btn-footer{
		margin: 16px 0 0 0;
	}
}
@media (max-width: 767px)
{
	.footer div.icon{
		padding: 0;
	}
	.footer div.icon svg{
		display: none;
	}
	.footer__logo, .footer__contact, .footer__hours, .footer__map {
    flex: 0 0 100%;
    text-align: center;
}
	.footer__logo p{
		max-width: 100%;
	}
	.header__nav .button {
    top: 26px;
}
	.footer p.footer-hide-mobile {
		display: none;
	}
}
@media (max-width: 575px){
	table tr td{
		border-bottom: 1px solid #EDA4A5;
	}
	.footer p.or{
		margin-left: 0;
	}
	.wrapper--patient-zone .areas .container ul{
		display: flex;
	}
}