/* Enter Your Custom CSS Here */

/* tekst główny: Parafia pw. Podwyzszenia.... */
/* pozycja */
.hero-content-container {
	position: absolute;
    top: 80px; /*TXP*/
	height: 100%;
	width: 100%;
} 

/* szerokosc */
.hero-content {
	display: table;
	position: relative;
	height: 100%;
	max-width: 80%; /*TXP*/
	margin: 0 auto;
	text-align: center;
}

/*kolor, rozmiar, odstepy i czcionka glownego napisu */
.hero-content span h2 {
	font-weight: bold;
  	font-size: 90px;
	line-height: 94px;
    color: #897070;  /*TXP*/
	margin-bottom: 40px;
	padding-top: 30px;
    font-family: Calibri, Geneva, sans-serif; /*TXP*/
}

/*kolor, rozmiar, odstepy i czcionka glownego napisu , drugi font (WP po upgrade uzywa h1 zamiast h2) */
.hero-content span h1 {
	font-weight: bold;
  	font-size: 90px;
	line-height: 94px;
    color: #897070;  /*TXP*/
	margin-bottom: 40px;
	padding-top: 30px;
    font-family: Calibri, Geneva, sans-serif; /*TXP*/
}

/* obrazek glowny, pozycja, wysokosc wzgledem ekranu 80%, szerokosc maks 100%, nie poszerzeny i bez przewijania */
#hero-header {
	/*height: 650px;*/ 
    height: 80vh; /*TXP*/
    width: 100%; 
    position: relative; 
	-webkit-background-size: cover !important;  
  	-moz-background-size: cover !important; 
  	-o-background-size: cover !important; 
	/*background-size: cover !important; */
	background-size: auto 100% !important; /*TXP*/
}

/* obrazek w naglowku stron - zmniejszenie wysokosci - padding */
.featured-img-header {
/*	padding: 250px 0 100px; */
	padding: 140px 0 50px;
    position: relative; 
	-webkit-background-size: cover !important;  
  	-moz-background-size: cover !important; 
  	-o-background-size: cover !important; 
	/*background-size: cover !important;*/
    background-size: 100% 388px !important;
}

/* lista wpisów - pole tytulu zmniejszone */
.blog-entry-header {
	/*background: #ea474b;*/
  	/*background: #a06677; /*TXP*/
    background: #6b8ba3; /*TXP*/
	/*padding: 150px 0 150px;*/
    padding: 4px 0 1px;/*TXP*/
}
/*naglowek listy nie bialy */
.blog-entry-header .entry-title, .blog-featured-img-header .entry-title {
	/*font-size: 50px;
	line-height: 54px; */
	font-size: 30px;
	line-height: 32px;
	color: #fff;
	text-align: center;
}
.blog-featured-img-header {
	/*padding: 150px 15px 150px;*/
  padding: 10px 1px 10px;
    position: relative; 
	-webkit-background-size: cover !important;  
  	-moz-background-size: cover !important; 
  	-o-background-size: cover !important; 
	/*background-size: cover !important; */
  background-size: 100% !important; 
}

/* na smartfonie */
@media handheld, only screen and (max-width: 767px) {

/* obrazek glowny na cala strone */  
	#hero-header {
		height: 100vh; /*TXP*/
        width: 100%; /*TXP*/
        background-position: center center !important;
		background-attachment: scroll !important;
	}
  
/*obrazek na podstronach ma być nizszy */  
  	.featured-img-header {
		padding: 140px 0 10px;
		-webkit-background-size: auto !important; 
  		-moz-background-size: auto !important; 
  		-o-background-size: auto !important; 
  		background-size: auto !important;
		background-attachment: scroll !important;
		background-position: center center; 
		background-repeat: repeat; 
	}

/* tekst powiekszony ale dopasowany do phone */  
	.hero-content span h2 { 
/*		font-size: 160%; 
		line-height: 32px;   TXP*/
		font-size: 280%; 
		line-height: 35px;
	}
  /* tekst powiekszony ale dopasowany do phone h1 zamiast h2 po upgrade WP*/  
	.hero-content span h1 { 
/*		font-size: 160%; 
		line-height: 32px;   TXP*/
		font-size: 280%; 
		line-height: 35px;
	}
}