/*
	Theme Name: Mid Kansas Exteriors
	Description: Sledgehammer Base Theme w/ Bootstrap 5.3.3
	Version: 3.3.0
	Author: Sledgehammer Creative

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

/* ----------FONTS---------- */
/* atkinson-hyperlegible-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/shbase/fonts/atkinson-hyperlegible-v12-latin-regular.woff2') format('woff2');
}
/* atkinson-hyperlegible-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/themes/shbase/fonts/atkinson-hyperlegible-v12-latin-italic.woff2') format('woff2');
}
/* atkinson-hyperlegible-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/shbase/fonts/atkinson-hyperlegible-v12-latin-700.woff2') format('woff2');
}
/* atkinson-hyperlegible-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 700;
  src: url('/wp-content/themes/shbase/fonts/atkinson-hyperlegible-v12-latin-700italic.woff2') format('woff2');
}
/* outfit-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/shbase/fonts/outfit-v15-latin-600.woff2') format('woff2');
}
/* outfit-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/shbase/fonts/outfit-v15-latin-700.woff2') format('woff2');
}


/* ----------BASE STYLES---------- */
:root {
	--bgcolor: #ffffff;
  --red: #a02622;
  --black: #111111;
  --gray: #efefef;
  --dkgray: #4c4c4c;
  --text: #111111;
  --inputs: #f1f1f1;
  --labels: #111111;
}

body {
	background-color: var(--bgcolor);
	min-height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Atkinson Hyperlegible', 'Arial', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: var(--text);
	line-height: 1.6;
}
p, ul, ol {
  font-size: 1.125rem;
	margin-bottom: 1.125rem;
}
a, a:link, a:visited {
	color: var(--red);
	font-weight: 600;
	text-decoration: none;
	transition: all 0.4s ease !important;
}
a:hover, a:active, a:focus {
	color: var(--black);
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6, .heading {
	margin: 0 0 1.25rem 0;
	font-family: 'Outfit', 'Arial', sans-serif;
	font-weight: 700;
	color: var(--text);
	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 2rem 0;
	}
	h1 {font-size:4rem;}
	h2 {font-size:2.5rem;}
	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: 5px;
	font-family: 'Outfit', 'Arial', sans-serif;
  font-size: 1.125rem;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1;
	text-decoration: none;
  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(--red);
	color: #fff;
}
button:hover, button:active, button:focus,
a.btn-primary:hover, a.btn-primary:active, a.btn-primary:focus {
	background-color: var(--black);
	color: #fff;
}
a.btn-secondary {
	background-color: var(--black);
	color: #fff;
}
a.btn-secondary:hover, a.btn-secondary:active, a.btn-secondary:focus {
	background-color: var(--red);
	color: #fff;
}
a.btn-sm {
	padding: 7px 14px !important;
	font-size: .875rem !important;
}
.btn-close {
	background-color: var(--red);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23fff' d='m10.3 8 5.49-5.49c.28-.28.28-.74 0-1.02L14.51.21a.724.724 0 0 0-1.02 0L8 5.7 2.51.21a.724.724 0 0 0-1.02 0L.21 1.49c-.28.28-.28.74 0 1.02L5.7 8 .21 13.49c-.28.28-.28.74 0 1.02l1.28 1.28c.28.28.74.28 1.02 0L8 10.3l5.49 5.49c.28.28.74.28 1.02 0l1.28-1.28c.28-.28.28-.74 0-1.02z'/%3e%3c/svg%3e");
	border-radius: 3px;
	opacity: 1;
}
.btn-close:hover {
	opacity: 1;
}
@media (min-width : 768px) {
	button, a.btn-primary, a.btn-secondary {
	  font-size: 1.25rem;
	}
}

/* ---Misc Sitewide--- */
.overlay {
  position: absolute;
  top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 1;
}
.corners {
	border-radius: 5px;
}
/* Image Placeholders */
.ratio > * {
	/*bootstrap overrides */
  top: inherit;
  left: inherit;
  width: inherit;
	height: inherit;
}
.ratio {
  position: relative;
  aspect-ratio: 3 / 2;
}
.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;
  opacity: .6;
  transition: all 0.4s ease;
}
.ratio .wrapper img:hover {
  opacity: 1;
}
.extra-marg {
	margin-top: 2rem;
}
@media (min-width : 768px) {
	.extra-marg {
		margin-top: 3rem;
	}
}
@media (min-width : 1400px) {
	.extra-marg {
		margin-top: 5rem;
	}
}

