/*
Theme Name: Town of Canton
Version: 6.1.1
Description: Customizable responsive accessible Wordpress child theme created by CyberOptik
Author: CyberOptik
Author URI: https://www.cyberoptik.net/
Template: optik-theme-6
*/





/******************************************************************************
 * * *  IMPORTS & VARIABLES  * * * * * * * * * * * * * * * * * * * * * * * * *
******************************************************************************/

@import url("../optik-theme-6/style.css");



/* Add font imports here */

/***  Texta Narrow  ***/

/* Normal */
@font-face {
  font-family: 'Texta Narrow';
  font-weight: normal;
  src: url('fonts/TextaNarrow/TextaNarrow-Regular.ttf');
}

/* Italic */
@font-face {
  font-family: 'Texta Narrow';
  font-style: italic;
  font-weight: normal;
  src: url('fonts/TextaNarrow/TextaNarrow-It.ttf');
}

/* Medium */
@font-face {
  font-family: 'Texta Narrow';
  font-weight: 500;
  src: url('fonts/TextaNarrow/TextaNarrow-Medium.ttf');
  
}

/* Bold */
@font-face {
  font-family: 'Texta Narrow';
  font-weight: bold;
  src: url('fonts/TextaNarrow/TextaNarrow-Bold.ttf');

}
 
/***  Bebas Neue  ***/

/* Normal */
@font-face {
  font-family: 'Bebas Neue';
  font-weight: 400;
  font-style: normal;
  src: url('fonts/Bebas_Neue/BebasNeue-Regular.ttf') format('truetype');
}


/******************************************************************************
 * * *  STRUCTURAL ELEMENTS  * * * * * * * * * * * * * * * * * * * * * * * * * 
******************************************************************************/



/***  UNIVERSAL STYLES  ***/

html {
	font-size: 22px;
}

body {
	line-height: 1.6em;
	font-family: var(--wp--custom--font--1);
	background-color: var(--wp--custom--light--1);
	color: var(--wp--custom--dark--1);
}

body .gform-theme--api, 
body  .gform-theme--framework { 
  --gf-ctrl-label-font-size-primary: 1rem;
  --gf-font-size-secondary: 0.9rem; 
  --gf-font-size-tertiary: 0.8rem;
  --gf-ctrl-label-font-size-req: 0.8rem;
  --gf-form-validation-font-size: 0.8rem;
}

/***  BACK TO TOP BUTTON  ***/

.btt-button [class*="fa"] {
	border-radius: var(--wp--custom--radius--full);
	background-color: var(--wp--custom--tertiary--main);
	font-weight: 300;
	color: black;
}

.btt-button:hover [class*="fa"] {
	background-color: var(--wp--custom--tertiary--light);
	color: black;
}

.btt-button [class*="fa"]::before { 
  display: block;
  transform-origin: center center;
  transition: all 300ms ease-in-out;
}

.btt-button:hover [class*="fa"]::before { transform: scale(1.3); }

/******************************************************************************
 * * *  CONTENT STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * *
******************************************************************************/



/***  TEXT & LINKS  ***/

a {
	color: var(--wp--custom--primary--main);
}

a:hover {
	color: var(--wp--custom--primary--main);
}

a:not([class]),
.entry-list .entry-link,
.wp-block-button.is-style-link-button .wp-block-button__link {
	border-bottom: 1px solid currentColor;
}

a:not([class]):hover,
.entry-list .entry-link:hover,
.wp-block-button.is-style-link-button .wp-block-button__link:hover { border-bottom-style: dashed; }

.wp-block-button.is-style-link-button .wp-block-button__link { border-radius: 0; }

figure a { border-bottom: none !important; }


/***  HEADINGS  ***/

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	color: black;
	font-family: var(--wp--custom--font--2);
}

h1 {
	font-size: 3.4545em;
}

h2 {
	font-size: 2.4182em;
}

h3 {
	font-size: 1.5545em;
}

h4 {
	font-size: 1.1745em;
}

h5 {
	font-size: 1.1227em;
}

h6 {
	font-size: 0.6736em;
}


/** Mobile & Tablet **/
@media screen and (min-width: 601px) and (max-width: 1024px) {
	h1 { font-size: 2.5909em; }
	h2 { font-size: 1.7273em; }
	h3 { font-size: 1.2955em; }
	h4 { font-size: 1.0795em; }
	h5 { font-size: 1.0364em; }
	h6 { font-size: 0.6477em; }
}

@media screen and (max-width: 600px) {
	h1 { font-size: 1.7273em; }
	h2 { font-size: 1.2955em; }
	h3 { font-size: 1.0795em; }
	h4 { font-size: 0.9716em; }
	h5 { font-size: 0.8636em; }
	h6 { font-size: 0.6477em; }
}

/***  BORDERS & DIVIDERS  ***/

hr, .divider {
	display: block;
	width: 100%;
	height: 1px;
	border: 0;
	border-top: 1px solid #e2e2e2;
	margin: 2.5em auto;
	padding: 0;
}



/***  BUTTONS  ***/

