de/**
* @file
* Subtheme specific CSS.
*/
body{
    background:#fff!important;
}
p {
  font-size: 1em;
  font: "Roboto";
}

.small, .field--name-field-datum {
  font-size: 0.8125em;
  color: #797979;
}

  /*N - definiranje boja*/
  .t-black{
    color:black;
    }
.t-white{
color:white;
}
.t-white a:hover{
  color:white!important;
  text-decoration: underline!important;
  }
.t-green{
  color:#007036;
  }
  .t-green a:hover{
    color:#007036;
    text-decoration: underline;
    }
  /*N - definiranje boja end */

h1, .h1 /*, .path-frontpage h1*/ {
  /*font-size: 3em;*/
        font-size: 2.6em;
        line-height: 1.5;
  font-family: "Libre Baskerville";
}

.top-border{border-radius:0px 0px 5px 5px;}
.bottom-border{border-radius:5px 5px 0px 0px;}
.master-border{border-radius:5px 5px 5px 5px;}

h2, .h2 {
  font-size: 1.75em;
  font-family: "Libre Baskerville";
}

.layout-sidebar-first h2{
   /* margin-bottom: 1.25rem !important;
    font-size: 1.5em;
    line-height:1.5;
    font-weight:bold;
    margin-top: 2.5rem !important;*/

    margin-bottom: 0.5rem !important;
    font-size: 1.125em;
    line-height: 1.5;
    font-weight: 100;
    margin-top: 0rem !important;
    color: black;}

.path-frontpage h2, .path-frontpage .h2 {
/*  font-size: 1.5em;
  font-family: "Libre Baskerville";
  line-height:1.5;
  font-weight:bold;
  margin-bottom: 1.25rem !important;
  margin-top: 2.5rem !important;*/
}
h3, .h3 /*, .path-frontpage h3*/ {
  font-size: 1.25em;
  font-family: "Libre Baskerville";
}

h4, .h4 /*, .path-frontpage h4*/ {
  font-size: 1.125em;
  font-family: "Libre Baskerville";
}

h5, .h5 {
  font-size: 0.875em;
  font-family: "Libre Baskerville";
}

.cta, .cta a {
    font-family: "Libre Baskerville";
    color: rgb(0,112,54);
    font-weight: bold;
}
.relative{position: relative;}
a:hover, a:focus, .link:hover, .link:focus,
.green-sidebar ul li ul li .dropdown-item:hover a,
.green-sidebar ul li ul li:hover > a{
   	color:#007036!important;
	text-decoration: underline;
}
.green-uprava-sidebar ul li ul li:hover > a{
    color:#FFF!important;
}
article .content img.media__image{
    padding-bottom:2.5rem;
}
.highlighted {
    background-attachment: inherit;
    background-position: center;
 }
 .page-node-4414 .highlighted{

    background-color: #FFFFFF;
    background-image: url('https://www.pregrada.hr/sites/default/files/Slides/Desktop.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    z-index: auto;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
 }
.page-node-4414 .highlighted::after{
  background: url(/themes/pregrada/img/divider.svg);
    display: block;
    content: ' ';
    background-size: 110vw auto;
    height: 25px;
    background-position: 0 0px;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
}
.icon-link::before{
    background: url(/themes/pregrada/img/icon-link.svg) no-repeat;
    display: inline-block; /* Inline-block je bolji za centriranje s tekstom */
    content: '';
    background-size: 20px;
    height: 20px; /* Visina ikone */
    width: 20px; /* Širina ikone */
    background-position: center;
    vertical-align: middle; /* Poravnanje s tekstom */
    margin-right: 5px; /* Razmak između ikone i teksta */
    
}
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    border-radius: .25rem;
    border-bottom: 1px solid #d0d6db;
}
body:not(.path-frontpage) .region-featured-bottom-second{
    border-top: 1px solid #d0d6da; ;
}
.padsub-1 .nav-link {
    padding: 0rem .5rem 1rem 0rem;
}
.site-footer__bottom {
    border-top: 0px;
}

.even {
    background-color: #f5f5f5;
}

.odd {
    background: #f5f5f5f5;
}

#header nav.separator-menu ul li{
    line-height:74px;
    border-left:1px solid #ddd;
}
table tr th {
    background: #007036!important;
}

.sidebar .navbar-nav .nav-link {
    font-size: small;
}

.green-sidebar .navbar-nav .nav-link,
.green-sidebar .nav > .nav-item > .nav-link{
    font-size: small;
    border-bottom: 1px solid #dee0e2;
}
.green-sidebar .block {
    background-color: #008b4e;
    border-color: #ffffff;
}
.green-sidebar .dropdown-menu {
    background-color: #007036;
    border-radius: 0rem;
margin: 0;
}
.green-sidebar a, .green-sidebar .link {
    color: #ffffff;
}

.green-sidebar {
    background-color: #008b4e;
}
.green-sidebar ul{
  background-color:  #008b4e!important
}
.green-sidebar a:active{
    color: #007036;
 background-color: white;
}

.green-sidebar ul li ul,
.green-sidebar ul li ul li ul{
    padding-inline-start: 2.2em;
}
.green-sidebar ul li ul li::marker{
    font-weight:900;
    color:#fff;
    font-family:"Font Awesome 5 Free";
    content:"\f061";
    float:left;
}
.green-sidebar ul li ul li ul li::marker{
    font-weight:900;
    color:#fff;
    content:"-";
    float:left;
}
.green-sidebar .dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
}

