@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap');

.input {
    margin-right: 0px !important;
}

.form-columns-1,
.form-columns-2 {
    margin: 0 1rem !important;
}

.hs-input,
input[type=text],
input[type=tel],
input[type=email],
textarea,
select {
    width              : 100% !important;
    font-family        : "Heebo", serif !important;
    border             : 1px solid !important;
    border-image-slice : 1 !important;
    border-image-source: linear-gradient(70deg, #57b8e0, #5762e2, #be8ec6) !important;
    background         : transparent !important;
    height             : 4rem;
}

.actions {
    text-align: center !important;
    padding   : 0;
}

input[type=submit] {
    border-style         : none;
    border-radius        : 0.85rem;
    -webkit-border-radius: 0.85rem;
    -moz-border-radius   : 0.85rem;
    -ms-border-radius    : 0.85rem;
    -o-border-radius     : 0.85rem;
    min-width            : 130px;
    height               : 70px;
    background           : linear-gradient(90deg, #000106, #212635, #000106) !important;
    box-shadow           : none;
    text-shadow          : none;
    color                : #fff;
    font-size            : 1.25rem !important;
    line-height          : 40px;
    font-weight          : 600;
    font-style           : normal;
    text-align           : center;
    background-repeat    : no-repeat;
    padding              : 1.2rem 3rem;
    font-family          : "Heebo", serif !important;
}

input[type=submit]:hover {
    transform          : translateY(-5px);
    transition-duration: 0.3s;
}

.hs-fieldtype-file.field.hs-form-field .input {
    position       : relative;
    width          : 40px;
    height         : 40px;
    display        : inline-flex;
    justify-content: start;
    align-items    : center;
    margin-left    : 1rem;
    padding        : 1rem;
    border-radius  : .4rem;
    background     : #000106;
    font-family    : sans-serif;
    transition     : all .5s;
    box-shadow     : none;
    cursor         : pointer;
}

.hs-fieldtype-file.field.hs-form-field {
    display    : flex !important;
    align-items: center !important;
}

.hs-fieldtype-file.field.hs-form-field label {
    display: inline-flex !important;
}

.hs-fieldtype-file.field.hs-form-field .input:before {
    width      : 30px;
    height     : 30px;
    content    : url('https://mycena.co/data/themes/mycena/assets/images/upload.svg');
    left       : 50%;
    top        : 50%;
    margin-top : -15px;
    margin-left: -15px;
    position   : absolute;
    color      : #fff;
    cursor     : pointer;
}

input[type=file] {
    opacity : 0;
    position: absolute;
    z-index : 100;
    left    : 0;
    height  : 40px;
}

label {
    font-size  : 18px !important;
    font-family: "Heebo", serif !important
}

.hsfc-NavigationRow__Buttons:has(>:only-child) {
    justify-content: center !important;
}

.hs-custom-style>div>div:last-of-type .hs-input:not([type=checkbox]):not([type=radio]),
.hs-custom-style fieldset>div:last-of-type .hs-input:not([type=checkbox]):not([type=radio]) {
    width: 100% !important;
}

.hs-input.hs-fieldtype-textarea {
    min-height: 8rem;
}

@media screen and (max-width: 767px) {

    input[type=text],
    input[type=tel],
    input[type=email],
    textarea {
        width: 90% !important;
    }
}