/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

@import url("https://use.typekit.net/ehl1lyl.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


:root {
    --main-bg-color: #F8F7F5;
    --nearly-white-color: #F5F5F5;
    --green-color: #5B7C5A;
    --brown-color: #d2b4aa;
    --brown-color-intra: #A97360;
    --dark-brown-color: #F1EBE8;
    --default-text-color: #232953
}

body {
    background-color: var(--main-bg-color);
    color: var(--default-text-color);
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
}

input, textarea {
    border-radius: 25px;
}

label {
    font-size: 16px;
    color: var(--default-text-color);
    font-weight: 300;
    letter-spacing: 0%;
}

.weber {
    font-family: 'warbler-display',sans-serif;
}

ul {
    padding-left: 30px;
}

.line {
    border-top: 2px solid var(--brown-color);
}

.bg-white-brown {
    background-color: var(--nearly-white-color);
}

.bg-white {
    background-color: #FFF;
}

.btn-green {
    padding: 10px 30px;
    border-radius: 25px;
    color:white;
    background-color: var(--green-color);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
}

.btn-green-border {
    padding: 10px 30px;
    border-radius: 25px;
    border: 1px solid var(--green-color);
    color: var(--green-color);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    background-color: inherit;
    cursor: pointer;
}

.btn-brown {
    background: #F1EBE8;
    border: 1px solid var(--green-color);
    border-radius: 60px;
    color: var(--green-color);
    padding: 10px 25px;
    margin: 20px;
    cursor: pointer;
}


.sub-heading {
    font-weight: 300;
    font-size: 18px;
    line-height: 139%;
    text-align: center;
    color: #5b7c5a;
    position: relative; /* Required so lines stay attached to this element */
    text-transform: uppercase;
}

/* Common styles for both lines */
.sub-heading::before,
.sub-heading::after {
    content: "";
    position: absolute;
    left: 50%;             /* Start from the middle */
    transform: translateX(-50%); /* Pull back by half its width to center */
    width: 90px;           /* Set your specific width here */
    height: 2px;           /* Thickness of the line */
    background-color: rgba(91, 124, 90, 0.2);
}

/* Top line position */
.sub-heading::before {
    top: -10px;
}

/* Bottom line position */
.sub-heading::after {
    bottom: -10px;
}


.muzu-ti-pomoci-box {
    background: #f1ebe8;
    text-align:center;
    font-size: 16px;
    padding:20px 60px;
    h3 {
        font-size: 30px;
    }
    svg {
        margin: 20px;
    }
}

.column-ico {
    position:relative;

    .brxe-svg:last-child {
        position: absolute;
        top: -20px;
    }
}

section > div {
    padding: 20px;
}

header {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;




    #menu-hlavni-menu {
        a:hover {
            font-weight: bold;
        }
        a[href^="tel:"]::before {
            content: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.7963 19.8075L21.9075 17.1688L21.8913 17.1613C21.5856 17.0305 21.2521 16.978 20.921 17.0086C20.5899 17.0391 20.2716 17.1518 19.995 17.3363C19.9624 17.3578 19.9311 17.3811 19.9013 17.4063L16.8588 20C14.9313 19.0637 12.9413 17.0888 12.005 15.1863L14.6025 12.0975C14.6275 12.0663 14.6513 12.035 14.6738 12.0013C14.8543 11.7254 14.9638 11.4092 14.9926 11.0807C15.0214 10.7523 14.9686 10.4218 14.8388 10.1188V10.1038L12.1925 4.205C12.0209 3.80908 11.7259 3.47927 11.3515 3.2648C10.9771 3.05033 10.5433 2.9627 10.115 3.015C8.42122 3.23788 6.86649 4.06971 5.74118 5.35512C4.61587 6.64053 3.99695 8.29161 4.00001 10C4.00001 19.925 12.075 28 22 28C23.7084 28.0031 25.3595 27.3841 26.6449 26.2588C27.9303 25.1335 28.7621 23.5788 28.985 21.885C29.0374 21.4568 28.95 21.0232 28.7357 20.6488C28.5215 20.2744 28.1919 19.9793 27.7963 19.8075ZM22 26C17.758 25.9954 13.691 24.3082 10.6914 21.3086C7.69184 18.309 6.00464 14.242 6.00001 10C5.99531 8.77936 6.43507 7.59875 7.23718 6.67863C8.03929 5.75852 9.14889 5.16183 10.3588 5C10.3583 5.00499 10.3583 5.01001 10.3588 5.015L12.9838 10.89L10.4 13.9825C10.3738 14.0127 10.35 14.0449 10.3288 14.0788C10.1407 14.3674 10.0303 14.6997 10.0084 15.0436C9.9865 15.3874 10.0538 15.7311 10.2038 16.0413C11.3363 18.3575 13.67 20.6737 16.0113 21.805C16.3237 21.9536 16.6694 22.0185 17.0144 21.9936C17.3595 21.9686 17.6922 21.8545 17.98 21.6625C18.0121 21.6409 18.043 21.6175 18.0725 21.5925L21.1113 19L26.9863 21.6313C26.9863 21.6313 26.9963 21.6313 27 21.6313C26.8402 22.8428 26.2444 23.9547 25.3241 24.7588C24.4038 25.5629 23.2221 26.0041 22 26Z" fill="#343330"/></svg>');
        }
    }
}

