/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

.overlay {
    background: linear-gradient(to right, #3b4045 1%, transparent 100%) !important;
    opacity: 0.7 !important;
}

.column-half{
    float: left;
    position: relative;
    padding: 0.65rem;
    width:50%;
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

}

.column-full{
    
    padding: 0.65rem;
    width:100%;
}

.wpcf7 label {
    display: block;
    width: 100%;
}


element.style {
}
.wpcf7 .wpcf7-form-control-wrap {
    display: contents;
}

select {
    box-shadow: inset 0 -1.4em 1em 0 rgba(0,0,0,.02);
    background-color: #f7f7f7;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E);
    background-position: right .45em top 50%;
    background-repeat: no-repeat;
    padding-right: 1.4em;
    background-size: auto 16px;
    border-radius: 0;
    display: block;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: 1px solid #17171f !Important;
    background: #ffffff !important;
}


.wpcf7 .wpcf7-not-valid-tip {
    margin-top: -10px;
    position: relative;
    padding: 5px 8px;
    line-height: 1.2em;
        color: #b20000;
}

.wpcf7 .wpcf7-not-valid-tip {
    background-color: #efeeea !important;
    border-radius: 3px;
    color: #b62c2c;
    line-height: 1.2em;
    margin-top: -10px;
    opacity: .8;
    padding: 5px 8px;
    position: relative;
}


.wpcf7 .wpcf7-not-valid-tip:after {
    border: 10px solid rgb(0 142 233 / 0%);
    border-bottom-color: #b62c2c;
    content: " ";
    height: 0;
    left: 30px;
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    width: 0;
}

.custom-button-cf7 {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: 2px solid #17171f ! Important;
    background: #fff ! Important;
    color: #17171f ! Important;
    padding: 5px 10px 5px 10px !important;
}


.custom-border {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: 0px solid #17171f !Important;
    overflow: hidden !important;
    box-shadow: -1px 1em 1em rgb(42 50 21 / 8%);
    
}





/**---------------- Media query ----------------**/
@media only screen and (max-width: 799px) { 
    .column-half{
        width: 100%;
    }
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    height:40px;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 input[type="tel"] {
    width: 100%;
    padding: 1px;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: 1px solid #17171f !Important;
    background: #ffffff !important;
}
    

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}