/* COLORS
      BLUE DARK: #105baa
      BLUE MIDDLE: #1c94d2
      BLUE LIGHT: #8dd8f8
      BLUE LIGHTER: #caebf5
      YELLOW: #fdec78 
      ROSE: #d26da4
      ROSE light: #f1e4ea
*/

@import url("https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@300;400;700&display=swap");

/* SCREEN CONTROL */
/* phone */
@media only screen and (max-width: 600px) {
  ._news p {
    padding: 0 !important;
    overflow: visible;
  }
  ._news_outline {
    margin-top: 0.7rem;
  }
  ._4_box_circle {
    margin: 1rem auto;
  }

  ._djeca_3boxa img {
    float: none !important;
    margin-bottom: 0.5rem !important;
  }
  ._djeca_3boxa h5 {
    text-align: center !important;
  }
  ._djeca_3boxa ._vertica_align {
    display: block !important;
  }

  ._kako_do_pomoci_wrapper {
    padding: 0 1rem !important;
  }
  ._publikacije_box_djeca {
    margin: 0 auto !important;
  }

  ._publikacije_box_djeca h5 {
    font-size: 0.9rem !important;
    line-height: 1rem !important;
    padding: 1.2rem 0.1rem 0 0.1rem !important;
  }

  ._publikacije_box_djeca p {
    padding: 0 0.1rem 0.5rem 0.1rem !important;
    margin-bottom: 0 !important;
  }
  ._kako_do_pomoci_wrapper img {
    margin: 1rem 0 2rem 0 !important;
  }
  ._misljena_sa_preporukom h4,
  ._misljena_sa_preporukom h5 {
    text-align: center !important;
  }

  ._blog_box {
    height: 29rem !important;
    width: 15rem !important;
    text-align: center !important;
    margin: 0.5rem auto !important;
    padding: 0 !important;
  }

  ._blog_box h5 {
    align-content: center !important;
    padding: 1rem 1.5rem 0 1.5rem !important;
    overflow: hidden !important;
    text-align: center !important;
    font-size: 1rem !important;
    line-height: 1rem !important;
    font-weight: 600 !important;
  }

  ._blog_box p {
    padding: 0 0.5rem 0 0.5rem;
    text-align: center;
  }

  .callout.light_pink {
    padding: 3rem 1rem;
  }
  ._line_trough {
    margin-top: 2rem;
  }
  .sidenav {
    background-color: #105baa;
    background-image: url("../images/svg/background-pattern-circle-light.svg");
    background-size: 50rem;
    background-repeat: no-repeat;
  }
  .sidenav a {
    font-size: 1rem;
  }
  ._search {
    margin-right: 1rem;
  }

  .owl-carousel._largex {
    margin: 0 !important;
  }

  .menu_mob {
    background-color: #105baa !important;
    background-image: url(../images/svg/background-pattern-heart-light.svg) !important;
    background-size: 5.3rem !important;
    width: 90% !important;
    border-radius: 49rem;
    /* background-repeat: no-repeat; */
    background-position: 8rem;
  }

  footer > div > div > img {
    width: 80%;
    margin: 0 auto !important;
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .vid-container {
    height: 23rem !important;
  }

  .vid-main-wrapper {
    width: 100% !important;
    min-width: 100% !important;
  }
  .vid-list-container {
    width: 100% !important;
    float: left !important;
  }
  .vid-container {
    width: 100% !important;
  }
  .vid-list {
    margin-top: 115% !important;
  }
  ol#vid-list li {
    padding: 0 !important;
  }
  .target_zoom {
    margin: 0 !important;
  }
}

/* tablets ipad */
@media only screen and (min-width: 700px) and (max-width: 800px) {
  ._publikacije_box_djeca {
    margin: 1rem 0 1rem 1rem !important;
  }
  .sticky {
    display: flex !important;
    width: 94% !important;
  }

  ._misljena_sa_preporukom {
    margin: 2rem 1rem 1rem 1rem !important;
  }

  ._4_box_circle {
    width: 11rem !important;
    height: 11rem !important;
    padding: 1rem !important;
    padding: 1rem 0.2rem 0.2rem 0.2rem !important;
  }
  ._4_boxa img {
    height: 3rem !important;
  }
}

