.elementor-kit-6{--e-global-color-primary:#AE0721;--e-global-color-secondary:#003189;--e-global-color-text:#000000;--e-global-color-accent:#E09B11;--e-global-color-f2dda48:#FFFFFF;--e-global-color-8789fa7:#CECECE;--e-global-color-f172890:#000139;--e-global-color-7673f31:#E8EAEE;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-kit-6 a:hover{color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================
   Light Header Pages
   - Solid white bg from top
   - Dark MOL blue nav from top
   ========================= */

/* Replace 123, 456, 789 with your actual page IDs */
.page-id-42 .mol-sticky-header,
.post-type-archive .mol-sticky-header,.events-single .mol-sticky-header,
.page-id-51 .mol-sticky-header,
.page-id-55 .mol-sticky-header,
.page-id-90 .mol-sticky-header,
.page-id-93 .mol-sticky-header,
.page-id-95 .mol-sticky-header,
.page-id-152 .mol-sticky-header,
.page-id-157 .mol-sticky-header,
.page-id-159 .mol-sticky-header,
.page-id-183 .mol-sticky-header, .error404 .mol-sticky-header {
  --mol-bg-top: #ffffff;
  --mol-bg-scrolled: #ffffff;
  --mol-link-top: #000000;
  --mol-link-scrolled: #000000;
  --mol-icon-top: #000000;
  --mol-icon-scrolled: #000000;
}
.page-id-42 .mol-sticky-header  img.attachment-large.size-large.wp-image-254,
.post-type-archive .mol-sticky-header  img.attachment-large.size-large.wp-image-254,.events-single .mol-sticky-header  img.attachment-large.size-large.wp-image-254,
.page-id-51 .mol-sticky-header  img.attachment-large.size-large.wp-image-254,
.page-id-55 .mol-sticky-header  img.attachment-large.size-large.wp-image-254,
.page-id-90 .mol-sticky-header  img.attachment-large.size-large.wp-image-254,
.page-id-93 .mol-sticky-header  img.attachment-large.size-large.wp-image-254,
.page-id-95 .mol-sticky-header  img.attachment-large.size-large.wp-image-254,
.page-id-152 .mol-sticky-header  img.attachment-large.size-large.wp-image-254,
.page-id-157 .mol-sticky-header  img.attachment-large.size-large.wp-image-254,
.page-id-159 .mol-sticky-header  img.attachment-large.size-large.wp-image-254,
.page-id-183 .mol-sticky-header  img.attachment-large.size-large.wp-image-254, .error404 .mol-sticky-header img.attachment-large.size-large.wp-image-254 {  content: url('https://marylandonline.org/wp-content/uploads/2025/11/MOL-Logo-%E2%80%93-2-1024x238.png');
}

/* Make header fixed immediately on light pages */
.page-id-42 .mol-sticky-header.elementor-section,
.page-id-456 .mol-sticky-header.elementor-section,
.page-id-789 .mol-sticky-header.elementor-section {
  position: fixed;
  top: 0;
  background: #ffffff !important;
  box-shadow: var(--mol-shadow);
}

/* Ensure first section clears header on light pages */
.page-id-42 .mol-first-section-after-header,
.page-id-456 .mol-first-section-after-header,
.page-id-789 .mol-first-section-after-header {
  padding-top: var(--mol-header-height) !important;
}

/* Remove dropdown arrows completely */
.mol-sticky-header span.sub-arrow {
  display: none !important;
}

/* =========================
   Tokens
   ========================= */
:root{
  --mol-header-height: 100px;     /* EXACT header height */
  --mol-bg-top: transparent;      /* header at top (overlay) */
  --mol-bg-scrolled: #ffffff;     /* header after scroll */
  --mol-link-top: #ffffff;        /* menu/link color at top */
  --mol-link-scrolled: #111111;   /* menu/link color after scroll */
  --mol-icon-top: #ffffff;        /* hamburger/icon at top */
  --mol-icon-scrolled: #111111;   /* hamburger/icon after scroll */
  --mol-shadow: 0 8px 24px rgba(0,0,0,.08);
}

/* =========================
   Nuke any sticky spacers/ghost wrappers
   ========================= */
.elementor-sticky__spacer { display: none !important; height: 0 !important; }
header.site-header { background: transparent !important; border: 0 !important; }

/* Some themes add padding above the Elementor canvas—zero it */
html, body { margin: 0; padding: 0; }
.elementor-section-wrap, .site-content, #content { margin-top: 0 !important; padding-top: 0 !important; }

/* =========================
   Header overlay at TOP (transparent)
   ========================= */
.mol-sticky-header.elementor-section{
  position: absolute;              /* overlay hero at top */
  top: 0; left: 0; right: 0;
  height: var(--mol-header-height);
  background: var(--mol-bg-top);
  transition: background-color .3s ease, box-shadow .3s ease, color .3s ease, top .2s ease;
  z-index: 9999;
  margin: 0 !important;
}

/* Colors at top */
.mol-sticky-header .elementor-nav-menu a{
  color: var(--mol-link-top) !important;
}
/*.mol-sticky-header .elementor-menu-toggle,*/
/*.mol-sticky-header .elementor-menu-toggle i,*/
/*.mol-sticky-header .elementor-menu-toggle svg{*/
/*  color: var(--mol-icon-top) !important;*/
/*  fill: var(--mol-icon-top) !important;*/
/*}*/
.mol-sticky-header .elementor-menu-toggle svg *{ stroke: currentColor; }

/* Two-logo swap (top state) */
.mol-logo-default{ display: block; }
.mol-logo-sticky { display: none; }

/* =========================
   FIRST SECTION spacing logic
   - Overlap at top (no padding)
   - Add padding only AFTER scroll so content clears fixed header
   ========================= */
.mol-first-section-after-header { 
  margin-top: 0 !important; 
  padding-top: 0 !important;     /* ensure no accidental white band */
}
/*body.has-scrolled .mol-first-section-after-header {*/
/*  padding-top: var(--mol-header-height) !important;*/
/*}*/

/* =========================
   SCROLLED state (header becomes fixed with white bar)
   ========================= */
/*body.has-scrolled .mol-sticky-header.elementor-section{*/
  position: fixed;                 /* now it sticks to viewport */
/*  top: 0;*/
/*  background: var(--mol-bg-scrolled) !important;*/
/*  box-shadow: var(--mol-shadow);*/
/*}*/

/* Colors after scroll */
/*body.has-scrolled .mol-sticky-header .elementor-nav-menu a{*/
/*  color: var(--mol-link-scrolled) !important;*/
/*}*/
/*body.has-scrolled .mol-sticky-header .elementor-menu-toggle,*/
/*body.has-scrolled .mol-sticky-header .elementor-menu-toggle i,*/
/*body.has-scrolled .mol-sticky-header .elementor-menu-toggle svg{*/
/*  color: var(--mol-icon-scrolled) !important;*/
/*  fill: var(--mol-icon-scrolled) !important;*/
/*}*/

/* Logo swap after scroll */
/*body.has-scrolled .mol-sticky-header .mol-logo-default{ display: none; }*/
/*body.has-scrolled .mol-sticky-header .mol-logo-sticky { display: block; }*/

/* =========================
   Mobile dropdown
   ========================= */
.mol-sticky-header .elementor-nav-menu--dropdown{
  background: rgba(255,255,255,.98);
}
.mol-sticky-header .elementor-nav-menu--dropdown a{
  color: var(--mol-link-scrolled) !important;
}

/* =========================
   Admin bar safety while logged in
   ========================= */
body.admin-bar .mol-sticky-header.elementor-section{ top: 32px; }
@media (max-width: 782px){
  body.admin-bar .mol-sticky-header.elementor-section{ top: 46px; }
}

.my-image {
  filter: grayscale(100%);
}

/*body.has-scrolled .mol-sticky-header{background:#fff;}*/

.tribe-events .tribe-events-c-search__button, .tribe-events button.tribe-events-c-search__button {
    background-color: var( --e-global-color-primary ) !important;
    border-radius: 0px !important;
}

.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
    border-radius: 0px !important;
    color: var( --e-global-color-primary ) !important;
    border-color: var( --e-global-color-primary ) !important;
}
 .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover{
   background-color: var( --e-global-color-primary ) !important; color:white !important;
}

