/* Color Scheme
==================================================

Dark purple: #614180 RGB: 97, 65, 128
Mid purple: #8D74A8 RGB: 141, 116, 168
Light purple: #D6C3DE RGB: 214, 195, 222
Very Light Purple: #f3edf5

*/



/* #Site Styles
================================================== */


* { -moz-box-sizing: border-box; 	-webkit-box-sizing: border-box; box-sizing: border-box; 	}

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


img {max-width: 100%; height: auto;}
.print-only {display:none}
h2.widgettitle {display:none}

/* sticky header - home
================================================== */
div.header {position: fixed;top: 0;left: 0;width: 100%; margin:0 ; padding: 0;z-index: 10000;transition: all 0.2s ease-in-out;height: auto;background: rgba(255, 255, 255, 0.0); line-height: 40px; border-bottom: 1px solid rgba(225, 225, 225, 0.95;);}
div.header.active {background: rgba(255, 255, 255, 1.0);  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 1.0); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 1.0); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); border-bottom: 0px solid #CCC}

/* sticky header - interior
================================================== */
div.header-interior {position: fixed;top: 0;left: 0;width: 100%; margin:0 ; padding: 0;z-index: 10000;transition: all 0.2s ease-in-out;height: auto;background: white; line-height: 40px; border-bottom: 1px solid rgba(225, 225, 225, 0.95;);  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 1.0); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);}
div.header-interior.active {background: white;  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 1.0); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);}

