/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
/* Podešavanje glavnog menija */



.wpml-ls-current-language .wpml-ls-native {
    color: white !important;
}

span.wpml-ls-native {
    color: #000;
}

.wpml-ls-first-item {
  margin-right: -24px !important;
}



ul.sub-menu.tracked-pos {
    min-width: 260px;
}



.swiper-slide .container {
    z-index: 100;
    height: 100%;
    transform: translateZ(0);
    position: absolute;
    left: 8%;
    width: 1440px;
}



body, #header-space {
background: linear-gradient(90deg, #15154C 0%, #090975 19.61%, #105DB1 49%, #2075D2 60%, #1DA4C2 71.64%, #0BBD9E 82.52%, #1DDC94 92.28%, #0CF08E 100%);

}



.icon-salient-search:before{
    color: #15154C !important;
}


span.wpml-ls-native {
    color: #15154C !important;
}

.nectar-responsive-text.font_size_desktop_58px.font_size_tablet_30px.font_line_height_1-3.nectar-link-underline-effect {
    max-width: 60vw;
}


body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .content h2{
		line-height: 1.4 !important;
}


@media only screen and (max-width: 600px) {
  .ds-hidemobileslider {
    display: none !important;
  }
  .nectar-video-bg {
        object-fit: cover; /* Bolje proporcionalno rastezanje na manjim zaslonima */
        max-width: 100vw; /* Ograničava širinu na širinu vidljivog prostora */
        max-height: 100vh; /* Ograničava visinu na visinu vidljivog prostora */
}
  }


@media only screen and (min-width: 600px) {
  .ds-hidedesktopslider {
    display: none !important;
  }
  h2.ns-heading-el {
    margin-top: 20px;
}
.nectar-video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover; /* Pokriva cijeli ekran proporcionalno */
    transform: translate(-50%, -50%);
    overflow: hidden;
}
}


@media only screen and (max-width: 999px) {
.icon-salient-search:before{
    color: #fff !important;
}
    .wpml-ls-item {
        display: inline-block;
        padding: 0 15px !important;
    }

    .wpml-ls-current-language {
        color: white !important;
        text-decoration: none !important;
    }

    .wpml-ls-item a {
        display: inline-block;
        padding: 0;
    }
    
   #slide-out-widget-area.fullscreen-inline-images.open .inner .off-canvas-menu-container li[class*="current"] a span:after  {
        display: none !important;
    }
li.menu-item.wpml-ls-slot-58.wpml-ls-item.wpml-ls-item-hr.wpml-ls-current-language.wpml-ls-menu-item.wpml-ls-first-item.menu-item-type-wpml_ls_menu_item.menu-item-object-wpml_ls_menu_item.menu-item-wpml-ls-58-hr {
    margin-top: 30px;
}

}







#slide-out-widget-area .off-canvas-menu-container{
    padding: 0px 10% !important;
}





.swiper-slide .slide-bg-wrap .slide-bg-overlay {
    opacity: 0.4;
}









#header-outer:not(.transparent) .sf-menu > li ul {
    border-top-width: 0px;
    border: none !important;
}




.nectar-ext-menu-item .inner-content {
    position: relative;
    z-index: 10;
    width: 100%;
    text-align: center;
}


div[data-style="minimal"] .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap {
    padding: 0px 15px 30px 15px;
}


.nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .button a{
  font-size: 14px !important;
  padding: 20px 54px 20px 28px !important;
}







.contact-form-7 input[type="text"], .contact-form-7 input[type="email"], .contact-form-7 input[type="tel"], .contact-form-7 textarea{
    margin-top: 10px;
}



.wpcf7-form .wpcf7-not-valid-tip {
    box-shadow: none !important;
}

