/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/* --------------------------------------------------------------
2.0 Typography
-------------------------------------------------------------- */
/* Import Editor Sass Variables (inc/sass/variables.scss) */
/* Body font styles */
/* Title font styles */
/* Color variables */
/* Responsive media query mixins */
/* Styles for small text with uppercase font style. Used on dates and post meta */
/* Transition effect used througout Editor */
body, button, input, select, textarea {
	color: #d3d3d3d3;
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 3%;
}

h1 {
	color: #000000;
	font-size: 18px;
	margin: 0 0 20px;
	text-align: left;
	text-shadow: 0 0 0 #fff, 0 0 0 #fff;
}	
}

h2 {
	color: #000000;
	font-size: 16px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 12px;
}

h5 {
	font-size: 10px;
}

h6 {
	font-size: 10px;
}

p {
	margin-bottom: 1em;
}

b, strong {
	font-weight: 400;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 1em 0 0;
	padding-right: 10%;
	position: relative;
}

@media (max-width: 768px) {
	blockquote {
		padding-right: 14%;
	}
}

blockquote:before {
	border: transparent 0 #FFFFFF;
	border-radius: 0;
	color: #FFFFFF;
	font-family: "Roboto Condensed";
	font-size: 0;
	font-style: normal;
	line-height: 1px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 2%;
	height: 46px;
	width: 46px;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #F5F5F5;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

sup, sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

.highlight {
	background: #fff198;
}

.sticky {
	display: block;
}

/* --------------------------------------------------------------
5.3 Post Navigations
-------------------------------------------------------------- */
.post-navigation {
	border-top: solid 0 #aaa;
	overflow: hidden;
}

@media (max-width: 768px) {
	.post-navigation {
		margin-bottom: 4%;
	}
}

.post-navigation a {
	color: #404040;
}

.post-navigation a:hover {
	color: #555;
}

.post-navigation .nav-next, .post-navigation .nav-previous {
	border-top: solid 0 transparent;
	display: inline-block;
	float: left;
	width: 50%;
	vertical-align: top;
	color: #d3d3d3d3;
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.2;
	padding: 6% 0 7%;
	-webkit-transition: .07s ease-in;
	transition: .07s ease-in;
}

.post-navigation .nav-next:hover, .post-navigation .nav-previous:hover {
	border-top: solid 0 #aaa;
	-webkit-transition: .07s ease-in;
	transition: .07s ease-in;
}

@media (max-width: 768px) {
	.post-navigation .nav-next, .post-navigation .nav-previous {
		width: 100%;
		border-top: none;
		font-size: 20px;
		margin-bottom: 0 !important;
	}
	
	.post-navigation .nav-next:hover, .post-navigation .nav-previous:hover {
		border-top: none;
	}
	
	.post-navigation .nav-next i, .post-navigation .nav-previous i {
		display: none;
	}
}

.post-navigation .meta-nav {
	clear: both;
	float: left;
	margin-bottom: 10px;
	width: 100%;
	color: #aaa;
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.post-navigation .nav-next {
	float: right;
	padding-left: 5%;
	text-align: right;
}

@media (max-width: 768px) {
	.post-navigation .nav-next {
		display: inline-block;
		float: none;
		padding-left: 0;
		text-align: left;
	}
}

.post-navigation .nav-next i {
	margin-left: 5px;
}

.post-navigation .nav-previous {
	padding-right: 5%;
}

@media (max-width: 768px) {
	.post-navigation .nav-previous {
		margin-bottom: 5%;
		padding-bottom: 5%;
		padding-right: 0;
		border-right: none;
		border-bottom: solid 2px #eeeeee;
	}
}

.post-navigation .nav-previous i {
	margin-right: 5px;
}

/* --------------------------------------------------------------
5.5 Toggle Menus
-------------------------------------------------------------- */
.toggle-tabs {
	position: relative;
}

.toggle-bar {
	display: none;
}

/* --------------------------------------------------------------
13.0 Header
-------------------------------------------------------------- */
.site-header::-webkit-scrollbar {
	display: none;
}

.fullscreen {
	display: none;
}

.site-header {
	background: #ffffff;
	position: fixed;
	top: 0;
	height: 100%;
	width: 20%;
	padding: 90px 2% 2%;
	overflow: scroll;
	overflow-x: hidden;
	z-index: 100;
	-webkit-transform: translate(0px,0px);
	-ms-transform: translate(0px,0px);
	transform: translate(0px,0px);
}

@media (max-width: 768px) {
	.site-header {
		margin-left: 0;
		padding: 70px 5% 25px;
		position: relative;
		width: 100%;
	}
}

.dark.site-header {
	background: #383F49;
}

.admin-bar .site-header {
	padding-top: 122px;
}

@media (max-width: 768px) {
	.admin-bar .site-header {
		padding-top: 70px;
	}
}

.admin-bar .site-header-inside {
	top: 32px;
}

@media (max-width: 768px) {
	.admin-bar .site-header-inside {
		top: 0;
	}
}

@media (min-width: 769px) and (max-width: 782px) {
	.admin-bar .site-header-inside {
		top: 46px;
	}
}

.site-branding {
	width: 100%;
}

.site-logo {
	margin: 0;
}

.site-title {
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: 300;
	letter-spacing: 5px;
	line-height: 1;
	text-transform: uppercase;
	margin: 0;
	position: relative;
	vertical-align: top;
}

.site-title a {
	position: relative;
	text-decoration: none;
	color: #404040;
}

.dark .site-title a {
	color: #fff;
}

.dark .site-title a:hover {
	color: #eee;
}

.site-description {
	color: #aaa;
	line-height: 1.4;
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	display: inline-block;
	margin: 10px 0 0;
}

.dark .site-description {
	color: #BABFC5;
}

/* --------------------------------------------------------------
5.0 Navigation
-------------------------------------------------------------- */
/* --------------------------------------------------------------
5.1 Links
-------------------------------------------------------------- */
a {
	color: #999999;
	text-decoration: none;
	-webkit-transition: .07s ease-in;
	transition: .07s ease-in;
}

a:hover, a:focus, a:active {
	color: #404040;
	-webkit-transition: .07s ease-in;
	transition: .07s ease-in;
}

/* --------------------------------------------------------------
5.2 Menus
-------------------------------------------------------------- */
.main-navigation {
	clear: both;
	display: block;
	float: left;
	padding-top: 30px;
	width: 100%;
}

@media (max-width: 768px) {
	.main-navigation {
		padding-top: 20px;
	}
}

.main-navigation ul {
	list-style: none;
	margin: 0 0 2%;
	padding-left: 0;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	padding: 2% 0;
	color: #d3d3d3d3;
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
}

@media (max-width: 768px) {
	.main-navigation a {
		padding: 1% 0;
		font-size: 16px;
	}
}

.dark .main-navigation a {
	color: #BABFC5;
}

.main-navigation a:hover, .main-navigation .current_page_item a, .main-navigation .current-menu-item a {
	color: #777;
}

.dark .main-navigation a:hover, .dark .main-navigation .current_page_item a, .dark .main-navigation .current-menu-item a {
	color: #fff;
}

.main-navigation .sub-menu {
	margin-left: 4%;
}

.main-navigation .sub-menu li a:before {
	content: "- ";
	color: #aaa;
}

.dark .main-navigation .sub-menu li a:before {
	color: #BABFC5;
}

/* --------------------------------------------------------------
15.0 Content
-------------------------------------------------------------- */
.featured-image {
	margin-bottom: 4%;
	display: inline-block;
	width: 100%;
}

.content-area {
	max-width: 3000px;
}

.site-content {
	display: inline-block;
	width: 100%;
	padding: 5% 6% 4% 26%;
}

@media (max-width: 768px) {
	.site-content {
		padding: 5%;
	}
}

.admin-bar .site-content {
	padding-top: 7%;
}

.entry-date {
	display: none;
}

.entry-date a {
	color: #aaa;
	text-decoration: none;
}

.entry-date a:hover, .entry-date a time:hover {
	color: #404040;
}

.entry-date .byline {
	text-transform: lowercase;
	font-style: italic;
}

.entry-title {
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 5px;
	line-height: 1.1;
	margin-bottom: 4%;
}

@media (max-width: 768px) {
	.entry-title {
		font-size: 18px;
		margin-bottom: 14px;
	}
}

.entry-title a {
	color: #404040;
	text-decoration: none;
}

.entry-title a:hover {
	color: #555;
}
/* --------------------------------------------------------------
content
------*/
.entry-content {
	font-size: 14px;
	font-weight: 300;
	font-family: "Raleway Light", "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: inline-block;
	width: 100%;
	color: #aaa;
	vertical-align: top;
}

@media (max-width: 768px) {
	.entry-content {
		font-size: 18px;
		width: 100%;
	}
}

/* --------------------------------------------------------------
footer
------*/
.site-footer {
	display: none;
}

/*-----------------*/
@media (max-width: 768px) {
	.format-quote .entry-title cite {
		font-size: 18px;
	}
}

.search-results .entry-title {
	margin-bottom: 3%;
}

.page-header {
	background: #Ffffff;
	margin-bottom: 8%;
	padding: 2%;
}

@media (max-width: 768px) {
	.page-header {
		padding: 3%;
	}
}

.page-title {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.1;
	text-transform: uppercase;
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.page-title {
		font-size: 18px;
		letter-spacing: 0;
	}
}

/*--------widgets*/
.widget-area .featured-post h3 {
	font-size: 14px;
	margin-bottom: 5px;
}

.widget-area .featured-post .featured-post-meta {
	display: none;
}

.widget-area .featured-post .featured-post-meta i {
	font-size: 12px;
	margin-right: 2px;
	text-align: center;
	width: 12px;
}

.widget-area .featured-post .entry-date {
	display: none;
}

.widget-area .featured-post .entry-date:hover {
	color: #404040;
}

.widget-area .featured-post .byline, .widget-area .featured-post .vcard {
	display: none;
}

/* --------------------------------------------------------------
12.0 Media
-------------------------------------------------------------- */
.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption {
	margin: 1.5em 0;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: inline-block;
	margin: 0;
	max-width: 100%;
}

 .wp-caption-text, .gallery-caption {
	display: inline-block;
	margin: 1em 0 0;
	text-align: center;
	width: 100%;
	color: #aaa;
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	letter-spacing: 1px;
}

.site-main .gallery {
	margin-bottom: 1.5em;
}

.gallery a img {
	border: none;
	height: auto;
	width: 100%;
	max-width: 100%;
}

.gallery dd, .gallery figcaption {
	font-size: 12px;
	text-align: left;
	margin: 0 0 15px;
}

.gallery-item {
	display: inline-block;
	padding-right: 5%;
	width: 25%;
	vertical-align: top;
}

@media (max-width: 768px) {
	.gallery-item {
		width: 32%;
	}
}

embed, iframe, object {
	max-width: 100%;
}

/* Styles by Singh Satnam - http://www.fiverr.com/sarvankarthik6 */
.bx-wrapper .bx-viewport {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.wp-caption-text, .gallery-caption {
	text-transform: block !important;
}

blockquote:before {
	display: none !important;
}

blockquote {
	padding-left: 10px;
	color: #666 !important;
}

.site-content {
	padding-top: 90px !important;
}

.entry-content p a {
	color: #000;
}

h2.p1 {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 18px;
}

h2.p1 b {
	font-weight: 300 !important;
}

.su-posts-default-loop .su-post-comments-link {
	font-size: .9em;
	display: none;
}

/* Styles by Singh Satnam - http://www.fiverr.com/sarvankarthik6 */

/*----------------
Hide tags
----------------*/
.meta-tag {display:none;}

/* Catogories Font formating*/
//li.meta-cat {display:none;}
li.meta-cat :first-of-type {font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 150;
	text-transform: lowercase;
	font-size: 18px;}

li.meta-cat {font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 300;
	text-transform: lowercase;
	font-size: 14px;}

/* wp-caption font change*/
p.wp-caption-text {font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 300;
	text-transform: none;
	font-size: 14px;}

/* h1.page-title remove the first */
//.page-title {display:none;}

/* h2.class7 make small*/
h2.class7 {font-size: 16px;}

/*Change Color*/
.s1 {color: #999;}

//#post-2336 {display: none;}