/*
	Theme Name: Harker Security
	Description: Sledgehammer Base Theme w/ Bootstrap 5.3.3
	Version: 3.2.0
	Author: Sledgehammer Creative

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* ----------FONTS---------- */
/* urbanist-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/shbase/fonts/urbanist-v18-latin-regular.woff2') format('woff2');
}
/* urbanist-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/themes/shbase/fonts/urbanist-v18-latin-italic.woff2') format('woff2');
}
/* urbanist-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/shbase/fonts/urbanist-v18-latin-600.woff2') format('woff2');
}
/* urbanist-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/shbase/fonts/urbanist-v18-latin-700.woff2') format('woff2');
}
/* urbanist-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 700;
  src: url('/wp-content/themes/shbase/fonts/urbanist-v18-latin-700italic.woff2') format('woff2');
}
/* lexend-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/shbase/fonts/lexend-v26-latin-700.woff2') format('woff2');
}
/* lexend-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 900;
  src: url('/wp-content/themes/shbase/fonts/lexend-v26-latin-900.woff2') format('woff2');
}

/* ----------BASE STYLES---------- */
:root {
	--bgcolor: #ffffff;
  --gray: #f2f2f2;
  --blue: #112445;
  --yellow: #eead0e;
  --text: #212121;
  --inputs: #f2f2f2;
  --labels: #212121;
}

body {
	background-color: var(--bgcolor);
	min-height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Urbanist', 'Tahoma', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: var(--text);
	line-height: 1.8;
}
p, ul, ol {
  font-size: 1.125rem;
	margin-bottom: 1.125rem;
}
a, a:link, a:visited {
	color: var(--blue);
	font-weight: 600;
	text-decoration: none;
	transition: all 0.4s ease !important;
}
a:hover, a:active, a:focus {
	color: var(--yellow);
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6, .heading {
	margin: 0 0 1.25rem 0;
	font-family: 'Lexend', 'Tahoma', sans-serif;
	font-weight: 700;
	color: var(--blue);
	text-transform: uppercase;
	line-height: 1.4;
}
h1 {font-size:2.25rem;}
h2 {font-size:1.75rem;}
h3 {font-size:1.5rem;}
h4 {font-size:1.25rem;}
h5 {font-size:1rem;}
h6 {font-size:.875rem;}
@media (min-width : 768px) {
	h1, h2, h3, h4, h5, h6, .heading {
		margin: 0 0 1.5rem 0;
	}
	h1 {font-size:4rem;}
	h2 {font-size:2.25rem;}
	h3 {font-size:1.75em;}
	h4 {font-size:1.5rem;}
	h5 {font-size:1.25rem;}
	h6 {font-size:1rem;}
	p, ul, ol {font-size: 1.25rem;margin-bottom: 1.5rem;}
}

/* ---Buttons--- */
button, a.btn-primary, a.btn-secondary {
  display: inline-block;
  margin: 7px 0;
	padding: 14px;
  vertical-align: middle;
  border: none;
	border-radius: 3px;
  font-size: 1rem;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
  transition: all 0.4s ease;
}
button:hover, button:active, button:focus,
a.btn-primary:hover, a.btn-primary:active, a.btn-primary:focus,
a.btn-secondary:hover, a.btn-secondary:active, a.btn-secondary:focus {
  box-shadow: none;
}
button, a.btn-primary {
	background-color: var(--blue);
	color: #fff;
}
button:hover, button:active, button:focus,
a.btn-primary:hover, a.btn-primary:active, a.btn-primary:focus {
	background-color: var(--yellow);
	color: var(--blue);
}
a.btn-secondary {
	background-color: var(--yellow);
	color: var(--blue);
}
a.btn-secondary:hover, a.btn-secondary:active, a.btn-secondary:focus {
	background-color: var(--blue);
	color: #fff;
}
button.btn-small, a.btn-small {
	font-size: 1rem !important;
	padding: 10px;
}
.btn-close {
	background-color: var(--yellow);
	border-radius: 3px;
	opacity: 1;
}
.btn-close:hover {
	opacity: 1;
}
@media (min-width : 768px) {
	button, a.btn-primary, a.btn-secondary {
		font-size: 1.125rem;
	}
}

/* ---Misc Sitewide--- */
.overlay {
  position: absolute !important;
  top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: rgba(0,0,0,.6);
	z-index: 0;
}
/* Image Placeholders */
/*bootstrap overrides */
.ratio > * {
  position: static;
  width: auto;
  height: auto;
}
.ratio {
  position: relative;
  aspect-ratio: 16 / 9;
}
.ratio .featured {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease;
}
.ratio .wrapper {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: var(--gray);
}
.ratio .wrapper img {
  width: 110px;
  height: auto;
  transition: all 0.4s ease;
}
.ratio .wrapper img:hover {
  opacity: 1;
}
.social-wrap a svg path {
	transition: all 0.4s ease;
}
.social-wrap a:hover svg path {
	fill: #fff;
}
.fancy {
	position: relative;
	margin-bottom: 40px;
}
.fancy:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 100px;
	height: 5px;
	background-color: var(--yellow);
}
/* ---Slick Carousels--- */
.slick-dots {
  position: relative;
  margin: 1rem 0 0;
  padding: 0;
  width: 100%;
  text-align: center;
  z-index: 999;
}
.slick-dots li {
  display: inline-block;
  line-height: 1;
  margin: 0 3px;
}
.slick-dots li button {
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  border: 1px solid var(--yellow);
  border-radius: 50%;
}
.slick-dots li.slick-active button {
  background-color: var(--yellow);
}
@media (max-width : 768px) { /* Increase side padding on mobile */
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		padding-left: calc(var(--bs-gutter-x) * 1);
		padding-right: calc(var(--bs-gutter-x) * 1);
	}
}

