/* CSS Document */

/*
Theme Name: Generatepress Child
Theme URI: https://wordpress.org/themes/generatepress/
Description: Generatepress Child theme for Tarras Defense 8-20-25
Author: DLS Design
Author URL: https://www.dlsdesign.com
Template: generatepress
Version: 1.4
Text Domain: generatepress-child  */
/* Custom CSS goes after this line */

/* fonts

font-family: 'Encode Sans Expanded', sans-serif;


*/

/* colors




*/


p, h1, h2 {
	    font-family: 'Encode Sans Expanded';
}


#image-strip {
    margin-left: auto;
    margin-right: auto;
    width: -webkit-fill-available;
	height: 150px;
	background-image: url(img/building-window-motif-less-teal-2100x274-85q.jpg);
	background-size: contain;
}



.page-id-8 #image-strip,
.single-attorneys #image-strip {
	display: none;
}

.footer-widget-2 p a,
.footer-widget-3 p a {
	text-decoration: none;
}

.footer-widget-2 p a:hover,
.footer-widget-3 p a:hover {
	border-bottom: solid .9px white;
}

#home-hero {
    position: relative;
	z-index: 0;
	float: left;
	margin-bottom: 0px;
}


/* ChatGPT-suggested code to rotate phrases */

/* DLS-code cut here */


/* === CSS-only rotating phrases (exactly 5) === */
.phrase-rotator.css-only {
  /* Controls: set how long each phrase’s slot lasts */
  --segment: 4s;     /* total time per phrase (fade in + hold + fade out + gap) */
  position: absolute; /* 10-24-25 change from relative */
	z-index: 999;
  display: inline-block;
  min-height: 1.75em;   /* prevents layout jump; adjust as needed */
  line-height: 1.2;
  margin-left: 50%;	/* 10-24-25 change from 60% */
}

.phrase-rotator.css-only .phrase {
    position: absolute;
    z-index: 999;
    /* inset: 0; */
    /* opacity: 0; */
    /* white-space: nowrap; */
    width: 420px;
    margin-top: 40px; /* 10-24-25 changed this from a -440px; */
    /* margin-left: 62%; */
    margin-right: 0px;
    background-color: #494a479e;
    color: #eee;
    font-size: 42px;
    padding-top: 9px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 32px;
	animation: rotator var(--total, calc(var(--segment) * 6)) linear infinite both;
}

/* Stagger starts so only one is active at a time */
.phrase-rotator.css-only .phrase:nth-child(1) { animation-delay: calc(var(--segment) * 0); }
.phrase-rotator.css-only .phrase:nth-child(2) { animation-delay: calc(var(--segment) * 1); }
.phrase-rotator.css-only .phrase:nth-child(3) { animation-delay: calc(var(--segment) * 2); }
.phrase-rotator.css-only .phrase:nth-child(4) { animation-delay: calc(var(--segment) * 3); }
.phrase-rotator.css-only .phrase:nth-child(5) { animation-delay: calc(var(--segment) * 4); }
.phrase-rotator.css-only .phrase:nth-child(6) { animation-delay: calc(var(--segment) * 5); }
/*
  One full animation cycle = 5 segments.
  Each phrase is "active" during the first 20% of the cycle (its own segment),
  then hidden for the remaining 80% while others run.

  Within its 20% window:
    - 0% → 10% of that window: fade in
    - 10% → 90%: fully visible (hold)
    - 90% → 100%: fade out

  Because keyframe percentages are relative to the WHOLE cycle,
  these translate to: 0–2%, 2–18%, 18–20% of the full timeline.
*/
@keyframes rotator {
  /* hidden before its slot */
  0%   { opacity: 0; }
  /* fade in (first ~10% of the slot) */
  2%   { opacity: 1; }
  /* hold visible (middle ~80% of the slot) */
  18%  { opacity: 1; }
  /* fade out (last ~10% of the slot) */
  20%  { opacity: 0; }
  /* stay hidden for the remaining 80% until next slot comes around */
  100% { opacity: 0; }
}

/* Respect reduced motion: show only the first phrase, static */
@media (prefers-reduced-motion: reduce) {
  .phrase-rotator.css-only .phrase { animation: none !important; opacity: 0; position: static; }
  .phrase-rotator.css-only .phrase:first-child { opacity: 1; }
}

/* end ChatGPT suggested code */


.home .entry-header {
	display: none;
}

.home .entry-content p {
	font-size: 21px;
	line-height: 1.75em;
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
}


