/**
* Theme Name: Catera Child
* Description: This is a child theme of Catera, generated by Merlin WP.
* Author: <a href="http://pavothemes.com/">Pavothemes</a>
* Template: catera
* Version: 2.0.2
*/

.elementor-34 .elementor-element.elementor-element-ff97080:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-ff97080 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #A8151A;
}

.main-navigation ul.menu > li.menu-item > a {
  font-family: var(--e-global-typography-primary-font-family);
  font-size: 1rem;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 400;
}

.scrollup {
  color: #333333;
  background-color: #fec500;
}

.elementor-991 .elementor-element.elementor-element-2e96f92:not(.elementor-motion-effects-element-type-background),
.elementor-991 .elementor-element.elementor-element-2e96f92 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image:url("https://riverheadpolishhall.net/wp-content/uploads/2025/10/event-bottom-background.webp");
}

.elementor-1060 .elementor-element.elementor-element-0a29172:not(.elementor-motion-effects-element-type-background),
.elementor-1060 .elementor-element.elementor-element-0a29172 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  
}

.elementor-991 .elementor-element.elementor-element-2e96f92,
.elementor-1060 .elementor-element.elementor-element-0a29172,
.elementor-1030 .elementor-element.elementor-element-07d4e34,
.elementor-991 .elementor-element.elementor-element-2b7897f8{
  --padding-top: 10px;
  --padding-bottom: 23px;
  --padding-left: 30px;
  --padding-right: 30px;
}

.elementor-widget-catera-breadcrumb .catera-title {
  margin-top: 83px;
  margin-bottom: 83px;
}

@media (max-width: 880px) {
    .elementor-991 .elementor-element.elementor-element-bc6981f .catera-title,
	.elementor-1060 .elementor-element.elementor-element-f00fb8b .catera-title,
	.elementor-1030 .elementor-element.elementor-element-e9a48f7 .catera-title{
        margin: 15px 0px 30px 0px;
    }
}

.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper {
  flex-direction: row;
  gap: var(--icon-box-icon-margin,15px);
  text-align: start;
}
.elementor-widget-icon-box .elementor-icon-box-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--icon-box-icon-margin,15px);
  text-align: center;
}

.elementor-widget-icon-box .elementor-icon-box-description {
  margin: 0;

}

/** Calendar */

/* Show Month View on larger screens (760px and up) */
@media screen and (min-width: 760px) {
    .calendar-agenda {
        display: none !important;
    }
    .calendar-month {
        display: block !important;
    }
}

/* Show Agenda View on smaller screens (below 760px) */
@media screen and (max-width: 759px) {
    .calendar-month {
        display: none !important;
    }
    .calendar-agenda {
        display: block !important;
    }
}

/** Call to Action  */

.elementor-23 .elementor-element.elementor-element-73fdc11 .elementor-heading-title a {
color: #E3D7AC;
}

/** Boxed Spaces  */

/* Boxed layout only on specific pages */
body.page-id-4299 .col-full [data-elementor-type="wp-page"],
body.page-id-4305 .col-full [data-elementor-type="wp-page"],
body.page-id-4301 .col-full [data-elementor-type="wp-page"],
body.page-id-4833 .col-full [data-elementor-type="wp-page"]{
  width: auto !important;          /* stop 100vw */
  max-width: 1290px;               /* your boxed width */
  margin-left: auto !important;    /* center normally */
  margin-right: auto !important;
  transform: none !important;      /* kill the centering hack */
  -ms-transform: none !important;
  -o-transform: none !important;
  -moz-transform: none !important;
  -webkit-transform: none !important;
}

/* Ensure Elementor boxed sections obey the same width */
body.page-id-4299 .elementor-section.elementor-section-boxed > .elementor-container,
body.page-id-4305 .elementor-section.elementor-section-boxed > .elementor-container,
body.page-id-4301 .elementor-section.elementor-section-boxed > .elementor-container,
body.page-id-4833 .elementor-section.elementor-section-boxed > .elementor-container{
  max-width: 1200px;
}

/* Neutralize Elementor “stretch section” if toggled */
body.page-id-4299 .elementor-section-stretched,
body.page-id-4305 .elementor-section-stretched,
body.page-id-4301 .elementor-section-stretched,
body.page-id-4833 .elementor-section-stretched{
  left: auto !important;
  width: auto !important;
}

/* Optional: mobile padding tweak */
@media (max-width: 767.98px) {
  body.page-id-4299 #primary .site-main,
  body.page-id-4305 #primary .site-main,
  body.page-id-4301 #primary .site-main,
  body.page-id-4833 #primary .site-main{
    padding-left: 16px;
    padding-right: 16px;
  }
}


/* CF7 validation tip snug under field, but keep normal spacing between rows */
.wpcf7 form span.wpcf7-not-valid-tip {
    display: block;
    margin: -10px 0 15px 0 !important;  /* pull up 10px, add 10px below */
    font-size: 0.875rem;
    line-height: 1.2;
}



/* MOBILE-ONLY FIX FOR THE EVENTS GALLERY */
@media (max-width: 767px) {
  /* Target this specific gallery widget by its Elementor ID */
  .elementor-element-66da781 .elementor-opal-image-gallery .isotope-grid {
      display: block !important;
      clear: both;
  }

  .elementor-element-66da781 .elementor-opal-image-gallery .isotope-grid .grid__item {
      position: relative !important;
      left: auto !important;
      top: auto !important;
      width: 100% !important;      /* single column */
      margin-bottom: 20px;         /* space between images */
  }

  .elementor-element-66da781 .elementor-opal-image-gallery .gallery-image img {
      width: 100%;
      height: auto;
      display: block;
  }
}

/* Use GRID layout for this static event ONLY */
.events-static-post .post-inner {
    display: grid !important;
    grid-template-columns: 260px 1fr;  /* image left, content right */
    gap: 30px;
    align-items: start; /* do not stretch image */
}

/* Image container */
.events-static-post .post-thumbnail {
    width: 100%;
    height: auto;
    overflow: hidden; /* clean edges if image is large */
}

/* Image itself */
.events-static-post .post-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Text column stays natural height */
.events-static-post .post-content {
    display: block;
}

/* MOBILE STACK */
@media (max-width: 767px) {
    .events-static-post .post-inner {
        grid-template-columns: 1fr; /* image above text */
    }
	
	.events-static-post .post-inner {
    gap: 15px;
}
}