/*
Theme Name: abulogics
Theme URI: http://www.abulogics.com/projects/demo/abulogics
Author: Zubair Mushtaq
Author URI: https://abulogics.com/
Description: abulogics is simple blogging theme. It is simple in design and complex in functionality. It is also SEO optimized.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, two-columns, left-sidebar, fixed-layout, responsive-layout, custom-menu, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready
Text Domain: abulogics


/* ----------------------------------------------------------------------------------- 
	
	Table of contents
	
		1.0 - Basic Structure
		2.0 - Navigation
		3.0 - Middle Wrappper
		4.0 - Footer Wrapper
		5.0 - Media CSS
		6.0 - Elements
	
 /* ----------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------- */
/*  1.0 - Basic Structure
/* ----------------------------------------------------------------------------------- */

 
body {
	font-size: 18px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	outline: 0;
	vertical-align: baseline;
}
.widget ul, .widget ol .widget li {
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
	max-width: 100%;
}
html {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
body {
	margin: 0;
	padding: 0;
	/*Default font size */
	font-size: 15px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
    text-rendering: optimizelegibility;
}
a, a:hover, a:visited, a:focus {
	text-decoration: none;
}
:focus {
	outline: -webkit-focus-ring-color auto 0px;
}
a {
	color: #333;
}
a:hover {
	color: black;
}
span {
	line-height: normal;
}
img {
	max-width: 100%;
}
.wp-caption-text, .gallery-caption, .bypostauthor {
}

@font-face {
    font-family: 'gotham_mediumregular';
    src: url('library/custom/fonts//gotham/ufonts.com_gotham-medium-webfont.eot');
    src: url('library/custom/fonts//gotham/ufonts.com_gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/custom/fonts//gotham/ufonts.com_gotham-medium-webfont.woff2') format('woff2'),
         url('library/custom/fonts//gotham/ufonts.com_gotham-medium-webfont.woff') format('woff'),
         url('library/custom/fonts//gotham/ufonts.com_gotham-medium-webfont.ttf') format('truetype'),
         url('library/custom/fonts//gotham/ufonts.com_gotham-medium-webfont.svg#gotham_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* ----------------------------------------------------------------------------------- */
/*  2.0 - Navigation
/* ----------------------------------------------------------------------------------- */


.site-title img {
	max-width: 180px;
}
#top-menu ul li.current-cat a {
/* color:#fff !important; */
}
#top-menu ul li.current-cat {
	background: #eee !important;
}
#top-menu ul li.current-cat-parent a {
/*	color:#000 !important;
*/}
#top-menu ul li.current-cat-parent {
	background: #eee;
}
#top-menu ul li.children li a {
	color: #fff !important;
}
#top-menu ul li.children li.current-cat a {
}
.nav_bg {
	background: #494949;
	float: left;
	width: 100%;
}
.navmenu, .navmenu ul, .navmenu ul li, .navmenu ul li a, .navmenu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Source Sans Pro', sans-serif;
	margin: auto;
}
.navmenu:after, .navmenu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.navmenu #menu-button {
	display: none;
}
.navmenu {
	width: auto;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 1;
}
.menu-line {
	position: absolute;
	top: 0;
	left: 0;
	height: 3px;
	/*  background: #0195ff;
*/  -webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
.right-menu ul li {
	float: right !important;
}
.navmenu > ul > li {
	float: left;
}
.navmenu.align-center > ul {
	font-size: 0;
	text-align: center;
}
.navmenu.align-center > ul > li {
	display: inline-block;
	float: none;
}
.navmenu.align-center ul ul {
	text-align: left;
}
.navmenu.align-right > ul > li {
	float: right;
}
.navmenu.align-right ul ul {
	text-align: right;
}
.navmenu > ul > li > a {
	padding: 10px 15px;
	font-size: 18px;
	text-decoration: none;
	text-transform: capitalize;
	color: #fff;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}
.navmenu > ul > li:hover > a, .navmenu > ul > li.active > a, .navmenu > ul > .current-menu-item > a {
	color: #e0e0e0;
}
.navmenu > ul > li.has-sub > a {
	padding-right: 25px;
}
.navmenu > ul > li.has-sub > a::after {
	position: absolute;
	top: 21px;
	right: 10px;
	width: 4px;
	height: 4px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	content: "";
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: border-color 0.2s ease;
	-moz-transition: border-color 0.2s ease;
	-ms-transition: border-color 0.2s ease;
	-o-transition: border-color 0.2s ease;
	transition: border-color 0.2s ease;
}
.navmenu > ul > li.has-sub:hover > a::after {
	border-color: #009ae1;
}
.navmenu ul ul {
	position: absolute;
	left: -9999px;
	z-index: 9999;
	background: #333;
}
.navmenu li:hover > ul {
	left: auto;
}
.navmenu.align-right li:hover > ul {
	right: 0;
}
.navmenu ul ul ul {
	margin-left: 100%;
	top: 0;
}
.navmenu.align-right ul ul ul {
	margin-left: 0;
	margin-right: 100%;
}
.navmenu ul ul li {
	height: 0;
	-webkit-transition: height .2s ease;
	-moz-transition: height .2s ease;
	-ms-transition: height .2s ease;
	-o-transition: height .2s ease;
	transition: height .2s ease;
}
.navmenu ul li:hover > ul > li {
	height: auto;
}
.navmenu ul ul li a {
	padding: 10px 20px;
	width: 160px;
	font-size: 18px;
	font-weight: 300;
	background: #333333;
	text-decoration: none;
	color: #dddddd;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
	text-transform: uppercase;
	padding: 15px;
}
.navmenu ul ul li:hover > a, .navmenu ul ul li a:hover, .navmenu ul ul li.current-menu-item a {
	color: #ffffff;
	background: #3A3A3A;
}
.navmenu ul ul li.has-sub > a::after {
	position: absolute;
	top: 25px;
	right: 10px;
	width: 4px;
	height: 4px;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	content: "";
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: border-color 0.2s ease;
	-moz-transition: border-color 0.2s ease;
	-ms-transition: border-color 0.2s ease;
	-o-transition: border-color 0.2s ease;
	transition: border-color 0.2s ease;
}
.navmenu.align-right ul ul li.has-sub > a::after {
	right: auto;
	left: 10px;
	border-bottom: 0;
	border-right: 0;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
.navmenu ul ul li.has-sub:hover > a::after {
	border-color: #ffffff;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
 .navmenu {
 width: 100%;
}
 .navmenu ul {
 width: 100%;
 display: none;
}
 .navmenu.align-center > ul,  .navmenu.align-right ul ul {
 text-align: left;
}
 .navmenu ul li,  .navmenu ul ul li,  .navmenu ul li:hover > ul > li {
 width: 100%;
 height: auto;
 border-top: 1px solid rgba(120, 120, 120, 0.15);
}
 .navmenu ul li a,  .navmenu ul ul li a {
 width: 100%;
}
 .navmenu > ul > li,  .navmenu.align-center > ul > li,  .navmenu.align-right > ul > li {
 float: none;
 display: block;
}
 .navmenu ul ul li a {
 padding: 20px 20px 20px 30px;
 font-size: 12px;
 color: #000000;
 background: none;
}
 .navmenu ul ul li:hover > a,  .navmenu ul ul li a:hover {
 color: #000000;
}
 .navmenu ul ul ul li a {
 padding-left: 40px;
}
 .navmenu ul ul,  .navmenu ul ul ul {
 position: relative;
 left: 0;
 right: auto;
 width: 100%;
 margin: 0;
}
 .navmenu > ul > li.has-sub > a::after,  .navmenu ul ul li.has-sub > a::after {
 display: none;
}
 #menu-line {
 display: none;
}
 .navmenu #menu-button {
 display: block;
 padding: 20px;
 color: #000000;
 cursor: pointer;
 font-size: 12px;
 text-transform: uppercase;
}
 .navmenu #menu-button::after {
 content: '';
 position: absolute;
 top: 20px;
 right: 20px;
 display: block;
 width: 15px;
 height: 2px;
 background: #000000;
}
 .navmenu #menu-button::before {
 content: '';
 position: absolute;
 top: 25px;
 right: 20px;
 display: block;
 width: 15px;
 height: 7px;
 border-top: 2px solid #000000;
 border-bottom: 2px solid #000000;
}
 .navmenu .submenu-button {
 position: absolute;
 z-index: 10;
 right: 0;
 top: 0;
 display: block;
 border-left: 1px solid rgba(120, 120, 120, 0.15);
 height: 52px;
 width: 52px;
 cursor: pointer;
}
 .navmenu .submenu-button::after {
 content: '';
 position: absolute;
 top: 21px;
 left: 26px;
 display: block;
 width: 1px;
 height: 11px;
 background: #000000;
 z-index: 99;
}
 .navmenu .submenu-button::before {
 content: '';
 position: absolute;
 left: 21px;
 top: 26px;
 display: block;
 width: 11px;
 height: 1px;
 background: #000000;
 z-index: 99;
}
 .navmenu .submenu-button.submenu-opened:after {
 display: none;
}
 #top-menu .submenu-button::before {
 top:16px;
}
 #top-menu .submenu-button::after {
 top:11px;
}
 #top-menu ul li ul li a {
 color:black !important;
}
}
#primary_menu:before {
	clear: both;
}
#primary_menu {
	margin-top: 50px;
}
#top-menu {
	margin-bottom: 20px;
}
#top-menu ul li a {
	font-size: 12px;
	font-weight: 400;
	color: #333;
	padding: 10px;
	text-transform: none !important;
}
#top-menu .current-menu-item:hover a, #top-menu .current_page_parent:hover > a {
	color: #37a000;
}
#top-menu ul li ul li a {
	color: white !important;
}
#top-menu ul li a {
	color: black !important;
	padding: 10px 20px;
}
#top-menu ul li a:hover {
	color: #37a000;
}
#top-menu .sub-menu a:hover {
	color: white !important;
}
#top-menu ul li a:after {
	top: 15px;/*	border-bottom: 2px solid #000;
    border-right: 2px solid #000;*/
}
#top-menu > ul > li > a:hover, #top-menu > ul > li > a:after {
	border-color: #000 !important;
}
.navmenu > ul > li > a:hover, .navmenu > ul > li > a:after {
/*background: #e09a46 !important;*/
}
#top-menu > ul > li:hover > a::after {
	/* background:#fff !important;*/
	border-color: #000 !important;
}
embed, iframe, object, video {
	max-width: 100%;
	vertical-align: middle;
}
.navigation {
	margin-top: 20px;
}
.site-title {
	font-size: 40px;
	font-weight: 300;
	margin-bottom: 10px;
}
#primary_menu ul li a.menu-item {
	background: #1480b2;
}
#primary_menu ul li a.menu-item-has-children {
	background: #000;
}
.navmenu ul li.current-menu-item {
	background: transarent;
}
.navmenu ul li ul.sub-menu li a span {
	color: #fff !important;
}
.navmenu ul li a:after {
	border-color: #fff !important;
}
.navmenu ul li ul.sub-menu li.current-menu-item {
	background: #1480b2;
}
.navmenu ul ul li.current-menu-item a {
	color: #ffffff !important;
	background: #eeee !important;
}
.navmenu ul li.current-menu-item a span {
	color: #e0e0e0 !important;
}
.current-menu-parent.menu-item-has-children {
	background: #fff;
}
.current-menu-parent.menu-item-has-children span {
	color: #000;
}
.current-menu-parent span {
	color: #fff;
}
.navmenu ul li ul.sub-menu li:hover {
	background: #3a3a3a;
}
.navmenu > ul > li.current-cat {
	background: white !important;
}
.current-cat > a {
	color: black !important;
}
.children a {
	color: white !important;
}
ul.menu li.current-cat-parent {
	background: #fff;
}
ul.menu li.current-cat-parent a {
	color: #000;
}
ul.menu li.current-cat-parent a:after {
	border-color: #000 !important;
}
ul.menu li.current-cat a:after {
	border-color: #000 !important;
}
/* ----------------------------------------------------------------------------------- */
/*  3.0 - Middle Wrappper
/* ----------------------------------------------------------------------------------- */

