/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
html, body {
	overflow-x: hidden !important;
}
#hero {
  min-height: 900px;
}
#t svg {
	text-align: left; 
	margin-left: 0;
	margin-right: auto;
	  width: fit-content;
}
.footer-saradnici {
	mix-blend-mode: overlay;
}
.wpcf7-form input, .wpcf7-form textarea {
  font-family: Inter;
  text-transform: initial !important;
}
#colophon {
  overflow: hidden;
}
.wpcf7-form-control.wpcf7-textarea {
  height: 100px;
}
#hero h2 b {
	font-weight: 600 !important;
}
#top:hover svg {
  fill: #fff;
}
.wpcf7-form label {
  position: relative;
  width: 100%;
}
.label-c {
  position: absolute;
  bottom: 13px;
  left: 0;
  font-family: Roboto Mono;
  font-size: 16px;
	color: #1d242f;
}
.wpcf7-submit:hover svg {
  fill: #1d242f;
}
.wpcf7-submit:hover svg  path{
  fill: #fff;
}
.wpcf7-form  input {
	outline: none !important;
}
.wpcf7-form label:nth-child(1) input {
	text-indent: 133px;
}
.wpcf7-form label:nth-child(2) input {
	text-indent: 55px;
}
.wpcf7-form label:nth-child(3) input {
	text-indent: 55px;
}
.wpcf7-form label:nth-child(5) input {
	text-indent: 65px;
}
.wpcf7-form label:nth-child(7) textarea {
	text-indent: 65px;
}
.wpcf7-form label:nth-child(7) .label-c {
	bottom: unset;
	top: 32px;
}
#top:hover svg path {
  fill: rgb(14, 74, 253);
}
.strelica svg {
	position: relative;
	top: -1px;
}
.posaljite {
  border: 1px solid #1D242F !important;
  border-radius: 50% !important;
  padding: 20px;
}
.wpcf7-form-control-wrap[data-name="file-586"] {
  display: none;
}
.custom-file-button {
  border: none !important;
  background: none !important;
  color: #1d242f !important;
  font-family: Roboto mono;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  column-gap: 10px;
  margin-top: 15px;
  padding: 0 !important;
	font-size: 16px !important;
}
.wpcf7-not-valid-tip {
  position: absolute;
  right: 0;
  bottom: 0;
}
.wpcf7-form-control.wpcf7-submit.has-spinner {
  color: #1d242f !important;
  display: flex;
  align-items: center;
  column-gap: 10px;
   font-family: Roboto;
  float: right;
  border: none !important;
  background: transparent !important;
  bottom: 20px;
  position: relative;
  text-transform: uppercase;
  font-size: 20px;
}
/* Create a custom label that looks like a button */
span[data-name="file-586"]::after {
  content: "📎 Priloži datoteku";
  display: inline-block;
  background: #0073aa;
  color: #fff;
  padding: 10px 16px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.3s ease;
		pointer-events: none;
}

span[data-name="file-586"]:hover::after {
  background: #005a87;
	pointer-events: none;
}
#hero {
background: linear-gradient(0deg, #0A2570 0.93%, rgba(20, 55, 160, 0.95) 30.65%, rgba(25, 155, 255, 0.25) 67.67%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(99.77% 73.61% at 50% 19.89%, rgba(18, 60, 181, 0.20) 0%, rgba(18, 60, 181, 0.00) 100%), #FFF;

}
#metoda {
	background: radial-gradient(22.68% 37.61% at 0% 62.39%, rgba(14, 74, 253, 0.20) 0%, rgba(29, 36, 47, 0.00) 100%), radial-gradient(15.05% 24.96% at 41.8% 74.09%, rgba(25, 155, 255, 0.10) 0%, rgba(15, 34, 89, 0.00) 100%), radial-gradient(34.76% 34.71% at -19.43% 54.37%, #267FC300 0%, rgba(13, 36, 100, 0.00) 100%), linear-gradient(0deg, #102253 -19.3%, #0A2570 100%);
}
#logo {
	min-width: 200px;
}
#pokret-wrapper {
	mix-blend-mode: screen;
}
.strelica svg,
.strelica svg path {
	transition: all 0.2s;
}
.strelica svg:hover {
  fill: #111;
}
.strelica svg:hover path {
  fill: #fff;
}
.recenzije-red {
  overflow: hidden;
  position: relative;
}
.e-n-accordion-item-title {
  padding-left: 0 !important;
}