.button, 
.wp-block-button__link, 
.button-outline, 
.is-style-outline .wp-block-button__link {
	padding: 0.95em 1.95em 0.792em 1.95em;
	border-color: var(--wp--custom--primary--main);
	border-radius: var(--wp--custom--radius--xl);
	background-color: var(--wp--custom--primary--main);
	color: white;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 500;
  line-height: 1!important;
  transition:all .25s ease;
  font-family: var(--wp--custom--font--2);
}

.button:hover, 
.wp-block-button__link:hover, 
.button-outline:hover,
.is-style-outline .wp-block-button__link:hover {
	border-color: var(--wp--custom--primary--dark);
	background-color: var(--wp--custom--primary--dark);
	color: white;
	transform:translateY(-3px);
}

.button [class*="fa"], 
.wp-block-button__link [class*="fa"], 
.button:hover [class*="fa"], 
.wp-block-button__link:hover [class*="fa"] {
	color: inherit !important;
}

/* Outlined Button */

.button-outline, 
.is-style-outline .wp-block-button__link {
	background: none;
	color: var(--wp--custom--primary--main);
}

.button-outline:hover,
.is-style-outline .wp-block-button__link:hover {
	border-color: var(--wp--custom--secondary--main);
	background: none;
	color: var(--wp--custom--secondary--main);
}



/***  ICONS  ***/

.fa {
	font-weight: 300;
}

/* Icon Colors */

.fa, .fas, .far, .fal, .fab {
	/* color: var(--wp--custom--primary--main); */
	color: currentColor;
}

a .fa, a .fas, a .far, a .fal, a .fab {
	/* color: var(--wp--custom--primary--main); */
	color: currentColor;
}

a:hover .fa, a:hover .fas, a:hover .far, a:hover .fal, a:hover .fab {
	/* color: var(--wp--custom--secondary--main); */
	color: currentColor;
}

/* Icon Backgrounds */

.fa-bg {
	background-color: var(--wp--custom--primary--main);
	color: white;
}

a .fa-bg {
	background-color: var(--wp--custom--primary--main);
	color: white;
}

a:hover .fa-bg {
	background-color: var(--wp--custom--secondary--main);
	color: white;
}

/* Icon Borders */

.fa-br {
	border-color: var(--wp--custom--primary--main);
}

a .fa-br {
	border-color: var(--wp--custom--primary--main);
}

a:hover .fa-br {
	border-color: var(--wp--custom--secondary--main);
}



/***  LISTS  ***/

.arrow-list li:before, 
.check-list li:before, 
.check-circle-list li:before, 
.icon-list li:before, 
.contact-list li:before, 
.arrow-list li [class*="fa"], 
.check-list li [class*="fa"], 
.check-circle-list li [class*="fa"], 
.icon-list li [class*="fa"], 
.contact-list li [class*="fa"] {
	color: var(--wp--custom--primary--main);
}

.is-style-doc-list,
.is-style-pdf-list { list-style: none; }

.is-style-doc-list li,
.is-style-doc-list-item, 
.is-style-pdf-list-item li,
.is-style-pdf-list-item {
	position: relative;
	list-style: none;
}
.is-style-doc-list li::before,
.is-style-pdf-list li::before,
.is-style-doc-list-item:before, 
.is-style-pdf-list-item:before {
	position: absolute;
	top: 0.33em;
	left: -1.75em;
	width: 1.3em;
	height: 1.3em;
	display: block;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-size: 1em;
	text-align: center;
	color: var(--wp--custom--primary--light);
}

.is-style-doc-list li:before, 
.is-style-doc-list-item:before {
	content: "\e5ed";
}

.is-style-pdf-list li:before, 
.is-style-pdf-list-item:before {
  content: "\f1c1";
}


/***  FORMS  ***/

/* Inputs */

input[type="text"], input[type="email"], input[type="number"], 
input[type="password"], input[type="search"], input[type="tel"], 
input[type="url"], input[type="date"], input[type="datetime-local"], 
input[type="month"], input[type="time"], input[type="week"], 
textarea, select, .filter-reset {
	border-radius: var(--wp--custom--radius--xs);
}