.main_container {
	width: 100%;
	padding: 0;
}
.container {
	max-width: 1100px;
	margin: auto;
}
.header_wrapper {
	width: 100%;
}
#home-recent-post-slider-wrapper {
	background: url(images/loading.gif) center center no-repeat;
	height: 320px;
	margin-bottom: 50px;
}
#home-recent-post-slider-wrapper.loaded {
	background: none;
}
.home-recent-post-slider, .home-recent-post-slider .post_content {
	visibility: hidden !important;
}
.home-recent-post-slider.loaded, .home-recent-post-slider.loaded .post_content {
	visibility: visible !important;
}
.taxonomy-description {
	font-size: 18px;
	font-weight: 400;
	margin-top: 10px;
}
.middle_wrapper {
	width: 100%;
	padding: 50px 0px;
}
.middle_wrapper .entry-title {
	color: #232323;
	font-size: 30px;
	margin: 0;
	padding: 10px 0px 10px 0px;
	text-transform: capitalize;
	margin-bottom: 10px;
	font-weight: 300;
}
.middle_wrapper p {
	color: #2a3744;
	font-size: 18px;
	line-height: 30px;
}
.categories_row ul {
	width: 100%;
	padding-top: 15px;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.categories_row li {
	float: left;
	list-style: none;
}
.categories_row li a {
	color: #37a000;
	text-decoration: none;
	padding-right: 15px;
	font-weight: 600;
}
.categories_row li a:hover {
	color: #232323;
}
.categories_row .fa {
	color: #37a000;
	font-size: 15px;
}
a.readmore {
	color: #37a000;
	font-size: 25px;
	font-weight: 300;
	margin-top: 30px;
}
a:hover.readmore {
	color: #232323;
}
.post_section {
	padding: 0px;
	margin-bottom: 50px;
}
.form-control {
	margin-top: 50px;
	background: #dfddde;
	border: none;
	height: 50px;
	border-radius: 0;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
}
.widget {
	margin-bottom: 50px;
}
.widget .heading {
	font-size: 30px;
	margin-top: 0;
	font-weight: 300;
}
.widget ul {

}
.widget ul li {
	list-style: none;
	border-bottom: 1px solid #dfddde;
}
.widget ul li a {
	color: #7a7777;
	font-size: 15px;
	text-decoration: none;
	padding-left: 15px;
	display: block;
}
.widget ul li a:hover {
	color: #232323;
}
.widget ul li span {
	display: inline-block;
	font-size: 13px;
}
.widget_search .heading {
	margin-bottom: 30px;
}
.widget_search .search-form {
	padding: 20px;
}
.widget_search .search-form label {
	display: block;
}
.pagination > li > a, .pagination > li > span {
	background-color: #72c2e7;
	border: 0px solid #ccc;
	color: #fff;
	float: left;
	margin: 3px;
	padding: 10px 16px;
	position: relative;
	text-decoration: none;
	font-size: 15px;
	border-radius: 100%;
}
.pagination > li > a.active {
	background: #37a000;
	border: 0;
	color: #fff;
	border-radius: 100%;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-radius: 100%;
}
.breadcrumb {
	font-size: 16px;
	background: none;
	padding-top: 30px;
	margin: 0;
	padding-left: 0;
}
.breadcrumb ul li a {
	color: #1a676c;
}
.breadcrumb > .active {
	color: #37a000;
}
.breadcrumb > li + li:before {
	color: #1a676c;
}
.entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption {
	max-width: 100%;
}
.entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
	height: auto;
}
.home-recent-post-slider {
	visibility: hidden;
}
.entry-content {
	word-wrap: break-word;
}
.readmore-p {
	text-align: right;
}
.clearboth {
	clear: both;
}
/* Comment Section */

