/*!
Theme Name: Warid Realty
Author: Nazim Husain
Author URI: https://nazimansari.com
Description: Custom GeneratePress child theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: warid-realty
Template: generatepress
Version: 1.0
*/

/**********
* GLOBAL *
**********/

html {
	scroll-behavior: smooth;
}

.site-header {
	box-shadow: 0px 2px 5px rgb(0, 0, 0, 8%);
}

.site-header .main-title {
	font-size: 22px;
}

.full-width-content .site-content,
.page-template-default .site-content,
.blog .site-content,
.archive .site-content,
.search .site-content,
.single .site-content,
.page .site-content {
	display: block;
}

.full-width-content .container.grid-container,
.blog .container.grid-container,
.archive .container.grid-container,
.search .container.grid-container,
.single .container.grid-container,
.page .container.grid-container {
	max-width: 100%;
}

.center {
	text-align: center;
}

.site-container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 70px 40px;
}

.section-title {
	font-size: 30px;
	line-height: 1.3;
	font-weight: 600;
	color: var(--headline);
	margin-bottom: 0;
}

h2.section-title {
	max-width: 750px;
	margin: 0 auto 50px;
}

.section-title span {
	color: var(--primary);
}

.desc {
	font-size: 17px;
	line-height: 1.8;
	font-weight: 400;
	color: var(--text);
	margin-bottom: 0;
}

.desc p {
	margin-bottom: 25px;
}

.desc p:last-child {
	margin-bottom: 0;
}

.btn a,
.btn button {
	font-size: 16px;
	line-height: 26px;
	font-weight: 600;
	padding: 12px 32px;
	border-radius: 5px;
	color: #fff;
	background: var(--primary);
	transition: 0.3s ease-in-out;
	display: inline-flex;
	gap: 10px;
	align-items: center;
	text-align: center;
	justify-content: center;
}

.btn a:hover,
.btn button:hover {
	opacity: 0.9;
}

/* Posts */
.home .grid {
	gap: 50px 30px;
}

.grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.posts .card .thumbnail {
	position: relative;
	padding-bottom: 63%;
}

.posts .card .thumbnail a {
	display: flex;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 10px;
}

.posts .card .thumbnail img {
	width: 100%;
	object-fit: cover;
	transition: 0.9s all;
	border-radius: 10px;
}

.posts .card .thumbnail img:hover {
	transform: scale(1.1);
}

.posts .card-article .title {
	margin-top: 20px;
	margin-bottom: 0;
	display: block;
}