.navbar-toggler-icon{
    background: url("/themes/pregrada/img/hambi.svg") no-repeat center center!important;
}
.page-node-4414 .featured-top{
  background: #F5F5F5;
  padding: 3em
}
.page-node-4414 .featured-top .slick--skin--classic .slick__slide{
  background: #fff
}
.lastev{
  min-height: 12.5em
}
table,
#navbar-top .nav-link:hover,  .node__content a {
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;

}

.block-views h2, .block-block-content h2 {
  margin-bottom: 2.8125rem !important;
}
.snew .cta{
  background-color: #F5F5F5;
  min-height: 219px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
#block-vaznijilinkovi-2 li{
  padding: 1em;
}
.page-node-4414 .block-views h2,
.page-node-4414 .block-block-content h2{
  margin-bottom: 0!important;
}
.comment__meta {
    padding-top: 25px;
}
.comment{
    display: flex!important;
}
.comment__author{
    padding-left: 15px;
    border-left: 8px solid #999;
}
/** MENU **/
#navbar-main {
  height: 75px;
  padding: 0.625em 0;
  background-color: #007036;
}

.ultimenu.ultimenu--hover .ultimenu__link {
  padding: 0 0.625em;
  min-height: 1.6em;
  color: #ffffff;
}
.tb-megamenu{
    background:transparent;
}
.nav-items-custom{
border: 1px solid;
Border-color:white;
background-color: #fff;
}

.ultimenu {
  min-height: 30px;
}
ul#ultimenu-main li{float:left;}
.tb-megamenu .span12.mega-col-nav .mega-inner {
    padding: 10px;
    font-size: 0.8125em;
}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle,
.tb-megamenu .nav > li.dropdown.open.active > a:hover,
.tb-megamenu .nav > li.dropdown.open.active > span.tb-megamenu-no-link:hover {
    background-color: #007036;
    border: 0px;

}
.tb-megamenu .dropdown-menu {
    border-bottom: 3px solid #007036;}
.tb-megamenu .nav > li > a,
.tb-megamenu .nav > li > span.tb-megamenu-no-link{
    border-right:none;
}

.tb-megamenu .nav > li > a, .tb-megamenu .nav > li > span.tb-megamenu-no-link {

    font-weight: 400;
    padding: 15px 8px;

}
.tb-megamenu .nav > li > a,
.region-top-header-form .nav > li > a
{
    font-family: "Libre Baskerville"
}
 .tb-megamenu .dropdown-submenu:hover > a,
 .tb-megamenu .dropdown-menu li > a:hover,
.tb-megamenu .dropdown-menu .active > a,
.tb-megamenu .dropdown-menu .active > a:hover,
.dropdown-item.active,
.dropdown-menu li.active>a,
.navbar-expand-md .navbar-nav .nav-link:hover{
    color:#000!important;
    text-decoration:underline;
    background-color:inherit;
 }
.dropdown-menu li > a:hover, .tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover,
.tb-megamenu .dropdown-menu li > a:hover, .tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover{
    background-image:none;
}
.tb-megamenu .nav > li > a:focus{
    background-color:inherit;
    color:#fff!important;
}
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle,
.tb-megamenu .nav > .active > a:focus,
.tb-megamenu .nav > .active > a:hover,
.tb-megamenu .nav > li > span.tb-megamenu-no-link:focus,
.tb-megamenu .nav > li > span.tb-megamenu-no-link:hover,
.tb-megamenu .nav > .active > a,
.tb-megamenu .nav > li > a:hover,
.site-footer a:hover,
.green-sidebar a:hover,
.green-sidebar .dropdown-menu li.active>a{
    color:#fff!important;
    text-decoration:underline;
    background-color:inherit!important;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: underline;
    background-color: white;}

.breadcrumb{
    background-color: #fff;
    border-bottom: 1px solid #d0d6db;
}

/** SLIDER **/
h5.kategorija {
  margin-top: -1em;
  padding: 0.125em 1em;
  background: #FF5505;
  color: #fff;
  width: max-content;
  position: relative;
  margin-left: 1.25em;
}
.border-c1,
.sidebar-first .field--type-address,
.sidebar-first .field--name-field-telefon {
    border-color: #efefef!important;
}
#block-pregrada-views-block-frontend-block-1 .slick__slide,
#slick-views-frontend-block-1-1-slider .slick__slide,
#slick-views-frontend-block-16-1-slider .slick__slide,
#slick-views-frontend-block-16-2-slider  .slick__slide{
   /*margin-right:  0.9375rem;
    max-width:312px!important;
    width:312px!important;*/
        margin-right: 0.2rem;
    max-width: 370px!important;
    width: 370px!important;
}
@media (max-width: 480px){
#block-pregrada-views-block-frontend-block-1 .slick__slide,
#slick-views-frontend-block-1-1-slider .slick__slide,
#slick-views-frontend-block-16-1-slider .slick__slide,
#slick-views-frontend-block-16-2-slider  .slick__slide{
margin-right: 1rem;
}
}