/* ---Adjust Container Padding--- */
@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);
	}
}
@media (min-width : 768px) {
	.container-fluid {
		padding-left: calc(var(--bs-gutter-x) * 1.25);
		padding-right: calc(var(--bs-gutter-x) * 1.25);
	}
}

/* ---Slick Carousels--- */
.slick-arrow {
	display: block;
	position: absolute;
	top: 35%;
  margin: 0;
  padding: 0;
  background-size: 32px;
  width: 32px;
  height: 32px;
  transform: translate(0, -40%);
  font-size: 0;
  line-height: 0;
  color: transparent;
  border: none;
  border-radius: 50%;
  outline: none;
  z-index: 999;
  cursor: pointer;
}
.slick-prev {
	left: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M19.13 21.44c.58.59.58 1.54 0 2.12-.59.58-1.54.59-2.12 0l-6.5-6.49a1.49 1.49 0 0 1 0-2.12l6.5-6.5a1.49 1.49 0 0 1 2.12 0c.58.59.58 1.53 0 2.12L13.69 16l5.44 5.44Z' style='fill:%23fff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  border:none;
}
.slick-next {
	right: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M12.57 10.56c-.58-.59-.58-1.54 0-2.12.59-.58 1.54-.59 2.12 0l6.5 6.49c.59.59.59 1.53 0 2.12l-6.5 6.5c-.58.59-1.54.59-2.12 0-.58-.59-.58-1.53 0-2.12L18.01 16l-5.44-5.44Z' style='fill:%23fff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  border:none;
}
.slick-autoplay-toggle-button {
	position: absolute;
  top: 0px;
  right: 0px;
  margin: 0;
  padding: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  z-index: 999;
}
.slick-autoplay-toggle-button .btn-pause, .slick-autoplay-toggle-button .btn-play {
  background-size: 32px;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
}
.slick-autoplay-toggle-button .btn-pause {
	display: block;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 32 32'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23fff%7d%3c/style%3e%3c/defs%3e%3cpath d='M14 12v8c0 1.11-.89 2-2 2s-2-.89-2-2v-8c0-1.11.89-2 2-2s2 .89 2 2ZM22 12v8c0 1.11-.89 2-2 2s-2-.89-2-2v-8c0-1.11.89-2 2-2s2 .89 2 2Z' class='cls-1'/%3e%3c/svg%3e");
}
.slick-autoplay-toggle-button .btn-play {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M22.89 15.99c0 .53-.28 1.01-.72 1.29l-9 5.5c-.47.28-1.05.29-1.52.03-.48-.27-.77-.77-.77-1.31v-11c0-.54.29-1.04.77-1.31.47-.27 1.06-.26 1.52.02l9 5.5c.44.28.72.76.72 1.28Z' style='fill:%23fff'/%3e%3c/svg%3e");
}
.slick-dots {
  position: absolute;
  bottom: -50px;
  margin: 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-radius: 50%;
  border: 2px solid var(--red);
  background-color: transparent;
}
.slick-dots li.slick-active button {
  background-color: var(--red);
}
@media (min-width : 768px) {
	.slick-dots {
	  bottom: -60px;
	}
}