.contact-form-7 .form-row {
    margin-bottom: 40px; /* Adjust this value to increase the space between rows */
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact-form-7 .form-row.full-width {
    width: 100%;
    flex-direction: column;
}

.contact-form-7 .form-row.full-width p {
    padding-bottom: 0px !important;
}

.contact-form-7 .form-row.half-widths {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.contact-form-7 .form-row label {
    display: block;
    margin-bottom: 5px;
    font-size: 17px;
    line-height: 26px;
    color: #000;
}

.contact-form-7 .required {
    color: red;
    margin-left: 0;
}

.contact-form-7 .half-width {
    width: 48%;
}

.contact-form-7 input[type="text"],
.contact-form-7 input[type="email"],
.contact-form-7 input[type="tel"],
.contact-form-7 textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #C8C8C8;
    border-radius: 30px;
    box-sizing: border-box;
    background-color: #fff;
    color: #000;
}

.contact-form-7 .help-text {
    font-size: 14px;
    line-height: 17px;
    color: #5a5a5a;
    margin-top: 5px;
    padding-bottom: 0;
}

.contact-form-7 .form-row.full-width label + .help-text {
    margin-top: -10px;
    padding-bottom: 0;
}

.nectar-button.large.regular.extra-color-2.ds-magus-button span{
    color: #fff !important; /* Text color to match theme */
}

.wpcf7 form .wpcf7-response-output {
    font-size: 16px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: red;
}

.wpcf7-form .wpcf7-not-valid-tip {
    color: red;
}

.custom-checkbox-container {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.custom-checkbox-container .wpcf7-list-item {
  margin: 0;
  display: block;
  align-items: center;
  font-size: 17px;
  line-height: 17px;
  margin-bottom: 12px;
}

.custom-checkbox-container input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 0;
  outline: none;
  cursor: pointer;
  margin-right: 10px;
  margin-left: 0px;
  margin-bottom: -4px;
}

.custom-checkbox-container input[type="checkbox"]:checked {
  background-color: #fff;
  position: relative;
}

.custom-checkbox-container input[type="checkbox"]:checked::before {
  content: '\2714';
  font-size: 14px;
  color: #000 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.custom-checkbox-container .wpcf7-list-item-label {
  color: #000;
  cursor: pointer;
}

.wpcf7-form .wpcf7-not-valid-tip {
    padding-left: 0px !important;
}

/* Media Query for Mobile Devices */
@media (max-width: 999px) {
    .contact-form-7 .half-width,
    .contact-form-7 .form-row.half-widths {
        width: 100% !important;
    }

    .contact-form-7 .form-row {
        margin-bottom: 20px; /* Adjust spacing for mobile devices */
    }
    .contact-form-7 .form-row label {
    margin-top: 20px;
}

.contact-form-7 .form-row label {
    font-size: 14px;
}


}










.ds-uslug-fancy-gradient-green .nectar-fancy-box.style-5 {
background: linear-gradient(90deg, rgba(12, 240, 142, 0) 5%, rgba(12, 240, 142, 0.36) 35%, #0CF08E 79%);
  border-radius: 30px;
}



.ds-uslug-fancy-gradient-green .nectar-fancy-box[data-style="parallax_hover"]:hover .parallaxImg-shadow{
  opacity: 0.2 !important;
background: linear-gradient(90deg, rgba(12, 240, 142, 0) 5%, rgba(12, 240, 142, 0.36) 35%, #0CF08E 79%);border-radius: 30px;
transform: scale(1.12) !important;
}


.ds-uslug-fancy-gradient-green p{
  color: #15154C !important;
  font-size: 22px !important;
  font-weight: 600 !important;
}

.ds-uslug-fancy-gradient-green .nectar-fancy-box[data-style="parallax_hover"] .inner
{
  padding: 18% 0 !important;
}






.ds-usluge-fancybbottom-green p{
  color: #15154C !important;
  font-size: 22px !important;
  font-weight: 600 !important;
}



.ds-usluge-fancybbottom-green .nectar-fancy-box[data-style="parallax_hover"] .inner
{
  padding: 18% 0 !important;
}




.ds-usluge-fbox .nectar-fancy-box[data-border-radius="10px"] .image-wrap{
  border-radius: 30px !important;
}




#slide-out-widget-area .off-canvas-menu-container .sub-menu li a .wrap:after {
    display: none !important;
}



.nectar-cta[data-style=underline] .link_wrap .link_text:after {
  border: none;
}

.nectar-cta[data-style=underline] .link_wrap .link_text:hover:after {
    border-bottom: 2px solid #15154C !important;
}







.ds-button-contact-products{
  background: #0CF08E !important;
  padding-right: 36px !important;
}

/* Option 1: Simplify the selector */
.ds-button-contact-products:hover {
  background: #0CF08E !important;
  opacity: 0.95 !important;
}



body.material[data-button-style^=rounded] .ds-button-download-broshure.has-icon:not([class*=see-through]) i {
  background: transparent !important;
}






body.material[data-button-style^=rounded] .ds-button-contact-products.has-icon:not([class*=see-through]) i {
  background: transparent !important;
}



.ds-podrucjaprimjene-home .nectar-fancy-box {
    max-height: 25vh !important;
    transition: all 0.7s ease; /* Dodajemo tranziciju za glatki efekt */
    font-size: 2.2vh;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

.ds-podrucjaprimjene-home .nectar-fancy-box:hover {
    transform: scale(1.12); /* Zoom za 30% */
    background-color: #0CF08E !important; /* Nova boja pozadine */
}

.ds-podrucjaprimjene-home .nectar-fancy-box:hover * {
    color: #15154C !important; /* Nova boja teksta za sve elemente unutar boxa */
    background-color: #0CF08E !important; /* Nova boja pozadine */
}

#ajax-content-wrap .nectar-fancy-box[data-border-radius="10px"][data-style=color_box_basic], #ajax-content-wrap .nectar-fancy-box[data-border-radius="10px"][data-style=color_box_hover] .box-inner-wrap, #ajax-content-wrap .nectar-fancy-box[data-border-radius="10px"][data-style=color_box_hover]:before{
    border-radius: 30px !important;
}

.ds-podrucjaprimjene-home .nectar-fancy-box .inner {
    text-align: left !important; /* Centriranje teksta horizontalno */
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    font-size: 22px!important;
}





.ds-button-download-broshure{
  background: #EA3654 !important;
  padding-right: 36px !important;
}

/* Option 1: Simplify the selector */
.ds-button-download-broshure:hover {
  background: #EA3654 !important;
  opacity: 0.95 !important;
}



body.material[data-button-style^=rounded] .ds-button-download-broshure.has-icon:not([class*=see-through]) i {
  background: transparent !important;
}


.ds-button-download-broshure span {
  position: relative;
  padding-right: 45px; /* Prilagodite prema veličini vaše ikone */
}

.ds-button-download-broshure span::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px; /* Prilagodite prema veličini vaše ikone */
  height: 30px; /* Prilagodite prema veličini vaše ikone */
  background-image: url('./img/ds-pdf.png') !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}









.ds-home-fancybox-for-hover .nectar-fancy-box {
    transition: transform 0.3s ease-in-out; /* Prilagodi trajanje i funkciju prijelaza prema potrebi */
}

.ds-home-fancybox-for-hover .nectar-fancy-box:hover {
    transform: translateY(-20px) !important; /* Prilagodi vrijednost prema potrebi */
}







html.nectar-no-scroll,
body.nectar-no-scroll {
    overflow: hidden !important;
    height: 100% !important;
    width: 100% !important;
    position: fixed;
    top: 0;
    left: 0;
}


/* Dodaj u svoj stilsku datoteku */
.header-no-background {
    background: none !important;
    transform: translateY(50px) !important; /* Prilagodi vrijednost prema potrebi */
}



#slide-out-widget-area-bg.fullscreen-inline-images .nectar-ocm-image-wrap-outer{
  background: -webkit-linear-gradient(180deg, #15154C 0%, #090975 19.61%, #105DB1 49%, #2075D2 60%, #1DA4C2 71.64%, #0BBD9E 82.52%, #1DDC94 92.28%, #0CF08E 100%) !important;
  background: -moz-linear-gradient(180deg, #15154C 0%, #090975 19.61%, #105DB1 49%, #2075D2 60%, #1DA4C2 71.64%, #0BBD9E 82.52%, #1DDC94 92.28%, #0CF08E 100%) !important;
  background: linear-gradient(180deg, #15154C 0%, #090975 19.61%, #105DB1 49%, #2075D2 60%, #1DA4C2 71.64%, #0BBD9E 82.52%, #1DDC94 92.28%, #0CF08E 100%) !important;
}


#slide-out-widget-area div#header-outer {
  transform: translateY(40px) !important;
}



.material #slide-out-widget-area:not(.slide-out-from-right) .off-canvas-social-links li a{
color: #090975;
}

.material #slide-out-widget-area:not(.slide-out-from-right) .off-canvas-social-links li a i.fa {
    font-size: 28px;
}

