/*

Theme Name: Topaz Agency Hello Child Theme

Theme URI: https://github.com/elementor/hello-theme/

Description: Topaz Agency Hello Child Theme is a child theme of Hello Elementor, created by Kleri Zoltan

Author: topaz-agency.hu

Author URI: https://topaz-agency.hu/

Template: hello-elementor

Version: 1.0.1

Text Domain: hello-elementor-child

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/

/* animált gomb */
.animalt-gomb:hover i.fas.fa-play {
    margin-right: -4px;	
    margin-left: 4px;	
    transition: 0.3s;	
    opacity: 1;
    font-size: 10px;
    position: relative;
    top: -2px;
}

.animalt-gomb i.fas.fa-play {
    transition: 0.3s;
    opacity: 0;
    font-size: 10px;    
    position: relative;
    top: -2px;    
}

@media only screen and (min-width: 1024px) {
.menu-cta a {
	border-radius: 5px;
	padding: 5px 20px 5px 20px !important;
	background: #155374;
	color: #fff !important;
	//border: 2px solid #75910a;
}
.menu-cta a:hover {
	background: #EE6F57;
	//color: #fff !important;
}
	
.menu-cta a.elementor-item::after {
	height: 0px !important;
}
}

/* ikon lista ikonjainak vertikális rendezése */

.ikon-lista.elementor-widget .elementor-icon-list-item{
align-items: start !important;
}
.ikon-lista.elementor-widget .elementor-icon-list-icon{
padding-top: 6px !important
}

.elementor-tab-title .elementor-accordion-icon i:before {
	position: relative;
	top: 3px;
}

/* egér kijelölés háttérszíne */			
::-moz-selection {			
	color: #fff;		
	background: var( --e-global-color-primary );		
	/* background: var( --e-global-color-accent ); */		
}			
::selection {			
	color: #fff;		
	background: var( --e-global-color-primary );		
	/* background: var( --e-global-color-accent ); */		
}			

/* fluent forms adatkezelési nyilatkozat sor szövegének sormagassága */
.ff_t_c {
	line-height: 24px;
}

/* fejléc átlátszóság effekt */
.elementor-sticky--effects {
	background: #1D2533 !important;
}

.elementor-sticky--effects .sticky-menu-items ul li a {
	color: #fff !important;
}

.elementor-sticky--effects, .sticky-menu-items ul li a {
	transition: .5s all ease-in-out;
}

/* footer alsó sor style */	
.adatvedelmi-nyilatkozat, .topaz-agency {	
	color: #ffffff !important;
}	
.adatvedelmi-nyilatkozat:hover, .topaz-agency:hover {	
	color: #ffffff !important;
	opacity: 0.7;
}	

/* blog posztok képe feletti sáv eltüntetése */
.elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img {
height: 100% !important;
width: auto !important;
position: absolute;
top: calc(50% + 1px);
left: calc(50% + 1px);
transform: scale(1.01) translate(-50%,-50%);
}

/* Bejegyzés kivonatok után 3 pont*/
.elementor-post__excerpt p::after {
content: "...";
display: inline;
}

/* lenyíló menü mobil nézetben - a lefelé nyíl SVG színe */			
@media only screen and (max-width: 1024px) {			
	.elementor-nav-menu li .sub-arrow .e-font-icon-svg
	{
	fill: white !important;	
	}
	
	.elementor-nav-menu li:hover .sub-arrow .e-font-icon-svg,		
	.elementor-nav-menu .elementor-item-active .sub-arrow .e-font-icon-svg		
	{		
	fill: var( --e-global-color-accent ) !important;		
	}		
}

/* Almenü háttérszín módosítása */
li.menu-item.menu-item-type-post_type.menu-item-has-children.menu-item-22 li {
	background-color: #303846;
}

/* blog ul-li lista alá extra térköz */
ul.wp-block-list {
    margin-bottom: 15px;
}

/* Csak blogbejegyzésekben: A számozott lista alatti térköz növelése */
.single-post .wp-block-list {
    margin-bottom: 15px;
}


/* kapcsolat form - válaszszöveg formázás */
.email-response-style {
    font-size: 18px !important;
    color: var(--e-global-color-primary) !important;
    font-weight: bold;
    margin-top: 50px;
        padding: 20px;
    text-align: center;
        border-radius: 0px !important;
        background-color:rgba(0, 0, 0, 0.1);        
}

.ff-message-success {
        border: none !important;
}

/* telefonszám országhívó esetén - a zászlótól jobbra betoljuk */
.phone-number-input {
    padding-left: 50px !important;
}

/* cookieyes - bal alsó banner hover színe */		
.cky-btn-revisit-wrapper .cky-btn-revisit:hover {		
	background-color: var(--e-global-color-accent) !important;	
	border: none !important;	
}		
		
/* a CookieYes újranyitó süti bannerét közelebb tesszük az oldal széléhez */		
.cky-revisit-bottom-left {		
	bottom: 10px !important;	
	left: 10px !important;	
}		
		



/* zenelejátszó style */
audio {
    width: 600px; /* Default width for larger screens */
    max-width: 100%; /* Ensure it does not exceed 100% of the container */
	
	display: block; /* Change display to block */
    margin: 0 auto; /* Center the audio player */
}

/* Apply 100% width for mobile devices (screens smaller than 768px) */
@media only screen and (max-width: 768px) {
    audio {
        width: 100%; /* Set width to 100% on mobile */
        max-width: 100%; /* Ensure it scales properly within its container */
    }
}

audio::-webkit-media-controls-panel {
	/*background-color: var(--e-global-color-primary);*/
	background-color: #5968A3; /* az a primary szín inverze */
	filter: invert(100%);
}

/* űrlap - telefonszám - zászlóslenyíló stílusa - ne a global button stílusát kövesse */
button.iti__selected-country {
    background: none !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
}
button.iti__selected-country:hover {
    background: #F2F2F2 !important;
}


/* Állítsa be a kívánt méretet az SVG-nek, ami tökéletesen éles marad. */
img.trp-flag-image.trp-custom-flag {
    width: 24px !important;  
    height: 24px !important; 
    object-fit: contain !important; 
}

/* blog menüpont eltüntetése angol nyelven */
html[lang|="en"] .blog-hide {
display: none !important;
}


/* lábléc - blog menüpont eltüntetése angol nyelven */
html[lang|="hu"] .blog-show {
display: none !important;
}

/* tablet és mobile esetén zászló elrejtése a lenyílóból */
@media (max-width: 1024px) {
  .menu-item-hide-mobile {
    display: none !important;
  }
}

/* lenyíló zászló menüben szöveg elrendezés */
span.trp-ls-language-name
{
	/*color: var(--e-global-color-accent) !important;*/
    position: relative;
    top: -2px;
    font-size: 20px;
}

/* zászlók középre helyezése a lenyílóban */
.elementor-widget-nav-menu .trp-language-switcher-container a {
 	display: flex;
 	justify-content: center !important;
 	align-items: center !important;
}
/* a zászlót picit balra mozdítom */
.elementor-widget-nav-menu .trp-language-switcher-container a span {
  transform: translateX(-5px);
}