/* ================================
   DECORATIONS ON DESKTOP - BLUE
=================================== */

/* Blue color scheme */
h2 { color: #003D82; }
h3 { border-bottom-color: #D4AF37; color: #003D82; }
hr { border-top-color: #D4AF37; }

/* Links */
a { color: #003D82; }
a:hover { color: #0051A8; }
.forumbg .header a:hover, .forabg .header a:hover, th a:hover { color: #E3F2FD; }
.postlink { border-bottom-color: #0051A8; color: #0051A8; }
.postlink:visited { border-bottom-color: #003D82; color: #003D82; }
.postlink:hover { background-color: #E3F2FD; color: #1976D2; }
.arrow-left:hover, .arrow-right:hover { color: #0051A8; }
.sep { color: #0051A8; }

/* Navbar */
.navbar { background-color: #E3F2FD; }

/* Panels and backgrounds */
.panel { background-color: #E8F4F8; }
.bg1 { background-color: #F0F8FF; }
.bg2 { background-color: #E3F2FD; }
.bg3 { background-color: #BBDEFB; }

/* Forum lists */
ul.forums {
	background-color: #E8F4F8;
	background-image: linear-gradient(to bottom, #BBDEFB 0%, #E8F4F8 100%);
}

/* Rows */
li.row { border-top-color: #FFFFFF; border-bottom-color: #0051A8; }
li.row:hover { background-color: #BBDEFB; }
li.row:hover dd { border-left-color: #CCCCCC; }
li.header dt, li.header dd { color: #FFFFFF; }

/* Tables */
table.table1 tbody tr:hover { background-color: #BBDEFB; }

/* Jumpbox */
.jumpbox-cat-link { background-color: #003D82; border-top-color: #003D82; color: #FFFFFF; }
.jumpbox-cat-link:hover { background-color: #0051A8; border-top-color: #0051A8; }
.jumpbox-forum-link { background-color: #E3F2FD; }
.jumpbox-forum-link:hover { background-color: #BBDEFB; }

/* Content */
.content h2, .panel h2 { color: #003D82; border-bottom-color: #D4AF37; }
blockquote { background-color: #E8F4F8; border-color: #BBDEFB; }
blockquote blockquote { background-color: #E3F2FD; }

/* Post body */
.postbody { color: #333333; }
.content { color: #333333; }

/* Buttons */
.button { color: #0051A8; }
.button:hover { border-color: #0051A8; }
.button-secondary:hover, .button:hover .icon { color: #0051A8; }
.contact-icons a:hover { background-color: #BBDEFB; }

/* Pagination */
.pagination li.active span { background: #0051A8; border-color: #0051A8; color: #FFFFFF; }
.pagination li a:hover { background: #1976D2; border-color: #1976D2; color: #FFFFFF; }

/* Forms */
.inputbox:hover, .inputbox:focus { border-color: #0051A8; }
a.button1:hover, input.button1:hover { border-color: #0051A8; color: #0051A8; }
input.button1:focus { border-color: #0051A8; color: #003D82; }
.message-box textarea.drag-n-drop-highlight { outline-color: rgba(0, 61, 130, 0.5); }

/* Dropdowns */
.dropdown-extended ul li:hover { background-color: #BBDEFB; }
.dropdown-extended .header {
	background-color: #E8F4F8;
	background-image: linear-gradient(to bottom, #E8F4F8 0%, #E3F2FD 100%);
}

/* CP / UCP */
.panel-container h3, .panel-container hr { border-color: #D4AF37; }
.panel-container .panel li.row { border-bottom-color: #BBDEFB; }
.tabs .tab > a { background: #E3F2FD; }
.tabs .tab > a:hover { background: #BBDEFB; color: #0051A8; }
.tabs .activetab > a {
	background-color: #E8F4F8;
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #E8F4F8 100%);
}
.navigation a { background: linear-gradient(to right, #BBDEFB 50%, #E8F4F8 100%); }
.navigation a:hover { background: #90CAF9; color: #003D82; }
.navigation .active-subsection a { color: #0051A8; }
.cp-mini { background-color: #E8F4F8; }
.minitabs .tab > a { background-color: #E3F2FD; }

/* Poll bars */
.pollbar1 { background-color: #003D82; }
.pollbar2 { background-color: #0051A8; }
.pollbar3 { background-color: #1976D2; }
.pollbar4 { background-color: #2196F3; }
.pollbar5 { background-color: #42A5F5; }

/* Icons */
.icon.icon-blue, a:hover .icon.icon-blue { color: #003D82; }
.icon.icon-green, a:hover .icon.icon-green { color: #D4AF37; }
.icon.icon-red, a:hover .icon.icon-red { color: #0051A8; }

/* Notifications */
.badge { background-color: #0051A8; }

/* Search */
.search-header { box-shadow: 0 0 10px #0051A8; }
.search-results li:hover { background-color: #BBDEFB; }

@media (min-width: 700px) {
	/* Background image */
	body {
		background: #000 url("./images/santa_bg.avif") no-repeat center center fixed;
		background-size: cover;
		min-height: 100vh;
	}
	/* Small hats: forabg + forumbg */
	.forabg,
	.forumbg {
		position: relative;
	}
	/* Snowflake pattern - BLUE background */
	.forabg,
	.forumbg {
		background-color: #003D82 !important;
		background-image: 
			radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.25) 1px, transparent 1px),
			radial-gradient(circle at 45% 15%, rgba(255, 255, 255, 0.3) 1.5px, transparent 1.5px),
			radial-gradient(circle at 75% 25%, rgba(255, 255, 255, 0.2) 1px, transparent 1px),
			radial-gradient(circle at 30% 45%, rgba(255, 255, 255, 0.35) 2px, transparent 2px),
			radial-gradient(circle at 60% 40%, rgba(255, 255, 255, 0.25) 1px, transparent 1px),
			radial-gradient(circle at 85% 55%, rgba(255, 255, 255, 0.3) 1.5px, transparent 1.5px),
			radial-gradient(circle at 20% 70%, rgba(255, 255, 255, 0.3) 1px, transparent 1px),
			radial-gradient(circle at 50% 75%, rgba(255, 255, 255, 0.25) 2px, transparent 2px),
			radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.2) 1px, transparent 1px),
			radial-gradient(circle at 10% 90%, rgba(255, 255, 255, 0.3) 1.5px, transparent 1.5px) !important;
		background-size: 80px 80px !important;
	}
	/* Left hat */
	.forabg::before,
	.forumbg::before {
		content: "";
		position: absolute;
		left: -14px;
		top: -5px;
		width: 43px;
		height: 55px;
		background: url("./images/christmas_hat_left.avif") no-repeat;
		background-size: contain;
		z-index: 2;
		pointer-events: none;
	}
	/* Right hat */
	.forabg::after,
	.forumbg::after {
		content: "";
		position: absolute;
		right: -14px;
		top: -5px;
		width: 43px;
		height: 55px;
		background: url("./images/christmas_hat_right.avif") no-repeat;
		background-size: contain;
		z-index: 2;
		pointer-events: none;
	}
	/* Headerbar with BIG hats */
	.headerbar {
		position: relative;
		background: #06032C url("./images/santa_logo.avif") no-repeat center center;
		height: 150px;
	}
	.headerbar::before {
		content: "";
		position: absolute;
		left: 310px;
		top: -12px;
		width: 128px;
		height: 128px;
		background: url("./images/christmas_hatbig_left.avif") no-repeat;
		background-size: contain;
		z-index: 2;
		pointer-events: none;
	}
	.headerbar::after {
		content: "";
		position: absolute;
		right: 310px;
		top: -12px;
		width: 128px;
		height: 128px;
		background: url("./images/christmas_hatbig_right.avif") no-repeat;
		background-size: contain;
		z-index: 2;
		pointer-events: none;
	}
	/* Posting box */
	#qr_postform textarea {
		background: #fff url("./images/christmasbg2.avif") no-repeat center center;
	}
	#message {
		background: #fff url("./images/christmasbg1.avif") no-repeat center center;
	}
	/* Row hover */
	/*
	li.row:hover {
		background-image: url("./images/christmas_row.png");
		background-repeat: no-repeat;
		background-position: center right;
	}
	*/
	/* Statistics */
	.stat-block.statistics {
		background: transparent url("./images/snowsig.gif") no-repeat 50% 30%;
	}
}