/*
Theme Name: Flatly
Theme URI: http://hostmarks.com/flatly/
Author: Hostmarks
Author URI: http://hostmarks.com
Description: Flatly is a simple and straight up blogging theme. It is fully responsive and features two main navigation menus and a range of quick customization options such as the ability to upload your own logo, set primary theme colors, set the featured home page post and chose whether to display author bios.
Version: 1.1
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flatly
Tags: custom-menu, full-width-template, post-formats

This theme, like WordPress, is licensed under the GPL.

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

*/

/*--------------------------------------------------------------
TABLE OF CONTENTS:
----------------------------------------------------------------
 * 1.0 - Basic Elements
 * 2.0 - Header
 * 3.0 - Navigation
 	* 3.1 - Links
 	* 3.2 - Menus
 * 4.0 - Content
 	* 4.1 - Comments
 * 5.0 - Sidebar
 	* 5.1 - Search widget
	* 5.2 Calendar
 * 6.0 - Footer
 * 7.0 - IMAGE STYLES
 * 8.0 - Clearings
 * 9.0 - Galleries 
 * 10.0 - Media Queries

 * -----------------------------------------------------------------------------
 */

/*==================================================================================================================================*/

/*--------------------------------------------------------------
1.0 Basic Elements 
--------------------------------------------------------------*/
body {
	font-family: 'Open Sans', sans-serif , Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.42857143;
	color: #333;
	background-color: #f4f2f2;
	font-weight: 300;
	}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-weight:300;
	}
a, a:focus {
	color: #45b058;
	}
a:hover{
	text-decoration:none;
	color:#000000;
	}
ul, ol{
	margin-left:20px;
	}
blockquote{
	background:url(images/blockquote.png) no-repeat 0 15px;
	border:none;
	padding-left: 45px;
	font-style: italic;
	}
header{
	padding:15px 0 0px;
	}
article{
	padding: 17px 20px 20px;
	background: #fff;
	margin-bottom:20px;
	border-bottom: 5px solid #45b058;
	}
aside{background:#ffffff; padding-top: 0px;}

/*--------------------------------------------------------------
2.0 Header
--------------------------------------------------------------*/
header.page-header{
	margin-top:0;
	}
body.archive header.page-header{
	background:#ffffff;
	padding:20px;
	}
header{
	overflow:hidden;
}
header .logo,
header .logo h1{
	display:inline-block; 
	margin-right:15px;
	margin-left:0;
	}
.logo h1{
	font-size:48px;
	}
.logo h1 span{
	color:#339390;
	}
.logo a{
	color:#252525;
	}
#site-logo{
	margin-top:20px; 
	margin-bottom:20px;
	}

/*--------------------------------------------------------------
3.0 Navigation
--------------------------------------------------------------*/
/*-- 3.1 Links --*/
.btn a{
	color:#ffffff;
	}
.read-more a{
	text-align:right;
	display: block;
	}
.meta-info, .meta-info a{
	line-height:12px;
	}
#meta-info, .meta-info a{
	color:#45b058;
	}
.meta-info a:hover{
	color:#339390;
	}
a.btn-info {
 color:#FFFFFF !important;
	}
.pagination{
	text-align:center;
	display:block;
	font-size: 16px;
	}
.pagination .fa{
	background:#45b058;
	color:#ffffff;
	padding:5px;
	margin: 0 5px;
	}
.pagination .fa:hover{
	background:#212121;
	}
.fan-sociel-media{
	margin:7px 0;
	}
.fan-sociel-media .btn-xs{
	min-width:24px;
	}
.fa{font-size:14px;
	}
		
/*-- 3.2 Menus --*/
.navbar{
	border:none;
	}
.navbar-default .navbar-nav > li > a{
	color:#FFFFFF;
	}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
	background:none;
	color:#000000;
	}
.navbar-default .navbar-collapse
	{
	background:#45b058;	
	}
#top-bar{
	background:#58c86d; padding:0; 
	border-bottom:5px solid #45b058;
	}
