/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* Split menu */
@media only screen and (min-width: 780px) {
/*In the below code nth-child(x) the value of x should be half the number of total menu items*/
	#top #header .av-main-nav li:nth-child(2) {
    	margin-right:250px;
	}

	#header .main_menu {
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
	}

	.av-main-nav-wrap {
		left: 50%;
		transform: translateX(-50%);
	}

	#header .logo {
		left: 50%;
		transform: translateX(-50%);
		z-index:999;
	}

	#header .logo img {    
		top: 50%;
		transform: translateY(-50%);
		max-width: 200px;  
	}
}

/* General Custom CSS */
@media only screen and (min-width: 1940px) {
	.kartyak {
		background: linear-gradient(90deg, #fbd60b 0%, #fbd60b 50%, #dc7002 50%, #dc7002 100%);
	}
}


/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
	.av-masonry-entry .avia-arrow {
		display: none !important;	
	}

	.avia-menu-text:hover {
		background: white;
		padding: 16px 16px;
		border-radius: 25px;
		color: #E06F00;
	}

	.avia-menu-text {
		padding: 0 16px;
	}

	.sub-menu .avia-menu-text:hover, .sub-menu a:hover .avia-menu-text {
		background: #E06F00;
		padding: 16px 16px;
		border-radius: 25px;
		color: #fff;
	}
	
	/*
	.sub-menu {
		min-height: 280px;
		background-color: #fff !important;
		display: grid !important;
		align-items: center !important;
	}

	.sub-menu .menu-item a {
		background-color: #fff !important;
		color: #002A33 !important;
		max-width: 200px !important;
		border-right: none !important;
		border-left: none !important;
	}
	*/
	.sub-menu {
		background-color: #fff !important;
	}

	.sub-menu .menu-item a {
		background-color: #fff !important;
		color: #002A33 !important;
		margin-top: 10px;
		margin-bottom: 10px;
		border: 0 !important;
	}

	/*
	.rolunkkep {
		position: absolute !important;
		left: 208px;
		width: 250px;
		height: 280px;
		background-color: #fff;
		background-image: url(/wp-content/uploads/2023/10/IMG_3903-scaled.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		transition: background-image 0.5s ease;
	}

	.rolunkkep a {
		visibility: hidden;
	}
	*/

	.kartyak {
		background: transparent linear-gradient(255deg, #E06F00 0%, #D67007 11%, #D88419 34%, #DFAC52 60%, #FFDD00 100%);
	}

	.kartyak .container, .kartyak .content {
		max-width: 100% !important;
		padding: 0 !important;
	}

	.tamogatas {
		background: #04829C 0% 0% no-repeat padding-box;
	}

	.no-padding-color .content {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.half-width-content-right .container {
		max-width: 50%;
		margin-left: 50%;
		margin-right: 0%;
		padding-left: 0;
		padding-right: 20px;
		padding-left: 20px;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0.0) 5%, rgba(255, 255, 255, 0.1) 10% #fff 100%);
	}

	.full-width-container .container {
		max-width: 100%;
	}

	.footer-mid-right {
		border-left: 3px solid white;
		padding-left: 80px;
	}

	.footer-right {
		text-transform: uppercase;
	}

	.footer-right a {
		text-decoration: none !important;
	}

	.section-2 {
		background-repeat: no-repeat;
		/* background-image: url(https://labaskademo.wsbp.hu/wp-content/uploads/2023/10/tanyer-1030x687.png),linear-gradient(105deg, #E06F00 0%, #D67007 11%, #D88419 34%, #DFAC52 60%, #FFDD00 100%); */
		background: linear-gradient(105deg, #E06F00 0%, #D67007 11%, #D88419 34%, #DFAC52 60%, #FFDD00 100%);
		background-position: 100% 40%;
		background-attachment: scroll;
	}

	.section-2 .container {
		height: 550px;
		max-width: 100%;
		padding: 0;
	}

	.section-2 .content {
		padding: 0;
		max-width: 100%;
	}

	.section-2 .post-entry {
		max-width: 100%;
		max-height: 100%;
		height: 100%;
	}

	.section-2 .entry-content-wrapper {
		max-width: 100%;
		max-height: 100%;
		height: 100%;
	}

	.kajaslider.avia-slideshow {
		max-width: 100%;
		max-height: 100%;
		height: 100%;
	}

	.kajaslider .avia-slidershow-inner {
		padding: 0px;
		height: 100%;
	}

	.kajaslider .avia-slideshow-slide {
		height: 100%;
	}

	.kajaslider .avia-slide-wrap {
		height: 100%;
	}

	.kajaslider img {
		height: 100%;
		max-width: 900px;
		left: 280px !important;
	}

	.kajaslider .avia-caption {
		top: 40%;
		left: 3vw;
		max-width: 500px;
	}

	.kajaslider .avia-caption h2 {
		background: none !important;
	}

	.kajaslider .avia-caption p {
		background: none !important;
		font-size: 22px;
		line-height: 20px;
	}

	.buttons {
		text-align: -webkit-center;
	}

	.buttonstext {
		max-width: 400px;
	}

	.button1 {
		background: #04829C;
		border-radius: 5px;
		font-size: 16px !important;
		padding: 20px 40px;
		color: #fff !important;
		transition: all 0.2s ease;
	}

	.button1:hover {
		background: #E06F00;
	}

	/* copyright lablec */
	.socket_color .container {
		display: flex;
		justify-content: center;
	}

	.socket_color {
		border-color: #04829C;
		background-color: #04829C;
		text-align: center;
	}

	.socket_color span {
		color: #fff !important;
		font-size: 14px;
		font-weight: bold;
	}

	.socket_color .copyright {
		display: flex;
		gap: 100px;
	}

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
	.logo {
		max-width: 150px;
	}
	
	.av-masonry-entry .avia-arrow {
		display: none !important;	
	}

	.avia-menu-text:hover {
		background: white;
		padding: 16px 16px;
		border-radius: 25px;
		color: #E06F00;
	}

	.avia-menu-text {
		padding: 0 16px;
	}


	.kartyak {
		background: transparent linear-gradient(255deg, #E06F00 0%, #D67007 11%, #D88419 34%, #DFAC52 60%, #FFDD00 100%);
	}

	.kartyak .container, .kartyak .content {
		max-width: 100% !important;
		padding: 0 !important;
	}

	.tamogatas {
		background: #04829C 0% 0% no-repeat padding-box;
	}

	.no-padding-color .content {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.half-width-content-right .container {
		max-width: 50%;
		margin-left: 50%;
		margin-right: 0%;
		padding-left: 0;
		padding-right: 20px;
		padding-left: 20px;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0.0) 5%, rgba(255, 255, 255, 0.1) 10% #fff 100%);
	}

	.full-width-container .container {
		max-width: 100%;
	}

	.footer-mid-right {
		border-left: 3px solid white;
		padding-left: 80px;
	}

	.footer-right {
		text-transform: uppercase;
	}

	.footer-right a {
		text-decoration: none !important;
	}

	.section-2-mobile {
		background-repeat: no-repeat;
		background: linear-gradient(105deg, #E06F00 0%, #D67007 11%, #D88419 34%, #DFAC52 60%, #FFDD00 100%);
		background-attachment: scroll;
	}
	
	.section-2-mobile .content {
		padding: 20px 0px !important;
	}

	.kajaslider-mobile .avia-slide-wrap {
		min-height: 370px !important;
	}

	.kajaslider-mobile .av-slideshow-caption {
		top: 220px;
	}

	.buttons {
		text-align: -webkit-center;
	}

	.buttonstext {
		max-width: 400px;
	}

	.button1 {
		background: #04829C;
		border-radius: 5px;
		font-size: 16px !important;
		padding: 20px 40px;
		color: #fff !important;
		transition: all 0.2s ease;
	}

	.button1:hover {
		background: #E06F00;
	}

	/* copyright lablec */
	.socket_color .container {
		display: flex;
		justify-content: center;
	}

	.socket_color {
		border-color: #04829C;
		background-color: #04829C;
		text-align: center;
	}

	.socket_color span {
		color: #fff !important;
		font-size: 14px;
		font-weight: bold;
	}

	.socket_color .copyright {
		display: flex;
		gap: 50px;
	}
}