/*
 Theme Name:   Brixey Child
 Theme URI:    http://themeforest.net/user/VictorThemes
 Description:  Brixey Child Theme
 Author:       VictorThemes
 Author URI:   http://themeforest.net/user/VictorThemes/portfolio
 Template:     brixey
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, post-formats, theme-options, translation-ready
 Text Domain:  brixey-child
*/

/* Write Custom CSS */
.project-list .project-picture {
    overflow: hidden !important;
}

.is-sticky .brxy-logo {
    left: 0 !important;
}

input[type="submit"] {
    border-radius: 0 !important;
}

html {
    overflow-x: hidden;
}

.page .cta-footer-block__wrapper,
.single-post .cta-footer-block__wrapper {
    padding: 0 !important;
}

.cta-footer-block {
    margin: 4em 0;
}

.cta-footer-block .wpcf7-form-control {

}

.cta-footer-block .wpcf7-form-control-wrap {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

.cta-footer-block .wpcf7-form-control-wrap > input[type=text],
.cta-footer-block .wpcf7-form-control-wrap > input,
.cta-footer-block .wpcf7-form-control-wrap > textarea {
    border: none;
    border-bottom: 2px solid #000;
    outline: none;
}

.cta-footer-block .wpcf7-form-control-wrap > textarea {
    max-height: 289px;
    min-height: 118px;
}

.cta-footer-block input::placeholder,
.cta-footer-block textarea::placeholder {
    color: #000;
    font-size: 18px;
}

.cta-footer-block textarea {
    height: unset;
}

.cta-footer-block__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 0.2fr 1fr 0.1fr;
    grid-column-gap: 0;
    grid-row-gap: 15px;
}

.cta-footer-block__intro {
    grid-area: 1 / 1 / 2 / 2;
}

.cta-footer-block__intro p {
    font-size: 20px;
    color: #000;
}

.cta-footer-block__contact-form {
    grid-area: 1 / 2 / 3 / 3;
    background-color: #DFDBD0;
    padding: 40px;
}

.cta-footer-block__picture {
    grid-area: 2 / 1 / 3 / 2;
    background-color: #DFDBD0;
    padding: 40px;
}

.cta-footer-block__picture img {
    width: 70%;
    margin: 40px 40px -30% 40px;
}

.cta-footer-block__footer {
    grid-area: 3 / 2 / 4 / 3;
    padding: 18px 40px;
}

.cta-footer-block__footer a {
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    background-color: #000;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    line-height: 35px;
    margin-right: 5px;
}

.cta-footer-block__footer a i {
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .cta-footer-block__wrapper {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr 1fr 60px;
        grid-row-gap: 0;
    }

    .cta-footer-block__intro {
        grid-area: 1 / 1 / 2 / 2;
        position: relative;
        padding: 10px;
    }

    .cta-footer-block__intro::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        transform: translateX( 104%);
        height: 100%;
        width: 15px;
        background: #DFDBD0;
        z-index: -1;
    }

    .cta-footer-block__intro h1 {
        font-size: 7vw;
    }

    .cta-footer-block__intro p {
        font-size: 4.5vw;
    }

    .cta-footer-block__picture {
        grid-area: 2 / 1 / 3 / 2;
        padding: 30px 5px;
        position: relative;
        background-color: unset;
    }

    .cta-footer-block__picture:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX( -50%);
        height: 65%;
        width: 100vw;
        background: #DFDBD0;
        z-index: -1;
    }



    .cta-footer-block__picture img {
        width: 100%;
        margin: unset;
    }

    .cta-footer-block__contact-form {
        grid-area: 3 / 1 / 4 / 2;
        background-color: unset;
        padding: 10px;
    }

    .cta-footer-block__footer {
        grid-area: 4 / 1 / 5 / 2;
        padding: 10px;
    }
}