/*
Theme Name: HAW
Author: Filip Lončar
Description: HAW template for company's website.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive, bootstrap

This simple theme was built using the Bootstrap framework
*/

@import url('css/bootstrap.min.css');
@import url('css/bootstrap-social.css');
@import url('css/font-awesome.min.css');
@import url('js/light-slider/css/lightslider.css');
.accessability_container .wah-free-credits .wah-free-credits-inner a {
    color: fff !important;
	display:none !important;

}
iframe .freebirdFormviewerViewNavigationPasswordWarning{display:none !important;}
html {
overflow-x: hidden;	
}
.page-id-180 p br:last-child{display:none;}
.page-id-982 p br:last-child{display:none;}
.cbp-ig-grid .cbp-ig-title {
    padding: 30px 0 0 0 !important;}

#cookie-notice .cn-button {
    margin-left: 10px;
    padding: 10px;
}

.cn-buttons-container, .cn-text-container {
    display: inline-flex !important;
}

.glyphicon-menu-hamburger{
	font-size:45px;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
	}

.BtnFilter{
	display:flex; flex-wrap: wrap;}
.BtnFilter .btn{
	margin-right:10px; margin-bottom: 10px;}
/*.digitalna{
	background: url(/wp-content/themes/haw-bootstrap/img/digitalna-bg.png);
    background-repeat: no-repeat;
    background-size: 25px auto;
    margin-top: 20px;
}
 li.digitalna a{
padding-left: 30px;	
}*/

#trazilica{padding:10px 0;}
#icl_lang_sel_widget-2{
	float:right;
	list-style:none;
	}
.forma-napredno{margin:20px 0}

.maticnakategorija{padding: 20px 0 0 20px;}

.naslov{margin:20px 0}

.inline-input{
	display:flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	margin:20px 0;
    padding: 0;
    background: #fff;
	border: 1px solid #cbcccf;
    border-radius:8px;}

.inline-form .search {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: 0 0;
    border: 0;
    padding: .6875rem 1rem;
    box-shadow: none;
    line-height: 1.44444444;}

.inline-form select {
	border:none;
	border-left: 1px solid #cbcccf;
    height: 2.875rem;
    padding: 0 3rem 0 1rem;
	height:50px;	
	padding: 0 20px;
	cursor: pointer;
	outline: none;
	}
.page-id-762 .input-group{width:15%;}
.inline-form .btn {
	border-radius: 0 8px 8px 0;
	height:55px;
	padding: 0 30px;
    margin-left: 10px;
	}

.tematska{margin-bottom:20px;}

.slika{
	
	}
table img {
	width:100px;
	top: -30px;
    position: relative;}

.nav-tabs{
	border-bottom: 1px solid #cbcccf;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
	background-color:transparent;
    border: none;
    border-bottom: #1E7091 solid 1px;
	
	}

.nav-tabs>li>a {
	font-size: 20px;	
}

