@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap');

/* Remove Popup Maker's default box so our card shows cleanly */
#pum-11338 .pum-container {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  max-width: 460px !important;
}

/* The card */
#pum-11338 .cw-card {
  font-family: 'Inter', system-ui, sans-serif;
  background: #fffdf6;
  border-radius: 22px;
  padding: 40px 34px 34px;
  text-align: center;
  color: #241a3d;
  box-shadow: 0 30px 80px -20px rgba(36,26,61,.5);
}
#pum-11338 .cw-badge {
  display: inline-block;
  font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: #6d28d9; background: #efe7ff;
  padding: 6px 14px; border-radius: 999px; margin-bottom: 16px;
}
#pum-11338 .cw-head {
  font-family: 'Fraunces', serif; font-weight: 600; font-size: 1.55rem; line-height: 1.18; margin: 0 0 10px;
}
#pum-11338 .cw-sub { font-size: 1rem; line-height: 1.5; color: #5b5470; margin: 0 0 22px; }
#pum-11338 .cw-foot { font-size: .78rem; color: #948da6; line-height: 1.45; margin: 16px 0 0; }

/* Mailchimp form fields */
#pum-11338 .mc4wp-form { margin: 0; }
#pum-11338 .mc4wp-form-fields p { margin: 0 0 12px; }
#pum-11338 .mc4wp-form label {
  display: block; text-align: left; font-size: .82rem; font-weight: 600; color: #47405c; margin-bottom: 5px;
}
#pum-11338 .mc4wp-form input[type="text"],
#pum-11338 .mc4wp-form input[type="email"] {
  width: 100%; box-sizing: border-box; font-family: 'Inter', sans-serif; font-size: 1rem;
  padding: 13px 15px; border: 1.5px solid #e4ddd0; border-radius: 12px; background: #fff; color: #241a3d;
}
#pum-11338 .mc4wp-form input[type="text"]:focus,
#pum-11338 .mc4wp-form input[type="email"]:focus {
  outline: none; border-color: #6d28d9; box-shadow: 0 0 0 4px rgba(109,40,217,.16);
}
#pum-11338 .mc4wp-form input[type="submit"] {
  width: 100%; cursor: pointer; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 1.02rem;
  color: #fffdf6; background: #6d28d9; border: none; border-radius: 12px; padding: 14px; transition: background .15s ease;
}
#pum-11338 .mc4wp-form input[type="submit"]:hover { background: #5b1fc0; }t: contain;
	background-color: #eee;
	border: 1px solid #eee;
	border-radius: 10px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
	background-color: #87358C;
}

main.blog nav.pagination a {
	background: #87358c;
	padding: 20px 30px;
	display: inline-block;
	border-radius: 10px;
	color: white;
	text-decoration: none;
}

main.blog {
	max-width: 1400px !important;
	margin-bottom: 10em;
}

.tagcloud a.active-tag {
	background: #FF8D00;
	color: white;
	font-weight: bold;
}

.blog form.search-form input, .blog form.search-form label {
	width: 100% !important;
}

.blog input.search-submit:hover {
	opacity: .8;
}

.blog .pagination .nav-next {
	margin-left: 30px;
}

.blog input.search-field {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border: 0;
	background: #eee;
	padding: 15px 16px;
}

.blog input.search-submit {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background: #87358c;
	color: white;
	font-weight: bold;
	border: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 12px;
	margin-bottom: 30px;
}

@media (min-width:768px) {
	.blog .page-content {
		display: flex;
		align-items: flex-start;
	}
	
	.blog aside.sidebar-area {
		width: 28%;
		padding-right: 5%;
	}
	
	.blog .mz-posts-area {
		width: 72%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}

.tagcloud a {
	border: 1px solid #FF8D00;
	padding: 10px;
	display: inline-block;
	font-size: 12px !important;
	text-decoration: none !important;
	color: black;
	margin: 4px;
	text-transform: capitalize;
	transition: .4s;
	border-radius: 10px;
}

.tagcloud a:hover {
	background: #FF8D00;
	color: white;
}

.mz-posts-area article {
	width: 30%;
	background: #77AD0F;
	border-radius: 20px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
	margin-left: 2.5%;
}

.mz-posts-area article p {
	display: none;
}

.mz-posts-area article h2.entry-title a {
	color: white !important;
	font-size: 20px !important;
	line-height: 25px !important;
	display: block;
}

.mz-posts-area article img {
	height: 200px;
	object-fit: cover;
}

.single-post main#content {
    margin: 0 auto;
}

@media (max-width:767px) {
	.mz-posts-area article {
		width: 95%;
		margin: 30px auto;
	}
}

#jp-relatedposts {
    margin-left: 30px; /* Adjust this value as needed */
	 
}

#comments {
    margin-left: 30px; /* Adjust this value as needed */
}