/*
#block-pregrada-views-block-frontend-block-1 .slick-active:nth-last-child(1){margin-right: 0!important;}
*/
.view-frontend .views-field-field-tags {
  position: absolute;
}

.slide--0 h5.kategorija, .slide--6 h5.kategorija {
  background: #00BBD4;
}

.slide--1 h5.kategorija, .slide--7 h5.kategorija {
  background: #EA1460;
}

.slide--2 h5.kategorija, .slide--8 h5.kategorija {
  background: #1093F5;
}

.slide--3 h5.kategorija, .slide--9 h5.kategorija {
  background: #FF5505;
}

.slide--4 h5.kategorija, .slide--10 h5.kategorija {
  background: #46AF4A;
}

.slide--5 h5.kategorija, .slide--11 h5.kategorija {
  background: #9D1AB1;
}

.cm-1 {
  margin: 0.625rem !important;
}

.cmt-1, .cmy-1 {
  margin-top: 0.625rem !important;
}

.cmr-1, .cmx-1 {
  margin-right: 0.625rem !important;
}

.cmb-1, .cmy-1 {
  margin-bottom: 0.625rem !important;
}

.cml-1, .cmx-1 {
  margin-left: 0.625rem !important;
}

.cm-2 {
  margin: 0.9375rem !important;
}

.cmt-2, .cmy-2 {
  margin-top: 0.9375rem !important;
}

.cmr-2, .cmx-2 {
  margin-right: 0.9375rem !important;
}
/*, .smr-2 .slick-active:not(:last-child)*/
.cmb-2, .cmy-2 {
  margin-bottom: 0.9375rem !important;
}

.cml-2, .cmx-2 {
  margin-left: 0.9375rem !important;
}

.cm-3 {
  margin: 1.25rem !important;
}

.cmt-3, .cmy-3 {
  margin-top: 1.25rem !important;
}

.cmr-3, .cmx-3 {
  margin-right: 1.25rem !important;
}

.cmb-3, .cmy-3 {
  margin-bottom: 1.25rem !important;
}

.cml-3, .cmx-3 {
  margin-left: 1.25rem !important;
}

.cm-4 {
  margin: 2.5rem !important;
}

.cmt-4, .cmy-4 {
  margin-top: 2.5rem !important;
}

.cmr-4, .cmx-4 {
  margin-right: 2.5rem !important;
}

.cmb-4, .cmy-4 {
  margin-bottom: 2.5rem !important;
}

.cml-4, .cmx-4 {
  margin-left: 2.5rem !important;
}

.cm-5 {
  margin: 2.8125rem !important;
}

.cmt-5, .cmy-5 {
  margin-top: 2.8125rem !important;
}

.cmr-5, .cmx-5 {
  margin-right: 2.8125rem !important;
}

.cmb-5, .cmy-5 {
  margin-bottom: 2.8125rem !important;
}

.cml-5, .cmx-5 {
  margin-left: 2.8125rem !important;
}

.cm-6 {
  margin: 5rem !important;
}

.cmt-6, .cmy-6 {
  margin-top: 5rem !important;
}

.cmr-6, .cmx-6 {
  margin-right: 5rem !important;
}

.cmb-6, .cmy-6 {
  margin-bottom: 5rem !important;
}

.cml-6, .cmx-6 {
  margin-left: 5rem !important;
}

.cp-1 {
  padding: 1.25rem !important;
}

.cpt-1, .cpy-1 {
  padding-top: 1.25rem !important;
}

.cpr-1, .cpx-1 {
  padding-right: 1.25rem !important;
}

.cpb-1, .cpy-1 {
  padding-bottom: 1.25rem !important;
}

.cpl-1, .cpx-1 {
  padding-left: 1.25rem !important;
}

.cp-2 {
  padding: 1.875rem !important;
}

.cpt-2, .cpy-2 {
  padding-top: 1.875rem !important;
}

.cpr-2, .cpx-2 {
  padding-right: 1.875rem !important;
}

.cpb-2, .cpy-2 {
  padding-bottom: 1.875rem !important;
}

.cpl-2, .cpx-2 {
  padding-left: 1.875rem !important;
}

.cp-3 {
  padding: 2.5rem !important;
}

.cpt-3, .cpy-3 {
  padding-top: 2.5rem !important;
}

.cpr-3, .cpx-3 {
  padding-right: 2.5rem !important;
}

.cpb-3, .cpy-3 {
  padding-bottom: 2.5rem !important;
}

.cpl-3, .cpx-3 {
  padding-left: 2.5rem !important;
}

.view-frontend .row,
{
  margin: 0;
}
#block-pregrada-views-block-frontend-block-1 .row{
    margin:0 -15px;
}
.floating-box {
  left: auto;
 /* right: -100%;*/
  display:none;
  bottom: 1em;
}

.floating-box  .brzi-pristup .cta{
    font-size:0.75em;
}
.floating-box  .brzi-pristup img{
   height:20px;
}
.floating-box  .brzi-pristup .cp-1{
    padding: 0.5rem !important;
}
.node__content .field--name-field-image {
    width:100%;
}
.floating-button {
  left: auto;
  right: 1em;
  bottom: 1em;
  background-color:#008B4E;
  text-align:center;
  color:#fff;
 /* max-width:200px;*/
}
.floating-button .cta {
    text-align:center;
    color:#fff;
    margin:0;
}

