/* ===== Cover Slide Template ===== */

/* Background driven by the third palette swatch color */
.sc-fp-content-cover-slide {
	background-color: var(--preview-color-3, var(--preview-bg));
}

/* Layout: text left, illustrations right */
.sc-fp-content-cover-slide {
	align-items: flex-start;
	justify-content: center;
	padding: 40px 7%;
}

.sc-fp-content-cover-slide #sc-fp-title-wrapper,
.sc-fp-content-cover-slide #sc-fp-body-wrapper {
	max-width: 45%;
}

/* Text color driven by the first palette swatch color */
.sc-fp-content-cover-slide .sc-fp-preview-title,
.sc-fp-content-cover-slide .sc-fp-preview-subtitle {
	text-align: left;
	color: var(--preview-color-1, var(--preview-text, #ffffff));
}

/* Pillow SVG: positioned right, color driven by second palette swatch */
.sc-fp-content-cover-slide .sc-fp-export-svg {
	right: 12%;
	top: 50%;
	left: auto;
	transform: translateY(-50%);
	width: 28%;
	color: var(--preview-color-2, #AA3030);
}

/* Y-guy image: positioned right, overlapping pillows */
.sc-fp-content-cover-slide .sc-fp-image-draggable {
	right: 8%;
	top: 50%;
	bottom: auto;
	left: auto;
	transform: translateY(-55%);
}

.sc-fp-content-cover-slide .sc-fp-export-image {
	width: 200px;
	max-height: none;
}

@media (max-width: 600px) {
	.sc-fp-content-cover-slide .sc-fp-export-svg {
		top: 70%;
	}
	.sc-fp-content-cover-slide .sc-fp-image-draggable {
		top: 70%;
		right: 2%;
	}
	.sc-fp-content-cover-slide .sc-fp-export-image {
		width: 120px;
		height: 110px;
	}

	.sc-fp-content-cover-slide #sc-fp-title-wrapper,
	.sc-fp-content-cover-slide #sc-fp-body-wrapper {
		max-width: 59%;
	}

	.sc-fp-preview[data-showcase="business-card"] .sc-fp-content-business-card {
		top: 60px;
		left: 7.5%;
		right: 7.5%;
		bottom: 20px;
		padding: 0;
	}

	.sc-fp-card-brush {
		width: 80%
	}
	.sc-fp-card-title {
		font-size: 24px;
	}

	.sc-fp-card-contact-item span {
		font-size: 7px;
	}

	.sc-fp-preview[data-showcase="website-header"] .sc-fp-content-website-header {
		right: 14px;
		left: 14px;
	}

	.sc-fp-website-content {
		padding: 20px 10px;
		gap: 5px;
	}
	.sc-fp-website-browser-bar {
		padding: 6px 14px;
	}
	.sc-fp-website-title {
		font-size: 15px;
	}
	.sc-fp-website-subtitle {
		font-size: 8px;
	}
	.sc-fp-website-cta {
		font-size: 6px;
		padding: 4px 10px;
	}

	.sc-fp-preview[data-showcase="instagram-post"] .sc-fp-content-instagram-post,
	.sc-fp-preview[data-showcase="resume-header"] .sc-fp-content-resume-header {
		top: 20px;
		bottom: 20px;
		left: 20%;
		right: 20%;
		padding: 20px 20px 10px;
	}

	.sc-fp-instagram-inner {
		padding: 0;
	}
	.sc-fp-instagram-title {
		font-size: 25px;
	}

	.sc-fp-instagram-body {
		font-size: 7px;
		width: 66%;
		margin: 0;
	}

	.sc-fp-instagram-url {
		font-size: 7px;
	}

	.sc-fp-resume {
		padding: 0;
	}

	.sc-fp-resume-photo-wrapper {
		width: 60px;
		height: 60px;
	}

	.sc-fp-resume-name {
		font-size: 20px;
	}

	.sc-fp-resume-text {
		font-size: 10px;
	}
}