/*  
 * Theme Name: DStore lite
 * Theme URI: http://classicrgb.com/product/dstore-lite/
 * Version: 1.3.1
 * Author: ClassicRGB
 * Author URI: http://classicrgb.com/
 * Description: For personal blogging.
 * DStore lite is distributed under the terms of the GNU GPL
 * Tags: two-columns, right-sidebar, custom-menu
 * Text Domain: dstore-lite
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/copyleft/gpl.html
*/


/*--------------------------------------------------------------
1. Navigation
2. Links
3. Menus
--------------------------------------------------------------*/





body {
	font-size: 16px;
	background: #303030 !important;
	color: #acacac !important;
}



img{
	height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.site-title a:hover{
	text-decoration: none;
	color:#acacac!important;
}

.logo {
	display: block;
	font-size: 42px;
	padding: 30px 0;
	text-align: center;
}

.top_header {
	background-color: #303030;
}





/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a{
	color: #c39f77 !important;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}



/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/



/* Menu */


.navbar-inverse{
	background-color: #303030 !important;
    border-color: #303030 !important;
}

.navbar-nav{
	margin: 7.5px 0px;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
.navbar-inverse .navbar-nav > li > a{
	color:#c39f77 !important;
	background: none !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav > li > a:hover{
	color:#acacac !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:active,
.navbar-inverse .navbar-nav > li > a:active{
	color:#acacac !important;
}

.navbar-header{
	background: #404040 !important;
}

.navbar-collapse{
	padding-right: 0px;
    padding-left: 0px;
}

.container-fluid{
	padding-right: 0px;
    padding-left: 0px;
}
.dropdown-menu{
	background-color: #404040;
}





/* CONTENT */

.content-text{
	margin: 0px 0 25px 0;
}
.wp-caption{
	max-width: 100%;
}
.post{
	border-bottom: 3px solid #404040;
	padding: 20px 0 40px 0;
}
.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;
}



/* 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 #c39f77;
	text-decoration: none;
	color:#c39f77;
}

.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;
    display: inline-block;
    width: 100%;
}


.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;
}





/* Navigation */

.nav-previous{
	padding: 40px 0 14px 0;
	float: left;
	font-size: 18px;
}
.nav-next{
	padding: 40px 0 14px 0;
	float:right;
	font-size: 18px;
}

.nav-previous a,
.nav-next a{
	border: 1px solid #404040;
	padding: 10px;
}

.nav-previous a:hover,
.nav-next a:hover{
	color:#acacac !important;
	text-decoration: none;
	background: #404040;
}

.comments-area h2 {
	font-size: 18px;
	float: right;
}




.post-navigation .nav-previous{
	padding: 20px 0 14px 0;
	float: left;
	font-size: 18px;
	border-right: 3px solid #404040;
}
.post-navigation .nav-next{
	padding: 20px 0 14px 0;
	float:right;
	font-size: 18px;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a{
	border: 0px solid #404040;
	padding: 10px;
}


.post-navigation a:hover,
.post-navigation a:hover{
	color:#acacac !important;
	text-decoration: none;
	background: #303030 !important;
}


/* OTHER */


input[type=submit]{
	color: #c39f77 !important; 
	padding: 6px 8px;
	font:bold;
	outline: none;
}
input[type=submit]:hover{
	border:1px solid #c39f77;
	color: #c39f77 !important; 
	padding: 6px 8px;
	font:bold;
	outline: none;
}


input,
textarea,
input[type=search]{
	background: #303030;
	border: 1px solid #444444;
	padding: 6px 2px;
	outline: none;
}

.calendar_wrap td, 
.calendar_wrap th{
	border: 0px solid #ccc;
}







/* SIDEBAR */


.sidebar-header{
	margin-top: 40px;
}

.sidebar-right {
	margin-top: 30px;
	float:left!important;
}



/* FOOTER */

.main_footer{
	border-top: 1px solid #444444;
	padding: 10px 0;
}
.footer-left{
	float:left;
}
.footer-right{
	float:right;
}

.sidebar-footer1,
.sidebar-footer2,
.sidebar-footer3,
.sidebar-footer4{
	margin-top: 20px;
}




/* 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;
}















@media screen and (min-width: 1000px) {

}




@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;
	}





.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 : 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) {

}
