.wphtmlpost {
    display: flex!important;
    flex-direction: column!important;
    gap: 1rem!important;
}
.post-title-block {
    width:60vw!important;
    line-height: 4rem!important;
}
	
.wphtmlpost h2 {
    font-size: 2rem;
    color: #cf8c0cfa;
    line-height: 2.3rem!important;
}
.wphtmlpost a {
    font-weight: 700;
    color: #b78017;
	text-decoration:underline;
}

.wphtmlpost iframe {
width:100%!important;
}
.post-title {
	text-align:center!important; 
}
.overlay-jetpack {
	width: 70%!important; 
	justify-content:center!important; 
}
.wphtmlpost p, figure.image, h1, h2 {
	width:100%!important;
    margin: 0!important;
    padding: 0!important;
    text-align: left!important;
    line-height: 2.5rem!important;
}
.wphtmlpost figcaption > span, figcaption {
   font-size:12px!important; 
	 font-style:italic!important; 
}
.wphtmlpost ul {
   margin-top:0; 
	margin-bottom:0; 
    text-align: justify!important;
}
/* ✅ Ensure images always stretch to the container's width */
.wphtmlpost img, p > iframe {
    width: 100%; /* Make images take up full width */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Remove bottom space caused by inline elements */
    object-fit: cover; /* Ensure image fills the width properly */
}

:where(.wp-site-blocks) > * {
  margin-block-start: 0 !important;
}

.jetpack-subscribe-overlay__content {
    margin: 2% auto!important;
}

.header-announcement {
	background-position: 40% 50%;
background-image:url(https://garage.ridebuy.ph/wp-content/uploads/2024/12/mirroredbg.jpg)!important; 
background-position: 68% 68%!important; 
}

:root :where(.is-layout-flow) > * {
  margin-block-start: 0 !important;
}

.wp-block-search__label {
  display: none;
}

.posts_row {
  flex-direction: row;
}

:root :where(.wp-block-image .wp-element-caption) {
    text-align: left!important;
}


.rating-section {
	width:50%;
}

.post-meta p, a{

	font-weight:400; 
	font-family: var(--wp--preset--font-family--archivo) !important
}

a.wp-block-navigation-item__content {
text-transform:capitalize!important; 
    font-weight: 400;
    font-family: var(--wp--preset--font-family--archivo) !important;
}

.jetpack-subscribe-overlay__content {
    max-width: 500px;!important
    height: 70%!important;
}


@media (max-width: 768px) {
	figcaption.wp-element-caption {
    font-size: 14px!important;
}
	.hero-text-div {
		align-items:center!important;
	}
	.header-div-main {
		width:100%!important; 
		justify-content:space-evenly!important
		
	}
/* 	.navbar-header {
		flex-grow: 0!important; 
	}
	.header-image-div {
		flex-grow: 3!important
	} */
	.hero-header-image img {
		max-width:unset!important;
		width:150px!important; 
	}

	.header-announcement {
    background-position: 48% 68%!important;
}
	.footer-container span {
		font-size:1.2rem!important; 
	}
	.wp-block-navigation-item__label {
		font-size:1.2rem!important; 
		margin-bottom: 1.5rem!important; 
	}
	.rating-section {
	width:100%;
}
	a.wp-block-navigation-item__content {
			font-size:1.2rem!important;
	}
		.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    font-size: 1.2rem!important;
}
  .posts_row {
    flex-direction: column;
  }
}

.author-section {
  padding-left: 5em !important;
  padding-right: 5em !important;
}

.author-section > .wp-block-group {
  display: flex;
  flex-direction: column !important;
}
.hero-text {
  width: 40%;

}
.page-sub {
  padding-left: 5em !important;
  padding-right: 5em !important;
  margin-bottom: 1em !important;
}
.page-sub p {
  text-align: justify !important;
  text-align-last: center !important;
}

.page-box {
  max-width: 80rem;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.posts_row {
  max-width: 80rem;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.hero-subunder {
  max-width: 80rem !important;
  margin: 0 auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

@media (max-width: 1200px) {
	.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    font-size: 0.7rem;
}
}

@media (max-width: 1180px) {
	.post-title-block {
		font-size:1.8rem!important;
		line-height:2rem!important;
		width:100%!important;
	}
	
	.wphtmlpost p, figure.image, h1, h2 {
    line-height: 1.7rem!important;
}
	
	.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    font-size: 0.6rem;
}
/* 	.hero-header-image {
		width: 100px!important; 
	} */
/* 	.hero-search button {
 
    padding: 2px 6px!important;

	} */
	.wp-image-3550 {
background-position: 40% 50%;
background-image:url(https://garage.ridebuy.ph/wp-content/uploads/2024/12/i5-m60-hero-banner.jpg)!important; 
background-position: 40% 50%!important;
	}
  .author-section {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .author-img img {
    width: 150px !important;
    height: 150px !important;
  }
  .author-img {
    justify-items: center !important;
  }
  .author-name {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .author-img p {
    text-align: justify;
    text-align-last: center;
  }
  .hero-text {
    width: 100%;
  	align-items:center;
		text-align: justify!important;
    text-align-last: center!important;
	}
	.has-text-align-right {
		text-align: justify;
		text-align-last:center; 
	}
  .page-sub {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}