.commentlist {
	list-style: none;
}
.comment-reply a {
	padding: 2px 8px;
	background: #37a000;
	border: 2px solid #37a000;
	color: white;
	clear: both;
	float: left;
	margin: 10px 0px;
}
.comment-reply a:hover {
	background: white;
}
.comment_section {
	padding: 0;
	margin-top: 10px;
}
.comment_block {
	border: 2px solid #dfddde;
	padding: 25px 0;
	margin-bottom: 15px;
}
.comment_block h3 {
	font-size: 15px;
	color: #232323;
}
.comment_block span {
	font-size: 13px;
	color: #676363;
	padding-top: 10px;
}
.comment_section cite span {
	background: #333;
	padding: 1px 5px;
	color: white;
}
.comment_block p {
	padding-top: 5px;
}
.leave_reply {
	padding: 0;
	margin-top: 80px;
}
.comment-form .form-control {
	margin: 0;
	background: #fff;
	border: 1px solid #dedede;
}
.leave_reply .btn-primary {
	border-radius: 0px;
	background: #37a000;
	color: #fff;
	font-size: 15px;
	padding: 10px 30px;
	text-transform: uppercase;
	border: 2px solid #37a000;
}
.leave_reply .btn-primary:hover {
	color: #37a000;
	background: none;
}
.comment_section ul.children {
	margin-left: 20px;
	list-style: none;
}
.comment-awaiting-moderation {
	clear: both;
	display: block;
	color: #f69307;
}
.entry-header span {
	margin-right: 10px;
	color: #37a000;
	line-height: 50px;
	font-size: 18px;
}
.entry-header .fa {
	color: #37a000;
	font-size: 18px;
	font-weight: 900;
}
.entry-header .entry-title a{
    color: #37a000;
    cursor: pointer;
	font-family: 'gotham_mediumregular';
    text-decoration: none;	
	}
