@charset "utf-8";
/* CSS Document */

.content-item {
	position: relative; 
}
	.content-item {
	}
		.content-item .content-img {
			z-index: 100
			
		}
			.content-item .content-img img { 
				width: 100%;
			}
		.content-item .content-text {
			font-size: 14px;
		}
		.content-item .content-text h3 a {
			font-size: 18px;
			text-transform: uppercase;
			text-decoration: none;
		}
			.content-item .content-text h3 a:hover { }
	
		.content-item .content-text .text-muted {
			font-style: italic
		}
		.content-item .content-text .content-perex {
			
			text-align: justify
		}
		.content-item a.content-btn {
		}
			.content-item a.content-btn:hover {
			}
			.content-item a.content-btn i { margin-left: 5px;}
	
.content-item-grid {
	position: relative;
}
.content-item-grid div.content-div {
	min-height: 310px;
	
	background-color: #E8E8E8;
	}
.content-item-grid div.content-title {
		position: absolute;
		width: 80%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		padding: 10px;
		background-color: rgba(62, 70, 205, 0.8);
		/* Zabezpečí, že klik na nadpis "prepustí" kliknutie na <a> tag obaľujúci obrázok */
		pointer-events: none; 
	}
	
	.content-item-grid h3 {
		margin: 0;
		font-weight: normal;
	}
	
	.content-item-grid h3 a {
		text-transform: uppercase;
		font-size: 14px;
		color: #FFFFFF;
		font-weight: normal;
		pointer-events: auto; /* Obnoví klikateľnosť pre samotný text odkazu */
	}
	.content-item-grid .content-img {
		position: relative; /* Dôležité pre absolútne pozicovanie nadpisu */
		display: block;
	}
		.content-item-grid .content-img img {
			width: 100%
		}
		
		
	.content-item-grid .content-info {
		font-style: italic;
		color: #2a2a2a;
		font-size: 12px
	}
	.content-item-grid .content-perex {
		
		text-align: center; /* Zmena z justify na stred pre modernejší vzhľad (môžeš dať aj 'left') */
		font-size: 13px;    /* O kúsok menšie písmo pôsobí čistejšie */
		line-height: 1.5;   /* Vzdušnejšie riadkovanie */
		color: #555555;     /* Tmavosivá farba namiesto ostrej čiernej */
		padding: 10px 10px 10px 10px; /* Jemné odsadenie zhora a z bokov, aby text nebol nalepený na krajoch */
	}
	.content-item-grid .content-btn {
	}
		.content-item-grid .content-btn .btn { padding-left: 25px; padding-right: 25px }
		.content-item-grid .content-btn i { padding-left: 5px } 
		
@media only screen and (max-width: 767px){ 
		.content-item .content-text h3 a {
			font-size: 14px;
		}
		.content-item-grid h3 a {
			font-size: 14px
		}

}