/* UNIVERSAL */

.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear50 {clear:both; height:50px;}
.clear60 {clear:both; height:60px;}

.noradi {border-radius:0 !important}
.nomarg {margin:0 !important}
.nopadd {padding:0 !important}
.nobord {border:none}

.righttoleft {text-align:right;}
.centertoleft {text-align:center;}

hr.hrfull {background:#ddd;}
.bigtar:hover {cursor:pointer;}

.breadcrumb > li + li::before {content: none}
.breadcrumb {font-size:12px;}
.breadcrumb {color:#777;}

.glavna-tekst {text-align:justify;}
.glavna-tekst img {display:block; max-width:100%; height:auto;}

.cart5error .help-block {color:#d2322d;}
.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:2em; font-weight:700; color:#67d187;}
.success_message2 p {font-size:2em; font-weight:700; color:#67d187;}
.alert-darksuccess {background-color: #d6e9c6;border-color: #d6e9c6;border-radius: 0;color: #3c763d;}

ul.ul-ref {list-style-type: none; counter-reset: section; width:100%;font-size:13px; padding:0;-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2; -webkit-column-gap: 20px;column-count: 2;column-gap: 20px;}
ul.ul-ref li { padding-left: 10px; position: relative; line-height:35px; border-bottom:1px dotted #ddd;}
ul.ul-ref li:hover {background:#E8E8E8;}
ul.ul-ref li a {display:block;}
ul.ul-ref li a i.fa {color:#67d187;}

h2.entry {font-weight:500;}
.glavna-tekst {text-align:justify;}

/* fix za blurry owl images */

.owl-carousel .owl-item img {transform-style:flat; -webkit-backface-visibility: hidden;}

/* Cookie skripta */

.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

/* Ovo je za videe embedane u wygwam, dodan je js plugin za wygwam koji oko videa automatski stavi div video-container */
.video-container {
	padding-top: 25px;
	padding-bottom: 50.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	height: 0;
}

.video-container.vimeo {
	padding-top: 0;
	padding-bottom: 56.4%;
}

.video-container embed,
.video-container iframe,
.video-container object,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* SPECIFIC */

body {color:#484848;}
p {color:#484848;}

#header .header-top ul.nav-top li a {padding: 4px 6px;}
#footer {margin-top:0}
#footer ul.simple-post-list li {padding:5px 0; border:none;}
#footer .contact i {float:right; margin:7px 0 10px 8px;}
#footer ul.simple-post-list .post-meta {font-style:italic; font-size:1em;}

/*Tomislav*/

/*HEADER*/
/*Traka*/
#header .header-top {background-color: #000;padding: 0;}
.bg-header-top-login {background: #6e3b9c;padding: 19px 0;text-align: center;}
.bg-header-top-login a:link, .bg-header-top-login a:visited, .bg-header-top-login a:active{color:#fff; text-align: center; weight: bold; }
.bg-header-top-login a:hover {color: #fff;text-decoration: underline;} 

/*Izbornik*/
#header .header-nav.header-nav-center nav > ul > li.active:not(:hover) > a {color: #000;font-weight: bold;}
#header .header-nav.header-nav-center nav > ul > li.active:hover > a {  color: #000;  font-weight: bold;}
#header .header-nav.header-nav-center nav > ul > li > a:hover {color: #6e3b9c; background-color: transparent !important;}
#header .header-nav.header-nav-center nav > ul > li > a {color: #000;}
#header .header-nav-main nav > ul > li > a {font-weight: normal;font-size: 14px;text-transform: lowercase;}

#header .header-logo img {margin: 0;position: relative; top: 50px !important;}
#header .header-nav.header-nav-center nav > ul > li > a, #header .header-nav.header-nav-center nav > ul > li:hover > a {margin: -3px 0 0;padding: 8px 18px 8px 18px;}
#header .header-nav.header-nav-center nav > ul > li > a.dropdown-toggle::after, #header .header-nav.header-nav-center nav > ul > li:hover > a.dropdown-toggle::after {top: 25px;}

#header .header-nav.header-nav-center .header-nav-main {float: none;margin: -43px 0 0 0 ;}
#header .header-nav.header-nav-center nav > ul > li.active > a {background-color: transparent !important;}
.sticky-header-active .header-logo a img {margin-top: 25px !important}

/*naslovnica - kvizovi*/
.kviz-naslovnica-bg01 {background: #4a1678; text-align: center}
.kviz-naslovnica-bg01 h2 {color:#ffc000 ; text-align: center; font-size: 1.8em;margin: 0 0 16px;}
.kviz-naslovnica-bg01 h2 a:link, .kviz-naslovnica-bg01 h2 a:visited, .kviz-naslovnica-bg01 h2 a:active{color:#ffc000 }
.kviz-naslovnica-bg01 h2 a:hover {color: #fff;text-decoration: none;} 

.kviz-naslovnica-bg02 {background: #6e3b9c; text-align: center}
.kviz-naslovnica-bg02 h2 {color:#ffc000 ; text-align: center; font-size: 1.8em;margin: 0 0 16px;}
.kviz-naslovnica-bg02 h2 a:link, .kviz-naslovnica-bg02 h2 a:visited, .kviz-naslovnica-bg02 h2 a:active{color:#ffc000 }
.kviz-naslovnica-bg02 h2 a:hover {color: #fff;text-decoration: none;} 

.isotope-naslov-holder{background: transparent none repeat scroll 0 0; bottom: auto;left: 5%; padding: 0;position: fixed;text-align: center;top: 70%;transform: translate(0%, -30%);transition: transform 0.2s ease-out 0s, opacity 0.2s ease-out 0s;width: 90%;}
.naslovnicakviz {margin-top: -15px !important;}
.isotope-naslov-kviza {background-color: rgba(0, 0, 0, 0) !important;border-color: #fff;border-style: solid;border-width: 2px;color: #fff !important;line-height: 24px;padding: 6px 11px !important;text-decoration: none !important;display: block; margin: 0 auto; width: 65% !important; text-align: center;}
.isotope-naslov-kviza-hover {display: none;}
.thumb-info:hover .isotope-naslov-kviza {display: none !important;}
.thumb-info:hover .isotope-naslov-kviza-hover {display: inline-block; background: #ffc000; color: #4a1678;line-height: 24px;padding: 6px 11px !important;text-decoration: none !important; margin: 0 auto; width: 65% !important; text-align: center; }
.lijevi-isotope-kviz .thumb-info-wrapper::after {background: rgba(110, 59, 156, 0.5) !important}
.desni-isotope-kviz .thumb-info-wrapper::after {background: rgba(74, 22, 120, 0.5) !important}
h3.vidi-jos {color:#fff ; text-align: center; font-size: 1.3em;margin: 0;padding: 10px 0; text-transform: none;}
h3.vidi-jos a:link, h3.vidi-jos a:visited, h3.vidi-jos a:active{color:#fff; }
h3.vidi-jos a:hover {color: #ffc000;text-decoration: none;} 

/*Page header*/
.page-header {border-bottom: 5px solid #e6e6e6;border-top: none !important; min-height: 200px;  margin: 0 0 20px 0!important;background: url(https://kviz.hr/slike/page-header-kviz.jpg) repeat scroll 0 0 / cover ;}
.page-header .breadcrumb {margin:0 0 0 5px;}
section.page-header h1 {border: none !important;margin-top: 8%}

/*BREADCRUMBS*/
/*Gornji*/
.page-header ul.breadcrumb {color: #f5f5f5;}
.page-header ul.breadcrumb li a {color: #fff;}
.page-header ul.breadcrumb li a:hover {color: #fff; text-decoration: underline;}

/*Donji*/
.breadcrumb {background-color: #f0f1f1;}
ul.breadcrumb {color: #000;}
ul.breadcrumb li a {color: #4a1678 ;}
ul.breadcrumb li a:hover {color: #000; text-decoration: underline;}
.prvoVeliko {text-transform: capitalize;}

/*Entry*/
.entry {margin-bottom: 5px;}
.entry h2 {color: #4a1678;}
.entry h2 a:link, .entry h2 a:visited, .entry h2 a:active { color: #4a1678;}
.entry h2 a:hover {color: #571a8e;text-decoration: none;}
.entry h3 {color: #4a1678;line-height: 32px;margin: 0 0 10px;}
.entry h3 a:link, .entry h3 a:visited, .entry h3 a:active { color: #4a1678;}
.entry h3 a:hover {color: #571a8e;text-decoration: none;}
.entry-uputep p{}

/*FOOTER*/
#footer {padding: 0; margin-top: 20px; border:0;background: rgba(0, 0, 0, 0) linear-gradient(to right, #4a1678 0%, #4a1678 49%, #6e3b9c 51%, #6e3b9c 100%) repeat scroll 0 0;}
.footer-boja01 {background: #4a1678 none repeat scroll 0 0;padding: 2% 0;}
.footer-boja02 {background: #6e3b9c none repeat scroll 0 0;padding: 2% 0}
.footer-logotip {margin: 0 auto;display: block;}
#footer .container .row > div {margin-bottom: 0px;}

#footer .footer-copyright {padding: 0;background: rgba(0, 0, 0, 0) linear-gradient(to right, #000000 0%, #000000 49%, #111111 51%, #111111 100%) repeat scroll 0 0;border:0;  margin: 0px;}
.footer-copyright-boja01 {background: #000000 none repeat scroll 0 0;padding: 2% 0;}
.footer-copyright-boja02 {background: #111111 none repeat scroll 0 0;padding: 2% 0}
.footer-copyright nav#sub-menu ul li a:link, .footer-copyright nav#sub-menu ul li a:visited, .footer-copyright nav#sub-menu ul li a:active {color: #555; text-decoration: none;}
.footer-copyright nav#sub-menu ul li a:hover {color: #fff; text-decoration: underline;}

.ikona-holder-kviz {margin-bottom: 2%;}

/*rezultati*/
.table-rezultati thead tr th{  background: #4a1678 !important;color: #ffffff; font-size: 1.2em;  font-weight: 400;}
.slikica-ranglista {margin: 0 auto;display: block;}
.rang-pozicijas {text-align: center; font-weight: bold;display: block;}
.btn-generiraj {margin-top: 26px}

/*EEXAM - Overajd eexam klasa*/
#kvizhr_eexam {}
button.eexam-save {border-radius: 4px;cursor: pointer;display: inline-block;font-size: 14px;font-weight: 400;line-height: 1.42857; /*margin-bottom: 10px;*/padding: 6px 12px;text-align: center; vertical-align: middle;white-space: nowrap;background-color: #4a1678;border: 1px solid transparent;color: #fff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
#kvizhr_eexam h2 {color: #4a1678;margin: 15px 0;}
#kvizhr_eexam h2 a:link, #kvizhr_eexam h2 a:visited, #kvizhr_eexam h2 a:active { color: #4a1678;}
#kvizhr_eexam ol {margin: 30px 0}
#kvizhr_eexam ol li label {margin: 0 0 0 5px;}
#kvizhr_eexam ol li label input {margin: 0 20px 0 0;}
#poruka-o-greski {font-weight: bold; color: red; font-size: 1.6em; margin: 10px 0; }
.poruka-o-greski {font-weight: bold; color: red; font-size: 1.6em; margin: 10px 0; display:none}
.poruka-netocan-odgovor {font-weight: bold; color: red; font-size: 1.6em; margin: 10px 0; }
.poruka-gotov-kviz {font-weight: bold; color: green; font-size: 1.6em; margin: 10px 0; }

/*Odbrojavanje*/

.mala-stoperica {margin: 10px 0;}
.stoperica-sat {margin-top: -10px;}
.urediSekunde {color: #4a1678; font-size: 1.8em;}
.animacija-netocan {margin-right: 5px}

/* Nagradni */
.kviz-box-01 {margin: 15px 0;}
hr.hrkviz01{}
.kviz-box-01 h2 {color: #4a1678;font-size: 1.5em;margin: 0 0 5px;text-align: left;font-weight: 400;line-height: 30px; overflow: hidden;}
.kviz-box-01 h2 a:link, .kviz-box-01 h2 a:visited, .kviz-box-01 h2 a:active { color: #4a1678;}
.kviz-box-01 h2 a:hover {color: #000;text-decoration: none;}
.btn-kviz-box-02 {background: #4a1678;border: medium none;color: #fff;font-size: 15px;font-weight: 600;}
.btn-kviz-box-02:hover, .btn-kviz-box-02:focus, .btn-kviz-box-02:active {background: #4a1678;color: #fff;text-decoration: underline}

/*Kategorije natjecateljski i nagradni*/
.kategorije-lista {list-style-type:none;padding: 0;}
.kategorijagw {background:#6e3b9c;padding:20px;border-radius:0px; margin-bottom: 15px; text-align: center;}
.kategorijagw img {margin: 0 auto; display: block;}
.kategorijagw:hover {background:#4a1678;cursor:pointer}
.kategorijagw a:link, .kategorijagw a:visited, .kategorijagw a:active { color: #fff;text-align: center;}
.kategorijagw a:hover {color: #fff;text-decoration: none;}

.slikica-kat-nivo {margin-right: 10px;}
.toggle label {font-weight: bold;}

/*sidebar*/
.sidebar {  background: #f5f5f5 none repeat scroll 0 0;  padding: 20px;margin-bottom: 10px;}
.sidebar-box {background: #fff; padding: 20px;}
.table-rezultati-smaller  thead tr th {   background: #6e3b9c  !important;color: #ffffff; font-size: 1.2em;  font-weight: 400;}
.sidebar-rang-lista {background: #6e3b9c; padding: 0px 20px;}
.sidebar-rang-lista i {margin-right: 10px;}
.sidebar-rang-lista h4 {padding: 10px 0;}
.sidebar-rang-lista h4 a:link, .sidebar-rang-lista h4 a:visited, .sidebar-rang-lista h4 a:active { color: #fff; text-align: center; }
.sidebar-rang-lista h4 a:hover {color: #ffc000;text-decoration: none;}

#header .profilniNav ul.nav-top li a {padding: 11px 15px;background: #6e3b9c;line-height: 38px;border-radius: 0 !important;color: #fff;}
#header .profilniNav ul.nav-top li a:hover {color: #fff;text-decoration: underline;}
#header .profilniNav ul.nav-top li a:link, #header .profilniNav ul.nav-top li a:visited, #header .profilniNav ul.nav-top li a:active { color: #fff;}
#header .profilniNav .nav > li > a:hover, #header .profilniNav .nav > li > a a:focus {background: #4a1678 ;}
input[type="checkbox"], input[type="radio"] {margin:0 20px 0 0}

.isotope-naslov-kviza-crni { text-shadow:1px 2px 5px  rgba(0,0,0,01); border-color: #000 !important}