.posts .card-article .title a {
	display: block;
	font-size: 19px;
	line-height: 1.5;
	color: var(--headline);
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.posts .card-article .title a:hover {
	color: var(--primary);
}

.posts .card-article .date {
	display: block;
	font-size: 14px;
	line-height: 1.2;
	color: #555;
	margin-top: 18px;
}

/* Pagination */
.pagination {
	text-align: center;
	margin-top: 70px;
	display: flex;
	grid-gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
}

.pagination .page-numbers {
	border: 1px solid #eee;
	padding: 8px 20px;
	font-weight: 500;
	border-radius: 5px;
	color: var(--text);
	background: #fff;
	font-size: 16px;
	line-height: 1.4;
	transition: 0.3s ease-in-out;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
	background: var(--primary);
	color: #fff;
	border: 1px solid var(--primary);
}

/* Header */
.site-header .subscribe-btn {
	margin-left: 25px;
}

.site-header .subscribe-btn a {
	background: var(--primary);
	padding: 10px 30px;
	border-radius: 4px;
	transition: 0.3s ease-in-out;
	color: #fff !important;
	font-weight: 600;
	line-height: 1.7 !important;
}

.site-header .subscribe-btn a:hover {
	opacity: 0.9;
}

.site-header .inside-header {
	gap: 30px;
}

.site-header .main-navigation ul.sub-menu {
	border-top: 2px solid var(--primary);
	box-shadow:
		rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
		rgba(0, 0, 0, 0.08) 0px 0px 0px 1px !important;
	border-radius: 0 0 10px 10px;
	top: 40px;
}

.site-header .main-navigation ul.sub-menu li:not(:last-child) {
	border-bottom: 1px solid #eee;
}

.site-header .main-navigation ul.sub-menu li a {
	padding: 12px 20px 12px 20px;
	font-size: 15px;
	line-height: 1.5;
}

/************
 * HOMEPAGE *
 ************/

/* Banner */
.banner {
	background: var(--primary-light);
}

.banner .site-container {
	display: flex;
	gap: 80px;
	padding-top: 80px;
}

.banner .left-block {
	flex: 1;
}

.banner .right-block {
	flex: 0 0 50%;
}

.banner .right-block img {
	width: 100%;
}

.banner .sub-title {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 500;
}

.banner .section-title {
	font-size: 48px;
	line-height: 1.2;
	font-weight: 600;
	margin-bottom: 22px;
}

.banner .desc {
	font-size: 18px;
	line-height: 1.7;
	margin: 0 auto;
}

.banner .btn {
	margin-top: 35px;
}

.banner .btn a {
	padding: 14px 35px;
	font-size: 17px;
}

/* About */
.about-us .site-container {
	display: flex;
	gap: 60px;
	padding-top: 50px;
	padding-bottom: 80px;
}

.about-us .left-block {
	flex: 0 0 44%;
}

.about-us .right-block {
	flex: 1;
}

.about-us .left-block img {
	border-radius: 20px;
	display: block;
}

.about-us .section-title {
	max-width: 100%;
	margin-bottom: 20px;
}

.about-us .desc p strong {
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	color: var(--headline);
}

.about-us .desc p {
	margin-bottom: 15px;
}

.about-us .desc ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.about-us .desc ul li:not(:last-child) {
	margin-bottom: 10px;
}

.about-us .desc ul li {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.322 13 3.67 8.452a.7.7 0 1 1 .976-1l3.685 3.602L18.84.98a.7.7 0 0 1 .968 1.008z' fill='%23ff4271'/%3E%3Cpath d='M8.445 16.89a8.446 8.446 0 1 1 5.972-14.417.7.7 0 1 1-.988.989 7.049 7.049 0 1 0 2.064 4.983.7.7 0 1 1 1.397 0 8.454 8.454 0 0 1-8.445 8.446' fill='%23ff4271'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 0 6px;
	padding-left: 32px;
}

.about-us .btn {
	margin-top: 30px;
}

/* Cat: Real Estate */
.cat-posts .btn {
	margin-top: 60px;
	text-align: center;
}

.real-estate,
.project-management {
	background: #f5f5f5;
}

.project-management .site-container {
	padding-top: 30px;
}

/* Footer */
.site-footer .footer-widgets-container .inside-footer-widgets > div {
	flex: 0 0 21%;
}

.site-footer .footer-widget-3 {
	flex: 1 !important;
}

.site-footer .footer-widget-4 {
	flex: 0 0 27% !important;
	padding-left: 25px;
}

.site-footer .widget-title,
.site-footer .wp-block-heading {
	font-size: 22px;
	line-height: 1.3;
	font-weight: 500;
	color: var(--headline);
	margin-bottom: 22px !important;
}

.footer-posts .cat-title {
	font-size: 18px;
	line-height: 1.4;
	font-weight: 500;
	color: var(--headline);
	margin-bottom: 12px;
}

.footer-posts ul:not(:last-child) {
	margin-bottom: 20px;
}

.site-footer .widget ul li:not(:last-child) {
	margin-bottom: 16px;
}

.site-footer .widget ul li a,
.site-footer .widget ul li {
	display: block;
	font-size: 16px;
	line-height: 1.6;
	color: var(--headline);
}

.site-footer .widget ul li a:hover {
	text-decoration: underline;
}

.site-footer .footer-widget-3 ul li {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.site-footer .footer-widget-3 .widget,
.site-footer .footer-widget-4 .widget {
	margin-bottom: 0;
}

.site-footer .connect-us li {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='m14.278 10.084-3.533-1.583-.01-.004a1.2 1.2 0 0 0-1.194.147L7.715 10.2c-1.156-.562-2.35-1.747-2.912-2.888l1.559-1.854a1.2 1.2 0 0 0 .142-1.187v-.009L4.915.722A1.2 1.2 0 0 0 3.669.01 4.22 4.22 0 0 0 0 4.199C0 10.156 4.845 15 10.8 15a4.22 4.22 0 0 0 4.191-3.67 1.2 1.2 0 0 0-.713-1.246M10.8 13.8a9.61 9.61 0 0 1-9.6-9.6 3.015 3.015 0 0 1 2.615-3v.009L5.39 4.734 3.84 6.589a1.2 1.2 0 0 0-.118 1.235c.68 1.39 2.08 2.78 3.485 3.459a1.2 1.2 0 0 0 1.237-.128L10.267 9.6l3.525 1.579h.008a3.016 3.016 0 0 1-3 2.62Z' fill='%23162136'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 0 2px;
	background-size: 15px 24px;
	padding-left: 28px;
}

.site-footer .connect-us li.email {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12' fill='none'%3E%3Cpath d='M14.423 0H.577A.577.577 0 0 0 0 .577v9.808a1.154 1.154 0 0 0 1.154 1.154h12.692A1.154 1.154 0 0 0 15 10.385V.577A.577.577 0 0 0 14.423 0M12.94 1.154 7.5 6.14 2.06 1.154zm.906 9.23H1.154V1.89L7.11 7.35a.577.577 0 0 0 .78 0l5.956-5.46v8.496Z' fill='%23162136'/%3E%3C/svg%3E");
}

.site-footer .connect-us li.address {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='position:relative;top:3px' width='15' height='20' viewBox='0 0 15 20' fill='none'%3E%3Cpath d='M7.5 4.09a3.41 3.41 0 1 0 0 6.82 3.41 3.41 0 0 0 0-6.82m0 5.455a2.045 2.045 0 1 1 0-4.09 2.045 2.045 0 0 1 0 4.09M7.5 0A7.51 7.51 0 0 0 0 7.5c0 2.676 1.237 5.512 3.58 8.203a21.7 21.7 0 0 0 3.532 3.264.68.68 0 0 0 .783 0 21.7 21.7 0 0 0 3.526-3.264C13.76 13.013 15 10.176 15 7.5A7.51 7.51 0 0 0 7.5 0m0 17.557C6.091 16.449 1.364 12.379 1.364 7.5a6.136 6.136 0 1 1 12.272 0c0 4.878-4.727 8.949-6.136 10.057' fill='%23162136'/%3E%3C/svg%3E");
	background-size: 13px 20px;
	background-position: 0 1px;
}

.subscribe {
	margin-top: 25px;
}

.subscribe input {
	width: 100%;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	margin-bottom: 10px;
	height: 46px;
	font-size: 15px;
}

.subscribe input:focus {
	background: #fff;
	border: 1px solid #e2e2e2;
}

.subscribe button {
	width: 100%;
	height: auto;
	padding: 10px 20px;
	background: var(--primary);
	font-size: 16px;
	border-radius: 5px;
	font-weight: 500;
	transition: 0.3s all;
}

.subscribe button:hover {
	opacity: 0.9;
}

.site-footer .copyright-bar {
	width: 100%;
	text-align: center;
}

.site-footer .copyright-bar p {
	margin-bottom: 0;
	font-size: 15px;
}

.social-links {
	display: flex;
	gap: 20px;
	align-items: center;
}

.social-links a {
	display: flex;
	transition: 0.3s all;
}

.social-links a img {
	height: 17px;
	object-fit: contain;
}

.social-links a:hover {
	transform: translateY(-4px);
}

/*************
 * BLOG PAGE *
 *************/

/* Page Header */
.page-banner {
	background: var(--primary-light);
}

.page-banner .site-container {
	padding-top: 60px;
	padding-bottom: 60px;
}

.page-banner .wrapper {
	max-width: 780px;
	margin: 0 auto;
	text-align: center;
}

.page-banner .section-title {
	font-size: 40px;
}

.page-banner .desc {
	margin-top: 25px;
	line-height: 1.7;
}

/* Blog Grid */
.blog-grid .site-container {
	padding-top: 60px;
}

/* Category */
.cat-banner .wrapper {
	max-width: 100%;
	display: flex;
	gap: 80px;
	align-items: center;
}

.cat-banner .left-block {
	text-align: left;
	flex: 0 0 54%;
}

.cat-banner .right-block {
	flex: 1;
}

.cat-banner .right-block img {
	border-radius: 20px;
	display: block;
}

.cat-banner .desc {
	font-size: 18px;
	line-height: 1.8;
}

/* Author */
.author .page-banner .section-title {
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: center;
	font-size: 34px;
}

.author .page-banner .section-title .vcard {
	color: var(--headline);
	display: block;
}

.author .page-banner .section-title img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

/**************
* Single Post *
***************/

/* Breadcrumb */
.rank-math-breadcrumb {
	margin-bottom: 15px;
}

.rank-math-breadcrumb a,
.rank-math-breadcrumb p {
	font-size: 14px;
	line-height: 22px;
	color: #545454;
	margin-bottom: 0;
}

.rank-math-breadcrumb a:hover {
	color: var(--primary);
}

.rank-math-breadcrumb .separator {
	margin: 0 8px;
}

.single-post .main-wrapper .site-container {
	display: flex;
	grid-gap: 70px;
	padding-top: 50px;
}

.single-details .main-wrapper .site-container {
	flex-direction: row-reverse;
}

.single-post .main-wrapper .primary {
	flex: 1;
}

.single-post .primary .entry-title {
	color: var(--headline);
	font-size: 40px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 20px;
}

.single-post .primary .meta {
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	color: var(--text);
	display: flex;
	grid-gap: 30px;
	align-items: center;
}

.single-post .primary .meta p,
.single-post .primary .meta a {
	color: var(--text);
}

.single-post .primary .meta .author a {
	display: flex;
	align-items: center;
}

.single-post .primary .meta .author a:hover {
	color: var(--primary);
}

.single-post .primary .meta img {
	border-radius: 50px;
	margin-right: 15px;
}

.single-post .primary .meta .date {
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0a7 7 0 1 0 7 7 7.01 7.01 0 0 0-7-7m0 12.923A5.923 5.923 0 1 1 12.923 7 5.93 5.93 0 0 1 7 12.923M11.308 7a.54.54 0 0 1-.539.538H7A.54.54 0 0 1 6.462 7V3.23a.538.538 0 1 1 1.076 0v3.232h3.231a.54.54 0 0 1 .539.538' fill='%23333'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 0px 5px;
	background-size: 13px 13px;
	padding-left: 24px;
}

.single-post .primary .meta .cat {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.594 1.16 4.108 0H0v11.347h16V1.16zM3.95.442l1.486 1.16h10.112v1.352H.453V.442zM.453 10.905v-7.51h15.094v7.51z' fill='%23333'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 0px 5px;
	background-size: 16px 12px;
	padding-left: 30px;
}

.single-post .primary .meta .cat a:hover {
	color: var(--primary);
}

.single-post .primary .thumbnail img {
	display: block;
	border-radius: 10px;
	margin: 30px 0 30px;
	width: 100%;
}

.single-details .entry-content {
	margin-top: 0px;
}

.single-details .entry-content a {
	color: var(--primary);
}

.single-details .entry-content ol,
.single-details .entry-content ul {
	margin: 0 0 25px 25px;
}

.single-post .sidebar #secondary {
	width: 100%;
	padding: 0;
	margin: 0;
}

.entry-content .wp-block-image img {
	margin: 10px 0 30px;
}

/* Author Box */
.author-box {
	display: flex;
	align-items: center;
	grid-gap: 20px 30px;
	padding: 40px;
	margin-top: 40px;
	background: #ffffff;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
}

.author-box .left-block {
	flex: 0 0 100px;
}

.author-box .left-block img {
	border-radius: 50%;
}

.author-box .right-block {
	flex: 1;
}

.author-box .title {
	font-weight: 600;
	font-size: 22px;
	line-height: 1.4;
	color: var(--headline);
}

.author-box .bio {
	font-size: 16px;
	line-height: 1.6;
	color: var(--text);
	margin-top: 15px;
}

.author-box .social-links {
	margin-top: 25px;
}

/* Comments */
#comments {
	margin-top: 50px;
}

