/* Replace site title with logo, keep tagline */
@media screen and (max-width: 768px){
	.site-branding {
		float: left;
		margin-bottom: 0;
		width: 100%;
	}
}
.site-branding .site-title {
	text-indent: -9999px;
	width: auto;
	height: 148px;
	background: url(https://i0.wp.com/highvolumeoxygen.com/wp-content/uploads/2019/09/cropped-hvologo-1-7.png?w=600&ssl=1);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.site-branding .site-description {
	margin-bottom: 0;
	display: block;
	font-size: 1.5em;
	position: relative;
	text-align: center;
}

@media screen and (min-width: 768px){
	.site-branding .site-title {
	text-indent: -9999px;
	width: 300px;
	height: 167px;
	float: left;
	}

	.site-branding .site-description {
		margin-bottom: 0;
		display: block;
		font-size: 2em;
		position: relative;
		left: 45px;
		top: 48px;
	}
}

/* For use with logo image only
.custom-logo-link:after{
	content: 'Make your own oxygen for less.';
	color: #333333;
	margin-top:  75px;
	margin-left: 200px;
	font-size: 28px;
	position: absolute;
	top: 0px;
	left: 150px
} */


/* ===== HVO top banner: phone / financing split ===== */
.hvo-top-banner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 1063.98px;
  margin: 10px auto 28px;
  padding: 0 20px;
}
@media (max-width: 680px) {
  .hvo-top-banner { grid-template-columns: 1fr; }
}
.hvo-banner-panel {
  border-radius: 12px;
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}
.hvo-banner-panel-phone { background: #f2f8ec; border: 1px solid #d9edc2; }
.hvo-banner-panel-finance { background: #eaf3f8; border: 1px solid #cfe4ee; }
.hvo-banner-eyebrow {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.hvo-banner-panel-phone .hvo-banner-eyebrow { color: #5a8a2c; }
.hvo-banner-panel-finance .hvo-banner-eyebrow { color: #2878A5; }
.hvo-banner-panel h3 { margin: 0; font-weight: 300; font-size: 22px; color: #333; }
.hvo-call-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #7CB342;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 17px;
  white-space: nowrap;
  padding: 14px 26px;
  border-radius: 6px;
  margin-top: 6px;
}
.hvo-call-button svg {
  width: 18px;
  height: 18px;
  fill: #fff;
  flex: none;
}
.hvo-top-finance-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #2878A5;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  padding: 12px 22px;
  border-radius: 5px;
  margin-top: 6px;
}
@media (max-width: 480px) {
  .hvo-banner-panel { padding: 22px 14px; }
  .hvo-call-button { font-size: clamp(13px, 4.2vw, 16px); padding: 13px 14px; gap: 8px; }
  .hvo-call-button svg { width: 16px; height: 16px; }
  .hvo-top-finance-button { font-size: 14px; padding: 11px 16px; }
}


/* Tighten the gap between header and homepage content now that the top banner sits right below it */
.home.page:not(.page-template-template-homepage) .site-header {
  margin-bottom: 1.5em;
}