/*
 Theme Name:     Grow My Business Divi Child
 Theme URI:      https://www.growmybusiness.co.nz
 Description:    Divi Child Theme for Grow My Business
 Author:         Ben Elwood
 Author URI:     https://www.growmybusiness.co.nz
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* Theme customization starts here
------------------------------------------------------- */

body.et-fb .splide {
    visibility: visible;
}

@media screen and (min-width: 767px) {
    .text-columns {
        columns: 2;
    }
}



/* Form Styles */

.gform_wrapper form {
    --btn-bg-color: #212121;
    --btn-text-color: #fff;
    --text-color: rgba(0, 0, 0, 0.9);
    --border-color: rgba(0, 0, 0, 0.2);
    --field-bg-color: rgba(0, 0, 0, 0.02);
    --border-radius: 2px;
    --border-width: 1px;
}

.gform_wrapper  form.light,
.light-form .gform_wrapper form {
    --btn-bg-color: #fff;
    --btn-text-color: #212121;
    --text-color: rgba(255, 255, 255, 0.9);
    --border-color: rgba(255, 255, 255, 0.2);
    --field-bg-color: rgba(255, 255, 255, 0.05);
}

.gform_wrapper input:not(.et_pb_button),
.gform_wrapper textarea,
.gform_wrapper select {
    background: var(--field-bg-color);
    color: #fff;
    border: var(--border-width) solid var(--border-color);
    padding: 16px !important;
    border-radius: var(--border-radius);
    color: var(--text-color);
}

.gform_wrapper select {
    appearance: none;
    -webkit-appearance: none;
    background-size: 10px auto;
    background-position: right 10px top 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xOTVfMTczOCkiPgo8cGF0aCBkPSJNMSAxLjVMNiA2LjVMMTEgMS41IiBzdHJva2U9IiMyMTIxMjEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTk1XzE3MzgiPgo8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iOCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}

.gform_wrapper  form.light select,
.light-form .gform_wrapper form select {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xOTVfMTczOCkiPgo8cGF0aCBkPSJNMSAxLjVMNiA2LjVMMTEgMS41IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTk1XzE3MzgiPgo8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iOCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4);
}

.ginput_complex span {
    display: block !important;
}

.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder,
.gform_wrapper select{
    color: var(--text-color);
}

body .gform_wrapper input:focus,
body .gform_wrapper textarea:focus {
    border-color: var(--text-color) !important;
    outline: none;
}

.gform_wrapper input[type="submit"]:not(.et_pb_button) {
    background: var(--btn-bg-color);
    color: var(--btn-text-color);
    border: none;
    
    font-size: 15px;
    font-weight: 500;
    
    cursor: pointer;
    transition: filter 200ms ease;
}

.gform_wrapper input[type="submit"]:not(.et_pb_button):hover {
    filter: brightness(0.9) hue-rotate(-5deg);
}