/*
Theme Name: Prywatny Gabinet Lekarski
Author: Maciej Czapla
Author URI: https://maciejczapla.com/
Version: 1.0
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 20px;
	width: 100%;
	height: 100%;
	color: #595959;
	margin: 0 auto;
	padding: 0;
	line-height: 1;
	overlay: none;
	background-image: url(img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

p {
	margin: 0;
	padding: 0;
}

#address-footer {
    color: #2e6d9b;
    font-family: 'Bitter', serif;
    font-style: normal;
    font-weight: 700;
    display: block;
    margin: 15px auto 80px;
    text-align: center;
    text-decoration: none;
}

#logo {
    color: #5695C3;
font-family: 'Bitter', serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px;
    margin: 40px auto 50px;
    text-transform: none;
	text-align: center;
}

#logo p {
    color: #175684;
    display: block;
    font-size: 20px;
    margin: -30px 0 0;
}


#index-page {
margin: 0 20px;
}

#main {
	background: #ffffff;
	max-width: 800px;
	border-radius: 10px;
	box-shadow: 0 3px 5px 0 rgba(3, 3, 3, 0.15);
	padding: 3% 4%;
	position: relative;
	margin: 0 auto 0;
}

.main-stripe {
    background: none repeat scroll 0 0 #5695C3;
    color: #5695C3;
    border-radius: 10px 10px 0 0;
    clear: both;
    display: block;
    height: 6px;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.box {
	padding: 20px 4% 15px 4%;
	margin: 0 10px;
}

.box-title {
    color: #424242;
    font-family: 'Libre Baskerville';
    font-size: 25px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 25px;
    margin: 25px 0 10px 0;
    position: relative;
}

.box-text {
	color: #595959;
	padding: 0 0 0 30px;
	line-height: 25px;
}

.box .day {
	width: 100%;
	display: inline-block;
	margin: 0 0 15px;
}

.box .first,
.box .second,
.box .third {
	width: 33%;
	float: left;
}

.box .mapa {
	margin: 0 0 0 -30px;
	width: 104%;
}

.box ul {
	margin: 0;
	padding: 0;
}


.box ul li {
	list-style-image: url('img/list-bullet.png');
	padding: 0 0 10px 0;
}

/*=================*/


.box ul li,
.box table tr {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	outline: none;
}

.box ul li:hover,
.box table tr:hover {
	color: #000;
}


/*=================*/


@media screen and (max-width: 540px) {
	.box-text { padding: 0 }
	#box-3 li { list-style: none; }
	.box-title { text-align: center; }
	.box .first { text-decoration: underline; }
	#box-1, #box-3, #box-4 { text-align: center; }
	#box-4 .mapa { width: 100%; margin: 0; }
}


@media screen and (min-width: 391px) and (max-width: 540px) {
	.box .day .first { width: 100%; }
	.box .day .second,
	.box .day .third { width: 50%; }
}

@media screen and (max-width: 390px) {
	.box .first, .box .second, .box .third { width: 100%; text-align: center; }
}