/* Color Scheme ================================================== /// RED: #821F1D / RGB: 130, 31, 29 BLACK: #221F1F / RGB: 34, 31, 31 LIGHT GRAY: #DFE0E0 / RGB: 223, 224, 224 WHITE: #FFF */ /* #Site Styles ================================================== */ .no-js [data-responsive-toggle]{ display:none; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img {max-width: 100%; height: auto;} /* sticky header - home ================================================== */ div.header {position: fixed;width:100%; max-width: 100%; margin:0 auto;padding: 0;z-index: 10000;transition: all 0.2s ease-in-out;height: auto;background: rgba(0,0,0, 0.0); line-height: 40px; border-bottom: 1px solid rgba(225, 225, 225, 0.95;); } div.header.active {background: #FFF; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 1.0); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } /* sticky header - interior ================================================== */ div.header-interior {position: fixed;top:0;left:0;width:100%; padding: 0;z-index: 10000;transition: all 0.2s ease-in-out;height: auto;background: rgba(255,255,255, 1.0); line-height: 40px; border-bottom: 1px solid rgba(225, 225, 225, 0.95;); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 1.0); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } div.header-interior.active {background: #FFF; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 1.0); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);} /* smooth fade effect on logo scroll/change ================================================== */ .header .nav-header img { transition: opacity 0.3s ease; } /* Search icon color ================================================== */ .nav-search-button i { transition: color 0.3s ease; font-size: 16px; } /* Homepage: white by default, red on scroll (JS adds .active to .header) */ .header .nav-search-button i { color: #FFF; } .header.active .nav-search-button i { color: #821F1D; } /* Interior: always red */ .header-interior .nav-search-button i { color: #821F1D; } /* sticky header - interior ================================================== */ div.header-hero {position: fixed;top:0;left:0;width:100%; padding: 0;z-index: 10000;transition: all 0.2s ease-in-out;height: auto;background: rgba(225, 225, 225, 0.0;); line-height: 40px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 1.0); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } div.header-hero.active {background: #FFF; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 1.0); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);} /* # bands / containers - ================================================== */ .band {padding: 0; margin:0} .white-band {background:#FFF; } .dark-blue-band {background:#455564} .light-blue-band {background:#eaf1f3} .dark-band {background:#26212a; color:white} .dark-band h2, .dark-band p, .dark-band a {color:white} .red-band {background:#821F1D} .light-gray-band {background:#F6F6F6; } .navigation { padding: 10px 50px ; margin:0 auto;max-width:1425px} @media(max-width: 1330px) {.navigation { padding: 10px 10px ; margin:0 auto;}} .main-content {padding:70px 0;} .no-hero {margin-top:57px} .mobile-only {display:none} #mobile-introduction {text-align: center; color:#821F1D; font-size: 22px; line-height: 1.5; padding:30px 0} .mobile-only-menu-item {display:none} .abstract-band {background-color: #2C2C2C; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 1500'%3E%3Cg transform='rotate(104.4 750 750)'%3E%3Cg transform='translate(157.5 157.5)'%3E%3Cg transform='scale(0.895)'%3E%3Ccircle r='2000' fill='%23362c2b'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='5' dur='11.1s' begin='-1.8s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='1800' fill='%233f2c29'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='5' dur='11.1s' begin='-1.6s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='1600' fill='%23482c28'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='5' dur='11.1s' begin='-1.4s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='1400' fill='%23512b26'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='5' dur='11.1s' begin='-1.2s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='1200' fill='%23592a25'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='5' dur='11.1s' begin='-1s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='1000' fill='%23612923'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='5' dur='11.1s' begin='-0.8s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='800' fill='%236a2722'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='5' dur='11.1s' begin='-0.6s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='600' fill='%23722520'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='5' dur='11.1s' begin='-0.4s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='400' fill='%237a231f'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='5' dur='11.1s' begin='-0.2s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='200' fill='%23821F1D'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='5' dur='11.1s' begin='0s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover;} #abstract-bg-1 { background-color: #221F1F; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 1000'%3E%3Cdefs%3E%3Cg id='a'%3E%3Ccircle r='.5'/%3E%3Ccircle cx='20' r='1'/%3E%3Ccircle cx='40' r='1.5'/%3E%3Ccircle cx='60' r='2'/%3E%3Ccircle cx='80' r='2.5'/%3E%3Ccircle cx='100' r='3'/%3E%3Ccircle cx='120' r='3.5'/%3E%3Ccircle cx='140' r='4'/%3E%3Ccircle cx='160' r='4.5'/%3E%3Ccircle cx='180' r='5'/%3E%3Ccircle cx='200' r='5.5'/%3E%3Ccircle cx='220' r='6'/%3E%3Ccircle cx='240' r='7'/%3E%3Ccircle cx='260' r='7.5'/%3E%3Ccircle cx='280' r='8'/%3E%3Ccircle cx='300' r='8.5'/%3E%3Ccircle cx='320' r='9'/%3E%3Ccircle cx='340' r='9.5'/%3E%3Ccircle cx='360' r='10'/%3E%3Ccircle cx='380' r='10.5'/%3E%3Ccircle cx='400' r='11'/%3E%3Ccircle cx='420' r='11.5'/%3E%3Ccircle cx='440' r='12'/%3E%3Ccircle cx='460' r='12.5'/%3E%3Ccircle cx='480' r='13'/%3E%3Ccircle cx='500' r='13.5'/%3E%3Ccircle cx='520' r='14'/%3E%3Ccircle cx='540' r='14.5'/%3E%3Ccircle cx='560' r='15'/%3E%3Cpath d='M560-15h1999v30H560z'/%3E%3C/g%3E%3Cg id='b'%3E%3Cuse href='%23a'/%3E%3Cuse y='20' href='%23a'/%3E%3Cuse y='40' href='%23a'/%3E%3Cuse y='60' href='%23a'/%3E%3Cuse y='80' href='%23a'/%3E%3C/g%3E%3Cg id='c'%3E%3Cuse href='%23b'/%3E%3Cuse y='100' href='%23b'/%3E%3Cuse y='200' href='%23b'/%3E%3Cuse y='300' href='%23b'/%3E%3Cuse y='400' href='%23b'/%3E%3Cuse y='500' href='%23b'/%3E%3C/g%3E%3Cg id='d'%3E%3Cuse transform='translate(0 600)' href='%23c'/%3E%3Cuse href='%23c'/%3E%3Cuse transform='translate(0 -600)' href='%23c'/%3E%3Cuse transform='translate(0 -1200)' href='%23c'/%3E%3C/g%3E%3C/defs%3E%3Cg %3E%3Cuse fill='%23362121' transform='translate(-450 250)' href='%23d'/%3E%3Cuse fill='%234a2222' transform='translate(-50 250)' href='%23d'/%3E%3Cuse fill='%235d2222' transform='translate(350 250)' href='%23d'/%3E%3Cuse fill='%23702120' transform='translate(750 250)' href='%23d'/%3E%3Cuse fill='%23821F1D' transform='translate(1150 250)' href='%23d'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } /* top row ================================================== */ section#top-row {display:block; transition: all 0.3s ease-in-out; position: relative;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;padding: 0 35px; background-image: linear-gradient(to right, rgba(150, 152, 154, 1.0),rgba(150, 152, 154, 1.0)); } @media screen and (max-width: 1024px) {section#top-row {display:none}} .top-row-wrapper {padding: 0; margin:0; } .top-row {margin:0 auto; padding: 0 12px} .top-bar {display:flex; justify-content: space-between;} .hide-top-row #top-row {display: none;opacity: 0;transform: translateY(-20px); } .top-bar .left-info {color:white; text-align: left;font-size: 15px; height: 40px; line-height: 40px; padding-left:0; display: flex;align-items: center;justify-content: flex-start;margin-bottom:0;margin-top:0 } .left-info i {color:#06892E; margin: 0 10px; font-size:15px} .left-info a {color:#FFF; font-weight:normal; text-decoration: none} .left-info a:hover {color:#FFF; text-decoration: underline} .icon-button {margin: 0 0 0 0; display:inline-block; padding: 0 10px; background:#356347 ; color: #FFF; font-weight: 400; } .icon-button i {color:#FFF;margin-right: 0; line-height:40px;} .icon-button a {font-size: 14px; color:#FFF; text-transform: uppercase; text-decoration: none} .icon-button a:hover {text-decoration: underline} .phone-number-top-row {color: #FFF;background-color: #509f6f; display:block; text-align:center; font-size: 14px; font-weight:400; padding: 10px 10px; border-left: 1px solid #821F1D } .phone-number-top-row i {color:#FFF; font-size:14px; margin-left: 10px} .top-bar .right-info {display: flex;align-items: center;justify-content: flex-end;margin-bottom:0;margin-top:0 } #page-background {background-image: linear-gradient(to bottom, rgba(38, 34, 90, 0.5), rgba(38, 34, 90, 0.5)), url('../images/fullscreen/np/shutterstock_1740208538.jpg'); height: auto; width:auto; background-position: center center; background-attachment: fixed ; background-repeat: no-repeat; background-size: cover; position: relative; padding: 100px 0} #fixed-bg-image-home{background-image:linear-gradient(to bottom,rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url('/wp-content/uploads/2025/09/group-photo-62.webp');height:800px;width:auto;background-position:center top;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;position:relative;padding:0;display:flex;align-items:center;justify-content:center} @media screen and (max-width: 1024px) { #fixed-bg-image-home { height: 600px; background-attachment: scroll; } } @media screen and (max-width: 768px) { #fixed-bg-image-home { height: 400px; background-position: center center; } } /* HOME - WHY CHOOSE US ================================================== */ /* Container section (now two columns in a row) */ /* Container section (now two columns in a row) */ .two-box-section { display: flex; flex-wrap: wrap; padding: 70px 20px 0 20px; max-width: 1400px; margin: 0 auto; margin-top:0; opacity: 1; transform: translateY(0); transition: margin-top 0.8s ease, opacity 0.8s ease, transform 0.8s ease; } .two-box-section.animate-in { margin-top: 0; } /* Each box (was .intro-column) */ .box-column { flex: 1 0 50%; /* two boxes side by side, each 50% */ padding: 25px 50px; text-align: left; position: relative; border-radius: 4px; background: #EEE; color: inherit; text-decoration: none; cursor: pointer; display: block; transition: transform 0.3s ease, box-shadow 0.3s ease; min-width: 0; /* prevent overflow in flexbox */ } a.box-column { font-weight: 400; color: #555; } a.box-column:hover { font-weight: 400; color: #555; } /* Hover/focus effect */ .box-column:hover, .box-column:focus, .box-column.center-column:hover, .box-column.center-column:focus { transform: translateY(-10px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); outline: none; } .box-column p { font-size: 16px; } .box-column h2 { font-size: 22px; } .margin-zero { margin: 0; } /* Center column (now .center-column on .box-column) */ .center-column { background-color: #821f1d; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='32' viewBox='0 0 16 32'%3E%3Cg fill='%239c4240' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 24h4v2H0v-2zm0 4h6v2H0v-2zm0-8h2v2H0v-2zM0 0h4v2H0V0zm0 4h2v2H0V4zm16 20h-6v2h6v-2zm0 4H8v2h8v-2zm0-8h-4v2h4v-2zm0-20h-6v2h6V0zm0 4h-4v2h4V4zm-2 12h2v2h-2v-2zm0-8h2v2h-2V8zM2 8h10v2H2V8zm0 8h10v2H2v-2zm-2-4h14v2H0v-2zm4-8h6v2H4V4zm0 16h6v2H4v-2zM6 0h2v2H6V0zm0 24h2v2H6v-2z'/%3E%3C/g%3E%3C/svg%3E"); color: white; } .center-column h2, .center-column p, .center-column i { color: white; } .two-box-section i { font-size: 26px; margin-bottom: 20px; color: #821F1D; } /* Responsive typography cleanup */ @media screen and (max-width: 1440px) { .box-column h2 { font-size: 20px; } } @media screen and (max-width: 1024px) { .box-column h2 { font-size: 18px; } } /* Responsive: stack columns on mobile */ @media screen and (max-width: 1024px) { .two-box-section { flex-direction: column; } .box-column { flex: 1 0 100%; max-width: 100%; padding: 20px; } } @media screen and (max-width: 767px) { .two-box-section { margin-top: 0; } .box-column p { font-size: 18px; } .box-column h2 { font-size: 24px; } } /* Container section */ .three-column-section { display: flex; flex-wrap: wrap; padding: 70px 20px 0 20px; max-width: 1400px; margin: 0 auto; margin-top: -375px; opacity: 1; transform: translateY(0); transition: margin-top 0.8s ease, opacity 0.8s ease, transform 0.8s ease; } .three-box-section { display: flex; flex-direction: column; padding: 20px 20px 0 20px; margin: 0 auto; } .three-column-section.animate-in { margin-top: 0; } a.intro-column {font-weight: 400; color: #555} a.intro-column:hover {font-weight: 400; color: #555} /* Clickable columns (now ) */ .intro-column { flex; padding: 25px 50px; text-align: left; position: relative; border-radius: 4px; background: #EEE; color: inherit; text-decoration: none; cursor: pointer; display: block; transition: transform 0.3s ease, box-shadow 0.3s ease; } /* Hover/focus effect */ .intro-column:hover, .intro-column:focus, .intro-column.center-column:hover, .intro-column.center-column:focus { transform: translateY(-10px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); outline: none; /* optional */ } .intro-column p { font-size: 16px; } .three-column-section i { font-size: 26px; margin-bottom: 20px; color: #821F1D; } .intro-column h2 { font-size: 22px; } .margin-zero { margin: 0; } /* Center column (special styling) */ .center-column { background-color: #821f1d; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='32' viewBox='0 0 16 32'%3E%3Cg fill='%239c4240' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 24h4v2H0v-2zm0 4h6v2H0v-2zm0-8h2v2H0v-2zM0 0h4v2H0V0zm0 4h2v2H0V4zm16 20h-6v2h6v-2zm0 4H8v2h8v-2zm0-8h-4v2h4v-2zm0-20h-6v2h6V0zm0 4h-4v2h4V4zm-2 12h2v2h-2v-2zm0-8h2v2h-2V8zM2 8h10v2H2V8zm0 8h10v2H2v-2zm-2-4h14v2H0v-2zm4-8h6v2H4V4zm0 16h6v2H4v-2zM6 0h2v2H6V0zm0 24h2v2H6v-2z'/%3E%3C/g%3E%3C/svg%3E"); color: white; } .center-column h2, .center-column p, .center-column i { color: white; } /* Responsive typography cleanup */ @media screen and (max-width: 1440px) { .intro-column h2 { font-size: 20px; } } @media screen and (max-width: 1024px) { .intro-column h2 { font-size: 18px; } } /* Responsive layout */ @media screen and (max-width: 1024px) { .intro-column { flex: 1 0 100%; padding: 20px; } } @media screen and (max-width: 767px) { .three-column-section { margin-top: 0;} .intro-column p { font-size: 18px; } .intro-column h2 { font-size: 24px;} } /* Layout */ .practice-directory { display: flex; flex-wrap: wrap; gap: 2rem; margin-top: 2rem; } /* Column Box */ .practice-column { flex: 1 1 22%; max-width: 25%; background: #f6f6f6; /* light gray background */ padding: 1.5rem; border: 1px solid #e0e0e0; /* light border */ border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); transition: transform 0.2s ease; } .practice-column:hover { transform: translateY(-4px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } /* Headings */ .practice-column h2 { margin-top: 0; margin-bottom: 1rem; font-size: 1.25rem; font-weight: 600; color: #821F1D; /* deep red */ text-transform: uppercase; } /* List */ .practice-list { list-style: none; margin: 0; padding: 0; } .practice-list li + li { margin-top: 0.5rem; } .practice-list a { text-decoration: none; color: #221F1F; /* near-black */ font-weight: 500; transition: color 0.15s ease; } .practice-list a:hover { color: #821F1D; /* deep red */ text-decoration: underline; } /* Tablet (2 columns) */ @media (max-width: 1024px) { .practice-column { flex: 1 1 48%; max-width: 48%; } } /* Mobile (1 column) */ @media (max-width: 640px) { .practice-column { flex: 1 1 100%; max-width: 100%; } } /* IMPROVED SERVICES SECTION - MOBILE FIRST */ #services-section-wrapper {width: 100%;position:relative} .services-section { max-width: 1400px; margin: 0 auto; padding: 40px 15px 40px 15px; display: flex; flex-direction: column; gap: 30px; align-items: flex-start; position: relative; z-index: 1; background: #fff; } /* CM Logo Watermark - Mobile optimized */ .services-section::before { content: 'CM'; position: absolute; top: 0; right: 10px; font-family: 'Playfair Display', serif; font-size: 80px; font-weight: bold; color: rgba(223, 224, 224, 0.2); z-index: 0; pointer-events: none; } .left-column, .right-column { position: relative; z-index: 2; width: 100%; } .section-subtitle { font-size: 12px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: #821F1D; margin-bottom: 15px; position: relative; display: inline-block; } .section-subtitle::after { content: ''; position: absolute; bottom: -6px; left: 0; width: 30px; height: 2px; background: linear-gradient(90deg, #821F1D, transparent); } .section-title { font-size: 32px; font-weight: 800; background: linear-gradient(135deg, #221F1F 0%, #821F1D 50%, #221F1F 100%); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1.1; margin: 0 0 20px 0; } .description { font-size: 18px; line-height: 1.6; color: #221F1F; margin: 0; position: relative; } .highlight { font-weight: 700; color: #821F1D; position: relative; padding: 0 2px; } .highlight::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, #821F1D, transparent); opacity: 0.3; } /* IMPROVED TABBED SECTION - MOBILE FIRST */ .tabbed-section { max-width: 1400px; margin: 0 auto; padding: 20px 15px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; background: #FFF; } /* Mobile-first tab container */ .tabs-container { display: flex; flex-direction: column; gap: 2px; margin: 20px 0; padding: 8px; border: 1px solid #DFE0E0; background-color: #f8f9fa; border-radius: 8px; } /* Mobile-first tab buttons */ .tab-button { width: 100%; font-family: "PT Serif", serif; font-weight: 600; font-size: 16px; text-align: left; padding: 14px 16px; color: #221F1F; background: #fff; border: 1px solid #DFE0E0; border-radius: 6px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 10px; } .tab-button.active { background-color: #821F1D; color: #fff; border-color: #821F1D; box-shadow: 0 2px 8px rgba(130, 31, 29, 0.25); } .tab-button:hover:not(.active) { background-color: #f0f0f0; border-color: #821F1D; color: #821F1D; } .tab-button i { font-size: 16px; min-width: 16px; flex-shrink: 0; } /* Tab Content */ .tab-content { position: relative; min-height: 300px; } .tab-panel { display: none; opacity: 0; transform: translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease; } .tab-panel.active { display: block; opacity: 1; transform: translateY(0); } .header-intro {margin:50px 0} .tab-panel .header-intro h3 { font-size: 36px; margin: 0 0 15px 0; color: #821F1D; font-weight: 700; letter-spacing: -0.3px; text-align: center } .tab-panel .header-intro > p { font-size: 18px; max-width:85%; margin: 0 auto; color: #221F1F; line-height: 1.6; padding-bottom: 10px; text-align: center } /* Mobile-first services grid */ .services-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 25px; } /* Mobile-first service cards */ .service-card { background: #FFF; border: 1px solid #DFE0E0; border-radius: 8px; padding: 20px; transition: all 0.3s ease; position: relative; overflow: hidden; display: flex; flex-direction: column; } .service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #821F1D, #221F1F); transform: scaleX(0); transition: transform 0.3s ease; transform-origin: left; } .service-card.clickable-card { cursor: pointer; user-select: none; } .service-card.clickable-card:hover { border-color: #821F1D; box-shadow: 0 4px 16px rgba(130, 31, 29, 0.15); transform: translateY(-2px); } .service-card.clickable-card:hover::before { transform: scaleX(1); } .service-card h4 { margin: 0 0 12px 0; font-size: 22px; font-weight: 700; color: #221F1F; display: flex; align-items: flex-start; line-height: 1.3; min-height: auto; } .service-card h4 i.bordered-icon { border-right: 2px solid #821F1D; padding-right: 10px; margin-right: 10px; margin-top: 2px; color: #821F1D; font-size: 18px; min-width: 18px; flex-shrink: 0; } .service-card p { margin: 0 0 auto 0; color: #221F1F; line-height: 1.5; font-size: 18px; flex-grow: 1; } .service-link-button { margin-top: 15px; padding: 10px 16px; background: linear-gradient(135deg, #821F1D 0%, #221F1F 100%); color: #FFF; border-radius: 6px; font-weight: 600; font-size: 13px; text-align: center; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 6px; text-transform: uppercase; letter-spacing: 0.3px; } .service-link-button i { transition: transform 0.3s ease; font-size: 11px; } /* TABLET STYLES */ @media (min-width: 1024px) { .services-section { padding: 60px 30px 30px 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; } .services-section::before { font-size: 150px; top: -20px; left: 10%; } .section-title { font-size: 48px; } .description { font-size: 18px; line-height: 1.7; } .right-column { padding-left: 20px; } .tabbed-section { padding: 30px 20px; } .tabs-container { flex-direction: row; justify-content: center; padding: 12px; gap: 8px; width: 100%; max-width: none; } .tab-button { flex: 0 1 auto; min-width: max-content; max-width: none; text-align: center; font-size: 16px; padding: 14px 20px; white-space: nowrap; } .services-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } .tab-panel h3 { font-size: 28px; } .section-subtitle {text-align: center} } /* DESKTOP STYLES */ @media (min-width: 1024px) { .services-section { padding: 40 40px 50px 40px; gap: 50px; } .services-section::before { font-size: 225px; top:0px; left: 15%; } .section-title { font-size: 56px; } .description { font-size: 20px; line-height: 1.8; } .right-column { padding-top:20px; padding-left: 30px; } .tabbed-section { padding: 40px 20px 40px 20px; } .tabs-container { padding: 16px 24px; gap: 12px; justify-content: center; width: 100%; max-width: none; } .tab-button { font-size: 16px; padding: 16px 24px; flex: 0 1 auto; min-width: max-content; max-width: none; white-space: nowrap; } .services-grid { grid-template-columns: repeat(3, 1fr); gap: 24px; } .service-card { padding: 24px; } .tab-panel h3 { font-size: 32px; } .section-subtitle {text-align: center} } /* LARGE DESKTOP */ @media (min-width: 1200px) { .services-section { padding: 80 40px 60px 40px; } .services-section::before { font-size: 250px; top: -50px; } .section-title { font-size: 64px; } .tabs-container { padding: 20px 32px; gap: 16px; } .tab-button { font-size: 18px; padding: 18px 28px; flex: 0 1 auto; min-width: max-content; max-width: none; } .service-card { padding: 28px; } .service-card h4 { font-size: 20px; min-height: 60px; } .tab-panel h3 { font-size: 36px; } .tab-panel > p { font-size: 18px; } } @media (min-width: 1024px) and (max-width: 1279px) { .tabs-container { flex-wrap: wrap; } .tab-button { white-space: normal; /* override nowrap — let long labels wrap */ min-width: 0; /* override max-content so buttons can shrink */ flex: 1 1 calc(50% - 12px); /* 2×2 grid */ padding: 12px 16px; text-align: center; } } /* ACCESSIBILITY IMPROVEMENTS */ .tab-button:focus { outline: 2px solid #821F1D; outline-offset: 2px; } .service-card:focus-within { border-color: #821F1D; box-shadow: 0 0 0 2px rgba(130, 31, 29, 0.2); } /* REDUCED MOTION */ @media (prefers-reduced-motion: reduce) { .service-card, .tab-panel, .service-card::before, .service-link-button i { transition: none; animation: none; } } /* DARK MODE SUPPORT */ @media (prefers-color-scheme: dark) { body { background: #1a1a1a; } .services-section, .tabbed-section { background: #221F1F; color: #DFE0E0; } .service-card { background: #2a2a2a; border-color: #444; } .tab-button { background: #2a2a2a; color: #DFE0E0; border-color: #444; } } /* PRACTICE AREA TAXONOMY PAGE */ .atty-contact-card { color: #221F1F; padding-top: 58.5%; background-position: right, left top; background-size: 100% 100%, cover; background-repeat: no-repeat; position: relative; margin-top: -200px; margin-bottom: 50px; z-index: 10000; border-radius: 6px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); max-width: 453px; width: 100%; overflow: hidden; box-sizing: border-box; } .atty-contact-card::before, .atty-contact-card::after { content: ''; position: absolute; top: 0; width: 30px; height: 30px; background: transparent; z-index: -1; box-shadow: -15px -15px 15px rgba(0, 0, 0, 0.1); transform: rotate(-8deg); border-radius: 50%; } .atty-contact-card::after { right: 0; left: auto; box-shadow: 15px -15px 15px rgba(0, 0, 0, 0.1); transform: rotate(8deg); } .atty-contact-card > div { padding: 30px 0 20px 30px; box-sizing: border-box; position: absolute; left: 0; top: 0; bottom: 0; right: 0; font-size: 14px; font-family: 'ClearSansBold', Helvetica, sans-serif; display: block; background: none; } .atty-contact-card h3 { font-size: 16px; margin: 0 0 5px; color: #821F1D; font-weight: 600; text-align: left; } .atty-contact-card a { text-decoration: none; } .atty-contact-card a:hover { text-decoration: underline; } .atty-contact-card .title { font-size: 14px; color: #221F1F; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.5px; } .atty-contact-card .phone, .atty-contact-card .email, .atty-contact-card .learn-more { color: #221F1F; font-weight: 400; text-decoration: none; font-size: 14px; } .atty-contact-card .phone:hover, .atty-contact-card .email:hover, .atty-contact-card .learn-more:hover { color: #821F1D; text-decoration: underline; } .atty-contact-card .highlight { margin: 0 4px; color: #821F1D; font-weight: 600; } .practice-hero-section { background-size: cover; background-position: center; color: white; display: flex; justify-content: center; flex-direction: column; z-index: 2; position: relative; min-height: 535px; padding-top: 30px; padding-bottom: 10px; margin-top:85px; box-sizing: border-box; } .practice-hero-section::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.0)); z-index: 1; } .practice-hero-text.container { position: relative; z-index: 2; } .practice-hero-text.container { max-width: 1400px; margin: 0 auto; } .breadcrumb-trail { display: flex; flex-wrap: wrap; gap: 0.5rem; font-size: 0.95rem; color: #FFF; margin: 0 0 20px 0; font-weight: 500; letter-spacing: 0.25px; font-size:14px } .breadcrumb-trail a { font-size: 14px; text-transform: uppercase; text-decoration: none; color: #dabcbb; transition: color 0.2s ease; } .breadcrumb-trail a:hover { color: #FFF; text-decoration: underline; } .breadcrumb-trail .divider, .breadcrumb-trail .current { font-size: 14px; color: #FFF; } .hero-headline { font-size: 42px; font-weight: 400; line-height: 1.3; max-width: 600px; color: white; } .hero-headline strong { font-weight: 700; color: white; } @media screen and (max-width: 1024px) { .practice-hero-section::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.6)); z-index: 1; } .breadcrumb-trail { justify-content: center; } .atty-contact-card { color: #221F1F; padding-top: 58.5%; background-position: right, left top; background-size: 100% 100%, cover; background-repeat: no-repeat; position: relative; margin-top: 0; margin-bottom: 50px; z-index: 10000; border-radius: 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.0); max-width: 400px; width: 100%; overflow: hidden; box-sizing: border-box; } .hero-headline { max-width:100%; } } @media screen and (max-width: 767px) { .breadcrumb-trail { justify-content: center; } .hero-headline { font-size: 30px; } .atty-contact-card { margin-top: 0; } .practice-hero-section { margin-top: 50px; } .practice-hero-section { background-size: cover; background-position: center; color: white; display: flex; justify-content: center; flex-direction: column; z-index: 2; position: relative; min-height: auto; padding-top: 100px; padding-bottom: 100px; margin-top:50px; box-sizing: border-box; text-align: center } } /* ===== Fade Toggle (Read More/Less) ===== */ .fade-toggle-wrapper { position: relative; } /* Keep the collapsed height configurable in one place */ .fade-toggle-content { --collapsed-height: 900px; } /* Collapsed state */ .fade-toggle-content.closed { max-height: var(--collapsed-height); overflow: hidden; position: relative; transition: max-height 0.5s ease; } /* Soft fade at the bottom when collapsed */ .fade-toggle-content.closed::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 4em; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); pointer-events: none; } /* Open state — height is managed inline by JS for smooth animation */ .fade-toggle-content.open { transition: max-height 0.5s ease; overflow: hidden; } /* Toggle button */ .fade-toggle-button { background: none; border: none; color: #821F1D; font-weight: 600; cursor: pointer; padding-top: 1em; text-decoration: none; display: inline-flex; align-items: center; gap: 0.5em; } /* Hover state (unchanged) */ .fade-toggle-button:hover { color: #221F1F; text-decoration: none; } /* Keyboard focus visibility */ .fade-toggle-button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; border-radius: 6px; } /* Icon animation */ .fade-toggle-button i { display: inline-block; transition: transform 0.25s ease; } /* Rotated state applied by JS when expanded */ .fade-toggle-button i.rotated { transform: rotate(90deg); } /* Accessibility: respect reduced motion */ @media (prefers-reduced-motion: reduce) { .fade-toggle-content.closed, .fade-toggle-content.open, .fade-toggle-button i { transition: none !important; } } @media (max-width: 1024px) { .fade-toggle-content { max-height: none !important; overflow: visible !important; } .fade-toggle-button { display: none !important; } .fade-toggle-content::after { display: none !important; /* Hide any fade gradient */ } } /* faqs - practice areas ================================================== */ .faq-section { margin: 2rem 0; } .faq-section h2 {margin-bottom:30px;} .faq-item { margin-bottom: 1rem; padding-bottom: 1rem; } .faq-question { color: #221F1F; font-weight: bold; margin-bottom: 0.5rem; cursor: pointer; } .faq-answer { margin-left: 0; } .faq-answer p { margin: 0; line-height: 1.6; } /* single attorney pages ================================================== */ #single-attorney a {text-decoration: none} #single-attorney a:hover {text-decoration: underline} .single-attorney {background-color: #821F1D; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 900'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='75%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23821F1D'/%3E%3Cstop offset='1' stop-color='%23333333'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='0' cy='900' r='0%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23601715' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23601715' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='1600' cy='0' r='71.3%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%233F3F3F' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%233F3F3F' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg %3E%3Crect fill='url(%23a)' width='1600' height='900'/%3E%3Crect fill='url(%23b)' width='1600' height='900'/%3E%3Crect fill='url(%23c)' width='1600' height='900'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover; padding-top:30px} .bio-image img {max-height:450px; max-width:auto; display: block; border-left: 5px solid white; border-right: 5px solid white; } .bio-content h4 {color:#8B2842} .bio-sidebar {background:#FAFAFA; padding:20px; margin-bottom:50px; font-size:15px} .bio-sidebar h4 {text-transform: uppercase; font-size:18px;padding: 0 0 0 0; margin: 0 0 10px 0} #bio-sidebar-list ul {list-style-type:none; margin-top:0; margin-left:5px; list-style-position: outside; padding: 10px 10px 10px 30px } #bio-sidebar-list ul li {position: relative; border-bottom: 1px dotted #F9F6E7; padding:2px 0 2px 0; font-size: 15px; } #bio-sidebar-list ul li:last-child {position: relative; border-bottom: 0; padding:4px 0 8px 0} #bio-sidebar-list ul li a {text-decoration: none; font-size: 15px; font-weight: 400} #bio-sidebar-list ul li a:hover {text-decoration: underline; color:#8B2842} #bio-sidebar-list ul li a:before {font-size: 15px; content: "\f45c"; font-family: 'Font Awesome 5 Pro'; color: #DDD;position: absolute;font-weight:600; left:-30px; list-style-position: outside; text-decoration: none} #bio-sidebar-list ul li a:hover:before {font-size: 15px; content: "\f45c"; font-family: 'Font Awesome 5 Pro'; color: #8B2842;position: absolute;font-weight:600; left:-30px; list-style-position: outside; text-decoration: none} .current-menu-item a:before {color: #222 !important; } .current_page_item > a {color: #222 ; } #bio-sidebar-list .selected:before {color:#222} #bio-sidebar-list .selected {color:#222; font-weight: 600} #bio-sidebar-list-2 ul {list-style-type:none; margin-top:0; margin-left:5px; list-style-position: outside; padding: 10px 10px 10px 30px } #bio-sidebar-list-2 ul li {position: relative; border-bottom: 1px dotted #F9F6E7; padding:2px 0 2px 0; font-size: 15px; } #bio-sidebar-list-2 ul li:last-child {position: relative; border-bottom: 0; padding:4px 0 8px 0} #bio-sidebar-list-2 ul li {text-decoration: none; font-size: 15px} #bio-sidebar-list-2 ul li:before {font-size: 15px; content: "\f45c"; font-family: 'Font Awesome 5 Pro'; color: #DDD;position: absolute;font-weight:600; left:-30px; list-style-position: outside; text-decoration: none} .current-menu-item a:before {color: #222 !important; } .current_page_item > a {color: #222 ; } #bio-sidebar-list-2 .selected:before {color:#222} #bio-sidebar-list-2 .selected {color:#222; font-weight: 600} #bio-sidebar-list-2 ul li ul {list-style-type: circle; margin-bottom:0} #bio-sidebar-list-2 ul ul li {font-size: 15px; content: none; margin-bottom:0} #bio-sidebar-list-2 ul ul li:before {font-size: 15px; content: none; margin-bottom:0} .bio-details h1 {font-size: 28px; margin-bottom:0; color: #FFF} .bio-details i {color: #FFF} .bio-details .border-right {border-right:1px solid #8B2842; padding-right: 20px;} p.title {color: #FFF; font-size: 16px;margin-bottom:0; text-transform: uppercase} p.phone {font-size: 15px; margin-bottom:0; color:#000} p.email {font-size: 15px; margin-bottom:0} .flex-content-image { display: flex; flex-wrap: wrap; gap: 50px; align-items: center; justify-content: space-between; } .content-column { flex: 1 1 60%; min-width: 0; /* Prevents flex items from overflowing */ } .image-column { flex: 1 1 35%; text-align: center; } .image-column img { width: 100%; max-width: 392px; max-height: 700px; border-radius: 8px; object-fit: cover; object-position: center center } .flex-content-image h2 {font-size: 2rem} /* Tablet styles (768px and below) */ @media screen and (max-width: 768px) { .flex-content-image { gap: 30px; flex-direction: column; } .content-column { flex: 1 1 100%; order: 1; } .image-column { flex: 1 1 100%; order: 2; } .image-column img { max-height: 400px; } } /* home - practice teasers ================================================== */ .practice-teasers-home h2, .practice-teasers-home p {color:#FFF} .practice-teasers-home h2 {margin-top:0;margin-bottom:20px; font-size:38px} .practice-teasers-home p.subtext {color:#57c181; margin-bottom: 20px; font-size: 18px; font-weight: 400; } .practice-teasers-home p.subtext span {color:white} .practice-teasers-home i {margin-right: 10px} .practice-teasers-home {padding:0px 0; color:#FFF; background-image: linear-gradient(to right, rgba(44,44,44, 0.97),rgba(151,152,154, 0.5)), url('../images/fullscreen/sage/shutterstock_2218439391.jpg'); background-position: center bottom; background-attachment: fixed; background-size: cover; padding:200px 0} #practice-teasers-home-description a.white {color:white; text-decoration: underline} #practice-teasers-home-description a.white:hover {color:white; text-decoration: none} /* # vertical practice menu ================================================== */ ul.vertical-practice-menu {list-style-type: none} .vertical-practice-menu {width: 100%; font-weight:normal; padding-bottom: 0; margin: 20px 0; } .vertical-practice-menu a {font-size: 16px; text-transform:uppercas; margin: 1px 0;color: #FFF; display: block; padding: 10px 10px 10px 25px; border-radius:4px; text-decoration: none; font-weight:normal; background: #821F1D;} /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #5ca57a; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* home - testimonials ================================================== */ #home-testimonials {text-align: center} #home-testimonials p.subtext {color:#555; font-size: 18px } #home-testimonials i {color: #821F1D; } /* Sidebar List Links ================================================== */ #narrative-content ul {list-style-type:none; margin-top:0; margin-left:0px; list-style-position: outside; padding: 0 10px 0 25px; font-size:17px } #narrative-content ul li {position: relative; padding:2px 0 2px 0; } #narrative-content ul li:last-child {position: relative; border-bottom: 0; padding:4px 0 8px 0} #narrative-content ul li a {text-decoration: none; color:#777; } #narrative-content ul li a:hover {text-decoration: underline; color:#000} #narrative-content ul li:before {font-size: 17px; content: "\f0da"; font-family: 'Font Awesome 6 Pro'; color: #26225A;position: absolute;font-weight:600; left:-25px; list-style-position: outside; text-decoration: none} .current-menu-item a:before {color: #222 !important; } #narrative-content .current_page_item > a {color: #222 !important;; } #narrative-content strong {color:#821F1D; font-weight: 700} #narrative-content-2 strong {color:#821F1D; font-weight: 700} #narrative-content-2 ul {list-style-type:none; margin-top:0; margin-left:0px; list-style-position: outside; padding: 0 10px 0 25px; font-size:17px } #narrative-content-2 ul li {position: relative; padding:2px 0 2px 0; } #narrative-content-2 ul li:last-child {position: relative; border-bottom: 0; padding:4px 0 8px 0} #narrative-content-2 ul li a {text-decoration: none; color:#821F1D; } #narrative-content-2 ul li a:hover {text-decoration: underline; color:#000} #narrative-content-2 ul li:before {font-size: 17px; content: "\f0da"; font-family: 'Font Awesome 6 Pro'; color: #626364;position: absolute;font-weight:600; left:-25px; list-style-position: outside; text-decoration: none} /*BIO PAGES ================================================== */ .bio-header {padding: 50px 0 40px 0; background-color: #f3f4ef; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.02' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); font-size: 16px; } .bio-sidebar {background-color: #FCFCFC;border-left: 1px solid #EEE; padding: 30px; font-size:16px; margin-bottom:50px} .bio-sidebar li a {font-weight: 400} .bio-details {color: #FFF; padding-top: 80px} .bio-details a {color: #FFF; font-weight: 400; text-decoration: none} .bio-details a:hover {color: #FFF; font-weight: 400; text-decoration: underline} .bio-details h1 {color: #FFF; font-size: 28px; margin-bottom:0} .bio-details h3 {font-size: 18px; margin-bottom:0; color:white} .bio-details address {margin-bottom:20px; color: #FFF} .bio-details i {color: #FFF} .bio-details ul {font-size: 15px;margin-bottom:20px; margin-left:15px; list-style-type: circle; color:#FFF} p.title {font-size: 17px; margin-bottom:0} p.phone {font-size: 15px; text-transform:normal; margin-bottom:0; color: #FFF} p.phone strong {font-size: 15px; text-transform:normal; margin-bottom:0; color: #FFF} p.email {font-size: 15px; text-transform:normal; margin-bottom:0} .bio-sidebar h3 { font-size: calc(1.25rem + ((1vw - 0.01px) * 0.2084)); min-height: 0vw; } /* PRACTICE ARES PAGES ================================================== */ .practice-callout {max-width: 960px; color: #666; padding:50px 0 20px 0;margin-bottom:50px; font-size:1.75em; line-height: 1.5; margin: auto} /*hero images ================================================== */ .hero-image-interior {height:800px; width:auto; background-position: center center; background-size: cover} .hero-image-interior-page { } .hero-image-blog-page { height: 500px; background-color: #821F1D; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg fill-opacity='0.21'%3E%3Cpath fill='%23ce6642' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ca6341' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23c5613f' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23c15e3e' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23BC5C3C' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ac5f44' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%239b604d' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%238a6255' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%2377635c' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23626364' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover; } .hero-image-irs-page {padding-top:140px; height: 550px;background-color: #821F1D; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='250' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.06'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E"); } .hero-image-state-tax-page {padding-top:140px; height: 550px; background-color: #821F1D; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 60'%3E%3Cg %3E%3Crect fill='%23468960' width='11' height='11'/%3E%3Crect fill='%23468a60' x='10' width='11' height='11'/%3E%3Crect fill='%23478b61' y='10' width='11' height='11'/%3E%3Crect fill='%23478b61' x='20' width='11' height='11'/%3E%3Crect fill='%23478c62' x='10' y='10' width='11' height='11'/%3E%3Crect fill='%23478d62' y='20' width='11' height='11'/%3E%3Crect fill='%23488e63' x='30' width='11' height='11'/%3E%3Crect fill='%23488f63' x='20' y='10' width='11' height='11'/%3E%3Crect fill='%23488f64' x='10' y='20' width='11' height='11'/%3E%3Crect fill='%23489064' y='30' width='11' height='11'/%3E%3Crect fill='%23499165' x='40' width='11' height='11'/%3E%3Crect fill='%23499266' x='30' y='10' width='11' height='11'/%3E%3Crect fill='%23499366' x='20' y='20' width='11' height='11'/%3E%3Crect fill='%234a9467' x='10' y='30' width='11' height='11'/%3E%3Crect fill='%234a9467' y='40' width='11' height='11'/%3E%3Crect fill='%234a9568' x='50' width='11' height='11'/%3E%3Crect fill='%234a9668' x='40' y='10' width='11' height='11'/%3E%3Crect fill='%234b9769' x='30' y='20' width='11' height='11'/%3E%3Crect fill='%234b9869' x='20' y='30' width='11' height='11'/%3E%3Crect fill='%234b986a' x='10' y='40' width='11' height='11'/%3E%3Crect fill='%234b996a' y='50' width='11' height='11'/%3E%3Crect fill='%234c9a6b' x='60' width='11' height='11'/%3E%3Crect fill='%234c9b6b' x='50' y='10' width='11' height='11'/%3E%3Crect fill='%234c9c6c' x='40' y='20' width='11' height='11'/%3E%3Crect fill='%234d9d6c' x='30' y='30' width='11' height='11'/%3E%3Crect fill='%234d9d6d' x='20' y='40' width='11' height='11'/%3E%3Crect fill='%234d9e6d' x='10' y='50' width='11' height='11'/%3E%3Crect fill='%234d9f6e' x='70' width='11' height='11'/%3E%3Crect fill='%234ea06e' x='60' y='10' width='11' height='11'/%3E%3Crect fill='%234ea16f' x='50' y='20' width='11' height='11'/%3E%3Crect fill='%234ea26f' x='40' y='30' width='11' height='11'/%3E%3Crect fill='%234ea270' x='30' y='40' width='11' height='11'/%3E%3Crect fill='%234fa370' x='20' y='50' width='11' height='11'/%3E%3Crect fill='%234fa471' x='80' width='11' height='11'/%3E%3Crect fill='%234fa571' x='70' y='10' width='11' height='11'/%3E%3Crect fill='%2350a672' x='60' y='20' width='11' height='11'/%3E%3Crect fill='%2350a772' x='50' y='30' width='11' height='11'/%3E%3Crect fill='%2350a773' x='40' y='40' width='11' height='11'/%3E%3Crect fill='%2350a873' x='30' y='50' width='11' height='11'/%3E%3Crect fill='%2351a974' x='90' width='11' height='11'/%3E%3Crect fill='%2351aa74' x='80' y='10' width='11' height='11'/%3E%3Crect fill='%2351ab75' x='70' y='20' width='11' height='11'/%3E%3Crect fill='%2351ac75' x='60' y='30' width='11' height='11'/%3E%3Crect fill='%2352ac76' x='50' y='40' width='11' height='11'/%3E%3Crect fill='%2352ad76' x='40' y='50' width='11' height='11'/%3E%3Crect fill='%2352ae77' x='90' y='10' width='11' height='11'/%3E%3Crect fill='%2352af77' x='80' y='20' width='11' height='11'/%3E%3Crect fill='%2353b078' x='70' y='30' width='11' height='11'/%3E%3Crect fill='%2353b178' x='60' y='40' width='11' height='11'/%3E%3Crect fill='%2353b279' x='50' y='50' width='11' height='11'/%3E%3Crect fill='%2354b279' x='90' y='20' width='11' height='11'/%3E%3Crect fill='%2354b37a' x='80' y='30' width='11' height='11'/%3E%3Crect fill='%2354b47a' x='70' y='40' width='11' height='11'/%3E%3Crect fill='%2354b57b' x='60' y='50' width='11' height='11'/%3E%3Crect fill='%2355b67b' x='90' y='30' width='11' height='11'/%3E%3Crect fill='%2355b77c' x='80' y='40' width='11' height='11'/%3E%3Crect fill='%2355b77c' x='70' y='50' width='11' height='11'/%3E%3Crect fill='%2355b87d' x='90' y='40' width='11' height='11'/%3E%3Crect fill='%2356b97d' x='80' y='50' width='11' height='11'/%3E%3Crect fill='%2356BA7E' x='90' y='50' width='11' height='11'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover;} .hero-image-nonprofit-page {position:relative;height: 550px;padding-top:140px; background-color: #821F1D; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%235CA57A' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%2348A16B'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E"); } .hero-image-business-page {padding-top:140px; height: 550px; background-color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' %3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23468960'/%3E%3Cstop offset='1' stop-color='%2352A070'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpattern id='b' width='7' height='7' patternUnits='userSpaceOnUse'%3E%3Ccircle fill='%23ffffff' cx='3.5' cy='3.5' r='3.5'/%3E%3C/pattern%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3Crect width='100%25' height='100%25' fill='url(%23b)' fill-opacity='0.1'/%3E%3C/svg%3E"); background-attachment: fixed;} #hero-text-interior { color: white; display: flex; flex-direction: column; justify-content: center; /* This centers the content vertically */ align-items: flex-start; /* This aligns the content to the left */ height: 500px; /* Set the height of the container */ width: 1400px; } #hero-text-interior h1, #hero-text-interior p { color: white; margin: 0; max-width: 600px } * Media query for mobile devices */ @media (max-width: 768px) { #hero-text-interior { align-items: center; /* This centers the content horizontally on mobile */ } #hero-text-interior h1, #hero-text-interior p { text-align: center; /* This centers the text within the heading and paragraph tags */ max-width: none; /* Allows the text to take the full width of the container on smaller screens */ } } #full-page-bg {background-image: linear-gradient(to bottom, rgba(38, 34, 90, 0.7), rgba(38, 34, 90, 0.7)), url('/wp-content/uploads/2023/11/shutterstock_1740208538.jpg'); background-size: cover; /* This will cover the entire viewport */ background-repeat: no-repeat; /* This will prevent the image from repeating */ background-attachment:inherit; /* This ensures the image stays in place while scrolling */ background-position: center top; /* This will center the image */ height: 100%; /* Ensure full height */ margin: 0; /* Reset default margin */ overflow: auto; /* Allows content to exceed viewport height */} #about-page-layout {margin-top: 150px} #about-page-layout h1, #about-page-layout p {color:white} /*Practice Area Pages ================================================== */ .hero-image-practice-area {height:600px; width:auto; background-position: center center; background-size: cover; } #practice-description-shift { background:#FFF;padding: 50px 50px; } .practice-area-h1-heading { background: rgba(38, 34, 90, 0.0); padding: 20px; margin-bottom:30px} .practice-area-h1-heading h1 {margin:0; color:white; text-transform: uppercase; font-size:64px} .large-text-intro {font-size: 22px; font-weight: 600; color:#555; margin-top: 30px} #key-contacts {background-color: #26225a; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='0.23' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); padding:20px; margin-top:0; border: 1px solid #DDD; border-radius: 3px} #key-contacts h3 {text-transform: uppercase; font-size: 18px; color:white} #key-contacts .image-container { float: left; width: 90px; /* You can adjust this width as per your requirement */ height: 100px; /* You can adjust this height as per your requirement */ margin-right: 20px; /* Optional: Adds some space between the image and the info */ background-position: center center; background-size: cover; color:white } #key-contacts:after { content: ""; display: table; clear: both; } #key-contacts a {color:white; text-decoration: none} #key-contacts a:hover {color:white; text-decoration: underline} .info-wrapper {margin-bottom: 80px} .info p {font-size: 16px; } a.contact-email { color:#626364} .hero-image-locations-page {position:relative; height: 600px; width: auto; background-position: center center; background-size: cover;} #locations-key-contacts { margin:0 auto 40px 0; color:#26225A; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); /* For old WebKit browsers */ -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); /* For old Firefox browsers */ box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); /* Standard syntax */} #locations-key-contacts {background:#F9F9F9;padding:20px; } #locations-key-contacts h3 {text-transform: uppercase; font-size: 18px; color:#26225A} #locations-key-contacts .image-container { float: left; width: 90px; /* You can adjust this width as per your requirement */ height: 100px; /* You can adjust this height as per your requirement */ margin-right: 20px; /* Optional: Adds some space between the image and the info */ background-position: center center; background-size: cover; color:#26225A } #locations-key-contacts:after { content: ""; display: table; clear: both; } #locations-key-contacts a {color:#26225A; text-decoration: none} #locations-key-contacts a:hover {color:#26225A; text-decoration: underline} #locations-key-contacts .info .name-and-title {display:block; font-size:14px; color:#26225A} #locations-key-contacts .info .location {display:block; font-size:14px; color:#26225A} #locations-key-contacts .info .phone-number a {display:inline-block; font-size:14px; color:#26225A} /*sidebars ================================================== */ .sidebar-box-highlight { margin-top: 50px;padding: 20px; border: 1px solid #EEE; border-radius:6px; background:#F9F9F9; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); /* For old WebKit browsers */ -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); /* For old Firefox browsers */ box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); /* Standard syntax */} .sidebar-box-highlight h3 {text-transform: uppercase; font-size: 18px; margin-bottom:0; color:#26225A } .sidebar-box-highlight p {font-size:16px; margin-bottom:10px} .sidebar-box-highlight ul {font-size:16px; margin:0} .sidebar-single-about {padding: 50px 0 50px 50px; border: 1px solid #EEE; border-radius:6px; background-color: #EEEEEE; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%2326212a' fill-opacity='0.14' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");} .sidebar-single-about h3 {text-transform: uppercase; font-size: 18px; margin-bottom:0} .sidebar-single-about p {font-size:16px; margin-bottom:10px} .sidebar-single-about ul {font-size:16px; margin:0} /*textured backgrounds ================================================== */ .wavy-bg-1 {background-color: #F3F3F3; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23f5f5f5' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23f8f8f8' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23fafafa' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23fdfdfd' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23FFFFFF' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffffff' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffffff' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffffff' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23ffffff' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23FFFFFF' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");background-attachment: fixed; background-size: cover;} /*BLOG - older posts - newer posts navigation ================================================== */ /* General button styling */ #blog-posts-page nav.navigation {padding:0; margin:0} .nav-previous a { display: inline-block; padding: 10px 20px; margin: 5px; background-color: transparent; color: #821F1D; text-decoration: none; border: 1px solid #821F1D; border-radius: 5px; text-transform: uppercase; font-size: 14px; transition: background-color 0.3s ease; } .nav-next a { display: inline-block; padding: 10px 20px; margin: 5px; background-color: #626364; color: white; text-decoration: none; border: 1px solid #626364; border-radius: 5px; text-transform: uppercase; font-size: 14px; transition: background-color 0.3s ease; } /* Hover effect */ .nav-previous a:hover { background-color: #626364;color:white; border: 1px solid #626364; } /* Hover effect */ .nav-next a:hover { background-color: #821F1D; color:white; border: 1px solid #821F1D; } /* Additional styling for older posts */ .nav-previous a { float: left; } /* Additional styling for newer posts */ .nav-next a { float: none } /* Clearfix if needed */ .nav-links:after { content: ""; display: table; clear: both; } /* Sidebar List Links ================================================== */ #sidebar-list ul { list-style-type: none; margin-top: 0; margin-left: 5px; list-style-position: outside; padding: 10px 10px 10px 30px; } #sidebar-list ul li { position: relative; border-bottom: 1px dotted #F9F6E7; padding: 2px 0; font-size: 15px; } #sidebar-list ul li:last-child { border-bottom: 0; padding: 4px 0 8px 0; } #sidebar-list ul li a { text-decoration: none; font-size: 15px; color: #821F1D; font-weight: 400 } #sidebar-list ul li a:hover { text-decoration: underline; color: #8B2842; } #sidebar-list ul li a:before { font-size: 15px; content: "\f105"; font-family: 'Font Awesome 6 Pro'; color: #8B2842; position: absolute; font-weight: 600; left: -30px; text-decoration: none; } /* ACTIVE STATE (current page link) */ #sidebar-list ul li.active a { color: #000; font-weight: 600; } #sidebar-list ul li.active a:before { font-size: 15px; content: "\f0da"; font-family: 'Font Awesome 6 Pro'; color: #000; } #sidebar-list-2 ul {list-style-type:none; margin-top:0; margin-left:0px; list-style-position: outside; padding: 10px 10px 0 30px } #sidebar-list-2 ul li {position: relative; padding:2px 0 2px 0; } #sidebar-list-2 ul li:last-child {position: relative; border-bottom: 0; padding:4px 0 8px 0} #sidebar-list-2 ul li a {text-decoration: none; color:#821F1D;font-size: 15px; } #sidebar-list-2 ul li a:hover {text-decoration: underline; color:#821F1D} #sidebar-list-2 ul li:before {font-size: 15px; content: "\f0da"; font-family: 'Font Awesome 6 Pro'; color: #626364;position: absolute;font-weight:600; left:-30px; list-style-position: outside; text-decoration: none} #sidebar-list-2 .current-menu-item a:before {color: #821F1D !important; } #sidebar-list-2 .current_page_item > a {color: #821F1D !important;; } #sidebar-list-2 p {margin-bottom:10px} .sidebar-list-2 ul {list-style-type:none; margin-top:0; margin-left:30px; list-style-position: outside; padding: 10px 10px 0 30px } .sidebar-list-2 ul li {position: relative; padding:2px 0 2px 0; } .sidebar-list-2 ul li:last-child {position: relative; border-bottom: 0; padding:4px 0 8px 0} .sidebar-list-2 ul li a {text-decoration: none; color:#26225A;font-size: 15px; } .sidebar-list-2 ul li a:hover {text-decoration: underline; color:#26225A} .sidebar-list-2 ul li:before {font-size: 15px; content: "\f0da"; font-family: 'Font Awesome 6 Pro'; color: #26225A;position: absolute;font-weight:600; left:-30px; list-style-position: outside; text-decoration: none} .sidebar-list-2 .current-menu-item a:before {color: #821F1D !important; } .sidebar-list-2 .current_page_item > a {color: #821F1D !important;; } .sidebar-list-2 p {margin-bottom:10px} .recent-trade-updates .trade-update-post { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; } .recent-trade-updates .trade-update-post h3 { margin: 0 0 5px; } .recent-trade-updates .trade-update-post .date { font-style: italic; color: #666; } .recent-trade-updates .trade-update-post p { margin: 0; } /* news/blog section ================================================== */ .date {font-size: 14px} .block-heading {color:#26225A;padding: 15px 0; border-bottom: 0px solid #821F1D; ; font-size: 18px; text-transform: uppercase; margin-bottom: 0} .block-heading-2 {border-radius:3px; background:#626364; color:#FFF; padding: 10px 15px 8px 15px; font-size: 15px; line-height: 15px; text-transform: uppercase; margin-bottom: 0} .blog-sidebar {background: #FFF; padding: 30px; font-size: 90%; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); /* For old WebKit browsers */ -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); /* For old Firefox browsers */ box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); /* Standard syntax */ margin-bottom:40px} .blog-sidebar ul { } .blog-single-title-subtext {font-size: 24px; font-style: italic; text-align: center; color: #000} .blog-date-author {color:#999; margin-bottom: 10px; } .blog-date-author a {color:#006A8E; text-decoration: none} .blog-date-author a:hover {color:#59CBE8; text-decoration: underline} .learn-more-blog i {color:#000; margin:0 0 50px 0} p.learn-more {text-transform:uppercase; font-weight: 600px; font-size: 13px; margin-bottom:0; color: #5F6565} /* sidebar mini bio ================================================== */ #sidebar-mini-bio {background:#821F1D; padding:10px; display:block; min-height:182px; margin-bottom: 30px} #sidebar-mini-bio img {height:162px; width:auto; background-size: contain} #sidebar-mini-bio h4 {font-size:18px; margin:0} .sidebar-mini-bio-contact-details {padding:2% 0} .sidebar-title {font-size:15px; margin:0} .sidebar-email-phone {font-size:15px} @media(max-width: 1330px) {#sidebar-mini-bio h4 {font-size:16px; margin:0}.sidebar-title {font-size:12px; margin:0}.sidebar-email-phone {font-size:12px}} /* reviews page ================================================== */ .testimonial-container {border-bottom: 0px solid #DDD; margin-bottom: 70px} .testimonial-container cite {color:#455564 ; font-weight: 600} /* single service page ================================================== */ #large-text-intro {color:#000; font-size:24px; font-weight:500;line-height: 1.5} #large-text-intro-light {color:#000; font-size:24px; font-weight:400;line-height: 1.5} /* ---------- Brand palette ---------- */ :root { --red: #821F1D; --black: #221F1F; --gray: #DFE0E0; --white: #FFFFFF; } /* ---------- Sidebar container ---------- */ #attorney-sort-list { border-left: 1px solid #DFE0E0; background: #FCFCFC; padding: 30px; box-shadow: 0 2px 8px rgba(0, 0, 0, .07); border-radius: 4px; } /* ---------- Heading ---------- */ #attorney-sort-list { margin: 0 0 1rem; font-size: 16px; letter-spacing: 0; color: #221F1F; text-transform: uppercase; font-weight: 600; } /* ---------- Bullet-less, full-width buttons ---------- */ #attorney-sort-list ul.filter { list-style: none; margin: 0; padding: 0; } #attorney-sort-list ul.filter > li { margin: 0 0 .65rem; } #attorney-sort-list ul.filter > li > a { font-size: 14px; display: block; width: 100%; padding: 4px 10px; border: 1px solid #EEE; border-radius: 6px; background: #FFF; color: #221F1F !important; font-weight: 500; text-align: center; text-decoration: none; transition: background .15s ease, color .15s ease; } /* hover / focus */ #attorney-sort-list ul.filter > li > a:hover, #attorney-sort-list ul.filter > li > a:focus { background: #821F1D; color: #FFF !important; } /* selected / active */ #attorney-sort-list ul.filter > li > a.selected, #attorney-sort-list ul.filter > li > a.is-checked { background: #821F1D; color: #FFF !important; } .logo-overlap { position: absolute; top: -50px; /* Moves it upward into the section above */ left: 50%; transform: translateX(-50%); z-index: 20; /* Make sure it sits above both sections */ } .logo-overlap img { width: 100px; /* Adjust size as needed */ height: auto; } /* Base styling for both borders */ .gold-border-left, .gold-border-right { position: absolute; top: 0; height: 1px; background-color: #9C7B45; width: 0; transition: width 1.5s ease-in-out; z-index: 10; } /* Left side slides right */ .gold-border-left { left: 0; } /* Right side slides left */ .gold-border-right { right: 0; } /* When activated */ .scroll-section.animate .gold-border-left, .scroll-section.animate .gold-border-right { width: 50%; } /* sidebar contact form ================================================== */ #sidebar-contact-form { position:relative; z-index:1000; background: #FFF; padding: 30px 30px 15px 30px; border:1px solid #DDD; border-radius: 10px; margin-top: -250px; margin-bottom: 25px; box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1); transition: margin-top 0.5s ease; } @media (max-width:1200px){#sidebar-contact-form { background: #FFF; padding: 30px 30px 15px 30px; border-radius: 10px; margin-top: 0; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); transition: none; /* Disable animation on mobile if not needed */ } } #sidebar-contact-form.zero-top-margin { position:relative; z-index:1000; background: #FFF; padding: 30px 30px 15px 30px; border:1px solid #DDD; border-radius: 10px; margin-top:0; box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1); transition: margin-top 0.5s ease; } #sidebar-contact-form.show-form { margin-top: 0; } .form-heading-stacked { position: relative; padding-left: 24px; margin-bottom: 16px; } .form-heading-stacked::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 8px; background: linear-gradient(to bottom, #221F1F, #821F1D 60%, #DFE0E0); border-radius: 4px; } .form-heading-stacked h3 { margin: 0; font-size: 24px; font-weight: 700; color: #222; } .form-subheading { font-size: 14px; color: #555; margin-top: 6px; } /* misc ================================================== */ .contact-form-disclaimer p {font-size: 14px} #home-intro h2 { font-size: min(max(30px, calc(1.875rem + ((1vw - 7.67px) * 2.2117))), 44px); min-height: 0vw; } #attorney-directory-sidebar {font-size: 16px; padding:30px} span.heading-eyebrow {font-size: 22px} #cta-page-bottom {background:#821F1D; padding: 20px; text-transform: uppercase; text-align: center; font-size: 14px; font-weight: 600; color:white; display:block} #cta-page-bottom a {text-decoration: underline; color:white} #cta-page-bottom a:hover {text-decoration: none} .contact-modules a {text-decoration: none} .contact-modules a:hover {text-decoration: underline} #page-padding-top {padding-top: 210px} #page-padding-top-contact {padding-top: 145px} #page-padding-top-attorneys {padding-top: 200px} #page-padding-top-home {padding-top: 145px} @media(max-width: 1330px) {#page-padding-top-home {padding-top: 123px}} @media(max-width: 1100px) {#page-padding-top-home {padding-top: 115px}} @media(max-width: 1024px) {#page-padding-top-home {padding-top: 55px}} @media(max-width: 767px) {#page-padding-top {padding-top: 65px}} @media(max-width: 1330px) {#page-padding-top-contact {padding-top: 123px}} @media(max-width: 1100px) {#page-padding-top-contact {padding-top: 115px}} @media(max-width: 1024px) {#page-padding-top-contact {padding-top: 55px}} @media(max-width: 767px) {#page-padding-top-contact {padding-top: 55px}} #sidebar-cta {background: #821F1D; padding: 30px; color:white; font-size:16px; margin: 30px 0} #sidebar-cta a {color:white} #sidebar-cta a:hover {color:white} #sidebar-cta strong {color:white} .lead {font-size: 22px; line-height: 1.5} .lead strong {color:#821F1D} .office-intro {max-width:1000px; margin: 0 auto} .office-modules-wrapper {background:#F8F8F8; padding: 85px 30px 85px 50px; margin-bottom:30px} .office-details-module {background:#F8F8F8; padding: 0 0 15px 0; font-size:16px} .office-details-module a {text-decoration: none} .office-details-module a:hover {text-decoration: underline} .office-details-module p { margin:0} .office-details-module p strong {color:#626364; margin:0} .office-details-module ul {list-style-type: none; margin:0} #contact-page-intro strong {color:#821F1D} #bio-sidebar-section {margin-top: -300px} #about-the-firm-section ul {list-style-type: none} #about-the-firm-section li {margin-bottom:20px} #about-the-firm-section strong {color:#821F1D; font-weight: 600} .sidebar {background:#F8F8F8; border-left: 1px solid #821F1D; padding: 30px 30px 30px 30px; } .sidebar-bio {background:#F8F8F8; } #narrative-content h1 {text-transform: uppercase; font-size: 64px} .two-columns {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .two-columns ul {margin-top:0; padding-top:0} .two-columns ul li {margin-top:0; padding-top:0; } span.firm-name {} .margin-zero {margin:0} .widgettitle {display:none} .anchor{display: block;height: 150px; /*same height as header*/ margin-top: -150px; /*same height as header*/ visibility: hidden;} address {padding-bottom:10px; margin-bottom: 10px; font-style:normal} .highlight {color:#821F1D} .highlight-blue {color:#455564 } .wp-block-latest-posts.wp-block-latest-posts__list {padding-left: 0;} .wp-block-latest-posts.wp-block-latest-posts__list ul {margin-left:35px} p.excerpt {font-size: 14px; line-height: 22px} .border-right {border-right:1px solid #821F1D; padding-right: 30px;} .border-left {border-left:1px solid #EEE; padding-left: 50px;} .border-top {border-top: 1px solid #DDD;} .border-top-green {border-top: 2px solid #821F1D;} .border-bottom {border-bottom: 1px solid #EEE;} .left {text-align:left} .center{text-align:center} .right {text-align:right} .no-margin {margin:0} i {margin-right:6px} #form-disclaimer a {text-decoration: underline;} #form-disclaimer a:hover {text-decoration: none;} .home-featured-snippet {position:absolute; max-width: 600px; z-index:1000; bottom: 0; right:0; padding:30px;color:white; background: rgba(211, 104, 68, 0.9); font-size:16px } .home-featured-snippet a {color:white} .home-featured-snippet h4 a {color:white; font-size: 28px} .home-post-snippet {padding:30px;margin:20px 0; background: white; font-size:16px; min-height:330px } .home-post-snippet h4 a { font-size: 34px; color:white} .eyebrow-light {color:#c0defb; text-transform: uppercase; font-size: 17px;margin-bottom:5px; font-weight: 600} .eyebrow-dark {color:#821F1D; text-transform: uppercase; font-size: 17px;margin-bottom:5px; font-weight: 600} .eyebrow-gray {color:#444; text-transform: uppercase; font-size: 17px;margin-bottom:5px; font-weight: 600} .category-eyebrow {color:#821F1D; text-transform: uppercase; font-size: 17px;margin-bottom:20px; font-weight: 600} .date-eyebrow {background: #626364; color:#FFF; padding:10px 15px ; display:inline-block; text-transform: uppercase; font-size: 14px;margin-bottom:20px; font-weight: 600} .date-eyebrow-center {width: 140px;background: #626364; color:#FFF; padding:10px 15px ; display:block; text-transform: uppercase; font-size: 14px;margin: 0 auto 20px auto; font-weight: 600} /* horizontal rules ================================================== */ hr.thin { border-top: 1px solid #821F1D ; width: 100px; margin-left:0; } hr.thick { border-top: 3px solid #821F1D ; width: 100px; margin-left:0; } hr.thin-center { border-top: 1px solid #821F1D ; width: 160px; margin-left:auto; margin-right:auto; } hr.thin-short { border-top: 1px solid #821F1D ; width: 40px; margin-left:0; } hr.short { border-top: 1px solid #821F1D ; width: 60px; margin-left:0; margin-top: 0.75rem; margin-bottom: 0.75rem;} hr.sidebar-thin { border-top: 1px solid #821F1D ; width: 100px; margin-left:0; margin-top: 1rem; margin-bottom: 1rem;} hr.long { border-top: 1px solid #821F1D ; width: 100%; margin-left:0; } /* # footer ================================================== */ .bottom {font-size: 16px; color:#821F1D; padding:50px 0 0 0; background-color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23dddddd' fill-opacity='0.7' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); border-top: 1px solid #DDD} .large-phone-number {font-size: 30px; font-family: 'Montserrat', sans-serif;text-transform:none;font-weight: 800;line-height: 1.2 } .social-media-icons { text-align:right} .social-media-icons i {font-size: 30px;} .footer-logo img {height: 33px; width:auto; margin-top: 15px} .bottom .middle-column {} .bottom .border-right {border-right:1px dotted #4594E1; padding-right: 20px;} .bottom .border-left {border-left:1px dotted #4594E1; padding-left: 50px;} .bottom h4 {font-size: 15px; text-transform: uppercase; color:#444; margin-bottom:5px; } .bottom address {margin-bottom: 15px; margin-top:0} .bottom ul {list-style-type: none; margin-left:0px; color:#444; margin-top:0} .bottom ul li {margin: 2px 0} .bottom span {color:#821F1D;font-weight: 600 } .bottom i {color:#821F1D} .bottom strong {color:#FFF} .bottom .footer-column {margin-bottom: 20px} .bottom a {color:#821F1D;font-weight:normal; text-decoration: none } .bottom a:hover {color:#821F1D;font-weight:normal; text-decoration: underline } .bottom li a {color:#821F1D;font-weight:normal; text-decoration: none } .bottom li a:hover {color:#821F1D;font-weight:normal; text-decoration: underline } /* # footer ================================================== */ .subfooter { background-color: #821F1D;text-transform:none; color:#FFF; font-size:14px; padding: 30px 20px; height: auto; } .subfooter i {color:white} .subfooter a {color:#FFF;font-weight:normal; text-decoration: none } .subfooter a:hover {color:#FFF;font-weight:normal; text-decoration: underline } .subfooter p {margin:0} .subfooter a i {color:#FFF} .subfooter a i:hover {color:#821F1D} /* call now button - footer ================================================== */ #callnowbutton { display: none; } @media screen and (max-width: 768px) { #callnowbutton { display: flex; justify-content: center; align-items: center; background: #221F1F; width: 100%; position: fixed; bottom: 0; padding: 12px 20px; z-index: 9999; box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2); } #callnowbutton a { display: flex; align-items: center; justify-content: center; gap: 10px; background-color: #821F1D; color: #fff; text-decoration: none; padding: 14px 28px; font-size: 16px; font-weight: bold; border-radius: 30px; text-transform: uppercase; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); transition: transform 0.1s ease; } #callnowbutton a:active, #callnowbutton a:focus { transform: scale(0.97); outline: none; } #callnowbutton i { color: #fff; font-size: 18px; } } /* responsive google map ================================================== */ iframe, object, embed {max-width: 100%;} /* #Media Queries ================================================== */ /* Height-Based Media Query for Laptops */ @media (max-height: 800px){ #practice-areas-page-background { height: auto; width:auto; background-position: center center; background-attachment: fixed ; background-repeat: no-repeat; background-size: cover; position: relative; padding: 150px 0 50px 0} } /* iPad Landscape */ @media (min-width: 768px) and (max-width: 1140px) and (orientation: landscape) { .desktop-only {display:none} .mobile-only {display:block} body {margin: 0; } div.header {width: 100%; margin:0;} } /* Tablets Portrait */ @media screen and (max-width: 1024px) and (min-width: 600px) and (orientation: portrait) { .desktop-only {display:none} .mobile-only {display:block} .no-hero {margin-top: 85px} .center-on-mobile {text-align: center} .navigation { padding: 10px 0; max-width:100%; margin:0 auto;} .nav-search {float: left;} .subject-box-highlight ul {list-style-type: none; margin-left:0} body {margin: 0; } .main-content {padding: 50px 0} h1, h2, h3, h4, h5, h6 {text-align:center} h1 {font-size:30px;} h2 {font-size: 24px } h3 {font-size: 20px} h4 {font-size: 18px} #accordian h4 {text-align: left} #sidebar-mini-bio {background:transparent;border-radius: 0; padding:10px; display:block; height:auto; text-align: center} #sidebar-mini-bio h4 {font-size:20px; margin:0} .sidebar-title {font-size:14px; margin:0} .sidebar-email-phone {font-size:14px} #locations-key-contacts {max-width:300px; margin:0 auto 40px auto; -webkit-box-shadow: none /* For old WebKit browsers */ -moz-box-shadow: none; /* For old Firefox browsers */ box-shadow: none } .subject-box-highlight ul {list-style-type: none; margin-left:0} .subject-box-highlight ul {list-style-type: none} .subject-box-highlight {margin-top: auto; margin-bottom:20px} .hero-image-interior-page {height:50%; width:auto; background-position: center center; background-size: cover} .hero-image-interior {height:50%; width:auto; background-position: center center; background-size: cover} .bio-image img {float:none} .bio-image img {height:100%; width:auto; display: block; border-left: 0; border-right: 0; width:auto; background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; } .bio-details ul, .bio-details p, .bio-details ul, .bio-details address {font-size: 100%; text-align: center} .bio-details ul {list-style-type: none} .bio-details h2 {font-size: 42px; font-size: min(max(1rem, 6vw), 42px); } .bio-details .border-right {border-right:0; padding-right: 0; margin-bottom: 30px} /* Single attorney tablet fix: stack columns and center image */ .single-attorney .one-half.column {width: 100%; margin-left: 0} .single-attorney .bio-image {text-align: center} .single-attorney .bio-image img {margin: 0 auto; max-width: 450px; width: 100%; height: auto} .single-attorney .bio-details {text-align: center; align-items: center; min-height: auto; padding: 30px 20px} .single-attorney .bio-details h1, .single-attorney .bio-details .title, .single-attorney .bio-details p.phone, .single-attorney .bio-details p.phone strong, .single-attorney .bio-details a {color: #FFF} hr.rounded, hr.rounded-center { border-top: 1px solid #821F1D; width: 100px; margin-left:auto; margin-right:auto } hr.thin, hr.thin-short, hr.short { margin-left:auto; margin-right:auto } hr.sidebar-thin { margin-left:auto; margin-right:auto } p.date-stamp {text-align:center} .blog-sidebar {background: #FFF; padding: 10px 0; font-size: 100%} .learn-more-blog {text-align:center} .border-right {border-right:0; padding-right:0} .border-left {border-left:0; padding-left:0} .bottom {text-align:center; } .bottom ul {list-style-type: none} .footer-column {padding-bottom:20px} .subfooter { padding: 20px 10px 60px 10px; height: auto} .subfooter .left p, .subfooter .right p {float:none; text-align:center} .subfooter .left p {float:none; text-align:center; margin:0} .subfooter p {text-align: center; margin:0} .nav-menu>li>a:after{content:none;display:block;width:0;height:0;background:#FFF;transition:none} .nav-menu>li>a:hover::after{width:100%;//transition:none} .home-featured-snippet {position:relative; max-width:100%; z-index:1000; bottom: 0; right:0; padding:30px;color:white; background: rgba(211, 104, 68, 1.0); font-size:16px } } /* Mobile Devices */ @media only screen and (min-width: 0) and (max-width: 768px) { .desktop-only {display:none} .mobile-only {display:block} .no-hero {margin-top: 50px} .center-on-mobile {text-align: center} .navigation { padding: 10px 0; max-width:100%; margin:0 auto;} .nav-search {float: left;} #page-padding-top-home {padding-top: 55px} #page-padding-top-attorneys {padding-top: 110px} span.heading-eyebrow {font-size: 16px} .practice-callout {max-width: 100%;padding:50px 0 30px 0;margin:0; font-size:22px; line-height: 1.5; text-align: center} body {margin: 0; font-size: 20px; } .main-content {padding: 50px 0} h1, h2, h3, h4, h5, h6 {text-align:center} h1 {font-size:30px;} h2 {font-size: 24px } h3 {font-size: 20px} h4 {font-size: 18px} h1.entry-title {font-size: 18px;} #narrative-content h1 {text-transform: uppercase; font-size: 36px} #blog-header h1 {max-width: 100%; margin: 0 auto; } .first-column {margin-bottom:30px} .bio-details {background:white} .bio-masthead p {margin-bottom:0; color:#626364} .bio-details {padding: 50px 0px; font-size:16px; color:#626364} .bio-details h1 {margin-bottom:0; font-size: 44px; } /* Single attorney mobile fix: override white background, keep text readable */ .single-attorney .bio-details {background: transparent; color: #FFF; padding: 30px 15px} .single-attorney .bio-details h1 {color: #FFF; font-size: 30px} .single-attorney .bio-details .title, .single-attorney .bio-details p.phone, .single-attorney .bio-details p.phone strong, .single-attorney .bio-details a, .single-attorney .bio-details p {color: #FFF} .single-attorney .one-half.column {width: 100%; margin-left: 0} .single-attorney .bio-image {text-align: center} .single-attorney .bio-image img {margin: 0 auto; width: 100%; height: auto; max-width: 100%; border-left: 0; border-right: 0; } .tab { margin:0 auto 0 auto; max-width: 1400px; --tab-padding: 15px; --tab-bg: #F8F8F8; --tab-active-bg: transparent; } .tab label { font-size:14px; text-transform: uppercase; color: #626364; font-weight: 600; cursor: pointer; padding: var(--tab-padding); transition: background-color 0.3s ease, color 0.3s ease; /* Added easing transition */ background-color: rgba(0,0,0, 0.1); } .tab-content { width: 100%; padding: 25px 0 20px 0; background-color: var(--tab-active-bg); } .hero-image-about-page {height: 50%;} .hero-image-blog-page {height: 50%;} #bio-sidebar-section {margin-top: 0} #accordian h4 {text-align: left} #sidebar-mini-bio {background:transparent;border-radius: 0; padding:10px; display:block; height:auto; text-align: center} #sidebar-mini-bio h4 {font-size:20px; margin:0} .sidebar-title {font-size:14px; margin:0} .sidebar-email-phone {font-size:14px} .visible-heading {display: inline-block;position:absolute; z-index:10000; padding:10px 20px; font-size: 20px; color:white; background-image: linear-gradient(to bottom, rgba(38, 34, 90, 0.9), rgba(38, 34, 90, 0.9)) } .media-box .thumbnail-overlay:hover .hidden-text { display: block;margin-top: 40px; font-size: 100%; /* Set the font size back to 100% if you don't want to increase it */ } .media-box .thumbnail-overlay:hover .hidden-text p {font-size: 16px; } #locations-key-contacts {max-width:300px; margin:0 auto 40px auto; -webkit-box-shadow: none /* For old WebKit browsers */ -moz-box-shadow: none; /* For old Firefox browsers */ box-shadow: none ; text-align: left} #about-page-layout {margin-top: 50px} #bio-sidebar-section {margin-top: 0} .hero-image-practice-area {height:50%; } .hero-image-locations-page {height:50%; } .subject-box-highlight ul {list-style-type: none; margin-left:0} .subject-box-highlight ul {list-style-type: none} .subject-box-highlight {margin-top: auto; margin-bottom:20px} .hero-image-interior-page {height:200px; width:auto; background-position: center center; background-size: cover} .hero-image-interior {height:50%; width:auto; background-position: center center; background-size: cover} .bio-details {padding: 50px 0 0 0} .bio-details h1 {margin-bottom:0; font-size: 30px} .bio-image img {float:none} .bio-masthead-content-wrapper {position:relative; padding-top:70px; } .bio-details ul, .bio-details p, .bio-details ul, .bio-details address {font-size: 100%; text-align: center} .bio-details ul {list-style-type: none} .bio-details h2 {font-size: 42px; font-size: min(max(1rem, 6vw), 42px); } .bio-details .border-right {border-right:0; padding-right: 0; margin-bottom: 30px} /* Single attorney mobile fix (re-override): keep white text on dark background */ .single-attorney .bio-details {background: transparent; color: #FFF; padding: 30px 15px} .single-attorney .bio-details h1 {color: #FFF; font-size: 30px} .single-attorney .bio-details p, .single-attorney .bio-details .title, .single-attorney .bio-details p.phone, .single-attorney .bio-details p.phone strong, .single-attorney .bio-details a {color: #FFF} hr.rounded, hr.rounded-center { border-top: 1px solid #821F1D; width: 100px; margin-left:auto; margin-right:auto } hr.thin, hr.thin-short, hr.short { margin-left:auto; margin-right:auto } hr.sidebar-thin { margin-left:auto; margin-right:auto } p.date-stamp {text-align:center} .blog-sidebar {background: #FFF; padding: 10px 0; font-size: 100%} .learn-more-blog {text-align:center} .border-right {border-right:0; padding-right:0} .border-left {border-left:0; padding-left:0} .bottom {text-align:center; } .bottom ul {list-style-type: none} .footer-column {padding-bottom:20px} .footer-logo img {height: auto; width:200px; margin: 0 auto 10px auto} .subfooter { padding: 20px 10px 100px 10px; height: auto} .subfooter .left p, .subfooter .right p {float:none; text-align:center} .subfooter .left p {float:none; text-align:center; margin:0} .subfooter p {text-align: center; margin:0} .nav-menu>li>a:after{content:none;display:block;width:0;height:0;background:#FFF;transition:none} .nav-menu>li>a:hover::after{width:100%;//transition:none} .home-featured-snippet {position:relative; max-width:100%; z-index:1000; bottom: 0; right:0; padding:30px;color:white; background: rgba(211, 104, 68, 1.0); font-size:16px } .hero-image-nonprofit-page, .hero-image-irs-page, .hero-image-business-page, .hero-image-state tax-page {padding-top:60px;height: 250px;} #blog-header h1 {max-width: 100%; margin: auto 10px auto 10px; text-align:center; color:white; font-size: 30px; min-height: 0vw;text-transform: uppercase; } .office-modules-wrapper {background:#F8F8F8; padding: 30px; margin-bottom:30px} }