/* ---Builder--- */
.builder .row {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.builder .row:first-of-type {
	margin-top: 0;
}
.builder .row:last-of-type {
	margin-bottom: 0;
}
@media (min-width : 768px) {
	.builder .row {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}
}
@media (min-width : 992px) {
	.builder .row {
		margin-top: 4rem;
		margin-bottom: 4rem;
	}
}
@media (min-width : 1200px) {
	.builder .row {
		margin-top: 5rem;
		margin-bottom: 5rem;
	}
}

/* ----------HEADER---------- */
header.main {
	border-top:20px solid var(--red);
	background: linear-gradient(90deg, #ffffff 0%, #ffffff 80%, #111111 80%, #111111 100%);
}
.navbar-brand {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.navbar-brand img {
	display: block;
	width: 150px;
	height: auto;
}
.phone-wrap {
	padding: 6px;
	background-color: var(--red);
	border-radius: 3px;
	font-family: 'Outfit', 'Arial', sans-serif;
	font-weight: 600;
	z-index: 99;
}
.int-header {
	position: relative;
	padding: 50px 0;
	background-color: #000;
	background-image: var(--bg-mobile);
  background-size: cover;
  background-position: center;
}
.int-header .container {
	position: relative;
	z-index: 99;
}
.int-header h1 {
  position: relative;
  margin: 0;
  color: #fff;
  z-index: 99;
}
.int-header .desc {
  position: relative;
  display: block;
  margin-top: 0;
  font-size: 1rem;
  color: #ffffff;
  z-index: 99;
}
header.main .wrapper {
	background-color: var(--black);
}
@media (min-width : 768px) {
	.int-header {
		padding: 100px 0;
		background-image: var(--bg-desktop);
	}
	.int-header .desc {
	 font-size: 1.25rem;
	}
}
@media (min-width : 992px) {
	.int-header .desc {
		max-width: 80%;
	}
}
@media (min-width : 1200px) {
	.navbar-brand {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
	}
	.phone-wrap {
		/*position: absolute;
		top: 42px;
		right: 170px;*/
		padding: 0;
		background-color: transparent;
		font-size: 1.125rem;
		color: #fff;
	}

}
@media (min-width : 1400px) {
	.navbar-brand img {
		width: 180px;
	}
	.phone-wrap {
		top: 50px;
		right: 240px;
		font-size: 1.25rem;
	}
}
@media (min-width : 1600px) {
	.navbar-brand {
		margin-right: 2rem;
	}
}

/* ----------NAVIGATION---------- */
.navbar {
	--bs-navbar-padding-y: 0;
}
.navbar-nav .nav-link,
.navbar-nav .nav-link:link,
.navbar-nav .nav-link:visited {
	font-family: 'Outfit', 'Arial', sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
}
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:active {
	color: #fff;
	opacity: .8;
}
.dropdown-item,
.dropdown-item:link,
.dropdown-item:visited {
	font-size: 1.25rem;
	color: #fff;
	text-transform: uppercase;
}
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:active {
	background-color: transparent;
	color: #fff;
	opacity: .8;
}
.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='%23a02622' 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: 7px 4px;
	background-repeat: no-repeat;
	width: 7px;
	height: 4px;
	vertical-align: 7px;
	border: none;
  transition: transform 0.4s ease;
}
.dropdown-toggle[aria-expanded="true"]::after {
  transform: rotate(180deg);
}
.navbar .navbar-toggler {
	margin: 0;
	padding: 6px;
	background-color: var(--dkgray);
	border: none;
  border-radius: 3px;
	z-index: 99;
}
.navbar .navbar-toggler:focus {
	background-color: var(--dkgray);
  box-shadow: none;
}
.navbar-toggler-icon {
	display: block;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
  background-size: 32px;
}
.navbar .navbar-toggler.collapsed .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23231f20' d='M0 4.57A2.57 2.57 0 0 1 2.57 2h26.86a2.57 2.57 0 1 1 0 5.14H2.57A2.57 2.57 0 0 1 0 4.57ZM0 16a2.57 2.57 0 0 1 2.57-2.57h26.86a2.57 2.57 0 1 1 0 5.14H2.57A2.57 2.57 0 0 1 0 16Zm0 11.43a2.57 2.57 0 0 1 2.57-2.57h26.86a2.57 2.57 0 1 1 0 5.14H2.57A2.57 2.57 0 0 1 0 27.43Z'/%3e%3c/svg%3e");
}
.navbar .navbar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23231f20' d='m20.02 16 9.61-9.61c.49-.49.49-1.29 0-1.79L27.4 2.37c-.49-.49-1.29-.49-1.79 0L16 11.98 6.39 2.37c-.49-.49-1.29-.49-1.79 0L2.37 4.6c-.49.49-.49 1.29 0 1.79L11.98 16l-9.61 9.61c-.49.49-.49 1.29 0 1.79l2.23 2.23c.49.49 1.29.49 1.79 0L16 20.02l9.61 9.61c.49.49 1.29.49 1.79 0l2.23-2.23c.49-.49.49-1.29 0-1.79L20.02 16Z'/%3e%3c/svg%3e ");
}
.offcanvas {
	background-color: var(--black);
}
nav .btn-primary {
	display: block;
	font-size: 1.5rem;
	text-align: center;
}
nav .btn-primary:hover, nav .btn-primary:active, nav .btn-primary:focus,
nav .livechat_button a:hover, nav .livechat_button a:active, nav .livechat_button a:focus {
	background-color: #fff;
	color: var(--text);
}
nav .livechat_button a {
	display: block;
	margin-top: 1rem;
	padding: 14px;
	background-color: var(--dkgray);
	border-radius: 3px;
	font-family: 'Outfit', 'Arial', sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	color: #fff;
	text-align: center;
	line-height: 1;
	text-transform: uppercase;
}
@media (min-width : 1200px) {
	.navbar-nav .nav-link,
	.navbar-nav .nav-link:link,
	.navbar-nav .nav-link:visited {
		padding-left: .75rem;
		padding-right: .75rem;
		font-size: 1rem;
		color: var(--text);
	}
	.navbar-nav .nav-link:focus,
	.navbar-nav .nav-link:hover,
	.navbar-nav .nav-link:active {
		color: var(--text);
	}
	 .dropdown-menu {
		position: absolute !important;
		background-color: var(--gray);
		transform: none !important;
		border-radius: 3px;
	}
	.dropdown-item,
	.dropdown-item:link,
	.dropdown-item:visited {
		font-size: 1rem;
		color: var(--text);
	}
	/*special button positioning*/
	nav .btn-primary {
		/*position: absolute;
		top: 10px;
		right: 0;*/
		width: 150px;
	}
	nav .livechat_button {
		/*position: absolute;
		bottom: 10px;
		right: 0;*/
		width: 150px;
	}
	/*special button styling*/
	nav .btn-primary, nav .livechat_button a {
		margin: 0;
		font-size: 1rem;
	}
}
@media (min-width : 1400px) {
	.navbar-nav .nav-link,
	.navbar-nav .nav-link:link,
	.navbar-nav .nav-link:visited {
		padding-left: 1rem;
		padding-right: 1rem;
		font-size: 1.125rem;
	}
	/*special button positioning*/
	nav .btn-primary {
		top: 15px;
		width: 170px;
	}
	nav .livechat_button {
		bottom: 15px;
		width: 170px;
	}
	/*special button styling*/
	nav .btn-primary, nav .livechat_button a {
		font-size: 1.125rem;
	}
}