/* ----------HEADER---------- */
header {
	position: relative;
	background-color: var(--gray);
}
header .top-bar {
	padding: .75rem 0;
	background-color: var(--blue);
	color: var(--yellow);
}
header .container {
	position: relative;
}
header .top-bar a {
	font-weight: 400;
	color: var(--yellow);
}
header .top-bar a:hover, header .top-bar a:active, header .top-bar a:focus {
	color: #fff;
}
.navbar-brand .brand {
	display: block;
	width: 200px;
	height: auto;
}
.phone-wrap {
	font-size: 1.25rem;
}
.int-header {
	position: relative;
	padding: 40px 0;
	background-image: url(/wp-content/themes/shbase/img/int-header.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.int-header h1 {
  position: relative;
	margin: 0;
	padding-left: 1rem;
  color: #fff;
  line-height: 1.2;
  border-left: 5px solid var(--yellow);
  z-index: 99;
}
@media (min-width : 576px) {
	.int-header {;
		padding: 60px 0;
	}
}
@media (min-width : 992px) {
	header {
		background-color: var(--bgcolor);
	}
	.navbar-brand {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
	}
	.int-header {;
		padding: 110px 0;
	}
}

/* ----------NAVIGATION---------- */
.navbar-nav .nav-link,
.navbar-nav .nav-link:link,
.navbar-nav .nav-link:visited {
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--blue);
	text-transform: uppercase;
}
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:active {
	color: var(--blue);
}
.dropdown-item,
.dropdown-item:link,
.dropdown-item:visited {
	font-size: 1.25rem;
	color: var(--blue);
}
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:active {
	background-color: transparent;
	color: var(--blue);
}
.dropdown-menu {
	position: static !important;
	background-color: transparent;
	border-radius: 0;
	border: none;
	transform: none !important;
}
.dropdown-item.active, .dropdown-item:active {
	background-color: transparent;
}
.dropdown-toggle::after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 4'%3e%3cpath fill='%23eead0e' d='M6.53 0c.42 0 .63.51.33.81L3.83 3.86c-.18.19-.48.19-.67 0L.14.81C-.16.51.05 0 .47 0z'/%3e%3c/svg%3e");
	background-size: 9px 5px;
	background-repeat: no-repeat;
	width: 9px;
	height: 5px;
	vertical-align: 7px;
	border: none;
  transition: transform 0.4s ease;
}
.dropdown-toggle[aria-expanded="true"]::after {
  transform: rotate(180deg);
}
.navbar .navbar-toggler {
	position: relative;
	margin: 0;
	padding: 10px;
	background-color: #fff;
	font-family: 'Lexend', 'Tahoma', sans-serif;
	font-size: 1rem;
	font-weight: 700;
	color: var(--blue);
	text-transform: uppercase;
	border: 1px solid var(--blue);
  border-radius: 3px;
	transition: all 0.4s ease;
}
.navbar .navbar-toggler:focus {
  box-shadow: none;
}
.btn-contact a.nav-link {
	display: inline-block;
	margin-top: 15px;
	padding: 10px 25px !important;
	background-color: var(--yellow);
	border-radius: 3px;
	line-height: 1;
}
.offcanvas {
	background-color: var(--gray);
}
@media (min-width : 992px) {
	.navbar {
		--bs-navbar-padding-y: 0;
		background: linear-gradient(90deg, #f2f2f2 0%, #f2f2f2 20%, #ffffff 20%, #ffffff 100%);
	}
	.navbar .container {
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 270 100'%3e%3cpath fill='%23f2f2f2' d='M239.92 100H-30V0h300z'/%3e%3c/svg%3e");
		background-size: 270px 100px;
		background-repeat: no-repeat;
	}
	.navbar-brand {
		margin-right: 65px;
	}
	.navbar-nav .nav-link,
	.navbar-nav .nav-link:link,
	.navbar-nav .nav-link:visited {
		padding-left: .75rem;
		padding-right: .75rem;
		font-size: 1.125rem;
	}
	.dropdown-menu {
		position: absolute !important;
		background-color: var(--gray);
		transform: none !important;
		border-top: 5px solid var(--blue);
		border-bottom: 5px solid var(--blue);
	}
	.dropdown-item,
	.dropdown-item:link,
	.dropdown-item:visited {
		font-size: 1rem;
	}
	.dropdown-item:hover {
		background-color: var(--yellow);
	}
	.btn-contact a.nav-link {
		position: absolute;
		top: 23px;
		right: 1rem;
		display: flex;
		align-items: center;
		margin-top: 0;
		padding: 14px 21px !important;
	}
	.btn-contact a.nav-link:hover {
		background-color: var(--blue);
		color: var(--yellow);
	}
}
@media (min-width : 1200px) {
	.navbar-nav .nav-link,
	.navbar-nav .nav-link:link,
	.navbar-nav .nav-link:visited {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

/* ----------HERO IMAGE---------- */
.hero-wrap {
	aspect-ratio: 1 / 1;
	background-image: url(/wp-content/themes/shbase/img/hero-576.jpg);
	background-size: cover;
	background-position: center right;
	overflow: hidden;
}
.hero-wrap .content-wrap {
	max-width: 480px;
	z-index: 9;
}
.hero-wrap .heading {
	display: block;
	margin-bottom: .5rem;
	font-size: 1.875rem;
	font-weight: 900;
	color: var(--yellow);
	line-height: 1;
}
.hero-wrap .heading .first-word {
  color: #fff;
}
.hero-wrap p {
	margin: 1.125rem 0 .5rem;
  color: #fff;
}
.hero-wrap a.btn-secondary:hover, .hero-wrap a.btn-secondary:active, .hero-wrap a.btn-secondary:focus {
	background-color: #fff;
	color: var(--blue);
}
.hero-wrap .left-hex {
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	z-index: 1;
	width: 260px;
	height: auto;
}
.hero-wrap .right-hex {
	position: absolute;
	top: auto;
	left: auto;
	right: 0 !important;
	bottom: -30px !important;
	z-index: 1;
	width: 100px;
	height: auto;
}
@media (min-width : 428px) {
	.hero-wrap .heading {
		font-size: 2.25rem;
	}
	.hero-wrap .left-hex {
		width: 300px;
	}
	.hero-wrap .right-hex {
		width: 140px;
	}
}
@media (min-width : 576px) {
	.hero-wrap {
		aspect-ratio: 3 / 2;
		background-image: url(/wp-content/themes/shbase/img/hero-768.jpg);
	}
	.hero-wrap .heading {
		font-size: 2.5rem;
	}
}
@media (min-width : 768px) {
	.hero-wrap {
		aspect-ratio: 16 / 9;
		background-image: url(/wp-content/themes/shbase/img/hero-1200.jpg);
	}
	.hero-wrap .content-wrap {
		max-width: 520px;
	}
	.hero-wrap .heading {
		font-size: 3rem;
	}
}
@media (min-width : 1200px) {
	.hero-wrap {
		aspect-ratio: 16 / 7;
		background-image: url(/wp-content/themes/shbase/img/hero-2000.jpg);
	}
	.hero-wrap .content-wrap {
		max-width: 640px;
	}
	.hero-wrap .heading {
		font-size: 4rem;
	}
	.hero-wrap p {
		margin: 1.5rem 0 .5rem;
	 	font-size: 1.5rem;
	}
	.hero-wrap a.btn-secondary {
		font-size: 1.25rem;
	}
	.hero-wrap .left-hex {
		width: 440px;
	}
	.hero-wrap .right-hex {
		bottom: 0;
		width: 320px;
	}
}
@media (min-width : 1400px) {
	.hero-wrap .left-hex {
		width: 480px;
	}
	.hero-wrap .right-hex {
		bottom: 0;
		width: 350px;
	}
}
@media (min-width : 1600px) {
	.hero-wrap {
		aspect-ratio: 16 / 5;
	}
}

/* ----------CONTENT---------- */
main {
	position: relative;
	padding: 40px 0;
	background-color: var(--bgcolor);
}
#home main {
	padding: 40px 0 30px;
	background-image: url(/wp-content/themes/shbase/img/bg-main.svg);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}
#home main h1 {
	font-size: 1.75rem;
}
main ul.wp-block-list {
  list-style: none;
}
main ul.wp-block-list li {
  line-height: 1.4;
  padding: 5px 0 5px 10px;
}
main ul.wp-block-list li::marker {
  content: url("/wp-content/themes/shbase/img/icons/bullet.svg");
}
@media (max-width : 427px) {
	#home main h1 {
		font-size: 1.5rem;
	}
}
@media (min-width : 576px) {
	#home main h1 {
		font-size: 2.5rem;
	}
}
@media (min-width : 768px) {
	main {
		padding: 60px 0;
	}
	main ul.wp-block-list li {
	  padding: 7px 0 7px 10px;
	}
	#home main {
		padding: 60px 0 40px;
	}
	#home main h1 {
		font-size: 3rem;
	}
}
@media (min-width : 992px) {
	#home main h1 {
		font-size: 2.25rem;
	}
	#home main h1:after {
		left: auto;
		right: 0;
	}
}
@media (min-width : 1200px) {
	main {
		padding: 100px 0;
	}
	#home main {
		padding: 100px 0 60px;
	}
	#home main h1 {
		font-size: 2.75rem;
	}
}

/* ----------BLOCKS---------- */
.services-wrap {
	position: relative;
	padding: 40px 0;
	background-color: var(--blue);
}
.services-wrap .row {
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	width: 100%;
}
.services-wrap h2 {
	color: #fff;
}
.services-wrap p {
	font-size: 1.125rem;
	color: #fff;
}
.services-wrap #services {
	margin-top: 2rem;
}
.services-wrap #services .slick-slide > div {
	padding-left: .5rem;
	padding-right: .5rem;
}
.services-wrap h3 {
	position: absolute;
	top: auto;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 0 1rem 1rem 1rem;
	width: 100%;
	font-size: 1.25rem;
	z-index: 99;
}
.services-wrap h3 a {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	color: #fff;
}
.services-wrap h3 a svg rect {
	transition: all 0.4s ease;
}
.services-wrap h3 a:hover, .services-wrap h3 a:active, .services-wrap h3 a:focus {
	color: var(--yellow);
}
.services-wrap h3 a:hover svg rect, .services-wrap h3 a:active svg rect, .services-wrap h3 a:focus svg rect {
	fill: #fff;
}
.services-wrap .ratio {
	position: relative;
	aspect-ratio: 18 / 19;
	background-color: transparent;
	border-radius: 3px;
}
.services-wrap .ratio img {
	border-radius: 3px;
}
.services-wrap .overlay {
	top: auto !important;
	bottom: 0;
	height: 30% !important;
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.7) 100%);
	border-radius: 0 0 3px 3px;
}
@media (min-width : 576px) {
	.services-wrap .row {
		max-width: 540px;
	}
	.services-wrap h2 {
		font-size: 2.25rem;
	}
	.services-wrap h3 {
		font-size: 1.75rem;
	}
}
@media (min-width : 768px) {
	.services-wrap .row {
		max-width: 720px;
	}
	.services-wrap h3 {
		font-size: 1.25rem;
	}
}
@media (min-width : 992px) {
	.services-wrap {
		border-left: 30px solid #fff;
	}
	.services-wrap p {
		max-width: 660px;
	}
	.services-wrap .row {
		margin-right: 0;
		padding-right: 0;
		width: 98%;
		max-width: none;
	}
	.services-wrap #services .slick-slide > div {
		padding-left: 1rem;
		padding-right: 0;
	}
}
@media (min-width : 1200px) {
	.services-wrap {
		padding: 60px 0;
		border-left: 4vw solid #fff;
	}
	.services-wrap h2 {
		font-size: 2.5rem;
	}
	.services-wrap h3 {
		font-size: 1.75rem;
	}
	.services-wrap #services .slick-slide > div {
		padding-left:2rem;
	}
}

/* ----------QUOTE---------- */
.quote-wrap {
	position: relative;
	padding: 40px 0;
	background-color: var(--bgcolor);
}
.quote-wrap .watermark {
	background-image: url(/wp-content/themes/shbase/img/icons/icon-watermark.svg);
	background-size: 96% auto;
	background-repeat: no-repeat;
	background-position: center top;
}
@media (min-width : 768px) {
	.quote-wrap {
		padding: 60px 0;
	}
	.quote-wrap .watermark {
		background-size: 98% auto;
	}
}
@media (min-width : 992px) {
	.quote-wrap .watermark {
		background-size: 420px auto;
		background-position: left bottom;
	}
}
@media (min-width : 1200px) {
	.quote-wrap {
		padding: 100px 0;
	}
	.quote-wrap .watermark {
		background-size: 460px auto;
	}
}
@media (min-width : 1400px) {
	.quote-wrap .watermark {
		background-size: 420px auto;
	}
}

/* ----------FAQ---------- */
.faq .accordion-item {
  border: none;
  border-radius: 0;
}
.faq .accordion-header {
  padding: 0;
  margin-bottom: 0;
  border-bottom: none;
  border-radius: 0;
  line-height: 1;
}
.faq .accordion-header button { /* minus */
  width: 100%;
  border-radius: 0;
  margin: 0;
  padding: 14px 40px 14px 14px;
  font-size: 1.125rem;
  line-height: 1.2;
  text-transform: none;
  text-align: left;
  background-color: var(--gray);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23112445' d='M0 12C0 5.37 5.37 0 12 0s12 5.37 12 12-5.37 12-12 12S0 18.63 0 12m7.88-1.12c-.62 0-1.12.5-1.12 1.12s.5 1.12 1.12 1.12h8.25c.62 0 1.12-.5 1.12-1.12s-.5-1.12-1.12-1.12z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right 15px;
  background-size: 20px;
}
.faq .accordion-header button.collapsed { /* plus */
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23112445' d='M0 12C0 5.37 5.37 0 12 0s12 5.37 12 12-5.37 12-12 12S0 18.63 0 12m12 5.25c.62 0 1.12-.5 1.12-1.12v-3h3c.62 0 1.12-.5 1.12-1.12s-.5-1.12-1.12-1.12h-3v-3c0-.62-.5-1.12-1.12-1.12s-1.12.5-1.12 1.12v3h-3c-.62 0-1.12.5-1.12 1.12s.5 1.12 1.12 1.12h3v3c0 .62.5 1.12 1.12 1.12'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
}
.faq .accordion-body {
  background: var(--bgcolor);
  padding: 14px;
  border-right: 1px solid var(--gray);
  border-bottom: 1px solid var(--gray);
  border-left: 1px solid var(--gray);
}
.faq .accordion-body p {
  font-size: 1.125rem;
}
.faq .accordion-body p:last-of-type {
  margin-bottom: 0;
}
/* Remove Bootstrap defaults */
.accordion-button:focus {
	color: var(--text);
}
.accordion-button:focus {
	box-shadow: none;
}
.accordion-button::after {
  display: none;
  content: none;
  background-image: none;
}
.accordion-button:not(.collapsed) {
	color: var(--text);
}
@media (min-width : 1200px) {
	.faq .accordion-header button { /* minus */
	  font-size: 1.25rem;
	}
}

/* ----------SIDEBARS---------- */
.sidebar-wrap {
	background-color: var(--blue);
	padding: 20px;
	border-radius: 3px;
	color: #fff;
}
.sidebar-wrap .heading {
	display: block;
	margin-bottom: 1rem;
	font-size: 1.5rem;
	color: #fff;
}
.sidebar-wrap a {
	font-weight: 600;
	color: #fff;
}
.sidebar-wrap a:hover, .sidebar-wrap a:active, .sidebar-wrap a:focus {
	color: var(--yellow);
}
.sidebar-wrap ul {
	margin: 0;
	padding: 0;
	font-size: 1rem;
}
.sidebar-wrap li {
	display: block;
	padding: 10px 0;
	list-style: none;
	line-height: 1.2;
}
.sidebar-wrap li a {
	display: inline-block;
	padding-left: 10px;
	text-transform: uppercase;
	border-left: 3px solid var(--yellow);
}
.sidebar-wrap .count {
	display: block;
	padding-left: 13px;
	font-size: .875rem;
	color: #fff;
}
.sidebar-wrap.categories .count {
	display: inline-block;
	padding-left: 0;
	font-size: 1rem;
}
.sidebar-wrap.cta, .sidebar-wrap.search {
	background-color: var(--yellow);
}
.sidebar-wrap.cta .heading {
	font-size: 1.25rem;
	color: #fff;
}
.sidebar-wrap.cta a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 14px;
	background-color: #fff;
	font-size: 1.25rem;
	color: var(--blue);
	text-transform: uppercase;
	border-radius: 3px;
}
.sidebar-wrap.cta a:hover, .sidebar-wrap.cta a:active, .sidebar-wrap.cta a:focus {
	background-color: var(--blue);
	color: #fff;
}
.sidebar-wrap.cta a svg rect {
	transition: all 0.4s ease;
}
.sidebar-wrap.cta a:hover, .sidebar-wrap.cta a:active, .sidebar-wrap.cta a:focus {
	color: var(--yellow);
}
.sidebar-wrap.cta a:hover svg rect, .sidebar-wrap.cta a:active svg rect, .sidebar-wrap.cta a:focus svg rect {
	fill: #fff;
}
@media (min-width : 1200px) {
  .sidebar-wrap {
		padding: 30px;
	}
}

/* ----------ARTICLES---------- */
.archive .featured, .archive .wrapper {
	border-top: 5px solid var(--blue);
	border-bottom: 5px solid var(--blue);
}
.archive hr, .single hr {
	margin: 2rem 0;
}
.archive hr:last-of-type {
	margin: 2rem 0 0;
}
.archive article:last-of-type {
	margin-bottom: 0 !important;
}
.archive h2 {
	margin-bottom: 0;
	font-size: 1.5rem;
}
.archive .meta, .single .meta {
	display: block;
	font-size: .875rem;
	font-weight: 600;
}
.archive .meta span {
	display: block;
}
.archive .excerpt p {
	font-size: 1rem;
}
.archive .excerpt p:last-of-type {
	margin-bottom: 0;
}
.pagination {
	padding: 7px;
	background-color: #f2f2f2;
	border-radius: 0;
}
.page-numbers {
	margin-right: 5px;
	padding: 5px;
	background-color: transparent;
	border-radius: 5px;
}
.prev.page-numbers, .next.page-numbers {
	padding: 0 7px;
	background-color: var(--bgcolor);
	border-radius: 5px;
}
@media (min-width : 576px) {
  .archive .meta span {
		display: inline-block;
	}
}
@media (min-width : 768px) {
  .archive h2 {
		font-size: 2rem;
	}
	.archive hr, .single hr {
		margin: 3rem 0;
	}
}