.material #slide-out-widget-area:not(.slide-out-from-right) .off-canvas-social-links li {
    margin: 0 8px; /* Stvara razmak od 60px između ikona */
}



ul.off-canvas-social-links {
    transform: translateY(-20px);
}






.ds-toggle-clickable div[data-style="minimal"] .toggle > .toggle-title a {
    padding: 30px 70px 30px 30px;
    transition: color 0.15s ease;
    background: #0CF08E !important;
    border-radius: 50px !important;
    font-size: 22px;
    line-height: 30px;
    text-align: left;
    margin-bottom: 24px;
}

.ds-toggle-clickable div[data-style="minimal"] .toggle > .toggle-title a:hover {
        opacity: 0.9;
}

div[data-style*=minimal] .toggle>.toggle-title i{
  border: 2px solid #fff;
  background: #fff;
}



div[data-style="minimal"] .toggle > .toggle-title i:after{
    background-color: #15154C !important;
    top: 4px;
    height: 18px;
    width: 3px;
    left: 13px;
}



div[data-style="minimal"] .toggle > .toggle-title i:before{
    background-color: #15154C !important;
    height: 3px;
    width: 18px;
    left: 4px;
}






.ds-toggle-clickable div[data-style="minimal"] .toggle {
    border: none !important;
}


