/* BlOG HOMEPAGE */

/* Hero Image */
.panel-page.weddings .ccl-v2-widget.core-v2-hero-image .slide-footer .read-more {
	--text-color: var(--gray-dark-alt);
	--background-color: var(--green-light);
	--arrow-color: var(--gray-dark-alt);
	--border-color: var(--background-color);
	--background-color-hover: var(--white);
	--text-color-hover: var(--gray-dark-alt);
	--arrow-color-hover: var(--gray-dark-alt);
	--border-color-hover: var(--background-color);

	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	padding: var(--space-3) 30px;
	margin: 0;
	font-family: var(--font-soft);
	font-weight: var(--font-weight-bold);
	font-size: 0.8125rem;
	line-height: normal;
	text-transform: uppercase;
	text-align: left;
	text-decoration: none !important;
	color: var(--text-color);
	background-color: var(--background-color);
	border: 2px solid var(--border-color);
	border-radius: 5px;
	transition: color var(--transition-appendix), background-color var(--transition-appendix), border-color var(--transition-appendix);
}

@media(hover: hover) {
	.panel-page.weddings .ccl-v2-widget.core-v2-hero-image .slide-footer .read-more:hover {
		background-color: var(--background-color-hover);
		color: var(--gray-dark-alt);
		border-color: var(--border-color-hover);
	}
}

@media (min-width: 64em) {
	.panel-page.weddings .ccl-v2-widget.core-v2-hero-image .slide-footer .read-more {
		font-size: var(--text-sm);
	}
}

/* Navbar */
.panel-page.weddings .custom-navbar {
	color: var(--gray-dark-alt);
	padding: 0;
	margin-top: var(--space-5);
}

.panel-page.weddings .custom-navbar .inner {
	max-width: calc(100% - var(--space-10));
	width: 100%;
	border-radius: 10px;
	margin-inline: auto;

	.fixed & {
		left: var(--space-5);
	}
}

.panel-page.weddings .custom-navbar .inner,
.panel-page.weddings .custom-navbar .overflow button {
	background-color: var(--green-light);
}

.panel-page.weddings .custom-navbar .primary-list {
	padding-top: 23px;
	padding-bottom: 22px;
	padding-left: var(--space-5);
}

.panel-page.weddings .custom-navbar .overflow button {
	justify-content: center;
	border-radius: 10px;
}

.panel-page.weddings .custom-navbar .overflow-list {
	background-color: var(--white);
	border: 2px solid var(--green-light);
	border-radius: 10px;
}

@media (hover: hover) {
	.panel-page.weddings .custom-navbar a:hover {
		color: var(--pink);
		text-decoration: none;
	}
}

@media (min-width: 40em) {
	.panel-page.weddings .custom-navbar .inner {
		align-items: center;
		justify-content: center;
	}

	.panel-page.weddings .custom-navbar .widget-title {
		display: inline-block;
		font-family: var(--font-body);
		text-transform: uppercase;
	}

	.panel-page.weddings .custom-navbar .overflow button {
		justify-content: flex-end;
	}
}

@media (min-width: 64em) {
	.panel-page.weddings .custom-navbar {
		margin-bottom: var(--space-24);
	}
}

/* Editorial Panel */
.panel-page.weddings .editorial-grid .details i {
	color: var(--sage-dark);
}

@media (min-width: 64em) {
	.panel-page.weddings .editorial-container {
		max-width: 1200px;
		margin-bottom: 112px;
	}

	.panel-page.weddings .editorial-container .title {
		margin-bottom: var(--space-6);
	}

	.panel-page.weddings .editorial-container .widgets {
		grid-template-columns: minmax(67.86%, auto) minmax(0, 1fr);
		gap: 0;
	}

	.panel-page.weddings .editorial-container .widgets .list-col {
		margin-left: var(--space-5);
	}

	.panel-page.weddings .editorial-grid .slide .info-flag::before {
		background-color: var(--gray-dark-alt);
	}

	.panel-page.weddings .editorial-grid .slide .info-flag {
		color: var(--gray-dark-alt);
		letter-spacing: var(--tracking-wider);
	}

	.panel-page.weddings .editorial-grid .slide.large .slide-title {
		font-size: 1.75rem;
	}

	.panel-page.weddings .editorial-grid .slide.large .slide-desc {
		font-size: var(--text-lg);
		line-height: 1.2;
	}
}