input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, 
input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, 
input[type="url"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, 
input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, 
textarea:focus, select:focus {
	border-color: var(--wp--custom--primary--main);
}

/* Buttons */

input[type="submit"], 
input[type="reset"], 
input[type="button"], 
form button {
	border-color: var(--wp--custom--primary--main);
	background-color: var(--wp--custom--primary--main);
	border-radius: var(--wp--custom--radius--xs);
	color: white;
  transition: all 300ms ease-in-out;
}

input[type="Submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover, 
form button:hover {
	border-color: var(--wp--custom--primary--main);
	background-color: var(--wp--custom--primary--main);
	color: white;
  transform: translateY(-3px);
}

input[type="Submit"]:active, 
input[type="reset"]:active, 
input[type="button"]:active, 
form button:active {
	border-color:  var(--wp--custom--primary--dark);
	background-color:  var(--wp--custom--primary--dark);
	color: white;
}

.archive-navbar .filter-form > .filter-reset { transition: all 300ms ease-in-out; }

.archive-navbar .filter-form > .filter-reset:hover { transform: translateY(-3px); }

/* Gravity Forms */

.theme-form .gform-theme--framework { 
  --gf-ctrl-choice-check-color: var(--wp--custom--primary--main) !important; 
  /* --gf-ctrl-border-color: var(--wp--custom--primary--main) !important;  */
}

.theme-form .gform-theme--framework input[type="checkbox"],
.theme-form .gform-theme--framework input[type="radio"] { 
  --gf-color-in-ctrl-primary: var(--wp--custom--primary--main) !important; 
}

.theme-form  .gform-theme--framework input[type="radio"]::before {
	background-color: var(--gf-ctrl-choice-check-color) !important;
}

.theme-form .gform-theme--framework input:focus,
.theme-form .gform-theme--framework select:focus,
.theme-form .gform-theme--framework textarea:focus,
.theme-form .gform-theme--framework button:focus {
  border-color: var(--wp--custom--primary--main) !important;
  --gf-local-border-color: var(--wp--custom--primary--main) !important;
	--gf-local-outline-color: rgb(from var(--wp--custom--primary--main) r g b / 70%) !important;
}

.theme-form .gform-theme--framework button {
 	padding: 0.95em 1.95em 0.792em 1.95em !important;
	border-color: var(--wp--custom--primary--main) !important;
	border-radius: var(--wp--custom--radius--xl) !important;
	background-color: var(--wp--custom--primary--main) !important;
  font-size: 0.84210526em !important;
	color: white !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	font-weight: 500 !important;
  line-height: 1!important;
  transition:all .25s ease !important;
  font-family: var(--wp--custom--font--2) !important;
}


.theme-form .gform-theme--framework button:hover {
	border-color: var(--wp--custom--primary--dark) !important;
	background-color: var(--wp--custom--primary--dark) !important;
	color: white Im !important;
	transform:translateY(-3px) !important;
}



/******************************************************************************
 * * *  HEADER STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
******************************************************************************/

.header-masthead { width: 180px; }

.header-left, 
.header-right { width: calc(100% - 180px); }

/***  SCROLL BAR  ***/

.scroll-bar {
	background-color: var(--wp--custom--dark--1);
}

.scroll-logo {
	max-height: 50px;
}



/***  TOP BAR  ***/

.top-bar {
	background-color: var(--wp--custom--light--1);
	overflow-x: hidden;
  padding: var(--wp--custom--spacer--xxs) 0;
}

.top-bar .wp-block-button__link {
  margin: 0;
  padding: 0.47368421em 1.3em 0.31578947em;
}

/***  HEADER  ***/

.intro-wrap {
		border-radius: var(--wp--custom--radius--lg);
}

.header-inner {
    padding-left: 24px;
    padding-right: 24px;
}

.header {
  position: absolute;
  left: 0;
  z-index: 2;
  top:133px;
} 

@media screen and (max-width: 900px) {
	.header {
		top:170px;
	}
}


.header-logo {
	max-height: 70px;
}

/* Menu Button */

.header .menu-button [class*="fa"], 
.header .menu-button:hover [class*="fa"] {
	background-color: white;
	color: var(--wp--custom--dark--1);
}

.header .menu-button.active [class*="fa"] {
	background-color: var(--wp--custom--primary--main);
	color: white;
}

.header .menu-button {
	right:24px;
}



/***  NAVBAR  ***/

.navbar {
}



/***  NAV MENUS  ***/

.nav-menu > li > a, 
.nav-menu > li > span, 
.nav-menu > li > button {
	color: white;
	font-size: 1em;
	letter-spacing: 1px;
	padding: 16px 3px;
	font-family: var(--wp--custom--font--2);
}


@media screen and (min-width:1201px) and (max-width: 1280px) {
	.nav-menu > li > a, 
	.nav-menu > li > span, 
	.nav-menu > li > button {
		padding: 2px;
	}

	.nav-menu > li {
		padding:0 5px;
	}
}

@media screen and (min-width:1341px) and (max-width: 1399px) {
  .nav-menu > li > a, 
	.nav-menu > li > span, 
	.nav-menu > li > button {
		font-size: 0.95em;
	}
}


@media screen and (min-width:1281px) and (max-width: 1340px) {
	.nav-menu > li {
		padding:0 5px;
	}
}


.single-post .nav-menu > li.posts-link > a, 
.category .nav-menu > li.posts-link > a, 
.single-service .nav-menu > li.services-link > a, 
.single-career .nav-menu > li.careers-link > a, 
.single-resource .nav-menu > li.resources-link > a, 
.nav-menu > li.current-menu-ancestor > a, 
.nav-menu > li.current-menu-ancestor > span, 
.nav-menu > li.current-menu-ancestor > button, 
.nav-menu > li.current-menu-item > a, 
.nav-menu > li.current-menu-item > span, 
.nav-menu > li.current-menu-item > button, 
.nav-menu > li:hover > a, 
.nav-menu > li:hover > span, 
.nav-menu > li:hover > button {
	color: var(--wp--custom--tertiary--main);
}

/* Nav Button */

.nav-menu > li.nav-button {
	background-color: transparent !important;
}

.nav-menu > li.nav-button > a {
	margin-left: 10px;
	margin-right: 10px;
	background-color: var(--wp--custom--primary--main);
	border-radius: var(--wp--custom--radius--xl);
	color: white;
}

.nav-menu > li.nav-button > a:hover {
	background-color: var(--wp--custom--primary--light);
}

/* Dropdowns */

.nav-menu li ul li:first-child {
	padding-top: 8px;
}
.nav-menu li ul li:last-child {
	padding-bottom: 8px;
}

.nav-menu li ul > li > a, 
.nav-menu li ul > li > span, 
.nav-menu li ul > li > button {
	color: var(--wp--custom--dark--1);
  font-size: 1em;
  font-family: var(--wp--custom--font--2);
  letter-spacing: 1px;
}

.single-careers .nav-menu li ul li.careers-link > a, 
.nav-menu li ul li.current-menu-item > a, 
.nav-menu li ul li.current-menu-item > span, 
.nav-menu li ul li.current-menu-item > button, 
.nav-menu li ul li > a:hover, 
.nav-menu li ul li > span:hover, 
.nav-menu li ul li > button:hover {
  color: white;
	background-color: var(--wp--custom--tertiary--dark);
}

/* Nested Dropdowns */

.nav-menu li ul li ul {
	top: -8px;
}



/***  HIDDEN NAV  ***/

.hidden-menu li a {
	color: var(--wp--custom--dark--3);
}

.hidden-menu li.current-menu-item > a {
	color: var(--wp--custom--primary--main);
}

.hidden-nav .top-bar-widget > .wp-block-group > *:not(form) { display: none; }

.hidden-nav .top-bar-widget > .wp-block-group > form { 
  margin-left: 24px; 
  margin-right: 24px; 
  width: 100%;
}

.hidden-menu .sub-menu { padding-left: 24px; }



/******************************************************************************
 * * *  BODY STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
******************************************************************************/



/***  BANNER  ***/

.banner {
	background-color: black;
  border-radius: var(--wp--custom--radius--lg);
}

.banner:before {
	opacity: 0.3!important;
}

.banner-inner {
	padding-top: 200px;
	padding-bottom: 180px;
/*	padding-left: var(--wp--custom--spacer--xl);
	padding-right: var(--wp--custom--spacer--xl);*/
}

.banner-viewheight .banner-inner {
	padding-top: calc(var(--wp--custom--spacer--lg) + 140px);
	padding-bottom: var(--wp--custom--spacer--lg);
}

.banner a {
	color: var(--wp--custom--primary--light);
}

.banner a:hover {
	color: white;
}


/***  HEADLINE BAR  ***/

.headline-bar {
}



/***  ENTRY NAVBAR  ***/

.entry-menu > li > a {
	color: var(--wp--custom--dark--3);
}

.entry-menu > li.current-menu-item > a, 
.entry-menu > li:hover > a {
	color: var(--wp--custom--primary--main);
}



/***  MAIN  ***/

.main {
	padding-top:  var(--wp--custom--spacer--lg);
	padding-bottom:  var(--wp--custom--spacer--lg);
}



/***  ARCHIVE  ***/

/* Entry Cols */

.entry-cols .entry-link {
	border-radius: var(--wp--custom--radius--md);
	background-color: transparent;
	overflow: hidden;
	color: var(--wp--custom--dark--2);
}

.entry-cols .entry-link img {
	border-radius: var(--wp--custom--radius--lg);
}

.entry-cols .entry-link:hover {
	transform: translateY(-3px);
}

.entry-cols .entry-icon-wrap:first-child {
	padding: 30px 30px 0;
}

.entry-cols .entry-icon svg {
	width: 60px;
	fill: var(--wp--custom--primary--main);
}

.entry-cols .entry-text-wrap {
	padding: 30px;
  padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.includes-link-text .entry:not(.col-full) .entry-text-wrap {
	padding-bottom: 80px;
}

.entry-cols .entry:not(.col-full) .entry-link-text-wrap {
	left: 0;
	bottom: 30px;
}

.entry-cols .entry-link .entry-link-text {
	/* color: var(--wp--custom--tertiary--dark); */
  color: var(--wp--custom--primary--main);
	text-transform: uppercase;
	font-weight: 500;
  letter-spacing: 2px;
  font-size: 1.1em;
  font-family: var(--wp--custom--font--2);
}

.entry-cols .entry-link:hover .entry-link-text {
	color: var(--wp--custom--secondary--dark);
}

.entry-cols .entry-title:not(:last-child) { margin-bottom: 0.1em; }

/* Archive Pagination */

.archive-pagination a {
	border-radius: var(--wp--custom--radius--xl);
	border-color: var(--wp--custom--light--1);
	color: var(--wp--custom--primary--main);
}

.archive-pagination a:hover {
	border-color: var(--wp--custom--primary--main);
	color: var(--wp--custom--primary--main);
}

.archive-pagination a [class*="fa"], 
.archive-pagination a:hover [class*="fa"] {
	color: inherit !important;
	transition: all 0ms ease-in-out;
}



/***  SINGLE  ***/





/******************************************************************************
 * * *  FOOTER STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
******************************************************************************/

.footer-wrap a { border-bottom: none !important; }

/***  CTA BAR  ***/

.cta-bar {
	padding-top: var(--wp--custom--spacer--xxl);
	padding-bottom: var(--wp--custom--spacer--xxl);
	background-color: var(--wp--custom--secondary--main);
	color: white;
}

.cta-bar h1, 
.cta-bar h2, 
.cta-bar h3, 
.cta-bar h4, 
.cta-bar h5, 
.cta-bar h6 {
	color: white;
} 




/***  FOOTER  ***/

.footer {
	padding-top: var(--wp--custom--spacer--lg);
	padding-bottom: var(--wp--custom--spacer--lg);
	background-color: var(--wp--custom--light--1);
  font-size: 0.9em;
}

.footer a {
	color: var(--wp--custom--dark--3);
}

.footer a:hover {
	color: var(--wp--custom--primary--main);
}

.footer .wp-block-heading {
	font-weight: 400;
	font-size: 1.68em;
} 

@media 
screen and (min-width: 1200px),
screen and (min-width: 421px) and (max-width: 900px) {
  .footer-two-col-menu ul { columns: 2; }
}


/***  6.3 BOTTOM BAR  ***/

.bottom-bar {
	background-color: var(--wp--custom--light--1);
	font-size: 0.85em;
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: 1px solid var(--wp--custom--dark--1);
}

/* Menus */

.bottom-bar .menu a {
	color: var(--wp--custom--dark--3);
}

.bottom-bar .menu a:hover {
	color: var(--wp--custom--primary--main);
}





/******************************************************************************
 * * *  7 CUSTOM STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * 
******************************************************************************/

figure[class*="rounded"] img { border-radius: inherit; }

details summary { padding: 20px 20px 20px calc(1em + 40px) !important; }

/* Add custom theme styles here */

p.subtitle {
	font-family: var(--wp--custom--font--1);
	font-size: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.custom-banner {
	margin-top: calc(var(--wp--custom--spacer--lg) * -1);
}

.link-box .wp-block-column {
	cursor: pointer;
	transition: all 350ms ease-in-out;
}

.link-box .wp-block-column:hover {
	transform: translateY(-3px);
}

.white-box {
	background-color: white;
	border-radius: var(--wp--custom--radius--lg);
	padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--lg);
  overflow: hidden;
}

@media screen and (max-width: 900px) {
	.white-box {
			padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--sm);
	}
}

.rounded-box .wp-block-column {
	background-color: none;
	border:1px solid var(--wp--custom--secondary--main);
	border-radius: var(--wp--custom--radius--lg);
	padding: var(--wp--preset--spacing--md) var(--wp--preset--spacing--sm);
}

.gr-box {
	background-color: none;
	border:1px solid var(--wp--custom--secondary--main);
	border-radius: var(--wp--custom--radius--lg);
	padding: var(--wp--preset--spacing--md) var(--wp--preset--spacing--sm);
}

.banner h1 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.banner .button {
	color: white;
}


.rounded {
	border-radius: var(--wp--custom--radius--lg)!important;
	border-color: var(--wp--custom--secondary--main);
}

.line-left:after{
  display: block;
	width: 60px;
	height: 3px;
	margin-top: 15px;
	margin-left: 0;
	margin-right: auto;
	background-color: var(--wp--custom--secondary--main);
  content: '';
  animation-name: fadeIn;
  animation-duration: 2s;
  animation-fill-mode: both;
}

.line-center:after{
  display: block;
	width: 60px;
	height: 3px;
	margin-top: 15px;
	margin: 15px auto 0 auto;
	background-color: var(--wp--custom--secondary--main);
  content: '';
  opacity: inherit;
  /* transition: all 350ms ease-in-out; */
  animation-name: fadeIn;
  animation-duration: 2s;
  animation-fill-mode: both;
}

/***  Careers  ***/
@media screen and (min-width: 901px) and (max-width: 1200px) {
  .career-cards .col-third { width: 50%; } 
}

.single-career .career-navbar { margin-top: var(--wp--custom--spacer--sm); }

.entry-link.career-link  {
	padding-left: var(--wp--custom--spacer--md);
	padding-right: var(--wp--custom--spacer--md);
	background-color: none;
	border:1px solid var(--wp--custom--secondary--main);
	border-radius: var(--wp--custom--radius--lg);
	overflow: hidden;
}

.entry-link-text.career-link-text {
	left: 40px !important;
  position: relative!important;
}

/***  ICON CARDS  ***/

.icon-cards {
	text-align: center;
}

.icon-cards .wp-block-column {
	background-color: var(--wp--custom--light--2);
	padding: var(--wp--custom--spacer--md) var(--wp--custom--spacer--sm);
	transition: all 350ms ease-in-out;
	border-radius: var(--wp--custom--radius--md);
}

.icon-cards .wp-block-column.animation-complete { animation: none !important;}

.icon-cards .wp-block-column:hover {
	background-color: var(--wp--custom--tertiary--main);
	color: black;
  transform: translateY(-3px) !important;
}

.icon-cards .wp-block-column .wp-block-heading, 
.icon-cards .wp-block-column .wp-block-heading a {
	color: var(--wp--custom--secondary--dark);
	border-bottom: none;
	transition: all 350ms ease-in-out;
}

.icon-cards .wp-block-column:hover .wp-block-heading, 
.icon-cards .wp-block-column:hover .wp-block-heading a, 
.icon-cards .wp-block-column:hover .wp-block-heading a:hover {
	color: black;
}

.icon-cards .wp-block-outermost-icon-block {
	justify-content: center;
}

.icon-cards .wp-block-heading:not(:first-child) {
	margin-top: 0.25em;
	font-size: 1.45em;
}


/***  MAP  ***/
.map-container {
    position: relative;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    height: 70vh;
}

.map-container iframe {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    border: 0;
}


/* Team members */

.member .member-box {
	background-color:white;
	border-radius: var(--wp--custom--radius--md);
  height: 100%;
  box-sizing: border-box;
}

.member-box {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  padding:30px;
}

.member-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

.member-box .member-portrait {
  transition: transform 0.3s ease;
}

.member-cols .member-position {
	color: var(--wp--custom--tertiary--dark);
}

.member-overlay .member-position {
	color: var(--wp--custom--tertiary--dark);
}

.member-meta .member-email::before {
    content: "\f0e0";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    margin-right: 8px;
    color: var(--wp--custom--primary--dark);
}

.member-meta .member-phone::before {
    content: "\f095";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    margin-right: 8px;
    color: var(--wp--custom--primary--dark);
}

.member-full-inner {
    display: flex;
    align-items: center;
    gap: 30px;
}

.member-portrait-wrap {
    flex: 0 0 150px;
}

.member-portrait-wrap img {
    max-width: 150px;
    max-height: 150px;
    object-fit: cover;
    border-radius: 50%;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    border: 4px solid var(--wp--custom--secondary--main);
}

.member-text-wrap {
    flex: 1;
}

/* Filter Links */
.filter-links .filter-link-icon > * { 
	max-width: 1em;
	max-height: 1em;
}

.filter-links .filter-link.current { 
	color: black; 
}


/* Demographic */

.info-graphic .wp-block-cover {
  border: 1px solid #a7a7a7;
  background-color: #f2f8fa;
  padding: var(--wp--custom--spacer--md);
  position: relative;
  z-index: 2;

}

.info-graphic img.wp-block-cover__image-background {
	  object-fit: contain;
}

.demo-sub {
	display: inline-block;
  padding: 10px;
  border: 1px solid #949494;
  background-color: white;
  color: var(--wp--custom--tertiary--dark);
  line-height: 18px;
}

.demo-number {
	display: inline-block;
  padding: 10px;
  border: 1px solid var(--wp--custom--tertiary--dark);
  background-color: var(--wp--custom--tertiary--dark);
  color: white;
  line-height: 17px;
}

.callout-circle {
  display: flex;
  width: 90px;
  height: 90px;
  padding-inline: var(--wp--custom--spacer--sm);
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--wp--custom--secondary--dark);
  transform: rotate(3deg);
}

.wp-block-group:has(.callout-circle) {
  overflow: visible !important;
}

.callout-text {
    color: white;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
}

.info-rule {
  display: inline-block;
  width: 70%;
  height: 1px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-top: 1px solid #949494;
}


.demo-circle {
  display: flex;
  width: 250px;
  height: 250px;
  padding: 30px 20px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: white;
  box-shadow: 0 0 15px -4px #002853;
   justify-self: center;
}


.info-graphic .wp-block-group.is-layout-grid:has(.cost-comparison-grid) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}


