:root { --crx-white: #ffffff;
--crx-white-30: #ffffff4d;
--crx-dark: #2b2b2b;
--crx-dark-60: #2b2b2b99;
--crx-dark-30: #2b2b2b4d;
--crx-ink: #333;
--crx-gray: #6b6b6b;
--crx-yellow: #eadab7;
--crx-yellow-10: #eadab71a;
--crx-yellow-badge: #ffedbf;
--crx-sky: #b0d9ff;
--crx-sky-60: #b0d9ff99;
--crx-sky-30: #b0d9ff4d;
--crx-sky-10: #b0d9ff1a;
--crx-divider: #9cadbb; --crx-color-text: var(--crx-dark);
--crx-color-text-muted: var(--crx-dark-60);
--crx-color-heading: var(--crx-dark);
--crx-color-on-dark: var(--crx-white);
--crx-color-bg: var(--crx-white);
--crx-color-btn-bg: var(--crx-dark);
--crx-color-btn-text: var(--crx-white);
--crx-color-border: var(--crx-divider); --primary-color: var(--crx-dark);
--primary-gradient: var(--crx-dark);
--secondary-color: var(--crx-yellow);
--accent-color: var(--crx-dark);
--text-primary: var(--crx-ink);
--text-secondary: var(--crx-gray);
--text-muted: var(--crx-gray);
--border-color: var(--crx-divider);
--border-light: var(--crx-divider);
--bg-primary: var(--crx-white);
--bg-secondary: var(--crx-white);
--bg-tertiary: var(--crx-white);
--success-color: #28a745;
--error-color: #dc3545;
--warning-color: #ffc107;
--info-color: var(--crx-ink);
--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.04);
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
--radius-sm: 6px;
--radius-md: 8px;
--radius-lg: 12px;
--radius-xl: 16px;
--radius-full: var(--crx-radius-btn);
--spacing-xs: 8px;
--spacing-sm: 12px;
--spacing-md: 16px;
--spacing-lg: 24px;
--spacing-xl: 32px;
--spacing-2xl: 48px;
--transition-fast: 0.2s ease;
--transition-base: var(--crx-ease);
--transition-slow: 0.4s ease; --crx-font: Helvetica, "Helvetica Neue", Arial, sans-serif;
--crx-font-badge: "Instrument Sans", Helvetica, "Helvetica Neue", Arial, sans-serif; --crx-fs-jumbo: 72px;
--crx-fs-h1: 42px;
--crx-fs-h2: 24px;
--crx-fs-h3: 24px;
--crx-fs-body: 18px;
--crx-fs-tag: 16px;
--crx-fs-small: 14px;
--crx-fs-eyebrow: 20px;
--crx-fs-btn: 18px;
--crx-fs-btn-lg: 20px;
--crx-fs-badge: 10px; --crx-lh-jumbo: 1.2;
--crx-lh-h1: 1.1;
--crx-lh-title: 1.2;
--crx-lh-body: 1.4;
--crx-lh-small: 1.2;
--crx-track-jumbo: 0.05em;
--crx-track-eyebrow: 0.1em;
--crx-track-title: 0.05em;
--crx-track-body: 0.03em;
--crx-track-small: 0; --crx-page: 1600px;
--crx-margin: 80px;
--crx-container: calc(var(--crx-page) - (var(--crx-margin) * 2)); --crx-section-y: 100px;
--crx-gutter: 20px; --crx-radius-btn: 30px;
--crx-radius-hero: 40px;
--crx-radius-pill: 1000px;
--crx-radius-badge: 9px; --crx-blur-nav: 20px;
--crx-blur-btn: 40px;
--crx-blur-card: 60px; --crx-ease: 0.25s ease;
}
@media (max-width: 992px) {
:root {
--crx-fs-jumbo: 40px;
--crx-fs-h1: 30px;
--crx-fs-h2: 22px;
--crx-fs-h3: 20px;
--crx-fs-body: 16px;
--crx-fs-eyebrow: 16px;
--crx-margin: 20px;
--crx-section-y: 40px;
}
}.rx-contact-section {
padding: 70px 0 90px;
}
.rx-contact-wrapper {
background: var(--crx-white);
border: 1px solid var(--crx-divider);
border-radius: 30px;
padding: 70px;
overflow: hidden;
}
.rx-contact-flex {
display: flex;
justify-content: center;
align-items: stretch;
background: var(--crx-white);
border-radius: 30px;
}
.rx-contact-image-col {
flex: 50%;
max-width: 50%;
}
.rx-contact-image {
width: 100%;
height: 100%;
min-height: 450px;
overflow: hidden;
border-radius: 30px 0 0 30px;
}
.rx-contact-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}
.rx-contact-image-placeholder {
background: var(--crx-yellow-10);
}
.rx-contact-form-col {
flex: 50%;
max-width: 50%;
display: flex;
align-items: center;
padding: 50px;
padding-bottom: 0;
}
.rx-contact-content {
width: 100%;
}
.rx-contact-title {
font-family: var(--crx-font);
font-size: 42px;
font-weight: 700;
color: var(--crx-ink);
text-align: center;
margin-bottom: 10px;
line-height: 110%;
}
.rx-contact-subtitle {
font-size: 16px;
color: var(--crx-ink);
text-align: center;
margin-bottom: 30px;
letter-spacing: 0.02em;
}
.rx-contact-form {
margin-bottom: 20px;
}
.rx-contact-form .wpcf7-form {
display: flex;
flex-direction: column;
gap: 16px;
}
.rx-contact-form .wpcf7-form p {
margin: 0;
font-size: 13px;
color: var(--crx-gray);
line-height: 160%;
}
.rx-contact-form .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.rx-contact-form input[type="text"],
.rx-contact-form input[type="email"],
.rx-contact-form input[type="tel"],
.rx-contact-form textarea {
width: 100%;
padding: 16px 20px;
border: 1px solid var(--crx-divider);
border-radius: 30px;
font-size: 14px;
font-family: var(--crx-font);
color: var(--crx-ink);
background: var(--crx-white);
outline: none;
}
.rx-contact-form input[type="text"]:focus,
.rx-contact-form input[type="email"]:focus,
.rx-contact-form input[type="tel"]:focus,
.rx-contact-form textarea:focus {
border-color: var(--crx-dark);
}
.rx-contact-form input[type="text"]::placeholder,
.rx-contact-form input[type="email"]::placeholder,
.rx-contact-form input[type="tel"]::placeholder,
.rx-contact-form textarea::placeholder {
color: var(--crx-gray);
}
.rx-contact-form textarea {
border-radius: 16px;
min-height: 120px;
resize: vertical;
}
.rx-contact-form input[type="submit"],
.rx-contact-form .wpcf7-submit {
width: 100%;
padding: 16px 30px;
background: var(--crx-dark);
border: none;
border-radius: var(--crx-radius-btn);
font-size: 16px;
font-weight: 500;
font-family: var(--crx-font);
color: var(--crx-white);
cursor: pointer;
margin-top: 10px;
}
.rx-contact-form input[type="submit"]:hover,
.rx-contact-form .wpcf7-submit:hover {
opacity: 0.88;
}
.rx-contact-form .wpcf7-response-output {
margin: 15px 0 0;
padding: 12px 16px;
border-radius: 8px;
font-size: 14px;
text-align: center;
}
.rx-contact-form .wpcf7-mail-sent-ok {
border-color: #28a745;
color: #28a745;
}
.rx-contact-form .wpcf7-validation-errors,
.rx-contact-form .wpcf7-spam-blocked {
border-color: #dc3545;
color: #dc3545;
}
.rx-contact-form .wpcf7-not-valid-tip {
display: none !important;
}
.rx-contact-form .wpcf7-not-valid {
border-color: #dc3545 !important;
}
.rx-contact-form .wpcf7-form p a {
color: var(--crx-ink);
text-decoration: underline;
}
.rx-contact-form .wpcf7-form p a:hover {
color: var(--crx-dark);
}
.rx-contact-form input.rx-valid,
.rx-contact-form textarea.rx-valid {
border-color: #28a745 !important;
}
.rx-contact-form input.rx-invalid,
.rx-contact-form textarea.rx-invalid {
border-color: #dc3545 !important;
animation: rx-shake 0.4s ease;
}
.rx-error-message {
display: block;
font-size: 12px;
color: #dc3545;
margin-top: 6px;
padding-left: 20px;
}
@keyframes rx-shake {
0%, 100% { transform: translateX(0); }
20% { transform: translateX(-6px); }
40% { transform: translateX(6px); }
60% { transform: translateX(-4px); }
80% { transform: translateX(4px); }
}
@media (max-width: 1024px) {
.rx-contact-wrapper {
padding: 30px;
}
.rx-contact-form-col {
padding: 30px;
}
.rx-contact-title {
font-size: 32px;
}
}
@media (max-width: 992px) {
.rx-contact-section {
padding: 40px 0 50px;
}
.rx-contact-wrapper {
padding: 24px 20px 30px;
border-radius: 20px;
}
.rx-contact-flex {
flex-direction: column;
}
.rx-contact-form-col {
padding: 30px 20px;
flex: 0 0 100%;
max-width: 100%;
order: 1;
}
.rx-contact-image-col {
flex: 0 0 100%;
max-width: 100%;
order: 0;
}
.rx-contact-image {
min-height: 280px;
border-radius: 12px;
}
.rx-contact-content {
max-width: 100%;
}
.rx-contact-title {
font-size: 24px;
margin-bottom: 8px;
}
.rx-contact-subtitle {
font-size: 14px;
margin-bottom: 24px;
}
.rx-contact-form .wpcf7-form {
gap: 14px;
}
.rx-contact-form input[type="text"],
.rx-contact-form input[type="email"],
.rx-contact-form input[type="tel"],
.rx-contact-form textarea {
padding: 14px 18px;
}
.rx-contact-form textarea {
min-height: 100px;
}
.rx-contact-form input[type="submit"],
.rx-contact-form .wpcf7-submit {
padding: 14px 24px;
font-size: 14px;
}
}.woocommerce-checkout #payment div.payment_box .sv-wc-payment-gateway-payment-form-manage-payment-methods,#add_payment_method .sv-wc-payment-gateway-payment-form-manage-payment-methods{display:block;margin:1em 0;text-align:center}.woocommerce-checkout #payment div.payment_box .sv-wc-payment-gateway-payment-form-saved-payment-method,#add_payment_method .sv-wc-payment-gateway-payment-form-saved-payment-method{display:inline-block;margin-bottom:.5em}.woocommerce-checkout #payment div.payment_box .sv-wc-payment-gateway-payment-form-saved-payment-method .nickname,#add_payment_method .sv-wc-payment-gateway-payment-form-saved-payment-method .nickname{margin-right:.5em}.woocommerce-checkout #payment div.payment_box .sv-wc-payment-gateway-payment-form-saved-payment-method img,#add_payment_method .sv-wc-payment-gateway-payment-form-saved-payment-method img{float:none;width:30px;height:20px;display:inline-block;margin-right:.5em;vertical-align:middle}.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type=tel],.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type=text],.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-echeck-form-input[type=tel],.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-echeck-form-input[type=text],.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-form-nickname,#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-input[type=tel],#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-input[type=text],#add_payment_method input.js-sv-wc-payment-gateway-echeck-form-input[type=tel],#add_payment_method input.js-sv-wc-payment-gateway-echeck-form-input[type=text],#add_payment_method input.js-sv-wc-payment-gateway-form-nickname{font-size:1.5em;padding:8px}.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type=tel]:focus,.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type=text]:focus,#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-input[type=tel]:focus,#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-input[type=text]:focus{box-shadow:0 0 .1875em #3498db}.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type=tel].identified,.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type=text].identified,#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-input[type=tel].identified,#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-input[type=text].identified{border-color:#69bf29}.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type=tel].identified:focus,.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type=text].identified:focus,#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-input[type=tel].identified:focus,#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-input[type=text].identified:focus{box-shadow:0 0 .1875em #69bf29}@media screen and (min-width: 330px){.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-account-number,#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-account-number{background-image:url(//www.celia-rx.com/wp-content/plugins/woocommerce-gateway-authorize-net-cim/vendor/skyverge/wc-plugin-framework/woocommerce/payment-gateway/assets/images/card-cc-plain.svg);background-repeat:no-repeat;background-position:right 10px center;background-size:50px 31px}.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-account-number.visa,#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-account-number.visa{background-image:url(//www.celia-rx.com/wp-content/plugins/woocommerce-gateway-authorize-net-cim/vendor/skyverge/wc-plugin-framework/woocommerce/payment-gateway/assets/images/card-visa.svg)}.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-account-number.mastercard,#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-account-number.mastercard{background-image:url(//www.celia-rx.com/wp-content/plugins/woocommerce-gateway-authorize-net-cim/vendor/skyverge/wc-plugin-framework/woocommerce/payment-gateway/assets/images/card-mastercard.svg)}.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-account-number.dinersclub,#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-account-number.dinersclub{background-image:url(//www.celia-rx.com/wp-content/plugins/woocommerce-gateway-authorize-net-cim/vendor/skyverge/wc-plugin-framework/woocommerce/payment-gateway/assets/images/card-dinersclub.svg)}.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-account-number.maestro,#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-account-number.maestro{background-image:url(//www.celia-rx.com/wp-content/plugins/woocommerce-gateway-authorize-net-cim/vendor/skyverge/wc-plugin-framework/woocommerce/payment-gateway/assets/images/card-maestro.svg)}.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-account-number.jcb,#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-account-number.jcb{background-image:url(//www.celia-rx.com/wp-content/plugins/woocommerce-gateway-authorize-net-cim/vendor/skyverge/wc-plugin-framework/woocommerce/payment-gateway/assets/images/card-jcb.svg)}.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-account-number.amex,#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-account-number.amex{background-image:url(//www.celia-rx.com/wp-content/plugins/woocommerce-gateway-authorize-net-cim/vendor/skyverge/wc-plugin-framework/woocommerce/payment-gateway/assets/images/card-amex.svg)}.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-account-number.discover,#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-account-number.discover{background-image:url(//www.celia-rx.com/wp-content/plugins/woocommerce-gateway-authorize-net-cim/vendor/skyverge/wc-plugin-framework/woocommerce/payment-gateway/assets/images/card-discover.svg)}.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-account-number.visaelectron,#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-account-number.visaelectron{background-image:url(//www.celia-rx.com/wp-content/plugins/woocommerce-gateway-authorize-net-cim/vendor/skyverge/wc-plugin-framework/woocommerce/payment-gateway/assets/images/card-visa-electron.svg)}.woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-account-number.invalid-card-type,#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-account-number.invalid-card-type{background-image:url(//www.celia-rx.com/wp-content/plugins/woocommerce-gateway-authorize-net-cim/vendor/skyverge/wc-plugin-framework/woocommerce/payment-gateway/assets/images/card-cc-invalid.svg)}}.woocommerce-checkout #payment div.payment_box .js-sv-wc-payment-gateway-echeck-form-check-hint,#add_payment_method .js-sv-wc-payment-gateway-echeck-form-check-hint{margin:0 0 3px 2px;cursor:pointer}.woocommerce-checkout #payment div.payment_box .js-sv-wc-payment-gateway-echeck-form-sample-check,#add_payment_method .js-sv-wc-payment-gateway-echeck-form-sample-check{margin:1em}.woocommerce-checkout #payment div.payment_box .js-sv-wc-payment-gateway-echeck-form-sample-check img,#add_payment_method .js-sv-wc-payment-gateway-echeck-form-sample-check img{min-height:135px}ul.payment_methods li div.sv-wc-payment-gateway-card-icons{vertical-align:middle;display:flex;flex-wrap:wrap;margin-left:auto;gap:5px}ul.payment_methods li div.sv-wc-payment-gateway-card-icons img{float:none !important}