/*
Theme Name: faceup
Theme URI: 
Author: Jaroslav ZDENEK
Description: 
Version: 1.2.0
Text Domain: jz
Tags: 
*/
:root{
    --clr-theme:#028055;
	--clr-dark-background:#000000;
	--clr-alt-background:#f7f7f7;
    --clr-headline-pri:#000;
    --clr-headline-sec:#000;
    --clr-text-pri:#000;
    --clr-link:#028055;

    --clr-footer-bg:#000;
    --clr-footer-title:#fff;
    --clr-footer-text:#fff;

    --font-heading: "HaasGrotDisp", sans-serif;
    --font-default: "Roboto", sans-serif;
    --container-width: 1400px;
    --anim-time: 0.3s;
}
/******************************* Zde vlozit css pro tento web *******************************/

.clr-green{ color:var(--clr-theme); }
.bg-green{ background-color:var(--clr-theme); }
.f-title{ font-family:var(--font-heading)!important; }
.graysc .elementor-flip-box__front,.grayscale{ filter:grayscale(1); }


.vslogan.hptext{ margin-top:0; }
.vslogan.hptext > h2,.vslogan.hptext > h2 >*{ line-height:1.1; }


.vcont{ max-width:1140px!important; }

.vhdr{ position:relative; margin-top:135px; margin-bottom:25px; padding-top:35px; }
.vhdr .tiles-wrap{ display:grid; grid-template-columns:repeat(2, 1fr); justify-content:center; align-items:stretch; gap:25px;  }
.vhdr .tiles-wrap .w-35{  }
.vhdr .tiles-wrap .w-65{  }
.vhdr .pagename{ background-color:var(--clr-theme); padding:10px 25px; }
.vhdr .pagename h1{ font-size:42px; font-weight:600; line-height:1.2; color:#fff; text-transform:uppercase; }
.vhdr .logo-box{ background:var(--clr-theme); display:flex; align-items:center; justify-content:flex-start; padding:15%; padding-left:0; }
.vhdr .logo-box .logo-icon{ width:70%; margin-left:-5px; }
.vhdr .thumb-img{ object-fit:cover; width:100%; height:100%; }

.bc-goback{margin-bottom:25px;}
.bc-goback > a{ text-decoration:none; font-weight:600; }

.vcontactf{ margin-top:150px; }
.vcontactf h2{ font-size:50px; font-weight:600; line-height:1.2; color:var(--clr-theme); margin-bottom:85px; }

.vcat .thumbnail{ position:relative; overflow:hidden; }
.vcat .logo-icon{ position: absolute; top:10%; left:-5px; width:30%; z-index:1; }
.vcat.listing{ display:grid; grid-template-columns:repeat(2, 1fr); justify-content:center; align-items:stretch; gap:25px; }
.vcat .item{ text-decoration:none; background-color:var(--clr-alt-background); /*background-color:#000;*/ }
.vcat .item-name{ display:flex; align-items:center; justify-content:space-between; padding:25px; gap:25px; }
.vcat .item,.vcat h2,.vcat svg{ transition:var(--anim-time); }
.vcat .item:hover{ background-color:var(--clr-theme); }
.vcat .item h2{ color:#000; }
.vcat .item:hover h2{ color:#fff; }
.vcat .item svg{ fill:#000; }
.vcat .item:hover svg{ fill:#fff; }

.vcontent{ margin-bottom:50px; }
.vcontent .tt{ font-size:20px; }
.vcontent .params-title{ margin-bottom:15px; color:var(--clr-theme); }
.vcontent .params-table .index{ display:inline-block; width:80px; }
.vcontent .params-table .name{ display:inline-block; width:40%; min-width:250px; }
.vcontent .params-table .name{ display:inline-block; width:50%; }
.vcontent .params-table .row{ padding-left:10px; padding-top:5px; padding-bottom:5px; }
.vcontent .params-table .row:nth-child(even){ background-color:var(--clr-alt-background); }

.vslogan{ position:relative; margin-top:100px; text-align:center; }
.vslogan:before{ content:''; position:absolute; right:0; top:0; height:1px; width:60%; background:#000; }
.vslogan:after{ content:''; position:absolute; left:0; bottom:0; height:1px; width:60%; background:#000; }
.vslogan h2{ padding:25px 0; font-size:72px; }

.vcontent .params-title{ color:var(--clr-theme); margin-bottom:15px; }
.vmore .swiper{ position:relative; width:100%; margin-top:15px; margin-bottom:60px; }
.vmore .swiper-wrapper{ margin-top:60px }
.vmore .swiper-button-next,.vmore .swiper-button-prev{ position:absolute; top:25px; right:0; color:var(--clr-theme); border:1px solid var(--clr-theme); padding:0px 21px; transition:0.3s; }
.vmore .swiper-button-next:hover,.vmore .swiper-button-prev:hover{ background:var(--clr-theme); color:#fff; }
.vmore .swiper-button-prev{ right:65px; left:auto; }
.vmore .swiper-button-next:after,.vmore .swiper-button-prev:after{ font-size:22px; }
.swiper-slide{ }
.vmore .swiper-slide .item{ text-decoration:none; position:relative; }
.vmore .swiper-slide .title{ margin-bottom:10px; }
.vmore .arrow-button{ width:40px; padding:10px; background:var(--clr-theme); position:absolute; right:25px; top:-40px; fill:#fff; }

.certificate-wrapper{ display:grid; grid-template-columns:repeat(4, 1fr); justify-content:left; align-items:stretch; gap:50px; margin-bottom:100px; }
.certificate-wrapper .item .title{ text-align:left; font-size:20px; margin-bottom:15px; font-weight:600; color:#000; }
.certificate-wrapper .item .certificate{ padding-bottom:30px; }

@media(max-width:830px){
	.vhdr .tiles-wrap,.vcat.listing{ grid-template-columns:repeat(1, 1fr); }
	.vhdr .logo-box{ display:none }
	.certificate-wrapper{ grid-template-columns:repeat(2, 1fr); }
	.certificate-wrapper .item .certificate{ padding-bottom:unset; }
}
@media(max-width:650px){
	.vcontent .params-table .index{ display:none; }
	.vcontent .params-table .name,.vcontent .params-table .name{ display:block; width:100%; }
	.vcontent .params-table .value{ font-weight:bold; }
	.vcontent .params-table .row{ padding-left:15px; padding-top:10px; padding-bottom:10px; }
}
@media(max-width:550px){
	.vhdr .pagename h1{ font-size:42px; }
	.vhdr .pagename h1{ font-size:42px; }
	.vcat h2{ font-size:32px; }
	.vcat .item svg{ width:24px; }
	.vslogan h2{ padding:15px 0; font-size:50px; }
	.certificate-wrapper{ grid-template-columns:repeat(1, 1fr); }
}


#language-switcher .language-current{ background:transparent; font-weight:600; color:#000; }
#language-switcher .language-dropdown-menu{ right:25px; }
#language-switcher .language-switch-item{ text-align:right; color:#000; font-weight:600; }



footer,footer a span{ font-weight:400; }
footer .icons-list{ display:flex; gap:0px; margin-top:25px; flex-direction:column; }
footer .icons-list .list-item{ align-items: flex-start!important; font-size:18px; text-decoration:none; color:#fff; }
footer .icons-list .list-icon { margin-right: 15px; }
footer .endstatement{ text-align:center; font-size:13px; color:#c1c1c1; }
footer .navigation{ margin-bottom:35px; }
footer .navigation .item:first-child{padding-left:0;}
footer .navigation .item{ padding:8px 15px; font-weight:600; }
footer .fo-bold{ font-weight:600; }
footer .address-block{ display:flex; flex-wrap: wrap; gap:45px; margin-top:35px; justify-content:space-between; font-size:20px; }
footer .highl{ color:var(--clr-theme); font-weight:bold; display:block; }

@media(max-width:768px){
	footer .address-block{ display:block; text-align:center; }
	footer .address-block > .col{ margin-bottom:35px; }
	footer .icons-list{ align-items:center; margin-top:65px; }
	footer .navigation{ display: flex; flex-wrap: wrap; }
	footer .navigation .item:first-child{padding-left:25px;}
	footer .navigation .item{ padding:25px; }
	footer .icons-list{ flex-direction:column; }
}