/* 
NAME: SONIC X-MAS
SCHEME: HOLIDAY 2016
*/


a {
	color: #00aef1;
	text-decoration: none;
	}
	a:active,
	a:hover,
	.text-dark {
		color: #006295;
		}

::selection {
	background: #006295;
	color: #fff;
	}
	::-moz-selection {
		background: #006295;
		color: #fff;
		}

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #006295;
	}
	button:hover,
	button:focus,
	.button:hover,
	.button:focus,
	input[type="button"]:hover,
	input[type="button"]:focus,
	input[type="reset"]:hover,
	input[type="reset"]:focus,
	input[type="submit"]:hover,
	input[type="submit"]:focus {
		background-color: #00aef1;
		color: #fff;
		}
	button:active,
	.button:active,
	input[type="button"]:active,
	input[type="reset"]:active,
	input[type="submit"]:active {
		background-color: #006295;
		}



/* CSS02: HEADER */
/*****************/

#header-cover {
    background: #00cfff;
    background: -moz-linear-gradient(#0063ff, #00cfff);
    background: -o-linear-gradient(#0063ff, #00cfff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0063ff), to(#00cfff));
    background: -webkit-linear-gradient(#0063ff, #00cfff);
	}

	#header-check {
		background-image: linear-gradient(45deg, #0078ff 25%, transparent 25%, transparent 75%, #0078ff 75%, #0078ff), linear-gradient(45deg, #0078ff 25%, transparent 25%, transparent 75%, #0078ff 75%, #0078ff);
		}

	#header-block {
		background: url('style-xmas/header.png') no-repeat;
		}
				.site-logo {
//					content:url("style-xmas/logo.png");
					}



/* CSS03: MENU */
/***************/

		#primary-navigation ul li {
			background: #0065d8;
			}
				#primary-navigation ul li a {
					color: #fff;
					}
					#primary-navigation ul li:hover > a,
					#primary-navigation ul li.focus > a {
						background-color: #00489a;
						color: #fff;
						}
				#primary-navigation ul ul {
					background-color: #003866;
					background: -moz-linear-gradient(#003866, #0058bb);
					background: -o-linear-gradient(#003866, #0058bb);
					background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003866), to(#0058bb));
					background: -webkit-linear-gradient(#003866, #0058bb);
					}
							#primary-navigation ul ul a:hover,
							#primary-navigation ul ul li.focus > a {
								background-color: #0090f1;
								}



/* CSS04: SEARCH & TOGGLES */
/***************************/

.search-toggle,
.mobile-nav-toggle {
	background-color: #13bdfb;
	}
		.search-toggle:hover,
		.search-toggle.active {
			background-color: #0c9dd5;
			}

	.mobile-nav-toggle {
		background-color: #2384d3;
		}
		.mobile-nav-toggle:hover,
		.mobile-nav-toggle.active {
			background-color: #2e71aa;
			}

#search-bar,
#mobile-nav-bar {
	background: #0c9dd5;
	}
	#mobile-nav-bar {
		background: #2e71aa;
		}

	#search-bar:before {
		background: linear-gradient(-45deg, #0c9dd5 16px, transparent 0),
			    linear-gradient(45deg, #0c9dd5 16px, transparent 0);
		background-position: left-bottom;
		background-repeat: repeat-x;
		background-size: 32px 32px;
		}

		#mobile-nav-bar:before {
	        background: linear-gradient(-45deg, #2e71aa 16px, transparent 0),
			    linear-gradient(45deg, #2e71aa 16px, transparent 0);
		background-position: left-bottom;
		background-repeat: repeat-x;
		background-size: 32px 32px;
			}

	#tss-mobile-nav-container {
		background: #2e71aa;
		}
			#tss-mobile-nav-container ul li {
				color: #fff;
				}
				#tss-mobile-nav-container a {
					color: #89c0fe;
					}
					#tss-mobile-nav-container a:hover {
						color: #fff;
						}



