/* ------------------------------ Set Background - Margin Top, Bottom ------------------------------ */

body {
	background: #143663;
	color: #fff;
}

#page{
	position: relative;
}

/* ------------------------------ Set Font all site ------------------------------ */

html,

button,
input,
optgroup,
select,
textarea,

body,

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6{

	font-family: 'Saira Semi Condensed', sans-serif;

}



/* ------------------------------ Link color ------------------------------ */


a {
	color: #01aaef;
}

a:visited {
	color: #01aaef;
}

a:active {
	color: #191970;
}

a:hover, a:focus {
	color: #31cbef;
}


.bgw{
	background: #f4f5f9;
	color: #0b2a56;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	margin-bottom: 30px;
}

.bgw a {
	color: #01aaef;
}

.bgw a:visited {
	color: #01aaef;
}


.bgb{
	background: #255182;
	color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	margin-bottom: 30px;
}

.bgb a {
	color: #01aaef;
}

.bgb a:visited {
	color: #01aaef;
}

.r{
	border-radius: 5px;
}

.p{
	padding: 20px 30px;
}


/* ------------------------------ Mod Dot for Main menu ------------------------------ */


.iot-dot-menu-a::after {

	content: " \002B";

}

.iot-dot-menu ul .iot-dot-menu-a::after {

	content: " \00BB";

}


.main-navigation ul ul{
	background: #fff;
	border-radius: 5px;
	border: none;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}



/* ------------------------------ Dashicons ------------------------------ */


.dashicons, .dashicons-before:before {
	display: inherit;
	width: inherit;
	height: inherit;
	font-size: inherit;
	line-height: inherit;
	font-family: dashicons;
	text-decoration: inherit;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: inherit;
	text-align: inherit;
}




/* ------------------------------ Offcanvas menu ------------------------------ */


#iot-menu-left{
	overflow-y: auto;
	position:fixed;
	height: 100%;
	width: 250px;
	left: -250px;
	top:0;
	background: #fff;
	z-index: 6;
}


.iot-menu-left-filter {
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 5;
	left: -100%;
	background-color: rgba(0,0,0,.68);
}



/* Menu Left style */

.iot-menu-left-ul{
	margin-top: 10px;
}

.iot-menu-left-ul a{
	font-size: 18px;
	font-weight: normal;
}

ul.iot-menu-left-ul, .iot-menu-left-ul ul{
	line-height: 2.0;
	list-style: none;
}



/* Close button style */

.iot-menu-left-close{
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
	font-size: 32px;
}

button.iot-menu-left-close {
	border-color: #ffffff;
	border-radius: 5px;
	background: #ffffff;
	color: #333;
}



/* Toggle button */

.iot-menu-left-open {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 1;
	text-decoration: none;
	padding: 0.3rem 0.7rem;
	display: none;
	cursor: pointer;
}

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

	#primary-menu{
		display: none;
	}

	.iot-menu-left-open {
		display: block;
	}

	button.iot-menu-left-open {
		border-color: #ffffff;
		border-radius: 5px;
		background: #ffffff;
		color: #333;
		font-size: 24px;
		top: 5px;
		right: 10px;
	}

}



.bar-fix{
	height: 40px;
	background: #1e4a79;
	color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	margin-bottom: 85px;
	/*padding: 20px 0;*/
}

/* ------------------------------ Logo ------------------------------ */

.site-branding{
	padding: 15px 20px 10px 20px;
	position: relative;
	bottom: -20px;
	border-radius: 5px;
}

/*.site-branding:before{*/
	/*position: absolute;*/
	/*content: "\f502";*/
	/*border-radius: 20px 20px 0 0;*/
	/*height: 30px;*/
	/*top:-20px;*/
	/*left: calc(50% - 17px);*/
	/*background: #01aaef;*/
	/*padding: 1px 7px;*/
	/*color: #efefef;*/
	/*text-shadow: 0 0 3px rgba(0,0,0,0.5);*/
	/*font-family: Dashicons;*/
	/*font-size: 20px;*/
/*}*/

.site-branding:before{
	position: absolute;
	content: "\f502";
	border-radius: 5px;
	height: 70px;
	top:-15px;
	left: 0;
	background: #01aaef;
	padding: 1px 10px;
	color: #efefef;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);
	font-family: Dashicons, serif;
	font-size: 20px;
}

.site-title{
	font-size: 30px;
	margin-bottom: 0.5rem;
	line-height: 1.6rem;
	text-transform: uppercase;
	/*letter-spacing: 3px;*/
	/*font-weight: bold;*/
}

.site-description{
	text-transform: uppercase;
	font-size: 0.7rem;
	margin-bottom: 0rem;
	line-height: 1rem;
	letter-spacing: 3px;
}