#recenzije .elementor-shortcode {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

#recenzije .elementor-shortcode::before,
#recenzije .elementor-shortcode::after {
  content: "";
  position: absolute;
  top: 0;
  width: 5vw;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}
textarea,
input {
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  border-radius: 0 !important;
  margin-top: 20px !important;
  font-family: Roboto Mono;
  color: #333 !important;
	background: transparent !important;
  font-size: 16px !important;
	text-transform: uppercase;
}


/* Keyframes for leftward scroll */
@keyframes scroll-left-1 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-20%);
  }
}

/* Keyframe for rightward scroll */
@keyframes scroll-right-2 {
  from {
    transform: translateX(-20%);
  }
  to {
    transform: translateX(0%);
  }
}

@keyframes scroll-left-3 {
  from {
    transform: translateX(-10%);
  }
  to {
    transform: translateX(-30%);
  }
}

/* Apply the animations */
#recenzije .elementor-element:nth-child(1) .recenzije-wrapper {
  animation: scroll-left-1 60s ease-in-out infinite alternate;
}

#recenzije .elementor-element:nth-child(2) .recenzije-wrapper {
  animation: scroll-right-2 60s ease-in-out infinite alternate;
}

#recenzije .elementor-element:nth-child(3) .recenzije-wrapper {
  animation: scroll-left-3 60s ease-in-out infinite alternate;
}

#recenzije .elementor-shortcode::before {
  left: 0;
  background: linear-gradient(to right, white, transparent);
		pointer-events: none;
}

#recenzije .elementor-shortcode::after {
  right: 0;
  background: linear-gradient(to left, white, transparent);
		pointer-events: none;
}


body:not(.elementor-editor-active) .recenzije-wrapper {
  display: flex;
  gap: 20px; /* optional spacing between items */
  /*animation: scroll-left 120s linear infinite;*/
  width: max-content;
}
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.kruzic::before {
  content: '';
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #0E4AFD;
  position: absolute;
  left: -17px;
		pointer-events: none;
  top: 7px;
}
.nav-phone {
	height: 46px; 
	width: 46px;
}
#nav-ikonica {
  min-width: 46px !important; 
	width: 46px !important;
  display: flex;
  align-items: center;
  justify-content: center;
	transition: all 0.2s;
}
#nav-ikonica:hover path {
	fill: #fff;
}
.swiper-slide-image {
  width: 100%;
  object-fit: cover;
}
#nav-ikonica > div {
  height: auto !important;
}
.footer-logo {
  mix-blend-mode: overlay;
}
.kruzic {
	padding-left: 10px;
	margin-left: 15px;
}
.metoda-iko .elementor-icon {
	border: 1px solid rgba(255,255,255,0.1);
}
.swiper-slide {
  margin: -1px;
}
.tim-slika {
  min-width: 150px;
}
#metoda::before {
  content: '';
  position: absolute;
  left: 0;
  height: 50%;
  width: 400px;
  background: #0A93F34F;
  filter: blur(150px);
  border-radius: 50%;
  transform: translateX(-50%);
  top: unset !important;
  bottom: 20% !important;
		pointer-events: none;
}
#tim::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0%;
  pointer-events: none;
  background: radial-gradient(47.24% 30.73% at -9.71% 43.51%, rgba(119, 153, 255, 0.3) 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(61.29% 39.87% at 100% 18.75%, rgba(25, 155, 255, 0.15) 0.88%, rgba(255, 255, 255, 0.00) 100%), #FFF;
  height: 100%;
  width: 100%;
}
.elementor-element.elementor-element-c500c10.elementor-widget__width-inherit.elementor-widget.elementor-widget-image-carousel.e-widget-swiper {
  margin-bottom: -5px;
}
.recenzije-red {
  height: 310px !important;
}
.recenzije-wrapper {
  height: 95%;
}
.recenzije-wrapper p {
  font-size: 14px !important; 
}

