/*
Theme Name: Shemooi
Theme URI: https://example.com/shemooi
Description: A clean child theme of Hello Elementor for customizations safely separated from the parent.
Author: Your Name
Author URI: https://example.com
Template: hello-elementor
Text Domain: shemooi
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/



.post-main-ts h1, .post-main-ts h2, .post-main-ts h3, .post-main-ts h4, .post-main-ts h5, .post-main-ts h6, .post-main-ts p {
margin:0;
padding:0;
}
.post-main-ts button:focus {
outline:none;
}
.post-main-ts ul, .post-main-ts ol {
margin:0;
padding:0;
list-style-type:none;
}
.post-main-ts a {
    text-decoration: none;
    
    color: currentColor;
}
.post-main-ts img {
    max-width: 100%;
    width: 100%;	
    border-radius: 8px !important;
}
.post-main-ts {
	padding: 50px 0;
	font-family: "Plus Jakarta Sans", Sans-serif;
}
.post-main-ts, .post-inn-ts {
	display: flex;
	gap: 20px;
	justify-content: space-between;
}
.sub-title-ts {
	font-size: 14px;
	color: #000;
	margin: 6px 0;
	font-weight: 500;
}
.ps-title-ts {
	font-weight: 700;
	color: #000;
}
.feature-cat-detail .ps-title-ts a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.post-left-ts {
	width: 25%;
}
.post-inn-left-ts {
    width: 70%;
}
.post-inn-right-ts {
    width: 30%;
}
.post-m-ts li {
	border-bottom: 1px solid #3D3C3C;
	margin: 0 0 25px;
	padding: 0 0 15px;
}

.post-m-ts li:last-child
{
	border-bottom:none;
}
.bg-post-ts li {
	position: relative;
}



.inn-content-ts {
	position: absolute;
	bottom: 20px;
	padding: 0 20px;
}

.bg-post-ts li h5,.bg-post-ts h6 {
	color: #fff;
}
.bg-post-ts .ps-title-ts {
	font-size: 38px;
	font-weight: 800;
}

.uni-title-ts {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}.universe-ts {
	padding: 30px 0 20px;
}
.post-main-ts  .single-post-ts {
    display: grid;
    gap: 15px;
    justify-content: space-between;
    margin: 10px 0 0;
    grid-template-columns: repeat(3, 1fr);
}
.single-post-ts li {
	border-right: 1px solid #3D3C3C;
	padding: 0 15px 0 0;
}


.single-post-ts li:last-child
{
	padding-right:0;
	border-right:none;
}

.single-post-ts li .ps-title-ts {
	font-size: 20px !important;
}
.post-right-ts {
    width: 79%;
}
.popular-post-ts {
	border-top: 1px solid #000;
	padding: 25px 0 0;
	margin: 20px 0 0;
}
.post-main-ts .most-pop-ts {
    list-style: decimal;
    padding: 5px 0 0 30px;
}

.most-pop-ts li a {
	color: #000;
	font-weight: 500;
	margin: 10px 0;
	/* text-decoration: underline; */
}

.most-pop-ts li {
	font-size: 24px;
	margin: 15px 0;
}

.most-pop-ts li::marker {
	font-weight: bold;
}

.most-pop-ts li a:hover {
    font-weight: 800;
    text-decoration: underline;
}

.post-inn-right-ts .ps-title-ts {
	font-size: 20px !important;
	font-weight: 700;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.post-inn-left-ts {
	width: 76%;
}

.bg-post-ts.ts-bg-post li {
	margin: 0 0 25px;
}

.bg-post-ts.ts-bg-post li:last-child
{
	margin-bottom:0;
}
.post-main-ts .sub-title-ts {
    margin: 6px 0;
}

.blog-top-con {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 150px), 50% calc(100% - 40px), 0 100%);
}


.feature-blog-wrap {
    background: #FFFFFF;
    box-shadow: 0 0 70px rgb(0 0 0 / 10%);
    border-radius: 8px;
    padding: 30px;
}
.feature-blog-slide-inner {
    display: flex;
    flex-wrap: wrap;
}
.feature-blog-left {
    width: 50%;
    padding-right: 5%;
}
.feature-blog-left img {
    height: 380px;
    width: 100%;
    border-radius: 8px !important;
    object-fit: cover;
}
.feature-blog-right {
    width: 50%;
	padding: 0 0 55px;
}
.feature-blog-right a {
    color: currentColor;
}
.feature-cat-top ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.feature-cat-top li {
    list-style: none;
}
.feature-cat-top {
    display: flex;
    flex-wrap: wrap;
}
.feature-cat-left {
    width: 25%;
}
.feature-cat-left .post-img-ts img,
.feature-cat-left .inn-img-ts img {
    width: 100%;
	border-radius: 8px !important;
	display: block;
}
.feature-cat-list a {
    color: currentColor;
}
.feature-cat-left .ps-title-ts {
    margin: 0;
}
.feature-cat-left li {
    margin-bottom: 30px;
}
.feature-catmiddle {
    width: 50%;
    padding: 0 20px;
}
.feature-catmiddle .inn-img-ts img {
    width: 100%;
    display: block;
    border-radius: 8px !important;
    min-height: 630px;
    object-fit: cover;
}
.feature-cat-right {
    width: 25%;
}
.feature-cat-left li {
    margin-bottom: 30px;
    position: relative;
}

.feature-cat-left .inn-content-ts .sub-title-ts,
.feature-cat-left .inn-content-ts .ps-title-ts,
.feature-cat-left .inn-content-ts .sub-title-ts {
    color: #ffffff;
}
.feature-cat-right li {
    display: flex;
    gap: 20px;
    margin-bottom: 18px !important;
}
.feature-cat-right li img {
    min-width: 106px;
    height: 106px;
    border-radius: 8px !important;
    object-fit: cover;
    width: 106px;
}
.feature-cat-detail .ps-title-ts {
    margin: 0  0 7px;
}
.feature-cat-detail {
    align-self: center;
}

