/* ----------------------------------------------------------------
	BEE ASISTENTKA - Vlastní úpravy
	Řešení problému s horizontálním scrollováním
	
	PŘÍČINA: Scrollbar zabírá místo v viewportu (obvykle ~15px)
	Problém nastává, když se použije width: 100vw - to nebere scrollbar v úvahu
	
	ŘEŠENÍ: Použít overflow: clip místo hidden
-----------------------------------------------------------------*/

/* Clip overflow na html a body - chystá elementy, které přesahují */
html, body {
	overflow-x: clip;
}

h1 {
    line-height: 1.3;
}

#wrapper {
	overflow-x: clip;
}

/* Zajistíme správné box-sizing */
*, *::before, *::after {
	box-sizing: border-box;
}

/* Pro obrázky - zajistíme, aby nepřetékaly */
img {
	max-width: 100%;
	height: auto;
}

#template-contactform > .form-group.col-md-6 {
    width: 33.333%;
}


@media (min-width: 992px) {
    
    #logo {
        height: auto;
        max-width: 220px;
    }

    #header-wrap #logo img {
        height: auto;
    }

    .primary-menu {
        margin-right: 0 !important;
    }

    .is-expanded-menu #header.sticky-header-shrink #header-wrap #logo img {
        height: auto;
    }

    #header .button:first-child {
        color: #fff !important;
        background-color: #021b4c !important;
    }

    #header .button:first-child:hover {
        background-color: #122e66 !important;
    }

    #header .button:hover {
        background-color: #FFDE00;
    }
}

#contact-form {
    padding-top: 100px;
}

#footer {
    color: #fff;
}

#footer h4 {
    color: #FFDE00;
}



@media (max-width: 1400px) and (min-width: 992px) {

    .header-misc .button {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 40px;
        height: 40px;
        padding: 5px;
    }

    .header-misc .button span {
        display: none !important;
    }

    .header-misc .button i::before {
        color: #fff !important;
        font-size: 20px;
    }

    .header-misc {
        margin-left: auto;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    #logo {
        margin: 0 !important;
        width: 100%;
        max-width: 100%;
    }
    #header-wrap #logo img {
        max-width: 300px;
    }

    .menu-link {
        padding-block: 10px;
    }

    .header-misc {
        position: absolute;
        top: 10px;
        right: 30px;
    }

    .primary-menu {
        width: 100%;
    }
    .menu-container {
        justify-content: center;
    }
}

@media (max-width: 991px) {
    #header-wrap #logo img {
        max-width: 300px;
        height: auto;
    }

    #logo {
        margin-right: 0;
    }

    .header-misc {
        margin-left: auto;
    }

    .header-misc .button {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 40px;
        height: 40px;
        padding: 5px;
    }

    .header-misc .button span {
        display: none !important;
    }

    .header-misc .button i::before {
        color: #fff !important;
        font-size: 20px;
    }

    #contact-form {
        padding-top: 60px;
    }

    #template-contactform > .form-group.col-md-6 {
        width: 100%;
    }
    
}


@media (max-width: 499px) {
    #header-wrap #logo img {
        max-width: 160px;
    }

    .header-misc .button i::before {
        font-size: 15px;
    }

    .header-misc .button {
        width: 30px;
        height: 30px;
    }
}