.info-graphic .wp-block-group.is-layout-grid:has(.demo-circle) > .wp-block-group {
  justify-self: center;
  text-align: center;
}


.info-graphic .wp-block-group.is-layout-grid:has(.demo-circle) .demo-circle {
  margin-inline: auto;
}


@media (max-width: 1024px) {
  .info-graphic .wp-block-group.is-layout-grid:has(.demo-circle) {
    grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr)) !important;
  }
}


/* @media (max-width: 600px) {
  .info-graphic .wp-block-group.is-layout-grid:has(.demo-circle) {
    grid-template-columns: 1fr !important;
  }
} */



/* Business navigation */


.filter-links-business-cat {
    background: var(--wp--custom--secondary--dark);
    border-radius: 8px;
    padding: 18px 24px;
    width: 100%;
    box-sizing: border-box;
}

.filter-links-business-cat .filter-links-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 6px;
}

.filter-links-business-cat .filter-link {
		display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    color: white;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.89473684em;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1px;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    text-transform: uppercase;
}


.filter-links-business-cat .filter-link:hover {
    color: black;
    background: var(--wp--custom--secondary--light);
    border-color: var(--wp--custom--secondary--light);
}


.filter-links-business-cat .filter-link.current {
    color: black;
    background: var(--wp--custom--secondary--main);
    border-color: var(--wp--custom--secondary--main);
}

