.homepage-hero-banner-section {
    padding-top: 70px;
    padding-bottom: 0px;
    position: relative;
	background-size: cover;
	background-position: center;
}

.homepage-hero-banner-section::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.homepage-hero-banner-section{
  overflow: hidden;
}

/* Video behind everything */
.hp-hero-video{
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.hp-hero-video__el{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  opacity: 0;
  transition: opacity .4s ease;
}
.hp-hero-video__el.is-ready {
  opacity: 1;
}

/* Your overlay stays above video */
.homepage-hero-banner-section::before{
  z-index: 1;
}

/* Hero content above overlay + video */
.homepage-hero-banner-section > .container{
  position: relative;
  z-index: 2;
}

.homepage-hero-banner-section h1 {

}
@media (max-width: 1199px) and (min-width: 992px) {

  .homepage-hero-banner-section {

    /*padding-top: 75px;

    padding-bottom: 75px;

    min-height: auto;*/

  }

}

/* Full-width form bar over hero image */
.homepage-hero-banner-form-bar {
	position: relative;
	width: calc(100vw - 12px);
	left: 50%;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, 0.85);
	padding: 24px 0 32px;
	margin-top: 60px;
}
  
.homepage-hero-banner-form-wrap {
	width: 100%;
}
  
  .homepage-hero-banner-form-inner {
	color: #fff;
  }
  
  
  /* Let CF7 form stretch edge-to-edge inside the container */
  .hb-form-shortcode-wrap form {
	width: 100%;
  }
  
  /* Optional: small tweak for fields, we can refine later */
  .hb-form-shortcode-wrap input[type="text"],
  .hb-form-shortcode-wrap input[type="email"],
  .hb-form-shortcode-wrap input[type="tel"],
  .hb-form-shortcode-wrap textarea,
  .hb-form-shortcode-wrap select {
	border-radius: 0;
  }
  
/* Mobile spacing for form bar */
@media (max-width: 767px) {
	.homepage-hero-banner-form-bar {
		margin-top: 50px;
		padding: 20px 0 24px;
	}
}

/* Right  bullet panel */
.homepage-hero-banner-right {

}
  
.hb-bullets {
	margin: 0;
	padding: 0;
}
  
.hb-bullet-item {
	display: flex;
	align-items: flex-start;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
.hb-bullet-item + .hb-bullet-item {
	margin-top: 20px;
}

.hb-bullet-dot {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-image: url("../../img/carbon_checkmark-filled.svg");
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 10px;
	margin-top: 3px;
	flex-shrink: 0;
}
  
.hb-bullet-text {
	font-family: 'Bebas Neue';
	font-style: normal;
	font-weight: 400;
	font-size: 28px;
	
	text-transform: uppercase;
	color: var(--ghost-white);
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
}
@media (max-width: 767px) {
	.hb-bullet-text {
		font-size:18px;
	}
}

@media (min-width: 768px) {
	.homepage-hero-banner-section {

	}
}

@media (max-width: 991px) {
  .homepage-hero-banner-section {
    padding-top: 50px;
    padding-bottom: 0px;
    min-height: auto;
  }
	.homepage-hero-banner-section h1 {

	}

}
@media (max-width: 767px) {
		.homepage-hero-banner-section h1 {

	}
	
}
@media (max-width: 575px) {
	.homepage-hero-banner-form-wrap {
		padding-left: 12px;
		padding-right: 12px;
	}
	.homepage-hero-banner-form-bar {
		margin-top:0;
	}
	.homepage-hero-banner-right {
		background-color: var(--blue);
	}
	#content .hb-bullets {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.hb-bullet-text {
		text-shadow: none;
	}
	.homepage-hero-banner-section {
    padding-top: 0px;
    padding-bottom: 0px;
	background-image:none;
	}
	.homepage-hero-banner-section .homepage-hero-banner-top-col {
		background-image: url('https://oneclick-sandbox.com/619roofing/wp-content/uploads/2025/12/homepage-hero.jpg');
		background-size: cover;
		background-position: center;
		padding-top: 70px;
		padding-bottom: 70px;
		position: relative;
	}
	.homepage-hero-banner-section .homepage-hero-banner-top-col::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
	}
	.homepage-hero-banner-section h1 {
		margin-bottom:0;
	}
}
@media (max-width: 480px) {
	.homepage-hero-banner-section h1 {

	}
}

/* HERO FORM BAR WRAPPER */
.homepage-hero-banner-form-bar{
  background: rgba(0,0,0,0.6);
  padding: 40px 0 18px;
}

.homepage-hero-banner-form-bar .hb-form-title{
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
font-size: 24px;
line-height: 36px;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 30px;
}

/* CF7 form inside hero */
.homepage-hero-banner-form-bar .hb-roofing-form .form-control{
  width: 100%;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  outline: none;
  height: 40px;
  padding: 8px 12px;
  font-size: 12px;
  color: #333;
}

/* CF7 wrap width fix */
.homepage-hero-banner-form-bar .wpcf7-form-control-wrap{
  display:block;
  width:100%;
}

.homepage-hero-banner-form-bar .wpcf7-not-valid{
  outline: 2px solid rgba(255, 180, 0, 0.55);
}
.homepage-hero-banner-form-bar .wpcf7-not-valid-tip{
  color: #ffd27a;
  font-size: 12px;
  margin-top: 6px;
}

/* Acceptance (small, white) */
.homepage-hero-banner-form-bar .hb-acceptance,
.homepage-hero-banner-form-bar .hb-acceptance .wpcf7-form-control.wpcf7-acceptance{
  color: var(--white);
  font-size: 11px;
  line-height: 1.35;
}
.homepage-hero-banner-form-bar .hb-acceptance a{
  color: var(--orange);
  text-decoration: underline;
}
.homepage-hero-banner-form-bar .wpcf7-list-item{
  margin-left: 0;
}

/* Submit */
.homepage-hero-banner-form-bar .hb-form-submit{
  width: 100%;
  font-weight: 400;
  font-size: 24px; 
  line-height: 29px;
  font-family: "Bebas Neue";
  color: var(--dark);
  background-color: var(--orange);
  display: inline-block;
  padding: 12px 20px;
  border-radius: 0;
  border: 2px solid var(--orange);
  text-transform: uppercase;
  text-decoration: none !important;
}
.homepage-hero-banner-form-bar .hb-form-submit:hover{
  background-color: var(--blue);
  color: var(--white);
  border: 2px solid var(--orange);
}

/* Response message */
.homepage-hero-banner-form-bar .wpcf7-response-output{
  color: var(--white);
  border-color: rgba(255,255,255,0.4);
  margin: 10px 0 0;
}

/* Mobile */
@media (max-width: 767px){
  .homepage-hero-banner-form-bar{
    padding: 14px 0;
  }
  .homepage-hero-banner-form-bar .hb-form-title{
    margin-bottom: 12px;
	font-size:20px;
  }
}
@media (max-width: 575px){
	.homepage-hero-banner-form-bar {
		background: var(--dark);
	}
}

/* Hide video on mobile */
@media (max-width: 575px){
  .hp-hero-video{
    display: none !important;
  }
}