.body-container--blog-index {
}
.body-container--blog-index:nth-child(2) .row-fluid-wrapper:nth-child(1),
.blog-index .list-content .row-fluid-wrapper:nth-child(1) {
width: 100%;
max-width: 1240px;
margin: 0 auto;
}
.hs-blog-post .top-scroll.background-white,
.hs-blog-listing .top-scroll.background-white {
background: #f5f5f5;
}
.hs-blog-post .body-container-wrapper,
.hs-blog-listing .body-container-wrapper {
background: #F5F5F5;
-webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 7px rgba(0,0,0,0.1);
-o-box-shadow: 0 1px 7px rgba(0,0,0,0.1);
-ms-box-shadow: 0 1px 7px rgba(0,0,0,0.1);
box-shadow: 0 1px 7px rgba(0,0,0,0.1);
}
/* Blog header */
.blog-header {
background-color: #F8FAFC;
text-align: center;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
padding-top: px;
}
.blog-header:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: .6;
background: #000;
}
.blog-header__inner {
margin: 0 auto;
position: relative;
padding: 100px 20px 80px;
}
.hs-blog-listing .blog-header__inner {
padding: 0 20px 0;
}
.blog-header__title {
font-size: 40px;
line-height: 70px;
color: #fff;
font-weight: 600;
letter-spacing: 1px;
margin: 0;
text-align: center;
padding: 0 0 10px;
float: left;
display: contents;
}
.blog-header__title.author {
text-align: left;
}
.blog-header__title.author:after {
display: none;
}
.blog-index .about-authortext .author-name {
font-weight: 700;
font-size: 20px;
line-height: 1.8em;
float: left;
padding-right: 10px;
}
.blog-header__subtitle {
margin: 0 0 2rem;
font-weight: 500 !important;
display: table-cell;
}
.blog-header__form {
margin: 0 1rem;
}
@media screen and (min-width: 768px) {
.blog-header__form {
margin: 0 auto;
width: 100%;
}
}
/* Blog header - author listing */
.blog-header__author-avatar {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 50%;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
height: 200px;
margin: 0 auto 1.5rem;
width: 200px;
float: left;
margin-right: 40px;
display: inline-block;
}
.blog-header__author-social-links {
margin: 12px 0 0 16px;
float: left;
display: contents;
}
.blog-header__author-social-links a {
background-color: ;
border-radius: 5px;
display: inline-block;
height: 24px;
margin: 0 5px;
position: relative;
width: 24px;
}
.blog-header__author-social-links a:hover {
background-color: ;
}
.blog-header__author-social-links svg {
fill: ;
height: 14px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
}
/* Blog listing */
.blog-index {
display: inline;
padding: 2.3rem 0;
}
.hs-blog-post .blog-index {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 2.3rem 0;
width: 100%;
}
.blog-index:after {
content: "";
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.blog-index__tag-header {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
padding: 1rem;
}
.blog-index__tag-subtitle {
font-size: 1.16rem;
line-height: 1.1;
}
.blog-index__tag-heading {
border-bottom: 3px solid #D1D6DC;
padding-bottom: 1rem;
}
.hs-blog-post .blog-index__post {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 1rem;
}
/* Background Image Lazy Loading */
.lazy { background: none !important; background-image: none !important; background-color: #F1F1FA;}
@media (max-width: calc(1240px + 30px)) {
.hs-blog-post .blog-index,
.body-container--blog-index .post-header {
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (min-width: 768px) {
.blog-index__post {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%/2);
flex: 0 0 calc(100%/2);
}
}
@media screen and (min-width: 1000px) {
.blog-index__post {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%/3);
flex: 0 0 calc(100%/3);
}
}
@media screen and (min-width: 768px) {
.blog-index__post--large {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
justify-items: space-between;
}
}
.blog-index__post-image {
display: block;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 63%;
}
@media screen and (min-width: 768px) {
.blog-index__post-image--large {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding-bottom: 0;
}
.blog-index__post-content--large {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding-left: 2rem;
}
.blog-index__post-image--large {
-webkit-box-flex: 1;
-ms-flex: 1 1 48%;
flex: 1 1 48%;
}
.blog-index__post-content--large {
-webkit-box-flex: 1;
-ms-flex: 1 1 48%;
flex: 1 1 48%;
padding-left: 2rem;
}
.blog-index__post-content--full-width {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding-left: 0;
}
}
.body-container--blog-index .post-body p {
}
.body-container--blog-index .post-body a {
word-break: break-word;
}
.body-container--blog-index .post-body img {
height: auto;
max-width: 100%;
}
/* Blog Listing */
.hs-blog-post h2:after {
display: none;
}
.blog-left {
}
.blog-right {
}
.blog-section3 .post-listing {
margin: 0;
width: 100%;
display: inline-block;
}
.body-container--blog-index .blog-index .post-item {
width: 50%;
float: left;
padding: 15px;
}
.blog-section3 .blog-listing-wrapper .post-box {
background-color: #FFFFFF;
-webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 7px rgba(0,0,0,0.1);
-o-box-shadow: 0 1px 7px rgba(0,0,0,0.1);
-ms-box-shadow: 0 1px 7px rgba(0,0,0,0.1);
box-shadow: 0 1px 7px rgba(0,0,0,0.1);
}
.blog-section3 .post-body .hs-featured-image-wrapper {
height: 288px;
text-align: right;
position: relative;
}
.blog-section .blog-post-wrapper .hs-featured-image-wrapper {
height: 420px;
background-position: center center !important;
background-size: cover !important;
position: relative;
}
.post-body .hs-featured-image-wrapper .vp-center #player {
width: 100%;
max-width: 100% !important;
}
.bgimg-main1 {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.blog-section3 .blog-listing-wrapper .post-body .hs-featured-image-wrapper:after {
content: '';
position: absolute;
top: 100%;
left: 100%;
right: 100%;
bottom: 100%;
background: #000000;
opacity: 0.70;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.blog-section3 .hs-featured-image-link {
border: 0;
}
.bgimg-main1 img {
display: none;
}
.blog-section3 .hs-featured-image {
display: none;
}
.blog-section3 .blog-listing-wrapper .post-body a.topic-link:last-child {
margin-right: 14px;
}
.blog-section3 .blog-listing-wrapper .post-body a.topic-link {
margin: 14px 7px 0;
padding: 2px 8px;
font-size: 10px;
line-height: 18px;
text-transform: uppercase;
display: inline-block;
background-color: #14390D;
color: #FFF;
}
.blog-section3 .blog-listing-wrapper .post-box:hover .hs-featured-image-wrapper:after {
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.body-container--blog-index .blog-index .hs-featured-image-wrapper {
background-position: center center !important;
background-size: cover !important;
position: relative;
width: 100%;
aspect-ratio:16/9;
}
.body-container--blog-index .post-header {
max-width: calc(1240px + 160px );
margin: 40px auto;
padding:80px;
border-radius:32px;
}
.body-container--blog-index .blog-index .post-header h2 a {
color: #000000;
}
.body-container--blog-index .blog-index .post-header h2 a:hover,
.body-container--blog-index .blog-index .author-link:hover {
color: ;
}
.post-item .hs-featured-image-wrapper .post-date,
.blog-section .blog-post-wrapper .post-date {
padding: 18px 25px;
font-size: 26px;
line-height: 32px;
height: 110px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
color: #FFF;
background: #14390D;
position: absolute;
bottom: 15px;
left: 15px;
text-align: center;
}
.hs-blog-post .blog-post-wrapper .hs-featured-image-wrapper .post-date {
bottom: -85px;
}
.post-item .hs-featured-image-wrapper .post-date span,
.blog-section .blog-post-wrapper .post-date span {
display: block;
font-size: 50px;
line-height: 50px;
}
.postinner-title {
display:flex;
flex-direction:row;
gap:24px;
flex-wrap:nowrap;
align-items:center;
justify-content:center;
}
.postinner-title .post-title-info {
min-width:50%;
max-width:75%;
}
.postinner-title .post-title-media {
min-width:50%;
}
.body-container--blog-index .postinner-title h1 {
padding: 10px 0;
margin: 0;
font-size:2rem;
}
.blog-section3 .blog-listing-wrapper .post-content {
height: 138px;
}
.blog-section3 .blog-listing-wrapper a.link-post {
margin: 10px 0 30px;
min-width: 125px;
padding: 5px 20px;
font-size: 13px;
line-height: 20px;
text-transform: uppercase;
background: #f5f5f5;
display: inline-block;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
letter-spacing: 0.5px;
font-weight: 600;
}
.blog-section3 .blog-listing-wrapper .link-post:hover {
color: #f5f5f5;
background: #14390D;
}
.blog-topics {
margin: 0 auto;
}
.blog-topics ul {
margin: 0;
padding: 0 15px;
list-style-type: none;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
background: #FFFFFF;
display: inline-block;
}
.blog-topics ul li:first-child {
border-left: none;
}
.blog-topics ul li {
margin: 8px 0;
padding: 0 30px;
display: inline-block;
border-right: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
}
.blog-topics ul li:last-child {
border-right: none;
}
.blog-topics ul li a {
font-size: 13px;
line-height: 26px;
color: #999999;
font-family: ;
font-weight: bold;
text-transform: uppercase;
}
.blog-topics ul li a:hover {
color: #14390D;
}
/* Blog Post */
.blog-section3 .post-header h1 {
padding: 40px 0 10px;
font-size: 30px;
line-height: 40px;
font-weight: 700;
letter-spacing: 0.5px;
}
.post-meta {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
align-items: center;
padding-bottom: 20px;
border-bottom:1px solid rgba(0,0,0,.2);
}
.post-comment .hubspot-editable,
.postinner-title .post-author {
padding: 0;
display: inline-block;
vertical-align: top;
color: #666;
font-weight: 400;
}
.post-comment .hubspot-editable a,
.postinner-title .post-author a {
font-weight: 600;
color: #333333;
}
.post-comment .hubspot-editable a:hover,
.postinner-title .post-author a:hover {
color: #14390D;
text-decoration: none;
}
.more-link.link-style2 {
min-width: auto;
padding: 8px 25px;
border-radius: 100px;
font-weight: 500;
min-width: 220px;
text-transform: uppercase;
line-height: 24px;
z-index: 5;
overflow: hidden;
position: relative;
display: inline-block;
background-color: transparent;
color: #14390D;
border: 1px solid #14390D;
margin: 20px 0 0;
font-size: 16px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
text-align: center;
}
.more-link.link-style2:hover {
background: #14390D;
color: #FFF;
-webkit-box-shadow: 0 8px 15px rgb(0 0 0 / 15%);
-moz-box-shadow: 0 8px 15px rgba(0,0,0,.15);
-o-box-shadow: 0 8px 15px rgba(0,0,0,.15);
-ms-box-shadow: 0 8px 15px rgba(0,0,0,.15);
box-shadow: 0 8px 15px rgb(0 0 0 / 15%);
-webkit-transform: translateY(-3px);
-moz-transform: translateY(-3px);
-o-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.btn_style2 .more-link {
margin: 20px 0 0;
}
.post-meta .social-sharing {
padding: 0;
font-size: 20px;
text-align: center;
text-transform: uppercase;
}
.post-meta .social-sharing span {
padding-right: 10px;
}
.post-meta .social-sharing ul {
margin: 0 0 0 20px;
padding: 0 0 0 20px;
list-style-type: none;
display: inline-block;
line-height: 22px;
}
.post-meta .social-sharing ul.share-buttons {
margin: 0;
padding: 0;
list-style-type: none;
}
.post-meta .social-sharing ul li {
margin: 0 5px;
padding: 0;
display: inline-block;
}
.post-meta .social-sharing ul li a {
color: #FFF;
}
.post-meta .social-sharing ul li:hover a {
color: #14390D;
}
.post-meta .social-sharing ul li:hover a path {
fill: #14390D;
}
.post_slugsec {
padding: 40px 0;
width: 100%;
float: left;
border-top: 1px solid #E8E8E8;
}
.post_slugsec .post_slug {
padding: 0;
width: 50%;
float: left;
}
.post_slugsec .post_slug:last-child {
text-align: right;
}
.post_slugsec .post_slug a {
color: #6F6F6F;
}
.post_slugsec .post_slug a:hover {
color: #14390D;
}
.post_slugsec .post_slug i {
margin: 0 5px;
font-size: 22px;
vertical-align: middle;
}
.hs-blog-post .blog-post-date, .hs-blog-post .blog-post-themes, .hs-blog-post .custom_listing_comments, .hs-blog-post .hs-author-social-section, .hs-blog-post .blog-post-share {
display: inline-block;
font-family: 'PT Serif', serif;
font-style: italic;
color: #999999;
}
.hs-blog-post .blog-post-date:after, .hs-blog-post .custom_listing_comments:after, .hs-blog-post .blog-post-themes:after {
content: '/';
margin: 0 4px;
display: inline-block;
font-style: normal;
}
.hs-blog-post .blog-post-themes a {
color: #999999;
}
.post-meta .social-sharing {
width: auto;
display: inline-block;
}
.post-meta .social-sharing ul.share-buttons {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
gap: 5px;
}
.post-meta .social-sharing ul.share-buttons li {
margin: 0;
padding: 6px 10px 4px;
display: block;
background-color: #569937;
border-radius: 4px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.post-meta .social-sharing ul.share-buttons li a svg {
padding-top: 4px;
}
.post-meta .social-sharing ul.share-buttons li:hover {
background-color: #569937;
}
.post-meta .social-sharing ul.share-buttons li a {
color: #FFF;
}
.post-meta .social-sharing ul.share-buttons li:hover a {
color: #14390D;
}
.post-meta .social-sharing ul.share-buttons li a svg path {
fill: #FFF;
}
.post-meta .social-sharing ul.share-buttons li:hover a svg path {
fill: #14390D;
}
.hs-blog-post .hs-author-social-section {
font-style: normal;
}
.hs-blog-post .blog-post-topic {
padding: 15px 0 50px;
}
.hs-blog-post .blog-post-topic a.topic-link {
margin: 0;
padding: 5px 10px;
font-size: 11px;
border: 1px solid #999999;
color: #999999;
font-weight: 700;
background: #FFFFFF;
line-height: 18px;
text-transform: uppercase;
display: inline-block;
}
.hs-blog-post .blog-post-topic a.topic-link:last-child {
margin-right: 14px;
}
.hs-blog-post a.topic-link:hover {
border-radius: 50px;
}
.blog-post-wrapper .blog-section {
margin-bottom: 20px;
}
.blog-post-wrapper .about-author-sec {
margin: 18px 0 0;
padding: 0 0 10px;
text-align: left;
}
.blog-post-wrapper .about-authorimg {
margin: 18px 0 10px;
width: 100px;
height: 100px;
background-position: center center !important;
background-size: cover !important;
position: relative;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
border: 0px;
}
.hs-blog-listing .hs-search-field {
padding: 0;
}
#hubspot-tag_data {
text-align: right;
padding-right: 5px;
}
#hubspot-tag_data a.tag-link {
margin: 14px 7px 0;
padding: 2px 8px;
font-size: 10px;
line-height: 18px;
text-transform: uppercase;
display: inline-block;
background-color: #14390D;
color: #FFF;
}
#hubspot-tag_data a.tag-link:hover {
background-color: #569937;
color: #14390D;
}
.blog-right-search {
padding: 40px 0;
clear: both;
position: relative;
}
.blog-right-search .hs-form .field > label {
display: none;
}
.blog-right-search .input {
position: relative;
}
/* .blog-right-search input, */
.hs-blog-listing .hs-search-field__input {
height: 50px;
padding: 0 50px 0 10px;
border: 2px solid transparent;
font-size: 20px;
color: #6F6F6F;
background-color: #F0F0F0;
}
.hs-blog-listing .hs-search-field__input::placeholder {
font-size: 14px;
color: #6F6F6F !important;
font-weight: 400;
}
/* .blog-right-search button, */
.hs-blog-listing .hs-search-field button {
margin: 0;
min-width: auto;
width: 50px;
max-width: 50px;
position: absolute;
top: 0;
right: 0;
height: 100%;
font-size: 0;
background: transparent;
border: 0;
border-radius: 0;
cursor: pointer;
}
/* .hs-search-field__bar button svg, */
.hs-blog-listing .hs-search-field button svg {
height: 25px !important;
fill: #6F6F6F;
transition: all ease-in-out .4s;
-webkit-transition: all ease-in-out .4s;
}
.hs-blog-listing .hs-search-field button:hover svg {
fill: #14390D;
}
.blog-right-search input[type=text] {
text-transform: none;
}
.fa-search:before {
content: "\f002";
}
.blog-right-search .hs-button:after {
content: "\f002";
font-size: 16px;
line-height: 30px;
font-family: 'FontAwesome';
display: inline-block;
}
.blog-right-topic {
padding: 0px 0px 10px;
}
.blog-right-topic .recent-heading, .blog-right-posttopic .recent-heading {
color: #14390D;
margin-bottom:10px;
}
.blog-right-box {
padding: 0 5px 15px 0;
border-bottom: 0;
position: relative;
display: inline-block;
width: 100%;
}
.blog-right-box:last-child {
border-bottom: none;
}
.blog-right-topic .blog-richtext {
padding-top: 26px;
}
.blog-right-topic.subscribe-withbg {
padding: 20px;
}
.blog-right-box .post-image {
height: 70px;
width: 70px;
background-size: cover;
background-position: center center;
position: absolute;
top: 15px;
left: 0;
}
.blog-right-box .post-topic .post-title a {
color: #14390D;
padding: 0 0 10px;
font-weight: 600;
}
.blog-right-box .post-topic .post-title a:hover,
.blog-right-topic .all-articles a:hover {
color: #14390D;
}
.post-topic {
width: 99%;
float: left;
}
.post-topic .post-title a {
line-height:1.4;
color: #777777;
}
.post-date-box {
font-size: 13px;
}
.blog-right-posttopic {
clear: both;
position: relative;
padding: 0;
}
.blog-right-posttopic ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
}
.blog-right-posttopic ul li {
margin: 0 0 3px;
width: 100%;
display: inline-block;
position: relative;
float: left;
}
.blog-right-posttopic ul li a {
word-wrap: break-word;
max-width: none !important;
text-overflow: inherit !important;
vertical-align: top;
white-space: normal;
padding: 14px 20px;
width: 100%;
position: relative;
display: inline-block;
overflow: hidden;
border-radius: 0px;
font-weight: 400;
min-width: unset;
text-align: left;
border: none;
}
.blog-right-posttopic ul li a:hover {
color: #fff;
background: #EB4F01;
border-color: #EB4F01;
}
.blog-right-posttopic ul li a:before {
content: '';
height: 100%;
position: absolute;
top: 0;
left: auto;
right: 0;
width: 0;
background: #EB4F01;
border-radius: 0px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.blog-right-posttopic ul li a:hover:before {
width: 100%;
left: 0;
right: auto;
}
/* Blog post */
.blog-post {
margin: 0 auto;
max-width: 960px;
padding: 3.3rem 0;
}
.blog-post h1 {
font-size: 1.6rem;
}
.blog-post__meta {
margin: 1rem 0;
}
.blog-post__meta a {
color: #494A52;
text-decoration: underline;
}
.blog-post__tags {
border-top: 1px solid var(--dark-gray-color);
padding-top: 12px;
margin:30px 0;
}
.blog-post__tags svg {
height: auto;
margin-right: 10px;
width: 15px;
}
.blog-post__tag-link {
color: #000;
font-size: .8rem;
}
.blog-index .blog-post-wrapper h2 {
font-size: 33px;
text-shadow: none;
padding-bottom: 10px;
line-height: 1.2em;
margin: 10px 0 10px 0;
}
/* Blog related posts */
.blog-recent-posts {
background-color: #F8FAFC;
margin-top: 3rem;
padding: 2rem 0;
}
.blog-recent-posts h2 {
text-align: center;
}
.blog-recent-posts__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog-recent-posts__post {
color: #494A52;
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 1rem;
}
/* Bottom Hero Shape */
.hero-shape-container { position: relative; }
.hs-blog-listing .bottom_shape { position: absolute; overflow: hidden; left: 0; width: 100%; line-height: 0; direction: ltr; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); bottom: 0; z-index: 1; margin-bottom: -2px; }
.hs-blog-listing .bottom_shape svg { transform: translateX(-50%) rotateY(180deg); display: block; width: calc(100% + 1.3px); position: relative; left: 50%; -webkit-transform: translateX(-50%) rotateY(180deg); -ms-transform: translateX(-50%) rotateY(180deg); transform: translateX(-50%) rotateY(180deg); }
.hs-blog-listing .bottom_shape svg path { fill: #f5f5f5; }
@media(max-width:1200px) {
.blog-section .blog-post-wrapper .postinner-title h1 {
font-size:26px !important;
}
.blog-left {
}
}
@media screen and (min-width: 768px) {
.blog-recent-posts__post {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%/2);
flex: 0 0 calc(100%/2);
}
}
@media screen and (min-width: 1000px) {
.blog-recent-posts__post {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%/3);
flex: 0 0 calc(100%/3);
}
}
.blog-recent-posts__post:hover {
text-decoration: none;
}
.blog-recent-posts__image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 63%;
}
.blog-recent-posts__title {
margin: 1rem 0 0.5rem;
}
.hs-blog-post .related-post {
margin-top: 48px;
padding: 35px 0 60px;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
.hs-blog-post .related-post h4 {
font-size: 16px;
line-height: 24px;
color: #999999;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.5px;
}
.hs-blog-post .related-post h4:after {
display: none;
}
.hs-blog-post .related-slider {
margin: 16px -16px 0;
display: block;
}
/* Nav Links */
.blog-post-wrapper .blog-links {
display: flex;
flex-direction: row;
gap: 80px;
width: 100%;
margin-top: 20px;
}
.blog-post-wrapper .blog-links .prev-blog,
.blog-post-wrapper .blog-links .next-blog {
width: 50%;
}
.blog-post-wrapper .blog-links .next-blog {
text-align: right;
}
.blog-post-wrapper .blog-links .prev-blog {
text-align: left;
}
/* Blog comments */
.blog-comments {
margin: 0 auto;
max-width: 680px;
}
.blog-comments form {
max-width: 100%;
}
.blog-comments .hs-submit {
text-align: center;
}
.blog-comments .hs-button {
background-color: transparent;
border: 2px solid #494A52;
color: #494A52;
}
.blog-comments .hs-button:hover {
background-color: #494A52;
color: #FFF;
}
.blog-comments .comment-reply-to {
border: 0 none;
}
.blog-comments .comment-reply-to:hover {
background-color: transparent;
color: #494A52;
text-decoration: underline;
}
.hs-blog-post .new-comments {
font-size: 17px;
line-height: 34px;
text-align: center;
}
@media (max-width: 1200px) {
.body-container--blog-index .blog-index .post-header .inner-blog {
max-width: unset;
}
.body-container--blog-index .blog-index .hs-featured-image-wrapper {
width: 100%;
/*height: calc( * 0.8)px;*/
}
.blog-left {
}
}
@media (max-width: 991px) {
.blog-section3 .blog-listing-wrapper .post-item {
width: 100%;
}
.blog-right-box .post-image {
height: 50px;
width: 50px;
}
.mobile-open .post-meta .social-sharing {
z-index: 0;
}
.hs-blog-post .blog-right input[type=submit] {
min-width: unset;
width: 100%;
}
}
@media (max-width: 768px) {
.body-container--blog-index .post-header {
padding:20px 0px;
margin:20px;
}
.body-container--blog-index .blog-index .post-header .inner-blog {
padding: 0;
}
.postinner-title {
display:flex;
flex-direction:column;
gap:24px;
justify-content:center;
padding:0 20px;
}
.postinner-title .post-title-info {
width:100%;
min-width:auto;
max-width:100%;
}
.postinner-title .post-title-media {
width:100%;
min-width:auto;
max-width:100%;
}
.body-container--blog-index .postinner-title h1 {
font-size: 32px;
}
.hs-blog-post .blog-left, .hs-blog-post .blog-right {
width: 100%;
}
.hs-blog-post .blog-left {
padding: 0;
}
.hs-blog-post .blog-right {
padding: 0;
margin-top: 30px;
margin-left: 0;
}
.body-container--blog-index .blog-index .post-item {
width: 100%;
}
.body-container--blog-index .blog-index .hs-featured-image-wrapper {
/*height: calc( * 0.65)px;*/
margin: 0 auto;
width: 100%;
}
.hs-blog-post .blog-right input[type=submit] {
min-width: 140px;
width: unset;
}
.post-meta {
flex-direction: column;
}
.area_blog-row-0-vertical-alignment > .row-fluid {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
}
}
@media (max-width: 600px) {
.blog-left {
width: 100%;
}
.blog-right {
width: 100%;
}
}
@media (max-width: 525px) {
.blog-section3 .blog-listing-wrapper .post-item {
width: 100%;
}
}