.filter-links-business-cat .filter-link.current:hover {
    background:var(--wp--custom--secondary--light);
    border-color: var(--wp--custom--secondary--light);
}


.filter-links-business-cat .filter-link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3em;
}

.filter-links-business-cat .filter-link-icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}


.filter-links-business-cat + .filter-button,
.filter-links-business-cat .filter-button {
    margin-top: 12px;
}


@media (max-width: 600px) {

    .filter-links-business-cat {
        padding: 14px;
    }

    .filter-links-business-cat .filter-links-items {
        gap: 6px;
    }

    .filter-links-business-cat .filter-link {
        padding: 8px 10px;
        font-size: 13px;
    }

    .filter-links-group {
			display: none;
		}
}

.filter-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}


@media (min-width: 601px) {
	.post-type-archive-business .filter-form,
  .tax-business-cat .filter-form {
    	display: none;
  }
}



.business-post-link  {
	display: flex;
	justify-content: end;
}

.business-text-wrap {
	padding-left: 20px!important;
}

.business-post-link a {
	padding: 0.8em 1.2em 0.64210526em 1.2em;
  border-color: var(--wp--custom--primary--main);
  border-radius: var(--wp--custom--radius--xl);
  background-color: var(--wp--custom--primary--main);
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  line-height: 1 !important;
  margin-top: 5px;
  font-size: 0.8em;
  font-family: var(--wp--custom--font--2);
}