/* Slider, 2-Across */
.panel-page.weddings .slider-v2-2-across .slide .content-section {
	background: var(--white);
}

.panel-page.weddings .slider-v2-2-across .slide .info-flag {
	letter-spacing: var(--tacking-wider);
}

@media (min-width: 64em) {
	.panel-page.weddings .slider-v2-2-across {
		margin-bottom: 124px;
	}

	.panel-page.weddings .slider-v2-2-across .widget-header .view-all-col .widget-view-all {
		letter-spacing: var(--tracking-wider);
	}
}

/* Slider, 3-Across, With Header */
.panel-page.weddings .core-v2-preview-slider-with-header .widget-view-all {
	--text-color: var(--white);
	--background-color: var(--gray-dark-alt);
	--arrow-color: var(--white);
	--border-color: var(--background-color);
	--text-color-hover: var(--gray-dark-alt);
	--background-color-hover: var(--white);
	--arrow-color-hover: var(--gray-dark-alt);
	--border-color-hover: var(--background-color);
}

.panel-page.weddings .core-v2-preview-slider-with-header .slide .slide-title {
	font-family: var(--font-body);
}

@media (min-width: 64em) {
	.panel-page.weddings .core-v2-preview-slider-with-header .widget-header {
		gap: var(--space-6);
		padding-top: 55px;
	}

	.panel-page.weddings .core-v2-preview-slider-with-header .widget-header .title-col {
		gap: 22px;
	}

	.panel-page.weddings .core-v2-preview-slider-with-header .widget-header .view-all-col .widget-view-all {
		letter-spacing: var(--tracking-wider);
	}
}

/* Preview Slider w/ Header */
.core-v2-preview-slider-with-header .widget-inner {
	background: rgb(242 238 226 / 45%);
}


/* BLOG DETAIL */

/* Blog Hero Image */
.blog-detail .panel-page.weddings .custom-blog-detail-hero {
	margin-bottom: 0;
}

/* Navbar */
.blog-detail .panel-page.weddings .custom-navbar {
	margin-bottom: 0;
}

/* Blog Post Content */
.blog-detail .panel-page.weddings .blog-container {
	margin-top: var(--space-6);
}

.blog-detail .panel-page.weddings .post-squeeze {
	position: relative;
	padding-top: var(--space-10);
}

.blog-detail .panel-page.weddings .title-container,
.blog-detail .panel-page.weddings .post-squeeze .contentRender_name_plugins_core_textbox,
.blog-detail .panel-page.weddings .footer,
.blog-detail .panel-page.weddings .author,
.blog-detail .panel-page.weddings .related-container,
.blog-detail .panel-page.weddings .sibling-posts {
	padding-left: var(--space-5);
	padding-right: var(--space-5);
	max-width: 960px;
}

.blog-detail .panel-page.weddings .related-container {
	max-width: 1200px;
}

.blog-detail .panel-page.weddings .shared-back-button {
	position: absolute;
	top: 0;
	left: 34px;
	font-family: var(--font-body);
	font-size: var(--text-base);
	line-height: var(--leading-none);
	color: var(--dark-gray-alt);
}

.blog-detail .panel-page.weddings .shared-back-button i {
	font-size: var(--text-sm);
}

.blog-detail .panel-page.weddings .shared-back-button i::before {
	content: '\f053';
}

@media (hover: hover) {
	.blog-detail .panel-page.weddings .shared-back-button:hover {
		color: var(--pink);
	}
}

.blog-detail .panel-page.weddings .blog-detail .blog-single h1.title {
	margin-bottom: var(--space-5);
}

.blog-detail .panel-page.weddings .blog-single h2.subtitle {
	color: var(--gray-mid);
}

.blog-detail .panel-page.weddings .author-by-line {
	color: var(--gray-mid);
}

