/*
=============================
Kalendar Aktivnosti CSS
=============================
*/

.kalendar-aktivnosti .calendar-view-table .calendar-view-day__number {
  background: initial !important;
  color: initial !important;
}

.kalendar-aktivnosti ul {
  list-style: none !important;
}

.kalendar-aktivnosti .calendar-view-pager {
  border-bottom: 1px solid black;
}

.kalendar-aktivnosti .calendar-view-day {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kalendar-aktivnosti .calendar-view-day__number {
  align-self: center !important;
}

/* 2 row */

.pocetna_baner_div {
  align-content: center;
  display: flex;
  gap: 50px;
  justify-content: space-between;
  align-items: center;
  border: none;
}

.pocetna_baner_div a img {
  border-radius: 2px;
}

/*
=============================
Breaking News
=============================
*/

.breaking-news-inner {
  margin-top: 5px;
  display: none;
  gap: 15px;
}

.breaking-news-title {
  background: #001E62;
  white-space: nowrap;
  color: white;
  border-radius: 2px;
  padding: 2px 4px;
}

/*
=============================
Kalendar
=============================
*/

[data-drupal-selector="views-exposed-form-usvojeni-zakoni-view-page-1"]
  div:first-of-type {
  display: flex;
  flex-direction: column;
}

fieldset h4,
fieldset legend {
  display: none;
}

thead tr,
thead tr a {
  background: #001E62;
  color: white;
}

.views-exposed-form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-end;
  margin-bottom: 10px;
}

.views-exposed-form .fieldset-wrapper {
  display: flex;
  flex-direction: row !important;
  align-items: flex-end;
  gap: 10px;
}

.views-exposed-form input[type="date"] {
  height: 35px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 10px;
}

.views-exposed-form input[type="submit"] {
  height: 35px;
  outline-color: transparent;
  border-color: transparent;
}

.views-exposed-form .views-exposed-widget {
  margin: 0;
}

/*
=============================
Home Tab
=============================
*/
.gsc-tab-views.style-1 .list-links-tabs {
  background: #4381a7 !important;
  font-family: "Mukta Vaani", serif;
  color: white !important;
}

.gsc-tab-views.style-1 .list-links-tabs a {
  color: white !important;
}

.field--label-inline .field__label {
  font-weight: bold;
}

/*
=============================
Multi Level Menu
=============================
*/
.nsrs-meni ul.menu.sub-menu {
  margin-left: 15px;
  margin-top: 15px;
}

.title-sazivi .node__title {
  display: none;
}

.news-title-flexbox {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
  font-family: "Open Sans", "Mukta Vaani", sans-serif !important;
  line-height: 1;
}

.pocetna-aktuelno-lista .news-title-flexbox {
  gap: 10px;
}

.pocetna-dnevni-red {
  gap: 0px;
}

.pocetna-dnevni-red time {
  margin-right: 20px;
}

.news-title-flexbox div {
  margin: 0;
  padding: 0;
}

.news-title-flexbox div a {
  font-family: "Open Sans", "Mukta Vaani", sans-serif !important;
  line-height: 1.3;
}

.news-title-flexbox div a img {
  min-height: 75px !important;
}

.news-title-flexbox div a img {
  min-width: 75px;
}

.news-alignment-container {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-direction: column;
}

.border-none,
.border-none tbody,
.border-none tr,
.border-none td,
.border-none th,
.border-none > * {
  border: 0px solid transparent !important;
  border-color: transparent !important;
}

table.border-none.cols-0 {
  table-layout: auto !important;
}

table.border-none.cols-0 tr > :first-child {
  width: 20%;
  white-space: nowrap;
}

table.border-none.cols-0 img {
  max-width: 100%;
  height: auto;
  display: block;
}

/*
=============================
Sidebar remove dot styling
=============================
*/
.sidebar .block-menu ul li {
  list-style: none;
}

/*
=============================
Red:active override CSS
=============================
*/
.nav-tabs > li.active a {
  background-color: #001E62 !important;
}

a:hover:not(thead a):not(.footer a),
a:focus:not(thead a):not(.footer a) {
  color: #001E62 !important;
}

.language-switcher-language-url .links a:hover,
.language-switcher-language-url .links a:focus {
  color:rgba(255, 255, 255, 0.6) !important;
}

.footer a:hover:not(.contextual-links a),
.footer a:focus:not(.contextual-links a),
.language-switcher-language-url a:hover:not(.contextual-links a),
.language-switcher-language-url a:focus:not(.contextual-links a) {
    color:rgba(255, 255, 255, 0.6) !important;
}


.promotion.area {
  height: 30px;
}

.item-list.list-views {
  padding: 12px !important;
}