.home .forminputbody .naslov{color:#ffffff; line-height:40px;}

.forminputbody .form-control{ margin-top:10px;}

.forminputbody #search_form{padding:0;}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background: rgba(30, 112, 45, 0.1) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}
.page-template-results_adv select{
	-moz-appearance:button; /* Firefox */
    -webkit-appearance:button; /* Safari and Chrome */
    appearance:button;}
  
select{
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
	text-indent: 1px;
  text-overflow: '';}
  

.glyphicon-menu-down{
	font-size:9px;}
	
.home-image{
	background-image:url("/wp-content/themes/haw-bootstrap/images/haw_bg.jpg");
	max-height:600px;
	width:100%;
    position: absolute;
    background-size: cover;}

.home-image .navigacija {background:none;}

.home-image .frontbg {background:none;}

.home-image > .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus, .navbar-nav > .current_page_item a, .navbar-nav > .current_page_item a:hover, .navbar-nav > .current_page_item a:focus, .navbar-nav > .current_page_parent a, .navbar-nav > .current_page_parent a:hover, .navbar-nav > .current_page_parent a:focus {
    background: none !important;
    border-bottom: #1E7091 solid 2px !important;
	color:#fff;
}

.home-image .menu-menu-eng-container > .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus, .navbar-nav > .current_page_item a, .navbar-nav > .current_page_item a:hover, .navbar-nav > .current_page_item a:focus, .navbar-nav > .current_page_parent a, .navbar-nav > .current_page_parent a:hover, .navbar-nav > .current_page_parent a:focus {
    background: none !important;
    border-bottom: #1E7091 solid 2px !important;
	color:#fff;
}

.home-image nav>li>a:focus, .nav>li>a:hover {
    background: none !important;
    border-bottom: #1E7091 solid 2px;
	border:none;}

.card {
    float: left;
    width: 25%;
    padding: 10px 30px;
    margin-bottom: 2rem;
    border: 0;	
}

.container trazilica{z-index:22;}

.center-card {
	position: relative;
    text-align: center;
    margin: 0 auto;	
}

.ispis_kat {
	display: flex;
    flex-wrap: wrap;}

.center-card h3 {
	text-align: center;	
	word-break: break-word;
}

.center-card .glyphicon {
	font-size: 60px;	
}

body h1 {
	margin-bottom: 40px;	
}

body.single h1 {
	margin-bottom: 20px;	
}

#gform_submit_button_1 {
    color: #ffffff;
    background-color: #1E7091;
    border: 1px solid #1E7091;
    padding: 10px 20px;	
}

#gform_submit_button_1:hover {
    color: #1E7091;
    background-color: #ffffff;	
	border: 1px solid #1E7091;
}

#menu-item-140 {
	background-color: #1E7091;	
}

#menu-item-140:hover {
	background-color: #1E7091!important;		
}

.nav>li#menu-item-122>a:focus, .nav>li#menu-item-140>a:hover {
	background-color: #1E7091!important;		
}

#izdvajamo-slider img {
	height: 100px;	
}

#search .form-group {
	margin-bottom: 0px;	
}


.container-fluid:nth-child(odd){
	background:#eee !important;
	}

.first {padding:650px 0 70px 0;}

.second{
	padding:70px 0;
	}
.gform_body input{
	   border: 1px solid #ccc;
	   border-radius:4px;}
	   
#gform_submit_button_1{border-radius:4px;}

.invisible{display:none;}
	   
.site-logo img{    
    height: 100px;
    padding: 10px 0;}

ul{height:auto !important;}

#predmetna-slider li{
		    /*border: 1px solid #ccc;*/
		    text-align: center;
		    color: #333;
			height: 150px;
		}



.predmetna-slider h3 {
		    margin: 0;
			text-align: center;
		    padding: 10px 0 30px 0;
}

.predmetna{margin:15px 0;}

.predmetna .glyphicon{ font-size:400%;
padding: 30px 0 0 0;}		
		
.cbp-ig-grid .glyphicon{ font-size:500%;
    padding: 100px 0 0 0;
    margin-bottom: 40px;}

.predmetna-page .glyphicon{ font-size:600%;
    padding: 100px 0 0 0;
    margin-bottom: 60px;
}

.predmetna-page li > a:hover{ 
color:#ffffff;}

.cbp-ig-grid li > a:hover{ 
color:#ffffff;}

#tematske-slider li{
		    /*border: 1px solid #ccc;*/
		    text-align: center;
		    color: #333;
		}
.tematske-slider h3 {
		    margin: 0;
			text-align: center;
		    padding: 10px 0 30px 0;
}

.tematske{margin:15px 0;}
.tematske figure.effect-ruby, .tematske .grid figure {background: none;}
		
		
.tematske .glyphicon{ font-size:400%;
padding: 30px 0 0 0;}

#zavicajne-slider li{
	/*border: 1px solid #ccc;*/
	text-align: center;
	color: #333;
}
.zavicajne-slider h3 {
	margin: 0;
	text-align: center;
	padding: 10px 0 30px 0;
}

