/*main*/
html{ scroll-behavior:smooth; }
body, p, span, a,.elementor-widget-container,.font-default{ font-family:var(--font-default)!important; line-height:1.5; font-size:var(--fs-html); }
h1,h2,h3,h4,h5,h6,.font-heading{ font-family:var(--font-heading)!important; line-height:1.5; color:var(--clr-headline-pri); font-weight:bold; margin:0; }
.e-n-accordion-item-title-text{ font-family:var(--font-heading)!important; line-height:1.5; font-weight:bold; margin:0; font-size:var(--fs-html); }
h1{font-size:var(--fs-h1);}
h2{font-size:var(--fs-h2);}
h3{font-size:var(--fs-h3);}
a{color:var(--clr-theme);}
.tac{text-align:center;}.tal{text-align:left;}.tar{text-align:right;}
.ovf-hidden{ overflow:hidden!important; }
.mb-0{margin-bottom:0!important;}.mb-25{ margin-bottom:25px; }.mb-35{ margin-bottom:35px; }.mb-45{ margin-bottom:45px; }.mb-50{ margin-bottom:50px; }.mb-70{ margin-bottom:70px; }.mb-80{ margin-bottom:80px; }.mb-100{ margin-bottom:100px; }
.fs-normal{ font-size:var(--fs-html); }.fs-html-big{ font-size:var(--fs-html-big)!important; }


