/**
 * Theme Name: Cedar Creek
 * Template:   gratia
 */

/* Variables */
:root{
  --cc-color: #1e1f33;
  --cc-border: 2px solid var(--cc-color);
  --cc-radius: 10px;
  --break-sm: 767px;
  --break-md: 789px;
  --break-lg: 955px;
  --break-xl: 1155px;
}

/* ==========================================================================
   Header / Navigation
   ========================================================================== */

#titles {
  width: 230px !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
}

#navigation {
  padding-top: 50px;
}

#main-nav {
  padding-bottom: 15px !important;
}

/* Primary nav link sizes */
.nav > li > a,
a.icon_extend {
  font-size: 19px !important;
}

/* Subnavigation hover size */
.nav ul li > a,
#main-nav > li.special > a:hover {
  font-size: 16px !important;
}

/* Modify sticky menu behavior */
.will_stick.scrollDown {
  display: none !important;
}

/* ==========================================================================
   Homepage
   ========================================================================== */

.ectbe-wrapper.ectbe-list-wrapper.style-1 .ectbe-evt-time {
  font-size: 16px !important;
  margin-bottom: 0 !important;
}

.bdt-prime-slider-mount .bdt-ps-dotnav {
  display: none !important;
}

/* ==========================================================================
   Pages
   ========================================================================== */

.page_header_plain {
  padding-top: 0 !important;
}

/* Events page */
.tribe-events-event-meta dt,
.tribe-events-event-meta dl {
  border: none !important;
}

/* Contact form button (simplified selector) */
.wpcf7-submit {
  border-radius: var(--cc-radius);
}

/* ==========================================================================
   Footer
   ========================================================================== */

#footer,
#footer h5.widget {
  font-size: 16px !important;
}

.footer_text {
  margin: 30px auto !important;
  font-size: 14px !important;
}

/* ==========================================================================
   Responsive rules (grouped by breakpoint)
   ========================================================================== */

/* Small screens*/
@media (max-width: 767px) {
  .elementor-5820 .elementor-element.elementor-element-227ae87 > .elementor-background-overlay,
  .elementor-6019 .elementor-element.elementor-element-657d9ca2 > .elementor-background-overlay {
    background-image: none !important;
  }

  .ectbe-list-wrapper.style-1 .ectbe-ev-day,
  .ectbe-week-day {
    font-size: 16px !important;
  }
}

/* Slightly larger small screens */
@media (max-width: 789px) {
  .topbar {
    display: none !important;
  }
}

/* Medium */
@media (max-width: 1155px) {
  /* Shared styles for the show-menu button and the special main-nav item */
  .show-menu,
  #main-nav > li.special > a {
    margin-top: 75px;
    background-color: unset !important;
    border: var(--cc-border);
    border-radius: var(--cc-radius);
    color: var(--cc-color) !important;
  }

  /* show-menu specific overrides */
  .show-menu {
    margin-right: 25px !important;
    width: 92px !important;
    height: unset !important;
    font-size: 14px !important;
  }
}

/* Footer column hiding on narrower screens */
@media (max-width: 955px) {
  div.foocol.second {
    display: none !important;
  }
}