@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
/* COLORS 
    DARK BLUE: #105baa; BLACK: #000000;
    MIDDLE BLUE: #1e94d2; BLACK: #000000;
    LIGHT BLUE: #8dd8f8; WHITE: #ffffff;
*/
body {
  color: #000000;
  background-color: thistle;
  font-family: "Open Sans", sans-serif, Arial, Helvetica;
  background-image: url("../images/background-amblem.svg");
  background-repeat: repeat;
  background-size: 0.8rem 0.8rem;
  background-color: #f2f2f2;
  letter-spacing: 1px;
}
a {
  font-family: "Open Sans", sans-serif, Arial, Helvetica;
  color: #000000;
}

a:hover {
  text-decoration: underline;
  color: black;
}
/* SCREEN CONTROL */
/* iphone */
@media only screen and (max-width: 600px) {
  p {
    font-size: 1rem;
  }
  h2 {
    font-size: 1.5rem !important;
  }
  ._prijem_stranaka {
    text-align: left !important;
  }
  ._news h3 {
    font-size: 1.5rem;
    height: 7rem;
  }
  ._news img {
    width: fit-content !important;
    max-width: 300% !important;
    /* margin-left: -2rem !important; */
    border-radius: none;
  }
  ._largex {
    background-size: 100% !important;
    background-position: bottom -5rem right 0 !important;
  }
  ._4_boxa h5 {
    margin-bottom: 0.8rem;
    padding-bottom: 1.2rem;
    font-weight: 600;
    font-size: 1rem;
  }
  ._kako_do_pomoci ul,
  ._list_amblem ul {
    padding-bottom: 1rem !important;
  }
  ._video {
    padding-bottom: 2rem !important;
  }
  ._ombudsman {
    display: none;
  }
  ._forma {
    padding: 1rem 0 1rem 0 !important;
  }
  ._forma input[type="text"] {
    width: 100% !important;
  }
  ._forma,
  .callout.secondary {
    margin: 0 !important;
  }
  ._forma,
  .callout p {
    font-size: 0.8rem;
    padding: 0;
  }
  ._blog h6 {
    font-size: 1rem;
  }
  ._footer_contacts {
    padding: 0rem 1rem 0 2.5rem;
  }
  ._signature div:nth-last-of-type(1n) {
    text-align: left !important;
  }
  ._wrapper_publikacije_box {
    margin: 0 1rem 0 1rem;
  }
  ._publikacije_box {
    height: 10rem !important;
  }
  ._publikacije_box img {
    height: 10rem !important;
    width: 8rem !important;
    float: left !important;
    border-radius: 1rem 0 0 1rem;
  }
  ._publikacije_box h5 {
    font-size: 0.8rem !important;
    padding: 1rem 0 0 1rem !important;
    -webkit-line-clamp: 3 !important;
  }
  ._publikacije_box p {
    font-size: 0.8rem !important;
    -webkit-line-clamp: 2 !important;
    padding: 0 1rem 1rem 1rem;
  }
  ._publikacije_datum {
    display: none !important;
  }
}
/* tablets ipad */
@media only screen and (min-width: 700px) and (max-width: 800px) {
  p {
    font-size: 0.9rem;
  }
  ._largex {
    background-size: 77% !important;
    background-position: bottom 0rem right -10rem !important;
  }
  h3 {
    font-size: 200%;
  }
  .top-bar {
    font-size: 0.8rem !important;
  }
  .top-bar img {
    width: 1.4rem !important;
  }
  ._kako_do_pomoci h4,
  ._list_amblem h4 {
    font-size: 1.1rem;
  }
  ._kako_do_pomoci li,
  ._list_amblem li {
    font-size: 0.9rem;
  }
  ._box_misljenja h4 {
    color: #000000;
    padding: 0 0 0.6rem 0 !important;
    font-size: 1.5rem;
  }
  ._box_misljenja p {
    line-height: 135%;
    font-size: 0.9rem;
  }
  ._box_misljenja h5 {
    font-size: 1rem !important;
  }
  ._ombudsman p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-left: 0;
  }
  ._ombudsman h2 {
    font-size: 1.6rem;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  ._ombudsman h4 {
    padding: 0;
    font-size: 1.2rem;
  }
  ._publikacije_box {
    height: 10rem !important;
    margin: 1rem !important;
  }
  ._publikacije_box img {
    height: 10rem !important;
    width: 8rem !important;
    float: left !important;
    border-radius: 1rem 0 0 1rem;
  }
  ._publikacije_box h5 {
    font-size: 0.8rem !important;
    padding: 1rem 0 0 1rem !important;
  }
  ._publikacije_box p {
    font-size: 0.8rem !important;
    -webkit-line-clamp: 2 !important;
  }
  ._news h3 {
    font-size: 1.4rem;
  }
  ._forma lebel {
    padding: 0 !important;
    margin: 0 !important;
  }
  ._forma H6 {
    font-size: 0.8rem;
  }
  ._forma input[type="text"] {
    font-size: 0.8rem;
  }
  ._blog h6 {
    font-size: 1rem;
  }
}
/* tablets ipad pro */
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
  ._separator_05rem {
    display: none;
  }
  ._largex {
    background-size: 39rem !important;
    background-position: bottom -5rem right -15rem !important;
  }
  ._news h3 {
    font-size: 1.5rem;
  }
  ._ombudsman {
    height: 15rem !important;
  }
  ._ombudsman h2 {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  ._publikacije_box {
    height: 10rem !important;
    margin: 1rem !important;
  }
  ._publikacije_box img {
    height: 10rem !important;
    width: 8rem !important;
    float: left !important;
    border-radius: 1rem 0 0 1rem;
  }
  ._publikacije_box h5 {
    font-size: 0.9rem !important;
    line-height: 1rem;
    padding: 1rem 0 0 1rem !important;
  }
  ._publikacije_box p {
    font-size: 0.9rem !important;
    line-height: 1rem;
    -webkit-line-clamp: 2 !important;
  }
}
/* large */
@media only screen and (min-width: 1100px) {
  ._separator_05rem {
    display: none;
  }
  .largex {
    background-size: 630px !important;
    background-position: center right -15rem !important;
  }
  ._kako_do_pomoci h2,
  ._list_amblem h2 {
    padding-bottom: 2.5rem !important;
  }
  ._ombudsman {
    height: 18rem !important;
  }
  ._publikacije_box {
    height: 13rem !important;
    margin: 1rem !important;
    padding-bottom: 1rem;
  }
  ._publikacije_box img {
    border-radius: 1rem 0 0 1rem;
    padding-right: 0.5rem;
    height: 13rem !important;
    width: 10rem !important;
    float: left !important;
  }
  ._publikacije_box h5 {
    font-size: 1rem !important;
    padding: 1rem 1rem 0 1rem !important;
    -webkit-line-clamp: 3;
  }

  ._publikacije_box p {
    font-size: 1rem !important;
    line-height: 1.3rem;
    padding: 0.4rem 1rem 0 1rem !important;
    -webkit-line-clamp: 3 !important;
  }
}
/* BUTTONS */