.pocetna-dnevni-red .item-list.list-views a {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.pocetna-dnevni-red .news-title-flexbox > :nth-child(2) {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*
=============================
Navigation overflow
=============================
*/
.topbar-left {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

.topbar-left ul.links {
  display: flex;
  font-size: 12px !important;
  vertical-align: middle;
  place-items: center;
}

/*
=============================
Label fix
=============================
*/
.field--label-inline {
  display: flex;
  gap: 10px;
}

.post-block .post-created:after {
  top: 0px !important;
}

/*
=============================
Fix off-canvas + on mobile menu
=============================
*/
.gva-offcanvas-inner.show-view {
  max-width: 99vw;
}



/*
=============================
Accessibility icon
=============================
*/

.uai.userway_dark {

}


/*
=============================
Sub-menu
=============================
*/
.main-menu .menu.sub-menu .sub-menu {
  color: black;
  transform: translateY(-45px) translateX(0px) !important;
}

.main-menu .menu.sub-menu .sub-menu:hover {
  display: block !important;
  transform: initial;
}

.main-menu .menu.sub-menu .sub-menu .menu-item {
  display: block;
  visibility: visible !important;
}

body .uwy.userway_p1 .userway_buttons_wrapper {
  right: 10px !important;
}

/*
=============================
Gallery z-index
=============================
*/

.gallery-block .gallery-content {
  z-index: 15 !important;
}


/*
=============================
Kalendar aktivnosti
=============================
*/
.kalendar-aktivnosti time {
  line-height: 1;
  padding: 0px 5px;
  font-size: 14px !important;
  font-weight: bold;
  border-radius: 8px;
  text-align: center;
}

.kalendar-aktivnosti .view-list-item {
  display: flex;
  padding: 12px 16px;
  border-bottom: 1px solid #ddd;
}

.kalendar-aktivnosti .view-list-item time:first-of-type {
  flex: 0 0 90px;
  font-size: 2rem;
  font-weight: 800;
  color: #001E62;
  margin-right: 5px;
  line-height: 1;
}


.kalendar-aktivnosti .view-list-item time {
  display: none;
}

.kalendar-aktivnosti .view-list-item time:first-of-type {
  display: block !important;
}

.kalendar-aktivnosti .view-list-item .views-field-title {
  flex: 1;
  font-size: 1.4rem;
  font-weight: 600;
  color: #222;
  line-height: 1;
}

.kalendar-aktivnosti .more-link {
  float: right;
}

.ostale-vijesti-anchor {
    margin-top:-30px;
}
.ostale-vijesti-anchor,
.kalendar-aktivnosti .more-link {
  display: inline-block;
  padding: 10px 28px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  color: #333;
  background: #fff;
  transition: all 0.25s ease;
  text-align: center;
  float: right;
}

.ostale-vijesti-anchor:hover {
  color: #000;
  border-color: #000;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

.ostale-vijesti-anchor:active {
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.ostale-vijesti-anchor-container {
  text-align: center;
}

.kalendar-aktivnosti .view-list-item {
  padding-left: 0px !important;
  padding-right: 0px !important;
  min-height:60px;
}

.ostale-vijesti-anchor {
  margin-bottom: 5px;
}


/*
=============================
4x2 Grid Banner Home
=============================
*/
.pocetna-sledece-vijesti div.post-content {
  padding: 2px 0px !important;
}



.pocetna-sledece-vijesti
  .node--view-mode-teaser.node-index-grid
  .post-content
  .post-title
  a,
.pocetna-sledece-vijesti .node--view-mode-teaser-6 .post-title,
.pocetna-sledece-vijesti .node--view-mode-teaser-6 .post-title span {
  font-weight: bold !important;
  font-size: 14px !important;
}

.pocetna-sledece-vijesti .node--view-mode-teaser.node-index-grid .post-content {
  min-height: 30px !important;
}




/*
=============================
Klubovi poslanika
=============================
*/

.klubovi .views-col,
.narodni-poslanici .views-col {
  margin-bottom: 25px;
}



article.node--type-kalendar-aktivnosti .field {
    margin-bottom:15px;
}
article.node--type-kalendar-aktivnosti .field__label {
    font-weight:bold;
    font-size:16px;
    border-bottom:2px solid #001E62;
    /*
    background:#001E62;
    color:white;
    border-radius:4px;
    padding:2px 5px; 
    */
}

/*
=============================
Topbar socials v2
=============================
*/

.topbar-socials-language {
    width:100%; 
    padding:3px 5px; 
    background: #001E62  !important;
}


.topbar-socials-language .breaking-news > div {
        display:flex; 
        flex-direction:row-reverse;
    flex-wrap:nowrap; 
    justify-content:end; 
    gap:15px;
}

.topbar-socials-language ul.links {
    display:flex;
    gap:5px;
    list-style-type:none;
}

.topbar-socials-language img {
    height:22px !important;
}
.topbar-socials-language .block {
    margin:0 !important;
}

.topbar-socials-language .breaking-news  {
    width:100%;
}

.language-switcher-language-url {
    display:flex;
    align-items:center;
}

.socials2 {
    margin-left:10px;
    display:flex;
    gap:15px;
}

/*
=============================
Social icons bar
=============================
*/

/* YouTube */
.social-border2 .socials2 a:nth-child(1) img:hover,
.social-border2 .socials2 a:nth-child(2) img:hover,
.social-border2 .socials2 a:nth-child(3) img:hover
{
  filter: brightness(0) saturate(100%) invert(19%) sepia(97%) saturate(7498%)
    hue-rotate(1deg) brightness(105%) contrast(120%);
}



/*
=============================
English content hide CSS
=============================
*/


html[lang='en'] .field--name-field-odbor,
html[lang='en'] .field--name-field-poslanicka-pitanja-narodni,
html[lang='en'] .field--name-field-komisija

{
    display:none;
}

/*
=============================
Sidebar Calendar Fix
=============================
*/

.fc-event-time,
.fc-daygrid-event-dot {
    display:none;
}

.fc-daygrid-dot-event .fc-event-title {
    background:rgb(230,230,230);
    text-align:center;
}

/*
=============================
Second item styling removal
=============================
*/

.field--name-field-poslanicki-klub .field__item a:last-child,
.field--name-field-odbor .field__item a:last-child,
.field--name-field-komisija .field__item a:last-child
 {
pointer-events:none !important;
color:#212529 !important;
text-decoration:none !important;
border-bottom:none !important;
}


/*
=============================
Predsjednik - Zamjenik - Sekretar stil
=============================
*/
.node--type-kategorija-ns-sastav-poslanici .field--name-body {
    clear:both;
}

/*
=============================
404 stranica ne postoji
=============================
*/
.page-404 .node__title,
article[data-history-node-id="13999"] .node__title
{
    display:none;
}


/*
=============================
zakoni - fix table styling
=============================
*/
.usvojeni-zakoni thead tr th:first-of-type {
    min-width:10px;
}

.usvojeni-zakoni tr td:nth-of-type(4) span {
display:block;
 max-width:220px !important;
 overflow:hidden !important;
 white-space:nowrap;
 text-overflow:ellipsis;
}

/*
=============================
=============================
=============================
Media Query - Responsive CSS
=============================
=============================
=============================
*/

@media (max-width: 767px) {
  .pocetna_baner_div {
    flex-direction: column;
  }

  .pocetna_baner_div img {
    width: 100%;
  }

  .pocetna_baner_div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    place-items: center;
    gap: 15px;
  }

  a .pocetna_baner_div a {
    width: 100%;
  }

  .pocetna_baner_div img {
    width: 100%;
    height: auto;
    display: block;
  }

  .post-thumbnail {
    text-align: left !important;
  }

  .post-thumbnail img {
    padding: 12px;
    width: 100%;
  }

  .pocetna-sledece-vijesti div.post-content {
    padding: 2px 12px !important;
  }

  .node--view-mode-teaser-6.small-post .post-content {
    padding-left: 12px;
  }

  .kalendar-aktivnosti .item-list.list-views ul li.view-list-item {
    margin-bottom: 5px !important;
  }

  .gsc-tab-views.style-1 .list-links-tabs .nav-tabs > li a {
    margin: 0 !important;
  }

  .main-menu .menu.sub-menu .sub-menu {
    transform: initial !important;
  }

  .gallery-block a.zoomGallery {
    display: block !important;
    z-index: 1049;
  }
  .lg-object lg-image {
    z-index: 1050 !important;
  }

  div.post-thumbnail.lightGallery img,
  .post-thumbnail img {
    padding: 0px !important;
  }
  .pocetna_baner_div {
    overflow: hidden;
  }

  .pocetna-sledece-vijesti span {
    line-height: 1.4;
    margin: 5px 0px;
  }

  .pocetna-sledece-vijesti a {
    margin-bottom: 15px;
  }
  .kalendar-aktivnosti .more-link,
  .ostale-vijesti-anchor {
    float: none;
    text-align: center;
  }
  .ostale-vijesti-anchor-container {
    text-align: left !important;
    margin-bottom: 10px;
  }
  .socials {
    margin-left: 20px;
  }
  .social-border .socials a {
    margin: 0 !important;
  }
  #block-gavias-batiz-branding {
      padding:5px 0px !important;
      text-align:center !important;
  }
  #block-gavias-batiz-branding img {
    height:65px !important;
  }
  
  .socials2{
      margin-left:0px;
      gap:10px;
  }
  .socials2 img {
      height:26px !important;
  }
  .topbar-socials-language ul.links {
      gap:2px !important;
  }
  .language-switcher-language-url .links li {
     margin-right:5px !important;
  }
  
  .header-main {
        text-align:center !important;
        background:white !important;
  }
 
}


@media (min-width: 767px) { 
    /*
    .uai.userway_dark,
    .uai.userway_dark:hover
    {
        transform:scale(1.5);
        margin-right:10px;
    }
    */
}