/* remove horizontal scroll on all pages */
/* html, body {
    overflow-x: hidden !important;
}
 */

.page-id-37 footer {
    display: none !important;
}

/* Force portrait-only on mobile & tablets */
@media screen and (max-width: 1024px) and (orientation: landscape) {
  body::before {
    content: "Please rotate your device to portrait mode 📱";
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #fff;
    color: #000;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    text-align: center;
    padding: 20px;
  }

  body {
    overflow: hidden !important;
  }
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
  body {
    overflow: auto !important; 
  }
}

/* Menu Hidden by default (only works when JS keeps it fixed) Only for Desktop*/
@media only screen and (min-width: 1025px) {
.elementor-location-header {
    position: fixed;
    top: 0;
    width: 100%;
    transform: translateY(-100%);
    opacity: 0;
    transition: transform 0.6s ease, opacity 0.6s ease;
    z-index: 9999;
}

/* Show after scroll */
body.scrolled .elementor-location-header {
    transform: translateY(0);
    opacity: 1;
    background-color: rgba(0,0,0,0.7);
    backdrop-filter: blur(6px);
}
}
/* Only to fix the z-index issue of mobile menu on about, contact pages */
@media only screen and (max-width: 1024px) {
  .elementor-location-header {
    position: relative !important;
    z-index: 100000 !important;
  }
}

/* Hide Title on Blog posts */
.single-post .entry-title {
  display: none !important;
}


/* Change all blog text to Century Gothic */
.single-post .site-main,
  .single-post .content-area,
  .single-post article,
  .single-post .entry-header,
  .single-post .post-thumbnail,
  .single-post .entry-title,
  .single-post .entry-content {
		font-family: "Century Gothic","century-gothic", CenturyGothic, AppleGothic, sans-serif !important;

  }

/* Desktop only */
@media (min-width:1025px){

  /* Block-theme (Site Editor) selectors */
  

/* Apply width limit only to content area & title */
.single-post .site-main,
.single-post .content-area,
.single-post article,
.single-post .entry-title,
.single-post .entry-content {
  width: 55vw !important;
  max-width: 55vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
}

/* Desktop Large screens only */
@media (min-width:1500px){

  /* Block-theme (Site Editor) selectors */
  

/* Apply width limit only to content area & title */
.single-post .site-main,
.single-post .content-area,
.single-post article,
.single-post .entry-title,
.single-post .entry-content {
  width: 35vw !important;
  max-width: 35vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
}


/* Mobile only (phones, max 767px wide) */
@media (max-width: 767px) {
  /* Text, title, and content should be 85% width */
  .single-post .site-main,
  .single-post .content-area,
  .single-post article,
  .single-post .entry-header,
  .single-post .entry-title,
  .single-post .entry-content {
    width: 85vw !important;
    max-width: 85vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
	.post .wp-post-image {
		max-height: none !important; /* remove the fixed cap */
		height: auto !important;     /* scale with width */
		width: 100% !important;      /* full width */
		object-fit: cover !important;
		object-position: center center !important;
	}
}