/* ==========================================================================
   Bob Elliott, Artist — rebuilt site styles
   Replaces the Weebly-hosted fonts, per-page inline styles, and JS-driven
   behaviors with local, self-contained equivalents.
   ========================================================================== */

/* ---- Fonts (all local — no CDN dependency) ------------------------------ */
@font-face { font-family: 'Bebas'; src: url('../fonts/bebas-regular.eot'); src: url('../fonts/bebas-regular.eot?') format('embedded-opentype'), url('../fonts/bebas-regular.ttf') format('truetype'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../fonts/OpenSans-300.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/OpenSans-400.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/OpenSans-700.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('../fonts/OpenSans-300i.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../fonts/OpenSans-400i.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('../fonts/OpenSans-700i.woff2') format('woff2'); }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 200; src: url('../fonts/Raleway-200.woff2') format('woff2'); }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; src: url('../fonts/Raleway-300.woff2') format('woff2'); }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: url('../fonts/Raleway-400.woff2') format('woff2'); }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: url('../fonts/Raleway-700.woff2') format('woff2'); }
@font-face { font-family: 'Questrial'; font-style: normal; font-weight: 400; src: url('../fonts/Questrial-400.woff2') format('woff2'); }

/* ---- Site typography (from the original per-page <style> block) ---------- */
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) div.paragraph,
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) p,
#wsite-content div.paragraph, #wsite-content p { font-family: 'Questrial', sans-serif !important; }
#wsite-content div.paragraph, #wsite-content p { color: #a8a8a8 !important; }
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2,
#wsite-content h2 { font-family: 'Bebas', sans-serif !important; font-style: normal !important; letter-spacing: 1px !important; }
#wsite-title { font-family: 'Bebas', sans-serif !important; letter-spacing: 2px !important; }
/* The original theme set paragraph links to #fff — invisible on the white
   content card. Kept here for the record, replaced with a visible gray:
   .wsite-not-footer .paragraph a { color: #fff !important; } */
.wsite-not-footer h2.wsite-content-title a, .wsite-not-footer .paragraph a { color: #a8a8a8 !important; text-decoration: underline; }
.wsite-not-footer h2.wsite-content-title a:hover, .wsite-not-footer .paragraph a:hover { color: #666 !important; }
.wsite-menu-default a { font-family: 'Open Sans', sans-serif !important; }
.wsite-headline, .wsite-header-section .wsite-content-title { font-family: 'Bebas', sans-serif !important; text-transform: none !important; letter-spacing: 1px !important; }
.wsite-headline-paragraph, .wsite-header-section .paragraph { font-family: 'Questrial', sans-serif !important; }

@media screen and (min-width: 767px) {
  .wsite-elements.wsite-not-footer:not(.wsite-header-elements) div.paragraph,
  .wsite-elements.wsite-not-footer:not(.wsite-header-elements) p,
  #wsite-content div.paragraph, #wsite-content p { font-size: 18px !important; }
  .wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2,
  #wsite-content h2 { font-size: 24px !important; line-height: 55px !important; }
  #wsite-title { font-size: 18px !important; }
  .wsite-menu-default a { font-size: 14px !important; }
  .wsite-headline, .wsite-header-section .wsite-content-title { font-size: 80px !important; }
}

/* ---- Page background (originally applied by Weebly's JS) ----------------- */
body.wsite-background {
  background-image: url('../uploads/7/6/2/9/7629864/background-images/1959573408.jpg') !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-color: #232323 !important;
}

/* ---- Desktop dropdown menu (originally a Weebly JS flyout) --------------- */
.birdseye-header, .birdseye-header .container { overflow-y: visible !important; }
.desktop-nav ul.wsite-menu-default { overflow: visible !important; }
.desktop-nav li.wsite-menu-item-wrap { position: relative; }
/* padding-top (not margin) keeps the hover chain unbroken while the pointer
   crosses the gap between the tab and the dropdown */
.desktop-nav .wsite-menu-wrap { display: none; position: absolute; top: 100%; left: 0; z-index: 100; padding-top: 10px; min-width: 180px; }
.desktop-nav li.wsite-menu-item-wrap:hover > .wsite-menu-wrap { display: block; }
.desktop-nav .wsite-menu { list-style: none; margin: 0; padding: 0; }
.desktop-nav .wsite-menu li { display: block; margin: 0; }
.desktop-nav .wsite-menu li a { display: block; padding: 10px 14px; background: #232323; color: #fff; border: none; text-transform: uppercase; letter-spacing: 0.05em; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: normal; line-height: normal; text-decoration: none; }
.desktop-nav .wsite-menu li a:hover { background: #0a0a0a; }

/* ---- Footer --------------------------------------------------------------- */
.footer-wrap { background: rgba(35,35,35,0.95); }
.footer-wrap .footer { padding: 18px 0; text-align: center; }
.footer-wrap .footer p { margin: 0; color: #a8a8a8; font-family: 'Questrial', sans-serif; font-size: 13px; }

/* ---- Slideshow (replaces Weebly wSlideshow: thumbnails bottom, caption
        bottom, prev/next controls, fade transition) ----------------------- */
.bea-slideshow { max-width: 900px; margin: 0 auto; }
.bea-stage { position: relative; text-align: center; min-height: 200px; }
.bea-slide { display: none; margin: 0; }
.bea-slide.active { display: block; }
.bea-slide img { max-width: 100%; height: auto; border: 1px solid rgba(255,255,255,0.13); padding: 3px; box-sizing: border-box; background: transparent; }
.bea-slide figcaption { padding: 8px 0 0; color: #a8a8a8; font-family: 'Questrial', sans-serif; font-size: 15px; text-align: center; }
.bea-prev, .bea-next { position: absolute; top: 45%; z-index: 5; width: 40px; height: 40px; border: none; border-radius: 3px; background: rgba(35,35,35,0.55); color: #fff; font-size: 20px; line-height: 40px; text-align: center; cursor: pointer; opacity: 0; transition: opacity 250ms ease; padding: 0; }
.bea-prev { left: 8px; }
.bea-next { right: 8px; }
.bea-stage:hover .bea-prev, .bea-stage:hover .bea-next { opacity: 1; }
.bea-prev:hover, .bea-next:hover { background: rgba(10,10,10,0.85); }
.bea-thumbs { margin-top: 12px; text-align: center; }
.bea-thumb { display: inline-block; width: 56px; height: 56px; margin: 3px; object-fit: cover; cursor: pointer; opacity: 0.55; border: 2px solid transparent; transition: opacity 250ms ease; }
.bea-thumb:hover { opacity: 0.85; }
.bea-thumb.active { opacity: 1; border-color: #a8a8a8; }

/* ---- Small fixes ---------------------------------------------------------- */
.wsite-multicol-table { width: 100%; border-collapse: collapse; }
.wsite-multicol-col { vertical-align: top; }
.wsite-multicol-col img { max-width: 100%; height: auto; }
#contact-form .wsite-button { background: none; border: 2px solid #a1a1a1; border-radius: 2px; padding: 8px 18px; cursor: pointer; }
#contact-form .wsite-button-inner { color: #a1a1a1; text-transform: uppercase; letter-spacing: 0.05em; font-family: 'Open Sans', sans-serif; font-size: 14px; }
#contact-form .wsite-button:hover { background: #a1a1a1; }
#contact-form .wsite-button:hover .wsite-button-inner { color: #fff; }