.entry-header .fa {
	margin-right: 8px;
}
#respond {
	margin-top: 50px;
}
.entry-header {
	margin-bottom: 20px;
}
.entry-title, .entry-title a {
	font-size: 30px;
}
.post-edit-link {
	margin-top: 20px;
	display: block;
}
.post-links {
	padding: 0px 0px 30px 0px;
	font-weight: 300;
	font-size: 25px;
}
.post-links .fa {
	font-size: 18px;
	color: #37a000;
	margin: 0 3px;
}
.post-links a {
	color: #37a000;
}
.post-links a:hover {
	color: #1990C3;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter {
	margin-right: auto;
	margin-left: auto;
}
blockquote.alignright, .wp-caption.alignright, img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}
blockquote.alignleft, .wp-caption.alignleft, img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}
.nav-previous a {
	background: #37a000;
	padding: 10px 20px;
	display: inline-block;
	border-radius: 20px;
	color: #fff;
	border: 2px solid #37a000;
	transition: all 0.5s ease;
}
.nav-previous a:hover {
	color: #37a000;
	background: none;
	border: 2px solid #37a000;
	transition: all 0.5s ease;
}
.nav-next a {
	background: #37a000;
	padding: 10px 20px;
	display: inline-block;
	border-radius: 20px;
	color: #fff;
	border: 2px solid #37a000;
	transition: all 0.5s ease;
}
.nav-next a:hover {
	color: #37a000;
	background: none;
	border: 2px solid #37a000;
	transition: all 0.5s ease;
}
.posted-on {
	padding-top: 20px;
}
.entry-content p {
	padding-bottom: 10px;
}
.post-navigation h2 {
	margin-bottom: 15px;
}
.author-heading {
	margin-bottom: 10px;
	font-size: 20px;
}
.author-avatar {
	float: left;
	margin-right: 15px;
}
.author-description p {
	padding: 5px 0;
}
.author-bio .author-link {
	display: block;
	padding-top: 3px;
}
/* .recent */
.post_content {
	margin-top: -150px !important;
	z-index: 3 !important;
	padding: 10px !important;
	background: url(library/img/overly_img.png) repeat;
	width: 60%;
	left: 10px !important;
	position: relative;
}
.post_content p {
	font-size: 13px;
}
p.post_content {
	color: #fff !important;
}
.post_content a, .post_content a:hover {
	color: #fff;
	font-weight: 600;
}
.fixed {
	position: fixed;
	z-index: 8888;
	top: 0px;
	margin-top: 0px !important;
}
.clearboth {
	clear: both;
}
.author-info {
	background: #f1f1f1;
	padding: 20px;
	border: 2px solid #37a000;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	font-size: 18px;
	margin-bottom: 25px;
}
.widget caption {
	background: #37a000;
	color: #fff;
	font-size: 15px;
	padding: 18px 30px;
	width: 100%;
	position: relative;
	text-transform: uppercase;
}
.widget caption:after, .widget caption:before {
	top: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.widget caption:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #37a000;
	border-width: 10px;
	margin-left: -30px;
}
.widget caption:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #37a000;
	border-width: 11px;
	margin-left: -30px;
}
.widget ul li {
	margin: 0;
}
.post_content a {
	display: block;
}
.gray_bg {
	background: #fff;
}
.single_page {
	padding: 0;
}
.single_page h2 {
	font-size: 20px;
	color: #37a000;
	margin: 0;
	padding: 15px 0;
	font-weight: 600;
}
.author_block {
	padding: 0;
}
.author_block h3 {
	font-size: 18px;
	color: #4d4d4d;
	font-weight: 600;
	line-height: 25px;
}
.author_block span {
	font-size: 15px;
	color: 999;
	font-style: italic;
	padding-top: 5px;
	display: block;
}
.author_block p {
	padding-top: 5px;
}
.no-padding {
	padding: 0;
}
.search .fa {
	font-size: 15px;
}
.page-header {
	margin-bottom: 20px;
}
.home-recent-post-slider {
	margin-bottom: 50px;
}
.sidebar .widget {
	margin-bottom: 50px;
	box-shadow: 0 0 0 1px #e0e0e0;
	background: #ffffff;
	color: #37a000;
}
/* Sidebar
---------------------------------------------------------------------------------------------------- */
.sidebar {
	font-size: 15px;
	float: left;
	width: 335px;
}
.sidebar ul li a {
	background: rgba(0, 0, 0, 0) url("images/sidebar-arrow.png") no-repeat scroll 0 12px;
	color: #3b3b3b;
	display: inline-block;
	padding: 5px 12px;
	word-wrap: break-word;
}
.sidebar a:hover {
	color: #37a000;
}
.sidebar li {
	border-bottom: 1px dashed #ccc;
}
.sidebar p:last-child, .sidebar ul > li:last-child {
	border-bottom: 0px dashed #ccc;
}
.sidebar .widget-title {
	background: #37a000 none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	font-size: 24px;
	line-height: 40px;
	padding: 2px 15px;
	}