#home-practices {
	float: left;
	width: 100%;
	color: white;
}

/* 9-26-25 needed div tag around header: group like-colored ones here */
/* cssgradient.io */

#home-practices-header,
#home-media-header {
	float: left;
	width: 100%;
	max-height: 60px;
	margin-bottom: 40px;
	background: linear-gradient(0deg, rgb(18 68 104) 0%, rgb(61 104 145) 40%, rgba(32, 64, 117, 1) 100%);
}

#home-practices h2 {
    font-family: 'Encode Sans Expanded';
    font-size: 32px;
    line-height: 22px;
    font-weight: 300;
    color: white;
    padding-top: 16px;
    padding-left: 82px;
    padding-bottom: 10px;
    background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/tiny-shields-blue-2f4866-transp-76x58.gif);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 10px 4px;
}


/* #home-practices p {
	font-family: 'Encode Sans Expanded';
    font-size: 20px;
    padding-top: 0px;
    padding-right: 65px;
    padding-left: 65px;
}

#home-practices p a {
	color: #eee;
	text-decoration: none;
	border-bottom: solid .9px #eee;
}

#home-practices p a:hover {
	color: white;
	border-bottom: solid .9px white;
} */

/* from sharon appelbaum */

#home-practices ul {
    margin: 0 0 1.5em 3.85em;
}


ul.homepage-practices-list li {
    box-sizing: border-box;
    float: left;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% / 3);
    max-width: 300px;
    min-height: 228px;
    margin: 30px;
}

ul.homepage-practices-list li a {
    text-align: center;
    color: #fff;
    font-family: 'Encode Sans Expanded', sans-serif;
    font-weight: 600;
    font-size: 25px;
    line-height: 39px;
}

ul.homepage-practices-list li a:hover {
    border-bottom: solid .9px white;
}


.home .homepage-practice-title {
	border: solid .9px #2f4866;
    padding-top: 6.5%;
    background-repeat: no-repeat;
    background-size: 12%;
    background-position-x: right;
    background-position-y: bottom;
}

.home .homepage-practice-title:nth-of-type(6n+1) {
    background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/supreme-court-columns-pale-560x440.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.home .homepage-practice-title:nth-of-type(6n+2) {
    background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/close-hands-writing-pale-560x440.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.home .homepage-practice-title:nth-of-type(6n+3) {
    background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/column-bases-corner-pale-560x440.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.home .homepage-practice-title:nth-of-type(6n+4) {
    background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/handshake-across-table-pale-560x440.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.home .homepage-practice-title:nth-of-type(6n+5) {
    background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/cyber-crime-fingers-pale-560x440.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.home .homepage-practice-title:nth-of-type(6n+6) {
    background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/gavel-on-flag-560x440.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

/* not needed unless we are varying these 

.home .homepage-practice-title:nth-of-type(3n+1) {
	border: solid .9px #2f4866;
    padding-top: 6.5%;
    background-repeat: no-repeat;
    background-size: 12%;
    background-position-x: right;
    background-position-y: bottom;
}


.home .homepage-practice-title:nth-of-type(3n+2) {
    border: solid .9px #2f4866;
    padding-top: 90px;
    background-repeat: no-repeat;
    background-size: 12%;
    background-position-x: right;
    background-position-y: bottom;
}

.home .homepage-practice-title:nth-of-type(3n+3) {
    border: solid .9px #2f4866;
    padding-top: 90px;
    background-repeat: no-repeat;
    background-size: 12%;
    background-position-x: right;
    background-position-y: bottom;
}

.home .homepage-practice-title:nth-of-type(3n+4) {
    border: solid .9px #2f4866;
    padding-top: 90px;

    background-repeat: no-repeat;
    background-size: 12%;
    background-position-x: right;
    background-position-y: bottom;
}

.home .homepage-practice-title:nth-of-type(3n+5) {
    border: solid .9px #2f4866;
    padding-top: 90px;
    background-repeat: no-repeat;
    background-size: 12%;
    background-position-x: right;
    background-position-y: bottom;
}

*/

/* meet David Tarras section of homepage */

#meet-david-tarras {
	border-top: solid .9px gray;
	width: 100%;
	float: left;
	margin-top: 24px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 28px;
}

#meet-david-tarras h2 {
	font-family: 'Encode Sans Expanded', sans-serif;
	font-size: 42px;
	text-align: center;
}

#meet-david-tarras p {
	text-align: center;
}


#recent-client-successes {
	float: left;
	width: 100%;
}

#home-successes-header,
#home-testimonials-header {
    /*background-color: #8b8174;*/
	float: left;
    width: 100%;
    max-height: 60px;
	margin-bottom: 40px;
    background: linear-gradient(0deg, rgb(132 124 114) 0%, rgb(172 158 144) 40%, rgb(133 125 115) 100%);
}




#recent-client-successes h2 {
    font-family: 'Encode Sans Expanded';
    font-size: 32px;
    line-height: 22px;
    font-weight: 300;
    color: white;
    padding-top: 16px;
    padding-left: 82px;
    padding-bottom: 10px;
    background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/tiny-shields-chocolate-8b8174-76x58.gif);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 10px 4px;
}


