/*
Theme Name: Harness Dickey 2025
Theme URI: https://www.harnessip.com
Description: The theme for Harness IP
Author: TOKY Branding + Design
Developer: Herrmann Advertising | Branding | Technology
Version: 2.1 031925
Requires at least: 6.0
Tested up to: 6.5.4
Requires PHP: 8.0
*/
/* ----------------------------------------------
THEME STYLES   
------------------------------------------------- */
body, html {
	margin: 0px;
	padding: 0px;
	font-family: "Montserrat", serif;
	font-optical-sizing: auto;
	color:#222;
	background-color:#FFF;
	font-size: 16px;
	font-size: 100%;
	-webkit-text-size-adjust: none;
	position: relative;
	height: 100%;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: none;
}
/*========= basic global font sizes =============*/

/* add typography.css

/* --------- other helpers and overrides ---------*/

ul, menu, dir {
	display: block;
	list-style-type: disc;
	margin:0;
	padding: 0;
	margin-left:1rem;
}
a, a:visited {
	color:#028FB4;
	text-decoration: none;
	transition: all 0.1s ease-in-out 0s;
}
a:hover, a:focus {
	color: #F27026;
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
a:focus {
	outline: thin dotted;
}

/* telephone links  */

a[href^="tel:"], a[href^="tel:"]:visited {
color: inherit;
font-weight:inherit;
text-decoration:none;
border:none;
}
 a[href^="tel:"]:hover {
color: inherit;
font-weight:inherit;
border:none;
}
img {
	max-width: 100%;
	height: auto
}
img.fullwidth {
	width: 100%;
	height: auto
}
figure {
	padding: 0px;
	margin: 0px
}
.overflow {
	overflow:hidden;
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden
}
.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;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}
a#skiptocontent {
	padding: 6px;
	position: absolute;
	top: -60px;
	left: 0px;
	color:#FFF;
	background: #028FB4;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-bottom-right-radius: 8px;
	background: transparent;
	-webkit-transition: top 1s ease-out, background 1s linear;
	transition: top 1s ease-out, background 1s linear;
	z-index: 100
}
a#skiptocontent:focus {
	position: absolute;
	left: 0px;
	top: 0;
	color:#FFF;
	background: #028FB4;
	outline: 0;