.ds-toggle-clickable .body div[data-style="minimal"] .toggle {
      margin-bottom: 30px;
}

.ds-toggle-clickable a.toggle-heading {
    color: #15154C !important;
}

.ds-toggle-clickable div[data-style*=minimal] .toggle>.toggle-title i {
    right: 30px;
}

.ds-toggle-clickable .ds-toogle-text-size{
    font-size: 22px;
    line-height: 2.6em;
    padding: 0px 30px 30px 30px;
    margin-top: -20px;
}





.ds-toggle-nonclickable div[data-style="minimal"] .toggle > .toggle-title a {
    padding: 30px 70px 30px 30px;
    transition: color 0.15s ease;
    background: #D9D9D9 !important;
    border-radius: 50px !important;
    font-size: 22px;
    line-height: 30px;
    text-align: left;
    margin-bottom: 40px;
    pointer-events: none; /* Onemogućava klikanje */
}

.ds-toggle-nonclickable div[data-style="minimal"] .toggle {
    border: none !important;
}

.ds-toggle-nonclickable .body div[data-style="minimal"] .toggle {
    margin-bottom: 30px;
}

.ds-toggle-nonclickable a.toggle-heading {
    color: #15154C !important;
    pointer-events: none; /* Onemogućava klikanje */
}

.ds-toggle-nonclickable div[data-style*=minimal] .toggle > .toggle-title i {
    right: 30px;
    display: none !important;
}

.ds-toggle-nonclickable .ds-toogle-text-size {
    font-size: 22px;
    line-height: 2.6em;
    padding: 0px 30px 30px 30px;
    margin-top: -20px;
}








.ds-products-bullet ul,
.ds-products-bullet ul li {
    list-style: none !important;
}

.ds-products-bullet ul {
    padding-left: 0;
}

.ds-products-bullet ul li {
    padding-left: 54px; /* Povećano s 30px na 45px */
    position: relative;
    margin-bottom: 36px;
    list-style-type: none !important;
    font-size: 22px;
}

.ds-products-bullet ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 28px;
    height: 32px;
    background-image: url('./img/bullet-products.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.ds-products-bullet ul li::marker {
    content: none !important;
}







/*
CSS for custom products menu
*/
.ds-menu-products {
    display: flex;
    justify-content: flex-start;
}
.ds-menu-products .widget_nav_menu .menu {
    display: flex;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.ds-menu-products .widget_nav_menu .menu-item {
    margin-right: 0; /* Uklonjen razmak između elemenata */
}
.ds-menu-products .widget_nav_menu .menu-item a {
    text-decoration: none;
    color: #15154C;
    padding: 20px 50px !important; /* Ujednačen padding za sve elemente */
    display: inline-block;
    box-sizing: border-box;
    min-width: 120px;
    text-align: left; /* Svi tekstovi poravnati lijevo */
    line-height: normal;
}
.ds-menu-products .widget_nav_menu .current-menu-item a,
.ds-menu-products .widget_nav_menu .menu-item a:hover {
    background-color: #15154C;
    color: #FFFFFF !important;
    border-radius: 0 0 30px 30px;
}
.ds-menu-products .widget_nav_menu .current-menu-item a:hover {
    background-color: #15154C;
    color: #FFFFFF !important;
}
/* Novi kod za prelom riječi */
.ds-menu-products .widget_nav_menu .menu-item a::after {
    content: '\A';
    white-space: pre;
}


/*
End of CSS for custom products menu
*/

/* Osnovni stil za liniju ispod aktivne stavke izbornika */
body #header-outer[data-lhe=animated_underline] #top nav > ul > li.current-menu-item > a .menu-title-text:after,
body #header-outer[data-lhe=animated_underline] #top nav > ul > li.current-menu-ancestor > a .menu-title-text:after {
    bottom: -42px;
    width: 160%;
    margin-left: -30%;
    border-top: solid 5px #0CF08E;
    transition: bottom 0.3s ease;
}