/* ----------HERO IMAGE---------- */
.hero-wrap {
	aspect-ratio: 4 / 3;
}
.hero-wrap > div {
	position: absolute;
	/*bottom: 1rem;
	right: 0;*/
	padding: 20px;
	background-color: rgba(17, 17, 17, 0.85);
	width: 90%;
	border-radius: 3px;
	text-align: center;
	z-index: 9;
}
.hero-wrap .heading {
	margin-bottom: .5rem;
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
}
.hero-wrap .btn-primary, .hero-wrap .btn-secondary {
	display: block;
	font-size: 1rem;
}
.hero-wrap .btn-secondary {
	background-color: #ffffff;
	color: var(--text);
}
.hero-wrap .btn-primary:hover, .hero-wrap .btn-primary:active, .hero-wrap .btn-primary:focus {
	background-color: #fff;
	color: var(--text);
}
.hero-wrap .btn-secondary:hover, .hero-wrap .btn-secondary:active, .hero-wrap .btn-secondary:focus {
	background-color: var(--dkgray);
	color: #fff;
}
@media (min-width : 576px) {
  .hero-wrap {
		aspect-ratio: 3 / 2;
	}
	.hero-wrap .heading {
		font-size: 2rem;
	}
}
@media (min-width : 768px) {
  .hero-wrap {
		aspect-ratio: 16 / 7;
	}
	.hero-wrap > div {
		bottom: 2rem;
		right: 0;
		padding: 30px;
		background-color: var(--black);
		width: 55%;
		max-width: 750px;
		border-radius: 3px 0 0 3px;
		text-align: left;
	}
	.hero-wrap .btn-primary, .hero-wrap .btn-secondary {
		display: inline-block;
	}
}
@media (min-width : 1200px) {
	.hero-wrap .heading {
		margin-bottom: 1rem;
		font-size: 2.75rem;
	}
	.hero-wrap .btn-primary, .hero-wrap .btn-secondary {
		font-size: 1.125rem;
	}
}

/* ----------CONTENT---------- */
main {
	position: relative;
	padding: 60px 0;
	background-color: var(--bgcolor);
}
#home main {
	background-image: url(/wp-content/themes/shbase/img/ruler.svg);
	background-position: top 3px center;
	background-repeat: repeat-x;
	background-size: 40px 41px;
}
#home main h1 {
	font-size: 2rem;
	max-width: 1000px;
}
#home main .ratio {
	aspect-ratio: 19 / 30;
	max-width: 45%;
	margin-bottom: 0;
	vertical-align: top;
}
main ul li::marker {
  color: var(--red);
}
@media (min-width : 768px) {
	#home main h1 {
		font-size: 2.25rem;
	}
}
@media (min-width : 992px) {
	#home main h1 {
		margin-bottom: 3rem;
		font-size: 3rem;
	}
}
@media (min-width : 1200px) {
	main {
		padding: 100px 0;
	}
	#home main {
		padding: 120px 0 80px;
		background-size: 80px 82px;
	}
}


