/* Color Scheme ================================================== Orange #CA6C19 | 202, 108, 25 Dark Gray #383838 | 56,56,56 */ /* #Site Styles ================================================== */ * { -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;top: 0;left: 0;width: 100%; margin:0 ; padding: 0;z-index: 10000;transition: all 0.2s ease-in-out;height: auto;background: rgba(255, 255, 255, 0.0); line-height: 40px; border-bottom: 1px solid rgba(225, 225, 225, 0.95;);} div.header.active {background: #383838; -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); -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%; margin:0 ; padding: 0;z-index: 10000;transition: all 0.2s ease-in-out;height: auto;background: #383838; line-height: 40px; border-bottom: 1px solid rgba(225, 225, 225, 0.95;);} div.header-interior.active {background: #383838; -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 {position: fixed;top: 0;left: 0;width: 100%; margin:0 ; padding: 0;z-index: 10000;transition: all 0.2s ease-in-out;height: auto;background: rgba(14, 33,50, 0.0); line-height: 40px; border-bottom: 1px solid rgba(225, 225, 225, 0.95;);} div.header-hero.active {background: #383838; -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);} #home-contact-form{background-color: #CA6C19; 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.04'%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");} #main-cta-wrapper {background-color: #ca6c19;} #main-cta {padding: 30px 0 10px 0; margin-top:0; position:relative;border-radius: 6px 6px 0 0 } #main-cta .big-text { color:white; min-height: 0vw;font-family: 'Poppins', sans-serif;font-weight: 700;line-height: 1.1; margin-bottom:10px; font-size: min(max(3rem, calc(3rem + (3.875 - 3) * ((100vw - 80rem) / (131.25 - 80)))), 3.875rem); min-height: 0vw; } #main-cta .big-text-subtext { color:white; font-size: 18px; } @media(max-width:1024px){ #main-cta {background: rgba(202, 108, 25, 0.9);padding: 30px 0 30px 0; margin-top:0; position:relative;border-radius: 0 } #main-cta-wrapper {background: rgba(202, 108, 25, 1.0);} #main-cta .big-text { color:white; min-height: 0vw;font-family: 'Poppins', sans-serif;font-weight: 700;line-height: 1.1; margin-bottom:10px; font-size: 26px } } #main-cta { display: flex; /* Make the container a flexbox */ flex-wrap: wrap; /* Allow items to wrap for responsiveness */ align-items: stretch; /* Stretch children to match the tallest item */ } .wide-col { flex: 1; /* Allow this column to grow */ display: flex; /* Also make this a flex container to center content vertically */ flex-direction: column; /* Stack children vertically */ text-align: left; /* Align text to the left */ padding-right: 30px; /* Ensure some spacing */ } .skinny-col { display: flex; /* Make these flex containers to allow button height adjustment */ align-items: center; /* Center content vertically */ flex-direction: column; /* Stack children vertically */ margin: 0 10px; /* Add vertical margin between buttons */ } .button { width: 170px; /* Make buttons fill the container */ height: 170px; /* Stretch button height to match the container */ flex-direction: column; display: flex; /* Use flexbox for centering */ justify-content: center; /* Center horizontally */ align-items: center; /* Center vertically */ text-align: center; /* Ensure text is centered */ padding: 0; /* Add padding for better spacing */ } .button.button-contact{background-color: #383838; 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='%23605c5c' 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; font-size:16px; border: 1px solid #9c5313;border-radius:6px} .button.button-contact:hover{background:#000; color:white; font-size:16px; border: 1px solid white;} .button.button-contact i {font-size: 22px} .button.button-text{color: #FFF; background-color: #383838; 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='%23605c5c' 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");font-size:16px; border: 1px solid #b25f16;border-radius:6px} .button.button-text:hover{color: #FFF; background: #b25f16;font-size:16px; border-color: #FFF; border: 1px solid white;} .button.button-text i {font-size: 22px} @media (max-width: 1024px) { /* Adjust based on your breakpoint needs */ #main-cta { flex-direction: column; /* Stack children vertically on small screens */ } .wide-col { width: 100%; /* Full width for small screens */ padding-right: 0; /* Remove padding-right in wide-col for mobile */ } .button {display:block; width: 100%; /* Make buttons fill the container */ height: 100%; /* Stretch button height to match the container */ } } /* 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(56,56,56, 1.0),rgba(56,56,56, 0.8)); } @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:#CA6C19; 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} .evaluation-button {margin: 0 0 0 0; display:inline-block; padding: 0 10px; background:transparent; color: #FFF; font-weight: 400; } .evaluation-button i {color:#CA6C19;margin-right: 10px; line-height:40px; font-size: 16px} .evaluation-button a {font-size: 14px; color:#FFF; text-transform: uppercase; text-decoration: none} .evaluation-button a:hover {text-decoration: underline} .phone-number-top-row {color: #FFF;background-color: #CA6C19; display:inline-block; text-align:center; font-size: 14px; font-weight:400; padding: 0 10px; } .phone-number-top-row a {font-size: 14px;color:white; text-decoration: none} .phone-number-top-row a:hover {color:white; text-decoration: underline} .phone-number-top-row i {color:#FFF; 16 margin-left: 10px} .top-bar .right-info {display: flex;align-items: center;justify-content: flex-end;margin-bottom:0;margin-top:0 } /* #navigation band ================================================== */ .navigation { padding: 0 50px; margin:0 auto;} @media(max-width:1335px){.navigation { padding: 0 25px; margin:0 auto;}} /* # bands / containers ================================================== */ .band {padding: 0; margin:0} .white-band {background:#FFF; } .cream-band {background:#F8F8F8; } .light-gray-band {background:#FBFBFB; } .main-content {padding:50px 0 50px 0;} .no-hero {margin-top:128px} .mobile-only {display:none} #home-testimonials {padding: 0 0} #home-testimonials .item p {font-size:34px; line-height: 1.5; color:#CA6C19 } #vertical-text { /* This property changes the text direction */ writing-mode: vertical-lr; /* or vertical-rl depending on the direction you want */ /* Use transform to rotate the text if needed */ /* transform: rotate(180deg); */ /* Uncomment if you need to flip the text direction */ /* Align text to center if it's spread over multiple lines */ text-align: center; font-size: min(max(2.5rem, calc(2.5rem + (4.75 - 2.5) * ((100vw - 0.6875rem) / (243.75 - 0.6875)))), 4.75rem); min-height: 0vw; background: background-color: #383838; 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='%237a7373' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); padding: 30 5px 30px 5px; color:#383838; font-family: 'Poppins', sans-serif; font-weight: 700;height:700px } #regular-text { font-size: min(max(2.5rem, calc(2.5rem + (4.75 - 2.5) * ((100vw - 0.6875rem) / (243.75 - 0.6875)))), 4.75rem); min-height: 0vw; background: background-color: #383838; 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='%237a7373' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); padding: 5px 30px 5px 5px; color:#383838; font-family: 'Poppins', sans-serif; font-weight: 700;} /* blog styles ================================================== */ .card:first-child {-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); margin: 0 10px 25px 10px; break-inside: avoid;} .card {-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); margin: 25px 10px; break-inside: avoid;} .card:hover {-webkit-box-shadow: 0 1px 25px rgba(0, 0, 0, 1.0); -moz-box-shadow: 0 1px 25px rgba(0, 0, 0, 0.25);box-shadow: 0 1px 25px rgba(0, 0, 0, 0.25);} .card-interior { font-size: 15px; padding: 20px; min-height: 300px} .card-interior p {margin-bottom:0} .card-interior h3 {margin-bottom: 10px; font-size: 20px} .read-more-content {position:absolute;bottom:0; display:inline-block; width:100%; background:#Fcfcfc; border-top: 1px solid #EEE; padding: 10px 20px 8px 20px} .read-more-content p {margin-bottom: 0} .read-more-content p a {font-size: 14px; font-weight: 600} .blog-sidebar {border:1px solid #EEE; background:#FCFCFC; padding: 30px; font-size: 80%} .blog-sidebar h2 {font-size: 20px; text-transform: uppercase; border-left: 4px solid #CEB888; padding-left:12px} .blog-sidebar ul {list-style-type:none; margin-left:5px; padding:0} /* flexbox blog styles ================================================== */ .flex-container { max-width: auto; margin: 0 auto; padding:0 } .grid-row { display: flex; flex-flow: row wrap; justify-content: flex-start; margin:0 0 0 -.5rem;/* offset margin to the left and avoid horizontal scrollbar*/ } .grid-item-home { min-height: 430px; flex-basis:calc(30% - 50px); -ms-flex: auto; width:auto; position: relative; padding: 0px; margin:0 12px 24px 12px; -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); flex:1 0 30%}/* less than 33% but more than or equal to 25%*/ .grid-item-home:hover {-webkit-box-shadow: 0 1px 25px rgba(0, 0, 0, 1.0); -moz-box-shadow: 0 1px 25px rgba(0, 0, 0, 0.25);box-shadow: 0 1px 25px rgba(0, 0, 0, 0.25);} @media(max-width: 1333px) { .grid-item-home { flex-basis: 30%; } } @media(max-width: 1073px) { .grid-item-home { flex-basis: 50%; } } @media(max-width: 815px) { .grid-item-home { flex-basis: 50%; } } @media(max-width: 555px) { .grid-item-home { flex-basis: 100%; width:auto; margin:25px 0; } } .grid-item { min-height: 430px; flex-basis:calc(49% - 50px); -ms-flex: auto; width:auto; position: relative; padding: 0; margin:0 12px 24px 12px; border: 1px solid #DDD; border-radius: 6px /* -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); flex:1 0 33%}/* less than 33% but more than or equal to 25%*/ } @media(max-width: 1333px) { .grid-item { flex-basis: 50%; } } @media(max-width: 1073px) { .grid-item { flex-basis: 50%; } } @media(max-width: 815px) { .grid-item { flex-basis: 50%; } } @media(max-width: 555px) { .grid-item { flex-basis: 100%; width:auto; margin:25px 0; } } /* #practice teasers grid ================================================== */ .practice-grid-container { display: flex; flex-wrap: wrap; gap: 10px; padding: 10px; } .box { display: flex; flex-direction: column; background-color: transparent; flex: 1 1 auto; /* Adjusted for equal height without specifying it */ text-align: center; align-items: center; /* Center align horizontally */ justify-content: center; /* Center align vertically */ height: 350px } .box-icon, .box-text { flex: 1; display: flex; align-items: center; /* Center align vertically */ justify-content: center; /* Center align horizontally */ flex-direction: column; width: 100%; font-size: 18px } .box-icon a { text-decoration: none; /* Removes underline from links */ color: inherit; /* Inherits the color from the parent element */ } .box-icon:hover {background: #777; color:white} .box-icon { display: flex; justify-content: center; align-items: center; background-color: #CA6C19; 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='%239A5213' stroke-width='1.3'%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='%23A55814'%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"); color: white; width: 100%; /* Ensure full width if not already set */ cursor: pointer; /* Changes the cursor to indicate it's clickable */ border-radius:20px 20px 0 0; } .box-text { background-color: #F8F8F8; color: #383838; padding: 0 25px; border-radius:0 0 20px 20px; } .box-text a { color: #CA6C19; text-decoration: none } .box-text a:hover { color: #CA6C19; text-decoration: underline } /* Stacking boxes on smaller screens */ @media (max-width: 767px) { .box { flex: 1 1 100%; /* Make each box take full width */ } } /* Adjustments for tablets and above */ @media (min-width: 768px) and (max-width: 1023px) { .box { flex: 1 1 calc(50% - 20px); /* Adjust for 2 boxes per row */ } } /* Desktops and larger screens */ @media (min-width: 1024px) { .box { flex: 1 1 calc(25% - 20px); /* Adjust for 4 boxes per row */ } } /* footer address section ================================================== */ /* Base styles */ .band.bottom { width: 100%; } .addresses-container { display: flex; flex-wrap: wrap; justify-content: space-between; /* Adjust this as needed */ padding: 20px; } .addresses-container h4 a {color:white; text-decoration: none; font-weight: 700} .addresses-container h4 a:hover {color:white; text-decoration: underline; font-weight: 700} .footer-column { flex: 1 1 100%; /* Full width on mobile devices */ box-sizing: border-box; padding: 10px; /* Adjust padding as needed */ } /* Tablet breakpoint (for screens wider than 768px) */ @media (min-width: 768px) { .footer-column { flex: 1 1 calc(50% - 20px); /* Adjust to show 2 columns on tablets */ } } /* Desktop breakpoint (for screens wider than 1024px) */ @media (min-width: 1024px) { .footer-column { flex: 0 0 calc(20% - 20px); /* Adjust to show 5 columns in a row on desktop */ max-width: calc(20% - 20px); /* Ensure the column does not exceed the calculated width */ } } /* home areas served ================================================== */ #areas-served .area-container { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; } #areas-served .area-column { flex: 1 1 100%; box-sizing: border-box; padding: 10px; border-right: 1px solid #EEE; } /* Remove border for the first and last child universally, no need to repeat inside media queries */ #areas-served .area-column:last-child { border-right: none; } /* Tablet breakpoint */ @media (min-width: 768px) { #areas-served .area-column { flex: 1 1 calc(50% - 20px); } } /* Desktop breakpoint */ @media (min-width: 1024px) { #areas-served .area-column { flex: 0 0 calc(16.666% - 20px); max-width: calc(16.666% - 20px); } /* Apply the border correctly for all except the first and last child */ #areas-served .area-column:not(:first-child):not(:last-child) { border-right: 1px solid #EEE; } } #areas-served {font-size:16px} #areas-served .heading {font-size:18px; font-weight: 600; } #areas-served .area-column ul { list-style-type: none; margin-left:0} /* #WP Form styles ================================================== */ .wpforms-container ::-webkit-input-placeholder { /* Chrome and Safari */ color: #aaa !important; } .wpforms-container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #aaa !important; opacity: 1 !important; } .wpforms-container ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #aaa !important; opacity: 1 !important; } .wpforms-container :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #aaa !important; } .wpforms-container ::-ms-input-placeholder { /* Microsoft Edge */ color: #aaa !important; } .wpforms-container ::placeholder { color: #aaa !important; } /* #misc svg backgrounds ================================================== */ #blog-snippets {background-image: linear-gradient(to bottom, rgba(255,255,255, 0.0),rgba(255,255,255, 0.9)), url('../images/misc/gns/bg-news-sm.png'); height:auto;width:auto; background-position: top left; background-repeat: no-repeat; } #sidebar-post-list a {text-decoration: none} #sidebar-post-list a:hover {text-decoration: underline} .date-eyebrow {background: #626364; color:#FFF; padding:10px 15px ; display:inline-block; text-transform: uppercase; font-size: 14px;margin-bottom:20px; font-weight: 600; border-radius:6px} .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} #list-style-type-none ul {list-style-type: none; margin-left:0} #filter .current-menu-item a {background: #428566; color:#FFF} .wavy-stripes-bg {background-color: #CA6C19; 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='%23d7b169' 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='%23ddb56b' 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='%23e2ba6e' 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='%23e7be71' 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='%23ECC274' 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='%23f0c575' 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='%23f4c977' 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='%23f8cc79' 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='%23fccf7b' 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='%23FFD27E' 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;} .bg-style-4 {background-color: #ffffff; 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='%23999999' fill-opacity='0.12' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");} /* hero images and text overlay ================================================== */ .hero-image-interior {height: 60%; min-height:500px; display: flex; justify-content: center; align-items: center; text-align: center; } .hero-text-interior {width:100%; color: white; margin-top: 50px} .hero-text-interior h1 {color:white; text-align:center; color:white; text-transform:uppercas; text-shadow: 2px 1px 2px #000; margin:0; } .blog-hero-text { display: flex; flex-direction: column; /* Aligns items vertically */ align-items: center; /* Aligns items to the left */ justify-content: center; /* Centers items vertically */ } .blog-hero-text h1 { text-align: center; /* Ensures text is aligned to the left */ text-transform: uppercase; margin: 0 ; /* Adjust margin to ensure left alignment */ font-size: min(max(2.532rem, calc(2.532rem + (6.755 - 2.532) * ((100vw - 0.0625rem) / (212.5 - 0.0625)))), 6.755rem); /* Removed redundant properties for clarity */ } .blog-hero-text .vertical-lines-center { margin: 20px 0; /* Provides spacing above and below the hr */ } /*page titles ================================================== */ .hero-image-abstract {background-color: #383838; 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.17'%3E%3Cpath fill='%234e4339' 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='%23684d36' 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='%23855830' 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='%23a66226' 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='%23CA6C19' 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='%23ba6317' 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='%23aa5b15' 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='%23995213' 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='%23894a11' 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='%2379410F' 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; height:300px; /* Fixed height on desktop */ } .hero-image-practice-area { display: flex; justify-content: center; align-items: center; position: relative; height: 600px; /* Fixed height on desktop */ text-align: center; } /* .page-title-bg {width:100%;position:absolute; bottom:0; left:0;} .page-title-wrapper { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 10px; height: 600px; } .page-title-wrapper h1 { color: white; font-size: 78px; margin: 0; position: absolute; bottom: 50px; left: 0; /* max-width: 70%; text-align: left; } @media (max-width: 1024px) { .page-title-wrapper h1 { left: 50%; transform: translateX(-50%); text-align: center; font-size: 48px; } } @media (max-width: 768px) { .page-title-wrapper h1 { font-size: 36px; } } .page-title-wrapper p { background:rgba(56,56,56, 0.8); padding: 30px; color: #CA6C19; font-weight: 600; font-size: min(max(1.5rem, calc(1.5rem + (3.125 - 1.5) * ((100vw - 80rem) / (168.75 - 80)))), 3.125rem); /* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_rem_unit) min-height: 0vw; text-transform: uppercase; margin: 0; position: absolute; bottom: 0; left: 0; max-width: 70%; text-align: left; } .page-title-wrapper p span { color: #FFF; } } */ /*page titles ================================================== */ .page-title-bg {background: rgba( 0, 48, 60, 0.0); padding: 0; width:100%;position:absolute; bottom:0; left:0;} .page-title-wrapper {text-align:left} .page-title-bg h1 {color: white; font-size: 94px; line-height: 1.2 } .practice-intro-blurb {color:#70e3af; max-width: 500px; font-size:18px; line-height: 1.5} #styled-list ul li.name {font-size: 20px} .blog-title-bg {padding:100px 0 0 0; width:100%;position:absolute; bottom:0; left:0;} .blog-title-bg h1 {color: white; font-size: 94px; line-height: 1.2 } .blog-title-wrapper {margin-top: 0; text-align:left} .cta-title-bg {width:100%;position:absolute; bottom:0; left:0;} .cta-title-wrapper {margin-top: 0; text-align:left} .cta-title-wrapper p {background:rgba( 0,0,0, 0.25); padding:30px 0; color: #CA6C19; font-size: 34px; line-height: 1.2; margin:0; padding: 30px 0 30px 30px } .cta-title-wrapper p span {color:white} /* grayscale images ================================================== */ .photo-hover img { /* Apply grayscale filter */ filter: grayscale(1); /* Standard syntax for modern browsers */ -webkit-filter: grayscale(1); /* For older WebKit browsers */ /* Transition for the filter property */ transition: filter .2s ease-in-out, -webkit-filter .2s ease-in-out; } .photo-hover img:hover { /* Remove grayscale filter on hover */ filter: grayscale(0); -webkit-filter: grayscale(0); } /* results carousel - home ================================================== */ .results-carousel-band {background-color: #ffffff; 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='%23999999' fill-opacity='0.12' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");} .results-carousel-band-green-bg {background-color: #ffffff; 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='%23428566' fill-opacity='0.11' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");} .results-carousel-band p {color:#777 } div.injury-type {background:#CA6C19; color:white; text-transform: uppercase; font-size:14px; margin-bottom:15px; display:inline-block; padding: 4px 8px} div.dollar-amount {color:#222; font-size: min(max(2.5rem, calc(2.5rem + (4.75 - 2.5) * ((100vw - 0.6875rem) / (243.75 - 0.6875)))), 4.75rem); min-height: 0vw; font-family: 'Poppins', sans-serif;font-weight: 700;line-height: 1.3;} div.verdict-or-settlement {color:#CA6C19; font-weight: 700} /*Results Page ================================================== */ .results-page-bg {color:white; background-image: linear-gradient(to right, rgba(0, 48, 60, 0.9),rgba(66, 133, 102, 0.95)), url('../images/fullscreen/sm/iStock-593305618-BW.jpg'); height:80%;min-height: 700px;background-position: center bottom; background-repeat: no-repeat; background-size: cover; position: relative; display: flex; align-items: center; padding-top: 150px} .results-page-bg p {color:#FFF } .results-page-bg h1 {color:#FFF; font-size: min(max(30px, calc(1.875rem + (104 - 30) * ((100vw - 1px) / (3400 - 1)))), 104px); min-height: 0vw; } .results-page-bg div.injury-type {background:#CA6C19; color:white; text-transform: uppercase; font-size:14px; margin-bottom:15px; display:inline-block; padding: 4px 8px} .results-page-bg div.dollar-amount {color:#FFF; font-size: min(max(2.5rem, calc(2.5rem + (4.75 - 2.5) * ((100vw - 0.6875rem) / (243.75 - 0.6875)))), 4.75rem); min-height: 0vw; font-family: 'Poppins', sans-serif;font-weight: 700;line-height: 1.3;} .results-page-bg div.verdict-or-settlement {color:#FFF; font-weight: 700} /*testimonials carousel ================================================== */ #testimonials-carousel i { font-size:20px; color: #CA6C19 } #testimonials-carousel p {margin-bottom: 15px} .testimonials-carousel h3 {color:#CA6C19; font-size: 42px;} #testimonials-carousel blockquote p {margin-bottom: 10px} #testimonials-carousel div.item {margin:0 50px;} #testimonials-carousel div.item blockquote {margin:0; } #testimonials-carousel div.item blockquote p {margin:0; font-size: 26px; line-height:1.5; color:#333} .large-icon { font-size: 50px; text-align: center; color: #CA6C19 } #testimonials-carousel .item {text-align:center; margin: 0 30px; } .owl-item.center > .results-container { border-right: 1px dotted #CA6C19; border-left: 1px dotted #CA6C19;} .owl-item.active.center > .results-container { border-right: 1px dotted #CA6C19; border-left: 1px dotted #CA6C19;text-align: left; padding: 0 50px} /*testimonials carousel - sidebar ================================================== */ .testimonials-wrapper {border: 3px double #428566; padding: 50px; background-color: #f9faf9; 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='%23428566' fill-opacity='0.01' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E")} #testimonials-carousel-sidebar {text-align: center} #testimonials-carousel-sidebar i { font-size:20px } #testimonials-carousel-sidebar p {margin-bottom: 15px} #testimonials-carousel-sidebar blockquote p {margin-bottom: 10px; color:#333} #testimonials-carousel-sidebar div.item {margin:0;} #testimonials-carousel-sidebar div.item blockquote {margin:0;color:#333 } #testimonials-carousel-sidebar div.item blockquote p {margin:0; font-size: 26px; line-height:1.5; color:#333} .large-icon { font-size: 50px; text-align: center; color: #CA6C19 } /*testimonials carousel - footer ================================================== */ #testimonials-carousel-footer i { font-size:20px } #testimonials-carousel-footer p {margin-bottom: 15px} .testimonials-carousel h3 {color:#CA6C19; font-size: 42px;} #testimonials-carousel-footer blockquote p {margin-bottom: 10px} #testimonials-carousel-footer div.item {margin:0;} #testimonials-carousel-footer div.item blockquote {margin:0; } #testimonials-carousel-footer div.item blockquote p {margin:0; font-size: 22px; line-height:1.5; color:#FFF} .large-icon { font-size: 50px; text-align: center; color: #CA6C19 } /* home - practice teasers ================================================== */ .practice-teasers-home {background-image: linear-gradient(to bottom, rgba(254, 254, 244, 0.8),rgba(254, 254, 244, 0.8)), url('../images/misc/gns/shutterstock_2422702361-bg-oregon-map.jpg'); height:auto;background-position: center bottom; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding:100px 0} .practice-teasers-home-2 {background-color: #383838; 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.14' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");padding:100px 0} /* .practice-teasers-home {padding:100px 0; color:#FFF; background-color: #383838; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='540' height='450' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.01'%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");} */ .practice-teasers-home h2 {color:white} .practice-teasers-interior p {color:#FFF} .practice-teasers-home i {color:#FFF; margin-right: 10px} /* # vertical practice menus ================================================== */ .vertical-practice-menu {width: 100%; font-weight:normal; padding-bottom: 0; margin: 0; } .vertical-practice-menu a {text-align:left; font-size: 16px; margin: 0 0 10px 0;background: #0e2132; color: #FFF; display: block; padding: 8px 10px 8px 15px; text-decoration: none; font-weight:normal;} .vertical-practice-menu ul {list-style-type: none; margin-top:0; padding-top:0} .vertical-practice-menu-small {width: 100%; font-weight:normal; padding-bottom: 0; margin: 0; } .vertical-practice-menu-small a {text-align:left; font-size: 16px; margin: 0 0 10px 0;background:rgba(84,86,91, 0.9); color: #FFF; display: block; padding: 5px 10px 5px 25px; text-decoration: none; font-weight:normal;border:1px solid #54565B} .vertical-practice-menu-small ul {list-style-type: none; margin-top:0; padding-top:0} /* attorney bio pages ================================================== */ .hero-container {display: flex;align-items: center; /* Aligns children vertically in the center */ justify-content: space-between; /* Spreads children evenly */height: 670px; /* Adjust as needed */background-color: #383838; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23383838'/%3E%3Cstop offset='1' stop-color='%23383838' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23815229'/%3E%3Cstop offset='1' stop-color='%23815229' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23815229'/%3E%3Cstop offset='1' stop-color='%23815229' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23383838'/%3E%3Cstop offset='1' stop-color='%23383838' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23383838'/%3E%3Cstop offset='1' stop-color='%23383838' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23CA6C19'/%3E%3Cstop offset='1' stop-color='%23CA6C19' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover; } .image-container {position: relative;flex: 1; height: 100%;} .image-container img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);} .text-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1;padding:0 20px; margin-top:100px} @media (max-width:1024px){ .hero-container{flex-direction:column;align-items:center;text-align:center;height:auto} .image-container,.text-container{width:100%;align-items:center} .image-container{height:auto} .image-container img{position:relative;margin: 0 auto;bottom:auto;transform:translateX(-50%); margin: 0 auto} .text-container{align-items:center; margin-top:0} } .mobile-image-container {margin:100px auto 0 auto; } .bio-details {padding: 50px 0px; font-size:16px; color:white} .bio-details a {color:white; text-decoration: none} .bio-details a:hover {color:white; text-decoration: underline} .bio-details h1 {color:white; margin-bottom:0; font-size: 44px; } .bio-image {position:absolute; z-index:0; bottom:0; height: 100%; width:auto; display:block} p.title {color:#FFF; font-size: 16px;margin-bottom:0; text-transform: uppercase} p.phone {font-size: 16px; color:#FFF} p.email {font-size: 16px; margin-bottom:0} #bio-badges-carousel {margin-top:-150px; } #bio-badges-carousel img { margin: 0 auto;max-height:120px; width:auto; display:block} #bio-news-section {margin-top: 50px; font-size:16px} #footer-badges-carousel img { margin: 0 auto;max-height:110px; width:auto; display:block} /* attorney bio page tabs ================================================== */ .tab{margin:-74px auto 0 auto;max-width:1400px;--tab-padding:25px;--tab-bg:#F8F8F8;--tab-active-bg:transparent} .tab input{display:none}.tab input:checked+label{background-color:#CA6C19;color:#FFF} .tab input:not(:checked)+label+*{display:none} .tab label{font-size:14px;text-transform:uppercase;color:#FFF;font-weight:600;cursor:pointer;padding:var(--tab-padding);transition:background-color 0.3s ease,color 0.3s ease;background-color:rgba(79,159,166,.1)} .tab-wrapper{position:relative;display:flex;flex-wrap:wrap;background-color:var(--tab-bg);background:transparent} .tab-content{width:100%;padding:70px 0 50px 0;background-color:var(--tab-active-bg)} @media (max-width:787px){ .tab label{width:100%} .tab{margin:70px auto 0 auto} .tab label{background-color:rgba(79,159,166,.8)} .tab-content{padding:30px 0 30px 0}} @media (min-width:576px){.tab-content{order:9999}} /*attorney directory sidebar filter ================================================== */ #filter{list-style:none;padding:0;margin:0} #filter li{display:block;margin:5px 0} #filter li a{background-color:#fff;border:1px solid #CA6C19;color:#CA6C19;font-size:14px;font-weight:400;padding:5px 15px;border-radius:5px;text-decoration:none;transition:background-color 0.3s ease;display:block;width:100%;box-sizing:border-box} #filter li a.selected{background-color:#CA6C19;color:#fff;border:1px solid #CA6C19} #filter li a:hover{background-color:#428566;color:#fff;border:1px solid #428566} @media (max-width:550px){ #filter li a{padding:8px 10px;font-size:.8em} } /* news/blog section ================================================== */ .block-heading {background-color: #ca6c19; 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='%23f6f6f6' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");padding: 15px 10px; color:#FFF; text-align: center; font-size: 20px; text-transform: uppercase; margin-bottom: 0; border-radius: 6px 6px 0 0 } .blog-sidebar {background: #FAFAFA; padding: 30px; font-size: 85%; margin-bottom:30px} .blog-sidebar ul { list-style-type: square ; list-style-position: outside ; color:#A7A8AA; margin-left:20px; } .blog-sidebar ul li a {text-decoration: none} .blog-sidebar ul li a:hover {text-decoration: underline} .learn-more-blog a {color:#CA6C19; text-decoration: none} .learn-more-blog a:hover {color:#CA6C19; text-decoration: underline} .entry-title a {text-decoration: none;} .entry-title a:hover {text-decoration: underline;} .wp-block-latest-posts.wp-block-latest-posts__list {list-style: square; padding-left: 0;} /* news/blog section ================================================== */ .home-accolades-box a,.text a:hover{text-decoration:none;color:#fff} .home-accolades{display:flex;flex-wrap:wrap} .home-accolades-link{display:block;text-decoration:none;color:inherit} .home-accolades-box{background-color:#fff;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='%23999999' fill-opacity='0.12' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");font-weight:600;flex-basis:33.333%;height:555px;padding:92px 15px;position:relative;overflow:hidden} .overlay,.text{position:absolute} @media screen and (max-width:1279px){.home-accolades-box{flex:50%;height:auto;padding:92px 15px}} @media screen and (max-width:767px){.home-accolades{flex-direction:column;overflow:visible}} .home-accolades-box a{display:block} .home-accolades-box a .home-accolades-box-content{max-width:335px;margin:0 auto} .home-accolades-box a .home-accolades-box-content .home-accolades-box-heading{font-family:Poppins,sans-serif;display:block;justify-content:space-between;align-items:flex-end;padding-bottom:5px;position:relative;margin-bottom:8px} .home-accolades-box a .home-accolades-box-content .home-accolades-box-heading span.home-accolades-box-title{display:block;color:#00303c;font-size:26px;font-weight:700;font-family:Poppins,sans-serif} .home-accolades-box a .home-accolades-box-content .home-accolades-box-heading span.home-accolades-box-title i{color:#CA6C19} .home-accolades-box a .home-accolades-box-content span.white_header{color:#00303c;font-weight:500;font-size:21px;line-height:35px;margin-bottom:17px} .home-accolades-box a .home-accolades-box-content span.grey_content{font-size:17px;line-height:30px;color:#777} .home-accolades-box a .home-accolades-box-content span{display:block} .overlay{top:0;bottom:0;left:0;right:0;height:100%;width:100%;transition:.5s;background-color:#CA6C19;opacity:0;cursor:hand} .overlay-container:hover .overlay{opacity:1;cursor:hand} .text{color:#0e2132;font-size:24px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center} .text a{text-decoration:underline} .text a i,.text i{color:#fff} .sidebar {background:#FCFCFC; padding: 30px; border-radius: 0 0 10px 10px; border:1px solid #CCC; margin-bottom:50px} .sidebar ul {font-size: 16px} /*BIO SIDEBAR ACCORDION ================================================== */ #accordian{position:relative;width:auto;margin:0 auto; text-align: left} #accordian h4{font-size:18px;cursor:pointer; font-weight: 500; text-align: left} .filter-option-heading:before{content:"+";color:#383838;font-size:18px;right:30px;position:absolute;transform:rotate(90deg);transition:all 0.6s ease} .filter-option-heading.activeFilter:before{display:none} #accordian .filter-option-heading.activeFilter:after{content:"-";color:#CA6C19;font-size:18px;transform:rotate(180deg);right:30px;position:absolute;transition:all 0.6s ease} .filter-option-content{display:none} .bio-sidebar-content ul {margin-left: 20px; font-size:16px; color: #555} #accordian h4.activeFilter { color: #CA6C19; /* Ensure active heading has the specified color */ } /* CONTACT PAGE ================================================== */ .contact-page-bg {background-image: linear-gradient(to bottom, rgba(254, 254, 244, 0.6),rgba(254, 254, 244, 0.6)), url('../images/misc/gns/shutterstock_2422702361-bg-oregon-map.jpg'); height:auto;background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;padding:100px 0} .office-module {font-size:16px} /* misc ================================================== */ .highlight-box-2 { padding: 20px 0 0 0; border-top: 2px solid #CA6C19; border-bottom: 2px solid #CA6C19; margin-bottom: 20px; min-height: none; background:white; } .highlight-box-2 iframe { margin: 0; padding: 0; display:block } #vertical-offset-column {margin-top: -350px} #home-additional-practice-list {font-size:16px} .subtext {color:white; width:80%; margin: 0 auto 30px auto; font-size: 22px; font-weight: 400; } .subtext-dark {color:#333; width:80%; margin: 0 auto 30px auto; font-size: 22px; font-weight: 400; } .subtext-green {color:#428566 ; width:80%; margin: 0 auto 30px auto; font-size: 22px; font-weight: 400; } .scroll-to-arrow {cursor: pointer; text-align: center;font-size: 64px;margin-top:-50px} .scroll-to-arrow a {color:#70e3af} .scroll-to-arrow a:hover {color:#58b389} div.sidebar-why-us ul {margin-left:0} .contact-email {font-size:14px} .eyebrow-light {color:#FFF; text-transform: uppercase; font-size: 17px;margin-bottom:5px; font-weight: 600; letter-spacing: 0.1rem} .eyebrow-dark {color:#D36844; text-transform: uppercase; font-size: 17px;margin-bottom:5px; font-weight: 600} #home-attorney-values {margin: 75px 0} #home-attorney-values strong{color:#0e2132;font-size:32px;margin-top:0;margin-bottom:0;font-family:Poppins,sans-serif;font-weight:600;line-height:1.3} #home-attorney-values ul {list-style-type: none; margin-left:0} p.small-caption i {font-size:22px} .contact-form-position {padding: 15px; margin-top:-205px;} .form-wrapper {background:transparent; padding: 20px 0; background-color: #ffffff; 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='%23999999' fill-opacity='0.12' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");} .alignright, .aligncenter, .alignleft {float:left; margin-top: 20px; margin-right: 20px} #footer-reviews i {color:#CA6C19} p.blog-date {padding: 20px 0 0 0; color:#222;; margin-top:20px; margin-bottom:0; text-align:center } p.blog-date-left {padding: 0 0 0 0; color:#222;; margin-top:0; margin-bottom:0; text-align:left } .wpforms-field-label {font-size: 28px} /* #WP Form styles ================================================== */ #wpforms-3511 .wpforms-field-label .wpforms-label-hide {color:red} .margin-zero {margin:0} .widgettitle {display:none} img.alignLeft {float:left; margin-right: 15px} img.size-full {float:left; margin-right: 15px} .anchor{display: block;height: 120px; /*same height as header*/ margin-top: -120px; /*same height as header*/ visibility: hidden;} address {padding-bottom:10px; margin-bottom: 10px; font-style:normal} .highlight {color:#CA6C19} .blue-highlight {color:#34404E} .border-right {border-right:1px solid #383838; padding-right: 20px;} .border-right-highlight {border-right:1px solid #CA6C19; padding-right: 20px;} .border-left {border-left:1px solid #CA6C19; padding-left: 50px;} .border-top {border-top: 1px solid #DDD;} .border-top-yellow {border-top: 1px solid #CA6C19;} .border-bottom {border-bottom: 1px solid #DDD;} .border-top-and-bottom {border-top: 1px solid #DDD; border-bottom: 1px solid #DDD} .left {text-align:left} .center{text-align:center} .right {text-align:right} .no-margin {margin:0} i {margin-right:6px} p.learn-more {text-transform:uppercase; font-weight: 600px; font-size: 13px; margin-bottom:0; color: #5F6565} /* horizontal rules ================================================== */ .vertical-lines { height: 5px; color: #CA6C19; background-image: linear-gradient( 90deg, currentColor, currentColor 33.33%, transparent 33.33%, transparent 100%); background-size: 3px 100%; width: 115px; border:none; margin-left:0} .vertical-lines-blue { height: 5px; color: #222; background-image: linear-gradient( 90deg, currentColor, currentColor 33.33%, transparent 33.33%, transparent 100%); background-size: 3px 100%; width: 115px; border:none; margin-left:0} .vertical-lines-center-blue { height: 5px; color: #CA6C19 ; background-image: linear-gradient( 90deg, currentColor, currentColor 33.33%, transparent 33.33%, transparent 100%); background-size: 3px 100%; width: 115px; border:none; margin-left:auto; margin-right:auto} .vertical-lines-long { height: 5px; color: #CA6C19; background-image: linear-gradient( 90deg, currentColor, currentColor 33.33%, transparent 33.33%, transparent 100%); background-size: 3px 100%; width: 100%; border:none; margin-left:0} .vertical-lines-tall { height: 100px; color: #CA6C19; background-image: linear-gradient( 90deg, currentColor, currentColor 33.33%, transparent 33.33%, transparent 100%); background-size: 3px 100%; width: 100%; border:none; margin-left:0} .vertical-lines-center { height: 5px; color: #CA6C19; background-image: linear-gradient( 90deg, currentColor, currentColor 33.33%, transparent 33.33%, transparent 100%); background-size: 3px 100%; width: 100px; border:none;} hr.long { border-top: 1px solid #CA6C19 ; width: 100%; } hr.rounded { border-top: 1px solid #CA6C19 ; width: 120px; margin-left:0; } hr.rounded-center { border-top: 1px solid #CA6C19 ; width: 100px; margin-left:auto; margin-right:auto } hr.thin-short { border-top: 1px solid #CA6C19 ; width: 40px; margin-left:0; } hr.thin-short-center { border-top: 1px solid #CA6C19 ; width: 40px; margin-left:auto; margin-right:auto } #narrative-content hr { height: 5px; color: #CA6C19; background-image: linear-gradient( 90deg, currentColor, currentColor 33.33%, transparent 33.33%, transparent 100%); background-size: 3px 100%; width: 125px; border:none; margin-left:0} /* # lists ================================================== */ #styled-list ul {list-style-type:none; margin-top:0; margin-left:20px; list-style-position: outside; padding: 10px 10px 10px 10px } #styled-list ul li strong {color:#222; font-size: 20px} #styled-list ul li {position: relative; border-bottom: 1px dotted #F9F6E7; padding:0 0 6px 0; } #styled-list ul li a {color: #222; text-decoration: none } #styled-list ul li a:hover {color: #222; text-decoration: underline } #styled-list ul li:last-child {position: relative; border-bottom: 0; padding:0 0 6px 0} #styled-list ul li {text-decoration: none; font-size: 16px} #styled-list ul li:before {font-size: 14px; content: "\f45c"; font-family: 'Font Awesome 6 Pro'; color: #CA6C19;position: absolute;font-weight:600; left:-30px; list-style-position: outside; text-decoration: none} #narrative-content ul {list-style-type:none; margin-top:0; margin-left:20px; margin-bottom:20px; list-style-position: outside; padding: 10px 10px 10px 10px } #narrative-content ul li {position: relative; padding:2px 0 2px 0; } #narrative-content ul li a {color: #222; text-decoration: underline } #narrative-content ul li a:hover {color: #222; text-decoration: none } #narrative-content ul li:last-child {position: relative; border-bottom: 0; padding:4px 0 8px 0} #narrative-content ul li {text-decoration: none; } #narrative-content ul li:before { content: "\f45c"; font-family: 'Font Awesome 6 Pro'; color: #CA6C19;position: absolute;font-weight:600; left:-30px; list-style-position: outside; text-decoration: none} #narrative-content ul li ul {margin-bottom:0} #narrative-content ul li {position: relative; margin-bottom:0; padding-bottom:0; } #narrative-content ul li ul li:before {font-size: 16px; content: "\f0da"; font-family: 'Font Awesome 6 Pro'; color: #999;position: absolute;font-weight:600; left:-30px; list-style-position: outside; text-decoration: none} #sidebar-content ul {list-style-type:none; margin-top:0; margin-left:20px; margin-bottom:0; list-style-position: outside; padding: 0 10px } #sidebar-content ul li {position: relative; padding:2px 0 2px 0; } #sidebar-content ul li a {color: #222; text-decoration: none } #sidebar-content ul li a:hover {color: #222; text-decoration: underline } #sidebar-content ul li:last-child {position: relative; border-bottom: 0; padding:4px 0 8px 0} #sidebar-content ul li {text-decoration: none; font-size: 16px} #sidebar-content ul li:before {font-size: 16px; content: "\f45c"; font-family: 'Font Awesome 6 Pro'; color: #CA6C19;position: absolute;font-weight:600; left:-30px; list-style-position: outside; text-decoration: none} /* # footer ================================================== */ .bottom {font-size: 14px; color:#FFF; padding:50px 0 0 0; background-color: #383838; 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.14' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); height: auto;} .bottom .middle-column {} .bottom .border-right {border-right:1px dotted #CA6C19; padding-right: 20px;} .bottom .border-left {border-left:1px dotted #CA6C19; padding-left: 50px;} .bottom h4 {font-size: 20px; line-height:1.5; color:#FFF; margin-bottom:15px; letter-spacing:0.01rem; } .bottom p {margin:0} .bottom address {margin-bottom: 15px} .bottom ul {list-style-type: square; margin-left:12px; color:#CA6C19; margin-top:0} .bottom ul li {margin-top: 0} .bottom span {color:#CA6C19; } .bottom i {color:#CA6C19} .bottom a i {color:#CA6C19} .bottom a i:hover {color:#FFF} .bottom strong {color:#FFF} .bottom .footer-column {margin-bottom: 20px} .bottom .footer-column span {font-size:18px; font-weight: 600} .bottom a {color:#CA6C19;font-weight:normal; text-decoration: none } .bottom a:hover {color:#CA6C19;font-weight:normal; text-decoration: underline } .bottom li a {color:#FFF;font-weight:normal; text-decoration: none } .bottom li a:hover {color:#FFF;font-weight:normal; text-decoration: underline } /* # sub-footer ================================================== */ .subfooter { text-align:left; background-color: #383838; 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.14' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); text-transform:none; color:#FFF; font-size:14px; padding: 20px 0; } .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} /* call now button - footer ================================================== */ #callnowbutton {display:none;} @media screen and (max-width:650px){ #callnowbutton {display:block; background:#428566 ; width:100%;position:fixed; bottom:0; text-decoration:none; z-index:9999; padding: 8px 5px; } #callnowbutton p {margin:0; text-align: center; color:#FFF; font-size: 16px;font-weight: 600; text-transform:uppercase; } #callnowbutton p a {color:#FFF; text-decoration:none} #callnowbutton p a:hover {color:white; text-decoration:none} #callnowbutton i {color:#FFF} } /* contact page - responsive google map ================================================== */ iframe, object, embed {max-width: 100%;} /* hover effect on buttons ================================================== */ .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:.3s;transition-duration:.3s;border-radius:3px} .hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#CA6C19;color:#0e2132;border-radius:3px;-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:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} .hvr-sweep-to-right:active,.hvr-sweep-to-right:active i,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:focus i,.hvr-sweep-to-right:hover,.hvr-sweep-to-right:hover i{color:#fff;border-radius:3px} .hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);border-radius:3px} .hero-image-blog-page { height: 700px; background-color: #CA6C19; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23499587'/%3E%3Cstop offset='1' stop-color='%23499587' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23197180'/%3E%3Cstop offset='1' stop-color='%23197180' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23156c61'/%3E%3Cstop offset='1' stop-color='%23156c61' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%234F9FA6'/%3E%3Cstop offset='1' stop-color='%234F9FA6' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23428566'/%3E%3Cstop offset='1' stop-color='%23428566' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2300303C'/%3E%3Cstop offset='1' stop-color='%2300303C' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover; } /* navigation ================================================== */ .header-hero.active .nav-toggle:before, .header-interior .nav-toggle:before, .nav-toggle:before { background-color: #FFF; box-shadow: 0 0.5em 0 0 #FFF, 0 1em 0 0 #FFF; content: ""; width: 24px; border-radius: 10px; } .nav-menu > li > a, .navigation { height: auto; position: relative; } .navigation { width: 100%; display: table; font-family: inherit; } .navigation * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } .navigation-portrait, .navigation-portrait .nav-search-inner { height: 48px; } .navigation-fixed-wrapper { width: 100%; left: 0; z-index: 19998; will-change: opacity; } .navigation-fixed-wrapper.fixed { position: fixed !important; -webkit-animation: 0.5s fade; animation: 0.5s fade; } @keyframes fade { from { opacity: 0.999; } to { opacity: 1; } } .navigation-fixed-wrapper .navigation { margin-right: auto; margin-left: auto; } .navigation-fixed-placeholder { width: 100%; display: none; } .navigation-fixed-placeholder.navigation-fixed-placeholder.visible, .navigation-portrait .nav-menus-wrapper-close-button, .navigation-portrait .nav-toggle { display: block; } .nav-toggle, .navigation-hidden .nav-header, .navigation-hidden .nav-search { display: none; } .navigation-hidden { width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; position: absolute; top: -9999px; } .align-to-right { float: right; } .nav-header { float: left; } .nav-brand { line-height: 70px; padding: 0 15px; color: #900; font-size: 24px; text-decoration: none !important; } .header-hero .nav-menu > li > a, .nav-brand:focus, .nav-brand:hover, .nav-search-button i:hover { color: #fff; } .navigation-portrait .nav-brand { font-size: 18px; line-height: 48px; } .nav-logo > img { height: 50px; margin: 20px auto; padding: 0 15px 0 0; float: left; } .nav-logo:focus > img { outline: initial; } .navigation-portrait .nav-logo > img { height: 36px; margin: 10px 0 10px 10px; padding: 0; } .nav-toggle { width: 30px; height: 30px; padding: 6px 2px 0; position: absolute; top: 50%; margin-top: -15px; right: 15px; cursor: pointer; } .nav-toggle:before { position: absolute; height: 3px; } .header-hero.active .nav-toggle:before, .header-interior .nav-toggle:before { position: absolute; height: 2px; } .nav-toggle:before { content: ""; position: absolute; width: 24px; height: 2px; background-color: #fff; border-radius: 10px; box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff; } .navigation-portrait .nav-menus-wrapper { width: 260px; height: 100%; top: 0; left: -400px; position: fixed; background-color: #fff; z-index: 20000; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right { left: auto; right: -400px; } .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open { left: 0; } .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open { left: auto; right: 0; } .nav-menus-wrapper-close-button { width: 30px; height: 40px; margin: 10px 7px; display: none; float: right; color: #428566; font-size: 26px; cursor: pointer; } ul.nav-menu { margin-top: 15px; } .nav-menu { margin: 0; padding: 0; list-style: none; line-height: normal; font-size: 0; } .nav-menu > li > a:hover::after, .navigation-portrait .nav-dropdown-horizontal > li, .navigation-portrait .nav-menu { width: 100%; } .nav-menu.nav-menu-centered { text-align: center; } .nav-menu.nav-menu-centered > li { float: none; } .nav-menu > li { display: inline-block; float: left; text-align: left; } .navigation-portrait .nav-menu > li { width: 100%; position: relative; border-top: 1px solid #f0f0f0; margin: 0; padding: 0; } .navigation-portrait .nav-menu > li:last-child { border-bottom: 1px solid #f0f0f0; } .nav-menu + .nav-menu > li:first-child, .nav-menu > li > .nav-dropdown, .navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal { border-top: none; } .nav-menu > li > a { padding: 4px 15px; display: inline-block; text-decoration: none; font-size: 16px; text-transform: none; font-weight: 500; color: #FFF; -webkit-transition: color 0.3s, background 0.3s; transition: color 0.3s, background 0.3s; } .nav-menu > li:last-child > a {padding: 4px 0 4px 15px;} .nav-menu > li > a:after { content: ""; display: block; width: 0; height: 2px; background: #CA6C19; transition: width 0.3s; } .nav-menu > li:hover > a { color: #e8941a; } .header-hero.active .nav-menu > li > a, .header-interior .nav-menu > li > a, .header-interior.active .nav-menu > li > a { color: #e8941a; } .navigation-portrait .nav-menu > li > a { width: 100%; height: auto; padding: 12px 15px 12px 26px; color: #00303c; } .navigation-portrait .nav-menu > li > a:hover { width: 100%; height: auto; padding: 12px 15px 12px 26px; color: #CA6C19; } .navigation-portrait .nav-menu > li.focus > a { background: #CA6C19; color: #FFF; } .nav-menu > li > a > [class*="ion-"], .nav-menu > li > a > i { width: 18px; height: 16px; line-height: 16px; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .nav-menu > li > a > [class*="ion-"] { width: 16px; display: inline-block; -webkit-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); } .navigation-portrait .nav-menu.nav-menu-social { width: 100%; text-align: center; } .nav-menu.nav-menu-social > li { text-align: center; float: none; border: none !important; } .navigation-portrait .nav-menu.nav-menu-social > li { width: auto; } .nav-menu.nav-menu-social > li > a > [class*="ion-"] { font-size: 12px; } .nav-menu.nav-menu-social > li > a > .fa { font-size: 14px; } .navigation-portrait .nav-menu.nav-menu-social > li > a { padding: 15px; } .submenu-indicator { margin-left: 6px; margin-top: 6px; float: right; -webkit-transition: 0.3s; transition: 0.3s; } .navigation-portrait .submenu-indicator { width: 54px; height: 44px; margin-top: 0; position: absolute; top: 0; right: 0; text-align: center; z-index: 20000; } .submenu-indicator-chevron { height: 6px; width: 6px; display: block; border-style: solid; border-width: 0 1px 1px 0; border-color: transparent #CA6C19 #CA6C19 transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border 0.3s; transition: border 0.3s; } .nav-overlay-panel, .nav-search > form { height: 100%; display: none; width: 100%; top: 0; } .navigation-portrait .submenu-indicator-chevron { position: absolute; top: 18px; left: 24px; } .nav-dropdown > .focus > a .submenu-indicator-chevron, .nav-dropdown > li:hover > a .submenu-indicator-chevron, .nav-menu > .active > a .submenu-indicator-chevron, .nav-menu > .focus > a .submenu-indicator-chevron, .nav-menu > li:hover > a .submenu-indicator-chevron { border-color: transparent #fff #fff transparent; } .navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up, .navigation-portrait .submenu-indicator.submenu-indicator-up { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .nav-overlay-panel { left: 0; position: fixed; z-index: 19999; } .no-scroll { touch-action: none; overflow-x: hidden; } .nav-search { height: auto; float: right; z-index: 19998; color: #34404e; } @media only screen and (min-width: 0) and (max-width: 1279px) { .nav-search { display: none; } } .navigation-portrait .nav-search { height: 48px; padding: 0 10px; margin-right: 52px; } .nav-search-button { width: auto; height: auto; line-height: 70px; text-align: center; cursor: pointer; background-color: transparent; color: #fff; margin-top: 20px; } .navigation-portrait .nav-search-button { width: 50px; height: 48px; line-height: 46px; font-size: 22px; } .nav-search-icon { width: 14px; height: 14px; margin: 2px 8px 8px 4px; display: inline-block; vertical-align: middle; position: relative; color: #CA6C19; text-align: left; text-indent: -9999px; border: 2px solid; border-radius: 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: color 0.3s; transition: color 0.3s; } .nav-search-icon:after, .nav-search-icon:before { content: ""; pointer-events: none; } .nav-search-icon:before { width: 2px; height: 11px; top: 11px; position: absolute; left: 50%; border-radius: 0 0 1px 1px; box-shadow: inset 0 0 0 32px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .nav-search-button:hover .nav-search-icon { color: #8cc152; } .nav-search > form { padding: 0 auto; position: absolute; left: 0; background-color: #fff; z-index: 99; font-size: 22px; color: #222; } .nav-dropdown-horizontal > li > a, .nav-dropdown > li { position: relative; } input.field { color: #000; font-size: 20px; } .nav-search-inner { width: 70%; height: 120px; margin: auto; display: table; } .nav-search-inner input[type="search"], .nav-search-inner input[type="text"] { height: 88px; width: 100%; margin: 0; padding: 0 12px; font-size: 26px; text-align: center; color: #222; outline: 0; line-height: 88px; border: none; background-color: transparent; -webkit-transition: 0.3s; transition: 0.3s; } .navigation-portrait .nav-search-inner input[type="search"], .navigation-portrait .nav-search-inner input[type="text"] { height: 48px; font-size: 18px; line-height: 48px; } .nav-search-close-button { width: 28px; height: 28px; display: block; position: absolute; right: 20px; top: 20px; line-height: normal; color: #70798b; font-size: 20px; cursor: pointer; text-align: center; } .nav-button, .nav-dropdown > li > a { text-decoration: none; color: #fff; } .nav-button, .nav-text { font-size: 14px; display: inline-block; } .navigation-portrait .nav-search-close-button { top: 10px; right: 14px; } .nav-button { margin: 18px 15px 0; padding: 8px 14px; text-align: center; border-radius: 4px; background-color: #8cc152; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .nav-button:focus, .nav-button:hover { color: #fff; text-decoration: none; opacity: 0.85; } .navigation-portrait .nav-button { width: calc(100% - 52px); margin: 17px 26px; } .nav-text { margin: 25px 15px; color: #70798b; } .navigation-portrait .nav-text { width: calc(100% - 52px); margin: 12px 26px 0; } .navigation-portrait .nav-text + ul { margin-top: 15px; } .nav-dropdown { min-width: 180px; margin: 0; padding: 0; display: none; position: absolute; list-style: none; z-index: 98; white-space: nowrap; } .navigation-portrait .nav-dropdown { width: 100%; position: static; left: 0; } .nav-dropdown .nav-dropdown { left: 100%; } .nav-dropdown > li { width: 100%; float: left; clear: both; text-align: left; margin: 0; } .nav-dropdown > li > a { color:#00303C; width: 100%; padding: 6px 20px; display: inline-block; float: left; font-size: 14px; font-weight: 400; background: #FFF; -webkit-transition: color 0.3s, background 0.3s; transition: color 0.3s, background 0.3s; } .nav-dropdown > li.focus > a, .nav-dropdown > li:hover > a { background: #CA6C19; color: #FFF; } .nav-dropdown li.current-menu-item a { color: #fff; background: #000; } .nav-dropdown.nav-dropdown-left { right: 0; } .nav-dropdown > li > .nav-dropdown-left { left: auto; right: 100%; } .navigation-landscape .nav-dropdown.nav-dropdown-left > li > a { text-align: right; } .navigation-portrait .nav-dropdown ul { padding-bottom: 10px; } .navigation-portrait .nav-dropdown > li > a { padding: 6px 20px 6px 30px; } .navigation-portrait .nav-dropdown > li > ul > li > a { padding-left: 50px; } .navigation-portrait .nav-dropdown > li > ul > li > ul > li > a { padding-left: 70px; } .navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a { padding-left: 90px; } .navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 110px; } .nav-dropdown .submenu-indicator { right: 15px; top: 6px; position: absolute; } .navigation-portrait .nav-dropdown .submenu-indicator { right: 0; top: 0; } .nav-dropdown .submenu-indicator .submenu-indicator-chevron { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator { left: 10px; } .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .nav-dropdown-horizontal { width: 100%; left: 0; background-color: #fdfdfd; border-top: 1px solid #f0f0f0; } .nav-dropdown-horizontal .nav-dropdown-horizontal { width: 100%; top: 100%; left: 0; } .nav-dropdown-horizontal > li { width: auto; clear: none; position: static; } .nav-dropdown-horizontal .submenu-indicator { height: 18px; top: 11px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .navigation-portrait .nav-dropdown-horizontal .submenu-indicator { height: 42px; top: 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } /* #Media Queries ================================================== */ /* Height-Based Media Query for Laptops */ @media (max-height: 800px) {} /* iPad Landscape */ @media (min-width: 768px) and (max-width: 1080px) and (orientation: landscape) { } /* Tablets Portrait */ @media screen and (max-width: 768px) and (min-width: 1024px) and (orientation: portrait) {} /* Tablets Portrait */ @media screen and (max-width: 1024px) and (min-width: 767px) and (orientation: portrait) { .desktop-only {display:none} .mobile-only {display:block} .no-hero {margin-top: 44px} .center-on-mobile {text-align: center} .navigation { padding: 0 ; margin:0 auto;} body {margin: 0; } .main-content {padding: 50px 0} h1, h2, h3, h4, h5, h6 {text-align:center} #vertical-offset-column {margin-top: 0} .home-accolades-box a .home-accolades-box-content .home-accolades-box-heading span.home-accolades-box-title {font-size: 20px;} .home-accolades-box {padding: 30px 10px 92px 10px ;} .hero-image-interior {height: 60%; min-height: 0px; background-color: rgba(0,0,0, 0.0)); width:auto; background-position: center top; background-repeat: no-repeat; background-size: cover; } .hero-text-interior {text-align: center; position: relative; width:100%; color: white; } .hero-text-interior h1 {font-size:28px; line-height: 1.5 } .practice-intro-blurb {color:white; max-width: 100%; font-size:15px; line-height: 1.3; text-align:center} .hero-image-practice-area { height: 40%; /* Example of a smaller min-height for mobile */overflow: hidden; } .page-title-wrapper {margin-top: 0} .page-title-bg {background: #CA6C19; padding:50px 0; width:auto;position: relative; /* Change position from absolute to relative */top: auto; /* Reset top position */bottom: auto; /* Reset bottom position */} .page-title-bg {position:relative; bottom:0; left:0;} .page-title-bg h1 {color: white; font-size: 36px } .practice-intro-blurb {color:white; max-width: 100%; font-size:15px; line-height: 1.3; text-align:center} .cta-title-wrapper {margin-top: 0; text-align:center} .cta-title-wrapper p {font-size: 34px; } #bio-badges-carousel {margin-top:0; } #bio-badges-carousel img { margin: 0 auto;max-height:120px; width:auto; display:block} #testimonials-carousel {text-align: center; padding: 20px 0 0 0} #testimonials-carousel .item blockquote p { font-size: 12px; line-height:26px; } #testimonials-carousel .item blockquote p {margin-bottom: 10px} blockquote p { font-size: 18px; line-height:1.5; } blockquote p {margin-bottom: 10px;} .vertical-lines, .vertical-lines-center-blue { margin-left:auto; margin-right:auto} hr.rounded, hr.rounded-center { border-top: 6px solid #CA6C19 ; width: 100px; margin-left:auto; margin-right:auto } hr.thin-short { margin-left:auto; margin-right:auto } .blog-date-author {width:100%; text-align:center; margin-bottom: 20px; border-left: 0; border-bottom: none; line-height: 20px } p.blog-date {background: #34404E; padding: 8px 10px; color:white; display:block; margin-bottom: 20px; margin-top:0; border-left:0; border-bottom: 5px solid #CA6C19; text-align:center } p.date-stamp {text-align:center} .featured-image img {height:auto; max-height: 300px; margin-bottom: 0} .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; padding:30px 0;} .bottom ul {list-style-type: none} .bottom, .bottom p, .bottom, .subfooter, .subfooter p { text-align: center} .bottom .border-right {border-right:0; padding-right: 0;} .bottom .border-left {border-left:0; padding-left: 0;} .footer-column {padding-bottom:20px} .subfooter {padding: 20px 0 70px 0 } .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} .form-wrapper {padding: 20px 0; border:0} } /* Mobile Devices */ @media only screen and (min-width: 0) and (max-width: 767px) { .desktop-only {display:none} .mobile-only {display:block} .no-hero {margin-top: 44px} .center-on-mobile {text-align: center} .navigation { padding: 0 ; margin:0 auto;} body {margin: 0; } .main-content {padding: 50px 0} h1, h2, h3, h4, h5, h6 {text-align:center} #blog-snippets {background-image: linear-gradient(to bottom, rgba(255,255,255, 0.0),rgba(255,255,255, 0.9)), url('../images/misc/gns/bg-news-sm-2.png'); height:auto;width:auto; background-position: top left; background-repeat: no-repeat; } #vertical-offset-column {margin-top: 0} #home-testimonials .item p {font-size:24px; } .wide-col { width: 100%; /* Full width for small screens */ padding-right: 0; /* Remove padding-right in wide-col for mobile */} div.large-heading h2 {font-size: 22px} .practice-teasers-home {padding:50px 0} .practice-teasers-home-2 {padding:50px 0} .date-eyebrow {background: #626364; color:#FFF; padding:10px 15px ; display:block; text-transform: uppercase; font-size: 14px;margin: 20px auto; font-weight: 600; text-align: center; } .home-accolades-box a .home-accolades-box-content .home-accolades-box-heading span.home-accolades-box-title {font-size: 20px;} .home-accolades-box {padding: 30px 10px 92px 10px ;} .hero-image-interior {height: 60%; min-height: 0px; background-color: rgba(0,0,0, 0.0)); width:auto; background-position: center top; background-repeat: no-repeat; background-size: cover; } .hero-text-interior {text-align: center; position: relative; width:100%; color: white; } .hero-text-interior h1 {font-size:28px; line-height: 1.5 } .page-title-wrapper {margin-top: 0} .page-title-bg {background: #00303C; padding:50px 0; width:auto;position: relative; /* Change position from absolute to relative */top: auto; /* Reset top position */bottom: auto; /* Reset bottom position */} .page-title-bg {position:relative; bottom:0; left:0;} .page-title-bg h1 {color: white; font-size: 36px } .practice-intro-blurb {color:white; max-width: 100%; font-size:15px; line-height: 1.3; text-align:center} .hero-image-practice-area { height: 40%; /* Example of a smaller min-height for mobile */overflow: hidden; } .page-title-wrapper {margin-top: 0} .page-title-bg {background:#CA6C19; padding:50px 0; width:auto;position: relative; /* Change position from absolute to relative */top: auto; /* Reset top position */bottom: auto; /* Reset bottom position */} .page-title-bg {position:relative; bottom:0; left:0;} .page-title-bg h1 {color: white; font-size: 36px } .practice-intro-blurb {color:white; max-width: 100%; font-size:15px; line-height: 1.3; text-align:center} .cta-title-wrapper {margin-top: 0; text-align:center} .cta-title-wrapper p {font-size: 24px; } .cta-title-wrapper p {background:rgba( 0,0,0, 0.25); color: #CA6C19; font-size: 24px; line-height: 1.2; margin:0; padding: 15px } #bio-badges-carousel {margin-top:0; } #bio-badges-carousel img { margin: 0 auto;max-height:120px; width:auto; display:block} #testimonials-carousel {text-align: center; padding: 20px 0 0 0} #testimonials-carousel .item blockquote p { font-size: 12px; line-height:26px; } #testimonials-carousel .item blockquote p {margin-bottom: 10px} blockquote p { font-size: 18px; line-height:1.5; } blockquote p {margin-bottom: 10px;} .vertical-lines, .vertical-lines-center-blue { margin-left:auto; margin-right:auto} hr.rounded, hr.rounded-center { border-top: 6px solid #CA6C19 ; width: 100px; margin-left:auto; margin-right:auto } hr.thin-short { margin-left:auto; margin-right:auto } .blog-date-author {width:100%; text-align:center; margin-bottom: 20px; border-left: 0; border-bottom: none; line-height: 20px } p.blog-date {background: #34404E; padding: 8px 10px; color:white; display:block; margin-bottom: 20px; margin-top:0; border-left:0; border-bottom: 5px solid #CA6C19; text-align:center } p.date-stamp {text-align:center} .featured-image img {height:auto; max-height: 300px; margin-bottom: 0} .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; padding:30px 0;} .bottom ul {list-style-type: none} .bottom, .bottom p, .bottom, .subfooter, .subfooter p { text-align: center} .bottom .border-right {border-right:0; padding-right: 0;} .bottom .border-left {border-left:0; padding-left: 0;} .footer-column {padding-bottom:20px} .subfooter {padding: 20px 0 70px 0 } .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} .form-wrapper {padding: 20px 0; border:0} #footer-logo img {height:50px; width:auto} }