-webkit-transition: top .1s ease-in, background .5s linear;
transition: top .1s ease-in, background .5s linear;
	margin-bottom:200px;
}
.iframe-container {
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
}
.iframe-container iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.error-message {
	color:#cc0000;
	font-weight:bold;
}
a.anchor {
	display: block;
	position: relative;
	top: -130px;
	visibility: hidden;
	scroll-behavior:smooth;
}
.no-brk {
	display:inline;
	white-space: nowrap;
}
/* =========== CONTAINERS ================= */
.container {
	width:95%;
	max-width:95%;
	margin-left:auto;
	margin-right:auto;
}
 @media only screen and (min-width: 768px) {
.container {
width:90%;
 max-width:90%;
}
 .container-wide {
width:92%;
 max-width:92%;
}
}
 @media only screen and (min-width: 992px) {
 .container {
 width:85%;
 max-width:85%;
}
 .container-wide {
width:92%;
 max-width:92%;
}
}
 @media only screen and (min-width: 1200px) {
 .container {
 width:80%;
 max-width:80%;
}
 .container-wide {
width:90%;
 max-width:90%;
}
}
.content-padding {
	padding-top:30px;
	padding-bottom:30px;
}
 @media only screen and (min-width: 576px) {
 .content-padding {
 padding-top:60px;
 padding-bottom:30px;
}
}
 @media only screen and (min-width: 1200px) {
 .content-padding {
 padding-top:60px;
 padding-bottom:60px;
}
}
.lg-gutters {
	margin-right:-24px;
	margin-left:-24px;
}
 .lg-gutters > [class*='col-'] {
 padding-right:24px;
 padding-left:24px;
}
 @media only screen and (min-width: 992px) {
.xl-gutters {
 margin-right:-30px;
 margin-left:-30px;
}
 .xl-gutters > [class*='col-'] {
 padding-right:30px;
 padding-left:30px;
}
}
.card {
	background-color: transparent;
	background-clip: border-box;
	border: none;
	border-radius: 0;
}
.card-img-overlay {
	padding: 0;
	border-radius:0;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.card-img, .card-img-bottom, .card-img-top {
	border-radius:0;
}
.img-border {
	background-color:#FFF;
	border: 3px solid #FFF;
}
.img-border:hover {
	border: 3px solid #FFF;
}
 @media only screen and (min-width: 992px) {
.twocol {
 -moz-column-count: 2;
 -webkit-column-count: 2;
 column-count: 2;
 -webkit-column-gap: 30px;
 column-gap: 30px;
}
 .entry-content div.twocol {
 -webkit-column-gap: 40px;
 column-gap: 40px;
}
 ul.twocol li {
 -webkit-column-break-inside: avoid;
 page-break-inside: avoid;
 break-inside: avoid-column;
}
}
 @media only screen and (min-width: 1200px) {
ul.twocol {
 -webkit-column-gap: 50px;
 column-gap: 50px;
}
}
/* =========== buttons and colors ================= */

button {
	background-color: transparent;
	border: none;
}
.btn {
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 1;
 letter-spacing:.025rem;
	text-align: center;
	text-transform:uppercase;
	white-space:  normal;
	vertical-align: middle;
	display: inline-block;
	text-decoration: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-width: 2px;
	border-color: transparent;
	border-radius: 0;
	margin-bottom: 0;
	padding: 14px;
	padding-right: 26px;
	padding-left: 26px;
}
a.btn, .content a.btn:link, .content a.btn:visited, .content a.btn:hover, .content a.btn:focus {
	text-decoration:none;
}
.btn-orange, .btn-orange:visited {
	color: #FFF;
	background-color:#F27026;
	border-color: #F27026;
}
a.btn-orange:hover, a.btn-orange:focus {
	color: #FFF;
	background-color:#f0600e;
	border-color: #f0600e;
}
.btn-outline, .btn-outline:visited {
	color: #1A385C;
	font-weight:700;
	background-color:#FFF;
	border-width: 2px;
	border-style: solid;
	border-color: #6b809c;
}
a.btn-outline:hover, a.btn-outline:focus {
	background-color:#1A385C;
	color: #FFF;
}
/* colors and backgrounds */
.bg-blue {
	background-color: #1A385C;
}
.bg-vltblue {
	background-color: #f4f5f7;
}
.bg-pink {
	background-color: #FCF;
}
hr {
	display: block;
	height: 2px;
	border: 0;
	border-top: 2px solid #b7b0ac;
	margin: 1em 0;
	padding: 0;
	margin-bottom:20px;
}
/* ================================================= */
/* ====================== header ================= */
/* ================================================= */





/* add header stylesheet here */

/* ================================================= */
/* ====================== home page ================= */
/* ================================================= */

/* -------- owl carousel theme styles -------- */

.owl-carousel {
	-webkit-animation-duration:1000ms;
	animation-duration:1000ms;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.owl-carousel .owl-item {
	-webkit-transition:opacity 400ms ease;
	-moz-transition:opacity 400ms ease;
	-ms-transition:opacity 400ms ease;
	-o-transition:opacity 400ms ease;
	transition:opacity 400ms ease
}
.owl-theme .owl-dots {
	padding-top:30px;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
 *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
	width: 20px;
	height: 20px;
	margin: 10px;
	background: #BABABA;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 50%;
}
 @media only screen and (min-width: 480px) {
.owl-theme .owl-dots .owl-dot span {
width: 28px;
 height: 28px;
 margin: 12px;
}
}
 @media only screen and (min-width: 768px) {
.owl-theme .owl-dots .owl-dot span {
 width: 20px;
 height: 20px;
 margin: 10px;
}
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #F27026;
}
.home_slider .owl-dots {
	position:absolute;
	left:0;
	right:0;
	bottom:10%;
}
.home_slider .owl-dots.owl-dots .owl-dot span {
	background: #FFF;
}
.home_slider.owl-theme .owl-dots .owl-dot.active span, .home_slider .owl-theme .owl-dots .owl-dot:hover span {
	background: #F27026;
}
/* owl carousel overrides */
.owl-carousel {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.owl-carousel .owl-item {
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease
}
.owl-carousel:focus, .owl-carousel .owl-item:focus {
	outline: none;
}
.owl-carousel .owl-nav {
	text-align: center;
}
/* owl arrows for sliders */
main .owl-carousel .owl-nav .owl-prev, main .owl-carousel .owl-nav .owl-prev:hover {
	background-image: url(images/prev-arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
main .owl-carousel .owl-nav .owl-next, main .owl-carousel .owl-nav .owl-next:hover {
	background-image: url(images/next-arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	z-index: 800;
	top: 50%;
	bottom: auto;
	margin: 0;
	margin-top: -22px;
	width: 36px;
	height: 44px;
}
@media only screen and (min-width: 992px) {
 .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
 top: 50%;
 bottom: auto;
 margin: 0;
 margin-top: -24px;
 width: 26px;
 height: 48px;
}
}
.owl-theme .owl-nav .disabled {
	opacity: .8;
}
.owl-theme .owl-nav [class*=owl-] {
 opacity: .8;
}
.owl-theme .owl-nav [class*=owl-]:hover {
 background-color: transparent;
 opacity: 1;
}
.owl-prev {
	left: 2px;
}
.owl-next {
	right:  2px;
}
 @media only screen and (min-width: 768px) {
.owl-prev {
 left: 2.5%;
}
.owl-next {
 right: 2.5%;
}
}
/* -------- home hero -------- */
.image-wrap {
	position:relative;
}
 @media only screen and (min-width: 992px) {
.home-hero .fullwidth {
 max-height:calc(100vh - 130px);
}
}
 @media only screen and (min-width: 1400px) {
.home-hero .fullwidth {
 max-height:calc(100vh - 150px);
}
}
.home-hero .image-wrap:before {
	content:'';
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: linear-gradient(to right, rgba(26, 56, 92, .7) 0%, rgba(26, 56, 92, 0.68) 32%, rgba(26, 56, 92, 0) 100%);
	z-index:0;
}
.home-hero .image-wrap img {
	min-height:450px;
}
 @media only screen and (min-width: 768px) {
 .home-hero .image-wrap img {
 min-height: inherit;
}
}
.home-hero .card-img-overlay {
	align-items:flex-start;
	padding-top:33%;
	color:#FFF;
	z-index:1;
}
 @media only screen and (min-width: 480px) {
.home-hero .card-img-overlay {
 padding-left:5%;
}
}
 @media only screen and (min-width: 575px) {
.home-hero .card-img-overlay {
padding-top:38%;
}
}
 @media only screen and (min-width: 768px) {
.home-hero .card-img-overlay {
 padding-left:10%;
 padding-top:8%;
}
}
 @media only screen and (min-width: 992px) {
.home-hero .card-img-overlay {
 padding:0;
 padding-top:8%;
}
}
.home-hero .card-img-overlay h2 {
	font-size:10.317vw;
	font-weight:600;
	line-height:1;
 letter-spacing:-.05rem;
	color:#FFF;
	margin-bottom:10px;
}
 @media only screen and (min-width: 480px) {
.home-hero .card-img-overlay h2 {
 font-size:50px;
 margin-bottom:20px;
}
}
 @media only screen and (min-width: 575px) {
.home-hero .card-img-overlay h2 {
 font-size:60px;
 margin-bottom:28px;
}
}
 @media only screen and (min-width: 768px) {
 .home-hero .card-img-overlay h2 {
 font-size:6.389vw;
 margin-bottom:10px;
}
}
 @media only screen and (min-width: 992px) {
.home-hero .card-img-overlay h2 {
 margin-bottom:20px
}
}
 @media only screen and (min-width: 1400px) {
.home-hero .card-img-overlay h2 {
 font-size:92px;
 margin-bottom:40px;
}
}
.home-hero .card-img-overlay h2 span {
	display:block;
	margin-left:65px;
}
 @media only screen and (min-width: 1400px) {
.home-hero .card-img-overlay h2 span {
 margin-left:180px;
}
}
.home-hero .card-img-overlay p {
	font-size:18px;
	line-height:130%;
	color:#FFF;
	font-weight:600;
	margin-right:15%;
}
 @media only screen and (min-width: 480px) {
.home-hero .card-img-overlay p {
 font-size:20px;
 padding-right:20%;
}
}
 @media only screen and (min-width: 768px) {
 .home-hero .card-img-overlay p {
 /*font-size:2.083vw;  30 */
 font-size:16px;
 padding-right:0;
}
}
 @media only screen and (min-width: 992px) {
 .home-hero .card-img-overlay p {
 font-size:1.667vw; /* 24 */
 padding-right:20%;
}
}
 @media only screen and (min-width: 1400px) {
.home-hero .card-img-overlay p {
 font-size:24px;
}
}
/* home stats */
.home-stats {
	position:relative;
	z-index:2;
}
 @media only screen and (min-width: 768px) {
.home-stats {
 -js-display: flex;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
}
}
.stat-circle {
	width:219px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:34px;
}
 @media only screen and (min-width: 480px) {
 .stat-circle {
 width:330px;
}
}
 @media only screen and (max-width: 767px) {
.stat-circle:first-of-type {
 margin-top:-62px;
}
}
 @media only screen and (max-width: 479px) {
.stat-circle:first-of-type {
 margin-top:-40px;
}
}
 @media only screen and (min-width: 768px) {
 .stat-circle {
 width:174px;
 margin-top:-32px;
}
}
 @media only screen and (min-width: 992px) {
 .stat-circle {
 width:224px;
 margin-top:-42px;
}
}
 @media only screen and (min-width: 1200px) {
 .stat-circle {
 width:273px;
 margin-top:-50px;
}
}
 @media only screen and (min-width: 1400px) {
 .stat-circle {
 width:330px;
 margin-top:-61px;
}
}
.stat-circle .card-img-overlay {
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items:flex-start;
	justify-content: center;
	padding-top:22.5%;
}
.stat-circle span {
	display:block
}
.stat-circle p {
	font-size:22px;
	line-height:100%;
	text-align:center;
	color:#1A385C;
	font-weight:600;
}
.stat-circle p .text-large {
	font-size:110px;
	font-size:335%;
	line-height:70%;
	margin-top:10px;
	margin-bottom:10px;
}
.stat-circle p .text-small {
	font-size:74%;
	line-height:100%;
}
 @media only screen and (min-width: 480px) {
.stat-circle p {
 font-size:30px;
}
}
 @media only screen and (min-width: 768px) {
.stat-circle p {
 font-size:17px;
}
 .stat-circle p .text-large {
 margin-top:5px;
 margin-bottom:5px;
}
}
 @media only screen and (min-width: 992px) {
.stat-circle p {
 font-size:21px;
}
 .stat-circle p .text-large {
 margin-top:7px;
 margin-bottom:7px;
}
}
 @media only screen and (min-width: 1200px) {
.stat-circle p {
 font-size:24px;
}
}
 @media only screen and (min-width: 1400px) {
.stat-circle p {
 font-size:30px;
}
 .stat-circle p .text-large {
 margin-top:10px;
 margin-bottom:10px;
}
}
/* home featured and featured card */
.home-featured {
	padding-bottom:30px;
}
h2.featured {
	font-size:30px;
	text-align:center;
	text-transform:uppercase;
	color:#F27026;
	font-weight:600;
	margin-bottom:30px;
}
 @media only screen and (min-width: 1400px) {
h2.featured {
 font-size:36px;
}
}
.featured-card .image-wrap:before {
	content:'';
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: linear-gradient(to bottom, rgba(26, 56, 92, 0) 0%, rgba(26, 56, 92, 0.68) 50%, rgba(26, 56, 92, .8) 100%);
	z-index:0;
}
.featured-card .card-img-overlay {
	padding:12%;
	padding-bottom:9%;
	color:#FFF;
	z-index:2;
	align-items: flex-end;
}
 @media only screen and (min-width: 768px) {
.featured-card .card-img-overlay {
padding:12%;
 padding-right:16%;
 padding-bottom:9%;
}
}
 @media only screen and (min-width: 1400px) {
.featured-card .card-img-overlay {
 padding:15.6%;
 padding-right:24%;
 padding-bottom:9%;
}
}
.featured-card .cat-wrapper {
	position:absolute;
	top:0;
	left:0;
	height:33%;
	width:77.7%;
	height:38%;
	width:90%;
	padding-top:7%;
	padding-left:7%;
	background-image: url(images/card-header-angle.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
}
 @media only screen and (min-width: 768px) {
 .featured-card .cat-wrapper {
 padding-top:5%;
}
}
 @media only screen and (min-width: 1200px) {
 .featured-card .cat-wrapper {
 padding-top:8%;
}
}
.featured-card p {
	font-size:19px;
	line-height:125%;
	font-weight:600;
	position:relative;
	color:#FFF;
}
.featured-card p.eyebrow {
	font-size:18px;
}
 @media only screen and (min-width: 375px) {
.featured-card p {
 font-size:24px;
 font-weight:600;
 position:relative;
}
.featured-card p.eyebrow {
 font-size:18px;
}
}
 @media only screen and (min-width: 768px) {
 .featured-card p {
 font-size:1.4vw;
 font-size:13px;
}
.featured-card p.eyebrow {
 font-size:1.25vw;
 font-size:12px;
}
}
 @media only screen and (min-width: 992px) {
 .featured-card p {
 font-size:1.4vw;
}
.featured-card p.eyebrow {
 font-size:1.25vw;
}
}
 @media only screen and (min-width: 1400px) {
.featured-card p {
 font-size:18px;
}
.featured-card p.eyebrow {
 font-size:16px;
}
}
.featured-card a p:hover, .featured-card a p:focus {
	text-decoration:underline;
}
.featured-card a p.eyebrow:hover, .featured-card p.eyebrow:focus {
	text-decoration: none;
}
.featured-card p:after {
	content:'';
	width:12px;
	height:18px;
	display:inline-block;
	background-image:url(images/arrow-white-right.png);
	background-repeat:no-repeat;
	background-position:center left;
	background-size:contain;
	margin-bottom:-5px;
	margin-left:8px;
}
 @media only screen and (min-width: 1200px) {
.featured-card p:after {
 width:15px;
 height:23px;
}
}
.featured-card p.eyebrow:after {
	background-image: none;
}
/* home video */

.home-video {
	padding-bottom:60px;
}
.video-wrap {
	position:relative;
	width:100%;
}
.video-wrap:before {
	content:'';
	position:absolute;
	width:24%;
	height:24%;
	left:38%;
	top:38%;
	background-image: url(images/icon-play.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.home-video img {
	margin-bottom:30px;
}
 @media only screen and (min-width: 768px) {
.home-video img {
 margin-bottom:0;
}
}
.home-video p {
	font-size:24px;
	color:#1A385C;
	font-weight:600;
}
 @media only screen and (min-width: 768px) {
.home-video p {
 font-size:1.667vw;
}
}
 @media only screen and (min-width: 1400px) {
.home-video p {
 font-size:24px;
}
}
/* mfp overrides */


.mfp-close {
	width: 64px;
	height: 64px;
	line-height: 64px;
	position: absolute;
	right: 15px;
	top: 15px;
	text-decoration: none;
	text-align: center;
	opacity: 0.85;
	padding: 0 0 18px 10px;
	font-style: normal;
	font-size: 38px;
	font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover {
	opacity: 1;
}
.mfp-close-btn-in .video-pop .mfp-close {
	color: #FFF !important;
}
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: .95;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	height: 100%;
}
.mfp-container {
	padding: 0;
}
.video-pop {
	height: 100%;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
.video-wrapper {
	width: 100%;
}
/* ================================================= */
/* ====================== inner pages ================= */
/* ================================================= */
.pagetools {
	color:#FFF;
	background-color:#1A385C;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	padding-top:7px;
	padding-bottom:5px;
	margin-top:20px;
	position: relative;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index:300;
}
 @media only screen and (max-width: 767px) {
 .pagetools span {
 display:none;
}
}
 @media only screen and (min-width: 768px) {
 .pagetools {
 color:#FFF;
 margin-top:0;
}
 .pagetools img {
 margin-right:3px;
}
 .pagetools a {
 color:#FFF;
}
 .pagetools a:hover, .pagetools a:focus {
 color:#028FB4;
}
}
/* page tools alternate no blue bar */


.pagetools-alt {
	color:#1A385C;
	background-color:transparent;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	padding-top:7px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:10px;
	position: relative;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index:300;
}

 @media only screen and (min-width: 768px) {

.pagetools-alt {
	margin:0;
	margin-top:20px;
	
}


}


.pagetools-alt img.icon {
	width:31px;
	padding:6px;
	background-color:#FFF;
	border-radius:2px;
	border: 1px solid #6B7F94;
}
 @media only screen and (max-width: 767px) {
 .pagetools-alt span {
 display:none;
}
}
 @media only screen and (min-width: 768px) {
 .pagetools-alt {
 color:#1A385C;
 margin-top:0;
}
 .pagetools-alt img {
 margin-right:3px;
}
 .pagetools-alt img.icon {
 width: auto;
 padding:0;
 background-color: transparent;
 border-radius:0;
 border:none;
}
 .pagetools-alt a {
 color: inherit;
}
 .pagetools-alt a:hover, .pagetools-alt a:focus {
 color:#028FB4;
}
}
/* page banner */
.pagebanner {
	padding-top:85px;
	padding-bottom:40px;
	background-color:#F4F5F7;
	position:relative;
}
.pagebanner .container {
	position:relative;
	z-index:3;
}
.pagebanner p {
	font-size:22px;
	line-height:163%;
}
/* read more read less */
[aria-expanded="false"] > .expanded,
 [aria-expanded="true"] > .collapsed {
 display: none;
}
.readmore {
	
}
.readmore button, .readmore .btn {
	font-size: 90%;
	font-weight: 500;
	color:#F27026;
	text-decoration: none;
	border: none;
	text-transform:uppercase;
	padding-left:0;
	position:relative;
}
.readmore button:after, .readmore .btn:after {
	content:'\002B';
	
	
}

.readmore button[aria-expanded="true"]:after, .readmore .btn[aria-expanded="true"]:after {
	content:'\2212';
	padding-left:3px;
	
	
}




/* bio detail */
.maincontent {
	position: relative;
}
 @media only screen and (max-width: 991px) {
 .bio-photo {
	 max-height:300px;
 overflow:hidden;
 -js-display: flex;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 justify-content: center;
 background-color:#f4f4f4;
}
 .bio-photo img {
 height:460px;
 width:auto;
 margin:20px auto 0;
}
}
 @media only screen and (min-width: 992px) {
 .bio-photo {
 position: absolute;
 position: fixed;
 top:25vh;
 right:0;
 left: auto;
 width:38%;
 z-index:0;
 overflow:hidden;
}
 .bio-photo img {
 height:auto;
 width:100%;
 margin:50px auto 0;
}
}
.titlebar {
	padding-left:12px;
	height:36px;
	width:100%;
	background-color:#1A385C;
	margin-bottom:26px;
	position:relative;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
 @media only screen and (min-width: 768px) {
.titlebar {
 width:90%;
}
}
.titlebar:after {
	content:"";
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:48px;
	height:36px;
	background-image:url(images/title-bar-angle.png);
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:right top;
	background-size:contain;
	z-index:1;
}
 @media only screen and (max-width: 768px) {
 .titlebar:before {
 content:"";
 position:absolute;
 left:0;
 top:0;
 bottom:0;
 margin-left:-100px;
 width:100px;
 height:36px;
 background-color:#1A385C;
}
}
.titlebar p {
	font-size:14px;
	line-height:1;
	text-transform:uppercase;
	font-weight:700;
	color:#FFF;
	margin:0;
	position:relative;
	z-index:2;
}
 @media only screen and (min-width: 768px) {
.titlebar p {
 font-size:16px;
}
}
.bio-content {
	padding-top:40px;
}
.bio-content h3 {
	color:#000;
	font-size:15px;
	font-weight:700;
	text-transform:uppercase;
}
.bio-content .tab-content ul a {
	font-weight:600;
	border:none;
}
.bio-content .related-practices a {
	font-weight:600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: inherit;
}
.bio-content .related-practices a:hover, .bio-content .related-practices a:focus {
	color: #F27026;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: inherit;
}
.bio-content article {
	margin-bottom:30px;
}
.bio-content .content p, .bio-content .content ul li, .bio-content article ul li {
	font-size:15px;
}
.vcard-box {
	padding:18px;
	margin-bottom:40px;
	color:#FFF;
	background-color:#1A385C;
}
.vcard-box p {
	font-size:14px;
	margin-bottom:2px;
}
.vcard-box p a {
	color:inherit;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:  #FFF;
}
.vcard-box p a.download {
	font-size:13px;
	font-weight:700;
	border:none;
}
.vcard-box p a:hover, .vcard-box p a:focus {
	color:#F27026;
}
/* attorney listing */


.contactinfo.card {
	padding-bottom:30px;
}
.contactinfo.card img {
	width:80%;
	max-width:200px;
}
 @media only screen and (min-width: 768px) {
 .contactinfo.card img {
 width:100%;
 max-width:100%;
}
}
.contactinfo.card h3 {
	font-size:16px;
	font-weight:700;
	text-transform:none;
	margin:0;
	margin-top:10px;
}
.contactinfo.card p {
	font-size:13px;
	margin:0;
}
.contactinfo.card a.imagelink {
	text-decoration:none;
	border:none;
}
/* sidebar */

.sidebar {
	padding-top:20px;
}
 @media only screen and (min-width: 992px) {
 .sidebar {
 padding-top:0;
}
}
.sidebar h2, .sidebar ul.nav-tabs {
	font-size:22px;
	color: #1A385C;
 margin-bottom: .5rem;
	font-weight: 700;
	line-height: 1.2;
}
.section-nav {
	background-color:#F4F5F7;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #a3afbd;
	padding:28px;
	padding-top:16px;
	padding-bottom:16px;
	position:relative;
}
.section-nav:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:75px;
	width:100%;
	background-image:url(images/sidebar-nav-angle.png);
	background-repeat:no-repeat;
}
.section-nav h2, .section-nav ul {
	position:relative;
	z-index:1;
}
.section-nav ul {
	font-size:18px;
	list-style:none;
	margin:0;
	margin-top:18px;
}
.section-nav ul ul {
	margin-top:0;
	margin-left:21px;
}
.section-nav ul li {
	font-weight:600;
	padding-bottom:6px;
	margin-bottom:6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6B7E94;
}
.section-nav ul li:last-of-type {
	border:none;
}
.section-nav ul li ul li {
	font-weight:500;
	border:none;
	padding-bottom:3px;
	margin-bottom:0;
}
.section-nav ul a {
	color: #1A385C;
}
.section-nav ul a.active, .section-nav ul a:hover, .section-nav ul a:focus {
	color:#F27026;
}
/* pagetitle */

.pagetitle {
	background-color:#f4f5f7;
	background-image: url(images/pagetitle-angle.png);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
}
.pagetitle .container {
	position:relative;
	z-index:3;
}
/* alternate header background */


.header-bg2 {
	position:absolute;
	width:100%;
	top: auto;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
}
.header-bg3 {
	position:absolute;
	width:100%;
	height:100vh;
	top: auto;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background-color: #e8ebee;
}
/* practice listing */
.top-tabs {
	padding-top:50px;
	padding-bottom:30px;
}
.top-tabs ul {
	list-style:none;
	margin:0;
	padding:0;
}
 @media only screen and (min-width: 768px) {
 .top-tabs ul {
 position: relative;
 -js-display: flex;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 align-items: center;
 justify-content: flex-start;
}
}
 @media only screen and (max-width: 767px) {
 .top-tabs ul li {
 width:100%;
 margin-bottom:9px;
}
}
 @media only screen and (min-width: 768px) {
 .top-tabs ul li {
 margin:0;
 margin-right:15px;
}
}
.top-tabs ul li a {
	font-size:18px;
	font-weight:700;
	line-height:1;
	text-transform:uppercase;
 letter-spacing:.035rem;
	color:#FFF;
	background-color:#6b7e94;
	padding:12px;
	padding-left:36px;
	padding-right:36px;
	display:block;
	text-align:center;
	text-decoration:none;
}
 @media only screen and (min-width: 768px) {
 .top-tabs ul li a {
 display:inline-block;
}
}
 @media only screen and (min-width: 1400px) {
.top-tabs ul li a {
 min-width:300px;
}
}
.top-tabs ul li a:hover, .top-tabs ul li a:focus, .top-tabs ul li.current_page_item>a {
	background-color:#1A385C;
}
 @media only screen and (min-width: 768px) {
.practice-listing {
 -moz-column-count: 2;
 -webkit-column-count: 2;
 column-count: 2;
 -webkit-column-gap: 30px;
 column-gap: 30px;
}
 .practice-listing {
 -webkit-column-break-inside: avoid;
 page-break-inside: avoid;
 break-inside: avoid-column;
}
 .practice-listing article {
 -webkit-column-break-inside: avoid;
 page-break-inside: avoid;
 break-inside: avoid-column;
}
}
 @media only screen and (min-width: 1200px) {
.practice-listing {
 -webkit-column-gap: 60px;
 column-gap: 60px;
}
}
.practice-listing article {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #a3afbd;
	padding-bottom:40px;
}
.practice-listing article h2 {
	font-size:18px;
}
/* filter dropdowns */
.filters-wrapper {
	padding-bottom:10px;
	position:relative;
}
.col-12:last-of-type > .filters-wrapper {
	padding-bottom:30px;
}
 @media only screen and (min-width: 768px) {
.filters-wrapper {
 padding-bottom:30px;
}
.col-12:last-of-type > .filters-wrapper {
 padding-bottom:0;
}
}
.btn-filter {
	font-weight:700;
	color: #1A385C;
	width:100%;
	border-width: 2px;
	border-style: solid;
	border-color: #6b809c;
	background-image: url(images/arrow-ltblue-down.png);
	background-repeat: no-repeat;
	background-position: 95% center;
}
 @media only screen and (min-width: 576px) {
.btn-filter {
 width:300px;
}
}
.btn-filter:hover, .btn-filter:focus {
	background-color:#1A385C;
	color: #FFF;
}
.filters-wrapper .dropdown-menu {
	width:100%;
	min-width: inherit !important;
	margin-top:-4px !important;
	padding:0 !important;
	background-color:transparent;
	border:none !important;
}
 @media only screen and (min-width: 576px) {
 .filters-wrapper .dropdown-menu {
 width:300px;
 margin-top:-4px !important;
 padding:0 !important;
 background-color:transparent;
}
}
 .filters-wrapper .dropdown-toggle::after {
 display: none;
}
.filters-wrapper nav.cat-btn-wrapper {
	border-width: 2px;
	border-style: solid;
	border-color: #6b809c;
	color: #1A385C;
	background-color:#FFF;
}
.filters-wrapper nav ul {
	list-style:none;
	font-size:16px;
	margin:0;
	width:100%;
}
.filters-wrapper nav ul li {
	width:100%;
}
.filters-wrapper nav ul li a {
	font-weight:600;
	color: #1A385C;
	padding:15px;
	width:100%;
	display:block;
	text-decoration:none;
}
.filters-wrapper nav.cat-btn-wrapper ul li a {
	padding-top:6px;
	padding-bottom:6px;
}
.filters-wrapper nav.cat-btn-wrapper ul li:first-of-type a {
	padding-top:15px;
}
.filters-wrapper nav.cat-btn-wrapper ul li:last-of-type a {
	padding-bottom:15px;
}
.filters-wrapper nav ul li a:hover, .filters-wrapper nav ul li a:focus {
	color: #028FB4;
	background-color:#f4f5f7;
}
/* blog listing */

.bloglist-category h2 {
	margin:0;
	margin-bottom:20px;
}
.bloglist-card {
	width:100%;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #F27026;
}
.bloglist-card img {
	width:100%;
	height:auto;
}
.bloglist-card .card-body {
	padding:15px;
	background-color:#f4f5f7;
	margin-bottom:20px;
}
.bloglist-card h3 {
	font-size:16px;
	text-transform:none;
	color:#1A385C;
	margin-bottom:6px;
}
.bloglist-card h3 a {
	color:inherit;
}
.bloglist-card h3 a:hover, .bloglist-card h3 a:focus {
	color:#028FB4;
}
.bloglist-card p {
	font-size:14px;
	margin-bottom:8px;
}
.bloglist-card p a {
	font-weight:700;
}
.bloglist-card p.eyebrow {
	font-size:14px;
	color:#F27026;
}
.bloglist-more {
	text-align:right;
	padding-top:5px;
	padding-bottom:15px;
}
.bloglist-more .readmore {
	text-transform:uppercase;
	color: #F27026;
	font-weight:700;
	position:relative;
}
.bloglist-more .readmore:after {
	content:'';
	width:16px;
	height:16px;
	display:inline-block;
	margin-bottom:-3px;
	margin-left:3px;
	background-image:url(images/arrow-chevron-right.png);
	background-repeat:no-repeat;
	background-size:contain;
}
/* large card slider card */

.large-card .image-wrap:before {
	content:'';
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: linear-gradient(to bottom, rgba(26, 56, 92, 0) 0%, rgba(26, 56, 92, 0.68) 50%, rgba(26, 56, 92, .8) 100%);
	z-index:0;
}
.large-card .card-img-overlay {
	padding:0;
	padding-top:8%;
	padding-left:6%;
	padding-right:6%;
	color:#FFF;
	z-index:2;
	align-items: center;
}
 @media only screen and (min-width: 768px) {
.large-card .card-img-overlay {
 padding:0;
 padding-top:8%;
 padding-left:6%;
 padding-right:6%;
 align-items: center;
}
}
.large-card .cat-wrapper {
	position:absolute;
	top:0;
	left:0;
	height:33%;
	width:58%;
	padding-top:7%;
	padding-left:7%;
	background-image: url(images/card-header-angle.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
}
 @media only screen and (min-width: 768px) {
 .large-card .cat-wrapper {
 padding-top:3%;
}
}
 @media only screen and (min-width: 1200px) {
 .large-card .cat-wrapper {
 padding-top:8%;
}
}
.large-card p {
	font-size:26px;
	line-height:1.2;
	font-weight:500;
	position:relative;
	color:#FFF;
	margin:0;
}
.large-card p.eyebrow {
	font-size:18px;
	margin-bottom:12px;
}
 @media only screen and (min-width: 375px) {
.large-card p {
 font-size:30px;
}
.large-card p.eyebrow {
 font-size:18px;
}
}
 @media only screen and (min-width: 768px) {
 .large-card p {
 font-size:3.333vw;
}
.large-card p.eyebrow {
 font-size:20px;
}
}
 @media only screen and (min-width: 1400px) {
.large-card p {
 font-size:48px;
}
.large-card p.eyebrow {
 font-size:26px;
}
}
.large-card a p:hover, .large-card a p:focus {
	text-decoration:underline;
}
.large-card a p.eyebrow:hover, .large-card p.eyebrow:focus {
	text-decoration: none;
}
.large-card p:after {
	content:'';
	width:15px;
	height:23px;
	display:inline-block;
	background-image:url(images/arrow-white-right.png);
	background-repeat:no-repeat;
	background-position:center left;
	background-size:contain;
	margin-left:11px;
}
 @media only screen and (min-width: 1200px) {
.large-card p:after {
 width:20px;
 height:30px;
}
}
.large-card p.eyebrow:after {
	background-image: none;
}
/* NEWS LISTING */



.news-btn-wrapper {
	color: #1A385C;
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#f7f8f9;
}
 @media only screen and (min-width: 768px) {
.news-btn-wrapper {
 background-color: transparent;
}
}
 @media only screen and (min-width: 1400px) {
 .news-btn-wrapper {
 padding-bottom:35px;
}
}
.news-btn-wrapper ul {
	list-style:none;
	margin:0;
}
 @media only screen and (min-width: 768px) {
.news-btn-wrapper ul {
 -js-display: flex;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 align-items: flex-start;
 flex-wrap:wrap;
}
}
.news-btn-wrapper .btn {
	width:100%;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:15px;
}
 @media only screen and (min-width: 768px) {
.news-btn-wrapper .btn {
 width:auto;
 margin-right:15px;
}
}
 @media only screen and (min-width: 1400px) {
.news-btn-wrapper .btn {
 margin-right:25px;
}
}
.catlabel {
	text-transform:uppercase;
	font-weight: 700;
	color: #F27026
}
.catlabel a {
	color: #F27026
}
.bloglist-card p.catlabel {
	margin-bottom:0;
}
/* ========================== */
/* About page - generic pages and submenu */
/* ========================== */



h2.current_page_item {
	font-size:15px;
	font-weight: 700;
	text-transform:uppercase;
	margin: 0;
	width: 100%;
	margin: 0;
	padding: 20px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:25px;
	line-height: 1.25;
	background-color:#1A385C;
	color:#FFF;
	position: relative;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
h2.current_page_item img.arrow {
	width: 16px;
	height: 16px;
	margin-left: 4px;
	background-image: url(images/toggle-arrow-down.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
}
ul.submenu {
	font-size:15px;
	font-weight: 700;
	text-transform:uppercase;
	border:0;
	margin: 0;
	padding-top:30px;
}
ul.submenu ul {
	margin: 0;
}
ul.submenu > li {
	display: block;
	width: 100%;
	margin-bottom: 6px;
}
ul.submenu li a {
	display: block;
	width: 100%;
	margin: 0;
	padding: 20px;
	padding-top:10px;
	padding-bottom:10px;
	line-height: 1.25;
	text-decoration: none;
	border:none;
	position: relative;
}
ul.submenu li:before {
	content: '';
	margin-left: 0;
}
ul.submenu a, ul.submenu a:visited {
	background-color:#6b7e94;
	color:#FFF;
}
ul.submenu li.current_page_item a:hover, ul.submenu li a:hover, ul.submenu li a:focus {
	/*background-color:#556476;*/
	background-color:#1A385C;
	color:#FFF;
}
 @media only screen and (min-width: 768px) {
 ul.submenu {
 font-size:22px;
 text-transform: none;
 border:0;
 margin: 0;
 border-top-width: 5px;
 border-top-style: solid;
 border-top-color: #a3afbd;
 padding-top:28px;
 padding-bottom:30px;
}
ul.submenu ul {
 margin-left: 27px;
}
ul.submenu > li {
 display: block;
 width: 100%;
 margin-bottom: 9px;
}
ul.submenu li a {
 margin: 0;
 padding: 0;
 line-height: 1.25;
}
ul.submenu li:before {
 content: '';
 margin-left: 0;
}
ul.submenu li a {
 text-decoration: none;
 border:none;
 position: relative;
 -js-display: flex;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 align-items: flex-start;
 justify-content: flex-start;
}
ul.submenu li a:before {
 content: '';
 margin-left: 0;
 background-image: none;
 width: 15px;
 height: 23px;
 padding-left: 27px;
 background-size: contain;
}
ul.submenu li.current_page_item a::before {
 background-image: url(images/arrow-orange-left.png);
 background-repeat: no-repeat;
}
 ul.submenu li ul li a::before {
 background-image: none;
}
ul.submenu a, ul.submenu a:visited {
 background-color: transparent;
 color:#1A385C;
 border: none;
}
ul.submenu li.current_page_item a:hover, ul.submenu li a:hover, ul.submenu li a:focus {
 color: #F27026;
 background-color: transparent;
}
}
.community-involvement {
	padding-top:30px;
	padding-bottom:30px;
}
.community-logos {
	padding-top:30px;
	text-align:center;
}
.community-logos img {
	margin:10px;
	margin-left:auto;
	margin-right:auto;
}