#top-bar .navbar-default .navbar-collapse
	{
	background:#58c86d;	
	}
#top-bar .navbar-nav > li > a {
	padding:0px 20px;
	}
#top-bar .navbar-nav > li:first-child > a{
	padding-left:0;
}
#top-bar .dropdown-menu >li{
	border-top:1px solid #45b058;
	}
.nav_container{
	background:#2e2e2e; 
	margin-bottom:20px; 
	border-top:5px solid #339390;
	}
.main-navigation ul {
	list-style: none;
	margin: 0;
	}
.main-navigation a{
	color:#ffffff;
}
.main-navigation ul ul li {
		border:none;
}
.main-navigation li:hover > a {
	color:#000000;
}
.main-navigation ul ul.children >li > a, .main-navigation ul ul.sub-menu >li > a, .main-navigation li:first-child > a{
	border:none;
}
.main-navigation ul ul.children >li > a:hover, .main-navigation ul ul.sub-menu >li > a:hover {
	color:#000000;
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	left: auto;
}
.main-navigation ul ul li:hover > ul {
	left: 100%;
}
.main-navigation .current_page_item > a, #top-nav .current_page_item > a,
.main-navigation .current-menu-item > a, #top-nav .current-menu-item > a,
.main-navigation .current_page_ancestor > a, #top-nav .current_page_ancestor > a {
	color:#000000;
}
 
/*--------------------------------------------------------------
4.0 Content
--------------------------------------------------------------*/
.content{
	margin-top:20px;
	}
article header{
	padding-top:0;
	}
h1.site-title{
	margin:5px;
	font-weight:400;
	}
h1.entry-title{
	margin-top:0;
	margin-bottom:10px;
	font-weight: 300;
	}
h1.entry-title a{
	color:#000000;
	}
h1.entry-title a:hover{
	color:#45b058;
	}
h1.page-title{
	margin-top:0;
	margin-bottom:0;
	}
h2.site-description{
	margin-top:0;
	margin-bottom:10px;
	color:#636363;
	font-weight:300;
	font-size:28px;
	}
h2.title{
	font-weight:300;
	color:#000000;
	}
h4.post_title{
	font-weight:bold;
	margin:0px 0 15px;
	}
h4.post_title a{
	color:#212121;
	}
p.post_desc{
	margin-top: 10px;
	line-height: 28px;
	font-size: 18px;
	font-weight: 300;
	font-family: "open sans";
	color:#000000;
	}
.entry-meta span, .entry-meta{
	font-size:14px;
	}
#featured-post .entry-meta,
.type-post  .entry-meta{
	margin-top:10px;
	margin-bottom:10px;
	}
#featured-post{
	padding: 17px 20px 20px;
	background: #ffffff;
	margin-bottom: 30px;
	border-bottom: 8px solid #45b058;
	}
#featured-post h1.title{
	margin-top:0px;
	font-weight:300;
	}
#featured-post h1.title a{
	color:#000000;
	}
.post_box img{
	margin-bottom:0;
	}
.post_box a.read_more{
	float: right;
	margin-right: 15px;
	}
#page-heading h1,
h1.single-title{
	margin:0px 0 20px ;
	font-weight: 300;
	}
section.no-results{
	border-bottom: 5px solid #45b058;
	padding-bottom:20px;
	}
span.meta-autor,
span.meta-date{
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #45b058;
	}
#read-more{
	margin-top:10px;
	}
.not-found{
	background:#FFFFFF;
	padding:15px;
	}
	
/*-- 4.1 Comments --*/
#respond {
	background-color: #fefefe;
	padding: 0 40px 0;
	margin: 30px 0px 60px 0;
	margin: 3rem 0rem 6rem 0;
	border: 1px solid #e4e9ea;
	border-radius: 3px;
	}
#respond label{
	display:block;
	margin-bottom:0;
	color:#685f54;
	}
#comments article{
	border:none;
	}	
#comments ol{
	list-style-type: none;
	padding: 0;
	}
