/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
html {
  scroll-behavior: smooth;
}

.nw-home-hero:after {
    content: "";
    background-image: linear-gradient(to bottom, #212426e6 0%, #212426d6 50%, #212426 100%);
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.nw-back-gradient{background: radial-gradient(at center center, #ffffff1f 0%, #d161ff17 30%, #7a64ff00 70%);}
.nw-button {
	font-weight: 600 !important;
    border: 2px solid var(--base-3) !important;
    color: var(--base-3) !important;
    background-color: transparent !important;
}

.nw-masonry-wrapper{
		column-count: 2 !important;
    column-gap: 1em !important;
		display: block !important;
}
.nw-masonry-item{
		display: inline-flex !important;
}


/*
 * header
 * */
.site-logo{z-index: 10 !important;}
header{
	position:absolute !important;
	width:100%;
}
.nw-polylang-container {z-index: 10 !important; list-style: none !important; display: inline-flex !important; margin: initial;
}
.nw-polylang-container li {margin: 0 10px }




/* animation main page */
.nw-carousel-container{position: relative;padding: 9em 0 !important;}
.carousel-item {
    position: absolute;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease, opacity 0.3s ease;
    backface-visibility: hidden;
    opacity: 1; 
    text-align: center;
}

.carousel-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

.carousel-item:nth-child(1) img {
    width: 33.33%;
}

.carousel-item:nth-child(2) img {
    width: 33.33%;
}

.carousel-item:nth-child(3) img {
    width: 33.33%;
		
}

/* Animációs keyframe-ek */
@keyframes carouselAnimation1 {
    0%, 20%, 100% { transform: translateX(0) scale(1.8); z-index: 3; }
    30%, 50% { transform: translateX(25%) scale(0.7); z-index: 1; }
    60%, 80% { transform: translateX(-25%) scale(0.7); z-index: 1; }
}

@keyframes carouselAnimation2 {
    0%, 20%, 100% { transform: translateX(-25%) scale(0.7); z-index: 1; }
    30%, 50% { transform: translateX(0) scale(1.2); z-index: 2; }
    60%, 80% { transform: translateX(25%) scale(0.7); z-index: 1; }
}

@keyframes carouselAnimation3 {
    0%, 20%, 100% { transform: translateX(25%) scale(0.5); z-index: 0; }
    30%, 50% { transform: translateX(-25%) scale(0.7); z-index: 0; }
    60%, 80% { transform: translateX(0) scale(0.9); z-index: 2; }
}

/* Az egyes elemek animációinak alkalmazása */
.carousel-item:nth-child(1) {
    animation: carouselAnimation1 12s infinite;
}

.carousel-item:nth-child(2) {
    animation: carouselAnimation2 12s infinite;
}

.carousel-item:nth-child(3) {
    animation: carouselAnimation3 12s infinite;
}

/* animation main page end*/

/* card */

.nw-card {
	
	border: 2px solid transparent;
	border-radius: 4px;
    border-image: linear-gradient(45deg, #07bcfe, var(--contrast-2), var(--contrast-2), rgb(250 224 66)) 1%;
	opacity:99%;
	background-image: linear-gradient(225deg, #fae14112, #fae14100, #008f6900, #07bcfe1c);
	
	
	
}
.nw-card:before {
    content: "";
  z-index: -1000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(45deg, #07bcfe87, rgb(250 224 66 / 0%), rgb(0 143 104 / 0%), rgb(250 224 66 / 50%)) 15%;
  filter: blur(20px);
  
  transition: opacity 0.3s;
}
.nw-card:after  {
    content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
    
}
/* card end */

/*
 * contact-form
 * */
input.ff-el-form-control {
	border: 0px !important;
	border-bottom: 1px solid var(--base-3) !important;
	border-radius: 0 !important;
}
textarea.ff-el-form-control {
	
	border: 1px solid var(--base-3) !important;
	
}

.ff-el-form-control:focus{
    background: var(--contrast-2) !important; border-bottom: 2px solid var(--base-3) !important;
}
input.ff-el-form-control:not(:placeholder-shown) {
  border-bottom: 2px solid var(--base-3) !important;
}

.ff-el-form-control {color: var(--base-3) !important;}

/* cookie banner */
.cmplz-cookiebanner button, .cmplz-title {
	text-transform: unset !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	letter-spacing: 1px !important;
}
/* cookie banner end*/


/* button */

.gb-button, .sf-menu .menu-item {
    position: relative !important;
    z-index: 0; 
}
.gb-button::before, .sf-menu .menu-item::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 0 !important;
    background-color: var(--base-3) !important;
    transition: all 0.25s ease-in-out !important;
    z-index: -1; 
}
.gb-button:hover::before, .sf-menu .menu-item:hover::before {
    height: 100% !important;
}
.gb-button:hover, .sf-menu .menu-item:hover a {
    color: var(--contrast) !important;
}
.gb-button span.gb-icon {
    transition: transform 0.25s ease-in-out;
}
.gb-button-text, .sf-menu .menu-item a {
    position: relative;
    z-index: 1; 
}

.gb-button:hover span.gb-icon {
    transform: translateX(10px);
}


.nw-colorfull-button {
    background: linear-gradient(90deg, rgb(7 188 254 / 85%) 0%, rgb(166 231 255 / 80%) 100%) !important;
	backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: var(--contrast) !important;
    border: 0px solid black !important;
    padding: 10px 30px !important;
    transition: all 0.25s ease-in-out !important;
	border-radius:50px;
}

.nw-colorfull-button:hover {
    box-shadow: 0px 0px 10px rgba(250, 250, 250, 0.3) !important;
   transform: translateY(-5px);

}
.gb-button.nw-colorfull-button:hover::before {
    height: 0 !important;
}
.gb-button.nw-colorfull-button:hover {
    color: var(--contrast) !important; 
}

/* sticky az árajánlatkérő gombokhoz*/
.nw-position-sticky {
	position: sticky !important;
	top: 10px !important
}
/* masonry */

.nw-masonry-grid {column-count: 4;column-gap:0}

/* masonry end*/

/* tablet */
@media (max-width: 992px) {
    .has-inline-mobile-toggle .inside-header {
        
        flex-wrap: nowrap !important;
    }
	.has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation {
        flex-basis: auto !important;
    }
	
	.nw-carousel-container{position: relative;padding: 6em 0 !important;}
	.nw-masonry-grid {column-count: 2;}
}

/* mobil */
@media (max-width: 767px) {
	/* blog articles container*/
    article.dynamic-content-template{
			margin-right: 50px !important
	}
	.nw-masonry-wrapper{
		column-count: 1 !important;
    
	}
}