.slide-in {
  /*animation: slide-in 0.5s forwards;
  -webkit-animation: slide-in 0.5s forwards;
  transition: all 1s;
  right: 5em;*/
  display:block;
  z-index:999;
  border: 1px solid #d8d8d8;
}

.slide-out,
.comment__permalink,
.js-filter-wrapper{
  /*animation: slide-out 0.5s forwards;
  -webkit-animation: slide-out 0.5s forwards;
  transition: all 1s;*/
  display:none;
}

@keyframes slide-in-- {
  0% {
    transform: translateX(+120%);
  }

  100% {
    transform: translateX(0%);
  }
}

@-webkit-keyframes slide-in-- {
  0% {
    transform: translateX(+120%);
  }

  100% {
    -webkit-transform: translateX(0%);
  }
}

@keyframes slide-out-- {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(+120%);
  }
}

@-webkit-keyframes slide-out-- {
  0% {
    -webkit-transform: translateX(0%);
  }

  100% {
    -webkit-transform: translateX(+120%);
  }
}


footer:before, .featured-bottom:before, .featured-bottom:after {
  content: '';
}

.site-footer,.featured-bottom {
  z-index: 1;
  padding: 0;
    position: relative;
    content: '';
    overflow: hidden;
}
/*
.site-footer::before, .featured-bottom:after {
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
  -webkit-transform-origin: 1% 0;
  transform-origin: 1% 0;
  z-index: -1;
  width: 100%;
  height: 7%;
  background: #a7a7a7;
   position: absolute
}
*/
.featured-bottom-second{
    background:#fff;
}
.featured-bottom {
  background: #F0F0F0;
}
.featured-bottom:before {
  background: url('/themes/pregrada/img/gray1.svg');
  display: block;
  content: ' ';
  background-size: 100vw auto;
  height: 30px;
  background-position: 0 0px;
  background-color: #fff;
}

.site-footer:before {
background: url('/themes/pregrada/img/green1.svg');
display: block;
content: ' ';
background-size: 100vw auto;
height: 30px;
background-position: 0 0px;
background-color: #ffffff;
}
.container-xl {
    max-width: 1280px;
}
/*
.field--type-address .organization,
.field--type-address .postal-code,
.field--type-address .locality,
.field--type-address .country
{
    display:none;
}
*/
/*
.field--type-address p.address:before {
    content: "\f3c5";
    padding: 1em;
    float: left;
    font-family: "Font Awesome 5 Free";

    color: #007036;
    font-family: "Font Awesome 5 Free";

    font-weight: 900;
    font-size: 2em;
}
*/
/*.sidebar_first ul li ul li:before {
    list-style-type: none;
    content: "\f061";
    color:#fff;
    float: left;
    font-family: "Font Awesome 5 Free";
}*/
.divider {
    border-top: 1px solid #dee2e6;
}
.ceh3 h3{
    margin-bottom: 1.25rem !important;
    margin-top: 0.625rem !important;
}
/** custom brzi pristup **/
.brzi-pristup .views-view-grid .views-col .col-2{
	float:right
}
.block-views-blockfrontend-block-3 .row{
  margin: 0
}
#block-pregrada-views-block-frontend-block-3,
.brzi-pristup .row .region .region-content-right{
	padding-left: 0.9375rem !important;
}

.brzi-pristup .cta.cpx-1 {
    padding-left: 1.25rem !important;
    border: 1px solid #ddd;
    width: 100%;
    display: inline-flex;
    }
.cta-gray a {color: #797979;}
.brzi-pristup .views-view-grid .views-row{
	clear:none;
}
.brzi-pristup .row .col{
	/*padding:0 0 3em 0;*/
	padding:0;
}
.brzi-pristup .col-2{
    float:right;
    border: none!important;
    padding: 0 0 0 15px;
}
.brzi-pristup img{
    height:50px;
}
.node--type-objekti h1.title,
.node--type-page h1.title,
.node--type-article h1.title{
    text-align: left;
    background: #22222280;
    color: #fff;
    padding: 1em;
}
.page-node-4414 h1.title, .page-node-4868 h1.title,
#block-views-block-frontend-block-16 h2{
  background: inherit;
  text-align: center;
}

.page-node-4868 h1.title,
#block-views-block-frontend-block-16 h2{
  color:black;
}
#block-views-block-frontend-block-16 h2 {font-size: 1.62em;font-weight: 700}

#block-banner2022footerhp
{background:url(/sites/default/files/2022-07/otvoreni-grad_0.jpg);
  padding: 7em 0 1em 2em;
  background-size: cover;
  width: 100%;
  color:#fff;
  min-height: 300px;
  margin: 1em
}
#block-banner2022footerhp .text-formatted{
  max-width: 300px
}
.page-node-4414-- .main-content{display: none;}
#block-banner2022footerhp .field a{
  position: absolute;
  width: 193px;
  right: 2em;
  bottom: 40%;
  background: #4DB848;
  padding: 0.5em 1em;
  color: #fff;
  text-align: center;
  margin: 0 auto;
}
#block-banner2022footerhp h3{font-size: 1.38em;font-weight: 700}
#block-postheaderlogotipi .field--type-image,
#block-postheaderlogotipi .content p,
#block-visit .field--type-image,
#block-visit .content p{
  background: #F5F5F5;
  padding: 0.5em;
  margin:0.5em;
  width: 135px;
  height: 80px;
  position: relative;
  border-radius: 5px;
  float: left;
}

