body,
.editor-styles-wrapper {
  background-color: #fff;
  color: #000;
}
.editor-styles-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;
}

/*Centers the svg inside svg block, avoiding weird layouts*/
.wp-block-safe-svg-svg-icon{display: flex;justify-content: center;align-items: center;}

/* 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:hover, .gfield select:hover, .gfield textarea:hover,
.gfield input:focus, .gfield select:focus, .gfield textarea:focus,
a,
button,
svg, svg *{
  transition: var(--wp--custom--transition);
}


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

div h2 a:focus,
div h2 a:hover,
div h3 a:focus,
div h3 a:hover {
  color: var(--wp--preset--color--blue) !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(:focus,:hover, :active) {
  background: var(--wp--preset--color--dark-blue) !important;
  color: var(--wp--preset--color--white) !important;
  border-color: var(--wp--preset--color--dark-blue) !important;
  
}
.wp-site-blocks .wp-block-group .wp-block-button__link:is(:focus,:hover, :active) img {
  filter: brightness(100);
}

/*--- Gravity Forms customization ---*/
.gform_footer input[type=submit]{
  background-color: var(--wp--preset--color--blue)!important;
  font-size: var(--wp--preset--font-size--large)!important;
  font-weight: 700!important;
  padding: 10px 35px!important;
  border-radius: 7px!important;
}
.gform_footer input[type=submit]:hover {
  /* submit button hover */
  background-color: var(--wp--preset--color--dull-blue)!important;
  transition: var(--wp--custom--transition)!important;
  /* color: var(--wp--preset--color--dark-blue); */
}
.gform_footer {
  justify-content: center;
}

.gfield input, .gfield select, .gfield textarea {
  border: 1px solid var(--wp--preset--color--blue)!important;
  min-height: 3.25rem!important;
}

.gfield input:is(:focus,:hover, :active), 
.gfield select:is(:focus,:hover, :active), 
.gfield textarea:is(:focus,:hover, :active) {
  background-color: var(--wp--preset--color--gray-blue);
}

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

.gfield_required{
  /* required label */
  font-size: var(--wp--preset--font-size--medium)!important;
}
.gfield_label{
  font-weight: 600!important;
  margin-bottom: 5px!important;
  font-size: var(--wp--preset--font-size--small)!important;
}

.gform_heading{
  display: none;
}




/* Gutenberg missing features */



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

.board-title{ /* Board of Directors page*/
  position: absolute;
  top: 0;
  left: 10px;
  width: 100%;
  transform: translateY(-50%);
  z-index: 1;
}


/* Hero Section */
h1{
  position: relative;
  padding-bottom: 30px;}
h1::after{
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 60px; height: 5px;
  /* transform: translateY(30px); */
  background-color: var(--wp--preset--color--dull-blue);
}

.hero .breadcrumb-items svg path{ 
  stroke: var(--wp--preset--color--dull-blue);
  stroke-width: 2px;
}

.hero .breadcrumb a {
  color: white;
}

@media (min-width:781px) {
  .hero .wp-block-cover{
    position: absolute; 
    top: 50%;
    left: 0;

    height: 110%; width: 100%;
    z-index: 1;
    transform: translateY(calc(-50% + 56px));
  }

  .hero .wp-block-columns .wp-block-column:nth-child(2) {
    position: relative;
    min-height: 30vh;
  }
}

@media (max-width: 781px) {
  .hero .wp-block-columns {
    flex-direction: column-reverse;
    gap: 0;
  }
}

/* Changeing List elements */
ul.wp-block-list li::before{
  content: "•";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 10px;
  margin-right: 10px;
  font-size: 30px;
  color: var(--wp--preset--color--blue);
}
/* nested list */
ul.wp-block-list > li > ul.wp-block-list li::before {
  content: '○'!important;
  font-size: 20px!important;
  margin-left: 1em;
}

/* Styling table elements */
.wp-block-table thead th{
  background-color: var(--wp--preset--color--blue);
  border-color: var(--wp--preset--color--blue);
  color: var(--wp--preset--color--white);
}
.wp-block-table thead{
  border: none;
}

.wp-block-table tbody tr:hover td{
  background-color: var(--wp--preset--color--gray-blue);
  border-color: var(--wp--preset--color--gray-blue);
  transition: var(--wp--custom--transition);
}

