/* Theme Name: Rhett Women's Center Theme URI: https://rhettwomenscenter.com/ Author: HealthLinks Marketing Author URI: https://healthlinksmarketing.com/ Description: Lightweight Twenty Twenty-Five child theme for Rhett Women's Center. One stylesheet for the whole site, built for the block editor (no page builder). Template: twentytwentyfive Version: 1.0.0 Requires at least: 6.7 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: rwc-child */ /* ========================================================================== 1. Tokens ========================================================================== */ :root { --rwc-cream: var(--wp--preset--color--cream, #FFFEF6); --rwc-mint: var(--wp--preset--color--mint, #9FC7C7); --rwc-sage: var(--wp--preset--color--sage, #D2DFDF); --rwc-ice: var(--wp--preset--color--ice, #F1FFFF); --rwc-teal: var(--wp--preset--color--teal, #007A7A); /* Palmetto from the RWC logo mark */ --rwc-palm: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 303 532'%3E%3Cpath fill='%23007A7A' transform='matrix(1 0 0 -1 0 532)' d='M187 526 c0 -1 -2 -8 -4 -16 -2 -8 -4 -15 -4 -15 -1 -1 -1 -1 -1 1 4 13 5 27 3 27 -2 0 -5 -4 -8 -14 -4 -11 -5 -10 -5 1 0 14 -9 -6 -12 -26 -1 -6 -2 -12 -2 -13 -1 -1 -1 -4 -1 -5 0 -3 -1 -2 -6 6 -7 12 -9 14 -11 11 0 -1 -1 -2 -1 -3 0 -2 -2 1 -5 6 -11 20 -19 27 -12 11 4 -9 4 -11 0 -4 -5 8 -13 19 -13 17 0 -1 2 -6 3 -10 4 -9 4 -10 0 -3 -1 2 -4 7 -7 10 -8 10 -4 -1 6 -19 8 -14 7 -13 -1 0 -6 9 -21 27 -23 27 -4 0 4 -14 17 -31 4 -4 7 -9 8 -11 4 -9 1 -6 -11 8 -18 22 -15 11 3 -14 15 -19 20 -24 24 -27 4 -4 5 -5 3 -5 -4 0 -11 7 -19 16 -9 11 -20 20 -23 20 -2 0 0 -2 6 -9 8 -9 10 -13 4 -8 -14 11 -20 12 -14 2 l2 -4 -3 2 c-26 16 -53 27 -53 22 0 -2 4 -5 12 -10 5 -3 6 -4 5 -3 -18 4 -28 5 -28 3 0 -4 12 -10 25 -12 3 0 5 -1 6 -1 0 -1 1 -1 -15 -2 -14 -1 -16 -1 -12 -5 3 -3 11 -3 19 1 10 3 18 4 23 3 4 -2 4 -3 -7 -5 -12 -3 -18 -6 -16 -10 3 -3 22 0 32 6 6 3 6 2 1 -3 -5 -6 -4 -7 3 -5 6 2 20 1 27 -1 9 -3 20 -10 16 -10 -3 0 -18 5 -22 7 -4 3 -8 2 -18 0 -6 -2 -10 -2 -17 -2 -9 0 -11 0 -15 -2 -6 -3 -14 -4 -25 -4 -13 0 -18 -2 -16 -4 2 -3 9 -3 22 -1 13 2 19 3 19 1 0 -2 -11 -5 -28 -6 -13 0 -15 -1 -10 -4 4 -3 15 -2 30 2 7 2 13 4 13 4 1 -1 -12 -6 -24 -10 -14 -4 -14 -4 -12 -5 4 -2 16 1 29 7 3 2 7 3 9 3 4 0 -14 -10 -28 -16 -3 -2 -6 -3 -6 -3 2 -2 16 1 23 5 l9 4 -5 -4 c-2 -2 -6 -6 -9 -8 -6 -5 -6 -7 -1 -7 2 0 8 4 25 16 22 17 24 18 33 20 6 0 7 -1 1 -3 -9 -2 -29 -16 -51 -36 -11 -9 -11 -9 -11 -15 -3 -36 0 -50 4 -17 1 6 2 11 2 11 1 2 1 0 0 -13 -1 -11 -1 -18 1 -18 2 0 5 12 7 27 0 3 1 7 1 8 1 1 1 0 1 -3 -2 -17 -2 -21 -1 -22 4 -3 6 2 6 18 0 17 2 22 4 12 3 -11 6 -10 6 2 0 9 0 10 2 11 4 3 4 3 4 -4 2 -9 7 -6 10 6 l2 6 3 -3 c4 -4 4 -3 7 4 2 4 3 6 4 5 1 0 3 1 5 3 3 4 13 10 14 10 3 0 -1 -4 -13 -17 -17 -17 -18 -20 -6 -17 5 2 5 2 4 0 -2 -2 -7 -5 -14 -8 -11 -3 -15 -11 -5 -10 3 0 6 1 6 0 0 0 -5 -3 -12 -7 -8 -5 -12 -8 -12 -9 0 -3 0 -3 7 1 l7 3 -9 -8 c-4 -5 -8 -9 -8 -10 0 -3 5 -1 13 7 10 9 10 8 0 -5 -8 -11 -9 -15 -4 -15 2 0 3 2 8 8 4 5 7 9 7 9 0 -1 -2 -5 -4 -9 -5 -11 -5 -16 -1 -14 0 0 6 9 12 20 12 23 13 25 12 20 -5 -20 3 -14 17 13 4 8 8 15 8 15 2 -2 -6 -23 -14 -36 -7 -12 -6 -16 2 -8 3 2 4 3 4 2 -6 -14 -8 -25 -5 -26 2 0 5 3 7 11 l3 6 1 -4 c4 -5 6 -4 7 4 1 7 3 32 3 34 0 0 0 3 0 5 0 5 0 5 2 -1 1 -3 2 -6 2 -7 2 -2 10 5 13 12 2 5 2 5 8 4 6 0 6 0 -1 7 -6 6 -6 6 -9 5 -5 -3 -7 -2 -8 2 -1 15 -1 16 -4 16 -1 0 -3 1 -5 1 -2 1 -2 1 -3 0 -2 -3 -3 -2 -5 0 -2 3 -2 3 1 2 2 0 3 0 4 2 2 3 2 3 5 0 2 -2 2 -2 5 -1 4 1 4 2 4 -6 2 -13 2 -14 4 -13 2 1 5 7 7 13 1 4 1 4 2 2 1 -2 1 -2 6 2 l5 5 2 -5 c4 -5 5 -5 4 1 -1 6 -3 11 -7 17 -5 6 -3 6 10 2 2 -1 6 -2 8 -2 l4 1 -5 3 c-4 3 -4 3 -1 3 3 0 5 1 5 3 -1 2 -11 6 -14 6 -3 0 -3 2 2 7 13 12 24 34 24 46 0 3 0 3 -4 -3 -6 -12 -8 -10 -2 2 10 20 6 24 -5 6 -8 -14 -5 -3 5 18 8 15 4 18 -4 4 -5 -8 -4 -9 -2 8 1 5 0 9 -2 5z M256 491 c-2 -1 -7 -6 -12 -11 -5 -5 -9 -8 -10 -8 -1 1 4 6 9 12 4 3 6 5 6 6 0 4 -12 -5 -30 -23 -12 -13 -22 -20 -28 -21 -7 -1 -11 -5 -9 -8 2 -2 9 -1 16 4 4 2 7 3 8 3 0 -1 -1 -1 -2 -2 -3 -1 -3 -3 1 -6 4 -3 7 -3 14 0 7 4 8 3 0 -2 -6 -5 -6 -5 -16 -1 -6 2 -12 2 -18 1 -4 0 -4 0 2 -3 7 -4 8 -5 5 -8 -2 -2 -2 -2 0 -4 2 -4 2 -5 -1 -6 -2 0 -1 -1 4 -9 8 -10 15 -20 19 -28 4 -8 8 -13 9 -11 1 3 -1 8 -6 16 -9 16 -16 35 -8 23 7 -10 25 -27 37 -36 14 -9 20 -13 21 -11 0 0 3 -1 8 -2 14 -5 17 -3 9 3 -4 4 -4 4 -1 4 1 0 5 -1 7 -3 6 -4 8 -3 5 2 -4 5 -18 13 -26 13 -4 0 3 2 8 3 6 1 6 1 3 2 -2 2 -5 2 -10 3 -8 0 -14 2 -27 7 -9 4 -12 6 -11 7 2 1 11 0 16 -1 8 -3 14 -4 17 -3 3 1 3 1 -3 4 -3 2 -6 3 -6 4 0 0 9 0 19 0 11 0 19 0 20 0 1 2 -7 3 -21 4 -32 1 -22 3 18 4 4 0 6 0 6 1 -1 3 -8 4 -22 4 -22 0 -17 3 7 4 13 0 16 1 16 2 1 5 -15 5 -33 0 -8 -1 -16 -1 -14 0 0 1 5 2 19 5 8 2 16 6 16 7 0 3 -4 2 -11 -1 -3 -1 -10 -3 -14 -3 -16 -2 -24 -3 -27 -4 -2 0 -3 0 -3 1 1 2 9 4 21 5 11 1 15 2 16 5 2 2 -13 1 -31 -3 -3 -1 -7 -1 -11 -1 -6 -1 -6 -1 4 2 19 5 30 10 30 14 0 3 -4 3 -14 0 -11 -3 -12 -2 -3 1 15 5 22 10 21 13 -1 3 -5 2 -13 -1 -4 -2 -8 -4 -10 -4 -2 0 -2 0 0 1 20 9 32 16 31 19 -1 3 -4 2 -11 -1 -9 -4 -8 -3 2 4 8 6 10 9 10 11 0 1 -3 -1 -15 -9 -17 -11 -18 -11 -7 0 12 11 14 17 4 10z M174 414 c2 -4 5 -6 12 -9 4 -1 5 -1 3 3 -3 4 -8 8 -13 9 -4 0 -4 0 -2 -3z M179 403 c0 -2 0 -5 -1 -9 l-1 -5 -5 5 c-7 8 -7 5 1 -6 4 -6 8 -13 10 -19 5 -13 12 -23 17 -26 5 -3 0 14 -9 29 -4 7 -5 10 -3 10 1 0 1 -1 1 -1 0 -6 18 -33 21 -31 2 2 -13 32 -22 43 -8 11 -10 13 -9 10z M192 402 c0 0 -1 -1 -2 -1 -2 0 -1 -2 5 -11 3 -6 9 -16 12 -22 7 -14 10 -16 9 -8 0 6 -7 22 -16 34 -6 8 -8 10 -8 8z M161 393 c-2 -2 0 -4 8 -11 4 -5 8 -8 8 -8 0 1 -2 5 -5 10 -5 9 -9 12 -11 9z M156 385 c0 -1 4 -6 9 -11 9 -9 9 -9 9 -6 1 3 1 4 -7 11 -7 7 -11 9 -11 6z M223 382 c0 -4 11 -27 18 -35 4 -6 12 -13 13 -12 1 2 -8 17 -21 34 -10 13 -10 14 -10 13z M178 366 c-2 -7 10 -45 13 -46 3 -1 1 12 -6 31 -6 19 -6 20 -7 15z M159 363 c0 -3 10 -33 13 -40 3 -6 5 -8 4 -4 -2 17 -5 30 -10 38 -3 6 -2 6 -5 6 -1 1 -2 1 -2 0z M170 361 c-1 -1 7 -30 10 -37 3 -5 3 -5 2 3 -4 27 -8 39 -12 34z M154 360 c-1 -1 0 -4 5 -21 4 -11 8 -20 9 -18 1 2 -10 40 -12 40 0 0 -1 -1 -2 -1z M225 357 c2 -9 17 -34 21 -34 1 0 2 1 2 3 0 4 -1 5 -11 18 -13 18 -12 17 -12 13z M222 348 c-3 -8 9 -33 16 -33 5 0 4 1 -8 22 -8 15 -8 14 -8 11z M145 340 c-7 -8 -8 -14 -4 -19 2 -3 2 -4 0 -3 -3 1 -3 -13 0 -17 2 -3 2 -3 0 -2 -3 0 -3 0 -2 -7 0 -4 1 -8 2 -10 1 -2 1 -2 -1 -3 -3 0 -2 -14 1 -17 2 -2 1 -3 -1 -3 -3 0 -2 -14 1 -18 3 -2 3 -3 0 -2 -4 1 -4 -14 0 -19 2 -3 2 -3 0 -3 -3 1 -3 1 -3 -10 0 -5 0 -7 2 -9 2 -2 2 -2 0 -2 -2 0 -2 0 -2 -5 0 -3 0 -6 0 -8 0 -1 1 -3 3 -5 2 -3 2 -3 -1 -3 -3 1 -3 1 -3 -5 0 -4 1 -7 2 -9 2 -5 2 -5 0 -5 -4 2 -4 -13 0 -17 3 -4 3 -4 1 -4 -1 1 -3 1 -3 1 -3 1 -1 -17 1 -20 4 -5 4 -5 0 -3 -4 1 -4 1 -4 -9 -1 -9 -1 -9 2 -13 l3 -4 -4 1 c-3 0 -3 0 -3 -3 0 -2 0 -6 0 -8 -1 -4 0 -5 2 -9 4 -5 3 -6 0 -4 -4 1 -3 2 -6 -9 l-2 -10 7 -7 6 -6 6 2 c6 3 19 6 25 6 4 0 4 0 4 3 -1 1 -2 9 -4 17 -3 17 -2 16 -7 14 -6 -2 -6 -2 -1 4 4 4 4 5 4 9 -1 6 -1 6 -6 3 -5 -2 -5 -1 0 5 3 4 4 6 5 10 0 7 0 7 -6 5 -4 -2 -4 -1 0 4 4 4 4 5 4 11 0 8 0 8 -6 5 -1 0 -2 -1 3 7 2 3 3 6 3 9 0 6 0 6 -3 5 -5 0 -5 0 -1 5 2 3 2 5 2 10 1 6 0 7 -3 5 -4 -1 -4 -1 0 4 4 6 4 19 -1 19 -3 0 -3 0 0 3 2 3 2 5 2 9 0 12 0 12 -2 12 -2 0 -3 1 0 3 1 1 1 3 1 7 0 6 0 6 -3 6 -2 0 -2 0 1 3 3 4 3 6 1 17 0 0 -1 1 -2 1 -2 1 -2 1 0 2 4 4 2 18 -2 18 -1 0 -1 0 1 3 3 4 3 16 0 15 -2 0 -3 1 -1 3 2 1 1 18 -1 17 -1 0 -1 0 0 3 1 1 2 4 1 5 0 1 0 7 0 14 0 7 0 12 -1 12 0 0 -3 -3 -7 -7z M192 341 c3 -17 11 -33 10 -20 -2 12 -4 17 -8 22 l-4 5 2 -7z M211 345 c-2 -3 4 -27 7 -30 5 -6 4 4 -3 25 -2 6 -3 7 -4 5z M202 333 c2 -8 4 -14 6 -16 2 -2 2 -2 2 5 -1 11 -3 14 -6 14 -2 0 -2 0 -2 -3z M98 36 c-6 -2 -11 -6 -11 -8 0 -2 6 -4 11 -4 3 0 3 0 -3 -7 -5 -5 -6 -6 -4 -6 10 3 11 3 12 -2 0 -3 1 -5 1 -5 2 0 9 4 11 6 2 3 2 3 5 0 2 -2 2 -2 6 0 4 3 4 3 7 -1 l4 -3 4 3 3 4 7 -3 c6 -3 15 -4 15 -2 0 0 -1 2 -3 4 l-2 3 4 -1 c8 -1 8 -1 9 2 0 3 1 3 7 -3 l6 -4 0 4 c1 4 1 4 5 3 3 0 3 0 2 2 0 3 0 3 5 3 2 0 7 0 9 1 l4 1 -5 3 c-16 10 -35 12 -59 3 l-11 -3 -8 5 c-7 6 -7 6 -17 6 -7 0 -12 0 -14 -1z'/%3E%3C/svg%3E"); /* Pineapple bullet, a nod to the Charleston Pineapple Fountain */ --rwc-pine: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 615 1223'%3E%3Cpath transform='translate(0.000000,1223.000000) scale(1.000000,-1.000000)' d='M307 1213 c-1 -2 -2 -7 -6 -31 -1 -5 -3 -11 -3 -14 -1 -5 -2 -10 -4 -22 -1 -3 -2 -8 -2 -11 -1 -9 -8 -47 -9 -53 -1 -4 -2 -11 -3 -17 0 -7 -2 -14 -2 -17 -1 -9 -4 -29 -6 -44 -1 -5 -2 -12 -2 -16 -1 -4 -1 -11 -2 -16 -1 -5 -1 -13 -2 -17 -1 -11 -2 -24 -4 -40 -1 -6 -1 -13 -2 -15 0 -3 0 -5 2 -7 1 -1 2 -3 2 -3 0 -1 2 -4 5 -9 4 -7 11 -18 16 -28 2 -3 4 -7 6 -10 4 -8 13 -24 14 -27 2 -5 4 -4 9 7 3 6 7 13 9 17 2 4 5 10 8 14 2 3 7 13 12 21 13 22 12 20 12 30 -1 5 -2 13 -2 17 0 4 -1 12 -2 19 -1 6 -2 14 -2 19 -1 5 -2 12 -2 17 -3 24 -6 45 -12 89 -2 13 -13 76 -16 95 -1 6 -2 13 -3 16 -6 32 -8 41 -9 36z M113 1073 c2 -5 4 -13 6 -19 2 -6 4 -14 6 -19 1 -5 5 -16 8 -25 10 -30 36 -110 38 -113 1 -2 2 -7 4 -13 2 -6 5 -14 7 -19 2 -5 4 -10 4 -11 0 -1 2 -6 4 -11 2 -5 3 -10 4 -11 0 -1 6 -6 18 -14 22 -15 50 -35 61 -44 2 -2 6 -4 8 -6 5 -2 4 -4 17 25 2 4 2 7 -12 32 -1 2 -4 7 -6 11 -2 3 -4 7 -5 9 -1 1 -3 5 -4 7 -6 10 -19 33 -35 57 -22 36 -71 106 -98 140 -3 3 -7 8 -9 11 -14 17 -17 21 -18 21 0 0 0 -4 2 -8z M502 1079 c-8 -8 -54 -70 -82 -108 -22 -32 -80 -123 -80 -128 0 0 -1 -2 -3 -5 -1 -2 -6 -10 -9 -17 -4 -8 -8 -15 -10 -18 -3 -6 -2 -9 8 -28 1 -3 3 -6 3 -7 2 -3 1 -3 35 22 11 8 28 20 38 27 10 7 18 13 19 14 1 2 13 34 19 53 2 6 6 16 8 23 7 18 33 99 43 130 5 15 10 32 12 36 2 8 2 9 -1 6z M13 907 c0 -1 6 -7 13 -15 8 -7 18 -18 23 -24 6 -6 17 -17 26 -26 8 -9 20 -21 27 -28 7 -8 20 -21 30 -31 18 -18 18 -19 14 -20 -5 0 -4 0 5 -10 6 -5 10 -10 10 -10 0 -1 -11 -1 -24 0 -47 1 -138 -6 -127 -10 8 -3 35 -14 38 -15 2 -1 14 -6 27 -10 12 -5 24 -9 26 -10 3 -2 80 -32 82 -32 2 0 1 -2 -2 -4 -21 -13 -54 -46 -70 -70 -3 -4 -6 -9 -8 -11 -1 -3 -4 -6 -5 -8 -4 -7 -6 -10 -8 -15 -3 -4 -8 -14 -17 -33 -1 -4 -3 -8 -3 -8 0 -1 0 -2 -1 -2 0 -1 -3 -9 -9 -27 -4 -11 -11 -39 -13 -50 -1 -4 -2 -10 -2 -12 -1 -2 -1 -9 -2 -15 -1 -6 -2 -14 -2 -17 -1 -10 -1 -67 0 -77 0 -3 1 -11 2 -17 1 -6 2 -13 2 -15 6 -30 7 -35 8 -39 0 -1 1 -5 2 -7 3 -9 5 -16 8 -26 2 -5 4 -9 4 -10 0 -2 2 -5 3 -8 4 -10 15 -35 20 -42 2 -5 4 -8 8 -15 1 -2 4 -5 5 -7 2 -3 6 -8 9 -13 69 -100 188 -137 287 -89 179 85 235 377 108 560 -21 29 -56 65 -74 74 -4 2 -9 -1 71 30 5 2 10 4 12 5 1 1 13 6 26 10 13 5 25 10 26 10 1 1 11 5 21 9 22 8 22 8 1 10 -43 5 -77 6 -111 6 l-25 -1 10 10 c10 11 11 12 6 11 -5 -1 -4 2 2 8 13 13 68 70 91 94 13 13 27 28 32 33 10 11 10 11 -1 7 -44 -19 -90 -42 -130 -66 -32 -18 -32 -18 -34 -23 -1 -2 -4 -10 -7 -18 -3 -9 -7 -18 -7 -19 0 -1 -2 -6 -3 -9 -5 -13 -9 -23 -18 -52 -11 -32 -10 -30 -14 -29 -6 1 -9 3 -7 6 1 1 7 20 16 50 3 11 6 18 13 38 8 21 9 23 9 24 -1 0 -24 -16 -44 -31 -16 -11 -46 -39 -46 -42 0 0 3 -3 7 -6 18 -15 21 -20 17 -28 -1 -2 -2 -4 -3 -4 -2 0 -11 7 -16 12 -19 17 -19 17 -35 2 -19 -16 -20 -16 -23 -9 -3 7 0 12 13 23 6 5 11 10 11 10 0 6 -46 44 -75 64 -6 4 -11 7 -11 8 -2 3 -4 0 -2 -4 0 -1 2 -4 3 -7 1 -4 3 -7 3 -8 0 -2 2 -5 3 -8 3 -7 3 -9 5 -14 1 -2 3 -8 5 -12 1 -5 5 -19 9 -30 9 -30 9 -30 9 -31 0 -1 -8 -4 -10 -4 -1 0 -2 1 -3 4 -3 10 -20 62 -23 69 -4 11 -6 17 -7 20 -1 1 -4 9 -10 26 -2 5 -4 10 -4 11 -3 6 -88 53 -145 78 -27 12 -27 12 -27 11z m313 -237 c11 0 28 -4 41 -9 142 -49 216 -256 157 -434 -8 -24 -17 -43 -30 -67 -29 -51 -78 -93 -129 -111 -89 -31 -191 17 -244 113 -5 9 -15 29 -17 34 -1 2 -3 6 -4 8 -8 19 -17 50 -22 77 -8 43 -9 93 -2 136 1 9 2 12 4 24 1 7 8 32 10 38 5 16 8 24 10 28 1 2 2 4 2 4 0 2 8 19 14 29 1 2 4 7 5 10 38 68 106 116 174 121 10 1 14 1 31 -1z M291 653 c-9 -1 -23 -4 -23 -5 0 0 35 -26 39 -28 1 -1 1 -1 26 17 15 11 15 11 8 13 -13 4 -33 5 -50 3z M231 635 c-18 -9 -56 -38 -53 -40 0 -1 11 -9 25 -19 l24 -18 23 17 c12 10 26 20 29 23 7 4 7 4 5 7 -4 2 -46 33 -46 33 0 0 -3 -2 -7 -3z M360 626 c-25 -19 -30 -22 -30 -23 0 -1 47 -37 57 -44 1 -1 42 28 49 35 3 3 -31 30 -50 40 -9 5 -7 5 -26 -8z M281 567 c-29 -22 -32 -24 -32 -25 0 0 11 -9 24 -19 14 -10 27 -20 29 -22 6 -5 5 -5 17 4 5 4 18 14 28 22 11 7 19 14 19 15 1 1 -56 44 -58 44 -1 0 -13 -9 -27 -19z M157 572 c-2 -3 -19 -27 -19 -28 0 -1 -2 -5 -5 -10 -11 -18 -11 -17 -3 -24 20 -16 17 -15 26 -7 9 7 34 27 43 33 3 3 6 6 6 6 -1 1 -43 33 -44 33 0 0 -2 -1 -4 -3z M432 559 c-11 -9 -21 -17 -21 -17 0 -1 5 -5 11 -10 6 -4 18 -14 27 -21 9 -7 17 -13 18 -14 1 0 24 17 24 19 2 4 -32 59 -36 59 -1 0 -11 -7 -23 -16z M222 522 c-3 -2 -8 -6 -12 -9 -41 -32 -42 -32 -37 -36 12 -10 54 -42 55 -42 1 0 5 3 10 7 4 3 10 8 11 9 15 11 37 29 37 29 0 1 -58 45 -59 45 -1 0 -3 -2 -5 -3z M365 508 c-12 -10 -26 -20 -29 -22 -4 -3 -7 -6 -6 -6 0 -1 9 -8 20 -17 11 -8 24 -18 28 -22 5 -3 9 -6 10 -6 1 0 57 44 58 45 0 2 -55 44 -57 45 -1 0 -12 -8 -24 -17z M112 489 c0 -1 -1 -2 -1 -3 -4 -9 -8 -24 -7 -24 1 0 22 17 23 18 0 1 -9 8 -13 10 -1 1 -1 0 -2 -1z M500 490 c-1 -1 -7 -5 -11 -9 -1 0 3 -4 9 -9 5 -4 10 -8 11 -9 3 -2 3 -1 0 9 -6 17 -6 19 -9 18z M135 453 c-13 -10 -35 -28 -39 -31 -4 -4 -3 -5 26 -28 27 -22 27 -22 32 -18 3 2 15 12 28 22 13 10 24 19 24 20 1 0 -56 45 -58 46 0 0 -6 -5 -13 -11z M278 441 c-15 -12 -28 -22 -28 -23 0 -1 4 -5 24 -20 7 -5 17 -14 23 -18 9 -7 11 -8 12 -7 2 1 23 17 48 37 5 4 9 8 9 8 0 0 -5 5 -11 10 -14 10 -45 34 -47 35 0 1 -14 -9 -30 -22z M449 450 c-30 -24 -39 -31 -40 -32 0 0 8 -7 18 -15 10 -8 23 -18 29 -23 7 -5 11 -8 11 -7 7 5 54 43 54 43 1 2 1 3 -2 6 -3 3 -44 36 -51 41 0 1 -7 -4 -19 -13z M216 393 c-5 -5 -18 -15 -28 -22 -10 -8 -18 -15 -18 -15 1 -1 6 -6 13 -11 6 -5 19 -15 28 -22 9 -7 16 -13 17 -13 1 0 7 5 15 11 8 6 21 16 29 23 8 6 14 11 14 12 0 0 -6 5 -14 12 -8 6 -21 16 -29 22 -8 6 -15 11 -15 11 -1 0 -6 -4 -12 -8z M377 394 c-34 -27 -47 -38 -47 -39 0 0 21 -17 48 -38 5 -4 10 -7 10 -7 3 1 57 44 57 46 0 1 -27 22 -51 41 -7 5 -6 5 -17 -3z M89 371 c0 -12 1 -45 2 -46 0 0 37 29 37 31 0 0 -35 29 -37 30 0 0 -1 -7 -2 -15z M523 385 c0 0 -8 -7 -18 -15 -10 -8 -18 -14 -18 -14 0 -1 8 -7 18 -15 10 -8 18 -15 18 -15 1 -1 1 -1 2 0 1 1 2 57 1 59 -1 1 -3 1 -3 0z M122 317 c-32 -25 -31 -24 -22 -31 3 -2 15 -12 27 -22 l21 -17 10 7 c33 26 48 38 48 39 0 1 -54 45 -57 46 0 0 -13 -10 -27 -22z M304 337 c-1 -2 -10 -8 -18 -14 -31 -24 -36 -29 -36 -30 0 -2 56 -45 58 -45 2 0 58 44 58 45 0 1 -57 46 -58 46 -1 0 -3 -1 -4 -2z M458 332 c-5 -3 -18 -13 -29 -22 -11 -9 -20 -17 -20 -17 1 -1 10 -8 40 -32 16 -12 18 -14 20 -13 1 1 13 11 27 22 24 20 26 22 25 24 0 2 -53 44 -55 45 0 0 -4 -3 -8 -7z M202 257 c-13 -11 -26 -21 -29 -23 -4 -4 -4 -4 17 -20 29 -23 36 -28 37 -28 1 0 10 7 22 16 11 8 24 18 28 22 5 3 9 6 9 7 0 0 -7 6 -16 13 -9 7 -22 17 -29 22 -6 6 -12 10 -13 10 -1 0 -13 -9 -26 -19z M364 258 c-12 -9 -25 -19 -28 -21 -3 -3 -6 -5 -6 -6 0 -1 25 -20 48 -38 9 -6 10 -7 12 -6 1 0 12 9 24 18 13 10 25 19 27 21 3 2 5 4 5 5 -1 1 -57 45 -58 45 -1 0 -12 -8 -24 -18z M104 246 c1 -6 9 -25 10 -25 2 0 13 9 13 10 0 1 -20 17 -22 18 -1 0 -1 -1 -1 -3z M501 242 c-15 -12 -14 -11 -6 -17 4 -3 7 -5 7 -5 1 1 10 28 10 28 0 2 -3 0 -11 -6z M278 192 c-15 -12 -29 -22 -29 -23 0 -1 57 -44 59 -44 1 0 49 35 56 42 3 2 3 2 1 3 -4 4 -53 42 -55 43 -3 2 -3 2 -32 -21z M136 205 c-13 -10 -13 -10 -10 -16 2 -3 4 -7 6 -10 2 -4 4 -8 6 -11 7 -14 21 -32 24 -32 2 1 43 33 43 34 0 0 -2 2 -5 4 -8 6 -27 21 -39 31 -7 5 -12 9 -13 9 0 0 -6 -4 -12 -9z M460 209 c-4 -3 -16 -13 -28 -22 -12 -10 -22 -18 -22 -18 1 -1 44 -33 45 -33 2 0 19 25 27 41 3 4 6 10 8 13 3 5 3 5 -10 15 -14 11 -12 10 -20 4z M219 147 c-5 -4 -16 -12 -25 -19 -16 -12 -16 -12 -13 -15 8 -10 38 -32 52 -38 5 -2 5 -2 22 10 25 18 30 22 30 23 0 1 -8 7 -18 14 -10 8 -22 18 -28 22 -14 11 -11 10 -20 3z M379 146 c-5 -4 -18 -14 -29 -22 -11 -9 -20 -16 -20 -16 0 0 3 -3 6 -5 4 -3 13 -10 22 -16 22 -16 19 -15 26 -11 22 11 56 38 52 41 -4 4 -46 35 -47 35 0 1 -5 -2 -10 -6z M287 78 c-10 -8 -19 -15 -19 -15 0 -1 14 -4 27 -5 15 -1 34 0 46 3 l7 2 -10 7 c-5 4 -14 11 -19 15 -6 4 -11 7 -11 7 -1 0 -10 -7 -21 -14z M302 769 c-7 -14 -7 -13 -1 -19 6 -7 8 -7 14 0 6 6 6 6 3 12 -2 2 -4 8 -6 11 -4 9 -4 9 -10 -4z'/%3E%3C/svg%3E"); --rwc-teal-dark: var(--wp--preset--color--teal-dark, #0A4C55); --rwc-blue: var(--wp--preset--color--blue, #0C799A); --rwc-ink: #000; --rwc-body: var(--wp--preset--color--body, #595959); --rwc-line: var(--wp--preset--color--line, #E6E6DC); --rwc-display: var(--wp--preset--font-family--display, Melodrama, serif); --rwc-sans: var(--wp--preset--font-family--body, Jost, sans-serif); --rwc-gutter: var(--wp--custom--gutter, clamp(15px, 5.2vw, 75px)); --rwc-wide: 1290px; --rwc-header-h: 95px; --rwc-ease: cubic-bezier(.4, 0, .2, 1); } /* ========================================================================== 2. Base ========================================================================== */ html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } } body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* Body copy at 18px (was 16px) for easier reading */ body { --wp--preset--font-size--base: 18px; } img, video { max-width: 100%; height: auto; } .wp-site-blocks { padding-top: 0; padding-bottom: 0; } .wp-site-blocks > * + * { margin-block-start: 0; } main.wp-block-group { margin-block-start: 0; } .rwc-main > * { margin-block-start: 0; } .rwc-main > .alignfull + .alignfull { margin-block-start: 0; } :where(.wp-site-blocks) :focus-visible { outline: 2px solid var(--rwc-teal-dark); outline-offset: 3px; } .rwc-hero :focus-visible, .rwc-aesthetics :focus-visible, .rwc-testimonials :focus-visible, .rwc-signup :focus-visible, .rwc-overview__panel :focus-visible, .rwc-page-hero__media :focus-visible { outline-color: #fff; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .skip-link.screen-reader-text:focus { background: var(--rwc-cream); clip: auto !important; clip-path: none; color: var(--rwc-ink); display: block; font-size: 1rem; height: auto; left: 8px; padding: 14px 22px; top: 8px; width: auto; z-index: 100000; box-shadow: 0 0 0 2px var(--rwc-teal-dark); } p a:not(.wp-element-button), li a:not(.wp-element-button) { text-underline-offset: .18em; text-decoration-thickness: 1px; } /* Shared wide container used by every custom section */ .rwc-wrap { max-width: var(--rwc-wide); margin-inline: auto; } /* Section heading helpers */ .rwc-kicker { font-size: 16px; text-transform: uppercase; letter-spacing: .06em; margin: 0; } .rwc-display { font-size: var(--wp--preset--font-size--display) !important; line-height: 1.05; } .has-text-align-center.rwc-center-block, .rwc-center { margin-inline: auto; text-align: center; } /* ========================================================================== 3. Buttons ========================================================================== */ .wp-element-button, .wp-block-button__link { transition: background-color .4s linear, color .4s linear, border-color .4s linear; text-decoration: none; cursor: pointer; } /* Outline (square with the small corner flag) */ .is-style-rwc-outline .wp-block-button__link { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 55px; padding: 0 36px; background: transparent; color: var(--rwc-ink); border: 1px solid var(--rwc-line); border-radius: 0; } .rwc-welcome .is-style-rwc-outline .wp-block-button__link, .rwc-hero .is-style-rwc-outline .wp-block-button__link { background: var(--rwc-cream); } .is-style-rwc-outline .wp-block-button__link::before { content: ""; position: absolute; top: -1px; left: -1px; border-style: solid; border-width: 8px 8px 0 0; border-color: var(--rwc-teal) transparent transparent transparent; transition: border-color .4s linear; } .is-style-rwc-outline .wp-block-button__link:hover, .is-style-rwc-outline .wp-block-button__link:focus-visible { background: var(--rwc-teal); color: #fff; border-color: var(--rwc-teal); } .is-style-rwc-outline .wp-block-button__link:hover::before, .is-style-rwc-outline .wp-block-button__link:focus-visible::before { border-top-color: var(--rwc-cream); } /* Ghost: outline button for dark panels */ .is-style-rwc-ghost .wp-block-button__link { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 55px; padding: 0 36px; background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.75); border-radius: 0; } .is-style-rwc-ghost .wp-block-button__link::before { content: ""; position: absolute; top: -1px; left: -1px; border-style: solid; border-width: 8px 8px 0 0; border-color: #fff transparent transparent transparent; } .is-style-rwc-ghost .wp-block-button__link:hover, .is-style-rwc-ghost .wp-block-button__link:focus-visible { background: #fff; color: var(--rwc-teal-dark); } /* Pill */ .is-style-rwc-pill .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; min-height: 55px; padding: 0 36px; background: var(--rwc-cream); color: var(--rwc-ink); border: 1px solid var(--rwc-line); border-radius: 51px; } .is-style-rwc-pill .wp-block-button__link:hover, .is-style-rwc-pill .wp-block-button__link:focus-visible { background: var(--rwc-teal-dark); color: #fff; border-color: var(--rwc-teal-dark); } /* Circle ("Learn More" with an arrow) */ .is-style-rwc-circle .wp-block-button__link { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 258px; height: 258px; padding: 0; border-radius: 50%; background: var(--rwc-mint); color: var(--rwc-teal-dark); border: 1px solid rgba(255,255,255,.1); font-family: var(--rwc-display); font-size: 25px; font-weight: 500; letter-spacing: .02em; transition: transform .35s var(--rwc-ease), background-color .35s linear; } .is-style-rwc-circle .wp-block-button__link::after { content: ""; width: 38px; height: 8px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 8'%3E%3Cpath d='M37.85 4.04a.5.5 0 0 0 0-.71L34.67.15a.5.5 0 1 0-.71.7l2.83 2.83-2.83 2.83a.5.5 0 1 0 .71.7zM0 4.18h37.5v-1H0z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 8'%3E%3Cpath d='M37.85 4.04a.5.5 0 0 0 0-.71L34.67.15a.5.5 0 1 0-.71.7l2.83 2.83-2.83 2.83a.5.5 0 1 0 .71.7zM0 4.18h37.5v-1H0z'/%3E%3C/svg%3E") center / contain no-repeat; } .is-style-rwc-circle .wp-block-button__link:hover, .is-style-rwc-circle .wp-block-button__link:focus-visible { transform: scale(1.05); background: #fff; color: var(--rwc-teal-dark); } /* ========================================================================== 4. Lists, separators, images ========================================================================== */ .is-style-rwc-dots { list-style: none; padding-left: 0 !important; margin: 0; } .is-style-rwc-dots li { position: relative; padding-left: 22px; line-height: 1.66; margin: 0 0 12px; } .is-style-rwc-dots li::before { content: ""; position: absolute; left: 0; top: .72em; width: 5px; height: 5px; border-radius: 50%; background: currentColor; } .is-style-rwc-checks { list-style: none; padding-left: 0 !important; margin: 0; } .is-style-rwc-checks li { position: relative; padding-left: 30px; margin: 0 0 10px; } .is-style-rwc-checks li::before { content: ""; position: absolute; left: 0; top: .3em; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3.6 5.8-4.2 4.6a.7.7 0 0 1-1 0L4.4 8.3a.7.7 0 1 1 1-1l1.5 1.5 3.7-4a.7.7 0 1 1 1 1z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3.6 5.8-4.2 4.6a.7.7 0 0 1-1 0L4.4 8.3a.7.7 0 1 1 1-1l1.5 1.5 3.7-4a.7.7 0 1 1 1 1z'/%3E%3C/svg%3E") center / contain no-repeat; } /* Pineapple bullets for content lists (homepage tab lists keep their dots) */ :is(.is-style-rwc-checks, .is-style-rwc-dots:not(.rwc-tab__text *), .rwc-single ul:not([class])) { list-style: none; padding-left: 0 !important; } :is(.is-style-rwc-checks, .is-style-rwc-dots:not(.rwc-tab__text *), .rwc-single ul:not([class])) > li { position: relative; padding-left: 30px; } :is(.is-style-rwc-checks, .is-style-rwc-dots:not(.rwc-tab__text *), .rwc-single ul:not([class])) > li::before { content: ""; position: absolute; left: 0; top: calc(.83em - 13px); width: 14px; height: 26px; border-radius: 0; background: var(--rwc-teal); -webkit-mask: var(--rwc-pine) center / contain no-repeat; mask: var(--rwc-pine) center / contain no-repeat; } .rwc-single ul.wp-block-list:not([class*="is-style-"]) { list-style: none; padding-left: 0 !important; } .rwc-single ul.wp-block-list:not([class*="is-style-"]) > li { position: relative; padding-left: 30px; } .rwc-single ul.wp-block-list:not([class*="is-style-"]) > li::before { content: ""; position: absolute; left: 0; top: calc(.83em - 13px); width: 14px; height: 26px; background: var(--rwc-teal); -webkit-mask: var(--rwc-pine) center / contain no-repeat; mask: var(--rwc-pine) center / contain no-repeat; } :is(.rwc-overview__panel, .wp-block-cover) li::before { background: currentColor !important; } .wp-block-separator.is-style-rwc-rule { border: 0; border-top: 1px solid currentColor; opacity: 1; width: 100%; max-width: none; margin: 0; } .wp-block-image.is-style-rwc-arch img { border-radius: 999px 999px 0 0; } .wp-block-image img { display: block; } /* ========================================================================== 5. Header + full-screen menu ========================================================================== */ .wp-block-template-part.rwc-site-header, header.wp-block-template-part { margin: 0; position: relative; z-index: 50; } .rwc-header { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: var(--rwc-header-h); padding: 0 15px; background: var(--rwc-mint); } .rwc-header > * { margin: 0 !important; } .rwc-menu-toggle { justify-self: start; display: inline-flex; align-items: center; gap: 18px; color: var(--rwc-ink); text-decoration: none; font-size: 16px; } .rwc-menu-toggle__icon { position: relative; display: block; width: 54px; height: 54px; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; transition: background-color .3s linear; } .rwc-menu-toggle__icon span { position: absolute; height: 1.5px; background: var(--rwc-teal-dark); transition: transform .3s var(--rwc-ease); } .rwc-menu-toggle__icon span:first-child { width: 16px; left: 13px; top: 24px; } .rwc-menu-toggle__icon span:last-child { width: 18px; left: 21px; top: 29px; } .rwc-menu-toggle:hover .rwc-menu-toggle__icon, .rwc-menu-toggle:focus-visible .rwc-menu-toggle__icon { background: rgba(255,255,255,.35); } .rwc-menu-toggle:hover .rwc-menu-toggle__icon span:first-child { transform: translateX(8px); } .rwc-menu-toggle:hover .rwc-menu-toggle__icon span:last-child { transform: translateX(-8px); } /* "Menu" rolls up to "Open" on hover */ .rwc-roll { position: relative; display: inline-flex; flex-direction: column; height: 1.5em; line-height: 1.5; overflow: hidden; vertical-align: middle; } .rwc-roll > span { display: block; transition: transform .4s var(--rwc-ease), opacity .4s var(--rwc-ease); } .rwc-roll > span + span { position: absolute; left: 0; top: 0; opacity: 0; transform: translateY(100%); } .rwc-menu-toggle:hover .rwc-roll > span:first-child, .rwc-menu-toggle:focus-visible .rwc-roll > span:first-child { opacity: 0; transform: translateY(-100%); } .rwc-menu-toggle:hover .rwc-roll > span + span, .rwc-menu-toggle:focus-visible .rwc-roll > span + span { opacity: 1; transform: none; } .rwc-header__logo { justify-self: center; } .rwc-header__logo img { width: 288px; height: auto; } .rwc-header__cta { justify-self: end; } .rwc-header__cta .wp-block-button__link { margin: 0 7px; } /* Menu panel: hidden until opened (JS) or targeted (no-JS fallback) */ .rwc-menu { display: none; } .rwc-menu.is-open, .rwc-menu:target { display: block; position: fixed; inset: 0; z-index: 1000; overflow-y: auto; overscroll-behavior: contain; background: var(--rwc-cream); padding: 100px clamp(20px, 9.7vw, 140px) 60px; margin: 0 !important; } /* JS-driven open/close: dimmed page, three cream bands sweep in, then the content rises in */ .rwc-menu.is-open { background: transparent; } .rwc-menu.is-open::before { content: ""; position: fixed; inset: 0; z-index: 0; background: rgba(0,0,0,.5); animation: rwcDim .3s cubic-bezier(.25,.46,.45,.94) both; } .rwc-menu__bg { position: fixed; inset: 0; z-index: 0; } .rwc-menu__bg span { position: absolute; left: 0; width: 100%; height: 33.3334vh; background: var(--rwc-cream); transform-origin: left center; animation: rwcBand .4s cubic-bezier(.25,.46,.45,.94) both; } .rwc-menu__bg span:nth-child(1) { top: 0; animation-delay: .05s; } .rwc-menu__bg span:nth-child(2) { top: 33.3333vh; animation-delay: .1s; } .rwc-menu__bg span:nth-child(3) { top: 66.6666vh; height: 33.3334vh; animation-delay: .15s; } .rwc-menu.is-open > :not(.rwc-menu__bg) { position: relative; z-index: 1; animation: rwcMenuContent .5s ease .35s both; } .rwc-menu.is-open > .rwc-menu__close { position: absolute; } .rwc-menu > *, .rwc-menu__inner > * { margin-block: 0; } /* closing: content fades, bands retract bottom-up, dim lifts */ .rwc-menu.is-closing > :not(.rwc-menu__bg) { animation: rwcFadeOut .2s linear both; } .rwc-menu.is-closing .rwc-menu__bg span { animation: rwcBandOut .4s cubic-bezier(.25,.46,.45,.94) both; } .rwc-menu.is-closing .rwc-menu__bg span:nth-child(1) { animation-delay: .2s; } .rwc-menu.is-closing .rwc-menu__bg span:nth-child(2) { animation-delay: .1s; } .rwc-menu.is-closing .rwc-menu__bg span:nth-child(3) { animation-delay: 0s; } .rwc-menu.is-closing::before { animation: rwcFadeOut .3s linear .3s both; } @keyframes rwcDim { from { opacity: 0; } to { opacity: 1; } } @keyframes rwcBand { from { transform: scaleX(0); } to { transform: scaleX(1); } } @keyframes rwcBandOut { from { transform: scaleX(1); } to { transform: scaleX(0); } } @keyframes rwcMenuContent { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: none; } } @keyframes rwcFadeOut { from { opacity: 1; } to { opacity: 0; } } .admin-bar .rwc-menu.is-open { top: var(--wp-admin--admin-bar--height, 32px); } .rwc-menu__close { position: absolute; top: 30px; left: 30px; display: grid; place-items: center; width: 54px; height: 54px; border: 1px solid var(--rwc-line); border-radius: 50%; color: var(--rwc-ink); } .rwc-menu__close:hover, .rwc-menu__close:focus-visible { background: var(--rwc-teal); color: #fff; border-color: var(--rwc-teal); } .rwc-menu__inner { display: grid; grid-template-columns: minmax(0, 580px) minmax(0, 470px); justify-content: space-between; gap: 60px; } .rwc-menu__nav.wp-block-navigation { display: block; font-family: var(--rwc-display); } .rwc-menu__nav .wp-block-navigation__container { display: block; width: 100%; } .rwc-menu__nav .wp-block-navigation-item { display: block; position: relative; width: 100%; } .rwc-menu__nav > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { display: inline-block; font-size: clamp(30px, 2.8vw, 40px); font-weight: 500; line-height: 1.375; letter-spacing: normal; color: #666; text-decoration: none; padding: 0; transition: color .3s ease-in-out; } .rwc-menu__nav > .wp-block-navigation__container > .wp-block-navigation-item + .wp-block-navigation-item { margin-top: 15px; } .rwc-menu__nav > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover, .rwc-menu__nav > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:focus-visible, .rwc-menu__nav > .wp-block-navigation__container > .current-menu-item > .wp-block-navigation-item__content, .rwc-menu__nav > .wp-block-navigation__container > .has-child.is-open > .wp-block-navigation-item__content { color: var(--rwc-ink); } .rwc-menu__nav .wp-block-navigation-item__content:hover, .rwc-menu__nav .wp-block-navigation-item__content:focus-visible, .rwc-menu__nav .current-menu-item > .wp-block-navigation-item__content { color: var(--rwc-ink); } /* Submenu toggle styled as a plus sign */ .rwc-menu__nav .wp-block-navigation-submenu__toggle, .rwc-menu__nav .wp-block-navigation__submenu-icon { position: absolute; right: -11px; top: calc(clamp(30px, 2.8vw, 40px) * 1.375 / 2 - 22px); width: 44px; height: 44px; margin: 0; padding: 0; background: none; border: 0; color: #858A7A; cursor: pointer; } .rwc-menu__nav .wp-block-navigation__submenu-icon svg { display: none; } .rwc-menu__nav .wp-block-navigation__submenu-icon::before, .rwc-menu__nav .wp-block-navigation__submenu-icon::after { content: ""; position: absolute; left: 11px; top: 21px; width: 22px; height: 1.5px; background: currentColor; transition: transform .3s var(--rwc-ease); } .rwc-menu__nav .wp-block-navigation__submenu-icon::after { transform: rotate(90deg); } .rwc-menu__nav .wp-block-navigation__submenu-icon[aria-expanded="true"]::after, .rwc-menu__nav .has-child.is-open > .wp-block-navigation__submenu-icon::after { transform: rotate(0deg); } .rwc-menu__nav .wp-block-navigation__submenu-icon:hover, .rwc-menu__nav .wp-block-navigation__submenu-icon:focus-visible { color: var(--rwc-ink); } /* Submenus: in-flow accordion instead of a flyout */ .rwc-menu .wp-block-navigation .wp-block-navigation__submenu-container, .rwc-menu .wp-block-navigation .has-child:hover > .wp-block-navigation__submenu-container, .rwc-menu .wp-block-navigation .has-child:focus-within > .wp-block-navigation__submenu-container { display: none; position: static; visibility: visible; opacity: 1; width: auto; height: auto; min-width: 0; overflow: visible; border: 0; background: none; box-shadow: none; padding: 18px 0 0 32px; font-family: var(--rwc-sans); z-index: auto; transform: none; } .rwc-menu .wp-block-navigation .has-child.is-open > .wp-block-navigation__submenu-container { display: block; } html:not(.js) .rwc-menu .wp-block-navigation .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container { display: block; } .rwc-menu .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content { display: inline-block; padding: 0; font-size: 18px; line-height: 30px; color: #666; text-decoration: none; transition: color .3s ease-in-out; } .rwc-menu .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content { display: block; flex-grow: 0; padding: 0; } .rwc-menu .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item + .wp-block-navigation-item { margin-top: 12px; } .rwc-menu .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover, .rwc-menu .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible { color: var(--rwc-ink); } .rwc-menu .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { padding: 12px 0 0 18px; display: block; } .rwc-menu .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon { display: none; } /* Long submenus (10+ links): two columns so each link is easier to reach */ @media (min-width: 600px) { .rwc-menu .wp-block-navigation .has-child.is-open > .wp-block-navigation__submenu-container:has(> .wp-block-navigation-item:nth-child(10)) { columns: 2; column-gap: 40px; padding-top: 12px; } .rwc-menu .wp-block-navigation .has-child.is-open > .wp-block-navigation__submenu-container:has(> .wp-block-navigation-item:nth-child(10)) > .wp-block-navigation-item { break-inside: avoid; margin-top: 0; padding-block: 6px; } } .rwc-menu__aside { padding-top: 0; } .rwc-menu__aside > * + * { margin-top: 24px; } .rwc-menu__lead { font-size: 20px; line-height: 1.5; letter-spacing: .05em; text-transform: uppercase; color: var(--rwc-ink); } .rwc-menu__contact { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; margin-top: 70px !important; padding-top: 60px; border-top: 1px solid var(--rwc-line); } .rwc-menu__contact p { margin: 0 0 10px; } .rwc-menu__label { font-size: 20px; font-weight: 500; line-height: 20px; color: var(--rwc-ink); letter-spacing: .5px; margin-bottom: 15px !important; } .rwc-menu__contact a { color: var(--rwc-body); } .rwc-menu__contact a:hover { color: var(--rwc-teal); } body.rwc-menu-open { overflow: hidden; } /* ========================================================================== 6. Home: hero ========================================================================== */ .rwc-hero { display: grid; grid-template-columns: 1fr 1fr; min-height: 950px; margin: 0 !important; background: var(--rwc-cream); } .rwc-hero > * { margin: 0 !important; } .rwc-hero__intro.wp-block-cover { min-height: 950px; padding: 30px 15px; align-items: flex-start; justify-content: flex-start; } .rwc-hero__intro .wp-block-cover__inner-container { width: 100%; max-width: 617px; color: #fff; } .rwc-hero__intro .wp-block-cover__inner-container > * { margin: 0; } .rwc-hero__title.wp-block-heading { font-size: var(--wp--preset--font-size--hero); line-height: 1; letter-spacing: .5px; text-transform: uppercase; color: #fff; margin-bottom: 0 !important; } .rwc-hero__eyebrow, .rwc-hero__meta { font-size: 16px; line-height: 26.6px; text-transform: uppercase; color: #fff; } .rwc-hero__intro .wp-block-separator { color: rgba(255,255,255,.55); max-width: 557px; margin: 8px 0 !important; } .rwc-hero__intro .rwc-hero__meta + .rwc-hero__meta { margin-top: 0; } .rwc-hero__media { position: relative; overflow: hidden; min-height: 950px; background: var(--rwc-teal-dark); } .rwc-hero__media .wp-block-video { position: absolute; inset: 0; margin: 0; } .rwc-hero__media .wp-block-video video { width: 100%; height: 100%; object-fit: cover; display: block; } .rwc-hero__media::after { content: ""; position: absolute; inset: auto 0 0 0; height: 55%; pointer-events: none; background: linear-gradient(0deg, rgba(0,40,45,.72) 0%, rgba(0,40,45,0) 100%); } .rwc-hero__caption { position: absolute; left: clamp(20px, 6.7vw, 97px); bottom: 30px; right: 20px; z-index: 2; color: #fff; } .rwc-hero__caption > * { margin: 0; } .rwc-hero__caption p { font-size: 16px; line-height: 24px; text-transform: uppercase; color: #fff; } .rwc-hero__caption p + p { color: rgba(255,255,255,.9); line-height: 26.6px; text-transform: none; margin-top: 20px; } .rwc-hero__caption .wp-block-buttons { margin-top: 25px; } .rwc-video-toggle { position: absolute; top: 20px; right: 20px; z-index: 3; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(0,40,45,.55); color: #fff; border: 1px solid rgba(255,255,255,.6); cursor: pointer; } .rwc-video-toggle:hover, .rwc-video-toggle:focus-visible { background: var(--rwc-teal-dark); } .rwc-video-toggle svg { width: 14px; height: 14px; } /* ========================================================================== 7. Home: welcome ========================================================================== */ .rwc-welcome { display: grid; grid-template-columns: minmax(0, 671fr) minmax(0, 569fr); gap: 50px; max-width: calc(var(--rwc-wide) + 2 * var(--rwc-gutter)); margin: 0 auto !important; padding: 0 var(--rwc-gutter) 180px; } .rwc-welcome > * { margin: 0 !important; } .rwc-welcome__text { padding-top: 145px; } .rwc-welcome__text h2 { font-size: var(--wp--preset--font-size--xxl); line-height: 1.18; letter-spacing: 1.1px; margin: 0 0 24px; } .rwc-welcome__text p { margin: 0 0 49px; } .rwc-collage { position: relative; min-height: 784px; } .rwc-collage > * { margin: 0 !important; } .rwc-collage__back { position: absolute !important; top: 0; right: 0; width: 77.3%; } .rwc-collage__back img { width: 100%; aspect-ratio: 440 / 554; object-fit: cover; } .rwc-collage__front { position: absolute !important; top: 414px; left: 0; width: 85.8%; } .rwc-collage__front img { width: 100%; aspect-ratio: 488 / 370; object-fit: cover; } /* Home: women's health resources (latest posts) */ .rwc-resources { background: var(--rwc-sage); padding: 130px var(--rwc-gutter) 150px; margin: 0 !important; } .rwc-resources__inner { max-width: var(--rwc-wide); margin: 0 auto; } .rwc-resources__inner > h2 { text-align: center; font-size: clamp(38px, 4.5vw, 65px); line-height: 1; margin: 0 0 60px; } .rwc-posts .wp-block-post-template { gap: 30px; margin: 0; padding: 0; } .rwc-posts .wp-block-post { margin: 0; display: flex; flex-direction: column; } .rwc-posts__date { font-size: 14px; color: var(--rwc-ink); margin: 0 0 10px; } .rwc-posts__img { margin: 0 0 28px; overflow: hidden; aspect-ratio: 410 / 565; background: var(--rwc-ice); } .rwc-posts__img img { width: 100%; height: 100% !important; aspect-ratio: auto !important; object-fit: cover; transition: transform .6s var(--rwc-ease); } .rwc-posts__img a:hover img, .rwc-posts__img a:focus-visible img { transform: scale(1.04); } .rwc-posts__title { font-size: clamp(22px, 1.8vw, 25px); font-weight: 500; line-height: 1.3; margin: 0; text-transform: none; } .rwc-posts__title a { color: var(--rwc-ink); text-decoration: none; } .rwc-posts__title a:hover, .rwc-posts__title a:focus-visible { color: var(--rwc-teal-dark); text-decoration: underline; } .rwc-resources .wp-block-buttons { justify-content: center; margin-top: 60px; } @media (max-width: 781px) { .rwc-resources { padding-top: 90px; padding-bottom: 100px; } .rwc-posts .wp-block-post-template { grid-template-columns: 1fr !important; } } .rwc-band__text { color: #fff; font-family: var(--rwc-display); font-size: clamp(26px, 3vw, 44px); line-height: 1.2; max-width: 900px; margin: 0 auto; } /* ========================================================================== 8. Home: services tabs ========================================================================== */ .rwc-services { background: var(--rwc-sage); padding: 180px var(--rwc-gutter) 180px; margin: 0 !important; } .rwc-services__inner { max-width: calc(var(--rwc-wide) - 60px); margin: 0 auto; } .rwc-services__inner > * { margin-top: 0; margin-bottom: 0; } .rwc-services h2 { letter-spacing: 1.1px; margin-bottom: 0 !important; } .rwc-tabs__list { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0; margin: 0 0 65px; padding: 0; list-style: none; } .rwc-tabs > .rwc-tabs__list { margin-top: 21px; } .rwc-tabs__tab { display: inline-flex; align-items: center; justify-content: center; min-height: 75px; padding: 0 36px; margin: 0; font: 400 16px/1.2 var(--rwc-sans); color: var(--rwc-ink); background: transparent; border: 1px solid var(--rwc-line); border-radius: 48px; cursor: pointer; transition: background-color .3s linear, color .3s linear, border-color .3s linear; } .rwc-tabs__tab:hover { border-color: var(--rwc-teal); } .rwc-tabs__tab[aria-selected="true"] { background: var(--rwc-teal); color: #fff; border-color: var(--rwc-ink); } .rwc-tab { margin: 0 !important; } .js .rwc-tabs.is-ready .rwc-tab[hidden] { display: none; } html:not(.js) .rwc-tab + .rwc-tab, .rwc-tabs:not(.is-ready) .rwc-tab + .rwc-tab { margin-top: 80px !important; } .rwc-tab.wp-block-columns { gap: 65px; align-items: flex-start; margin-bottom: 0; } .rwc-tab > .wp-block-column:first-child { flex: 0 0 53% !important; } .rwc-tab .wp-block-image { margin: 0; } .rwc-tab .wp-block-image img { width: 100%; aspect-ratio: 652 / 727; object-fit: cover; border-radius: 999px 999px 0 0; } .rwc-tab__text { padding-top: 21px; color: var(--rwc-ink); } .rwc-tab__text h3 { font-size: clamp(30px, 2.8vw, 40px); font-weight: 500; line-height: 1; letter-spacing: .8px; margin: 0 0 23px; } .rwc-tab__text p { color: var(--rwc-ink); margin: 0 0 34px; } .rwc-tab__text .is-style-rwc-dots { margin-bottom: 61px; } .rwc-tab__text .is-style-rwc-dots li { margin-bottom: 12px; line-height: 1.66; } .rwc-tab__text .is-style-rwc-dots a { color: inherit; text-decoration: none; } /* Long service lists in homepage tabs split into two columns on desktop */ @media (min-width: 1024px) { .rwc-tab__text .is-style-rwc-dots:has(> li:nth-child(9)) { columns: 2; column-gap: 32px; } .rwc-tab__text .is-style-rwc-dots:has(> li:nth-child(9)) > li { break-inside: avoid; } } .rwc-tab__text .is-style-rwc-dots a:hover, .rwc-tab__text .is-style-rwc-dots a:focus-visible { color: var(--rwc-teal); text-decoration: underline; } /* ========================================================================== 9. Home: aesthetics band ========================================================================== */ .rwc-aesthetics.wp-block-cover { min-height: 733px; padding: 60px var(--rwc-gutter); margin: 0 !important; } .rwc-aesthetics .wp-block-cover__inner-container { max-width: var(--rwc-wide); width: 100%; margin: 0 auto; } .rwc-aesthetics .wp-block-columns { align-items: center; gap: 40px; margin: 0; } .rwc-aesthetics .wp-block-column:first-child { flex: 0 0 70% !important; } .rwc-aesthetics .wp-block-column:last-child { display: flex; justify-content: flex-end; } .rwc-aesthetics__logo { margin: 0 0 30px !important; } .rwc-aesthetics__logo img { width: 452px; } .rwc-aesthetics .wp-block-separator { color: rgba(255,255,255,.45); margin: 0 0 16px !important; } .rwc-aesthetics h2 { font-size: var(--wp--preset--font-size--display); line-height: 1.05; letter-spacing: .5px; color: #fff; margin: 0 0 30px !important; } .rwc-aesthetics p { color: #fff; max-width: 780px; margin: 0; } /* ========================================================================== 10. Home: contact ========================================================================== */ .rwc-contact { background: var(--rwc-ice); padding: 158px var(--rwc-gutter) 158px; margin: 0 !important; } .rwc-contact__inner { max-width: var(--rwc-wide); margin: 0 auto; } .rwc-contact__inner > * { margin-top: 0; margin-bottom: 0; } .rwc-contact h2 { font-size: clamp(40px, 4.5vw, 65px); line-height: 1; letter-spacing: 1.3px; color: var(--rwc-blue); margin: 0 0 17px; } .rwc-contact .wp-block-separator { color: var(--rwc-mint); } .rwc-offices.wp-block-columns { margin: 50px 0 23px; gap: 200px; text-align: center; } .rwc-offices .wp-block-column { position: relative; } .rwc-offices .wp-block-column + .wp-block-column::before, .rwc-offices .wp-block-column + .wp-block-column::after { content: ""; position: absolute; background: rgba(0,0,0,.14); pointer-events: none; } .rwc-offices .wp-block-column + .wp-block-column::before { width: 70px; height: 1px; left: -135px; top: 35px; } .rwc-offices .wp-block-column + .wp-block-column::after { width: 1px; height: 70px; left: -100px; top: 0; } .rwc-offices h3 { font-size: clamp(26px, 2.1vw, 30px); font-weight: 500; line-height: 1; letter-spacing: .6px; color: var(--rwc-blue); margin: 0 0 18px; } .rwc-offices p { margin: 0; } .rwc-offices a { color: inherit; } .rwc-contact__big { font-family: var(--rwc-display); font-size: 25px; font-weight: 500; line-height: 1; letter-spacing: .5px; color: var(--rwc-blue); text-align: center; margin: 0 !important; padding: 17px 0; } .rwc-contact__big a { color: inherit; text-decoration: none; } .rwc-contact__big a:hover, .rwc-contact__big a:focus-visible { text-decoration: underline; } /* ========================================================================== 11. Testimonials slider ========================================================================== */ .rwc-testimonials { background: var(--rwc-teal); color: #fff; margin: 0 !important; padding: 133px var(--rwc-gutter) 178px; position: relative; } .rwc-testimonials::before { content: ""; display: block; width: 168px; height: 127px; margin: 0 auto 50px; background: url("assets/img/quote.svg") center / contain no-repeat; } .rwc-slider { position: relative; max-width: var(--rwc-wide); margin: 0 auto; } .rwc-slider__track { max-width: 1000px; margin: 0 auto; } .rwc-slider.is-ready .rwc-slider__nav { top: var(--rwc-quote-mid, 50%); } .rwc-slide.wp-block-quote { margin: 0; padding: 0; border: 0; text-align: center; } .js .rwc-slider.is-ready .rwc-slide[hidden] { display: none; } .rwc-slider:not(.is-ready) .rwc-slide + .rwc-slide { margin-top: 70px; } .rwc-slide p { font-family: var(--rwc-display); font-size: clamp(20px, 1.8vw, 25px); font-weight: 500; line-height: 1.4; letter-spacing: .75px; text-transform: capitalize; color: #fff; margin: 0; } .rwc-slide cite { display: block; font-style: normal; font-size: 16px; color: #fff; margin-top: 55px; } .rwc-slide cite::before { content: ""; display: block; width: min(475px, 100%); height: 30px; margin: 0 auto 50px; background: url("assets/img/swoosh.svg") center / contain no-repeat; } .rwc-slider__nav { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; pointer-events: none; margin: 0; } .rwc-slider__btn { pointer-events: auto; display: grid; place-items: center; width: 80px; height: 46px; background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.45); border-radius: 23px; cursor: pointer; transition: background-color .3s linear, color .3s linear; } .rwc-slider__btn:hover, .rwc-slider__btn:focus-visible { background: #fff; color: var(--rwc-teal-dark); } .rwc-slider__btn svg { width: 38px; height: 8px; } .rwc-slide.is-entering { animation: rwcFade .6s var(--rwc-ease); } @keyframes rwcFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } } /* ========================================================================== 12. Footer: newsletter + specials band, contact footer ========================================================================== */ footer.wp-block-template-part { margin: 0; } .rwc-signup { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; align-items: center; background: var(--rwc-teal); color: #fff; margin: 0 !important; padding: 110px max(var(--rwc-gutter), calc((100% - var(--rwc-wide)) / 2)); } .rwc-signup > * { margin: 0 !important; } .rwc-signup__news { width: 100%; max-width: 460px; justify-self: center; padding-right: 0; } .rwc-signup__specials { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; align-self: stretch; padding-left: 60px; border-left: 1px solid rgba(255,255,255,.3); } .rwc-signup__specials .wp-block-buttons { justify-content: center; } .rwc-signup h2 { color: #fff; } .rwc-signup__title.wp-block-heading { font-size: 30px; line-height: 1 !important; text-transform: capitalize; letter-spacing: .5px; margin: 0 0 11px; } .rwc-signup p { color: #fff; margin: 0; } .rwc-signup__big.wp-block-heading { font-size: clamp(34px, 3.2vw, 45px); line-height: 1.22; letter-spacing: .5px; margin: 0 0 30px; } .rwc-newsletter { display: flex; align-items: flex-end; gap: 0 30px; flex-wrap: wrap; margin-top: 30px; } .rwc-newsletter input[type="email"] { flex: 1 1 150px; min-width: 0; height: 46px; padding: 0; font: 400 16px/1 var(--rwc-sans); color: #fff; background: transparent; border: 0; border-bottom: 1px solid rgba(255,255,255,.6); border-radius: 0; } .rwc-newsletter input::placeholder { color: #fff; opacity: 1; } .rwc-newsletter input:focus-visible { outline: 2px solid #fff; outline-offset: 4px; } .rwc-newsletter button { height: 44px; padding: 0 22px; font: 400 14px/1 var(--rwc-sans); color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.7); border-radius: 22px; cursor: pointer; transition: background-color .3s linear, color .3s linear; } .rwc-newsletter button:hover, .rwc-newsletter button:focus-visible { background: #fff; color: var(--rwc-teal-dark); } .rwc-newsletter__note { flex-basis: 100%; font-size: 14px; } .rwc-newsletter__note:not(:empty) { margin-top: 12px !important; } .rwc-footer { background: var(--rwc-mint); color: var(--rwc-teal-dark); margin: 0 !important; padding: 50px 0 0; overflow: hidden; } .rwc-footer__inner { max-width: calc(1182px + 2 * var(--rwc-gutter)); margin: 0 auto; padding: 0 var(--rwc-gutter); box-sizing: border-box; } .rwc-footer__inner > * { margin: 0 !important; } .rwc-footer__logo { margin-bottom: 30px !important; } .rwc-footer__logo a { display: block; width: max-content; max-width: 100%; } .rwc-footer__logo img { display: block; width: 546px !important; max-width: 100%; height: auto; } .rwc-footer__label { font-size: 16px; line-height: 27px; color: var(--rwc-teal-dark); } .rwc-footer__value { font-family: var(--rwc-display); font-size: clamp(22px, 5.6vw, 40px); line-height: 1; letter-spacing: .5px; color: #06343A; overflow-wrap: break-word; } .rwc-footer__value a { color: inherit; text-decoration: none; } .rwc-footer__menu { display: flex; flex-wrap: wrap; gap: 4px 22px; font-size: 18px !important; line-height: 1.6 !important; } .rwc-footer__value a:hover, .rwc-footer__value a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; } .rwc-footer__social.wp-block-social-links { gap: 8px; margin: 30px 0 0 !important; padding: 0; } .rwc-footer__social .wp-social-link { margin: 0; background: transparent !important; color: #06343A !important; border: 1px solid rgba(6,52,58,.55); border-radius: 50%; } .rwc-footer__social .wp-social-link a { display: grid; place-items: center; width: 50px; height: 50px; padding: 0; color: inherit; } .rwc-footer__social .wp-social-link svg { width: 20px; height: 20px; } .rwc-footer__social .wp-social-link:hover, .rwc-footer__social .wp-social-link:focus-within { background: #06343A !important; color: #fff !important; } .rwc-footer__mark { font-family: var(--rwc-display); font-size: clamp(110px, 19.5vw, 280px); line-height: .9; letter-spacing: clamp(30px, 7vw, 100px); text-transform: uppercase; text-align: center; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.75); margin: 150px 0 -40px !important; padding-left: clamp(30px, 7vw, 100px); user-select: none; pointer-events: none; } /* Footer: logo + social on the left, contact details on the right (desktop) */ @media (min-width: 901px) { .rwc-footer { padding-top: 80px; } .rwc-footer__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 60px; align-items: start; } .rwc-footer__inner > .rwc-footer__logo { grid-column: 1; grid-row: 1 / 5; align-self: end; margin-bottom: 0 !important; } .rwc-footer__inner > .rwc-footer__social { grid-column: 1; grid-row: 5 / 9; align-self: start; margin-top: 30px !important; } .rwc-footer__inner > .rwc-footer__label, .rwc-footer__inner > .rwc-footer__value { grid-column: 2; justify-self: start; } .rwc-footer__inner > .rwc-footer__label ~ .rwc-footer__label { margin-top: 18px !important; } .rwc-footer__inner > .rwc-footer__mark { grid-column: 1 / -1; } } .rwc-footer__bar { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 30px; max-width: calc(1182px + 2 * var(--rwc-gutter)); box-sizing: border-box; margin: 0 auto !important; padding: 18px var(--rwc-gutter); font-size: 14px; color: #06343A; background: var(--rwc-mint); } .rwc-footer__bar p { margin: 0; } .rwc-footer__bar a { color: inherit; } .rwc-footer__legal { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; } .rwc-footer__legal .hlcc-prefs-link { font: inherit; color: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; } .rwc-footer__legal .hlcc-prefs-link:focus-visible { outline: 2px solid #06343A; outline-offset: 2px; } /* ========================================================================== 13. Inner pages: hero + breadcrumbs ========================================================================== */ .rwc-page-hero { margin: 0 !important; } .rwc-page-hero__media.wp-block-cover { min-height: clamp(340px, 40vw, 570px) !important; padding: 30px var(--rwc-gutter) 0; align-items: flex-end; background-color: var(--rwc-teal-dark); } .rwc-page-hero__media .wp-block-cover__inner-container { width: 100%; text-align: center; } /* Hero image focus per page (object-position: x y). Default is centered. */ .page-id-8039, .page-id-8041, .page-id-8013, .page-id-8038 { --rwc-hero-pos: 50% 100%; } /* Morpheus8, EvolveX, Abnormal Pap Smear, Hydrafacial */ .page-id-8031 { --rwc-hero-pos: 50% 75%; } /* Supplements */ .page-id-8040 { --rwc-hero-pos: 50% 40%; } /* Ultherapy */ .page-id-8043 { --rwc-hero-pos: 50% 30%; } /* EmpowerRF */ .page-id-8029 { --rwc-hero-pos: 50% 35%; } /* Men's Thyroid Health */ .page-id-8027, .page-id-8014, .page-id-8006 { --rwc-hero-pos: 50% 25%; } /* Men's Health, Abnormal Periods, Meet the Team */ .page-id-8020, .page-id-8016 { --rwc-hero-pos: 50% 15%; } /* Women's Health, Ultrasound */ .page-id-8007, .page-id-8008, .page-id-8009 { --rwc-hero-pos: 50% 15%; } /* Provider bio pages */ .rwc-page-hero__media .wp-block-cover__image-background { object-position: var(--rwc-hero-pos, 50% 50%) !important; } .page-id-8007 .rwc-overview__img img, .page-id-8008 .rwc-overview__img img, .page-id-8009 .rwc-overview__img img { object-position: 50% 10%; } .page-id-8006 .rwc-overview__img img { object-position: 62% 50%; } .rwc-page-hero__title.wp-block-post-title { font-size: clamp(40px, 7.2vw, 110px); line-height: .95; letter-spacing: .02em; text-transform: uppercase; color: #fff; margin: 0 auto; padding-bottom: 14px; max-width: 1290px; overflow-wrap: break-word; hyphens: manual; } .rwc-page-hero__title--post { font-size: clamp(34px, 5vw, 72px) !important; line-height: 1.05 !important; } .rwc-page-hero__meta { max-width: 720px; margin: 0 auto !important; padding: 0 var(--rwc-gutter) 90px; text-align: center; } .rwc-page-hero__meta::before { content: ""; display: block; width: 1px; height: 55px; margin: 0 auto 26px; background: rgba(0,0,0,.35); } .rwc-page-hero__meta > * { margin: 0 0 12px; } .rwc-breadcrumbs ol { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 12px; margin: 0; padding: 0; list-style: none; } .rwc-breadcrumbs li { font-family: var(--rwc-display); font-size: 22px; font-weight: 500; letter-spacing: .02em; color: var(--rwc-ink); text-transform: capitalize; } .rwc-breadcrumbs li + li::before { content: ">"; margin-right: 12px; font-family: var(--rwc-sans); font-size: 14px; color: var(--rwc-body); } .rwc-breadcrumbs a { color: var(--rwc-ink); text-decoration: none; } .rwc-breadcrumbs a:hover, .rwc-breadcrumbs a:focus-visible { color: var(--rwc-teal); text-decoration: underline; } .rwc-page-hero__intro, .rwc-page-hero__intro p { font-size: 18px; line-height: 1.7; color: var(--rwc-body); } /* Default text flow inside page content */ .rwc-content { padding-bottom: 0; } .rwc-content > .rwc-prose, .rwc-prose { max-width: 820px; margin: 0 auto; padding: 110px var(--rwc-gutter); box-sizing: content-box; } .rwc-prose > * + * { margin-top: 20px; } .rwc-prose h2 { margin-top: 50px; } .rwc-prose h2:first-child, .rwc-prose h3:first-child { margin-top: 0; } .rwc-prose h3 { margin-top: 40px; } .rwc-prose ul, .rwc-prose ol { padding-left: 22px; } .rwc-prose li + li { margin-top: 6px; } .rwc-content .wp-block-table table { border-collapse: collapse; width: 100%; } .rwc-content .wp-block-table td, .rwc-content .wp-block-table th { border: 1px solid var(--rwc-line); padding: 12px 16px; text-align: left; vertical-align: top; } .rwc-content .wp-block-table tr:nth-child(odd) td { background: rgba(159,199,199,.12); } /* ========================================================================== 14. Inner pages: section patterns ========================================================================== */ /* Overview: image + teal panel */ .rwc-overview.wp-block-columns { margin: 0 !important; gap: 0; align-items: stretch; } .rwc-overview > .wp-block-column:first-child { flex: 0 0 29.6% !important; position: relative; min-height: 420px; } .rwc-overview__img { margin: 0 !important; height: 100%; } .rwc-overview__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .rwc-overview__panel { background: var(--rwc-teal); color: #fff; padding: clamp(60px, 10vw, 170px) clamp(24px, 5vw, 60px) clamp(60px, 8vw, 130px) clamp(24px, 16vw, 243px); position: relative; overflow: hidden; } .rwc-overview__panel::after { content: ""; position: absolute; right: 20px; bottom: 0; width: clamp(110px, 12vw, 165px); aspect-ratio: 303 / 532; pointer-events: none; background: var(--rwc-palm) center bottom / contain no-repeat; filter: brightness(0) invert(1); opacity: .12; } .rwc-overview__panel > * { position: relative; z-index: 1; max-width: 600px; } .rwc-overview__panel > * + * { margin-top: 20px; } .rwc-overview__panel h2 { color: #fff; font-size: clamp(40px, 5vw, 72px); line-height: 1; letter-spacing: .5px; margin-bottom: 30px; } .rwc-overview__panel h3 { color: #fff; } .rwc-overview__panel p, .rwc-overview__panel li { color: #fff; } .rwc-overview__panel a:not(.wp-element-button) { color: #fff; } .rwc-overview__panel .wp-block-buttons { margin-top: 45px; } /* Overview without an image: full-width centered panel */ .rwc-overview.rwc-overview--center > .rwc-overview__panel { flex: 1 1 100% !important; text-align: center; padding-left: clamp(24px, 5vw, 60px); padding-right: clamp(24px, 5vw, 60px); } .rwc-overview--center > .rwc-overview__panel > * { max-width: 760px; margin-inline: auto; } .rwc-overview--center > .rwc-overview__panel .wp-block-buttons { justify-content: center; } /* Cards */ .rwc-cards { padding: 150px var(--rwc-gutter); margin: 0 !important; } .rwc-cards__inner { max-width: var(--rwc-wide); margin: 0 auto; } .rwc-cards__inner > h2 { text-align: center; margin: 0 0 20px; } .rwc-cards__inner > p { text-align: center; max-width: 760px; margin: 0 auto 60px; } .rwc-cards__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; } .rwc-cards__grid:has(> :nth-child(4):last-child), .rwc-cards__grid:has(> :nth-child(8):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); } .rwc-cards__grid:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 900px; margin-inline: auto; } .rwc-cards__grid:has(> :only-child) { grid-template-columns: minmax(0, 1fr); max-width: 440px; margin-inline: auto; } .rwc-card { border: 1px solid #c9c9bf; padding: 55px 40px 50px; text-align: center; margin: 0 !important; transition: border-color .3s linear, transform .3s var(--rwc-ease); } .rwc-card:hover { border-color: var(--rwc-teal); } .rwc-card::before { content: ""; display: block; box-sizing: border-box; width: 56px; height: 56px; margin: 0 auto 26px; border: 1px solid var(--rwc-teal); border-radius: 50%; background: var(--rwc-palm) 50% 60% / auto 40px no-repeat; } .rwc-card h3 { font-size: clamp(24px, 2.1vw, 30px); margin: 0 0 16px; color: var(--rwc-ink); } .rwc-card p { margin: 0; font-size: 17px; } .rwc-card :is(ul, ol) { text-align: left; margin-top: 16px !important; } /* Card buttons sit at the bottom of the card and line up across a row */ .rwc-card { display: flex; flex-direction: column; } .rwc-card > .wp-block-buttons { margin-top: auto !important; padding-top: 30px; justify-content: center; } /* Media band (full-width image or video link) */ .rwc-band.wp-block-cover { min-height: clamp(300px, 55vw, 795px); margin: 0 !important; } .rwc-band .wp-block-cover__inner-container { text-align: center; } .rwc-play { display: inline-grid; place-items: center; width: 128px; height: 128px; border-radius: 50%; border: 1px solid #fff; color: #fff; text-decoration: none; transition: background-color .3s linear; } .rwc-play:hover, .rwc-play:focus-visible { background: rgba(255,255,255,.2); } .rwc-play svg { width: 16px; height: 18px; margin-left: 4px; } .rwc-video-frame { position: relative; width: min(1100px, 100%); aspect-ratio: 16 / 9; margin: 0 auto; } .rwc-video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } /* Steps (01 / 02 / 03) */ .rwc-steps { padding: 140px var(--rwc-gutter); margin: 0 !important; } .rwc-steps__inner { max-width: var(--rwc-wide); margin: 0 auto; } .rwc-steps__inner > h2 { margin: 0 0 70px; } .rwc-steps__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 50px 80px; counter-reset: rwc-step; } .rwc-step { margin: 0 !important; counter-increment: rwc-step; } .rwc-step { position: relative; } .rwc-step::after { content: ""; position: absolute; top: 11px; left: 0; right: 0; height: 1px; background: var(--rwc-line); } .rwc-step::before { content: counter(rwc-step, decimal-leading-zero); position: relative; z-index: 1; display: inline-block; margin: 0 0 30px 30px; padding: 0 12px; font-family: var(--rwc-display); font-size: 16px; line-height: 22px; color: var(--rwc-ink); background: var(--rwc-cream); } .rwc-step h3 { font-size: clamp(24px, 2.1vw, 30px); margin: 0 0 14px; } .rwc-step p { margin: 0; font-size: 17px; } /* Split: image + content (aftercare style) */ .rwc-split.wp-block-columns { margin: 0 !important; gap: 0; align-items: stretch; border-top: 1px solid var(--rwc-line); border-bottom: 1px solid var(--rwc-line); } .rwc-split > .wp-block-column:first-child { flex: 0 0 50% !important; position: relative; min-height: 420px; } .rwc-split__img { margin: 0 !important; height: 100%; } .rwc-split__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .rwc-focus-top img { object-position: 50% 15%; } .rwc-focus-bottom img { object-position: 50% 85%; } .rwc-split__body { padding: clamp(50px, 8vw, 130px) var(--rwc-gutter) clamp(50px, 8vw, 110px) clamp(24px, 1.4vw, 30px); } .rwc-split__body > * { max-width: 660px; } .rwc-split__body > * + * { margin-top: 20px; } .rwc-split__body h2 { margin-bottom: 30px; } .rwc-split.is-reversed { flex-direction: row-reverse; } .rwc-split.is-reversed .rwc-split__body { padding-left: var(--rwc-gutter); padding-right: clamp(24px, 3vw, 50px); } .rwc-icon-list { list-style: none; padding: 0 !important; margin: 30px 0 0; } .rwc-icon-list li { position: relative; padding: 0 0 0 96px; min-height: 74px; margin: 0 0 26px; display: flex; flex-direction: column; justify-content: center; } .rwc-icon-list li::before { content: ""; position: absolute; left: 0; top: 0; width: 72px; height: 72px; border-radius: 50%; border: 1px solid rgba(0,0,0,.55); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007A7A' stroke-width='1.2'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center / 26px no-repeat; } .rwc-icon-list strong { display: block; font-family: var(--rwc-display); font-size: 22px; font-weight: 500; color: var(--rwc-ink); letter-spacing: .02em; line-height: 1.3; } /* FAQ */ .rwc-faq { padding: 120px var(--rwc-gutter) 150px; margin: 0 !important; } .rwc-faq__inner { max-width: var(--rwc-wide); margin: 0 auto; } .rwc-faq__inner > h2 { text-align: center; margin: 0 0 70px; } .rwc-faq .wp-block-details { border: 1px solid var(--rwc-line); background: var(--rwc-cream); padding: 0; margin: 0 0 24px !important; } .rwc-faq .wp-block-details summary { position: relative; list-style: none; cursor: pointer; padding: 26px 110px 26px clamp(20px, 6vw, 80px); font-family: var(--rwc-display); font-size: clamp(20px, 1.8vw, 25px); font-weight: 500; line-height: 1.3; color: var(--rwc-ink); } .rwc-faq .wp-block-details summary::-webkit-details-marker { display: none; } .rwc-faq .wp-block-details summary::after { content: "+"; position: absolute; right: clamp(20px, 5vw, 70px); top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--rwc-line); font-family: var(--rwc-sans); font-size: 20px; line-height: 1; color: var(--rwc-body); } .rwc-faq .wp-block-details[open] summary::after { content: "–"; } .rwc-faq .wp-block-details > :not(summary) { padding: 0 110px 28px clamp(20px, 6vw, 80px); margin: 0; } /* Tighten spacing between stacked sections that share the cream background */ :is(.rwc-cards, .rwc-steps, .rwc-faq, .rwc-prose, .rwc-team) + .rwc-prose { padding-top: 0; } .rwc-prose + :is(.rwc-cards, .rwc-steps, .rwc-faq) { padding-top: 30px; } .rwc-content > .rwc-prose:last-child { padding-bottom: 130px; } /* Booking CTA used at the end of each inner page */ .rwc-book { background: var(--rwc-ice); padding: 130px var(--rwc-gutter); margin: 0 !important; text-align: center; } .rwc-book > * { max-width: 820px; margin-inline: auto; } .rwc-book h2 { color: var(--rwc-blue); margin: 0 auto 20px; } .rwc-book p { margin: 0 auto 40px; } .rwc-book .wp-block-buttons { justify-content: center; gap: 20px; } /* Team grid */ .rwc-team { padding: 110px var(--rwc-gutter) 140px; margin: 0 !important; } .rwc-team__inner { max-width: var(--rwc-wide); margin: 0 auto; } .rwc-team__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; } .rwc-member { margin: 0 !important; text-align: center; } .rwc-member .wp-block-image { margin: 0 0 24px; } .rwc-member .wp-block-image img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 999px 999px 0 0; } .rwc-member h3 { margin: 0 0 6px; } .rwc-member h3 a { color: var(--rwc-ink); text-decoration: none; } .rwc-member h3 a:hover, .rwc-member h3 a:focus-visible { color: var(--rwc-teal); text-decoration: underline; } .rwc-member p { margin: 0; } /* Blog index + single posts */ .rwc-blog { padding: 0 var(--rwc-gutter) 140px; margin: 0 !important; } .rwc-blog > .wp-block-query { max-width: var(--rwc-wide); margin: 0 auto; } .rwc-posts .wp-block-post-excerpt { margin: 12px 0 0; font-size: 17px; } .rwc-posts .wp-block-post-excerpt__more-text { margin-top: 10px; } .rwc-blog .wp-block-query-pagination { margin-top: 70px; gap: 14px; justify-content: center; font-size: 16px; } .rwc-blog .wp-block-query-pagination a { color: var(--rwc-ink); } .rwc-single { max-width: 820px; margin: 0 auto !important; padding: 0 var(--rwc-gutter) 110px; box-sizing: content-box; } .rwc-single > * + * { margin-top: 20px; } .rwc-single h2 { margin-top: 50px; } .rwc-single h3 { margin-top: 36px; } .rwc-single img { height: auto; } /* Link grid for hub pages */ .rwc-links { padding: 120px var(--rwc-gutter); margin: 0 !important; background: var(--rwc-sage); } .rwc-links__inner { max-width: var(--rwc-wide); margin: 0 auto; } .rwc-links__inner > h2 { margin: 0 0 50px; } .rwc-links__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 0; border-top: 1px solid rgba(0,0,0,.14); list-style: none; padding: 0 !important; margin: 0; } .rwc-links__grid li { margin: 0; border-bottom: 1px solid rgba(0,0,0,.14); } .rwc-links__grid a { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 16px 22px 0; font-family: var(--rwc-display); font-size: 24px; font-weight: 500; letter-spacing: .02em; color: var(--rwc-ink); text-decoration: none; } .rwc-links__grid a::after { content: "→"; font-family: var(--rwc-sans); font-size: 18px; color: var(--rwc-teal); transition: transform .3s var(--rwc-ease); } .rwc-links__grid a:hover, .rwc-links__grid a:focus-visible { color: var(--rwc-teal); } .rwc-links__grid a:hover::after { transform: translateX(6px); } /* Centered link list: rows of three, a short last row sits in the middle */ .rwc-links__inner--center > h2 { text-align: center; } .rwc-links__grid.rwc-links__grid--center { display: flex; flex-wrap: wrap; justify-content: center; border-top: 0; } .rwc-links__grid--center li { flex: 0 0 calc(100% / 3); border-top: 1px solid rgba(0,0,0,.14); margin-top: -1px; } .rwc-links__grid--center a { justify-content: center; padding: 22px 16px; text-align: center; } @media (max-width: 781px) { .rwc-links__grid--center li { flex-basis: 100%; } } /* Contact page details */ .rwc-contact-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .rwc-contact-cards > * { margin: 0 !important; border: 1px solid var(--rwc-line); padding: 28px 14px; background: #fff; text-align: center; } .rwc-contact-cards h3 { color: var(--rwc-blue); margin: 0 0 14px; } .rwc-contact-cards h3 { font-size: 22px; } .rwc-contact-cards p { font-size: 16px; } .rwc-contact-cards a[href^="mailto"] { font-size: 14px; white-space: nowrap; } @media (max-width: 700px) { .rwc-contact-cards { grid-template-columns: 1fr; } } .rwc-contact-cards p { margin: 0 0 8px; } .rwc-notice { border-left: 3px solid var(--rwc-teal); background: var(--rwc-ice); padding: 22px 26px; } /* ========================================================================== 15. Responsive ========================================================================== */ @media (max-width: 1199px) { .rwc-hero { min-height: 0; } .rwc-hero__intro.wp-block-cover, .rwc-hero__media { min-height: 760px !important; } .rwc-offices.wp-block-columns { gap: 60px; } .rwc-offices .wp-block-column + .wp-block-column::before, .rwc-offices .wp-block-column + .wp-block-column::after { display: none; } .rwc-menu__inner { grid-template-columns: 1fr; } .rwc-menu__aside { display: none; } .rwc-menu__contact { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 1023px) { .rwc-cards__grid, .rwc-cards__grid:has(> :nth-child(4):last-child), .rwc-cards__grid:has(> :nth-child(8):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rwc-welcome { grid-template-columns: 1fr; gap: 60px; padding-bottom: 110px; } .rwc-welcome__text { padding-top: 90px; } .rwc-collage { min-height: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: end; } .rwc-collage__back, .rwc-collage__front { position: static !important; width: auto; } .rwc-services { padding-top: 110px; padding-bottom: 110px; } .rwc-tabs > .rwc-tabs__list { justify-content: flex-start; margin-top: 30px; margin-bottom: 45px; } .rwc-tab.wp-block-columns { flex-wrap: wrap !important; gap: 40px; } .rwc-tab > .wp-block-column, .rwc-tab > .wp-block-column:first-child { flex: 0 0 100% !important; } .rwc-tab .wp-block-image img { max-height: 720px; } .rwc-aesthetics .wp-block-columns { flex-wrap: wrap !important; } .rwc-aesthetics .wp-block-column, .rwc-aesthetics .wp-block-column:first-child { flex: 0 0 100% !important; } .rwc-aesthetics .wp-block-column:last-child { justify-content: flex-start; } .rwc-signup { grid-template-columns: 1fr; gap: 50px; padding-top: 90px; padding-bottom: 90px; } .rwc-signup__news { max-width: none; justify-self: stretch; } .rwc-signup__specials { padding: 50px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.3); } .rwc-overview.wp-block-columns, .rwc-split.wp-block-columns { flex-wrap: wrap !important; } .rwc-overview > .wp-block-column, .rwc-split > .wp-block-column, .rwc-overview > .wp-block-column:first-child, .rwc-split > .wp-block-column:first-child { flex: 0 0 100% !important; } .rwc-overview > .wp-block-column:first-child, .rwc-split > .wp-block-column:first-child { min-height: 360px; } .rwc-overview > .wp-block-column, .rwc-split > .wp-block-column { box-sizing: border-box; } .rwc-overview__panel { padding-left: var(--rwc-gutter); } .rwc-split__body, .rwc-split.is-reversed .rwc-split__body { padding: 60px var(--rwc-gutter); } } @media (max-width: 781px) { :root { --rwc-header-h: 72px; } .rwc-header { grid-template-columns: auto 1fr auto; gap: 12px; padding: 8px 12px; } .rwc-menu-toggle { gap: 10px; } .rwc-menu-toggle__icon { width: 46px; height: 46px; } .rwc-menu-toggle__icon span:first-child { left: 10px; top: 20px; } .rwc-menu-toggle__icon span:last-child { left: 17px; top: 25px; } .rwc-menu-toggle__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } .rwc-header__logo img { width: 190px; } .rwc-header__cta .wp-block-button__link { min-height: 44px; padding: 0 16px; font-size: 14px; margin: 0; } .rwc-hero { grid-template-columns: 1fr; } .rwc-hero__intro.wp-block-cover { min-height: 540px !important; padding: 40px 20px; } .rwc-hero__media { min-height: 560px !important; } .rwc-hero__media .wp-block-video video { object-position: center 30%; } .rwc-menu.is-open, .rwc-menu:target { padding: 96px 22px 40px; } .rwc-menu__close { top: 18px; left: 18px; } .rwc-menu__contact { grid-template-columns: 1fr; margin-top: 40px !important; padding-top: 40px; } .rwc-services { padding-left: 20px; padding-right: 20px; } .rwc-tabs__list { gap: 10px; } .rwc-tabs__tab { min-height: 54px; padding: 0 22px; font-size: 15px; } .rwc-aesthetics.wp-block-cover { min-height: 0; padding-top: 90px; padding-bottom: 90px; } .rwc-aesthetics__logo img { width: 280px; } .is-style-rwc-circle .wp-block-button__link { width: 180px; height: 180px; font-size: 22px; } .rwc-contact { padding-top: 90px; padding-bottom: 100px; } .rwc-testimonials { padding-top: 110px; padding-bottom: 150px; } .rwc-testimonials::before { width: 110px; height: 84px; margin-bottom: 40px; } .rwc-slider__nav { position: static; transform: none; justify-content: center; gap: 20px; margin-top: 50px; } .rwc-hero__title.wp-block-heading { margin-bottom: 10px !important; } .rwc-contact__big { line-height: 1.25; } .rwc-footer__mark { margin-top: 90px !important; } .rwc-page-hero__meta { padding-bottom: 60px; } .rwc-cards, .rwc-steps { padding-top: 90px; padding-bottom: 90px; } .rwc-cards__grid, .rwc-cards__grid:has(> :nth-child(4):last-child), .rwc-cards__grid:has(> :nth-child(8):last-child), .rwc-cards__grid:has(> :nth-child(2):last-child) { grid-template-columns: 1fr; } .rwc-prose { padding-top: 70px; padding-bottom: 70px; } .rwc-faq .wp-block-details summary { padding-right: 70px; } .rwc-faq .wp-block-details > :not(summary) { padding-right: 20px; } .rwc-book { padding-top: 90px; padding-bottom: 90px; } } @media (max-width: 480px) { .rwc-header { gap: 8px; padding: 8px 10px; } .rwc-header .rwc-header__logo img { width: 150px; } .rwc-header .rwc-header__cta .wp-block-button__link { min-height: 40px; padding: 0 12px; font-size: 13px; } .rwc-collage { grid-template-columns: 1fr; } } /* ========================================================================== 15b. Motion: cursor, heading reveals, scroll reveals, parallax, sticky header (classes are added by rwc.js; nothing here hides content without JS) ========================================================================== */ /* Hero "Book Now" circle with an orbiting dot */ .rwc-hero__book { position: absolute; top: 200px; left: 6px; z-index: 2; margin: 0 !important; } .is-style-rwc-orbit .wp-block-button__link { --size: 342px; --dot: 9px; position: relative; display: inline-flex; align-items: center; justify-content: center; width: var(--size); height: var(--size); padding: 0; border-radius: 50%; border: 1px solid rgba(255,255,255,.3); color: #fff; background: radial-gradient(closest-side, rgba(6,52,58,.5) 0 30%, rgba(6,52,58,0) 66%); font: 400 14px/1 var(--rwc-sans); letter-spacing: .2em; text-transform: uppercase; text-shadow: 0 0 3px rgba(0,0,0,.7), 0 1px 10px rgba(0,0,0,.45); transition: border-color .3s linear; } .is-style-rwc-orbit .wp-block-button__link::after { content: ""; position: absolute; top: calc(var(--dot) / -2); left: calc(50% - var(--dot) / 2); width: var(--dot); height: var(--dot); border-radius: 50%; background: #fff; transform-origin: calc(var(--dot) / 2) calc(var(--size) / 2 + var(--dot) / 2 - 1px); animation: rwcOrbit 8s linear infinite; } .is-style-rwc-orbit .wp-block-button__link:hover, .is-style-rwc-orbit .wp-block-button__link:focus-visible { border-color: rgba(255,255,255,.7); } @keyframes rwcOrbit { to { transform: rotate(360deg); } } /* Headings flip in line by line */ .rwc-split .rwc-line { display: block; perspective: 400px; } .rwc-split .rwc-line__in { display: inline-block; opacity: 0; transform: rotateX(-120deg); transform-origin: 50% 0 -50px; transition: transform .8s linear, opacity .8s linear; transition-delay: calc(var(--i, 0) * .1s); } .rwc-split.is-in .rwc-line__in { opacity: 1; transform: none; } /* Scroll reveals (timings match the original theme) */ .rwc-reveal { opacity: 0; } .rwc-reveal.is-in { opacity: 1; animation: 1.25s ease both; animation-delay: var(--rwc-delay, 0ms); } .rwc-reveal--up.is-in { animation-name: rwcUp; animation-duration: 1.2s; } .rwc-reveal--rise.is-in { animation-name: rwcRise; } .rwc-reveal--left.is-in { animation-name: rwcLeft; } .rwc-reveal--zoom.is-in { animation-name: rwcZoom; } @keyframes rwcUp { from { opacity: 0; transform: translate3d(0, 45px, 0); } to { opacity: 1; transform: none; } } @keyframes rwcRise { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } @keyframes rwcLeft { from { opacity: 0; transform: translateX(-100px); } to { opacity: 1; transform: none; } } @keyframes rwcZoom { from { opacity: 0; transform: scale(0); } to { opacity: 1; transform: none; } } /* Service tabs fade when switched */ .rwc-tab.is-entering { animation: rwcFade .6s var(--rwc-ease); } /* Aesthetics background parallax and magnetic circle */ .rwc-aesthetics.has-parallax { overflow: hidden; } .rwc-aesthetics.has-parallax .wp-block-cover__image-background { height: calc(100% + 80px); bottom: auto; will-change: transform; } .rwc-aesthetics .is-style-rwc-circle { transition: translate .25s ease-out; } /* Testimonials: drag to change slides */ .rwc-slider__track { touch-action: pan-y; } .rwc-slider__track.is-dragging { user-select: none; cursor: grabbing; } /* Custom cursor (mouse devices 992px and up) */ .rwc-cursor, .rwc-cursor-ring { position: fixed; top: 0; left: 0; pointer-events: none; transition: opacity .3s linear; } .rwc-cursor { z-index: 99999; transition: transform .2s cubic-bezier(.165,.84,.44,1), opacity .3s linear; } .rwc-cursor__dot { position: absolute; left: -12px; top: -12px; width: 24px; height: 24px; border-radius: 50%; background: #000; opacity: .25; transition: transform .3s cubic-bezier(.165,.84,.44,1), opacity .3s cubic-bezier(.165,.84,.44,1); } .rwc-cursor.is-active .rwc-cursor__dot { transform: scale(4); opacity: 0; box-shadow: 0 0 8px rgba(0,0,0,.12); } .rwc-cursor.is-down .rwc-cursor__dot { transform: scale(.8); } .rwc-cursor__label { position: absolute; left: -45px; top: -45px; width: 90px; height: 90px; display: grid; place-items: center; border-radius: 50%; background: var(--rwc-teal-dark); color: #fff; font: 500 13px/1 var(--rwc-sans); letter-spacing: .12em; text-transform: uppercase; transform: scale(0); transition: transform .5s cubic-bezier(.165,.84,.44,1); } .rwc-cursor.has-label .rwc-cursor__label { transform: scale(1); } .rwc-cursor.has-label .rwc-cursor__dot { opacity: 0; } .rwc-cursor-ring { z-index: 99998; top: -20px; left: -20px; width: 40px; height: 40px; border: 1px solid #666; border-radius: 50%; transform: translate(-100px, -100px) scale(0); } .rwc-cursor.is-hidden, .rwc-cursor-ring.is-hidden { opacity: 0; } @media (max-width: 991px) { .rwc-cursor, .rwc-cursor-ring { display: none; } } /* Sticky header slides in after scrolling */ header.wp-block-template-part { min-height: var(--rwc-header-h); } .rwc-header.is-stuck { position: fixed; top: var(--wp-admin--admin-bar--height, 0px); left: 0; right: 0; z-index: 900; background: var(--rwc-cream); box-shadow: 0 3px 18px rgba(0,0,0,.07); animation: rwcStick .6s cubic-bezier(.24,.74,.58,1); } .rwc-header.is-stuck .rwc-menu-toggle__icon { border-color: var(--rwc-line); } /* Sticky header "Book Appointment": mint box with a thin offset frame (staging "outline 2" style). Text is a deeper shade of the staging blue so it meets 4.5:1 on mint. */ .rwc-header.is-stuck .rwc-header__cta .wp-block-button__link { position: relative; min-height: 55px; padding: 0 36px; border-radius: 0; background: var(--rwc-mint); color: #085269; border: 1px solid var(--rwc-line); transition: border-color .4s linear, color .4s linear; } .rwc-header.is-stuck .rwc-header__cta .wp-block-button__link::after { content: ""; position: absolute; top: 5px; bottom: 5px; left: -7px; right: -7px; z-index: -1; border: 1px solid var(--rwc-line); pointer-events: none; transition: border-color .4s linear; } .rwc-header.is-stuck .rwc-header__cta .wp-block-button__link:hover, .rwc-header.is-stuck .rwc-header__cta .wp-block-button__link:focus-visible { background: var(--rwc-mint); color: #085269; border-color: #000; } .rwc-header.is-stuck .rwc-header__cta .wp-block-button__link:hover::after, .rwc-header.is-stuck .rwc-header__cta .wp-block-button__link:focus-visible::after { border-color: #000; } @keyframes rwcStick { from { transform: translateY(-100%); } to { transform: none; } } /* Back to top */ .rwc-to-top { position: fixed; right: 30px; bottom: 30px; z-index: 800; display: grid; place-items: center; width: 46px; height: 46px; padding: 0; border: 0; border-radius: 50%; background: var(--rwc-teal-dark); color: #fff; cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .3s linear, transform .3s var(--rwc-ease), visibility .3s linear, background-color .3s linear; } .rwc-to-top.is-visible { opacity: 1; visibility: visible; transform: none; } .rwc-to-top:hover { background: var(--rwc-teal); } .rwc-to-top:focus-visible { outline: 2px solid var(--rwc-teal-dark); outline-offset: 3px; } .rwc-to-top svg { width: 14px; height: 14px; } @media (max-width: 600px) { .rwc-hero__book { top: 40px; left: 50%; translate: -50% 0; } .is-style-rwc-orbit .wp-block-button__link { --size: 260px; } .rwc-to-top { right: 16px; bottom: 16px; } } @media (prefers-reduced-motion: reduce) { .is-style-rwc-orbit .wp-block-button__link::after { animation: none !important; } .rwc-header.is-stuck { animation: none; } } /* Wider than 1440px: staging switches to its widescreen layout */ @media (min-width: 1441px) { .rwc-welcome { padding-top: 150px; padding-bottom: 70px; } .rwc-hero__intro.wp-block-cover { padding: 65px 50px 30px; } .rwc-hero__intro .wp-block-cover__inner-container { max-width: none; } .rwc-hero__title.wp-block-heading { font-size: 120px; max-width: 560px; margin-left: -7px !important; } .rwc-hero__book { left: calc(6px + (100vw - 1440px) * .12); } .rwc-services { padding-bottom: 149px; } .rwc-services__inner { max-width: var(--rwc-wide); } .rwc-tabs > .rwc-tabs__list { margin-top: 52px; margin-bottom: 98px; } .rwc-tab.wp-block-columns { gap: 97px; } .rwc-tab > .wp-block-column:first-child { flex: 0 0 652px !important; } } @media (min-width: 1920px) { .rwc-hero__title.wp-block-heading { font-size: 144px; max-width: 680px; } } /* ========================================================================== 16. Print ========================================================================== */ @media print { .rwc-header, .rwc-menu, .rwc-signup, .rwc-footer__mark, .rwc-video-toggle, .rwc-slider__nav, .rwc-cursor, .rwc-cursor-ring, .rwc-to-top, .rwc-hero__book { display: none !important; } .rwc-slide[hidden], .rwc-tab[hidden] { display: block !important; } body { background: #fff; } }