.blog-detail .panel-page.weddings .author-by-line span {
	color: var(--gray-mid);
	text-transform: lowercase;
	font-style: normal;
}

.blog-detail .panel-page.weddings .author-by-line a {
	color: var(--gray-dark-alt);
}

.blog-detail .panel-page.weddings :is(.contentRender_name_plugins_core_textbox) a {
	color: var(--gray-dark-alt);
}

.blog-detail .panel-page.weddings .post-squeeze .contentRender_name_plugins_core_textbox p {
	margin-bottom: 27px;
}

@media (hover: hover) {
	.blog-detail .panel-page.weddings .author-by-line a:hover,
	.blog-detail .panel-page.weddings :is(.contentRender_name_plugins_core_textbox) a:hover {
		color: var(--pink);
	}
}

@media (min-width: 40em) {
	.blog-detail .panel-page.weddings :is(.contentRender_name_plugins_core_textbox) h3 {
		font-size: 1.625rem;
		margin-bottom: var(--space-5);
	}
}

/* Imagebox With Caption */
.blog-detail .panel-page.weddings .image-box-with-caption {
	max-width: 1200px;
}

@media (min-width: 64em) {
	.blog-detail .panel-page.weddings .image-box-with-caption {
		margin-bottom: 58px;
	}
}

/* Callout Tiles, 4-Across */
.blog-detail .panel-page.weddings .ccl-v2-widget.callout-tiles-v2-4-across .widget-inner {
	background: #f2eee2;
}

.blog-detail .panel-page.weddings .ccl-v2-widget.callout-tiles-v2-4-across .widget-subtitle,
.blog-detail .panel-page.weddings .ccl-v2-widget.callout-tiles-v2-4-across .widget-title,
.blog-detail .panel-page.weddings .ccl-v2-widget.callout-tiles-v2-4-across .widget-desc {
	color: var(--gray-dark-alt);
}

.blog-detail .panel-page.weddings .ccl-v2-widget.callout-tiles-v2-4-across .widget-view-all {
	--text-color: var(--white);
	--background-color: var(--gray-dark-alt);
	--arrow-color: var(--white);
	--border-color: var(--background-color);
	--text-color-hover: var(--gray-dark-alt);
	--background-color-hover: var(--white);
	--arrow-color-hover: var(--gray-dark-alt);
	--border-color-hover: var(--background-color);
}

@media (min-width: 64em) {
	.blog-detail .panel-page.weddings .ccl-v2-widget.callout-tiles-v2-4-across {
		margin-bottom: 90px;
	}

	.blog-detail .panel-page.weddings .ccl-v2-widget.callout-tiles-v2-4-across .widget-view-all {
		letter-spacing: var(--tracking-wider);
	}
}

/* Editorial Gallery */
.blog-detail .panel-page.weddings .editorial-gallery .content-section p {
	color: var(--gray-dark-alt);
}

@media (min-width: 64em) {
	.blog-detail .panel-page.weddings .editorial-gallery {
		margin-bottom: var(--space-20);
	}
}

/* Slider, 1-Across */
.blog-detail .panel-page.weddings .slider-v2-1-across .title-col .widget-subtitle {
	display: none;
}

.blog-detail .panel-page.weddings .slider-v2-1-across .slide .read-more {
	--text-color: var(--white);
	--background-color: var(--gray-dark-alt);
	--arrow-color: var(--white);
	--border-color: var(--background-color);
	--text-color-hover: var(--gray-dark-alt);
	--background-color-hover: var(--white);
	--arrow-color-hover: var(--gray-dark-alt);
	--border-color-hover: var(--background-color);
}