.bgl{
	background: #01aaef;
	color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.bgl a {
	color: #fff;
}

.bgl a:visited {
	color: #fff;
}

/* ------------------------------ Menu Top ------------------------------ */

#site-navigation{

}

#primary-menu{
	/*padding: 10px;*/
	/*background: #275a91;*/
	/*border-radius: 5px 5px 0 0;*/
	text-transform: uppercase;
	/*font-weight: bold;*/
	font-size: 12px;
	float: right;
}

#primary-menu > li.current-menu-item > a{
	border-top: 3px solid #00a9ee;
	/*color: #fff;*/
}

#primary-menu > li ul{
	border-radius: 5px;
	border: none;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.menu a{
	line-height: 1.7;
}

/* ------------------------------ Entry ------------------------------ */

.entry-header, .entry-footer{
	font-size: 11px;
	text-transform: uppercase;
}

.comment-metadata{
	font-size: 11px;
	text-transform: uppercase;
	padding: 10px 0;
}

/*.entry-meta{*/
	/*text-transform: uppercase;*/
/*}*/


.entry-title, .entry-meta, .entry-content, .entry-footer{
	padding-right: 30px;
	padding-left: 30px;
}

.entry-title{
	word-wrap: break-word;
	position: relative;
	left: -5px;
	border-left: 5px solid #00a9ee;
	text-transform: uppercase;
	font-size: 24px;
}

.entry-header{
	padding-top: 30px;
	padding-bottom: 10px;
	background: #fff;
	border-radius: 5px 5px 0 0;
}

.entry-content{
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
}

.entry-footer{
	background: #fff;
	padding-bottom: 30px;
	padding-top: 20px;

}

#main article > *:last-child{
	border-radius: 0 0 5px 5px;
}









#main article:nth-child(even) .entry-header{
	background: #1e4a79;
}

#main article:nth-child(even) .entry-footer{
	background: #1e4a79;
}









#main article{
	border-radius: 5px;
	background: #f4f5f9;
	color: #0b2a56;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	margin-bottom: 30px;
}

#main article a {
	color: #01aaef;
}

#main article a:visited {
	color: #01aaef;
}

#main article pre{
	padding: 20px;
}









#main article:nth-child(even){
	background: #235080;
	color: #e6f0f9;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	margin-bottom: 30px;
}

#main article:nth-child(even) table{
	color: #777;
}

#main article:nth-child(even) pre{
	color: #777;
}

#main article:nth-child(even) a {
	color: #01aaef;
}

#main article:nth-child(even) a:visited {
	color: #01aaef;
}


/* ------------------------------ Secondary ------------------------------ */

#secondary section{
	padding-top: 20px;
	/*font-size: 12px;*/
	/*text-transform: uppercase;*/
}

#secondary section > *{
	padding: 0 30px 10px 30px;
}

#secondary section > h2{
	padding: 0 30px 0 30px;
	position: relative;
	left: -5px;
	border-left: 5px solid #00a9ee;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 35px;
}

#secondary section.widget_search{
	box-shadow: none !important;
}








#secondary section{
	border-radius: 5px;
	background: #235080;
	color: #e6f0f9;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	margin-bottom: 30px;
	box-shadow: inset 0 55px 0 #1e4a79;
	border-bottom: solid 20px #1e4a79;
}

#secondary section a {
	color: #01aaef;
}

#secondary section a:visited {
	color: #01aaef;
}









#secondary section:nth-child(even){
	border-radius: 5px;
	background: #f4f5f9;
	color: #0b2a56;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	margin-bottom: 30px;
	box-shadow: inset 0 55px 0 #fff;
	border-bottom: solid 20px #fff;

}

#secondary section:nth-child(even) a {
	color: #01aaef;
}

#secondary section:nth-child(even) a:visited {
	color: #01aaef;
}

/* ------------------------------ Other CSS ------------------------------ */


button, input[type="button"], input[type="reset"], input[type="submit"] {
	border: 1px solid;
	border-color: #01aaef;
	border-radius: 5px;
	background: #01aaef;
	color: rgba(255, 255, 255, 1);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
	border-radius: 5px;
	border: none;
	padding-left: 20px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	border-radius: 5px;
	border: none;
	padding-left: 20px;
}

label {
	color: #01aaef;
}

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
	padding: 0 10px;
}


.posted-on, .cat-links{
	padding-right: 10px;
}

.comment-body{
	padding: 20px;
}

.comment-list, .comment-list .children{
	list-style: none;
}
/* ------------------------------ Footer ------------------------------ */

.footer-fix{
	background: #1e4a79;
	color: #e6f0f9;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	padding: 10px 0;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
}




/* ------------------------------ Mobile CSS here ------------------------------ */



/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}