/* WHAT I ALWAYS WANT THE SAME */
html {
    scroll-behavior: smooth;
}

.lock-scroll {
    overflow: hidden;
}

*,
*:before,
*:after {
    box-sizing: border-box; 
}

img {
    max-width: 100%;
    height: auto;
}


/* GENERAL ELEMENTS */
::selection {background-color: #ade6ff; color: black; text-shadow: none;}

/* TYPOGRAFICKA MRIZKA pro zarovnani objektu */
/* body {
    background: url(../Images/Grid.svg) repeat;
    background-size: 5vw;
} */

p, h1, h2, h3, h4, h5, h6, table {
    max-width: 1200px;  
}

h2, h3, h4, h5, h6 {
    margin: 0 auto;
    text-align: center;
}

h2 {
    margin-top: calc(var(--breakpoint_unit) * calc(6*var(--basic_unit)));
}

section {
    padding: calc(var(--breakpoint_unit) * calc(30*var(--basic_unit))) /* 10vw, 52px */
             calc(var(--breakpoint_unit) * calc(10*var(--basic_unit)));  /* 5vw */
}

header {
    padding: calc(var(--breakpoint_unit) * calc(14*var(--basic_unit))) 
             calc(var(--breakpoint_unit) * calc(7*var(--basic_unit)));  
}

footer {
    padding: calc(var(--breakpoint_unit) * calc(22*var(--basic_unit))) calc(var(--breakpoint_unit) * calc(10*var(--basic_unit)));
    padding-bottom: calc(var(--breakpoint_unit) * calc(10*var(--basic_unit)));
}

/* 
.pre-footer,
.global-footer {
    padding: 3vw 0;
} */

p {
    margin: 0;
}

ul {
    max-width: 1200px;  
    margin: auto;
}

nav ul {
    padding-left: 0;
    margin: 0;
}

.nav2-ul li {
    margin: 0;
}

.nav2-ul li a {
    color: var(--color_3);
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    padding: calc(var(--breakpoint_unit) * calc(4*var(--basic_unit))) 0px;
}

.nav2-ul li::marker {
    content: "";
}

.nav2-ul li a:hover,
.nav2-ul li a:active {
    color: var(--color_3);
}

li {
    margin: 0 5vw;
}


/* GENERAL CLASSES */
/* .img {
    border-radius: 2px;
} */

.stack > *:not(:last-child),
.stack-element {
    margin-bottom: calc(var(--breakpoint_unit) * calc(28*var(--basic_unit)));
}

.stack-half > *:not(:last-child),
.stack-element-half  {
    margin-bottom: calc(var(--breakpoint_unit) * calc(10*var(--basic_unit))) !important; /* 5vw; */
}

.div-btn {
    text-align: center;
    margin-top: calc(var(--breakpoint_unit) * calc(5*var(--basic_unit)));
}

.btn {
    text-decoration: none;
    font-weight: 600;
    color: var(--color_4);
    /* border: solid 2px var(--light-color); */
    border-top: solid 2px var(--light-color);
    border-bottom: solid 2px var(--light-color);
    /* border-radius: 2px; */
    padding: calc(var(--breakpoint_unit) * calc(2*var(--basic_unit))) calc(var(--breakpoint_unit) * calc(8*var(--basic_unit)));
    text-align: center;
    display: inline-block;
    /* text-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,0.4);
    box-shadow: 0.38vw 0.38vw 0.69vw -0.08vw white; */
    transition: 0.9s ease;
}

.btn:hover,
.btn:active {
    transform: scale(1.07);
}

.btn-on-white {
    text-shadow: none;
    box-shadow: 0.38vw 0.38vw 0.69vw -0.08vw #5f4e6b;
}


.btn-on-white:hover {
    background-color: var(--color_3);
    color: var(--color_1);
    text-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,0.4);
}

.btn-on-img:hover {
    background-color: rgba(197, 197, 197, 0.616);
    /* background-color: #02010178; varianta color_7 */
    color: var(--color_1);
}

/* .btn.arrow::after {
    content: "";
    background-image: url(../images/icons/arrow-right.svg);
    position: relative;
    display: inline-block;

    width: calc(var(--breakpoint_unit) * calc(10*var(--basic_unit)));
    height: calc(var(--breakpoint_unit) * calc(10*var(--basic_unit)));
    background-size: cover;
    left: 0vw;
    top: calc(var(--breakpoint_unit) * calc(-1.2*var(--basic_unit)));
} */