/* ----------SERVICE BLOCKS---------- */
.services-wrap {
	position: relative;
	padding: 60px 0 100px;
	background-color: var(--gray);
}
.services-wrap .icon {
	display: block;
	margin-bottom: 1rem;
	width: 64px;
	height: 64px;
}
.services-wrap #services {
	margin-top: 2rem;
}
.services-wrap #services .slick-slide > div {
	padding: 20px;
}
.services-wrap #services h3 {
	margin-bottom: .75rem;
}
.services-wrap #services p, .services-wrap #services a {
	font-size: 1rem;
}
@media (min-width : 768px) {
	.services-wrap {
		padding: 60px 0 120px;
	}
	.services-wrap #services p, .services-wrap #services a {
		font-size: 1.125rem;
	}
}
@media (min-width : 1200px) {
	.services-wrap {
		padding: 80px 0 120px;
	}
}

/* ----------CHOOSE---------- */
.choose-wrap {
	position: relative;
	padding: 60px 0;
}
.choose-wrap  .heading {
	font-size: 1.25rem;
}
.choose-wrap .choose-grid {
  display: flex;
  flex-direction: column;
}
.choose-wrap .choose-item {
  display: flex;
  align-items: center;
}
.choose-wrap .choose-grid .choose-item:nth-child(even) {
  border-top: 1px solid var(--gray);
  border-bottom: 1px solid var(--gray);
}
.choose-wrap .choose-grid .choose-item:last-child {
  border-bottom: none;
}
.choose-wrap .choose-icon {
	margin: 0 .5rem;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}