.sidebar .widget-title a:hover {
	border-width: 0;
	color: #37a000;
}
.sidebar .widget ul {
	padding: 10px 15px;
}
.home-recent-post-slider {
	border: 10px solid #efefef;
}
.related-posts .post-thumbnail {
	border: 5px solid #efefef;
}
.related-posts {
	border: 10px solid #efefef;
	background: #fff;
	padding: 10px;
	margin: 50px 0;
	float: left;
	width: 100%
}
.related-posts .heading {
	color: #37a000;
}
.related-posts:after {
	clear: both
}
.related-posts .post-title {
	margin: 10px 0;
	font-size: 18px;
}
.related-post-title {
	margin-bottom: 30px
}
.widget_aboutme_widget .aboutme_picture {
	text-align: center;
}
.widget_aboutme_widget .aboutme_content {
	margin: 5px;
}
.widget_aboutme_widget .aboutme_pictureimg {
	height: 150px;
	width: 150px;
	border-radius: 50%;
	margin: 5px
}
.page-header {
	background: #fff;
	padding: 20px 15px;
	box-shadow: 0 0 0 1px #e0e0e0;
}
.page-title {
	font-size: 30px;
	font-weight: 300;
	margin: 0;
	padding: 0;
}
/* 
    ==============================================
		Comments Area 
    ==============================================	
*/

.comments-title {
	color: #232323;
	font-size: 18px;
	padding: 10px 0;
}
.comments-area {
	margin-top: 50px;
}
.comments-area .comment-reply-link {
	text-transform: uppercase;
}
.comment-metadata a {
	color: #37a000;
	font-size: 15px;
}
.comment-content p {
	padding-top: 10px;
}
.comment-list li {
	list-style: none;
}
.comment-form-comment label {
	display: block;
}
input[type="submit"] {
	background: #434342;
	border: 0 none;
	border-radius: 4px;
	cursor: pointer;
	display: block;
	height: auto;
	line-height: 17px;
	outline: medium none;
	padding: 9px 5px;
	text-align: center;
	width: 118px;
	color: #fff;
}
input[type=submit]:hover {
	background: #D9DADA;
	color: #434342;
}
.nav-next {
	margin: 10px 0;
}
.comments-area .comment-reply-title {
	font-size: 20px;
	text-transform: uppercase;
}
.comment-form label {
	margin-top: 15px;
}
.comment-form input {
	border: 2px solid #dfddde;
	transition: all 0.5s ease;
	width: 100%;
	padding: 8px 8px;
}
.comment-form input:hover, .comment-form input:focus {
	border: 2px solid #37a000;
	transition: all 0.5s ease;
}
.comment-form input[type=submit] {
	width: auto;
	border: 0px;
	background: #37a000;
	border: 2px solid #37a000;
	margin: 10px 0px;
}
.comment-form input[type=submit]:hover {
	background: transparent;
	color: #37a000;
	font-weight: bold;
}
.comment-form-comment textarea {
	border: 2px solid #dfddde;
	transition: all 0.5s ease;
	width: 100%;
	padding: 10px 10px;
}
.comment-form-comment textarea:hover, .comment-form-comment textarea:focus {
	border: 2px solid #37a000;
	transition: all 0.5s ease;
}
/* 
		==============================================
		Breadcrumbs
		==============================================	
	*/