.home-success {
	width: 100%;
	float: left;
}

.home-success p {
	font-size: 18px;
	text-align: center;
}

/* media insights section of homepage */

#media-insights {
	float: left;
	width: 100%;
	min-height: 320px;
	margin-top: 40px;
	margin-bottom: 45px;
}


#media-insights h2 {
    font-family: 'Encode Sans Expanded';
    font-size: 32px;
    line-height: 22px;
    font-weight: 300;
    color: white;
    padding-top: 16px;
    padding-left: 82px;
    padding-bottom: 10px;
    background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/tiny-shields-blue-2f4866-transp-76x58.gif);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 10px 4px;
}



/*#media-insights ul {
	margin-left: auto;
	margin-right: auto;
    box-sizing: border-box;
    float: left;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: calc(100% / 3);
    max-width: 400px;
    min-width: 300px;
}*/



.home-news-thumbnail {
	display: block;
	min-height: 310px;
	/*max-width: 60%;
	margin-left: 15%;
	margin-right: 15%;*/
}

.home-news-thumbnail img {
    float: left;
	width: 100%;
    height: auto;
	margin-top: 0px;
    margin-right: 0px;
	margin-bottom: 0px;
    margin-left: 0px;
}
	
#media-insights ul {
	margin-top: 48px;
}

#media-insights ul li {
	width: calc(100% / 3);
    max-width: 335px;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

#media-insights ul li:nth-of-type(3n+2) {
	padding-left: 10px;
	padding-right: 10px;
}



#media-insights ul li a {
    font-weight: 500;
    font-size: 21px;
    line-height: 1.6em;
    color: #36608b;
}

#media-insights ul li a:hover {
	color: #555;
	border-bottom: solid .9px #555;
}

#media-insights .home-media-date {
	font-size: 20px;
	margin-bottom: 24px;	
}


#home-practices ul,
#media-insights ul {
	list-style: none;
}

#home-practices ul li a,
#media-insights ul li a {
	text-decoration: none;
}

#home-testimonials {
	display: block;
	width: 100%;
	float: left;
/*	min-height: 400px;
	background-color: #94948c;*/
	margin-bottom: 60px;
}


#home-testimonials h2 {
    font-family: 'Encode Sans Expanded';
    font-size: 32px;
    line-height: 22px;
    font-weight: 300;
    color: white;
    padding-top: 16px;
    padding-left: 82px;
    padding-bottom: 10px;
    background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/tiny-shields-chocolate-8b8174-76x58.gif);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 10px 4px;
}

#home-testimonials ul {
	margin-top: 24px;
	margin-bottom: 22px;
	text-align: center;
	list-style: none;
	margin-left: 5%;
	margin-right: 5%;
}


#home-testimonials ul li a {
	text-decoration: none;
	color: #696e64;
	font-size: 32px;
	line-height: 1.35em;
	margin-left: 5%;
	margin-right: 5%;
}

#home-testimonials p {
    font-size: 20px;
    line-height: 1.75em;
    text-align: center;
    color: black;
	margin-top: 15px;
    /* width: 84%;
    margin-left: 6%;
    margin-right: 6%;*/
}

.home-testimonial-1 p {
	animation-name: moveUp;
    animation-duration: 2s; /* Animation duration of 2 seconds */
    animation-timing-function: linear; /* Constant speed */
    animation-fill-mode: forwards; /* Element stays at the end state */
}

 #home-testimonials-subnav {
     width: fit-content;
     margin-left: auto;
     margin-right: auto;
}




/* use sidebar for blog and suppress elsewhere */