.choose-wrap .choose-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: 10px;
  padding: 10px;
  border-left: 1px solid var(--gray);
}
.choose-wrap .choose-content .heading {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
@media (min-width : 576px) {
	.choose-wrap .choose-icon {
		margin: 0 1rem;
	}
	.choose-wrap .choose-content {
	  padding: 20px;
	}
}
@media (min-width : 1200px) {
	.choose-wrap {
		padding: 80px 0;
	}
}

/* ----------STORM DAMAGE---------- */
.storm-wrap {
	position: relative;
	padding: 60px 0;
	background-color: var(--black);
	color: #f1f1f1;
}
.storm-wrap h2, .storm-wrap h3, .storm-wrap h4 {
	color: #f1f1f1;
}
.storm-wrap h4 {
	margin-bottom: .5rem;
	line-height: 1.2;
}
.storm-wrap .block {
	padding: 1rem;
}
.storm-wrap .block .icon {
	display: block;
	margin-bottom: 1rem;
	width: 64px;
	height: 64px;
}
.storm-wrap .block p {
	font-size: 1rem;
}
.storm-wrap ul {
  list-style: none;
}
.storm-wrap ul li {
  line-height: 1.3;
  padding: 5px 0 5px 10px;
}
.storm-wrap ul li::marker {
  content: url("/wp-content/themes/shbase/img/icons/storm-bullet.svg");
}
.storm-wrap .btn-primary:hover, .storm-wrap .btn-primary:active, .storm-wrap .btn-primary:focus {
	background-color: #fff;
	color: var(--text);
}
@media (min-width : 1200px) {
	.storm-wrap {
		padding: 80px 0;
	}
}

/* ----------HOME FORM---------- */
.form-wrap {
	position: relative;
	padding: 60px 0;
	background-color: var(--black);
	background-image: url("/wp-content/themes/shbase/img/bg-form-sm.jpg");
	background-size: cover;
	background-position: bottom;
	color: #f1f1f1;
}
.form-wrap .container {
	position: relative;
	z-index: 9;
}
.form-wrap h2 {
	color: #f1f1f1;
}
.form-wrap .gform_wrapper {
	padding: 20px;
}
@media (min-width : 992px) {
	.form-wrap {
		background-image: url("/wp-content/themes/shbase/img/bg-form-lg.jpg");
		background-attachment: fixed;
	}
}
@media (min-width : 1200px) {
	.form-wrap {
		padding: 80px 0;
	}
	.form-wrap .gform_wrapper {
		padding: 40px;
	}
}

/* ----------CTA---------- */
.cta-wrap {
	position: relative;
	padding: 1.5rem;
	background-color: var(--gray);
	box-shadow:inset 0 0 30px 30px rgba(212,209,205,.25);
	border-radius: 10px;
	text-align: center;
}
.cta-wrap .heading {
	display: block;
	font-size: 1.125rem;
	line-height: 1.4;
}
.cta-wrap a.btn-primary, .cta-wrap .livechat_button a {
		display: inline-block;
		padding: 19px 14px 0 14px;
		width: 100%;
		height: 56px;
		font-size: 1.125rem;
	}
.cta-wrap .livechat_button a {
	margin: 7px 0;
	background-color: var(--black);
	border-radius: 5px;
	color: #fff;
	font-size: 1.125rem;
	text-align: center;
	line-height: 1;
	text-transform: uppercase;
}
.cta-wrap a.btn-primary:hover, .cta-wrap a.btn-primary:active, .cta-wrap a.btn-primary:focus,.cta-wrap .livechat_button a:hover, .cta-wrap .livechat_button a:active, .cta-wrap .livechat_button a:focus {
	background-color: var(--dkgray);
	color: #fff;
}
@media (min-width : 576px) {
	.cta-wrap .heading {
		font-size: 1.75rem;
	}
	.cta-wrap a.btn-primary, .cta-wrap .livechat_button a {
		width: 210px;
	}
}
@media (min-width : 768px) {
	.cta-wrap {
		padding: 3.5rem;
	}
}
@media (min-width : 1200px) {
	.cta-wrap .heading {
		font-size: 2rem;
	}
}

/* ----------FAQ---------- */
.faq #accordion {
	max-width: 960px;
}
.faq .accordion-item {
  margin-bottom: 15px;
  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.5rem;
  line-height: 1;
  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='%23a02622' 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='%23a02622' 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-header button:hover, .faq .accordion-header button:active, .faq .accordion-header button:focus {
	color: var(--text);
}
.faq .accordion-body {
  background: var(--bg-color);
  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;
}

/* ----------SIDEBARS---------- */
.sidebar-widget, .sidebar-form {
	background-color: var(--black);
	margin: 15px 0;
	padding: 15px;
	border-radius: 5px;
}
.sidebar-widget h3, .sidebar-form h3 {
	margin: 0 0 .5rem 0;
	color: #f1f1f1;
}
.sidebar-widget ul, .sidebar-form ul {
	margin: 0 0 1.5rem 0;
	padding-left: 0;
	font-size: 1rem;
}
.sidebar-widget ul:last-of-type, .sidebar-form ul:last-of-type {
	margin: 0;
}
.sidebar-widget li {
	list-style: none;
	padding: 7px 0;
	line-height: 1.2;
	color: var(--gray);;
}
.sidebar-widget li a {
	font-weight: 400;
	color: var(--gray);
}
.sidebar-widget li a:hover, .sidebar-widget li a:active, .sidebar-widget li a:focus {
	color: #fff;
}
.sidebar-widget .post-date {
	display: block;
	font-size: .875rem;
}
.sidebar-widget .search-input {
	border-radius: 5px;
}
#main aside {
	background-color: #fff;
	z-index: 9;
}
/*
aside button.btn-toggle {
	padding: 20px 40px 20px 20px;
	width: 100%;
	font-size: 1.25rem;
	color: var(--labels);
	line-height: 1;
	text-align: left;
	background-color: var(--black);
  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 d='M0 12C0 5.37 5.37 0 12 0s12 5.37 12 12-5.37 12-12 12S0 18.63 0 12Zm7.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.12H7.88Z' style='fill:%23fff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right 15px;
  background-size: 20px;
  border: none;
}
aside button.btn-toggle.collapsed {
	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 d='M0 12C0 5.37 5.37 0 12 0s12 5.37 12 12-5.37 12-12 12S0 18.63 0 12Zm12 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.12Z' style='fill:%23fff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
}
.sidebar-nav {
	padding: 0;
	margin: 0;
}
.sidebar-nav li {
	padding: 0;
	display: block;
	list-style: none;
}
.sidebar-nav a, .sidebar-nav a:link, .sidebar-nav a:visited {
	display: block;
	margin: 0 15px 15px;
	padding: 15px;
	font-size: .875rem;
	background-color: var(--gray);
	color: var(--red);
	border-radius: 5px;
	transition: all 0.4s ease !important;
}
.sidebar-nav a:hover, .sidebar-nav a:active, .sidebar-nav a:focus {
	background-color: #dadada;
}
.sidebar-nav .current_page_item a {
	background-color: var(--red);
	color: #fff;
}*/
@media (min-width : 768px) {
  .sidebar-widget, .sidebar-form {
  	margin: 0;
  }
}
@media (min-width : 992px) {
	#main aside {
		background-color: transparent;
	}
	/*
	.sidebar-nav a, .sidebar-nav a:link, .sidebar-nav a:visited {
		margin: 0 0 15px;
	}
	*/
}