#comments .comment-respond {
	padding: 0;
}

#comments .comments-title {
	font-size: 25px;
	line-height: 35px;
	font-weight: 600;
	padding: 0;
	margin-bottom: 30px;
}

#comments .comment-author a {
	font-weight: 600;
	font-size: 15px;
	line-height: 25px;
	color: #212121;
	text-transform: capitalize;
}

#comments .entry-meta a {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #555;
	text-transform: none;
}

#comments .comment-reply-title {
	font-size: 26px;
	line-height: 36px;
	font-weight: 600;
	margin-bottom: 10px;
}

#comments form textarea,
#comments form input {
	border: 1px solid #eee;
	outline: 0;
	border-radius: 5px;
	font-size: 15px;
}

#comments input:focus[type='submit'],
#comments input[type='submit'] {
	border-radius: 4px;
	border: 0;
	outline: 0;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
}

#comments .children .ast-comment {
	margin-top: 20px;
}

/* Sidebar */
/* TOC */
.toc-open {
	overflow: hidden;
}

.single-details .toc-title {
	display: none;
}

.single-details .sidebar .toc {
	padding: 30px 15px 30px 25px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);
	position: sticky;
	position: -webkit-sticky;
	top: 30px;
}

#ez-toc-container {
	background: #fff;
	padding: 0;
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
	box-shadow: none;
}

