/* Blog page */
.main-blog {  padding-top: 70px;  }
.main-blog .container{    display: flex;    flex-wrap: wrap;  gap: 22px;  margin-bottom:20px;}
article.post,body.search article {    display: inline-block;    vertical-align: top;    width: 23.4%;    position: relative;    border: solid 1px #fff;   
	border-radius: 15px;    padding: 30px;    position: relative; background: #41a17d;  }
li.icon-date {    margin: 0;    font-size: 14px;     margin-bottom: 10px;   color: #fff;   text-transform: uppercase; }
.featured-media {	height: 300px;      width: 100%;     overflow: hidden;      margin: 30px 0;  }
.featured-media-inner {    height: 100%;    width: 100%;   }
.featured-media img {    margin: 0 auto;    object-fit: cover;     height: 100%;  }
 header.entry-header {    width: 87%;}
.post h2.entry-title,.post h2.entry-title a {  color: #fff; font-size: 22px; font-weight: 500;	text-align: left; 	line-height: normal;  }
.main-blog .entry-content p {    width: 100% !important;    color: #fff;  }
.main-blog p.blog-read-more a {
    color: #0b0b0b;
    font-size: 14px;
    text-transform: uppercase;    padding: 0;
}
.main-blog p.blog-read-more a:hover { background: transparent;  }
.main-blog p.blog-read-more a:hover img {    opacity: 0.6; }
.main-blog p.blog-read-more a:hover:before {      transform: translate(5px, 3px) scale(1.5); }
p.blog-read-more a img {    transform: rotate(45deg); }
p.blog-read-more {    padding-top: 10px; }

/* new code */

.main-blog  article.post,body.search  article {    display: flex;    background: transparent;    flex-direction: column;    padding: 0;     border: 1px solid #ececec;
    transition: all .4s ease;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .04);
    border-radius: 24px;
    overflow: hidden; }
.main-blog article.post:hover ,body.search article:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .10);
    border-color: #dddddd;
}

.main-blog  .entry-content,.search  .entry-content {  order: 3; padding-left: 30px;    padding-right: 30px; }
.main-blog  .featured-media {   margin: 0 0 ;    order: 1;height: 250px;  }
.main-blog  header.entry-header {    margin-bottom: 15px;    width: 100%;    order: 2;   }
.main-blog  p.blog-read-more {   padding-top: 0;   order: 3;margin-bottom: 10px;    margin-left: 30px; }
.main-blog p.blog-read-more a {    }
.main-blog  li.icon-date {  font-size: 13px;    color: #464646;  }
.main-blog .entry-content p {  width: 100% !important;   color: #101010;  font-weight: 400;   font-size: 15px; max-width: 100% !important; }
.post h2.entry-title, .post h2.entry-title a {  color: #41a17d;  }
.main-blog .post h2.entry-title,.main-blog .post h2.entry-title a {      letter-spacing: -0.5px;    color: #000;    font-size: 20px;}
.main-blog .post h2.entry-title  {     padding-left: 30px;    padding-right: 30px}
.pagination-single {  margin: 0; }
.featured-media img.wp-post-image{  display: block;  width: 100%;  height: auto;  max-width: 100%;  object-fit: contain;  object-position: center;  }

/* Single page */
 
.single.single-post #site-content { overflow: visible;}
.single-post .sub-header {  height: 210px;	background-image: url('img/blog-bg.jpg') !important;   }
.single-post .sub-header h2, .single-post .sub-header p {      top: 45%;    bottom: auto;}
.single-post .sub-header:after {  content: '';  position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);  }
.single article.post {  width: 100%;     padding: 0;margin-bottom: 0;   display: flex;    flex-direction: column;
    align-items: flex-start;     background: transparent;}  

.singular .featured-media {  margin-top: 0;   position: static;  width: 100%;  height: 400px;  order: 1;  border: solid 1px #ccc; }
.singular.single-post .featured-media-inner {position: static;   width: 100%;  position: static;  width: 100%;  max-width: 100%;  }
.single-con {   padding-top: 90px;  }
.single.single-post .post-inner { width:100%;box-shadow: none;    order: 1; }
.single.single-post .section-inner.medium {    max-width: 100%;    width: 100%; }
.singular.single-post .entry-header {    padding: 0rem 0;  }
.singular.single-post .post h1{      text-align: left;  font-size: 30px;   font-weight: 500;    color: #101010;    line-height: 45px; }

.singular.single-post .post h2{  color: #2b2d42;    line-height: normal;     font-size:25px;    margin: 40px 0 10px;    font-weight: 500;    max-width: 100% !important;    width: 100% !important; }

.singular.single-post .post  h3{         line-height: normal;  font-size: 18px;  margin: 30px 0 10px;    font-weight: 500; 
	max-width: 100% !important;    width: 100% !important;  }

.singular.single-post .post  h4{  line-height: normal;  font-size: 16px; margin: 30px 0 10px;     font-weight: 500;  
	max-width: 100% !important;    width: 100% !important; }

.singular.single-post .post h5{   line-height: normal;   font-size: 14px; margin: 30px 0 10px;     font-weight: 500;  
	max-width: 100% !important;    width: 100% !important;  }

.singular.single-post .post h6{      line-height: normal;   font-size: 13px; margin: 30px 0 10px;    font-weight: 500;  
	max-width: 100% !important;    width: 100% !important;  }

.singular article ul li,.singular article ol  li { font-size: 15px; }
.singular.single-post .post a {  color:#41a17d;  }

.singular.single-post .post ol ,.singular.single-post .post ul{  margin: 20px 0;    max-width: 100% !important;    width: 100% !important;
    color: #101010; }

.singular.single-post .post ol li,.singular.single-post .post ul li,.plan-left ul li,.pw-list li,.ws6-left ul li { list-style:none;position:relative;    margin-left: 0;color: #2f2b2b; font-size: 17px;  font-weight: 300;  }

.singular.single-post .post ol li,.singular.single-post .post ul li {   margin-bottom: 2rem;  padding:0; }
.singular.single-post .post ol li li, .singular.single-post .post ul li li {   list-style-type: circle;    margin-left: 20px;  }
.singular.single-post .post .bloglist2  li {  padding-left:15px;  }

.singular.single-post .post .bloglist2  li:before {	   content: "\f105 ";    color: #41a17d;   display: inline-block;   
	font: normal normal normal 14px/1 FontAwesome;    font-size: inherit;    text-rendering: auto;  
	-webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    left: 0;    top: 3px;    position: absolute;  }
 
.post-left strong {   color: #41a17d;  font-weight: 600;  }
.singular.single-post .entry-header {  width:100%;}
.single-post-box {       align-items:inherit;  }
.post-left {    float: left;    width: 62% }
.post-left .single-con {    padding-top: 0;  }
.post-right li.active {  background: #fff; }
.post-left .panel {  width: 100% !important;   max-width: 100% !important;  }
.singular .featured-media::before,.singular .intro-text ,.search .archive-header{  display:none;  }
 
body.single-post .post-inner div.entry-content p {  width: 100% !important;  max-width: 100% !important;    margin: 0;    line-height: 26px;
    margin-bottom: 8px;    font-size: 17px;    font-weight: 300;    color: #202020;     font-family: "Roboto", sans-serif; }
.blg_desc1:first-letter {    font-size: 25px;    font-weight: 500;}

.single-post .blog-row {   max-width: 100% !important;  width: 100% !important; }
.single-post .blog-row img {      width: 48%;   float: right;    margin-left: 30px;    margin-bottom: 30px; }
.single .blog-row02 img {    float: left;    margin: 0 30px 30px 0;  }

.post-right {  width: 36%;      z-index: 8;    transform: none;        padding: 30px;      padding-top: 0;}
.post-right li.widget {   border: solid 1px #c2c2c2;   padding: 20px;  }
.post-right .widget_categories ul {    display: flex;    flex-wrap: wrap;    row-gap: 8px;    column-gap: 20px;    align-items: center;}
.post-right h3,.post-right h4 {    font-size: 26px;    font-weight: 500;     color: #101010; } 
.post-right ul  {  margin:0;}
.post-right ul li {  list-style:none;     margin: 0 0 10px;  }
.post-right ul li a{   display: flex;    justify-content: flex-start;    column-gap: 15px; }
.post-right ul li h6 {  font-size: 15px;    font-weight: 400;    text-transform: none;  }
.post-right ul li.active h6 {  color: #41a17d; }
li#categories-2 li {    margin: 5px 0;    position: relative;  }

li#categories-2 a {    color: #101010;    padding: 0;    line-height: normal;    font-weight: 300;    font-size: 16px;
	padding-left: 10px;    max-width: 100%; }

li#categories-2 li a:before {    content: "\f105";    display: inline-block;    font: normal normal normal 14px / 1 FontAwesome;
	font-size: 15px;    font-size: inherit;    text-rendering: auto;    position: absolute;    left: 0;    top: 3px;    color: #41a17d;
    transition: 0.2s ease-in-out;  }

.sideabr-row.sideabr-row3 {   border: solid 1px #c2c2c2;   padding: 20px;   margin-top: 30px; gap:8px;   row-gap: 10px;  }
.post-right ul li img {  max-width: 80px;object-fit: cover; }
.post-right ul li.active a {    font-weight: 600;  }
.post-right ul li a {      font-size: 15px;    font-weight: 300;    line-height: normal;    max-width: 73%;  }
.post-right .tags ul li {  margin-bottom:5px;}
.post-right .tags ul li a {    background: #f8f8f8;    padding: 10px;    font-size: 13px; position:relative;  }

.post-right .tags ul li a:before{  content: ''; display: inline-block; width: 0;    height: 0;    border-style: solid;   top: 0;
    border-width: 30px 20px 30px 0;  border-color: transparent #f8f8f8 transparent transparent;  position: absolute;  left: -20px;   }

.post-right .tags ul li a:after {    content: '';    width: 10px;    height: 10px;    background: #fff;    position: absolute;
    left: -7px;    top: 0;    bottom: 0;    margin: auto;    border-radius: 100px;  }

.post-left p.blog-read-more,li#categories-3 {  display:none;  }
.post-meta-wrapper {    margin: 0;    width: 100%;    max-width: 100%;  }

.single-post  .sub-header h2,.single-product  .sub-header h2, .single-post  .sub-header p, .single-product  .sub-header p {     z-index: 1;  font-size: 60px;    -webkit-text-stroke-width: 0;
    color: #fff;    max-width: 80%;     margin: auto;     line-height: 70px; }

.single-post .featured-media img {  width:100%;}
.singular.single-post .post-meta-wrapper ul li:before,.comments-wrapper { display:none; }
.singular.single-post .post-meta-wrapper ul li { padding-right:15px;padding-left:0; }
.singular.single-post .post-meta-wrapper ul.post-meta {    margin: 0 0 40px;    border-bottom: solid 1px #ddd;    width: 100%;
    padding-bottom: 20px;       justify-content: flex-start; }

span.meta-text, span.meta-text a {  font-size: 13px;  font-weight: 100;  color: #ccc; }
.sideabr-row a span {    display: block;    font-size: 13px;    font-weight: 300;    color: #41a17d; }
.pagination-single {          order: 3;}
.pagination-single hr {    opacity: 0;}
.search-form .search-field { width: 88%;  padding: 10px;  max-height: 50px !important;  border-radius: 4px; }
.post-right input.search-submit {  width: 40%;   padding: 10px 20px;   max-height: 50px;  max-width: fit-content;  }
.sideabr-row.sideabr-row3 h4 {  padding-bottom: 20px;  }

.sideabr-row.sideabr-row5 {     position: sticky;    top: 100px;}



.sideabr-row4 li {   width: 30%;    }
.sideabr-row4 li  a{  position: relative; }

.sideabr-row4 li a:after {   content: '';    width: 100%;    height: 100%;    background: #00000069;    position: absolute;
    top: 0;    transition: 0.2s;    opacity: 0;    visibility: hidden;  }

.sideabr-row4 li a:hover:after {  opacity: 1;    visibility: visible;  }
.sideabr-row4 img { width: 100%;  }

.sideabr-row5 .col-left5 {
    width: 49%;
}.col-left5.form-choice {    width: 100%;}



/* blogs */

ul.blog-ul {    align-items: stretch; }
li.post-li {    overflow: hidden;    border: solid 1px #c2c2c2;       width: 22.4%;    position: relative;  }

li.post-li:hover:after {     height: 170%;  }

.blog-ul .post-li{    display:flex;    flex-direction:column;    background:#ffffff;    border-radius:24px;    overflow:hidden;    border:1px solid #ececec;    transition:all .4s ease;   box-shadow:0 8px 30px rgba(0,0,0,.04); }
.blog-ul .post-li:hover{   transform:translateY(-8px);    box-shadow:0 20px 60px rgba(0,0,0,.10);    border-color:#dddddd;  }
.blog-ul .img-p{   width:100%;   line-height:0;   overflow:hidden; }
.blog-ul .img-p img{  width:100%;     object-fit:cover;    display:block;    transition:transform .9s cubic-bezier(.16,1,.3,1);   min-height: 230px;   }
.blog-ul .post-li:hover .img-p img{   transform:scale(1.06);  }
.blog-ul .post-cont{    position:relative;    padding:32px;    background:#fff;  }
.blog-ul .date-p{    font-size:13px;    font-weight:600;    letter-spacing:1.5px;    text-transform:uppercase;    color:#8a8a8a;    margin-bottom:16px;  }
.blog-ul .post-cont h5{   margin:0;     line-height: 1.2;  }
.blog-ul .post-cont h5 a{  color:#111111;    text-decoration:none;    font-size:20px;    font-weight:600;      letter-spacing:-0.5px;   transition:color .3s ease; }
.blog-ul .post-li:hover h5 a{  color:#000000; }
.blog-ul .blog-read-more{    margin-top:10px; }

.blog-ul .more-link{  display:inline-flex;    align-items:center;    gap:10px;    color:#222222;    font-size:14px;    font-weight:700;    text-transform:uppercase;    letter-spacing:1px;    text-decoration:none;
    transition:all .3s ease;  }

.blog-ul .more-link i{  transition:transform .3s ease; }
.blog-ul .post-li:hover .more-link {  color: #47a07f;  }
.blog-ul .post-li:hover .more-link i {    transform:translateX(5px);  }


li.post-li:hover img {      transform: scale(1.03) translateX(8px);   }
.date-p {  font-weight: 100;    font-size: 12px;    color: #101010;    margin-bottom: 8px;  }

p.blog-read-more a {    color:#fff;  font-size: 18px;   font-weight: 500; }
p.blog-read-more a:hover {  color: #41a17d; }
p.blog-read-more a:hover .fa {    transform: scale(1.8);    opacity: 0;  }
p.blog-read-more a .fa {    transition: 0.18s ease-in-out;    position: relative; }
p.blog-read-more {    display: inline-block;    margin-top: 10px; }