@media all and (max-width: 1920px) {
	.recenzije-wrapper > div {
		width: 30vw !important;
	}
}

@media all and (max-width: 1200px) {
	.recenzije-wrapper > div {
		width: 40vw !important;
	}
}
@media all and (max-width: 980px) {
	.recenzije-wrapper > div {
		width: 70vw !important;
	}
}

#recenzije {
  row-gap: 15px;
}
#recenzije::before {
	content: '';
	left: 50%;
	transform: translateX(-50%);
	background: radial-gradient(48.66% 34.88% at 50% 50.04%, #0E4AFD 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(38.54% 28.1% at 67.27% 50.04%, rgba(25, 155, 255, 0.40) 0%, rgba(255, 255, 255, 0.00) 100%), #FFF;
		pointer-events: none;
}
#kontakt::before {
  content: '';
  position: absolute;
  right: 0 !important;
  height: 100%;
  width: 20vw;
  background: #0E4AFDDE;
  filter: blur(150px);
  border-radius: 50% 0 0 50%;
  top: unset !important;
  bottom: 50% !important;
  left: unset;
  transform: translateX(50%);
   opacity: 0.7;
		pointer-events: none;
}
#kontakt::after {
  content: '';
  position: absolute;
  right: 0 !important;
  height: 100%;
  width: 50vw;
  background: #E3E9FFDE;
  filter: blur(150px);
  border-radius: 50% 0 0 50%;
  top: unset !important;
  bottom: 0% !important;
  left: unset;
		pointer-events: none;
  z-index: -2;
}
#nav-ikonica:hover i {
  color: #fff !important;
}
.hfe-nav-menu a.hfe-menu-item {
	transition: all 0.2s;
}
.recenzije-wrapper svg {
  margin-right: -10px;
  top: -2px;
  position: relative;
}
.hfe-nav-menu a.hfe-menu-item:hover {
	color: #0E4AFD !important;
}
.wpcf7-form {
  background: rgba(255,255,255,0.5);
  border-radius: 15px;
  padding: 10px 30px 30px 30px;
  border-radius: 15px;
  box-shadow: 0 0 10px -8px rgb(14, 13, 40);
  backdrop-filter: blur(5px);
}

#cenovnik::before {
background: radial-gradient(18.98% 36.43% at 83.85% 80.8%, rgba(14, 74, 253, 0.40) 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(46.95% 83.98% at -16.51% 50%, rgba(14, 74, 253, 0.39) 0%, rgba(255, 255, 255, 0.00) 100%),radial-gradient(108.37% 35.24% at 50% 64.76%, rgba(25, 155, 255, 0.20) 0.88%, rgba(255, 255, 255, 0.00) 100%),radial-gradient(37.5% 69.71% at 122.81% 37.5%, #9DADD2 0%, rgba(255, 255, 255, 0.00) 100%),#FFF;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
	opacity: 0.7;
  width: 100vw;
	filter: blur(100px);
  z-index: -1;
}
.elementor-912 .elementor-element.elementor-element-507e3101,
.elementor-element.elementor-element-1c28bb13.elementor-widget.elementor-widget-heading {
  border: none !important;
}
.nomargin p {
  margin-bottom: 0 !important;
}
/*Responsive*/
@media all and (min-width: 1200px) and (max-width: 1500px) { 
	#tim .nomargin {
	  font-size: 24px;
	}
}
@media all and (max-width: 1500px) { 
	.elementor-element.elementor-element-14a574a.elementor-absolute.e-transform.elementor-widget-mobile__width-inherit.elementor-widget.elementor-widget-image {
	  width: 100% !important;
	}
	#cenovnik .e-con-inner {
	  max-width: 95% !important;
	}
	.e-con > .e-con-inner {
	  max-width: 90% !important;
	}
	}