.feature-catbottom-left {
    /* display: flex; */
    width: 50%;
    padding: 0 20px 0 0;
    position: relative;
    align-self: flex-start;
}
.feature-cat-bottom {
    display: flex;
    flex-wrap: wrap;
}
.feature-catbottom-right {
    width: 50%;
    background: #000000;
    padding: 25px;
    border-radius: 8px !important;
}
.feature-catbottom-left .inn-img-ts {
    border-radius: 15px;
    overflow: hidden;
	position: relative;
}
.feature-catbottom-left .inn-img-ts img {
    width: 100%;
    display: block;
    object-fit: cover;
	min-height: 590px;
}
.feature-catbottom-left .inn-img-ts::before {
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    height: 100%;
    width: 100%;
    content: "";
}
.feature-catbottom-left .inn-content-ts  h5, .feature-catbottom-left .inn-content-ts h6, .feature-catbottom-left .inn-content-ts p {
    color: #fff;
}
.feature-catbottom-right ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.feature-catbottom-right li {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #222222;
}
.feature-catbottom-right .feature-cat-detail {
    width: 50%;
}
.feature-catbottom-right li .inn-img-ts {
    width: 50%;
    padding-right: 30px;
}
.feature-catbottom-right li:last-child{
	border: none;
}
.feature-catbottom-right li img {
    display: block;
}
.feature-catbottom-right .feature-cat-detail .ps-title-ts {
    color: #fff;
}
.feature-catbottom-right .feature-cat-detail .sub-title-ts {
    color: #ffffff;
}
.feature-catbottom-right li img {
    display: block;
    max-height: 163px;
    object-fit: cover;
    border-radius: 8px;
}

.feature-blog-wrap button.slick-prev.slick-arrow {
    left: 50%;
    position: absolute;
    bottom: 00;
    top: unset;
    height: 56px;
    width: 56px;
    background: url(https://shemooi.com/wp-content/uploads/2025/08/arrow-left.png) no-repeat;
    font-size: 0;
    z-index: 1;
        transform: translate(0px, 0px);
}
.feature-blog-wrap button.slick-prev.slick-arrow::before
{
    display: none;
}
.feature-blog-wrap button.slick-next.slick-arrow {
    left: 50%;
    position: absolute;
    bottom: 00;
    top: unset;
    height: 56px;
    width: 56px;
    background: url(https://shemooi.com/wp-content/uploads/2025/08/arrow-right.png) no-repeat;
    font-size: 0;
        transform: translate(70px, 0px);
}
.feature-blog-wrap button.slick-next.slick-arrow::before
{
    display: none;
}
/* ✅ Mobile: Force Single Column Layout */
/* ✅ Mobile: Force Single Column Layout */
@media (max-width: 1200px) {
    .post-left-ts,
.feature-cat-left {
    width: 22%;
}
.ps-title-ts {
    font-size: 17px;
}
.bg-post-ts .ps-title-ts {
    font-size: 28px;
}
.post-inn-right-ts .ps-title-ts {
    font-size: 17px;
}
.feature-cat-right li {
    margin-bottom: 22px;
}
}
@media (max-width: 991px) {
.inn-content-ts {
    bottom: 15px;
    padding: 0 10px;
}
.post-main-ts  .single-post-ts {
    gap: 15px;
    margin: 10px 0 0;
    grid-template-columns: repeat(1, 1fr);
}
.single-post-ts li {
    border-right: none;
    padding: 10px 0px 0 0;
    border-top: 1px solid #3D3C3C;
}
.most-pop-ts li {
    font-size: 18px;
    margin: 15px 0;
}
.feature-cat-right li img {
    min-width: 86px;
    height: 86px;
    width: 86px;
}
.feature-catmiddle .inn-img-ts img {
    min-height: 540px;
}
.feature-catbottom-left .inn-img-ts img {
    min-height: 460px;
}
}
@media (max-width: 768px) {
.post-main-ts {
    padding: 00px 0;
}
  .post-left-ts, .feature-cat-left {
    width: 100%;
}
.post-main-ts, .post-inn-ts {
    flex-wrap: wrap;
}
.post-right-ts {
    width: 100%;
}
.post-inn-left-ts {
    width: 100%;
}
.post-inn-right-ts {
    width: 100%;
    order: -1;
}
.feature-blog-wrap {
    padding: 20px;
}
.feature-blog-left {
    width: 100%;
    padding-right: 0;
    padding: 0 0 10px;
}
.feature-blog-right {
    width: 100%;
    padding: 0 0 55px;
}
.feature-blog-wrap button.slick-prev.slick-arrow,
.feature-blog-wrap button.slick-next.slick-arrow {
    left: 0;
}
.elementor-element.categorises-listing-round > .e-con-inner {
    flex-wrap: unset;
    gap: 0;
    padding: 0 20px 10px 20px;
    overflow: auto;
}
.elementor-element.categorises-listing-round > .e-con-inner > .elementor-element {
    width: 100px;
    min-width: 100px;
}
.feature-catmiddle {
    width: 100%;
    padding: 0 0px 20px;
}
.feature-cat-right {
    width: 100%;
}
.feature-catbottom-left {
    width: 100%;
    padding: 0;
        margin-bottom: 20px;
}
.feature-catbottom-right {
    width: calc(100% + 40px);
    background: #000000;
    padding: 25px;
    border-radius: 0;
    margin: 0 -20px 0;
}
}
.feature-catbottom-left .inn-img-ts {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}