/*
Theme Name:     Matcha For Kadence
Theme URI:      https://matcha.styleclouddemo.co/
Template:       kadence
Author:         StyleCloud
Author URI:     https://stylecloud.co
Description:    A premium theme for Kadence by StyleCloud
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
body.page .entry-content-wrap {
	padding: 0;
}

/* HEADER > POPUP */
#mobile-drawer .drawer-inner {
	justify-content: center;
}
#mobile-drawer .drawer-inner:after {
	content: '';
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: url('https://matcha.styleclouddemo.co/wp-content/uploads/2024/10/dvlop-nirav-patel-06-collage_image_lightbox.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#mobile-drawer.popup-drawer .drawer-header {
	justify-content: flex-start;
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (min-width: 1181px) {
	#mobile-drawer .drawer-inner:after {
		width: 30%;
	}
	#mobile-drawer .drawer-inner > div {
		width: 70%;
	}
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
	#mobile-drawer .drawer-inner:after {
		width: 50%;
	}
	#mobile-drawer .drawer-inner > div {
		width: 50%;
	}
}
@media screen and (max-width: 767px) {
	#mobile-drawer .drawer-inner:after {
		width: 0;
	}
	#mobile-drawer .drawer-inner > div {
		width: 100%;
	}
}
#mobile-drawer.popup-drawer.active button.menu-toggle-close.drawer-toggle:after {
	content: "CLOSE MENU";
	width: 5rem;
	position: absolute;
	top: 50%;
	left: 2.25rem;
	transform: translate(0, -45%);
	font-family: 'Inter Tight', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 0.813rem;
	line-height: 1.5;
	opacity: 1;
	transition: opacity 0.2s;
}

.drawer-sub-toggle .kadence-svg-iconset svg {
    height: 1.5em;
    width: 1.5em;
    color: #fff;
}

/* BLOGPOST */
body.single-post .post-navigation {
	background: #232C21;
	padding: 2rem 3rem;
	margin: 0;
}
@media screen and (max-width: 767px) {
	body.single-post .post-navigation {
		padding: 2rem 1.5rem;
	}
}
body.single-post .post-navigation a {
	color: rgba(255, 255, 255, 1);
}
body.single-post .post-navigation a:hover {
	color: rgba(255, 255, 255, 0.7);
}
body.single-post .post-navigation-sub {
	font-family: 'Inter Tight', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 0.813rem;
	line-height: 1.5;
}
body.single-post .post-navigation .nav-previous:after {
	background: #FFFFFF;
}