/* NASLOVNA TOP 4 INFO CSS */

.naslovna_top_for_cont {
	background-color:#fff;
	margin-top:-33px;
	padding:40px 0;
	border-bottom:2px solid cornflowerblue;
}

.naslovna_top_for {
	padding-left:0;
	list-style-type:none;
	text-align:center;
	width:80%;
	margin:0 auto;
}

.naslovna_top_for  li {
	display:inline-block;
	width:24%;
}

.naslovna_top_for  li img {
	height:75px;
}

/* LETOVI GRID CSS */

.naslovna_letovi_naslov {
	margin: 40px 0 15px 0;
	color:#2b2b2b;
}

.home_let_grid_cont {
	display:grid;
	height:350px;
	grid-template-rows: auto;
	grid-gap: 10px;
	grid-template-columns:repeat(18, 1fr);
}

.let_item  {
	background-repeat: no-repeat;
    background-size: cover;
	min-height:175px;
	background-position:center;
}

.let_box1 {
	grid-column:1/5;
	grid-row:1/5;
}

.let_box2 {
	grid-column:5/9;
	grid-row:1/3;
}

.let_box3 {
	grid-column:9/15;
	grid-row:1/3;
}

.let_box4 {
	grid-column:15/19;
	grid-row:1/3;
}

.let_box5 {
	grid-column:5/13;
	grid-row:3/5;
}

.let_box6 {
	grid-column:13/19;
	grid-row:3/5;
}

.naslovna_let_link {
	display:block;
	text-align:right;
}

