@import url(https://fonts.googleapis.com/css?family=Great+Vibes);
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,600,700);

body { font-family: "Poppins", sans-serif;}
html { scroll-behavior: smooth; scroll-padding-top: 48px; }

/* ADMINISTRACIA */
#admin a {text-decoration: none;}
#admin a:hover {text-decoration: underline}
#admin .reveal {visibility: visible;}
#sidebar ul i {margin-right: 10px;}
#sidebar .active {font-weight: bold;}

/* WEB */
#navbar {transition: padding .25s ease, top .35s ease;}
#navbar .active, #navbar ul :focus {background: none !important;}
#navOffcanvas { transition: transform .35s ease-out, opacity .25s ease-out; }
#navOffcanvas.hiding { transition: transform .25s ease-in, opacity .2s ease-in; }
#navOffcanvas .nav-link { color: white; }
#navOffcanvas .nav-link.active, #navOffcanvas .nav-link:focus, #navOffcanvas .nav-link:hover { color: #D4AF37; }
.navbar-toggler:active, .navbar-toggler:focus, .navbar-toggler:focus-visible { box-shadow: none !important; outline: none !important; }
.logo { height: 128px; }
.text-gold { color: #D4AF37; }
.text-main {color: rgb(194, 163, 79);}
#web a.btn:hover {text-decoration: none !important;}
#web .reveal {visibility: hidden;}
.scrolltop:hover { transform: translateY(-2px); }

/* FONTY */
.font-great-vibes { font-family: "Great Vibes", cursive; }
.font-playfair { font-family: "Playfair Display", serif; }

/* CARDS */
.cards .col div:hover {background: #fff9e5 !important;}
.header a:focus, .header a:hover {color: rgb(204, 37, 53) !important;}

/* MENU */
.dropdown-menu {border: 1px solid #f5f5f5; border-radius: 0; margin: 0; padding: 0;}
.dropdown-menu > li > .dropdown-item {padding: 12px 24px;}
.dropdown-menu > li:nth-child(odd) > .dropdown-item { background-color: #ffffff !important;}
.dropdown-menu > li:nth-child(even) > .dropdown-item {background-color: #f5f5f5 !important;}
.dropdown-toggle::after {border-top-color: rgb(194, 163, 79);}

/* ZOZNAM */
ul.li-square {list-style-position: inside; margin-left: 0; padding: 0;}
ul.li-square li {list-style-type: square;}
ul.li-square li::marker {color: rgb(194, 163, 79);}

/* IMG SLIDER */
.img_slider {height: 100vh; overflow: hidden;}
.img_slider .carousel-item {height: 100vh;}
.img_slider .carousel-item img {height: 100%; object-fit: cover; width: 100%;}

/* LINKY PO BOKOCH
.header-border {overflow: hidden;}
.header-border > span {display: inline-block; position: relative;}
.header-border > span:after, .header-border > span:before {border-bottom: 2px solid #000000; content: ''; margin: 0 10px; position: absolute; top: 50%; width: 32px;}
.header-border > span:after {left: 100%;}
.header-border > span:before {right: 100%;} */

.object-fit-cover {
    object-fit: cover;
    object-position: center;
}

/* EDITOR */
.note-btn.dropdown-toggle:after {content: none;}
.note-btn[aria-label="Help"] {display: none;}
.note-editable {background: #fff;}
.note-group-select-from-files {display: none;}
.note-dropdown-menu {min-width: 185px !important;}

/* CAROUSEL */
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {align-items: center; background-color: transparent; border: none; border-radius: 50%; color: white; display: flex; font-size: 2rem; height: 32px; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); transition: background-color 0.3s ease; width: 32px; z-index: 100;}
.owl-carousel .owl-nav button.owl-prev {left: -16px;}
.owl-carousel .owl-nav button.owl-next {right: -16px;}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {margin-top: -5px;}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {background-color: rgba(0, 0, 0, 0.6);}

/* OSTATNE */
.hover-link {opacity: 0; transition: opacity 0.2s linear;}
.col :hover .hover-link, .container-xxl:hover .hover-link {opacity: 1;}
.grecaptcha-badge {visibility: hidden;}
.pointer {cursor: pointer;}

/* ANIMACIE */
.anim-delay-1 {animation-delay: 0.3s;}
.anim-delay-2 {animation-delay: 0.6s;}
.anim-delay-3 {animation-delay: 0.9s;}
.anim-delay-4 {animation-delay: 1.2s;}
.anim-delay-5 {animation-delay: 1.5s;}
.animated-image {animation: expandImage 1.5s forwards; display: block; height: 0; margin: 0 auto; overflow: hidden; width: 0;}
.arrow-down {animation: moveDown 2s infinite ease-in-out; display: inline-block; }
.breathing-background {animation: breathingBackground 5s ease-in-out infinite;}
.fade-in {animation-duration: 2s; animation-name: fadeIn;}
.fade-out {animation-duration: 2s; animation-fill-mode: forwards; animation-name: fadeOut;}
.shake {animation-duration: 0.5s; animation-name: shake;}
.show-me {animation-duration: 1s; animation-fill-mode: both; animation-name: showMe; opacity: 0;}
.slide-in {animation-duration: 0.5s; animation-fill-mode: both; animation-name: slideIn;}
.slide-in-menu {animation-duration: 0.3s; animation-fill-mode: both; animation-name: slideIn;}
.zoom:hover {animation: zoom 0.5s ease forwards;}

/* KEYFRAMES */
@keyframes breathingBackground {
	0%, 100% { background-size: 100% 100%;}
	50% {background-size: 110% 110%;}
}

@keyframes expandImage {
	0% { height: 0; width: 0; }
  100% { height: auto; max-height: 2000px; width: 100%; }
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}

@keyframes moveDown { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(6px); } }

@keyframes showMe { 100% {opacity: 1;} }

@keyframes slideIn {
  0% {opacity: 0; transform: translateY(1rem);}
  100% {opacity: 1; transform: translateY(0rem);}
	0% {opacity: 0; transform: translateY(1rem);}
}

@keyframes zoom {
	from { transform: scale(1); }
	to { transform: scale(1.25); }
}

/* ANIMACIE LEN PRE IKONY */
.bounce {animation-duration: 1s; animation-name: bounce; animation-iteration-count: infinite;}
.flashing {animation-duration: 1s; animation-name: flashing; animation-iteration-count: infinite;}
.flip {animation-direction: reverse; animation-duration: 0.5s; animation-name: flip;}
.flip-and-grow {animation-duration: 2s; animation-name: flipAndGrow; animation-iteration-count: infinite;}
.gold-glow {animation-direction: alternate; color: white; animation-duration: 1s; animation-name: goldGlow; animation-iteration-count: infinite;}
.heartbeat {animation-duration: 2s; animation-name: heartbeat; animation-iteration-count: infinite;}
.hover-grow:hover {animation: hoverGrow 1s forwards;}
.move-right {animation-duration: 1s; animation-name: moveRight; animation-fill-mode: forwards; animation-iteration-count: infinite;}
.neon-glow {animation-direction: alternate; color: white; animation-duration: 1s; animation-name: neonGlow; animation-iteration-count: infinite;}
.pulse {animation-duration: 1s; animation-name: pulse; animation-iteration-count: infinite;}
.rotate {animation-duration: 0.5s; animation-name: rotate;}
.rotate-infinity {animation: rotate 4s ease-in-out infinite;}
.shake-infinity {animation-duration: 1s; animation-name: shake; animation-iteration-count: infinite; display: inline-block;}
.spin {animation-duration: 2s; animation-name: spin; animation-iteration-count: infinite;}
.vertical-flow {animation-duration: 3s; animation-name: verticalFlow; animation-iteration-count: infinite;}
.waving {animation-duration: 1s; animation-name: waving; animation-iteration-count: infinite; display: inline-block;}
.wind-symbol {animation: wind-pulse 1.5s ease-in-out infinite; display: inline-block;}

/* KEYFRAMES */
@keyframes bounce {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-20px); }
}

@keyframes flashing {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}

@keyframes flip {
	0% {transform: none;}
	100% {transform: scalex(-1)}
}

@keyframes flipAndGrow {
	from { transform: rotateY(0) scale(1); }
	50% { transform: rotateY(180deg) scale(1.5); }
	to { transform: rotateY(360deg) scale(1); }
}

@keyframes heartbeat {
	0% { transform: scale(1); }
	25% { transform: scale(1.2); }
	50% { transform: scale(1); }
	75% { transform: scale(1.2); }
	100% { transform: scale(1); }
}

@keyframes hoverGrow {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.2); }
}

@keyframes goldGlow {
	from { text-shadow: 0 0 8px black; }
	to { text-shadow: 0 0 20px rgb(0, 64, 128), 0 0 30px rgb(0, 64, 128), 0 0 40px rgb(0, 64, 128), 0 0 50px rgb(0, 64, 128);}
}

@keyframes moveRight {
	from { transform: translateX(0); }
	to { transform: translateX(10px); }
}

@keyframes neonGlow {
	from { text-shadow: 0 0 8px white; }
	to { text-shadow: 0 0 20px cyan, 0 0 30px cyan, 0 0 40px cyan, 0 0 50px cyan; }
}

@keyframes pulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.1); }
}

@keyframes rotate {
	0% {transform: none;}
	100% {transform: rotate(360deg);}
}

@keyframes shake {
	0%, 100% { transform: translateX(0); }
	25% { transform: translateX(-5px); }
	50% { transform: translateX(5px); }
	75% { transform: translateX(-5px); }
}

@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

@keyframes verticalFlow {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(10px); }
}

@keyframes waving {
	0%, 100% { transform: rotate(-5deg); }
	50% { transform: rotate(5deg); }
}

@keyframes wind-pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } }