/*

Theme Name: X NIO
Theme URI: http://newinternetorder.com/
Author: Karol K
Author URI: http://newinternetorder.com/
Template: x
Description: My child of the X theme
Version: 1.0.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: x-nio

*/

.home .x-navbar,
.home .x-navbar .sub-menu {
	background-color: #fff !important;
}

.home .x-navbar {
	padding-top: 10px;
	padding-bottom: 10px;
}
/* body.x-navbar-fixed-top-active .x-navbar-wrap */

.home .x-navbar a:hover {
	color: #166399 !important;
}

.home .x-navbar a {
	color: #000 !important;
}

h1.entry-title:before, 
h2.entry-title:before {
	content: " " !important;
	width: 0 !important;
}

.x-header-landmark {
	border-bottom: 0;
}

h1.entry-title {
	font-size: 43px;
	line-height: 48px;
	margin-bottom: 28px;
}

.entry-content h2 {
	font-size: 32px;
	line-height: 44px;
	margin-top: 56px;
	margin-bottom: 28px;
	text-align: center;
}
.entry-content h3 {
	font-size: 24px;
	line-height: 28px;
	margin-top: 28px;
	margin-bottom: 28px;
}
/*.entry-content h4 {
	font-size: 18px;
	line-height: 28px;
	margin-top: 28px;
	margin-bottom: 28px;
}*/
.entry-content p, 
.entry-content ul, 
.entry-content ol, 
.entry-content pre, 
.entry-content table, 
.entry-content blockquote {
	margin-top: 28px;
	margin-bottom: 28px;
	line-height: 28px;
}

.entry-content ul ul, 
.entry-content ol ol, 
.entry-content ul ol, 
.entry-content ol ul {
	margin-top: 0;
	margin-bottom: 0;
}
.entry-content b, 
.entry-content strong, 
.entry-content em, 
.entry-content small, 
.entry-content code {
	line-height: 1;
}
.entry-content sup, 
.entry-content sub {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}
.entry-content sub {
	top: 0.4em;
}

.bigger-font .entry-content ul, 
.bigger-font .entry-content ol, 
.bigger-font .entry-content p {
	font-size: 20px;
	line-height: 32px;
}

.x-container {
	margin: 0 auto !important;
}

.single .entry-featured {
	display: none;
}

/* more hacks */

.post-side-txt {
	/*font-family: arial;*/
	font-size: 20px; 
	font-style: italic; 
	line-height: 1.2em;
	text-transform: uppercase;
	color: #45a7ec; 
}

.entry-content h4, 
.post-side-txt-big {
	/*font-family: arial;*/
	font-size: 40px; 
	font-style: italic; 
	text-transform: uppercase;
	color: #45a7ec; 
	line-height: 44px;
	margin-top: 28px;
	margin-bottom: 28px;
}

#mc_embed_signup p {
	font-size: 20px;
	font-family: Arial, Tahoma, sans-serif;
	color: #fff;
	text-shadow: #166399 1px 1px 2px;
	font-weight: bold;
	text-transform: uppercase;
}

.mc-field-group {
	display: inline;
	padding: 0px 7px;
	overflow: hidden;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button {
	background-color: #FFAB3F;
	font-weight: bold;
}

hr.style-fade { 
	border: 0; 
	height: 2px; 
	margin-top: 40px;
	margin-bottom: 40px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(69, 167, 236, 0.75), rgba(0,0,0,0)); 
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(69, 167, 236, 0.75), rgba(0,0,0,0)); 
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(69, 167, 236, 0.75), rgba(0,0,0,0)); 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(69, 167, 236, 0.75), rgba(0,0,0,0)); 
}

.nio-time-stamp {
	color: #888;
	font-size: 14px;
	font-style: italic;
	line-height: 3;
}

ul.border-list,
ol.border-list {
	border-left: 4px solid #45A7EC; 
	padding-bottom: 0px; 
	margin-bottom: 20px;
	margin-left: 10px;
}

h2.blue-h2-center {
	text-align: center;
	color: #45a7ec;
}

p.nio-manifesto {
	font-family: 'Lato', sans-serif; 
	font-size: 1.6em; 
	text-transform: uppercase; 
	line-height: 1.1em;
	margin-bottom: 50px;
	word-spacing: 4px;
}
strong.nio-manifesto-b {
	font-family: 'Arial Black', Arial, sans-serif;
}
span.nio-manifesto-i {
	font-family: 'Zeyada', cursive; 
	font-weight: bold;
	font-size: 0.9em;
}
span.nio-manifesto-i2 {
	font-family: 'Zeyada', cursive; 
	font-style: italic; 
	color: #AAA;
	font-size: 1.0em;
}

/* Responsive Design */

@media only screen and (max-width: 960px) {

	

}

@media only screen and (max-width: 450px) {

	.hide_on_mobile {
		display: none !important;
	}

	
	
}