.elementor-138 .elementor-element.elementor-element-f0ed9e8{margin-top:-21px;margin-bottom:0px;}.elementor-138 .elementor-element.elementor-element-682def4 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-138 .elementor-element.elementor-element-27b2c9b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-16px;margin-bottom:-16px;}.elementor-138 .elementor-element.elementor-element-27b2c9b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-138 .elementor-element.elementor-element-8e3cc93 > .elementor-widget-container{background-color:#D5AE82;margin:0px 0px 0px 0px;padding:16px 16px 16px 16px;}.elementor-138 .elementor-element.elementor-element-8e3cc93{text-align:center;}.elementor-138 .elementor-element.elementor-element-8e3cc93 .elementor-heading-title{font-family:"Rock Salt", Sans-serif;font-weight:600;line-height:1.5em;color:#FFFFFF;}.elementor-138 .elementor-element.elementor-element-1a6c4f1 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-138 .elementor-element.elementor-element-30b65f3 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}@media(max-width:990px){.elementor-138 .elementor-element.elementor-element-b6d440e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:20px;}.elementor-138 .elementor-element.elementor-element-3471e68 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:20px;}}/* Start custom CSS for html, class: .elementor-element-682def4 *//* Hero button container */
.pcm-hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 25px;
}

/* Hero buttons – white rectangles similar to contact cards */
.pcm-hero-btn {
  background: #ffffff;
  padding: 16px 28px;
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  text-decoration: none;
  color: #1d2541; /* navy tone to match headings */
  font-weight: 600;
  font-size: 16px;
  display: inline-block;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Hover effect */
.pcm-hero-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}

/* Stack buttons on tablet/mobile */
@media (max-width: 768px) {
  .pcm-hero-buttons {
    flex-direction: column;
  }

  .pcm-hero-btn {
    width: 100%;
    text-align: center;
  }
}

/* =========================
   PCM Video Hero Layering Fix
   ========================= */

/* Make the slide a positioning + height context */
.pcm-video-hero .slide-item{
  position: relative;
  overflow: hidden;
  min-height: 680px; /* adjust if needed */
}
@media (max-width: 1024px){
  .pcm-video-hero .slide-item{ min-height: 600px; }
}
@media (max-width: 768px){
  .pcm-video-hero .slide-item{ min-height: 520px; }
}

/* Video + overlay behind content */
.pcm-video-hero .video-layer,
.pcm-video-hero .video-overlay{
  position: absolute;
  inset: 0;
}

.pcm-video-hero .video-layer{ z-index: 1; }
.pcm-video-hero .video-overlay{
  z-index: 2;
  background: rgba(5, 17, 56, 0.55);
}

/* Video fill */
.pcm-video-hero .hero-video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Content above */
.pcm-video-hero .auto-container,
.pcm-video-hero .content-box,
.pcm-video-hero .content,
.pcm-video-hero .inner{
  position: relative;
  z-index: 3;
}

/* Ensure readable text (optional but usually desired) */
.pcm-video-hero .subtitle,
.pcm-video-hero h1,
.pcm-video-hero .text{
  color: #fff;
}

/* Optional mobile fallback to poster image */
@media (max-width: 768px){
  .pcm-video-hero .hero-video{ display:none; }
  .pcm-video-hero .video-layer{
    background-image: url("https://portcitymarina.com/wp-content/uploads/2021/07/Untitled-4-scaled.jpg");
    background-size: cover;
    background-position: center;
  }
}

/* If OwlCarousel stacking context interferes, uncomment this:
.pcm-video-hero .owl-stage-outer,
.pcm-video-hero .owl-stage,
.pcm-video-hero .owl-item{
  position: relative;
  z-index: 1;
}
*//* End custom CSS */