:root {
  --floralwhite: #FFF8F0;
  --white: #ffffff;
	--sepia: #A65C45;
	--oysterpink: #EFCECE;
	--foggygrey: #C0CCB3;
	--black: #333333;
	--apricot: #FFD5BD;
}
a {
    color: inherit;
    text-decoration: none;
}
.pt-body{
    background-color: var(--floralwhite);
	  font-family: "Inter", sans-serif
}
.pt-body .site-main a{
	    color: #c7424d;
    text-decoration: underline;
    text-decoration-color: #ffb2b8;
}
.pt-body .container{
	max-width:890px;
}
.navbar .container, .footer.container{
	max-width:1180px;
}
.pt-logo{
	max-width: 163px;
}
.back-arrow{
	display:none;
}
.back-arrow img{
	height:18px;
}
.pt-ham{
	max-width:19px;
}
.offcanvas{
background-color: var(--sepia);	
}
.info-box {
      background: #F2E8DC;
      border-radius: 20px;
      padding: 20px;
      margin-bottom: 14px;
    }

    .info-box h5, .pt-body h5 {
      font-weight: bold;
      margin-bottom: 15px;
      color: #333;
    }

    .info-box p {
      font-size: 15px;
      color: var(--black);
      line-height: 1.6;
    }

    .tab-btns .menu-item a{
      background: #E4DACE;
      border: none;
      border-radius: 10px;
      padding: 8px 25px;
      font-weight: 400;
		text-align:left;
		width:100%;
		display: block;
    	color: #333333;
    	text-decoration: none;
    }
	.tab-btns .main-menu{
		list-style: none;
		padding: 0;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}
    .tab-btns .btn.active {
      background: #d6cfc6;
    }

    .pt-post-grid .post {
      border-radius: 14px;
      padding: 15px 15px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.05);
      height: 100%;
    }
    .pt-post-grid .column:nth-child(odd) .post{
    background-color: var(--oysterpink); 
    }
    .pt-post-grid .column:nth-child(even) .post{
    background-color: var(--foggygrey); 
    }
    .pt-post-grid .post img {
      display: block;
      margin-top: -43px;
      height: 60px;
      object-fit: contain;
		object-position: left;
		margin-bottom: 10px;
    }
	.pt-post-grid .post .title{
		line-height:1rem;
		margin-bottom:0;
	}
	.pt-post-grid .post .title a{
		text-align: left;
		font-size: 15px;
		line-height: 1.2rem;
		color: var(--black);
		text-decoration:none;
		width: 100%;
		display: block;
		font-weight: 400;
	}
    .g-3.custom-gap{
        --bs-gutter-y: 2rem;
    }
	.navbar #menu-language-switcher{
		margin: 0;
		padding-right: 65px;
		list-style: none;
		padding-left: 0;
	}
    .main-img-wrapper {
        display: flex;
        justify-content: flex-end;
        align-items: center; 
    }
	.main-img-wrapper .desktop-img{
		max-width: 300px;
	}

	.pt-post-grid{
/* 		height: 450px;
		overflow-x: hidden;
    	overflow-y: scroll; */
	}
	.offcanvas-body .pt-post-grid{
		height: 510px;
	}
	.pt-post-grid::-webkit-scrollbar-track
	{
		background-color: #ffb2b8;
		border-radius:10px;
	}

	.pt-post-grid::-webkit-scrollbar
	{
		width: 7px;
		border-radius:10px;
		background-color: #c0c0c0;
	}

	.pt-post-grid::-webkit-scrollbar-thumb
	{
		background-color: #c7424d;
		border-radius:10px;
		border: 2px solid #c7424d;
	}
    .mob-img{
        display: none;
    }
	.offcanvas .offcanvas-body .column .post {
		padding: 0;
		background: transparent;
		box-shadow: unset;
	}
	.offcanvas .offcanvas-body .post .post-thumbnail img{
		height: auto;
		    margin: 0;
        max-width: 43px;
	}
	.offcanvas .main-menu{
		list-style: none;
		padding-left: 1rem;
		display: grid;
		gap: 25px;
	}
	.offcanvas .divider{
		width: 90%;
		height: 1px;
		background-color: #fbcab18c;
		margin: 10px auto;
	}
	.offcanvas .offcanvas-body .post .entry-header{
		align-content: center;
	}
	.offcanvas .offcanvas-body .post .title a, .offcanvas .main-menu .menu-item a{
		color: var(--apricot);
		font-weight:400;
	}
	.container.single-post{
	    max-width: 780px;
		padding: 45px 20px;
	}	
	.single-post .entry-content img{
		border-radius: 17px;
	}
	
	.single-post .entry-title{
		font-size: 30px;
    	font-weight: 800;
		color: var(--black);
		padding-bottom: 20px;
	}
	.single-post figure {
		margin: 0 0 2rem;
	}
	.single-post .post-thumbnail{
		border-radius: 0 14px 0 0;	
		margin-bottom:20px;
		position: relative;
	}
	.single-post .post-thumbnail img{
		max-height: 133px;
		margin: -32px 0 -14px;
		z-index: 2;
		position: relative;
		object-fit: contain;
		object-position: left;
	}

	.single-post .entry-content p, .single-post .entry-content h6, .single-post .entry-content li{
		font-size:16px;
	}
	.single-post .entry-content h5{
		font-size:20px;
	}
	#main h2{
		font-size:27px;
	}
	.post-thumbnail.post-banner:before {
		content: '';
		background-color: #fff8f0;
		width: 7%;
		height: 100%;
		position: absolute;
	}
	.single-post .post-navigation {
		margin: 0;
    	border-width: 2px 0;
		border-style:solid;
		border-color:#888888;
		padding:15px 0 50px;
	}
	.single-post .post-navigation a {
		font-weight: 700;
	}
	.single-post .post-navigation .nav-text{
		color:#888888;
		font-weight: 300;
	}
	
	.offcanvas .main-navigation{
		margin-top: -30px;
	}
	.offcanvas .offcanvas-header .btn-close{
		background: url('http://beingdigitalz.co.in/period-talks/wp-content/uploads/2025/09/close.png');
		--bs-btn-close-bg: unset;
		opacity: 1;
		background-repeat: no-repeat;
		background-size: 15px;
		background-position: center;
		border:2px solid #ffdccb00;
		transition:0.3s;
		position: relative;
    	z-index: 5;
	}
	.offcanvas .offcanvas-header .btn-close:focus, .offcanvas .offcanvas-header .btn-close:hover{
		border:2px solid #ffdccb;
	}
   .pt-logo-mob{
	   display:none;
	}