/* CSS05: MAIN CONTENT AREA & FEATURED CONTENT */
/***********************************************/

			.container-title {
				background: #003866;
				background: -moz-linear-gradient(#003866, #0058bb);
				background: -o-linear-gradient(#003866, #0058bb);
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003866), to(#0058bb));
				background: -webkit-linear-gradient(#003866, #0058bb); color: #fff; padding: 10px;
				}
					.container-content.featured {
						background: #003866 url(global/pattern-dark.svg) repeat fixed;
						}
							.featured-headline a {
								color: #fff;
								}
							.featured-wrap:hover .featured-headline a,
							.featured-headline a:hover {
								color: #89c0fe;
								}



/* CSS07: POST THUMBNAILS */
/**************************/

	.container-content.featured .post-thumbnail {
		background: #003866 url(global/pattern-dark.svg) repeat fixed;
		}



/* CSS08: POST TITLES & META */
/*****************************/


.page-header {
	background-color: #dbe7f4;
	border-left: 7px solid #991b00;
	}

	.entry-title a {
		color: #202020;
		}
		.entry-title a:hover {
			color: #00cbff;
			}



/* CSS09: IN-POST HEADERS */
/**************************/

h1, h2, h3, h5, h6,
h1.page-title {
	color: #006295;
	}
	.taxonomy-description {
		color: #ddd;
		}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	border-top: 5px solid #006295;
	}
	.entry-content h1,
	.entry-content h5 {
		background: #dbe7f4;
		}
	.entry-content h4,
	.entry-content h6 {
		background: #003866;
	    background: -moz-linear-gradient(#003866, #0071f0);
	    background: -o-linear-gradient(#003866, #0071f0);
    	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003866), to(#0071f0));
	    background: -webkit-linear-gradient(#003866, #0071f0);
		color: #fff;
		}

h2.comments-title,
h3.comment-reply-title {
	background: #003866;
    background: -moz-linear-gradient(#003866, #0071f0);
    background: -o-linear-gradient(#003866, #0071f0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003866), to(#0071f0));
    background: -webkit-linear-gradient(#003866, #0071f0);
	color: #fff;
	}


/* CSS11: TAGS */
/***************/

.entry-meta2 a {
	color: #767676;
	}
	.entry-meta2 a:hover {
		color: #00cbff;
		}
.cat-links a {
	color: #202020;
	}
	.cat-links a:hover {
		color: #00cbff;
		}



/* CSS12: POST FOOTERS */
/***********************/

		.entry-meta .tag-links a:hover {
			background-color: #006295;
			}
			.entry-meta .tag-links a:hover:before {
				border-right-color: #006295;
				}




/* CSS14: PREV+NEXT POST & PAGINATION */
/**************************************/

.pagination .prev,
.pagination .next {
	background-color: #006295;
	}
	.pagination .prev:hover,
	.pagination .next:hover {
		background-color: #00cbff;
		}



/* CSS15: RIGHT COLUMN */
/***********************/

		.social-navigation a {
			color: #202020;
			}
			.social-navigation a:hover {
				color: #0093dd;
				}

	.widget-title {
		background: #003866;
	    	background: -moz-linear-gradient(#003866, #0071f0);
	    	background: -o-linear-gradient(#003866, #0071f0);
	    	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003866), to(#0071f0));
	    	background: -webkit-linear-gradient(#003866, #0071f0);
		color: #fff;

		}



/* CSS16: SITE FOOTER */
/**********************/

.site-footer {
	background: #003866;
	background: -moz-linear-gradient(#003866, #0058bb);
	background: -o-linear-gradient(#003866, #0058bb);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003866), to(#0058bb));
	background: -webkit-linear-gradient(#003866, #0058bb);
	}
	.footer-padding {
		color: #fff;
		}
		.footer-padding a {
			color: #89c0fe;
			}
			.footer-padding a:hover {
				color: #fff;
				}		


/* DO NOT TOUCH ANYTHING BELOW THIS POINT */
/******************************************/

/* CSS17: RESPONSIVE */

@media only screen and (max-width : 1099px) {
	#header-block {
		background-position: -25% 0%;
		}
}

@media only screen and (max-width : 1023px) {
	#header-block {
		background-position: -37% 0%;
		}
}

@media only screen and (max-width : 979px) {
	#header-block {
		background-position: left top;
		}
}

@media only screen and (max-width : 769px) {
	#header-block {
		background-position: -100% 0%;
		}
}

@media only screen and (max-width : 699px) {
	#header-block {
		background-position: -250% 0%;
		}
}

@media only screen and (max-width : 699px) {
	#header-block {
		background-position: -250% 0%;
		}
}

@media only screen and (max-width : 666px) {
	#header-block {
		background: none;
		height: 100px;
		padding: 0 20px;
		}
}

.ssmb-topic-link {
	background: #003866 !important;  
}