@media (min-width: 64em) {
	.blog-detail .panel-page.weddings .slider-v2-1-across {
		margin-bottom: 125px;
	}

	.blog-detail .panel-page.weddings .slider-v2-1-across .title-col {
		row-gap: 0;
	}

	.blog-detail .panel-page.weddings .slider-v2-1-across .title-col .widget-title-text {
		display: inline-flex;
		align-items: center;
		gap: var(--space-5);
	}

	.blog-detail .panel-page.weddings .slider-v2-1-across .content-section {
		border-radius: unset;
		padding-left: 29px;
		padding-top: 32px;
		padding-bottom: 6px;
	}
	.blog-detail .panel-page.weddings .slider-v2-1-across .slide.overlap-image-desktop .content-section {
		gap: 15px;
	}

	.blog-detail .panel-page.weddings .slider-v2-1-across .slide .read-more {
		letter-spacing: var(--tracking-wider);
	}
}

/* Slider, 3-Across */
.blog-detail .panel-page.weddings .slider-v2-3-across .slide .slide-footer {
	display: block;
}

.blog-detail .panel-page.weddings .slider-v2-3-across .slide .slide-footer .read-more {
	color: var(--gray-dark-alt);
	background-color: var(--pink-light);
	padding: 6px 16px 4px;
	border: 2px solid #FFF1EF;
	transition: background-color var(--transition-appendix);
}

@media (min-width: 64em) {
	.blog-detail .panel-page.weddings .slider-v2-3-across {
		margin-bottom: 110px;
	}

	.blog-detail .panel-page.weddings .slider-v2-3-across .slide .content-section {
		gap: 10px;
	}

	.blog-detail .panel-page.weddings .slider-v2-3-across .slide .slide-footer .read-more {
		letter-spacing: var(--tracking-wider);
	}
}

/* Categories/Tags */
.blog-detail .panel-page.weddings .blog-container .footer .post-categories,
.blog-detail .panel-page.weddings .blog-container .footer .post-tags {
	margin-bottom: var(--space-5);
}

.blog-detail .panel-page.weddings .blog-container .footer .post-categories a,
.blog-detail .panel-page.weddings .blog-container .footer .post-tags a {
	color: var(--dark-gray-alt);
}

@media (hover: hover) {
	.blog-detail .panel-page.weddings .blog-container .footer .post-categories a:hover,
	.blog-detail .panel-page.weddings .blog-container .footer .post-tags a:hover {
		color: var(--pink);
	}
}

/* SV Share */
.blog-detail .panel-page.weddings  .blog-single .footer .sv-share-trigger,
.blog-detail .panel-page.weddings  .blog-single .footer .sv-share-trigger i {
	color: var(--gray-dark-alt);
}

/* Author */
.blog-detail .panel-page.weddings .blog-container .author p {
	color: var(--gray-mid);
	line-height: 1.3;
}

@media (min-width: 64em) {
	.blog-detail .panel-page.weddings .blog-container .author {
		padding-top: 10px;
		margin-bottom: 60px;
	}
}

/* Related Posts */
.blog-detail .panel-page.weddings .related-posts h2 {
	margin-bottom: var(--space-1);
}

.blog-detail .panel-page.weddings .related-posts .related-item img {
	margin-bottom: var(--space-5);
}

.blog-detail .panel-page.weddings .related-posts .items h3 {
	margin-bottom: var(--space-3);
}

.blog-detail .panel-page.weddings .related-posts .read-more-link {
	color: var(--gray-dark-alt);
	background-color: var(--pink-light);
	padding: 6px 16px 4px;
	border: 2px solid #FFF1EF;
	transition: background-color var(--transition-appendix);
}

@media (hover: hover) {
	.blog-detail .panel-page.weddings .related-posts .items h3 a:hover {
		color: var(--pink);
	}

	.blog-detail .panel-page.weddings .related-posts .read-more-link:hover,
	.blog-detail .panel-page.weddings .slider-v2-3-across .slide .slide-footer .read-more:hover {
		background-color: var(--white);
	}
}

/* Sibling Posts Pagination */
.blog-detail .panel-page.weddings .blog-single .sibling-posts a {
	color: var(--dark-gray-alt);
}

@media (hover: hover) {
	.blog-detail .panel-page.weddings .blog-single .sibling-posts a:hover {
		color: var(--pink);
	}
}

@media (min-width: 64em) {
	.blog-detail .panel-page.weddings .blog-single .sibling-posts a {
		letter-spacing: var(--tracking-wider);
	}
}