@media only screen and (max-width: 900px) {
}

#block-postheaderlogotipi .field--type-image img,
#block-postheaderlogotipi p a img,
#block-visit .field--type-image img,
#block-visit p a img
{   max-height: 70px;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;}
/*.path-frontpage h1.title,*/
.node--type-page .kaos h1.title{
    text-align: inherit;
    background: inherit;
    color: inherit;
    padding: inherit;
}
.path-frontpage h1.title{
  /*text-align: center;*/
}
.sidebar .navbar-nav .nav-link {
padding: .5rem 1rem;
}
#navbar-top .nav-link:hover,
.node__content a:not(.btn) {
    text-decoration:underline;
}
.content table a{
    text-decoration:none;
}
#block-floatingbutton {
    cursor:pointer;
}
.menu--menu-turizam-footer ul {
    display:block;
}

/** CUSTOM VISIT PREGRADA **/
.visit-home .slide__caption,
.visit-home .slide--caption--top .slide__constrained > .slide__caption,
.visit-home .slide--caption--bottom .slide__constrained > .slide__caption{
    left: 12%;
    width: 90%;
    background: #fff;
    bottom: 1.4em;
    height: 3em;
}
.visit-home .slick--skin--fullwidth .slide__title{
    font-size:1em;
    text-transform: none;
    margin-bottom:0!important;
    margin-top:0.5em!important;
}
.visit-home .slick--skin--fullwidth  .slide__constrained{
    margin-left:-49%!important;
    width: 98%!important;
}



.visit-home .block-grid .grid__content{
    padding-bottom:3em;
}
.green-border{
    border: 1px solid #007036!important;
}
.btn-green{
    background-color:#007036;
    color:#fff;
}
.btn-green:hover {
    text-decoration: underline;
    color: white!important;
    background-color: #008b4e!important;
}

.btn, .form-control, .custom-select {
    border-radius:0!important;
}
.navbar-expand-md .navbar-nav .nav-link {
    /*color: white;*/
}
a.nav-link--:before {
    background-image: none!important;
    width: 0px!important;
}
header .region-top-header-form {
    align-items: center;
}
#block-pregrada-views-block-frontend-block-1 .slick__slide,
#slick-views-frontend-block-1-1-slider .slick__slide,
{
    border-style: solid;
    border-color: #D8D8D8;
    border-width: 1px;
}
.mbh-250, .slick--view--frontend--block-5{
    min-height:250px;
}
.region-featured-bottom-second .nav-item{
    float:left;
    width:49.999%;
}
.slider-title{
    margin: 0em 1em 1em 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height:3.6em;
}
.sidebar_first nav ul{
    flex-direction:column;
}
.vcenter section > .title,
.title-center .block-page-title-block,
#block-postheaderlogotipi, #block-visit {
        margin-left: auto!important;
        margin-right: auto!important;
}

.table td, .table th{
    min-width: 150px;
}
table tr th {background: #003319!important;}
.view-novosti .item-list > h3,
.nav-link--node-2822{
    font-weight:bold;
}

.page-node-2907 tr{
    background:#fff;
}
.sidebar .dropdown:hover>.dropdown-menu,
ol.breadcrumb li:first-child a:before {
    display: none!important;
}
.sidebar .active.dropdown:hover>.dropdown-menu  {
    display: block!important;
}

/*** N - Sekcija "Servisi" - popravak obilnog prikaza 2x2 ***/
@media (max-width: 768px){
  #block-views-block-frontend-block-21 .views-row {
    max-width: 50%;
}
.snew .cta {
  min-height: 127px;
}

.cm-3 {
  margin: 0.5rem !important;
}
  }

/*** sve iznad mobitela ***/

@media (min-width: 768px){
    
.navbar-expand-md .navbar-nav .dropdown-menu{
    position:relative;
}
nav.fixed-top{
    position:relative;
}
}
@media(min-width: 992px){
  #slick-views-frontend-block-16-2-slider .slick-list,
  .featured-top .slick .slick-list{
    max-width: 1100px;
  }
  #block-views-block-frontend-block-22 .content{
    max-width: 65%;
    float: left;
  }
    nav.fixed-top .navbar-toggler {
    display: none;
}
body{
    overflow-x:hidden;
}
.navbar-expand-lg .navbar-collapse{
 -ms-flex-direction: column;
  flex-direction: column;
}
}

@media (min-width:481px){
    .site-footer__bottom .offset-md-1 {
    margin-left: 8.333333%!important;
}
#block-views-block-frontend-block-21 .views-row{max-width: 25%}
.mobile{display:none;}
.desktop{display:block;}
}
@media(max-width:797px){
    .field--name-field-image img{
        max-width:100%;
        height:auto;
    }
}
/**** mobi **/
@media (max-width:480px){


    h1, .h1, h1.title {
        font-size: 1.5em;
    }

    h2, .h2 {
        font-size: 1.2em;
    }
    h3, .h3{
        font-size:1em;
    }
    h4, .h4{
        font-size:0.9em;
    }
    p{
        font-size: 0.875em;
    }
    p small{
        font-size: 0.8125em;
    }
    .cta {
        font-size: 0.875em;
        font-weight:500;
    }
#block-pregrada-views-block-frontend-block-1 .slick__slide{
    max-width:47vw;
}

