/*
 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
*/

.project-contents {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 60px;
}

.project-contents .block {
    display: block;
    width: 100%;
}

.project-contents .grid {
    display: grid;
    grid-template-columns: repeat( var(--col,3) , 1fr);
    gap: 30px;
}
.project-contents .video-wrapper,
.project-contents .image-wrapper {
    position: relative;
    width: 100%;
    display: block;
}

/* .project-contents .video-wrapper::before,
.project-contents .image-wrapper::before {
    content: "";
    display: block;
}
.project-contents .media-ratio-4_5 .video-wrapper::before, 
.project-contents .media-ratio-4_5 .image-wrapper::before {
    padding-top: 125%;
}
.project-contents .media-ratio-1_1 .video-wrapper::before, 
.project-contents .media-ratio-1_1 .image-wrapper::before {
    padding-top: 100%;
}
.project-contents .media-ratio-9_16 .video-wrapper::before, 
.project-contents .media-ratio-9_16 .image-wrapper::before {
    padding-top: calc(16/9 * 100%);
}
.project-contents .media-ratio-16_9 .video-wrapper::before, 
.project-contents .media-ratio-16_9 .image-wrapper::before {
    padding-top: 56.25%;
} */
.project-contents .video-wrapper iframe,
.project-contents .video-wrapper video,
.project-contents .image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-contents .media-ratio-auto .image-wrapper img {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    object-fit: unset;
}

.project-contents .block.content-with-media .row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 30px;
}
.project-contents .block.content-with-media .col {
    width: 50%;
    flex: 1 1 50%;
}
.project-contents .block.content-with-media .block-title {
    font-size: 25px;
}
.project-contents .block.content-with-media .block-content {
    font-size: 20px;
}
.project-contents .block.content-with-media .block-title + .block-content {
    margin-top: 20px;
}

@media(max-width: 1279px) {
    .project-contents .grid {
        grid-template-columns: repeat( 2 , 1fr);
    }
}
@media(max-width: 767px) {
    .project-contents .grid {
        grid-template-columns: 1fr;
    }
    .project-contents .block.content-with-media .row {
        flex-wrap: wrap;
    }
    .project-contents .block.content-with-media .col {
        width: 100%;
        flex: 1 1 100%;
    }
}

/* Gravity Form */

.gform_required_legend {
    display: none;
}
.gform_wrapper .gform_fields {
    gap: 20px;
}

.gform_wrapper .gform_fields .gfield_label {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}


.gform_wrapper .gform_fields input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]), 
.gform_wrapper .gform_fields select, 
.gform_wrapper .gform_fields textarea {
    padding: 14px;
    font-size: 16px;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.gform_wrapper .input[type="submit"], 
.gform_wrapper .gform_button {
    font-size: 17px!important;
    line-height: 1!important;
    color: #fff;
    padding: 12px 16px;
    background-color: #000!important;
    border: 1px solid #000!important;
    outline: none!important;
    box-shadow: none!important;
    appearance: none!important;
    transition: 0.3s!important;
}
.gform_wrapper .input[type="submit"]:hover,
.gform_wrapper .gform_button:hover {
    background-color: #fff!important;
    color: #000!important;
}

#brx-header {
	overflow: visible !important;
}