#ez-toc-container nav {
	max-height: 425px;
	overflow-y: scroll;
	padding-right: 10px;
}

#ez-toc-container .ez-toc-title {
	display: block !important;
	font-size: 20px !important;
	line-height: 1.3 !important;
	font-weight: 600 !important;
	color: var(--headline) !important;
	margin-bottom: 20px;
}

#ez-toc-container .ez-toc-list li {
	border: 0;
	margin-bottom: 4px !important;
}

#ez-toc-container .ez-toc-list li a {
	text-decoration: none;
	display: block;
	background: #fff;
	padding: 7px 15px;
	border-radius: 4px;
	color: var(--text) !important;
	line-height: 1.5;
	font-weight: 400;
	transition: 0.3s all;
}

#ez-toc-container .ez-toc-list li.active a {
	background: var(--primary-light);
	color: var(--primary) !important;
}

#ez-toc-container .ez-toc-list li:hover a {
	color: var(--primary) !important;
}

#ez-toc-container nav::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

#ez-toc-container nav::-webkit-scrollbar-thumb {
	background-color: #f4f4f4;
	border-radius: 50px;
}

.single-post .main-wrapper .sidebar {
	flex: 0 0 29.16%;
}

/* Relates Articles */
.related-articles {
	background: #f6f6f6;
}

