/* 
@charset "UTF-8" !important;
*/
/*_________________________________________________
<<<<<<<<<<<<   TABLE OF CONTENTS   >>>>>>>>>>>>>>>>

(1) ZERO OUT / RESET
(2) FONT IMPORTS
(3) TYPOGRAPHY & MOST ALL THINGS TEXT
	(3a) LINKS
	(3b) SPECIAL CLASSES & FORMATTING
(4) GLOBAL COMMON ELEMENTS
(5) SPECIAL, CUSTOM CLASSES
(6) COLORBLOCKS
(7) SKELETON / RESPONSIVE BASE
(8) STRUCTURE
	(8b) NAVIGATION
(9) RESPONSIVE SPECIAL ELEMENTS
(10) CONTENT & PAGE PRESENTATION STYLING
	(10a) SEARCH RESULTS PAGE
(15) ERROR PAGES
(30) CSS TESTING TRIGGERS
(50) DEV VARIABLES
_________________________________________________*/

/*:::: (1) Zero Out CSS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*:::: http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 ::::::::::::::::::::: */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, input, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video,
	* {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; }
	strong {
		font-weight: bold; }
	em {
		font-style: italic; }
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, container {
		display: block;
		box-sizing: border-box; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

/*:::: (2) FONT IMPORTS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	@import url(https://fonts.googleapis.com/css?family=Rancho);
	@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
	
	/*
	@font-face {
		font-family: "montserrat-regular";
		font-style: normal;
		font-weight: normal;
		src: url("/templates/sea_2015/fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), 
			url("/templates/sea_2015/fonts/Montserrat-Regular.woff") format("woff"), 
			url("/templates/sea_2015/fonts/Montserrat-Regular.ttf") format("truetype"); }
	@font-face {
		font-family: "montserrat-bold";
		font-style: normal;
		font-weight: bold;
		src: url("/templates/sea_2015/fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), 
			url("/templates/sea_2015/fonts/Montserrat-Bold.woff") format("woff"), 
			url("/templates/sea_2015/fonts/Montserrat-Bold.ttf") format("truetype"); }
	*/

/*:::: (3) TYPOGRAPHY & MOST ALL THINGS TEXT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	/* NOTE: html is set to 62.5% so that all the REM measurements throughout Skeleton
	are based on 10px sizing. So basically 1.5rem = 15px :) */
	html {
		font-size: 62.5%; 
		text-rendering: optimizeLegibility; }
	body {
		/*font-size: 1.6em; /* currently ems cause chrome bug misinterpreting rems on body element */
		font-size: 16px; /*set this as the standard font-size, P size, and everything else in REMs plays off of it */
		line-height: 1.5rem;
		font-weight: 400;
		font-family: Helvetica, Arial, sans-serif;
		color: #525252;
		background: #fff; 

	}
	/*:: FONT SCALING :::*/
		@media screen and (max-width: 500px){
			html, body {
				font-size: 16px; }
		}
		@media screen and (min-width: 500px){
			html, body {
				font-size: 16px; }
		}
		@media screen and (min-width: 800px){
			html, body {
				font-size: 16px; }
		}
		@media screen and (min-width: 1000px){
			html, body {
				font-size: 16px; }
		}
		.small {
			font-size: 80% !important;
			line-height: 110% !important; }
		.smaller {
			font-size: 65% !important;
			line-height: 100% !important; }

	/*:: COMMON TEXT BLOCK LEVEL ELEMENTS :::*/
		h1,h2,h3,h4,h5,h6{
			line-height: 120%;
			font-family: Helvetica, Arial, sans-serif; 
			color: #65524d;
			margin: 0 0 .6rem 0; }
			h1{
				font-size: 2rem;
				line-height: 110%;
				letter-spacing: -.1rem; }
			h2{
				font-size: 1.6rem;
				line-height: 110%;
				letter-spacing: -.1rem; }
			h3{
				font-size: 1.4rem;
				line-height: 120%;
				letter-spacing: -.1rem; }
			h4{
				font-size: 1.2rem;
				line-height: 130%;
				letter-spacing: -.08rem; }
			h5{
				font-size: 1.1rem;
				line-height: 130%;
				letter-spacing: -.05rem; }
			h6{
				font-size: 1rem;
				line-height: 130%;
				letter-spacing: 0; }
		p {
			padding: 0 0;
			text-shadow: 1px 1px 2px rgba(0,0,0,.1);
			font-family: 'Montserrat', Helvetica, sans-serif; }
	
		li {
			font-size: 1rem; }
			li a {
				color: #006699; }
	
		hr {
			border: 1px solid #E6E6DF;
			background-color: rgba(208,207,207,1.00);
			height: 1px;
			margin-bottom: 3.5rem;
			border-width: 0;
			border-top: 1px solid #E1E1E1; }

	
		blockquote {
			background:#f9f9f9;
			border-left:1em solid #eee;
			margin:1.5em 1em;
			padding: 1em;
			quotes:"\201C""\201D"; }
		blockquote:before { 
			color:#808080;
			content:open-quote;
			font-size:4em;
			line-height:.1em;
			margin-right:.25em;
			vertical-align:-.4em; }
		blockquote :first-child, 
		blockquote :last-child {
			margin-bottom:0; }
		blockquote:first-child {
			margin-bottom:0; }
		.quoted {
			text-align:right;
			padding:0; }

	/*:::: (3a) LINKS ::::::::::::::::::::::::::::: */
		a,
		a.visited {
	        color: #036;
	        outline: 0; /* removes dotted line around links when clicked */
	        /* color: #006699; */
    		/* color: #2b72bb; */
            -webkit-transition: color 0.5s linear;
	        -moz-transition: color 0.5s linear;
	        -ms-transition: color 0.5s linear;
	        -o-transition: color 0.5s linear;
	        transition: color 0.5s linear; }
				input::-moz-focus-inner { /* removes dotted line around links when clicked */
					border: 0; }

		a:hover {
			color: #cd3938; }
		a:active {
			outline: none; }
		a img,
		.nb,
		header a,
		footer a,
		.breadcrumbs a,
		.breadcrumb a {
			text-decoration: none;
			border: none; }

	/*:::: (3b) SPECIAL CLASSES & FORMATTING ::::::::::::::::::::::::::::: */

		.shadow_black {
			text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
		.shadow_gray {
			text-shadow: 1px 1px 0px rgba(100, 100, 100, 1); }
		.shadow_white {
			text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); }

		.white {
			color: #fff !important; }
		.red {
			color: #903 !important; }
		.center, .centered {
			text-align: center; }


		/*:: DROP CAPS :::*/
			div[itemprop="articleBody"] p:first-child:first-letter { float: left; color: #903; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 3px; padding-left: 3px; font-family: Georgia; }

		/*:: MULTI COLUMN PARAGRAPH TEXT FORMAT :::*/
			@media screen and (min-width: 800px){ /* keeps this from happening on tablets & phones */
				/* 2 column */
				.two-content-col {
				       -moz-column-count: 2;
				       -moz-column-gap: 20px;
				       -webkit-column-count: 2;
				       -webkit-column-gap: 20px;
					   vertical-align:top; }
				/* 3 column */
				.three-content-col {
				       -moz-column-count: 3;
				       -moz-column-gap: 20px;
				       -webkit-column-count: 3;
				       -webkit-column-gap: 20px;
					   vertical-align:top; }

			}

/*:::: (4) GLOBAL COMMON ELEMENTS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	/* Lists ::::::::::::::::::::::::::::: */
		ul {
			list-style: circle inside; }
		ol {
			list-style: decimal inside; }
		ol, ul {
			padding-left: 0;
			margin-top: 0; }
		ul ul,
		ul ol,
		ol ol,
		ol ul {
			margin: 1.5rem 0 1.5rem 3rem;
			font-size: 90%; }
		li {
			margin-bottom: 1rem; 
			list-style-position: outside;
			margin-left: 2rem; }

	/* Tables ::::::::::::::::::::::::::::: */
		th,
		td {
			padding: 12px 15px;
			text-align: left;
			border-bottom: 1px solid #E1E1E1; }
		th:first-child,
		td:first-child {
			padding-left: 0; }
		th:last-child,
		td:last-child {
			padding-right: 0; }
		tbody tr:nth-child(odd) {
			background-color: #ccc; }

	/* Spacing ::::::::::::::::::::::::::::: */
		button,
		.button {
			margin-bottom: 1rem; }
		input,
		textarea,
		select,
		fieldset {
			margin-bottom: .5rem; 
			width: 96%}
		pre,
		blockquote,
		dl,
		figure,
		table,
		p,
		ul,
		ol,
		form {
			margin-bottom: .6rem; }

	/* Code ::::::::::::::::::::::::::::: */
		code {
			padding: .2rem .5rem;
			margin: 0 .2rem;
			font-size: 90%;
			white-space: nowrap;
			background: #F1F1F1;
			border: 1px solid #E1E1E1;
			border-radius: 4px; }
		pre > code {
			display: block;
			padding: 1rem 1.5rem;
			white-space: pre; }
	
/*:::: (5) SPECIAL, CUSTOM CLASSES :::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	/* PULLS & CALLOUTS ::::::::::::::::::::::::::::: */
	.left {
		float: left;
		margin: .4rem .4rem .5rem 0;
		padding: 0 2rem 1rem 0; }
	.right {
		float: right;
		margin: .4rem 0 .5rem .4rem;
		padding: 0 0 1rem 2rem; }

	.callout_right {
		float: right;
		width: 45%;
		font-size: 2.25rem;
		line-height: 2.5rem;
		padding: .25rem 0 1.5rem 1rem; }
	.callout_left {
		float: left;
		width: 45%;
		font-size: 2.25rem;
		line-height: 2.5rem;
		padding: .25rem 1rem 1.5rem 0; }

	/* JOOMLA READMORE ::::::::::::::::::::::::::::: */
		.read_more::after,
		.read_more::before {
			/*content:url(link.png); */
			content:'\25BA'; }
		.read_more::after {
			content: " Articles"; }
	
	/* Utilities ::::::::::::::::::::::::::::: */
		.u-full-width {
			width: 100%;
			box-sizing: border-box; }
		.u-max-full-width {
			max-width: 100%;
			box-sizing: border-box; }
		.u-pull-right {
			float: right; }
		.u-pull-left {
			float: left; }

	/* STICKY NOTE BOX CONTAINERS ::::::::::::::::::::::::::::: */
		ul.box-curl {
			position: relative;
			z-index: 1; /* prevent shadows falling behind containers with backgrounds */
			overflow: hidden;
			list-style: none;
			margin: 0;
			padding: 0; }
		ul.box-curl li {
			position: relative;
			float: left;
			width: auto;
			height: 150px;
			padding: 1rem;
			border: 1px solid #efefef;
			margin: 0 30px 30px 0;
			background: #fff;
			-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
			-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
			box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
		ul.box-curl li:before,
		ul.box-curl li:after {
			content: '';
			z-index: -1;
			position: absolute;
			left: 10px;
			bottom: 10px;
			width: 70%;
			max-width: 300px; /* avoid rotation causing ugly appearance at large container widths */
			max-height: 100px;
			height: 55%;
			-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
			-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
			box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
			-webkit-transform: skew(-15deg) rotate(-6deg);
			-moz-transform: skew(-15deg) rotate(-6deg);
			-ms-transform: skew(-15deg) rotate(-6deg);
			-o-transform: skew(-15deg) rotate(-6deg);
			transform: skew(-15deg) rotate(-6deg); }
		ul.box-curl li:after {
			left: auto;
			right: 10px;
			-webkit-transform: skew(15deg) rotate(6deg);
			-moz-transform: skew(15deg) rotate(6deg);
			-ms-transform: skew(15deg) rotate(6deg);
			-o-transform: skew(15deg) rotate(6deg);
			transform: skew(15deg) rotate(6deg); }

/*:::: (6) COLOR BLOCKS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 
		.body.no-bkgd {
			background: none; }
		.container{
			background-image: url(<?php echo $this_template;?>/images/color_blocks/gray.png); }
		header.row,{
			background-image: url(<?php echo $this_template;?>/images/color_blocks/blue.png) !important;
			background-color: none !important; }
		header.row columns,
		header.row column {
			background-color: none !important; }
		.row .four{
			background-image: url(<?php echo $this_template;?>/images/color_blocks/blue.png) !important;
			background-color: none !important; }
		header.container {
			padding: 0;
			width: 100%; }

/*:::: (7) SKELETON / RESPONSIVE BASE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	/* IMAGES */
		.promo img {
		    width: 100%;
		    height: auto; }
	/* For desktop: */
		.col-1 {width: 8.33%; 	}
		.col-2 {width: 16.66%; 	}
		.col-3 {width: 25%;		}
		.col-4 {width: 33.33%; 	}
		.col-5 {width: 41.66%; 	}
		.col-6 {width: 50%; 	}
		.col-7 {width: 58.33%; 	}
		.col-8 {width: 66.66%; 	}
		.col-9 {width: 75%; 	}
		.col-10 {width: 83.33%; }
		.col-11 {width: 91.66%; }
		.col-12 {width: 100%; 	}
	
	@media only screen and (max-width: 768px) {
		/* For mobile phones: */
		[class*="col-"] {
			width: 100%; }
	}
	/*:::  Table of contents :::::::::::::::::::::::::::::
			- Grid
			- Base Styles
			- Buttons
			- Forms
			- Spacing
			- Clearing
			- Media Queries   */
	
	/* Grid ::::::::::::::::::::::::::::: */
		.container {
			position: relative;
			width: 100%;
			max-width: 100%;
			/*max-width: 960px;*/
			margin: 0 auto;
			/* padding: 0 20px;*/
			box-sizing: border-box; }
		.column,
		.columns {
			width: 100%;
			float: left;
			box-sizing: border-box; 
			/*background: #ccc;
			border: 1px solid #666;*/
		}
		
		/* For devices larger than 400px */
		@media (min-width: 400px) {
			.container {
				width: 92%;
				padding: 0; }
		}
		
		/* For devices larger than 550px */
		@media (min-width: 550px) {
			.container {
				width: 92%; }
			.column,
			.columns {
				margin-left: 4%; }
			.column:first-child,
			.columns:first-child {
				margin-left: 0; }
			
			.one.column,
			.one.columns                    { width: 4.66666666667%; }
			.two.columns                    { width: 13.3333333333%; }
			.three.columns                  { width: 22%;            }
			.four.columns                   { width: 30.6666666667%; }
			.five.columns                   { width: 39.3333333333%; }
			.six.columns                    { width: 48%;            }
			.seven.columns                  { width: 56.6666666667%; }
			.eight.columns                  { width: 65.3333333333%; }
			.nine.columns                   { width: 74.0%;          }
			.ten.columns                    { width: 82.6666666667%; }
			.eleven.columns                 { width: 91.3333333333%; }
			.twelve.columns                 { width: 100%; margin-left: 0; }
			
			.one-third.column               { width: 30.6666666667%; }
			.two-thirds.column              { width: 65.3333333333%; }
			
			.one-half.column                { width: 48%; }
			
			/* Offsets */
			.offset-by-one.column,
			.offset-by-one.columns          { margin-left: 8.66666666667%; }
			.offset-by-two.column,
			.offset-by-two.columns          { margin-left: 17.3333333333%; }
			.offset-by-three.column,
			.offset-by-three.columns        { margin-left: 26%;            }
			.offset-by-four.column,
			.offset-by-four.columns         { margin-left: 34.6666666667%; }
			.offset-by-five.column,
			.offset-by-five.columns         { margin-left: 43.3333333333%; }
			.offset-by-six.column,
			.offset-by-six.columns          { margin-left: 52%;            }
			.offset-by-seven.column,
			.offset-by-seven.columns        { margin-left: 60.6666666667%; }
			.offset-by-eight.column,
			.offset-by-eight.columns        { margin-left: 69.3333333333%; }
			.offset-by-nine.column,
			.offset-by-nine.columns         { margin-left: 78.0%;          }
			.offset-by-ten.column,
			.offset-by-ten.columns          { margin-left: 86.6666666667%; }
			.offset-by-eleven.column,
			.offset-by-eleven.columns       { margin-left: 95.3333333333%; }
			
			.offset-by-one-third.column,
			.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
			.offset-by-two-thirds.column,
			.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }
			
			.offset-by-one-half.column,
			.offset-by-one-half.columns     { margin-left: 52%; }
		
		}

	/* Buttons ::::::::::::::::::::::::::::: */
		.button,
		button,
		input[type="submit"],
		input[type="reset"],
		input[type="button"] {
			display: inline-block;
			height: 38px;
			padding: 0 30px;
			color: #555;
			text-align: center;
			font-size: 11px;
			font-weight: 600;
			line-height: 38px;
			letter-spacing: .1rem;
			text-transform: uppercase;
			text-decoration: none;
			white-space: nowrap;
			background-color: #B4E0B2 /*transparent*/;
			border-radius: 4px;
			border: 1px solid #bbb;
			cursor: pointer;
			box-sizing: border-box; }
		.button:hover,
		button:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:focus,
		button:focus,
		input[type="submit"]:focus,
		input[type="reset"]:focus,
		input[type="button"]:focus {
			color: #333;
			border-color: #888;
			outline: 0; }
		.button.button-primary,
		button.button-primary,
		input[type="submit"].button-primary,
		input[type="reset"].button-primary,
		input[type="button"].button-primary {
			color: #FFF;
			background-color: #33C3F0;
			border-color: #33C3F0; }
		.button.button-primary:hover,
		button.button-primary:hover,
		input[type="submit"].button-primary:hover,
		input[type="reset"].button-primary:hover,
		input[type="button"].button-primary:hover,
		.button.button-primary:focus,
		button.button-primary:focus,
		input[type="submit"].button-primary:focus,
		input[type="reset"].button-primary:focus,
		input[type="button"].button-primary:focus {
			color: #FFF;
			background-color: #1EAEDB;
			border-color: #1EAEDB; }
		
	
	/* Forms ::::::::::::::::::::::::::::: */
		input[type="email"],
		input[type="number"],
		input[type="search"],
		input[type="text"],
		input[type="tel"],
		input[type="url"],
		input[type="password"],
		textarea,
		select {
			height: 38px;
			padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
			background-color: #fff;
			border: 1px solid #D1D1D1;
			border-radius: 4px;
			box-shadow: none;
			box-sizing: border-box; }
		/* Removes awkward default styles on some inputs for iOS */
		input[type="email"],
		input[type="number"],
		input[type="search"],
		input[type="text"],
		input[type="tel"],
		input[type="url"],
		input[type="password"],
		textarea {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none; }
		textarea {
			min-height: 85px;
			padding-top: 6px;
			padding-bottom: 6px; }
		input[type="email"]:focus,
		input[type="number"]:focus,
		input[type="search"]:focus,
		input[type="text"]:focus,
		input[type="tel"]:focus,
		input[type="url"]:focus,
		input[type="password"]:focus,
		textarea:focus,
		select:focus {
			border: 1px solid #33C3F0;
			outline: 0; }
		label,
		legend {
			display: block;
			margin-bottom: .5rem;
			font-weight: 600; }
		fieldset {
			padding: 0;
			border-width: 0; }
		input[type="checkbox"],
		input[type="radio"] {
			display: inline; }
		label > .label-body {
			display: inline-block;
			margin-left: .5rem;
			font-weight: normal; }
	
	/* Clearing ::::::::::::::::::::::::::::: */
		.container:after,
		.row:after,
		.u-cf {
			content: "";
			display: table;
			clear: both; }
		.clear:after, 
		.clearfix:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0; }
		html[xmlns] .clearfix {
			display: block; }
		* html .clearfix {
			height: 1%; }
			
/*:::: (8) STRUCTURE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	body, html { overflow-x:hidden; } /* keeps the annoying horizontal scrolling left and right */

	body {
		margin: 0 auto !important;
		/*
		max-width: 1260px;
		*/
		width: 92%;
		padding-left: 2.275%;
		padding-right: 2.275%;
		 }

	/** drop shadow below the toolbars and above the page rendering **/
	body:before {
		content: "";
		position: fixed;
		top: -10px;
		left: 0;
		width: 100%;
		height: 10px;
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
		box-shadow: 0px 0px 10px rgba(0,0,0,.8);
		z-index: 100; }


body {
	/*
	background: rgba(253,247,199,0.5);
	*/
	background: rgba(234, 234, 234, 0.75);
	padding-bottom: 10rem;
}
*,
.stats_header,
.stats_header * {
	box-sizing: border-box;

}
.stats_header {
	border-bottom: 2px solid #c90;
	margin-bottom: .5rem;
}

.right_align {
	text-align: right;
	padding-right: .5rem;
}
.stats_header,
.cols_full {
	width: 100%;
}
.center {
	text-align: center;
}
	.stats_col1,
	.stats_col2,
	.stats_col3,
	.stats_col4,
	.stats_col5,
	.stats_col6,
	.stats_col7,
	.stats_col8,
	.stats_col9 {
		display: inline-block;
		vertical-align: top;
	}
	.stats_col1 { width: 12%; padding-right: .75rem; }
	.stats_col2 { width: 34%; padding-right: .75rem; }
	.stats_col3 { width: 12%; }
	.stats_col4 { width: 12%; }
	.stats_col5 { width: 6%; }
	.stats_col6 { width: 6%; }
	.stats_col7 { width: 6%; }
	.stats_col8 { width: 6%; }
	.stats_col9 { width: 6%; }

	div.header {
		padding: .25rem .5rem 0;
	}
		div.row.header {
			background: rgba(0,0,0,.2);
			padding-bottom: .5rem;
			border-radius: 4px;
		}
		div.row.header > div {
			/*
			border-bottom: 1px solid #777;
			*/
		}
		div.row.header .three.columns {
			text-align: left;
			align-self: flex-start;
			justify-content: flex-start;
			/*
			border-bottom: 2px solid #000;
			*/
		}
		.row >div:first-of-type {
			padding-left: 1rem;
		}
	div.even,
	div.odd {
		padding: .5rem .5rem .75rem .5rem;
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  /*
  -webkit-transition-delay: .25s; /* Safari */
  /*
  transition-delay: .25s;
*/
	}
	div.odd {
		background: rgba(0,0,0,.05) !important;
		border-radius: 4px;
	}
	div.odd:hover,
	div.even:hover {
		background: rgba(204,153,0,.25) !important;
		border-radius: 4px;
		/*
		box-shadow: 0 0 4px rgba(0,0,0,.2);
		*/
	}
	 

		.lvl1,
		.lvl2,
		.lvl3 {
			font-size: .75rem;
			line-height: 1.4rem;
		}
		.lvl1 {

		}
		.lvl2 {
			color: #777;
		}

	.cols_half {
		width: 50%;
		display: inline-block;
	}
	.stats_header {
		font-size: .875rem;
	}
	.row_out div {
		font-size: .75rem;
	}
	.top_stat {
		font-weight: 700;
	}
	.top_stat a {
		text-decoration: none;
	}
	.row_out .top_stat {
		font-size: .875rem;
		color: #3A3A3C;
	}


.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width:auto;
  max-width: 700px;
  margin: 20px auto;
}


tr.Selection{display:none;}

.hidden{
   display:none;
}




	/*_____________________________________________________________ */
	/*|||||||	 BREADCRUMBS	||||||||||||||||||||||||||||||||||| */


	/* Media Queries ::::::::::::::::::::::::::::: */
		/*
		Note: The best way to structure the use of media queries is to create the queries
		near the relevant code. For example, if you wanted to change the styles for buttons
		on small devices, paste the mobile query code up in the buttons section and style it
		there.
		*/
		
		
		/* Larger than mobile */
		@media (min-width: 400px) {}
		
		/* Larger than phablet (also point when grid becomes active) */
		@media (min-width: 550px) {}
		
		/* Larger than tablet */
		@media (min-width: 750px) {}
		
		/* Larger than desktop */
		@media (min-width: 1000px) {}
		
		/* Larger than Desktop HD */
		@media (min-width: 1200px) {}

	
	/* Media query for Mobile devices*/
	@media only screen and (min-width : 285px) and (max-width : 680px){
	}
	
	
	/* Media Query for Tablets */
	@media only screen and (min-width : 681px) and (max-width : 1024px) {
		/*  and (orientation: portrait) */
	}
	
	/* Desktops and laptops  */
	@media only screen and (min-width:1025px) and (orientation: portrait) {
	}
	
/*:::: (9) RESPONSIVE SPECIAL ELEMENTS :::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/*:::: (10) CONTENT & PAGE PRESENTATION STYLING :::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.logo {
    color: #285E86;
    font-family: "Montserrat",sans-serif;
    font-size: 1.25rem;
    line-height: 300%;
    display: inline-block;
    float: left;
}
.logo span {
	display: inline-block;
}


	form {
	  display: inline-block;

}


a.open-popup-link {
	text-decoration: none;
}
select {
  height: 28px;
  background: #DBD5CB;
  border: none;
  height: 3rem;
  padding: 0;
 }
 option {
 	/*padding: .25rem 1rem .25rem .75rem;*/
 	padding: .25rem 1rem .25rem 0;
 }

	/*:: HOMEPAGE :::*/
	div.row {
		margin: 0;
	}
	select {
	  margin: 50px;
	  background: transparent;
	  width: 150px;
	  padding-right: 35px;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  background: url(http://www.stackoverflow.com/favicon.ico) 96% / 15% no-repeat;
	}
	/*target Internet Explorer 9 and Internet Explorer 10:*/

	@media screen and (min-width: 0\0) {
	  select {
	    background: none;
	    padding: 5px;
	  }
	}

	.row {
		padding: 1rem 0;
	}
	.row.header div {
		font-family: 'Oswald';
		color: #444;
		font-weight: 400;
		font-size: 1rem;
		letter-spacing: 0.05rem;
	}
	.one.column,
	.two.columns {
		white-space: nowrap;
	}

	.one.column,
	.two.columns,
	.three.columns,
	.four.columns,
	.row.header .three.columns,
	.row.header .four.columns {
		min-height: 4rem;
	    display: flex;
	    justify-content: center;
	    align-content: flex-end;
	    align-items: flex-end;
	    flex-wrap: wrap;
	}

	.hidden .one.column,
	.hidden .two.columns,
	.hidden .three.columns,
	.hidden .four.columns {
		min-height: 1rem;
	    display: flex;
	    justify-content: center;
	    align-content: center;
	    align-items: center;
	    flex-wrap: wrap;
	}
	.three.columns,
	.four.columns {
	    align-content: center;
	    align-items: center;
	    
	}	
	.hidden .three.columns div,
	.hidden .four.columns div {
		width: 100%;
	}

	.three.columns a,
	.four.columns a {
		width: 100%;
	}

	a.date {
		color: #777;
		font-size: .875rem;
	}
	a.date,
	a.edit,
	a.subject {
		text-decoration: none;
	}
	a.subject {
		font-family: 'Oswald';
		color: #444;
		font-weight: 400;
		font-size: 1.25rem;
		letter-spacing: 0.05rem;
	}
	a.edit {
	}
	h3 {
		font-size: 2.5rem;
		line-height: 1;
	}
	h4 {
		font-size: 1.5rem;
		line-height: 1;
		color: #888;
	}
	.per_sign {
		font-size: 1rem;
		line-height: 1;
		padding-left: .125rem;
	}

	.column,
	.columns,
	.label_container {
		position: relative;
	}

	.column .label_container span::before,
	.columns .label_container span::before {
		/*
		position: absolute;
		*/
	    content:attr(title);
	    left:0;
	    top:0;
	    height:1.25rem;
	    color: #777;
	    font-size: 70%;
	    width: 100%;
	    display: block
	}


	.spam_container {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    justify-content: space-between;
	    align-items: stretch;
	    align-content: center;
	    width: 100%;
	}
		.spam_score {
			width: auto;
		}
		.spam_score::after {
		    content:" | ";
		    padding-right: .25rem;
		    height:1.5rem;
		    color: #ccc;
		    font-size: 1.5rem;
		    
		}
		.spam_score:last-of-type::after {
		    content:"";
		    left:0;
		    top:0;
		    height:1.25rem;
		    color: #777;
		    font-size: 130%;
		    
		}


	/*:: Magnific popover :::*/
	div[itemprop="articleBody"] .gallery img {
		border: 6px solid #fff;
		box-shadow: 2px 2px 2px #ccc;
		height: auto;
		width: 32%;
	}


	/*:: TOOL TIPS ::: */
[data-tooltip] i.fa {
	color: #aaa;
	margin-left: .25rem;
}
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 50%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: .875rem;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 6px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: .75rem;
  font-weight: 300;
  text-align: left;
  line-height: 1.4;
  font-family: 'Open Sans', sans-serif;
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
  -webkit-transition-delay: .5s; /* Safari */
  transition-delay: .5s;
  white-space: normal;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 50%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
  -webkit-transition-delay: .5s; /* Safari */
  transition-delay: .5s;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}


#test p {
	padding: 1rem !important;
	margin: 0;
}
	


/*:: GOOGLE CHARTS :::: */
	[text-anchor="start"][fill="#000000"] {
		font-size: 1.25rem;
		font-family: 'Oswald', sans-serif;
		line-height: 2.0 !important;
		display: block;
	}

	[text-anchor="start"][fill="#222222"] {
		font-size: .875rem;
		font-family: 'Montserrat', sans-serif;
		line-height: 2.0 !important;
		padding-top: 1rem;
		margin-top: 1rem;
		margin-right: 1rem;
		padding-right: 1rem;
		display: block;
		text-transform: uppercase;
		height: 2rem;
	}
	.chart_wide {
	    display: flex;
	    justify-content: center;
	    align-content: flex-end;
	    align-items: flex-end;
	    flex-wrap: wrap;
	    padding-bottom: 2rem;
	}
	.chart_wide > div {
		max-width: 50%;
		width: 50%;
	}
	.chart_wide > div [dir="ltr"] {

	}
	text[text-anchor="end"] {
		font-size: 12px !important;
	}

	[aria-label="A chart."] {
	}
	[aria-label="A chart."] > svg {
	}
	/*:: (10a) SEARCH RESULTS PAGE :::*/




/*:::: (15) ERROR PAGES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	/*Animation*/
	@keyframes offline {
		0% {transform: translateY(120px); opacity: 0;}
		100% {transform: translateY(0px); opacity: 1;}
	}

	@-webkit-keyframes offline {
		0% {transform: translateY(120px); opacity: 0;}
		100% {transform: translateY(0px); opacity: 1;}
	}

	@-o-keyframes offline {
		0% {transform: translateY(120px); opacity: 0;}
		100% {transform: translateY(0px); opacity: 1;}
	}

	@-moz-@keyframes offline {
		0% {transform: translateY(120px); opacity: 0;}
		100% {transform: translateY(0px); opacity: 1;}
	}


/*:::: (30) CSS TESTING TRIGGERS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	/** cool way to check for empty links, alt, etc **/
	/*
	div:empty, span:empty,
	li:empty, p:empty,
	td:empty, th:empty {padding: 0.5em; background: yellow; }
		*[style], font, center {outline: 5px solid red; }
	*[class=""], *[id=""] {outline: 5px dotted red; }
		img[alt=""] {border: 3px dotted red; }
	img:not([alt]) {border: 5px solid red; }
	img[title=""] {outline: 3px dotted fuchsia; }
	img:not([title]) {outline: 5px solid fuchsia; }
		table:not([summary]) {outline: 5px solid red; }
	table[summary=""] {outline: 3px dotted red; }
	th {border: 2px solid red; }
	th[scope="col"], th[scope="row"] {border: none; }
	a[href]:not([title]) {border: 5px solid red; }
	a[title=""] {outline: 3px dotted red; }
	a[href="#"] {background: lime; }
	a[href=""] {background: fuchsia; }

	Version 2

		/* Empty Elements 
	div:empty, span:empty, li:empty, p:empty, td:empty, th:empty
	{ padding: 20px; border: 5px dotted yellow !important; }
		/* Empty Attributes 
	*[alt=""], *[title=""], *[class=""], *[id=""], a[href=""], a[href="#"]
	{ border: 5px solid yellow !important; }
		/* Deprecated Elements 
	applet, basefont, center, dir, font, isindex, menu, s, strike, u
	{ border: 5px dotted red !important; }
		/* Deprecated Attributes 
	*[background], *[bgcolor], *[clear], *[color], *[compact], *[noshade], *[nowrap], *[size], *[start],
	*[bottommargin], *[leftmargin], *[rightmargin], *[topmargin], *[marginheight], *[marginwidth], *[alink], *[link], *[text], *[vlink],
	*[align], *[valign],
	*[hspace], *[vspace],
	*[height], *[width],
	ul[type], ol[type], li[type]
	{ border: 5px solid red !important; }
		/* Proposed Deprecated Elements 
	input[type="button"], big, tt
	{ border: 5px dotted #33FF00 !important; }
		/* Proposed Deprecated Attributes 
	*[border], a[target], table[cellpadding], table[cellspacing], *[name]
	{ border: 5px solid #33FF00 !important; }
	*/

/*:::: (50) PRINT STYLESHEET ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	.print_footer {display: none; }/* remove this from web view ***/

	@media print {
		* {
			text-shadow: none !important;
			color: #000 !important;
			background: transparent !important;
			box-shadow: none !important; }
		article {
			page-break-before: avoid;
			/*page-break-before: always;*/
		}
		ul, img {
			page-break-inside: avoid; }
		a,
		a:visited {
			text-decoration: underline; }
		abbr[title]:after {
			content: " (" attr(title) ")"; }
		pre,
		blockquote {
			border: 1px solid #999;
			page-break-inside: avoid; }
		thead {
			display: table-header-group; }
		tr,
		img {
			page-break-inside: avoid; }
		img {
			max-width: 100% !important; }
		p,
		h2,
		h3 {
			page-break-after: avoid;
			orphans: 3;
			widows: 3; }
		nav,
		.breadcrumbs,
		div.right_column {
			display: none; }
		.print_footer {
			display: block;
			padding-top: 2rem; }
	}


/*:::: (50) DEV VARIABLES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	.responsive_script{
		position: fixed; left: 0; bottom: 0; z-index: 150; background: rgba(0,0,0,.75); font-size: 14px; padding: 2px 14px 4px; font-family: Helvetica; color: #fff; width: 100%; text-align:center;
	}
	.dev_vars * {
		font-size: .75rem; }
		.dev_vars label {
			margin-bottom: 0; }
	.dev_vars { 
	    display : flex;
	    vertical-align: top; 
	    height:auto !important; 
	    position: fixed;
	    bottom: 0;
	    right: 20px;
	    z-index: 300;
	    width: auto;
	    background: #89A103;
	    color: #efefef;
	    letter-spacing: .05rem;
	    border-radius: 5px;
	    border-bottom-left-radius: 0;
	    border-bottom-right-radius: 0;
	    border-top-left-radius: 10px;
	    border-top-right-radius: 10px;
	    padding: .5rem 1rem 0.5rem 1rem;
	    box-shadow: 0px 0px 8px rgba(0,0,0,.5); }
	.dev_vars .list {
	    display:none; 
	    height:auto;
	    margin:0;
	    /*float: left;*/
	    width: 100%;
		padding-right: 2rem; }
	.dev_vars .show {
	    display: none; }
	.dev_vars .hide:target + .show {
	    display: inline; 
	    position: absolute;
	    right: 20px; }
	.dev_vars .hide:target{
	    display: none; }
		.dev_vars .show.fa.fa-toggle-on:target {
			display: none !important; }
	.dev_vars .hide:target ~ .list {
	    display:inline; }

	/*style the (+) and (-) */
	.dev_vars .hide, .dev_vars .show {
		width: 30px;
		color: #fff;
		text-shadow: 0 1px 0 #666;
		text-align: center;
		text-decoration: none;
		opacity: .95;
		margin-right: 0;
		float: left; }

	.dev_vars .hide:hover, .dev_vars .show:hover {
		color: #eee;
		text-decoration: none;
		opacity: 1; }

	.dev_vars .var_block {
		display: inline-block;
		line-height: 0.75rem;
		padding: 0 1rem;
		text-align: center;
		vertical-align: top; }
	.fa {
		line-height: 1.5rem !important; }