.button,
.button:hover {
  background-color: black;
}
.button:hover {
  text-transform: uppercase;
}

.button.first,
.button.first a {
  color: white;
  margin-bottom: 0;
}
.button.third {
  background-color: white;
  color: #000000;
}

.button.secondary,
.button.secondary.disabled,
.button.secondary[disabled],
.button.secondary.disabled:hover,
.button.secondary[disabled]:hover,
.button.secondary.disabled:focus,
.button.secondary[disabled]:focus {
  background-color: black;
  color: white;
}

.button,
.button.disabled,
.button[disabled],
.button.disabled:hover,
.button[disabled]:hover,
.button.disabled:focus,
.button[disabled]:focus {
  background-color: black;
  color: #fefefe;
}

/* CALLOUTS - POLJE */
.callout.primary {
  background-color: white;
  border-radius: 1rem;
  padding: 2rem 2rem 2rem 2rem;
  box-shadow: black 1px 1px 1px 1px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(158, 158, 158, 1);
  -moz-box-shadow: 0px 0px 6px 1px rgba(158, 158, 158, 1);
  box-shadow: 0px 0px 6px 1px rgba(158, 158, 158, 1);
}
.callout > :first-child {
  color: white;
}
.callout.primary h4 {
  text-align: center;
  color: #000000;
  padding: 0 0 0.4rem 0;
  margin: 0 0 1.2rem 0;
  /* border-bottom: 1px dotted #000000; */
}
.callout.primary h5 {
  color: #000000;
}
.callout.primary h6 {
  line-height: 1.2rem;
  font-size: 1rem;
  color: #000000;
  font-weight: 600;
}
.callout.primary p {
  color: #000000;
  padding-left: 0;
  padding-bottom: 0.2rem;
  line-height: 1.2rem;
  font-size: 0.9rem;
}
.callout.secondary {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  padding: 2rem;
  color: white;
}
.callout > :first-child {
  color: white;
}
.callout.secondary p {
  color: #000000;
}
.callout.third {
  background-color: #000000;
  border: 1px solid #ffffff;
  padding: 2rem;
  color: white;
}
.callout > :first-child {
  color: white;
}
.callout.third p {
  color: white;
}
.callout.fourth {
  background-color: transparent;
  border: 2px solid #000000;
  padding: 2rem;
  color: #000000;
}
.callout > :first-child {
  color: #000000;
}
.callout.fourth p {
  color: #000000;
}
/* COLORS */
._light_blue_bg {
  background-color: black;
}
._middle_blue_bg {
  background-color: #000000;
}
._dark_blue_bg {
  background-color: #000000;
}
._white_bg {
  background-color: white;
}
/* HELPERS */
._fullwidth {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: initial;
}
._padding_container {
  padding-top: 3rem;
}
._padding_container_top {
  padding-top: 3rem;
}
._padding_container_bottom {
  padding-bottom: 3rem;
}
._clear {
  clear: both;
}
._separator_05rem {
  width: 100%;
  padding-bottom: 0.5rem;
}
._separator_1_4rem {
  width: 100%;
  padding-bottom: 1.4rem;
}
._separator_1rem {
  width: 100%;
  padding-bottom: 1rem;
}
/* H */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
}
h1 {
  font-size: 2rem;
  margin-bottom: 2rem;
}
h1,
h2 {
  /* font-size: 1.8rem; */
  color: #000000;
  font-weight: 700;
}
h2 {
  padding-bottom: 1rem;
}
h4 {
  color: #000000;
  font-weight: 700;
}
h3 {
  color: #000000;
  font-weight: 650;
}
h5,
h6 {
  font-size: 1.2rem;
  color: #000000;
  font-weight: 650;
}
/* HEADER */
header {
  background-color: #000000;
  color: #ffffff;
  /* border-bottom: #ffffff 1px dotted; */
}
/* top bar */
.top-bar {
  background: none !important;
  font-size: 1rem;
}
.top-bar img {
  width: 1.6rem;
  margin-left: 1rem;
}
.top-bar img:nth-of-type(1) {
  margin-left: 0;
}
.top-bar a {
  color: #ffffff;
}
.top-bar a:hover {
  color: white;
}
._top_bar_mail {
  margin-left: 1rem;
}
._accessibility_minus {
  font-size: 2.5rem !important;
  font-weight: bolder;
  top: 0.34rem;
  line-height: 1rem;
  position: relative;
  width: 3rem;
  margin-left: 1rem;
}
._accessibility_plus {
  font-size: 2rem !important;
  font-weight: bolder;
  top: 0.4rem;
  line-height: 1rem;
  position: relative;
  color: white !important;
  margin-left: -0.5rem;
}
._accessibility_icon {
  margin-left: 0.1rem !important;
}
._accessibility_plus:hover {
  font-size: 3rem !important;
  top: 0.7rem;
}
._mobile_accessibility_minus {
  font-size: 2.5rem !important;
  float: left;
  position: absolute;
  top: 7rem;
  margin-left: 0.3rem;
}
._mobile_accessibility_plus {
  font-size: 2rem !important;
  float: left;
  position: absolute;
  top: 3.864em;
  margin-left: 0.7rem;
}
._mobile_accessibility_minus a,
._mobile_accessibility_plus a {
  font-size: 2rem !important;
  font-weight: bold;
}
._mobile_accessibility_plus a {
  color: red !important;
}
/* Logo */
._logo-and-search {
  height: 7rem;
}
._logo-and-search img:nth-of-type(1) {
  height: 5rem;
}
/* Prijem */
._prijem_stranaka {
  font-size: 0.8rem;
  text-align: right;
  padding-right: 0;
}
/* Search */
._search img {
  width: 1.5rem;
  margin-left: 1rem;
}
._search input::placeholder {
  color: #000000;
  text-align: left;
}
._search input[type="text"] {
  color: #000000;
  text-align: center;
  margin: 0;
  border: none;
}
._search input[type="submit"] {
  background-color: white !important;
  width: 3rem !important;
  background-image: url("../icons/search.svg");
  background-size: 1.7rem 1.7rem;
  background-repeat: no-repeat;
  background-position: center center;
  border: none !important;
}
._search > .input-group {
  margin-bottom: 0;
}
/* menu */
#fixed_div {
  padding-left: 1rem;
}
.dropdown.menu > li > a {
  color: white;
}
.dropdown.menu > li > a:hover {
  color: #ffffff;
}
.dropdown.menu > li.is-active > a {
  color: #ffffff;
}
.dropdown.menu ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.is-dropdown-submenu-item a {
  padding: 0.5rem 1rem 0.5rem 1rem !important;
}
.dropdown.menu ul ul {
  margin: 0.5rem 1rem 1rem 1rem;
}
.dropdown.menu ul ul li {
  list-style: circle;
  height: 1.7rem;
}
.dropdown.menu ul ul li a {
  margin: 0 0 1rem 0 !important;
  padding: 0 !important;
  line-height: 1.3rem;
  height: 0rem;
}
.medium-horizontal a {
  font-size: 0.9rem;
  text-transform: uppercase;
  color: white;
  text-align: left;
}
.menu.vertical {
  background-color: #000000;
}
.accordion-menu
  .is-accordion-submenu-parent:not(.has-submenu-toggle)
  > a::after {
  left: 22rem;
  top: 44%;
}
.accordion-menu .is-accordion-submenu a {
  padding: 0 0 0 2rem;
  text-transform: capitalize;
  line-height: 1.1rem;
}
.accordion-menu
  .is-accordion-submenu-parent:not(.has-submenu-toggle)
  > a::after {
  border-color: #ffffff transparent transparent;
  margin-top: -4px;
  margin-left: -1rem;
}
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
  padding-bottom: 1rem;
}
/* sticky */
@media screen and (max-width: 39.9375em) {
  .no-js .top-bar {
    display: none;
  }
}
@media print, screen and (min-width: 40em) {
  .no-js .title-bar {
    display: none;
  }
}
.medium-horizontal a img {
  height: 1.7rem !important;
  margin-top: -6px;
}
.dropdown .is-dropdown-submenu a {
  font-size: 0.9rem !important;
  line-height: 1.4rem;
  text-align: left;
  text-transform: capitalize;
}
.sticky {
  padding-top: 6px;
}
[data-sticky] {
  width: 100%;
}
.sticky-container {
  z-index: 5;
}
/* sticky end */
/* mobile menu */
._top_bar_mobile_amblem {
  height: 30px;
  float: left;
  margin: 1.4rem 0 0 0.5rem;
}
._top_bar_mobile {
  padding: 1rem 1rem 0 1rem !important;
  width: 100%;
  font-size: 0.9rem;
  color: white;
}
._top_bar_mobile a {
  font-size: 0.9rem;
  display: contents !important;
}
._top_bar_mobile a:hover {
  color: #000000 !important;
}
._top_bar_mobile img {
  width: 2rem;
  float: left;
  margin: -3px 4px 0 0;
}
._top_bar_mobile ul {
  margin-left: 0;
  list-style: none;
  line-height: 2rem;
}
._top_bar_mobile ul ul {
  margin-left: 1.5rem;
  padding-left: 0 !important;
  list-style: disc;
  line-height: 1.5rem;
}
._top_bar_mobile a {
  padding: 0 !important;
  margin: 0 !important;
}
._top_bar_mobile ul ul ul {
  margin-left: 1rem;
  list-style: circle;
}
/* mobile menu end */
.title-bar {
  background: none !important;
}
.title-bar-title {
  font-weight: 300;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: white transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px;
}
/* submenu */
.nested a {
  width: 20rem;
}
.is-dropdown-submenu {
  background-color: #000000;
  border: none;
  border-radius: 0 0 1rem 1rem;
  min-width: 100% !important;
  z-index: 100 !important;
}
.dropdown .is-dropdown-submenu a {
  color: white;
  font-size: 0.9rem;
  text-orientation: upright;
}
.dropdown .is-dropdown-submenu a:hover {
  color: #ffffff;
}
.dropdown .is-dropdown-submenu > li.is-active > a {
  color: #ffffff;
}
/* NEWS */
._news h3 {
  padding-bottom: 4%;
}
._news b {
  color: #000000;
}
._news p {
  padding: 1rem 0 0 0;
  color: #000000;
}
._news img {
  border-radius: 1rem;
  margin-bottom: 1rem;
  width: 100% !important;
  height: auto !important;
}
.orbit-bullets button {
  width: 0.7rem;
  height: 0.7rem;
}
._largex {
  padding: 1.5rem 0 1.5rem 0;
  /* background-image: url("../images/background-amblem-large.svg"); */
  background-position: right;
  background-repeat: no-repeat;
  background-size: 42rem;
  background-color: none;
}
/* 4 BOXA ispod vijeti na home */
._4_boxa img {
  max-width: 3.8rem;
  padding: 0 0 0.5rem 0;
  height: 5rem;
}

