/*==============================*/
/*=====----- WEDDINGS -----=====*/
/*==============================*/

/*----- general -----*/

.panel-page.weddings {
	background: var(--white);

	.ccl-v2-widget .widget-view-all {
		--text-color: var(--gray-dark-alt);
		--background-color: var(--green-light);
		--arrow-color: var(--gray-dark-alt);
		--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);
	
		font-size: var(--text-sm);
		letter-spacing: var(--tracking-wider);
	}

	.arrow-view-all-collection + .ccl-v2-widget .widget-view-all {
		--text-color: var(--gray-dark-alt);
		--arrow-color: var(--gray-dark-alt);
		--text-color-hover: var(--pink);
		--arrow-color-hover: var(--pink);
		font-size: 0.8125rem;
		letter-spacing: var(--tracking-normal);
	}

	.ccl-v2-widget .info-flag,
	.ccl-v2-widget .sponsored,
	.ccl-v2-widget .slide-title {
		color: var(--gray-dark-alt);
	}

	.ccl-v2-widget .overlap-image .info-flag,
	.ccl-v2-widget .overlap-image .sponsored,
	.ccl-v2-widget .overlap-image .slide-title {
		color: var(--white);
	}

	.ccl-v2-widget .info-flag::before,
	.ccl-v2-widget .sponsored::before {
		background-color: var(--gray-dark-alt);
	}

	.ccl-v2-widget .overlap-image .info-flag::before,
	.ccl-v2-widget .overlap-image .sponsored::before {
		background-color: var(--white);
	}

	.ccl-v2-widget .info-item .icon {
		color: var(--sage-dark);
	}

	.ccl-v2-widget .overlap-image .info-item .icon {
		color: var(--sage-dark);
	}

	:not(.read-more-default-button) > .ccl-v2-widget .slide-footer .read-more {
		--text-color: var(--gray-dark-alt);
		--arrow-color: var(--gray-dark-alt);
		--text-color-hover: var(--gray-dark-alt);
		--arrow-color-hover: var(--gray-dark-alt);
	}

	.read-more-default-button .ccl-v2-widget:not(.slider-v2-1-across) .slide-footer .read-more {
		--text-color: var(--gray-dark-alt);
		--border-color: var(--green-light);
		--background-color: var(--green-light);
		--arrow-color: var(--gray-dark-alt);
		--text-color-hover: var(--gray-dark-alt);
		--border-color-hover: var(--green-light);
		--background-color-hover: var(--white);
		--arrow-color-hover: var(--gray-dark-alt);
	}

	.glide__arrow, .sv-lightbox .arrow {
		--background-color: var(--gray-dark-alt);
		--background-color-hover: var(--gray-mid);
	}

	@media (hover: hover) {
		.ccl-v2-widget .slide-title > a:hover {
			color: var(--pink);
		}

		.ccl-v2-widget .overlap-image .slide-title > a:hover {
			color: inherit;
		}

		.ccl-v2-widget .details a:hover {
			color: var(--pink);
		}
	}

	@media (min-width: 64em) {
		.arrow-view-all-collection + .ccl-v2-widget .widget-view-all {
			font-size: var(--text-sm);
		}
	}
}

/*----- header -----*/