.zavicajne{margin:15px 0;}

#izdvajamo-slider li{
		    border: 1px solid #ccc;
		    text-align: center;
		    color: #333;
			padding:10px;
		    min-height: 270px;
		}



.izdvajamo-slider h3 {
		    margin: 0;
			text-align: center;
		    padding: 10px 0 10px 0;
}

.izdvajamo{margin:15px 0;}

.novo .lSAction{display:none !important;}

.nestali .lSAction{display:none !important;}

.novo .lSSlideOuter {height:450px;}
.novo .lSSlideWrapper {height:450px !important;}

.nestali .lSSlideOuter {height:450px;}
.nestali .lSSlideWrapper {height:450px !important;}

.nestali img{height: 90px;
    width: 50%;
    margin-bottom: 10px;
    opacity:0.8;}	
 
.pub{
	display:flex;
	justify-content: space-between;}

.novo-web{
	display:flex;
	justify-content: space-between;}

.pub-web{
	display:flex;
	justify-content: space-between;}
	
.nestali-web{
	display:flex;
	justify-content: space-between;}
	
.podaci-img{
	height: 240px;
    overflow: hidden;}

.podaci-img img{
	height: 240px;
}

.tbl-img{
	height:40px;
    overflow: hidden;}
	
.novo img {height: 90px;
    width: 50%;
    margin-bottom: 10px;
    opacity:1;
	
}	


#novo-slider li{
		    text-align: center;
		    color: #333;
			height: 150px !important;
			
		}

#novo-slider li:hover{
	
}




.novo-slider h3 {
		    margin: 0;
			text-align: center;
		    padding: 10px 0 30px 0;
			bottom: 0;
			position:relative;
			-webkit-transition: bottom ease 0.5s;
	        transition: bottom ease 0.5s;
		
}
.novo{margin:15px 0;}

#nestali-slider li{
		    text-align: center;
		    color: #333;
			height: 150px !important;
		}

.nestali-slider h3 {
		    margin: 0;
			text-align: center;
		    padding: 10px 0 30px 0;
}
.nestali{margin:15px 0;}

#tematske-slider li{
		   /* border: 1px solid #ccc;*/
		    text-align: center;
		    color: #333;
			padding:10px;
		}



.tematske-slider h3 {
		    margin: 0;
			text-align: center;
		    padding: 10px 0 10px 0;
}

.tematske{margin:15px 0;}

.tematske img{
	height: 300px; 
	object-fit: cover;
    width:100%;
    margin-bottom: 10px;
	/*filter: grayscale(100%);
    opacity:0.5;*/}	
 
.tematske img:hover{
	/*filter: grayscale(0);
	opacity:1;*/}

.nocomments{display:none;}

.carousel{ position:relative; 
height: 500px;
}

.carousel img{
-webkit-user-select: none;  /* Chrome all / Safari all */
-moz-user-select: none;     /* Firefox all */
-ms-user-select: none;      /* IE 10+ */
-o-user-select: none;
user-select: none;
width:100%; 
object-fit:cover; opacity:0.5;}

.trazilica{position:relative;
}

.naslov_kat{
	background:#eee;
	padding: 10px;
    margin: 0 -15px;
}