.breadcrumbs {
	padding: 10px;
	background: #fff;
	font-size: 13px;
}
/* 
	==============================================
	Widget Search Form
	==============================================	
	*/



.search-form input[type=text], .search-form input[type=search] {
	border: 2px solid #dfddde;
	transition: all 0.5s ease;
	width: 100%;
	padding: 8px 8px;
	margin: 10px 0px;
}
.search-form input[type=text]:hover, .search-form input[type=search]:hover {
	border: 2px solid #37a000;
	transition: all 0.5s ease;
}
.search-form input[type=submit] {
	border: 2px solid #37a000;
	background: #37a000;
	font-size: 15px;
	text-transform: uppercase;
	color: #fff;
	border-radius: 0px;
	padding: 10px 25px;
	transition: all 0.5s ease;
}
.search-form input[type=submit]:hover {
	background: transparent;
	color: #37a000;
}
/* 
		Navigation 
	 */
	 
#primary_menu {
	margin-top: 20px;
}
.site-description {
	margin-top: 5px;
}
/* TAG CLOUD */
	 
.widget_tag_cloud .tagcloud {
	padding-top: 20px;
}
/* RECENT POSTS */
 	 
.recent_posts .recent_posts_item {
	border-bottom: 1px dashed #CCC;
	padding-bottom: 20px;
	float: left;
	width: 100%;
}
.recent_posts .recent_posts_item:last-child {
	border-bottom: 0px dotted #CCC;
}
.recent_posts_item {
	clear: both;
}
.recent_posts_item {
	margin: 10px 0px;
	clear: both;
}
.recent_posts_item img {
	border: 5px solid #efefef;
	float: left;
	margin: 0px 15px 0px 0px;
}
.recent_posts_item .read_more {
	margin-top: 10px;
}
.recent_posts_item .read_more:hover {
	color: #2d7e9d;
}
.advertisment {
	margin: 10px 0px;
}
.copy_right a {
	color: #666 !important;
}
.owl-prev {
	position: absolute;
	background: #37a000;
	padding: 10px 15px;
	color: #fff;
	right: 0px;
	margin-top: -41px;
	margin-right: 38px;
}
.owl-next {
	position: absolute;
	right: 0px;
	margin-top: -41px;
	margin-right: 0px;
	background: #37a000;
	padding: 10px 15px;
	color: #fff;
}
.owl-theme .owl-controls .owl-page span {
	/*display: inline-block !important;
	width: 8px;
	height: 8px;
	margin: 0px 5px;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: none;
	border:2px solid #37a000 ;*/
	
	display: block;
	width: 10px;
	height: 10px;
	background-color: #37a000;
	cursor: pointer;
	border-radius: 20px;
	border: 2px solid #fff;
	transition: all 0.2s linear;
	margin: 0 2px;
}
.owl-theme .owl-controls .owl-page {
	display: inline-block;
}
.owl-theme .owl-controls .owl-page.active span {
	background-color: #ffffff;
	border: 2px solid #37a000;
}
.owl-page span {
	float: left;
}
.owl-prev .fa {
	font-size: 20px !important;
	color: #fff;
}
.owl-pagination {
	position: absolute;
	top: -25px;
	right: 0;
	display: inline-flex;
}
.home-recent-post-slider {
	position: relative;
}
.slider-item p {
/*position:absolute;
	top:100px;
	color:#fff;*/
 	
}
.slider-item img {
	width: 100%;
}
.slider-item .overly {
	background: #000;
	opacity: 0.5;
}
.top_btn {
	position: fixed;
	right: 20px;
	bottom: 20px;
}
.cd-top {
	display: inline-block;
	height: 50px;
	width: 49px;
	/*position: fixed;*/
 
	bottom: 0px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(library/img/top_img.jpg) no-repeat;
	position: relative;
	z-index: 9999;
	margin-top: 20px;
	visibility: hidden;
	transition: all 0.5s ease;
}
.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	opacity: 0.3;
}
.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: 0.3;
	transition: all 0.5s ease;
}
.no-touch .cd-top:hover {
	background-color: #e86256;
	opacity: 1;
}
.cd-top:hover {
	opacity: 1;
}
.entry-header span {
	line-height: 24px;
}
/* ----------------------------------------------------------------------------------- */
/*  4.0 - Footer Wrapper
/* ----------------------------------------------------------------------------------- */

			
.footer_wrapper {
	background: #232323;
}
.footer_wrapper h2 {
	color: #c1c0c0;
	font-size: 20px;
	font-weight: 600;
}
.footer_wrapper p {
	color: #c1c0c0;
	font-size: 15px;
	line-height: 27px;
}
.tagcloud {
	padding-top: 10px;
}
.tagcloud a {
	border-radius: 15px;
	text-align: center;
	border: 2px solid black;
	color: black;
	font-size: 12px;
	margin: 5px 3px;
	display: inline-block;
	padding: 5px 8px;
}
.footer_wrapper .tagcloud a {
	border: 2px solid #fff;
	color: #fff;
}
.tagcloud a:hover {
	cursor: pointer;
	border-color: #37a000;
	background: #37a000;
	color: white
}
.copy_right {
	background: #272727;
	padding: 20px 0px;
	color: #cccbcb;
	font-size: 15px;
	font-weight: 600;
}
#above_footer {
	padding: 50px 0px 30px 0px;
}
.footer_wrapper .widget .heading {
	background: none;
	margin-top: 10px;
	padding: 0;
}
.footer_wrapper .widget .heading::before {
	border-top-color: transparent;
}
.footer_wrapper .widget .heading::after {
	border-top-color: transparent;
}
.footer_wrapper .widget ul li a:hover {
	color: #fff;
}
.footer_wrapper .widget ul li {
	border-bottom: 0px solid #333;
	color: #ccc;
	margin: 0;
	padding: 0;
}
.footer_wrapper .widget ul li a {
	border-bottom: 1px solid #333;
	color: #ccc;
	margin: 0;
	padding: 15px 0;
}
.footer_wrapper ul#recentcomments li.recentcomments span {
	padding: 5px 0;
}
.footer_wrapper .current-menu-parent, .footer_wrapper .menu-item-has-children {
	background: none;
}
.footer_wrapper .current-menu-parent, .footer_wrapper .menu-item-has-children span {
	background: none;
	color: #ccc;
	padding-left: 18px;
}
.footer_wrapper ul#recentcomments li.recentcomments a {
	font-size: 13px;
	padding: 10px 0;
	display: inline-block;
	margin-bottom: 5px;
}
.socials a {
	width: 45px;
	height: 45px;
	display: inline-block;
	border-radius: 100%;
	line-height: 45px;
	margin: 2px;
	text-align: center;
}
.socials a .fa {
	color: #fff;
	font-size: 20px;
}
.facebook {
	background: #4e71a8
}
.twitter {
	background: #1ebef0
}
.google {
	background: #c63232
}
.youtube {
	background: #e74c3c
}
.instagram {
	background: #3b5998
}
.tumblr {
	background: #336378
}
.dribbble {
	background: #e62387
}
.behence {
	background: #045cfc
}
.linkedin {
	background: #0077b5
}
.pinterest {
	background: #c8232c
}
.email {
	background: #1d90dd
}
.vimeo {
	background: #35c6ea
}
.socials a:hover {
	color: #3accc3!important
}
.post-edit-link {
	display: inline-block;
}
.social_row {
	background: #282828;
	padding: 8px 0
}
.social_row span {
	color: #fff;
	font-size: 18px;
	line-height: 40px
}
footer .widget-content {
	background: #252525;
	padding: 20px;
	margin-top: 50px;
}
footer .heading {
	color: #666;
}