/* ----------SEARCH---------- */
form.search {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 5px;
  width: 100%;
  background-color: #fff;
  border-radius: 3px;
}
.search-input {
  background-color: transparent;
  width: 100%;
  border: none;
  color: var(--text);
}
.search-submit {
	margin: 0;
  font-size: .875rem;
}
.archive.search article {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--gray);
}
.archive.search article h2 {
  margin-bottom: 5px;
}
@media (min-width : 768px) {
  .archive.search article {
		margin-bottom: 2rem;
		padding-bottom: 2rem;
	}
}

/* ----------SERVICE AREA---------- */
.page-id-432 mapplic-map {
	display: block;
	margin-top: 30px;
}
@media (min-width : 768px) {
  .page-id-432 mapplic-map {
		margin-top: 60px;
	}
}

/* ----------CONTACT---------- */
.contact h2 {
	font-size: 1.5rem;
}

@media (min-width : 768px) {
  .contact h2 {
		font-size: 2rem;
	}
}

/* ----------404---------- */
.fourohfour h1 {
	margin: 0;
	font-size: 6rem;
}
.fourohfour p {
	margin: 2rem 0;
	font-size: 1.25rem;
}
.fourohfour img {
	width: 200px;
	height: auto;
}
@media (min-width : 768px) {
  .fourohfour h1 {
		font-size: 8rem;
	}
	.fourohfour p {
		font-size: 1.5rem;
	}
}

/* ----------FOOTER---------- */
footer {
	position: relative;
	padding: 40px 0;
	background-color: var(--blue);
	color: #fff;
	border-bottom: 30px solid var(--yellow);
}
footer h4 {
	margin-bottom: .5rem;
	font-size: 1.125rem;
	color: var(--yellow);
}
footer a, footer a:link, footer a:visited {
	font-weight: 400;
	color: #fff;
}
footer a:hover, footer a:active, footer a:focus {
	color: var(--yellow);
}
.footer-nav {
	padding: 0;
	margin: 0;
}
.footer-nav li {
	padding: 0;
	display: block;
	list-style: none;
}
.footer-nav a, .footer-nav a:link, .footer-nav a:visited {
	display: inline-block;
	font-size: 1rem;
	text-transform: uppercase;
	transition: all 0.4s ease !important;
}
.footer-nav a:hover, .footer-nav a:active, .footer-nav a:focus {
	color: var(--yellow);
}
.footer-nav .nav-link {
  padding: 3px 0;
}
footer .social-wrap {
	position: absolute;
	top: 0;
	right: 1.5rem;
	flex-direction: column;
  align-items: end !important;
}
footer .social-wrap a {
	margin: 0 0 5px 0 !important;

}
.credit-wrap {
	margin-top: 2rem;
	padding: 1rem 0;
	font-size: .875rem;
	border-top: 1px solid #41506a;
}
@media (min-width : 768px) {
	footer {
		padding: 60px 0;
	}
}
@media (min-width : 1200px) {
	footer {
		padding: 80px 0;
	}
}

