/*
Theme Name:   QRC Custom Theme
Theme URI:    https://qrc.com.pl/
Description:  Custom child theme for Hello Elementor with QRC branding and modifications
Author:       studiomercury
Author URI:   https://studiomercury.pl
Template:     hello-elementor
Version:      1.0.0
Text Domain:  qrc-custom-theme
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Add your custom styles here */

.lang-item-first {
	margin-left:28px !important;
}
.lang-item .hfe-menu-item {
	padding-right: 8px !important;
	padding-left: 8px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	width: 40px !important;
}   
/* Styl dla logo */


#logo {
  transition: fill 0.6s ease; /* Płynne przejście koloru */
}

#logo:hover path {
  fill: #e50f0f;
}

.hfe-menu-item {
  position: relative;
  display: inline-block; /* lub inny odpowiedni display */
}

.hfe-menu-item::after {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 28px;
  width: 0;
  height: 1px;
  background-color: #E50F0F !important;
  transition: width 5s ease-in-out;
}

.hfe-menu-item:hover::after {
  width: 50%; /* Linia do połowy szerokości elementu */
}

.current-lang > .hfe-menu-item, .lang-item > .hfe-menu-item:hover {
	background-color: #4D4D4D !important;
	border-radius: 20px;
}

.current_page_item::after, .current-menu-item::after{
  content: '';
  position: absolute;
  bottom: 5px;
  left: 28px;
  height: 1px;
  background-color: #E50F0F !important;
  width: 50%; 	
}
.lang-item.current_page_item::after{
	bottom: none !important;
	width: 0 !important;
}

#tech-park-list {
	padding-left: 15px;
}

#tech-park-list li::marker {
  color: #E50F0F; /* Kolor punktorów (kropek) */
}


.ehf-header #masthead {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000; /* Adjust to match your design */
  padding: 0px 0px; /* Adjust padding as needed */
}

.lang-item > .hfe-menu-item {
	border-radius: 20px;
	border: solid 1px #4D4D4D !important;
}

.lang-item > .hfe-menu-item:hover::after,
.lang-item > .hfe-menu-item:active::after,
.lang-item > .hfe-menu-item:focus::after {
  content: none !important;
  width: 0 !important;
}

@media only screen and (max-width: 1024px) {
	.lang-item-first {
		margin-left:0px !important;
	}	
	
    .ehf-header #masthead .hfe-menu-item {
        display: list-item;
        text-align: right;
        padding-right: 20px;
    }
	.ehf-header #masthead .menu-item {
        border: none;
    }
	.lang-item {
		display:inline-block;
		width: 60px !important;
		padding: 40px 0px !important;
		
	}
	
	.lang-item > .hfe-menu-item {
		position: relative;
		left: 100%;
		margin-left: -60px
	}
	
	.hfe-menu-item:hover::after {
		width: 80%;
	}
	.hfe-menu-item::after {
	  content: '';
	  position: absolute;
	  bottom: 5px;
	  left: 80%;
	  width: 80%;
	  height: 1px;
	  background-color: #E50F0F !important;
	  transition: none;
	}
	
	.lang-item > .hfe-menu-item:hover::after,
	.lang-item > .hfe-menu-item:active::after,
	.lang-item > .hfe-menu-item:focus::after{
		content: none !important;
		width: 0 !important;
	}
	
	.current_page_item::after, .current-menu-item::after{
	  content: '';
	  position: absolute;
	  bottom: 5px;
      left: 80%;
	  width: 80%;
	  height: 1px;
	  background-color: #E50F0F !important; 	
	}
}