/*
Theme Name: Poseidon
Theme URI: https://themezee.com/themes/poseidon/
Author: ThemeZee
Author URI: https://themezee.com
Description: Poseidon is an elegant designed WordPress theme featuring a splendid fullscreen image slideshow. The clean typography and spacious white layout makes it great to share your stories. You can use the theme as simple blog or easily create a news website with the widget-based Magazine Homepage template.
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: poseidon
Tags: two-columns, light, blue, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, custom-colors, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, fluid-layout, responsive-layout, one-column, left-sidebar, right-sidebar, three-columns, black, red, silver, white, green, gray

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Poseidon is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
10.0 - Navigation
	10.1 - Main Navigation
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding: 0.4em 0.8em;
	border: none;
	background: #22aadd;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	font-size: 0.8125rem;
	font-family: 'Raleway', Tahoma, Arial;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #404040;
}

/*--------------------------------------------------------------
# 10.0 - Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## 10.1 - Main Navigation
--------------------------------------------------------------*/
.primary-navigation {
	float: left;
	margin: 1em 0;
}

.main-navigation-toggle {
	display: none;
}

.main-navigation-menu {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;	
}

.main-navigation-menu li {
	float: left;
	position: relative;
}

.main-navigation-menu a {
	display: block;
	font-family: 'Raleway', Tahoma, Arial;
	font-size: 15px;
	font-weight: bold;
	padding: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.main-navigation-menu > .menu-item-has-children > a:after {
	display: inline-block;
	margin: 0.2em 0 0 0.2em;
	font-size: 16px;
	line-height: 1;
	font-family: 'Genericons';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: inherit;
	vertical-align: top;
	content: '\f431';
	color: #404040;
}

.main-navigation-menu a:link, 
.main-navigation-menu a:visited {
	color: #404040;
	text-decoration: none;
}

.main-navigation-menu a:hover,
.main-navigation-menu a:hover:after {
	color: #22aadd;
}

.main-navigation-menu ul {
	position: absolute;
	display: none;
	z-index: 99;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	background: #fff;
	border: 1px solid #ddd;
	border-top: 4px solid #404040;
}

.main-navigation-menu ul li{
	margin: 0;
}

.main-navigation-menu ul a {
	width: 250px;
	width: 16rem;
	padding: 1em;
	float: left;
	font-size: 10px;
	border-bottom: 1px dotted #ccc;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.main-navigation-menu ul li:last-child a {
	border-bottom: none;
}

.main-navigation-menu ul .menu-item-has-children > a:after {
	display: inline-block;
	margin: 0.2em 0 0 0.2em;
	font-size: 14px;
	line-height: 1;
	font-family: 'Genericons';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: inherit;
	vertical-align: top;
	content: '\f431';
	color: #404040;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
}

.main-navigation-menu li ul ul {
	margin-left: 250px;
	margin-left: 16rem;
	margin-top: -4px;
}

.main-navigation-menu li:hover ul ul, 
.main-navigation-menu li:hover ul ul ul, 
.main-navigation-menu li:hover ul ul ul ul {
	display: none;
}

.main-navigation-menu li:hover ul, 
.main-navigation-menu li li:hover ul, 
.main-navigation-menu li li li:hover ul, 
.main-navigation-menu li li li li:hover ul {
	display: block;
}

.main-navigation-menu li.current-menu-item > a {
	color: #22aadd;
}

/*--------------------------------------------------------------
# 14.0 - Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## 14.1 - Desktop X-Large ( < 1200px )
--------------------------------------------------------------*/

@media only screen and (max-width: 75em) {

	.main-navigation-menu a {
		font-size: 14px;
		font-size: 0.875rem;
		padding: 1.3em 1.1em;
	}
		
}

/*--------------------------------------------------------------
## 14.2 - Desktop Large ( < 1120px )
--------------------------------------------------------------*/
@media only screen and (max-width: 70em) {
	
	.main-navigation-menu a {
		font-size: 13px;
		font-size: 0.8125rem;
		padding: 1.5em 1em;
	}

}

/*--------------------------------------------------------------
## 14.2 - Desktop Medium ( < 1040px )
--------------------------------------------------------------*/
@media only screen and (max-width: 65em) {
	

}

/*--------------------------------------------------------------
## 14.3 - Desktop Small ( < 960px )
--------------------------------------------------------------*/
@media only screen and (max-width: 60em) {
	
	/*** Mobile Main Navigation ***/
	
	/* Reset */
	.primary-navigation {
		margin: 0;
	}
	
	.primary-navigation, 
	.main-navigation-menu li {
		float: none;
		position: static;
	}
	
	.main-navigation-menu ul {
		position: static;
		display: block;
	}
	
	.main-navigation-menu ul a {
		width: auto;
		float: none;
	}
	
	.main-navigation-menu li ul ul {
		margin-left: 0;
	}
	
	.main-navigation-menu li:hover ul ul, 
	.main-navigation-menu li:hover ul ul ul, 
	.main-navigation-menu li:hover ul ul ul ul,
	.main-navigation-menu li:hover ul, 
	.main-navigation-menu li li:hover ul, 
	.main-navigation-menu li li li:hover ul,
	.main-navigation-menu li li li li:hover ul {
		display: inline;
	}
	
	.main-navigation-menu > .menu-item-has-children > a:after,
	.main-navigation-menu ul .menu-item-has-children > a:after {
		display: none;
	}
	
	/* Main Navigation Toggle */
	.main-navigation-toggle {
		float: right;
		display: inline-block;
		margin: 1em 0;
		padding: 1em;
		background: none;
	}
	
	.main-navigation-toggle:hover,
	.main-navigation-toggle:focus,
	.main-navigation-toggle:active {
		cursor: pointer;
		background: none;
	}
	
	.main-navigation-toggle:after {
		float: left;
		display: inline-block;
		font-size: 32px;
		line-height: 1;
		font-family: 'Genericons';
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: inherit;
		vertical-align: middle;
		content: '\f419';
		color: #404040;
	}
	
	.main-navigation-toggle:hover:after {
		color: #22aadd;
	}
	
	/* Main Navigation Menu */
	.main-navigation-menu {
		float: left;
		width: 100%;
		display: none;
		margin-bottom: 1em;
		border-top: 4px solid #404040;
	}
	
	.main-navigation-menu a {
		display: block;
		clear: left;
		font-size: 15px;
		font-size: 0.9375rem;
		padding: 1.2em;
		border-bottom: 1px dotted #ccc;
	}
	
	.main-navigation-menu li:last-child a {
		border-bottom: none;
	}

	.main-navigation-menu ul {
		float: none;
		width: 100%;
		border: none;
	}
	
	.main-navigation-menu ul a {
		display: block;
		width: 100%;
		padding-left: 2em;
	}
	
	.main-navigation-menu ul li ul a {
		padding-left: 4em;
	}
	
	.main-navigation-menu ul li ul li ul a {
		padding-left: 6em;
	}
	
	.main-navigation-menu ul li ul li ul li ul a {
		padding-left: 8em;
	}
	
	.main-navigation-menu ul li:last-child a {
		border-bottom: 1px dotted #ccc;
	}
	
	.main-navigation-menu ul ul {
		border-top: 1px dotted #ccc;
	}
	
	/* Mobile Submenu Dropdowns */
	.main-navigation-menu .submenu-dropdown-toggle {
		float: right;
		display: block;
		margin: 0;
	}
	
	.main-navigation-menu .submenu-dropdown-toggle:hover {
		cursor: pointer;
	}
	
	.main-navigation-menu .submenu-dropdown-toggle:before {
		font-size: 32px;
		line-height: 1;
		font-family: 'Genericons';
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: inherit;
		vertical-align: middle;
		content: '\f431';
		color: #404040;
	}
	
	.main-navigation-menu .submenu-dropdown-toggle:hover:before {
		color: #22aadd;
	}
	
	.main-navigation-menu .submenu-dropdown-toggle.active:before {
		content: '\f432';
	}
	
	.main-navigation-menu ul .submenu-dropdown-toggle {
		padding: 0.5em 1em;
	}
	
	.main-navigation-menu ul .submenu-dropdown-toggle:before {
		font-size: 24px;
	}
	
}

/*--------------------------------------------------------------
## 14.4 - Tablet Large ( < 880px )
--------------------------------------------------------------*/
@media only screen and (max-width: 55em) {
		
}

/*--------------------------------------------------------------
## 14.5 - Tablet Medium ( < 800px )
--------------------------------------------------------------*/
@media only screen and (max-width: 50em) {
		
	.main-navigation-toggle:after {
		font-size: 29px;
	}
		
}

/*--------------------------------------------------------------
## 14.6 - Tablet Small ( < 720px )
--------------------------------------------------------------*/
@media only screen and (max-width: 45em) {
	
	
}

/*--------------------------------------------------------------
## 14.7 - Mobile Extra Large ( < 640px )
--------------------------------------------------------------*/
@media only screen and (max-width: 40em) {
	
	
}

/*--------------------------------------------------------------
## 14.8 - Mobile Large ( < 560px )
--------------------------------------------------------------*/
@media only screen and (max-width: 35em) {

	.main-navigation-toggle:after {
		font-size: 26px;
	}
		
}

/*--------------------------------------------------------------
## 14.9 - Mobile Medium ( < 480px )
--------------------------------------------------------------*/
@media only screen and (max-width: 30em) {
	
	
}

/*--------------------------------------------------------------
## 14.9.5 - Mobile Small ( < 320px )
--------------------------------------------------------------*/
@media only screen and (max-width: 25em) {
		
}

/*--------------------------------------------------------------
## 14.10 - Mobile Small ( < 320px )
--------------------------------------------------------------*/
@media only screen and (max-width: 20em) {
	
	.main-navigation-toggle {
		padding: 0.75em;
	}
	
	.main-navigation-toggle:after {
		font-size: 24px;
	}
	
}

/*--------------------------------------------------------------
# 16.0 - Media Query Fixes
--------------------------------------------------------------*/

/* Ensure navigation is visible on desktop view */
@media only screen and (min-width: 60em) {
	
	.main-navigation-menu {
		display: block !important;
	}
	
}