/*  
 * Theme Name: ClassicRGB lite
 * Theme URI: http://classicrgb.com/product/classicrgb-lite/
 * Version: 1.2
 * Author: ClassicRGB
 * Author URI: http://classicrgb.com/
 * Description: For personal blogging.
 * ClassicRGB lite is distributed under the terms of the GNU GPL
 * Tags: two-columns, right-sidebar
 * Text Domain: classicrgb-lite
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/copyleft/gpl.html
*/



body {
	font-size: 16px !important;
	background: #fff !important;
	color: #000 !important;
}



img{
	height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.site-title a:hover{
	text-decoration: none;
	color:#000!important;
}

.logo {
	display: block;
	font-size: 42px;
	padding: 30px 0;
	text-align: center;
}

.top_header{
	padding: 5em 4%;
}




/*--------------------------------------------------------------
 MENU
--------------------------------------------------------------*/

#mega-menu-wrap-header-menu{
	background: #ff7f57;
}

.menu {
    display: block;
    float: right;
    margin: 0 auto;
    padding-top: 30px;
    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: #000;
    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;
}

ul .children li {
    display: none;
}




/* CONTENT */

.entry-header .h2, .entry-header h2{
	font-size: 40px !important;
	font-weight: 700;
}

.entry-header .h2 a:hover, .entry-header h2 a:hover{
	text-decoration: none;
}

.content-text{
	margin: 0px 0 25px 0;
}
.wp-caption{
	max-width: 100%;
}
.post{
    margin-bottom: 100px;
}
.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 #000;
	padding: 0 0 20px 20px;
	border-bottom: 4px solid #000;
}
.screen-reader-text{
	display: none;
}

.blockquote{
	border-left: 5px solid #000 !important;
}





/* 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: 10px 0;
}

/* Author comments */
.bypostauthor{
	border: 2px solid #ccc;
	padding:  10px;
}





/* OTHER */


input[type=submit]{
	padding: 2px 4px;
	font:bold;
}


input,
textarea,
input[type=search]{
	border: 1px solid #444444;
	padding: 2px;
}



/* SIDEBAR */


.widget{
	border-top: 4px solid #000;
	padding: 30px 0;
}
.widget .h1, .widget .h2, .widget .h3, .widget h1, .widget  h2, .widget  h3{
	margin-top: 0px;
}




/* FOOTER */

.main_footer{
	padding: 10px 0;
}
.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 #000;
		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) {

}
