/*
	Theme Name: BlakKat
	Theme URI: http:/blakkat.pl
	Description: BlakKat WordPress Theme
	Version: 1.4.3
	Author: Sławomir Wolański
*/

@import url('https://fonts.googleapis.com/css?family=Great+Vibes');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

html{height: 100%;}
body{
    font-family: 'Oxygen', sans-serif;
    padding: 0;
    margin: 0;
    font-size: 16px;
    height: 100%;
    color: #333;
}
a{color: #333;outline: none;}
a:hover{text-decoration: none;}
img{max-width: 100%;height: auto;}

.padd0{padding: 0;}

.custom-container{max-width:80%;margin:0 auto;}


/* header menu wspolne */
#menuIcon{font-size:2rem;display:none;}
header{padding: 1rem 0;}
header .logo img{max-width: 100px;margin: 0 auto 1.5rem auto;display: block;}
header nav ul{display: flex;margin: 0;padding: 0;list-style: none;justify-content: center;}
header nav ul li{
    display: inline-block;
    border-right: 2px solid #e5e5e5;
    padding: 0 4rem;
    text-align: center;
}
header nav ul li:last-child{border: none;}
header nav ul li a{line-height: 1.5;font-size: 1.2rem;text-transform: uppercase;}
header nav ul li a:hover{color: #888;}

/* content stron */
.content-wrap .page-title h1{
    padding: 2rem 0;font-family: 'Great Vibes', cursive;font-size: 5rem;margin: 0;
}
.page-content{margin-bottom: 3rem;margin-top:5rem;}
/*.page-content a{padding: .375rem .75rem;background-color: #333;color:#fff;line-height: 1.5;border-radius: .25rem;display: inline-block;}*/

/* photo */
.photo-bg-img{background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;}
.photo-bg-img .headings-wrap{text-align: right;padding: 1rem;position: relative;z-index: 10;}
.photo-bg-img .headings-wrap a{color: #fff;}
.photo-bg-img .zobacz-single{
    width:100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);position: absolute;top: 0;
    text-align: center; transition: all 0.5s ease;visibility: hidden;opacity: 0;
}
.photo-bg-img:hover .zobacz-single{opacity: 1;visibility: visible;}
.photo-bg-img .zobacz-single a{
    transition: all 0.5s ease;visibility: hidden;opacity: 0;
    position: absolute;top: 70%;transform: translate(-50%,-50%);
    display: inline-block;padding: 0.5rem 1.5rem;border: 2px solid #fff;color: #fff;
    text-transform: uppercase;font-size: 1.2rem;
}
.photo-bg-img:hover .zobacz-single a{opacity: 1;visibility: visible;top: 50%;left: 50%;}

/* oferta */
.oferta .content-wrap a{padding: 0.35rem 0.75rem;border: 1px solid #333;color: #333;}
.oferta .content-wrap a:hover{color: #fff;background-color: #333;}

/* o nas & more */
.onas-wpis article, .more-wpis article{padding-top:2rem;}
.onas-wpis .onas-thumbnail, .more-wpis .more-thumbnail{margin-top: -2rem;}
.onas-wpis:first-child .onas-thumbnail,
.more-wpis:first-child .more-thumbnail{margin-top: 0;}
.onas-wpis:first-child article,
.more-wpis:first-child article{padding-top:0rem;}

/* kontakt */
.input-blakkat{width:100%;border:none;box-shadow:none;border-bottom:1px solid #666;padding:3px 0;}
.btt-blakkat{padding: 0.35rem 0.75rem;border: 1px solid #333;color: #333;}
.btt-blakkat:hover{color: #fff;background-color: #333;}
.textarea-blakkat{max-height:60px;}
.textarea-blakkat:focus {max-height:200px;}
.instaWrap{margin-bottom:2rem;}
/* stopka / footer */
footer{padding:5rem 0 1rem 0;background-color:#f0f0f0;}
footer p {margin-bottom: 0;}
/*footer .border-footer > div{border-right:2px solid #333;}
footer .border-footer > div:last-child{border-right:none;}*/
footer .logofooter{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #555;}
footer .logofooter img{max-width:100px;}
footer #menu-menu-stopka{list-style:none;display:flex;justify-content:center;padding:0;}
footer #menu-menu-stopka li{margin: 0 2rem;}
.contact{font-size:0.9rem;}
.contact .socialFoot{margin-top:2rem;font-size:0.9rem;}
.contact .socialFoot a{font-size:2rem;margin-right:0.5rem;}
.contact .socialFoot a:hover{color:#333;opacity:0.8;}
.copyright{text-align:right;font-size:0.9rem;}

@media only screen and (max-width: 1200px) {
	header nav ul li{padding:0 2rem;}
	.slider-home-wrap .home-center{position:static;transform:none;width:100%;padding:2rem 0;}
	.home-center ul li{border:2px solid #fff;margin:0.5rem;}
	.home-center ul li:last-child{border:2px solid #fff;}
	.slider-home-wrap .logo{margin-bottom:2rem;}
}
@media only screen and (max-width: 992px) {
	.home-center a{font-size:1rem;}
	.slider-home-wrap .logo{margin-bottom:1rem;}
	
}
@media only screen and (max-width: 768px) {
	header nav ul li{padding:0 1rem;}
	header nav ul li a{font-size:1rem;}
	.page-content{margin-top:1rem;}
	header .logo img{margin-bottom:1rem;}
}
@media only screen and (max-width: 550px) {
	#menuIcon{display:block;text-align:center;}
	.slider-home-wrap{padding-bottom:2rem;}
	.home-center ul li{width:100%;}
	header nav{opacity:0;height:0;visibility:hidden;}
	header nav.visible{opacity:1;height:auto;visibility:visible;}
	header nav ul{flex-wrap:wrap;}
	header nav ul li{width:100%;padding:0.5rem 1rem;border-bottom:1px solid #ddd;}
	header nav ul li:first-child{border-top:1px solid #ddd;}
	header nav ul li:last-child{border-bottom:1px solid #ddd;}
	.photo-bg-img{margin-bottom:2rem;}
	.photo-bg-img:last-child{margin-bottom:0;}
	footer #menu-menu-stopka li{margin:0;padding:0.5rem 0;border-bottom:1px solid #333;width:100%;}
	.custom-container{width:95%;}
	footer #menu-menu-stopka{flex-wrap:wrap;}
}