body { width: auto !important; min-width: 300px !important; 
    color: #656565; font-family: "futura-pt", "Futura", Arial, sans-serif; font-weight: 400;
    font-style: normal; margin: 0px; padding: 0px;
}
a { color: #969696; text-decoration: underline; font-weight: 400; }
a:visited { color: #969696; }
a:hover { color: #969696; text-decoration: underline; }
a.grey, a.grey:hover, a.grey:visited {
	color: #969696;
}

.sparkle-release-notes { font-size: 15px; max-width: 800px; padding-top: 20px; padding-bottom: 20px; padding-left: 15px; padding-right: 10px; line-height: 1.35; }
.sparkle-release-notes.long { margin: 0px auto; }
.sparkle-release-notes h1, .sparkle-release-notes h2, .sparkle-release-notes h3, .sparkle-release-notes h4 { margin: 0px; padding: 0px; }
.sparkle-release-notes .version { 
	padding-top: 50px; 
	/*border-bottom: 1px solid #969696;*/
	box-shadow: 
		0 1px 0 0 #969696,
		0 2px 0 0 #CCC;
}
.sparkle-release-notes .version:first-of-type {
	padding-top: 0px;
}
.sparkle-release-notes .version:last-of-type {
	box-shadow: none;
}
.sparkle-release-notes .version h1 { color: #286e96; font-size: inherit; position: relative; font-size: 22px; }
.sparkle-release-notes .version h1 span { font-weight: normal; }
.sparkle-release-notes .version h1 span.build { font-weight: normal; font-size: inherit; }
.sparkle-release-notes .version h1 time { margin-left: 60px; font-size: 17px; }
.sparkle-release-notes .version .features h3, .sparkle-release-notes .fixes h3 { color: #646464; font-size: 15px; font-weight: 500; }
.sparkle-release-notes .version .feature h3, .sparkle-release-notes .version .feature h4 { color: #646464; font-weight: normal; font-size: 15px; }
.sparkle-release-notes .version h2 { color: #646464; font-size: 18px; margin-bottom:12px; }
/*.sparkle-release-notes .version h2 span { font-weight: normal; }*/
.sparkle-release-notes .version .fixes ul, .sparkle-release-notes .version .fixes ul li { list-style: none;
    margin: 0px; padding: 0px; color: #969696; }
.sparkle-release-notes .version .fixes ul li {
    background: url(/images/icons/list-arrow.png) no-repeat 0px 7px;
    padding-left: 10px; }
.sparkle-release-notes .version .feature ul, .sparkle-release-notes .version .feature ul li {
    margin: 0px; padding: 0px; list-style: none;
}
.sparkle-release-notes .version .feature ul li { color: #969696;
    background: url(/images/icons/list-arrow.png) no-repeat 0px 7px;
    padding-left: 10px;
}
.sparkle-release-notes .feature h3, .sparkle-release-notes .features h3, .sparkle-release-notes .feature h4 { margin-top: 10px; }
.sparkle-release-notes .features, .sparkle-release-notes .fixes { margin-bottom: 10px; }

.sparkle-release-notes .tool { margin-bottom: 30px; margin-top: 20px; }
.sparkle-release-notes .tool:last-child {
	margin-bottom: 0;
	padding-bottom: 6px;
}
.sparkle-release-notes .read-more { margin-top: 20px; padding: 4px 15px; border: #60a3c8 1px solid; border-radius: 4px; display: inline-block; }
.sparkle-release-notes .read-more a { display: block; }
.sparkle-release-notes .read-more a:hover { text-decoration: none; }

.sparkle-release-notes .all-releases .read-more { margin-top: 10px; }

.sparkle-release-notes .all-releases { padding-top: 20px; }

.sparkle-release-notes .info-box {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  max-width: 550px;
  border: #286e96 2px solid;
  padding: 15px;
  margin-bottom:0px;
  margin-top:20px;
  margin-left: 0px;
}
.sparkle-release-notes .info-box--warning {
  color: white;
  background-color: #e25252;
}

.sparkle-release-notes .info-box--warning a {
  font-weight: bold;
  color: white;
}

.sparkle-release-notes .info-box h3 {
  font-size: 18px;
  line-height: 24px;
  color: #0088cc;
  font-weight: normal;
  padding-bottom: 4px;
}

.sparkle-release-notes .info-box--warning h3 {
    color: white;
    font-weight: bold; 
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* Yellow Beta Warning */
.beta_warning {
    padding: 16px;
    padding-left: 20px;
    position: relative;
    left: 0px;
    top: 0px;
    color: #646464;
    background-color: #F0EFD1;
}
.beta_warning a { 
	text-decoration: underline;
	font-weight: bold;
	color: inherit;
}
.beta_warning h2 {
	margin: 0px 0px 10px;
	vertical-align:middle;
}
.beta_warning h2 img {
	vertical-align: baseline;
	margin-left: 10px;
	width: auto;
	height: 18px;
}
.beta_warning_wrapper {
	max-width: 800px;
	box-sizing: border-box;
	margin: 0px auto;
}

.earlier-button, .earlier-button:hover, .earlier-button:visited  {
    color: #286e96; text-decoration: none;
}
.earlier-button:hover {
    text-decoration: underline;
}


/* Dark Mode */
@media (prefers-color-scheme: dark) {
    html {
        background-color: #1E1E1E;
    }
	.sparkle-release-notes .version h1 {
	    color: #0088CC;
	}
	.sparkle-release-notes .version h2, .sparkle-release-notes .version .feature h3, .sparkle-release-notes .version .feature h4 {
	    color: #C8C8C8;
	}
	.sparkle-release-notes .version {
	    box-shadow: 0 1px 0 0 #969696, 0 2px 0 0 #606060;
	}
	.sparkle-release-notes .read-more {
		border-color: #0088CC;
	}
    
    a, a:visited, a:hover { color: #969696; text-decoration: underline;}
    
    .earlier-button, .earlier-button:hover, .earlier-button:visited  {
        color: #0088CC; text-decoration: none;
    }
    .earlier-button:hover {
        text-decoration: none;
    }
}