/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

/* Gravity Forms Styling
 * */

.gform_wrapper [type=button], .gform_wrapper [type=submit], .gform_wrapper button {
	font-size: var(--e-global-typography-392b9e0-font-size );
    line-height: var(--e-global-typography-392b9e0-line-height );
    letter-spacing: var(--e-global-typography-392b9e0-letter-spacing );
    word-spacing: var(--e-global-typography-392b9e0-word-spacing );
	font-family: var(--e-global-typography-392b9e0-font-family ), Sans-serif;
    font-weight: var(--e-global-typography-392b9e0-font-weight );
    font-style: var(--e-global-typography-392b9e0-font-style );
    text-decoration: var(--e-global-typography-392b9e0-text-decoration );
    fill: var(--e-global-color-c696dce );
    color: var(--e-global-color-c696dce );
	background-color: var(--e-global-color-accent );
	padding: 10px 20px;
	border: 1px solid #000000;
    border-radius: 0;
}

.gform_wrapper [type=button]:hover, .gform_wrapper [type=submit]:hover, .gform_wrapper button:hover, .gform_wrapper [type=button]:focus, .gform_wrapper [type=submit]:focus, .gform_wrapper button:focus {
	background-color: var(--e-global-color-accent);
	border: 1px solid #000000;
    border-radius: 0;
	outline: 0;
}
.gform_wrapper legend, .gform_wrapper label.gfield_label.gform-field-label{
	color: var(--e-global-color-primary) !important;
	margin-bottom:10px !important;
}

.gform_wrapper input[type=date], .gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=search], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper select, .gform_wrapper textarea {
	border-radius: 3px !important;
    border: 1px solid #000000;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
}

.elementor-nav-menu a, .elementor-nav-menu a:focus, .elementor-nav-menu a:hover {
    line-height: 16px !important;
}

div#online-login {
    background-color: var(--e-global-color-7183731) !important;
    fill: var(--e-global-color-92ba39f) !important;
    color: var(--e-global-color-92ba39f) !important;
    border: 1px solid var(--e-global-color-7183731) !important;
}

div#online-login:hover {
	color: #ffffff !important;
	fill: var(--e-global-color-068e3a0)) !important;
	border-color: var(--e-global-color-068e3a0) !important;
	background-color:var(--e-global-color-068e3a0) !important;
}

div#online-login span {
    color: #ffffff;
}

div#business-menu {
    background-color: var( --e-global-color-cbf95bd ) !important;
    fill: var(--e-global-color-92ba39f) !important;
    color: var(--e-global-color-92ba39f) !important;
    border: 1px solid var( --e-global-color-cbf95bd ) !important;
}

div#business-menu:hover {
	color: #ffffff !important;
	fill: #2C3F63 !important;
	border-color: #2C3F63 !important;
	background-color: #2C3F63 !important;
}

div#business-menu span {
    color: #ffffff;
}



/* Resources FAQ
 * */
/* Accordion base */
/* Accordion: hide everything under .info-list-cat except the clickable h5 */
/* Hide everything except the clickable title and the always-visible button */

.info-list {
    border: 1px solid #f1f1f1;
    padding: 10px;
	margin-bottom: 10px;
}

.info-list-cat > :not(h5):not(.info-btn) {
  display: none;
}

/* Show all content when active */
.info-list-cat.active > :not(h5):not(.info-btn) {
  display: block;
}

/* Styling for interaction */
.info-list-cat {
  cursor: pointer;
  transition: all 0.3s ease;
}
.info-list-cat h5 {
  position: relative;
}
.info-list-cat h5::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 700;
}
.info-list-cat.active h5::after {
  content: '–';
}

/* Keep learn-more button always visible and clickable */
.info-btn {
  display: block;
  color: #43B978;
  font-weight: 600;
  cursor: pointer;
  margin-top: 10px;
  transition: color 0.2s ease;
}
.info-btn:hover {
  color: #2d8153;
}

