/* Safari, Opera */
@-webkit-keyframes linkColors{
	50%{color: blue;}
	100%{color: darkblue;}
}

/* Standard Syntax */
@keyframes linkColors{
	50%{color: blue;}
	100%{color: darkblue;}
}

/* Internet Explorer */
@-ms-keyframes linkColors{
	50%{color: blue;}
	100%{color: darkblue;}
}
.main{
		background-color:#fff;
}

.winter_main{
		background-color:#fff;
}
.winter_links{
		background-color:#1ec;
}


.spring_main{
		background-color:#0f7;
}
.spring_links{
		background-color:#f08;
}

.summer_main{
		background-color:#ff8;
}
.summer_links{
		background-color:#8ff;
}

.fall_main{
		background-color:600;
}
.fall_links{
		background-color:066;
}

.generic_main{
		background-color:#fff;
}
.generic_links{
		background-color:#2cf;
}

a:hover { color: #000;
/*color:blue;
transition: all 0.2s ease-out;*/
 animation: linkColors 2s infinite; 
 -webkit-animation: linkColors 2s infinite; 
 -ms-animation: linkColors 2s infinite; 
}

input[type=submit]:hover, 
input[type=button]:hover,
button:hover,
.submit:hover,
.button:hover {
	opacity: 0.7;
	background-color:#1cf;
	background: linear-gradient(to bottom,#039,#1cf);;
}

/* reset & 12 columns
 * ============================================================================ */ 
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,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;margin:0;font-size:100%;vertical-align:baseline;border:0}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}
ol,ul{list-style:none}a:focus{outline:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:''}table{border-collapse:collapse;border-spacing:0}img,object,embed,video{max-width:100%}
object,embed,video{width:100%}img{height:auto;vertical-align:middle;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
.grid{width:90%;margin-left:auto;margin-right:auto}.grid [class*=col]{width:100%;margin-left:0}

/* ============================================================================
 *		LAYOUT
 * ============================================================================ */
html { height: 100%; }
body { width: 100%; min-width: 280px; background: #fff; }
.wrapper { margin: 0 auto; }
#header { min-height: 100px; background-repeat: no-repeat; background-position: top center; background-size: cover; }
#main { padding: 60px 0; margin: 0 auto; position: relative; }
#content { width: 100%; float: none; }
#sidebar { display: none; }
#sidebar.block{ display: block;}
#footer { width: 100%; padding: 20px 0; margin: 0; background: #936; }

.maxwidth { margin: 0 auto; position: relative; width: 90%; max-width: 1080px; }
.grid .maxwidth, .maxwidth .grid, .grid .grid, .maxwidth .maxwidth { width: 100%;}

body.custom-background .topnav{ background-color: #936;}
body.custom-background .wrapper { margin: 0 auto; background: #fff; max-width: 1160px; }
body.custom-background.full-main-nav .wrapper {
	max-width: none;
	background-color: transparent;
}

body.custom-background.full-main-nav #header,
body.custom-background.full-main-nav #main,
body.custom-background.full-main-nav #footer {
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
body.custom-background.full-main-nav #header {
	border-radius: 10px 10px 0 0;
	background-color: #fff;
}
body.custom-background.full-main-nav #main {
	background-color: #fff;
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
}

/* ============================================================================
 *		inline HTML TAGS
 * ============================================================================ */
body { font: 16px/140% 'Open Sans', Tahoma, Verdana, Segoe, sans-serif; color: #222; word-wrap: break-word; }

a { color: #222; }

p { padding: 0 0 1em 0; }
p:last-child { padding-bottom: 0; }

h1, h2, h3, h4, h5, h6, .wtitle, .title { 
	margin: 0;
	padding: 0 0 0.5em;
	line-height: 110%;
	font-weight: bold;
}

p { font-family: 'IBM Plex Sans', 'Cagliostro', 'Gloria Hallelujah', Georgia, Verdana, Geneva, sans-serif; }

h1 {font-size: 36px; padding: 0;
	font-family: 'Calligraffitti','IBM Plex Serif', Georgia, Verdana, Geneva, sans-serif ; }
h2 { font-size: 30px;
	font-family: 'Calligraffitti', 'IBM Plex Serif', Georgia, "Times New Roman", Times, serif ; }
h3 { font-size: 24px; font-family: 'Gloria Hallelujah', 'Cagliostro','IBM Plex Sans', Georgia, Verdana, Geneva, sans-serif ;}
h4 { font-size: 20px; font-family: 'Cagliostro', 'Gloria Hallelujah', 'IBM Plex Sans', Georgia, Verdana, Geneva, sans-serif ;}
h5, h6 { font-size: 18px; font-family: 'Gloria Hallelujah', 'IBM Plex Sans', 'Cagliostro', Georgia, Verdana, Geneva, sans-serif ;}

code {font-family:'IBM Plex Mono', "Lucida Console", Monaco, "Courier New", Courier, monospace; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; font-family: 'Calligraffitti', 'Gloria Hallelujah', 'IBM Plex Sans', Georgia, Verdana, Geneva, sans-serif; }

blockquote, q { 
	position: relative;
	padding: 30px 30px 30px 80px;
	margin: 10px 0 20px 30px;
	color: #000;
	font: normal 1em/120% 'Calligraffitti', 'Gloria Hallelujah', 'IBM Plex Sans', 'IBM Plex Mono', 'IBM Plex Serif', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	background: #fff;
	border-left: 4px solid #1ef;
	border-radius: 3px;
	display: block;
}
blockquote:after {
	content: '”';
	position: absolute;
	top: 10px;
	left: 20px;
	font-size: 4em;
	line-height: 100%;
}

table th { background: #ddd; border-right: 1px solid #fff; padding: 10px 20px; }
table tr th:last-child { border-right: 1px solid #ddd; }
table td { padding: 5px 20px; border: 1px solid #ddd; }

pre { background: #f5f5f5; border: 1px solid #ddd; padding: 10px; text-shadow: 1px 1px rgba(255, 255, 255, 0.4); font-size: 12px; line-height: 15px; margin: 0 0 1em 0; overflow:auto }
sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline }
sup { bottom: 1ex }
sub { top: .5ex }
small { font-size: 75% }
big { font-size: 125% }



/* ============================================================================
 *		FORM HTML TAG
 * ============================================================================ */
input, textarea, select, button {
	padding: 10px 10px 10px 0;
	border-color: #ddd;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font: 300 16px/140% 'IBM Plex Mono', 'Gloria Hallelujah', 'IBM Plex Sans', 'IBM Plex Serif', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	color: #222;
}
textarea { 
	min-height: 90px; 
	max-width: 100%; 
	box-sizing: border-box;
}
textarea,
select,
input[type=text], 
input[type=password], 
input[type=email], 
input[type=url], 
input[type=tel], 
input[type=date], 
input[type=datetime], 
input[type=datetime-local], 
input[type=time],
input[type=month], 
input[type=week], 
input[type=number], 
input[type=search] { 
	padding: 9px 10px;
	border-width: 1px; 
	border-style: solid;
	font-family:'IBM Plex Mono', 'Gloria Hallelujah', 'IBM Plex Sans', 'IBM Plex Serif', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	min-height: 20px;
	/*height: 20px; */
}
input[type=search] { 
	height: 40px;
}
input[type=color] { 
	padding: 0; 
	border: 0; 
	background: #fff;
}
input:focus, textarea:focus, select:focus {
	outline: none; 
	border-color: #936; 
	-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.08); 
	box-shadow: inset 0 0 8px rgba(0,0,0,0.08); 
}
input[type=submit], 
input[type=button],
button, .submit, .button {
	padding: 10px 20px;
	min-height: 20px;
	/*height: 40px;*/
	line-height: 20px;
	border: 0;
	color: #fff;
	cursor: pointer;
background-color:#039;
	background: linear-gradient(to bottom,#039,#1eccf3);	
	font: 300 16px/140% 'Gloria Hallelujah', 'IBM Plex Sans', 'IBM Plex Serif', 'IBM Plex Mono', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}