@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,500;0,700;1,300;1,500;1,700&display=swap");

:root {
  --theme-font: "Roboto", sans-serif;
  --theme-font-condensed: "Roboto Condensed", sans-serif;
  --theme-color: #00786c;
  --theme-color-light: #00bfac;
  --color-gray: #616161;
  --color-gray-light: #bbbbbb;
  --color-text: #212121;
  --color-text-light: #ffffff;
  --theme-hover-light: #f7f7f7;
  --color-black: #000000;

  --theme-color-hover: #0566ff;
  --border-color: #efefef;
  --button-height: 3.25rem;
  --button-height-small: 2.8125rem;
  --button-padding: 0 3.125rem;
  --input-border-color: #d8d8d8;
  --color-success: #42d448;
  --color-warning: #ef9328;
  --color-danger: #f44336;
  --color-danger-light: #ffd6dc;
  --text-light: #adbdd7;
  --color-label: #9caecc;
  --color-label-border: #bbcbe4;
  --color-breadcrumb-a: #383838;
}

body {
  font-family: var(--theme-font);
  font-weight: 300;
  color: var(--color-text);
}

.bg-theme {
  background-color: var(--color-gray);
}

.bg-theme-light {
  background-color: var(--theme-hover-light);
}

.hov-bg:hover {
  background-color: var(--theme-hover-light);
}

.theme-color {
  color: var(--theme-color);
}

.btn-outline-success {
  color: var(--theme-color);
  border-color: var(--theme-color);
}

.btn-outline-success:hover {
  color: var(--color-text-light);
  background-color: var(--theme-color);
}

.min-vw-50 {
  min-width: 50vw;
}

.min-vw-25 {
  min-width: 25vw;
}

.min-v-300 {
  min-width: 300px;
}

.ml-vw--25 {
  margin-left: -25vw !important;
}

h1, h2, h3 {
  font-family: var(--theme-font-condensed);
}

h1.dark {
  font-weight: 700;
  font-size: 2.5rem;
}

h1, h2 {
  color: var(--theme-color);
}


a {
  color: var(--theme-color);
  transition: all 0.5s;
}

a:hover {
  color: var(--theme-color-light);
  text-decoration: none;
}

/* HEADER NAVIGACIJA */

.nav-item {
  margin-left: 20px;
}

.nav-item > span {
  font-family: var(--theme-font-condensed);
  color: var(--color-text-light);
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
}

.nav-item > span:hover {
  color: var(--theme-color-light);
}

.sub-menu {
  /*   display: none; */
  position: absolute;
  background-color: var(--color-text-light);
  z-index: -999;
  opacity: 0;
  transition: opacity 0.5s;
}

.menu-item-has-children:hover .sub-menu {
  /*   display: block; */
  opacity: 1;
  z-index: 999;
}

.sub-menu h4 {
  font-size: 0.9em;
  font-family: var(--theme-font-condensed);
  margin: 0 0 6px 0;
  font-weight: 700;
  padding-bottom: 10px;
  text-transform: uppercase;
  border-bottom: 1px solid var(--color-gray-light);
}

.sub-menu-cat {
  font-size: 0.9em;
  font-family: var(--theme-font-condensed);
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-transform: uppercase;
}

.sub-menu-cat li {
  margin-bottom: 5px;
  /* border-bottom: 1px solid var(--color-gray-light); */
  list-style: none;
}

.sub-menu-cat .cat-item a {
  color: var(--color-text);
  text-decoration: none;
  display: block;
}
.sub-menu-cat .cat-item:hover a {
  color: var(--theme-color-light);
}

.sub-menu-cat .cat-item.active a {
  color: var(--theme-color-light);
}

a.fa-big {
  font-size: 1.3em !important;
  color: var(--color-text-light);
}

/* ĪSSCEĻŠ */

.crumbs {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 300;
}

.crumbs span {
  color: var(--color-black) !important;
  font-weight: 500;
}

.crumbs a {
  color: var(--color-grey);
  text-decoration: none;
}

.crumbs a:hover {
  color: var(--theme-color-light);
}

/* KARTE */

#contact-maps {
  position: relative;
  height: 425px;
}

#map-canvas {
  width: 100%;
  height: 100%;
  position: absolute !important;
  background-color: var(--color-gray-light);
}

/* AKARDEONS */

#accordion h3 {
  font-family: var(--theme-font-condensed);
  font-size: 1.5em;
  cursor: pointer;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  margin-bottom: 0 !important;
}

#accordion p {
  margin-bottom: 0.5em;
}

.card-body li {

}

/* REKVIZITI */

#rekviziti h3 {
  font-size: 1.6em;
}

#rekviziti span {
  color: var(--theme-color);
}

/* FOOTER */

footer,
footer h4,
footer a,
.footer ul li a {
  color: var(--color-text-light);
}

footer h4 {
  font-size: 0.9em;
  font-weight: 400;
  font-family: var(--theme-font-condensed);
  text-transform: uppercase;
}

footer p {
  font-size: 0.8em;
  margin-bottom: 20px;
}

.copy {
  text-transform: uppercase;
}

#wtpQualitySign_fixedCSS {
  width: 47px !important;
  height: 58px !important;
  position: relative !important;
}

#wtpQualitySign_fixedCSS img {
  max-width: 100% !important;
}

.footer-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-menu li {
  font-size: 0.8em;
  line-height: 1.8;
}

.footer-menu li a:hover {
  color: var(--theme-color-light);
  text-decoration: none;
}

.socialicons {
  margin: 0;
  padding: 0;
  list-style: none;
}

.socialicons li {
  display: inline-block;
  margin-left: 20px;
}

.socialicons li a:hover {
  color: var(--theme-color-light);
}