:root{ --container-width:1290px; --primary-font: "EB Garamond", serif;
--secondary-font: "Inter", sans-serif; --theme-ascent1: #FE4F70;
--theme-ascent2: #FFA387;
--theme-bg-light:#ffffff;
--theme-bg-dark:#000000;
--text-color-light:#ffffff;
--text-color-dark:#000000;
--theme-bg-ascent:#161616;
--theme-bg-ascent-one:#242424;
--border-color-light:#ffffff;
--border-color-dark:#242424; --bnr-gap: 15px;
--universal-gap: 40px;
--missed-slider-gap:15px;
--instafeed-gap:18px;  
--footer-col-gap:30px;
}  *,
*::before,
*::after {
box-sizing: border-box;
} html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
} input, textarea, select, button {
font-family: inherit;
font-size: inherit;
}    .hst-flow-hidden{
overflow: hidden;
}
body .hst-img-cover{
width: 100%;
height: 100%;
object-fit: cover;
}
.hst-p-relative{
position: relative;
}
.hst-d-flex{
display: flex;
}
.hst-d-flex-wrap{
flex-wrap: wrap;
}
.hst-align-start{
align-items: flex-start;
}
.hst-align-center{
align-items: center;
}
.hst-align-end{
align-items: flex-end;
}
.hst-justify-start{
justify-content: flex-start;
}
.hst-justify-center{
justify-content: center;
}
.hst-justify-end{
justify-content: flex-end;
}
.hst-justify-between{
justify-content: space-between;
}
.hst-text-center{
text-align: center;
}
.hst-text-left{
text-align: left;
}
.hst-text-right{
text-align: right;
}
.hst-flex-g-100{
flex: 1 1 100%;
}
.hst-flex-g-50{
flex: 1 1 50%;
}
.hst-flex-g-66{
flex: 1 1 66.66%;
}
.hst-flex-g-33{
flex: 1 1 33.33%;
} 
.hst-flex-g-75{
flex: 1 1 75%;
}
.hst-flex-g-25{
flex: 1 1 25%;
} body{
background-color: var(--theme-bg-light);
}
body.hst-gradient-bg{
background: rgb(155,74,218);
background-image: url(//hiramswheels.org/wp-content/plugins/spice-blocks/assets/images/triangle-shape.png), linear-gradient(90deg, rgba(155,74,218,1) 0%, rgba(77,83,239,1) 50%, rgba(239,77,182,1) 100%);
background-repeat: no-repeat;
background-position: center;
background-size: initial;
}
.hst-container{ margin: 0 auto; }
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-next {
position: absolute;
color: #000;
background-color: #ffffff;
width: 36px;
aspect-ratio: 1;
padding: 6px;
border: 1px solid #DEDBEB;
border-radius: 50%;
z-index: 1;
transition: 0.3s;
}
.owl-carousel .owl-nav button.owl-prev:is(:hover, :focus), 
.owl-carousel .owl-nav button.owl-next:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border: transparent;
} .hst-header{
margin-bottom: 20px;
position: relative;
z-index: 9;
}
.hst-header .hst-head-topbar {
background-color: #30373E;
padding-block: 8px;
}
.hst-header .hst-head-topbar .hst-head-topbar-wrapper{
gap: 6px;
} .hst-trend-posts{
gap: 5px;
}
.hst-trend-posts .hst-trending-post{
max-width: 600px;
}
.hst-trend-posts .hst-trending-posts-head{
white-space: nowrap;
color: #ffffff;
font-size: 14px;
font-family: var(--secondary-font);
font-weight: 400;
text-transform: uppercase;
} .hst-trend-posts .hst-trending-post-title a{
color: #ffffff;
font-size: 14px;
font-family: var(--secondary-font);
font-weight: 400;
line-height: 22px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-trend-posts .hst-trending-post-title a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-date-time ul{
gap: 16px;
list-style: none;
margin: 0;
}
.hst-date-time ul li{
color: #ffffff;
font-size: 14px;
font-family: var(--secondary-font);
font-weight: 400;
line-height: 22px;
text-transform: capitalize;
}
.hst-head-middlebar{
background-color: var(--theme-bg);
padding-block: 31px;
border-bottom: 1px solid #E1E3E6;
}
.hst-head-middlebar .hst-container{ gap: 10px;
}
.hst-head-middlebar .hst-container > *{
flex: 1 1 calc(33.33% - 10px);
}
.hst-head-socials ul{
gap: 5px;
flex-wrap: wrap;
list-style: none;
margin: 0;
}
.hst-head-socials .hst-socials a{
font-size: 14px;
padding: 8px;
display: grid;
place-content: center;
min-width: 36px;
aspect-ratio: 1;
border: 1px solid #E1E3E6;
border-radius: 50%;
color: var(--text-color-dark);
background-color: var(--theme-bg-light);
}
.hst-head-socials .hst-socials a:is(:hover, :focus){
color: #ffffff;
-webkit-text-fill-color: unset;
-webkit-background-clip: unset;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border-color: transparent;
}
.hst-nav-menu-btn i{
display: none;
}
.hst-site-logo-name .hst-site-logo{
display: inline-block;
padding: 10px;
}
.hst-site-logo-name .hst-site-logo.hst-logo-dark{
display: none;
}
.hst-site-logo-name .hst-site-name{
padding: 10px;
display: none;
}
.hst-site-logo-name .hst-site-name .hst-site-title{
font-size: 32px;
line-height: 1;
color: #000;
font-family: var(--primary-font);
font-weight: 600;
margin-bottom: 10px;
}
.hst-site-logo-name .hst-site-name .hst-site-description{
color: #000;
font-size: 16px;
font-family: var(--secondary-font);
font-weight: 400;
line-height: 22px;
} .hst-dl-switcher{
width: 44px;
height: 24px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #E7E7E7;
border-radius: 13px;
padding: 0px 8px;
}
.hst-dl-switcher i{
position: relative;
font-size: 12px;
z-index: 1;
color: transparent;
cursor: pointer;
}
.hst-dl-switcher i::before{
position: relative;
z-index: 1;
}
.hst-dl-switcher i.active{
color: #000;
}
.hst-dl-switcher i.active::after{
content: "";
position: absolute;
background-color: #FFFFFF;
width: 20px;
height: 20px;
border-radius: 50%;
top: 50%;
transform: translate(-77%, -50%);
box-shadow: 0 4px 4px rgb(0 0 0 / 6%);
} .hst-search-bar{
margin-left: 24px;
position: relative;
}
.hst-search-bar .hst-search-btn{
font-size: 14px;
padding: 8px;
display: grid;
place-content: center;
min-width: 38px;
aspect-ratio: 1;
border-radius: 50%;
color: var(--text-color-dark);
background-color: #EFF2F9;
transition: 0.2s;
}
.hst-search-bar .hst-search-btn:is(:hover, :focus){
color: #ffffff;
-webkit-text-fill-color: unset;
-webkit-background-clip: unset;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-search-bar .hst-search-panel{
position: absolute;
top: 130%;
left: auto;
right: 0;
padding: 16px 12px;
background-color: #EFF2F9;
width: 300px;
transition: 0.3s;
border-block: 2px solid var(--theme-ascent1);
border-radius: 10px;
opacity: 0 ;
visibility: hidden;
}
.hst-search-bar.open .hst-search-panel{
opacity: 1 ;
visibility: visible;
}
.hst-search-bar  .hst-search-panel .hst-head-search-form{
display: grid;
grid-template-columns: 70% 30%;
height: 34px;
}
.hst-search-bar  .hst-search-panel .hst-head-search-form input{
background-color: #ffffff;
border: none;
outline: none;
font-size: 16px;
font-family: var(--secondary-font);
font-weight: 400;
line-height: 1;
color: #000;
}
.hst-search-bar  .hst-search-panel .hst-head-search-form button{
font-size: 16px;
font-family: var(--secondary-font);
font-weight: 600;
line-height: 1;
text-transform: capitalize;
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-head-btn{margin-left: 10px;}
.hst-head-btn a{
padding: 8.5px 16.5px;
font-size: 14px;
font-weight: 700;
font-family: var(--secondary-font);
line-height: 22px;
text-transform: capitalize;
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border-radius: 30px;
white-space: nowrap;
}
.hst-head-btn a i{
margin-right: 5px;
}
.hst-head-btn a:hover i {
animation: bellshake 2000ms infinite;  
}
@keyframes bellshake {
0%{transform: rotate(0deg);}
10%{transform: rotate(15deg);}
20%{transform: rotate(-15deg);}
40%{transform: rotate(10deg);}
60%{transform: rotate(-10deg);}
80%{transform: rotate(5deg);}
90%{transform: rotate(-5deg);}
100%{transform: rotate(0deg);}
}
.hst-site-nav{
background-color: var(--theme-bg);
box-shadow: 0 4px 10px rgb(0 0 0 / 4%);
}
.hst-site-nav ul{
list-style: none;
margin: 0;
}
.hst-site-nav .hst-nav-close{
display: none;
}
.hst-site-nav .hst-nav-menu{gap: 26px;}
.hst-site-nav .hst-nav-item{
position: relative;
cursor: pointer;
transition: 0.3s;
}
.hst-site-nav .hst-nav-link{
color: var(--text-color-dark);
font-size: 16px;
font-family: var(--secondary-font);
font-weight: 500;
line-height: 22px;
text-transform: capitalize;
display: inline-block;
padding: 24px 8px;
position: relative;
}
.hst-site-nav .hst-has-submenu .hst-nav-link{
padding-right: 30px;
}
.hst-site-nav .hst-nav-item:is(:hover,:focus) > .hst-nav-link{
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-site-nav .hst-nav-link::before{
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 0%;
height: 4px;
-webkit-text-fill-color: unset;
-webkit-background-clip: unset;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
transition: 0.3s;
}
.hst-site-nav .hst-nav-link.active::before,
.hst-site-nav .hst-nav-item:hover .hst-nav-link:before{
width: 100%;
}
.hst-site-nav .hst-sub-menu{
position: absolute;
top: 100%;
background-color: #fff;
z-index: 1;
min-width: 150px;
border-top: 2px solid var(--theme-ascent1);
box-shadow: 0 4px 15px rgb(0 0 0 / 8%);
opacity: 0;
visibility: hidden;
transition: 0.3s;
transform: translateY(1rem);
transform-origin: top;
}
.hst-site-nav .hst-sub-menu .hst-sub-menu{
top: 0;
left: calc(100% + 5px);
} 
.hst-site-nav .hst-nav-item.hst-has-submenu::after{
content: "\f107";
font-family: fontAwesome;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
color: var(--text-color-dark);
}
.hst-site-nav .hst-sub-menu .hst-nav-item.hst-has-submenu::after{
content: "\f105";
right: 15px;
}
.hst-site-nav .hst-has-submenu:is(:hover, :focus) > .hst-sub-menu{
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.hst-site-nav .hst-sub-menu .hst-nav-link::before{
content: unset;
}
.hst-site-nav .hst-sub-menu .hst-nav-link{
display: block;
padding: 10px 16px;
}  .hst-highlights .hst-container{
padding: 10px;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(9, 11, 60, 0.1);
}
.hst-highlights .hst-highlight-wrap{
border-radius: inherit;
overflow: hidden;
}
.hst-highlights .hst-highlight-head{ background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
padding: 15px 14px; text-align: center;
}
.hst-highlights .hst-highlight-head h2{
color: #ffffff;
font-size: 20px;
font-weight: 700;
line-height: 1;
text-transform: capitalize;
font-family: var(--primary-font);
}
.hst-highlights .hst-highlight-track{
display: -webkit-box;
white-space: nowrap;
overflow: hidden;
background-color: #F5F7FD;
flex: 1;
} 
.hst-highlights .hst-highlight-track-wrapper{
white-space: nowrap;
transform: translate3d(0%, 0, 0);
animation-name: highlight-marquee;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 22s;
padding-block: 5px;
gap: 30px;
}
@keyframes highlight-marquee {
0% {
transform: translate3d(0%, 0, 0);
}
100% {
transform: translate3d(-100%, 0, 0);
}
}
.hst-highlights .hst-highlight-track:hover .hst-highlight-track-wrapper{
animation-play-state: paused;
}
.hst-highlights .hst-highlight-track-wrapper.hst-Pause{
animation-play-state: paused;
}
.hst-highlights .hst-highlight-img{
width: 40px;
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
margin-right: 10px;
border: 1px solid #ffffff;
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}
.hst-highlights .hst-highlight-content .hst-highlight-date{
font-size: 12px;
line-height: 20px;
font-weight: 400;
text-transform: capitalize;
color: var(--theme-ascent1); 
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
font-family: var(--secondary-font);
} .hst-highlights .hst-highlight-content .hst-highlight-post-title a{
font-size: 16px;
line-height: 22px;
font-weight: 600;
color: #000;
font-family: var(--primary-font);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-highlights .hst-highlight-content .hst-highlight-post-title a:is(:hover,:focus){
color: var(--theme-ascent1); 
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-highlights .hst-highlight-btn{ background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
padding: 15px 14px;
font-size: 21px;
color: #ffffff;
}  .hst-banner .hst-banner-posts{
margin: 0  calc(var(--bnr-gap) * -1) ;
}
.hst-banner .hst-banner-post {
margin-inline: var(--bnr-gap);
}
.hst-banner .hst-banner-posts .slick-arrow{
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #000;
background-color: #ffffff;
width: 36px;
aspect-ratio: 1;
padding: 6px;
border: 1px solid #DEDBEB;
border-radius: 50%;
z-index: 1;
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.hst-banner .hst-banner-posts .slick-arrow.fa-angle-left{
left: 25px;
}
.hst-banner .hst-banner-posts .slick-arrow.fa-angle-right{
right: 25px;
}
.hst-banner .hst-banner-posts:hover .slick-arrow{
opacity: 1;
visibility: visible;
}
.hst-banner .hst-banner-post-thumbh{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
min-height: 420px;
border-radius: 10px;
padding: 20px;
}
.hst-banner .hst-banner-post-thumbh::after{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(0,0,0,.8) 100%);
z-index: 1;
}
.hst-banner .hst-banner-post-thumbh .hst-banner-post-content{
z-index: 2;
}
.hst-banner .hst-banner-post-content .hst-banner-top-meta .hst-category{
position: absolute;
top: 10px;
left: 10px;
gap: 10px;
}
.hst-banner .hst-banner-post-content .hst-banner-top-meta .hst-category a{
font-size: 12px;
line-height: 1;
font-weight: 600;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
background-color: #ffffff;
padding: 7.5px 10px;
border-radius: 30px;
display: inline-block;
}
.hst-banner .hst-banner-posts .slick-arrow:is(:hover,:focus),
.hst-banner .hst-banner-post-content .hst-banner-top-meta .hst-category a:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border: transparent;
}
.hst-banner .hst-banner-post-content .hst-banner-top-meta .hst-date a{
font-size: 16px;
line-height: 24px;
font-weight: 700;
font-family: var(--secondary-font);
color: #ffffff;
}
.hst-banner .hst-banner-post-content .hst-banner-post-title{
margin-top: 8px;
margin-bottom: 18px;
}
.hst-banner .hst-banner-post-content .hst-banner-post-title a{
font-size: 24px;
line-height: 34px;
font-weight: 600;
font-family: var(--primary-font);
color: #ffffff;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-banner .hst-banner-post-content .hst-banner-bottom-meta .hst-read-more {
font-size: 14px;
line-height: 1;
font-weight: 700;
font-family: var(--secondary-font);
color: #ffffff;
text-transform: capitalize;
padding: 11px 15px; border-radius: 60px;
display: inline-block;
margin-right: 29px;
}
.hst-banner .hst-banner-post-content .hst-banner-bottom-meta .hst-read-more:is(:hover, :focus){
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border-color: transparent;
}
.hst-banner .hst-banner-post-content .hst-banner-bottom-meta .hst-comment i{
font-size: 14px;
line-height: 1;
color: var(--theme-ascent1);
margin-right: 6px;
}
.hst-banner .hst-banner-post-content .hst-banner-bottom-meta .hst-comment a{
font-size: 16px;
line-height: 26px;
font-weight: 400;
font-family: var(--secondary-font);
color: #ffffff;
}
.hst-banner .hst-banner-post-content .hst-banner-top-meta .hst-date a:is(:hover, :focus),
.hst-banner .hst-banner-post-content .hst-banner-bottom-meta .hst-comment a:is(:hover, :focus),
.hst-banner .hst-banner-post-content .hst-banner-post-title a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-banner .hst-banner-slider-two .hst-banner-post-thumbh{
min-height: 460px;
}
.hst-banner .hst-banner-slider-two .hst-banner-post-content .hst-banner-top-meta{
display: flex;
flex-wrap: wrap;
gap: 15px 10px;
align-items: center;
}
.hst-banner .hst-banner-slider-two .hst-banner-post-content .hst-banner-top-meta .hst-category{
position: initial;
} .hst-banner-posts.hst-banner-slider-three{
margin: 0;
}
.hst-banner-slider-three{
display: flex;
align-items: center;
}
.hst-banner-slider-three .hst-slider-three-post-img{
flex-basis: 53%;
max-width: 53%;
}
.hst-banner-slider-three .hst-slider-three-content{
flex-basis: 47%;
max-width: 47%;
border-radius: 14px;
overflow: hidden;
background-color: #fff;
box-shadow: 0 0 30px rgba(50, 50, 93, 0.12);
}
.hst-banner-slider-three .hst-slider-three-content .slick-list{margin: 0 40px;}
.hst-banner-slider-three .hst-slider-three-post-img figure{
height: 520px;
border-radius: 14px;
overflow: hidden;
}
.hst-banner-slider-three .hst-banner-post-content-wrapper{
display: flex;
align-items: flex-start;
padding: 30px 0; }
.hst-banner-slider-three .hst-banner-post-content-wrapper.slick-active.slick-center{
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
.hst-banner-slider-three .hst-banner-post-content-wrapper .hst-banner-post-count{
flex: 0 1 60px;
}
.hst-banner-slider-three .hst-banner-post-content-wrapper .hst-banner-post-content{
flex: 1;
}  .hst-banner-slider-three .hst-banner-post-content-wrapper .hst-banner-post-count span{
font-size: 18px;
line-height: 1;
font-family: var(--secondary-font);
width: 36px;
aspect-ratio: 1;
border-radius: 50%;
display: grid;
place-content: center;
color: #ffffff;
background-color: var(--theme-ascent2);
}
.hst-banner-slider-three .hst-banner-post-content-wrapper.slick-active.slick-center .hst-banner-post-count span{
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-banner .hst-banner-slider-three .hst-banner-post-content .hst-banner-post-title{
margin-top: unset;
margin-bottom: 0;
}
.hst-banner .hst-banner-slider-three .hst-banner-post-content .hst-banner-post-title a{
color: #000000;
-webkit-line-clamp: 2;
}
.hst-banner-slider-three .hst-banner-post-content .hst-post-excerpt{
font-size: 18px;
line-height: 27px;
font-weight: 400;
color: #707070;
font-family: var(--secondary-font);
margin-bottom: 20px;
margin-top: 15px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-banner-slider-three .hst-banner-post-content .hst-banner-bottom-meta{
display: flex;
align-items: center;
gap: 28px;
}
.hst-banner-slider-three .hst-banner-post-content .hst-author{
display: flex;
align-items: center;
gap: 10px;
}
.hst-banner-slider-three .hst-author .hst-author-img{
width: 30px;
aspect-ratio: 1;
border-radius: 50%;
}
.hst-banner-slider-three .hst-banner-post-content .hst-author a,
.hst-banner-slider-three .hst-banner-post-content .hst-date a{
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: var(--theme-ascent1);
text-transform: capitalize;
font-family: var(--secondary-font);
}
.hst-banner-slider-three .hst-banner-post-content .hst-date a{
color: #707070;
position: relative;
}
.hst-banner-slider-three .hst-banner-post-content .hst-date a::before{
content: "";
position: absolute;
left: -18px;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 2px;
background-color: var(--theme-ascent1);
}
.hst-banner .hst-banner-posts.hst-banner-slider-three .slick-arrow{
opacity: 1;
visibility: visible;
}
.hst-banner-slider-three .hst-banner-post-content .hst-date a:is(:hover, :focus),
.hst-banner-slider-three .hst-banner-post-content .hst-author a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}  .hst-featured-section{
margin-bottom: var(--universal-gap);
}
.hst-featured-section .hst-featured-wrapper{
gap: var(--universal-gap);
}
.hst-featured-section .hst-featured-wrapper .hst-featured-post{
flex: 1 1 calc(33.33% - var(--universal-gap));
min-height: 360px;
border-radius: 16px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding: 30px;
} .hst-featured-section .hst-featured-wrapper .hst-featured-post .hst-post-title a{
font-size: 16px;
line-height: 1.5;
font-weight: 600;
font-family: var(--secondary-font);
color: #000;
background-color: #fff;
padding: 10px;
border-radius: 10px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}  .hst-blog-content-area{ }
.hst-blog-content-area .hst-container{
gap: var(--universal-gap);
}
.hst-blog-content-area .hst-content-area{ max-width: 69%;
flex-basis: 69%; flex-shrink: 1;
}
.hst-blog-content-area .hst-content-sidebar{ max-width: 31%;
flex-basis: 31%; flex-shrink: 1;
display: flex;
flex-direction: column;
gap: var(--universal-gap);
}
.hst-blog-content-area .hst-container:not(:has(.hst-content-sidebar)) .hst-content-area {
max-width: 100%;
flex-basis: 100%;
} .hst-blog-view .hst-post{
border-radius: 12px;
border: 1px solid #DEDBEB;
background-color: #ffffff;
}
.hst-blog-view .hst-post:not(:has(.hst-post-thumbh)){
overflow: visible; margin-top: calc(var(--universal-gap)/2);
}
.hst-blog-view .hst-post .hst-post-thumbh {
height: 320px;
background-color: #00000040;
}
.hst-blog-view .hst-post .hst-post-thumbh figure{
height: 100%;
}
.hst-blog-view .hst-post .hst-post-content{
padding: 0 30px 30px;
position: relative;
z-index: 1;
}
.hst-blog-view .hst-post .hst-post-content .hst-top-meta{
margin-bottom: -6px;
position: relative;
top: 0;
transform: translateY(-50%);
}
.hst-blog-view .hst-post .hst-post-content .hst-top-meta .hst-category{
gap: 2px;
flex: 0 1 80%;
}
.hst-blog-view .hst-post .hst-post-content .hst-top-meta .hst-category a{
font-size: 12px;
line-height: 1;
font-weight: 600;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #ffffff;
background-color: var(--theme-ascent2);
padding: 8px 10px;
border: 2px solid #ffffff;
border-radius: 30px;
}
.hst-blog-view .hst-post .hst-post-content .hst-top-meta .hst-post-type-icon{
width: 40px;
aspect-ratio: 1;
background-color: #ffffff;
font-size: 18px;
line-height: 1;
display: grid;
place-content: center;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
border-radius: 50%;
color: var(--theme-ascent1);
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta{
gap: 8px 25px;
margin-bottom: 21px;
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta :is(.hst-author, .hst-date){
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-transform: capitalize;
color: #707070;
font-family: var(--secondary-font);
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-author a{
color: #000000;
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-date a{
color: var(--theme-ascent1);  
}
.hst-blog-view .hst-post .hst-post-content .hst-post-excerpt{
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
color: #707070;
}
.hst-blog-view .hst-post .hst-post-title{
margin-bottom: 14px;
line-height: 0px;
}
.hst-blog-view .hst-post .hst-post-title a{
font-size: 30px;
line-height: 40px;
font-weight: 600;
font-family: var(--primary-font);
color: #000;
}
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta{
border-top: 1px solid rgba(222, 219, 235, 0.4);
padding-top: 18px;
margin-top: 22px;
gap: 8px;
}
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more,
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-comment{ 
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
}
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-comment a{
color: #707070;
}
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-comment i,
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more i{
font-size: 12px;
}
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-comment i{
color: var(--theme-ascent1);
}
.hst-blog-view .hst-post .hst-post-title a:is(:hover, :focus),
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-date a:is(:hover, :focus),
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-author a:is(:hover, :focus),
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more:is(:hover, :focus),
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-comment a:is(:hover, :focus){ 
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} body .hst-post-archives .hst-post.hst-first-post{
flex-basis: 100%;
padding: 113px 95px 110px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
margin-top: unset;
}
body .hst-post-archives .hst-post.hst-first-post::before{
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.4);
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content{
z-index: 1;
padding: 0;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-top-meta{
margin: unset;
transform: unset;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-top-meta .hst-category{
justify-content: center;
gap: 8px;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-top-meta .hst-category a{
border: none;
color: #707070;
background-color: #ffffff;
background-image: unset;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-top-meta .hst-category a:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-title{
margin-top: 14px;
margin-bottom: 23px;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-title a{
font-size: 36px;
line-height: 46px;
font-weight: 600;
font-family: var(--primary-font);
color: #fff;
text-align: center;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-post-excerpt{
color: #ffffff;
text-align: center;
margin-bottom: 27px;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-post-meta{
flex-direction: column;
gap: 23px;
margin: unset;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-read-more{
font-size: 14px;
line-height: 22px;
font-weight: 700;
font-family: var(--secondary-font);
color: #fff;
text-transform: capitalize;
border-radius: 60px;
padding: 8px 16px;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-post-meta .hst-date{
font-size: 16px;
line-height: 26px;
font-weight: 700;
font-family: var(--secondary-font);
text-transform: capitalize;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-post-meta .hst-date a{
color: #fff;
} .hst-blog-view.hst-blog-single-grid-view {
display: flex;
flex-direction: column;
gap: var(--universal-gap);
}
.hst-blog-view.hst-blog-single-grid-view .hst-post-thumbh{
height: 520px;
}
.hst-blog-view.hst-blog-single-grid-view .hst-post-thumbh *{
height: 100% !important;
}   .hst-blog-view.hst-blog-grid-view{
display: flex;
flex-wrap: wrap;
gap: var(--universal-gap);
}
.hst-blog-view.hst-blog-grid-view > *{
flex: 0 1 calc(50% - var(--universal-gap) / 2);
}   .hst-blog-view.hst-blog-masonry-view.hst-masonry-col{
column-count: 2;
gap: var(--universal-gap);
} .hst-blog-view.hst-blog-masonry-view.hst-masonry-3-col{
column-count: 3;
gap: var(--universal-gap);
}
.hst-blog-view.hst-blog-masonry-view > *{
break-inside: avoid;
margin-bottom: var(--universal-gap);
}   .hst-blog-list-view{
display: flex;
flex-direction: column;
gap: var(--universal-gap);
}
.hst-blog-list-view .hst-post{
display: flex;
align-items: center;
gap: 25px;
background-color: #ffffff;
border-radius: 10px;
border: none;
}
.hst-blog-list-view .hst-post .hst-post-thumbh{
flex: 0 1 46%;
}
.hst-blog-list-view .hst-post .hst-post-content{ flex: 1;
padding: 5px;
}
.hst-blog-list-view .hst-post:not(:has(.hst-post-thumbh)){
padding: 15px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.hst-blog-list-view .hst-post-type-gallery .hst-post-gallery{
max-width: 400px;
}
.hst-blog-list-view .hst-post.hst-post-type-link .hst-post-thumbh{
height: 340px;
display: grid;
place-content: center;
}
.hst-blog-list-view .hst-post .hst-post-thumbh{
overflow: hidden;
position: relative;
border-radius: 12px;
}
.hst-blog-list-view .hst-post .hst-post-thumbh{
height: 340px;
}
.hst-blog-list-view .hst-post .hst-post-thumbh figure{
height: 100%;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-top-meta{
margin-bottom: 10px;
}
.hst-blog-list-view .hst-post:has(.hst-post-thumbh) .hst-post-content .hst-top-meta{
display: none;
}
.hst-blog-list-view .hst-post .hst-post-thumbh .hst-top-meta{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 10px;
}
.hst-blog-list-view .hst-post .hst-top-meta .hst-date a{
font-size: 16px;
font-weight: 400;
line-height: 24px;
font-family: var(--secondary-font);
color: #000;
display: inline-block;
}
.hst-blog-list-view .hst-post .hst-post-thumbh .hst-top-meta .hst-date a{
background-color: #fff;
padding: 8px 13px;
border-radius: 6px;
}
.hst-blog-list-view .hst-post .hst-post-type-icon{
width: 40px;
aspect-ratio: 1;
background-color: #ffffff61;
font-size: 18px;
line-height: 1;
display: grid;
place-content: center;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
border-radius: 50%;
color: #fff;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-post-type-icon{
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-blog-list-view .hst-post .hst-post-content .hst-category{
gap: 16px;
flex-wrap: wrap;
margin-bottom: 12px;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-category a{
font-size: 12px;
font-weight: 600;
line-height: 1;
font-family: var(--secondary-font);
text-transform: capitalize;
display: inline-block;
border-radius: 30px;
padding: 8px 10px;
color: #fff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-blog-list-view .hst-post .hst-post-title{
margin-bottom: 19px;
}
.hst-blog-list-view .hst-post .hst-post-title a {
font-size: 30px;
line-height: 40px;
font-weight: 600;
font-family: var(--primary-font);
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-blog-list-view .hst-post .hst-author{
display: flex;
align-items: center;
gap: 10px;
}
.hst-blog-list-view .hst-post .hst-author .hst-author-img{
width: 30px;
aspect-ratio: 1;
border-radius: 50px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);
}
.hst-blog-list-view .hst-post .hst-comment a,
.hst-blog-list-view .hst-post .hst-author a{
font-size: 16px;
font-weight: 400;
line-height: 24px;
font-family: var(--secondary-font);
color: #707070;
display: inline-block;
text-transform: capitalize;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-top-meta .hst-date a:is(:hover, :focus),
.hst-blog-list-view .hst-post .hst-post-title a:is(:hover, :focus),
.hst-blog-list-view .hst-post .hst-comment a:is(:hover, :focus),
.hst-blog-list-view .hst-post .hst-author a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-blog-list-view .hst-post .hst-post-meta{
gap: 10px 50px;
flex-wrap: wrap;
margin-bottom: 23px;
}
.hst-blog-list-view .hst-post .hst-comment i{
font-size: 14px;
margin-right: 6px;
color: var(--theme-ascent1);
}
.hst-blog-list-view .hst-post .hst-comment{
position: relative;
}
.hst-blog-list-view .hst-post .hst-comment::before{
content: "";
position: absolute;
left: -34px;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 1px;
background-color: var(--theme-ascent1);
}
.hst-blog-list-view .hst-post .hst-post-content .hst-post-excerpt {
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
color: #707070;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; }
.hst-blog-list-view .hst-post .hst-post-content .hst-bottom-meta{
margin-top: 22px;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more{
font-size: 14px;
font-weight: 600;
line-height: 22px;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #000000;
border: 1px solid #707070;
border-radius: 60px;
padding: 8px 16px;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more i{
font-size: 11px;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more:is(:hover, :focus){
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
color: #ffffff;
border-color: transparent;
} .hst-blog-list-view.hst-blog-list-view-switcher > *:nth-of-type(odd){
flex-direction: row-reverse;
}
.hst-blog-list-view.hst-blog-list-view-switcher .hst-post{
padding: 20px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
}
.hst-blog-list-view.hst-blog-list-view-switcher .hst-post .hst-post-thumbh {
height: 320px;
} .hst-blog-content-area .hst-content-area .hst-post-pagination{
gap: 10px; margin-top: var(--universal-gap);
}
.hst-post-pagination .hst-page-number {
font-size: 16px;
line-height: 1;
font-weight: 400;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #000;
border: 1px solid #DEDBEB;
padding: 13px 11px;
border-radius: 30px;
display: inline-block;
background-color: #ffffff;
transition: 0.3s;
}
.hst-post-pagination .hst-page-number:is(.hst-previous-post, .hst-next-post){
padding: 13px 22px;
}
.hst-post-pagination .hst-page-number.active,
.hst-post-pagination .hst-page-number:is(:hover, :focus){
color: #fff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border-color: transparent;
} .hst-post-type-gallery .hst-post-gallery{ position: relative;
overflow: hidden;
}
.hst-post-type-gallery .hst-post-gallery .owl-item{
width: 100%;
height: 100%;
object-fit: cover;
} .hst-post-type-gallery .hst-post-gallery .slick-list .slick-track{
height: 100%;
}
.hst-post-type-gallery .hst-post-gallery .slick-arrow{
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
aspect-ratio: 1;
border-radius: 50%;
color: #000;
background-color: #fff;
display: grid;
place-content: center;
font-size: 18px;
z-index: 1;
}
.hst-post-type-gallery .hst-post-gallery .slick-arrow.fa-angle-left{
left: 20px;
}
.hst-post-type-gallery .hst-post-gallery .slick-arrow.fa-angle-right{
right: 20px;
}
.hst-post-type-gallery .hst-post-gallery .slick-arrow:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}  .hst-post-type-video :is(.hst-post-type-wrapper, iframe),
.hst-post-type-video :is(.hst-post-type-wrapper, video),
.hst-post-type-audio :is(.hst-post-type-wrapper, iframe){
width: 100%;
height: 100%;
object-fit: cover;
}
.hst-post-type-link .hst-post-type-wrapper{
text-align: center;
word-wrap: break-word;
}
.hst-post.hst-post-type-link  .hst-post-thumbh{
height: auto;
padding: 30px 15px;
background-color: var(--theme-ascent1);
}
.hst-post-type-link .hst-post-type-wrapper a{
font-size: 18px;
font-weight: 700;
line-height: 27px;
font-family: var(--secondary-font);
color: #fff;
overflow-wrap: anywhere;
}
.hst-post-type-link .hst-post-type-wrapper a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}  .hst-blog-view .hst-post.hst-post-type-quote {
border: unset;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}
.hst-post-type-quote .hst-post-quote i{
font-size: 25px;
margin-bottom: 6px;
margin-top: 6px;
color: var(--theme-ascent1);
}
.hst-post-type-quote .hst-quote p{
font-size: 24px;
line-height: 34px;
font-weight: 600;
font-family: var(--primary-font);
color: #000000;
margin-bottom: 16px;
}
.hst-post-type-quote .hst-quote .hst-author{
font-size: 16px;
line-height: 22px;
font-weight: 700;
font-family: var(--secondary-font);
color: var(--theme-ascent1);
position: relative;
padding-left: 22px;
}
.hst-post-type-quote .hst-quote .hst-author::before{
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 12px;
height: 1px;
background-color: var(--theme-ascent1);
}  .hst-widget{
border: 1px solid rgba(246, 187, 226, 0.6);
border-radius: 14px;
background-color: rgba(255, 240, 249, 0.6);
padding: 30px;
} .hst-gradient-bg .hst-widget{
background-color: #ffffff;
}
.hst-gradient-bg .hst-search-form-widget input{
background: #FAEDF5;
} .hst-widget-heading,
.hst-widget .hst-search-label{
font-size: 20px;
font-weight: 700;
line-height: 1.4;
text-transform: capitalize;
font-family: var(--primary-font); 
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
display: inline-block;
border-radius: 6px;
padding: 4.5px 12px;
margin-bottom: 30px;
} .hst-search-form-widget input{
width: 100%;
height: 50px;
border: none;
outline: none;
font-size: 16px;
line-height: 1;
font-family: var(--secondary-font);
background: #ffffff;
border-radius: 60px;
padding: 10px 50px 10px 20px;
box-shadow: 0 4px 15px rgb(0 0 0 / 8%);
}
.hst-search-form-widget ::placeholder{
font-size: 16px;
font-family: var(--secondary-font);
line-height: 1;
text-transform: capitalize;
}
.hst-search-form-widget button{
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
width: 40px;
aspect-ratio: 1;
display: grid;
place-content: center;
padding: 6px;
font-size: 14px;
color: #ffffff;
background-color: var(--theme-ascent1);
border-radius: 50%;
} .hst-author-widget .hst-author-name-bio{
gap: 20px;
margin-bottom: 30px;
}
.hst-author-widget .hst-author-img {
max-width: 80px;
aspect-ratio: 1;
border-radius: 50%;
box-shadow: 2px 6px 12px rgba(7, 17, 50, 0.3);
}
.hst-author-widget .hst-name-bio .hst-author-name{
font-size: 20px;
font-weight: 600;
line-height: 1.4;
text-transform: capitalize;
font-family: var(--primary-font);
color: #000;
margin-bottom: 3px;
}
.hst-author-widget .hst-name-bio .hst-author-designation{
font-size: 14px;
font-weight: 400;
line-height: 1.4;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
}
.hst-author-widget .hst-author-description{
font-size: 18px;
font-weight: 400;
line-height: 27px;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
margin-bottom: 23px;
}
.hst-author-widget .hst-author-socials ul{
gap: 12px;
flex-wrap: wrap;
list-style: none;
margin: 0;
}
.hst-author-widget .hst-author-socials .hst-socials a{
font-size: 16px;
padding: 10px;
width: 36px;
aspect-ratio: 1;
color: #000;
background-color: #ffffff;
border-radius: 50%;
display: grid;
place-content: center;
}
.hst-author-widget .hst-author-socials .hst-socials a:is(:hover,:focus){
color: #ffffff;
-webkit-text-fill-color: unset;
-webkit-background-clip: unset;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-latest-post-widget .hst-featured-post{
gap: 15px;
margin-bottom: 30px;
}
.hst-latest-post-widget ul{
list-style: none;
margin: 0;
padding: 0;
}
.hst-latest-post-widget .hst-featured-post .hst-featured-post-img {
max-width: 100px;
aspect-ratio: 1;
border-radius: 50%;
}
.hst-latest-post-widget .hst-featured-post .hst-post-title{
margin-bottom: 14px;
}
.hst-latest-post-widget .hst-featured-post .hst-post-title a{
font-size: 18px;
font-weight: 600;
line-height: 27px;
font-family: var(--primary-font);
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-latest-post-widget .hst-featured-post .hst-date a{
font-size: 14px;
font-weight: 400;
line-height: 1.4;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
}
.hst-latest-post-widget .hst-featured-post .hst-date{
padding-left: 18px;
}
.hst-latest-post-widget .hst-featured-post .hst-date::before{
content: " ";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: 1px;
width: 12px;
background-color: var(--theme-ascent1);
}
.hst-latest-post-widget .hst-post-show-more {
font-size: 14px;
line-height: 1;
font-weight: 700;
font-family: var(--secondary-font);
color: #ffffff;
text-transform: capitalize;
padding: 12px 16px;
border-radius: 60px;
display: inline-block;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-latest-post-widget .hst-featured-post .hst-date a:is(:hover, :focus),
.hst-latest-post-widget .hst-featured-post .hst-post-title a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-ads-widget{
min-height: 440px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 14px;
padding: 30px;
}
.hst-ads-widget::after{
content: "";
position: absolute;
inset: 0;
background-color: #000000;
opacity: 0.5;
}
.hst-ads-widget .hst-ads-content{
z-index: 1;
}
.hst-ads-widget .hst-ads-content .hst-widget-heading {
font-size: 36px;
font-weight: 700;
line-height: 1.4;
font-family: var(--primary-font);
color: #ffffff;
text-transform: capitalize;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
background: unset;
margin: 0;
padding: 0;
}
.hst-ads-widget .hst-ads-content .hst-ads-description {
font-size: 18px;
font-weight: 400;
line-height: 28px;
font-family: var(--secondary-font);
color: #ffffff;
margin-top: 20px;
margin-bottom: 56px;
}
.hst-ads-widget .hst-ads-content .hst-ads-btn {
font-size: 14px;
line-height: 1;
font-weight: 700;
font-family: var(--secondary-font);
color: #ffffff;
text-transform: capitalize;
padding: 12px 16px;
border-radius: 60px;
display: inline-block;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-content-area .hst-ads-widget{
min-height: 500px;
} .hst-post-tabs-widget .hst-post-tabs input[type="radio"] {
display: none;
}
.hst-post-tabs-widget .hst-post-tabs{
gap: 20px;
margin-bottom: 10px;
}
.hst-post-tabs-widget .hst-post-tabs .hst-post-tab{
font-size: 20px;
line-height: 1.4;
font-weight: 700;
text-transform: capitalize;
font-family: var(--primary-font);
border-radius: 6px;
padding: 5px 18px;
color: #BDBDBD;
background-color: #ffffff;
box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
text-align: center;
flex: 1;
cursor: pointer;
}
.hst-post-tabs-widget .hst-post-tabs .hst-post-tab.btn-active{
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-post-tabs-widget .hst-post-tabs-panels .hst-panel ul{
list-style: none;
margin: 0;
padding: 0;
}
.hst-post-tabs-widget .hst-post-tabs-panels .hst-panel {
display: none;
}
.hst-post-tabs-widget .hst-post-tabs-panels .hst-panel.panel-active {
display: block; 
}
.hst-post-tabs-widget .hst-post-tabs-panels li{
padding-block: 20px;
border-bottom: 1px solid #F6BBE2;
}
.hst-post-tabs-widget .hst-post-tabs-panels li:last-child{
border: none;
padding-bottom: 0;
}
.hst-post-tabs-widget .hst-post-tabs-panels .hst-featured-post{
gap: 20px;
}
.hst-post-tabs-widget .hst-featured-post .hst-featured-post-img{
max-width: 80px;
aspect-ratio: 1;
border-radius: 50%;
box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
margin:unset;
}
.hst-post-tabs-widget .hst-featured-post .hst-date a{
font-size: 14px;
line-height: 1.4;
font-weight: 400;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
}
.hst-post-tabs-widget .hst-featured-post .hst-post-title{
margin: 6px 0 0;
}
.hst-post-tabs-widget .hst-featured-post .hst-post-title a{
font-size: 18px;
font-weight: 600;
line-height: 27px;
font-family: var(--primary-font);
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-post-tabs-widget .hst-featured-post .hst-date a:is(:hover, :focus),
.hst-post-tabs-widget .hst-featured-post .hst-post-title a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-tag-cloud-widget .wp-block-tag-cloud{
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.hst-tag-cloud-widget .wp-block-tag-cloud a{
font-size: 12px;
line-height: 1;
font-weight: 600;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #fff;
background-color: var(--theme-ascent1);
padding: 12px 10px;
border-radius: 6px;
}
.hst-tag-cloud-widget .wp-block-tag-cloud a:is(:hover, :focus){
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-widget.hst-categories-widget{
padding-bottom: 15px;
}
.hst-widget.hst-categories-widget ul{
list-style: none;
margin: 0;
}
.hst-categories-widget li{
padding-block: 15px;
border-bottom: 1px solid #F6BBE2;
padding-left: 25px;
}
.hst-categories-widget li:last-child{ border: none;
}
.hst-categories-widget .hst-category-link{
font-size: 20px;
font-weight: 600;
font-family: var(--primary-font);
color: #000;
text-transform: capitalize;
flex: 1;
}
.hst-categories-widget .hst-category-link:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-categories-widget li::before{
content: "\f105";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
color: var(--theme-ascent1);
font-size: 20px;
font-family: 'FontAwesome';
}
.hst-categories-widget .hst-post-no{
font-size: 16px;
line-height: 1;
font-weight: 400;
font-family: var(--secondary-font);
color: #ffffff;
padding: 4px 6px;
border-radius: 4px;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}    .hst-sidebar-slider-widget .hst-featured-post-img{
border-radius: 10px;
margin-bottom: 11px;
height: 180px;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-title{
margin-bottom: 15px;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-title a{
font-size: 20px;
font-weight: 600;
line-height: 30px;
font-family: var(--primary-font);
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta{
gap: 24px;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta span{
font-size: 14px;
font-weight: 400;
line-height: 22px;
font-family: var(--secondary-font);
color: #707070;
text-transform: capitalize;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta span.hst-author a{
color: #000;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta span.hst-read-time::before{
content: "";
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 4px;
border-radius: 50%;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta span.hst-read-time i{
color: #000;
margin-right: 2px;
font-size: 12px;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-title a:is(:hover, :focus),
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta span a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-sidebar-slider-widget .owl-carousel .owl-nav button.owl-prev,
.hst-sidebar-slider-widget .owl-carousel .owl-nav button.owl-next{
top: -60px;
}
.hst-sidebar-slider-widget .owl-carousel .owl-nav button.owl-next{
right: 0;
}
.hst-sidebar-slider-widget .owl-carousel .owl-nav button.owl-prev{
right: 40px;
}  .hst-missed .hst-container{
padding: 30px;
border-radius: 14px;
background-image: linear-gradient(to right, var(--theme-ascent1), var(--theme-ascent2));
}
.hst-missed .hst-missed-slider{
margin-inline:calc(var(--missed-slider-gap) * -1) ;
}
.hst-missed .hst-missed-slider .hst-featured-post{
margin-inline: var(--missed-slider-gap);
}
.hst-missed .hst-missed-slider .slick-arrow{
position: absolute;
top: -66px;
right: var(--missed-slider-gap);
color: #000;
background-color: #ffffff;
width: 36px;
aspect-ratio: 1;
padding: 6px;
border-radius: 50%;
z-index: 1;
transition: 0.3s;
border: none;
}
.hst-missed .hst-missed-slider .slick-arrow.fa-angle-left{
right: 56px;
}
.hst-missed .hst-missed-slider .slick-arrow:is(:hover, :focus) {
color: #ffffff;
background-color: var(--theme-ascent1); }
.hst-missed .hst-featured-post .hst-featured-post-img {
height: 200px;
width: auto;
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.4);
margin-bottom: 9px;
}
.hst-missed .hst-featured-post .hst-category{
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
width: 100%;
gap: 5px;
}
.hst-missed .hst-featured-post .hst-category a{
font-size: 12px;
line-height: 1;
font-weight: 600;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
background-color: #ffffff;
border-radius: 30px;
padding: 8px 10px;
}
.hst-missed .hst-featured-post .hst-category a:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-missed .hst-featured-post .hst-post-content{
padding-inline: 6px;
}
.hst-missed .hst-featured-post .hst-post-title{
margin-bottom: 12px;
}
.hst-missed .hst-featured-post .hst-post-title a{
font-size: 20px;
line-height: 30px;
font-weight: 600;
font-family: var(--primary-font);
color: #ffffff;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta span,
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta a{
font-size: 14px;
font-weight: 400;
line-height: 18px;
font-family: var(--secondary-font);
color: #ffffff;
text-transform: capitalize;
}
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta span.hst-author{
margin-right: 24px;
}
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta span i{
font-size: 12px;
margin-right: 2px;
}
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta span.hst-read-time::before{
content: "";
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #ffffff;
}
.hst-missed .hst-featured-post .hst-post-title a:is(:hover, :focus),
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta span a:is(:hover, :focus){
color: #000000;
} .hst-instagram-feed{ 
margin-bottom: var(--universal-gap);
}
.hst-instagram-feed .hst-insta-wrapper{
display: grid; grid-template-columns: repeat(6, 1fr);
gap: var(--instafeed-gap);
}
.hst-instagram-feed .hst-insta-post{
min-height: 200px;
border-radius: 10px;
cursor: pointer;
}
.hst-instagram-feed .hst-insta-post::after{
content: "\f16d";
position: absolute;
inset: 10px;
font-size: 20px;
color: #ffffff;
font-family: 'FontAwesome';
border: 1px solid #ffffff;
border-radius: inherit;
background-color: rgba(0, 0, 0, 0.2);
display: grid;
place-content: center;
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.hst-instagram-feed .hst-insta-post:hover::after{
opacity: 1;
visibility: visible;
}
.hst-instagram-feed .hst-insta-btn{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 14px;
line-height: 1;
font-weight: 600;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #000;
background-color: #ffffff;
padding: 14px 22px;
border-radius: 60px;
}
.hst-instagram-feed .hst-insta-btn i{
font-size: 14px;
color: var(--theme-ascent1);
margin-right: 3px;
}
.hst-instagram-feed .hst-insta-btn:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-footer {
background-color: #FFF6FB;
border-top: 2px solid #F6BBE2;
}
.hst-footer .hst-footer-content{
padding-block: 50px;
gap: var(--footer-col-gap);
}
.hst-footer .hst-footer-content .hst-footer-col{
flex: 1 1 calc(25% - var(--footer-col-gap));
}
.hst-footer .hst-footer-bar{
background-color: var(--theme-ascent1);
padding: 10px;
}
.hst-footer .hst-footer-bar .hst-copywrite{
margin: 0;
font-size: 14px;
line-height: 1.4;
font-weight: 700;
font-family: var(--secondary-font);
color: #ffffff;
}
.hst-footer .hst-footer-bar .hst-copywrite a:hover{
color: #000000;
}
.hst-footer .hst-footer-logo{
font-size: 36px;
line-height: 1.3;
font-weight: 700;
font-family: var(--secondary-font);
color: #000;
margin-bottom: 40px;
display: inline-block;
}
.hst-footer p{
font-size: 18px;
line-height: 1.5;
font-weight: 400;
font-family: var(--secondary-font);
color: #000;
margin-bottom: 20px;
}
.hst-footer .hst-head-socials .hst-socials a{
border: unset;
background-color: #fff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.hst-footer .hst-head-socials .hst-socials a:is(:hover, :focus){
box-shadow: 0 4px 8px 0 var(--theme-ascent1) ;
}
.hst-footer .hst-widget{
border: unset;
border-radius: unset;
background-color: transparent;
padding: unset;
}
.hst-footer .hst-widget-heading{
font-size: 24px;
color: #000;
display: block;
background: unset;
border-bottom: 2px solid #DEDBEB;
border-radius: unset;
padding: 0 0 8px 0;
margin-bottom: 40px;
}
.hst-footer .hst-latest-post-widget .hst-featured-post .hst-featured-post-img {
border-radius: 10px;
}
.hst-footer .hst-latest-post-widget .hst-featured-post .hst-post-title{
margin-bottom: 8px;
}
.hst-footer .hst-latest-post-widget .hst-featured-post .hst-post-title a {
-webkit-line-clamp: 3;
line-height: 1.4;
}
.hst-footer .hst-latest-post-widget .hst-featured-post .hst-date{
padding-left: unset;
}
.hst-footer .hst-latest-post-widget .hst-featured-post .hst-date::before{
content: unset;
} .hst-gradient-bg .hst-footer {
background-color: transparent;
border:unset;
}
.hst-gradient-bg .hst-footer .hst-container .hst-footer-content{
border-top: 2px solid #F6BBE2;
}
.hst-gradient-bg .hst-footer .hst-latest-post-widget .hst-featured-post .hst-post-title a,
.hst-gradient-bg .hst-footer  .hst-categories-widget .hst-category-link,
.hst-gradient-bg .hst-footer .hst-widget-heading,
.hst-gradient-bg .hst-footer .hst-footer-logo,
.hst-gradient-bg .hst-footer p{
color: #fff;
} #hst-scroll-to-top{
width: 44px;
height: 44px;
z-index: 999;
position: fixed;
bottom: 3rem;
right: 3rem;
display: grid;
place-content: center;
border-radius: 10px;
color: #fff;
background: var(--theme-ascent1);
padding: 6px;
font-size: 18px;
opacity: 0;
transition: 0.3s;
} .hst-404-section{
margin-bottom: var(--universal-gap);
}
.hst-404-section .hst-404-wrapper{
display: flex;
align-items: center;
background-color:#F3F4F8;
border-radius:14px;
padding: 100px 150px;
gap: 80px;
}
.hst-404-section .hst-404-wrapper .hst-col-1{
flex: 0 1 40%;
}
.hst-404-section .hst-404-wrapper .hst-col-2{
flex: 1 1 60%;
}
.hst-404-section .hst-404-wrapper .hst-404-head{
font-size: 110px;
line-height: 120px;
text-transform: capitalize;
font-weight: 700;
color: #000;
font-family: var(--primary-font);
margin-bottom: 22px;
}
.hst-404-section .hst-404-wrapper .hst-404-description{
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #000;
font-family: var(--secondary-font);
margin-bottom: 26px;
}
.hst-404-section .hst-404-wrapper .hst-404-btn{
font-size: 14px;
font-weight: 700;
line-height: 22px;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #000000;
border: 1px solid #707070;
border-radius: 60px;
padding: 10px 16px;
display: inline-block;
}
.hst-404-section .hst-404-wrapper .hst-404-btn:is(:hover, :focus){
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
color: #ffffff;
border-color: transparent;
}  .hst-full-width-ads{
margin-bottom: var(--universal-gap);
}
.hst-full-width-ads .hst-full-width-ads-wrap{
display: block;
padding: 35px;
text-align: center;
border-radius: 10px;
font-size: 20px;
line-height: 30px;
font-weight: 600;
color: #fff;
font-family: var(--primary-font);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: 1;
}
.hst-full-width-ads .hst-full-width-ads-wrap::before{
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: -1;
}  .hst-contact-section{
margin-bottom: var(--universal-gap);
}
.hst-contact-section .hst-contact-section-wrapper{
display: flex;
gap: var(--universal-gap);
}
.hst-contact-section .hst-contact-section-wrapper .hst-col-1 {
flex: 1 1 71%;
}
.hst-contact-section .hst-contact-section-wrapper .hst-col-2 {
flex: 1 1 29%;
}
.hst-contact-section .hst-contact-section-wrapper .hst-col-1,
.hst-contact-section .hst-contact-section-wrapper .hst-col-2 {
border: 1px solid #DEDBEB;
border-radius: 14px;
padding: 30px;
}
.hst-contact-section .hst-contact-section-wrapper .hst-contact-head{
margin-bottom: 20px;
}
.hst-contact-section .hst-contact-section-wrapper .hst-contact-head .hst-widget-heading{
margin-bottom: 13px;
}
.hst-comment-form form .hst-contact-50,
.hst-contact-section form .hst-contact-50{
display: flex;
gap: 30px;
}
.hst-comment-form form .hst-contact-50 > div,
.hst-contact-section form .hst-contact-50 > div{
flex:  1 1 50%;
}
.hst-contact-section .hst-contact-section-wrapper .hst-contact-description{
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: #707070;
font-family: var(--secondary-font);
}
.hst-comment-form form label,
.hst-contact-section form label{
font-size: 18px;
line-height: 27px;
font-weight: 400;
color: #707070;
line-height: 1;
font-family: var(--secondary-font);
text-transform: capitalize;
margin-bottom: 12px;
display: inline-block;
}
.hst-comment-form form input:not([type=submit],[type=checkbox]),
.hst-comment-form form textarea,
.hst-contact-section form input:not([type=submit],[type=checkbox]),
.hst-contact-section form textarea{
width: 100%;
background-color: #F3F4F8;
border-radius: 10px;
border: none;
outline-color: transparent;
padding: 11px;
font-size: 18px;
line-height: 28px;
font-weight: 500;
color: #000;
font-family: var(--secondary-font);
margin-bottom: 30px;
transition: 0.3s;
}
.hst-comment-form form textarea,
.hst-contact-section form textarea{
min-height:120px;
margin-bottom: 25px;
}
.hst-comment-form form input:not([type=submit]):is(:hover, :focus),
.hst-comment-form form textarea:is(:hover, :focus),
.hst-contact-section form input:not([type=submit]):is(:hover, :focus),
.hst-contact-section form textarea:is(:hover, :focus){
outline: 1px solid var(--theme-ascent1);
}
.hst-comment-form form input[type=submit],
.hst-contact-section form input[type=submit]{
font-size: 14px;
font-weight: 700;
line-height: 22px;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #000000;
border: 1px solid #707070;
border-radius: 60px;
padding: 10px 16px;
display: block;
}
.hst-comment-form form input[type=submit]:is(:hover, :focus),
.hst-contact-section form input[type=submit]:is(:hover, :focus) {
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
color: #ffffff;
border-color: transparent;
}
.hst-contact-section .hst-contact-details .hst-contact-details-card{
display: flex;
gap: 10px;
padding-bottom: 37px;
margin-bottom: 31px;
position: relative;
}
.hst-contact-section .hst-contact-details .hst-contact-details-card:last-child{
padding-bottom: 0;
margin-bottom: 0;
}
.hst-contact-section .hst-contact-details .hst-contact-details-card:not(:last-child):before{
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
height: 1px;
width: 55%;
background-color: #DEDBEB;
}
.hst-contact-section .hst-contact-details .hst-contact-details-card .hst-contact-details-card-icon i{
width: 50px;
aspect-ratio: 1;
background-color: #F3F4F8;
font-size: 18px;
line-height: 1;
display: grid;
place-content: center;
border-radius: 50%;
color: var(--theme-ascent1);
margin-top: 8px;
}
.hst-contact-section .hst-contact-details .hst-contact-details-card .hst-contact-details-card-head{
font-size: 24px;
line-height: 34px;
font-weight: 700;
font-family: var(--primary-font);
color: #000;
text-transform: capitalize;
margin-bottom: 4px;
} 
.hst-contact-section .hst-contact-details .hst-contact-details-card .hst-contact-details-card-p{
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
color: #707070;
overflow-wrap: anywhere;
} 
.hst-google-map{
margin-bottom: var(--universal-gap);
}
.hst-google-map .hst-google-map-wrapper{
height: 400px;
border-radius: 14px;
overflow: hidden;
}  .hst-page-breadcrump{
margin-bottom: var(--universal-gap);
}
.hst-page-breadcrump .hst-breadcrump-wrapper{
padding: 27px 40px;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 4px 30px rgba(50, 50, 93, 0.1);
}
.hst-page-breadcrump .hst-breadcrump{
display: flex;
flex-wrap: wrap;
gap: 6px 0;
align-items: center;
list-style: none;
margin: 0;
}
.hst-page-breadcrump .hst-breadcrump .hst-breadcrump-item{
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #000;
position: relative;
text-align: center;
}
.hst-page-breadcrump .hst-breadcrump .hst-breadcrump-item:not(:first-child):before{
content: "\f101";
font-size: 14px;
font-family: FontAwesome ;
position: relative;
left: 0;
top: 50%;
transform: translateY(-50%);
color: #000;
margin-inline: 8px;
}
.hst-page-breadcrump .hst-breadcrump .hst-breadcrump-item a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}  .hst-blog-view.hst-single-post .hst-post{
border-radius: 14px;
margin-bottom: var(--universal-gap);
}
.hst-single-post > *:last-child{
margin-bottom: unset;
}
.hst-single-post .hst-post .hst-post-thumbh{
height: 520px;
max-width: 100%;
}
.hst-single-post .hst-post .hst-post-thumbh figure{
height: 100%;
max-width: 100%;
}
.hst-single-post .hst-post .hst-post-content{
padding: 0px 40px 40px;
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-comment{
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-transform: capitalize;
color: #707070;
font-family: var(--secondary-font);
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-comment i{
font-size: 14px;
color: var(--theme-ascent1);
margin-right: 6px;
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-comment a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-blog-view.hst-single-post .hst-post .hst-post-title {
font-size: 36px;
line-height: 46px;
font-family: var(--primary-font);
font-weight: 600;
color: #000000;
}
p{
color: #707070;
}
.hst-single-post :is(h1, h2, h3, h4, h5, h6){
margin-bottom: 30px;
}
.hst-single-post p{
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
margin-bottom: 25px;
}
.hst-image-row {
column-count: 3;
gap: 30px; }
.wp-block-image {
border-radius: 10px;
overflow: hidden;
margin-bottom: 40px;
}
.wp-block-table{
width: 100%; border-radius: 10px;
margin-bottom: 40px;
}
.wp-block-table tr{
background: #fff;
}
.wp-block-table tr:nth-of-type(even){
background: #DEDBEB;
}
.wp-block-table td, .wp-block-table th {
border: 1px solid #000;
padding: 12px 20px;
text-align: left;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #000;
font-family: var(--secondary-font);
vertical-align: middle;
}
.wp-block-table th{
font-family: var(--primary-font);
font-weight: 600;
text-transform: capitalize;
}
ul{ list-style-type: disc;
}
ul li::marker {
color: #000;
}
ul, ol { padding: 0;
}
li>ol {
margin-top: 10px;
}
li>ul, li>ol { }
ul>li>ul {
padding-top: 0.5rem;
}
.hst-single-post ul li, .hst-single-post ol li{
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #707070;
font-family: var(--secondary-font);
margin-bottom: 13px;
}
.hst-single-post strong{
color: #000;
}
.hst-single-post blockquote{
background-color: #F9F9FA;
border-left: 6px solid var(--theme-ascent1);
border-radius: 6px;
padding: 24px 36px;
margin-bottom: 30px;
}
.hst-single-post blockquote p{
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: #000;
font-style: italic;
font-family: var(--secondary-font);
margin-bottom: 12px;
}
.hst-single-post blockquote cite {
color: var(--theme-ascent1);
font-size: 16px;
display: block;
font-style: normal;
font-weight: 700;
font-family: var(--secondary-font);
padding-left: 22px;
}
.hst-single-post blockquote .block-quote-citation cite::before{
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
background-color: var(--theme-ascent1);
width: 12px;
height: 1px;
}
.hst-single-post blockquote .block-quote-citation i{
font-size: 28px;
color: rgba(0, 0, 0, 0.15);
}
.hst-blog-view.hst-single-post .hst-post .hst-post-content .hst-bottom-meta {
padding: unset;
margin: unset;
border: unset;
}
.hst-single-post .hst-post-tags{
display: flex;
gap: 6px;
flex-wrap: wrap;
}
.hst-single-post .hst-post-tags a{
font-size: 12px;
line-height: 1;
font-weight: 400;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #707070;
border: 1px solid #DEDBEB;
background-color: #F5F7FD;
border-radius: 30px;
padding: 6px 10px;
}
.hst-single-post .hst-post-tags a:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-head-socials .hst-socials{
margin: unset;
} .hst-author-box{
display: flex;
gap: 20px;
padding: 30px 40px;
background-color: #F3F4F8;
border-radius: 14px;
margin-bottom: var(--universal-gap);
}
.hst-author-box .hst-author-img{
width: 100px;
height: 100px;
border-radius: 50%;
}
.hst-author-box > div{
flex: 1;
}
.hst-author-box .hst-author-name{
font-size: 24px;
line-height: 30px;
font-weight: 600;
font-family: var(--primary-font);
color: #000000;
text-transform: capitalize;
margin: 0 0 3px;
}
.hst-author-box .hst-author-designation{
font-size: 16px;
line-height: 26px;
font-weight: 400;
font-family: var(--secondary-font);
color: var(--theme-ascent1);
text-transform: capitalize;
margin: 0 0 17px;
}
.hst-author-box .hst-author-description{
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
color: #000;
margin: 0 0 17px;
}
.hst-author-box .hst-author-socials ul{
list-style: none;
gap: 5px;
flex-wrap: wrap;
list-style: none;
margin: 0;
}
.hst-author-box .hst-author-socials li{
margin: 0;
}
.hst-author-box .hst-socials a {
font-size: 14px;
padding: 8px;
display: grid;
place-content: center;
min-width: 36px;
aspect-ratio: 1;
border-radius: 50%;
background-color: #fff;
}
.hst-author-box .hst-socials a.hst-facebook{
color: #3A589E;
}
.hst-author-box .hst-socials a.hst-instagram{
color: #E1306C;
}
.hst-author-box .hst-socials a.hst-X{
color: #000000;
}
.hst-author-box .hst-socials a.hst-youtube{
color: #FF0000;
} .hst-post-navigation{ 
margin-bottom: var(--universal-gap);
}
.hst-post-navigation .hst-post-navigation-wrap{
gap: var(--universal-gap);
}
.hst-single-post .hst-post-navigation .hst-post{
flex: 1 0 calc(50% - var(--universal-gap));
gap: 20px;
border: 1px solid #DEDBEB;
padding: 20px;
border-radius: 14px;
margin: 0;
}
.hst-post-navigation .hst-post.hst-post-next{
flex-direction: row-reverse;
text-align: right;
}
.hst-single-post .hst-post-navigation .hst-post .hst-post-thumbh{
width: 100px;
height: 100px;
border-radius: 10px;
}
.hst-single-post .hst-post-navigation .hst-post .hst-post-content{
flex: 1;
padding: 0;
}
.hst-post-navigation .hst-post .hst-post-content .hst-post-nav-btn a{
font-size: 14px;
line-height: 1.2;
font-weight: 400;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #707077;
}
.hst-post-navigation .hst-post .hst-post-content .hst-post-title{
margin: 6px 0 0 ;
}
.hst-post-navigation .hst-post .hst-post-content .hst-post-title a{
font-size: 18px;
font-weight: 600;
line-height: 27px;
font-family: var(--primary-font);
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-post-navigation .hst-post .hst-post-content .hst-post-nav-btn a:is(:hover,:focus),
.hst-post-navigation .hst-post .hst-post-content .hst-post-title a:is(:hover,:focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-related-post-section{
margin-bottom: var(--universal-gap);
}  .hst-single-post .hst-related-post-section .hst-post{
margin: 0;
border-radius: 12px;
overflow: hidden; }
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh{
height: 320px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh::before{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(0,0,0,1) 80%);
opacity: 0.6;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content{
padding: 10px 10px 20px;
position: initial;
z-index: 1;
}
.hst-related-post-section .hst-post .hst-post-content .hst-post-meta{
margin: 0 0 3px;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-title{
margin-bottom: 0;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-title a{
font-size: 20px;
line-height: 30px;
font-weight: 600;
font-family: var(--primary-font);
color: #ffffff;
-webkit-line-clamp: 2;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content .hst-category{
position: absolute;
top: 10px;
left: 10px;
gap: 4px;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content .hst-category a{
font-size: 12px;
line-height: 1;
font-weight: 600;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #707070;
background-color: #F5F7FD;
border-radius: 30px;
padding: 8px 10px;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content .hst-category a:is(:focus,:hover){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content .hst-date{
font-size: 14px;
line-height: 22px;
font-weight: 400;
text-transform: capitalize;
color: #707070;
font-family: var(--secondary-font);
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content .hst-date a{
color: #fff;
}
.hst-related-post-section .owl-carousel .owl-nav button.owl-prev,
.hst-related-post-section .owl-carousel .owl-nav button.owl-next{
top: 50%;
transform: translateY(-50%);
}
.hst-related-post-section .owl-carousel .owl-nav button.owl-prev{
left: 10px;
}
.hst-related-post-section .owl-carousel .owl-nav button.owl-next{
right: 10px;
} .hst-comment-form {
padding: 30px;
box-shadow: 0 0 25px rgba(13, 25, 66, .1);
border-radius: 10px;
}
.hst-comment-form form .hst-form-check {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 30px;
}
.hst-comment-form form .hst-form-check input[type=checkbox]{
margin: 0 8px 0 0;
width: 20px;
height: 20px;
}
.hst-comment-form form .hst-form-check label{
margin: 0;
font-size: 16px;
line-height: 1.4;
font-weight: 400;
font-family: var(--secondary-font);
color: #707077;
} .hst-post-thumbg img {
max-width: 100%;
height: auto;
}
.hst-Post-Showcase {
background-color: #fff;
padding: 20px;
}
.hst-Post-Showcase .hst-showcase-cat-sort {
display: flex; justify-content: space-between;
border-bottom: 1px solid #679a9b;
margin-bottom: 20px;
gap: 20px;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-title {
background-color: #679a9b;
padding: 7px 16px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: max-content;
display: grid;
place-content: center;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-title h2 {
font-size: 20px;
font-weight: 700;
color: #fff;
font-family: "Poppins", sans-serif;
text-transform: uppercase;
margin:0 ;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-category-btn {
display: flex;
gap: 8px;
flex-wrap: wrap;
justify-content: flex-end;
align-self: center;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-category-btn .hst-btn {
font-size: 14px;
font-weight: 600;
color: #6d6d6f;
background-color: #f5f5f5;
font-family: "Poppins", sans-serif;
border: none;
outline: none;
padding: 4px 6px;
text-transform: uppercase;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-category-btn .hst-btn:is(:hover, :focus) {
color: #fff;
background-color: #679a9b;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-category-btn .hst-btn.active {
color: #fff;
background-color: #679a9b;
}
.hst-Post-Showcase .hst-showcase-posts .hst-tab-content{
display: flex;
--post-gap: 20px;
--extra-gap-multiplier: 1.5;
gap: var(--post-gap);
flex-wrap: wrap;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) {
margin-top: calc((var(--extra-gap-multiplier) - 1) * var(--post-gap));
}
.hst-Post-Showcase .hst-showcase-posts .hst-post {
flex-basis: calc(50% - var(--post-gap) / 2);
position: relative;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post {
border-bottom: 1px solid #d7d7d7;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-thumbg {
max-width: auto;
height: auto;
overflow: hidden;
position: relative;
font-size: 0;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-thumbg:not(:has(img)) {
max-width: unset;
height: auto;
flex-basis: unset;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-thumbg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-post-meta {
margin-top: 15px;
margin-bottom: 11px;
display: flex;
gap: 0px 20px;
align-items: center;
flex-wrap: wrap;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) {
font-size: 14px;
line-height: 22px;
font-weight: 400;
text-transform: capitalize;
color: #727272;
font-family: "Poppins", sans-serif;
text-decoration: none;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a {
font-size: 100%;
line-height: 170%;
font-weight: inherit;
text-transform: inherit;
color: inherit;
font-family: inherit;
text-decoration: none;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a:is(:hover, :focus) {
color: #679a9b;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i {
font-size: 13px;
margin-right: 3px;
color: #679a9b;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-post-title {
font-size: 18px;
line-height: 28px;
font-weight: 700;
color: #232323;
font-family: "Poppins", sans-serif;
text-decoration: none;
margin-top: 0px;
margin-bottom: 15px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-post-title a {
font-size: 100%;
line-height: 150%;
font-weight: inherit;
color: inherit;
font-family: inherit;
text-decoration: inherit;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-post-title a:is(:hover, :focus) {
color: #679a9b;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-post-excerpt {
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #727272;
font-family: "Poppins", sans-serif;
margin-top: 0px;
margin-bottom: 28px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-post-excerpt {
display: none;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-category {
font-size: 14px;
line-height: 24px;
font-weight: 400;
color: #fff;
font-family: "Poppins", sans-serif;
text-decoration: none;
text-transform: uppercase;
margin: 0;
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-category a {
font-size: 100%;
line-height: 150%;
font-weight: inherit;
color: inherit;
font-family: inherit;
background-color: #679a9b;
padding: 4px 8px;
margin: 0;
text-decoration: inherit;
text-transform: inherit;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-category {
position: absolute;
left: 20px;
bottom: 10px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-thumbg:not(:has(img)) .hst-category {
position: relative;
left: unset;
bottom: unset;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-bottom-meta .hst-category,
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-thumbg .hst-category,
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-content .hst-bottom-meta .hst-comment,
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-post-meta .hst-comment {
display: none;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-wrap {
display: flex; }
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-thumbg {
max-width: 150px;
min-height: 116px;
overflow: hidden;
flex-basis: 100%;
margin-right: 15px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-thumbg:not(:has(img)) {
max-width: unset;
height: auto;
flex-basis: unset;
margin-right: unset;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content {
flex: 1;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-post-meta {
margin-top: 0;
margin-bottom: 8px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a {
font-size: 85%;
line-height: 170%;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-author a{
word-break: break-all;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i {
font-size: 80%;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-post-title {
margin-bottom: 10px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-post-title a {
font-size: 90%;
line-height: 150%;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-category a {
font-size: 70%;
line-height: 160%;
padding: 2px 6px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-bottom-meta {
display: flex;
gap: 5px 15px;
align-items: center;
flex-wrap: wrap;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-read-more {
font-size: 14px;
line-height: 22px;
font-weight: 600;
color: #000;
font-family: "Poppins", sans-serif;
text-decoration: none;
display: none;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-content .hst-read-more {
display: inline-block;
margin-bottom: 20px;
} .hst-Post-Showcase.hst-Showcase-one {
background: linear-gradient(-90deg, rgba(104, 39, 170, 1) 0%, rgba(253, 50, 73, 1) 100%);
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts {
display: block;
}
.hst-Post-Showcase.hst-Showcase-one .hst-tab-content,
.hst-Post-Showcase.hst-Showcase-two .hst-tab-content,
.hst-Post-Showcase.hst-Showcase-four .hst-tab-content {
display: flex;
gap: var(--post-gap);
flex-wrap: wrap;
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post {
flex-basis: calc(50% - var(--post-gap) / 2);
}
.hst-Post-Showcase.hst-Showcase-one .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-one .hst-remain-post,
.hst-Post-Showcase.hst-Showcase-two .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post,
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-four .hst-remain-post {
flex: 1 0 calc(50% - var(--post-gap) / 2);
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post-wrap,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post-wrap,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post-wrap {
flex-direction: column;
align-items: start;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post-wrap:not(:has(img)) {
flex-direction: unset;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-remain-post .hst-post .hst-post-wrap {
display: flex;
align-items: stretch;
}
.hst-Post-Showcase.hst-Showcase-one .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg,
.hst-Post-Showcase.hst-Showcase-two .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg,
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg {
margin-right: 0; max-width: 100%;
margin: 0 0 13px 0;
}
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post .hst-post .hst-post-wrap .hst-post-thumbg {
margin: 0 0 13px 0;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-remain-post .hst-post .hst-post-thumbg {
height: auto;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt {
display: block;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-post,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-post,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-post {
margin-top: 0;
}
.hst-Post-Showcase.hst-Showcase-one .hst-remain-post .hst-post {
padding: 20px 0;
border-bottom: 1px solid #fff;
}
.hst-Post-Showcase.hst-Showcase-one .hst-remain-post .hst-post:last-child {
border-bottom: none;
padding-bottom: 0;
}
.hst-Post-Showcase.hst-Showcase-one .hst-remain-post .hst-post:first-child {
padding-top: 0;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content .hst-bottom-meta .hst-category,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-bottom-meta .hst-category,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-post-meta .hst-author {
display: none;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more {
display: inline-block;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta .hst-comment,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta .hst-comment,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta .hst-comment,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta .hst-comment {
display: block;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment),
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment),
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more {
color: #fff;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-post-title {
order: 1;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-post-meta {
order: 2;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-post-excerpt {
order: 3;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-bottom-meta {
order: 4;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-read-more {
order: 5;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-content .hst-read-more {
padding: 8px 16px;
background-color: #679a9b;
color: #fff;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-read-more:is(:hover, :focus),
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-read-more:is(:hover, :focus),
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-read-more:is(:hover, :focus) {
color: #679a9b;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-thumbg .hst-category,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-post .hst-post-thumbg .hst-category,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post .hst-post-thumbg .hst-category,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-thumbg .hst-category {
display: flex;
position: absolute;
bottom: 10px;
left: 10px;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-thumbg .hst-category,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-thumbg .hst-category,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-thumbg .hst-category {
bottom: 20px;
left: 20px;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title {
margin-bottom: 20px;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta {
margin-bottom: 13px;
}
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-post-meta {
margin-bottom: 0;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a {
font-size: 100%;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i {
font-size: 100%;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title a,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title a,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title a,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title a {
font-size: 100%;
line-height: 150%;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-remain-post .hst-post .hst-category a,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-category a,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-remain-post .hst-post .hst-category a,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post .hst-category a {
font-size: 70%;
line-height: 160%;
padding: 2px 6px;
}
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post {
display: flex;
flex-wrap: wrap;
gap: var(--post-gap);
align-self: self-start;
}
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post .hst-post .hst-post-wrap {
display: block;
}
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post .hst-post .hst-post-thumbg {
max-width: 100%;
height: auto;
margin-right: 0;
} .hst-Post-Showcase.hst-Showcase-three .hst-tab-content {
display: flex;
gap: calc(var(--post-gap) + 10px);
flex-direction: column;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap {
gap: calc(var(--post-gap) + 10px);
} .hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg {
flex-basis: calc(50% - var(--post-gap) / 2);
max-width: 100%;
height: auto;
margin: 0;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap .hst-post-content {
align-self: center;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg:not(:has(img)) {
flex-basis: unset;
height: auto;
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post {
display: flex;
flex-wrap: wrap;
gap: 0 var(--post-gap);
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post {
padding: 30px 0 30px 0;
border-bottom: 1px solid #d7d7d7;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-remain-post .hst-post .hst-post-wrap .hst-post-content {
flex-basis: calc(50% - var(--post-gap) / 2);
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more {
background: linear-gradient(-90deg, rgba(253, 50, 73, 1) 0%, rgba(104, 39, 170, 1) 100%);
color: #fff;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-cat-sort .hst-showcase-category-btn .hst-btn:is(:hover, :focus) {
color: #fff;
background: linear-gradient(-90deg, rgba(253, 50, 73, 1) 0%, rgba(104, 39, 170, 1) 100%);
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-cat-sort {
border-bottom: 1px solid rgba(253, 50, 73, 1);
} .hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post-wrap {
height: 100%;
position: relative;
background: #00000044;
}
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg {
margin-bottom: 0;
min-height: 500px;
}
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 1) 100%);
}
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post .hst-post-wrap .hst-post-content {
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
z-index: 1;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post {
margin: 0 0 20px 0;
padding: 0;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post:last-child {
margin: 0;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta .hst-comment {
display: none;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-category a {
font-size: 100%;
line-height: 150%;
padding: 5px 6px;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta {
margin: 0 0 13px 0;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title {
margin: 0 0 14px 0;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt {
margin: 0 0 18px 0;
}
@media (max-width: 767px) {
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-thumbg {
max-width: 120px; }
.hst-Post-Showcase .hst-showcase-posts .hst-post,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post {
flex-basis: 100%;
}
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post .hst-post .hst-post-thumbg {
max-width: 100%;
height: auto;
margin-right: 0;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-thumbg {
max-width: 100%;
}
.hst-Post-Showcase.hst-Showcase-one .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-one .hst-remain-post,
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-four .hst-remain-post {
flex: 1 0 100%;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap {
flex-wrap: wrap;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap .hst-post-content {
flex-basis: 100%;
}
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post .hst-post-wrap .hst-post-content {
bottom: 20px;
left: 20px;
right: 20px;
}
}
@media(min-width:1025px) {
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:nth-child(1),
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:nth-child(2) {
padding-top: 0;
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:last-child,
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:nth-last-child(2) {
padding-bottom: 0;
border-bottom: none;
}
}
@media (max-width: 1024px) {
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) {
flex-basis: 100%;
}
.hst-Post-Showcase.hst-Showcase-two .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post {
flex-basis: 100%;
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:nth-child(1) {
padding-top: 0;
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:last-child {
padding-bottom: 0;
border-bottom: none;
}
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-cat-sort .hst-showcase-title{
background:linear-gradient(-90deg, rgba(253, 50, 73, 1) 0%, rgba(104, 39, 170, 1) 100%);
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-cat-sort .hst-showcase-category-btn .hst-btn.active{
background:linear-gradient(-90deg, rgba(253, 50, 73, 1) 0%, rgba(104, 39, 170, 1) 100%);
}