/*
Theme Name:     Karma Child Theme
Theme URI:      http://themeforest.net/item/karma-clean-and-modern-wordpress-theme/168737?ref=TrueThemes
Description:    Child theme for the Karma theme 
Author:         TrueThemes
Author URI:     http://themeforest.net/user/TrueThemes?ref=TrueThemes
Template:       Karma
Version:        0.1.3
*/

@import url("../Karma/style.css");

/* ------- Insert custom styles below this line ------- */

.main-area {
	padding: 25px 0 25px 0;
}

#header .header-area {
	padding: 24px 0;
}

.footer-content {
	/* padding: 55px 0 35px 0; */
	padding: 20px 0;
	position: relative;
}
mark {
	background-color: #99b812;
	color: #004a21;
	font-size: 11px;
}

.smartphone-wrap {margin:70px 50px !important;}

/* ------- Custom code for related product IMAGE SIZE ------- */

.woocommerce .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul li.product {
width: 24% !important;
}

#main .contact_smartphone .sidebar-widget {width:218px !important;}

/* ------- Custom table for product specs SMALL DATAGRID ------- */
.datagrid-small table { border-collapse: collapse; text-align: left; width: 70%; margin-top: 15px}
.datagrid-small {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 0px solid #36752D; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.datagrid-small table td, .datagrid-small table th { padding: 3px 10px; }.datagrid-small table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #99B812), color-stop(1, #a9b901) );background:-moz-linear-gradient( center top, #99B812 5%, #a9b901 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99B812', endColorstr='#a9b901');background-color:#99B812; color:#FFFFFF; font-size: 12px; font-weight: bold; } 

.datagrid-small table thead th:first-child { border: none; }
.datagrid-small table tbody td { color: #004A21; border-left: 1px solid #C6FFC2;font-size: 12px;font-weight: normal; }
.datagrid-small table tbody .black td { background: #000000; color: #ffffff; }.datagrid table tbody .white td { background: #FFFFFF; color: #275420; }
.datagrid-small table tbody .grn td { background: #ccff99; color: #275420; }
.datagrid-small table tbody td:first-child { border-left: none; }
.datagrid-small table tbody tr:last-child td { border-bottom: none; }

/* ------- END ------- */

/* ------- Custom table for product specs DATAGRID ------- */
.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #36752D; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #99B812), color-stop(1, #a9b901) );background:-moz-linear-gradient( center top, #99B812 5%, #a9b901 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99B812', endColorstr='#a9b901');background-color:#99B812; color:#FFFFFF; font-size: 12px; font-weight: bold; } 

.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #004A21; border-left: 1px solid #C6FFC2;font-size: 12px;font-weight: normal; }
.datagrid table tbody .black td { background: #000000; color: #ffffff; }.datagrid table tbody .white td { background: #FFFFFF; color: #275420; }
.datagrid table tbody .grn td { background: #ccff99; color: #275420; }
.datagrid table tbody .blu td { background: #99ccff; color: #275420; }
.datagrid table tbody .yel td { background: #ffff99; color: #275420; }
.datagrid table tbody .red td { background: #ff3333; color: #275420; }
.datagrid table tbody .orange td { background: #ffcc33; color: #275420; }
.datagrid table tbody .grey td { background: #cccccc; color: #275420; }
.datagrid table tbody .brown td { background: #999966; color: #275420; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table tfoot td div { border-top: 1px solid #36752D;background: #DFFFDE;} 
.datagrid table tfoot td { padding: 0; font-size: 12px } 
.datagrid table tfoot td div{ padding: 2px; }.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.datagrid table tfoot  li { display: inline; }