#comments ul{
	list-style-type: none;
}
#comments textarea{
	width:100%;
	}
.comment-list .comment-meta {
	line-height: 24px;
	font-size: 14px;
	padding-left:72px
	}
.commentlist .comment-meta a {
	}
.commentlist li.comment article[id*=comment-] img, .post-content img {
	margin: 0 10px 5px 0;
	width: auto;
	max-width: 100%;
	height: auto;
	float:left;
	background: #ffffff;
	}
.commentlist .vcard cite.fn {
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	}
.comment-list li.comment .comment-content {
	margin-left: 72px;
	}
.comment-content{
	font-size:14px;
	}
.commentmetadata time{
	color:#95a5a6;
	}
.comment-author img{
	margin-right:12px;
	}
h2.comments-title{
	border-bottom: 3px solid #45b058;
	padding-bottom: 10px;
	font-weight:300;
	}
ol.commentlist > li > ul.children{
	margin-left:50px;
	}
a.comment-reply-link{
	color:#45b058;
}
ul li.recentcomments{
	color:#000000;
	}	
.author-bio {
	padding: 40px;
	}
.author-info {
	overflow: hidden;
	font-size:12px;
	}
.author-thumb{
	float: left;
	margin-right: 30px;
	margin-right: 3rem;
	margin-bottom: 15px;
	margin-bottom: 1.5rem;
	margin-top: 5px;
	margin-top: 0.5rem;
	}
.author-thumb img{
	background: #ffffff;
	max-width: 100%;
	width: 100px;
	max-height:100px;
	height:auto;
	}
cite.fn, cite.fn a{
	color:#45b058;
	}
span.required{
	color:#ed1c24;
	}
input:not([type]),
input[type="color"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"],
textarea{
	border:1px solid #e2e2e2;
	}
#respond #submit,
.post-content form input[type=submit],
.post-content form input[type=button] {
	font-size: 90%;
	background-color: #45b058;
	color: #fff;
	padding: 7px 20px;
	text-transform: uppercase;
	border: 0;
	margin:10px auto;
	}
#respond #submit:hover,
.post-content form input[type=submit]:hover,
.post-content form input[type=button]:hover{
	background-color:#212121;
	}

/*--------------------------------------------------------------
5.0 Sidebar
--------------------------------------------------------------*/
aside.widget_recent_comments ul li:before,
aside.widget_archive ul li:before,
aside.widget_categories ul li:before,
aside.widget_meta ul li:before{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #45b059;
	float:left;
	margin-top:8px;
	margin-right:5px;
	display: table;
	content: " ";
	clear:both;	
	}
aside.widget_flatly_recent_posts ul li,
aside.widget_flatly_recent_posts ul li:hover{
	background:none;
	padding-left:0;
	}
#sidebar aside{
	margin-bottom:20px;
	padding-bottom: 15px;
	}	
aside ul, footer ul{
	padding-left:0px;
	margin-left:10px;
	}
aside ul.children, aside ul.sub-menu{
	padding-left:10px;
}
aside ul li, footer ul li{
	list-style:none;
	margin-bottom: 10px;
	margin-right: 10px;
	line-height:22px;
	}
aside ul li a{
	color:#45b058;
	}
aside ul li:hover{}
aside ul li a:hover{
	color:#212121;
	}
.widget-container{
	background:#ffffff;
	padding: 20px;
	border-bottom: 5px solid #45b058;
	}
.widget-title{
	margin:-15px 0px 15px;
	}
.widget-title h4{
	color:#000000;
	padding:8px 0px;
	margin: 0;
	border-bottom:3px solid #45b058;
	}
.widget_flatly_recent_posts ul li{
	margin-bottom:15px;
	margin-right:0;
	}
.widget_flatly_recent_posts ul li img{
	background:#ffffff;
	margin: 0 10px 0 0;
	}
.widget_flatly_recent_posts  ul li h4{
	margin-top:0;
	margin-bottom:0;
	font-size:16px;
	}
.widget_flatly_recent_posts ul li h5{
	margin-bottom:5px;
	}