.info-line {
	display: block !important;
    margin-bottom: 15px;
    width: 60px;
    height: 4px;
    background: #43b978;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}
/* Make Business links blue */
.page-id-1241 p a, .post-type-archive-business p a, .business-template-default p a{
	color: var(--e-global-color-cbf95bd) !important;
}

.business hr, .personal hr {
    border: none;
    height: 1px;
    margin: 25px 0;
}

/* --- Staff list (group headings + grid items) --- */
.staff-list h5 {
  color: #004B4D;
  padding-bottom: 8px;
  border-bottom: solid 3px #43B978;
  text-transform: uppercase;
}
.staff-list ul {
  list-style: none;
  margin: 30px 0 50px;
  line-height: 1.1em;
}
.staff-list ul li {
  display: inline-block;
  vertical-align: top;
  width: 31.3333%;
  margin: 0 1% 2%;
  min-height: 195px;
  line-height: 1.1em;
  position: relative;
  background: #004B4D;
  box-sizing: border-box;
  padding: 20px 20px 25px 20px;
  color: white;
}
.staff-list ul li a { color: #43B978; }

.staff-list ul li h6 {
  display: block;
  font-weight: 700;
  padding: 0 0 15px 0;
  position: relative;
  color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.staff-list ul li h6:after {
  content: '';
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 50px;
  height: 3px;
  background: #43B978;
  transition: all 200ms ease;
}
.staff-list ul li h6:hover:after { width: 60px; }

.staff-list ul li p {
  font-size: 0.889rem;
  margin: 5px 0 0 0;
}
.single-location-toggle ul{
	padding: 0px !important;	
}
.staff-list ul li span { color: #43B978; }
.staff-list ul li i    { margin-right: 5px; }


/* --- Responsive tweaks for staff list --- */
@media (max-width: 768px) {
  .staff-list ul li {
    width: 48%;
    min-height: 175px;
  }
}
@media (max-width: 520px) {
  .staff-list ul    { margin: 30px 0; }
  .staff-list ul li {
    width: 100%;
    margin: 0 0 25px;
    min-height: 0;
  }
}

div#login-popup-modal {
    color: #ffffff;
}

#login-popup-modal form {
  display: block;
  width: 100%;
  margin-top: 15px;
}

#login-popup-modal a {
    color: #ffffff !important;
	margin: 0 10px;
}

div#form-container {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	row-gap: 20px;
}

#login-popup-modal form input[type="text"],
#login-popup-modal form input[type="email"],
#login-popup-modal form input[type="password"] {
  width: 100%;
  margin-bottom: 15px;
  padding: 12px;
  border: 1px solid #E5E5E5;
  border-radius: 0px;
  font-size: 0.889rem;
  box-sizing: border-box;
}

#login-popup-modal form input[type="submit"] {
  display: inline-block;
  width: 100%;
  background-color: #004b4d;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 12px;
  border: none;
  border-radius: 0px;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  transition: background-color 0.2s ease;
  cursor: pointer;
}

#login-popup-modal form input[type="submit"]:hover {
  background-color: #004B4D;
}

#elementor-popup-modal-3214 .dialog-close-button {
    border: 2px solid #ffffff;
    background-color: #000000 !important;
    padding: 5px !important;
    border-radius: 50px !important;
    box-shadow: 0 0 0 2px #000000;
}

.tax-business_categories .elementor-divider-separator {
    border-block-start: var(--divider-border-width) var(--divider-border-style) #6bc4e5 !important;
}

.tax-business_categories .business-cta.elementor-element-4c602f1 {
	border-color: #6bc4e5 !important;
}
/* making the resources page links green */
.page-template-page-resourceinfo-php p a, .page-template-page-resourceinfo-php .info-list ul li a{
	color: var(--e-global-color-accent) !important;
}
ul{
	padding-bottom: 10px !important;
}

/* ===== Gravity Forms Survey Rating: custom stars for #input_12_2 ===== */

/* 1) Hide the radios, keep them accessible */
#input_12_2 > input {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* 2) Force RTL so :checked ~ label fills "to the left" visually */
#input_12_2 {
  direction: rtl;            /* key for star fill behavior */
  unicode-bidi: bidi-override;
  display: inline-flex;
  gap: 6px;
}

/* 3) Base label as an icon box */
#input_12_2 > label {
  display: inline-block;
  width: 28px;               /* adjust to your SVG */
  height: 28px;
  cursor: pointer;
  background-image: url('https://tb.stagemywebsite.com/wp-content/uploads/2025/10/unchecked-star.svg') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  /* neutralize GF’s default star pseudo-elements */
  position: relative;
}
#input_12_2 > label::before { content: '' !important; }

/* Hide the visible text inside labels (still screen-reader accessible) */
#input_12_2 > label > span {
  position: absolute !important;
  clip: rect(1px,1px,1px,1px) !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* 4) Hover state (fills current and "left" visually due to RTL) */
#input_12_2:not(:checked) > label:hover,
#input_12_2:not(:checked) > label:hover ~ label {
  background-image: url('https://tb.stagemywebsite.com/wp-content/uploads/2025/10/checked-star.svg') !important;
}

/* 5) Checked state (fills current and all to the "left" visually) */
#input_12_2 > input:checked ~ label {
  background-image: url('https://tb.stagemywebsite.com/wp-content/uploads/2025/10/checked-star.svg') !important;
}

/* 6) Keep checked style on hover (prevents flicker) */
#input_12_2 > input:checked + label:hover,
#input_12_2 > input:checked ~ label:hover,
#input_12_2 > label:hover ~ input:checked ~ label {
  background-image: url('https://tb.stagemywebsite.com/wp-content/uploads/2025/10/checked-star.svg') !important;
}