/* ----------FORMS---------- */
form .small {font-size: .875rem}
.grecaptcha-badge {z-index: 9 !important;}
.gform-theme--foundation .gform_fields {row-gap: 20px !important;}
.gform-theme--framework .gform_validation_errors {
	background-color: #fff !important;
}
.gform_wrapper {
	padding: 1rem;
	background-color: var(--yellow);
	border-top: 5px solid var(--blue);
	border-bottom: 5px solid var(--blue);
}
.gform_wrapper .validation_message {
	background-color: #fff !important;
	padding: 5px;
	border: 1px solid #c02b13;
}
.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	color: var(--labels) !important;
}
.gform-field-label--type-sub {
	color: var(--labels) !important;
}
.gform_wrapper input, .gform_wrapper textarea {
	background-color: var(--inputs) !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 5px !important;
  color: var(--labels) !important;
}
.gform_wrapper select {
	background-color: var(--inputs) !important;
	border: none !important;
  box-shadow: none !important;
  border-radius: 5px !important;
  color: var(--labels) !important;
}
.gform-theme--framework .gform-field-label--type-inline:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	font-size: 1rem !important;
	color: var(--labels) !important;
}
.gform-theme--framework input[type="radio"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
	background-color: var(--blue) !important;
}
.gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
	color: var(--blue) !important;
}
.gform_wrapper .datepicker {
	color: var(--labels) !important;
}
.gform_wrapper .charleft {
	color: var(--labels) !important;
}
.gform_wrapper input[type="submit"].gform_button {
	padding: 14px !important;
	background-color: var(--blue) !important;
	border: none !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	color: #fff !important;
}
.gform_wrapper input[type="submit"].gform_button:hover, .gform_wrapper input[type="submit"].gform_button:active, .gform_wrapper input[type="submit"].gform_button:focus {
	background-color: #fff !important;
	color: var(--blue) !important;
}
::placeholder {
	color:var(--text) !important;
	opacity: .7;
	font-style: italic;
}
@media (min-width : 768px) {
	.gform_wrapper input[type="submit"].gform_button {
		font-size: 1.125rem !important;
	}
}
@media (min-width : 992px) {
	.gform_wrapper {
		padding: 1rem 2rem 2rem;
	}
}

/* ----------WP CORE---------- */
.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail {
	max-width: 100%;
	height: auto;
}
.wp-block-image {
	margin:25px 0;
}
.wp-block-image figcaption {
	text-align: left;
	font-size: .875em;
}
.wp-block-image img {
	height: auto;
}
 .wp-block-buttons {
   margin-bottom: 15px;
 }
.wp-block-button__link {
	margin: 7px 0;
	padding: 14px;
	background-color: var(--blue);
	font-size: 1rem;
	font-weight: 600;
	color: #fff !important;
	line-height: 1;
	border: none;
	border-radius: 5px;
}
.wp-block-button__link:hover {
	background-color: var(--yellow);
	color: var(--blue) !important;
}
.wp-block-search__button {
	margin: 0 0 0 5px;
}
:where(.wp-block-columns.is-layout-flex) {
	gap: 1rem !important;
}
@media (min-width : 768px) {
	.wp-block-button__link {
		font-size: 1.125rem;
	}
}

/* ----------MENU ANIMATIONS---------- */
.animate {
  animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0rem);
    opacity: 1;
  }

  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}
@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }

  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}
.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

/* ----------SHAPE ANIMATIONS---------- */
.slide-in-left {
	animation: slide-in-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-left-delay {
	animation: slide-in-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.25s both;
}
.slide-in-right {
	animation: slide-in-right 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.25s both;
}
.slide-in-right-delay {
	animation: slide-in-right 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}
.slide-in-right-delay-2 {
	animation: slide-in-right 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.75s both;
}
@keyframes slide-in-left {
  0% {
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* ----------ACCESSIBILITY---------- */
@media screen and (prefers-reduced-motion) {
* {transition:none !important; transition-duration: 0s !important;}
}
* a:focus-visible, * button:focus-visible {
  outline: 3px solid #0000ff !important;
}
.skip-link {
  display: block;
  position: absolute !important;
  transform: translateY(-100%);
  overflow: hidden;
  margin-left: -100px;
  padding: 5px 0;
  background-color: var(--bgcolor);
  width: 200px !important;
  font-weight: 700;
  color: var(--blue);
  text-align: center;
  left: 50%;
  z-index: 999;
}
.skip-link:focus {
  transform: translateY(0%);
}

/* ----------PRINT---------- */
@media print {
	blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]::after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]::after,a[href^="#"]::after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}
}