/* Business pagination */
.nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 30px 0;
    flex-wrap: wrap;
}


.nav-links .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4em 1em;
    border: 1px solid #ddd;
    border-radius: var(--wp--custom--radius--lg);
    background: white;
    color: var(--wp--custom--dark--1);
    font-size: 1em;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    transition: all 0.2s ease;
}


.nav-links a.page-numbers:hover {
    outline: 2px solid var(--wp--custom--secondary--main);;
    outline-offset: 1px;
}
.nav-links a.page-numbers:hover,
.nav-links span.page-numbers.current {
    background-color: var(--wp--custom--tertiary--dark);
    border-color: var(--wp--custom--tertiary--dark);
    color: white;
}

/* Business Archive */
.business-cols .business-link img { 
  object-fit: contain; 
  width: 100%;
  background-color: white;
}


/* Business Post */

.single-business .single-business-archive-link-wrap a {
  display: inline-block; 
  margin-bottom: var(--wp--custom--spacer--xs); 
}

.single-business .business .cols { gap: var(--wp--custom--spacer--sm); }

@media screen and (min-width: 901px) {
  .single-business .business .cols > .col-half { width: calc(50% - (var(--wp--custom--spacer--sm) / 2)); }
}

.single-business .business-thumb { 
  margin-bottom: var(--wp--custom--spacer--xs);
  border-radius: var(--wp--custom--radius--md); 
  object-fit: contain;
}

