/* =========================================================================
   Hugo Geekdoc Class Template - Custom CSS
   =========================================================================
   
   This file controls which theme is active. To switch themes, simply
   comment out the current theme and uncomment your desired theme.
   
   ========================================================================= */

/* THEME SELECTION - Choose ONE by uncommenting the @import line */

/* Penn Engineering Theme (Elegant, Professional, Brand-compliant) */
@import url("themes/penn-engineering.css");

/* Original Green Themes */
/* @import url("themes/evergreen-harmony.css"); */
/* @import url("themes/geekdocs-green.css"); */
/* @import url("themes/granny-lime-bliss.css"); */
/* @import url("themes/greenest.css"); */
/* @import url("themes/vibrant-meadow.css"); */

/* Unbranded Default (Clean, minimal styling) */
/* @import url("custom-unbranded.css"); */

/* =========================================================================
   Universal Customizations
   These apply regardless of which theme is selected
   ========================================================================= */

/* Custom CSS to remove colons in dt elements within modules */
.main-content .module dt::after,
.module dt::after {
    content: none !important;
}

/* Custom Styles for Module to Remove Separation */
.module dt.no-sep {
  border-top: none;
}

.module dt.no-sep + dd {
  border-top: none;
  margin-top: 0;
}

/* Icon Grid Styles */
.icon-grid {
  width: 8rem;
  height: 8rem;
  margin: 0.2em;
  text-align: center;
  padding: 0.3em;
}

.icon-grid__line {
  height: 4rem;
}

.icon-grid__line .gdoc-icon {
  width: 3em;
  height: 3em;
}

.icon-grid__line--text {
  font-size: 0.8em;
}

/* Code block max height */
:root {
  --code-max-height: 60rem;
}

/* "Skip to main content" link */

#gdoc-to-main {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#gdoc-to-main:focus {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1rem;
  width: auto;
  height: auto;
  padding: 0.5rem 1rem;
  background: var(--accent-color-lite, #f0f0f0);
  border: 1px solid var(--accent-color, #333);
  border-radius: 4px;
  z-index: 1000;
}

/* =========================================================================
   Add Your Own Custom Styles Below
   ========================================================================= */

/* =========================================================================
   Module Update Divider
   Default fallback styling - only applies if theme doesn't override
   ========================================================================= */
/* Note: Penn Engineering theme overrides these styles with brand colors */