/********
 * PAGE *
 ********/

.page .page-content {
	margin-top: 0;
}

.page .page-content .site-container {
	padding: 60px 20px;
}

.page .page-content .entry-content {
	max-width: 840px;
	margin: 0 auto;
}

/**************
 * SUBSCRIBER *
 **************/

/* Banner */
.page-template-subscribe .banner .site-container {
	gap: 120px;
}

.page-template-subscribe .banner .right-block {
	flex: 0 0 38.3%;
}

.page-template-subscribe .banner .subscribe {
	max-width: 550px;
	margin-top: 40px;
}

.page-template-subscribe .banner .subscribe input {
	height: 56px;
	font-size: 18px;
	margin-bottom: 15px;
}

.page-template-subscribe .banner .subscribe button {
	padding: 13.5px 20px;
	font-size: 18px;
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
}

/* About: Auhtor Section */
.author-section {
	background: #f6f6f6;
}

.author-section .section-title {
	text-align: center;
}

.author-section .block {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 25px 25px 30px;
}

.author-section .block .avatar {
	width: 100%;
	border-radius: 10px;
}

.author-section .block .name {
	font-size: 22px;
	line-height: 1.4;
	color: var(--headline);
	margin: 18px 0 12px;
	display: flex;
	gap: 12px;
	align-items: center;
}

.author-section .block .name a {
	display: flex;
}

.author-section .block .name img {
	width: 24px;
	height: 24px;
}

.author-section .block .desc {
	font-size: 15px;
	line-height: 1.8;
	color: var(--text);
}

/* About: Linkedin CTA */
.linkedin-cta .site-container {
	display: flex;
	gap: 100px;
}

.linkedin-cta .left-block {
	flex: 1;
}

.linkedin-cta .right-block {
	flex: 0 0 40%;
}

.linkedin-cta .right-block img {
	border-radius: 20px;
	display: block;
}

.linkedin-cta .section-title {
	margin-bottom: 25px;
	font-size: 36px;
}

