/*
 Theme Name:   kufnew
 Description:  bootScore Child Theme
 Author:       kokes
 Author URI:   https://bootscore.me
 Template:     bootscore-main
 Version:      5.3.0
 Text Domain:  bootscore
*/

/*barvy*/

:root {
--bila: #fff;
--xsvetleseda: #fefefe;
--bila90: rgba(255,255,255,0.9);
--bila80: rgba(255,255,255,0.8);
--bila70: rgba(255,255,255,0.7);
--bila60: rgba(255,255,255,0.6);
--black90: rgba(0,0,0,0.9);
--black80: rgba(0,0,0,0.8);
--black70: rgba(0,0,0,0.7);
--black60: rgba(0,0,0,0.6);
--bordeaux: #901e1d ;
--zelena: #53900a;  
--svetleseda: #eee; 
--seda: #cfcfcf;
--black: #212529; 
--w80: 80vw;
--w70: 70vw;
--h70: 70vh;
--lingradgrey-white: linear-gradient(to top,  #ffffff 0%,#e8e8e8 100%); 
}
/*font*/
.fa,.fas{font-family:inherit;font-weight:inherit}
.fa:before,.fas:before,.far:before,.fa:after,.fas:after{font-family:'FontAwesome';color:white}
/*zakladni html*/
html,body,#page {height:auto;}
body {background:url(./img/bodybg-new.webp) no-repeat center bottom;background-size:contain}
h1,h2,h3,a,.tribe-events-single-event-title,.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text,.single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text,.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text,.tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text {color:var(--black);border-color:var(--black)}
svg path {fill: var(--black) !important;color:var(--black);}
.tribe-common .tribe-common-c-btn-border,.tribe-common a.tribe-common-c-btn-border {border-color:var(--black)}
.tribe-events-meta-group a {color: var(--black)}
h2 {margin-bottom:1em;font-size:2vw;text-transform:uppercase}
/*tridy barvy a pozadi*/
.bg-black {background:var(--black)}
.bg-black * {color:var(--svetleseda)}
.bg-black70 {background:var(--black70)}
.bg-black80 {background:var(--black80)}
.bg-black90 {background:var(--black90)}
.bg-lightgrey {background:var(--seda)}
strong.bg-black {background:var(--black)}
.c-black {color:var(--black)}
.w-min-50 {min-width:50vw}
.btn.top-button {background:var(--black);border-color:white}
.bcg {background-position:center !important;background-repeat:no-repeat;background-attachment:scroll;background-size:cover !important;top:0;position:relative;height:100%;overflow:hidden;}
.bcg {animation: leaves 4.5s ease-in-out infinite alternate;-webkit-animation: leaves 4.5s ease-in-out infinite alternate;}
.page-template-page-full-width-image .bcg {mask-image: linear-gradient(to top,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%);;overflow:hidden;animation-name:a_prisel_simple;animation-duration:1.0s;animation-timing-function:ease-in-out ;animation-iteration-count:1;animation-direction:normal; animation-fill-mode:forwards ;animation-delay:0.5s;opacity:0}
.navbar.navbar-expand-lg {padding-top:0;}
@keyframes leaves { 0% {transform: scale(1.0);} 100% {transform: scale(1.03);}
}
.h-60 {height:60vh}
.h-70 {height:70vh}
.carousel-item {transition: transform 4.5s ease-in-out;}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {transition: opacity 0s 4.5s;}
.carousel-item.active.carousel-item-start {opacity:1}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {transform: translateX(0);transform: translate3d(0, 0, 0);}
.carousel-item .bottomcont{opacity:0;} 
.carousel-item span.copy {position:absolute;bottom:1em;right:1em;color:#fff;font-style:oblique;opacity:0} 
.carousel-item.active .bottomcont,.carousel-item.active .copy{opacity:1;-webkit-animation:fadeInLeftBig 2s ease-in-out alternate;-webkit-animation-iteration-count:1;}
.carousel{/* position:relative; */height:100%;}
.carousel a{text-decoration:none}
.carousel a.goon {position:absolute;z-index:1500;bottom:20vh;left:50%;margin-left:-0.5em;font-size:4em;transform:scaleY(0.8);}
.carousel a.goon i:before {color:white;text-shadow:1px 1px #212529}
.carousel-inner{position:relative;width:100%;height:inherit;background: #ffffff;}
.carousel-item{height:100%;bottom:0;left:0;}

.carousel-control{opacity:0;line-height:50px;font-size:50px;position:absolute;top:50%;display:block;background:transparent none 0% 50% no-repeat;cursor:pointer;z-index:150;transition:none;padding:1rem;margin-top:-46px}
.btn.bottom{position:absolute;bottom:10vh;left:50%;margin-left:-28px;z-index:1500;font-size:35px;color:#333;line-height:48px;height:55px;border-radius:50%;display:none}
.carousel-control:before{color:rgba(0,0,0,0.0);transition:all 300ms ease-in-out}
.carousel-control:hover:before{color:rgba(0,0,0,0.3);}
.carousel-control.left{left:0}
.carousel-control.right{right:0;}
.carousel h1{margin:auto;font-size:calc(2em + 1.5vw);padding:0 1em;line-height:1;text-align:center;font-weight: 500;color: #fff;padding:1em;transition:all 2500ms ease-in;}
.carousel .carousel-item-start h1{opacity:0;transition:3500ms ease-in}
.carousel .carousel-item-active h1{opacity:1;transition:3500ms ease-in}
.carousel h2{font-size:36px;/* background:#fff; */padding:0;line-height:1;font-weight:300;color: #ffffff;border:none;text-shadow:1px 1px 10px #212529;}
.intro-text{font-size:22px;text-shadow:1px 1px 1px #333;text-align:left}
.carousel-item h2, .carousel-item p{animation-delay:0.3s;margin-bottom:1rem}
.carousel-item a{animation-delay:0.5s;position:relative;z-index:30;}
.carousel-item a[rel=wp-video-lightbox]{flex:0 1 auto;align-self:flex-start}
/*kulate prvky*/
.btn-circle{font-size:26px;width:55px;height:55px;line-height:45px;-webkit-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out;color:white;border:2px solid white;border-radius:100% !important;background:transparent;}
.btn-circle:focus, .btn-circle:hover{color:white;  outline:none;  background:rgba(255,255,255,0.1);}
/*reference*/
.references img{display:inline-block;padding:1rem;max-height:110px;width:auto;vertical-align:middle;}
/*alternativni homepage*/

#slide-2,.carousel-inner {height:100vh;position:relative}
.bottomcont {position:absolute;bottom:10vh;width:100%;height:12vh;z-index:9999;margin:-6vh auto 0 auto}
footer .social-footer * {background:transparent !important;}
/*medailonky*/
.swiper-slide img {width:300px;height:300px;object-fit:cover}
/*menu,logo*/
.menuwrapper {position:absolute;z-index:1330;width:100%}
.page-template-page-sidebar-none .menuwrapper {position:relative}
.page-template-page-sidebar-none .navbar-brand img {max-height:80px;}
.page-template-page-sidebar-none .bgblack60 {background:var(--black);}
.tribe_events-template-default.single .menuwrapper,.post-type-archive-tribe_events .menuwrapper {position:relative;background:var(--black)}
.tribe_events-template-default.single .bgblack60,.post-type-archive-tribe_events .bgblack60 {position:relative;background:var(--black)}
.navbar-brand {padding-top:0;}
.navbar-brand img {max-height:130px;margin-left:1em;margin-top:1em;}
.nav-link { color: var(--bila);font-size:1.3em;position:relative}
.navbar-nav > li {position:relative}
.nav-link:hover {color: var(--bila);}
.navbar-nav .nav-link.active,.navbar-nav .nav-link.show,.navbar-nav .nav-link.current-post-parent a:before{color: var(--bila)}
.navbar-nav > li a:before{position:absolute;height:3px;width:0px;text-align:center;transition:all 300ms ease;content:'';background:transparent;bottom:0px;left:50%;right:auto;}
.navbar-nav > li a:hover:before,.navbar-nav > li a.active:before, li.current-post-parent a:before{width:100%;left:0;z-index:1030;background: var(--bila);color:var(--bila);}

/*menu post*/
.post-template-single-medailon-alt .nav-link { color: var(--bila);font-size:1.3em;position:relative}
.post-template-single-medailon-alt .navbar-nav > li a:before{color: var(--black);}
.post-template-single-medailon-alt .entry-header {background-color:var(--black);margin:0 -1em;padding:0 1em;position:relative;clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 100%, 0 100%);animation-name:clip_simple;animation-duration:1.3s;animation-timing-function:ease-out ;animation-iteration-count:1;animation-direction:normal; animation-fill-mode:forwards ;animation-delay:1.5s;}
.post-template-single-medailon-alt .entry-header .header-bg {position:absolute;width:100%;height:100%;animation-name:go_blury;animation-duration:2s;animation-timing-function:ease ;animation-iteration-count:1;animation-direction:normal; animation-fill-mode:forwards ;animation-delay:4s;}
.post-template-single-medailon-alt.navbar-nav > li a:hover:before,.post-template-single-medailon-alt .navbar-nav > li a.active:before{color: var(--bila);background: var(--bila);}
.headerimg {position:absolute;height:100%;z-index:10;height:calc(26vw);box-shadow:8px 8px 3px rgba(0,0,0,0.4);left:calc(50% - 13vw);animation-name:a_zmizel;animation-duration:2s;animation-timing-function:ease ;animation-iteration-count:1;animation-direction:normal; animation-fill-mode:forwards ;animation-delay:3s;padding:1em}
.post-thumbnail {position:relative;padding:1em}
.post-template-single-medailon-alt .post-thumbnail .wp-post-image.rounded {opacity:0;border-radius:50% !important;position:relative;animation-name:logorol;animation-duration:2s;animation-timing-function:ease;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-delay:1s;width:25vw;height:25vw;object-fit:cover;}
.tick{list-style-type:none;}
.tick li{padding:4px 0;}
.tick li:before {font-family:FontAwesome;content:'\f00c';padding-right:0.5em;}
/*kontakty zahlavi*/
.bottomcontleft{position:absolute;top:88px;right:0;width:100%;background: rgb(186 178 168 / 90%);height:50px;opacity:1;-webkit-animation:fadeInRightBig 3s ease-in-out alternate;-webkit-animation-iteration-count:1;z-index:10;}
.contact {text-align:center}
.contact div {padding:0;display:inline-block}
.contact div i {padding:0 .5em;display:inline-block;border-radius:50%;position:relative;/* box-shadow:1px 1px 1px #212529; */}
.contact div a span {color: var(--black);transition:all 300ms ease-in-out;display:none}
.contact div a:hover i {transform:scale(1.1);}
.contact div i:before {display:block;width:1.6em;text-align:center;font-size:1.6em;color: var(--black);}
/*Vyhledavani*/
.top-nav-widget-2 {min-width:35vw}
#search .btn-outline-secondary {--bs-btn-color: #fff;--bs-btn-border-color: #fff;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #212529;}


/*medailon osoby-telesa*/
.post-template-single-medailon-alt .breadcrumb-scroller {background:var(--bila) !important}
.post-template-single-templates .menuwrapper {position:relative;background:var(--black)}
.post-template-single-templates .menuwrapper.transparent {background:transparent !important;position:absolute}
.page-template-page-full-width-image h1,.post-template-single-templates h1 {color:var(--bila);font-stretch:expanded;font-size:calc(1em + 2.75vw);text-transform:uppercase;animation-name:a_prisel;animation-duration:1.0s;animation-timing-function:ease-out;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-delay:2.8s;opacity:0}
.page-template-page-full-width-image h1 {animation-delay:1.2s;opacity:0;/* background:rgba(0,0,0,0.4); */padding:0.3em 1em;margin:0 0 1em 0;}
.page-template-page-full-width-image .entry-header {animation-name:clip_simple;animation-duration:1.3s;animation-timing-function:ease-out;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-delay:1.1s;width:100%;overflow-x:hidden}
.post-template-single-templates .description {color:var(--bila);font-size:calc(1em + 0.1vw);animation-name:a_prisel;animation-duration:1.3s;animation-timing-function:ease-out ;animation-iteration-count:1;animation-direction:normal; animation-fill-mode:forwards ;animation-delay:3.1s;opacity:0}
.post-template-single-templates .bgblack60 {background:var(--black)}
.card {border:none;text-align:center}
.card .blog-post-title.h5 {text-align:center}
.card {transition:all 300ms ease-in-out}
.card.blur {transition:all 300ms ease-in-out;filter:blur(5px);opacity:0.7;transform:scale(0.95);}
.swiper-pagination-bullet-active {background: var(--black,var(--swiper-theme-color))}

/*kalendar*/
.tribe-events-widget-events-list__view-more {border:2px solid #000 !important;display:inline-block;font-weight:bold !important;padding:1em !important;border-radius:1.5em}
/*form*/

form input[type=text],form input[type=tel],form input[type=email],textarea,form input[type=submit] {width:100%;padding:4px}
/*footer*/
footer {background:transparent;color:var(--black);}
footer .menu {display:block}
footer .menu * {color:var(--black);font-size:1rem;--bs-nav-link-padding-y: 0.375rem;}
footer a {text-decoration:none;}
footer a:hover {text-decoration:underline;}
:where(.wp-block-columns) {margin-bottom:0em;}
footer .fa:before {color:var(--black);padding-right:4px}
footer .tribe-events-widget-events-list__header-title {display:none}
.tribe-events .tribe-events-c-search__button,.tribe-events button.tribe-events-c-search__button {background-color: var(--black);}
.tribe-events .tribe-events-calendar-latest-past__event-row--featured .tribe-events-calendar-latest-past__event-date-tag-datetime:after {
    background-color: var(--black);}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-datetime-featured-text {color: var(--black)}
.swiper-button-next,.swiper-button-prev {color: var(--black,var(--swiper-theme-color))}
.tribe-events-widget .tribe-events-widget-events-list__event-row--featured .tribe-events-widget-events-list__event-date-tag-datetime:after {background-color: var(--black) !important;}

         @keyframes logorol {
	0% {
		opacity: 0;
		transform: translateX(calc(50vw - 145px - 5vw)) rotate(360deg);
	}

	100% {
		opacity: 1;
		transform: translateX(10vw) rotate(0deg);
	}

			 
}

 @keyframes a_zmizel {
	0% {
		opacity: 1;
		filter: blur(0px) grayscale(0);
	}

	100% {
		opacity: 0;
		filter: blur(100px) grayscale(1);
	}

			 
}

 @keyframes a_prisel {
	0% {
		opacity: 0;
		filter: blur(80px) grayscale(0);
		transform: translateX(40vw)
	}

	100% {
		opacity: 1;
		filter: blur(0px) grayscale(1);
		transform: translateX(0vw)
	}

			 
}

@keyframes go_blury {
	0% {
		opacity: 1;
		filter: blur(0px) grayscale(0);
		
	}

	100% {
		opacity: 0.6;
		filter: blur(30px) grayscale(0.3);
		
	}

			 
}

@keyframes a_prisel_simple {
	0% {
		opacity: 0;
		filter: blur(80px) grayscale(1);
		
	}

	100% {
		opacity: 1;
		filter: blur(0px) grayscale(0);
		
	}

			 
}

@keyframes clip_simple {
	0% {
		clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 100%, 0 100%);
		
	}

	100% {
		clip-path: polygon(0 0, 100% 0%, 100% 90%, 50% 100%, 0 90%);
		
	}

			 
}


@media screen and (max-width:767px)
{
.navbar-brand img {max-height:70px}
.post-template-single-medailon-alt .post-thumbnail {padding:0;text-align:center}
.post-template-single-templates h1 {animation:none;opacity:1;position:relative;text-align:center}
.post-template-single-templates .description {animation:none;opacity:1;position:relative;text-align:center}
.headerimg {position:absolute;height:100%;z-index:10;height:50vw;box-shadow:8px 8px 3px rgba(0,0,0,0.4);padding:0;margin:0;left:calc(50% - 25vw);animation-name:a_zmizel;animation-duration:2s;animation-timing-function:ease ;animation-iteration-count:1;animation-direction:normal; animation-fill-mode:forwards ;animation-delay:1s;}
.post-template-single-medailon-alt .post-thumbnail .wp-post-image.rounded {opacity:1;animation:none;width:50vw;height:50vw;}	
.nav-link,.post-template-single-medailon-alt .nav-link { color: var(--black);font-size:1.3em;position:relative}
.navbar-nav .nav-link.active,.navbar-nav .nav-link.show {color: var(--black)}
.contact {border-left:none;/* border-right:1px solid; */}
.header-actions {width:100%}
.page-template-page-full-width-image .entry-header {height:30vh}
.page-template-page-full-width-image h1 {animation:none;opacity:1}
h2 {font-size:1.5em}
	/*medailonky*/
.swiper-slide img {width:60vw;height:60vw}
	/*social footer*/
.socialFooter {padding:0.8em}	
.contact div i:before {display:block;width:1.6em;text-align:center;padding:0;height:1.2em;font-size:1.2em;line-height:1.2}
}