.home .is-right-sidebar,
.page-template-default .is-right-sidebar,
.post-type-archive-practice-areas .is-right-sidebar,
.single-practice-areas .is-right-sidebar,
.post-type-archive-attorneys .is-right-sidebar,
.single-attorneys .is-right-sidebar,
.post-type-archive-testimonials .is-right-sidebar,
.single-testimonials .is-right-sidebar,
.page-template-page-contact .is-right-sidebar {
	display: none;
}

.home .content-area,
.page-template-default .content-area,
.post-type-archive-practice-areas .content-area,
.single-practice-areas .content-area,
.post-type-archive-attorneys .content-area,
.single-attorneys .content-area,
.post-type-archive-testimonials .content-area,
.single-testimonials .content-area,
.page-template-page-contact .content-area {
	width: 100%;
}

/* blog to have widgets for search, categories and possibly recent posts, but suppress widget image */

.blog #media_image-5,
.single #media_image-5 {
	display: none;
}

/* practice area archive to suppress search, categories et al and show only image 

9-24-25 remove widget here -- ok to delete these styles before going live

.post-type-archive-practice-areas #block-2,
.post-type-archive-practice-areas #block-3,
.post-type-archive-practice-areas #categories-3 {
	display: none;
}

.post-type-archive-practice-areas .widget-area .widget {
    padding: 0px;
	margin-top: 150px;
	width: 600px;
}

.post-type-archive-practice-areas #media_image-5 img {
	width: 500px;
	height: auto;
}

.post-type-archive-practice-areas .content-area {
    width: 57.5%;
}

*/


/* may or may not need

.post-type-archive-attorneys .entry-summary,
.post-type-archive-other-personnel .entry-summary,
.post-type-archive-practice-areas .entry-summary {
	display: none;
} */


/* 8-25-25 adapted from appelbaum */

.single-attorneys .grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

.single-attorneys .entry-header {
	display: none;
}

#attorney-masthead {
    height: 660px;
    background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/david-tarras-corrugated-bgd-off-ctr-final-2100x1074-100q.jpg);
    background-size: 125%;
    background-repeat: no-repeat;
    background-position-x: -150px;
    padding-top: 260px;
	margin-bottom: 0px;
}

#bio-contact {
	width: 665px;
	height: 80%;/* was 340px */
	margin-left: 40%;
	background-color: #3a587880;
}

#bio-contact h1 {
	text-align: center;
	color: white;
	font-size: 56px;
	padding-top: 78px;
}

#bio-contact h2 {
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.08em;
	color: #eee;
}

#bio-contact p {
	text-align: center;
	font-family: 'Encode Sans Expanded', sans-serif;
	font-size: 21px;
	font-weight: 300;
	color: #eee;
}

#bio-contact p a {
	text-decoration: none;
	color: #eee;
}

#bio-contact p a:hover {
	border-bottom: solid .9px #d5444b;
	color: #d5444b;
}

.mobile-phone-break {
	display: none;
}

/* 10-1-25 */


#bio-subnav {
	float: left;
	width: 100%;
	background-color: #395f86;
	margin-top: 2.5%;
	margin-bottom: 30px;
}

#bio-subnav a {
	color: white;
}

#bio-subnav ul {
	list-style: none;
	margin-left: 42px;
}

#bio-subnav ul li {
	font-family: 'Encode Sans Expanded', sans-serif;
	font-size: 19px;
    letter-spacing: -0.02em;
	float: left;
	font-weight: 300;
	padding-top: 8px;
	padding-bottom: 9px;
}

#bio-subnav ul li a {
	margin-right: 32px;
	margin-left: 0px;
	text-decoration: none;
	border-bottom: solid .9px white;	
}

#bio-subnav ul li a:hover {
	color: #222;
	border-bottom: solid .8px #222;
}

#bio-bottom {
	width: 100%;
	float: left;
}

.single-attorneys .inside-article {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#bio-read-more {
	width: 100%;
   /* border-bottom: solid .9px lightgray; */
}

summary {
    font-family: 'Encode Sans Expanded', sans-serif;
    font-weight: 500;
    letter-spacing: 0.026em;
    font-size: 26px;
    color: #3e668f;
	padding-bottom: 25px;
}

#bio-video {
	float: left;
	width: 100%;
	padding-top: 55px;
	border-bottom: solid .9px lightgray;
	margin-bottom: 35px;
}

#bio-video p {
	text-align: center;
}


