/* SECTIONS */
section .box {
    padding: clamp(5rem,5vw,7rem) 0 0 0;
}
.section--top-margin {
    margin-top: clamp(4rem,5vw,7rem);
}
.section-1 {
    color: var(--deep-cyan);
    background: var(--white);
}
.section-2 {
    color: var(--deep-cyan);
    background: var(--strong-yellow);
}
.section-3 {
    color: var(--white);
    background: var(--dull-green);
}
.section-4 {
    color: var(--white);
    background: var(--deep-cyan);
}


.section-3--odd, .section-3--odd h2 {
    color: var(--dull-green);
    background: var(--deep-cyan);
}
.section-3--even, .section-3--even h2 {
    color: var(--deep-cyan);
    background: var(--dull-green);
}


/* BOXES */
.square-1 {
    color: var(--deep-cyan);
    background: var(--white);
}
.square-2 {
    color: var(--white);
    background: var(--light-yellow-green);
}
.square-3 {
    color: var(--pale-orange);
    background: var(--strong-yellow);
}
.square-4 {
    color: var(--pale-orange);
    background: var(--deep-cyan);
}
.rectangle-1,
.rectangle-2,
.rectangle-3 {
    /*color: var(--white);*/
    background: var(--dull-green);
    padding: 4.5rem 8.5rem 4.5rem 8.5rem;
    border: 0.0625rem solid var(--dull-green);
    border-radius: 1.25rem;
}

.rectangle-2 {
    background: var(--deep-cyan);
}

.rectangle-3 {
    background: var(--white);
}
.bg-1 {
    background-image: url("../img/home/bg-motto.jpg");
    background-color: var(--dull-green);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}
.ch {
    display: block;
}
.unchecked {
    display: none;
}

.box2 a {
    max-width: 210px;
    max-height: 49px;
    padding: 0.8rem 2rem 0.8rem 2rem;
    border-radius: 0.5rem;
}
/* boxes images */
.next-img,
.next-img2 {
    position: absolute;
}
.next-img .img-left {
    position: absolute;
    width: 270px;
    top: -39.4rem;
    left: 27.8rem;
    transition: 1s;
}
.img-center {
    position: relative;
    width: 25rem;
    top: -4rem;
    left: -3rem;
    z-index: 10;
    transition: 1s;
}
.next-img .img-right {
    position: absolute;
    /*width:30rem;*/
    top: -40.3rem;
    left: 47rem;
    transition: 1s;
}
.next-img2 .img-left {
    position: absolute;
    top: -33.4rem;
    left: 37.3rem;
    transition: 1s;
}
.box2 .img-center {
    position: relative;
    top: -2rem;
    left: 4rem;
    z-index: 10;
}
.next-img2 .img-right {
    position: absolute;
    top: -33rem;
    left: 54.7rem;
    transition: 1s;
}
.com-box-wic3:hover .img-left {
    transform: rotate(-10deg);
    transition: 1s;
}
.com-box-wic3:hover .img-center {
    transform: scale(110%);
    transition: 1s;
}
.com-box-wic3:hover .img-right {
    transform: rotate(10deg);
    transition: 1s;
}

/* ========================================================================================================= */

.section-img {
    min-height: 500px;
    /*position: relative;*/
    /*text-align: right;*/
    /*background: darkorange;*/
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    /*z-index: 1;*/
}
/*.section-text {text-align: left;}*/
.section-color {
    background-color: var(--dull-green);
}
.section-color2 {
    background-color: var(--deep-cyan);
}
.relative {
    position: relative;
}
.left-half {
    padding-left: 0 !important;
    left: 0;
    right: 30%;
}
/* RESPONSIVE =========================================================================================================== */
/* Skryjeme checkbox */
#toggle {
    display: none;
}
/* Hamburger ikona */
.hamburger-menu {
    width: 30px;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
}
.bar {
    width: 100%;
    height: 3px;
    background-color: var(--dull-green);
}
/* Křížek */
#toggle:checked + .hamburger-menu .bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}
#toggle:checked + .hamburger-menu .bar:nth-child(2) {
    transform: translateY(-8px) rotate(-45deg);
}
/*footer*/
nav .menu .desktop {display: block;}
nav .menu .smartphone {display: none;}
.small-screen {
    display: none;
}
.com-col-left {
    flex: 35%
}
.com-col-right {
    flex: 65%;
}
.com-col-left *,
.com-col-right * {
    color: var(--deep-cyan);
    /*line-height: 2rem;*/
}

.com-content-mixed-title {
    /*padding: 2rem 0 5rem 0;*/
    border-bottom: 0.05rem solid var(--deep-cyan);
    /*margin: 0 0 5rem 0;*/
}
.com-content-mixed-text {
    flex: 50%;
}
/*.com-content-mixed-texts p {*/
/*    padding-bottom: 3.5rem;*/
/*    line-height: 2rem;*/
/*}*/
.com-1-content-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
}
/*.com-1-content-1-title-1 * { color: var(--white); }*/
/*.com-1-content-1-text-1 { padding-top: 5rem; }*/
.com-box-mic {
    border-radius: 1rem;
    height: 620px;
}
.d-flex-size {
    flex: 50%;
    flex-wrap: wrap;
}
/*.your-product h3 {*/
    /*color: var(--deep-cyan);*/
/*}*/