.chcpa-1 {
    padding: 0.5em!important;
}


.floating-button{
   min-width:120px;
}
.chcmt-1 {
    margin-bottom: 0.625rem !important;
}

.chcmb-1 {
    margin-top: 0.625rem !important;
}

.chcmt-0 {
    margin-bottom: 0px!important;
}

.chcmb-0 {
    margin-top: 0px!important;
}

#slick-views-frontend-block-16-2-slider .slick-list,
.featured-top .slick .slick-list{
  max-width: 100vw;
}
.page-node-4414 .featured-top,
.slick--view--frontend--block-16{
  padding: 0!important
}

#block-views-block-frontend-block-22 h2{width: 100%!important}
.block-views h2, .block-block-content h2 {
    margin-bottom: 0.625rem !important;
}
.block-views-blockfrontend-block-17,.block-views-blockfrontend-block-17 .mbh-250 {min-height: inherit;margin-top: inherit!important;margin-bottom: inherit!important;}
.path-frontpage h2, .path-frontpage .h2 {
  /*  margin-top: 0.625rem !important;*/
}

.row{
    margin-right: -10px;
    margin-left: -10px;
}
.cmxr{
    margin-left:0!important;
    margin-right:0!important;
}
.cmyr{
    margin-top:0!important;
    margin-bottom:0!important;
}
.site-footer:before,
.featured-bottom:before{
    height:8px;
}
.floating-box .brzi-pristup .cta{
    font-size: .75em;
    margin-bottom:0;
}
#page-wrapper {
    margin-top:calc(65px + 1em);
}
.floating-box .brzi-pristup .cp-1{
    padding: .25rem !important;
}
#block-floatingkontakt .cp-1{
    padding: 0.5em!important;
    float: left;
    border: 0 none!important;
    margin: 0;
}
.brzi-pristup img {
    max-width: 40px;
}
.floating-box .brzi-pristup img{
    display:none;
}
.floating-box .brzi-pristup .cp-1{
    padding: 0.5em;
    white-space: nowrap;
    display: inline-flex;
}
.toolbar-vertical .fixed-top{
    position:relative!important;
}
.container {
    flex-direction: column;
  }

  .sidebar {
    order: 2;
  }

  .content {
    order: 1;
  }
 .region-content-left .cmx-4{
    margin-left:inherit!important;
    margin-right:inherit!important;
}
.navbar-brand img{
    width:70%;
}
#navbar-top {
    border-bottom: 1px solid #d8d8d8;
}
#navbar-main{
    display:none;
}


h3.slider-title {
    font-size: 1em;
    line-height: 1.5em;}
#block-pregrada-vaznijilinkovi,
#block-istaknutilinkovi {
    font-size: small;}

#block-pregrada-views-block-frontend-block-5{
  padding: 0;
    margin: 0!important;
}

#block-views-block-frontend-block-10{
margin-right: 0.5em!important;
    margin-left: 0.5em!important;
}

#block-pregrada-views-block-frontend-block-3{
padding: 0!important;
}

#block-views-block-frontend-block-14{
padding:1.1em
}
.page-node-4414 #main-wrapper .region .views-element-container,
.page-node-4414 .region #block-test,
.page-node-4414 #block-views-block-frontend-block-22 .content {
    padding-left: 0!important;
    padding-right: 0!important;
    margin-left: 0!important;
    margin-right: 0!important;
}
.page-node-4414 #block-views-block-frontend-block-22{
  margin-right: 0!important;
}
.page-node-4414 .view-display-id-block_22 .row{
  margin-left: -1px!important;
  margin-right: 0!important;
}
}

.sidebar .active .dropdown-item,
.sidebar  .dropdown-item,
.sidebar .dropdown-toggle {
white-space: normal;
}

.sidebar .active  .dropdown-menu,
.sidebar .dropdown-menu {
    display: block;
    border: none;
}

.sidebar .active .dropdown-menu, .sidebar .dropdown-menu{
    position: static!important;
    transform: none!important;

}

.sidebar  .dropdown-menu{
  display:none
}
.sidebar .active .dropdown-menu{
  display:block
}

.sidebar a.active.nav-link {
    font-weight: bold;
}
.sidebar li.dropdown-item {
    font-size:0.8125em;
}

.slick-arrow:hover,
.slick-arrow:before {
    color: #c3c3c3;
}

.slick-prev:before, .slick-next:before {
    opacity: 1;
    color: white;
}
.slick-color .slick-prev:before, .slick-color .slick-next:before {
    opacity: 1;
    color: #008b4e;
}
.slick-color .slick-prev:hover:before, .slick-color .slick-next:hover:before {
    opacity: 1;
    color: #007036;
}
.site-footer a,.site-footer link{
    color:#fff;
}
.search-form .btn{
    font-size: 0.8125em;
}
.search-form .form-submit:before {
    background-position: 0!important;
    vertical-align: middle;
}
.form-inline .form-group {align-items: normal;}
.slick-slider .slick-list{
    overflow:hidden;
    max-width:100vw;
}
.hp-slider{
  overflow: hidden;
}