@media all and (max-width: 1024px) {
		#footer-logoi > div:nth-child(2) {
	  text-align: center;
	}
	#footer-logoi > div:nth-child(3) {
	  text-align: right;
	}
	.fas.fa-phone-alt {
	  font-size: 15px;
	  position: relative;
	}
	#masthead svg {
		height: 24px;
	}
	.elementor-element.elementor-element-624e9f11.e-con-full.e-flex.e-con.e-child {
	  width: 100% !important;
	}
	#hero {
	  min-height: 500px;
	}
	.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal ul,
	.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal li,
	.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal li a {
	  background: transparent !important;
	  border: none !important;
	}
	.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal li a  {
		padding-left: 20px !important;
	}
	.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active {
	  left: 0 !important;
	  position: fixed;
	  top: 70px;
	  height: calc(100vh - 70px);
	  background: rgba(255,255,255,0.6) !important;
	  backdrop-filter: blur(10px);
	  align-items: flex-start;
	}
	.hfe-nav-menu__toggle.elementor-clickable {
	  margin-right: 0 !important;
	}
	.hfe-nav-menu-icon {
		padding-right: 0 !important;
	}
	.tim-slika > div {
	  width: 100% !important;
	  max-width: 100% !important;
	}
}
@media all and (max-width: 1024px) {
	.hfe-nav-menu__toggle[aria-expanded="true"] {
		position: relative;
		top: -7px;
	}
}
@media all and (max-width: 640px) {
	#footer-logoi > div {
	  width: 31% !important;
	}
	.cenovnik-naslov {
	  border-color: #1D242F !important;
	}
	.elementor-element.elementor-element-7108cf4.elementor-hidden-desktop.elementor-hidden-tablet.elementor-widget.elementor-widget-html {
	  position: relative;
	  top: 3px;
	}
	.elementor-element.elementor-element-ef155d3.elementor-hidden-desktop.elementor-hidden-tablet.elementor-widget.elementor-widget-html {
	  display: flex;
	  position: relative;
	  top: 2px;
	}
	.wpcf7-response-output {
	  margin: 0 !important;
	  padding: 10px !important;
	  display: flex;
	  text-align: center;
	  line-height: 1.3em;
	}
	.wpcf7-form-control.wpcf7-submit.has-spinner {
	  padding-top: 20px !important;
	}
	.kruzic::before {
	  top: 5px;
	}
	.elementor-896 .elementor-element.elementor-element-2ef246a:not(.elementor-motion-effects-element-type-background), .elementor-896 .elementor-element.elementor-element-2ef246a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-image: unset !important;
	}
	#nav-ikonica {
	  min-width: 32px !important; 
		width: 32px !important;
	}
	.wpcf7-form label:nth-child(1) input {
		text-indent: 120px;
	}
	.wpcf7-form label:nth-child(2) input {
		text-indent: 50px;
	}
	.wpcf7-form label:nth-child(3) input {
		text-indent: 50px;
	}
	.wpcf7-form label:nth-child(5) input {
		text-indent: 60px;
	}
	.wpcf7-form label:nth-child(7) textarea {
		text-indent: 60px;
	}
	.wpcf7-form {
	  padding-bottom: 65px !important;
	}
	.footer-saradnici svg {
	height: 27px !important;
    width: auto !important;
	}

	.wpcf7-form-control.wpcf7-submit.has-spinner {
	  width: 100%;
	  display: flex;
	  justify-content: space-between;
	  padding: 0;
		font-size: 18px;
	}
	.wpcf7-spinner {
	  position: absolute;
	}
	.custom-file-button {
		margin-bottom: 20px;
	}
	.label-c {
    font-size: 14px;
    bottom: 11px !important;
  }
	.custom-file-button,
	.label-c {
		font-size: 14px;
	}
	.wpcf7-form input {
		padding-bottom: 5px;
		font-size: 14px;
	}
	.wpcf7-not-valid-tip {
		display: none;
	}
	.tim-slika .elementor-widget-image {
	  width: 100%;
	}
	.recenzije-red .elementor-widget-image {
	  width: 40px !important;
	}
	.recenzije-red .elementor-heading-title  {
		font-size: 14px !important;
	}
	.recenzije-red {
	  height: 240px !important;
	}
	.recenzije-wrapper > div {
		height: 100%;
		min-width: 110vw;
		padding: 25px !important;
	}
	.recenzije-wrapper p {
	  font-size: 12px;
	}
}