#actionbar {
	display: none;
}

@media (min-width: 320px) and (max-width: 480px) {
	.wp-site-blocks .site-header .wp-block-site-logo {
		flex-basis: auto !important;
		margin: 0 !important;
	}
	
	video.wp-block-cover__video-background.intrinsic-ignore {
		height: 222px !important;
	}
	
	.wp-container-9.wp-block-columns.alignfull.are-vertically-aligned-center {
		height: 222px !important;
	}
	
	.home .wp-block-cover.alignfull.is-light {
		min-height: 222px !important;
	}
}
.wp-block-navigation .wp-block-navigation-item{
	    margin-right: 25px;
}
/* }
.wp-block-navigation__container:only-child{
	display: ruby;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container{ top: -41px;
    display: -webkit-inline-box;
	} */
.wp-block-spacer{
	height:0px!important;
}
/* Default: mobile text hidden */
.mobile-only {
  display: none;
}
/* On screens smaller than 768px: hide desktop text, show mobile text */
@media (max-width: 768px) {
  .desktop-only {
    display: none;
  }
  .mobile-only {
    display: block;
  }
}
.desktop-only, 
.desktop-only p, 
.mobile-only, 
.mobile-only p {
  color: #ffffff !important;
}
@media (max-width: 768px) {
  h5.rp-stage-title {
    font-size: 26px !important;   /* make smaller or bigger if you want */
    line-height: 1.2 !important;
  }
}
@media (max-width: 768px) {
  h3.rp-hero-title,
  .wp-block-heading.rp-hero-title {
    font-size: 32px !important;   /* adjust size here */
    line-height: 1.15 !important;
  }
}
@media (max-width: 768px) {
  .remove-mobile-space {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}
/* Hide this block on mobile */
@media (max-width: 768px) {
  .desktop-only-block {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .mobile-small-text {
    font-size: 16px !important;   /* adjust this size as needed */
    line-height: 1.4 !important;
  }
}
/* Fix first hero video cropping on mobile */
@media (max-width: 768px) {
  /* If it's a normal Video block */
  .hero-video video,
  .hero-video iframe {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;  /* show full video, no side crop */
  }

  /* If it's used as a background video in a Cover block */
  .hero-video .wp-block-cover__video-background {
    object-fit: contain !important;
  }

  .hero-video {
    overflow: visible !important;
  }
}
/* Make the first video FULL WIDTH on mobile */
@media (max-width: 768px) {

/* HERO VIDEO: full-bleed & centered on mobile */
@media (max-width: 768px) {
  .hero-video {
    width: 100vw !important;       /* as wide as the screen */
    max-width: 100vw !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%);   /* keeps it centered */
  }

  .hero-video iframe,
  .hero-video video {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;  /* fills, even if it crops a bit */
    display: block !important;
  }
}