.wp-block-table tbody td{
  border: none;
  border-bottom: 2px solid #00699020;
}

/* nla-card */
.nla-card{
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.05);
  -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.05);
  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.05);
  border-radius: 10px;
}

/* group elements with background mountain image */
/* sets height to auto while still being the full width of the screen */
.background-height{
  background-size: 100% auto;
  background-repeat: no-repeat;
}

/* used instead of grid elements to "center" the children */
.flex-grid{
  display: flex;
  gap: 2rem;
  justify-content: center;
  flex-wrap: wrap!important;
}
.flex-grid > div {
  flex: 0 0 calc(33% - 2rem);
  margin: 0!important;
}
@media (min-width: 698px) {
  .grid-center-last-orphan {
    transform: translateX(calc(50% + 2rem));
  }
}
@media (min-width: 1040px) {
  .grid-center-last-orphan {
    transform: translateX(calc(100% + 2rem));
  }
}

/* affinity + discount hover */
.wp-site-blocks .card-flip > div{
  width: 100%;
  height: 100%;
  min-height: 40vh;
  transition: transform 1s;
  transform-style: preserve-3d;
}

.wp-site-blocks .card-flip:hover > div,
.wp-site-blocks .card-flip:focus-visible > div,
.wp-site-blocks .card-flip:focus-within > div {
  transform: rotateY( 180deg );
  transition: transform 0.5s;
}

.wp-site-blocks .card-flip-front,
.wp-site-blocks .card-flip-back {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: white;
  backface-visibility: hidden;

  border-radius: 10px;
  overflow: hidden;
}

.wp-site-blocks .card-flip-back {
  transform: rotateY( 180deg );
}

/* BlockStyle Variations to use (see functions.php) */
.is-style-no-gap{
  gap: 0!important;
}

.wp-site-blocks .wp-block-group .is-style-light-hover .wp-block-button__link:hover,
.wp-site-blocks .wp-block-group .is-style-light-hover .wp-block-button__link:active,
.wp-site-blocks .wp-block-group .is-style-light-hover .wp-block-button__link:focus{
  background-color: var(--wp--preset--color--white)!important;
  color: var(--wp--preset--color--dark-blue)!important;
  -webkit-box-shadow: 2px 4px 4px 0px rgba(0,0,0,0.05);
  -moz-box-shadow: 2px 4px 4px 0px rgba(0,0,0,0.05);
  box-shadow: 2px 4px 4px 0px rgba(0,0,0,0.05);
}

/* Custom Block Overrides */



/* Custom Shortcodes Overrides */
/* Events */
.upcoming-events-list{
  display: flex;
}

.event-item{
  flex: 1 0;
  border: 1px solid #384E67;
  padding: 1.5rem;

  justify-content: space-between;
}

.event-item a:hover{
  text-decoration: underline;
}
.event-icon-link{
  margin-top: 1rem;
  width: fit-content;
}
.event-icon-link:hover path{
  fill: var(--wp--preset--color--white);
}

.upcoming-events-dark-bg .has-blue-color {
	color: var(--wp--preset--color--bright-blue) !important;
}

@media (max-width:781px) {
  .upcoming-events-list{
  flex-direction: column;
  }
  .event-item {
  flex: calc(100% - 3rem)!important;
  }
  .event-item:not(:last-child){
  border-bottom: none!important;
  }
}
@media (min-width:781px) {
  .event-item:not(:last-child){
  border-right: none!important;
  }
}


/* Temp maybe */
:root{
  --tec-color-accent-primary: var(--wp--preset--color--bright-blue)!important;
  --tec-color-accent-primary-hover:var(--wp--preset--color--dark-blue)!important;
  --tec-color-accent-primary-active:var(--wp--preset--color--dark-blue)!important;

  --tec-color-button-primary:var(--wp--preset--color--bright-blue)!important;
  --tec-color-button-primary-hover:var(--wp--preset--color--dark-blue)!important;
  --tec-color-button-primary-active:var(--wp--preset--color--dark-blue)!important;
}

/* footer */
.footer-banner{
  background-color: #d9d9d9;
}
footer:has(.footer-banner){
  position: sticky;
  bottom: 0;
  z-index: 1;
}


/* sliders on events page */
@media (max-width: 1200px) {
  .event-slider .swiper-wrapper .wp-block-gutsliders-slide {
  min-height: 75vh;
}
}