/*
    Use this file for overrides and additional CSS addons
    -----
 */


/*
    Moonray forms - custom Infopack download forms for own a centre
 */
.moonray-form {
    width: 100% !important;
    min-height: 300px;
}

    .moonray-form .moonray-form-element-wrapper {
        margin-bottom: 20px;
    }

    .moonray-form .moonray-form-element-wrapper label {
        float: none;
        display: block;
        font-weight: 500;
        font-size: 0.9rem;
        color: #3c3c3c;
        font-family: 'Montserrat', Helvetica Neue, Helvetica, Arial, sans-serif;
    }

    .moonray-form .moonray-form-input {
        box-sizing: border-box !important;
        border-radius: 0px !important;
        border: 1px solid #c8c8c8 !important;
    }

    .moonray-form .moonray-form-input
    {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        padding: 15px !important;
        font-size: 16px !important;
        margin: 10px 0 5px 0 !important;
        font-family: sans-serif !important;
    }

    .moonray-form .moonray-form-input-type-select select {
        font-family: sans-serif !important;
        background: transparent !important;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;
        background-repeat: no-repeat !important;
        background-position-x: 99% !important;
        background-position-y: 12px !important;
    }

    .moonray-form .moonray-form-input-type-submit {
        margin-top: 30px;
        text-align: left !important;
    }

    .moonray-form .moonray-form-input-type-submit .moonray-form-input {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        font-family: 'Montserrat', Helvetica Neue, Helvetica, Arial, sans-serif !important;
        font-weight: 400 !important;
        background: #e31e36 !important;
        color: white !important;
        border: none !important;
        padding: 20px 40px !important;
        font-size: 12.5px !important;
    }

    .moonray-form .moonray-form-input-type-submit .moonray-form-input:hover {
        transition: all 0.5s !important;
        background: #3c3c3c !important;
        color: white !important;
    }