/* sticky footer */
html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
}
main {
    flex: 1 0 auto;
}
.footer {
    flex-shrink: 0;
}

/* global */
html {}
body {font-family: 'Comme', sans-serif; font-weight: 200;}
body.overflow {height: 100%;overflow: hidden;}
.clear {clear: both;}

h1, h2 h3, h4, h5, h6 {
    font-weight: 400;
    font-family: 'Alkatra', cursive;
}

.ff-alkatra {
    font-family: 'Alkatra', cursive;
}

body {
    margin: 0;
    padding: 0;
    abackground: linear-gradient(to right bottom, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.73)), url('./data/workingonit.jpg') no-repeat;
    background-size: cover;
}

section *,
.socials * {
    transition: .3s ease-in-out;
}

/* top menu */
header.navbar {
    /*abackground: linear-gradient(to right, rgba(255,255,255, 0.33), rgba(255,255,255, 0.33)), url('../images/woodman.jpg') no-repeat;*/
    /*abackground: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.5) 45%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%), url('../images/wood.jpg') no-repeat;*/
    /*background-size: cover;*/
    /*background-position: top center;*/
}
.nav-link,
.nav-link:hover,
.nav-link:focus {
    font-weight: bolder;
}
/*
header .nav-link.active {
    color: var(--bs-primary) !important;
}
*/
.navbar-toggler,
.navbar-toggler:hover,
.navbar-toggler:focus,
.navbar-toggler:active {
    border: 0;
    box-shadow: none !important;
}
.navbar-brand {
    margin: -2px 0;
}
.navbar .logo {
    max-height: 40px;
}

/* banner */
.banner {
    /* background: linear-gradient(to right, rgba(0,0,0, 0.33), rgba(0,0,0, 0.33)), url('../images/banner.jpg') no-repeat; */
    background: linear-gradient(to right, rgba(0,0,0, 0.5), rgba(0,0,0, 0.5)), url('../images/homepage_koupelna.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    max-height: 100%;
}
.banner .logo {
    max-height: 320px;
}
.banner h1,
.banner p {
    color: var(--bs-body-bg);
    /* text-shadow: 0 2px 6px rgba(0,0,0, 0.22); */
    text-shadow: 0 2px 6px rgba(0,0,0, 1);
}
html[data-bs-theme="dark"] .banner h1,
html[data-bs-theme="dark"] .banner p {
    color: var(--bs-body-color);
    /* text-shadow: 0 2px 6px rgba(0,0,0, 0.22); */
    text-shadow: 0 2px 6px rgba(0,0,0, 1);
}
/*
html[data-bs-theme="light"] .banner h1,
html[data-bs-theme="light"] .banner p {
    color: var(--bs-dark-bg);
}
*/

/* galleries */
.galleries .light-gallery {
    min-height: 320px;
}
.galleries .item .img-gallery-main {
    background-size: cover;
    background-position: center;
}
.galleries .item .light-gallery:hover .img-gallery-main {
    /*filter: blur(2px);*/
    /*-webkit-filter: blur(2px);*/
    transform: scale(1.2);
}
.galleries .item .light-gallery:hover img {
    transform: scale(1.2);
}
/*
.galleries .item .light-gallery .bi,
.galleries .item .light-gallery .photos-count {
    color: var(--bs-white);
    text-shadow: 0 0 2px var(--bs-dark);
}
.galleries .item .light-gallery:hover .bi,
.galleries .item .light-gallery:hover .photos-count {
    color: var(--bs-primary);
    text-shadow: 0 0 2px var(--bs-white);
}
*/
.galleries .gallery-group {
    min-height: 200px;
}
.galleries .gallery-group .img-gallery-main {
    background-size: cover;
    background-position: center;
}
.galleries .gallery-group:hover .img-gallery-main {
    /*filter: blur(2px);*/
    /*-webkit-filter: blur(2px);*/
    transform: scale(1.2);
}
.galleries .gallery-group:hover img {
    transform: scale(1.2);
}
/* lightgallery */
.lg-toolbar {
    background-color: transparent !important;
}
#realizace .galleries .item.opacity-0 {
    display: none;
    /*transform: scale(0);
    animation: scale-zero-center .3s;
    animation-fill-mode: forwards;*/
}
/*
#realizace .galleries .item {
    transition: all .3s ease-in-out;
}
@keyframes scale-zero-center {
    to {
        width: 0;
        height: 0;
        padding: 0;
        margin: 0;
    }
}
*/

/* references */
.references .section-title {
    color: var(--bs-white);
}
.references .bg-secondary {
    background-color: #7B472C !important;
}
.references .carousel-inner {
    height: 400px !important;
}
.references .blockquote {
    /*color: var(--bs-body-bg);*/
    color: var(--bs-white);
}
.references .blockquote-footer {
    /*color: var(--bs-body-bg);*/
    color: var(--bs-white);
    opacity: 0.75;
}
/*
html[data-bs-theme="light"] .references .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
html[data-bs-theme="light"] .references .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

html[data-bs-theme="dark"] .references .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
html[data-bs-theme="dark"] .references .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}
*/
[data-bs-theme="light"] .carousel .carousel-control-prev-icon,
[data-bs-theme="light"] .carousel .carousel-control-next-icon,
[data-bs-theme="light"].carousel .carousel-control-prev-icon,
[data-bs-theme="light"].carousel .carousel-control-next-icon {
    filter: invert(1) grayscale(100);
}
[data-bs-theme="dark"] .carousel .carousel-control-prev-icon,
[data-bs-theme="dark"] .carousel .carousel-control-next-icon,
[data-bs-theme="dark"].carousel .carousel-control-prev-icon,
[data-bs-theme="dark"].carousel .carousel-control-next-icon {
    filter: invert(0) grayscale(100);
}
[data-bs-theme="light"] .carousel .carousel-indicators [data-bs-target],
[data-bs-theme="light"].carousel .carousel-indicators [data-bs-target] {
    background-color: #000;
}
[data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target],
[data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] {
    background-color: #fff;
}

/* contact */
.contact a:hover {
    text-decoration: underline;
}
textarea.form-control {
    min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2) + 8em);
}
@media (max-width: 767.98px) {
    textarea.form-control {
        min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2) + 16em);
    }
}

/* footer */
footer {
    background: var(--bs-tertiary-bg);
}
footer .logo {
    max-width: 70px;
}
@media (max-width: 575.98px) {
    footer .logo {
        max-width: 140px;
    }
}

/* socials */
.socials a,
.socials a > i {
    transition: 0s ease-in-out;
}
.facebook:hover .fa-facebook {
    color: #1877F2 !important;
}
.instagram:hover {
    background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    abackground: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* for testing*/
section {
    min-height: 400px;
}