.panel-page.weddings .panel-header {
	background: var(--white);

	.logo-col {
		padding-top: 9px;
		padding-bottom: 9px;
	}

	.logo-cont {
		flex-basis: 122px;
	}

	.logo-cont img,
	.menu-toggle img,
	.logo-cont svg,
	.menu-toggle svg {
		filter: brightness(0) saturate(100%) invert(9%) sepia(26%) saturate(0%) hue-rotate(170deg) brightness(101%) contrast(95%);
	}

	.check-rates-button {
		font-weight: 800;
		color: var(--gray-dark-alt);
	}

	.cta-button {
		text-align: center;
		color: var(--gray-dark);
	}

	.cta-button .button-text {
		max-width: 60px;
	}
	
	.cta-button.cta-2 {
		background: var(--green-light);
	}

	.cta-button.cta-2::before {
		display: none;
	}

	.mobile-menu .search-cont .submit {
		background-color: var(--green-light);
	}

	.call-to-action,
	.ctas > *:nth-child(3n - 1) .call-to-action,
	.ctas > *:nth-child(3n - 2) .call-to-action {
		background: var(--pink-light);
	}

	.call-to-action .title-small,
	.call-to-action .title-large,
	.call-to-action .title-large::after {
		color: var(--gray-dark-alt);
	}
	
	.call-to-action .title-small::before {
		background: var(--gray-dark-alt);
	}

	@media (min-width: 64em) {
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);

		.logo-col {
			flex-basis: 220px;
			align-self: flex-start;
			padding-top: var(--space-5);
			padding-bottom: var(--space-3);
		}

		.logo-cont {
			max-width: 259px;
		}

		.logo-cont img {
			filter: unset;
		}

		.main-site-link {
			font-family: var(--font-body);
			font-size: var(--text-base);
			font-weight: 100;
			line-height: var(--leading-none);
			color: var(--beige);
			text-decoration: none;
		}

		.weather-wrapper .weather-info,
		.weather-wrapper .weather-button,
		.weather-wrapper .weather-info .weather-icon,
		.weather-wrapper .weather-button .weather-icon,
		.desktop-navs .search-cont .search-button {
			color: var(--white);
		}

		.desktop-navs .search-cont .close {
			background-color: var(--green-light);
		}
	}

	@media (min-width: 90em) {
		.panel-header .logo-col {
			flex-basis: 323px;
		}
	}
}

/*----- footer -----*/

.panel-page.weddings .panel-footer {
	.call-to-action,
	.cta-row > *:nth-child(3n - 1) .call-to-action,
	.cta-row > *:nth-child(3n - 2) .call-to-action {
		background: var(--pink-light);
	}
	
	.call-to-action .title-small,
	.call-to-action .title-large,
	.call-to-action .title-large::after {
		color: var(--gray-dark-alt);
	}

	.call-to-action .title-small::before {
		background: var(--gray-dark-alt);
	}
	
	.social-links .social-link {
		color: var(--gray-dark-alt);
		background-color: var(--green-light);
		border-color: var(--green-light);
	}
	
	@media (hover: hover) {
		.social-links .social-link:hover {
			background-color: var(--white);
		}
	}
	
	@media (min-width: 64em) {
		.call-to-action .title-small {
			letter-spacing: var(--tracking-wider);
		}
	}
}

/*----- hero slideshow -----*/

.panel-page.weddings .ccl-v2-widget.core-v2-hero-image,
.panel-page.weddings .ccl-v2-widget.core-v2-hero-slideshow {
	.info-flag,
	.sponsored,
	.slide-title {
		color: var(--white);
	}

	.slide-footer .read-more {
		--text-color: var(--gray-dark-alt);
		--background-color: var(--green-light);
		--arrow-color: var(--gray-dark-alt);
		--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);

		text-transform: uppercase;
		letter-spacing: var(--tracking-wider);
	}
}

/*----- intro panel -----*/

