/******************************************************************
Theme Name: Simpsons Creative Grid
Description: A responsive theme for WordPress, developed by Simpsons Creative, allowing for quick and fluid development of responsive websites - through the use of a dynamic grid system.
Author: Harry Kitchener
Version: 1.0
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support
******************************************************************/

/*This document contains all of Simpsons Creative's standard stylyings*/

/*==================== General ====================*/
	*{box-sizing: border-box;}
	body{overflow-x: hidden;}
	#wpadminbar {z-index: 999999;}

	/*OVERALL PAGE WIDTH*/
		#content, .header, .footer {max-width:1040px; margin:0 auto;}

	/*Links*/
		a:focus, a:visited:focus {color: #002a5c;}
		p {-ms-word-break: normal; word-break: normal; word-break: normal; -webkit-hyphens: normal; -moz-hyphens: normal; hyphens: normal; white-space: normal;}

	/*Text*/
		.entry-content p {margin-bottom: 14px;}

		h1, h2, h3, h4, h5, h6, p {margin: 0 0 3px 0; }
		h1{display: block;}
		h2{display: block;}
		h3{display: block;}
		h4{display: block;}
		h5{letter-spacing: 0; text-transform: none; display: block;}
		h6{display: block;}
		p{display: block;}

	/*Lists*/
		ul{list-style-type: disc; margin: 0 0 21px 0;}
		ol{list-style-type: decimal; padding: 0;}
		ul, ol{padding: 0 0 0 30px;}

/*==================== Header ====================*/
	/*Header*/
		.header {background-color: #00adef; display:block; overflow: hidden;}
		.headerTop{padding: 1em; padding-bottom: 0;}

		/*Left header*/
			#logo {display:inline-block; width: 100%;}

		/*Right header*/
			a .socialIcon{padding-right: 5px; float: right;}
			a:first-child .socialIcon{padding-right: 0;}

	/*Navigation*/
		.nav {border: 0;}
		.nav ul{background: #e43c2c; 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;}

	/*Responsive Navigation*/
		.slicknav_menu{display: none;}
		.slicknav_menu ul li a{margin-top: 0; margin-bottom: 0;}

/*==================== Body ====================*/
	body{background-color: #9EE889; color: #000;}

	/*Content*/
		#inner-content{background-color: white; float: left; padding: 1em;}
		.article-header{padding: 0px; margin-bottom: 3px; border-bottom: 1px solid #ccc;}
		.entry-content{padding: 0px;}

	/*Gallery*/
		.wp-caption, img{margin-bottom: 14px;}
		.gallery{display: block; width: 100%; margin-bottom: 14px;}
		.gallery br{display: none;}
		.gallery-item{display: inline-block; float: none; width: auto; margin: 0 10px 2px 0;}
		.gallery-item img{margin-bottom: 0;}
		.gallery-columns-3 .gallery-item{width: 31%;}
		.gallery-columns-4 .gallery-item{width: 23%;}
		.scGallery img{margin-bottom: 0;}
		.scGallery{margin: 0 0 14px 0;}

	/*Buttons*/
		.button{margin-bottom: 14px; display: inline-block; text-align: center;}

	/*Break*/
		.breakSB{margin-left: -100%; margin-right: -100%; width: 120vw;}
		.breakNoSB{margin-left: -100%; margin-right: -100%;}
		.breakImage{width: 100%;}

/*==================== Footer ====================*/
	/*Footer*/
		.footer{padding: 1em; background-color: #40AAF3;}

/*==================== Media Queries ====================*/
	/*Tablet*/
	@media (max-width: 1029px)
	{
		/*Gallery*/
			.gallery-columns-3 .gallery-item {width: 47%;}
			.gallery-columns-4 .gallery-item {width: 31%;}
	}

	/*Mobile*/
	@media (max-width: 767px)
	{
		/*Gallery*/
			.gallery-columns-4 .gallery-item {width: 47%;}
		/*Responsive Navigation Trigger*/
			.slicknav_menu{display: block;}
			.nav{display: none;}
	}

	 /*Small Mobile*/
	@media (max-width: 480px)
	{
		/*Gallery*/
			.gallery-columns-4 .gallery-item, .gallery-columns-3 .gallery-item{width: 100%; display: block;}
	}

/*==================== Fixes ====================*/
	/*Fix hyphens on safari*/
		p{
			-webkit-hyphens: manual !important;
				-moz-hyphens: manual !important;
					-ms-hyphens: manual !important;
						hyphens: manual !important;
		}

	/*#### INTENSE SHORT CODE FIXES ####*/
		#content .intense.row{margin-left: 0px; margin-right: 0px;}