/* ----------------------------------------------------------------------------------- */
/*  5.0 - Media CSS
/* ----------------------------------------------------------------------------------- */

 

@media screen and (max-width: 767px) {
.sidebar {
	margin-top: 100px;
}
.post-links a {
	color: #37a000;
	line-height: 35px;
}
.sidebar .search-form {
	margin-top: 30px;
}
.post-share .share {
	padding-bottom: 20px !important;
}
.header_wrapper .pull-left, .header_wrapper .pull-right {
	float: none !important;
}
.logo {
	text-align: center;
	margin-bottom: 30px;
}
.post_section {
	text-align: center;
}
.post_section img {
	max-width: 100%;
}
.pagination {
	display: inherit;
	text-align: center;
}
.pagination > li {
	display: inline-block;
}
.footer_wrapper {
	text-align: center;
}
.footer_wrapper .col-md-4 {
	margin-top: 30px;
}
.footer_wrapper h2 {
	padding: 20px 0;
}
.search .fa {
	display: none;
}
.categories_row li {
	line-height: 35px;
	width: 100%;
}
.breadcrumb {
	text-align: center;
}
.single_page {
	text-align: center;
}
}
 @media screen and (min-width: 768px) and (max-width: 1024px) {
.header_wrapper .pull-left, .header_wrapper .pull-right {
	float: none !important;
	text-align: center;
}
.logo {
	text-align: center;
	margin-bottom: 30px;
}
.post_section img {
	max-width: 100%;
}
.categories_row li {
	line-height: 30px;
}
.search .fa {
	display: none;
}
}
 @media screen and (min-width: 320px) and (max-width: 480px) {
.middle_wrapper p {
	font-size: 15px;
}
.post_content {
	left: 0 !important;
	margin-left: 0 !important;
	margin-top: -126px !important;
	padding: 15px 5px !important;
	width: 100%;
}
.home-recent-post-slider .owl-item p {
	margin: 0;
}
#home-recent-post-slider-wrapper {
	height: auto;
}
.navigation ul li {
	display: inline-block;
	margin: 15px 0 !important;
}
.navigation > ul {
	padding: 0;
}
.owl-buttons {
	display: none;
}
}
 @media screen and (min-width: 480px) and (max-width: 320px) {
.navigation ul li {
	display: inline-block;
	margin: 15px 0 !important;
}
.navigation > ul {
	padding: 0;
}
}
body {
	background: #f9f9f9;
}
article {
	margin-bottom: 50px;
}
.article-content {
	background: #ffffff;
	box-shadow: 0 0 0 1px #e0e0e0;
	padding: 30px;
}
 . 

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
span.screen-reader-text {
 clip: rect(1px, 1px, 1px, 1px);
 position: absolute !important;
 height: 1px;
 width: 1px;
 overflow: hidden;
}
span.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.search-field {
	width: 300px;
	max-width: 100%;
}
.search-form label {
	width: 500px;
}
.navigation ul li {
	list-style: none;
	display: inline-block;
	margin: 3px;
}
.navigation ul li a {
	border: 2px solid #333;
	color: #333;
	padding: 10px 20px;
	background: white;
}
.navigation ul li a:hover,  .navigation ul li.active a,  .navigation ul li.active a:hover {
	border: 2px solid #37a000;
	background: #37a000;
	color: white;
}
/*-------------- Single Page Share --*/
	
