/*  
 * Theme Name: CStore lite
 * Theme URI: http://classicrgb.com/product/cstore-lite/
 * Version: 1.1
 * Author: ClassicRGB
 * Author URI: http://classicrgb.com/
 * Description: For personal blogging.
 * CStore lite is distributed under the terms of the GNU GPL
 * Tags: two-columns, right-sidebar, custom-menu
 * Text Domain: cstore-lite
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/copyleft/gpl.html
*/



body {
	font-size: 16px;
}


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: #257ec9;
    background: linear-gradient( -45deg, #07d79f, #257ec9);
}
.site-branding a,
.site-branding {
	color:#fff!important;
	text-align: center;
}

/* MENU */

.main_menu_button {
	background-color: transparent;
	border: medium none;
	font-size: 26px;
	color: #c39f77;
	padding: 4px 15px 0;
}

.mainmenu {
	color: #fff;
	background: #0e0f0c;
	margin-bottom: 20px;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;	
}
.mainmenu a {
	color: #fff;
	padding: 15px;
	display: block;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
.mainmenu a:first-child{
	padding-left: 0;
}
.mainmenu a:hover {
	color:#acacac !important;
	text-decoration: none;
}
.mainmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-transform: uppercase;
	text-align: center;
}
.mainmenu ul li {
	display: inline-block;
}
.mainmenu ul {
	z-index: 12;
}



/* CONTENT */

.content-text{
	margin: 0px 0 25px 0;
}
.wp-caption{
	max-width: 100%;
}
.post{
	border-bottom: solid 2px #404040;
	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;
}



/* 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;
}


.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 #444444;
	padding: 2px;
}



/* SIDEBAR */


.sidebar-header{
	margin-top: 40px;
}

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



/* FOOTER */

.main_footer{
	background: #0e0f0c;
	color:#fff;
	border-top: 1px solid #444444;
	padding: 10px 0;
}
.main_footer_bottom{
	border-top: 1px solid #444444;
	color:#fff;
	padding: 10px 0;
    background: linear-gradient( -45deg, #07d79f, #257ec9);
}
.main_footer_bottom a{
	color:#fff;
}
.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;
}















/* 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) {
.footer-right{
	margin: 15px auto;
	float: left;
}

	.sell_right .button {
		margin: 15px auto;
		float: none;
		max-width: 250px;
	}
	.sell_descr {
		text-align: center;
	}

	.mainmenu ul {
		background-color: #303030;
		border-bottom: 1px solid #404040;
		display: none;
		position: absolute;
		width: 100%;
	}
	.mainmenu ul li {
		display: block;
	}
}

/* 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;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.mainmenu ul {
		display: block !important;
	}
}

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

}