/* Replacement for the Eventica WP theme stylesheets, which are not in the Web Archive.
   Colours come from the site's own customizer settings (#005868 teal, #de5249 accent, #838680 grey). */
:root { --kk-teal: #005868; --kk-teal-light: #6aa1af; --kk-pale: #dfedef; --kk-accent: #de5249; --kk-grey: #838680; --kk-text: #3c4142; }
body { font-family: 'Roboto Condensed', Arial, sans-serif; font-size: 16px; line-height: 1.6; color: var(--kk-text); background: #fff; }
h1, h2, h3, h4, h5, h6, .entry-title, .tribe-events-list-event-title { font-family: 'Ubuntu Condensed', 'Roboto Condensed', Arial, sans-serif; color: var(--kk-teal); line-height: 1.25; }
a { color: var(--kk-teal); } a:hover, a:focus { color: var(--kk-accent); }
img { max-width: 100%; height: auto; }
.screen-reader-text, .tribe-common-a11y-visual-hide, .tribe-common-a11y-hidden { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; }

/* header */
.site-header { background: #fff; border-bottom: 4px solid var(--kk-teal); padding: 14px 0; }
.site-header .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.site-header .container::before, .site-header .container::after { display: none; }
.site-branding-wrap, .site-branding { background: transparent; }
.site-logo-image img { max-height: 80px; width: auto; }
.site-navigation ul, .sf-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 2px; }
.sf-menu li { position: relative; }
.sf-menu li a { display: block; padding: 8px 12px; font-family: 'Ubuntu Condensed', sans-serif; font-size: 17px; text-transform: uppercase; text-decoration: none; color: var(--kk-teal); border-radius: 3px; }
.sf-menu li a:hover, .sf-menu li.current-menu-item > a { background: var(--kk-teal); color: #fff; }
.sf-menu ul { display: none; }
.sb-toggle-left, .sb-slidebar, .sb-slidebar-close, .mobile-menu { display: none; }

/* page title band */
.page-title { background: var(--kk-teal); color: var(--kk-pale); padding: 28px 0; margin-bottom: 30px; }
.page-title h1 { color: var(--kk-pale); margin: 0; font-size: 34px; }
.page-title .breadcrumb { background: transparent; padding: 0; margin: 6px 0 0; color: var(--kk-teal-light); }

/* main content */
.site-container > .container, #main, .main-wrapper { padding-top: 24px; padding-bottom: 30px; }
.entry-title { font-size: 26px; margin: 10px 0 8px; }
.entry-title a { text-decoration: none; }
.post, .hentry { margin-bottom: 34px; }
.post-meta, .post-time, .tribe-events-event-meta, .time-details { color: var(--kk-grey); font-size: 14px; }
.post-thumbnail img, .wp-post-image { border-radius: 4px; }
.blog-list .post-inner { display: flex; gap: 20px; align-items: flex-start; }
.blog-list .post-thumbnail { flex: 0 0 300px; }
.blog-list .post-thumbnail img { width: 300px; height: 180px; object-fit: cover; }
.more-link, .button, .tribe-events-button, input[type=submit] { display: inline-block; background: var(--kk-accent); color: #fff !important; border: 0; padding: 8px 16px; border-radius: 3px; text-decoration: none !important; font-weight: 700; }
.more-link:hover, .button:hover { background: var(--kk-teal); }

/* events list (The Events Calendar) */
.even-list-wrapper, .type-tribe_events.tribe-clearfix { border: 1px solid #e3e6e3; border-radius: 4px; margin-bottom: 22px; overflow: hidden; background: #fff; }
.event-list-wrapper-top { display: flex; gap: 18px; padding: 16px; }
.tribe-events-event-image { flex: 0 0 260px; }
.tribe-events-event-image img { width: 260px; height: 170px; object-fit: cover; }
.tribe-events-event-date { background: var(--kk-teal); color: #fff; text-align: center; padding: 8px 12px; border-radius: 3px; min-width: 70px; align-self: flex-start; }
.tribe-events-event-date .dd { display: block; font-size: 30px; font-weight: 700; line-height: 1; }
.tribe-events-event-date .mm, .tribe-events-event-date .yy { display: block; font-size: 13px; text-transform: uppercase; }
.tribe-events-list-event-title { font-size: 22px; margin: 0 0 6px; }
.event-list-wrapper-bottom { display: flex; justify-content: space-between; background: var(--kk-pale); }
.event-list-wrapper-bottom > div { padding: 8px 16px; }
.wraper-bottom-right { background: var(--kk-teal-light); color: #fff; }
.wraper-bottom-right a { color: #fff; }
.tribe-events-c-messages__message { background: var(--kk-pale); padding: 12px 16px; border-radius: 4px; }
.tribe-common-c-svgicon { width: 18px; height: 18px; vertical-align: middle; }
.tribe-events-c-subscribe-dropdown__list, .tribe-events-header__messages--mobile { display: none; }
.tribe-events-calendar-month__day-cell { border: 1px solid #e3e6e3; padding: 4px; }
.tribe-events-single-section-title { font-size: 20px; border-bottom: 2px solid var(--kk-teal); padding-bottom: 4px; }
.tribe-events-meta-group { margin-bottom: 18px; }
.tribe-events-meta-group dt { font-weight: 700; color: var(--kk-teal); }

/* sidebar widgets */
.widget { margin-bottom: 28px; }
.widget .widget-title, .widget h3 { font-size: 20px; border-bottom: 2px solid var(--kk-teal); padding-bottom: 6px; margin-bottom: 12px; }
.widget ul { list-style: none; padding: 0; }
.widget ul li { padding: 6px 0; border-bottom: 1px solid #eee; }

/* home: upcoming events band and recent posts */
.home-upcoming-events { padding: 40px 0; background-size: cover; background-position: center; }
.home-featured-event .featured-event-title { background: var(--kk-teal); color: #fff; padding: 10px 14px; }
.recent-post-wrap { padding: 30px 0; }
.recent-post-title { font-size: 28px; margin-bottom: 18px; }
.recent-post-nav { display: none; }
.inner-loop .post { margin-bottom: 26px; }

/* forms */
.search-form { display: flex; gap: 6px; }
.search-field, input[type=text], input[type=email], input[type=search], textarea { border: 1px solid #ccd; border-radius: 3px; padding: 7px 10px; max-width: 100%; }

/* footer */
#footer-widget { border-top: 1px solid var(--kk-grey); color: var(--kk-grey); padding: 30px 0 10px; margin-top: 30px; background: #f6f7f6; }
#footer-widget a { color: var(--kk-teal); }
.site-footer, #colophon, .site-info { background: var(--kk-teal); color: var(--kk-pale); padding: 16px 0; font-size: 14px; }
.site-footer a, .site-info a { color: #fff; }
.site-footer ul, .footer-menu { list-style: none; padding: 0; margin: 0; display: flex; gap: 16px; flex-wrap: wrap; }
#back-top { display: none; }

@media (max-width: 767px) {
  .blog-list .post-inner, .event-list-wrapper-top { flex-direction: column; }
  .blog-list .post-thumbnail, .tribe-events-event-image { flex: none; }
  .blog-list .post-thumbnail img, .tribe-events-event-image img { width: 100%; }
}

/* fixes after first render */
.nothing-plugins, .menu-item-mininav { display: none !important; }
.sf-menu li.current-menu-item > a, .sf-menu li.current-menu-item > a:visited, .sf-menu li a:hover { color: #fff !important; }
.home-group-box .col-md-push-4 { display: none; }
.home-group-box .col-md-pull-8, .home-group-box .col-md-4 { width: 100%; right: auto; left: auto; float: none; }
.home-group-box { padding: 30px 0; }
.inner-loop { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.inner-loop .post, .inner-loop .post-inner { display: block; margin: 0; }
.inner-loop .post [class*="col-"] { width: 100%; float: none; padding: 0; }
.inner-loop .post-thumbnail img, .inner-loop .wp-post-image { width: 100%; height: 200px; object-fit: cover; }
.inner-loop .entry-title { font-size: 22px; }
.home-search, .home-group-box .search-form { margin: 20px 0; }

/* events archive (The Events Calendar v2 list) */
.tribe-events-header__events-bar, .tribe-events-c-events-bar, .tribe-events-c-top-bar, .tribe-events-c-subscribe-dropdown, .tribe-events-c-ical { display: none !important; }
.tribe-common-l-container, .tribe-events-l-container { max-width: 1140px; margin: 0 auto; padding: 24px 15px; }
.tribe-events-c-messages { max-width: 1140px; margin: 0 auto; }
.tribe-events-calendar-list > *, .tribe-events-calendar-list__event-row, .tribe-common-g-row { border-bottom: 1px solid #e3e6e3; padding: 18px 0; }
.tribe-events-calendar-list img, .tribe-events-calendar-list__event-featured-image { width: 300px; max-width: 100%; height: 190px; object-fit: cover; border-radius: 4px; }
.tribe-events-calendar-list h3, .tribe-events-calendar-list__event-title { font-size: 24px; margin: 6px 0; }
.tribe-events-calendar-list__month-separator, .tribe-events-calendar-list-nav { color: var(--kk-grey); }
.tribe-events-header__title, .tribe-events-calendar-list__month-separator-text { font-size: 30px; color: var(--kk-teal); }
.tribe-events-c-messages__message-icon-svg, .tribe-events-c-messages__message-icon { display: none !important; } .tribe-events-c-messages__message-list { list-style: none; padding: 0; margin: 0; }
