body,
.editor-styles-wrapper {
  background-color: #fff;
  color: #000;
}
.editor-visual-editor__post-title-wrapper h1.wp-block-post-title {
  color: black !important;
}

.wp-block-image img {
  /* WP 6.3 doesn't let this work with "defined" image sizes now */
  height: auto !important;
}

/* better default to use? */
.wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: 0;
}

/* elements that are first remove the owl selector -- talk to visbility selector plugin dev */
.remove-top-margin {
  margin-top: 0 !important;
}

/* TODO: parent theme default? */
.wp-element-button > * {
  vertical-align: middle;
}


/* TODO: remove from parent */
header .wp-block-navigation {
  order: unset;
}
.equal-height-cols>.wp-block-column {
  max-width: none;
}

/* Smoother scrolling on same-page transitions */
/* prefers-reduced-motion for accessability */
@media (prefers-reduced-motion:no-preference) {
  html{
    scroll-behavior: smooth;
  }
}

/* hover transition for all transitionable effects */
.gfield input:is(:hover, :active, :focus),
.gfield select:is(:hover, :active, :focus),
.gfield textarea:is(:hover, :active, :focus),
a,
button{
  transition: var(--wp--custom--transition);
}


/* block social lacks this option */
.wp-block-social-links svg:hover {
  color: var(--wp--preset--color--orange) !important;
}

div h2 a:focus,
div h2 a:hover,
div h3 a:focus,
div h3 a:hover {
  color: var(--wp--preset--color--orange) !important;
}

/* customize */

h1:not([class*='wp-block']),
h2:not([class*='wp-block']),
h3:not([class*='wp-block']) {
  margin-top: 0; /* WC non-block items */
}


/* parent theme override */
.wp-site-blocks .wp-block-group .wp-block-button__link:is(:hover, :active, :focus) {
  background: var(--wp--preset--color--white) !important;
  color: var(--wp--preset--color--black) !important;
  border-color: var(--wp--preset--color--white) !important;
}
.wp-site-blocks .wp-block-group .wp-block-button__link:is(:hover, :active, :focus) img {
  filter: brightness(100);
}

.wp-block-list li{
  list-style:disc!important;
}
.wp-block-list li::marker{
  color: var(--wp--preset--color--blue);
}

/*--- Gravity Forms customization ---*/
.gform_footer input[type=submit]{
  /* submit button stles */
  background: var(--wp--preset--gradient--button-bg)!important;
  padding: 16px 40px!important;
  border-radius: 8px!important;
  height: fit-content!important;

  font-size: var(--wp--preset--font-size--medium);
}
.gform_footer input[type=submit]:is(:hover, :active, :focus) {
  /* submit button hover */
  background: none;
  background-color: white;
  color: black;
}

.gfield input, .gfield select, .gfield textarea {
  /* gravity form field styles */
  border-radius: 8px!important;
}

.gfield input:is(:hover, :active, :focus),
.gfield select:is(:hover, :active, :focus),
.gfield textarea:is(:hover, :active, :focus) {
  /* gfom field style hover/focus */
  background-color: #f4f4f4;
}

.gform_fields{
  /* Gform field spacing */
  grid-row-gap: 17px!important;
}

.gform_required_legend{
  /* required label */
  display:none ;
}

/* pagination */
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
.wp-block-query-pagination-numbers .page-numbers{
  background-color: #f1f1f1;
  border-radius:3px;
  border: 2px solid #f1f1f1;
  padding: 16px;
  font-weight: 500;
  color: var(--wp--preset--color--black); 
  font-size: 19px;
  line-height: 1;
}

.wp-block-query-pagination-numbers,
.wp-block-query-pagination{
  gap: 11px;
  display: flex;
  justify-content: center;
}
.wp-block-query-pagination-numbers .page-numbers.current {
    background-color: var(--wp--preset--color--white);
    border: 2px solid var(--wp--preset--color--blue);
    color: var(--wp--preset--color--blue);
}

.wp-block-query-pagination-numbers .page-numbers:is(:hover,:active,:focus),
.wp-block-query-pagination-previous:is(:hover,:active,:focus),
.wp-block-query-pagination-next:is(:hover,:active,:focus){
  background-color: var(--wp--preset--color--blue)!important;
  border-color: var(--wp--preset--color--blue)!important;
  color: var(--wp--preset--color--white)!important;
}

/* Gutenberg missing features */



/* classes to use (that aren't BlockStyles) */

/* mobile */
@media (max-width: 781px) {
  
}

.header{
  position: absolute;
  z-index: 2;
  left: 0;  top: 0;
  width: 100%;
  background-color: transparent!important;
}

.hero .wp-block-cover{
  min-height: unset;
  padding-top: 180px;
}

.hero-fix{
  z-index: 1;
  overflow: visible;
}

.nla-card{
  -webkit-box-shadow: 0 4px 4px 0 rgb(0 0 0 / .05);
  -moz-box-shadow: 0 4px 4px 0 rgb(0 0 0 / .05);
  box-shadow: 0 4px 4px 0 rgb(0 0 0 / .05);
  border-radius: 10px;


  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}




.max-content > div{
  height: 100%;
  width: 100%;
}

/* Home */
.transpose-above{
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 0; left: 50%;
  transform: translate(-50%, calc(-50% - 5vh));
}

.resource-icons {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 2rem;
}
.resource-icons > * {
  flex: 1 1 calc(14% - 2rem);
}
@media (max-width: 420px) {
  .resource-icons > * {
    flex: 0 0 100%!important;
  }
}

/* featured */
.featured-icon {
  display: none!important;
}

.category-featured .featured-icon {
  display: flex!important;
}

.featured-icon {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.company-logo-container img {
  max-width: 100%;
  height: auto;
  max-height: 196px;
  display: block;
}


/* Slider stuff */
.overflow-slider .swiper {
  overflow: visible;
}
.overflow-slider .gutslider-nav{
  display: none;
  visibility: hidden;
}

.slider-control button:is(:hover, :focus, :active) {
  background-color: var(--wp--preset--color--blue)!important;
}
.slider-control button:is(:hover, :focus, :active) path {fill:var(--wp--preset--color--white)}

/* Font Styling */
.text-gradient mark {
  background: var(--wp--preset--gradient--text-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
  background-clip: text;
  color: #fff0;
}
.text-highlight mark {
  position: relative;
  margin-inline: 10px;
  line-height: 2;
  z-index: 1;
}
.text-highlight mark::after {
  content: '';
  width: calc(100% + 20px);
  height: calc(100% + 10px);
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  border-radius: 5px;
}

.swiper-wrapper p, .swiper-wrapper h3{margin: 0;text-align: center;}
.gutslider-content-inner{padding: 0!important;}

/* BlockStyle Variations to use (see functions.php) */


/* Custom Block Overrides */
/* -none- */


/* Custom Shortcodes Overrides */