._4_boxa div:nth-of-type(1n + 4) a img {
  max-width: 7rem;
}

._4_boxa h5 {
  font-size: 1rem;
  color: white;
  font-weight: 600;
  line-height: 1.2em;
}

._4_boxa p {
  padding-bottom: 0;
  margin-bottom: 0;
}
/* KAKO DO POMOĆI */
._list_amblem li {
  list-style-image: url("../images/bullet-amblem-dark-blue.svg");
}
._list_amblem li::marker,
._list_amblem_white li::marker {
  font-size: 1.5rem;
}
._list_amblem h1 {
  padding-bottom: 2rem;
}
._list_amblem_white li {
  list-style-image: url("../images/bullet-amblem-light-blue.svg");
}
/* Box mišljenja  */
._box_misljenja {
  background-color: white;
  border-radius: 1rem;
  padding: 2rem 2rem 2rem 2rem;
  box-shadow: black 1px 1px 1px 1px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(158, 158, 158, 1);
  -moz-box-shadow: 0px 0px 6px 1px rgba(158, 158, 158, 1);
  box-shadow: 0px 0px 6px 1px rgba(158, 158, 158, 1);
}
._box_misljenja h4 {
  text-align: center;
  color: #000000;
  padding: 0 0 0.4rem 0;
  margin: 0 0 1.2rem 0;
  /* border-bottom: 1px dotted #000000; */
}
._box_misljenja h5 {
  color: #000000;
}
._box_misljenja h6 {
  line-height: 1.2rem;
  font-size: 1rem;
  color: #000000;
  font-weight: 600;
  margin-bottom: 0.2rem;
}
._box_misljenja p {
  color: #000000;
  padding-left: 0;
  padding-bottom: 0.2rem;
  line-height: 1.2rem;
  font-size: 0.9rem;
}
/* OMBUDSMAN */
._ombudsman {
  /* background-image: url("../images/background-amblem-ombudsman.svg"); */
  background-position: right;
  background-repeat: no-repeat;
  background-size: auto 100%;
  color: #000000;
  height: 100% !important;
}
._ombudsman h2 {
  color: black;
  padding-top: 0.5rem;
}
._ombudsman h4 {
  color: #000000;
  padding-left: 0;
}
._ombudsman p {
  padding-left: 0;
}
/* OMBUDSMAN mobile */
._ombudsman_mobile {
  background-color: #ffffff;
}
._ombudsman_mobile img {
  padding: 1rem;
  width: 90%;
}
._ombudsman_mobile h2,
h4,
p {
  padding: 0 1rem 1rem 0rem;
}
._ombudsman_mobile h2 {
  font-size: 1.5rem;
  color: white;
  text-align: center;
  padding-bottom: 0;
}
._ombudsman_mobile h4 {
  text-align: center;
}
._ombudsman_mobile p {
  width: 100%;
}
/* FORMA */
._forma {
  clear: both !important;
}
/* ._forma lebel {
  margin: 0 1rem 0 1rem;
} */
._forma input::placeholder {
  color: #000000;
}
._forma input[type="text"] {
  text-align: center;
  border: 1px solid #ffffff;
  height: 2.2rem;
  width: 90%;
}
._forma p {
  color: #000000;
  padding-top: 0.3rem;
}
._forma H6 {
  padding-top: 1rem;
}
/* PUBLIKACIJE */
._publikacije_box {
  padding: 0 1rem 0 0 !important;
  margin: 1rem 0 1rem 0;
  height: 15rem;
  background-color: white;
  border-radius: 1rem;
  padding: 2rem 2rem 2rem 2rem;
  box-shadow: black 1px 1px 1px 1px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(158, 158, 158, 1);
  -moz-box-shadow: 0px 0px 6px 1px rgba(158, 158, 158, 1);
  box-shadow: 0px 0px 6px 1px rgba(158, 158, 158, 1);
}
._publikacije_box h5 {
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
._publikacije_box p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-align: left;
}
p._publikacije_datum {
  color: #ffffff;
}
/* VIDEO */
._video iframe {
  border-radius: 1rem;
}
._video_small iframe {
  border-radius: 0.6rem;
}
._video_small img {
  height: auto;
  max-width: 100%;
}
._video_small h6 {
  font-size: 1rem;
  text-align: left;
  padding-left: 1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
/* BLOG */
._blog img {
  width: 100%;
  height: 13rem;
  border-radius: 0.6rem;
}
._blog h6 {
  text-align: left;
  color: #000000;
  margin: 1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
._blog p {
  padding: 0;
  margin: 1rem;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
/* FOOTER */
footer,
footer a {
  color: white;
}
footer a:hover {
  color: #000000;
}
._footer_contacts img {
  width: 2rem;
  margin: 0rem 1rem 0 0;
}
._line_trough {
  border-top: #ffffff 1px dotted;
}
._footer_social {
  margin: -2rem 0 0 0;
  background-color: #000000;
}
._footer_social img {
  width: 2rem;
  height: 2rem;
  margin: 1rem;
}
._signature {
  padding: 0.5rem 0 0.5rem 0;
  font-size: 0.8rem;
  color: #ffffff;
}

.breadcrumbs a {
  color: black;
}