/*
Theme Name: Simpsons Creative Grid 2017
Description: This is the 'base' CSS styles for the theme, they set out standard styles that are then either kept or overwritten by the main stylesheets.
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/



/* ######################## CSS Reset ########################
http://meyerweb.com/eric/tools/css/reset/index.html
 */

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, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
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; }
/* ######################## ######################## */


/* ########################General styles ######################## */
*, p { font-family: Arial, Helvetica, sans-serif; }
/* ########################
Header styles
######################## */

.header { background-color: #C60; }
/* ########################
Navigation styles
######################## */

div.slicknav_menu {display:none;}
.nav { border-bottom: 0; margin: 0; background-color: #0CF; }
.nav li a { display: block; text-decoration: none; padding: 0.75em; }
.nav li ul.sub-menu li a, .nav li ul.children li a { padding-left: 30px; }
.nav { border: 0; }
.nav ul { background: #0CF; margin-top: 0; list-style: none; padding-left: 0px; }
.nav li { float: left; position: relative; }
.nav li a { border-bottom: 0; }
.nav li a:hover, .nav li a:focus { color: white; text-decoration: underline; }
.nav li ul.sub-menu, .nav li ul.children { margin-top: 0; border: 1px solid #ccc; border-top: 0; position: absolute; visibility: hidden; z-index: 8999; }
.nav li ul.sub-menu li a, .nav li ul.children li a { padding-left: 10px; border-right: 0; display: block; width: 180px; border-bottom: 1px solid #ccc; }
.nav li ul.sub-menu li:last-child a, .nav li ul.children li:last-child a { border-bottom: 0; }
.nav li ul.sub-menu li ul, .nav li ul.children li ul { top: 0; left: 100%; }
.nav li:hover > ul { top: auto; visibility: visible; }
/* ########################
Content styles
######################## */
#content { background-color: #FF6; margin-top: 20px; }
/* ########################
Text styles for content area
http://files.www.gethifi.com/blog/a-boilerplate-for-css-typography/demo/type.html
 ######################## */
 		/* Standard Text */
#content, #content input, #content button, #content textarea { font: normal 12px/20px arial, sans-serif; color: #555; }
/* Block Baselines */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content ul, #content ol, #content pre, #content blockquote, #content textarea, #content button { margin-bottom: 20px; }
img { display: block; }
/* Headers */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { text-rendering: optimizeLegibility; /* optional - helps kerning in some browsers */  font-weight: normal;  }
#content h1, #content h1 a { font-size: 30px; line-height: 40px; }
#content h2 { font-size: 24px; line-height: 20px; }
#content h3 { font-size: 20px; margin-bottom: 20px; }
#content h4 { font-size: 16px; font-weight: bold; }
#content h5 { font-size: 14px; font-weight: bold; margin-bottom: 0; }
#content h6 { font-size: 12px; font-weight: bold; margin-bottom: 0; }
/* Paragraph Elements */
/*
#content a:link { color: #375493; text-decoration: underline; }
#content a:active { background: #ccd5e2; text-decoration: underline; }
#content a:hover { background: #ccd5e2; text-decoration: none; }
#content a:visited { color: black; text-decoration: underline; }
*/
#content sup, #content sub { font-size: 80%; line-height: 0; }
#content sup { vertical-align: super; }
#content sub { vertical-align: sub; }
#content code { font-family: Consolas, "Courier New", Courier, mono; }
/* Block Elements */
#content ul, #content ol { margin-left: 20px; }
#content blockquote { display: block; background: #eee; background: rgba(0,0,0,.05); border-left: 4px solid; border-left-color: #ccc; border-left-color: rgba(0,0,0,.1); padding: 10px; font-style: italic; }
#content blockquote p:last-child { margin-bottom: 0; }
#content pre { font-family: Consolas, "Courier New", Courier, mono; background: black; background: rgba(0,0,0,.8); color: #eee; padding: 10px 20px; }
/* Forms */
#content form { }
#content form p { margin: 0; }
#content label { display: block; margin-bottom: 0; }
#content input, #content textarea, #content select { display: block; margin: 4px 0 24px 0; }
#content input[type=text], #content input[type=email], #content input[type=url], #content textarea { width: 100%; max-width: 400px; border: 1px solid; border-color: #ccc; border-color: rgba(0,0,0,.1); height: 30px; background: #fff; background: rgba(255,255,255,.8); font-size: 16px; line-height: 30px; padding: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#content textarea { height: 150px; width: 450px; font-size: 14px; line-height: 16px; }
#content label.error { width: 400px; text-align: right; color: #aa0000; }
#content label.error:before { content: "▲ "; }
#content input.error, #content textarea.error { border-color: #aa0000; }
/* ########################
Wordpress gallery
  ######################## */
/* WordPress Gallery
------------------------------------------ */

.gallery { margin-left: -0.5em; margin-right: -0.5em; }
.gallery:after { display: table; content: ""; clear: both; }
.gallery-item { margin: 0; float: left; padding: 0.5em; }

 /* ########################
Footer styles
######################## */

#footer { background-color: #99F; margin-top: 10px; }
 @media (max-width: 1029px) {
/*Tablet*/
}
 @media (max-width: 767px) {
/*Mobile*/
		div.slicknav_menu {display:block;}
		div.nav {display:none;}



}
 @media (max-width: 480px) {
/*Small Mobile*/
}