.panel-page.weddings .panel-intro {
	&.bg-image {
		background-size: 197px 299px;
	}

	.contentRender_name_plugins_core_textbox h1 {
		margin-bottom: 42px;
	}

	.contentRender_name_plugins_core_textbox h1:first-child {
		position: relative;
	}

	.contentRender_name_plugins_core_textbox h1:first-child::after {
		content: '';
		position: absolute;
		bottom: -20px;
		left: 50%;
		translate: -50% 0;
		height: 2px;
		width: 120px;
		background: var(--beige);
		pointer-events: none;
	}

	.contentRender_name_plugins_core_textbox h2 {
		font-size: 1.375rem;
		color: var(--pink);
		margin-bottom: 6px;
	}

	.contentRender_name_plugins_core_textbox p {
		margin-bottom: var(--space-12);
	}

	@media (min-width: 64em) {
		&.bg-image {
			background-size: 305px 464px;
			margin-bottom: var(--space-12);
		}

		.contentRender_name_plugins_core_textbox h1 {
			margin-bottom: 44px;
		}

		.contentRender_name_plugins_core_textbox h1:first-child::after {
			bottom: -24px;
			width: 200px;
		}

		.contentRender_name_plugins_core_textbox h2 {
			font-size: 1.625rem;
			margin-bottom: 15px;
		}

		.contentRender_name_plugins_core_textbox p {
			margin-bottom: 27px;
		}
	}
}

/*----- side by side 3-across -----*/

.panel-page.weddings .side-by-side-v2-3-across {
	.content-section {
		background: var(--pink-light);
	}

	.slide-title i {
		color: var(--gray-dark-alt);
	}

	@media (hover: hover) {
		.slide-title a:hover {
			color: inherit;
		}
	}

	@media (min-width: 64em) {
		margin-bottom: 140px;
	
		.info-flag {
			font-size: 0.8125rem;
		}
	
		.slide-title {
			font-size: var(--text-xl);
		}
	
		.slide-title i {
			font-size: var(--text-lg);
		}
	}
}

/*----- slider 1-across -----*/

.panel-page.weddings .slider-v2-1-across {
	.widget-title {
		text-align: center;
	}
	
	.widget-subtitle .default,
	.widget-subtitle .weddings {
		display: none;
	}

	.content-section {
		background: var(--white);
	}

	.slide-footer .read-more {
		--text-color: var(--white);
		--background-color: var(--gray-dark);
		--arrow-color: var(--white);
		--border-color: var(--background-color);

		--text-color-hover: var(--white);
		--background-color-hover: var(--gray-dark);
		--arrow-color-hover: var(--white);
		--border-color-hover: var(--background-color);
	}

	@media (hover: hover) {
		.slide .slide-title a:hover {
			text-decoration: none;
			color: var(--pink);
		}
	}

	@media (min-width: 64em) {
		margin-bottom: 155px;
	
		.title-col {
			gap: var(--space-5);
		}
	
		.widget-title {
			row-gap: var(--space-2);
		}

		.widget-title-text {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: var(--space-4);
		}
	
		.widget-header .view-all-col .widget-view-all {
			letter-spacing: var(--tracking-wider);
		}
	
		.content-section {
			padding-top: 26px;
			padding-left: 50px;
			border-top-right-radius: 50px;
		}
	
		.content-section .read-more {
			letter-spacing: var(--tracking-wider);
		}
	}
}

/*----- pull quote -----*/

.panel-page.weddings .pull-quote {
	--quote-bg: url(/includes/public/assets/shared/weddings-quote-mark.svg) no-repeat top left;

	.quote {
		color: var(--gray-dark-alt);
	}

	.author {
		color: var(--gray-dark-alt);
		background-color: var(--green-light);
	}

	@media (min-width: 64em) {
		margin-bottom: 100px;
	}
}

/*----- mosaic -----*/

@media (min-width: 64em) {
	.panel-page.weddings .custom-mosaic {
		margin-bottom: 140px;
	}
}

/*----- slider 3-across alt -----*/

.panel-page.weddings .slider-v2-3-across-alt {
	.widget-header {
		justify-content: center;
	}

	.widget-header .title-col {
		max-width: var(--width-comfortable);
	}

	.widget-header .widget-subtitle,
	.widget-header .widget-title,
	.widget-header .widget-desc {
		text-align: center;
	}

	.slide-footer .read-more {
		background: var(--pink-light);
		padding: 7px 14px 6px;
	}

	@media (min-width: 64em) {
		margin-bottom: 142px;
	
		.widget-header {
			margin-bottom: var(--space-4);
		}
	
		.widget-header .title-col {
			max-width: 100ch;
			gap: var(--space-1);
		}
	
		.widget-header .widget-desc {
			letter-spacing: 0.036em;
		}
	
		.slide-footer .read-more {
			letter-spacing: var(--tracking-wider);
		}
	}
}