.view-display-id-block_16 .slick__arrow{margin: 0 1%; width: 98%}
.slick--view--frontend--block-16{
  padding: 0 30px;
}
#slick-views-frontend-block-16-1-slider .slick-list{
/*  max-width: 100%;
  margin-left: 30px*/
}
.slick--view--frontend--block-16  .slick-prev:before, .slick--view--frontend--block-16 .slick-next:before{
  color: #6AB556
}

.block-tb-megamenu{
    margin:0 auto;
}
.tb-megamenu .nav > li.dropdown.open.active > a:hover,
.tb-megamenu .nav > li.dropdown.open.active > span.tb-megamenu-no-link:hover{
   color:#fff;
}
.region-top-header{
     text-align: center;
  /*border: 3px solid green;*/

}
.social-icons{
    font-size:1.5em;
    color:#000;
}
.social-icons:hover{
color: #007036;
}

/*** custom sidebar globalno blokovi **/
.sidebar .block {
    padding: 0px 15px 0px 15px;
    margin: 0 0 20px 0;
}

.node--sticky .table-striped tr{
  display: none;
}
.grey{background: #F5F5F5}

#block-views-block-frontend-block-18 h2,#block-views-block-frontend-block-17 h2, #block-test h2, #block-views-block-frontend-block-3-3 h2, #block-views-block-frontend-block-22 h2, #block-vaznijilinkovi-2 h2, #block-views-block-frontend-block-21 h2
{   background: url(/themes/pregrada/img/zadnje-informacije.jpg);
    padding: 5em 0 1em 2em;
    background-size: cover;
    color: #fff;
        text-shadow: 1px 2px 12px #4d4d4d;
        font-size: 1.38em;
        font-weight: 700

  }
#block-views-block-frontend-block-17 h2{
  background: url(/themes/pregrada/img/aktualni-natjecaji.jpg);
    background-size: cover;
}
#block-test h2{
    background: url(/themes/pregrada/img/obavijesti.jpg);
      background-size: cover;
}
#block-views-block-frontend-block-3-3 h2{
  background: url(/themes/pregrada/img/brzi-pristup.jpg);
    background-size: cover;
}
#block-views-block-frontend-block-3-3 .content{
  margin-top: 1em
}
#block-views-block-frontend-block-21 h2{
  background: url(/themes/pregrada/img/servisi.jpg);
    background-size: cover;
}
#block-views-block-frontend-block-22 h2{
  float: left;
    width: 33%;
    margin-right: 1em;
    background: url(/themes/pregrada/img/najave-dogadanja.jpg);
      background-size: cover;
      padding-top: 6.6em;
      margin-bottom: 1em
}
#block-views-block-frontend-block-21 .views-row{
  flex-grow: 1
}
#block-views-block-frontend-block-21 .views-row img{
  max-width: 33px;
  max-height: 40px;
  margin: 1em auto;
  display: block;
}
#block-vaznijilinkovi-2  .nav-item
{
  float: left;
  width: 18.8%;
  padding: 0;
  margin-right: 1em
  }


#block-vaznijilinkovi-2  .nav-link {
    display: block;
    padding: 1.5rem 1rem;
    float: left;
    width: 100%;
    text-align: center;
    background: #F5F5F5;
}
#block-views-block-frontend-block-21 .slide__grid {
    float: left;
    width: 18.9%;
    margin-right: 15px;
    text-align: center;
    background: #F5F5F5;
  }
  #block-vaznijilinkovi-2  .nav-item:last-child, #block-views-block-frontend-block-21 .slide__grid:last-child {

      margin-right: 0;

    }
#slick-views-frontend-block-21-8{width: 100%}
#block-views-block-frontend-block-16 h5.kategorija {margin-top: 0}


.bullet-outside {
  display: list-item;
  list-style-position: outside;
  color: #6AB555;}

  /*N - popravak logica na banneru za mobile*/
  @media only screen and (max-width: 767px) {
    #block-postheaderlogotipi .field--type-image,
    #block-visit .field--type-image {
      background: #F5F5F5;
    padding: 0.1em;
    margin: 0em 0.1em 1em 0.1em;
    width: 13em;
    height: 55px;
    position: relative;
    border-radius: 5px;
  }
  #block-views-block-frontend-block-18 h2,#block-views-block-frontend-block-17 h2, #block-test h2, #block-views-block-frontend-block-3-3 h2, #block-views-block-frontend-block-22 h2, #block-vaznijilinkovi-2 h2, #block-views-block-frontend-block-21 h2
  {padding: 3em 0 1em 2em;}



}

    /*N - popravak slidera novosti za mobile*/
    @media only screen and (max-width: 767px) {
      .mt-1-mob{
       margin-top:1em;
    }
    .mt-2-mob{
      margin-top:2em;
   }
   .mb-1-mob{
    margin-bottom:1em;
 }
 .mb-2-mob{
   margin-bottom:2em;
}
#block-views-block-frontend-block-16 .slick__arrow {
  top: 93%;
}
.view-display-id-block_16 .slick__arrow {
  margin: -1% 3%;
  width: 94%;
}
#block-test{
  margin-top:1em!important;
  margin-bottom:1em!important;
}
.cp-1 {
  padding: .5rem !important;
}
#block-views-block-frontend-block-18 h2, #block-views-block-frontend-block-17 h2, #block-test h2, #block-views-block-frontend-block-3-3 h2, #block-views-block-frontend-block-22 h2, #block-vaznijilinkovi-2 h2, #block-views-block-frontend-block-21 h2 {
  border-radius: 5px 5px 0px 0px;
}
.brzi-pristup .row .col {
  padding: 0 0 0em 0;
}
.p-5 {
  padding: 0rem!important;
}
  }


    /*N - popravak otvoreni grad mobile*/
    @media only screen and (max-width: 767px) {
#block-banner2022footerhp {
    padding: 2em 0 1em 2em;
}