.widget_flatly_recent_posts ul li img:hover{
	background:#cccccc;
	border: 1px solid #ffffff;
	}
.page-content .widget{
	margin-bottom:30px;
	}
	
/*-- 5.1 Search widget --*/
.searchform { 
	background:#F8F8F8; 
	max-width:100%; 
	border:1px solid #D9D9D9; 
	padding:10px; overflow:hidden; 
	}
.searchform #s { 
	background:none; 
	border:none; color:#777; 
	font-style:italic; 
	float:left;
	 width:90%; 
	 }
.searchform #s:focus { 
	outline:none; 
	}
input#search-button{ 
	width:16px; 
	height:16px; 
	float:right; 
	}

/*-- 5.2 Calendar --*/
.widget_calendar td a {
  color: #45b058;
}
.widget_calendar caption {
  font-weight: bold;
  margin-bottom: 10px;
}
.widget_calendar table {
	line-height: 2;
	margin: 0;
	width:100%;
	}

.widget_calendar caption {
	color: #000;
	font-weight: 700;
	line-height: 1.7142857142;
	margin-bottom: 18px;
	text-align: left;
	text-transform: uppercase;
	}
.widget_calendar thead th {
	background-color: rgba(255, 255, 255, 0.1);
	}
.widget_calendar tbody td,
.widget_calendar thead th{
	text-align: center;
	padding:1px;
	}
.widget_calendar tbody a {
	color: #fff;
	display: block;
	}
.widget_calendar tbody a:hover {
	}

.widget_calendar tbody a:hover {
	}
.widget_calendar #prev {
	padding-left: 5px;
	}
.widget_calendar #next {
	padding-right: 5px;
	text-align: right;
	}
	
/*--------------------------------------------------------------
6.0 Footer
--------------------------------------------------------------*/
#footer{
	margin-top:20px;
	border-top:2px solid #e1e1e1;
	}	
#footer h3{
	padding:20px 0 5px;
	text-transform:uppercase;
	margin-left:15px;
	margin-right:15px;
	}
#copyright {
	color:#000;
	padding:20px 0;
	text-align: center;
	}
footer .widget-title {
	color:#fff;
	background:none;
	}
footer ul.children,
footer ul.sub-menu{
	padding-left:10px;
	}
footer ul li a{
	color:#fff;
	}
footer ul li a:hover{
	color:#339390;
	}
footer .meta-info span,
footer .meta-info a{
	color:#339390;
	}
footer .textwidget{
	color:#fff;
	}
footer .widget{
	margin-bottom:15px;
	}
#footer .widget_calendar caption {
	color:#fff;
	}
#footer .widget_calendar thead tr{
	background:#339390;
	}
#footer .widget_calendar tbody td,
#footer .widget_calendar thead th{
	color:#fff;
	}

/*--------------------------------------------------------------
7.0 IMAGE STYLES
--------------------------------------------------------------*/
.post-content img {
	margin-top: 12px; /* for ie8 & below */ 
	margin-top: 1.2rem;
	}
.left img,
img.left, 
.alignleft,
img.alignleft,
img[align=left] {
	margin-right: 24px; /* for ie8 & below */
	margin-right: 2.4rem;
	margin-bottom: 16px; /* for ie8 & below */
	margin-bottom: 1.6rem;
	margin-top: 12px; /* for ie8 & below */
	margin-top: 1.2rem;
	display: inline-block; 
	float: left;
	}
.right img, 
img.right,
.alignright,
img.alignright,
img[align=right] {
	margin-left: 24px; /* for ie8 & below */
	margin-left: 2.4rem;
	margin-bottom: 16px; /* for ie8 & below */
	margin-bottom: 1.6rem;
	margin-top: 12px; /* for ie8 & below */
	margin-top: 1.2rem;
	display: inline-block; 
	float: right;
	}
.aligncenter, 
img.aligncenter, 
img[align=center] { 
	margin-right: auto; 
	margin-left: auto; 
	display: block; 
	clear: both; 
	}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
	}