/*----- editorial marquee -----*/

.panel-page.weddings .marquee-v2-editorial {
	.widget-header {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 14px;
	}

	.widget-subtitle::before {
		display: none;
	}

	.widget-subtitle {
		color: var(--sage-dark);
		padding-left: 0;
	}

	.widget-title,
	.widget-desc {
		text-align: center;
	}

	.slide .content-section {
		background: var(--white);
	}

	.slide .info-flag::before {
		background: var(--gray-dark-alt);
	}

	.slide .info-flag,
	.slide .slide-title,
	.slide .slide-desc {
		color: var(--gray-dark-alt);
	}

	.slide-footer .read-more {
		--text-color: var(--white);
		--border-color: var(--gray-dark-alt);
		--background-color: var(--gray-dark-alt);
		--arrow-color: var(--white);
		--text-color-hover: var(--gray-dark-alt);
		--border-color-hover: var(--gray-dark-alt);
		--background-color-hover: var(--white);
		--arrow-color-hover: var(--gray-dark-alt);
	}

	@media (hover: hover) {
		.slide .slide-title a:hover {
			text-decoration: none;
			color: var(--pink);
		}
	}

	@media (min-width: 64em) {
		margin-bottom: 130px;
	
		.widget-header {
			gap: var(--space-5) var(--space-8);
			margin-bottom: 52px;
		}
	
		.title-col {
			gap: var(--space-2);
		}
	
		.widget-subtitle {
			letter-spacing: var(--tracking-wider);
			margin-bottom: var(--space-2);
		}
	
		.widget-desc {
			letter-spacing: 0.036em;
		}
	
		.slide .content-section {
			padding-top: var(--space-6);
			border-top-right-radius: 50px;
		}
	
		.slide.minor {
			align-items: start;
			padding: 0 57px;
			margin-top: var(--space-6);
		}
	
		.slide.minor:nth-child(2) {
			border-left: none;
		}
	
		.slide.minor .content-section {
			padding-top: 0;
		}
	
		.slide .read-more {
			letter-spacing: var(--tracking-wider);
		}
	}
}

/*----- slider 3-across -----*/

@media (min-width: 64em) {
	.panel-page.weddings .slider-v2-3-across .widget-header .view-all-col .widget-view-all {
		letter-spacing: var(--tracking-wider);
	}

	.panel-page.weddings .slider-v2-3-across .slide .details {
		margin-left: var(--space-1);
	}
}

/*----- social container -----*/

.panel-page.weddings .panel-social {
	.social-links .social-link {
		color: var(--gray-dark-alt);
		background-color: var(--pink-light);
		border-color: var(--pink-light);
	}

	@media (hover: hover) {
		.social-links .social-link:hover {
			background-color: var(--white);
		}
	}
	
	@media (min-width: 64em) {
		margin-bottom: 150px;
	
		.description {
			letter-spacing: 0.036em;
		}
	}
}

/*----- callout tiles 4-across -----*/

.panel-page.weddings .ccl-v2-widget.callout-tiles-v2-4-across {
	.widget-inner {
		background: #F2EEE2;
	}

	.widget-title,
	.widget-desc {
		color: var(--gray-dark);
	}

	.widget-view-all {
		--text-color: var(--white);
		--background-color: var(--gray-dark);
		--arrow-color: var(--white);
		--border-color: var(--background-color);

		--text-color-hover: var(--white);
		--background-color-hover: var(--gray-dark);
		--arrow-color-hover: var(--white);
		--border-color-hover: var(--background-color);
	}
}