/*  
 * Theme Name: Fashion Store lite
 * Theme URI: http://classicrgb.com/product/fashion-store-lite/
 * Version: 1.2.5
 * Author: ClassicRGB
 * Author URI: http://classicrgb.com/
 * Description: The theme was built for eCommerce (WooCommerce) and personal blogging.
 * Fashion Store lite is distributed under the terms of the GNU GPL
 * Tags: two-columns, right-sidebar, custom-menu
 * Text Domain: fashion-store-lite
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/copyleft/gpl.html
*/



body {
	font-size: 16px;
	color: #525a5d !important;
}

a{
	color: #ff7f57;
}
a:hover{
	color: #9f3818;
}

img{
	height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.site-title a:hover{
	text-decoration: none;
}

.logo {
	display: block;
	font-size: 42px;
	padding: 30px 0;
	text-align: center;
}

.top_header {
	background-color: #fff;
	margin: 20px 0 30px 0;
}
.top-menu{
	background: #ff7f57 !important;
}
.navbar{
	margin-bottom: 0px;
}



/*--------------------------------------------------------------
 MENU
--------------------------------------------------------------*/

#mega-menu-wrap-header-menu{
	background: #ff7f57;
}

.menu {
    display: block;
    float: left;
    margin: 0 auto;
    width: 100%;
    margin-left: -50px;
}

 
.menu li,
div.menu li {
    float: left;
    position: relative;
}
.menu li {
    list-style-type: none;
}
.menu ul ul {
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    float: left;
    width: 180px;
    z-index: 99999;
}

.menu a {
    color: #fff;
    display: block;
    line-height: 41px;
    padding: 0 10px;
    text-decoration: none;
    font-weight: normal;
}

.menu ul li:hover > ul {
    display: block;
}

.menu li:hover > a,
.menu ul ul :hover > a {
    background: #333;
    color: #fff;
}

.top-menu ul .sub-menu {
    display: none;
}






/* CONTENT */
.main_content{
	background: #fff;
}
.content-text{
	margin: 30px 0 25px 0;
}
.wp-caption{
	max-width: 100%;
}
.post{
	border-bottom: solid 1px #F0F0F0;
	padding-bottom: 20px;
}
.aligncenter{
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignright{
	float: right;
	margin: 0px 0px 0px 10px;
}
.alignleft{
	float: left;
	margin: 0px 10px 0px 0;
}

td, th{
	padding: 10px !important;
    border: 1px solid #ccc;
}

.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 6px 0 0 0;
}
.wp-caption-text {
	margin: 0 0 6px;
}

.sticky {
	border-left: 4px solid #404040;
	padding: 0 0 20px 20px;
	border-bottom: 4px solid #404040;
}
.screen-reader-text{
	display: none;
}

.blockquote{
	border-left: 5px solid #404040 !important;
}

.entry-meta{
	padding: 0 0 10px 0;
}

.comments-link{
	float: right;
}

.edit-link{
	float: right;
}







.comments-title{
	margin: 20px 0;
}

.nav-links{
	width:100%;
	padding: 20px 0;
}

.nav-next a{
	float: right;

}

.nav-previous a {
    float:left;
    clear:both;
}

.entry-footer{
	padding: 20px 0;
}






/* Galleries */

.gallery {
	margin-bottom: 1.6em;
}

.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	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-icon img {
	margin: 0 auto;
}

.gallery-caption {
	display: block;
	padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}











/* COMMENT */

.comment-body{
	margin: 20px 0;
}

.comment-metadata{
	font-size: 14px;
	line-height: 3;
}

.comment-list .reply a{
	padding: 6px;
	border: 1px solid #404040;
	color:#000;
}

.comment-list .reply a:hover{
	padding: 6px;
	border: 1px solid #ff7f57;
	text-decoration: none;
	color:#ff7f57;
}

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