/* Stil za liniju kada je header smanjen */
body #header-outer.small-nav[data-lhe=animated_underline] #top nav > ul > li.current-menu-item > a .menu-title-text:after,
body #header-outer.small-nav[data-lhe=animated_underline] #top nav > ul > li.current-menu-ancestor > a .menu-title-text:after {
    bottom: -26px; /* Prilagodite ovu vrijednost prema potrebi */
}

#header-outer:not([data-format=left-header]) #top > .container > .row nav > ul > li > a:hover::after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: -30%;
    width: 160%;
    border-top: solid 5px #0CF08E;
    transition: bottom 0.3s ease;
}

/* Za slučaj da je header smanjen */
#header-outer.small-nav:not([data-format=left-header]) #top > .container > .row nav > ul > li > a:hover::after {
    bottom: -24px;
}




/* Osigurajte da linija ostane vidljiva */
body #header-outer.small-nav #top nav {
    overflow: visible;
}

/* Uklonite liniju s neaktivnih stavki */
body #header-outer[data-lhe=animated_underline] #top nav > ul > li:not(.current-menu-item):not(.current-menu-ancestor) > a .menu-title-text:after {
    display: none;
}





.ds-footer-social-icon .nectar_icon_wrap i:before {
    transition: color 0.3s ease; /* Dodaje glatku tranziciju boje */
}

.ds-footer-social-icon .nectar_icon_wrap:hover i:before {
    color: #0cf08e;
}



.ds-footer-links a{
    font-size: 16px;
    line-height: 25px !important;
    margin-bottom: 20px;
    display: flex;
    justify-content: start;
}



.ds-footer-links a:hover
{
    color: #0cf08e !important;
}


.widget.widget_nav_menu ul li{
  list-style: none !important;
}




.nectar-fancy-box[data-border-radius="10px"][data-style=parallax_hover] .parallaxImg-rendered-layer{
    border-radius: 30px !important;
}




.nectar-button.large.regular.extra-color-2.ds-magus-button {
    padding: 18px 60px 18px 40px !important;
    position: relative;
    display: inline-block;
}

.nectar-button.large.regular.extra-color-2.ds-magus-button::after {
  content: '\2192'; /* Unicode strelica u desno */
  position: absolute;
  right: 28px;
  font-size: 20px !important;
  top: 50%;
  transform: translateY(-50%);
  transition: right 0.3s ease-in-out;
  color: #fff; /* Ensure the arrow inherits the text color */
  font-weight: bold; /* Make sure the arrow is visible */
}

.nectar-button.large.regular.extra-color-2.ds-magus-button:hover::after {
    right: 28px;
}













.tabbed[data-style*="material"] .wpb_tabs_nav {
    padding-left: 14% !important;
}




.tabbed[data-style*="material"] .wpb_tabs_nav {
    margin-bottom: 0px !important;
}

.tabbed[data-spacing=side-45px]:not([data-style=vertical]) .wpb_tabs_nav li .active-tab, .tabbed[data-spacing=side-45px]:not([data-style=vertical]) .wpb_tabs_nav li a {
    padding-top: 26px;
    padding-bottom: 26px;
}

.tabbed[data-style*="material"] .wpb_tabs_nav:after{
    display: none !important;
}


.tab-item a span {
    color: #15154c; /* Promenite u željenu boju */
}


.tab-item a span:hover {
    opacity: 0.8;
}



.tabbed[data-style*="material"][data-color-scheme="accent-color"] ul li .active-tab{
    border-radius: 30px 30px 0px 0px !important;
}


a.active-tab span{
    color: #fff;
}



