/* Overrides for the eloqua form only */

/* Set general "card" style */
#eloqua-form-container {
    position: relative;
    background: white;
    box-shadow: 0px 12px 48px 0px #1B1C1D1A;
    padding: var(--muse-space-100, 36px);
    margin-bottom: var(--muse-space-120,48px);
}

/* Clear out padding & margin */
#eloqua-form-container .blade.max-width.content.cf,
#eloqua-form-container .layout.container-fluid,
.rei-trials__content form.elq-form,
.rei-trials__content form.elq-form :is(.col-xs-12, .col-sm-12, div),
.fw-res .rei-trials__content .elq-form .elq-field-style.form-element-layout.row div {
    padding: 0;
    margin: 0;
}

.rei-trials__content .elq-form :is(.elq-label, .elq-item-label) {
    font-size: 14px;
    line-height: 20px;
    color: #1B1C1D;
    margin-top: 25px;
}

.rei-trials__content .elq-form :is(.elq-item-input, .elq-item-select, .elq-item-textarea) {
    box-sizing: border-box;
    border-radius: 8px !important;
    border: 1px solid #8e8e8e !important;
    padding: 16px !important;
    height: auto !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #1B1C1D;
    background: white !important;
}

.rei-trials__content .elq-form :is(.elq-item-input[type="email"], .elq-item-input[type="text"], .elq-item-input[type="tel"], .elq-item-select, .elq-item-textarea):focus,
.rei-trials__content form.elq-form .layout.container-fluid :not(.phoneContainer)>.elq-item-input[type="tel"]:focus {
    width: calc(100% - 8px) !important;
    margin: 0 4px;
    outline: 2px solid #0070d2 !important;
    outline-offset: 2px;
    border: 1px solid #8e8e8e !important;
}

.rei-trials__content .elq-form :is(.elq-item-input, .elq-item-select, .elq-item-textarea).LV_invalid_field {
    /* If doing something to invalid field input */
}

.rei-trials__content .elq-form .elq-item-select{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M8.36612 16.1161C7.87796 16.6043 7.87796 17.3957 8.36612 17.8839L23.1161 32.6339C23.6043 33.122 24.3957 33.122 24.8839 32.6339L39.6339 17.8839C40.122 17.3957 40.122 16.6043 39.6339 16.1161C39.1457 15.628 38.3543 15.628 37.8661 16.1161L24 29.9822L10.1339 16.1161C9.64573 15.628 8.85427 15.628 8.36612 16.1161Z' fill='%23212121'/%3E%3C/svg%3E") no-repeat !important;
    background-position: calc(100% - 1.30rem) center !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.rei-trials__content form.elq-form input[type="checkbox"] {
    width: 18px;
    height: 18px;
}

.rei-trials__content form.elq-form input[type="checkbox"]:focus {
    outline: 2px solid #0070d2 !important;
    margin-left: 3px;
    outline-offset: 1px;
}

.rei-trials__content form.elq-form .elq-field-style label:not(.checkbox-aligned) {
    font-size: 14px;
    line-height: 20px;
    color: #1b1c1d;
    position: relative;
    display: inline-block;
    top: 12px;
    margin-left: 12px;
    background: white;
    padding: 0 4px;
    z-index: 1;
}

.rei-trials__content form.elq-form .elq-field-style .elq-required {
    color: #1b1c1d !important;
}

.rei-trials__content form.elq-form .single-checkbox-row {
   font-size: 16px;
   line-height: 24px;
   margin-top: 48px !important;
}

.rei-trials__content form.elq-form .single-checkbox-row > :is(label, div, a) {
   display: block;
   margin-left: 28px !important;
   margin-top: 0;
   font-size: inherit;
   line-height: inherit;   
}

.rei-trials__content form.elq-form .single-checkbox-row > input {
    float: left;
}

.rei-trials__content form.elq-form .single-checkbox-row > a {
    
}

.rei-trials__content form.elq-form .form-element-instruction {
    margin-left: 28px !important;
    margin-top: 12px !important;
}

.rei-trials__content form.elq-form .elq-field-style input[type="submit"]{
    background: #0070D2;
    border-radius: 8px !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    width: 100% !important;
    padding: 16px !important;
    height: auto !important;
}

.rei-trials__content .elq-form .elq-item-input:read-only {
	background-image: linear-gradient(to bottom, rgba(241,241,241,0.1), rgba(241,241,241,1))!important;
}

.rei-trials__content .elq-form .layout.container-fluid .field-control-wrapper :is(.elq-item-input[type="tel"]):focus:not([disabled]) {
   /*  width: 100% !important;*/
}

.rei-trials__content .elq-form .layout.container-fluid .field-control-wrapper span.prefix+ :is(.elq-item-input[type="tel"]):focus:not([disabled]) {
  /*  width: calc(100% - 61px) !important;*/
}
.rei-trials__content .elq-form .layout.container-fluid .field-control-wrapper>.elq-item-input[type="tel"]:focus {
   /* width: 100% !important;
    border: 1px solid #8e8e8e !important;*/
}

/*Fix for Phone number isssue */
.rei-trials__content .elq-form .phoneContainer {
    border: 1px solid rgb(142, 142, 142) !important;
    border-radius: 8px !important;
}
.rei-trials__content .elq-form .phoneContainer input.elq-item-input{
	border: none !important;
}

.rei-trials__content .elq-form .phoneContainer input.elq-item-input:focus{
	width: calc(100% - 52px) !important;
	margin: 0;
	outline: 0 !important;
	outline-offset: 0;
	border: none !important;
}

.rei-trials__content .elq-form .phoneContainer:focus-within{
	width: calc(100% - 10px) !important;
	margin: 0 4px 4px 4px !important;
	outline: 2px solid #0070d2 !important;
	outline-offset: 2px;
	border: 1px solid #8e8e8e !important;
}

@media only screen and (min-width: 600px) {
	#eloqua-form-container {
        padding: 48px;        
    }
	
    #elqFname {
        display: block !important;
        width: calc(50% + -10px);
        float: left;
    }

    #elqLname {
        float: right;
        width: calc(50% + -10px);
    }

    .rei-trials__content .elq-form :is(.elq-item-input, .elq-item-select, .elq-item-textarea) {
        font-size: 16px;
        line-height: 24px;
    }
}

@media only screen and (min-width: 1024px) {
    #eloqua-form-container {
        margin: 80px 0;
    }
}