/* WP-Reactive storefront and domain styling */
body, #main-body { background: #fff; }
.wpr-store-grid > div > .card { border: 1px solid #d9e6f5; border-top: 5px solid #0f73ee; border-radius: 10px; background: #f2f8ff; }
.wpr-store-grid > div:nth-child(3n+2) > .card { border-top-color: #125bb5; background: #eef3fa; }
.wpr-store-grid > div:nth-child(3n) > .card { border-top-color: #2ea3f2; background: #effafb; }
.wpr-store-grid .card-title { color: #124d87; font-size: 22px; line-height: 1.35; }
.wpr-store-grid p, .wpr-domain-intro, .wpr-domain-help { font-size: 16px; line-height: 1.65; }
.wpr-store-grid .btn { white-space: normal; padding: 11px 16px; }
.home-domain-search .p-5 { padding: 32px 24px !important; }
.btn-primary { background-color: #0f73ee; border-color: #0f73ee; }
.btn-primary:hover { background-color: #125bb5; border-color: #125bb5; }
.btn-outline-primary { color: #125bb5; border-color: #0f73ee; }
.btn-outline-primary:hover { color: #fff; background: #125bb5; border-color: #125bb5; }
@media(max-width:575px) { .home-domain-search .p-5 { padding: 24px 0 !important; } .wpr-store-grid .card-body { padding: 22px !important; } }

/* Home and catalogue: consistent type, alignment and buttons. */
.wpr-welcome, .wpr-home-help { text-align:left; color:#273746; }
.wpr-welcome { margin:12px 0 28px; padding:36px; background:#f2f8ff; border:1px solid #d9e6f5; border-top:5px solid #0f73ee; border-radius:10px; }
.wpr-welcome h1 { margin:0 0 16px; color:#124d87; font-size:34px; font-weight:600; line-height:1.25; }
.wpr-welcome p, .wpr-home-help p, .wpr-store-grid p { font-size:16px; line-height:1.65; text-align:left; margin-bottom:16px; }
.wpr-welcome .wpr-welcome-lead { font-size:20px; font-weight:500; color:#124d87; }
.wpr-welcome p { max-width:760px; }
.wpr-home-help { padding:28px 36px; border:1px solid #d9e6f5; border-radius:10px; margin-bottom:28px; }
.wpr-home-help h2 { font-size:24px; font-weight:600; color:#124d87; margin:0 0 12px; }
.wpr-home-buttons { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.wpr-welcome .btn, .wpr-home-help .btn, .wpr-store-grid .btn { color:#fff; background:#0f73ee; border-color:#0f73ee; font-size:16px; font-weight:500; line-height:1.4; padding:12px 18px; border-radius:6px; white-space:normal; }
.wpr-welcome .btn:hover, .wpr-home-help .btn:hover, .wpr-store-grid .btn:hover { background:#125bb5; border-color:#125bb5; }
.wpr-welcome .btn:focus-visible, .wpr-home-help .btn:focus-visible, .wpr-store-grid .btn:focus-visible { outline:3px solid #124d87; outline-offset:3px; }
@media(max-width:575px) { .wpr-welcome, .wpr-home-help { padding:24px; } .wpr-welcome h1 { font-size:28px; } .wpr-welcome .wpr-welcome-lead { font-size:18px; } .wpr-home-buttons { flex-direction:column; } .wpr-home-buttons .btn, .wpr-home-help .btn { width:100%; } }

/* Website palette and original WP-Reactive rocket artwork. */
.wpr-store-grid > div:nth-child(3n+2) > .card { border-top-color:#2ea3f2; background:#f3f9fe; }
.wpr-store-grid > div:nth-child(3n) > .card { border-top-color:#5ea2f7; background:#f2f6fd; }
.wpr-welcome { position:relative; isolation:isolate; overflow:hidden; padding-right:260px; }
.wpr-welcome::before { content:""; position:absolute; z-index:-1; pointer-events:none; right:20px; top:50%; transform:translateY(-50%); width:220px; height:240px; background:url('../img/wp-reactive-rocket.svg') center / contain no-repeat; opacity:.12; }
@media(max-width:991px) { .wpr-welcome { padding-right:36px; } .wpr-welcome::before { right:-30px; opacity:.05; } }
@media(max-width:575px) { .wpr-welcome { padding-right:24px; } .wpr-welcome::before { display:none; } }