/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

html :where(.editor-styles-wrapper) h1,
html :where(.editor-styles-wrapper) h2,
html :where(.editor-styles-wrapper) h3,
html :where(.editor-styles-wrapper) h4,
html :where(.editor-styles-wrapper) h5,
html :where(.editor-styles-wrapper) h6,
html :where(.editor-styles-wrapper) p {
	margin: 0;
	padding: 0;
}

* {
	margin: 0;
	padding: 0;
}
.heroCardSeparator {
    margin-top: -135px !important;
}
.wp-block-artcloud-blocks-artcloud-card {
	// background-color: #FFF;
	.alert-icon-svg {
		display: block;
	}
	&.card-text-align-right {
		text-align: right;
	}

	&.card-text-align-left {
		text-align: left;
	}

	&.card-text-align-center {
		text-align: center;
	}

	.wp-block-cover {
		min-height: 255px;
		padding: 1.625rem 1.25rem;
		margin-top: 1rem;
		background-color: var(--wp--preset--color--primary);
	}
	.artcloud_card_button .wp-block-button__link{
		border: 2px solid var(--wp--preset--color--white);
	}
}

.wp-block-artcloud-blocks-artcloud-card .artcloud-card {
	padding: 20px 15px;
}

.wp-block-artcloud-blocks-artcloud-card .artcloud_card_heading {
	padding: 5px 10px;
	font-size: 27px;
}

.wp-block-artcloud-blocks-artcloud-card .artcloud_card_description {
	padding: 20px 10px;
	margin-top: 0;
}

.wp-block-button__link {
	border-radius: 40px;
	border: 2px solid var(--wp--preset--color--white);
}

.wp-block-artcloud-blocks-artcloud-card {
	position: relative;
	z-index: 1;
}

.block-green-images-overlap {
	margin-top: 4rem;
	color: var(--wp--preset--color--black);

	.wp-block-column {
		& > .wp-block-image {
			margin-right: -9.875rem;
			position: relative;
			z-index: 1;

			img {
				width: 100% !important;
			}
		}

		&.has-background {
			padding: 6rem 4rem 6rem 14.625rem !important;

			& > * + * {
				margin-top: 1.75rem !important;
			}
		}
	}
}

// .block-topical-main {
// 	margin-top: 4rem;

// 	.wp-block-query {
// 		margin-top: 2.25rem;

// 		.wp-block-post-template {
// 			gap: 2.25rem;

// 			.wp-block-post {
// 				background-color: var(--wp--preset--color--white);
// 				border: 1px solid var(--wp--preset--color--gray);
// 				padding-bottom: 1.5rem;
// 				color: var(--wp--preset--color--black);

// 				.wp-block-post-date {
// 					font-size: var(--wp--preset--font-size--medium);
// 				}

// 				.wp-block-post-date,
// 				.wp-block-post-title {
// 					padding-left: 1.5rem;
// 					padding-right: 1.5rem;
// 					margin-top: 0.875rem;

// 					a {
// 						color: var(--wp--preset--color--black);
// 						text-decoration: none;
// 						font-weight: 500;
// 					}
// 				}

// 				.wp-block-post-excerpt {
// 					padding-left: 1.5rem;
// 					padding-right: 1.5rem;
// 					margin-top: 1.125rem;

// 					&__more-link {
// 						padding: calc(0.667em + 2px) calc(1.333em + 2px);
// 						background: var(--wp--preset--color--primary);
// 						color: var(--wp--preset--color--white);
// 						border: 3px solid var(--wp--preset--color--white);
// 						text-decoration: none;
// 						border-radius: 3rem;

// 						&:hover {
// 							background: var(--wp--preset--color--secondary);
// 							color: var(--wp--preset--color--white);
// 						}
// 					}
// 				}
// 			}
// 		}
// 	}
// }

// .block-popular-blogs-main {
// 	margin-top: 5rem;

// 	.wp-block-heading {
// 		margin-bottom: 3rem;
// 	}

// 	.wp-block-query {
// 		.wp-block-post-template {
// 			gap: 2.25rem;

// 			.wp-block-post {
// 				color: var(--wp--preset--color--black);

// 				.wp-block-group {
// 					.wp-block-group {
// 						margin-top: 0;
// 						padding: 7rem 1.25rem 1.625rem;

// 						.wp-block-column {
// 							display: flex;
// 							gap: 1.125rem;
// 						}
// 					}
// 				}

// 				.wp-block-post-featured-image {
// 					margin-bottom: -6.25rem;
// 					text-align: center;

// 					img {
// 						mask-image: url(http://localhost/vihreatlocal/wp-content/uploads/2023/12/hero-image.png);
// 						mask-position: top center;
// 						mask-repeat: no-repeat;
// 						mask-size: 100% auto;
// 						width: 272px;
// 						max-width: 100%;
// 						height: 285px;
// 						object-fit: cover;
// 					}
// 				}

// 				.wp-block-post-date,
// 				.wp-block-post-title {
// 					font-size: 1rem;
// 					line-height: 1.2;
// 					margin-top: 0;

// 					a {
// 						color: var(--wp--preset--color--black);
// 						font-weight: 500;
// 					}
// 				}

// 				.wp-block-post-excerpt {
// 					margin-top: 1.125rem;
// 					font-size: 1.125rem;
// 					font-weight: 500;

// 					&__more-link {
// 						min-width: 106px;
// 						padding: calc(0.667em + 2px) calc(1.333em + 2px);
// 						background: var(--wp--preset--color--primary);
// 						color: var(--wp--preset--color--white);
// 						text-decoration: none;
// 						border-radius: 3rem;
// 						text-align: center;

// 						&:hover {
// 							background: var(--wp--preset--color--secondary);
// 							color: var(--wp--preset--color--white);
// 						}
// 					}
// 				}
// 			}
// 		}
// 	}
// }

// @media only screen and (max-width: 600px) {
// 	.editor-styles-wrapper {
// 		.section-hero-main {
// 			.wp-block-cover {
// 				padding-bottom: inherit;
// 				min-height: auto;
// 				margin-bottom: 0;
// 			}
// 		}
// 	}
// }
@media only screen and (max-width: 767px) {
	.heroCardSeparator {
		margin-top: 0px !important;
	}
}
