/*
 Theme Name:   Flash Fixers
 Theme URI:    https://generatepress.com
 Description:  Theme for FlashFixers 
 Author:       Jacob Shulenberger
 Author URI:   https://digitalskyrocket.com
 Template:     generatepress
 Version:      0.5.9
*/

.icon__glow {
  filter: drop-shadow(1px 0px 0px var(--spark-100)) drop-shadow(-1px 0px 0px var(--spark-100)) drop-shadow(0px 1px 0px var(--spark-100)) drop-shadow(0px -1px 0px var(--spark-100));
}

.ds-justify-between {
  justify-content: space-between;
}

/* Make sure to hide content title */
h1.gb-headline:not(.ds-headline) {
  display: none;
}

.gb-container:has(h1.gb-headline:not(.ds-headline)) {
  display: none;
}

/*****************************************************************************
 * FAQS PAGE STYLES
 ****************************************************************************/

.ds-details {
  margin-bottom: 1rem;
}

.ds-details summary {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
  .ds-details summary {
    font-size: 1.5rem;
  }
}

.ds-details summary::marker {
  color: var(--spark-100);
  content: "▹ ";
  font-family: monospace;
  margin-right: 0.25rem;
}

.ds-details[open] summary::marker {
  color: var(--spark-100);
  content: "▿ ";
}

.ds-double-button {
  width: 250px;
  border-radius: 0;
  border: 1px solid var(--neutral-700);
}

.ds-double-button:hover {
  border-top: 1px solid var(--spark-100);
  border-right: 1px solid var(--spark-100);
}

/* Table Styles Fixes */
.ds-table.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: var(--spark-900);
  ;
}

.ds-table.wp-block-table.is-style-stripes {
  margin-bottom: 2rem;
}

/*****************************************************************************
 * NAV MENUS
 ****************************************************************************/

/* align mobile nav close svg */
.slideout-exit {
  align-self: end;
}

/* adjust submenu spacing */
#menu-main-menu>li>.sub-menu {
  padding: 1rem 0.5rem;
}

#menu-main-menu li .sub-menu .sub-menu {
  padding-left: 1rem;
}

#menu-main-menu li .sub-menu .sub-menu .menu-item a:before {
  padding-right: 12px;
  content: "›"
}

/* align mobile nav item text */
.inside-navigation #menu-main-menu-1 .menu-item {
  text-align: left !important;
}

.inside-navigation #menu-main-menu-1>.menu-item:last-of-type {
  text-align: center !important;
}

.inside-navigation #menu-main-menu-1 .sub-menu .menu-item {
  padding-left: 1.5rem;
}

.inside-navigation #menu-main-menu-1 .sub-menu .menu-item a:before {
  padding-right: 12px;
  content: "›"
}

/* add styling for the nav menu CTA */
.inside-navigation #menu-main-menu>.menu-item:last-of-type a,
.inside-navigation #menu-main-menu-1>.menu-item:last-of-type a {
  text-transform: uppercase;
}

.inside-navigation #menu-main-menu>.menu-item:last-of-type,
.inside-navigation #menu-main-menu-1>.menu-item:last-of-type {
  border: 2px solid var(--aqua-400);
  color: var(--aqua-400);
  font-size: 16px;
  letter-spacing: 0.75px;
}

.inside-navigation #menu-main-menu>.menu-item:last-of-type:hover {
  border: 2px solid var(--spark-200);
  color: var(--spark-200);
}

/* fix submenu item background from obviously overflowing parent ul */
.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a {
  background-color: transparent;
}

/* Gravity form additional styling */
form .gform-body .gform_fields input:not([type="checkbox"], [type="radio"]),
form .gform-body .gform_fields select {
  border-top: 1px solid var(--neutral-700);
  border-right: 1px solid var(--neutral-700);
  border-left: 1px solid var(--neutral-700);
}

form .gform-body .gform_fields .gfield_label {
  font-weight: bold;
}

form .gform-body .gfield .ginput_container .gchoice,
form .gform-body .gfield .ginput_container_consent {
  align-items: center;
}

form .gform-body .gfield .gsection_title {
  margin-top: 2rem;
}

form .gform-body .gfield .address_city,
form .gform-body .gfield .address_state,
form .gform-body .gfield .address_zip {
  inline-size: 33%;
}

form .gfield_required,
.gform_heading p.gform_required_legend span.gfield_required {
  color: #fab600;
  font-size: 1.25rem;
  font-weight: bold;
}

.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])) {
  --gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(167, 250, 248, 0.65)'/%3E%3C/svg%3E");
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  color: var(--neutral-200);
  background-color: var(--neutral-600);
  border-color: var(--aqua-200);
  border-top: 1px solid var(--neutral-600);
  border-right: 1px solid var(--neutral-600);
  border-left: 1px solid var(--neutral-600);
  box-shadow: unset;
}

.gform_required_legend {
  display: none;
}