div.header-hero {position: fixed;top: 0;left: 0;width: 100%; margin:0 ; padding: 0;z-index: 10000;transition: all 0.2s ease-in-out;height: auto;background: rgba(81,86,93, 0.0); line-height: 40px; border-bottom: 1px solid rgba(225, 225, 225, 0.95;);}
div.header-hero.active {background:#51565D;  -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);}

/* SEARCH FORM */
.search-form { display: flex; align-items: center; max-width: 480px; margin: 1.5rem 0 2rem; }
.search-form label { flex: 1; margin: 0; }
.search-field { width: 100%; height: 38px; padding: 0 14px; font-size: 0.95rem; font-family: "Lato", sans-serif; color: #555; background: #fff; border: 1px solid #bbb; border-right: none; border-radius: 4px 0 0 4px; box-sizing: border-box; outline: none; -webkit-appearance: textfield; appearance: textfield; transition: border-color 0.2s ease; margin-bottom: 0; }
.search-field:focus { border-color: #614180; }
.search-submit { height: 38px; padding: 0 20px; background: #614180; color: #fff; border: 1px solid #614180; border-radius: 0 4px 4px 0; font-size: 11px; font-weight: 400; letter-spacing: .1rem; text-transform: uppercase; white-space: nowrap; cursor: pointer; box-sizing: border-box; transition: background 0.2s ease, border-color 0.2s ease; margin-bottom: 0; }
.search-submit:hover, .search-submit:focus { background: #8D74A8; border-color: #8D74A8; color: #fff; outline: 0; }


/* # bands / containers - 
================================================== */

.band {padding: 0; margin:0}
.white-band {background:#FFF; }
.cream-band {background: #F0F0EF}
.light-gray-band {background:#FCFCFC;   }
.blue-band {background:#b0dcf7; }
.navigation { padding: 0 50px ;  margin:0 auto;  }
.main-content {padding:70px 0;}
.main-content-home-page {padding:70px 0 0 0;}
.no-hero {margin-top:85px}
.mobile-only {display:none}

.green-texture-bg {background-image: linear-gradient(to right, rgba(255, 255, 255, 1.0), rgba(255, 255, 255,1.0), rgba(255, 255, 255,1.2),rgba(255, 255, 255, 0.6)), url('../images/bg/underhill/shutterstock_2056868273.jpg'); height: auto; width:auto; background-position: center top;   background-repeat: no-repeat;   background-size: cover;   position: relative; padding: 100px 0}

.triangles-bg {background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1.0),rgba(255, 255, 255, 0.8)), url('../images/bg/shutterstock_224812900.jpg'); height: auto;background-position: center bottom;   background-repeat: no-repeat;   background-size: cover;   position: relative;}

.white-waves {background-color: #DDDDDD;
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='%23e0e0e0' 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='%23e4e4e4' 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='%23e7e7e7' 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='%23ebebeb' 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='%23EEEEEE' 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='%23f1f1f1' 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='%23f5f5f5' 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='%23f8f8f8' 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='%23fcfcfc' 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;}

.green-waves {background-color: #614180;
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='%23b0d934' 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='%23b5df35' 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='%23b9e436' 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='%23bde837' 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='%23C1ED39' 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='%23cdf161' 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='%23daf488' 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='%23e6f8b0' 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='%23f3fbd7' 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;}

#home-intro {min-height:630px}
#home-intro  h3 {text-transform: uppercase}
.home-practice-teasers-list {background:white; padding: 25px 50px; min-height:630px}

/* 1.275rem(20.4px) @ 0.0625rem(1px) increasing to 1.602rem(25.632px) @ 168.75rem(2700px) */
#home-intro h2 {
  font-size: min(max(1.275rem, calc(1.275rem + (1.602 - 1.275) * ((100vw - 0.0625rem) / (168.75 - 0.0625)))), 1.602rem);
  /* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_rem_unit) / (max_viewport - min_viewport)) */

  /* Safari resize fix */
  min-height: 0vw;
}

.practice-directory {margin-top:5%; background: rgba(121, 96, 56, 0.40); padding:60px 0;  }

	/* == LETS MODIFY SOME COLORS AND STYLE FOR THE DEMO == */

.media-box-image {border-top: 60px solid rgba(145, 152, 120, 0.70);}
				
		/* Remove the margin-bottom of the text */
		.media-box-content .media-box-text{
			margin-bottom: 0 !important;
		}	
	
		
		/* Footer style */
		.media-box-footer{
			-webkit-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.1);
			   -moz-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.1);
			        box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.1);
		}
		.media-box-categories{
			margin: 0;
			font-size: 14px;
			color: #777;
		}
		
		body.attorneys-bg {width: 100%;height: 100%;background-image: url('<?php bloginfo('template_directory');?>/wp-content/themes/underhill/images/fullscreen/thenell/shutterstock_1127679380.jpg');background-size: cover;}
		
		
		/* variables */
:root {
  --main-white-color: white;
  --main-purple-color: #002b49;
}
 
.page-main {
  display: flex;
        align-items: center;
        justify-content: center;
        -webkit-align-items: center;
  min-height: 100%;
  background: var(--main-purple-color) url('/wp-content/themes/underhill/images/fullscreen/underhill/shutterstock_601970732.jpg') no-repeat center / cover;
  background-blend-mode: luminosit;
  color: var(--main-white-colo);
}
 

 
@media screen and (min-width: 768px) {
  .page-main {

  }
}
		
		
/* top row
================================================== */
section#top-row {
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 50px;
    font-size: 12px;
}

.top-row-wrapper {
    padding: 0;
    margin: 0;
    color: white;
    background: rgba(41, 41, 41, 0.0);
}

.top-row {
    margin: 0 auto;
    padding: 0 22px;
}

.top-bar {
    display: flex;
    justify-content: space-between;
}

.top-bar .right-info {
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px; /* Adds spacing between elements */
}

/* ======================== CLICKABLE PHONE NUMBER ======================== */
.phone-number-top-row {
    background-color: #614180;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    padding: 2px 20px;
    display: inline-block;
    letter-spacing: 1px;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.phone-number-top-row:hover {
    background-color: #4e3466;
    color: #FFF;
}

.phone-number-top-row i {
    margin-right: 8px;
    color: #FFF;
}

/* ======================== CLICKABLE CONSULTATION BUTTON ======================== */
.consultation-top-row {
    background-color: #8D74A8;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    padding: 2px 20px;
    display: inline-block;
    letter-spacing: 1px;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.consultation-top-row:hover {
    background-color: #4e3466;
    color: #FFF;
}

.consultation-top-row i {
    margin-right: 8px;
    color: #FFF;
}

/* ======================== TRANSITION & RESPONSIVENESS ======================== */
.consultation-top-row, 
.phone-number-top-row {
    transition: background-color 0.3s ease;
}

/* Social Media Icons */
section#top-row .social-media-icons {
    margin: 0 0 0 0;
    display: inline-block;
    padding: 0 10px;
}

section#top-row .social-media-icons i {
    color: #8D74A8;
    margin-right: 16px;
    line-height: 40px;
}

/* Additional Styling */
.phone-number-top-row a, 
.phone-number-top-row i, 
.consultation-top-row a, 
.consultation-top-row i {
    color: #FFF;
    text-decoration: none;
}

.consultation-top-row a:hover {
    background-color: #D99982;
    color: #000;
}

/* Responsive Spacing */
@media (max-width: 768px) {
    .top-bar {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .top-bar .right-info {
        flex-direction: column;
        gap: 5px;
    }
}

 /* mini-bio section
================================================== */

.mini-bio-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 60px 0 60px 20px;
    gap: 100px;
    margin: 0 auto;
    background-image: 
        linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0)
        ),
        url('../images/logo/garner/jennifer-garner-watermark-logo-dark.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 125px auto; 
    position: relative;
    height: auto;
    width: auto;
}



/* Text Content */
.mini-bio-content {
    flex: 1;
    max-width: 50%;
    padding-right: 40px;
}

.mini-bio-content h4 {
    font-size: 14px;
    letter-spacing: 1.5px;
    font-weight: 600;
    color: #5A5A5A;
    text-transform: uppercase;
}

.mini-bio-content h2 {
    font-size: 36px;
    font-weight: 700;
    color: #0E1A35;
    margin: 10px 0;
}

.mini-bio-content p {
    margin-bottom: 15px;
}

.mini-bio-content ul {
    list-style: none;
    padding: 0;
    margin-left: 0;
    margin-bottom: 40px;
}

.mini-bio-content ul li {
    font-size: 16px;
    padding-left: 20px;
    position: relative;
    color: #444;
    line-height: 1.8;
}

.mini-bio-content ul li::before {
    content: "•";
    color: #614180;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: -2px;
}

/* Button */
.btn-primary {
    display: inline-block;
    padding: 12px 24px;
    background-color: #117DBF;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.btn-primary:hover {
    background-color: #0A5A8C;
}

/* Quote/Background Block */
.mini-bio-content-quote-wrapper {
    flex: 1;
    max-width: 50%;
    border-radius: 5px;
    background-color: #8d74a8;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 .99C4 .445 4.444 0 5 0c.552 0 1 .45 1 .99v4.02C6 5.555 5.556 6 5 6c-.552 0-1-.45-1-.99V.99zm6 8c0-.546.444-.99 1-.99.552 0 1 .45 1 .99v4.02c0 .546-.444.99-1 .99-.552 0-1-.45-1-.99V8.99z' fill='%23614180' fill-opacity='0.19' fill-rule='evenodd'/%3E%3C/svg%3E");
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
    min-height: 400px;
    padding: 40px 0;
}

/* Quote Content */
.mini-bio-content-quote {
    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 80%;
}

.mini-bio-content-quote blockquote {
    border-radius: 5px;
    margin-left: -115px;
    margin-bottom: 0;
    background: #614180;
    padding: 50px;
}

.mini-bio-content-quote p {
    color: #FFF;
    font-size: 20px;
    margin-bottom: 20px;
}

.mini-bio-content-quote cite {
    color: white;
}

.mini-bio-content-quote p i {
    color: #D6C3DE;
}

/* Responsive Design: Tablet & Below */
@media (max-width: 1024px) {
    .mini-bio-section {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 40px 5%;
        background-size: cover;
    }

    .mini-bio-content,
    .mini-bio-content-quote-wrapper {
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .mini-bio-content h2,
    .mini-bio-content p,
    .mini-bio-content ul {
        text-align: center;
    }
    
 

    .mini-bio-content-quote blockquote {
        margin-left: 0;
        padding: 30px 20px;
    }
}

/* Responsive Design: Mobile */
@media (max-width: 768px) {
    .mini-bio-section {
        background-position: center top;
        background-size: contain;
    }

    .mini-bio-content ul li {
        text-align: left;
        padding-left: 20px;
    }

    .mini-bio-content ul li::before {
        left: 0;
        top: 0;
    }
    
       .mini-bio-content-quote {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

    .mini-bio-content-quote-wrapper {

    padding: 0;
}
}

@media (max-width: 1024px) {
    .mini-bio-section {
        background-size: 100px auto;
        background-position: center top;
    }
}

@media (max-width: 768px) {
    .mini-bio-section {
        background-size: 75px auto;
        background-position: center top;
    }
}


.top-bar .right-info {margin-left: calc(3.333rem * 0.0);display: flex;align-items: center;justify-content: flex-end;margin-bottom:0;margin-top:0 }
.top-bar .right-info i { line-height:16px}

 /* stylized list
================================================== */



#styled-list ul {list-style-type:none; margin-top:0; margin-left:25px;  list-style-position: outside; padding: 10px 10px 10px 10px }
#styled-list ul  li {position: relative; padding:2px 0 2px 0; margin:0; font-size: 1px;  }
#styled-list ul  li:last-child {position: relative; border-bottom: 0; padding:4px 0 8px 0}
#styled-list ul  li {text-decoration: none; font-size: 15px}
#styled-list ul  li a {text-decoration: none; font-size: 15px}
#styled-list ul  li a:hover {text-decoration: underline; font-size: 15px}
#styled-list ul  li:before {font-size: 15px; content: "\f45c";  font-family: 'Font Awesome 6 Pro';   color: #614180;position: absolute;font-weight:600;  left:-30px; list-style-position: outside; text-decoration: none}

@media screen and (max-width: 768px) {
	
	#styled-list ul {margin-left:0; }
  #styled-list ul li:before {
    display: none;
  }
}







.bio-contact-details-sidebar {padding: 20px;  background:#FCFCFC; border-bottom: 1px dotted #614180}
.bio-contact-details-sidebar  i {margin: 0 6px}
.bio-contact-details-sidebar h4 {font-size: 20px; line-height: 28px; margin:0}
.bio-contact-details-sidebar p {margin:0; font-size:14px}
.bio-contact-details-sidebar a {text-decoration: none}
.bio-contact-details-sidebar a:hover {text-decoration: underline}


 /* home - hero image and text overlay
================================================== */

.hero-image-single-practice-page {height:600px; margin: 0 auto 0 auto; max-width: 100%; width:auto; background-position: center top;   background-repeat: no-repeat;   background-size: cover;   position: relative; }

.hero-image {background-color: linear-gradient(to right, rgba(0,0,0, 0.8), rgba(0,0,0, 0.0)); height: 100%; width:auto; background-position: center center;   background-repeat: no-repeat;   background-size: cover;   position: relative; }
.hero-text {text-align: left;   position: absolute;   top: 60%;   left: 50%;   transform: translate(-50%, -50%);width:80%;   color: white; } 
.hero-text h1 { color:white; display:inline-block;  text-transform:none; text-shadow: 2px 1px 2px #000; margin:0 0 0 0; }
.hero-text i {color:#002b49}
.hero-sub-text {color: #FFF; font-size: 24px; line-height: 32px; font-weight: 600; margin:30px 0}

.hero-image-interior-page {height: 50%; margin: 0 auto 0 auto; max-width: 100%; width:auto; background-position: center center;   background-repeat: no-repeat;   background-size: cover;   position: relative;  }

.hero-banner-image {background-repeat: no-repeat;   background-size: cover; background-position: center center;  position: relative; height:350px;margin-top:90px }
.hero-image-interior {background-repeat: no-repeat;   background-size: cover; background-position: center center;  position: relative; height:700px; }
.hero-image-practice-area {background-repeat: no-repeat;   background-size: cover;   position: relative; height:550px}
.hero-text-interior {text-align: center;   position: absolute;   top: 55%;   left: 50%;   transform: translate(-50%, -50%);width:100%;   color: white; } 
.hero-text-interior h1 {color:white; display:inline-block;  text-transform:none; margin:0 0 0 0; text-align:center}

.hero-image-about-page {height: 50%; margin: 150px auto 0 auto; max-width: 1600px; width:auto; background-position: center center;   background-repeat: no-repeat;   background-size: cover;   position: relative;  }


.about-page-hero-text {text-align: center;   position: relative;   top: 55%;   left: 50%;   transform: translate(-50%, -50%);width:100%;   color: white; } 
.about-page-hero-text h1 {color:white; display:inline-block;  text-transform:none; margin:0 0 0 0; text-align:center}



#practice-teasers-2 {padding: 100px 0; font-size:14px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.0),rgba(255, 255, 255, 0.0)), url('../images/fullscreen/underhill/shutterstock_601970732.jpg'); height: auto;background-position: center bottom;   background-repeat: no-repeat;   background-size: cover;   position: relative;background-attachment: fixed}
#practice-teasers-2 h2 {font-size: 18px; text-transform: uppercase; text-align: center}
#practice-teasers-2 h2 a {color:#614180; text-decoration: none }
#practice-teasers-2 h2 a:hover { text-decoration: underline }

#practice-teasers {padding: 100px 0; font-size:16px; background:#F0F0EF}
#practice-teasers h2 {font-size: 24px; text-transform: none; }
#practice-teasers h2 a {color:#614180; text-decoration: none }
#practice-teasers h2 a:hover {text-decoration: underline }

.flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* Ensures items align left */
    align-content: flex-start; /* Prevents items from stretching to fill space */
    gap: 2%; /* Creates consistent spacing */
}

.flex-item {
    flex: 0 32%;
    background: white;
    padding: 30px;
    min-height: 250px;
    margin-bottom: 2%;
    border: 1px solid #EEE;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    text-align: left;
}

/* Tablet and smaller: Stack vertically with spacing */
@media screen and (max-width: 1024px) {
    .flex-container {
        flex-direction: column;
        gap: 20px;
    }
    .flex-item {
        flex: 0 0 50%;
        margin-bottom: 0;
    }
}

/* Mobile: Make each item full width */
@media screen and (max-width: 650px) {
    .flex-item {
        flex: 0 0 100%;
    }
}


.flex-item.starter-block {  flex: 0 32%; background:#614180; color:#FFF;padding: 0; min-height: 250px;  margin-bottom: 2%; /* (100-32*3)/2 */; text-align:center; border: 1px solid #EEE; display: flex;  align-items: center;  justify-content: center;  -webkit-align-items: center; flex-direction: column}
.flex-item.starter-block h4 {color:white}
.flex-item i.icon {font-size: 48px; color:#614180; margin-bottom:15px}
.flex-item p {margin-bottom:20px}
.flex-item p.teaser-description {margin-bottom:20px}

/* Wraps the content and ensures the "Learn More" link stays at the bottom */
.content-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: auto; /* Pushes this entire section down */
}

/* Ensures text remains uniform and does not stretch */
.flex-item h2 {
    margin-bottom: 10px;
}

.flex-item p {
    margin-bottom: 20px;
}

/* Keeps "Learn More" link at the bottom without affecting text alignment */
a.learn-more {
    color: #614180;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
    text-align: left;
    margin-top: auto; /* Pushes only the link to the bottom */
}

a.learn-more:hover {
    color: #8D74A8;
}


 /* home - areas of expertise
================================================== */
.areas-of-expertise {background-color: #FAFAFA; 
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.1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");}

.areas-of-expertise .padding {padding: 5.0% ; }

.areas-of-expertise h3 { font-size: calc(1.25rem + ((1vw - 0.01px) * 0.2084));
min-height: 0vw; font-weight: 400; margin-bottom:15px; }

.areas-of-expertise p {margin-bottom:0}
.areas-of-expertise p i {font-size: calc(1.25rem + ((1vw - 0.01px) * 0.7084));
min-height: 0vw; font-weight: 400; color:#333}

.areas-of-expertise  .flex-sidebar h3  { font-size: calc(1.05rem + ((1vw - 0.01px) * 1.1084));
min-height: 0vw; font-weight: 600; margin-bottom:0}


 /* home - testimoials carousel
================================================== */
#testimonials-carousel {text-align: center}
	
	
	
	
    
    
 /* home - highlight box
================================================== */

.highlight-box {background-color: #FAFAFA; 
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.1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); padding: 30px 30px 30px 30px; margin-bottom:10px; font-size: 90%}
.highlight-box a { text-decoration: none; font-size: 90%; }
.highlight-box a:hover {text-decoration: underline; }
.highlight-box i {color:#002b49;}
.highlight-box h4 {font-size: }

 /* home - highlight box
================================================== */

.callout {background:#F8F8F8;  padding: 30px; margin-bottom:10px; color:#34404E; border-left: 3px solid #002b49; }
.callout a {color:#34404E; text-decoration: underline;}
.callout a:hover {text-decoration: none; }
.callout i {color:#002b49;}
.callout p {margin-bottom:15px}

 /* home - practice teaser boxes
================================================== */

.practice-teasers {background-image: linear-gradient(to bottom, rgba(0,0,0, 0.4),rgba(0,0,0, 0.4)), url('../images/fullscreen/shutterstock_82832608-BLUR.jpg'); height: auto; width:auto; background-position: center top;   background-repeat: no-repeat;   background-size: cover;   position: relative; padding: 100px 0}
.practice-col-container {display: flex;width: 100%; flex-wrap: wrap; flex-direction: row}
.practice-col { margin: 4px; padding: 0 10px;  flex: 0 1 calc(33% - 8px); /* <-- adjusting for margin */}


@media (max-width: 1279px) {.practice-col-container {display: block;  }}

.practice-box {min-height: 325px; width:auto; border: 1px solid #DDD; padding: 30px; margin-bottom:20px; background:rgba(255, 255, 255, 1.0);}
.practice-box ul {margin-bottom:10px; margin-left: 0px}
.practice-box h3 {text-transform: none; margin-bottom: 0; text-align: left; font-size: 20px; font-size: min(max(1rem, 6vw), 20px);}
.practice-box p {margin-bottom: 10px; font-size: 80%}
.practice-box a {text-decoration: none }
.practice-box a:hover {text-decoration: underline }
.practice-box a.practice-link {color:#A7A8AA; text-transform: uppercase; font-size: 80%}
.practice-box i {color:#006A8E}

 /* attorney directory - team cards
================================================== */

.card {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;width: 100%;margin: 30px auto}
.card:hover {  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.card-content {  padding: 20px;}
.card-content h2 {font-size: 28px; font-size: min(max(1rem, 6vw), 28px); margin-bottom: 10px}
.card-content h2 a {color:#34404E; text-decoration: none}
.card-content h2 a:hover {color:#002b49; text-decoration: underline}
.card-content p {font-size: 16px; margin:0;font-size: min(max(1rem, 8vw), 16px);line-height: 1.5;text-transform: none;color: #34404E; font-weight: 600}
.card-content a {color:#666; font-weight: 400}
.color-overlay {  position: relative;  width: 100%;}
.image {  display: block;  width: 100%;  height: auto;}
.overlay {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  height: 100%;  width: 100%;  opacity: 0;  transition: .5s ease;  background-color: #34404E;}
.color-overlay:hover .overlay {  opacity: 0.9;}
.text {  color: white;  font-size: 20px;  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  text-align: center;}


 /* home - recent posts
================================================== */

h4.post-title {margin-bottom:10px; color:#51565D; font-weight:600; font-size: 22px; line-height: 30px}
p.date-stamp {margin-bottom:0; color:#000; }
p.excerpt {color:red; font-size: 14px; line-height: 22px}

 /* attorney bio page
================================================== */

#attorney-masthead {background-color: #614180;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='24' viewBox='0 0 12 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%238d74a8' fill-opacity='0.08'%3E%3Cpath d='M2 0h2v12H2V0zm1 20c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM9 8c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-1 4h2v12H8V12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.bio-details {color:white}
.bio-details .title {color:#D6C3DE; font-size:14px; text-transform: uppercase; margin-bottom:20px }
.bio-details strong {}
.bio-details a  {color:#FFF; font-weight: 400; text-decoration: none}
.bio-details h1 {font-size: 28px; margin-bottom:10px; color: #FFF}
.bio-details h3 {font-size: 18px; margin-bottom:0}
.bio-details address {margin-bottom:20px; }
.bio-details p i {color:#FFF}
.bio-details ul {font-size: 15px;margin-bottom:20px; margin-left:15px; list-style-type: circle; color:#FFF}

p.phone {font-size: 15px; text-transform:normal; margin-bottom:0}
p.email {font-size: 15px;  text-transform:normal; margin-bottom:0}

.bio-header {font-size: 16px}
.bio-sidebar {padding: 30px; font-size:16px; margin-bottom:50px; border: 1px solid #EEE; margin-top: -200px}

.bio-sidebar h3   {border-left: 10px solid #614180; padding-left:10px;
    font-size: 18px; text-transform: uppercase;  }






.flex-row {
	 
 }

.flex-links-column {

}




/* Make YouTube videos inserted via WordPress oEmbed full-width */

.wp-block-embed__wrapper,
.embed-youtube {
  overflow: hidden;
  position: relative;
  max-width: 100%;
  height: auto;
  padding-bottom: 56.25%;
}

.wp-block-embed__wrapper iframe,
.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


 /* practice area page
================================================== */
.block-heading {background:  transparent; border: 1px solid #002b49; padding: 15px 10px; color:#002b49; text-align: center; font-size: 16px;  text-transform: uppercase; margin-bottom: 30px}
.practice-sidebar {background: #FAFAFA; padding: 30px; border-bottom: 1px solid #002b49}

.practice-sidebar ul {list-style-type:none; margin-top:0; margin-left:5px;  list-style-position: outside; padding: 10px 10px 10px 30px }
.practice-sidebar li {position: relative; border-bottom: 0px solid #EEE; padding:4px 0 4x 0}
.practice-sidebar li:last-child {position: relative; border-bottom: 0; padding:4px 0 8px 0}
.practice-sidebar li a {text-decoration: none; font-size: 16px; color:#51565D}
.practice-sidebar li a:hover {text-decoration: none; color: #002b49;}
.practice-sidebar li a:active {text-decoration: none; color: #002b49;}
.practice-sidebar li a:before {content: "\f04d";  font-family: 'Font Awesome 5 Pro'; margin-top:4px;  color: #DDD;position: absolute;font-weight:600;  left:-30px; list-style-position: outside; text-decoration: none}
.practice-sidebar li a:hover:before {  color: #002b49;}
.practice-sidebar li a:active:before {content: "\f04d";  font-family: 'Font Awesome 5 Pro'; margin-top:4px;  color: #002b49; position: absolute;font-weight:600;  left:-30px; list-style-position: outside; text-decoration: none}

/* # vertical practice menu
================================================== */

.vertical-practice-menu {width: 100%; font-weight:normal; padding-bottom: 0; margin:  0; -moz-column-count: 2;
-moz-column-gap: 10px;
-moz-column-rule: none;
-webkit-column-count: 2;
-webkit-column-gap: 10px;
-webkit-column-rule: none;
column-count: 2;
column-gap: 10px;
column-rule: none;
}

.vertical-practice-menu a {font-size: 20px;  text-transform:uppercas; margin: 0 0 12px 0;background:#51565D; color: #FFF; display: block; padding: 12px 10px 12px 25px; text-decoration: none; font-weight:normal;}


 /* news/blog section
================================================== */

	 .blog-container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 10px;
    }

    .blog-main {
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
      margin-bottom: 60px;
    }

    .main-post {
      flex: 2;
      background: #f3edf5;
        }
    
     .main-post-content {
      flex: 2;
      padding: 0 20px 20px 20px;
    }

    .main-post img {
      width: 100%;
  border-radius: 6px;
      margin-bottom: 20px;
    }
    



    .main-post h2 {
      font-size: 24px;
      margin-bottom: 12px;
      color:#614180
    }

    .main-post p {
      font-size: 16px;
      color: #555;
      margin-bottom: 20px;
    }

    .main-post .meta {
      font-size: 14px;
      color: #000;
    }


/* featured posts sidebar */

.sidebar {
  flex: 1;
}

.sidebar h4 {
  margin-bottom: 15px;
  border-bottom: 2px solid #8D74A8;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-size: 20px;
}

.featured-post {
  display: block;
  padding: 15px 10px;
  border-bottom: 1px solid #ddd;
  text-decoration: none;
  color: inherit;
  transition: background-color 0.2s ease;
}

.featured-post:last-child {
  border-bottom: none;
}

.featured-post p {
  margin: 0 0 5px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  color:#614180;
}

.featured-post p:hover {color:#8D74A8}

.featured-date {
  display: block;
  font-size: 14px;
  color: #777;
  text-decoration: none;
}

/*Bulletproof fix for underline on hover */
.featured-post:hover,
.featured-post:hover *,
.featured-post:hover .featured-date {
  text-decoration: none !important;
}

/* Optional hover background */
.featured-post:hover {
  background-color: #f9f9f9;
}



/* featured posts grid */
  /* Grid wrapper */
.recent-posts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 30px;
}

/* Entire post block */
a.recent-post {
  background: #FFF;
  border: 1px solid #eee;
  border-radius: 6px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: box-shadow 0.2s ease;
}

a.recent-post:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Image */
.recent-post img {
  width: 100%;
  height: auto;
  border-radius: 6px 6px 0 0;
  margin-bottom: 0;
}

/* Content container – flex column to anchor date at bottom */
.recent-post-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px;
  background: #FFF;
}

/* Title */
.recent-post h4 {
  font-size: 18px;
  margin-bottom: 10px;
  color:#614180
}

.recent-post .post-title {
  text-decoration: none;
}

.recent-post:hover .post-title {
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  color:#614180
}


/* Excerpt – allows meta to push to bottom */
.recent-post p {
  font-size: 15px;
  color: #555;
  margin-bottom: 10px;
  flex-grow: 1; /* Key to fill space */
}

/* Date */
.recent-post .meta {
  font-size: 13px;
  color: #000;
  margin-top: auto; /* Anchors it at the bottom */
}

/* Link decoration fixes */
.main-post a,
.recent-post a,
.featured-post a {
  text-decoration: none;
}

.main-post a:hover .post-title,
.recent-post a:hover .post-title,
.featured-post a:hover .post-title {
  text-decoration: underline;
    color:#614180
}

.recent-post .post-title span {
  text-decoration: none;
  color: #614180;
}

.recent-post:hover .post-title span {
  text-decoration: underline;
}



/* Tablet: Stack sidebar below main post */
@media screen and (max-width: 1024px) {
  .blog-main {
    flex-direction: column;
    gap: 40px;
  }

  .main-post,
  .main-post-content,
  .sidebar {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* Mobile: Adjust spacing, font sizes, and padding for readability */
@media screen and (max-width: 768px) {
  .blog-container {
    padding: 0 15px;
  }

  .main-post h2 {
    font-size: 20px;
  }

  .main-post p {
    font-size: 15px;
  }

  .main-post .meta {
    font-size: 13px;
  }

  .sidebar h4 {
    font-size: 18px;
  }

  .featured-post p {
    font-size: 15px;
  }

  .recent-post h4 {
    font-size: 16px;
  }

  .recent-post p {
    font-size: 14px;
  }

  .recent-post .meta {
    font-size: 12px;
  }

  .recent-post-content {
    padding: 15px;
  }

  .recent-post {
    border-radius: 4px;
  }

  .recent-post img {
    border-radius: 4px 4px 0 0;
  }
}


 /*single posts
================================================== */
.single-post {
  max-width: 100%;
  margin: 0 auto;
  font-family: 'Helvetica Neue', sans-serif;
}@media screen and (max-width: 1024px) {
  .post-header {
    flex-direction: column;
    padding: 40px 30px;
    align-items: center; /* Ensures centered child elements */
  }

  .post-header-text {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .post-header-image {
    flex: none;
    max-width: 300px;
    width: 100%;
    margin-top: 30px;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
  }

  .post-header-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
  }

  .summary {
    font-size: 16px;
    margin: 20px 0;
  }

  .post-meta {
    font-size: 14px;
  }

  .post-content {
    padding: 0 20px;
  }
}

@media screen and (max-width: 600px) {
  .post-header {
    padding: 30px 20px;
  }

  .post-header h1 {
    font-size: 24px;
  }

  .summary {
    font-size: 15px;
  }

  .post-content h2 {
    font-size: 20px;
  }

  .post-content {
    padding: 0 15px;
  }
}


.post-header {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 30px;
  background: #f3edf5;
  padding: 50px;
}

.post-header-text {
  flex: 1 1 40%;
}

.post-header h1 {
  margin-bottom: 15px;
}

.summary {
  font-size: 18px;
  color: #614180;
  line-height: 1.6;
  margin: 30px 0 20px 0;
}

.post-meta {
  font-size: 16px;
  color: #000;
}

.post-header-image {
  flex: 1 1 250px;
  max-width: 525px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 8px;
}

.post-header-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.post-content {
  max-width: 960px;
  margin: 0 auto;
  line-height: 1.8;
}

.post-content h2 {
  font-size: 24px;
  margin-top: 40px;
}

.post-content p {
  margin-bottom: 20px;
}

/* -------------------------------------- */
/* Responsive Design Adjustments       */
/* -------------------------------------- */

@media screen and (max-width: 1024px) {
  .post-header {
    flex-direction: column;
    padding: 40px 30px;
    align-items: center; /* Ensures centered child elements */
    text-align: center
  }

  .post-header-text {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .post-header-image {
    flex: none;
    max-width: 500px;
    width: 100%;
    margin-top: 0;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
  }

  .post-header-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
  }

  .summary {
    font-size: 16px;
    margin: 20px 0;
  }

  .post-meta {
    font-size: 14px;
  }

  .post-content {
    padding: 0 20px;
  }
}

@media screen and (max-width: 600px) {
  .post-header {
    padding: 30px 20px;
      text-align: center
  }

  .post-header h1 {
    font-size: 24px;
  }

  .summary {
    font-size: 15px;
  }

  .post-content h2 {
    font-size: 20px;
  }

  .post-content {
    padding: 0 15px;
  }
}

.post-navigation {
  display: flex;
  justify-content: space-between;
  margin: 30px 0;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  background-color: #614180; /* Dark purple */
  color: #ffffff;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background-color: #8D74A8; /* Mid purple */
}


.blog-sidebar {background: #FFF; padding: 0 30px; border-left: 0px solid #614180; }
.blog-sidebar h4 {text-transform: uppercase; font-size: 18px}
.blog-sidebar ul { list-style-type: square ; list-style-position: outside ; color:#A7A8AA; margin-left:20px; }


 /* contact page
================================================== */

.contact-page-card {font-size: 85%; margin-bottom: 30px}
.contact-page-card h3 {margin-bottom:0; margin-top: 20px}
.contact-page-card  p {margin:0}
.contact-page-card span {color:#34404E; font-weight: 600}

 /* publications / archive publication pages
================================================== */

.archives-highlight-box {background:#F8F8F8;  padding: 30px; margin-bottom:10px; color:#34404E; border-left: 3px solid #002b49; }
.archives-highlight-box a {color:#34404E; text-decoration: none; text-transform: uppercase;}
.archives-highlight-box a:hover {text-decoration: underline; text-transform: uppercase}
.archives-highlight-box i {color:#002b49;}
.archives-highlight-box h1, .archives-highlight-box p {margin:0}

.archives p {font-size:15px; line-height: 22px}

/* misc
================================================== */

.highlighted-search-term {
  background-color: #f3edf5;
  padding: 0 2px;
  border-radius: 2px;
}

.search-result {
  margin-bottom: 30px;
}

.full-text-btn {
  margin-top: 1.5em; /* Adjust spacing as needed */
}

.contact-module {margin-bottom:30px}

#main-vertical-offset {margin-top:-300px}
#main-narrative-content {background:white; padding: 30px; box-shadow: 0px 0px 15px rgba(0,0,0, 0.2); /* Purple glow */}



#main-narrative-content strong {color:#614180}
#main-narrative-content a {color:#614180; text-decoration: underline; font-weight: 600}
#main-narrative-content a:hover {color:#614180; text-decoration: none; font-weight: 600}

#fixed-bg-image {background-image:linear-gradient(to bottom,rgba(97, 65, 128,0.2),rgba(97, 65, 128,0.2)),url('/wp-content/uploads/2025/03/collage-bw.jpg');height:900px;width:auto;background-position:center top;background-attachment: fixed;background-repeat:no-repeat;background-size:cover;position:relative;padding:0;display:flex;align-items:center;justify-content:center}

.small-highlight-text {  font-size: 14px;
    letter-spacing: 1.5px;
    font-weight: 600;
    color: #614180;
    text-transform: uppercase;}
.hero-photo-caption {position:absolute; display:block; bottom: 0; right:0; width:auto;background: rgba(165, 172,152, 0.8);  padding:10px; font-size: 14px; color:white; text-align:right}

#bio-badges-carousel img {height: 220px; width:auto; margin: 0 auto}

h2.entry-title a {text-decoration: none}
h2.entry-title a:hover {text-decoration: underline}
.large-phone-number {color:#002b49; font-size: 26px; line-height: 34px}
.capstone {background-color: #FAFAFA; 
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: 25px;margin-bottom:20px}
.two-columns {columns: 2;  -webkit-columns: 2;  -moz-columns: 2; column-gap: 5rem; margin: 0 0 0 20px }
.two-columns ul {margin-top: 0}
.two-columns ul li {margin-top: 0}



.sub-text {color:#333; font-size: 20px; line-height: 28px; letter-spacing: 0.025em}

b.font-medium {color: #006A8E;
margin-top: 0;
margin-bottom: 1rem;
font-family: 'Playfair Display', serif;
text-transform:none;
font-weight: 400;font-size: 24px; font-size: min(max(1rem, 6vw), 24px);}

.form-checkbox {margin-right: 8px}
.text-gray-500  {margin-left: 8px}

div.tab-pane p strong {font-size: 20px; font-size: min(max(1rem, 6vw), 20px); color: #006A8E;}

img.alignleft {float:left; margin-right: 25px}
.widgettitle {display:none}
a.plain-text-link {font-size: 16px; font-size: min(max(1rem, 8vw), 16px); }
img.alignLeft {float:left; margin-right: 15px}
img.size-full {float:left; margin-right: 15px}
.anchor{display: block;height: 85px; /*same height as header*/  margin-top: -85px; /*same height as header*/  visibility: hidden;}
address {padding-bottom:10px; margin-bottom: 10px; font-style:normal}

.highlight {color:#614180}
.blue-highlight {color:#34404E}
.border-right {border-right:1px solid #614180; padding-right: 50px;}
.border-left {border-left:1px solid #002b49; padding-left: 50px;}
.border-top {border-top: 1px solid #EEE;}
.border-bottom {border-bottom: 1px solid #DDD;}
.border-top-and-bottom {border-top: 1px solid #DDD; border-bottom: 1px solid #DDD}
.left {text-align:left}
.center{text-align:center}
.right {text-align:right}
.no-margin {margin:0}
i {margin-right:6px}
.featured-image img {height:220px; width: 160px; margin-bottom: 30px}
.blog-date-author {padding: 8px 0; margin-bottom: 10px; }
.blog-date-author a {color:#006A8E; text-decoration: none}
.blog-date-author a:hover {color:#002b49; text-decoration: underline}
.learn-more-blog i {color:#002b49; margin:0 0 50px 0}

p.small-text-above-header {color:#5f6565; text-transform:uppercase; font-weight: 600px; font-size: 13px; margin-bottom:0}
p.learn-more {text-transform:uppercase; font-weight: 600px; font-size: 13px; margin-bottom:0; color: #5F6565}

#practice-heading {position:absolute; bottom:0; display:inline-block; width:100%; background:  #002b49;; padding: 40px; border-left: 10px solid #614180; border-right: 50px solid #614180}
#practice-heading h1 {color:white; margin:0}


.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);
    }


/* horizontal rules
================================================== */

.vertical-lines { border-top: 1px solid #614180 ; width: 120px; margin-left:0;}
.vertical-lines-short {  border-top: 1px solid #D6C3DE ; width: 40px;  margin-left:0}
.vertical-lines-long {  height: 5px;  color:  #614180;  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: 120px;  color: #ddd;  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 {  border-top: 1px solid #614180 ; width: 120px; margin-left:auto;  margin-right: auto;}

hr.long { border-top: 1px solid #614180 ; width: 100%; margin-left:0; }
hr.medium { border-top: 1px solid #614180 ; width: 150px; margin-left:0; }
hr.short { border-top: 1px solid #614180 ; width: 60px; margin-left:0; }



hr.rounded { border-top: 1px solid #002b49 ; width: 120px; margin-left:0; }
hr.rounded-center { border-top: 1px solid #002b49 ; width: 100px; margin-left:auto; margin-right:auto }

hr.thin-short { border-top: 1px solid #614180 ; width: 40px; margin-left:0; }
hr.thin-short-center { border-top: 1px solid #614180 ; width: 40px; margin-left:auto; margin-right:auto }

.grow {
  padding: 5px 5px 5px 5px;
  border-radius: 10px;
  height: 49px;
  width: 25%;
  margin: 5px 1% 5px 1%;
  float: left;
  position: relative;
  transition: height 0.5s;
  -webkit-transition: height 0.5s;
  text-align: center;
  overflow: hidden;
}
.grow:hover {
  width: 100%;
}


/* # footer 
================================================== */



.bottom { padding: 50px  0 20px 0;font-size: 16px;  background-color: #f9faf7}
.bottom h4 {font-size: 24px;  line-height:32px; color:#614180; margin-bottom:10px; }
.bottom p {margin:0}
.bottom address {margin-bottom: 10px}
.bottom ul {list-style-type: square; margin-left:12px; color:#002b49}
.bottom span {color:#002b49; }
.bottom i {color:#614180}
.bottom strong {color:#002b49}
.bottom .footer-column {margin-bottom: 20px}
.bottom a {color:#614180;font-weight:normal; text-decoration: none }
.bottom a:hover {color:#614180;font-weight:normal; text-decoration: underline }
.footer-logo p img {float:right; display:block; height: 60px; width:auto; margin:30px auto 0 auto}

.disclaimer p {font-size: 14px ; margin:0; padding-top:20px}

/* # sub-footer 
================================================== */
.subfooter {  font-size:14px; padding:0 0 20px 0; background-color: #f9faf7}
.subfooter a {color:#FF;font-weight:normal; text-decoration: none }
.subfooter a:hover {color:#FF;font-weight:normal; text-decoration: underline }
.subfooter p {margin:0}

/* # multi-col layout  
================================================== */

.client-list {width: 100%; font-weight:normal; padding-bottom: 0; margin:  0; columns: 2;     -webkit-columns: 2;    -moz-columns: 2; font-size: 85%}
.client-list a { display: inline-block;  text-decoration: none; }
.client-list a:hover { display: inline-block; text-decoration: underline;}
.client-list ul {list-style-type:none; margin-bottom: 0}
.client-list ul li {margin: 4px 0; padding: 2px 0}



/* Call Now Button - Footer
================================================== */
#callnowbutton {
  display: none;
}

@media screen and (max-width: 650px) {
  #callnowbutton {
    display: block;
    background: #614180;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    text-align: center;
    padding: 14px 10px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.25);
  }

  #callnowbutton a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  #callnowbutton a:hover {
    text-decoration: underline;
  }

  #callnowbutton i {
    font-size: 22px;
    color: #fff;
    animation: ring 1.5s infinite;
  }

  @keyframes ring {
    0% { transform: rotate(0deg); }
    10% { transform: rotate(15deg); }
    20% { transform: rotate(-10deg); }
    30% { transform: rotate(5deg); }
    40% { transform: rotate(-5deg); }
    50% { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
  }

  .call-text {
    text-transform: uppercase;
  }
}


/* Form placeholder text styling
================================================== */
#wpforms-13191-field_5, .choices__item choices__placeholder, .choices__list choices__list--single, .choices__inner, .choices__item, .choices__placeholder, .choices__item--selectable {color: #0F1626; font-weight:bold; }

.wpforms-container ::-webkit-input-placeholder { /* Chrome and Safari */
   color: #555 ;  opacity: 1.0;
}
 
.wpforms-container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #555;
   opacity: 1;
}
 
.wpforms-container ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #555;
   opacity: 1;
}
 
.wpforms-container :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #555; opacity: 1.0;
}
 
.wpforms-container ::-ms-input-placeholder { /* Microsoft Edge */
   color: #555; opacity: 1.0;
}
 
.wpforms-container ::placeholder {
   color: #555; opacity: 1.0;
}



/* responsive google map 
================================================== */
iframe, object, embed {max-width: 100%;}

.contact-page-banner {padding-top: 120px}

.contact-page-map {
  width: 100%;
  height: 400px;
}

/* Tablets (portrait and landscape) */
@media (max-width: 1024px) {
	.contact-page-banner {padding-top: 65px}
  .contact-page-map {
    height: 300px;
  }
}

/* Phones */
@media (max-width: 767px) {
  .contact-page-map {
    height: 200px;
  }
}


/* hover effect on buttons
================================================== */

/* 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 rgba(0, 0, 0, 0);
  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: #51565D;
  color:#FFF;
 border-radius: 4px;
  -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: #FFF;border-color: #51565D
}
.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);
}

/* Sweep To Right */
.hvr-sweep-to-right-2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right-2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #002b49;
  color:#51565D;
 border-radius: 4px;
  -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-2:hover, .hvr-sweep-to-right-2:focus, .hvr-sweep-to-right-2:active {
  color: #FFF;border-color: #51565D
}
.hvr-sweep-to-right-2:hover:before, .hvr-sweep-to-right-2:focus:before, .hvr-sweep-to-right-2:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}









/* #Media Queries
================================================== */

/* hiding select header / nav elements */



/* Height-Based Media Query for Laptops */
@media (max-height: 900px){
	
	.hero-image {height: 85%;  }



.hero-image-interior {background-repeat: no-repeat;   background-size: cover;  background-position: center center;   position: relative; height:600px; }






	

}



/* iPad  Landscape */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

.desktop-only {display:none}
.mobile-only {display:block}

body {margin: 0;  }
div.header {width: 100%; margin:0;}





}

/* Tablets Portrait */
@media screen and (max-width: 1025px) and (min-width: 1366px) and (orientation: portrait) {
	
.desktop-only {display:none}
.mobile-only {display:block}
.no-hero {margin-top: 20px}
.center-on-mobile {text-align: center}
.nav-search {float: left;}
div.header {background:#51565D; height:auto}
div.header.active {background:#51565D; height:auto}


body {margin: 0;  }
div.header {width: 100%; margin:0;}
.bio-sidebar {text-align: center}
.bio-sidebar ul {list-style-type: none}

.hero-image {height: 50%; width:auto; background-position: center center;   background-repeat: no-repeat;   background-size: cover;   position: relative; }
.hero-text {text-align: left;   position: absolute;   top: 60%;   left: 50%;   transform: translate(-50%, -50%);width:80%;   color: white; } 
.hero-text h1 { color:white; display:inline-block;  text-transform:none; text-shadow: 2px 1px 2px #000; margin:0 0 0 0; }
.hero-text i {color:#002b49}
.hero-sub-text {color: #FFF; font-size: 24px; line-height: 32px; font-weight: 600; margin:30px 0}

.hero-image-about-page {height: 40%; margin: 0 auto 0 auto; max-width: 100%; width:auto; background-position: center center;   background-repeat: no-repeat;   background-size: cover;   position: relative;  }

.footer-large-phone-number {margin-bottom:30px}

hr.rounded, hr.rounded-center  { border-top: 6px solid #002b49 ; width: 100px; margin-left:auto; margin-right:auto }
hr.thin-short { margin-left:auto; margin-right:auto }

.center-on-mobile {text-align: center}
.multi-columns {width: 100%; font-weight:normal; padding-bottom: 0; margin:  0; columns: 1;     -webkit-columns: 1;    -moz-columns: 1;}



}


/* 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: 44px}
.center-on-mobile {text-align: center}
.navigation { padding: 0 0 0 10px  ;  margin:0 auto; border-right: 0}

.nav-search {float: left;}
body {margin: 0;  }
.main-content {padding: 50px 0}
h1, h2, h3, h4, h5, h6 {text-align:center}
#main-vertical-offset {margin-top:0}
.bio-sidebar {padding: 30px; font-size:16px; margin-bottom:50px; border-top: 0; border-left: 0; margin-top: 0}

.home-flex-container {display: flex;  flex-wrap: wrap; }
.flex-item {width: 100%;margin: 0 ; }

.flex-container {display: flex; flex-wrap: wrap;  flex-direction: column;}
.flex-main {flex:1; width 100% }
.flex-sidebar {flex:1; width 100%}

.two-columns {columns: 1;  -webkit-columns:1;  -moz-columns: 1; column-gap: 5rem; margin: 0 }

.vertical-practice-menu a {font-size: 16px; }


p.blog-date {background:  #34404E; padding: 8px 10px; color:white; display:block; margin-bottom: 20px; margin-top:0; border-left:0; border-bottom: 5px solid #002b49; text-align:center }
p.date-stamp {text-align:center}
.featured-image img {height:auto; max-height: 300px; margin-bottom: 0}

hr.rounded, hr.rounded-center  { border-top: 6px solid #002b49 ; width: 100px; margin-left:auto; margin-right:auto }
hr.thin-short, .vertical-lines-short, .vertical-lines { margin-left:auto; margin-right:auto }

.hero-image {background-image: linear-gradient(to bottom, rgba(0,0,0, 0.0), rgba(0,0,0, 0.2),rgba(0,0,0, 0.3)), url('../images/fullscreen/SL/Teaminside_print.jpg'); height: 50%; width:auto; background-position: center top;   background-repeat: no-repeat;   background-size: cover;   position: relative; margin-top: 40px}
.hero-text {text-align: center;   position: absolute;   top: 55%;   left: 50%;   transform: translate(-50%, -50%);width:100%;   color: white; padding:10px} 
.hero-text p { color:white; font-size: 16px; line-height: 30px; text-transform:none; text-shadow: 2px 1px 2px #333; text-align:center; width: 100%; margin: 0 auto}
.hero-image-interior {height: 30%; width:auto; background-position: center center;   background-repeat: no-repeat;   background-size: cover;   position: relative; }
.hero-image-about-page {height: 40%; margin: 0 auto 0 auto; max-width: 100%; width:auto; background-position: center center;   background-repeat: no-repeat;   background-size: cover;   position: relative;  }

.highlight-box, .highlight-box a {font-size: 100%}
.practice-box p {margin-bottom: 10px; font-size: 100%}
.practice-box h3 {font-size: 20px; font-size: min(max(1rem, 6vw), 20px);}
.card-content {text-align:center}
.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); }

.hero-image-interior {height:30%}
.hero-image-practice-area {height:40%}
.contact-module {text-align:center; }
.blog-date-author {width:100%; text-align:center; margin-bottom: 20px; border-left: 0; border-bottom: none; line-height: 20px }
.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; }
.color-overlay {padding: 20px 0}
.footer-large-phone-number  {margin-bottom:30px}
.bottom ul {list-style-type: none}
.footer-column {padding-bottom:20px}
.subfooter {padding: 20px 0  }
.subfooter .left p, .subfooter .right p {float:none; text-align:center}
.subfooter .left p {float:none; text-align:center; margin:0}
.bottom, .bottom p, .bottom, .subfooter, .subfooter p  {  text-align: center}
.subfooter p {text-align: center; margin:0}
.footer-logo p img {float:none; display:block; height: 60px; width:auto; margin:10px auto}
.footer-logo p {padding: 0 0 30px 0}

}


 

/* Mobile Devices  */
@media only screen and (min-width: 0) and (max-width: 767px) {
	
.desktop-only {display:none}
.mobile-only {display:block}
.no-hero {margin-top: 44px}
.center-on-mobile {text-align: center}
.navigation { padding: 0 0 0 10px  ;  margin:0 auto; border-right: 0; }
.main-content {padding:70px 0;}

body {margin: 0;  }
.main-content {padding: 50px 0}
h1, h2, h3, h4, h5, h6 {text-align:center}

#main-narrative-content {background:white; padding: 0; box-shadow: none}
#main-vertical-offset {margin-top:0}
#practice-teasers {padding: 20px 0; }
#fixed-bg-image {background-image:linear-gradient(to bottom,rgba(97, 65, 128,0.2),rgba(97, 65, 128,0.2)),url('/wp-content/uploads/2025/03/collage-bw.jpg');height:200px;width:auto;background-position:center center;background-attachment: scroll;background-repeat:no-repeat;background-size:cover;position:relative;padding:0;display:flex;align-items:center;justify-content:center}

.bio-sidebar {padding: 30px; font-size:16px; margin-bottom:50px; border-top: 0; border-left: 0; margin-top: 0}



hr.rounded, hr.rounded-center  { border-top: 6px solid #002b49 ; width: 100px; margin-left:auto; margin-right:auto }
hr.thin-short, .vertical-lines-short, .vertical-lines { margin-left:auto; margin-right:auto }

.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); }

.hero-image-interior {height:30%}
.hero-image-practice-area {height:40%}
.contact-module {text-align:center; }
.blog-date-author {width:100%; text-align:center; margin-bottom: 20px; border-left: 0; border-bottom: none; line-height: 20px }
.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; }
.color-overlay {padding: 20px 0}
.footer-large-phone-number  {margin-bottom:30px}
.bottom ul {list-style-type: none}
.footer-column {padding-bottom:20px}
.subfooter {padding: 20px 0 100px 0 }
.subfooter .left p, .subfooter .right p {float:none; text-align:center}
.subfooter .left p {float:none; text-align:center; margin:0}
.bottom, .bottom p, .bottom, .subfooter, .subfooter p  {  text-align: center}
.subfooter p {text-align: center; margin:0}
.footer-logo p img {float:none; display:block; height: 50px; width:auto; margin:10px auto}
.footer-logo p {padding: 0 0 30px 0}

}