/* K - custom */
.bg-dark {
    background-color: #000 !important;
}
.gold-gradient-bg {
    background: repeating-linear-gradient(0deg,#e8bb3d,#ffed6a 32%,#b28300 80%,#e8bb3d);
    background-position-y: 0%;
}
.gold {
    color:#E3C24C;
}
.gold-bg {
    background-color:#E3C24C;
}
.gold-bar-gradient::after {
    position: absolute;
    content: " ";
    display: block;
    width: 0.3rem;
    height: 100%;
    top: 0;
    /*left: 0;*/
    z-index: 1;
    background: repeating-linear-gradient(
            0deg
            ,#e8bb3d,#ffed6a 32%,#b28300 80%,#e8bb3d);
    background-position-y: 0;
}

.gold-bar-gradient2 {
    flex: 0 0 auto;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    width: 5px;
    /*padding: 0;*/
    /*margin: 2.4rem -5px 2.4rem 0 !important;*/
    background: repeating-linear-gradient(
            0deg
            ,#e8bb3d,#ffed6a 32%,#b28300 80%,#e8bb3d);
    background-position-y: 0;
    background-size: 100% 70%;
    z-index: 1;
}

@media (min-width: 1400px) {
    .gold-bar-gradient2 {
        /*margin: 0 -5px 0 0 !important;*/
    }
}



.warm-grey1 {
    color: #858574;
}
.warm-grey1-bg {
    background-color: #858574;
}
.warm-grey2 {
    color: #AEAE9F;
}
.warm-grey2-bg {
    background-color: #AEAE9F;
}
.warm-grey3 {
    color: #D4D4C9;
}
.warm-grey3-bg {
    background-color: #D4D4C9;
}
.warm-grey4 {
    color: #F2F1EF;
}
.warm-grey4-bg {
    background-color: #F2F1EF;
}

/* sekundarne farby*/

.blue-royal, .kan-farba-1, .kan-list li:nth-child(1)::before {
    color: #0060FF;
}
.blue-royal-bg, .kan-farba-1-bg {
    background-color: #0060FF;
}
.blue, .kan-farba-2, .kan-list li:nth-child(2)::before {
    color: #00B6FF;
}
.blue-bg, .kan-farba-2-bg {
    background-color: #00B6FF;
}
.teal, .kan-farba-3, .kan-list li:nth-child(3)::before {
    color: #00E5BA;
}
.teal-bg, .kan-farba-3-bg {
    background-color: #00E5BA;
}
.lime, .kan-farba-4, .kan-list li:nth-child(4)::before {
    color: #9EE900;
}
.lime-bg, .kan-farba-4-bg {
    background-color: #9EE900;
}
.green, .kan-farba-5, .kan-list li:nth-child(5)::before {
    color: #00B600;
}
.green-bg, .kan-farba-5-bg {
    background-color: #00B600;
}
.purple, .kan-farba-6, .kan-list li:nth-child(6)::before {
    color: #802AB7;
}
.purple-bg, .kan-farba-6-bg {
    background-color: #802AB7;
}
.violet, .kan-farba-7, .kan-list li:nth-child(7)::before {
    color: #C700D3;
}
.violet-bg, .kan-farba-7-bg {
    background-color: #C700D3;
}
.pink, .kan-farba-8, .kan-list li:nth-child(8)::before {
    color: #EB0064;
}
.pink-bg, .kan-farba-8-bg {
    background-color: #EB0064;
}
.orange, .kan-farba-9, .kan-list li:nth-child(9)::before {
    color: #FF5000;
}
.orange-bg, .kan-farba-9-bg {
    background-color: #FF5000;
}
.yellow, .kan-farba-10, .kan-list li:nth-child(10)::before {
    color: #FEDB00;
}
.yellow-bg, .kan-farba-10-bg {
    background-color: #FEDB00;
}

body {
    font-family: KantarBrownWeb-Light, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    line-height: 1.27;
    color: #000;
    background-color: #fff;
    letter-spacing: .03rem;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fw-normal {
    font-family: KantarBrownWeb-Regular, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fw-bold {
    font-family: KantarBrownWeb-Bold, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fw-thin {
    font-family: KantarBrownWeb-Thin, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fw-Light {
    font-family: KantarBrownWeb-Light, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

header .head-photo {
    max-height: 307px;
    overflow: hidden;
}

@media (min-width: 1400px) {
    header .head-photo {
        max-height: 358px;
    }
}

header .display-5, header .display-5 {
    font-family: KantarBrownWeb-Thin, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 100;
}

@media (min-width: 1200px) {
    .display-5 {
        font-size: 3.6REM !important;
    }
}


.navbar {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.navbar-brand img {
    width: 13rem;
    height: auto;
}

.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link {
    font-family: KantarBrownWeb-Bold, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    color: #AEAE9F;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #FFF;
}

.nav-link {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.nav-link:nth-last-child(1) {
    padding-right: 0 !important;
}

.cool-link, .nav-link {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

.cool-link::after, .nav-link::after {
    content: '';
    display: block;
    width: 0%;
    height: 1.5px;
    background-color: transparent;
    transition: width .3s;
}

.cool-link:hover::after, .nav-link:hover::after {
    background-color: #AEAE9F;
    width: 100%;

//transition: width .3s;
}


.navbar-dark .navbar-toggler {
    padding: 0;
    border: 0 none transparent;
    border-radius: 0.25rem;
    transition: none;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28256, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-collapse.show .nav-link::after {
    display: none;
}

.link-light {
    color: #858574;
    text-decoration: none;
}


small, .small {
    font-size: 1rem;
}

.feature-4 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
    width: 6rem;
    font-size: 1.5rem;
}

.feature-5 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 8rem;
    width: 8rem;
    font-size: 1.5rem;
}

.accordion-button {
    align-items: flex-center !important;
    font-size: 1.25rem;
    color: #000;
    padding: 1.25rem 1.25rem 0.8rem 1.25rem;
}

.accordion-button::after {
    margin-bottom: 4px;
}

.accordion-button:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
}

.accordion-button:hover {
    background-color: rgba(0, 96, 255, .22);
}


.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #0060ff;
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-body {
    padding: 2rem 1.5rem;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

ul {
    list-style-type: none;
}

.kan-list li::before {
    content: "■";
    font-size: .8rem;
    padding: 0 5px 0 4px;
    margin-left: -20px;
    position: relative;
 }

a.text-white {
    color: #FFF;
}

.btn {
    border-radius: 0;
    border: 2px solid #FFF;
    color: #FFF;
}

.btn:hover {
    background-color: #FFF;
    border-radius: 0;
    border: 2px solid;
}

.btn:focus {
    box-shadow: none;
}

.btn.kan-farba-1-bg:hover {
    border-color: #0060ff;
    color: #0060ff;
}

.btn.kan-farba-6-bg:hover {
     border-color: #802AB7;
     color: #802AB7;
 }

.kan-farba-1.cool-link {
    color: #0060ff;
}

.kan-farba-1.cool-link:hover::after {
     background-color: #0060ff;
 }

section .sticky-top {
    top: 8.5rem;
    z-index: 1010;
}

/*paralax*/

.parallax {

    max-height: var(--bs-scroll-height, 60vh);
    overflow-y: auto;
    min-height: var(--bs-scroll-height, 40vh);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#ochrana-osobnych-udajov .parallax {
    background-image: url("../assets/img/chranime_vase_sukromie.jpg");
}

#ako-meriame-sledovanost .parallax {
    background-image: url("../assets/img/meranie_sedovanosti_tv.jpg");
}

.bigbadheader {
    font-size: 20vw;
    line-height: .7;
    margin-top: 5vw;
}