/*
Theme Name: Penn Civic House
Theme URI: https://electrickite.com
Description: Elementor WordPress Theme
Author: EK
Author URI: https://electrickite.com
Template: theratio
Version: 1.0.0
Text Domain: theratio
*/

/* Add your custom style here */

.skip-to-main-content-link {
    position: absolute;
    left: -9999px;
    z-index: 999;
    padding: 1em;
    background-color: #8AC83B;
    color: #011F5B;
    opacity: 0;
    font-weight: 600;
    font-family: "rotunda-variable", Sans-serif;
    font-size: 18px;
    line-height: 24px;
}

.skip-to-main-content-link:focus-visible,
.skip-to-main-content-link:focus,
.skip-to-main-content-link:active {
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
}
/* keyboard nav - Let JS control visibility via [hidden] */
.main-navigation ul li.menu-item-has-children:hover > ul.sub-menu,
.main-navigation ul li.menu-item-has-children:focus-within > ul.sub-menu,
.main-navigation ul li.menu-item-has-children > a[aria-expanded="true"] + ul.sub-menu {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto;
}

/* Optional safety */
.main-navigation ul li.menu-item-has-children > ul.sub-menu {
  pointer-events: none;
}


.main-navigation ul.sub-menu[hidden] {
  display: block !important;   /* cancels the browser's [hidden]{display:none} */
}

.main-navigation ul > li > a:focus, a:focus {
    outline: -webkit-focus-ring-color auto 5px; 
    outline-offset: -2px;
}

.elementor-element .elementor-widget-text-editor, 
.elementor-element .elementor-widget-icon-list .elementor-icon-list-item {
    color: #011F5B !important;
}

.elementor-element .white-text.elementor-widget-text-editor {
    color: #FFFFFF !important;
}

.ot-heading h1 {
    margin: .3em 0;
}
.ot-heading.is-dots {
    padding-bottom: 40px;
    margin-bottom: 10px;
}
.ot-heading.is-dots:before {
    border-bottom: 2px solid #8AC83B !important;

}
.post-box .post-cat a {
    background: #8AC83B;
    color: #011F5B;
    font-family: "rotunda-variable", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.post-box .post-cat a:hover {
    background: #8AC83B;
    color: #011F5B;
}
.electric-event-item {
    border-radius: 0px;
}
.electric-event-venue {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .5;
}
.electric-event-venue-icon {
    display: none;
}
.page-header.header-static .page-title {
    font-family: "rotunda-variable", Sans-serif;
    font-size: 64px;
    line-height: 70px;
    font-weight: 700;
    color: #FFF;
}
.page-header {
    font-family: "rotunda-variable", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    background: center 30% no-repeat;
    background-size: cover;
    background-color: #011F5B;
}
.page-header::before {
  content: "";
  position: absolute;
  inset: 0;             /* top:0; right:0; bottom:0; left:0 */
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));
  pointer-events: none; /* so it doesn't block clicks */
  top: 83px;
  height: 500px;
}
.admin-bar .page-header::before {
    top: 115px;
}
.page-header .breadcrumbs li:before {
    content: "•";
}
.team-wrap h4, .team-wrap .m_extra {
    text-transform: none;
}
.page-header .dcell,
.page-header .dcell .container {
  position: relative;
  z-index: 2;   /* bring above gradient */
}
.page-header h1.page-title, header {
  position: relative;
  z-index: 3;
}

@media (min-width: 1024px) {
.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    display: block;
}
}

@media (max-width: 1024px) {
    .page-header::before {
        height: 400px;
    }
}




