/* todo: intergreren in main CSS */

form button, a.button-green, a.button-pink, a.button-purple, a.button-white { 
    font-weight:400 !important;
}

.agenda .columns .column.sidebar { order: 1; }
.agenda .columns .column.main { order: 2; }

@media screen and (min-width: 1024px) {
    .agenda .columns .column.sidebar { order: 2; }
    .agenda .columns .column.main { order: 1; }
}

.overflow header::before { background:transparent; bottom:0; }

.menu-container { top:0; height:100vh; }

@media screen and (min-width: 1024px) {
    .menu-container { height:auto; }
}

@media screen and (max-width: 320px) {
    .services .service .text {
        padding:60px 20px;
    }

    .home .bottom-footer .columns .column .text h2 {
        font-size:28px;
    }
}

.reviews.background {
    background-image:url('../images/reviews.jpg') !important;
}

form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder { color:#999999 !important; }
form input::-moz-placeholder, form textarea::-moz-placeholder { color:#999999 !important; }
form input:-ms-input-placeholder, form textarea:-ms-input-placeholder { color:#999999 !important; }
form input:-moz-placeholder, form textarea:-moz-placeholder { color:#999999 !important; }


@media screen and (min-width: 1024px) {
    .home .services .container .columns .column .text h2 {
        font-size:39px;
    }
}

.numInputWrapper span {
    border: 0;
    opacity: 1;
}



    form p {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    form p input[type="checkbox"] {
        display: block;
        position: relative;
        background-color: rgba(48,160,154,0.1);
        height: 14px;
        width: 14px;
        margin-top: 3px;
        margin-right: 14px;
        cursor: pointer;
    }

    form p input[type="checkbox"].error {
        background-color: rgba(231,76,60,0.2);
    }

    form p input[type="checkbox"]::before {
        display: block;
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        background-color: #EC0775;
        height: 10px;
        width: 10px;
        opacity: 0;
    }

    form p input[type="checkbox"]:checked::before {
        opacity: 1;
    }

    form p input[type="checkbox"] + label {
        width: calc(100% - 28px);
        font-size: 13px;
        line-height: 20px;
        cursor: pointer;
    }

    .content .text img.noresize {
        width:auto;
    }