.bot-img-col ul{
	list-style:none;	
}
.bot-img-col elevenlabs-convai{
	max-width:1300px;
	margin:auto;
}
	.bot-img-col .mob{
		display:none;
	}
.footer .main-menu{
	list-style: none;
    padding: 0;

}

	
    /* Media query */

    @media only screen and (max-width: 600px){
        .mob-img{
            display: block;
            margin-bottom: -10px;
        }
		.navbar .pt-head-cont .widget-sec{
			margin-right:0;
			margin-left:auto;
		}
		.back-arrow{
			display:inline-block;
		}
		.home .navbar .back-arrow, .home .navbar .navbar-brand{
			display:none;
		}
		.home .pt-logo-mob {
			display:block;
			margin: 20px auto 40px;
			max-width:162px;
		}
		.pt-logo{
			max-width: 150px;
		}
        .desktop-img{
            display: none;
        }
        .main-img-wrapper{
            justify-content: center;
            padding-right: 0;
        }
		.navbar #menu-language-switcher {
			padding-right: 35px;
		}
		body:not(.home) .navbar .navbar-brand{
			width: 63%;
    		text-align: end;
   		 	margin-right: 0;
		}
		.bot-img-col .desktop{
			display:none;
		}
		.bot-img-col {
			right: 0;
			width: 100%;
			bottom: -10px;
		}
		.bot-img-col .mob{
			display:block;
			width:100%;
		}
		#main{
		    padding-bottom: 40px;
		}
		.footer .main-menu{
			margin: 0;
		}
		.pt-post-grid{
			height:auto;
			    overflow-y: unset;
		}
    }