@charset "utf-8";
/**********************************************************************************
      L O K A L N A   T E M A   Z A   T V O L K .HR
***********************************************************************************/
 
:root {
	--prime-color: #060606; 	/* crna */
	--prime-color-rgb: 6, 6, 6; /* crna skoro rgb za rgba stil */
	--second-color: goldenrod; 	/* zlatna */
	--second-color-rgb: 218, 165, 32; /* zelena prime rgb za rgba stil */
	--third-color: #f7dfaf; 	/* bež */
	--text-color: #060606;		/* lagano bijela */
	--text2-color: #F8F8F8;	
	--link-color: #947016;
	--link-color-rgb: var(--second-color-rgb);
	--link2-color: gold;
	--body-color: black;
	--background-color: #F8F8F8;
	--disclaimer1-color: var(--prime-color);
	--disclaimer1-color-rgb: var(--prime-color-rgb);
	--disclaimer2-color: var(--second-color);
	--disclaimer2-color-rgb: var(--second-color-rgb);
}


body div#tvolk-message {
	color: black;
	text-shadow: none;
}

div.listaj-dalje {
	visibility: hidden;
	
}

body nav a,
body nav a.subnav {
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
body nav a:hover,
body nav a.subnav:hover {
	color: gold !important;
}


body h1,
body h2,
body h3 {
	color: var(--prime-color);
	font-family: serif, 'Times New Roman', Times;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px black;
	font-size: 1.8em;
	text-shadow: none;
}
body h1 span,
body h2 span {
	color: var(--prime-color);
	text-shadow: none;
}
body h3 {
	background-color: var(--prime-color);
	color: var(--second-color);
	border-color: var(--second-color);
	font-size: 1.2em;
}

body .red {
	color: #C0392B;
}

body p.title-p {
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	font-weight: normal;
	font-size: 1.4em;
}

body div.punchline {
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

body div.iDiv .logo-tvolk,

body div.iDiv a,

body div.iDiv a.vise {
	color: var(--link2-color);
}
body div.iDiv ul.hover-list li:hover {
	background-color: var(--prime-color);
	box-shadow: none;
}


body a.cta {
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}


body .img-centerd {
    box-shadow: 3px 3px 6px rgba(var(--second-color-rgb), 0.5), /* Sjenka dolje desno */
                -3px -3px 6px rgba(var(--second-color-rgb), 0.5); /* Sjenka gore lijevo */
}


body table.tablica tr.row-color-second td {
	color: var(--text-color) !important;
	text-shadow: none !important;
}
body section.dark-slide.swiper-slide table.tablica td span {
	color: var(--prime-color);
}



body a.teaser span.teaser-naslov {
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}



/*  Google logo */
.logo-google {
  font-family: Arial, sans-serif;
  font-weight: 600;
  letter-spacing: -3px;
  white-space: nowrap;
}
.logo-google span:nth-child(1) { color: #4285F4; } /* G - plava */
.logo-google span:nth-child(2) { color: #EA4335; } /* o - crvena */
.logo-google span:nth-child(3) { color: #FBBC05; } /* o - žuta */
.logo-google span:nth-child(4) { color: #4285F4; } /* g - plava */
.logo-google span:nth-child(5) { color: #34A853; } /* l - zelena */
.logo-google span:nth-child(6) { color: #EA4335; } /* e - crvena */

/* W3 logo */
.logo-w3 {
	color: #005A9C;
	font-weight: bold;
}

/* SLIDE logo */
body h1 .logo-slide {
	background-color: var(--prime-color);
	padding: 3px 10px;
	margin-bottom: 20px;
}


/*** HIGHLIGHTS ***/
body#body-kontakt a#nav-kontakt,
body#body-kosarica a#nav-kosarica,

body#body-pocetna a#nav-pocetna,

body#body-cjenik a#nav-cjenik,
body#body-cjenik-izrada a#nav-cjenik-izrada,
body#body-cjenik-hosting a#nav-cjenik-hosting,
body#body-cjenik-addons a#nav-cjenik-addons,
body#body-cjenik-akcije a#nav-cjenik-akcije,
body#body-cjenik-premium-domene a#nav-cjenik-premium-domene,
body#body-cjenik-sadrzaj a#nav-cjenik-sadrzaj,

body#body-faq a#nav-faq,

body#body-tvrtka a#nav-tvrtka,
body#body-tvrtka-o-nama a#nav-tvrtka-o-nama,
body#body-tvrtka-reference a#nav-tvrtka-reference,

body#body-politike a#nav-politike
 {
	cursor: default;
	background-color: var(--second-color);
	color: var(--prime-color) !important;
	text-shadow: none;
}


/*** FIKSNO - NE DIRATI ***/
@media only screen and (min-width: 800px) {
	body {
		background-image: url(/img/backgrounds/background-body.webp);
	}
}