#education,
#associations-affiliations,
#bio-rep-matters,
#honors-recognitions,
#media-recognitions {
	margin-left: 40px;
	border-top: solid .9px lightgray;
	padding-top: 24px;
	padding-bottom: 24px;
}

#education h2,
#associations-affiliations h2,
#bio-rep-matters h2,
#honors-recognitions h2,
#media-recognitions h2 {
	font-family: 'Encode Sans Expanded', sans-serif;
	font-weight: 500;
	letter-spacing: 0.02em;
	font-size: 27px;
	color: #3e668f;
}

#education h3,
#associations-affiliations h3,
#bio-rep-matters h3,
#honors-recognitions h3,
#media-recognitions h3 {
	font-family: 'Encode Sans Expanded', sans-serif;
	font-weight: 500;
	letter-spacing: 0.02em;
	font-size: 22px;
	color: #222;
}


#education p,
#associations-affiliations p,
#bio-rep-matters p,
#honors-recognitions p,
#media-recognitions p {
	margin-bottom: 10px;
}

#education ul,
#associations-affiliations ul,
#bio-rep-matters ul,
#honors-recognitions ul,
#media-recognitions ul {
	margin-bottom: 12px;
}


#education ul li,
#associations-affiliations ul li,
#bio-rep-matters ul li,
#honors-recognitions ul li,
#media-recognitions ul li {
	margin-bottom: 10px;
	margin-left: -25px;
}

/* practice areas */

.post-type-archive-practice-areas .page-header {
	padding-left: 20px;
}

.post-type-archive-practice-areas article {
    box-sizing: border-box;
    float: left;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: calc(100% / 3);
    max-width: 320px;
    min-width: 300px;
	margin: 20px;
}

.post-type-archive-practice-areas .inside-article {
	min-height: 280px;
}

/*
.post-11 - Federal
.post-12 - White Collar
.post-13 - Gov
.post-14 - Reg
.post-15 - Cyber
.post-165 - Sexual

*/

.post-type-archive-practice-areas .inside-article {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.post-type-archive-practice-areas .post-11 .inside-article {
    background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/supreme-court-columns-pale-560x440.jpg);
}

.post-type-archive-practice-areas .post-12 .inside-article {
    background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/close-hands-writing-pale-560x440.jpg);
}

.post-type-archive-practice-areas .post-13 .inside-article {
    background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/column-bases-corner-pale-560x440.jpg);
}

.post-type-archive-practice-areas .post-14 .inside-article {
    background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/handshake-across-table-pale-560x440.jpg);
}

.post-type-archive-practice-areas .post-15 .inside-article {
    background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/cyber-crime-fingers-pale-560x440.jpg);
}

.post-type-archive-practice-areas .post-165 .inside-article {
    background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/gavel-on-flag-560x440.jpg);
}


.post-type-archive-practice-areas .entry-header h2 {
    padding-top: 6.5%;
}

.post-type-archive-practice-areas .entry-header h2 a {
    text-align: center;
    color: #fff;
    font-family: 'Encode Sans Expanded', sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 39px;
	text-decoration: none;
}

.post-type-archive-practice-areas .entry-header h2 a:hover {
	color: #eee;
	border-bottom: solid .9px #eee;
}

.post-type-archive-practice-areas .entry-content {
	display: none;
}

.post-type-archive-practice-areas .page-header h1,
.post-type-archive-testimonials .page-header h1 {
    font-size: 42px;
    color: white;
    background-color: #597279;
    width: fit-content;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 55px;
    padding-bottom: 14px;
    margin-top: -60px;
    margin-bottom: 20px;
    line-height: 1.2em;
    font-weight: 400;
    text-transform: none;
}

/* single practice areas */

.single-practice-areas .entry-header h1 {
	color: #2e5985;
}

.single-practice-areas .inside-article ul li {
    font-family: 'Encode Sans Expanded', sans-serif;
	font-size: 21px;
	line-height: 1.75em;
	padding-left: 12px;
	margin-left: -36px;
	margin-bottom: 15px;
}

.single-practice-areas #practice-breadcrumb {
	float: left;
	width: 100%;
	text-align: right;
	margin-top: -16px;
}

.single-practice-areas #video-section {
    float: left;
    border-top: solid .9px gray;
    /* width: 100%; */
    margin-top: -40px;
    padding-top: 40px;
    margin-left: 40px;
    margin-right: 40px;
}

.single-practice-areas #rep-matters {
	float: left;
	border-top: solid .9px gray;
	width: 100%;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 50px;
}

