/*
Theme Name: jtacnj-theme
Theme URI: http://underscores.me/
Author: Wayne Goodman
Author URI: https://waynegoodman.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jtacnj
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.NEWS
Use it to make something cool, have fun, and share what you've learned.

OFRT is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

@import 'https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i';
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,300:latin');
       /* @import url('https://fonts.googleapis.com/css2?family=Linden+Hill:ital@1&display=swap'); */


       
		
		/* font-family: 'BSmart'; src: url('fonts/file.woff2') format('woff2'); */
		


/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */


.alignleft, .alignright {  margin: 0 auto 1.5em }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; }

@media (min-width:480px){
	
.alignleft { float: left;  margin:0 1.5em 1.5em 0}

.alignright { float: right; margin-left: 1.5em; margin-bottom: 1.5em; margin:0 0 1.5em 1.5em }
	
}



	

body, html { height: 100%; margin: 0; padding: 0;  font-size:16px; position:relative;     font-family: 'Open Sans', sans-serif; }

.site { display: flex; flex-direction: column; min-height: 100vh;}
.main { position:relative;  flex: 1; }

* {box-sizing: border-box;}

img {max-width:100%; height:auto}

h1, h2, h3 {color:#0a458c; line-height:1.4;font-family: "Playfair Display", serif; }
.rotatingContent h2 {line-height:1.1 !important}
h1.staffHead {font-family:'Open Sans', sans-serif !important; }
h1 { position:relative; text-align:center; max-width:1080px; margin:0 auto 24px; font-size:clamp(28px, 3vw, 46px);line-height:1.3;  font-weight:700;}
.contentJTAC h2 {font-size:clamp(24px, 3vw, 32px); color:#0a458c; margin-top:32px; margin-bottom:16px;  font-weight:600;}
.contentJTAC h2.subhead {margin: -11px auto 42px !important; max-width:980px; font-size:clamp(17px, 3vw, 22px); }
.contentJTAC h3 { font-size:clamp(22px, 3vw, 28px); margin-top:32px; margin-bottom:16px;  letter-spacing:.01em; }
.moveUp {margin-top:-11px !important}


p {margin:0 auto 16px;  line-height:1.5}
.max900, p.max900 { max-width:900px; margin-left:auto; margin-right:auto} 
.max800, p.max800{ max-width:800px; margin-left:auto; margin-right:auto} 

.contentJTAC p, .contentJTAC li {font-size:1.1em}
.contentJTAC li {margin:0 0 11px 0}
.contentJTAC a {color:#8B2942}
.contentJTAC a:hover {color:#005488}
.alignwide, .alignfull {margin: 42px calc(50% - 50vw);max-width: 100vw;width: 100vw;}

@media (min-width:640px){
.columns2 {columns: 2;}
.columns2 li {  page-break-inside: avoid;   break-inside: avoid-column;  display:table;  }
}

		/* reset figure */
figure {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;vertical-align: baseline;}
		

.contentJTAC {margin:42px auto;  padding:0 4%; max-width:1120px; }
		
.footer {  width:100vw; height:auto; background:#0a458c;margin-bottom:-22px; }
.footerIcon {width:148px; height:auto; margin:6px auto 0px ;}
	
.hidden {clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;}	
#main-slide { border-bottom:8px solid #000; }	
.logocolor {fill:#ffffff}
img {width:100%; height:auto}
	
.logo {  max-width:340px; top:11px; left:4%; z-index:1;  margin:28px auto 0;}
.logo img, .logo svg {aspect-ratio:16 / 5; }
.coalitionsLogo {fill:#fff}


.item {width:100%; min-height:100%}

@media (min-width:480px){
	
	.logo {  margin:11px auto 0;}
	
	.contentJTAC {margin:52px auto 62px;}

}

/* .utilityNav {display: none; } */
		
.logo img, .logo svg { aspect-ratio: 16 / 5; }




						.hompeageTopColumns { padding:100px 6% 48px;  margin-top:152px; display: flex;  justify-content: center; flex-direction:row; position:absolute; gap:2%; z-index:1; height:auto !important;  /*width:88.25%;*/ flex-wrap:wrap; }
				.hompeageTopColumns>div {width:42.5%; margin:auto; flex-wrap:wrap; height:auto !important;  position:relative; padding:1.5%; display: flex; flex-direction:column; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0d2956+0,0d2956+100&0+0,1+100 */
background: linear-gradient(to bottom,  rgba(13,41,86,0) 0%,rgba(13,41,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 }
				.hompeageTopColumns p {margin-top:auto; align-self: flex-end;}
.hompeageTopColumns a {text-decoration:none}

	.item {z-index:0; position:relative}
		.item h2 {  color:#fffe84; font-size: clamp(38px, 5vw, 100px); width:94%; display:inline-block; /*font-family: 'Times New Roman', 'Times', serif;*/  font-weight:600;   margin:2px auto 8px; letter-spacing:-.002em; padding:0 2%}



	@media (min-width:640px){
.hompeageTopColumns { padding:72px 6% 0; }
}
		
		@media (min-width:800px){
			
.hompeageTopColumns>div { text-align:center; width:23%; aspect-ratio:auto;  min-height:32vh !important;  position:relative; padding:2% 2% 0; display: flex; flex-direction:column; 
	background: linear-gradient(to bottom,  rgba(13,41,86,0) 0%,rgba(13,41,86,1) 100%); }

}



			.homepageTopArea {height:auto !important; overflow:hidden; position:relative }
				.item {height:auto !important}
				.hompeageTopColumns {position:relative !important; }
				

.homepageTopArea .homepageIMAGE { background:url("/~jtacnjor/wp-content/uploads/2025/10/JTAC_background-696209402.webp"); background-repeat:no-repeat;
        background-size: cover;  width:100vw;  position:relative; background-position:center bottom;  overflow:hidden; height:100%;  min-height:auto
       }

.hompeageTopColumns img {max-width:88%}
				.hompeageTopColumns div p span {margin:4px auto 6px; max-width:90%;  display:block; height:44px; color:#fff; font-size:clamp(14px, 1.75vw, 20px); line-height:1.2; font-weight:600; }
				
.hompeageTopColumns div a span { margin:4px auto 0; max-width:90%; display:block; height:44px; color:#fff; font-size:clamp(14px, 1.75vw, 22px); line-height:1.2; font-weight:600; padding-bottom:8px }
				
				.hompeageTopColumns div { position:relative; text-align:center  }
				.hompeageTopColumns a {
margin-top: auto;
align-self: flex-end; padding-bottom:8px; 
}
				
				@media (min-width:800px){
					.hompeageTopColumns div {padding-top:88px;}
					.hompeageTopColumns div p span {margin:4px auto 28px;}
					.hompeageTopColumns div a span { margin:4px auto 28px;}
						
					.col2-li {  columns: 2; gap:32px;  -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
					.max800.col2-li li:first-child{ margin-top:8px;} 
					.max800.col2-li {gap:0}
					
				
					
				
				}
					
				.hompeageTopColumns div span span {padding-left:8px; display:inline;}
		
		.rotatingContent p { line-height:.9; font-size: clamp(22px, 5vw, 44px);  margin-bottom:0; padding:0 3%; text-transform:uppercase}
			
			.rotatingContent { top:0; color:#fff; text-align:center; position:absolute; max-width:100%; /*background:rgba(196, 2, 28, 0.5);*/  display: flex;  align-items: center; flex-direction:column; text-shadow: 2px 2px #000; padding:0 2%; left:0; right:0; margin:auto; height:auto; overflow:auto; }

.homepageIMAGE .rotatingContent { animation: fadeInRightBig; animation-duration: .8s;}



@media (min-width:800px){
	.homepageTopArea .homepageIMAGE {height:100vh; min-height:860px}
}
		




		@media (min-width:981px) {
			
			.rotatingContent {text-align:center; position:absolute;  z-index:2; max-width:90vw;  display: flex;  align-items: center; flex-direction:column; background:none; left:0; right:0; top:0;  margin:auto; }
.item h2 {  margin:0 auto 12px;}
			
					.sm.sm-coast.navContain {/*display: flex !important;  align-items: flex-start;
  justify-content: flex-end; flex-direction:row; flex-wrap:wrap */}
		.sm.sm-coast.navContain>li {float:right !important; display:block !important; width:auto; text-align:right; width:auto; }
		.sm.sm-coast.navContain>li:nth-child(4n) { clear:both }
		
.sm-coast a.has-submenu, .sm-coast a, .sm-coast a:hover {
padding-right: 24px;
padding-top: 21px;
padding-bottom: 11px;
}
		}
		

				
				@media (min-width:981px) {
.sm-coast {
text-align: center;
display: flex !important;
flex-wrap: wrap;
align-items: center;
  justify-content: flex-end;
	max-width:800px
					}
	
}
					
				
@media (min-width:981px) {
.sm-coast { max-width:800px}
.sm.sm-coast.navContain>li {float:none !important}
				}
					
		
		.utilityNav {display: none; }

.primaryNav a { text-transform:uppercase}
		
		.logo img, .logo svg { aspect-ratio: 16 / 5; }

		

				
				@media (min-width:981px) {
.sm-coast ul {
border: 0;
padding: 8px 0;
background: #bc271b;
border-radius: 0 4px 4px 4px;
box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25);
}
					
.sm-coast a.highlighted {background: #bc271b;}
					
.sm-coast ul a:hover, .sm-coast ul a:focus, .sm-coast ul a:active, .sm-coast ul a.highlighted {background:#fff; }
.sm-coast>li>a:hover {color:#F5F5F5}
					
ul.utilityNav {display:flex; flex-direction:row;  justify-content: flex-end; list-style:none; margin:24px 3% 16px 0 ; padding:0; }
.utilityNav a {color:#fff; padding:16px; text-decoration:none; font-size:.9em; font-family:'Open Sans', sans-serif; text-transform:uppercase}
					
@media (min-width:1380px){
	.primaryNav {font-family: 'BSmart', sans-serif;}
	.sm-coast li a, .sm-coast li a:hover, .utilityNav a { font-size:1.1em; }
}
		
	
.logo { position: absolute !important; top: 24px; left: 3%; width: 280px; z-index: 1; margin: inherit; }
		
	}	

			
			
			/* footer work  */

.footer {height: auto; }
.footer h2 {color:#fff; font-size:17px;font-size:clamp(18px, 2vw, 22px); text-align:center; margin:14px auto 8px auto; text-transform:uppercase}
.footerLogo {max-width:160px; min-width:120px}
.footerContain { margin:18px auto; color:#fff; /* flex-direction:column;display:flex;*/ position:relative; }
.footerRight { display:flex; align-items: center; justify-content: center; margin:32px auto}

.footerCenter {display:flex; flex-direction:column;  align-items: center;  text-align:center }
.footerForm {max-width:320px; padding:1.5% 2%; background:#bc271b;  display:block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  color:#fff; text-align:center; height:156px}
.footerForm p {font-size:.7em;  padding:0}
.footerForm input[type="submit"] {background:#000; color:#fff; padding:5px 8px; text-transform:uppercase; border:none; font-size:.9em; }
.footerForm input[type="email"] {height:22px; padding:3px 5%; text-align:center; width:89%}
.footerForm input::placeholder {font-size:1.2em !important; color:#555; letter-spacing:.05em}
.footerContent { display: flex;  align-items: center; justify-content: center; flex-direction:column; text-align:center; padding-top:22px }
.footerContent a {color:#fffe84}
.footerContent ul {list-style:none; margin:0; padding:0; display:block}
.footerContent a {text-decoration:none;  padding:3px 9px; color:#fff;   display:block}
.footerContent ul li {font-size:.95em; margin:11px 0;  position:relative; background:#000;  text-align:center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.footerEmail a {position:relative; }
.footerEmail a span {display:block}

.wpcf7-spinner {display:block !important}

@media (min-width:480px){
	.header.secondaryHead { padding-bottom:22px;}
}

@media (min-width:640px){
	

	.footerForm p {font-size:.8em;}
	.footerContent ul li {font-size:1.2em;}
	.footerContent ul li {text-align:center !important; background:transparent; margin: 0 auto 8px;}
	.footerCenter {display:flex; flex-direction:row;  align-items: inherit; width: 580px; margin:auto }
	.footerContent { /*padding-left:42px;*/ display: flex; justify-content: center; flex-direction:column;font-size: 1em; padding-top:0 }
	.footerContent a {padding:0;}
	.footerContent p a { display:inline-block; color:#fffe84; text-decoration:underline}
		}

.footerPhone a {color:#fff; font-size:1.6em; font-weight:bold; }
		
.socialFooter {text-align:center; background:#000; padding-top:4px; display:block; }
		
@media (min-width:981px){
	


.footer { padding-top: 22px;}
		
	
	.footerContain {width:92%; margin:0 auto;}
	.socialFooter {background:none}
	.footerCenter {display:flex; flex-direction:column;  align-items: center; width: inherit;}
    .footer {height: auto; }
    .footerContain {flex-direction:row; }
	.footerCenter { flex-direction:row}
	.footerCenter {width:50%;}
	.footerRight { display:flex; justify-content: flex-end; margin-right:22px}
		}
				
@media (min-width:1180px){
	.footerForm {max-width:370px !important; width:370px !important; padding:1.5% 3%}
	  }
		/* end footer  */




@media (min-width:981px){
.logo { position: absolute !important; top: 20px; left: 3%; width: 280px; z-index: 1; margin: inherit; }	
}

.socialM {fill:#fff; margin:6px; }
a:hover .socialM {fill:#7eb7d0;}
.phoneNumberHeader {color:#fff;  text-decoration:none; font-size:1.2em; letter-spacing:.08em; display:block}
.social { width:382px;   margin:0 auto; text-align:center; display:none }

.header {  background:#0a458c; /* border-bottom:6px solid #000;*/ min-height: 204px; }
.home .header {background:none; border-bottom:none !important;}
	
/*.secondaryMain {padding-top:212px} */
.home .secondaryMain {padding-top:11px !important}
@media (min-width: 400px)  {
.header {min-height:190px;}
	
}

@media (min-width:981px){
	.social {display:block}
}
	
	.footer { border-top:6px solid #0a458c}

@media (min-width:981px){
	
		.footer { border-top:6px solid #000}
	
	.contentJTAC {padding:0 6%;}
	.main { position:relative;  }


	.logo {position:absolute !important; top:11px; left:3%; width:380px; z-index:1; margin:inherit}
	.phoneNumberHeader {display:inline-block;  margin-right:22px;}
	.social { float:right; width:288px; display: flex;  align-items: center; justify-content: center;flex-direction:row;  margin:18px 3% 0 0 }
	
}

.header {  width:100vw; height:auto;  position:relative; bottom:0;  }

.home .header {  width:100vw; height:124px;  position:absolute; bottom:0; z-index:2; top:0 }

.secondaryHead { border-bottom:8px solid #8B2942;}
.primaryNav {position:absolute; right:0; top:0; font-family:'arial', sans-serif;}
.primaryNav {letter-spacing:.08em}
		
@media (min-width:981px){
	
	
			
.primaryNav { right:3%; top:16px; width:calc(100% - 400px); max-width:980px }
.sm-coast li a, .sm-coast li a:hover { font-size:1em; color:#fff; text-decoration:none; }
.sm-coast ul li a, .sm-coast ul li a:hover {padding:10px 0}
.sm-coast>li a:hover {padding-left:18px; padding-right:18px; color:#31c5f4}
.sm-coast>li a {padding-left:18px !important; padding-right:18px !important; }
.sm-coast li:last-child a, .sm-coast li:last-child a:hover { border-right:none; padding-right: 22px;}
.sm-coast .sm-nowrap > li > a, .sm-coast .sm-nowrap > li >:not(ul) a {color:#fff}
		}
		
@media (min-width:1180px){
	.primaryNav {top: 22px;}
}
		
@media (min-width:1380px){
	.primaryNav {font-family: 'BSmart', sans-serif;}
	.sm-coast li a, .sm-coast li a:hover /* .utilityNav a */ { font-size:1.1em; }
}



.arrowDown {width:26px; height:26px; position:absolute; bottom:22px; right:4%; z-index:99; cursor:pointer; background: none;border: none;}

@media (min-width:600px){
.arrowDown {width:44px; height:44px; position:absolute; bottom:44px; right:6%; z-index:99;}
}

/* reviews  */
.reviews, .reviewTeaser{ background: #e8edf2; color: #000;  position:relative;  margin-top:42px; margin-bottom:42px; }
.reviewsCaptContain {width:100%; display: flex;  justify-content: center; max-width:1020px; margin:auto}

.reviews blockquote {padding:11px 66px 0; margin:0; font-size:1.1em;}
.reviews blockquote p, .reviewName {position:relative}
	.reviewsCapt { display:block; text-align:center; font-size:1.1em}	

.reviews blockquote p:first-of-type span, .reviewTeaser blockquote p span, .reviews blockquote p:first-of-type span, .reviewTeaser blockquote p span:first-of-type {position:relative}
			
.reviews blockquote p:first-of-type:before, .reviewTeaser blockquote p span:last-of-type:before{content: "\201C";font-family: Georgia, serif;font-size: 98px; font-size: clamp(59px, 3vw, 98px); font-weight: bold;color: #97c2d5; position: absolute;}
.reviews blockquote p:first-of-type:before {left: -38px;top:-22px;}
.reviewTeaser blockquote p span:last-of-type:before {left: -42px;top:-8px;}

.reviews blockquote p:last-of-type:after, .reviewTeaser blockquote p span:first-of-type:after{content: "\201D";font-family: Georgia, serif;font-size: 98px; font-size: clamp(59px, 3vw, 98px); font-weight: bold;color: #97c2d5; position: absolute; display:none}
.reviews blockquote p:last-of-type:after {right: -18px;bottom:-8px; line-height:0; }	
.reviews p {font-size: clamp(16px, 2vw, 18px); line-height:1.6; font-style:italic}

			
.reviewTeaser blockquote, .reviews blockquote	{padding:28px 11%; max-width:1100px; margin:0 auto}
.reviewTeaser blockquote p { color:#8B2942; font-family: 'Times New Roman', 'Times', serif;   line-height:1.1; text-align:center; font-style:italic; position:relative; }

.reviewTeaser blockquote p { font-size:clamp(24px, 4vw, 52px);}
.reviewTeaser blockquote p.teaserM { font-size:clamp(22px, 4vw, 42px); }
.reviewTeaser blockquote p.teaserL { font-size:clamp(24px, 4vw, 52px);}
.reviewTeaser blockquote p.teaserXL { font-size:clamp(28px, 4vw, 62px);}

a.reviewLink { text-decoration:none; text-align:center; display:block; text-transform:uppercase; font-size:.9em; color:#fff; background:#33739a; padding:6px 8px; margin:22px auto 0; width:190px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
			a.reviewLink:hover {color:#fff; background:#005488}
.reviewTile { font-size:.85em; font-style:italic}
			

		
.ruleBtn {width:100%;   position:relative; height:1px; border-top: 2px solid #2458a3; overflow:visible; margin:62px 0; display: flex;  align-items: center;
  justify-content: center; text-align:center}
.ruleBtn sup {font-size:8px}
ruleBtn a:hover {background:#2458a3; color:#fff}
.ruleBtn a {min-height:22px; background: #005488; width:220px; padding:11px 8px 8px; z-index:1; position:absolute; top:-22px; left:0; right:0;  margin: 0 auto; text-decoration:none; line-height:1.2; font-variation-settings: "wght" 600; color:#fff; text-transform:uppercase; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size:.95em}
.ruleBtn a:hover {background:#8B2942; color:#fff}

.cat-general_testimonials .ruleBtn.breachTestimonial { display:none}
.cat-breach_testimonials .ruleBtn.generalTestimonial {display:none }

.wp-block-separator {border-top: 1px solid ; margin: 32px auto}

			
.ruleBtn2, .ruleBtn3 {
margin: 42px 6% 32px 6% ;
width: 88%;
position: relative;
height: 1px;
border-top: 1px solid #2458a3;
overflow: visible;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.ruleBtn3 { width: 100% !important; margin: 42px 0 32px 0 !important ; border-top: 1px solid #0a458c;}

			
.ruleBtn2 a, .ruleBtn3 a {
min-height: 22px;
background: #33739a;
z-index: 1;
position: absolute;
top: -18px;
left: 0;
right: 0;
margin: 0 auto;
text-decoration: none;
line-height: 1;
font-variation-settings: "wght" 600;
color: #fff;
text-transform: uppercase;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

}

.ruleBtn2 a { font-size:.85em; padding: 9px 0 1px; width: 180px;}
.ruleBtn3 a {background: #0a458c !important; font-size:1.2em !important; padding: 9px 0 4px; width: 200px; }
.ruleBtn2 a:hover {color:#fff; background:#005488}	
.ruleBtn3 a:hover {color:#fff; background:#33739a}	

@media (min-width:600px){
	
	.reviews blockquote p:last-of-type:before {left: -36px;top:-24px;}
.reviewTeaser blockquote p:last-of-type:before {left: -52px;top:-18px;}
	.reviews blockquote p:first-of-type:after {right: -16px;bottom:-38px;}		
.reviewTeaser blockquote p:first-of-type:after {right: -16px;bottom:-42px;}
			}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* staff */


	.staffGrid .gridCol_item {position:relative}
	.staffItemLink {position:absolute; top:0; bottom:0; left:0; right:0; z-index:2}
	.viewBio a {text-decoration:none}
	.staffItemLink:hover ~ .viewBio a { color:#0a458c !important; font-weight:bold}
	a.staffItemLink ~ img { transition: transform .5s ease;}
	a.staffItemLink:hover ~ img { transform: scale(1.03); }
	.staffGrid .gridCol_item h2 { font-size:17px; font-family: 'Open Sans', sans-serif; text-align:center; margin:8px auto 0 !important; font-weight:bold}   
	.staffGridTitle { font-size:16px; text-align:center;  margin-top:3px}
	.viewBio { text-align:center; text-transform:uppercase; font-size:13px; margin-top:11px}
	
	
	.grid_col3.staffGrid {display:flex; flex-direction:row;  flex-wrap: wrap; justify-content: center; }
	
	.grid_col3.staffGrid .gridCol_item {flex: 1 0 96%;  width:96%;    margin: 2% 2%;}
	
		@media (min-width: 540px) {
				.grid_col3.staffGrid .gridCol_item {flex: 1 0 46%;  width:48%;    margin: 2% 2%; }
	}
	
	@media (min-width: 980px) {
		
		.staffGrid .gridCol_item h2 { font-size:18px;}
		
		.grid_col3.staffGrid .gridCol_item {flex: 1 0 26.5%;   max-width:31%;   margin: 2% 2%;}
		
	}
		
	.staffResultTitle {text-align:center; color:#0a458c; font-size: clamp(18px, 3vw, 22px); margin:0 auto 32px; font-weight:bold}
			
			h1.staffHead {letter-spacing: 0; font-weight: bold; font-size: clamp(28px, 3vw, 32px); margin:28px auto 0; text-transform:none !important}
			
			.bioContain {display:flex; flex-direction:column; width:90%; margin:auto}
			
			.bioPhoto {max-width:280px; margin:0 auto 32px; text-align:center; color:#0a458c}
			.captionName { font-weight:bold}
					.captionTitle { font-style:italic}
			
			.staffNav { width:100%; text-align:center; margin:52px auto 32px}
			.staffNav ul {list-style:none; display:flex; flex-direction:column; margin:0 auto; padding:0}
		
			.staffNav ul li a {text-decoration:none; padding:3px 11px; text-transform:uppercase }
			.staffNav ul li a.active { font-weight:bold}
			
				@media (min-width:600px){
						.staffNav ul {list-style:none; display:flex; flex-direction:row; margin:0 auto; padding:0; text-align:center;   justify-content: center;}
						.staffNav ul li { border-right:1px solid #8B2942 }
			.staffNav ul li:last-child { border-right:none }
				.bioContain {display:flex; flex-direction:row; width:100%}
				.bioPhoto { width:25%; max-width:100% !important; margin:0; }
			.bioContent { width:62%; padding-left: 4%; margin-left:4%; border-left:1px solid #8B2942; }
					
			}
	
.team_cat-therapists .advisors{ display:none}
.team_cat-advisors .therapists{ display:none}

/*blog page styles*/



a.continueReading {text-decoration:none; text-align:right !important; display:block}
.wp-element-caption, .thumbCaption {font-size:.85em; font-style:italic; text-align:center; max-width:480px; }
.page-id-53 .entry-footer {display:none;}
.mixitup-control-active{color:#8B2942}
	.controls {margin:42px auto 32px; padding-bottom:2px}
.controls ul{list-style:none;margin:11px auto 32px auto;text-align:center;padding:0;  }
.controls ul li{border-right:1px solid #ccc;display:inline;margin:0;padding:3px 22px;cursor:pointer;text-align:center;text-transform:uppercase;}
.controls ul li:last-child{border-right:none;font-size:1em }
.controls ul li a{display:inline-block;}
.gridContainer{max-width:1200px;margin:-32px auto 0 auto;display:flex;flex-flow:row wrap;justify-content:flex-start;justify-content:center;}
.grid-row{}
.grid-item{height: auto;flex-basis:33.33%;-ms-flex:auto;width:259px;position:relative;/*padding:10px;*/ padding:12px;box-sizing:border-box;}
.grid-row a{text-decoration:none;}
.wrapping-link{position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;color:currentColor;}
.grid-item-wrapper{box-shadow: 1px 0px 6px 0px rgba(0,0,0,0.33);
-webkit-box-shadow: 1px 0px 6px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 1px 0px 6px 0px rgba(0,0,0,0.33);
    -webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;background:#fff;margin:0;height:100%;width:100%;overflow:hidden;-webkit-transition:padding 0.15s cubic-bezier(0.4,0,0.2,1), margin 0.15s cubic-bezier(0.4,0,0.2,1), box-shadow 0.15s cubic-bezier(0.4,0,0.2,1);transition:padding 0.15s cubic-bezier(0.4,0,0.2,1), margin 0.15s cubic-bezier(0.4,0,0.2,1), box-shadow 0.15s cubic-bezier(0.4,0,0.2,1);position:relative;}
.grid-item-gridContainer{height:100%;width:100%;position:relative;}
/* .grid-image img{width:100%;height:auto;}*/
.grid-image img { width: auto; height: auto; max-height: 228px; margin: auto; text-align: center; }
.grid-image {text-align:center;}
.grid-image-top{height:45%;width:120%;background-size:cover;position:relative;background-position:50% 50%;left:-10.5%;top:-4.5%;}
.grid-image-top .centered{text-align:center;transform:translate(-50%, -50%);background-size:contain;background-repeat:no-repeat;position:absolute;top:54.5%;left:50%;width:60%;height:60%;background-position:center;}
.grid-image-top.rex-ray{background:-webkit-gradient(linear,left top, left bottom,from(#007DB8),to(#00447C));background:-webkit-linear-gradient(#007DB8,#00447C);background:-o-linear-gradient(#007DB8,#00447C);background:linear-gradient(#007DB8,#00447C);}
.grid-item-content{padding:11px 20px 20px 20px; line-height:124% !important;}
.grid-item-content h2{margin:0 0 11px 0; font-family: 'Open Sans', sans-serif !important; font-weight: 600 !important;}
.grid-item-content h2 a{color:#005488;text-decoration:none}
.itemCategory{font-size:.7em;line-height:111%;margin:11px 0 11px 0;color:#555}
.itemCategory a{color:#555;}
.item-title{font-size:24px;line-height:26px;font-weight:700;margin-bottom:18px;display:block;}
.item-category{text-transform:uppercase;display:block;margin-bottom:18px;font-size:14px;}
.item-excerpt{margin-bottom:20px;display:block;font-size:14px;}
.more-info{position:absolute;bottom:0;margin-bottom:22px;padding-left:0;transition-duration:.5s;font-size:12px;display:flex;}
.more-info a{color:#333}
.more-info i{padding-left:5px;transition-duration:.5s;}
.grid-item:hover .more-info i{padding-left:20px;transition-duration:.5s;}
.more-info i::before{font-size:16px;}
.grid-item:hover .grid-item-wrapper{padding:2% 2%;margin:-2% -2%;}

.postThumb {max-width:320px; height:auto; display:block; margin:22px auto 11px auto }
.contentHeader .meta { display:block; margin:11px 0; font-size:.8em; text-transform:uppercase}

UL.archiveNav {list-style:none; text-align:center; display:block; margin:0 0 32px; padding:0}
UL.archiveNav li {border-right:1px solid #888; display:inline !important; float:none; list-style:none; }
UL.archiveNav li:last-child {border-right:none}
UL.archiveNav li a {padding:2px 8px; text-transform:uppercase; font-size:.95em; text-decoration:none}
UL.archiveNav li.active a {font-weight:bold}
.catNavHead {font-size:.8em; text-align:center; margin:32px 0 0}
	
.contentJTAC h2.postHeadline {letter-spacing:0; font-size:1.3em !important;line-height:1.2; margin-top: 18px !important;
margin-bottom: 14px !important;}

@media(max-width:1073px){.grid-item{flex-basis:33.33%;}
}
@media(max-width:815px){.grid-item{flex-basis:50%;}
}
@media(max-width:555px){
	.grid-item{flex-basis:100%; }
.postNavigation .pipe {visibility:hidden }
.postNavigation .pipe:after{content: '\a'; position: static; white-space: pre;}
.controls { padding: 0; }
}

@media(max-width: 980px) {
    
.controls ul { list-style:none; margin:11px auto 32px auto; text-align:center; padding:0}
.controls ul li { border-right:none; display:inline;  margin: 0; padding: 11px; cursor:pointer; text-transform:uppercase; font-size:.9em; line-height:32px; width:50%; text-align:center;  }
.controls ul li:nth-child(even):after { content: '\a'; position: static; white-space: pre;}

}

@media screen and (min-width: 480px) {
    /*grid*/
 .container {
        -webkit-column-count: 2;
        -moz-column-count:2;
        column-count: 2;
}
}
/* blog single styles */
.blogHead {font-family:'Open Sans', sans-serif; letter-spacing:0; font-weight:bold; font-size:clamp(22px, 3vw, 32px);}
.postImage {  margin:0 auto 32px; max-width:94%; text-align:center; height:auto;  }
.postImage img {max-width:100%;  width:auto; height:auto !important; max-height:400px; text-align:center}

@media only screen and (min-width: 640px) {
	.postImage {  margin:0 auto 32px; max-width:94%; text-align:center; height:auto;  }
.postImage img {max-width:520px;  width:auto; height:auto !important; max-height:400px; text-align:center}
}
@media only screen and (min-width: 800px) {
	.postImage { float:right; margin:0 0 22px 22px}
	.postImage img {max-width:520px; max-height:420px; width:auto; height:auto;}
}
.eyebrow {margin:0 auto -22px; text-align:center; font-size:1em;font-family:'BSmart', sans-serif; letter-spacing:.2em; color:#8B2942}
.single .contentJTAC {max-width:1040px}
.blogMeta { margin:-11px auto 32px auto; text-align:center; color:#8B2942;}
			
/* blog nex and previous nav  */

.nav-links {display:flex; flex-direction:row;   justify-content: center; margin:42px auto} 
.nav-links a {text-Decoration:none; text-transform:uppercase}
.nav-previous, .nav-next {margin:0 22px}
.projectsNav .nav-previous, .projectsNav .nav-next {margin:0 11px}
.nav-previous:before {content:'«'; padding-right:8px}
.nav-next:after, .project-link:after  {content:'»'; padding-left:8px}

.nav-links.projectsNav{display:block; text-align:center}
.nav-links.projectsNav .pipe {visibility:hidden}
@media only screen and (min-width: 820px) {
	
.nav-links.projectsNav{display:flex; flex-direction:row;   justify-content: center;}
.nav-links.projectsNav .pipe {visibility:visible}
.project-link:after  {content:''; }
}
				
/* palette colors */
.has-maroon-color {color:#8B2942;}
.has-maroon-background-color {background-color:#8B2942}
.has-BSmart-blue-color {color:#005488}
.has-BSmart-blue-background-color {background-color:#005488}
.has-black-color {color:#000}
.has-black-background-color {background-color:#000000}
.has-white-color {color:#f1f1f1 !important}
.has-white-background-color {background-color:#ffffff}
.has-red-color {color:#d3273e}
.has-red-background-color {background-color:#d3273e}
.has-gray-color {color:#6b767d}
.has-gray-background-color {background-color:#6b767d}
.has-light-gray-color-background-color {background-color:#e8edf2}

/* contact form 7 for footer */
.wpcf7 form.sent .wpcf7-response-output, .wpcf7 .wpcf7-response-output {
border-color: #46b450;
background: #000;
position: absolute;
bottom: 0;
font-size:1em;
color:#fff; 
}



.indent640 {max-width:640px; margin-left:auto; margin-right:auto}
.indent800 {max-width:800px;  margin-left:auto; margin-right:auto}

@media screen and (min-width: 800px) {
	ul.two-column-list {column-count: 2; }
	ul.two-column-list li {  break-inside: avoid-column;
-webkit-column-break-inside: avoid;}
}


.wp-block-columns.rx-listitmes {max-width:580px; font-size:1.2em; margin:32px auto}
span.smallType {font-size:.7em !important}

.smallTypeRed {font-size:.8em !important; color:red; margin-top:-12px}


@media only screen and (min-width:782px){
	.desktopHide {display:none}
}
@media only screen and (max-width:782px){
	.columnsContain {max-width:350px; margin:22px auto}
}

 /* contact page contact form 7 */

.contactFormContain {width:100%; padding:2% 3% 3%; background:#f1f4f9}

.contactRow h2 {text-align:center}
.formText {text-align:center; margin-bottom:16px}
.contactRow {width:96%; background:#fef8e8; padding:22px 2% 11px 2%}



 input[type=checkbox], input[type=radio] { width: 18px !important; height: 18px !important;  }
input.wpcf7-quiz {max-width:44px !important; margin-top:22px !important;}
 .submitStyle {display:block;}
 .ajax-loader {position:absolute !important; z-index:8;}
input[type=submit]:not(:active):not(.has-background){background:#1c4f72; border:1px solid #eb9c54; padding:5px 8px !important; font-size:1.1em; color:#fff; text-transform:uppercase}
input[type=submit]:hover {background:#28628a !important; background-color:#28628a !important; cursor:pointer}

.contactDiv label {font-size:inherit !important;}
.contactDiv p {margin:0 auto 3px !important}
.contactDiv input {margin-top:8px; padding:3px 8px}
.contactDiv input:focus,  .contactDiv textarea:focus{background-color:#fff7f0}
.contactForm1{margin-left: 44px; width:40% }
.contactForm2{text-align:center }
.contactForm1 input { width:40%; }
.contactForm3{text-align:center }
.contactForm3 textarea{ width:100%; border:1px solid #0a458c }

.contactDiv { max-width:266px; margin:22px auto;  width:90%; font-size:14px; line-height:1.5;   }
.contactDiv input {margin-bottom:0px }
.contactLeft { width:270px;  margin-right:20px; margin-bottom:6px}
.contactLeft input {  width:270px; }

.contactRight { width:260px; margin-bottom:6px}
.contactRight  input {  width:270px; float:left}
.contactSingle { width:270px; margin-bottom:6px}
.contactSingle input{ width:270px; }

.contactAdd { width:40% }
.address { width:270px; float:left; margin-right:20px; }
.address input{ width:270px; margin-bottom:0px;}
.city { float:left; width: 128px;  margin-right:12px;}
.city input { width:128px; margin-bottom:0px}
.stateC {float:left; width:36px; margin-right:12px; margin-bottom:0px}
.stateC input { width:36px }
.zip { float:left; width:80px; margin-bottom:6px}
.zip input { width:80px}

.clarifiy {padding-left:42px; display:block}

.contactSubmit { text-align:center;  margin:8px auto; }

.submitStyle { text-align:center; position:relative; display:block; }
.wpcf7-spinner {position:absolute; right:0}

.interests { margin:14px auto 18px auto}

.wpcf7-form input[type=text], .wpcf7-form input[type=email], input[type="tel"]  {  height:36px; border:1px solid #0a458c; font-size:14px}

.city-state-zip:before { content:"."; display:block; height:0; clear:both;visibility:hidden }
.wpcf7-spinner {display:block !important}
@media only screen and (min-width:640px){
	.contactDiv { max-width:560px;}
    .contactLeft,.contactRight  { float:left;}
	.city-state-zip:before { content:""; display:inline; height:auto; clear:none;visibility:hidden }
}


p.acceptanceArea {text-align:center; font-size:14px}



textarea.full-width-textarea {width:100% !important; border:1px solid #cd702d !important; margin:0 auto; }





.sm-coast ul li a sup {font-size:8px;}

.pgcsimplygalleryblock-albumnavigator-cover:hover .pgcsimplygalleryblock-albumnavigator-sub-wrap .pgcsimplygalleryblock-albumnavigator-title, .pgcsimplygalleryblock-albumnavigator-cover.pgc-loading .pgcsimplygalleryblock-albumnavigator-sub-wrap .pgcsimplygalleryblock-albumnavigator-title, .pgcsimplygalleryblock-albumnavigator-cover .pgcsimplygalleryblock-albumnavigator-sub-wrap .pgcsimplygalleryblock-albumnavigator-title 
 {text-align:center !important; padding:6px !important}
sep {color:inherit !important}
.pgc-rev-lb-d-informer-title {display:none !important}
.single-pgc_simply_gallery .eyebrow, .single-pgc_simply_gallery .galleryNav {display:none !important}

.grecaptcha-badge, .g-recaptcha { bottom:18px !important  }
.grecaptcha-badge:hover, .g-recaptcha:hover { bottom:18px !important } 

.suasion { margin:12px auto 0 !important; font-size:11px; width:100%; text-align:center; padding-bottom:32px; color:#fff }
.suasion a {color:#fff; }

@media only screen and (max-width:800px){
	.footerRight {padding-bottom:48px}
	.grecaptcha-badge, .g-recaptcha { bottom:28px !important  }
.grecaptcha-badge:hover, .g-recaptcha:hover { bottom:28px !important } 
}

/* icon sepearator block css  */
.iconseperator {width:100%; margin:44px auto; text-align:center; }
.iconseperator svg {max-width:200px; width:100%; height:auto; margin:auto}
@media screen and (min-width: 480px) {
 .iconseperator svg {max-width:300px; }
   }

/*  featured area block  */

.featuredArea { position:relative; display:block; padding-top:28px; padding-bottom:28px; margin-top:52px; margin-bottom:52px }
.featuredArea h2 {text-align:center; color:#fff; margin:8px auto 22px; }
.featuredBlockContain {  margin: 12px auto;   width:84%; max-width:1240px;   background:#fff; min-height:252px;  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding:4%;}

.flexContain { flex-direction:column; display: flex; align-items: center;  justify-content: center;   gap: 3%;}
.flexContain {padding-bottom:28px; margin-bottom:28px; border-bottom:1px solid #0a458c}
.flexContain:last-of-type {padding-bottom:0; margin-bottom:0; border-bottom:none }

.featuredleftColumn, .featuredrightColumn { max-width:96%;}
.featuredleftColumn img, .featuredrightColumn img {max-width:300px;}

.featuredBlockContain h3 {text-align:center;margin:16px auto; }



@media only screen and (min-width:640px){
	 .featuredArea h2 { margin:0 auto; }
	.flexContain {flex-direction:row;}
	.featuredleftColumn img, .featuredrightColumn img {max-width:100%}
	.featuredleftColumn { width:280px}
.featuredrightColumn {width:calc(100% - 280px)}
	.featuredBlockContain h3 {text-align:left;}
	
}


.featuredBlockContain h2 {text-align:center}



@media only screen and (min-width:800px){
	/*.featuredArea {padding-top:32px; padding-bottom:32px;} */
	.featuredBlockContain {margin: 32px auto;}
}

@media (min-width:1550px){

	.sm-coast {max-width:830px}

		}


		.blackBGArea { background:#000;  border-top:5px solid #CD0003; border-bottom:5px solid #CD0003}
		.redBGArea { background:#CD0003;  border-top:5px solid #000; border-bottom:5px solid #000}


					
@media screen and (min-width: 800px) {
.blackBGArea { border-top:4px solid #CD0003; border-bottom:4px solid #CD0003}
.redBGArea { border-top:4px solid #000; border-bottom:4px solid #000}

    }
		
.besafeBtn a {text-align:center; text-decoration:none; text-transform:uppercase; line-height:1; padding:8px 11px; color:#fff; background:#000; width:144px; margin:8px auto; display:block}
.besafeBtn a:hover {background:#CD0003; color:#fff}

@media screen and (min-width: 640px) {
	.besafeBtn a {text-align:center; margin:8px 0}	
}


/* coalition logos for secondary pages  */

.coalitionLogo {  max-width:180px; margin:52px auto 0}

@media screen and (min-width: 800px) {
.coalitionLogo {  max-width:272px; margin:32px auto 0}
}


					.callToActionNav ul {list-style:none; margin:0; padding:0; text-align:center;display: flex;  align-items: center; justify-content: center; flex-direction:row; background:#000; padding:3px 0; ;border-top:1px solid #698db9; ;border-bottom:1px solid #698db9;  flex-wrap:wrap; flex: 1;}
		
		.callToActionNav ul li {width:50%; cursor:pointer}
		.callToActionNav:hover { cursor:pointer}
		
				.callToActionNav ul li a {text-decoration:none; text-transform:uppercase; font-size:21px; font-size: clamp(15px, 1.4vw, 19px); color:#fff; display:block; padding:9px; line-height:1.4 !important;border-right:1px solid #698db9;  letter-spacing:.05em; font-weight:500;cursor:pointer}
		.callToActionNav ul li:nth-child(4) a {border-right:none}
		.callToActionNav ul li a:hover {background:#0a458c;  }

.callToActionNav ul li:nth-child(1) a, .callToActionNav ul li:nth-child(2) a {letter-spacing:-.035em}
.callToActionNav ul li:nth-child(3) a, .callToActionNav ul li:nth-child(4) a {letter-spacing:.035em}

@media (max-width:979px){
.callToActionNav ul li:nth-child(2) a { border-right:none !important}
}
		
		
		callToActionNav ul li:nth-child(2) a {border-right:none}
		.callToActionNav ul li:nth-child(3), .callToActionNav ul li:nth-child(4) {  border-top:1px solid #698db9;}
				
				
						@media (min-width:980px){
	
							.callToActionNav ul li a {padding:14px 9px; min-height: 44px;}
			.callToActionNav,#menu-calltoaction {aspect-ratio:34/1; margin-top: 131px;}
			.callToActionNav ul li { width:25% !important}
				.callToActionNav ul li:nth-child(3), .callToActionNav ul li:nth-child(4) {  border-top:none !important }
			/* .callToActionNav ul li:nth-child(2) a{border-right:1px solid #eb9c54;} */
		}

.ruleBtn2, .ruleBtn3 {
margin: 42px 6% 32px 6% ;
width: 88%;
position: relative;
height: 1px;
border-top: 1px solid #0a458c;
overflow: visible;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.ruleBtn3 { width: 100% !important; margin: 42px 0 32px 0 !important ; border-top: 1px solid #0a458c;}

			
.ruleBtn2 a, .ruleBtn3 a {
min-height: 22px;
background: #CD0003;
z-index: 1;
position: absolute;
top: -18px;
left: 0;
right: 0;
margin: 0 auto;
text-decoration: none;
line-height: 1;
font-variation-settings: "wght" 600;
color: #fff;
text-transform: uppercase;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius:6px;

}


.ruleBtn2 a { font-size:.85em; padding: 9px 0 1px; width: 180px;}
.ruleBtn3 a {background: #0a458c !important; font-size:.1.2em !important; padding: 9px 0; width: 200px; }
.ruleBtn2 a:hover {color:#fff; background:#000000}	
.ruleBtn3 a:hover {color:#fff; background:#000000 !important}	

/* resouce guides  */ 
.resource-guides {display: flex;  align-items: center;
  justify-content: center; max-width:460px; margin:0 auto; gap:10%; flex-direction:column}
.resource-guides div {width:42%; position:relative; font-size:.8em; text-align:center; margin: 0 auto 22px}
.resource-guides a {text-decoration:none; position:absolute; top:0; right:0; bottom:0; left:0; }
	
 @media (min-width:640px){
.resource-guides {display: flex;  align-items: center;flex-direction:row !important;
  justify-content: center; max-width:460px;  gap:10%}
.resource-guides div {width:90%; }


/* palette colors */

.has-jrac-blue-color, mark.has-jrac-blue-color {color:#0a458c !important;}
.has-jrac-blue-background-color {background-color:#0a458c}
.has-gold-color, mark.has-.has-gold-color {color:#936c15 !important}
.has-gold-background-color {background-color:#936c15}
.has-black-color, mark.has-black-color {color:#000 !important}
.has-black-background-color, mark.has-black-background-color {background-color:#000000}
.has-a-white-color, .mark.has-a-white-color {color:#ffffff !important}
.has-a-white-background-color {background-color:#ffffff}
.has-red-color, .mark.has-red-color {color:#d3273e}
.has-red-background-color {background-color:#d3273e}
.has-gray-color, mark.has-gray-color {color:#6b767d}
.has-gray-background-color {background-color:#6b767d}
.has-light-gray-color-background-color {background-color:#e8edf2}