.let_item a,
.smjestaj_item a {
	width:100%;
	height:175px;
	color:#fff;
	text-decoration:none;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.let_item a:hover ~ .letovi_tekst {
	background-color:cornflowerblue;
}

.let_box1 a {
	height:100%;
}

.letovi_tekst {
    padding: 10px 20px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

.letovi_tekst strong {
	font-size:23px;
}

.letovi_tekst strong:hover {
    font-size: 24px;
}

.let_box5 {
	background-size: 45% 90%;
    background-position: 9px;
    background-color: #fff;
	border:1px solid #c7c7c7;
}

.let_box5 a {
	color:#2b2b2b;
}

.let_box5 > a > div > div.letovi_tekst {
	width: 41%;
    float: left;
    margin-left: 19px;
    margin-top: 20px;
}

.let_box5 > a > div > div.letovi_tekst strong {
	color:#fff;
}

.let_box5 > a > div > div.letovi_tekst_desno {
	width: 52%;
    float: left;
}

.let_box5 ul {
	padding-left: 30px;
    list-style-type: none;
    text-align: left;
    padding-top: 3px;
}

.let_box5 ul li {
    margin-bottom: 10px;
}

.naslovna_let_link {
	color:#2b2b2b!important;
    text-decoration: none;
    font-size: 16px;
    margin-top: 25px;
    padding-bottom: 50px;
    margin-bottom: 10px;
    border-bottom: 1px solid #c7c7c7;
}

/* SMJESTAJ CSS */

.naslovna_smjestaj_naslov {
	color:#2b2b2b;
	margin: 40px 0 15px 0;
}

.home_smjestaj_grid_cont {
	display:grid;
	height:350px;
	grid-gap: 10px;
	grid-template-columns:repeat(18, 1fr);
}

.smjestaj_item  {
	background-repeat: no-repeat;
    background-size: cover;
	min-height:175px;
	background-position:center;
}

.smjestaj_box1 a {
	height:100%;
}

.smjestaj_box1 {
	grid-column:1/5;
	grid-row:1/5;
}

.smjestaj_box2 {
	grid-column:5/9;
	grid-row:1/3;
}

.smjestaj_box3 {
	grid-column:9/15;
	grid-row:1/3;
}

.smjestaj_box4 {
	grid-column:15/19;
	grid-row:1/3;
}

.smjestaj_box5 {
	grid-column:5/11;
	grid-row:3/5;
}

.smjestaj_box6 {
	grid-column:11/15;
	grid-row:3/5;
}

.smjestaj_box7 {
	grid-column:15/19;
	grid-row:3/5;
}

.smjestaj_box7 p {
	width: 100%;
    height: 175px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
	font-size:16px;
}

/* NOVOSTI CSS */

.home_novosti_grid_cont {
	display:grid;
	grid-gap: 10px;
	grid-template-columns:repeat(18, 1fr);
}

.novosti_item {
	background-repeat: no-repeat;
    background-size: cover;
	min-height:100px;
	background-position:center;
	background-color:#fff;
	padding: 5px 10px;
	border: 1px solid #c7c7c7;
}

.novosti_item a {
	color:#000!important;
}

.novosti_box1 {
	grid-column:1/7;
	grid-row:1/5;
}

.novosti_box2 {
	grid-column:7/11;
	grid-row:1/5;
}

.novosti_box3 {
	grid-column:11/15;
	grid-row:1/3;
}

.novosti_box4 {
	grid-column:15/19;
	grid-row:1/3;
}

.novosti_box5 {
	grid-column:11/15;
	grid-row:3/5;
}

.novosti_box6 {
	grid-column:15/19;
	grid-row:3/5;
}

.kategorija_naslov {
	display:inline-block;
	color:#fff;
	padding: 2px 20px;
	margin-bottom: 5px;
}

.s_novosti,
.s_news {
	background-color:red;
}

.s_events {
	background-color:green;
}

.s_zanimljivosti {
	background-color:#f23ecf;
}

.s_obavijesti {
	background-color:cornflowerblue;
}

.novosti_box1 img {
	width:46%;
	height:100px;
	float:left;
	margin-right:10px;
}

.novosti_box2 img {
	height:100px;
}

.novosti_box2 > a > p.naslovna_novost_naslov {
	margin-top:13px;
}

.naslovna_novost_naslov {
	font-weight: bold;
    font-size: 18px;
	color:#2b2b2b;
}

.naslovna_exc {
	color:#2b2b2b;
}

.novosti_box1 > p.naslovna_novost_naslov {
	float:left;
	width: 50%;
}

/* ZNAMENITOSTI GRID CSS */

.home_grid_cont {
	display:grid;
	grid-gap: 10px;
}

.item {
	background-color:#fff;
}

.item:hover {
	-webkit-box-shadow: 1px 1px 5px 0px rgba(120,120,120,1);
	-moz-box-shadow: 1px 1px 5px 0px rgba(120,120,120,1);
	box-shadow: 1px 1px 5px 0px rgba(120,120,120,1);
}

.boxitem_tekst {
	padding:10px;
}

.box1 {
	grid-column:1/7;
	grid-row:1/6;
}

.box2 {
	grid-column:7/11;
}

.box3 {
	grid-column:11/14;
	grid-row:1/6;
}

.box4 {
	grid-column:14/17;
	grid-row:1/6;
}

.box5 {
	grid-column:7/11;
	grid-row:2/8;
}

.box6 {
	grid-column:1/5;
	grid-row:6/11;
}

.box7 {
	grid-column:5/7;
	grid-row:6/8;
}

.box8 {
	grid-column:11/17;
	grid-row:6/11;
}

.box9 {
	grid-column:5/11;
	grid-row:8/11;
}

.boxitem_image img {
	max-width:100%;
}

.naslovna_grad_links {
	color:#2b2b2b!important;
	text-decoration:none!important;
}

.boxitem4 img {
	height:238px;
}

@media only screen and (max-width : 768px) {
	.item,
	.smjestaj_item,
	.novosti_item ,
	.let_item {
		grid-column:1/19;
		grid-row: auto;
	}
	
	.home_let_grid_cont,
	.home_smjestaj_grid_cont,
	.home_novosti_grid_cont,
	.home_grid_cont {
		grid-gap:0;
	}
	
	.let_item,
	.smjestaj_item,
	.novosti_item,
	.item {
		margin-bottom:10px;
	}
	
	.boxitem {
		position:relative;
	}
	
	.boxitem_tekst {
		background-color: rgba(0, 0, 0, 0.5);
		position: absolute;
		color: #fff;
		bottom: 0;
		width: 100%;
	}
	
	.boxitem_tekst p {
		margin-bottom:0;
	}
	
	 #naslovna_grid_tekst {
		display:none;
	}
	
	.boxitem_image img {
		width: 100%;
		object-fit: cover;
		object-position: center;
		height: 170px;
	}
	
	.boxitem2  img {
		height:auto;
	} 
	
	.boxitem7 img {
		height: 71px;
		object-fit: contain;
	}
	
	.boxitem7 {
		background-color:#f87a1a;
	}
	
	.naslovna_top_for li {
		width:100%;
		margin-bottom:20px;
	}
	
	.home_let_grid_cont {
		height:auto;
	}
	
	.naslovna_letovi_naslov,
	.naslovna_smjestaj_naslov {
		text-align:center;
		font-size:24px;
	}
	
	.let_box1 a {
		height:175px;
	}
	
	.let_box5 {
		background-size:100%;
	}
	
	.let_box5 > a > div > div.letovi_tekst,
	.let_box5 > a > div > div.letovi_tekst_desno {
		float:none;
		width:auto;
	}
	
	.let_box5 ul {
		padding-left:10px;
		background-color: #fff;
	}
	
	.let_box5 ul li {
		margin-bottom:0;
	}
	
	.home_smjestaj_grid_cont {
		height:auto;
	}
	
	.smjestaj_box1 a {
		height:175px;
	}
}