.swiper-slide .content .buttons {
    padding-top: 50px;
}






.swiper-slide .button.solid_color .extra-color-2 {
    padding: 22px 60px 22px 40px !important;
    position: relative;
    display: inline-block; /* Osigurava da ::before bude pravilno pozicioniran */
}

.swiper-slide .button.solid_color .extra-color-2::before {
  content: '\2192'; /* Unicode strelica u desno */
  position: absolute;
  right: 22px;
  font-size: 20px !important;
  top: 50%;
  transform: translateY(-50%);
  transition: right 0.3s ease-in-out;
  color: #fff; /* Ensure the arrow inherits the text color */
  font-weight: bold; /* Make sure the arrow is visible */
}

.swiper-slide .button.solid_color .extra-color-2:hover::before {
    right: 22px; /* Strelica se pomera bliže tekstu prilikom hover-a */
}




div#header-outer {
  background: linear-gradient(90deg, #15154C 0%, #090975 19.61%, #105DB1 49%, #2075D2 60%, #1DA4C2 71.64%, #0BBD9E 82.52%, #1DDC94 92.28%, #0CF08E 100%);
}


.material #header-outer #search-outer:before {
  background: linear-gradient(90deg, #15154C 0%, #090975 19.61%, #105DB1 49%, #2075D2 60%, #1DA4C2 71.64%, #0BBD9E 82.52%, #1DDC94 92.28%, #0CF08E 100%) !important;
  transition: color 0.3s ease-in-out;
}


#header-outer #search-outer:before {
  background: linear-gradient(90deg, #15154C 0%, #090975 19.61%, #105DB1 49%, #2075D2 60%, #1DA4C2 71.64%, #0BBD9E 82.52%, #1DDC94 92.28%, #0CF08E 100%) !important;
  transition: color 0.3s ease-in-out;
}


.icon-salient-search:before {
    color: #000;
    transition: color 0.3s ease-in-out;
}

.icon-salient-search:hover:before {
    color: #125eb2 !important;
}




#header-outer[data-format=menu-left-aligned] .row .col.span_3 {
    margin-right: 100px;
}
body.material #search-outer {
    top: 0px;
}



@media only screen and (min-width: 1480px) {
    .container, .post-area.standard-minimal.full-width-content .post .inner-wrap {
        max-width: 1440px;
    }}



@media only screen and (min-width: 1000px) {
.swiper-slide .content {
    margin-top: -60px !important;
}
.ds-hideondesktop{
    display: none !important;
}


}