.home header.tribe-events-header.tribe-events-header--has-event-search, .page-id-213 header.tribe-events-header.tribe-events-header--has-event-search {
    display: none !important;
}
.home section.tribe-common-l-container.tribe-events-l-container,.page-id-213 section.tribe-common-l-container.tribe-events-l-container {
    padding: 0px !important;
    min-height: 0px !important;
}

  /* ---------- MarylandOnline Bios Styling ---------- */
  .mol-bios {
    margin: 0 auto;
    padding: 2rem 1rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.6;
    color: #222;
  }

  .mol-bios h2 {
    text-align: center;
    font-size: 1.9rem;
    font-weight: 700;
    margin-bottom: 3rem;
    color: #002D72; /* MarylandOnline blue tone */
    letter-spacing: 0.5px;
  }

  .mol-bios .bio {
    border-left: 4px solid #004C97;
    background: #f9fafc;
    padding: 1.5rem 1.75rem;
    margin-bottom: 2.5rem;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .mol-bios .bio:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  }

  .mol-bios .institution {
    font-size: 1.1rem;
    font-weight: 700;
  color: #111;
    margin-bottom: 0.25rem;
  }

  .mol-bios .name {
    font-size: 1.25rem;
    font-weight: 600;
        color: #004C97;
  
    margin: 0.2rem 0 0.3rem 0;
  }

  .mol-bios .role {
    font-style: italic;
    color: #555;
    margin-bottom: 0.75rem;
  }

  .mol-bios .links a {
    color: #0056b3;
    text-decoration: none;
    margin-right: 0.5rem;
    font-weight: 500;
  }

  .mol-bios .links a:hover {
    text-decoration: underline;
  }

  .mol-bios p {
    margin-bottom: 0.8rem;
  }

  /* Add breathing room at the bottom */
  .mol-bios .bio:last-child {
    margin-bottom: 0rem;
  }

  /* Mobile adjustments */
  @media (max-width: 768px) {
    .mol-bios {
      padding: 1.25rem;
    }
    .mol-bios h2 {
      font-size: 1.6rem;
    }
    .mol-bios .bio {
      padding: 1.25rem;
    }
  }
  
  
  
