/* GLOBAL */
@import url("/fontawesome5/css/all.min.css");
.testimonial-bg {
border: 10px solid #66e1e3;
padding: 80px 70px;
text-align: center;
position: relative;
}
.testimonial-bg::before {
content: "f042";
font-family: "Font Awesome 5 Free";
font-weight: 900;
width: 75px;
height: 75px;
line-height: 75px;
background: #fff;
text-align: center;
font-size: 50px;
color: #3c414c;
position: absolute;
top: -40px;
left: 2%;
}
.testimonial {
padding: 0 15px;
}
.testimonial .description {
font-size: 20px;
font-weight: 400;
font-style: italic;
color: #848484;
line-height: 30px;
padding-bottom: 25px;
margin-bottom: 15px;
position: relative;
}
.testimonial .description:before {
content: "";
width: 75%;
border-top: 1px solid #ddd;
margin: 0 auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.testimonial .description:after {
content: "";
width: 20px;
height: 20px;
background: #fff;
position: absolute;
bottom: -10px;
left: 50%;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
transform: translateX(-50%) rotate(45deg);
}
.testimonial .pic {
width: 100px;
height: 100px;
border-radius: 50%;
margin: 25px auto;
overflow: hidden;
}
.testimonial .pic img {
width: 100%;
height: auto;
}
.testimonial .title {
display: inline-block;
font-size: 23px;
font-weight: 700;
color: #848484;
text-transform: capitalize;
margin: 0;
}
.testimonial .post {
display: inline-block;
font-size: 20px;
color: #848484;
}
.owl-theme .owl-controls {
background: #fff;
margin-top: 10px;
position: absolute;
bottom: -34%;
right: 0;
}
.owl-theme .owl-controls .owl-buttons div {
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
background: #34363b;
opacity: 1;
padding: 0;
}
.owl-prev:before,
.owl-next:before {
content: "f104";
font-family: "fontawesome";
font-size: 23px;
font-weight: 700;
color: #fff;
}
.owl-next:before {
content: "f105";
}
@media only screen and (max-width: 767px) {
.testimonial-bg {
padding: 50px 40px;
}
.owl-theme .owl-controls {
bottom: -22%;
}
}
@media only screen and (max-width: 480px) {
.testimonial-bg:before {
width: 55px;
height: 55px;
line-height: 55px;
font-size: 40px;
}
.testimonial-bg {
padding: 30px 10px;
}
.owl-theme .owl-controls {
bottom: -15%;
}
}
@media only screen and (max-width: 360px) {
.testimonial .title,
.testimonial .post {
font-size: 16px;
}
.owl-theme .owl-controls {
bottom: -12%;
}
}
/* end owl slider stuff */
html {
scroll-behavior: smooth;
}
body {
overflow-x: hidden;
}
h1,
.h1 {
font-size: 3.5rem;
}
h2,
.h2 {
font-size: 3rem;
}
@media(min-width: 992px) {
h1.mega, .h1.mega {
font-size: 4rem;
}
}
@media(max-width: 767px) {
h1, .h1 {
font-size: 2.5rem;
}
h2,
.h2 {
font-size: 2rem;
}
h3,
.h3 {
font-size: 1.6rem;
}
h4,
.h4 {
font-size: 1.45rem;
}
h5,
.h5 {
font-size: 1.3rem;
}
h6,
.h6 {
font-size: 1.15rem;
}
}
h3,
h4,
h5,
h6,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Poppins', sans-serif;
}
h1,
h2,
.h1,
.h2 {
text-transform: uppercase;
}
h1.title {
font-size: 3rem !important;
}
.btn {
white-space: normal;
}
a:hover img,
a.bg-img:hover a.bg-image:hover {
opacity: .85;
}
#savecontent img {
max-width: 100% !important;
height: auto !important;
}
.rightfloat {
float: right;
margin: 0 0 .5rem 1rem;
width: 40%;
}
@media (max-width: 767px) {
.rightfloat {
float: none;
margin: 0 0 1rem 0;
width: 100%;
}
}
.btn-primary {
color: white !important;
}
@media(min-width: 1600px) {
.container {
max-width: 1300px;
}
}
.anchor {
scroll-margin-top: 150px;
}
.blog-detail-page .oms-wrapper #savecontent {
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%);
}
.dark-top-gradient {
height: 30%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
}
.dark-top-gradient-extra {
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
}
.light-top-gradient {
height: 30%;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
}
.dark-bottom-gradient {
height: 30%;
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
}
.light-bottom-gradient {
height: 30%;
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
}
.rounded {
border-radius: 16px !important;
}
.blog-data .blog-title.h5 {
font-size: 1.2rem;
}
.blog-image a {
padding-bottom: 65% !important;
}
.blog-item.media.border {
border: 0px solid transparent !important;
}
.oms-blog-detail .blog {
padding: 1.2rem;
border-radius: 14px;
box-shadow: 2px 4px 14px 0 rgba(0, 0, 0, .2);
background: white;
}
@media(min-width: 1200px) {
.fives {
flex: 0 0 20% !important;
max-width: 20% !important;
}
}
.services li {
margin-left: -18px;
}
.carousel-fade .carousel-item {
opacity: 0;
transition-duration: .6s;
transition-property: opacity;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
opacity: 0;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
transform: translateX(0);
transform: translate3d(0, 0, 0);
}
.pdt-social-share.social-share,
.request-more-info {
display: none !important;
}
/* ---- Henry Group dev listings: Leaflet map + interactive cards ---- */
/* The site rule `#savecontent img { max-width: 100% !important; height: auto !important }`
collapses Leaflet's tiles — override it with equal/greater specificity. */
#savecontent .leaflet-container img,
.leaflet-container img,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-tile {
width: 256px !important;
height: 256px !important;
}
.leaflet-container {
background: #e8eef1;
}
#hg-map {
height: 420px;
min-height: 480px;
width: 100%;
border-radius: 16px;
overflow: hidden;
z-index: 0;
background: #e8eef1;
}
@media (min-width: 992px) {
/* Inside a flex-column parent (.col-lg-6.d-lg-flex.flex-lg-column),
#hg-map grows to match the cards column height. */
#hg-map {
height: auto;
min-height: 480px;
}
}
/* Map label markers — rectangular tag with downward triangle tip */
.hg-label-marker {
background: transparent !important;
border: 0 !important;
overflow: visible !important;
pointer-events: none !important;
}
.hg-label {
position: absolute;
bottom: 7px;
left: 50%;
transform: translateX(-50%);
background: var(--primary, #ef7a1a);
color: #fff;
border-radius: 3px;
font-family: 'Poppins', sans-serif;
font-weight: 500;
font-size: 10px;
letter-spacing: .02em;
text-transform: uppercase;
line-height: 1.15;
text-align: center;
white-space: nowrap;
box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
pointer-events: auto;
}
.hg-label::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 7px solid var(--primary, #ef7a1a);
}
.hg-label-row {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
padding: 4px 7px;
cursor: pointer;
transition: background .12s ease;
}
.hg-label-row[data-soon] { cursor: default; }
.hg-label-row + .hg-label-row {
border-top: 1px solid rgba(255, 255, 255, .35);
}
.hg-label-row:hover,
.hg-label-row.is-active {
background: rgba(0, 0, 0, .22);
}
.hg-label-num {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 15px;
height: 15px;
border-radius: 50%;
background: #fff;
color: var(--primary, #ef7a1a);
font-size: 9px;
font-weight: 600;
line-height: 1;
}
.hg-label-text {
text-align: left;
}
/* Listing card — image on top, body below */
.hg-card {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
border: 2px solid transparent;
border-radius: 12px;
background: #fff;
color: #212529;
text-decoration: none;
overflow: hidden;
transition: border-color .15s ease, box-shadow .15s ease, background .15s ease, transform .15s ease;
}
.hg-card:hover,
.hg-card.is-active {
color: #212529;
text-decoration: none;
background: #fafafa;
border-color: var(--primary, #c8a85c);
box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}
.hg-card-static {
cursor: default;
}
.hg-card-static:hover {
background: #fff;
border-color: transparent;
box-shadow: none;
transform: none;
}
.hg-card-static.is-active {
background: #fafafa;
border-color: #8a8a8a;
box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}
.hg-card-num {
position: absolute;
top: .6rem;
left: .6rem;
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin: 0;
border: 2px solid #fff;
border-radius: 50%;
background: var(--primary, #c8a85c);
color: #fff;
font-weight: 700;
font-size: 1rem;
line-height: 1;
box-shadow: 0 2px 6px rgba(0, 0, 0, .35);
}
.hg-card-num.is-soon {
background: #8a8a8a;
}
.hg-card-img {
display: block;
width: 100%;
height: 170px;
margin: 0;
object-fit: cover;
border-radius: 0;
flex-shrink: 0;
}
.hg-card-body {
padding: .7rem .9rem .85rem;
min-width: 0;
flex: 1 1 auto;
}
.hg-card-title {
margin: 0 0 .15rem 0;
font-size: 1.2rem;
line-height: 1.25;
}
.hg-card-loc,
.hg-card-info {
display: block;
font-size: 1rem;
line-height: 1.4;
}
.hg-card-loc {
color: #6c757d;
}
.hg-card-info {
color: #212529;
}
/* Smaller image on narrow card widths (lg side-by-side with map, 2-up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
.hg-card-img {
height: 140px;
}
.hg-card-num {
width: 30px;
height: 30px;
font-size: .9rem;
}
.hg-card-title {
font-size: 1.1rem;
}
.hg-card-loc,
.hg-card-info {
font-size: .95rem;
}
}
/* XL: cards drop to 3-up so each is even narrower — compress further */
@media (min-width: 1200px) {
.hg-card-img {
height: 130px;
}
.hg-card-num {
width: 28px;
height: 28px;
font-size: .85rem;
top: .5rem;
left: .5rem;
}
.hg-card-body {
padding: .6rem .75rem .75rem;
}
.hg-card-title {
font-size: 1.05rem;
line-height: 1.25;
}
.hg-card-loc,
.hg-card-info {
font-size: .9rem;
line-height: 1.35;
}
}
/* Popup */
.leaflet-popup-content-wrapper {
border-radius: 10px;
}
.leaflet-popup-content {
margin: .65rem .85rem;
}
.leaflet-popup-content .hg-pop {
min-width: 200px;
}
.hg-pop-title {
font-weight: 700;
font-size: 1rem;
margin-bottom: .2rem;
color: #212529;
}
.hg-pop-loc {
color: #6c757d;
font-size: .85rem;
}
.hg-pop-info {
font-size: .85rem;
margin-bottom: .55rem;
color: #212529;
}
.hg-pop-link {
display: inline-block;
background: var(--primary, #c8a85c);
color: #fff !important;
padding: .3rem .75rem;
border-radius: 6px;
font-weight: 600;
font-size: .9rem;
text-decoration: none;
transition: background .15s ease;
}
.hg-pop-link:hover {
background: var(--dark, #111);
text-decoration: none;
}
.hg-pop-soon {
font-style: italic;
color: #888;
font-size: .9rem;
}
/* PAGE SPECIFIC */
/* FOOTER */