.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//greenstoneretail.com/wp-content/plugins/lgx-owl-carousel/public/assets/lib/owl.carousel2/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.lgx-carousel-section .lgx-carousel {
position: relative;
text-align: center;
}
.lgx-carousel-section .lgx-carousel .lgx-item {
margin: 0 auto;
padding: 25px 0;
}
.lgx-carousel-section .lgx-carousel .owl-video-tn {
background-color: #000;
}
.lgx-carousel-section .owl-theme .owl-controls .owl-prev,
.lgx-carousel-section .owl-theme .owl-controls .owl-next {
position: absolute;
top: 45%;
}
.lgx-carousel-section .owl-theme .owl-controls .owl-prev {
left: 23px;
}
.lgx-carousel-section .owl-theme .owl-controls .owl-next {
right: 23px;
}
.lgx-carousel-section .owl-theme .owl-controls .owl-nav [class*="owl-"] {
background: transparent;
cursor: pointer;
display: inline-block;
margin: 0;
opacity: .7;
-webkit-transition: all 0.2 ease;
transition: all 0.3s linear;
}
.lgx-carousel-section .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
background: #008299;
opacity: 1;
} .lgx-carousel-section .active {        }
.lgx-carousel-section .active .lgx-zoomInDown {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: 0s;
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
.lgx-carousel-section .active .lgx-fadeInDown {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: 0s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.lgx-carousel-section .active .lgx-fadeInUp {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: 0s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.lgx-carousel-section .active .lgx-slideInRight-img {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: .3s;
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
.lgx-carousel-section .active .lgx-rotateInDownLeft-one {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: .3s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.lgx-carousel-section .active .lgx-rotateInDownLeft-two {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: .9s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.lgx-carousel-section .active .lgx-rotateInDownLeft-three {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: 1.5s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.lgx-carousel-section .active .lgx-rotateInDownLeft-four {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: 2.1s;
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
.lgx-carousel-section .active .lgx-slideInLeft-img {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: .3s;
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
.lgx-carousel-section .active .lgx-rotateInUpRight-one {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: .3s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.lgx-carousel-section .active .lgx-rotateInUpRight-two {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: .9s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.lgx-carousel-section .active .lgx-rotateInUpRight-three {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: 1.5s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.lgx-carousel-section .active .lgx-rotateInUpRight-four {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: 2.7s;
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
.lgx-carousel-section .active .lgx-zoomInUp-one {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: .3s;
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
.lgx-carousel-section .active .lgx-zoomInUp-two {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: .9s;
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
.lgx-carousel-section .active .lgx-zoomInUp-three {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: 1.5s;
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
.lgx-carousel-section .active .lgx-zoomInUp-four {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-delay: 2.1s;
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}.single-post .sec_padding {
padding-top: 60px;
}
.blog-first-post {
display: flex;
align-items: center;
flex: 0 0 auto;
margin: 0 0 80px;
justify-content: space-between;
}
.blog-title-container .dl_title_text {
font-style: normal;
font-weight: 600;
font-size: 80px;
line-height: 120%;
text-align: center;
color: #212121;
}
.blog-title-container .dl_sub_title_text {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 150%;
text-align: center;
color: #212121;
}
.blog-first-post .first-post-thumnail {
flex: 0 0 auto;
border-radius: 20px;
width: calc(100% - 50%);
text-align: right;
overflow: hidden;
}
.blog-first-post .first-post-thumnail img {
max-height: 490px;
max-width: 100%;
object-fit: cover;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.blog-first-post .first-post-meta {
width: 50%;
margin-left: 0;
padding-left: 10rem;
}
.read_article {
margin-top: 40px;
}
.read_article a.elementor-button-link {
background: #80C627;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding: 12px 30px;
font-style: normal;
font-weight: 700;
font-size: clamp(16px, 2.5vw, 20px);
line-height: 110%;
transition: background .5s ease;
border-radius: 50px;
position: relative;
}
.read_article a.elementor-button:before {
content: "";
position: absolute;
inset: 0;
border-radius: 50px;
padding: 2px;
background: #80C627;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
}
.blog-first-post .first-post-meta h6 {
font-style: normal;
font-weight: 600;
font-size: clamp(14px, 2vw, 16px);
line-height: 150%;
color: #80C627;
padding: 4px 16px;
width: fit-content;
background: #E6F5F5;
border-radius: 50px;
display: block;
margin-bottom: 16px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
}
.blog-first-post .first-post-meta .entry-title {
font-style: normal;
font-weight: 600;
font-size: clamp(24px, 3.5vw, 32px);
line-height: 120%;
color: #212121;
}
.post_meta.post-meta-tags {
font-style: normal;
font-weight: 400;
font-size: clamp(16px, 3vw, 20px);
line-height: 120%;
color: #212121;
}
.grid-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 40px;
row-gap: 1em;
}
.post-category-row ul {
display: flex;
flex-wrap: nowrap;
width: 100%;
list-style: none;
padding: 0;
margin: 0 0 16px 0;
}
ul#category-list li {
display: inline-block;
margin: 0 10px 10px 0;
border: 1px solid #8A949A;
border-radius: 50px;
min-width: 58px;
text-align: center;
cursor: pointer;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
}
li.post-cat.active {
background: #212121;
color: #fff;
}
li.post-cat.active a {
color: #fff;
}
.ajax-loader {
visibility: hidden;
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
z-index: +100 !important;
width: 100%;
height: 100%;
}
.ajax-loader p {
position: relative;
top: 50%;
left: 50%;
}
#post-grid-wrapper {
position: relative;
}
li.post-cat a {
color: #8A949A;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 150%;
display: block;
padding: 4px 15px;
cursor: pointer;
}
ul.pagination_default {
display: flex;
list-style: none;
justify-content: flex-end;
}
li.page-list {
width: 56px;
height: 56px;
}
span.page-numbers, li.page-list a {
font-size: 20px;
padding: 0 25px;
color: #54636C;
border: 1px solid #54636C;
border-radius: 30px;
line-height: 50px;
}
a.prev.page-numbers {
border: 0;
padding: 0;
}
article.post-grid-article {
padding-bottom: 55px;
}
article.post-grid-article a {
text-decoration: none !important;
}
article.post-grid-article ul {
margin: 0;
list-style: none;
color: #212121;
display: flex;
flex-wrap: wrap;
gap: 6px;
}
article.post-grid-article .post-grid-media {
max-height: 280px;
height: 100%;
border-radius: 10px;
overflow: hidden;
}
article.post-grid-article .post-grid-media img {
object-fit: cover;
transition: all .9s;
-webkit-transition: all .9s;
-moz-transition: all .9s;
-ms-transition: all .9s;
-o-transition: all .9s;
}
article.post-grid-article:hover .post-grid-media img {
transition: all .5s;
-webkit-transition: all .9s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
article.post-grid-article .post-grid-title {
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 120%;
color: #212121;
margin-top: 20px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
min-height: 52px;
}
.post-grid-holder .post_meta.post-meta-tags {
font-style: normal;
font-weight: 400;
font-size: clamp(14px, 2.5vw, 16px);
line-height: 110%;
color: #212121;
margin-top: 8px;
margin-bottom: 0;
}
ul.pagination_default li.page-list .page-numbers {
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 40px;
text-align: center;
color: #212121;
padding: 5px;
height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.5;
}
ul.pagination_default li.page-list {
width: auto;
height: auto;
margin-left: 10px;
}
ul.pagination_default li.page-list .page-numbers.current {
opacity: 1;
}
img.previous-arrow {
transform: rotate(180deg);
margin-right: 6px;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
ul.pagination_default a.next.page-numbers img {
margin-left: 8px;
}
ul.pagination_default a.next.page-numbers:hover img {
transform: translateX(8px);
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
-ms-transform: translateX(8px);
-o-transform: translateX(8px);
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
ul.pagination_default a.prev.page-numbers:hover img {
transform: rotate(180deg) translateX(8px);
-webkit-transform: rotate(180deg) translateX(8px);
-moz-transform: rotate(180deg) translateX(8px);
-ms-transform: rotate(180deg) translateX(8px);
-o-transform: rotate(180deg) translateX(8px);
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
ul.pagination_default a.next.page-numbers,
ul.pagination_default a.prev.page-numbers {
background: #80C627;
border-radius: 50px;
letter-spacing: 1px;
font-style: normal;
font-weight: 400;
font-size: clamp(14px, 2.5vw, 18px);
color: #ffffff !important;
width: 100% !important;
border: none;
padding: 6px 16px;
opacity: 1;
}
.blog_single_info img {
width: 100%;
height: 100%;
object-position: center;
object-fit: cover;
}
.blog_single_info .single-page-media {
margin-bottom: 20px;
border-radius: 20px;
overflow: hidden;
max-height: auto;
}
span.related-date.date,
.single .breadcrumb_content .post-meta .date-read-time span.post_date_loop {
position: relative;
padding-right: 20px;
}
span.related-date.date:after,
.single .breadcrumb_content .post-meta .date-read-time span.post_date_loop:after {
content: '';
background: #212121;
width: 6px;
height: 6px;
right: 0;
position: absolute;
border-radius: 50px;
top: 7px;
}
.single .breadcrumb_content .post-meta .date-read-time span.post_date_loop:after {
top: 50%;
transform: translateY(-50%);
display: flex;
}
span.span-reading-time {
padding-left: 15px;
}
.single .page_title {
font-style: normal;
font-weight: 600;
font-size: clamp(28px, 2.5vw, 40px) !important;
line-height: 120%;
text-align: left;
color: #212121;
margin-bottom: 16px;
}
.single .breadcrumb_content .post-meta {
display: flex;
justify-content: space-between;
margin-bottom: 34px;
}
.single .breadcrumb_content .post-meta .date-read-time {
font-style: normal;
font-weight: 400;
font-size: clamp(14px, 1.5vw, 20px);
line-height: 120%;
color: #212121;
display: flex;
align-items: center;
}
.social-share-icons a {
margin-left: 8px;
}
.social-share-icons a svg {
width: 32px;
height: 32px;
}
.social-share-icons a svg path {
fill: #80C627;
}
.single .breadcrumb_content .post-meta .social-share-icons {
margin: 0;
}
.single .breadcrumb_content .post-meta .social-share-icons span {
font-style: normal;
font-weight: 400;
font-size: clamp(13px, 1.5vw, 16px);
line-height: 120%;
color: #212121;
margin-right: 10px;
}
.single .social-share-icons {
margin-top: 16px;
}
.single .social-share-icons span {
font-style: normal;
font-weight: 400;
font-size: clamp(13px, 1.5vw, 16px);
line-height: 120%;
color: #212121;
margin-right: 10px;
}
.single .previous-next {
display: flex;
justify-content: space-between;
align-items: center;
}
.single .previous-next a {
font-style: normal;
font-weight: 600;
font-size: clamp(13px, 2.5vw, 20px);
line-height: 160%;
color: #585858 !important;
text-decoration: none;
align-items: center;
display: flex;
transition: all 0.5s ease;
}
.single .previous-next a:hover img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.single .previous-next a img {
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.single .previous-next .next-link a {
display: flex;
flex-direction: row-reverse;
}
.next-link.disabled a, .prev-link.disabled a {
pointer-events: none;
}
.next-link.disabled, .prev-link.disabled {
opacity: 0.4;
}
.single .previous-next .next-link a img {
margin-left: 10px;
}
.single .previous-next .prev-link a img {
margin-right: 10px;
}
.single .sec_padding .col-lg-8 {
width: 90%;
}
.single .sec_padding .col-lg-8 .elementor-container {
max-width: 100%;
}
article.related-pro {
margin: 0 16px;
}
article.related-pro a.post-thumbnail {
text-decoration: none;
}
.custom-related-prod h2 {
font-style: normal;
font-weight: 600;
color: #212121; font-size: clamp(24px, 4.5vw, 48px);
}
.custom-related-prod img.slick-prev {
position: absolute;
right: 64px;
left: unset;
top: -62px;
width: 32px;
}
.custom-related-prod img.slick-next {
position: absolute;
right: 16px;
left: unset;
top: -62px;
width: 32px;
}
body.single .singleland_subs .dl_pro_subscribe_form .dl_cu_btn::after {
background-image: url(//greenstoneretail.com/wp-content/uploads/2023/05/ns-img-ft.svg) !important;
}
body.single .singleland_subs.global .dl_pro_subscribe_form .dl_cu_btn {
background: none !important;
padding: 28px;
}
.subscribe-title .elementor-heading-title {
font-style: normal;
font-weight: 600;
text-align: center;
}
.child-sub-text p.drdt-ignore-dark {
font-size: clamp(16px, 1.5vw, 20px);
line-height: 150%;
text-align: center;
}
.blog-title-container .dl_title_section .dl_title_text {
font-size: clamp(36px, 4.5vw, 80px) !important;
}
.blog-title-container .dl_title_section .dl_sub_title_text {
font-size: clamp(16px, 3.5vw, 20px);
}
.blog_single_info .media_blog_content>*,
.blog_single_info .media_blog_content p {
font-size: clamp(16px, 3.5vw, 20px);
}
.blog_single_info .media_blog_content ol li strong,
.blog_single_info .media_blog_content ul li strong {
font-weight: bold;
font-size: clamp(18px, 3.5vw, 22px);
}
.tag .page-header .category-title {
text-align: left !important;
margin: 0;
font-style: normal;
font-weight: 600;
font-size: clamp(28px, 3.5vw, 40px);
line-height: 120%;
color: #212121;
} .post-grid-categories ul li {
display: flex;
background: #eeeeee;
border-radius: 18px !important;
color: #3a4d54 !important;
opacity: 80%;
width: fit-content;
padding: 4px 16px;
font-size: 14px;
}
.content-area {
width: 72%;
}
.custom-single-page .custom-thumbnail {
border-radius: 20px;
overflow: hidden;
height: 600px;
width: 100%;
margin-bottom: 60px;
}
html body #secondary {
width: 26%;
}
.single-post.right-post-sidebar #secondary {
float: right;
}
.widget-area .widget {
margin: 0 0 2.35em;
font-size: 16px;
}
.custom-single-full .widget-area li.widget {
list-style: none;
}
.custom-single-full .widget-area li.widget .heateor_sss_sharing_container a {
margin-right: 12px;
border-radius: 20px !important;
}
.custom-single-full .widget-area li.widget .tagcloud a.tag-cloud-link {
background: #eeeeee !important;
border-radius: 18px !important;
color: #3a4d54 !important;
opacity: 80%;
}
.custom-related-prod h2 {
width: 100%;
}
.custom-related-prod {
display: flex;
flex-wrap: wrap;
width: 100%;
padding-bottom: 30px;
}
.custom-related-prod .related-pro {
width: 100%; }
ul.post-categories li {
display: inline-block;
background: #eeeeee;
padding: 6px 20px;
border-radius: 30px;
margin: 0 10px 10px 0;
}
ul.post-categories li a {
letter-spacing: 0px;
color: var(--secondary);
opacity: 0.8;
font-size: 14px;
}
span.related-categories ul {
margin: 0;
}
span.related-categories ul {
margin: 0;
}
.post-grid-categories {
margin-top: 16px;
}
.cus-author-info {
display: flex;
gap: 10px;
align-items: center;
flex-wrap: wrap;
}
.cus-author-info span.author-avatar {
border-radius: 50px;
overflow: hidden;
}
.description span.rt-reading-time {
visibility: hidden;
}
.custom-related-prod .related-pro span.related-title a {
text-align: left;
letter-spacing: 0px;
color: var(--secondary);
font-size: 24px;
line-height: 29px;
margin-bottom: 10px;
display: block;
font-weight: bold;
margin-top: 15px;
min-height: 50px;
}
.related-time {
display: flex;
color: #3a4d54;
width: 100%;
}
.custom-related-prod .related-pro span.related-thumbnail {
height: 329px;
display: block;
margin-bottom: 25px;
border-radius: 20px;
overflow: hidden;
}
.custom-related-prod .related-pro span.related-thumbnail img {
height: 100%;
object-fit: cover;
margin: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translateZ(0) scale(1, 1);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
.custom-single-page .custom-thumbnail .custom-thumbnail img {
width: 100%;
}
.custom-single-page .custom-thumbnail img {
width: 100%;
}
.related-wrapper {
display: flex;
gap: 20px;
flex-wrap: nowrap;
}
.recent-post-new {
display: flex;
}
.recent-post-new .new-left {
width: 100%;
max-width: 115px;
height: 73px;
border-radius: 10px;
overflow: hidden;
margin-right: 15px;
}
.recent-post-new .new-left .preview-image img {
height: 100%;
width: 100%;
border-radius: 10px;
object-fit: cover;
object-position: top;
}
.recent-post-new .new-right {
display: flex;
flex-direction: column;
justify-content: center;
}
.recent-post-new .new-right .related-time {
text-align: left;
letter-spacing: 0px;
color: var(--secondary);
opacity: 0.8;
font-size: 12px;
line-height: 15px;
font-weight: 400;
margin-top: 5px;
}
div#secondary .new-right a {
font-weight: 600 !important;
font-size: 14px;
line-height: normal;
}
div#secondary .related-time .related_date {
margin-right: 10px;
}
div#secondary .widget_recent_entries li span {
display: flex;
padding: 0;
}
#secondary h2 {
letter-spacing: 0px;
color: var(--secondary);
font-size: 32px;
line-height: 39px;
font-weight: 600;
}
.post-grid-excerpt p {
margin: 14px 0;
color: #212121;
margin-top: 20px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
min-height:65px;
}
@media (max-width: 1400px) {
.blog-first-post .first-post-meta {
padding-left: 8rem;
}
.grid-wrapper {
column-gap: 30px;
}
article.post-grid-article .post-grid-media {
max-height: 260px;
}
article.post-grid-article .post-grid-title {
font-size: 20px;
}
}
@media (max-width: 1200px) {
.blog-first-post .first-post-meta {
padding-left: 6rem;
}
.recent-post-new .new-left {
max-width: 100px;
}
article.post-grid-article .post-grid-title {
font-size: 18px;
}
.grid-wrapper {
column-gap: 20px;
}
}
@media (max-width: 1024px) {
.grid-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 991px) {
.blog-first-post .first-post-meta {
padding-left: 3rem;
}
.custom-related-prod .related-pro {
width: calc(50% - 10px);
}
.related-wrapper {
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
.blog-first-post {
display: block;
}
.blog-first-post .first-post-thumnail {
width: 100%;
}
.blog-first-post .first-post-thumnail img {
max-height: 279px;
}
.blog-first-post .first-post-meta {
width: 100%;
margin-left: 0;
padding-left: 0;
padding-top: 20px;
}
.grid-wrapper {
display: grid;
grid-template-columns: 1fr;
}
article.post-grid-article {
padding-bottom: 20px;
}
.single .breadcrumb_content .post-meta {
display: block;
margin-bottom: 24px;
}
.single .breadcrumb_content .post-meta .date-read-time {
font-size: 16px;
margin-bottom: 16px;
}
.single .breadcrumb_content .post-meta .social-share-icons {
text-align: left;
}
article.post-grid-article .post-grid-media {
max-height: 250px;
}
article.post-grid-article .post-grid-media img {
height: 250px;
}
.custom-related-prod img.slick-next,
.custom-related-prod img.slick-prev {
top: -56px;
}
.single .sec_padding .col-lg-8 {
width: 98%;
}
.single .container {
width: 100%;
max-width: 100%;
}
.post-category-row ul {
flex-wrap: wrap;
}
.blog-first-post {
margin: 0 0 30px;
}
.post-grid-excerpt p, article.post-grid-article .post-grid-title {
min-height:auto;
}
}
@media (max-width: 600px) {
.custom-related-prod .related-pro {
width: calc(100% - 10px);
}
.custom-related-prod .related-pro span.related-thumbnail {
height: auto;
}
.custom-single-page .custom-thumbnail {
height: auto;
margin-bottom: 30px;
}
.custom-single-full .content-area .entry-title {
font-size: 28px;
line-height: 34px;
margin-bottom: 14px;
}
#secondary h2 {
font-size: 28px;
}
}
@media (max-width: 480px) {
.single .previous-next a {
font-size: 0;
}
.single .social-share-icons span {
display: block;
margin-bottom: 10px;
}
.social-share-icons a:first-child {
margin-left: 0;
}
}