@media only screen and (max-width: 999px) {

  .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content
  {
    margin-left: -20px;
  }




  .swiper-slide .button.solid_color .extra-color-2::before {
    right: 14px;
  }





  .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .button a {
      font-size: 13px !important;
      padding: 14px 44px 14px 18px !important;
  }




.full-width-content .vc_col-sm-12 .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .content h2{
      font-size: 35px !important;
      line-height: 45px !important;
      padding-bottom: 40px !important;
  }




.ds-usluge-fbox .nectar-fancy-box[data-style=image_above_text_underline] .text {
      padding: 26px 0px;
      text-align: center;
      font-size: 18px;
      line-height: 24px;
  }





  .ds-button-contact-products{
    float: left !important;
  }


  .ds-podrucjaprimjene-home .nectar-fancy-box {
      max-height: 13vh !important;
      transition: all 0.7s ease; /* Dodajemo tranziciju za glatki efekt */
      font-size: 2.1vh !important;
      font-weight: 600 !important;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  .ds-podrucjaprimjene-home .nectar-fancy-box .inner {
      text-align: center !important; /* Centriranje teksta horizontalno */
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
  }

  .ds-podrucjaprimjene-home .nectar-fancy-box:hover {
      transform: scale(1.12); /* Zoom za 30% */
      background-color: #0CF08E !important; /* Nova boja pozadine */
  }

  .ds-podrucjaprimjene-home .nectar-fancy-box:hover * {
      color: #15154C !important; /* Nova boja teksta za sve elemente unutar boxa */
      background-color: #0CF08E !important; /* Nova boja pozadine */
  }








.nectar-button.large.regular.extra-color-2.ds-magus-button{
    float: left;
}






  .swiper-slide .button.solid_color .extra-color-2 {
      padding: 16px 36px 16px 20px !important;
  }

  .swiper-slide .button.solid_color .extra-color-2:hover::before {
      right: 22px !important;
  }

  .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2{
      font-size: 23px !important;
      line-height: 30px !important;
  }


  .ds-hideonmobile{
      display: none !important;
  }



  .wpb_tabs_nav {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Za Firefox */
    -ms-overflow-style: none; /* Za Internet Explorer i Edge */
  }

  .wpb_tabs_nav::-webkit-scrollbar {
    display: none; /* Za Chrome, Safari i Opera */
  }

  .wpb_tabs_nav li {
    flex: 0 0 auto;
    width: 48%;
    scroll-snap-align: start;
    font-size: 17px;
    line-height: 26px;
  }

  .wpb_tabs_nav li a {
    white-space: nowrap;
    display: block;
    padding: 20px 10px 20px 10px !important;
    text-align: left; /* Promijenjeno sa 'center' na 'left' */
  }

  /* Dodatno poravnanje teksta unutar <span> elementa, ako je potrebno */
  .wpb_tabs_nav li a span {
    display: inline-block;
    text-align: left;
  }
  .ds-home-product-mobile-left-txt {
    text-align: left !important;
}

.tabbed[data-style*="material"] .wpb_tabs_nav {
    box-shadow: 0 20px 30px 0px rgba(0, 0, 0, 0.15);
    position: relative; /* Potrebno za z-index da funkcioniše */
    z-index: 10; /* Podesi ovu vrijednost po potrebi */
}

.ds-menu-products {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Za Firefox */
    -ms-overflow-style: none; /* Za Internet Explorer i Edge */
    width: 130%;
    margin-left: -30px;
}

.ds-menu-products::-webkit-scrollbar {
    display: none; /* Za Chrome, Safari i Opera */
}

.ds-menu-products .widget_nav_menu .menu {
    flex-wrap: nowrap;
    width: max-content;
}

.ds-menu-products .widget_nav_menu .menu-item {
    flex-shrink: 0;
}

.ds-menu-products .widget_nav_menu .menu-item a {
    padding: 20px 37px !important;
    font-size: 22px;
    line-height: 30px;
}

.ds-products-mob-description-font h6 {
    font-size: 17px !important;
}

.ds-products-bullet ul li {
    font-size: 17px;
    margin-bottom: 20px;
}

.ds-product-header-font-size h4{
font-size: 18px !important;
line-height: 28px !important;
}

.icon-salient-search:before {
    color: #fff;
    transition: color 0.3s ease-in-out;
}

.ds-product-big-txt-mobile h1{
    font-size: 30px !important;
    line-height: 40px !important;
}



.ds-toggle-clickable div[data-style="minimal"] .toggle > .toggle-title a {
    font-size: 17px;
    line-height: 22px;
}


.ds-toggle-nonclickable div[data-style="minimal"] .toggle > .toggle-title a {
    font-size: 17px;
    line-height: 22px;
}

.ds-products-bullet ul li::before {
    width: 28px;
    height: 30px;
}


div#header-outer {
  padding-top: 40px !important;
  padding-bottom: 30px !important;
  margin-bottom: -1px !important;
}

#slide-out-widget-area .off-canvas-menu-container .menu li a .wrap {
    display: block;
    position: relative;
    line-height: 22px;
    font-size: 20px;
    margin: 5px 0px;
}



/* Dodaj u svoj stilsku datoteku */
#header-outer.side-widget-open {
    background: none !important;
    transform: translateY(50px) !important; /* Prilagodi vrijednost prema potrebi */
    position: fixed !important;
}

#header-outer header {
    padding-left: 6px;
    padding-right: 6px;
}




body.material #header-outer[data-transparent-header="true"].transparent {
    border-bottom: 2px solid transparent;
}

}


@media screen and (min-width:1001px) and (max-width:1300px){

.ds-podrucjaprimjene-home .nectar-fancy-box {
    max-height: 22vh !important;
    transition: all 0.7s ease; /* Dodajemo tranziciju za glatki efekt */
    font-size: 1.7vh;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}



}
@media only screen and (max-width: 1480px) {
.ds-podrucjaprimjene-home .nectar-fancy-box .inner {
    font-size: 16px!important;
    min-height: 120px !important;
}}



@media only screen and (min-width: 2000px) {
.ds-podrucjaprimjene-home .nectar-fancy-box .inner {
    min-height: 200px !important;
}}