.tribe-events-pro .tribe-events-pro-photo__event-featured-image-link {
  position: relative;
}
 
.tribe-events-pro .tribe-events-pro-photo__event-featured-image-date-tag {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 6px 12px;
}
 
.tribe-events-pro .tribe-events-pro-photo__event-featured-image-date-tag-datetime {
  display: flex;
  flex-direction: column;
  text-align: center;
}
 
.tribe-events-pro .tribe-events-pro-photo__event-featured-image-date-tag-month {
  font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
  color: #727272;
  text-transform: uppercase;
}  
/* Seat Bank: use dark menu */
.page-id-XXXX .site-header,
.page-id-XXXX .site-header a,
.page-id-XXXX .site-header .menu > li > a,
.page-id-XXXX .site-header .menu-toggle {
    color: #003189 !important;
    fill: #003189 !important;
}

/* If the header is transparent elsewhere, give this page a solid light background */
.page-id-XXXX .site-header {
    background-color: #ffffff !important;
}


/*.has-scrolled .mol-sticky-header{border-bottom:2px solid #000131 */
/*}*/


a.button.tribe-events-button.tribe-common-c-btn.tribe-common-c-btn--small {
    background: #ae0721;
    color: #fff;
    padding: 10px 20px;
}

.home nav.tribe-events-pro-photo-nav.tribe-events-c-nav,.page-id-213 nav.tribe-events-pro-photo-nav.tribe-events-c-nav {
display:none;}

.home .tribe-events-c-subscribe-dropdown__container,.page-id-213 .tribe-events-c-subscribe-dropdown__container {
    display: none !important;
}

#tribe-events-pg-template {
  max-width: inherit !important;
}

/* Remove rounded corners from all form fields and buttons */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select,
button,
input[type="submit"] {
  border-radius: 0 !important;
}

/* Style the submit button */
input[type="submit"],
button[type="submit"] {
      background-color: #AE0721 !important; /* red on hover */
  color: #ffffff !important;
  border: none !important;
  transition: background-color 0.3s ease;
}

legend.gfield_label.gform-field-label.gfield_label_before_complex {
    color: #ffffff;
}
label.gfield_label.gform-field-label {
    color: #ffffff;
}
/* Hover state for submit button */
input[type="submit"]:hover,
button[type="submit"]:hover {
    background-color: #ffffff !important; /* MOL blue */
  color: #000000 !important;
}

@media (max-width: 767px) {

    img.attachment-large.size-large.wp-image-14 {  content: url('https://marylandonline.org/wp-content/uploads/2025/11/MOL-Logo-%E2%80%93-2-1024x238.png');
}/* End custom CSS */