.single-practice-areas #rep-matters h2 {
	font-family: 'Encode Sans Expanded', sans-serif;
	font-weight: 600;
	font-size: 28px;
	color: #304866;
	padding-top: 25px;
}

.single-practice-areas #rep-matters p {
    font-family: 'Encode Sans Expanded', sans-serif;
	font-size: 21px;
	line-height: 1.65em;
}

.single-practice-areas .inside-article ul,
.single-practice-areas #rep-matters ul {
    list-style-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/tarras-list-bullet-square-10x10-26537f.gif);
}

.single-practice-areas #rep-matters ul li {
    font-family: 'Encode Sans Expanded', sans-serif;
	font-size: 20px;
	line-height: 1.75em;
	padding-left: 12px;
	margin-left: -36px;
	margin-bottom: 20px;
}


.breadcrumb {
	color: #eee;
	background-color: #597279;
	padding-top: 8px;
	padding-right: 22px;
	padding-bottom: 12px;
	padding-left: 22px;
}

.breadcrumb a {
	color: #eee;
	text-decoration: none;
	border-bottom: solid .9px #eee;
}

.breadcrumb a:hover {
	color: white;
	border-bottom: solid .9px white;
}


/* testimonials -- archive only, single posts do not appear */

.post-type-archive-testimonials .article {
	margin-bottom: -20px;
}

.post-type-archive-testimonials .inside-article {
	border-bottom: solid .9px gray;
	padding-top: 10px;
	padding-bottom: 28px;
}

.post-type-archive-testimonials .curly-quote {
color: #7b989d;
    font-size: 60px;
    position: absolute;
	margin-left: -30px;
}

.post-type-archive-testimonials .entry-header h2 a {
	display: none;
}

.post-type-archive-testimonials h2.title-is-callout {
	text-indent: 0px;
}

.post-type-archive-testimonials #speaker {
    width: 310px;
    font-size: 22px;
    color: white;
    background-color: #597379;
    margin-top: 0px;
    margin-bottom: -12px;
    padding-top: 4px;
    padding-right: 24px;
    padding-bottom: 4px;
    padding-left: 24px;
}

.post-type-archive-testimonials #speaker p {
	display: none;
}

/* Media & Insights section, using default blog posts */

.blog .inside-article {
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	border-bottom: solid .9px gray;
}

.blog .is-right-sidebar,
.blog .sidebar .widget,
.single .is-right-sidebar,
.single .sidebar .widget {
    background-color: #74868b;
}

.blog #block-2,
.single #block-2 {
	color: white;
	background-color: #597279;
}

.blog .post-image .size-full {
    max-width: 78%;
    height: auto;
    border: solid 18px #4d747c;
    border-radius: 12px;
}

.wp-block-search__label {
	display: none;
}

.wp-block-search__button {
    margin-left: 10px;
    word-break: normal;
    background-color: #1c2c2f;
}

h2.wp-block-heading,
h2.widget-title {
	font-size: 28px;
	color: #eee;
}


.wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: none;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
    clear: both;
    overflow-wrap: break-word;
    margin-bottom: 1.08em;
}

.wp-block-latest-posts.wp-block-latest-posts__list a,
.blog .widget ul li a,
.single .widget ul li a {
    color: #eee;
	text-decoration: none;
}

.wp-block-latest-posts.wp-block-latest-posts__list a:hover,
.blog .widget ul li a:hover,
.single .widget ul li a:hover {
    color: white;
	border-bottom: solid .9px white;
}

#categories-3 {
	padding-top: 0px;
}

h2.widget-title {
    margin-top: -10px;
    margin-bottom: 10px;
    padding-top: 18px;
    border-top: dotted .9px #eee;
}


.blog .entry-meta {
	margin-top: 28px;
}

.blog .byline,
.single .byline {
	display: none;
}

.blog .entry-date,
.single .entry-date {
	font-size: 20px;
}

.blog .entry-content p {
	font-size: 21px;
	line-height: 1.65em;
}


.blog .comments-link,
.blog .cat-links,
.single .cat-links,
.comments-area {
	display: none;
}

.single .entry-content p {
	font-size: 20px;
	line-height: 1.75em;
}


.page-template-page-contact #contact-page-form {
	float: left;
	width: 100%;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 40px;
}

.gform_title {
	display: none;
}

input#gform_submit_button_1.gform_button.button {
	background-color: #3c6d9d;
}

