/* Shared presentation for saved CMS HTML and future shortcode inserts.
   These selectors deliberately exclude the larger two-choice/footer widget. */
.postcard-id.reh-cms-banner{box-sizing:border-box;float:none;clear:both;display:block;width:100%;max-width:100%;margin:22px 0;padding:12px;border:0;border-radius:12px;background:#e8f7f4;color:#101f42;font-family:Arial,Helvetica,sans-serif;container-type:inline-size}
.postcard-id.reh-cms-banner *{box-sizing:border-box}
.postcard-id.reh-cms-banner>.findinstaller,.postcard-id.reh-cms-banner>.compare-price{position:relative;float:none;display:block;width:100%;margin:0;padding:18px;background:#fff;border:0;border-radius:9px;color:#101f42;font-family:inherit}
.postcard-id.reh-cms-banner .local_installer{position:relative;float:none;width:auto;min-height:26px;margin:0 0 4px;padding:0 0 0 62px;color:#101f42;font-family:inherit;font-size:21px;font-weight:700;line-height:1.25;text-align:left;text-transform:none}
.postcard-id.reh-cms-banner .local_installer:before{content:'';position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;background:#dff5f1 url('../images/profile-icons/map-pin.svg') center/25px 25px no-repeat}
.postcard-id.reh-cms-banner--quote .local_installer:before{background-color:#fff0e6;background-image:url('../images/profile-icons/ruler-measure.svg')}
.postcard-id.reh-cms-banner .find_text,.postcard-id.reh-cms-banner .compare_text{display:block;float:none;width:auto;margin:0 0 15px;padding:0 0 0 62px;color:#263852;font-family:inherit;font-size:14px;line-height:1.45;text-align:left}
.postcard-id.reh-cms-banner .postcode-in,.postcard-id.reh-cms-banner .price-con,.postcard-id.reh-cms-banner .post-code-e{display:block;float:none;width:100%;max-width:none;min-height:0;margin:0;padding:0;background:transparent;border:0}
.postcard-id.reh-cms-banner form,.postcard-id.reh-cms-banner .search-code{float:none;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:10px;width:100%;max-width:none;min-height:0;margin:0;padding:0;background:transparent;border:0;align-items:start}
.postcard-id.reh-cms-banner .search-code{grid-template-columns:minmax(0,1fr) auto}
.postcard-id.reh-cms-banner input:not([type=hidden]),.postcard-id.reh-cms-banner select{float:none;display:block;width:100%;min-width:0;height:48px;max-width:100%;margin:0;padding:0 14px;border:1px solid #cbd4de;border-radius:5px;background:#fff;color:#14274a;font:16px Arial,Helvetica,sans-serif;box-shadow:none}
.postcard-id.reh-cms-banner input::placeholder{color:#738094}
.postcard-id.reh-cms-banner button{float:none;display:block;width:auto;min-width:170px;height:auto;min-height:48px;margin:0;padding:12px 18px;border:0;border-radius:5px;background:#008887;color:#fff;font:700 16px/1.4 Arial,Helvetica,sans-serif;text-align:center;cursor:pointer;white-space:normal}
.postcard-id.reh-cms-banner--quote button{background:#ee6500}
.postcard-id.reh-cms-banner button:after{content:' →'}
.postcard-id.reh-cms-banner button .arrow-find{display:none}
.postcard-id.reh-cms-banner button:hover{filter:brightness(.94)}
.postcard-id.reh-cms-banner input:focus-visible,.postcard-id.reh-cms-banner select:focus-visible,.postcard-id.reh-cms-banner button:focus-visible,.postcard-id.reh-cms-banner a:focus-visible{outline:3px solid #f39448;outline-offset:2px}
.postcard-id.reh-cms-banner .search-code>p{grid-column:1/-1;float:none;width:auto;margin:0;padding:0;color:#263852;font:12px/1.5 Arial,Helvetica,sans-serif;text-align:left}
.postcard-id.reh-cms-banner .search-code>p a{display:inline;color:#006c71;font:inherit;text-decoration:underline}
@container(max-width:600px){.postcard-id.reh-cms-banner form,.postcard-id.reh-cms-banner .search-code{grid-template-columns:minmax(0,1fr)}.postcard-id.reh-cms-banner button{width:100%;min-width:0}.postcard-id.reh-cms-banner .local_installer{font-size:18px}.postcard-id.reh-cms-banner>.findinstaller,.postcard-id.reh-cms-banner>.compare-price{padding:15px}.postcard-id.reh-cms-banner .find_text,.postcard-id.reh-cms-banner .compare_text{font-size:14px}}
@media(max-width:640px){.postcard-id.reh-cms-banner{padding:9px;margin:18px 0}.postcard-id.reh-cms-banner form,.postcard-id.reh-cms-banner .search-code{grid-template-columns:minmax(0,1fr)}.postcard-id.reh-cms-banner button{width:100%;min-width:0}.postcard-id.reh-cms-banner .local_installer{font-size:18px}.postcard-id.reh-cms-banner>.findinstaller,.postcard-id.reh-cms-banner>.compare-price{padding:15px}}
/* Article typography uses !important; confine the matching override to embeds. */
body .category-information .postcard-id.reh-cms-banner h3,body .category-information .postcard-id.reh-cms-banner p,body .category-information .postcard-id.reh-cms-banner div,body .category-information .postcard-id.reh-cms-banner a{font-family:Arial,Helvetica,sans-serif!important}
body .postcard-id.reh-cms-banner>.compare-price,body .postcard-id.reh-cms-banner>.findinstaller{max-width:none!important}
body .postcard-id.reh-cms-banner .search-code>p{font-size:12px!important}
.postcard-id.reh-cms-banner button:after{content:'';display:inline-block;width:16px;height:16px;margin-left:6px;vertical-align:middle;background:url('../images/profile-icons/arrow-right.svg') center/contain no-repeat;filter:brightness(0) invert(1)}
/* Some older stored inserts omit their form end tag. Also space their controls. */
.postcard-id.reh-cms-banner .postcode-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:10px}
.postcard-id.reh-cms-banner .postcode-in>form{grid-column:1/-1}
@container(max-width:600px){.postcard-id.reh-cms-banner .postcode-in{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.postcard-id.reh-cms-banner .postcode-in{grid-template-columns:minmax(0,1fr)}}

/* Stored article embeds also load legacy pages_blogs/CTA rules after this file. */
body .postcard-id.reh-cms-banner{display:block;align-items:normal;border:0!important;padding:12px!important;margin:24px 0;border-radius:12px}
body .postcard-id.reh-cms-banner>.compare-price,body .postcard-id.reh-cms-banner>.findinstaller{min-width:0;padding:18px;border:0;box-shadow:none}
body .site .postcard-id.reh-cms-banner .local_installer{font-family:Arial,Helvetica,sans-serif!important;margin:0 0 4px;line-height:1.3}
body .site .postcard-id.reh-cms-banner .compare-price .compare_text,body .site .postcard-id.reh-cms-banner .find_text{display:block;float:none;margin:0 0 16px;padding:0 0 0 62px;color:#263852!important;font:14px/1.45 Arial,Helvetica,sans-serif!important}
body .site .postcard-id.reh-cms-banner .compare-price .price-con .post-code-e{margin:0;padding:0}
body .site .postcard-id.reh-cms-banner .search-code>p{margin:2px 0 0!important;padding:0;color:#385064!important;font:12px/1.5 Arial,Helvetica,sans-serif!important;text-align:left}
body .site .postcard-id.reh-cms-banner .search-code>p a{display:inline;margin:0;padding:0;color:#006c71!important;font:inherit!important;text-decoration:underline!important}
@container(max-width:600px){body .postcard-id.reh-cms-banner>.compare-price,body .postcard-id.reh-cms-banner>.findinstaller{padding:15px}}
@media(max-width:640px){body .postcard-id.reh-cms-banner{padding:9px!important;margin:18px 0}body .postcard-id.reh-cms-banner>.compare-price,body .postcard-id.reh-cms-banner>.findinstaller{padding:15px}}

/* Keep the entire badge inside the heading row, even without a subtitle.
   Article typography can override paragraph padding, so subtitles start below it. */
body .postcard-id.reh-cms-banner .local_installer{min-height:48px;padding-left:62px!important;margin-bottom:12px!important}
body .postcard-id.reh-cms-banner .find_text,body .postcard-id.reh-cms-banner .compare_text{padding-left:0!important}