.linkedin-cta .btn {
	margin-top: 40px;
}

.linkedin-cta .btn a {
	padding: 13px 34px;
	font-size: 17px;
}

/****************
* MEDIA QUERIES *
*****************/

@media (max-width: 921px) {
	/* Category */
	.cat-banner .wrapper {
		display: block;
	}

	.cat-banner .right-block {
		margin-top: 30px;
	}

	.cat-banner .desc {
		font-size: 17px;
		line-height: 1.7;
	}
}

@media (max-width: 991px) {
	/* Global */

	/* Posts */
	.grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 25px;
	}

	/* Header */
	.site-header .inside-header {
		gap: 0px;
	}

	.site-header .main-navigation .sf-menu {
		background: #fff;
		color: #fff;
	}

	.site-header .main-navigation li a {
		padding: 5px 0 !important;
	}

	.site-header .main-navigation li a .dropdown-menu-toggle {
		padding: 0 10px !important;
	}

	.site-header .subscribe-btn {
		margin-left: 0px;
	}

	.site-header .subscribe-btn a {
		padding: 10px 30px !important;
		border-radius: 4px;
		transition: 0.3s ease-in-out;
		color: #fff !important;
		font-weight: 600;
		line-height: 1.7 !important;
	}

	.site-header .main-navigation ul li.subscribe-btn a {
		padding: 8px 20px !important;
		display: inline-block;
		margin-top: 10px;
	}

	.site-header .main-navigation ul.sub-menu {
		border-top: 0;
		box-shadow: none !important;
		border-radius: 0;
	}

	.site-header .main-navigation ul.sub-menu li:not(:last-child) {
		border-bottom: 1px solid #eee;
	}

	.site-header .main-navigation ul.sub-menu li a {
		padding: 12px 20px 12px 20px;
	}

	.site-header .main-navigation ul.toggled-on li a {
		margin: 10px !important;
	}

	/************
 * HOMEPAGE *
 ************/

	/* Banner */
	.banner .site-container {
		display: flex;
		gap: 30px;
		padding-top: 50px;
		flex-direction: column-reverse;
	}

	.banner .section-title {
		font-size: 40px;
	}

	/* Footer */
	.site-footer .footer-widgets-container .inside-footer-widgets {
		flex-wrap: wrap;
		grid-row-gap: 40px;
	}

	.site-footer .footer-widgets-container .inside-footer-widgets > div {
		flex: 0 0 50% !important;
	}

	.site-footer .footer-widget-4 {
		padding-left: 0;
	}

	/**************
* Single Post *
***************/

	.single-post .main-wrapper .site-container {
		display: block;
		padding-top: 40px;
	}

	.single-post .primary .entry-title {
		font-size: 28px;
	}

	.single-post .primary .meta {
		font-size: 13px;
		line-height: 20px;
		grid-gap: 10px 15px;
		flex-wrap: wrap;
	}

	.single-post .primary .meta img {
		width: 35px;
		height: 35px;
		margin-right: 8px;
	}

	.single-post .primary .meta .date {
		background-position: 0px 4px;
		background-size: 11px 11px;
		padding-left: 22px;
	}

	.single-post .primary .meta .cat {
		background-size: 13px 10px;
		padding-left: 24px;
	}

	.single-post .primary .thumbnail img {
		margin: 20px 0 30px;
	}

	.entry-content .wp-block-image img {
		margin: 5px 0 25px;
	}

	/* Sidebar */
	/* TOC */
	.single-details .toc-title.active::after {
		transform: translateY(-50%) rotate(180deg);
	}

	.single-details .toc-title.sticky {
		display: block;
	}

	.single-details .toc-title {
		background: #fff;
		padding: 12px 15px;
		position: fixed;
		top: 20px;
		border: 1px solid #dbdbdb;
		font-size: 15px;
		line-height: 1.4;
		font-weight: 500;
		border-radius: 5px;
		color: var(--headline);
		margin: 0;
		transition: 0.3s all;
		z-index: 999;
		cursor: pointer;
		width: calc(100% - 80px);
	}

	.single-details .toc-title:after {
		content: '';
		background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M8.00492 9.355C7.74492 9.355 7.49492 9.255 7.29492 9.065L0.294922 2.055L1.70492 0.645004L7.99492 6.935L14.2949 0.645004L15.7049 2.055L8.70492 9.055C8.50492 9.255 8.25492 9.345 7.99492 9.345L8.00492 9.355Z' data-fill='true' fill='%23252525'%3E%3C/path%3E%3C/svg%3E");
		width: 14px;
		height: 10px;
		display: block;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		transition: transform 0.3s;
	}

	.single-details .sidebar .toc.active {
		display: block;
	}

	.single-details .sidebar .toc {
		display: none;
		position: fixed;
		top: 72px;
		border: 1px solid #eee;
		padding: 20px 10px 20px 15px;
		z-index: 999;
		width: calc(100% - 80px);
	}

	#ez-toc-container .ez-toc-title-container {
		display: none;
	}

	#ez-toc-container {
		width: 100%;
	}

	/* Author Box */
	.author-box {
		display: block;
		text-align: center;
		padding: 30px 20px;
		margin-top: 30px;
	}

	.author-box .left-block img {
		width: 90px;
	}

	.author-box .title {
		margin-top: 15px;
	}

	.author-box .bio {
		font-size: 14px;
		line-height: 24px;
		margin-top: 15px;
	}

	/* Comments */
	#comments {
		margin-top: 30px;
		padding-bottom: 0;
	}

	#comments .comments-title {
		font-size: 20px;
		line-height: 32px;
	}

	#comments .comment-reply-title {
		font-size: 22px;
		line-height: 32px;
		font-weight: 600;
	}

	#comments input:focus[type='submit'],
	#comments input[type='submit'] {
		font-size: 15px;
		line-height: 26px;
	}

	/**************
 * SUBSCRIBER *
 **************/

	/* Banner */
	.page-template-subscribe .banner .site-container {
		gap: 60px;
		flex-direction: row;
	}

	/* About: Linkedin CTA */
	.linkedin-cta .site-container {
		gap: 50px;
	}
}