/* ----------ARTICLES---------- */
.archive h2 {
	margin:0;
	font-size: 1.5rem;
}
.archive .meta, .single .meta {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	font-size: .875rem;
}
.single .meta {
	padding: 1rem;
	background-color: var(--gray);
	border-radius: 3px;
}
.archive .excerpt p {
	font-size: 1rem;
	margin: .5rem 0;
}
.page-numbers {
	margin: 0 7px;
	background-color: transparent;
	border-radius: 5px;
}
.prev.page-numbers, .next.page-numbers {
	padding: 0 5px;
	background-color: var(--bgcolor);
	border-radius: 5px;
}
@media (min-width : 992px) {
	.archive .excerpt p {
		margin: 1rem 0;
	}
}

/* ----------SEARCH---------- */
form.search {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
}
.search-input {
	padding: 0 5px;
  background-color: var(--inputs);
  color: var(--text);
  width: 100%;
  height: 40px;
  border: none;
  border-radius: 0;
}
.search-submit {
  position: absolute;
  top: -3px;
  right: 5px;
  padding: 8px 14px;
  font-size: 1rem;
}
.archive.search article {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ccc;
}
.archive.search article:last-of-type {
	border: none;
	padding: 0;
}
.archive.search article h2 {
  margin-bottom: 5px;
  font-size: 1.125rem;
}
.archive.search article a h2 {
  transition: all 0.4s ease !important;
}
.archive.search article a:hover h2, .archive.search article a:active h2, .archive.search article a:focus h2 {
  color: #841d18;
}
@media (min-width : 992px) {
    button.search-toggler {
    top: 10px;
    right: 30px;
  }
  .search-toggler-icon {
    width: 20px;
  	height: 20px;
  }
}