/* tablets ipad pro */
@media only screen and (min-width: 1024px) and (max-width: 1124px) {
  #fixed_div {
    width: 98% !important;
  }

  ._publikacije_box_djeca {
    margin: 1rem 1rem 1rem 1rem !important;
  }
  ._misljena_sa_preporukom {
    margin: 2rem 1rem 1rem 1rem !important;
  }
  ._4_box_circle {
    width: 12rem !important;
    height: 12rem !important;
    padding: 1rem !important;
  }
  ._4_boxa img {
    height: 4rem !important;
  }
}

body {
  background-color: #f2f2f2;
  background-image: none;
  font-family: "Kumbh Sans", sans-serif;
}

header {
  background-color: #f2f2f2;
}

/* TYPOGRAPHY */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  font-family: "Kumbh Sans", sans-serif;
}
h2,
h3,
h2 {
  color: #105baa;
}

h4 {
  font-weight: 500;
}

p {
  line-height: 1.2rem;
  color: #1c94d2;
}

/* END Typography */

/* BACKGROUND */
._background_light_blue {
  background-image: url("../images/svg/background-pattern-circle-light.svg");
  background-size: 2rem;
  background-color: #caebf5;
  height: fit-content;
}

. ._background_middle_blue {
  background-image: url("../images/svg/background-pattern-star-light.svg");
  background-size: 2rem;
  background-color: #1c94d2;
}
._background_dark_blue {
  background-image: url("../images/svg/background-pattern-star-light.svg");
  background-size: 2rem;
  background-color: #105baa;
}

._background_transparent_star {
  background-color: transparenta;
  background-image: url("../images/svg/background-pattern-star.svg");
  background-size: 2rem;
}

._background_transparent_heart {
  background-color: transparent;
  background-image: url("../images/svg/background-pattern-heart.svg");
  background-size: 2rem;
}

._background_transparent_star_2 {
  background-color: transparent;
  background-image: url("../images/svg/background-pattern-star-multiple.svg");
  background-size: 2rem;
}

._background_transparent_circle {
  background-color: transparent;
  background-image: url("../images/svg/background-pattern-circle.svg");
  background-size: 2rem;
}

/* END Background */

