@font-face {font-family: jedan; 
	src: url(/fontovi/Astronomus.ttf);
	font-display: swap;}
/*@font-face {font-family: dva; 
	src: url(/fontovi/PlayPretend.otf);
	font-display: swap;}	*/
:root {
	--naslovna-visina:80vh - 5rem;
	--safari:#EF7F1A;
	--rent:#01AEEE;
	--excursions:#E5097F;
	--sport:#47BA27;
	--ratio: calc(100vw / 100vh)
	}
html{scroll-behavior: smooth; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; scroll-padding-top:0rem; }
*, *:before, *:after {box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; scroll-padding-top:0rem;}
a:visited, a:hover, a:active, a:link{color:white; text-decoration: none; }
article a{text-decoration:underline !important; color:white;}
article a:hover{text-decoration: underline !important; color:white;}
/*article a:after{content: ''; width: 100%; height: .2rem; background-color: white;  display: inline-block;}*/
body{background-image: url(/slike/galerija/rent-a-boat-porec-78.webp);
	background-size: cover;
	font-family:Verdana, Geneva, Tahoma, sans-serif; 
	font-weight: bold; 
	background-attachment: fixed;}
img{display: block;}									
h1{	font-family:jedan, sans-serif; WORD-BREAK:BREAK-WORD; line-height:100%}	
h2{	font-family:jedan, sans-serif; WORD-BREAK:BREAK-WORD; line-height:100%; display: inline-block; }	
h2 hr{display:block; border-width:0; height:.3rem !important; width:100%; background-color: white; opacity:1 !important; margin:-.05em 0 0 0 !important;}
h3{font-family:Verdana, Geneva, Tahoma, sans-serif;}
.font-jedan{font-family:jedan, sans-serif}		
.font-dva{font-family:dva, sans-serif}
.cover{object-fit: cover; object-position: center;}
.contain{object-fit: contain; object-position: center;}
p{font-size: 125%; 
	line-height: 125%;}
.border-white{border:.5rem solid white;}	
section.nakosen{clip-path: polygon(0 3em, 100% 0%, 100% calc(100% - 3em), 0% 100%);}
.nakosen{clip-path: polygon(0 3em, 100% 0%, 100% calc(100% - 3em), 0% 100%);}
.nakosen2{clip-path: polygon(0 0, 100% 3em, 100% 100%, 0 calc(100% - 3em));}
@media only screen and (max-width:992px) {
	.nakosen{clip-path: polygon(0 3em, 100% 0%, 100% 100%, 0% 100%);}
	.nakosen2{clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 3em), 0% 100%); }
}	


/* - ------------------------ SEKCIJE --------------------- */
.bg-teksta{background-color: #FFFc; border-left:1rem solid #ffffff32; border-right:1rem solid #ffffff32;}
#RENT-A-BOAT .bg-teksta{background-color:#01afeed0; color:white }
#RENT-A-BOAT hr{background-color:var(--rent); }
#DOPLHIN-SAFARI .bg-teksta, #DELFINSAFARI .bg-teksta{background-color:#ef7d1ada; color:white }
#DOPLHIN-SAFARI hr, #DELFINSAFARI hr{background-color:var(--safari); }
#EXCURSIONS .bg-teksta, #AUSFLUEGE .bg-teksta{background-color:#e5097ece; color:white }
#EXCURSIONS hr, #AUSFLUEGE hr{background-color:var(--excursions); }
#SPORT .bg-teksta{background-color:#3b9b20df; color:white }
#SPORT hr{background-color:var(--sport); }
footer{background-color: #025385d1; clip-path: polygon(0 3em, 100% 0%, 100% 100%, 0% 100%);} 


/* --- BRODICE ---*/
.nakosen-BRODICE{clip-path: polygon(0 0, 100% 3em, 100% calc(100% - 6em), 0 calc(100% - 3em))}
@media only screen and (max-width:992px) {
	.nakosen-BRODICE{clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 6em), 0% calc(100% - 3em)); }
}	
.slike-brodica{padding-bottom:3rem;}
/*figure{margin-bottom:-3rem !important;}
figure:first-of-type img{clip-path:none;}
figure img{clip-path: polygon(0 3em, 100% 0%, 100% 100%, 0% 100%);}*/
.slike-brodica figcaption{background-color:#01AEEEaa; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight: 600;
			width:100%; padding:1em; padding-top:2rem;clip-path: polygon(0 0, 100% calc(100% - 2em), 100% 100%, 0% 100%);  }	
.slike-brodica a:last-of-type figcaption{padding-right:calc(100% - 8rem); padding-bottom:2em;clip-path:polygon(0 0, 100% calc(100% - 3em), 100% 100%, 0% 100%); }				

.justify{text-align: justify;}
		
.hue-rotate{filter:sepia(100%) hue-rotate(80deg);;}
.hue-rotate:nth-of-type(2){filter:sepia(100%) hue-rotate(150deg)}
.hue-rotate:nth-of-type(3){filter:sepia(100%) hue-rotate(240deg)}
.object-fit{object-fit: cover; color:darkslateblue}

ul {list-style: none; padding: 0;}
li {text-align: left }
li:before {content: "★"; margin-right:.3em; }

.krug{border-radius: 100%; background-color:#212529; height: .3em; width:.3em; display: block;}
.accordion-item{border:.5rem solid var(--narancasta) !important; outline:.5em solid white}