/*header*/
header{ position:absolute; top:0; left:0; right:0; z-index:10; }
header .wrap{ display:flex; align-items:center; justify-content:space-between; height:100px; }
header .logo-wrap{ display:contents; }
header .logo{ /*flex:1;*/ }
header .logo img{ display:block; max-height:75px; max-width:250px; }
header .menu-desktop{ display:flex; align-items:center; justify-content:center; position:relative; }
header .menu-desktop a,header .nav-button a{ text-decoration:none; color:var(--clr-header-links); font-weight:500; padding:21px 39px; font-size:var(--fs-html); }
header .modal{ display:none; position:fixed; top:0; bottom:0; right:0; left:0; background:#fff; padding:25px 25px 45px 0px; z-index:999999999999; }
header .mobile-menu-button{ display:none; background:none; border:none; padding:20px; }
header .close-menu-button{ margin-left:auto; display:block; padding:10px 20px; background:#fff; border:none; }
header .close-icon{ width:45px; display:block; filter:opacity(0.5); }
header .menu-icon{ width:32px; display:block; }
header .menu-mobile{ padding:30px 25px; margin:0; text-align:right; }
header .menu-mobile a{ display:block; padding:25px 10px; text-decoration:none; color:var(--clr-header-links); font-size:var(--fs-html-big); font-weight:600; }

/*header-inverted*/
.header-inverted header .menu-desktop a,header .nav-button a{ color:var(--clr-header-links-inverted); }
.header-inverted header .mobile-menu-button{ filter:invert(1); }


/*fix-menu:multiple items*/
header .wrap > a{ flex:1; }
@media(max-width:1400px){
	header .menu-desktop a{ padding:21px 25px; }
}

 
/*footer*/
footer{ background-color:var(--clr-footer-bg); padding-top:70px; padding-bottom:70px; color:var(--clr-footer-text); }
footer .cols{ display:flex; flex-direction:row; justify-content:space-between; gap:35px; }
footer .cols .col{ display:flex; flex-direction:column; }
footer .cols .item{ text-decoration:none; padding-bottom:8px; font-size:var(--fs-html); color:var(--clr-footer-text); }
footer .footer-logo{ max-width:220px; max-height:100px; width:100%; }
footer .footer-subtitle{ max-width:250px; }
footer .title{ font-size:24px; margin-bottom:10px; color:var(--clr-footer-title); }
footer .address{ margin:0 0 20px 0; }
footer .icons-list{ margin-bottom:25px; }
footer .icons-list .list-item{ margin-bottom:10px; display:flex; align-items:center; }
footer .icons-list .list-icon{ width:32px; margin-right:15px; }
footer .icons-list .list-icon .list-value{ margin-left:15px; }

/*medium viewport*/
@media(max-width:960px){
	header .mobile-menu-button{ display:block; }
	header .menu-desktop{display:none;}
	header .socials.desktop{ display:none; }
	/*lang selecor mobile*/
    #language-switcher .language-current-icon{ width:25px; }
	#language-switcher .language-current-text{ display:none; }
	#language-switcher .language-current{ margin:0; }
    #language-switcher .language-dropdown-menu{ right:15px; }
	#language-switcher .language-switch-item{ text-align:right; padding:20px 20px; }
}

/*mobile viewport*/
@media(max-width:768px){
	.fs-normal{ font-size:var(--fs-html-small); }.fs-html-big{ font-size:var(--fs-html-big-small); }
	h1{font-size:var(--fs-h1-small);}
	h2{font-size:var(--fs-h2-small);}
	h3{font-size:var(--fs-h3-small);}
	#container, .container { padding-left:15px!important; padding-right:15px!important; }
	footer .cols{ flex-direction:column; }
	footer .cols .col{ align-items:center; text-align:center; }
	footer .footer-logo{ display:block; margin:0 auto; }
	footer .footer-subtitle{ max-width:100%; text-align:center; }
}


/*buttons*/
.button,.contact-form .submit-button input{ cursor:pointer; display:inline-block; background-color:var(--clr-theme); border:unset; color:#fff; padding:18px 35px; text-decoration:none; font-size:var(--fs-html); font-weight:500; /*border-radius:50px;*/ }


/*content*/
#container, .container { padding-left:25px; padding-right:25px; margin-left:auto; margin-right:auto; max-width:var(--container-width); }
.container.smaller{ max-width:1200px; }


/*prispevky-aktuality*/
.blog-title{ text-align:center; margin-top:25px; margin-bottom:50px; }
.list-posts{ display:flex; flex-direction:column; gap:25px; }
.list-posts .post{ display:flex; flex-direction:row; width:100%; min-height:180px; max-height:250px; background:#f7f7f7; overflow:hidden; /*border-radius:25px;*/ }
.list-posts .post .content{ padding:25px 50px; }
.list-posts .thumb{ flex:1; max-width:300px; }
.list-posts .content{ flex:2; display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.list-posts .thumb img{ display:block; width:100%; height:100%; object-fit:cover; }
.list-posts a{ text-decoration:none; }
.list-posts h2{ color:#000; margin:0; }
.list-posts .button{ margin-top:15px; }
.list-posts .post-excerpt{ line-height:1.5; }
.list-posts .content-footer{ display:flex; flex-direction:row; justify-content:flex-end; width:100%; margin-top:auto; }
.pagination{ text-align:center; margin-top:50px; }
.pagination .controls{ display:flex; flex-direction:row; align-items:center; justify-content:center; }
.pagination .page-numbers{ padding:10px; font-size:18px; text-decoration:none; }
.pagination .page-numbers.current{ background:var(--clr-theme); color:#fff; border-radius:50em; width:15px; height:15px; }
.pagination .pagination-arrow{ width:10px; fill:var(--clr-theme); /*display:block;*/ }
@media(max-width:777px){
	.list-posts .post{ flex-direction: column; max-height:unset; }
	.list-posts .post .content{ padding:25px 25px; }
	.list-posts .content-footer{ justify-content:flex-start; }
	.list-posts .thumb{ flex:unset; max-width:100%; height:200px; }
}

/*detail prispevku*/
.single-post{ margin-top:130px; }
.single-post .post-thumb{  }
.single-post .post-thumb img{ max-height:55vh; margin:0 auto; display:block; }
.single-post .post-title{ text-align:center; color:var(--clr-headline-pri);  margin-top:25px; margin-bottom:15px; }
.single-post .post-date{ font-size:18px; text-align:center; border-bottom:1px solid #ccc; padding-bottom:25px; margin-bottom:25px; }
.single-post .post-content{ margin-bottom:100px; line-height:1.4; font-size:18px; }
.single-post .post-content ul,.single-post .post-content ul > li{ list-style:disc!important; }
.single-post .post-content ol,.single-post .post-content ol > li{ list-style:decimal!important; }
.single-post .post-content ul > li,.single-post .post-content ol > li{ margin-bottom:15px; }
.single-post .post-content a{ text-decoration:none; }

/*error page, 404*/
.notfound-wrap{ margin-top:200px; margin-bottom:200px; }

/*contact form*/
.contact-form{ display:flex; flex-direction:column; /*align-items:center;*/ gap:20px; margin-bottom:100px; }
.contact-form .title{ font-size:32px; text-align:center; }
.contact-form > p{ text-align:center; }
.contact-form .list .list-item{ margin-bottom:10px; display:flex; align-items:center; }
.contact-form .list .list-item .list-icon{ width:32px; margin-right:15px; }
.contact-form .list .list-item .list-value{ font-weight:400; font-size:19px; }
.input-field{ -webkit-appearance:none; -moz-appearance:none; appearance:none; padding-bottom:1rem; padding-top:1rem; display:block; padding-left:10px; width:100%; transition:0.3s; background:transparent; border:none; border-bottom:1px solid #000; }
.contact-form .input-field::placeholder{ color:#000!important; }
/*.input-field:focus{ border-color:#BCC0C3; }*/
.contact-form .input-field:focus-visible{ outline:none; }
/*.contact-form .input-box{ margin-bottom:35px; }*/
.contact-form .input-box label{ font-weight:300; color:#000; width:50%; }
.contact-form .input-box.two p{ display:flex; gap:5%; }
.contact-form .input-box.two p > span{ width:50%; }
.contact-form .input-box.two-last{ display:flex; gap:5%; justify-content:space-between; }
.contact-form .input-box.one textarea{ width:100%; height:60px; display:block; resize:vertical; }
/*.contact-form .submit-button input{ cursor:pointer; border:none; display:inline-block; background-color:var(--clr-theme); color:#fff; padding: 11px 35px 11px 35px; text-decoration:none; font-size:16px; font-weight:400; border-radius:50px; }*/
.contact-form .submit-button > p{ display:flex; flex-direction:row-reverse; }
.contact-form .single-item{ display:flex; flex-direction:row; align-items:center; gap:10px; }
.contact-form .single-item .icon{ width:60px; }
.contact-form .single-item .value{ font-size:28px; font-weight:700; color:var(--clr-theme); }
.contact-form .sub-text{ font-size:18px; font-weight:400; margin:0 0 25px 0; }
.contact-form .line-two{ display:flex; justify-content:flex-end; align-items:center; }

.wpcf7-form-control-wrap .wpcf7-list-item{ margin-left:0; }

@media(max-width:500px){
	.contact-form .input-box p{ margin:0; justify-content:center; flex-direction:column; align-items:center; }
	.contact-form .input-box label{ margin-bottom:25px; }
	.contact-form .input-box{ margin-bottom:0; }
	.contact-form .input-box.two p{ flex-direction:column; }
	.contact-form .input-box.two p > span{ margin-bottom:25px; }
	.contact-form .input-box label{ width:100%; }
	.contact-form .submit-button input{ width:unset; }
	.contact-form .line-two{ flex-direction:column; }
	.contact-form .file-upload-wrap,.contact-form .submit-button{ width:100%; margin-top:25px; }
	.contact-form .input-box.two-last{ flex-direction:column; align-items:center; }
	.contact-form .input-box.two p > span{ width:100%; }
}