.page-template-page-contact .site-footer {
	margin-top: 40px;
}

@media only screen and (max-width: 1200px) {
	
	
	ul.homepage-practices-list li {
    box-sizing: border-box;
    float: left;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% / 3);
    max-width: 280px;
    min-height: 220px;
    margin: 24px;
}
	
	
	.post-type-archive-practice-areas #media_image-5 img {
        width: 420px;
        height: auto;
    }
	
	.post-type-archive-practice-areas .entry-header h2 {
		font-size: 30px;
	}
	
	#attorney-masthead {
        height: 660px;
        background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/david-tarras-corrugated-bgd-off-ctr-2100x1024-100q.jpg);
        background-size: 125%;
        background-repeat: no-repeat;
        background-position-x: -150px;
        padding-top: 290px;
        margin-bottom: 0px;
    }
	

    #bio-contact {
        width: 585px;
        height: 270px;
        margin-left: 40%;
        background-color: #3a587880;
    }
	
	#bio-contact h1 {
        text-align: center;
        color: white;
        font-size: 45px;
        padding-top: 60px;
    }
	
	
	#bio-contact p {
        text-align: center;
        font-family: 'Encode Sans Expanded', sans-serif;
        font-size: 19px;
        font-weight: 300;
        color: #eee;
    }
	
    #bio-subnav {
        float: left;
        width: 100%;
        background-color: #395f86;
        margin-top: 5%;
        margin-bottom: 30px;
    }	
	
	#bio-subnav ul li {
        font-family: 'Encode Sans Expanded', sans-serif;
        font-size: 16px;
        letter-spacing: -0.02em;
        float: left;
        font-weight: 300;
        padding-top: 8px;
        padding-bottom: 9px;
    }
	
}

@media only screen and (max-width: 1080px) {


    .phrase-rotator.css-only {
        --segment: 4s;
        position: absolute;
        display: inline-block;
        min-height: 1.75em;
        line-height: 1.2;
        margin-left: 52%;
    }
	
	.phrase-rotator.css-only .phrase {
		font-size: 36px;
	}

}

@media only screen and (max-width: 980px) {
	
	
	.phrase-rotator.css-only {
        --segment: 4s;
        position: absolute;
        display: inline-block;
        min-height: 1.75em;
        line-height: 1.2;
        margin-left: 55%;
    }
	
	.phrase-rotator.css-only .phrase {
        position: absolute;
        z-index: 999;
        /* inset: 0; */
        /* opacity: 0; */
        /* white-space: nowrap; */
        width: 320px;
        margin-top: 40px; /* 10-24-25 was -340 */
        /* margin-left: 62%; */
        margin-right: 0px;
        background-color: #494a479e;
        color: #eee;
        font-size: 32px;
        padding-top: 9px;
        padding-right: 24px;
        padding-bottom: 12px;
        padding-left: 32px;
        animation: rotator var(--total, calc(var(--segment) * 6)) 
    linear infinite both;
    }
	
	.post-type-archive-practice-areas .entry-header h2 {
		font-size: 25px;
	}
	
	#attorney-masthead {
        height: 580px;
        background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/david-tarras-corrugated-bgd-off-ctr-2100x1024-100q.jpg);
        background-size: 125%;
        background-repeat: no-repeat;
        background-position-x: -150px;
        padding-top: 220px;
        margin-bottom: 0px;
    }
	
    #bio-contact {
        width: 460px;
        height: 240px;
        margin-left: 40%;
        background-color: #3a587880;
    }
	
	#bio-contact h1 {
        text-align: center;
        color: white;
        font-size: 40px;
        padding-top: 54px;
    }
	
	
	#bio-contact p {
        text-align: center;
        font-family: 'Encode Sans Expanded', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #eee;
    }
	
    #bio-subnav {
        float: left;
        width: 100%;
        background-color: #395f86;
        margin-top: 2.5%;
        margin-bottom: 30px;
    }
	
	#bio-subnav ul li {
        font-family: 'Encode Sans Expanded', sans-serif;
        font-size: 13px;
        letter-spacing: -0.02em;
        float: left;
		margin-right: -10px;
        font-weight: 300;
        padding-top: 8px;
        padding-bottom: 9px;
    }
	
	
	.single-attorneys .entry-content p {
        font-size: 20px;
        line-height: 1.75em;
    }
	
	
}