/* HELPERS */
._vertica_align {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* END Helpers */

/* CALLOUTS */

.callout.circle,
.callout.heart,
.callout.star {
  border-radius: 15rem;
  background-color: transparent;
  background-size: 1rem;
  color: #105baa;
}

.callout.circle {
  background-image: url("../images/svg/background-pattern-circle.svg");
}
.callout.heart {
  background-image: url("../images/svg/background-pattern-heart.svg");
}
.callout.star {
  background-image: url("../images/svg/background-pattern-star.svg");
}

.callout.light_pink,
.callout.light_blue,
.callout.light_yellow {
  border-radius: 15rem;
}

.callout.light_pink {
  background-color: #f1e4ea;
}

.callout.dark_blue {
  background-color: #105baa;
}

.callout.light_blue {
  background-color: #d7ebf5;
}

.callout.light_yellow {
  background-color: #fbf9e5;
}

/* END Callouts */

/* LIST STYLES */
._list_amblem_light_blue li {
  list-style-image: url(../images/svg/bullet-amblem-light-blue.svg);
  color: #1c94d2;
}
._list_amblem_light_blue li::marker {
  font-size: 1.5rem;
}
._list_amblem_light_blue li a {
  color: #1c94d2;
  font-weight: 500;
}

/* END List styles */

/* TOP BAR */
._top_bar_kids a {
  color: #1c94d2;
}
._top_bar_kids a:hover {
  color: #105baa;
}

/* END Top bar */

/* PRIJEM */
._prijem_stranaka {
  color: #1c94d2;
}
/* END Prijem */

/* LOGO i PRETRAGA */
._logo-and-search {
  height: 8rem;
  margin-bottom: 0.5rem;
}
._search input[type="submit"] {
  background-image: url("../images/svg/search.svg") !important;
}
._search .input-group {
  border: 1px solid #8dd8f8 !important;
  border-radius: 2rem;
}

[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="month"],
[type="week"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
[type="color"],
textarea {
  box-shadow: none;
}

/* END Logo i Pretraga */

/* MENU */

.menu.vertical {
  background-color: #fdec78;
  border-radius: 2rem;
}

.medium-horizontal a {
  color: #1c94d2 !important;
  font-weight: 600;
}
.medium-horizontal a:hover {
  color: #105baa !important;
}

.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
  border-radius: 0 0 1rem 1rem;
  background-color: #8dd8f8;
  margin-left: 1rem;
}
.dropdown .is-dropdown-submenu a {
  color: white !important;
  font-weight: 600;
}
.dropdown .is-dropdown-submenu a:hover {
  color: #105baa !important;
}

.sticky {
  background-color: transparent;
}

.medium-horizontal a img {
  height: 1.3rem;
}

/* END Menu */

/* NEWS */

._news img {
  margin-bottom: 0;
}

._news_outline {
  border: 2px solid #d26da4;
  border-radius: 1rem;
  padding: 0.7rem;
  margin-bottom: 1rem;
}

._news p {
  color: #d26da4;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0;
}

._largex {
  background-image: url("../images/svg/background-news.svg");
  background-position: right;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 2rem 0;
}

/* END News */

/* 4 BOXA */

._4_box_circle {
  border-radius: 50%;
  border: 2px solid white;
  width: 16rem;
  height: 16rem;
  padding: 2.6rem;
  justify-content: center;
  align-items: center;
  transition: background-color 0.5s ease;
  cursor: pointer;
}

._4_box_circle:hover {
  background-color: rgba(999, 999, 999, 0.3);
}

._4_boxa h5 {
  font-size: 1rem;
  color: #105baa;
  font-weight: 500;
  line-height: 1.1em;
  transition: all 0.5s ease;
}

._4_boxa h5:hover {
  font-weight: bold;
}

/* END 4 Boxa */

/* 3 BOXA */
._djeca_3boxa img {
  float: left;
  width: 3.2rem;
}
._djeca_3boxa a {
  margin-right: 0.7rem;
}

._djeca_3boxa > div > div:nth-child(1) > a:nth-child(1) {
  margin-right: 0.7rem;
  width: 6rem;
}

._djeca_3boxa > div > div:nth-of-type(1) img {
  width: 4rem;
}

._djeca_3boxa > div > div:nth-of-type(2) img {
  width: 3.1rem;
}

._djeca_3boxa h5 {
  text-align: left;
  font-weight: 400;
  color: #1c94d2;
  font-size: 1.2rem;
  line-height: 1.3rem;
  transition: all 0.5s ease;
}

._djeca_3boxa h5:hover {
  color: #105baa;
}

/* END 3 Boxa */

._kako_do_pomoci_wrapper {
  background-image: url("../images/svg/background-kako-do-pomoci.svg");
  background-position: left;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 2rem 0;
}

._kako_do_pomoci_wrapper h2 {
  color: #1c94d2;
}

._kako_do_pomoci_wrapper h3 {
  color: #d26da4;
}

._kako_do_pomoci_wrapper > div > div {
  align-items: center;
}

._kako_do_pomoci_wrapper_img {
  display: flex;
  align-items: center;
}

/* PUBLIKACIJE */
._publikacije_box_djeca {
  width: 90%;
  border-radius: 14rem 14rem 50rem 50rem;
  box-shadow: 0px 0px 10px #d2d2d2;
  margin: 1rem 0 1rem 0;
  padding-bottom: 2rem;
  background-color: white;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  /*  border-radius: 1.6rem 1.6rem 0 0;*/
}

._publikacije_box_djeca h5 {
  font-size: 1rem;
  line-height: ;
  color: #105baa;
  font-weight: 600;
  padding: 1.2rem 1rem 0 1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1rem;
}

._publikacije_box_djeca p {
  font-size: 0.9rem;
  line-height: 1.1rem;
  padding: 0.4rem 1rem 1rem 1rem;
  margin-bottom: 3rem;
  color: #1c94d2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

._publikacije_box_djeca date {
  color: #d26da4;
}

/* END Publikacije */

/* DIREKTORICA */
._ombudsman {
  background-image: url("../images/svg/background-direktorica.svg");
  background-position: right;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 0;
  height: fit-content !important;
}

._ombudsman h2 {
  color: #1c94d2;
  margin: 1rem 0 0 0;
  padding: 0;
}

._ombudsman h4 {
  color: #d26da4;
  margin-top: 0;
  padding-top: 0;
}

._ombudsman p {
  padding-left: 0;
  padding-bottom: 0;
  line-height: 1.2rem;
  color: #1c94d2;
}

/* END Direktorica */

/* MISLJENJA SA PREPORUKOM */
._misljena_sa_preporukom {
  margin: 3rem 0;
}

._misljena_sa_preporukom h4 > a,
._misljena_sa_preporukom h5 > a {
  color: #d26da4;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: right;
  padding: 0;
}

._misljena_sa_preporukom h4 {
  text-align: right;
  margin: 0 0.6rem 0 0;
  line-height: 1.5rem;
  padding: 0;
}

._misljena_sa_preporukom h5 {
  text-align: left;
  margin: 0 0 0 0.6rem;
  line-height: 1.5rem;
  padding: 0;
}
._misljena_sa_preporukom p {
  color: #1c94d2;
  margin: 0.6rem 0;
}

/* END Misljenja sa preporukom */

/* BLOG */

._wrapper_blog_box {
  margin: 0 1rem 0 1rem;
}

._blog_box {
  border-radius: 100rem;
  padding: 0 1rem 0 0;
  margin: 1rem 0 1rem 0;
  /* height: 15rem; */
  background-color: white;
  /* 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);
}

._blog_box h5 {
  padding: 2.5rem 2rem 0 1.5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 600;
}
._blog_box p {
  font-size: 1rem;
  -webkit-line-clamp: 3;
  padding: 0 2rem 1rem 1.5rem;
  color: #1c94d2;
}

._blog_box_img_bg {
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  overflow: hidden;
  float: left;
}

/* END Blog */

/* FORMA */
._forma h2 {
  margin: 0 0 2rem 0;
}

._forma h4 {
  font-weight: 500;
}

._forma .light_pink p {
  padding: 1rem 1.5rem;
  text-align: center;
}

._forma .light_pink h4 {
  margin: 0;
  padding: 0;
}

/* END Forma */

/* CAROUSEL LOGOS */

._wrapper_carousel_logos img {
  display: block;
  width: 25% !important;
  height: auto;
  border-radius: 1.6rem 1.6rem 0 0;
  /*  filter: url(~"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: gray;
  filter: opacity(0.4) grayscale(1);*/
  /* border-radius: 50%; */
}

/* END Carousel logos */

/* FOOTER */
footer,
footer a {
  color: white;
}

/* END Footer */

/* NEWS INNER*/

._search_blue input[type="text"] {
  background-color: #8dd8f8;
  background-image: url(../images/svg/background-pattern-circle-light.svg);
}
.input-group > :last-child,
.input-group > :last-child.input-group-button > * {
  background-color: #d26da4;
}

._pill_middle_blue:hover {
  background-color: #d26da4;
}

._news_date,
._news_large p {
  color: #d26da4;
}

/* END News inner */

/* MIŠLJENJA */
._search_bar_files input[type="submit"] {
  background-image: url(../../icons/search-white.svg);
}

._file_grid_element p {
  font-weight: 500;
  border-bottom: none;
}

.tooltip {
  background-color: #1c94d2;
}
.tooltip.top::before {
  border-color: #1c94d2 transparent transparent;
}

/* END Mišljenja */

/* VIDEO */

.vid-main-wrapper {
  background-color: transparent;
  margin: 3rem 0 2rem 0 !important;
}
.vid-container {
  padding-bottom: 1rem !important;
  background-color: transparent;
}

.vid-container iframe,
.vid-container object,
.vid-container embed {
  width: 99%;
  border-radius: 1rem;
  background-color: transparent;
}

ol#vid-list {
  background-color: transparent !important;
}
ol#vid-list li {
  margin-bottom: 0.2rem;
  padding: 0 0 0 1rem;
}

ol#vid-list li a {
  height: 4.3rem;
  padding: 0.5rem;
  transition: all 0.5s ease;
  background-position: 0.5rem 0.5rem;
}

ol#vid-list li a:hover {
  background-color: white;
  border-radius: 50rem;
}

#vid-list .desc {
  margin-top: 5px;
  line-height: 1rem;
  font-size: 0.9rem;
  display: flex;
  align-content: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-top: 0.3rem;
}

.vid-thumb img {
  border-radius: 10rem;
}
/* END Video */
/* recaptcha */

.g-recaptcha {
  position: relative;
  padding-bottom: 30%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}
.g-recaptcha iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* endrecaptcha */

/* INSTAGRAM */

.single-instagram-item img {
  clip-path: circle(44.3% at 50% 50%);
}

/* END instagram */