.comment-list article, .comment-list .pingback, .comment-list .trackback{
	border-bottom: 1px solid #404040;
	padding: 30px 0;
}


.comment-form-comment #comment,
.comment-form-author #author,
.comment-form-email #email,
.comment-form-url #url{
	float: left;
    width: 100%;
    border: 1px solid #404040;
    margin-bottom: 20px; 
    padding: 4px;
}



/* Author comments */
.avatar{
	position: relative;
    float: left;
    margin-right: 16px;
}
.bypostauthor{
	border: 2px solid #ccc;
	padding:  10px;
}









/* OTHER */


input[type=submit]{
	color: #303030 !important; 
	padding: 2px 4px;
	font:bold;
}


input,
textarea,
input[type=search]{
	border: 1px solid #F0F0F0;
	padding: 2px;
}


.post-edit-link{
	padding-right: 10px;
}




/* SIDEBAR */

.sidebar-header1{
	padding: 10px 0;
	background: #f0f0f0;
}
.sidebar-header2{
	float: right;
}

.sidebar-header3{
	margin-top: 23px;
	padding-left: 60px;
	float: right;
}

.sidebar-right {
	margin: 30px 0 30px 0;
	float:left!important;
}



/* FOOTER */

.main_footer{
	background: #37332f;
	border-top: 1px solid #352e2c;
	padding: 10px 0;
	color:#f3f3f3;
}
.footer-left{
	float:left;
}
.footer-right{
	float:right;
}






/* WooCommerce */


.woocommerce a.button{
	width: 100%;
	text-align: center;
	border-radius: 0px;
}

.woocommerce ul.products li.product h3{
	text-align: center;
}

.woocommerce ul.products li.product .price{
	text-align: center;
}
.woocommerce .quantity .qty{
	height: 36px;
}















@media screen and (min-width: 1000px) {
	.menu-responsive {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}




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

}
/* MEDIA */


/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}






/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.sell_right .button {
		margin: 15px auto;
		float: none;
		max-width: 250px;
	}
	.sell_descr {
		text-align: center;
	}
.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}




.main-navigation ul li ul li {
	list-style: none;
	position: relative;
	text-align: left;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 0;
}
.main-navigation ul ul{
	margin-top: 10px;
	margin-left: 20px; 
}  
.main-navigation ul ul a {
	width: 300px;
	background: none;
}
.main-navigation ul ul {
	box-shadow: none;
	float: none;
	left: 0;
	z-index: 0;
	list-style: none;
	position: relative;
	text-align: left;
	top: 0;
}

.main-navigation ul ul ul {
	left: 0;
	top: 0px;
}


  .main-navigation .decor {
    padding: 3px;
  }
  .main-navigation ul {
  list-style: none;
  position: relative;
  text-align: left;
}
  .main-navigation .wrap {
    width: 100%;
    margin-top: 0px;
  }
  
  .main-navigation  li {
    float: none;
  }
  
 .main-navigation  ul.primary li:hover a {
    background: none;
    color: #8B8B8B;
    text-shadow: 1px 1px #000;
  }

.main-navigation  ul.primary li:hover ul {

    background: #272727;
    color: #fff;
  }
  
.main-navigation   ul.sub {

    position: static;
    box-shadow: none;
    width: 100%;

  }
  
.main-navigation   ul.sub li a {
    background: #272727;
    border: none;
    color: #8B8B8B;
  }
  
 .main-navigation  ul.sub li a:hover {
    color: #ccc;
    background: none;
  }
}



/* Small Devices, Tablets */




@media only screen and (max-width : 990px) {
	.sidebar-header3{
		padding-left: 0px;
		float: left;
	}
}








@media only screen and (max-width : 768px) {
	.top_links {
		background-color: #585d61;
		display: none;
		margin-top: 15px;
		padding: 14px;
		position: absolute;
		vertical-align: middle;
		width: 100%;
	}



}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.top_links {
		display: inline-block !important;
	}
}



/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}