/* Self-hosted brand fonts. The server's Content-Security-Policy only allows
   'self' for styles/fonts, so Google Fonts is blocked; these live locally.
   Montserrat is the variable font (one file covers weights 400-700). */
@font-face {
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/BreeSerif-400.woff2") format("woff2");
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("/fonts/Montserrat-var.woff2") format("woff2");
}

/* frankiedelia.com site layer, loaded AFTER site.min.css (the shared Elegant
   Invites Bulma 1.0.4 build, copied from that repo so both sites share one
   framework + typography scale). Only this site's custom look lives here. */

/* Space-gradient background (overrides the light EI body gradient) */
.daytime {
  min-height: 100vh;
  background-image: linear-gradient(to bottom, #001f35, #944b94, #d75a88, #ff7e71, #ffb25f, #ffeb68);
  background-repeat: no-repeat;
}


.sideMenu {
  background-color: rgba(255, 255, 255, 0.35);
  padding: 15px;
  border-radius: 8px;
}

.imgShadow { filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.2)); }

.divider {
  height: 2px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.35);
}

/* Skill bars: the shared build omits Bulma's progress element, so it lives here */
.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 290486px;
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.progress::-webkit-progress-bar { background-color: #ededed; }
.progress::-webkit-progress-value { background-color: #4a4a4a; }
.progress.is-xsmall { height: 0.55rem; }
.progress.is-purple::-webkit-progress-value { background-color: #994C93; }
.progress.is-purple::-moz-progress-bar { background-color: #994C93; }

/* Award stars (replaces the CSP-blocked FontAwesome icons) */
.fd-stars { color: #e6a817; font-size: 1.3rem; letter-spacing: 4px; }

/* Text links: white + underline reads on every band of the gradient (the
   shared build's maroon link color disappears against the orange section).
   Buttons keep their own styling. */
a:not(.button) { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
a:not(.button):hover { color: rgba(255, 255, 255, 0.75); }

/* Skill tags in the sidebar panels */
.sideMenu .tag { background: rgba(255, 255, 255, 0.9); color: #263238; font-weight: 600; }

/* Portfolio section: on phones, trim the section's side padding so the
   artwork gets the width (Bulma's .section pads 1.5rem each side) */
@media screen and (max-width: 768px) {
  .fd-portfolio { padding-left: 0.5rem; padding-right: 0.5rem; }
}