/* Variables * ========================================================================== * THIS FILE ARRIVED FROM ANOTHER PROJECT WITH ITS OWN PALETTE AND FONTS. Nothing * about its layout, spacing or sizing is touched — the only change is that every * colour and every font now resolves to the tokens global.css already defines for * the homepage, so the inner pages read as the same site. * * The variable NAMES are kept exactly as they were. Every rule below already goes * through them, so re-pointing them here is what carries the change through the * whole file without editing a single layout rule. * * Mapping (hex written without the hash on purpose — a bulk find-and-replace over * this file once rewrote these very lines and turned the documentation into * nonsense): * * --primary 121212 -> --color-text near-black body/heading ink * --secondary 595959 -> --color-text-muted the muted copy grey * --white fff -> --color-white * --link 0059A3 -> --color-secondary the brand green. It has to work * BOTH as link text on white AND as * a solid fill behind white text * (breadcrumb bar, sidebar * headings) — 2f5d3a does both. * --link-hover 121212 -> --color-text keeps the original intent: a link * darkens to ink on hover. Sage was * rejected here; on white it drops * contrast rather than raising it. * --hover-color 121212 -> --color-text * --title Playfair Display -> Sora * --paragraph Plus Jakarta Sans -> Sora * * Colours that never went through a variable were repointed too — the grey panels * (f1f3f4, f6f6f6, F2F7FA) to --color-bg-light, the borders (ccc, d5d5d5, f1f1f1) * to --color-border-light, and the stray blues (0057a1, 0059A3) to --link. Only * FontAwesome keeps a literal family, because it is an icon font, not type. * * Sora is the only family in the design, so both slots point at it. The two names * are kept separate rather than collapsed so the headings/body split stays visible * if a second family is ever added. * ========================================================================== */ :root { /* color */ --primary: var(--color-text); --secondary: var(--color-text-muted); --white: var(--color-white); --link: var(--color-secondary); --link-hover: var(--color-text); --hover-color: var(--color-text); /* font-family */ --title: var(--font-primary); --paragraph: var(--font-primary); } /*breadcrumb-css*/ .breadcrumb-link{padding:18px 0;background-color: var(--link);color:var(--white);font-size:16px;position:relative;font-weight:600;font-family:var(--paragraph);z-index:1;background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 18, 18, 0.1)), to(rgba(18, 18, 18, 0.2)));background-image: linear-gradient(180deg, rgba(18, 18, 18, 0.1) 0%, rgba(18, 18, 18, 0.2) 100%);} .breadcrumb-link a{-webkit-transition:0.3s ease-out all;transition:0.3s ease-out all;font-size:17px;color:var(--white) !important;cursor:pointer;font-weight:600;font-family: var(--paragraph);padding-left:0px;} .breadcrumb-link a:hover{text-decoration:underline;} .breadcrumb-link #breadcrumbs{margin:0;} .breadcrumb-link #breadcrumbs{font-size:17px;text-align:left;color:var(--white);font-weight:600;} /*breadcrumb-css*/ /* inner-banner */ section.inner-banner{min-height: 420px;position:relative;background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;width:100%;z-index:1;padding: 120px 0 60px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} section.inner-banner .rightPart{width:100%;max-width: 1000px;} .inner-banner-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height: auto !important;} .inner-banner .inner-banner-right-content { position: absolute; width: 100%; max-width: 460px; right: 15px !important; bottom: -35px; } .bannerMainWrap { position: relative; z-index: 1; } .inner-banner-flex .section-title { color: var(--white); } /* inner-page */ .inner-page-content{padding:60px 0px 80px;} .page-detail .inner-heading-1,.page-detail h1,.page-detail .inner-heading-2,.page-detail h2,.page-detail .inner-heading-3,.page-detail h3,.page-detail .inner-heading-4,.page-detail h4,.page-detail .inner-heading-5,.page-detail h5,.page-detail .inner-heading-6,.page-detail h6{font-weight:700;font-family: var(--title);color: var(--link-hover);line-height:1.3;margin:40px 0 5px} .page-detail .inner-heading-1 a,.page-detail h1 a,.page-detail .inner-heading-2 a,.page-detail h2 a,.page-detail .inner-heading-3 a,.page-detail h3 a,.page-detail .inner-heading-4 a,.page-detail h4 a,.page-detail .inner-heading-5 a,.page-detail h5 a,.page-detail .inner-heading-6 a,.page-detail h6 a{font-weight:700 !important;font-family:var(--title);text-decoration:underline;} .page-detail .inner-heading-1,.page-detail h1{font-size:42px;} .page-detail .inner-heading-2,.page-detail h2{font-size:36px;} .page-detail .inner-heading-3,.page-detail h3{font-size:30px;} .page-detail .inner-heading-4,.page-detail h4{font-size:28px;} .page-detail .inner-heading-5,.page-detail h5{font-size:26px;} .page-detail .inner-heading-6,.page-detail h6{font-size:22px;} .inner-content .page-left a{color: var(--link);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;font-weight:600;} .inner-content .page-left a:hover{text-decoration:underline;color: var(--link-hover);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;} .page-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;} .page-detail .page-left{width:73%;} .page-detail .page-right{width:23%;} .com-mar-bg:first-child{margin-top:0;} .page-right .widget{margin:0 0 50px 0;} .page-right .widget:last-child{margin-bottom:0;} .com-mar-bg img{width:100%;} .page-detail .com-mar-bg h2{background: var(--link);color:var(--white);display:block;font-size:26px;font-weight:700;line-height:26px;margin:0;padding:20px;text-align:center;text-transform:uppercase;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-family: var(--title);} * .page-right form.search-form{background:var(--color-bg-light);padding:20px;-ms-flex-wrap:wrap;flex-wrap:wrap;} .search-form{position:relative;} * .page-right .search-form input{color:var(--primary);display:inline-block;font-size:16px;outline:none;padding:15px 20px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid var(--color-border-light);outline:none;margin:0 0 15px;border-radius:0px;line-height:16px;font-weight:500;border:1px solid transparent;font-family:var(--paragraph);} * .page-right .search-form input.search-submit:hover{background:transparent;color: var(--link) !important;border: 2px solid var(--link);} * .page-right .search-form input[type="search"]{-webkit-appearance:none;} * .page-right .search-form input.search-submit{display:block;text-align:center;background-color: var(--link);font-size: 18px;text-transform:uppercase;line-height:1;padding:16px 25px;font-weight:bold !important;color:var(--white) !important;-webkit-transition:0.3s ease-out all;transition:0.3s ease-out all;border:2px solid transparent;cursor:pointer;-webkit-appearance:button;font-family: var(--paragraph);width:100%;letter-spacing: 2px;} .page-right ul{display:block;width:auto;margin:0;background:var(--color-bg-light);padding:0px;} .page-right .widget ul li:first-child{margin-top:0;} .page-right ul li{border-bottom:1px solid var(--color-border-light);font-size:18px;display:block;list-style:none;position:relative;line-height:34px;font-weight:500;} .page-right ul li:last-child{border:none;} .page-right ul li a{border:none;padding:15px 40px 15px 35px;display:block;width:100%;font-weight:600;color: var(--link);line-height:1.4;font-size:16px;-webkit-transition:all ease 0.6s;transition:all ease 0.6s;font-family: var(--paragraph);} .page-right ul li a:hover,.page-right ul li.current-menu-ancestor>a,.page-right ul li.current-cat>a{color: var(--link-hover);} .page-right ul li a::before{content:"";font-family:'FontAwesome';font-size:10px;font-weight:500;left:12px;position:absolute;top:26px;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);background: var(--link);height:8px;width:8px;} .page-right ul li a::after{position:absolute;content:"";left:0;bottom:-1px;width:0;background:transparent;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;height:1px;} .page-right ul li:last-child a::after{display:none;} .page-right ul li a:hover::after{width:100%;background: var(--link-hover);} .widget_search form.search-form{max-width:100%;} .widget_nav_menu #menu-practice-areas .current-menu-item>a:before{background:var(--link)} .widget_nav_menu #menu-practice-areas .current-menu-item>a:after{width:100%;} .search-form input[type="search"]::-webkit-search-cancel-button{display:none;} .widget_nav_menu #menu-practice-areas .current-menu-item>a{color:var(--link);} .widget_nav_menu #menu-practice-areas .current-menu-item>a:before{background:var(--link);} .widget_nav_menu #menu-practice-areas a:hover:before{background: var(--link-hover);} .wp-block-search__inside-wrapper input[type="search"]::-webkit-search-cancel-button{display:none;} .page-detail h1:first-child{margin-top:0px !important;} .page-detail img{display:block;height:auto;} .blog .page-detail img,.archive .page-detail img,.author .page-detail img{width:100%;} .page-detail .page-left ul, .page-detail .page-left ol{display:block;width:auto;margin:0px;} .page-detail .page-left ul li,.page-detail .page-left p, .page-detail .page-left ol li{font-size:18px;display:block;margin:15px 0px;position:relative;line-height:34px;color: var(--secondary);font-weight:500;font-family: var(--paragraph);text-align:left;} .page-detail .page-left ul li, .page-detail .page-left ol li{padding:0px 0px 0px 20px;margin:10px 0;} .page-detail .page-left ol li{ list-style:decimal; padding:0px 0px 0px 5px; display:list-item; } .page-detail .page-left ol { padding: 0px 0px 0px 20px; display:list-item; } .page-left iframe { width: 100%; max-width: 700px; aspect-ratio: 16 / 9; height: auto; } .page-id-192097 .page-detail .page-left p { word-wrap: break-word; } .page-detail .page-left ul li::before{color:var(--link);content:"";font-family:FontAwesome;font-size:7px;font-weight:500;left:0px;position:absolute;top:12px;background: var(--link);height:8px;width:8px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);} .page-detail h2:first-child,.page-detail h1:first-child,.page-detail h3:first-child{margin-top:0px !important;} .page-left img.stars{display:inline-block;position:relative;left:10px;top:3px;} blockquote img.stars{-webkit-transform:skew(-12deg, 0deg);-ms-transform:skew(-12deg, 0deg);transform:skew(-12deg, 0deg)} .page-detail .page-left table{width:100%;max-width:100%;border-collapse: collapse} .page-detail .page-left table thead tr th{background:var(--link);color:var(--white);font-size:1.2rem;padding:0.5rem 1rem;text-transform: uppercase;text-align: left;font-family:var(--title)} .page-detail .page-left table tbody tr{border-bottom:1px solid var(--color-border-light);} .page-detail .page-left table tbody tr td{font-size:1.05rem;padding:1.2rem;font-family:var(--paragraph);border: 1px solid var(--color-border-light);} .related-content{width:100%;background:var(--white);border-top:1px solid var(--link);padding:1.5rem 0px 0;margin-top:15px;} .related-content a{color:var(--link);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;font-weight:600;font-family: var(--paragraph);} .related-content a:hover{color: var(--link);} .related-content-repeater{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;} .related-content-repeater li{padding:0px 10px;border-left:1px solid var(--link);margin-bottom:10px} .related-content-repeater li:first-child{border-left:0px;padding-left:0px} .no-fees-tagline{font-size:1rem;font-weight:700;letter-spacing:0.025rem;line-height:1.0;margin:0;text-transform:uppercase;padding-bottom:15px;} .related-content h6{margin-top:0px;margin-bottom:20px} h6.no-fees-tagline{display:-webkit-box;display:-ms-flexbox;display:flex;border:3px solid var(--primary);padding:10px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;font-size:14px !important;font-family:var(--title);font-weight:700;margin-top:0 !important;} .related-content-links ul li:last-child a:after{content:'';} .testimonial-bottom-content{margin-top:40px;} .testimonial-reviews{border:1px solid var(--link);border-left:0;border-right:0;padding:20px 0;margin:20px 0;} .review-title-left{width:70%;} .reviews-flex-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;} .testimonials-top{width:25%;} .review-title-left p{margin:0 !important;font-size:16px !important;} .reviews-flex-inner .testimonial-star span.rating-5:before, .reviews-flex-inner .testimonial-star span.rating-4:before, .reviews-flex-inner .testimonial-star span.rating-3:before, .reviews-flex-inner .testimonial-star span.rating-2:before, .reviews-flex-inner .testimonial-star span.rating-1:before{left:unset;right:0;top:10px;} .about-page-badges{border-top:1px solid var(--link);border-bottom:1px solid var(--link);padding:25px 0 0px;margin:30px 0 30px;} .about-badge-repeater{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:50px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;} .about-badge-images{background:var(--white);-webkit-box-shadow:0px 0px 14px 9px rgba(0,0,0,0.03);box-shadow:0px 0px 14px 9px rgba(0,0,0,0.03);width:250px;height:250px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0px 50px 50px 0px;} p.gform_required_legend { display: none !important; } /* Blog css */ .entry-header{position:inherit;margin-bottom:10px;} .byline{display:inline-block;font-size:0;line-height: 0;} .posted-on .updated{border-bottom:0;} .page-left .blog-more-btn a{background-color: var(--link);color:var(--white);padding: 8px 30px;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-top:0;border:2px solid transparent;font-weight: 600;font-size: 17px;-webkit-transition:0.5s all;transition:0.5s all;display:inline-block;margin-top:15px;text-decoration:none;font-family: var(--paragraph);text-transform: uppercase;letter-spacing: 2px;position: relative;line-height: 30px;} .page-left .blog-more-btn a:hover{background:var(--link);color: var(--white);border: 2px solid var(--link);text-decoration:none;} .blog h2.entry-title a,.archive h2.entry-title a,.category h2.entry-title a,.search h2.entry-title a{color: var(--link);} .blog span.author.vcard a,.archive span.author.vcard a,.category span.author.vcard a,.search span.author.vcard a,.post-template-default span.author.vcard a{color: var(--link);} .entry-meta{margin:20px 0 0;background-color:transparent;color: var(--link);padding:15px;border: 2px solid var(--link);} .post-link-area .posted-on a{position:relative;font-size:17px;padding-left:20px;line-height:18px;} span.posted-on{font-size:0;} .posted-on{display:none;} .post-link-area .posted-on a:before{content:"\f017";font-size:17px;position:absolute;left:0px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-family:'FontAwesome';} .byline span.author.vcard a,a.c-link,span.c-link{font-family:var(--paragraph);font-size:17px;position:relative;padding-left:20px;font-weight:600 !important;padding-right:10px;} .byline span.author.vcard a:hover,a.c-link:hover{text-decoration:underline;color: var(--link-hover);} a.c-link,span.c-link{padding-left:10px !important;color: var(--link);} .c-link{border-left:2px solid;} .byline span.author.vcard a:before{content:"\f007";font-family:'FontAwesome';left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} header.page-header{position:inherit;font-size:30px;margin-bottom:30px;} .page-detail .widget ul li::before{display:none;} .page-left article{margin-bottom:50px;border-bottom:2px solid var(--color-border-light);padding-bottom:40px;} .blog_bg_img img{width:100%;height:400px;-o-object-fit:cover;object-fit:cover;padding-top:20px;} .page-right .blog-sidebar ul li a[aria-current="page"]{color:var(--link);} .blog h2.entry-title a{text-decoration:none;} .entry-title{margin-top:0 !important;} .byline span.author.vcard a{text-decoration:none;} .search-no-results .search-form{display:block;padding:0;} .search-no-results .page-left .search-form input.search-submit{padding:7.5px 30px;text-transform:uppercase;vertical-align:bottom;cursor:pointer;-webkit-transition:0.5s all;transition:0.5s all;background:var(--link);color:var(--white);border:2px solid transparent;font-family:var(--paragraph);font-weight:500;font-size:18px;} .search-no-results .page-left .search-form input.search-submit:hover{background:transparent;color:var(--link);border:2px solid var(--link);} .search-no-results .search-form input.search-field{padding:12px;border:1px solid var(--color-border-light);outline:none;} .inner-content .page-left .post-thumbnail img{width:100%;height: 400px;-o-object-fit:cover;object-fit:cover;margin-bottom:20px;} .inner-content .page-left .post-thumbnail{display:block;} .single .inner-content .page-left .post-thumbnail img{width:auto;height:100%;margin-inline: auto;} .blog-more-btn a:before{content:'';background:transparent;top:0;bottom:0;left:0;right:0;border:2px solid var(--white);position:absolute;opacity:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .blog-more-btn a:hover:before{top:5px;left:5px;right:5px;bottom:5px;opacity:1;} /* Blog css */ /*blog-pagination*/ .blog-pagination .navigation.pagination{text-align:center;margin:35px 0 0 0;} .navigation.pagination .page-numbers{border: 1px solid var(--link);margin:0 4px 8px 4px;text-decoration:none;color: var(--link);display:inline-block;font-size:14px;font-weight:500;margin-right:1px;padding:12px 16px;text-transform:uppercase;line-height:1;font-family: var(--paragraph);} .nav-links a:nth-child(2n){text-align:right;} .blog-pagination .navigation.pagination .page-numbers:hover{color:var(--white) !important;background: var(--link);} .blog-pagination .page-numbers.current{color:var(--white);background-color: var(--link);padding:12px 17.41px;} .blog-pagination{position:relative;} /*blog-pagination*/ /* / Thank you / */ .page-left i.fa.fa-thumbs-up{border: 2px solid var(--link);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;color: var(--link);font-size:80px;height:160px;line-height:150px;margin:30px auto;text-align:center;width:160px;} .thankyou-outer{text-align:center;} /* / Thank you / */ /* / 404 / */ .error404 .button_404 a.button{position: relative;display:inline-block;text-align:center;background-color: var(--link);font-size: 20px;text-transform:uppercase;line-height:1;padding:15px 20px;font-weight:600 !important;color:var(--white) !important;-webkit-transition:0.3s ease-out all;transition:0.3s ease-out all;border:2px solid transparent;cursor:pointer;-webkit-appearance:button;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family: var(--paragraph);letter-spacing: 2px;} .error404 .button_404 a.button:before{content:'';background:transparent;top:0;bottom:0;left:0;right:0;border:2px solid var(--white);position:absolute;opacity:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .error404 .button_404 a.button:hover:before{top:5px;left:5px;right:5px;bottom:5px;opacity:1;} /* / 404 / */ /* blockquote */ .page-detail .page-left blockquote{background:var(--color-bg-light);border-left:2px solid var(--link);font-size:22px;line-height:34px;padding:20px;margin:20px 0;color:var(--link);text-align:left;font-weight:500;font-style:normal;display:inline-block;width:100%;} /* sidebar submenu */ #menu-practice-areas .menu-item-has-children>ul.sub-menu{display:none;} .page-right ul.sub-menu li a::before{left:32px;top:22px;} .page-right ul.sub-menu li a{padding:11px 40px 11px 50px;} ul#menu-practice-areas .menu-item-has-children>ul.sub-menu{display:none;} ul#menu-practice-areas-es .menu-item-has-children>ul.sub-menu{display:none;} .page-right i.fa-angle-down{z-index:11;background-color:var(--link);border-color:var(--link);font-size:14px;position:absolute;top:14px;right:10px;width:26px;height:26px;display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;border-radius:2px;text-align:center;cursor:pointer;color:var(--white);-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;} .page-right i.fa-solid.fa-angle-down.active:before,ul#menu-header-menu i.fa-solid.fa-angle-down.active:before{rotate:180deg;} .children-arrow{position:absolute;top:13px;right:0px;background-image:url(../images/plus-icon.png);cursor:pointer;border:1px solid var(--white);padding:10px;z-index:11;right:6px;-webkit-transition:0.3s all;transition:0.3s all;background-size:auto;background-repeat:no-repeat;background-position:center center;background-color:var(--link);} .page-detail .children-arrow.active{background-image:url(../images/minus-icon.png);} /* sidebar submenu */ /* / left side / */ .link-box{font-family:var(--paragraph);color: var(--link) !important;font-size:20px;font-weight:500;display:block;margin-right:0;margin-top: 20px;line-height:1;} .link-box i{font-family:'FontAwesome';font-style:normal;font-size:20px;color: var(--link);line-height:0;margin-right:10px;} .link-box i.fas.fa-phone-square{font-size:23px;} .link-box i.fas.fa-location-arrow{margin-right:7px;font-size: 23px;margin-top: 24px;} .link-box i.fas.fa-fax{margin-right:7px;} .link-box i.fa.fa-phone{font-size:23px;} .link-box a{color: var(--link) !important;font-weight:500 !important;} .link-box a:hover{color:var(--secondary) !important;} /* / left side / */ /* attorney box */ .page-detail .page-left .testimonial-title-inner .inner-heading{color:var(--secondary);letter-spacing:0;} .page-detail .page-left .testi-box .testi-inner-content h4{margin-top:0;} .page-detail .page-left .testi-box .testi-inner-content blockquote{padding:40px;} .testimonial-repeater-inner{margin-top:30px;} /* contact form */ .single .page-left article{margin-bottom:0 !important;border-bottom:none !important;padding-bottom:0 !important;} #gf_form_focus{display:none;} i.fas.fa-location-arrow{margin-top:25px;color: var(--link);} .page-template-contact-page .address-flex{-webkit-filter:drop-shadow(2px 0px 86px rgba(0,0,0,0.11));filter:drop-shadow(2px 0px 86px rgba(0,0,0,0.11));background-color:var(--white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:60px;padding:31px 30px 35px;} .page-template-contact-page .address-flex .left-address{width:100%;max-width:31%;margin-top:30px !important;} .office-left-address{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:-15px;} i.fas.fa-location-arrow{margin-top:25px;} .page-template-contact-page .address-flex p,.page-template-contact-page .address-flex a{font-size:20px !important;font-weight:600;color:var(--link) !important;} .page-template-contact-page .address-flex i{margin-right:10px;} .page-template-contact-page .address-flex .right-office-map{width:100%;max-width:65%;} .page-template-contact-page .right-office-map p{margin-bottom:0;margin-top:0;} .page-template-contact-page .address-flex iframe{height:299px;width:100%;margin-top:10px;} .page-template-contact-page .address-flex p:hover i,.page-template-contact-page .address-flex p:hover a,.page-template-contact-page .address-flex p:hover,.office-left-address:hover p,.office-left-address:hover i{color:var(--link-hover) !important;} .related-content-links ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-left:-10px;} .related-content-links ul li{padding:0px 10px;margin-bottom:10px} .related-content-links ul li a:after{content:'|';font-size:0.7500rem;position:relative;top:-0.1rem;right:-10px} .related-content-links ul li a:hover{color:var(--link)} .page-left .link-box p,.page-left .link-box a{font-size:18px !important;font-weight:500 !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration: none !important;} p.attorney-designation{font-size:20px !important;font-weight:500 !important;} .page-template-contact-page-form .legal-notebook-newsletter{width:100%;} .error404 h1.banner-heading:Before{top:82px !important;bottom:0px !important;height:59.84%;} .page-template-contact-page .address-flex p:hover{color:var(--link) !important;} .agree-disagree-btn{margin-top:40px;} .soc-share::after{position:absolute;content:"+";font-size:24px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .addtoany_shortcode{display:none;width:40px;position:relative;cursor:pointer;} .soc-share{position:absolute;bottom:0px;right:10%;background:rgba(255,255,255,0.8);height:40px;width:40px;z-index:99;border-radius:4px 4px 0 0;color:var(--link);cursor:pointer;} .soc-share > span{margin:10px 0 10px -52px;display:block;color:var(--white);text-transform:uppercase;font-size:13px;font-weight:400;font-family:var(--paragraph);} .soc-share:hover .addtoany_shortcode{display:block;} .page-template-contact-page .address-flex .office-left-address p{color: var(--link) !important;} .page-template-contact-page .address-flex .office-left-address i{color: var(--link) !important;} section.practice-inner-group-content{background:var(--color-bg-light);} section.practice-inner-group-content .page-left{width:100% !important;} section.practice-inner-group-content .page-left p:last-child{margin-bottom:0;} section.practice-inner-group-content .page-left p{margin:0px 0 15px;} section.practice-inner-group-content .our-inner-content-top {margin-bottom: 50px;} section.practice-inner-group-content .our-inner-content-top .inner-heading.border { text-align: left; } section.practice-inner-group-content .our-inner-content-top .inner-heading.border::after { left: 0; right: inherit !important;} .gform_validation_errors { display: none !important; } @media (max-width:1600px) { /* inner-page */ .inner-banner .inner-banner-title{font-size: 60px;letter-spacing:0;} section.inner-banner .rightPart{max-width: 900px;} .inner-banner-flex { min-height: 240px; } /* inner-page */ .error404 h1.banner-heading:Before { top: 65px !important; } } @media (max-width:1440px) { section.inner-banner { padding: 130px 0 60px; min-height: 380px; } section.inner-banner .rightPart{max-width: 720px;} .error404 h1.banner-heading:Before { top: 58px !important; } } @media (max-width:1360px) { /* inner-page */ .page-detail .com-mar-bg h2{font-size:19px;} .page-detail .inner-heading-1,.page-detail h1{font-size:42px;} .page-detail .inner-heading-2,.page-detail h2{font-size:36px;} .page-detail .inner-heading-3,.page-detail h3{font-size:28px;} .page-detail .inner-heading-4,.page-detail h4{font-size:32px;} .page-detail .inner-heading-5,.page-detail h5{font-size:30px;} .page-detail .inner-heading-6,.page-detail h6{font-size:28px;} .page-detail .page-left ul li::before{top:11px;} .page-detail .page-left p,.page-detail .page-left ul li, .page-detail .page-left ol li{font-size:18px;line-height:1.7;} .page-detail .page-left .attorney-box-detial p{font-size:16px;line-height:1.3;} .inner-banner .inner-banner-title{font-size: 55px;} section.inner-banner .rightPart{max-width: 720px;} .inner-banner-flex{min-height:230px;} /* inner-page */ /* contact page */ /* contact page */ .about-badge-images{width:230px;height:230px;margin:0px 30px 30px 0px;} .about-page-badges{padding:25px 0 20px;} .page-template-contact-page .address-flex p, .page-template-contact-page .address-flex a { font-size: 18px !important; } .page-template-contact-page .address-flex { padding: 26px 25px 26px; } .link-box i.fas.fa-location-arrow{margin-top: 19px;} } @media (max-width:1200px) { /* inner-page */ .inner-banner .inner-banner-title{font-size: 50px;letter-spacing:0px;} .page-detail .page-left blockquote{width:99%;} .page-detail .com-mar-bg h2,.page-detail .com-mar-bg label{font-size:17px;padding:12px;} .page-detail .inner-heading-1,.page-detail h1{font-size:40px;} .page-detail .inner-heading-2,.page-detail h2{font-size:35px;} .page-detail .inner-heading-3,.page-detail h3{font-size:28px;} .page-detail .inner-heading-4,.page-detail h4{font-size:28px;margin:12px 0 0;} .page-detail .inner-heading-5,.page-detail h5{font-size:27px;} .page-detail .inner-heading-6,.page-detail h6{font-size:23px;} .page-detail .page-left ul li::before{top:10px;} .page-detail .page-left p,.page-detail .page-left ul li, .page-detail .page-left ol li{font-size:17px;line-height:1.6;} .page-right .widget{margin:0 0 30px 0;} .page-right ul.sub-menu li a{padding:11px 40px 11px 44px;} .page-right ul.sub-menu li a::before{left:26px;} section.inner-banner{min-height: 320px;padding: 110px 0 50px;} .inner-banner .inner-banner-right-content{max-width:400px;} section.inner-banner .rightPart{max-width: 700px;} .inner-banner-flex{min-height:200px;} /* inner-page */ /* attorney-page */ .page-detail .our-attorney-box{padding:25px;} .our-attorney-box .attorney-box-img{width:31%;} .our-attorney-box .attorney-box-detial{width:62%;} .page-template-attorney-inner-page .attorney-box-detial{width:57%;} .page-template-attorney-inner-page .attorney-box-img{width:35%;} .error404 h1.banner-heading:Before { top: 48px !important; } .page-detail .com-mar-bg label{padding: 0 !important;} } @media only screen and (max-width: 1200px) and (min-width: 1000px) { /* inner-page */ .page-right ul.sub-menu li a{font-size:14px;} .page-right ul li a{font-size:15px;padding:15px 40px 15px 30px} /* inner-page */ } @media (max-width:999px) { /* inner-page */ .page-detail .com-mar-bg h2,.page-detail .com-mar-bg label{font-size:20px;} .page-detail{display:block;} .inner-banner .inner-banner-title{font-size: 45px;line-height: 1.4 !important;} .inner-page-content{padding:40px 0;} .page-detail .page-left{width:100%;} .page-detail .page-right{width:100%;margin-top:30px;} .page-detail .inner-heading-1,.page-detail h1{font-size:38px;} .page-detail .inner-heading-2,.page-detail h2{font-size:34px;} .page-detail .inner-heading-3,.page-detail h3{font-size:30px;} .page-detail .inner-heading-4,.page-detail h4{font-size:27px;} .page-detail .inner-heading-5,.page-detail h5{font-size:26px;} .page-detail .inner-heading-6,.page-detail h6{font-size:22px;} .page-detail .inner-heading-1,.page-detail h1,.page-detail .inner-heading-2,.page-detail h2,.page-detail .inner-heading-3,.page-detail h3,.page-detail .inner-heading-4,.page-detail h4,.page-detail .inner-heading-5,.page-detail h5,.page-detail .inner-heading-6,.page-detail h6{margin:20px 0 15px;} .page-detail .page-left p,.page-detail .page-left ul li, .page-detail .page-left ol li{margin:10px 0;font-size:17px;line-height:1.7;} .page-detail .page-left blockquote{width:100%;} .page-right i.fa-angle-down{right:20px;} .page-detail .page-left .testi-box .testi-inner-content blockquote{padding:40px;width:100%;} .page-right ul.sub-menu li a{padding:11px 47px 11px 44px;} .page-right ul li a{padding:15px 47px 15px 35px;} * .page-right form.wp-block-search .wp-block-search__inside-wrapper{width:100% !important;} .com-mar-bg img{width:auto;margin:0 auto;} section.inner-banner{min-height: 310px;padding: 110px 0 50px;} .inner-banner-right-img:before{top:-40px;} .inner-banner-flex{min-height:auto;-ms-flex-wrap:wrap;flex-wrap:wrap;} section.inner-banner .rightPart{max-width:100%;text-align:center;margin-bottom: 0;} .inner-banner .inner-banner-right-content{max-width:450px;position:relative;bottom:-67px;margin:0 auto;right:-40px !important;margin-top:-60px;} .inner-banner .section-title { font-size: 47px; line-height: 1.213em; letter-spacing: -0.02em; } /* inner-page */ /* attorney-page */ /* contact page */ .page-template-contact-page .address-flex { display: block; } .page-template-contact-page .address-flex .left-address { width: 100%; max-width: 100%; margin-top: 0 !important; } i.fas.fa-location-arrow{margin-top:18px;} .page-template-contact-page .address-flex .right-office-map { width: 100%; max-width: 100%; margin-top: 25px; } .page-template-contact-page .address-flex iframe { height: 299px; } /* contact page */ .testimonial-bottom-content{margin-top:30px;} .about-badge-images img{width:150px;-o-object-fit:contain;object-fit:contain;} .about-badge-repeater{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:35px;} .page-left .blog-more-btn a { font-size: 15px; line-height: 30px; } * .page-right .search-form input.search-submit { font-size: 16px; } section.practice-inner-group-content.pb100 { padding-bottom: 70px; } } @media (max-width:767px) { /* inner-page */ .inner-banner .inner-banner-title{font-size: 40px;} .page-detail .inner-heading-1,.page-detail h1{font-size:35px;} .page-detail .inner-heading-2,.page-detail h2{font-size:32px;} .page-detail .inner-heading-3,.page-detail h3{font-size:28px;} .page-detail .inner-heading-4,.page-detail h4{font-size:25px;} .page-detail .inner-heading-5,.page-detail h5{font-size:23px;} .page-detail .inner-heading-6,.page-detail h6{font-size:20px;} .page-right ul li a::before{top:28px;} .inner-banner .inner-banner-right-content{max-width:370px;right: -30px !important;} .inner-banner .section-title { font-size: 35px; line-height: 1.286em; letter-spacing: -0.01em; } /* inner-page */ /* blog css */ .entry-meta{padding:5px 15px;} .byline span.author.vcard a,a.c-link,span.c-link{line-height:1.5;} /* blog css */ .reviews-flex-inner .testimonial-star span.rating-5:before,.reviews-flex-inner .testimonial-star span.rating-4:before,.reviews-flex-inner .testimonial-star span.rating-3:before,.reviews-flex-inner .testimonial-star span.rating-2:before,.reviews-flex-inner .testimonial-star span.rating-1:before{top:5px;} .about-badge-images{width:180px;height:180px;} .about-badge-images img{width:140px;} .page-template-about-page img.about-img{width:100%;} section.inner-banner { min-height: 250px; } section.practice-inner-group-content .our-inner-content-top {margin-bottom: 30px;} } @media (max-width:640px) { /* inner-page */ .inner-banner .inner-banner-title{font-size: 36px;line-height: 1.3 !important;} .page-detail .inner-heading-1,.page-detail h1,.page-detail .inner-heading-2,.page-detail h2,.page-detail .inner-heading-3,.page-detail h3,.page-detail .inner-heading-4,.page-detail h4,.page-detail .inner-heading-5,.page-detail h5,.page-detail .inner-heading-6,.page-detail h6{margin:18px 0 12px;} .page-detail .inner-heading-1,.page-detail h1{font-size:32px;} .page-detail .inner-heading-2,.page-detail h2{font-size:28px;} .page-detail .inner-heading-3,.page-detail h3{font-size:25px;} .page-detail .inner-heading-4,.page-detail h4{font-size:20px;} .page-detail .inner-heading-5,.page-detail h5{font-size:19px;} .page-detail .inner-heading-6,.page-detail h6{font-size:18px;} .page-detail .page-left p,.page-detail .page-left ul li, .page-detail .page-left ol li{font-size:17px;line-height:1.6;} .inner-page-content{padding:45px 0;} section.inner-banner{padding: 100px 0 50px;min-height:240px;} .page-right ul li a{font-size:16px;} .page-detail .page-right{margin-top:40px;} /* inner-page */ /* breadcrumb */ .breadcrumb-link #breadcrumbs{font-size:16px;font-weight:500;} .breadcrumb-link a{font-size:16px;font-weight:500;} /* breadcrumb */ /* Thank you */ .page-left .thankyou-outer i.fa.fa-thumbs-up{height:120px;width:120px;position:relative;} .page-left .thankyou-outer i.fa.fa-thumbs-up.fa-thumbs-up:before{position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:55px;} /* Thank you */ /* blog css */ .inner-content .page-left .post-thumbnail img{height:300px;} /* blog css */ /* contact page */ /* contact page */ .inner-banner-right-img:before{top:-35px;} .reviews-flex-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;} .reviews-flex-inner .testimonial-star span.rating-5:before,.reviews-flex-inner .testimonial-star span.rating-4:before,.reviews-flex-inner .testimonial-star span.rating-3:before,.reviews-flex-inner .testimonial-star span.rating-2:before,.reviews-flex-inner .testimonial-star span.rating-1:before{left:0;right:unset;top:0px;} .testimonials-top{width:100%;margin:10px 0;height:30px;} .review-title-left{width:100%;} .about-badge-repeater{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} .about-badge-images{margin:0px 10px 20px 10px;} .page-left .link-box p, .page-left .link-box a { font-size: 16px !important; } .link-box i.fas.fa-location-arrow { margin-top: 17px; } .page-detail .page-right { margin-top: 60px; } .soc-share { right: 3%; } section.practice-inner-group-content.pb100 { padding-bottom: 50px; } .page-detail img{float:none} .inner-banner .section-title{ letter-spacing: 0; } } @media (max-width:479px) { /* inner-page */ section.inner-banner{padding: 100px 0 50px;min-height: 220px;} .inner-banner-tilte{font-size:32px;line-height:38px;} .inner-banner .inner-banner-title{font-size: 32px;} .page-detail .page-left ul li::before{top:7px;} .page-detail .inner-heading-1,.page-detail h1,.page-detail .inner-heading-2,.page-detail h2,.page-detail .inner-heading-3,.page-detail h3,.page-detail .inner-heading-4,.page-detail h4,.page-detail .inner-heading-5,.page-detail h5,.page-detail .inner-heading-6,.page-detail h6{margin:18px 0 12px;} .page-detail .inner-heading-1,.page-detail h1{font-size:30px;} .page-detail .inner-heading-2,.page-detail h2{font-size:25px;} .page-detail .inner-heading-3,.page-detail h3{font-size:22px;} .page-detail .page-left p,.page-detail .page-left ul li, .page-detail .page-left ol li{font-size:16px;line-height:1.4;} .inner-page-content{padding:30px 0;} .page-right ul li a{font-size:15px;} /* inner-page */ /* attorney-page */ .attorney-box-detial .attorney_detail a{font-size:14px;} /* attorney-page */ /* blog css */ .byline span.author.vcard a,a.c-link,span.c-link{font-size:14px;padding-left:20px;} .c-link:before{left:7px;} .entry-meta{padding:7px;} .byline span.author.vcard a,a.c-link,span.c-link{padding-right:5px;display:inline-block} a.c-link,span.c-link{padding-left:5px !important;} .page-left .blog-more-btn a{padding:8px 30px;font-size:14px;line-height: 26px;} span.date.c-link{display: inline-block;} /* blog css */ /* error */ .error404 .button_404 a.button { font-size: 13px; padding: 13px 15px; } /* error */ /* contact page */ /* contact page */ .inner-banner .inner-banner-right-content{right: -5% !important;} .page-template-contact-page .address-flex iframe { height: 250px; } .search-no-results .page-left .search-form input.search-submit { padding: 9px 12px; font-size: 15px; } .link-box i.fas.fa-location-arrow { margin-top: 18px; } } @media only screen and (max-width:375px) { .page-left .link-box p, .page-left .link-box a { font-size: 15px !important; } } /* ========================================================================== Buttons — matched to the homepage ========================================================================== Every button in this file was a different shape of the same imported style: a blue fill, uppercase, 2px letter-spacing, a 2px border, and a hover that emptied the fill and swapped to an outline. The homepage does none of that. Its buttons are a sage fill that darkens to the brand green on hover, Sora at 700, mixed case, no tracking, square corners, and no border at all (global.css `.btn` / `.btn-primary`). NOT ONE NUMBER IS REPEATED HERE. Every size comes from the --btn-* tokens that global.css defines and steps per breakpoint for the homepage button, so these buttons ARE the homepage button rather than an imitation of it, and they resize with it. Change a button anywhere on the site by editing those tokens once. The homepage builds a button from three elements — `.btn` frames it, `.btn__body` pads it, `.btn__text` types it. These are single and elements, so they have to play all three roles at once: hence the frame, the padding and the type on one selector. `align-items`/`justify-content` centre the text because there is no `.btn__body` here to do it, and that is a structural difference, not a style one. This block sits at the very end of the file on purpose. The responsive rules above set their own font-size and padding per breakpoint for these same buttons; being last is what replaces that ad-hoc scale with the shared one. The `:before` rules cancel the inset white outline that used to animate in on hover. It is not a homepage behaviour, and leaving it would read as a different button system wearing the right colours. ========================================================================== */ /* * NOTE ON WHAT IS NOT IN THIS LIST. The sidebar search submit * (`.page-right .search-form input.search-submit`) is deliberately left out: its * design stays exactly as it was, and only its colours move to the tokens via the * :root mapping at the top of this file. It is a compact control inside a widget, * not a page-level call to action, and giving it the 62px button frame made it * dominate the sidebar. */ .page-left .blog-more-btn a, .error404 .button_404 a.button, .attorney-box-detial .attorney_detail a, .search-no-results .page-left .search-form input.search-submit, .search-inner-box input.search-submit, .agree-disagree-btn a.btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: var(--btn-min-height); padding: var(--btn-pad-block) var(--btn-pad-inline); background-color: var(--color-primary); color: var(--white) !important; border: 0; border-radius: 0; overflow: hidden; cursor: pointer; font-family: var(--paragraph); font-size: var(--btn-text-size); line-height: var(--btn-text-lh); letter-spacing: var(--btn-text-tracking); font-weight: var(--btn-text-weight) !important; text-transform: none; text-decoration: none; -webkit-transition: var(--transition); transition: var(--transition); } .page-left .blog-more-btn a:hover, .page-left .blog-more-btn a:focus-visible, .error404 .button_404 a.button:hover, .error404 .button_404 a.button:focus-visible, .attorney-box-detial .attorney_detail a:hover, .attorney-box-detial .attorney_detail a:focus-visible, .search-no-results .page-left .search-form input.search-submit:hover, .search-inner-box input.search-submit:hover, .agree-disagree-btn a.btn:hover, .agree-disagree-btn a.btn:focus-visible { background-color: var(--color-secondary); color: var(--white) !important; border: 0; text-decoration: none; } /* The inset-outline hover effect is not part of the homepage button. */ .page-left .blog-more-btn a:before, .page-left .blog-more-btn a:hover:before, .error404 .button_404 a.button:before, .error404 .button_404 a.button:hover:before { content: none; } /* * Pagination gets the colour and type language but NOT the fill: these are numbered * page links, and a row of sage blocks reads as six competing CTAs rather than as * navigation. Resting state stays outlined in the brand green and fills on hover, * which is what the homepage's `.btn-outline` variant does. */ .navigation.pagination .page-numbers { border-color: var(--color-primary); color: var(--color-secondary); font-family: var(--paragraph); text-transform: none; letter-spacing: -0.02em; } .blog-pagination .navigation.pagination .page-numbers:hover, .blog-pagination .page-numbers.current { background-color: var(--color-primary); border-color: var(--color-primary); color: var(--white) !important; } .page-detail .entry-content h2:first-child, .page-detail .entry-content h1:first-child, .page-detail .entry-content h3:first-child{ margin-top: 25px !important; } .page-detail .page-left img { border-radius: 8px; } /* ========================================================================== Inner-page buttons — the missing responsive step ========================================================================== The button block above takes its frame from the --btn-* tokens so these buttons ARE the homepage button. But global.css declares --btn-min-height once (62px) and never steps it, and --btn-pad-inline the same, so only the LABEL shrank at small widths while the frame stayed 62px tall — measured 62px at 1920 and still 62px at 375. The ad-hoc per-breakpoint padding/font-size rules that used to handle this (e.g. the `.search-no-results … .search-submit { padding: 9px 12px }` rule further up) are dead: the token block sits later in the file and replaces them. The fix re-declares the two tokens ON the buttons themselves at each breakpoint. The existing `min-height: var(--btn-min-height)` / `padding: var(--btn-pad-block) var(--btn-pad-inline)` declarations then resolve to the smaller values with no rule duplicated and no number written twice per breakpoint. Scope is deliberate and narrow: * Only the selectors already in the button list are touched. Nothing else on any page changes — not spacing, not type, not layout. * global.css :root is NOT edited, so the homepage's own buttons keep the 62px frame they were signed off with at every width. * The sidebar search submit (`.page-right .search-form input.search-submit`) is still excluded, exactly as the note above requires. It sizes itself from its own padding and never reads --btn-min-height, so these rules cannot reach it. ========================================================================== */ @media (max-width: 1200px) { /* On the FORM, not just its button: the field reads --btn-min-height too, and if only the button stepped, the un-stepped field stayed 62px and `align-items: stretch` pulled the button straight back up to 62px. Measured. */ .search-no-results .page-left .search-form, .page-left .blog-more-btn a, .error404 .button_404 a.button, .attorney-box-detial .attorney_detail a, .search-inner-box input.search-submit, .agree-disagree-btn a.btn { --btn-min-height: 56px; } } @media (max-width: 999px) { /* On the FORM, not just its button: the field reads --btn-min-height too, and if only the button stepped, the un-stepped field stayed 62px and `align-items: stretch` pulled the button straight back up to 62px. Measured. */ .search-no-results .page-left .search-form, .page-left .blog-more-btn a, .error404 .button_404 a.button, .attorney-box-detial .attorney_detail a, .search-inner-box input.search-submit, .agree-disagree-btn a.btn { /* 54px, not 52 — this is the exact value global.css gives `.btn` at this breakpoint (line ~726). The whole point of this block is that these buttons step WITH the homepage button, so the numbers have to be its numbers: 62 / 56 / 54 / 48 / 44. */ --btn-min-height: 54px; } } @media (max-width: 767px) { /* On the FORM, not just its button: the field reads --btn-min-height too, and if only the button stepped, the un-stepped field stayed 62px and `align-items: stretch` pulled the button straight back up to 62px. Measured. */ .search-no-results .page-left .search-form, .page-left .blog-more-btn a, .error404 .button_404 a.button, .attorney-box-detial .attorney_detail a, .search-inner-box input.search-submit, .agree-disagree-btn a.btn { --btn-min-height: 48px; --btn-pad-inline: var(--sp-16); } } @media (max-width: 479px) { /* On the FORM, not just its button: the field reads --btn-min-height too, and if only the button stepped, the un-stepped field stayed 62px and `align-items: stretch` pulled the button straight back up to 62px. Measured. */ .search-no-results .page-left .search-form, .page-left .blog-more-btn a, .error404 .button_404 a.button, .attorney-box-detial .attorney_detail a, .search-inner-box input.search-submit, .agree-disagree-btn a.btn { --btn-min-height: 44px; --btn-pad-inline: var(--sp-10); padding: 10px 16px } } /* ========================================================================== Search-results form — the field now matches its button ========================================================================== Measured before this block: the field was 41px tall with a 13.33px font (the browser default — it had no font-size at all) sitting next to a 62px, 20px-label button, so the two did not line up by 21px. The form becomes a flex row with `align-items: stretch`, which is what guarantees the match: whatever height the button resolves to at a given breakpoint, the field is that height too, so this keeps working with the button ladder above rather than restating any of its numbers. The field's type comes from `inherit`, so it rides the same scale as the surrounding copy. Scoped to `.search-no-results .page-left` only — the sidebar's search widget is a different form and is not touched. ========================================================================== */ .search-no-results .page-left .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: var(--sp-16); -ms-flex-wrap: wrap; flex-wrap: wrap; } /* WordPress wraps the field in a