/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.section-work-gap { margin-bottom: 9rem !important; }

/* Keep Leaflet maps separate from Canvas's Google Maps auto-initializer. */
.leaflet-map {
  position: relative;
  width: 100%;
  height: 410px;
}

/* Canvas styles #gotoTop as a div; normalize the accessible button variant. */
button#gotoTop {
  appearance: none;
  border: 0;
  padding: 0;
}

/* Keep one-page anchors clear of the sticky header on direct hash navigation. */
#section-about,
#section-work,
#section-contact { scroll-margin-top: 8rem; }

/* Explicitly center contact heading block to match other section headers. */
#section-contact .heading-block,
#section-contact .heading-block h2,
#section-contact .heading-block > span { text-align: center !important; }

/* Canvas styles slider headings as h2 by default; the page title is an h1. */
.slider-caption h1 {
  color: var(--cnvs-slider-caption-font-color);
  font-size: 4.5rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 0;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 3px solid #0d6efd;
  outline-offset: 3px;
}

@media (max-width: 991.98px) {
  .section-work-gap { margin-bottom: 6rem !important; }

  #section-about,
  #section-work,
  #section-contact { scroll-margin-top: 7rem; }

}

@media (max-width: 575.98px) {
  .slider-caption h1 { font-size: 8vw; }

}