@media (max-width: 767px) {
	/**********
	* GLOBAL *
	**********/

	.site-container {
		max-width: 100%;
		padding: 50px 20px;
	}

	.section-title {
		font-size: 26px;
	}

	h2.section-title {
		max-width: 100%;
		margin: 0 auto 30px;
	}

	.desc {
		font-size: 16px;
	}

	.btn a,
	.btn button {
		font-size: 15px;
		padding: 10px 25px;
	}

	.btn a svg,
	.btn button svg {
		width: 14px;
		height: 14px;
	}

	/* Posts */
	.grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 30px 20px;
	}

	.posts .card .thumbnail {
		padding-bottom: 58%;
	}

	.posts .card .thumbnail img:hover {
		transform: scale(1.1);
	}

	.posts .card-article .title {
		margin-top: 15px;
	}

	.posts .card-article .title a {
		font-size: 17px;
	}

	.posts .card-article .date {
		margin-top: 15px;
	}

	/* Pagination */
	.pagination {
		margin-top: 50px;
		grid-gap: 10px;
	}

	.pagination .page-numbers {
		padding: 6px 15px;
		font-size: 15px;
	}

	/* Header */
	.site-header .main-title {
		font-size: 20px;
	}

	.site-header .site-logo img {
		width: 40px;
	}

	.site-header .menu-toggle {
		padding: 8px 12px;
		background: #f8f8f8;
		border-radius: 4px;
		border: 1px solid #eee;
	}

	/************
 * HOMEPAGE *
 ************/

	/* Banner */
	.banner .section-title {
		font-size: 30px;
		margin-bottom: 18px;
	}

	.banner .desc {
		font-size: 16px;
	}

	.banner .btn {
		margin-top: 25px;
	}

	.banner .btn a {
		padding: 11px 20px;
		font-size: 15px;
		display: flex;
	}

	/* About */
	.about-us .site-container {
		display: block;
		padding-top: 20px;
		padding-bottom: 50px;
	}

	.about-us .left-block {
		margin-bottom: 30px;
	}

	.about-us .left-block img {
		border-radius: 10px;
	}

	.about-us .desc p strong {
		font-size: 18px;
	}

	.about-us .desc ul li {
		background-size: 18px;
		background-position: 0 6px;
		padding-left: 28px;
	}

	.about-us .btn a {
		display: flex;
	}

	/* Cat: Real Estate */
	.cat-posts .btn {
		margin-top: 40px;
	}

	.project-management .site-container {
		padding-top: 20px;
	}

	/* Footer */
	.site-footer .footer-widgets-container .inside-footer-widgets {
		grid-row-gap: 0;
	}

	.site-footer .widget-title,
	.site-footer .wp-block-heading {
		font-size: 18px;
		margin-bottom: 20px !important;
	}

	.footer-posts .cat-title {
		font-size: 16px;
	}

	.site-footer .widget ul li:not(:last-child) {
		margin-bottom: 14px;
	}

	.site-footer .widget ul li a,
	.site-footer .widget ul li {
		font-size: 14px;
	}

	.site-footer .connect-us li {
		background-size: 14px 20px;
		padding-left: 25px;
	}

	.site-footer .connect-us li.address {
		background-size: 12px 22px;
		background-position: 0 -3px;
	}

	.subscribe input {
		height: 44px;
		font-size: 14px;
	}

	.subscribe button {
		padding: 10px 20px;
		font-size: 15px;
	}

	.site-footer .inside-site-info {
		padding: 25px 20px;
	}

	.site-footer .copyright-bar {
		flex-direction: column-reverse;
		gap: 20px;
	}

	.social-links {
		justify-content: center;
	}

	.social-links a img {
		height: 16px;
	}

	/*************
 * BLOG PAGE *
 *************/

	/* Page Header */

	.page-banner .site-container {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.page-banner .wrapper {
		max-width: 100%;
	}

	.page-banner .section-title {
		font-size: 32px;
	}

	.page-banner .desc {
		margin-top: 16px;
		font-size: 16px;
	}

	/* Blog Grid */
	.blog-grid .site-container {
		padding-top: 60px;
	}

	/* Author */
	.author .page-banner .section-title {
		display: block;
		font-size: 30px;
	}

	.author .page-banner .section-title img {
		width: 80px;
		height: 80px;
		margin-bottom: 15px;
	}

	/********
 * PAGE *
 ********/

	.page .page-content .site-container {
		padding: 40px 20px 50px;
	}

	/**************
 * SUBSCRIBER *
 **************/

	/* Banner */
	.page-template-subscribe .banner .site-container {
		flex-direction: column;
		gap: 50px;
	}

	.page-template-subscribe .banner .right-block {
		flex: 0 0 100%;
		text-align: center;
	}

	.page-template-subscribe .banner .right-block img {
		width: 85%;
		margin: 0 auto;
	}

	.page-template-subscribe .banner .subscribe {
		max-width: 100%;
		margin-top: 30px;
	}

	.page-template-subscribe .banner .subscribe input {
		height: 50px;
		font-size: 16px;
		margin-bottom: 10px;
	}

	.page-template-subscribe .banner .subscribe button {
		padding: 12px 20px;
		font-size: 16px;
	}

	.page-template-subscribe .banner .subscribe button svg {
		width: 14px;
		height: 14px;
	}

	/* About: Auhtor Section */

	.author-section .block {
		padding: 20px 20px 25px;
	}

	.author-section .block .name {
		font-size: 19px;
		margin: 15px 0 10px;
	}

	.author-section .block .name img {
		width: 22px;
		height: 22px;
	}

	.author-section .block .desc {
		font-size: 14px;
	}

	/* About: Linkedin CTA */
	.linkedin-cta .site-container {
		gap: 35px;
		flex-direction: column-reverse;
	}

	.linkedin-cta .right-block {
		flex: 0 0 100%;
	}

	.linkedin-cta .right-block img {
		border-radius: 10px;
		width: 100%;
	}

	.linkedin-cta .section-title {
		margin-bottom: 15px;
		font-size: 26px;
	}

	.linkedin-cta .btn {
		margin-top: 30px;
	}

	.linkedin-cta .btn a {
		display: flex;
		padding: 12px 20px;
		font-size: 15px;
	}

	/**************
* Single Post *
***************/

	/* Sidebar */
	/* TOC */

	.single-details .toc-title {
		width: calc(100% - 40px);
	}

	.single-details .sidebar .toc {
		width: calc(100% - 40px);
	}
}