.post-share .share {
	float: left!important;
	width: 70px!important;
	clear: both;
	padding: 0px!important;
	margin: 5px auto;
	margin-left: 7px;
}
.post-share {
	position: fixed;
	margin-left: -80px;
	top: 250px;
	background: #ece9e9;
	padding: 10px 0;
	border-radius: 5px;
	max-width: 70px;
	overflow: hidden;
}
.mobile-post-share {
	display: none;
}
 @media screen and (max-width: 1100px) {
.post-share {
	display: none;
}
.mobile-post-share {
	display: block;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999999;
}
.mobile-post-share a {
	color: #fff;
	font-size: 30px;
	padding: 10px 0 5px;
	width: 33%;
	display: inline-block;
}
.mobile-post-share .icon-twitter,  .mobile-post-share .icon-facebook,  .mobile-post-share .icon-google-plus-sign {
	color: #fff;
	display: block;
}
.mobile-post-share a.twt {
	background: rgb(0, 172, 237);
}
.mobile-post-share a.fb {
	background: rgb(59, 89, 152);
}
.mobile-post-share a.gplus {
	background: #c63232;
}
}
 @media screen and (max-width: 980px) {
.post-share {
	display: none;
}
.mobile-post-share a {
	width: 32%;
}
}
/* ----------------------------------------------------------------------------------- */
/*  6.0 - Elements 
/* ----------------------------------------------------------------------------------- */

.entry-content h1 {
	font-size: 40px;
	color: #232323;
	margin-bottom: 10px;
}
.entry-content h2 {
	font-size: 30px;
	color: #232323;
	margin-bottom: 10px;
}
.entry-content h3 {
	font-size: 30px;
	color: #232323;
	margin-bottom: 10px;
}
.entry-content h4 {
	font-size: 25px;
	color: #232323;
	margin-bottom: 10px;
}
.entry-content h5 {
	font-size: 20px;
	color: #232323;
	margin-bottom: 10px;
}
.entry-content h6 {
	font-size: 18px;
	color: #232323;
	margin-bottom: 10px;
}
blockquote {
	background: #f1f1f1;
	padding: 10px;
	border-left: 3px solid #ccc;
	margin: 20px 0px;
}
blockquote p {
	padding-bottom: 0px !important;
}
table, tr, td, th {
	border: 1px solid #f1f1f1;
	padding: 10px;
}
table {
	margin-bottom: 50px;
}
dt {
	font-size: 18px;
	font-weight: 600;
	color: #232323;
}
dd {
	font-size: 15px;
	padding-left: 30px;
}
dl {
	margin-bottom: 50px;
}
ul li {
	margin-left: 15px;
}
ol li {
	margin-left: 15px;
}
address {
	font-weight: 600;
}
p strong {
	font-weight: 700;
}
pre {
	padding: 10px;
	font-weight: 400;
	color: #232323;
}
cite {
	font-style: italic;
}
big {
	font-size: 20px;
}
abbr {
	text-transform: uppercase;
	color: #000;
}
em {
	font-style: italic;
}
q:before {
	content: '\f10d';
	content: open-quote;
	color: #000;
	font-size: 25px;
}
q:after {
	content: '\f10e';
	content: close-quote;
	color: #000;
	font-size: 25px;
}
sub, sup {
	color: #000;
	font-weight: 600;
	font-size: 12px;
}
tt {
	font-size: 13px;
	letter-spacing: 1px;
	color: #000;
}
var {
	font-style: italic;
}
.sticky h2 a:after {
	content: '';
	border-bottom: 3px solid #000;
	width: 7%;
	display: block;
	margin: 10px 0;
}
.sticky h2 a {
	color: #000;
}