@import url('./_shared.css');

.rr-season--independence-day {
	background:
		radial-gradient(ellipse at 30% 0%, rgba(200,48,42,.1) 0%, transparent 50%),
		radial-gradient(ellipse at 70% 0%, rgba(31,58,110,.1) 0%, transparent 50%),
		linear-gradient(180deg, #F5F1E6 0%, #DACFB6 100%);
}
.rr-season--independence-day .rr-page { border-top: 5px solid #C8302A; }
.rr-season--independence-day .rr-page::before {
	background:
		radial-gradient(ellipse at 0% 0%,   rgba(255,255,255,.5) 0%, transparent 35%),
		radial-gradient(ellipse at 100% 100%, rgba(31,58,110,.08) 0%, transparent 50%),
		url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40' fill='%23C8302A' opacity='0.15'%3E%3Cpolygon points='20,5 24,15 35,15 26,22 29,33 20,26 11,33 14,22 5,15 16,15'/%3E%3C/svg%3E") top right repeat;
}
.rr-season--independence-day .rr-season-decor__m { color: #C8302A; }
.rr-season--independence-day .rr-season-decor__m:nth-child(2n) { color: #1F3A6E; }