/* ----------FOOTER---------- */
footer {
	position: relative;
	padding: 60px 0;
	background-color: var(--black);
	color: #f1f1f1;
}
footer .container {
	position: relative;
	z-index: 9;
}
footer a, footer a:link, footer a:visited {
	display: inline-block;
	font-weight: 400;
	color: #f1f1f1
}
footer a:hover, footer a:active, footer a:focus {
	color: #bb2722;
	text-decoration: none;
}
footer .snippet {
	max-width: 450px;
}
footer .heading {
	font-size: 1.375rem;
	font-weight: 700;
	color: #fff;
}
footer .address, footer .phone, footer .hours {
	display: block;
	position: relative;
	padding-left: 24px;
}
footer .address::before, footer .phone::before, footer .hours::before {
	position: absolute;
	top: 3px;
	left: 0;
	content: '';
	background-size: 16px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
footer .address::before {
	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='%23a02622' d='M10.89 23.46C8.48 20.44 2.98 13.13 2.98 9.02 2.98 4.04 7.02 0 12 0s9.02 4.04 9.02 9.02c0 4.11-5.5 11.42-7.91 14.44-.58.72-1.65.72-2.23 0ZM9.4 7.52a3.006 3.006 0 0 0 2.6 4.51c1.07 0 2.07-.57 2.6-1.5A3.006 3.006 0 0 0 12 6.02c-1.07 0-2.07.58-2.6 1.5'/%3e%3c/svg%3e");
}
footer .phone::before {
	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='%23a02622' d='m7.73 1.16 1.87 4.5c.32.76.1 1.65-.54 2.17L6.75 9.72c1.56 3.3 4.23 5.97 7.53 7.53l1.89-2.31a1.87 1.87 0 0 1 2.17-.54l4.5 1.87c.87.36 1.34 1.31 1.09 2.22l-1.12 4.12c-.22.82-.97 1.38-1.81 1.38C9.4 24 0 14.6 0 3c0-.84.57-1.58 1.38-1.81L5.51.07c.91-.25 1.86.22 2.22 1.09'/%3e%3c/svg%3e");
}
footer .hours::before {
	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='%23a02622' d='M12 0c4.29 0 8.25 2.29 10.39 6s2.14 8.29 0 12-6.11 6-10.39 6-8.25-2.29-10.39-6-2.15-8.29 0-12S7.71 0 12 0m-1.12 5.63V12c0 .37.19.73.5.94l4.5 3c.52.35 1.21.21 1.56-.31s.21-1.21-.31-1.56l-4-2.66V5.63c0-.62-.5-1.12-1.12-1.12s-1.12.5-1.12 1.12Z'/%3e%3c/svg%3e");
}
.footer-nav {
	padding: 0;
	margin: 0;
}
.footer-nav li {
	padding: 0;
	display: block;
	list-style: none;
}
.footer-nav .nav-link, .footer-nav .nav-link:link, .footer-nav .nav-link:visited{
  padding: 5px 0;
  color: #f1f1f1
}
.footer-nav .nav-link:hover, .footer-nav .nav-link:active, .footer-nav .nav-link:focus {
	color: #bb2722;
	text-decoration: none;
}
footer .accolade {
	width: auto;
	height: 50px;
}
.credit-wrap {
	margin-top: 3rem;
	font-size: .875rem;
}
.credit-wrap a, .credit-wrap a:link, .credit-wrap a:visited {
	color: #f1f1f1;
}
.credit-wrap a:focus, .credit-wrap a:hover, .credit-wrap a:active {
	color: #bb2722;
}
@media (min-width : 768px) {
	.credit-wrap br {
		display: none;
	}
}
@media (min-width : 1200px) {
	footer {
		padding: 80px 0;
		font-size: 1.125rem;
	}
	footer .heading {
		font-size: 1.625rem;
	}
	footer .address::before, footer .phone::before, footer .hours::before {
		top: 6px;
	}
	footer .accolade {
		height: 70px;
	}
	.credit-wrap {
		margin-top: 4rem;
	}
}

/* ----------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 .gform_submission_error, .gform-theme--framework .gfield_validation_message:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gfield_description.instruction  {
	color: #fb461e !important;
}
.gform_wrapper {
	max-width: 800px;
}
.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
	font-size: 1rem !important;
	font-weight: 600 !important;
	color: var(--labels) !important;
}
.gform-field-label--type-sub {
	color: var(--labels) !important;
}
.sidebar-form .gform_wrapper label.gfield_label, .sidebar-form .gform_wrapper legend.gfield_label, .sidebar-form .gform-field-label--type-sub, .sidebar-form .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 *)), .sidebar-form .gform_wrapper .datepicker, .sidebar-form .gform_wrapper .charleft,
.form-wrap .gform_wrapper label.gfield_label, .form-wrap .gform_wrapper legend.gfield_label, .form-wrap .gform-field-label--type-sub, .form-wrap .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 *)), .form-wrap .gform_wrapper .datepicker, .form-wrap .gform_wrapper .charleft {
	color: #f1f1f1 !important;
}
.gform_wrapper input, .gform_wrapper textarea {
	background-color: var(--inputs) !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  color: var(--text) !important;
}
.gform_wrapper select {
	background-color: var(--inputs) !important;
	border: none !important;
  box-shadow: none !important;
  border-radius: 3px !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 *)) {
	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(--red) !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(--red) !important;
}
.gform_wrapper .datepicker {
	color: var(--labels) !important;
}
.gform_wrapper .charleft {
	color: var(--labels) !important;
}
.gform_wrapper input[type="submit"].gform_button {
	padding: 14px 21px !important;
	background-color: var(--red) !important;
	border: none !important;
	font-size: 1.125rem !important;
	font-weight: 600 !important;
	color: #fff !important;
	text-transform: uppercase !important;
	letter-spacing: 1px;
}
.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: var(--dkgray) !important;
	color: #fff !important;
}
.sidebar-form .gform_wrapper input[type="submit"].gform_button:hover, .sidebar-form .gform_wrapper input[type="submit"].gform_button:active, .sidebar-form .gform_wrapper input[type="submit"].gform_button:focus {
	background-color: #fff !important;
	color: var(--black) !important;
}
/* Form Placeholders */
::placeholder {
	color: var(--text);
	opacity: 1;
}
@media (min-width : 768px) {
	.gform_wrapper input[type="submit"].gform_button {
	  font-size: 1.25rem !important;
	}
}

/* ----------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-image.is-style-rounded img {
	border-radius: 5px;
}
 .wp-block-buttons {
   margin-bottom: 15px;
 }
.wp-block-button__link {
	margin: 7px 0;
	padding: 14px;
	background-color: var(--red);
	font-family: 'Outfit', 'Arial', sans-serif;
  font-size: 1.125rem !important;
	font-weight: 600;
	color: #fff !important;
	text-transform: uppercase;
	line-height: 1;
	border: none;
	border-radius: 3px;
}
.wp-block-button__link:hover {
	background-color: var(--black);
	color: #fff;
}
.wp-block-search__button {
	margin: 0 0 0 5px;
}
@media (min-width : 768px) {
	.wp-block-button__link {
	  font-size: 1.25rem !important;
	}
}


/* ----------MENU ANIMATIONS---------- */
@media (min-width: 992px) {
  .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;
}

/* ----------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(--red);
  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}
}