.single-business .business-description { margin-top: var(--wp--custom--spacer--xs); }

.single-business .business-google-map { border-radius: var(--wp--custom--radius--md) }


/** Resources **/

.resource-list, .newsletter-list {
    list-style: none;
    padding-left: 0;
}

.resource-list .resource, .newsletter-list .newsletter {
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px;
    margin-left: 0;
}

.resource-list .resource::before, .newsletter-list .newsletter::before {
    content: "›";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    line-height: 1;
}

.resource-list .resource-link, .newsletter-list .newsletter {
    text-decoration: none;
}



/** Responsive **/
@media (max-width: 1200px) and (min-width: 601px) {
    .tablet-2-col {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
    }

    .tablet-2-col > .wp-block-column {
        width: auto !important;
        flex-basis: auto !important;
        margin: 0 !important;
    }
}

/** Reverse Section **/
@media screen and (max-width: 900px){
	.reverse-section {
    flex-direction: column-reverse;
	}
}

@media screen and (max-width: 900px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; }
} 


@media screen and (min-width: 601px) and (max-width: 900px) {
  .wp-block-image.reduced-width { max-width: 50%; }
}


@media screen and (max-width: 900px) {
  .tablet-w-600 { 
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .tablet-w-600-center {
    text-align: center;
  }

  .tablet-w-600-center .wp-block-outermost-icon-block { justify-content: center; }
} 

/** Large Screen  **/
@media screen and (max-width: 1024px) {
  .stack-section-lg { flex-direction: column; }

  .stack-section-lg.reverse-section { flex-direction: column-reverse; }
}

@media screen and (min-width: 901px) and (max-width: 1024px) {
  .stack-section-lg .wp-block-image {
    max-width: 65%;
    margin-left: auto;
    margin-right: auto;
  }
} 

/** Button Text Size **/
@media screen and (max-width: 600px) {
  .button-small.wp-block-button, 
  .button-small .wp-block-button { font-size: 0.9em; }
}


/** Accordion **/

.meeting-timeframe-title {
	display: none;
}

.wp-block-accordion-panel h2 {
	display: none;
}

.wp-block-accordion-heading__toggle-icon {
	color: var(--wp--custom--tertiary--dark);
}


/** Search **/

/* .search input[type="search"] {
	padding: 0 70px 0 12px !important;
  box-sizing: border-box;
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button {
	padding: 0.21052632em;
  height: auto;
	background-color: var(--wp--custom--primary--main)!important;
  border-radius: var(--wp--custom--radius--sm);
  transition: all 300ms ease-in-out, border-radius 0s linear;
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded="true"] { border-radius: 0 var(--wp--custom--radius--sm) var(--wp--custom--radius--sm) 0; }

.wp-block-search.wp-block-search__button-only .wp-block-search__button svg { 
  align-self: center; 
  min-height: 1.5em;
  min-width: 1.5em;
} */


.top-bar .wp-block-search__button-outside .wp-block-search__button,
.hidden-nav .wp-block-search__button-outside .wp-block-search__button {
  height: auto;
  margin: 0;
  padding: 0 0.3em;
  border-radius: 0;
}

.top-bar .wp-block-search__button-outside .wp-block-search__button svg,
.hidden-nav .wp-block-search__button-outside .wp-block-search__button svg {
  min-width: 1.46em;
  min-height: 1.46em;
  transition: all 300ms ease-in-out;
}

.top-bar .wp-block-search__button-outside .wp-block-search__button:hover svg,
.hidden-nav .wp-block-search__button-outside .wp-block-search__button:hover svg {
  transform: scale(1.1);
}

.top-bar .wp-block-search__button-outside .wp-block-search__input,
.hidden-nav .wp-block-search__button-outside .wp-block-search__input {
  min-height: auto;
  line-height: 1;
  margin: 0;
  padding: 0.41em 0.4em;
  border-radius: 0;
  border-right: 0;
}

/** Recent posts **/

.single .entry-meta li a {
  display: inline-block;
  color: white;
  border-bottom: 1px solid currentColor;
}

.single .entry-meta li a:hover { border-bottom-style: dashed; }

.post-cols .post-cat {
	padding: 3px 12px;
	font-size: 0.85em;
  background-color: rgba(0,0,0,0.6);
  background-color: var(--wp--custom--tertiary--dark);
}

.post-cols .post-date { font-weight: 700; }

.post-cols .post-cats {
	position: static;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px !important;
}

.post-cols .post-text-wrap {
    display: flex;
    flex-direction: column;
}

.post-cols .post-cats {
    position: static;
    order: 1;
}

.post-cols .post-title {
    order: 2;
}

.post-cols .post-meta {
    display: contents;
}

.post-cols .post-date {
    order: 3;
}

.post-cols .post-comment-count {
    order: 4;
}

.post-cols .post-excerpt-wrap {
    order: 5;
}

.post-cols .post-link-text-wrap {
    order: 6;
}


/*.sm-gallery figure img {
	border-radius: var(--wp--custom--radius--sm);
}*/

.sm-gallery figcaption {
	position: static!important;
	background-color: var(--wp--custom--primary--main)!important;
	padding: 6px!important;
  line-height: 130%;
}

@media screen and (min-width: 601px) and (max-width: 1200px) {
  .laptop-two-col-gallery .wp-block-image {
    width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5) !important; 
  }
}