.frontbg{width:100%; padding:0; height:500px; overflow:hidden; background:#222222;}

.frontbg #search-opt{position:absolute; width: 95%; z-index:10; top:370px; border-radius:5px;}

.frontbg #search-text{position:absolute; width: 95%; z-index:10; top:20px; border-radius:5px; text-align:center; color:#fff;}

.frontbg #search-text h2{text-align:center;}

.nav-tabs>li>a{color:#cbcccf; border:none;}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.frontbg #search-selektivno{background:rgba(255,255,255,0); position:absolute; /*width: 95%;*/ z-index:11; top:150px; border-radius:5px; height: 180px; border:none;margin-left:10%;}

.frontbg #search-harvest{background:rgba(255,255,255,1); position:absolute; /*width: 95%;*/ z-index:10; top:150px; border-radius:5px; height: 180px;}

.fotografija{
	width:100%;
	height:150px;
	position:relative;
   overflow:hidden;
   padding:0 10px 0 0;
	}
	
.post_novost .fotografija {width: auto;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 0 10px 0 0;
}

.post_novost {display: flex;}

.fotografija img{
  object-fit: cover;
  width:100%;
  filter: grayscale(100%);
  opacity:0.8;}	
 
.fotografija img:hover{
	filter: grayscale(0);
	opacity:1;}
 
img{max-width:100%;}

.izdvajamo-featured{display:flex; padding:10px 0; margin-bottom:10px;}

.izdvajamo-featured img{ width:100%; height:auto;}

.img-izdv{height:320px; overflow:hidden;}

.img-izdv img{margin:0 auto;}

.kategorija_col-l{padding-left:0;}

.kategorija_col-r{padding-right:0;}

.post_novost{    border-bottom: 1px solid #bbbbbb;
    padding: 3rem 0rem;}

.post_novost_flex{margin: 20px 0; display:flex;}

.post_novost_flex .fotografija{width:100%;
	height:70px;}

.post_novost .fotografija img {opacity:1;  filter: grayscale(0);}

.clanak-bez-slike{width:100%;     padding-left: 2rem;}

body.archive div.post_novost:nth-last-child(1) {
    border: none;
}

h2 {
    font-size: 22px;
   text-align: left;
}

h3 {
font-size: 18px;
text-align: left;
}

.naslovna {
text-align: center;
cursor:pointer;
}

.naslovna p{
text-align: left;
}

.naslovna button{

}

#naslovna a, #naslovna a:hover, .textwidget a, .textwidget a:hover {
color: #000000;
}

.textwidget img{width: 100%;}

.textwidget{margin-bottom: 20px;}

.naslovna:hover, .textwidget:hover{
opacity:0.5;
}

footer .textwidget:hover{
opacity:1;
}


#bs-example-navbar-collapse-1{
z-index:20;
position:relative;
padding:0;
}

.obrazac{ padding:15px 0 15px 0;}

#copy {
    font-size: 12px;	
}

.form-control:focus{
border-color:#1E7091;
 box-shadow: 0 1px 1px rgba(30, 112, 45, 0.075) inset, 0 0 8px rgba(30, 112, 45, 0.6);
    outline: 0 none;
}


input[type="search"] {
    float:left;
}

.form-control {
    width: 100%;
	height:50px;
}

#trazilica .form-control {
   
}

#drop-down2{padding:0;}
#search-3{list-style:none;}

.screen-reader-text{display: none;}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

#nav_menu-2 li{list-style:none;}

.dropdown-menu li a {
 border-bottom: 0px solid #d7ac35;
}

.dropdown-menu li a:hover {
 border-bottom: 10px solid #d7ac35;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
border-bottom: 10px solid #d7ac35;
}

.dropdown:hover .dropdown-menu {
    display: block;
    color:#000000;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #000000;
border-bottom: 10px solid #d7ac35;

}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

body{
   margin-bottom: 60px;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:16px;
	}
	
h1, h2, h3, h4, h5, h6{font-family:Ubuntu;}

#back-top {
	position: fixed;
	bottom: 30px;
        right: 20px;
        z-index: 19;
	
}

#back-top a {
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #ffffff;
}

.glyphicon-chevron-up{
font-size: 30px;
line-height: 50px;
}

/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	margin-bottom: 7px;
	background: #1E7091;
	border: 1px solid #1E7091;

	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
background-color: #fff;
border: 1px solid #1E7091;
color: #1E7091;
}

