/*
Theme Name: TheGem Elementor Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem-elementor
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/


.custom-white-link a {
  position: relative!important;
  display: inline-block!important;
  text-decoration: none!important;
}

.custom-white-link a::after {
  content: ""!important;
  position: absolute!important;
  left: 0!important;
  bottom: 3px!important;
  width: 100%!important;
  height: 2px!important;
  background-color: currentColor!important;
  transform: scaleX(0)!important;
  transform-origin: center center!important;
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1)!important;
}

.custom-white-link a:hover::after {
  transform: scaleX(1)!important;
}

.custom-white-link a:hover {
  color: #111111!important;
}
.thegem-te-menu .menu-toggle.dl-trigger:hover {
  background-color: none!important;
}



/* =========================
   MOBILE LANG FIX (EN | GR INLINE)
========================= */
@media (max-width: 1024px) {

   /* το mobile menu να μη σπάει στις γλώσσες */
   li.wpml-ls-item-en,
    li.lang-separator,
   li.wpml-ls-item-el {
    display: inline-flex !important;
    align-items: center !important;
    width: 20px !important;
    float: none !important;
    clear: none !important;
    border: 0 !important;
    /* margin: 10px 4px !important; */
    padding: 0 !important;
    vertical-align: middle !important;
    margin-top: 20px!important;
  }

   li.wpml-ls-item-en,
   li.lang-separator,
   li.wpml-ls-item-el {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    float: none !important;
    clear: none !important;
    border: 0 !important;
    /* margin: 10px 4px !important; */
    padding: 0 5px 0 5px !important;
    vertical-align: middle !important;
    margin-top: 20px!important;
  }

     li.lang-separator {
      margin-left: 7px!important;
      margin-right: 9px!important;
    }

   li.wpml-ls-item-en {
        margin-left: 5px!important;
  }



  /* σπρώχνει τις γλώσσες δεξιά */
  /* #menu-primary-navigation-1 > li.wpml-ls-item-en {
    margin-left: auto !important;
  } */

  /* links γλωσσών */
  li.wpml-ls-item-en > a,
  li.wpml-ls-item-el > a {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    padding: 0 4px !important;
    border: 0 !important;
    white-space: nowrap !important;
  }

  /* separator */
  li.lang-separator {
    line-height: 1 !important;
  }

  li.lang-separator span {
    display: inline-block !important;
    /* padding: 0 2px !important; */
    line-height: 1 !important;
  }

  /* active language κίτρινο */
  .wpml-ls-current-language .wpml-ls-display {
    color: #F5C400 !important;
  }

  /* χωρίς underline */
.wpml-ls-item-en a::after,
li.wpml-ls-item-el a::after {
    display: none !important;
  }

	/*page title*/
	/* .elementor-kit-8 h1 {font-size:32px !important;} */
}

  .wpml-ls-current-language a {
    color: #F5C400 !important;
  }




/* .elementor-kit-8 h1 {font-size: unset!important;} */


h1.page_title_text {
  /* font-size: 50px!important; */
  color: #ffffff!important;
}

@media (max-width: 1024px) {
 
  h1.page_title_text {
    /* font-size: 35px !important;
    line-height: 1.5em !important; */
  }

}

/* Preloader */

html.preloader-active,
body.preloader-active {
	overflow: hidden !important;
	height: 100% !important;
}

#epimetrisi-preloader {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	min-height: 100vh !important;
	background: #ffffff !important;
	z-index: 2147483647 !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.4s ease, visibility 0.4s ease;
}

@supports (height: 100dvh) {
	#epimetrisi-preloader {
		height: 100dvh !important;
		min-height: 100dvh !important;
	}
}

#epimetrisi-preloader.is-hidden {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

#epimetrisi-preloader-center {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	-webkit-transform: translate(-50%, -50%) !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 20px !important;
	display: block !important;
	text-align: center !important;
}

#epimetrisi-preloader-center img.epimetrisi-preloader-logo {
	display: block !important;
	width: 320px !important;
	max-width: 60vw !important;
	height: auto !important;
	/* max-height: 120px !important; */
	margin: 0 auto !important;
	padding: 0 !important;
	position: static !important;
	float: none !important;
	object-fit: contain !important;
	animation: epimetrisiLogoPulse 1.6s ease-in-out infinite !important;
	transform-origin: center center !important;
}

@media (max-width: 767px) {
	#epimetrisi-preloader-center img.epimetrisi-preloader-logo {
		width: 220px !important;
		max-width: 70vw !important;
		max-height: auto !important;
	}
}

@keyframes epimetrisiLogoPulse {
	0% {
		opacity: 0.5;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0.5;
	}
}

@media (prefers-reduced-motion: reduce) {
	#epimetrisi-preloader-center img.epimetrisi-preloader-logo {
		animation: none !important;
	}
}



/* Custom float plugin */
.scroll-top-button {
  display: none!important;
}
a.wwfcta-phone:hover {color: #ffffff!important;}

.wwfcta-modal-title {color: #ffffff!important;}

.wwfcta-modal-body button {
  background-color: #F5C400!important;
  border: none!important;
}

.wwfcta-modal-close {color: #ffffff!important;}

.wwfcta-wrap {z-index: 99!important;}



.footer .elementor-icon-list-item a {
  display: flex!important;
  flex-direction: row!important;
}

.footer a:hover {
  color: #F5C400!important;
}

.forminator-field label {font-size: 16px!important;}

.forminator-button-submit {
  background-color: #F5C400!important;
  font-size: 18px!important;
  border-radius: 10px!important;
}


.otgs-development-site-front-end {display:none!imprtant;}