@media screen and (max-width: 600px) {
  .laptop-two-col-gallery .wp-block-image {
    width: 100% !important; 
  }
}


.single-post .post-featured-image {
	border-radius: var(--wp--custom--radius--md);
}

/** Search bar **/

.wp-block-search.wp-block-search__button-only {
    position: relative;
    display: flex;
    justify-content: flex-end;
}


.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
    position: relative;
    width: auto !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button {
    position: relative;
    z-index: 3;
    flex: 0 0 auto;
}

.wp-block-search.wp-block-search__button-only .search-icon {
    transition: transform 180ms ease;
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button:hover .search-icon {
    transform: scale(1.15);
}
/* 
.wp-block-search.wp-block-search__button-only .wp-block-search__input {
    position: absolute;
    right: 0;
    width: 0;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    border-width: 0;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
    transition:width 300ms ease, opacity 150ms ease,  padding 300ms ease;
}


.wp-block-search.wp-block-search__button-only:not(.wp-block-search__searchfield-hidden) .wp-block-search__input {
    width: 260px;
    min-width: 260px;
    min-height: 1.89473684em;
    padding-left: 12px;
    padding-right: 55px;
    border-width: 1px;
    opacity: 1;
    pointer-events: auto;
} */


.wp-block-search.wp-block-search__button-only .wp-block-search__button {
    background: inherit;
}

.wp-block-search.wp-block-search__button-only,
.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden, 
.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper { overflow: visible !important; }

/* Hidden menu */
.hidden-nav-left.hidden-nav-active,
.hidden-nav-right.hidden-nav-active {
	margin-left: 0;
	margin-right: 0;
}

@media screen and (max-width: 900px) {
	.hidden-nav-left.hidden-nav-active,
	.hidden-nav-right.hidden-nav-active {
		margin-left: 0;
		margin-right: 0;
	}
}


/* Events */
.events-cols .entry-text-wrap { padding-top: 0; }

.events-cols .entry-link { 
  padding: 1em;
  background-color: rgba(255, 255, 255, 0.65); 
  border: 3px solid var(--wp--custom--primary--main);
}

.events-cols .entry-title { 
  margin-top: 0.5em;
  order: 0;
  color: black;
}

.events-cols .entry-link  .entry-thumb { border-radius: var(--wp--custom--radius--md); }

.events-cols time { font-weight: bold; }

.fc-scrollgrid,
.fc-list-table  { background-color: white; }