/* events */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__events-bar {
    display: none;
}
.tribe-common .tribe-common-c-btn-border-small, .tribe-common a.tribe-common-c-btn-border-small {
    padding-bottom: 8px;
    line-height: 15px;
}
.tribe-events .tribe-events-calendar-latest-past__event-date-tag-datetime,
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
    background: #163300;
}
.tribe-events .tribe-events-calendar-latest-past time span,
.tribe-events .tribe-events-calendar-list time span {
    color: #FFF !important;
}
.tribe-events .tribe-events-calendar-latest-past__event-date-tag-month,
.tribe-events .tribe-events-calendar-list__event-date-tag-month {
    margin-top: 10px;
}
span.tribe-events-calendar-latest-past__event-date-tag-daynum.tribe-common-h5.tribe-common-h4--min-medium,
span.tribe-events-calendar-list__event-date-tag-daynum.tribe-common-h5.tribe-common-h4--min-medium {
    line-height: 26px;
}
span.tribe-events-calendar-latest-past__event-date-tag-year,
span.tribe-events-calendar-list__event-date-tag-year {
    margin-top: 6px;
}
time.tribe-events-calendar-list__month-separator-text.tribe-common-h7.tribe-common-h6--min-medium.tribe-common-h--alt {
    font-size: 26px;
    color: #163300;
}
.post-type-archive-tribe_events .page-header {
background-image: url(/wp-content/uploads/2025/10/civic-house-Feb24.jpg);
background-size: cover
}
.post-type-archive-tribe_events .page-header::before {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4));
}
.tribe-events .tribe-events-c-nav__next:disabled, .tribe-events .tribe-events-c-nav__prev:disabled {
    font-size: 16px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding-top: 0px;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 1340px;
}
header.tribe-events-header, ul.tribe-events-calendar-list, nav.tribe-events-calendar-list-nav,  .tribe-events-c-subscribe-dropdown__container {
    max-width: 1140px;
    margin: 0 auto;
}
.tribe-events .tribe-events-calendar-list__event-featured-image {
    border: solid 5px #F0F2F5;
}
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
    padding-top: 20px;
}
.tribe-events-before-html h1 {
    text-align: center;
    margin: 30px 0px;
    padding: 50px 0px;
    background: #F0F2F5;

}
.ot-process .process-des-item {
    text-align: left;
}
/* contact  */
.social-block .e-con-inner .elementor-widget, .social-block {
    border-bottom: solid 1px #8AC83B;
    padding-top: 5px;
}

.social-block p {
      padding: 10px 0px 20px;
}
.social-block .elementor-widget-social-icons {
    padding: 5px 0px 12px 0px;
}
@media (max-width: 767px) {
.social-block .elementor-widget-social-icons {
    padding-bottom: 0px;
}
.social-block .e-con-inner .elementor-widget {    height: 62px;
    vertical-align: middle;
    margin-top: 10px;
}
}

@media (max-width:1020px) {
    .contact-lead .elementor-column:nth-child(1) {
        order: 2;
    }

    .contact-lead .elementor-column:nth-child(2) {
        order: 1;
    }

   .contact-lead  .elementor-row {
        display: flex;
        flex-direction: column;
    }
}
/* testimonial */
.ot-testimonials .testi-item .ttext {
    border-color: #8AC83B;
}
.ot-testimonials .testi-item .ttext:before {
    color: #011F5B;
    font-weight: 400;
    font-family: "rotunda-variable", Sans-serif;
}
/* img carousel */

.elementor-element .elementor-swiper-button.elementor-swiper-button-prev svg, 
.elementor-element .elementor-swiper-button.elementor-swiper-button-next svg {
    background: #8AC83B;
    padding: 10px;
}
.elementor-element .elementor-swiper-button.elementor-swiper-button-prev svg:hover, 
.elementor-element .elementor-swiper-button.elementor-swiper-button-next svg:hover {
    background: #FFF;
    fill: #8AC83B;
}
.elementor-element .elementor-swiper-button.elementor-swiper-button-prev, 
.elementor-element .elementor-swiper-button.elementor-swiper-button-next {
    padding: 0px;
}
.elementor-element .elementor-swiper-button.elementor-swiper-button-prev {
    left: 0px;
}
.elementor-element .elementor-swiper-button.elementor-swiper-button-next {
    right: 0px;
}

/* subscribe */
.mc4wp-form-fields input, .mc4wp-form-fields select {
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    color: #011F5B;
    padding: 10px;
    margin-bottom: 10px;
}
.mc4wp-form-fields label {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}
.mc4wp-form-fields input.submit {
    width: auto;
    border: 0px;
    font-family: "rotunda-variable", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 16px 30px;
}
.mc4wp-form-fields input.submit:hover, .mc4wp-form-fields input.submit:focus {
    background: #011F5B;
}