/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


/*header és logó*/
.logo-left .logo{
	margin-right: 10px;
}

header{
	border-top: 8px solid #fed401;
	border-bottom: 1px solid #1055b3;
}
.header-block-block-1{
	font-size: 12px;
}
li.menu-item.active a{
	color: #f5821f !important;
}
@media only screen and (min-width: 550px) and (max-width: 849px){
	#logo {
    width: 160px;
}
	.header-block-block-1{
	font-size: 18px;
}
}
@media only screen and (min-width: 850px){
	.header-main {
    height: 188px !important;
}

	#logo {
    width: 283px !important;
}
	#logo img {
    max-height: 161px !important;
}
		.header-block-block-1{
	font-size: 26px;
}
	.header-wrapper.stuck .header-block-block-1{
			font-size: 24px;
	}
}

@media only screen and (min-width: 1080px){
		.logo-left .logo{
	margin-right: 70px;
}
	.header-block-block-1{
	font-size: 36px;
}
		.header-wrapper.stuck .header-block-block-1{
			font-size: 24px;
	}
}

/*-----------------------*/

.hero:before{
	content: '';
	display: block;
	position: absolute;
	top: -2vw;
	right: -15vw;
	width: 50vw;
	height: 100%;
	background-image: url(/wp-content/uploads/2022/12/hero-overlay.webp);
	background-size: contain;
	z-index:1;
	opacity: 0.4;
}

.hero.home h1{
	line-height: 1.2em;
}

.ux-timer span{
	margin: 0 !important;
	font-size: 22px;
	border-radius: 0 !important;
	padding: 7px !important;
}
.ux-timer span strong{
	font-size: 9px !important;
	text-transform: none !important;
	opacity: 1 !important;
}
.hero .felirat{
	padding-bottom: 0;
}
.hero h4{
	line-height:1.4em;
	margin-bottom: 30px;
}
.hero h4 span {
    background: #f5821f;
    padding: 0.1em 0.3em;
}
.hero h4:nth-child(2){
	margin-bottom: 0px;
}
.section.dark strong:not(.ux-timer strong){
	color: #f5821f;
}

/*általános font*/
h1:not(.hero h1){
	font-size: 30px;
	color: #f5821f;
	margin-top: 30px;
}
h2:not(.footer-form h2){
	font-size: 24px;
}
h2:not(.footer-form h2, .sponsorship-tablazat h2){
	color: #f5821f;
}
.hexa{
	padding-left: 35px;
}
.hexa h2:before{
	content:'';
	display: inline-block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 20px;
	height:23px;
	margin-right: 15px;
	background: url('/wp-content/uploads/2023/03/h2-hexa.webp');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
@media only screen and (min-width: 850px){
	h1:not(.hero h1){
	font-size: 36px;
}
	.hexa h2{
	margin-left: 0;
}
}
p{
	line-height: 1.37em;
}
li{
	margin-bottom: 0;
}
li::marker{
	color: #f5821f;
}

/*-------------űrlap--------------*/
.footer-form form{
	max-width: 440px;
	margin: 0 auto;
}
form label:not(#Dummy_GDPR_Contribution_ label, .urlap label){
	display: none;
}
label{
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 0;
}
form input:not(input[type=checkbox],input[type=submit]), form textarea{
	margin-bottom: 35px;
	border-radius: 25px !important;
	text-align: center;
	font-size: 16px;
	border: 2px solid #083166 !important;
}
form input::placeholder{
	color: #1055b3;
	text-transform: uppercase;
		font-size: 16px;
}
form input[type=checkbox]{
	margin-bottom: 0;
	position: relative;
	top: 2px;
}
form input[type=submit]{
	background: #F6821F !important;
	width: 255px;
	border: none !important;
	font-size: 20px;
}

@media only screen and (min-width: 850px){
	.ux-timer span{
	display: flex !important;
	align-items: flex-start;
	float: left;
	font-size:100px;
}
.ux-timer span strong{
	font-size: 20px !important;
		position: relative;
	top: -37px;
}
	.ux-timer span:first-child{
			padding-left: 46px !important;
	}
		.ux-timer span:last-child{
			min-width: 250px !important;

	}
	.hero h4{
	line-height:1.3em;
}
	.hero h4 span {
    padding: 0.1em 0.5em;
}
}
@media only screen and (min-width: 850px) and (max-width: 1240px){
	
	.ux-timer span{
	font-size:80px;
}
.ux-timer span strong{
	font-size: 14px !important;
	top: -25px;
}
			.ux-timer span:last-child{
			min-width: 150px !important;

	}
}



/*--------------footer---------------*/
.footer-sec .img{
	margin-bottom: 0 !important;
}
.footer-sec h3{
	margin-bottom: 0 !important;
	color: #1a6dc7;
	font-size: 24px;
	line-height: 1em;
}
.footer-sec h4{
	color: #F6821F;
	font-size: 24px;
	line-height: 1em;
	margin-bottom: 20px;
}
.footer-sec p{
	font-size: 16px;
	line-height: 1em;
	margin-bottom: 1.63em;;
}
.footer-sec .contact-col .icon-box-img svg{
	position: relative;
	top: -6px;
}
@media only screen and (min-width: 850px){
	.footer-sec h3{
	margin-top: 49px;
	}
}

.footer-primary.pull-left{
	float: none;
}
.copyright-footer{
	color: #F6821F;
	text-align: center;
}