/*
Theme Name: Diva Gay
Template: colormag
Description: ColorMag child theme for Diva Gay, with a pride palette.
Version: 1.0.0
Text Domain: divagay
*/

:root {
	--dg-red: #E40303;
	--dg-orange: #FF8C00;
	--dg-yellow: #FFED00;
	--dg-green: #008026;
	--dg-blue: #004DFF;
	--dg-purple: #750787;
	--dg-pink: #D6006F;
	--dg-flag: linear-gradient(90deg,
		var(--dg-red) 0 16.66%, var(--dg-orange) 16.66% 33.33%, var(--dg-yellow) 33.33% 50%,
		var(--dg-green) 50% 66.66%, var(--dg-blue) 66.66% 83.33%, var(--dg-purple) 83.33%);
	--dg-glow: linear-gradient(90deg, var(--dg-red), var(--dg-orange), var(--dg-green), var(--dg-blue), var(--dg-purple), var(--dg-pink));
}

/* Dark skin, tinted deep purple (ColorMag's dark.css is neutral grey). */
body.dark-skin {
	background-color: #120818;
	color: #E6DAEC;
}
.dark-skin #page,
.dark-skin .cm-main-header,
.dark-skin .cm-header-main-row,
.dark-skin .cm-content,
.dark-skin .cm-secondary .widget {
	background-color: #170B20;
}
.dark-skin .cm-posts .cm-post,
.dark-skin .cm-post-content,
.dark-skin article {
	background-color: transparent;
}
.dark-skin .cm-entry-title a,
.dark-skin h1, .dark-skin h2, .dark-skin h3, .dark-skin h4 {
	color: #FFFFFF;
}
.dark-skin .cm-entry-summary,
.dark-skin .cm-entry-summary p,
.dark-skin .entry-content p {
	color: #E6DAEC;
}
.dark-skin a {
	color: #E7A8F0;
}
.dark-skin .cm-below-entry-meta,
.dark-skin .cm-below-entry-meta a,
.dark-skin .cm-below-entry-meta .cm-icon {
	color: #A99BB0;
	fill: #A99BB0;
}
.dark-skin input[type="text"],
.dark-skin input[type="email"],
.dark-skin input[type="tel"],
.dark-skin input[type="search"],
.dark-skin textarea {
	background-color: #1E1028;
	border: 1px solid #3A2A44;
	color: #FFFFFF;
}
.dark-skin input:focus,
.dark-skin textarea:focus {
	border-color: #E7A8F0;
	outline: none;
}

::selection {
	background: var(--dg-pink);
	color: #fff;
}

/* Rainbow stripe across the top of every page. */
body::before {
	content: "";
	display: block;
	height: 6px;
	background: var(--dg-flag);
}

/* Header */
.cm-site-title {
	font-weight: 800;
	letter-spacing: -0.02em;
}
.cm-site-title a {
	background: var(--dg-glow);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.cm-site-description {
	color: #F0A6D8;
	font-size: 15px;
	font-style: italic;
	letter-spacing: .01em;
}

.cm-header-builder.cm-full-width .cm-header-bottom-row,
.cm-header-builder .cm-mobile-row .cm-header-bottom-row {
	border-top: 0;
	border-bottom: 4px solid;
	border-image: var(--dg-flag) 1;
}

/* Posts */
.cm-post-categories a {
	border-radius: 999px;
	padding: 3px 10px;
	font-weight: 700;
	letter-spacing: .04em;
}

/* No author byline anywhere (featured blocks and widgets ignore the meta setting). */
.cm-author {
	display: none !important;
}

.cm-entry-title a:hover,
.dark-skin .cm-entry-title a:hover,
.dark-skin a:hover {
	color: var(--dg-pink);
}

.cm-entry-button span,
button,
input[type="submit"],
.wp-block-button__link {
	background-image: linear-gradient(90deg, var(--dg-pink), var(--dg-purple));
	border: 0;
	border-radius: 999px;
	color: #fff;
}
.cm-entry-button span:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
	background-image: linear-gradient(90deg, var(--dg-purple), var(--dg-blue));
}

blockquote,
.wp-block-quote {
	border-left: 4px solid;
	border-image: linear-gradient(180deg, var(--dg-red), var(--dg-orange), var(--dg-yellow), var(--dg-green), var(--dg-blue), var(--dg-purple)) 1;
}

/* Footer */
.cm-footer {
	background-color: #2A0E3D;
}
.cm-footer::before {
	content: "";
	display: block;
	height: 6px;
	background: var(--dg-flag);
}
.cm-footer-builder .cm-footer-bottom-row {
	background-color: #1D1024;
}
.cm-footer-builder .cm-footer-bottom-row .cm-copyright,
.cm-footer-builder .cm-footer-bottom-row .cm-copyright a {
	color: #E8DDF0;
}
.cm-footer-builder .cm-footer-bottom-row .cm-copyright a:hover {
	color: #FF7AC0;
}

a#scroll-up i {
	background-image: var(--dg-glow);
	border-radius: 999px;
}