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

	Site-specific styles. Loaded after the Canvas theme
	(assets/vendor/canvas/style.css), so anything here overrides it.
	Never edit the Canvas files directly — put overrides here.
-----------------------------------------------------------------*/

/** Brand color (replaces the old css/colors.css) **/
:root {
  --cnvs-themecolor: #7e161c;
  --cnvs-themecolor-rgb: 126, 22, 28;
}

/** Canvas has no Mastodon brand color; used in the footer **/
.bg-mastodon { background-color: #6364ff !important; }

/** Fit homepage title text in image empty space **/
.slider-caption.slider-caption-center {
  text-align: initial;
  margin: 0 auto 0 0;
  max-width: 500px;
}

@media (max-width: 991.98px) {
  .slider-caption.slider-caption-center {
    max-width: 300px;
  }
}

.slider-caption h2 {
  font-size: 3rem;
}

/** Remove left margin on date fields in projects **/
.nt-repeater .heading-block > span {
  margin-left: 0;
}

/** Control colors of sticky sidebar links */
.sticky-sidebar ul { list-style: none; padding-left: 0; }
.sticky-sidebar li a { color: #444; }
.sticky-sidebar li a:hover { color: var(--cnvs-themecolor); }
.sticky-sidebar li.current a {
  color: var(--cnvs-themecolor);
  font-weight: bold;
}

/** Keep anchored section titles clear of the sticky header (custom.js reads this too) */
.anchor { scroll-margin-top: 120px; }

@media (max-width: 991.98px) {
  .anchor { scroll-margin-top: 20px; } /* Header isn't sticky on mobile */
}

/** Underline text links on hover for accessibility */
a:hover:not(.button):not(.btn):not(.social-icon):not(.one-page-arrow) {
  text-decoration: underline !important; /* Canvas removes link underlines with !important */
  text-underline-offset: 4px;
}

/** Keep hovered and active menu links white on the dark header, underlined */
#header.dark:not(.not-dark) .menu-item.current > .menu-link {
  color: #fff;
}

#header.dark:not(.not-dark) .menu-item:hover > .menu-link {
  color: #fff;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

/** Fix header in mobile Safari */
@media (max-width: 991.98px) {
	#slider .slider-inner {
		position: absolute;
  }
}