/* Color Scheme ================================================== GREEN #0B936F / RGB: VERY DARK GREEN #001524 */ /* #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: transparent; line-height: 40px; border-bottom: 1px solid rgba(225, 225, 225, 0.95;); } div.header.active {background-color: #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-color: #FFF; 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-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);} /* sticky header - interior ================================================== */ div.header-abstract-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.95;); 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-abstract-hero.active {background: #444; -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);} .box-container { display: flex; flex-wrap: wrap; gap: 20px; /* Adjust the space between boxes */ } .card-box { display: flex; flex-direction: column; background:#FCFCFC; flex: 1; min-width: 250px; text-align: left; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); transition: transform 0.3s ease; cursor: pointer; /* Indicates the box is clickable */ font-size:16px } .card-box:hover { transform: translateY(-10px); } .card-box h2{ margin: 10px 0; font-weight: 400; text-align: left; color: #444 } .card-box:hover h2{ margin: 10px 0; text-align: left; color: #0B936F; } .card-box hr.special-thin { border-top: 3px solid #DDD; width: 82px; /* Initial width */ margin-left: 0; margin-top: 1.0rem; margin-bottom: 1.0rem; transition: border-color 0.3s ease-in-out, width 0.3s ease-in-out; /* Add width to the transition */ } .card-box:hover hr.special-thin { border-top: 3px solid #0B936F; width: 100%; /* Increased width by 50px on hover */ margin-left: 0; } .card-box .learn-more { color: #0B936F; /* Style as needed */ text-decoration: none; /* Style as needed */ cursor: pointer; /* Indicates the link is clickable */ text-transform: uppercase; font-size: 12px; } .card-box .learn-more:hover { color: #444; /* Style as needed */ text-decoration: none /* Style as needed */ cursor: pointer; /* Indicates the link is clickable */ } @media (max-width: 768px) { .container { flex-direction: column; align-items: flex-start; /* Aligns boxes to the left in a column layout */ } } #js-rotating { display: none; color: #001524 } .rw-sentence{ margin: 0 0 50px 0; text-align: left; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); } .rw-sentence span{ color: #0B936F; white-space: nowrap; font-size: 90px; font-family: 'Poppins', sans-serif; font-weight: 700; } .rw-words{ display: inline; text-indent: 10px; } .rw-words span{ position: absolute; opacity: 0; overflow: hidden; width: 100%; color: #001524; } .rw-words-1 span{ -webkit-animation: rotateWordsFirst 18s linear infinite 0s; -ms-animation: rotateWordsFirst 18s linear infinite 0s; animation: rotateWordsFirst 18s linear infinite 0s; } .rw-words-2 span{ -webkit-animation: rotateWordsSecond 18s linear infinite 0s; -ms-animation: rotateWordsSecond 18s linear infinite 0s; animation: rotateWordsSecond 18s linear infinite 0s; } .rw-words span:nth-child(2) { -webkit-animation-delay: 3s; -ms-animation-delay: 3s; animation-delay: 3s; color: #001524; } .rw-words span:nth-child(3) { -webkit-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; color: #001524; } .rw-words span:nth-child(4) { -webkit-animation-delay: 9s; -ms-animation-delay: 9s; animation-delay: 9s; color: #001524; } .rw-words span:nth-child(5) { -webkit-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; color: #001524; } .rw-words span:nth-child(6) { -webkit-animation-delay: 15s; -ms-animation-delay: 15s; animation-delay: 15s; color: #001524; } @-webkit-keyframes rotateWordsFirst { 0% { opacity: 1; -webkit-animation-timing-function: ease-in; height: 0px; } 8% { opacity: 1; height: 60px; } 19% { opacity: 1; height: 60px; } 25% { opacity: 0; height: 60px; } 100% { opacity: 0; } } @-ms-keyframes rotateWordsFirst { 0% { opacity: 1; -ms-animation-timing-function: ease-in; height: 0px; } 8% { opacity: 1; height: 60px; } 19% { opacity: 1; height: 60px; } 25% { opacity: 0; height: 60px; } 100% { opacity: 0; } } @keyframes rotateWordsFirst { 0% { opacity: 1; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; height: 0px; } 8% { opacity: 1; height: 60px; } 19% { opacity: 1; height: 60px; } 25% { opacity: 0; height: 60px; } 100% { opacity: 0; } } @-webkit-keyframes rotateWordsSecond { 0% { opacity: 1; -webkit-animation-timing-function: ease-in; width: 0px; } 10% { opacity: 0.3; width: 0px; } 20% { opacity: 1; width: 100%; } 27% { opacity: 0; width: 100%; } 100% { opacity: 0; } } @-ms-keyframes rotateWordsSecond { 0% { opacity: 1; -ms-animation-timing-function: ease-in; width: 0px; } 10% { opacity: 0.3; width: 0px; } 20% { opacity: 1; width: 100%; } 27% { opacity: 0; width: 100%; } 100% { opacity: 0; } } @keyframes rotateWordsSecond { 0% { opacity: 1; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; width: 0px; } 10% { opacity: 0.3; width: 0px; } 20% { opacity: 1; width: 100%; } 27% { opacity: 0; width: 100%; } 100% { opacity: 0; } } @media screen and (max-width: 768px){ .rw-sentence { font-size: 18px; } } @media screen and (max-width: 320px){ .rw-sentence { font-size: 9px; } } #headshot-carousel.owl-carousel .item img { max-width: 300px; max-height: 300px; border-radius: 50%; /* Keeps the image circular */ display: block; /* Removes bottom space */ margin: 25px; /* Adds margin around the images to ensure space for the border */ position: relative; /* Required for pseudo-element positioning */ box-shadow: 0 0 0 25px rgba(255, 255, 255, 0.2); /* Simulates a border with opacity */ } #headshot-carousel .owl-carousel .item img { /* Existing styles */ } #headshot-carousel .owl-carousel .item img { /* Other styles */ box-shadow: 0 0 0 25px rgba(255, 255, 255, 0.5); /* Adjusts the border opacity to 50% */ } #headshot-carousel .owl-carousel { padding: 25px; /* Adds padding to accommodate the border */ box-sizing: content-box; /* Ensures the padding does not affect the overall width */ } #headshot-carousel .item { display: flex; justify-content: center; /* Center children horizontally */ align-items: center; /* Center children vertically */ position: relative; height: 100%; /* Ensure it has a height to allow vertical centering */ } #home-headshots-section {background-color: #0B936F; 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='%230EC494' 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='%230EB689'%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"); padding:40px 0 } #home-headshots-section {color:white} #home-headshots-section h2 {color:white; } #home-headshots-section h2.large {color:white; font-size: min(max(1.875rem, calc(1.875rem + (4.625 - 1.875) * ((100vw - 0.0625rem) / (100 - 0.0625)))), 4.625rem); min-height: 0vw;} .person-name { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); background: rgba(255, 255, 255, 0.75); border-radius:6px; color: black; font-size: 16px; padding: 5px; text-align: center; width: auto; max-width: 90%; } #practice-teasers { font-size:16px} #practice-teasers h3 {color: #444} .get-in-touch hr.special-thin { border-top: 3px solid #DDD; width: 158px; /* Initial width */ margin-left: 0; margin-top: 1.0rem; margin-bottom: 1.0rem; transition: border-color 0.3s ease-in-out, width 0.3s ease-in-out; /* Add width to the transition */ } .get-in-touch:hover hr.special-thin { border-top: 3px solid #0B936F; width: 100%; /* Increased width by 50px on hover */ margin-left: 0; } .get-in-touch a {font-size:14px; text-decoration: none; text-transform: uppercase} .get-in-touch a:hover {font-size:14px; text-decoration: none; color:#444} .hero-section { display: flex; justify-content: center; align-items: flex-end; } #abstract-bg-1 {background-color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(244,836,584)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23E2FFEF'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='300' height='250' x='0' y='0' 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/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover;} .textured-bg-1 {background-color: #fcfcfc; 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='%23a2d65e' fill-opacity='0.26' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");} .textured-hero-bg-1 {background-color: #122519; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2342945F'/%3E%3Cstop offset='1' stop-color='%23122519'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23A2D65E' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23A2D65E' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.11'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover;background-position: center bottom; background-repeat: no-repeat; background-size: cover; position: relative;} .textured-hero-bg-2 {background-color: #0B936F; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='335' height='279.2' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.03'%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"); background-position: center center; } .textured-hero-bg-3 {background-color: #0B936F; 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 fill-opacity='0.05'%3E%3Crect fill='%2342945F' width='11' height='11'/%3E%3Crect fill='%23469660' x='10' width='11' height='11'/%3E%3Crect fill='%234a9761' y='10' width='11' height='11'/%3E%3Crect fill='%234d9962' x='20' width='11' height='11'/%3E%3Crect fill='%23519a63' x='10' y='10' width='11' height='11'/%3E%3Crect fill='%23549c64' y='20' width='11' height='11'/%3E%3Crect fill='%23589d65' x='30' width='11' height='11'/%3E%3Crect fill='%235b9e66' x='20' y='10' width='11' height='11'/%3E%3Crect fill='%235ea067' x='10' y='20' width='11' height='11'/%3E%3Crect fill='%2362a169' y='30' width='11' height='11'/%3E%3Crect fill='%2365a36a' x='40' width='11' height='11'/%3E%3Crect fill='%2368a46b' x='30' y='10' width='11' height='11'/%3E%3Crect fill='%236ba66c' x='20' y='20' width='11' height='11'/%3E%3Crect fill='%236ea76d' x='10' y='30' width='11' height='11'/%3E%3Crect fill='%2371a96f' y='40' width='11' height='11'/%3E%3Crect fill='%2374aa70' x='50' width='11' height='11'/%3E%3Crect fill='%2377ac71' x='40' y='10' width='11' height='11'/%3E%3Crect fill='%237bad73' x='30' y='20' width='11' height='11'/%3E%3Crect fill='%237eaf74' x='20' y='30' width='11' height='11'/%3E%3Crect fill='%2381b075' x='10' y='40' width='11' height='11'/%3E%3Crect fill='%2384b277' y='50' width='11' height='11'/%3E%3Crect fill='%2386b378' x='60' width='11' height='11'/%3E%3Crect fill='%2389b579' x='50' y='10' width='11' height='11'/%3E%3Crect fill='%238cb67b' x='40' y='20' width='11' height='11'/%3E%3Crect fill='%238fb87c' x='30' y='30' width='11' height='11'/%3E%3Crect fill='%2392b97e' x='20' y='40' width='11' height='11'/%3E%3Crect fill='%2395bb7f' x='10' y='50' width='11' height='11'/%3E%3Crect fill='%2398bc81' x='70' width='11' height='11'/%3E%3Crect fill='%239bbe82' x='60' y='10' width='11' height='11'/%3E%3Crect fill='%239ec084' x='50' y='20' width='11' height='11'/%3E%3Crect fill='%23a0c185' x='40' y='30' width='11' height='11'/%3E%3Crect fill='%23a3c387' x='30' y='40' width='11' height='11'/%3E%3Crect fill='%23a6c489' x='20' y='50' width='11' height='11'/%3E%3Crect fill='%23a9c68a' x='80' width='11' height='11'/%3E%3Crect fill='%23acc78c' x='70' y='10' width='11' height='11'/%3E%3Crect fill='%23aec98d' x='60' y='20' width='11' height='11'/%3E%3Crect fill='%23b1ca8f' x='50' y='30' width='11' height='11'/%3E%3Crect fill='%23b4cc91' x='40' y='40' width='11' height='11'/%3E%3Crect fill='%23b7cd93' x='30' y='50' width='11' height='11'/%3E%3Crect fill='%23b9cf94' x='90' width='11' height='11'/%3E%3Crect fill='%23bcd096' x='80' y='10' width='11' height='11'/%3E%3Crect fill='%23bfd298' x='70' y='20' width='11' height='11'/%3E%3Crect fill='%23c2d39a' x='60' y='30' width='11' height='11'/%3E%3Crect fill='%23c4d59c' x='50' y='40' width='11' height='11'/%3E%3Crect fill='%23c7d69d' x='40' y='50' width='11' height='11'/%3E%3Crect fill='%23cad89f' x='90' y='10' width='11' height='11'/%3E%3Crect fill='%23ccd9a1' x='80' y='20' width='11' height='11'/%3E%3Crect fill='%23cfdba3' x='70' y='30' width='11' height='11'/%3E%3Crect fill='%23d2dda5' x='60' y='40' width='11' height='11'/%3E%3Crect fill='%23d4dea7' x='50' y='50' width='11' height='11'/%3E%3Crect fill='%23d7e0a9' x='90' y='20' width='11' height='11'/%3E%3Crect fill='%23dae1ab' x='80' y='30' width='11' height='11'/%3E%3Crect fill='%23dce3ad' x='70' y='40' width='11' height='11'/%3E%3Crect fill='%23dfe4af' x='60' y='50' width='11' height='11'/%3E%3Crect fill='%23e1e6b1' x='90' y='30' width='11' height='11'/%3E%3Crect fill='%23e4e8b3' x='80' y='40' width='11' height='11'/%3E%3Crect fill='%23e6e9b5' x='70' y='50' width='11' height='11'/%3E%3Crect fill='%23e9ebb7' x='90' y='40' width='11' height='11'/%3E%3Crect fill='%23ebecb9' x='80' y='50' width='11' height='11'/%3E%3Crect fill='%23EEB' x='90' y='50' width='11' height='11'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover;background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;} #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} #home-office-locations {font-size: 16px; padding-top:0px; margin-top:50px} #home-office-locations h3 {text-transform: uppercase; font-size: 18px; color:#0B936F; border-bottom: 0px solid #0B936F; display:inline-block } #home-office-locations ul {list-style-type: none; margin-left:0} #home-office-locations ul li {margin-bottom:35px} .image-grid-container { display: flex; justify-content: center; /* Center horizontally within the container */ align-items: center; /* Center vertically within the container */ min-height: 350px; /* Set the height of the container to fill the viewport */ } .image-grid { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .grid-item { flex: 1 0 18%; margin: 5px; background: rgba(38, 34, 90, 0.2); border: 1px solid #26225A; height: 220px; width: 220px; color: white; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; /* Add relative positioning for overlay */ } .grid-item i { font-size: 48px; } .title { margin-top: 10px; } .overlay { position: absolute; /* Absolute positioning for the overlay */ top: 0; left: 0; width: 100%; height: 100%; background-color: #26225A; display: none; /* Initially hidden */ align-items: center; justify-content: center; flex-direction: column; opacity: 0; transition: opacity 0.3s ease-in-out; } .grid-item:hover .overlay { display: flex; /* Show the overlay on hover */ opacity: 1; } /* Media query for screens with a maximum width of 1366px */ @media (max-width: 1366px) { .image-grid { justify-content: space-between; /* Show no more than three items in a row */ } .grid-item { flex: 0 0 calc(33.33% - 10px); /* Adjust the width for responsive mode */ } } /* Media query for screens with a maximum width of 1024px */ @media (max-width: 1024px) { .image-grid { justify-content: space-between; /* Show no more than two items in a row */ } .grid-item { flex: 0 0 calc(50% - 10px); /* Adjust the width for responsive mode */ } } /* Media query for screens with a maximum width of 787px */ @media (max-width: 787px) { .image-grid { justify-content: center; /* Center items when in responsive mode */ } .grid-item { flex: 0 0 calc(50% - 10px); /* Adjust the width for responsive mode */ } } #practice-areas-page-background {background-image: linear-gradient(to bottom, rgba(17,17,17, 0.9), rgba(34, 34, 34, 0.9)), url('../images/fullscreen/fkb/rohit-tandon-qK6898jepEU-unsplash.jpg'); height: auto; width:auto; background-position: center center; background-attachment: fixed ; background-repeat: no-repeat; background-size: cover; position: relative; padding: 200px 0 100px 0} #practice-areas-directory {color:white} #practice-areas-directory h1 {color:white; text-align: center} #practice-areas-directory p {color:white; text-align: center; font-size: 22px; line-height: 1.5} .twocollist {list-style-type:none; margin:0; font-size: 18px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px;} .twocollist li {margin-top:0;} .threecollist {list-style-type:none; margin:0; font-size: 18px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px;} .threecollist li {margin-top:0;} @media (max-width: 787px) { .twocollist {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;}} /* 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:#0B936F; font-weight: 700} #practice-directory-links strong { color: #0B936F; font-weight: 700; } #practice-directory-links ul { list-style-type: none; margin: 0; /* Remove default margin */ padding: 0; /* Adjusted padding for the ul */ font-size: 24px; } #practice-directory-links ul li { position: relative; padding: 10px 0; /* Equal padding for top and bottom */ margin: 0; /* Remove default margin */ } #practice-directory-links ul li a { text-decoration: none; color: #122519; position: relative; display: block; /* Make the anchor fill the li for a larger clickable area */ padding-right: 50px; /* Space for the icon */ } #practice-directory-links ul li a:hover { text-decoration: none; color: #0B936F; } #practice-directory-links ul li a::after { content: " →"; color: black; margin-left: 0px; transition: margin-left 1.4s ease; /* Adjusted for a smoother transition */ } #practice-directory-links ul li a:hover::after { margin-left: 15px; /* Adjust as needed for the desired slide distance */ } .scale-in-top { -webkit-animation: scale-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: scale-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } /* ---------------------------------------------- * Generated by Animista on 2024-1-19 16:38:7 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation scale-in-top * ---------------------------------------- */ @-webkit-keyframes scale-in-top { 0% { -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 1; } } @keyframes scale-in-top { 0% { -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 1; } } @keyframes drawBorderHorizontal { 0% { width: 0; } 100% { width: 100%; } } @keyframes drawBorderVertical { 0% { height: 0; } 100% { height: 100%; } } .animated-border { position: relative; padding: 30px; } .animated-border::before, .animated-border::after { content: ''; position: absolute; background: #0B936F; /* Border color */ } /* Horizontal borders (top and bottom) */ .animated-border::before { left: 0; right: 0; height: 1px; /* Border thickness */ animation: drawBorderHorizontal 1s ease-out forwards; } .animated-border::before:first-child { top: 0; } .animated-border::before:last-child { bottom: 0; } /* Vertical borders (left and right) */ .animated-border::after { top: 0; bottom: 0; width: 1px; /* Border thickness */ animation: drawBorderVertical 1s ease-out forwards; } .animated-border::after:first-child { left: 0; } .animated-border::after:last-child { right: 0; } #text-container { max-width: 300px; word-wrap: break-word; overflow: hidden; } .animated-text { color: gray; /* Initial color */ /* Other text styling as needed */ } .word { opacity: 1; /* Start with the word invisible */ color: gray; display: inline-block; /* Needed for individual word control */ animation: fadeIn 0.1s forwards; /* Reduced animation duration for fade in */ } @keyframes fadeIn { to { opacity: 1; } } .green { animation: colorChange 0.8s forwards; /* Reduced animation duration for color change */ } @keyframes colorChange { to { color: green; } } /* # vertical practice menu ================================================== */ .vertical-practice-menu {font-weight:normal; padding-bottom: 0; margin: 0; } .vertical-practice-menu a {font-size: 14px; text-transform:uppercase; margin: 1px 0;color: #FFF; display: block; padding: 20px 10px 20px 25px; text-decoration: none; font-weight:normal;} .vertical-practice-menu a.shade-1 {background:#0B936F} .vertical-practice-menu a.shade-2 {background:#0B936F} /* 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: #001524; -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); } /* # bands / containers - ================================================== */ .band {padding: 0; margin:0} .white-band {background:#FFF; } .green-band {background-color: #0b936f; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%233fb193' fill-opacity='0.2'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} .dark-blue-band {background:#455564} .cream-band {background:#fbfbf5} .dark-band {background:#26212a; color:white} .dark-band h2, .dark-band p, .dark-band a {color:white} .red-band {background:#0B936F} .light-gray-band {background:#EEEEEE; } .navigation { padding: 10px 50px ; margin:0 auto;} @media screen and (max-width:1280px){.navigation { padding: 10px 20px ; margin:0 auto; }} .main-content {padding:70px 0;} .no-hero {margin-top:100px} .mobile-only {display:none} .home-introduction {padding: 70px 0; background-color: #EEEEEE;} .home-introduction h1 {font-weight: 700} /* # HOME - PRACTICE TEASERS ================================================== */ a.home-practice-teaser-link{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch} a.home-practice-teaser-link:hover{text-decoration:none}.home-practice-teasers{display:flex;flex-wrap:nowrap;padding:0 40px 60px 40px} .home-practice-teasers-box-content{height:400px;display:flex;flex-direction:column;justify-content:space-between} .home-practice-teasers-box-content:hover{height:400px;display:flex;flex-direction:column;justify-content:space-between;background:#fff;color:#455564} .home-practice-teasers-box-content p{margin:0} .home-practice-teasers-box-content{color:#fff;text-decoration:none} @media screen and (max-width:1336px){.home-practice-teasers-box{flex:50%;height:auto}} @media screen and (max-width:1024px){.home-practice-teasers{flex-direction:column;flex-wrap:wrap;overflow:visible}} @media screen and (max-width:767px){.home-practice-teasers{flex-direction:column;flex-wrap:wrap;overflow:visible}} .home-practice-teasers-box{flex-basis:33%;padding:0 0;display:block;text-decoration:none;position:relative;overflow:hidden} .home-practice-teasers-box .home-practice-teasers-box-content{max-width:auto;padding:30px;border:2px solid #fff;margin:20px} .home-practice-teasers-box .home-practice-teasers-box-content:hover{color:#455564} .home-practice-teasers-box .home-practice-teasers-box-content .home-practice-teasers-box-heading{font-family:'Lato',sans-serif;font-weight:900;display:block;font-size:44px;line-height:1.2;margin-bottom:30px} .home-practice-teasers-box .home-practice-teasers-box-content .home-practice-teasers-box-heading span.home-practice-teasers-box-title{display:block;font-size:30px;font-weight:600;line-height:1.2} .home-practice-teasers-box-text{font-weight:400;font-size:17px;line-height:35px;margin-bottom:25px} .home-practice-teasers-box-snippet {} .white-text {color:white} .white-text h2 {color:white} .white-text a {color:white} .white-text a:hover {color:white; text-decoration: underline} /*BIO PAGES ================================================== */ .attorney-bio-container { max-width: 1280px; margin: 125px auto 0 auto; display: flex; align-items: stretch; /* This ensures all children stretch to fill the container height */ gap: 0; /* Removes the gap between sections */ } .attorney-headshot, .connect-section, .decorative-section { flex: 1; /* Ensures all children take up equal width, adjusted for specific widths below */ display: flex; flex-direction: column; justify-content: center; /* Centers content vertically */ align-items: center; /* Centers content horizontally */ padding: 0; /* Adjust padding as needed, but ensure it's consistent to maintain equal height */ } .attorney-headshot { flex: 0 0 60%; /* Adjusted for clarity, but the specific flex-basis is overridden by width settings below */ } .connect-section { flex: 0 0 40%; /* Explicit width for the connect section */ mask: radial-gradient(circle 80px at top right, #0000 100%, red) top right;background-color: #0B936F; 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='%230DAD83' 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='%230CA47C'%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; } .connect-section a.button {margin: 0 15px} .attorney-headshot img { width: 100%; /* Ensures the image covers the full width of its container */ height: 100%; /* Ensures the image covers the full height, addressing the height discrepancy */ object-fit: cover; /* Ensures the image covers the space without distorting its aspect ratio */ } .mobile-bio-details {display:none} /* Responsive adjustments */ @media (max-width: 768px) { /* Tablet */ .attorney-bio-container { flex-direction: column; max-width: 90%; /* Slightly increase width for tablet */ margin-top: 150px; /* Adjust margin for smaller screens */ } .connect-section, .decorative-section { flex: 0 0 auto; /* Reset flex-basis */ width: 100%; /* Full width for smaller screens */ padding: 15px; /* Adjust padding for smaller screens */ } .attorney-headshot { flex: 0 0 auto; /* Reset flex-basis */ width: 100%; /* Full width for smaller screens */ padding: 0; /* Adjust padding for smaller screens */ } } @media (max-width: 768px) { .mobile-bio-details {display:block} .connect-section {display:none} } @media (max-width: 480px) { /* Phone */ .attorney-bio-container { max-width: 100%; /* Use full width for small screens */ margin-top: 55px; /* Less margin on very small screens */ } .connect-section { padding: 10px; /* Less padding on very small screens */ } } .lead p {font-size: 20px} .largeText {font-family: 'Poppins', sans-serif; font-size: 28px; font-weight: 600; line-height: 1.2; text-align: center} .bio-heading-wrapper {display:block; position:relative; height: 140px; padding: 30px 0; border-bottom: 1px solid #0B936F} .bio-heading-wrapper h1 {font-size: 40px; margin:0} .bio-heading-details {padding: 10px 0 0 15px; font-size: 16px} .bio-masthead {height:auto; padding: 0 0 00px 0; background-color: #FFF; border-bottom: 2px solid red} .bio-masthead-content-wrapper {position:relative; padding-top:100px; } #bio-connect-section {background:#0B936F; height:340px; padding: 30px } .bio-image img {height:340px; max-width:100%; display: block;margin:0 auto; background-position: center center; background-size: cover} /*attorney directory sidebar filter ================================================== */ .small-caps {text-transform: uppercase; font-size: 15px; font-weight: 600; margin:0} p.title { font-size: 16px;margin-bottom:0; text-transform: uppercase} p.phone {font-size: 16px; } p.email {font-size: 16px; margin-bottom:0} /*BIO SIDEBAR ACCORDION ================================================== */ #accordian{position:relative;width:auto;margin:0 auto; text-align: left; } #accordian h4{font-size:18px;font-weight: 400; text-align: left; cursor:pointer; } #accordian h2{font-size:28px;font-weight: 400; text-align: left; cursor:pointer; } .filter-option-heading:before{content:"+";color:#000;font-size:20px;right:30px;position:absolute;transform:rotate(90deg);transition:all 0.6s ease; cursor:pointer; } .filter-option-heading.activeFilter:before{display:none; cursor:pointer; } #accordian .filter-option-heading.activeFilter:after{content:"-";color:#0B936F;font-size:20px;transform:rotate(180deg);right:30px;position:absolute;transition:all 0.6s ease; cursor:pointer; } .filter-option-content{display:none; } .faq-container {border-bottom: 1px dotted #0B936F; margin-bottom: 25px; padding-bottom:5px; cursor:pointer; } .bio-sidebar-content ul {margin-left: 20px; font-size:16px; color: #555; } .bio-sidebar-content {} #accordian h4.activeFilter { color: #0B936F; cursor:pointer; } /*hero images ================================================== */ .hero-image-interior {height:800px; width:auto; background-position: center center; background-size: cover} .hero-image-interior-page {position:relative; height: 600px; width: auto; background-position: center center; background-size: cover; } .hero-image-practice-directory-page {position:relative; min-height: 600px; height: 60%; width: auto; background-position: center center; background-size: cover; } .hero-image-blog-page { height: 500px; background-color: #0B936F; 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='%23398530'/%3E%3Cstop offset='1' stop-color='%23398530' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2353bf46'/%3E%3Cstop offset='1' stop-color='%2353bf46' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%232b5c3c'/%3E%3Cstop offset='1' stop-color='%232b5c3c' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23A2D65E'/%3E%3Cstop offset='1' stop-color='%23A2D65E' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23122519'/%3E%3Cstop offset='1' stop-color='%23122519' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2342945F'/%3E%3Cstop offset='1' stop-color='%2342945F' 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; } .hero-image-about-page { height: 500px;background-color: #626364; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23535455' fill-opacity='0.03'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.03'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E"); } #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 ================================================== */ .page-title-bg {background-image: linear-gradient(to right, rgba(18, 37, 25, 0.0), rgba(18, 37, 25, 0.0)); padding:30px 0 100px 0; width:100%;position:absolute; bottom:0; left:0;} .page-title-wrapper {margin-top: -120px; text-align:left} .page-title-bg h1 {color: white; font-size: 64px; line-height: 1.2 } .practice-intro-blurb {color:#FFF; max-width: 600px; font-size:18px; line-height: 1.5} #styled-list ul li.name {font-size: 20px} .hero-image-practice-area { min-height: 600px; height: 60%; background-repeat: no-repeat; background-size: cover; background-position: center center; display: flex; justify-content: center; align-items: center; text-align: center; width: auto; position: relative; /* This is necessary for absolute positioning of the pseudo-element */ } .hero-image-practice-area::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; /* Adjust the height to control the size of the slanted div */ border-left: 100vw solid transparent; /* Adjust the width to match the container's width */ border-right: 0 solid transparent; /* Adjust the width to match the container's width */ border-bottom:30px solid #FFFFFF; /* Change #FFFFFF to match the page background color or any color you want */ } .hero-image-contact-page { min-height: 600px; height: 60%; background-repeat: no-repeat; background-size: cover; background-position: center center; display: flex; justify-content: center; align-items: center; text-align: center; width: auto; position: relative; /* This is necessary for absolute positioning of the pseudo-element */ } .hero-image-contact-page::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; /* Adjust the height to control the size of the slanted div */ border-left: 100vw solid transparent; /* Adjust the width to match the container's width */ border-right: 0 solid transparent; /* Adjust the width to match the container's width */ border-bottom:30px solid #EEE; /* Change #FFFFFF to match the page background color or any color you want */ } .hero-image-faq { min-height: 500px; height: 40%; background-repeat: no-repeat; background-size: cover; background-position: center center; display: flex; justify-content: center; align-items: center; text-align: center; width: auto; position: relative; /* This is necessary for absolute positioning of the pseudo-element */ } .hero-text-interior { display: flex; justify-content: left; align-items: center; width: 1400px; height:700px; } .hero-text-container { padding: 0 20px; text-align: left; color:white; } @media (max-width: 1024px) {.hero-text-container {max-width:100%}} .hero-text-container h1 {color:white; font-size: min(max(1.875rem, calc(1.875rem + (5.625 - 1.875) * ((100vw - 0.0625rem) / (212.5 - 0.0625)))), 5.625rem);} .title-description {font-size: 20px; font-weight: 400; color:white; line-height: 1.5; max-width: 650px;} .large-text-intro {font-size: 22px; font-weight: 400; color:#0B936F; } #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} #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 {padding: 25px 50px 25px 50px; } .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: #0B936F; text-decoration: none; border: 1px solid #0B936F; 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: #0B936F; color:white; border: 1px solid #0B936F; } /* 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:0px; list-style-position: outside; padding: 0 10px 0 30px } #sidebar-list ul li {position: relative; padding:2px 0 2px 0; font-size: 16px; } #sidebar-list ul li:last-child {position: relative; border-bottom: 0; padding:4px 0 8px 0} #sidebar-list ul li a {text-decoration: none; font-size: 16px; color:#555} #sidebar-list ul li a:hover {text-decoration: underline; } #sidebar-list ul li:before {font-size: 16px; content: "\f0da"; font-family: 'Font Awesome 6 Pro'; color: #555;position: absolute;font-weight:400; left:-30px; list-style-position: outside; text-decoration: none} #sidebar-list .current-menu-item a:before {color: #0B936F !important; } #sidebar-list .current_page_item > a {color: #0B936F !important;; } #sidebar-list p {margin-bottom:10px} #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:#0B936F;font-size: 15px; } #sidebar-list-2 ul li a:hover {text-decoration: underline; color:#0B936F} #sidebar-list-2 ul li:before {font-size: 13px; content: "\f054"; font-family: 'Font Awesome 6 Pro'; color: #626364;position: absolute;font-weight:300; left:-30px;top: 6px; list-style-position: outside; text-decoration: none} #sidebar-list-2 .current-menu-item a:before {color: #0B936F !important; } #sidebar-list-2 .current_page_item > a {color: #0B936F !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: #0B936F !important; } .sidebar-list-2 .current_page_item > a {color: #0B936F !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 #0B936F; ; 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:#0B936F; 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} /* Style for the entire filter list */ ul.filter { list-style-type: none; /* Removes default list styling */ padding: 0; /* Removes default padding */ margin: 0; /* Adjusts margin as needed */ display: flex; /* Aligns items in a row */ flex-wrap: wrap; /* Allows items to wrap in a new line */ align-items: flex-start; /* Aligns items to the left */ gap: 10px; /* Adds space between items */ } /* Style for the links inside the list items */ ul.filter li a { padding: 5px; /* Adds padding inside the link */ color: #333; /* Text color for the links */ text-decoration: none; /* Removes underline from links */ transition: color 0.3s; /* Smooth transition for hover effects */ } /* Style for the link in its hover state */ ul.filter li a:hover { color: #0B936F; /* Changes text color on hover */ text-decoration: underline; /* Adds underline on hover for better indication */ } /* Style for the currently selected link */ ul.filter li a.selected { color: #0B936F; /* Text color for the selected item */ font-weight: bold; /* Makes the selected item bold */ } /* grayscale images ================================================== */ .photo-hover img { /* filter: url(filters.svg#grayscale); Firefox 3.5+ */ filter: gray; /* IE5+ */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */ -webkit-transition: all .2s ease-in-out; } .photo-hover img:hover { filter: none; -webkit-filter: grayscale(0); } connect-sidebar-capstone {background-color: #EEE; 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='%23022747' fill-opacity='0.2' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); height: 50px;margin-bottom:0} .connect-sidebar {background:#fafafa ; border: 1px solid #eee; border-radius: 3px 3px 3px; padding: 20px; color:#0083ca; font-size:14px} /* misc ================================================== */ #contact-form-container {padding:50px} .heading-container { display: flex; align-items: center; /* Vertically align the items in the center */ justify-content: center; /* Horizontally center the content */ width: 100%; } .heading-container h4 {margin:0} .heading { padding: 0 20px; /* Spacing between the text and the lines */ } .line { flex-grow: 1; /* Make the lines take up equal space on both sides */ height: 2px; /* Line thickness */ background-color: #0B936F; /* Line color */ } .eyebrow-light {color:#FFF; margin-bottom:0} .thumbnail-overlay { display: flex; /* Enables flexbox */ justify-content: center; /* Centers horizontally */ align-items: center; /* Centers vertically */ text-align: center; /* Ensures the text inside the is centered if it wraps */ height: 100%; /* Make sure the .thumbnail-overlay covers the entire parent's height */ } /* Optional: If you specifically want to target the element for further styling */ .thumbnail-overlay i { margin:0 } .alignright {float:right; padding-left:15px} .alignleft {float:left; padding-right:15px} #bio-badges-carousel { } .lead {font-size: 20px; line-height: 1.5; } .lead strong {color:#0B936F} .office-intro {max-width:1000px; margin: 0 auto} .office-details-module {background:#FFF; padding: 15px 30px 30px 30px; font-size:16px; margin-bottom:55px} .office-details-module p { margin:0} .office-details-module p strong {color:#122519; margin:0; font-weight:bold} #contact-page-intro strong {color:#0B936F} #bio-sidebar-section {margin-top: 0; } #about-the-firm-section ul {list-style-type: none} #about-the-firm-section li {margin-bottom:20px} #about-the-firm-section strong {color:#0B936F; font-weight: 600} .sidebar {border-left: 1px solid #0B936F; margin-bottom:50px; padding: 15px 0 30px 30px} .sidebar-bio {background:#FFF; border-left: 1px solid #0B936F } .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: 100px; /*same height as header*/ margin-top: -100px; /*same height as header*/ visibility: hidden;} address {padding-bottom:10px; margin-bottom: 10px; font-style:normal} .highlight {color:#0B936F} .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 #0B936F; padding-right: 30px;} .border-left {border-left:1px solid #0B936F; padding-left: 30px;} .border-top {border-top: 1px solid #EEE;} .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 {font-size: 16px} #form-disclaimer ul {list-style-type: square; margin-left:20px} #form-disclaimer a {text-decoration: underline;} #form-disclaimer a:hover {text-decoration: none;} #owl-demo img {height:170px; width:170px; float:right; margin: 0; padding:0} #owl-demo .item {margin:0 10px} .home-badges-carousel {position:absolute; max-width: 150px; height: 150px; z-index:1000; bottom: 170px; right:170px;} .footer-badges-carousel {position:relative; text-align:right} .eyebrow-green {color:#0B936F; text-transform: uppercase; font-size: 17px;margin-bottom:5px; font-weight: 600} .eyebrow-dark {color:#001524; text-transform: uppercase; font-size: 17px;margin-bottom:5px; font-weight: 600} .eyebrow-white {color:#FFF; text-transform: uppercase; font-size: 17px;margin-bottom:5px; font-weight: 600} .category-eyebrow {color:#0B936F; text-transform: uppercase; font-size: 17px;margin-bottom:20px; font-weight: 600} .date-eyebrow {color: #0B936F; padding:0 1 ; display:block; text-transform: uppercase; font-size: 14px;margin-bottom:8px; font-weight: 400; } .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} .date-eyebrow {color: #626364; text-transform: uppercase; font-size: 14px;font-weight: 600} .date-eyebrow-home {color: #0B936F; text-transform: uppercase; font-size: 14px;font-weight: 600; margin-bottom:0} #home-accolades { display: flex; justify-content: center; align-items: center; height: 315px; /* Adjust the height as needed */ padding: 0 25px; font-size: 34px; line-height: 1.5; text-align: center; color: #777 } /* horizontal rules ================================================== */ .tab-content hr { border-top: 1px solid #0B936F ; width: 100px; margin-left:0; } hr.thin { border-top: 1px solid #0B936F ; width: 100px; margin-left:0; } hr.thick { border-top: 3px solid #0B936F ; width: 100px; margin-left:0; } hr.thin-center { border-top: 1px solid #0B936F; width: 160px; margin-left:auto; margin-right:auto; } hr.thin-short { border-top: 1px solid #0B936F ; width: 40px; margin-left:0; } hr.short { border-top: 1px solid #0B936F ; width: 60px; margin-left:0; margin-top: 0.75rem; margin-bottom: 0.75rem;} hr.sidebar-thin { border-top: 1px solid #0B936F ; width: 100px; margin-left:0; margin-top: 1rem; margin-bottom: 1rem;} hr.long { border-top: 1px solid #0B936F ; width: 100%; margin-left:0; } .vertical-lines { height: 5px; color: #0B936F; 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-dark { height: 5px; color: #122519; 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: #4F9FA6 ; 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: #4F9FA6; 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: #4F9FA6; 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: #4F9FA6; background-image: linear-gradient( 90deg, currentColor, currentColor 33.33%, transparent 33.33%, transparent 100%); background-size: 3px 100%; width: 100px; border:none;} /* # footer ================================================== */ .bottom {font-size: 14px; color:#FFF; padding:70px 0;background-color: #163433; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%233c4348' fill-opacity='0.26'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");} .bottom h4 {font-size: 15px; text-transform: uppercase; color:#0B936F; margin-bottom:20px; } .bottom address {margin-bottom: 15px} .bottom i {color:#0B936F; padding: 0 0 10px 0} .bottom .highlight {color: #0B936F; font-weight: 600; margin: 0 6px} .bottom ul {list-style-type: none; margin-left:0} .bottom strong {color:#FFF} .bottom .footer-column {margin-bottom: 20px} .bottom a {color:#FFF;font-weight:normal; text-decoration: none } .bottom a:hover {color:#FFF;font-weight:normal; text-decoration: underline } /* # footer ================================================== */ .subfooter { background-color: #163433; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%233c4348' fill-opacity='0.26'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");text-transform:none; color:#FFF; font-size:14px; padding:20px 0; 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:#0B936F} .flex-container { display: flex; justify-content: space-between; /* Distribute space between child elements */ max-width: 1600px; /* Adjust the maximum width as needed */ margin: 0 auto; /* Center the container horizontally */ padding: 20px; } .flex-row { display: flex; width: 100%; /* Ensure it takes up the full width of the container */ } .flex-row img {background-size: contain; height: 100%; width:100%} .box { flex: 1; /* Each div takes equal width within the flex container */ height: 600px; /* Set the desired height */ display: flex; align-items: center; /* Vertically center content */ justify-content: center; /* Horizontally center content */ font-size: 24px; } .starry-bg {height: 630px; width:100%; background-color: #26225A; 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='%2319335D' 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='%2312506C'%3E%3Ccircle cx='769' cy='229' r='8'/%3E%3Ccircle cx='539' cy='269' r='8'/%3E%3Ccircle cx='603' cy='493' r='8'/%3E%3Ccircle cx='731' cy='737' r='8'/%3E%3Ccircle cx='520' cy='660' r='8'/%3E%3Ccircle cx='309' cy='538' r='8'/%3E%3Ccircle cx='295' cy='764' r='8'/%3E%3Ccircle cx='40' cy='599' r='8'/%3E%3Ccircle cx='102' cy='382' r='8'/%3E%3Ccircle cx='127' cy='80' r='8'/%3E%3Ccircle cx='370' cy='105' r='8'/%3E%3Ccircle cx='578' cy='42' r='8'/%3E%3Ccircle cx='237' cy='261' r='8'/%3E%3Ccircle cx='390' cy='382' r='8'/%3E%3C/g%3E%3C/svg%3E");} .inner-box {height:435px; background:white; padding: 30px 50px; font-size: 90%; margin-left:-20%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Add a shadow for depth */} /* FAQ tabs ================================================== */ .tab { margin: 0 auto; /* Updated to remove negative margin */ max-width: 1400px; --tab-padding: 25px; --tab-bg: #F8F8F8; --tab-active-bg: transparent; } .tab input { display: none; } .tab input:checked + label { background-color: #0B936F; color: #FFF; border-radius: 6px } .tab input:not(:checked) + label + * { display: none; } .tab label { font-size: 16px; text-transform: uppercase; color: #0B936F; 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.0); } @media (max-width: 787px) { .tab label { width: 100%; } } .tab-wrapper { position: relative; display: flex; justify-content: center; /* Aligns flex items (tabs) at the center horizontally */ 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 (min-width: 576px) { .tab-content { order: 9999; } } /* call now button - footer ================================================== */ #callnowbutton {display:none;} @media screen and (max-width:650px){ #callnowbutton {display:block; background:#0B936F; width:100%;position:fixed; bottom:0; text-decoration:none; z-index:9999; padding: 10px 5px; } #callnowbutton p {margin:0; text-align: center; color:#000; font-size: 16px; text-transform:uppercase; } #callnowbutton p a {color:#000; text-decoration:none} #callnowbutton p a:hover {color:#000; text-decoration:none} #callnowbutton i {color:#000} } /* responsive google map ================================================== */ iframe, object, embed {max-width: 100%;} /* navigation ================================================== */ .navigation { width: 100%; height: auto; display: table; position: relative; font-family: 'Poppins'; } .navigation * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } .navigation-portrait { height: 48px; } .navigation-fixed-wrapper { width: 100%; left: 0; z-index: 19998; will-change: opacity; } .navigation-fixed-wrapper.fixed { position: fixed !important; -webkit-animation: fade .50s; animation: fade .50s; } @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 { display: block; } .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; } .navigation-hidden .nav-header { display: none; } .nav-brand { line-height: 70px; padding: 0 15px; color: #70798b; font-size: 24px; text-decoration: none !important; } .nav-brand:hover, .nav-brand:focus { color: #70798b; } .navigation-portrait .nav-brand { font-size: 18px; line-height: 48px; } .nav-logo > img { height: 60px; margin: 8px auto; padding: 0 15px 0 0; float: left; -ms-interpolation-mode: bicubic; } .nav-logo:focus > img { outline: initial; } .navigation-portrait .nav-logo > img { height: 42px; margin: 0 ; padding: 5px 0 0 5px; } .nav-toggle { width: 30px; height: 30px; padding: 6px 2px 0; position: absolute; top: 50%; margin-top: -14px; right: 15px; display: none; cursor: pointer; } .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; } .header.active .nav-toggle:before { content: ""; position: absolute; width: 24px; height: 2px; background-color: #001524; border-radius: 10px; box-shadow: 0 0.5em 0 0 #001524, 0 1em 0 0 #001524; } .header-interior .nav-toggle:before { content: ""; position: absolute; width: 24px; height: 2px; background-color: #001524; border-radius: 10px; box-shadow: 0 0.5em 0 0 #001524, 0 1em 0 0 #001524; } .header-interior.active .nav-toggle:before { content: ""; position: absolute; width: 24px; height: 2px; background-color:#001524; border-radius: 10px; box-shadow: 0 0.5em 0 0 #001524, 0 1em 0 0 #001524; } .navigation-portrait .nav-toggle { display: block; } .navigation-portrait .nav-menus-wrapper { width: 320px; height: 100%; top: 0; left: -400px; position: fixed; background-color: #FFF; z-index: 20000; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition-duration: .8s; transition-duration: .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: #000; font-size: 26px; cursor: pointer; } .navigation-portrait .nav-menus-wrapper-close-button { display: block; } ul.nav-menu {margin-top:25px} .nav-menu { margin: 0 0 0 0; padding: 0; list-style: none; line-height: normal; font-size: 0; } .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; margin-bottom:0; } .navigation-portrait .nav-menu > li { width: 100%; position: relative; border-top: solid 1px #eee; margin:0; padding:0 } .navigation-portrait .nav-menu > li:last-child { border-bottom: solid 1px #eee; } .nav-menu + .nav-menu > li:first-child { border-top: none; } .nav-menu > li > a { height: auto; padding: 0px 15px; display: inline-block; position: relative; text-decoration: none; font-size: 16px; font-weight: 400; text-transform: uppercase; color: #FFF; -webkit-transition: color 0.3s, background 0.3s; transition: color 0.3s, background 0.3s; } @media screen and (max-width:1280px){.navigation { padding: 10px 20px ; margin:0 auto; } .nav-menu > li > a { padding: 0px 10px;}} .nav-menu > li > a:hover { color: #0B936F} .nav-menu > li > a.active { color: #001524} .nav-menu > li > a.active:hover { color: #0B936F} .header-interior .nav-menu > li > a{ color: #001524} .header-interior .nav-menu > li > a:hover { color: #0B936F} .header-interior .nav-menu > li > a.active { color: #001524} .header-interior .nav-menu > li > a.active:hover { color: #0B936F} .navigation-portrait .nav-menu > li > a { width: 100%; height: auto; padding: 12px 15px 12px 26px; color:#000 } .header-interior .nav-menu > li.contact-button { background: #455564; border: 1px solid #45556; color: #FFF;border:1px solid white; display: block; } .header-interior .nav-menu > li.contact-button a {background:#455564;color:#fff; border: 1px solid #455564} .header-interior .nav-menu > li.contact-button a:hover {background:#FFF; color:#455564; border: 1px solid #FFF} .header-interior .nav-menu > li.contact-button a.active {background:#455564;color:#fff; border: 1px solid #455564} .header-interior .nav-menu > li.contact-button a.active:hover {background:#FFF;color:#455564; border: 1px solid #455564} .navigation-portrait .nav-menu > li > a.active { color: #000} .navigation-portrait .nav-menu > li > a.active:hover { color: #455564 } .submenu-indicator { margin-left: 6px; margin-top: 10px; float: right; -webkit-transition: all 0.3s; transition: all 0.3s; } .header .submenu-indicator-chevron { height: 6px; width: 6px; display: block; border-style: solid; border-width: 0 1px 1px 0; border-color: transparent #FFF #FFF transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border 0.3s; transition: border 0.3s; } .header.active .submenu-indicator-chevron { height: 6px; width: 6px; display: block; border-style: solid; border-width: 0 1px 1px 0; border-color: transparent #FFF #FFF transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border 0.3s; transition: border 0.3s; } .header-interior .submenu-indicator-chevron { height: 6px; width: 6px; display: block; border-style: solid; border-width: 0 1px 1px 0; border-color: transparent #FFF #FFF transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border 0.3s; transition: border 0.3s; } .header-interior.active .submenu-indicator-chevron { height: 6px; width: 6px; display: block; border-style: solid; border-width: 0 1px 1px 0; border-color: transparent #000 #000 transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border 0.3s; transition: border 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; } .navigation-portrait .header-interior .submenu-indicator-chevron { height: 6px; width: 6px; display: block; border-style: solid; border-width: 0 1px 1px 0; border-color: transparent #000 #000 transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border 0.3s; transition: border 0.3s; } .submenu-indicator-chevron { height: 6px; width: 6px; display: block; border-style: solid; border-width: 0 1px 1px 0; border-color: transparent #FFF #FFF transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border 0.3s; transition: border 0.3s; } .navigation-portrait .submenu-indicator-chevron { position: absolute; top: 18px; left: 24px; } .navigation-portrait .submenu-indicator.submenu-indicator-up { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .nav-overlay-panel { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: none; z-index: 19999; } .no-scroll { touch-action: none; overflow-x: hidden; } /* SEARCH PANEL */ .nav-search { height: auto; float: right; z-index: 19998; } .navigation-portrait .nav-search { height: 48px; padding: 0 10px; margin-right: 52px; } .navigation-hidden .nav-search { display: none; } .nav-search-button { width: auto; height: auto; margin-top: 30px;border-radius:10px; line-height: 15px; text-align: center; cursor: pointer; padding: 0px; color:white } .nav-search-button i {color:#fad2dc; text-align:left} .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: #59CBE8; 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 { width: 100%; height: 100%; padding: 20px auto; display: none; position: absolute; left: 0; top: 0; background-color: #FFF; z-index: 99; font-size:22px; color:#000 } input.field {color:#000; font-size: 20px} .nav-search-inner { width: 100%; margin: auto; display: table; } .navigation-portrait .nav-search-inner { height: 48px; } .nav-search-inner input[type=text], .nav-search-inner input[type=search] { height: 110px; width: 100%; margin: 0; padding: 0 12px; font-size: 26px; text-align: center; color: #0B936F; outline: none; line-height: 110px; border: none; background-color: transparent; -webkit-transition: all 0.3s; transition: all 0.3s; } .navigation-portrait .nav-search-inner input[type=text], .navigation-portrait .nav-search-inner input[type=search] { height: 48px; font-size: 18px; line-height: 48px; } .nav-search-close-button { width: 28px; height: 28px; display: block; position: absolute; right: 20px; top: 40px; line-height: normal; color: #0B936F; font-size: 20px; cursor: pointer; text-align: center; } .navigation-portrait .nav-search-close-button { top: 10px; right: 14px; } /* NAVIGATION BUTTON */ .nav-button { margin: 18px 15px 0; padding: 8px 14px; display: inline-block; color: #fff; font-size: 14px; text-align: center; text-decoration: none; border-radius: 4px; background-color: #8CC152; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .nav-button:hover, .nav-button:focus { color: #fff; text-decoration: none; opacity: 0.85; } .navigation-portrait .nav-button { width: calc(100% - 52px); margin: 17px 26px; } /* NAVIGATION TEXT */ .nav-text { margin: 25px 15px; display: inline-block; color: #000; font-size: 14px; } .navigation-portrait .nav-text { width: calc(100% - 52px); margin: 12px 26px 0; } .navigation-portrait .nav-text + ul { margin-top: 15px; } /* DROPDOWN EXTENSION */ .nav-dropdown { min-width: 180px; margin: 0; padding: 0; display: none; position: absolute; list-style: none; z-index: 999; white-space: wrap; } .navigation-portrait .nav-dropdown { width: 100%; position: static; left: 0; } .nav-dropdown .nav-dropdown { left: 100%; } .nav-menu > li > .nav-dropdown { border-top: none; } .nav-dropdown > li { width: 100%; float: left; clear: both; position: relative; text-align: left; margin:0 } .nav-dropdown > li > a { width: 100%; padding: 6px 20px; display: inline-block; text-decoration: none; float: left; font-size: 15px; font-weight:normal; background:#FFF; color:#444; -webkit-transition: color 0.3s, background 0.3s; transition: color 0.3s, background 0.3s; } #attorneys ul.nav-menu li a.attorneys:after { } .nav-dropdown > li:hover > a, .nav-dropdown > li.focus > a { background: #0B936F; color:#FFF } .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: 16px; 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); } .nav-dropdown > li:hover > a .submenu-indicator-chevron, .nav-dropdown > .focus > a .submenu-indicator-chevron, .nav-dropdown > .active > a .submenu-indicator-chevron { border-color: transparent #FFF #FFF transparent; } .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); } /* HORIZONTAL DROPDOWN EXTENSION */ .nav-dropdown-horizontal { width: 100%; left: 0; background-color: #fdfdfd; border-top: solid 1px #f0f0f0; } .nav-dropdown-horizontal .nav-dropdown-horizontal { width: 100%; top: 100%; left: 0; } .navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal { border-top: none; } .nav-dropdown-horizontal > li { width: auto; clear: none; position: static; } .navigation-portrait .nav-dropdown-horizontal > li { width: 100%; } .nav-dropdown-horizontal > li > a { position: relative; } .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(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } /* #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} .hero-text-interior { display: flex; justify-content: left; align-items: center; width: 1400px; height:400px; } } /* 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;} .hero-image-contact-page {min-height: 40%; height: 40%;} .hero-image-contact-page::after {height: 0; border-left: 0 ;border-right: 0 ; border-bottom: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: 50px} .center-on-mobile {text-align: center} .navigation { padding: 10px 0; max-width:100%; margin:0 auto;} .nav-search {float: left;} .bio-heading-wrapper {display:block; position:relative; height: auto; padding: 30px 0; border-bottom: 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} h1.entry-title {font-size: 18px;} #narrative-content h1 {text-transform: uppercase; font-size: 36px} #blog-header h1 {max-width: 100%; margin: 0 auto; } .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; } #accordian h2{font-size:18px; } #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} .home-introduction {padding: 50px 0} .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)) } #about-page-layout {margin-top: 50px} #bio-sidebar-section {margin-top: 0} .hero-image-practice-area { height: 50%;min-height: none; } .hero-image-practice-area::after { height: 0; border-left: 0 ;border-right: 0 ; border-bottom:0; } .hero-image-contact-page {min-height: 40%; height: 40%;} .hero-image-contact-page::after {height: 0; border-left: 0 ;border-right: 0 ; border-bottom:0; } .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-masthead {height:auto; } .bio-masthead p {margin-bottom:0; color:#626364} .bio-details {background:white; padding: 50px 0px; font-size:16px; color:#626364} .bio-details h1 {color:#626364; margin-bottom:0; font-size: 44px; } .bio-details a {color: #555} .bio-details h1 {margin-bottom:0; font-size: 30px} .bio-image img {float:none} .bio-masthead-content-wrapper {position:relative; padding:70px 0 0 0; } .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} .attorney-quote-wrapper { display: flex; align-items: center; /* This will vertically center the child element */ height: auto; /* Adjust the height as needed */ max-width:100%; margin: 0 auto; } #practice-directory-links ul { font-size: 18px;} hr.rounded, hr.rounded-center { border-top: 1px solid #0B936F; 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} .footer-badges-carousel {position:relative; text-align:center} .left {float:none; text-align: center} .right {float:none; text-align: center} .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:0;color:white; font-size:16px } .hero-image-practice-area { height: 50%;min-height: 0; } #mobile-practice-area-intro {padding-top: 100px} .page-title-bg {background:#0B936F; padding:50px 0; width:100%;position:relative; } .page-title-wrapper {margin-top: 0; text-align:center} .eyebrow-light {color:#FFF; } .page-title-bg h1 {color: white; font-size: 34px; line-height: 1.2 } .practice-intro-blurb {color:white; max-width: 600px; font-size:18px; line-height: 1.5} .alignright {float:none; margin: 10px auto; text-align:center} .alignleft {float:left; padding-right:15px} } /* 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: 50px} .center-on-mobile {text-align: center} .navigation { padding: 10px 0; max-width:100%; margin:0 auto;} .nav-search {float: left;} .bio-heading-wrapper {display:block; position:relative; height: auto; padding: 30px 0; border-bottom: 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} h1.entry-title {font-size: 18px;} #narrative-content h1 {text-transform: uppercase; font-size: 36px} #blog-header h1 {max-width: 100%; margin: 0 auto; } #headshot-carousel.owl-carousel .item img { max-width: 200px; max-height: 200px; border-radius: 50%; /* Keeps the image circular */ display: block; /* Removes bottom space */ margin: 25px; /* Adds margin around the images to ensure space for the border */ position: relative; /* Required for pseudo-element positioning */ box-shadow: 0 0 0 25px rgba(255, 255, 255, 0.2); /* Simulates a border with opacity */ } .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; } #accordian h2{font-size:18px; } #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} .home-introduction {padding: 50px 0} .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)) } #about-page-layout {margin-top: 50px} #bio-sidebar-section {margin-top: 0} .hero-image-practice-area { height: 25%;min-height: none; } .hero-image-practice-area::after { height: 0; border-left: 0 ;border-right: 0 ; border-bottom:0; } .hero-image-contact-page {min-height: 40%; height: 40%;} .hero-image-contact-page::after {height: 0; border-left: 0 ;border-right: 0 ; border-bottom:0; } .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} .hero-image-faq { min-height: 0; height: 25%;} .bio-masthead {height:auto; } .bio-masthead p {margin-bottom:0; color:#626364} .bio-details {background:white; padding: 50px 0px; font-size:16px; color:#626364} .bio-details h1 {color:#626364; margin-bottom:0; font-size: 44px; } .bio-details a {color: #555} .bio-details h1 {margin-bottom:0; font-size: 30px} .bio-image img {float:none} .bio-masthead-content-wrapper {position:relative; padding:70px 0 0 0; } .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} .attorney-quote-wrapper { display: flex; align-items: center; /* This will vertically center the child element */ height: auto; /* Adjust the height as needed */ max-width:100%; margin: 0 auto; } #practice-directory-links ul { font-size: 18px;} hr.rounded, hr.rounded-center { border-top: 1px solid #0B936F; 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} .footer-badges-carousel {position:relative; text-align:center} .left {float:none; text-align: center} .right {float:none; text-align: center} .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:0;color:white; font-size:16px } .hero-image-practice-area { height: 25%;min-height: 0; } #mobile-practice-area-intro {padding-top: 100px} .page-title-bg {background:#0B936F; padding:50px 0; width:100%;position:relative; } .page-title-wrapper {margin-top: 0; text-align:center} .eyebrow-light {color:#FFF; } .page-title-bg h1 {color: white; font-size: 34px; line-height: 1.2 } .practice-intro-blurb {color:white; max-width: 600px; font-size:18px; line-height: 1.5} .office-details-module {margin-bottom:5px} .alignright {float:none; margin: 10px auto; text-align:center} .alignleft {float:left; padding-right:15px} #contact-form-container {padding:10px} #owl-demo img { float:none; margin: 0 auto; padding:0} #owl-demo .item {margin:0 10px} .home-badges-carousel {position:relative; max-width: 150px; height: 150px;} .footer-badges-carousel {position:relative; text-align: center} #practice-directory-links ul li a { padding-right: 0; /* Space for the icon */} }