.wp-caption-text{}
.post-tags{
	display:none;
	}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.sticky {}
.gallery-caption{}
.bypostauthor{}
.meta-info span{
	font-family:'Lato',Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#707070;
	}
.nav-links{
	margin-top:30px;
	}	
.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;
}
article img{
	max-width:100%;
	}
article img:hover, #featured-post img:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
.blog article.has-post-thumbnail, .archive article.has-post-thumbnail{
	padding:0 20px 0 0;
	}
.blog article.has-post-thumbnail h1.entry-title, .archive article.has-post-thumbnail h1.entry-title{
	margin-top:17px;
	margin-bottom: 10px;
	}
.image-container-responsive img{
	width:100%;
	height:auto;
	}
.entry-thumb{
	max-height:280px;
	overflow:hidden;
	}
.featured-thumb{
	max-height:350px;
	overflow:hidden;	
	}
		
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.not-found:after {
	content: "";
	display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.not-found:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
	}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
	}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
	}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
	}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
	}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
	}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
	}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
	}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
	}

/*--------------------------------------------------------------
10.0 Media Queries
/*-------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1018px) {
	.widget_calendar td,
	.widget_calendar td {
		padding: 5px;
	}
	.blog article.has-post-thumbnail,
	.archive article.has-post-thumbnail,
	#featured-post{
		padding:20px; !important;
	}		
}


	
@media screen and (min-width: 768px) {	
	.main-navigation ul {
		padding-left: 0;
	}
	.main-navigation ul > li{
		padding:10px 0;	
	}
	
	.main-navigation ul.sub-menu > li{
		padding:0;
		border-top: 1px solid #58c86d;
	
	}
	#top-nav .main-navigation ul.sub-menu > li{
		border-top: 1px solid #45b058;
	}
	.main-navigation ul > li:last-child{
		border-right:none;
	}
	.main-navigation li {
		float: left;
		position: relative;
	}
	.top-nav a{
		color:#ffffff;
	}
	.main-navigation a {
		display: block;
		text-decoration: none;
		padding: 0px 15px;
		font-family: 'Open Sans', 'lato', sans-serif;
		font-size: 16px;
		color:#ffffff;
	}	
	.main-navigation ul ul {
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		float: left;
		position: absolute;
		top: 2.6em;
		left: -999em;
		z-index: 99999;
		background:#2e2e2e;	
	}
	#top-nav .main-navigation ul ul.sub-menu{
		top: 2.5em;
	}
	#top-nav .main-navigation ul ul ul.sub-menu{
		top: 0;
	}
	.main-navigation ul ul ul {
		left: -999em;
		top: 0;
	}
	#top-nav .main-navigation ul ul a {
		background:#58c86d;
	}
	.main-navigation ul ul a {
		min-width: 220px;
		font-size: 16px;
		background:#45b058;
		padding:10px 15px;
	}
	.post_box a.read_more{
		bottom: 30px;
		}
	.dropdown-menu,
	.dropdown-menu .sub-menu{
		background:#45b058;
		border-radius:0;
		border:none;
		}
	#top-bar .dropdown-menu,
	.dropdown-menu .sub-menu{
		background:#58c86d;
		border-radius:0;
		border:none;
		}
	#top-widget{
		float:right;
		padding-top:30px;
		}
	
	.dropdown-menu > li > a,
	.dropdown-menu .sub-menu a{
		color:#fff;
		font-size:16px;
		}
	.dropdown-menu .sub-menu  {
		left: 100%;
		position: absolute;
		top: 0;
		visibility: hidden;
		margin-top: -1px;		
		}
	.dropdown-menu li:hover .sub-menu {
		visibility: visible;
		}

	.dropdown:hover .dropdown-menu {
		display: block;
		}

	.nav-tabs .dropdown-menu,
	.nav-pills .dropdown-menu,
	.navbar .dropdown-menu {
		margin-top: 0;
		}
	.navbar .sub-menu:before {
		border-bottom: 7px solid transparent;
		border-left: none;
		border-right: 7px solid rgba(0, 0, 0, 0.2);
		border-top: 7px solid transparent;
		left: -7px;
		top: 10px;
		}
	.navbar .sub-menu:after {
		border-top: 6px solid transparent;
		border-left: none;
		border-right: 6px solid #fff;
		border-bottom: 6px solid transparent;
		left: 10px;
		top: 11px;
		left: -6px;
		}	
	.fan-sociel-media .btn{
		margin-right:5px;
		float:
		right;
		}
	nav .container-fluid,
	nav .navbar-collapse{
		padding:0;
		}
	.pgwSlider .ps-current{
		width:74.4%;
	}
	.nav-next{
		text-align:right;
	}
	#featured-post time.entry-date,
	.single time.entry-date{
		text-align:right;
		display:block;
	}
	.nav-previous, .nav-next{
		text-align:center;
	}
	
	
}

@media screen and (max-width: 767px) {
	h1 {
		font-size: 20px;
		}	
	h2 {
		font-size: 18px;
		}	
	h3 {
		font-size: 16px;
		}	
	h4 {
		font-size: 15px;
		}	
	h5 {
		font-size: 14px;
		}
	
	h6 {
		font-size: 13px;
		}
	p, a{
		font-size: 14px;
		}
	.item {
		position: static ! important;
		-webkit-transform: translate(0px, 0px) ! important;
		-moz-transform: translate(0px, 0px) ! important;
		transform: translate(0px, 0px) ! important;
	}
	#posts{
		display:inline;
	}
	.pagination{
		margin-top:5px;
	}
	.post_box a.read_more{
		bottom: 0px;
	}
	header .logo, header .logo h1 a{
		font-size:30px;
		}
	.navbar-default .navbar-nav > li,
	.navbar-default .navbar-nav > li > a {
		border:0;
		}
	.navbar-default .navbar-nav > li{
		
		}
	.navbar-nav{
		overflow:hidden;
		}
	#top-bar .navbar-header{
		padding:0 15px;
	}
	#top-bar .navbar-collapse{
		margin:0 15px;
		padding:0 15px;
		}
	#top-bar .navbar-collapse ul li{
		padding:5px 0;
	}
	#top-bar .navbar-collapse ul ul li{
		padding-bottom:0;
	}
	#top-bar .navbar-nav > li > a{
		padding:0;
	}
	#top-bar .dropdown-menu >li{
		border:none;
		}
	.dropdown-menu{
		display: block;
		border: none;
		border-radius: 0;
		width: 100%;
		position: relative;
		box-shadow: none;
		background:none !important;
		overflow:hidden;	
		}	
	.dropdown-menu >li{
		border:none;
		}
	ul.dropdown-menu{
		padding-left:10px;
		}
	ul.dropdown-menu a{
		color:#FFFFFF;
		}
	.depth_0{
		margin-bottom:10px;
		}
	.ps-current span h1{
		margin:10px 0;
		}
	.ps-current span p{
		display:none; 
		}	
	.blog article.has-post-thumbnail,
	.archive article.has-post-thumbnail,
	#featured-post{
		padding:20px !important;
		}
	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item{
		width:50% !important;
		max-width:50% !important;
	}
	.main-navigation li{
		padding:5px 0;
	}
	.main-navigation ul li{
		padding-bottom:0;
	}
	.main-navigation ul.sub-menu{
		margin-left:10px;
	
	}		
		
}


@media screen and (min-width: 480px){
	.r_margin{
		margin-right:4%;
		height:100px;
		}
}
@media screen and (max-width: 480px){
	.btn-default{
		margin-bottom:5px !important;
	}
	#top-widget img{
		width:100%;
	}
	.blog article.has-post-thumbnail,
	.archive article.has-post-thumbnail,
	#featured-post{
		padding:20px; !important;
	}
	.nav-previous, .nav-next{
		text-align:center;
	}
	
	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item{
		width:100% !important;
		max-width:100% !important;
	}
	
}