#pomuzu-ti-najit-sebe {
    span.header {
        font-size: 62px;
        font-family: Warbler Display;
        font-weight: 400;
        line-height: 55px;
        display: inline-block;
        em {
            display: inline-block;
            font-family: Warbler Display;
            font-weight: 400;
            font-size: 92px;
            font-style: italic;
            line-height: 45px;
            position: relative;
            left: -30px;
            top: 30px;
        }
    }
}


#jak-pracuji-grid {
    h3 {
        font-style: normal;
        font-weight: 300;
        font-size: 18px;
        line-height: 24px;
        /* or 133% */
        text-transform: uppercase;
        margin-bottom: 15px;
    }

    .brxe-text {
        margin-bottom: 30px;
    }
}

#cenik-section {
    .balicek-name {
        font-style: normal;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        text-transform: uppercase;
        color: var(--green-color);
    }

    #balicky-all-container {
        & > div {
            padding: 20px;
            & > div {
                text-align: center;
                margin: auto;
            }
        }
    }

    h1 {
        font-style: normal;
        font-weight: 400;
        font-size: 40px;
        line-height: 49px;
    }
    h2 {
        font-style: italic;
        font-weight: 400;
        font-size: 40px;
        line-height: 49px;
    }


    h3:not(.sub-heading) {
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        line-height: 36px;
    }
}

#prvni-schuzka {
    .number {
        font-size: 70px;
        color: var(--brown-color);
        font-weight: 400;
        line-height: 70px;
        letter-spacing: 0%;
        .brxe-text-basic {
            width: 90px;
        }
    }

    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;

    h3 {
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        text-transform: uppercase;

        color: var(--brown-color-intra);
    }

}

#kontakt-section {
    h3:not(.sub-heading) {
        font-family: 'Warbler Display';
        font-style: normal;
        font-weight: 400;
        font-size: 40px;
        line-height: 49px;
        text-align: center;
    }
}

#kdo-jsem-section {
    & > div {
        padding: 50px;
    }

    h3:not(.sub-heading) {
        width: 1105px;
        font-family: 'Warbler Display';
        font-style: normal;
        font-weight: 400;
        font-size: 40px;
        line-height: 49px;
        text-align: center;
        max-width: 500px;
        width: 100%;
        margin-bottom: 60px;
        margin-top: 30px;
    }

    font-size: 16px;
    line-height: 27px;

}

#mapa-section {
    .line {
        width: 45px;
        margin-bottom: 23px;
    }

    h3 {
        font-style: normal;
        font-weight: 300;
        font-size: 18px;
        line-height: 25px;
        text-transform: uppercase;
        min-height: 55px;
    }

    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;

}

footer {
    background-color: var(--dark-brown-color);
    & > div {
        padding: 23px;
    }

    .line {
        width: 220px;
    }

    h4 {
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 25px;
        text-transform: uppercase;
        margin-bottom: 16px;
        margin-top: 8px;
    }

    h3 {
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin-bottom: 30px;
    }

    .brxe-text-basic{
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 21px;
    }

    span {
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 37px;
        text-decoration-line: underline;
    }
}