@media only screen and (max-width: 768px) {
	
	
	.inside-footer-widgets>div:not(:last-child) {
        margin-bottom: 16px;
        width: 65%;
    }
	
	.phrase-rotator.css-only {
        --segment: 4s;
        position: absolute;
        display: inline-block;
        min-height: 1.75em;
        line-height: 1.2;
        margin-left: 52%;
    }
	
	
	.phrase-rotator.css-only .phrase {
        position: absolute;
        z-index: 999;
        /* inset: 0; */
        /* opacity: 0; */
        /* white-space: nowrap; */
        width: 200px;
        margin-top: 40px; /* was 10-24-25 -172 */
        /* margin-left: 62%; */
        margin-right: 0px;
        background-color: #494a479e;
        color: #eee;
        font-size: 20px;
        line-height: 1.75em;
        padding-top: 9px;
        padding-right: 16px;
        padding-bottom: 12px;
        padding-left: 16px;
        animation: rotator var(--total, calc(var(--segment) * 6)) linear infinite both;
    }
	
	.home iframe {
		display: none;
	}

	.home .entry-content {
		margin-top: -2em;
        float: left;
    }
	
	#home-practices {
        float: left;
        width: 100%;
        color: white;
        min-height: unset;
        margin-top: 24px;
    }
	
	#home-practices ul {
        padding-top: 20px;
        margin: 30 0 0 0;
    }
	
	ul.homepage-practices-list li {
        box-sizing: border-box;
        float: unset;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        width: 72%;
        margin-top: 30px;
        margin-right: 14%;
        margin-bottom: 30px;
        margin-left: 14%;
        max-width: 280px;
        min-height: 220px;
	}
	
	
    #recent-client-successes h2 {
        font-size: 26px;
	}
	
	.home-success {
		float: unset;
		width: 86%;
		margin-left: 7%;
		margin-right: 7%;
	}
	
	#media-insights ul {
        column-count: unset;
        margin-left: 24px;
    }
	
	#media-insights ul li {
        width: 80%;
        max-width: unset;
        float: unset;
		margin-top: 0px;
        margin-right: 20px;
		margin-bottom: 42px;
        margin-left: 20px;
    }
	
	.home-news-thumbnail {
        display: block;
        min-height: unset;
    }
	
	.home-news-thumbnail img {
		margin-bottom: 20px;
	}
	
	#home-testimonials p {
        font-size: 20px;
        line-height: 1.75em;
        text-align: center;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
	
	#home-testimonials ul li a {
        text-decoration: none;
        color: #696e64;
        font-size: 25px;
        line-height: 1.35em;
        margin-left: 5%;
        margin-right: 5%;
    }
	
	#image-strip {
        margin-left: auto;
        margin-right: auto;
        width: -webkit-fill-available;
        height: 60px;
        background-image: url(img/building-window-motif-less-teal-2100x274-85q.jpg);
        background-size: 120%;
    }
	
	.post-type-archive-practice-areas .page-header h1, 
	.post-type-archive-testimonials .page-header h1 {
        font-size: 32px;
        color: white;
        background-color: #597279;
        width: fit-content;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 35px;
        padding-bottom: 14px;
        margin-top: -50px;
        margin-bottom: 0px;
        line-height: 1.2em;
        font-weight: 400;
        text-transform: none;
    }
	
	.post-type-archive-testimonials h2.title-is-callout {
        text-indent: -18px;
        font-size: 28px;
        line-height: 1.4em;
    }
	
	.content-area #attorney-masthead {
        height: unset;/* was 360px */
        background-image: url(https://tarras.dlsdesign.info/wp-content/themes/generatepress-child/img/david-tarras-corrugated-bgd-off-ctr-2100x1024-100q.jpg);
        background-size: 125%;
        background-repeat: no-repeat;
        background-position-x: 0px;
        padding-top: 220px;
        margin-bottom: 0px;
    }
	
    
	#bio-contact {
        width: 100%;
        height: unset;
		margin-top: 80px;
        margin-left: auto;
        margin-right: auto;
        background-color: #ffffff00;
    }
	
	#bio-contact h1 {
        text-align: center;
        color: #5a5454;
        font-size: 38px;
        padding-top: 84px;
	}
		
	#bio-contact h2 {
        font-size: 24px;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0.08em;
        color: #3a5f86;
    }
	
	#bio-contact p {
        text-align: center;
        font-family: 'Encode Sans Expanded', sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #3a5f86;
    }
	
	#bio-contact p a {
        text-decoration: none;
        color: #3a5f86;
    }
	
	
}