/*
 Theme Name:   Modernee Child Theme
 Theme URI:    https://modernee.themerex.net/
 Description:  Modernee Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     modernee
 Version:      1.0.0
 Tags: ai, artificial intelligence, ai integration, business consulting, digital transformation, virtualization, automation, process optimization, mobile app, cybersecurity, accounting, tax help, digital agency, startup, corporate
 Text Domain:  modernee
*/


/* =Theme customization starts here
------------------------------------------------------------ */

.search_modern {
  position: relative;
  z-index: 2000;
  display: inline-block;
  vertical-align: middle;
  background-color: #035d96;
  padding: 10px;
  border: solid 1px;
  border-radius: 50%;
}

.search_modern > .search_submit {
  display: block;
  height: 1.4em;
  line-height: 1.4em;
  text-align: center;
  position: relative;
  top: -1px;
  -webkit-transition: all 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition: all 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  opacity: 1;
  cursor: pointer;
  padding: 1px;
  color: var(--theme-color-text_dark);
  background-color: transparent;
}

.nav-link {
  color: white;
  font-family: Roboto, sans-serif;
  font-size: 19px;
  font-weight: 300;
  text-decoration: none;
	margin-bottom: 20px;
	padding-top: 5px;
}

.nav-link:hover {
  border-bottom: 1px solid white;
	color: white;
}

.nav-link {
  transition: border-bottom 0.3s ease;
}

p {
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

.menu_footer_nav_area > ul > li, .footer_wrap .sc_layouts_menu > ul > li {
  display: inline-block;
  vertical-align: baseline;
  font-size: 18px;
  font-weight: 300;
  z-index: auto !important;
  font-family: Roboto;
}

.sc_services_default .sc_services_item {
  color: var(--theme-color-alter_text);
  background-color: white;
  border: solid 1px #e5e5e5;
}


img {
  border-radius: 0 !important;
}

.sc_services_fashion .sc_services_item,
.sc_services_classic .sc_services_item,
.sc_services_motley .sc_services_item,
.sc_services_alter .sc_services_item,
.sc_services_default .sc_services_item,
.sc_services_hover .sc_services_item,
.sc_services_shine .sc_services_item,
.sc_services_breezy .sc_services_item,
.sc_services_accent .sc_services_item,
.sc_services_strong .sc_services_item,
.sc_services_extra .sc_services_item {
  border-radius: 0 !important;       
  background-color: #ffffff !important;
  padding-bottom: 15px !important;
  position: relative !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

@media (max-width: 1439px) {
  .sc_services_default .sc_services_item_info {
    padding: 2.6em 2em 10px !important;
  }
}

.sc_services_default .sc_services_item_thumb[class*="hover_"] {
  display: block;
  background-color: #f6f6f6 !important;
}

.sc_services_default .sc_services_item_content p {
  margin: 0;
    margin-bottom: 0px;
  display: none !important;
}

.portfolio_page_featured img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  display: none !important;
}

.portfolio_page {
  position: relative;
  margin-top: 80px !important;
  background-color: #f9f9f9;
  padding-top: 50px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
	border: solid 0.1px #D8D8D8 !important;
}

.sc_portfolio.sc_portfolio_simple.related_wrap .related_wrap_title {
  margin-right: 20px;
  width: calc(34% - 20px);
  line-height: 1em;
  margin-top: -6px;
  font-family: Roboto !important;
  font-weight: 300 !important;
}

.post_header_wrap_style_style-1.with_featured_image {
  margin-top: 0;
  display: none !important;
}

[class*="scheme_"].footer_wrap, .footer_wrap [class*="scheme_"].vc_row {
  background-color: white !important;
  color: var(--theme-color-alter_text);
}

a:hover {
background-color: #fff0 !important;
}

/* Blog listing stranica */
body.blog .content_wrap,
body.blog .content_container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto;
}

/* Single post stranice */
body.single-post .content_wrap,
body.single-post .content_container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto;
}

.elementor-element-2ae50489 a:not(.sc_button):not([class*="button"]):not(li a) {
  text-decoration: none;
  background: transparent;
  color: var(--theme-color-text_link) !important;
}

.sc_services_default .sc_services_item_title {
  font-size: 1.556em;
  line-height: 1.214em;
  margin: 0;
  font-family: Roboto;
  font-weight: 300;
  text-transform: uppercase;
}

.theplus-tabs-wrapper .plus-tab-header:hover span {
  text-decoration: underline !important;
}

.theplus-tabs-wrapper .plus-tab-header.active span {
  text-decoration: underline !important;
}

.mfp-figure figcaption {
  background-color: var(--theme-color-alter_bg_color);
  display: none !important;
}