.navigacija{background-color:#222222;}
	
.logocontainer{padding:0;}

.site-title{padding:0;}

.logo_hold{margin:auto; width:350px;}

.navbar{
	margin-bottom:0;

}

.menu-meni-container{
z-index:20 !important;
position:relative;}

.navbar-nav > li a{
	color:#ffffff;
	line-height: 30px;
	text-transform: uppercase;
	margin-top: 20px;
	
}

.navbar-nav>li>a {
	padding-bottom: 0px;	
}

.navbar-nav > li a:visited{
	color:#ffffff;

	
}

a{
	color: #1E7091;
	
	}
a:hover{
	color: #727272;
	text-decoration:none;
	}

.navbar-nav>li>a:hover {
	color:#fff;	
	border-bottom: #1E7091 solid 2px !important;
}

.navbar-nav > li a:focus{

	color:#fff;

	
	
}

.navbar-nav > li a:active{

	color:#fff;

	
}

.navbar-nav>.active>a{
	
}
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover, 
.navbar-nav > .active > a:focus, 
.navbar-nav > .current_page_item a, 
.navbar-nav > .current_page_item a:hover, 
.navbar-nav > .current_page_item a:focus, 
.navbar-nav > .current_page_parent a, 
.navbar-nav > .current_page_parent a:hover, 
.navbar-nav > .current_page_parent a:focus {
     background-color:#222222;
	 border-bottom: #1E7091 solid 2px; 
  
}

.nav>li>a:focus, .nav>li>a:hover {
	 background-color:#222222;
	 border-bottom: #1E7091 solid 1px;
}

.obrazac-menu{list-style:none;
margin-top:40px;
margin-bottom:40px;
}

.obrazac-menu>li>a {
	color: #fff;
	padding:15px;
	border: 2px solid #1E7091;
	border-radius: 8px;
	}

.obrazac-menu>li>a:focus, .obrazac-menu>li>a:hover {
	color: #1E7091;
	 background-color:#fff !important;
	 text-decoration:none;
	}



.dropdown-menu > li > a {
    clear: both;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
     height:50px;
    padding: 3px 20px !important;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover {
    clear: both;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
	height:50px;
    padding: 3px 20px !important;
    white-space: nowrap;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #ffffff;
	border-color: #d7ac3 !important;
}
	
.navbar-toggle {
    border: 1px solid transparent;
    border-radius: 4px;
    color: white;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 10px 9px;
    position: relative;
}

html {
  position: relative;
  min-height: 100%;
}

.footer {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #222222;
  color:#ffffff;
}

.category .footer {
margin-top:20px;
}
.footer a{color:#ffffff; text-decoration:underline;}
.footer a:hover{color:#cccccc; text-decoration:none;}

.footer li{list-style:none;}

.footer li a{color:#000000;}

tr, td{padding: 10px;}

.publikacija th{background:#ffffff;padding: 10px; border-bottom:#727272 solid 1px; border-top:#727272 solid 1px;}

.publikacija table tr{background: #fff;padding: 10px;border-bottom: 1px solid #e0e0e0}
.publikacija table tr:nth-child(even){background: #eee;}
.publikacija th {border-bottom: 3px solid #1e7091;border-top:none;}
.publikacija table {margin-top: 50px;}


.publikacija table {margin-bottom:10px;}





.btn {
	background-color:#1E7091;
	color:#ffffff;
	border:1px solid #1E7091;	
	
}


.btn:hover, .btn:active, .btn.active {
	background-color: #fff;
    color: #1E7091;	
	outline: none;
	-webkit-box-shadow: none;
    box-shadow: none;
}

footer #footer-top {
	/*background-image: url("images/footer_bg.png");	
	background-repeat: no-repeat;
	background-position: center bottom;*/
    padding-top: 30px;
	padding-left: 0;
	/*background-size: contain;*/
}

footer #footer-top p {
	/*font-weight: bold;*/	
}

footer .border-bottom {
	background-image: url("images/border-bottom.png");	
	background-repeat: no-repeat;
	background-position: bottom right;	
}

footer #footer-bottom {
	background-color:#727272;
	padding: 30px 0;
}

footer #footer-bottom p:first-child {
	margin-bottom: 0px;	
}

footer h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}

footer .menu {
	-webkit-padding-start: 0px;
	padding-left: 0px;
	max-height: 120px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
	
}

footer .border-top {
	background-image:url("images/border-top.png");	
	background-repeat: no-repeat;
	background-position: top left;
}

footer .menu li a {
	text-decoration: none;
	color: #1E7091;
	font-size: 15px;
	font-weight: bold;
	margin-right:20px;
}

.padding-bottom {padding-bottom:30px;}

/* preloader */

/*.js div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #1F6DC7 url('http://haw2.nsk.hr/wp-content/themes/haw-bootstrap/images/preloader.gif') no-repeat center center; }*/

/* preloader end */
.novo-nestali{
	display:flex;}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 100%;
	max-height: 360px;
	/*width: 48%;*/
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: 0.05em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Ruby *****/
/*---------------*/

figure.effect-ruby {
	background-color: #1e7091;
}

figure.effect-ruby img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	font-size: 20px;
    line-height: 30px;
}

figure.effect-ruby p {
	margin: 1em 0 0;
	padding: 1em;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

figure h2 {text-align: center; color:#fff!important;}

.kategorija-naslov {
	padding: 0 0 20px 20px;
    border-bottom: 3px solid #1e7091;
    margin-bottom: 0px;
}	

.no-padding {
	padding: 0px;
}

.primjerak h3 {
	margin:0;	
}

.primjerak p {
	margin:0;	
}

.primjerak {
	background-color:#eee;
	padding: 20px;
	border-bottom: 1px solid #e0e0e0;
}

.primjerak:nth-child(even) {
	background-color:#fff;	
}

a {
	outline: none!important;	
}
.pagination2{
	justify-content: center;
	display: flex;
    list-style: none;
    margin: 20px auto;
	}
.pagination2 li a{
    cursor: pointer;
    padding: 5px 14px;
	margin: 0 10px;	
	border-radius: 5px;
	}

.pagination2 li a:hover{
	background-color: #eee;}

.pagination2 li a:active{
	padding: 5px 14px;
	margin: 0 10px;	
	color:#ffffff;}
	
.pagination2 li.active{
	border-radius: 5px;
	}

.pagination2>.active>a, .pagination2>.active>a:focus, .pagination2>.active>a:hover, .pagination2>.active>span, .pagination2>.active>span:focus, .pagination2>.active>span:hover {
    background-color: #1E7091;
    border-color: #1E7091;
	color:#fff;
}

.pagination{
	text-align: center;
    margin: 20px auto;
	}

#pagination{width:100%;}

.pagination a{
    cursor: pointer;
    padding: 5px 14px;
	margin: 0 10px;	
	border-radius: 5px;
	}

.pagination a:hover{
	background-color: #eee;}


span.current.prev, span.current.next{
	background:none;}

.pagination .current{
	cursor: default;
    padding: 5px 14px;	
	margin: 0 10px;	
	background-color: #1E7091;
    border-color: #1E7091;
	color:#ffffff;
	border-radius: 5px;
	}

.pager li>a, .pager li>span {
    border-radius: 5px;
	border:none;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #1E7091;
    border-color: #1E7091;
}
#paginacija{
	width:auto;}

.pagcont{
	text-align:center;}
.tbl-resp{
	display:none;}	
	
		
.nav-tabs {
border-bottom: none!important;
}

a, .btn {
transition: background 0.5s, color 0.5s!important;	
}

a {
/*transition: border-style 0.5s, border-color 0.5s!important;**/
}

.borderless{
border:none;	
}

.bottom-border {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 40px;
    margin-bottom: 50px;	
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color:#000;
}

body.home .nav-tabs>li.active>a, body.home .nav-tabs>li.active>a:focus, body.home .nav-tabs>li.active>a:hover {
	color:#fff;
}

.btn-full {
    width: 100%;
    text-align: center;
    position: relative;
    color: #fff;
    padding: 20px 40px;	
}

.kategorija-naslov-tematske {
    padding: 20px 20px 20px 20px;
    border-bottom: 3px solid #1e7091;

}
.kategorija-naslov-zavicajne {
    padding: 20px 20px 20px 20px;
    border-bottom: 3px solid #1e7091;

}
.kategorija-sadrzaj {
    padding: 20px;
    margin-bottom: 0px;	
}

.kategorija-sadrzaj p {
	font-size: 15px;	
}

body.single footer, body.page footer {
margin-top: 30px;	
}

body.home footer {
margin-top: 60px;	
}

.predmetna-page .cbp-ig-grid .h4 {
margin-top: 40px;
font-size: 14px;	
}

.btn, #back-top span {border-radius: 8px!important;}
.inline-form .btn {border-radius: 0 8px 8px 0!important;}
.izdvajamo-featured h3 {margin-top: -5px; font-size: 22px;}
.beta {width: 70px;
    position: relative;
    top: -20px;
    left: 20px;}
body.home h2.heading {font-size: 35px;}

	
@media only screen and (min-width:768px) and (max-width:1024px)  {
	#mymodal{
		width:450px !important;
		margin-top:80px !important;}
	
	footer .menu {

    max-height: 200px;

}
.novo-nestali{
	display:flex;
	flex-direction:column;}

.tbl-resp{
	display:inline;}
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
.menu-obrazac-container {}
.margin-echo {margin-top: 5rem;}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: none; 
		border-top: none !important; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(3):before {  }
	td:nth-of-type(4):before {  }
	td:nth-of-type(5):before { }
	td:nth-of-type(6):before {  }

}

@media only screen and (min-width:300px) and (max-width:479px)  {

.navbar > div {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.menu-registration-form-container {text-align: center;}

	#mymodal{
		margin-top:80px !important;}
		
.novo-nestali{
	display:flex;
	flex-direction:column;}
.frontbg h1{display:none;}
.nav-tabs{display:flex;}
.home-image {
position: relative;
max-height: unset;	
}
.obrazac-menu {
 margin-top:20px;
margin-bottom:20px;
position:relative;
left:-20px;
width:100%;
}

.margin-echo {
display: flex;
flex-direction: column;	
}

.margin-echo a {
margin-top: 10px;
}

.menu-registration-form-container{
width:100%;
}

.mob {
display: flex;
justify-content: center;
}

.frontbg #search-selektivno {margin-left: 0;}

.inline-input {
z-index:99;
display:flex;
flex-direction:column;
}
.inline-input input {
	width:100%;}

.inline-form .search {
padding: 2rem 20px;	
border-bottom: 1px solid #1e7091;
}

.inline-form .btn {
width: 100%;	
padding: 0;
margin:0;
border-radius: 8px!important;
}

.inline-form select {padding: 0rem 0px; border: none; text-align:center;
  }
  

.flex-mobi {
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.site-logo {text-align: center;}

.grid figure {
min-width: 230px;
max-width: 100%; 
    }
	
.izdvajamo-featured {
display: flex;
flex-direction: column;	
}

.img-izdv {
height: auto;
margin-bottom: 3rem;	
}

.tematske-cont, #search-text, .menu-obrazac-container, .modal-btn {}

.frontbg #search-selektivno {
    position: relative;
    /* width: 95%; */
    top: unset;
    height: 180px;
}

footer .menu {max-height: unset;}

body.home h2.heading {
    text-align: center;
}

figure.effect-ruby h2 {
    margin-top: 0%;
    font-size: 18px;
    line-height: 24px;
}

.first {padding:70px 0;}

.navbar-nav > li a{
	height:40px;
	padding: 6px 20px;
}

.kategorija_col-l{padding:0;}

.kategorija_col-r{padding:0;}

#logo img{
	height:68px;
	width:150px !important;
	}

#logo{
	}

.navbar-nav > li a:hover, .navbar-nav > li a:focus, .navbar-nav > li a:active{
	height:40px;
	padding: 6px 20px;
}
.frontbg{padding:20px 0 20px 0;}
.tbl-resp{
	display:inline;}
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: none; 
		border-top: none !important; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(3):before {  }
	td:nth-of-type(4):before {  }
	td:nth-of-type(5):before { }
	td:nth-of-type(6):before {  }


}

@media only screen and (min-width:480px) and (max-width:768px)  {
	
		#mymodal{
		margin-top:80px !important;}
	
	.obrazac-menu {
	margin-top:20px;
margin-bottom:20px;
position:relative;
left:-20px;

}
	.novo-nestali{
	display:flex;
	flex-direction:column;}
	.margin-echo {margin-top: 5rem;}

	.home-image {
		height: 600px;
		position: relative;
	}
	
	.js .site-title {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;	
	}
	
	.flex-mobi {
	display: flex;
    flex-direction: column;	
	}
	.navbar-collapse {overflow-x: hidden;}
	
	.navbar-collapse .menu-menu-container{align-items: center;
    justify-content: center;
	display: flex;}
	
	.js .navbar-header {
	display: flex;
    align-items: center;
    justify-content: center;	
	}
	
	.obrazac-menu {
		float: none;
    text-align: center;}
	
    .first {padding:70px 0;}
    
    .navbar-nav > li a{
        height:40px;
        padding: 6px 20px;
    }
    .kategorija_col-l{padding:0;}
    
    .kategorija_col-r{padding:0;}
    #logo{
        background-position:center;
        background-repeat:no-repeat;
        height:82px;
        width:180px;
        }
    
    #logo img{
        height:68px;
        width:150px !important;
        }
    
    .navbar-nav > li a:hover, .navbar-nav > li a:focus, .navbar-nav > li a:active{
        height:40px;
        padding: 6px 20px;
    }
    .frontbg{padding:20px 0 20px 0;}
	.tbl-resp{
	display:inline;}
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: none; 
		border-top: none !important; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(3):before {  }
	td:nth-of-type(4):before {  }
	td:nth-of-type(5):before { }
	td:nth-of-type(6):before {  }


 }


/*Accessibility start */
button.aicon_link{
	filter: grayscale(100%) !important;}
button.close_container{
	background:#605A59 !important;
	}
.accessability_container a {
	color:#fff !important;
	background:none !important;
	font-family: Calibri, Arial, sans-serif;}

body.page-id-66805 .post-content ul {list-style-type: disc;}
.center-links {    display: flex;
    flex-direction: column;}
	
.center-links a {
    margin: 15px;
	color:#B2261F!important;
}

body .accessability_container button.wah-action-button:hover, body .accessability_container button.wah-action-button:focus, body .accessability_container button.wah-action-button.active_button, button.close_container:hover {border: 1px solid #000;}
body .accessability_container button.wah-action-button:focus, body .accessability_container button.wah-action-button:active, button.close_container:active, button.close_container:focus, button.aicon_link:active, button.aicon_link:focus {outline: none;}

body .accessability_container button.wah-action-button {
    background: #605A59 !important;
}

body .accessability_container * {font-family: Calibri, Arial, sans-serif;}
body .accessability_container .a_module {border-bottom: none;}
body .accessability_container .wah_readable_fonts, body .accessability_container .wah_greyscale {border-bottom: 1px solid #000;}

/*Accessibility end */

a.a2a_dd {display: none!important;}
.pagination {
    display: flex;
    padding-left: 0;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    margin: 20px 0;
    border-radius: 4px;
}

/*.page-id-2 svg {width: 50px;} */