.mauticform-page-wrapper { color: #fff; box-sizing: border-box; } .mauticform-page-wrapper input, .mauticform-page-wrapper .select-best-describes { width: 100%; margin-top: .75em; padding: .75em 1.25em; border-radius: 5px; border: none; background: #efefef; color: #333; box-sizing: border-box; } .mauticform-page-wrapper .select-best-describes { background: #efefef !important; color: #888 !important; border: 0 !important; border-radius: 5px !important; } .select-label { display: inline-block; margin-top: 20px; font-size: 18px; font-weight: 600; } .mauticform-page-wrapper input:focus-visible, .mauticform-page-wrapper select:focus-visible { outline: none; } .mauticform-page-wrapper [type="submit"] { background: #333; color: #fff; font-weight: 600; padding: 0.5em 1.5em; border-radius: 5px; border: none; margin-top: 1em; cursor: pointer; opacity: .9; padding-bottom: .8em; } .mauticform-page-wrapper [type="submit"]:hover { opacity: 1; } /* IDX Request Info Button Color */ a.info-req-btn { background: #21c555 !important; } /** home page form stacked **/ #idx-layer-wrapper form#searchProfile .row { display: flex !important; flex-direction: column !important; justify-content: flex-end; align-items: flex-end; /* display: grid !important; grid-template-rows: 50px 100px; grid-template-columns: 1fr 1fr; grid-row-start: 2; grid-column-start: 2; */ width: 100%; margin-bottom: 0; justify-content: center; align-content: center; } #idx-layer-wrapper2 form#searchProfile .row .col-xs-12 { display: flex; flex-direction: column; width: 100%; } form#searchProfile { /*background: rgba(0,0,0,.5); padding: 2rem; border-radius: 10px; */ display: flex; justify-content: center; align-items: center; margin: 0; width: 100%; } #idx-layer-wrapper2 label.field-label { color: rgba(255,255,255,.6); text-transform: uppercase; font-size: .7rem !important; font-weight: 900 !important; } #idx-layer-wrapper2 #ihf-main-container fieldset { width: 80% !important; } div#idx-layer-wrapper2 { width: 400px !important; right: 0 !important; } .ls-wrapper.ls-in-out.ls-inner-wrapper { position: absolute !important; width: auto !important; right: 45px !important; left: auto !important; top: auto !important; bottom: 45px !important; } @media only screen and (max-width: 509px) { div#idx-layer-wrapper2 { width: 100% !important; right: 0 !important; } .ls-wrapper.ls-in-out.ls-inner-wrapper { position: absolute !important; width: 100% !important; right:auto !important; left: auto !important; top: auto !important; bottom: 45px !important; } }