@media (max-width: 479px) {
  h3 {
    font-size: 20px;
    line-height: 37px !important;
    margin-top: 22px;
    margin-bottom: 13px;
    letter-spacing: 0;
  }
}

/* Desktop i veći ekrani – efekat ostaje */
.elementor-heading-title {
  display: inline-block;
  transform-origin: center;
  max-width: 100%;
  overflow-wrap: break-word;
}

.elementor-widget-heading {
  overflow: hidden;
}

/* Telefoni i mali ekrani – efekat se gasi */
@media (max-width: 768px) {
  .elementor-element {
    transform: none !important;   /* uklanja transformacije */
    transition: none !important;  /* gasi animacije */
  }
}

@media (max-width: 479px) {
  h2 {
    font-size: 22px;
    line-height: 26px;
    margin-top: 21px !important;
    margin-bottom: 14px;
    letter-spacing: 0;
  }
}

.elementor-heading-title {
  margin-top: 10px !important;
}

element {
}
.elementor *, .elementor ::after, .elementor ::before {
  box-sizing: border-box;
}
dt, b, strong {
  font-weight: bold;
}


.elementor-9 .elementor-element.elementor-element-3c228dd .wpr-mobile-nav-menu li a:hover, .elementor-9 .elementor-element.elementor-element-3c228dd .wpr-mobile-nav-menu .menu-item-has-children > a:hover::after, .elementor-9 .elementor-element.elementor-element-3c228dd .wpr-mobile-nav-menu li a.wpr-active-menu-item, .elementor-9 .elementor-element.elementor-element-3c228dd .wpr-mobile-nav-menu .menu-item-has-children.current_page_item > a:hover::after {
  color: grey !important;
}

/* SUB MENU container */
.wpr-sub-menu {
  background-color: #000000 !important;
  overflow: visible !important;
  padding: 0 0 12px 0 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  z-index: 9999 !important;
  min-width: 220px !important; /* širi box */
  width: auto !important;      /* prilagođava se sadržaju */
  white-space: normal !important; /* dozvoljava prelamanje u više redova */
  word-wrap: break-word !important; /* sigurno prelama duge reči */
}


/* SUB MENU items */
.wpr-sub-menu .wpr-sub-menu-item {
  background-color: transparent !important;
  color: #AFADAD !important; /* osnovna boja */
  text-decoration: none !important;
  display: flex !important; /* flex za centriranje teksta i strelice */
  align-items: center !important; /* vertikalno centriranje */
  justify-content: space-between !important; /* razmak između teksta i strelice */
  padding: 10px 30px !important; /* povećan desni padding */
  line-height: 1.4 !important;
  box-sizing: border-box !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

/* SUB MENU text span */
.wpr-sub-menu .wpr-sub-menu-item span {
  display: inline-block !important;
  position: relative !important;
  transition: transform 0.3s ease, color 0.3s ease !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  color: inherit !important;
  margin-right: 14px !important; /* dodatni razmak od strelice */
  vertical-align: middle !important;
}

/* underline pseudo-element */
.wpr-sub-menu .wpr-sub-menu-item span::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -6px !important;
  width: 0% !important;
  height: 2px !important;
  background-color: #ffffff !important;
  transition: width 0.3s ease !important;
}

/* Hover efekat */
.wpr-sub-menu .wpr-sub-menu-item:hover span {
  transform: translateX(8px) !important; /* uvlačenje 8px */
  color: #ffffff !important; /* bela boja */
}

.wpr-sub-menu .wpr-sub-menu-item:hover span::after {
  width: 100% !important; /* underline */
}

/* Active efekat */
.wpr-sub-menu .wpr-sub-menu-item.active span,
.wpr-sub-menu .wpr-sub-menu-item:active span,
.wpr-sub-menu .wpr-sub-menu-item.current-menu-item span {
  transform: translateX(8px) !important;
  color: #ffffff !important;
}

.wpr-sub-menu .wpr-sub-menu-item.active span::after,
.wpr-sub-menu .wpr-sub-menu-item:active span::after,
.wpr-sub-menu .wpr-sub-menu-item.current-menu-item span::after {
  width: 100% !important;
}

/* Strelica u submeniju - pomeranje levo i spuštanje */
.elementor-9 .elementor-element.elementor-element-3c228dd 
.wpr-sub-menu .wpr-sub-icon {
  left: 10px !important;  /* odmak od teksta */
  top: 3px !important;    /* spuštanje za bolju centriranost */
  position: relative !important;
}

.portfolio_page .portfolio_page_details_wrap.light_style .socials_share {
  margin-top: 1.9em !important;
  display: none !important;
}

.portfolio_page .portfolio_page_details_wrap .portfolio_page_details .portfolio_page_details_item.portfolio_page_details_share .socials_wrap {
  margin-right: 0;
  margin-bottom: -15px;
  display: none !important;
}