/*
 Theme Name:   Cerny Kuba
 Description:  bootScore Child Theme
 Author:       kokes
 Author URI:   https://bootscore.me
 Template:     bootscore-main
 Version:      1.0.0
 Text Domain:  bootscore
*/
.navbar-brand {opacity:0;position:fixed;top:50%;left:7.5vw;margin-top:-7.5vw;animation-name:a_prisel;animation-duration:2s;animation-timing-function:ease ;animation-iteration-count:1;animation-direction:normal; animation-fill-mode:forwards ;animation-delay:1.5s;}
.navbar-brand img {max-height:15vw;width:15vw;}
.navbar-nav .nav-link {color: #ccc;transition:all 300ms ease-in;}
.navbar-nav .nav-link:hover {color: #fff}
.navbar-nav .nav-link.active,.navbar-nav .nav-link.show {color: #fff;}
.imgCont {position:relative;align-items:center;justify-content:center;display:flex;overflow:hidden;flex-direction:column}
.imgCont div {position:relative;width:100%;height:auto}
.imgCont .imgContText {position:absolute;z-index:10}
.imgCont figure {display:flex;margin:0;height:100%} 
.imgCont img {position:relative;top:0;transition:all 400ms ease-in;left:0;object-fit:cover;height:100%;transform:scale(1);}
.imgCont figure:hover img {transform:scale(1.5);filter:blur(100px)}
.imgContText {width:100%;color:#ccc;opacity:0;}
.imgCont:hover .imgContText {animation-name:a_prisel_simple;animation-duration:800ms;animation-timing-function:ease-out ;animation-iteration-count:1;animation-direction:normal; animation-fill-mode:forwards ;animation-delay:0.1s;}
.offcanvas {color: #ccc;background-color: #000;}

         @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.3;
		filter: blur(100px) grayscale(1);
	}

			 
}

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

	100% {
		opacity: 1;
		filter: blur(0px) grayscale(1);
		transform: translateY(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);
		transform: scale(5)
	}

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

			 
}

@media screen and (min-width:992px)

{
.offcanvas-body {
    justify-content:right;
}
	
}

@media screen and (max-width:992px)
{
main {padding-top:100px}
.navbar-brand {position:relative;z-index:100;top:0}
.navbar-brand img {max-height:80px;width:auto;}	
.menuholder {position:absolute;right:0;left:auto}	
.header-actions {position:absolute;right:0;}
.header-actions button {border:none;font-size:1.5em;color:white;}
}