#block-banner2022footerhp .field a {
  position: inherit;
  width: auto;
  right: 2em;
  bottom: 40%;
  background: #4DB848;
  padding: 0.5em 1em;
  color: #fff;
  text-align: center;
  margin: 1em 0em;
  display: block;
}

#block-banner2022footerhp {
  min-height: auto;
}

#block-vaznijilinkovi-2 .nav-item {
  float: left;
  width: 50%;
  padding: 0.1em;
  margin-right: 0em;
}
  }

     /*N - popravak najava događanja mobile*/

     @media only screen and (max-width: 767px) {
      .cp-2 {
        padding: 1rem !important;
        border-radius:5px;
    }
    .lastev {
        min-height: 1em;
    }
   .cmt-6{
      margin-top: 2rem !important;
  }

  .cmb-6{
      margin-bottom: 2rem !important;
  }
    }

         /*N - popravak brzi pristup mobile*/

         @media only screen and (max-width: 767px) {
          .cp-2 {
            padding: 1rem !important;
            border-radius:5px;
        }
        .lastev {
            min-height: 1em;
        }
        .grey {
          min-height: 110px;
          border-radius:5px;
      }
        }


                /*N - popravak hovera na buttonima*/

#block-vaznijilinkovi-2 a.nav-link:active,
#block-vaznijilinkovi-2 a.nav-link:hover{
  color: #007036!important;
  box-shadow: #007036 0px 1px 4px, #007036 0px 0px 0px 3px!important;
}
.custom-button:hover,
.custom-button:active{
  color: white!important;
  box-shadow: #ffffff 0px 1px 4px, #ffffff 0px 0px 0px 3px!important;
  text-decoration:none;
}
div.grey:hover{
  color: white!important;
  box-shadow: #ffffff 0px 1px 4px, #ffffff 0px 0px 0px 3px!important;
  text-decoration:none;
}

.hover-state-white:hover{
  color: white!important;
  box-shadow: #ffffff 0px 1px 4px, #ffffff 0px 0px 0px 3px!important;
  text-decoration:none;
}
.hover-state-black:hover{
  color: rgb(0, 0, 0)!important;
  box-shadow: #000000 0px 1px 4px, #000000 0px 0px 0px 3px!important;
  text-decoration:none;
}
.hover-state-green:hover{
  color: #007036!important;
  box-shadow: #007036 0px 1px 4px, #007036 0px 0px 0px 3px!important;
  text-decoration:none;
}
.visit-pregrada h2{
  font-size:2.3em;
  }
.visit-pregrada .views-field-title{
    min-height:6em;
}
  
  @media (max-width: 480px) {
  .visit-pregrada h2 {
      font-size: 1.5em;
  }
  .visit-pregrada .views-field-title{
    min-height:none;
}
.mobile{display:block;}
.desktop{display:none;}
  }
  
  
          /*N - custom visit pregrada .page-node-4868 */
.page-node-4868 #block-visit .content p {
    background: none;}
/*#block-postheaderlogotipi .field--type-image img, #block-postheaderlogotipi p a img, #block-visit .field--type-image img, #block-visit p a img {
    max-height: 117px;}   */
.page-node-4868 .breadcrumb, .page-node-4868 #block-pregrada-system-main{
    display:none;}
.page-node-4868 #main-wrapper{
    margin-top:2em;}


  /*N - popravak ikona na naslovnoj, centriranje */
   @media only screen and (max-width: 767px) {
  .page-node-4414 .icon-fix{
      margin: 0 auto;
      width:100%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-direction: unset;
    flex-grow: 2;
    flex-wrap: wrap;
    align-content: space-around;}}
    
.cards{
    max-width:33%;
    min-width:33%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));}
.block-views-blocktest-submenu-block-23 .snew .row{
    gap: 1em 0.25em;
    padding: 1.5em 0;
}
.block-views-blocktest-submenu-block-23 .snew .cta {
    background-color: #F5F5F5;
    min-height: fit-content;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding: 40px 24px !important;
    text-align: left !important;
    flex-wrap: wrap;
    align-content: flex-start;
}
.block-views-blocktest-submenu-block-23 .h4 a{
    font-size: clamp(1.5rem, 2vw, 3rem);
    color:#353132!important;
}

.block-views-blocktest-submenu-block-23 .content table a {
    text-decoration: none;
    font-size: 17px;
    font-family: arial;
    font-weight: 100;
    color: #353132;
}
.block-views-blocktest-submenu-block-23 .small {
    font-size: 17px;
    color: #797979;
    text-align: left;
    font-family: arial;
}