/**
 *
 * -------------------------------------------
 * Mobile CSS file
 * -------------------------------------------
 * 
 **/
 
/*
 *
 * 11. Mobile code
 *
 *
------------------------------------ */
 
/* 11.1. Base elements
==================================== */ 

body {
	background: transparent!important;
	font-size: 12px;
	padding: 0 4px!important;
}

.gk-page-wrap {
	padding-top: 0;
}

/* archive / page 404 */
.page404 .widget,
.archivepage .widget {
	margin: 0!important;
	width: 100%!important;
}

/* Gallery Page */
#gallery figcaption {
	display: none;
}

#gallery ol li {
	height: 7px;
	width: 8px;
}

#gallery ol {
	top: 5px;
}

.archivepage .widget.first li a {
	padding-left: 25px;
}

/* images fix */
#gk-mainbody img {
	height: auto!important;
	max-width: 100%!important;
}

/* column rules */
#gk-sidebar {
	padding: 20px 0!important;
}

#gk-sidebar .box {
	float: none!important;
	width: 100%!important;
}

#gk-sidebar .box:nth-child(odd) {
	margin-right: 0%!important;
}

#gk-sidebar .box:nth-child(even) {
	margin-left: 0%!important;
}

.widget-area .col1,
.widget-area .col2,
.widget-area .col3,
.widget-area .col4,
.widget-area .col5,
.widget-area .col6,
.widget-area .box.last1,
.widget-area .box.last2,
.widget-area .box.last3,
.widget-area .box.last4,
.widget-area .box.last5 { 
	float: none!important;
	margin: 0 auto 20px auto!important; 
	max-width: 320px; 
	width: 100%; 
}

.widget-area .nth1,
.widget-area .nth2,
.widget-area .nth3,
.widget-area .nth4,
.widget-area .nth5,
.widget-area .nth6 {
	clear: both;
}

gk-columns > div {
	padding: 10px 0!important;
	width: 100%!important;
}

/* 11.2. Header elements
==================================== */
#gk-logo {
	height: 46px;
	margin-top: -46px!important;
	width: 100%;
}

#gk-top-links {
	margin-right: 6px!important;
	margin-top: 0!important;
	position: relative;
}

#gk-head {
	background: #fff;
}

#gk-search-wrap {
	float: right;
	margin-top: 0!important;
	padding-top: 10px;
	text-align: right;
	width: 50%;
}

#gk-search #searchsubmit {
	display: none;
}

#gk-gavern-menu {
	clear: none!important;
	width: 64px!important;
}

#main-menu-mobile {
	left: -8px;
	top: 3px;
}

#gk-top-links a {
	border-left: 1px solid #fff;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	display: block;
	float: left;
	height: 46px;
	margin-left: 5px!important;
	margin-top: 0;
	text-indent: -9999px;
	width: 38px;
}

#gk-top-links a.cart-contents {
	background: transparent url(/wp-content/themes/BikeStore/images/top_icons.png) no-repeat -99px center;
}

#gk-top-links #gk-register {
	background: transparent url(/wp-content/themes/BikeStore/images/top_icons.png) no-repeat -2px center;
}

#gk-top-links #gk-login {
	background: transparent url(/wp-content/themes/BikeStore/images/top_icons.png) no-repeat -51px center;
}

#gk-search #searchform > input[type="text"] {
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   		border-radius: 3px;
	float: right;
	margin-bottom: 10px;
	width: 80%;
}

#gk-search #searchform > input[type="text"]:active,
#gk-search #searchform > input[type="text"]:focus {
	width: 80%;
}

/* 11.3. Posts
==================================== */
h1,
.page-title {
	font-size: 30px;
	line-height: 33px;
}

h2,
.search-page .product h2, 
.search-page h2.product,
.product h2, h2.product, 
.cart-collaterals h2, 
h2.cart-collaterals {
	font-size: 26px;
}

article > .content,
article > .summary,
article dl.tags dt {
	font-size: 12px;
}

article dl.tags dt {
	float: none;
}

article dl.tags dd {
	margin-left: 0;
}

aside.meta dt, aside.meta dd {
	font-size: 11px;
}

#gk-social-api > * {
	margin-right: 1px!important;
}

.author-info .author-desc {
	margin: 0;
	padding: 0;
}

.author-info > aside {
	max-width: 58px;
	padding: 5px 10px 10px 0;
	position: static;
}

#comments li article > .content,
#comments .children article > .content,
#comments ol.children {
	margin-left: 0;
}

#comments li article > aside {
	border: 0;
	position: static;
	float: left;
	left: 0!important;
}

#comments li article > aside + .content {
	clear: none!important;
	margin-top: 0!important;
	padding-top: 0!important;
}

#comments li article > aside img {
	margin-left: 0!important;
	margin-top: 12px!important;
}

#comments article time {
	margin: 0;
}

#comments li article .content footer > * {
	clear: both;
	display: block;
	float: right;
}

aside.meta dd.edit,
aside.meta dd.bookmark {
	display: none;
}

#comments {
	margin-left: 0!important;
}

#comments li article {
    margin: 10px 0;
}

ol .children #respond {
	margin-left: 0;
}

/* 11.4. Other elements
==================================== */

#gk-social-icons {
	display: none;
}

.intro ul li:before,
article .content ul li:before,
article .summary ul li:before,
#tab-description ul li:before {
	top: 9px;
}

article ul[data-style="style1"] li,
article ul[data-style="style2"] li,
article ul[data-style="style3"] li,
article ul[data-style="style4"] li {
	background-position: 0 4px!important
}

.zoom .gk-nsp-arts-nav {
	right: 20px;
    padding: 0 3px;
    top: 18px;
}

.gk-tabs-wrap > ol li.active, .gk-tabs-wrap > ol li.active:hover {
	height: 38px!important;
	margin-bottom: 4px!important;
}

.gk-tabs-wrap > ol li {
	float: none !important;
	margin-right: 0!important;
}

.box .box-title {
	font-size: 21px;
}

#gk-top1 .box.alpha > div {
	background: #fff;
}

#gk-top1 .box.alpha {
	max-width: 100%;
}

.zoom .gk-nsp-art {
	border-top: 1px solid #eee!important;
	border-left: none!important;
	padding-bottom: 20px!important;
	padding-top: 20px!important;
	width: 100%!important;
}

.gk-nsp-art {
	border-top: 1px solid #eee!important;
	padding: 15px!important;
	width: 100%!important;
}

.zoom .gk-nsp-art:first-child,
.gk-nsp-art:first-child {
	border-top: none!important;
}

#gk-bottom2 .box {
	margin: 0 auto!important;
}

#gk-bottom2 .box > div {
	border-left: none!important;
}

#gk-mainbody #searchform > input[type="text"] {
	width: 180px;
}

/* GK Image Show adjustments */
.gk-is-wrapper-gk-bikestore figcaption {
	display: none;
}

.gk-is-wrapper-gk-bikestore .gk-is-buttons {
	bottom: 10px;
	right: 50%;
	margin-right: -32px;
	padding: 0 16px!important;
}

/* 11.5. Footer
==================================== */
#footer-menu li {
	display: list-item;
	float: none;
}

#footer-menu li:before {
	display: none;
}

.gk-copyrights {
	margin-bottom: 30px;
}

/* 11.6. Woocommerce
==================================== */

ul.products li.product {
	width: 94%!important;
}

.woocommerce-ordering {
	margin-top: -30px;
}

div.product .woocommerce-tabs ul.tabs li,
#content div.product .woocommerce-tabs ul.tabs li {
	border-right: 1px solid #fb5a29;
	display: block;
}

.related ul.products li.product,
.related ul li.product,
.upsells.products ul.products li.product,
.upsells.products ul li.product {
	border-right: 0;
	padding: 35px 15px!important;
	width: 90%!important;
}

.page-numbers li a,
.page-numbers li .current {
	height: 32px;
	line-height: 32px;
	min-width: 29px;
}

.woocommerce-pagination  {
	margin-top: 30px;
}

div.product .woocommerce-tabs ul.tabs,
#content div.product .woocommerce-tabs ul.tabs {
	padding: 20px 0 0 0;
}

div.product .woocommerce-tabs ul.tabs li.active,
#content div.product .woocommerce-tabs ul.tabs li.active {
	background: #ebebeb;
}

div.product .woocommerce-tabs ul.tabs li:hover,
#content div.product .woocommerce-tabs ul.tabs li:hover {
	background: #212121;
}

div.product .woocommerce-tabs ul.tabs li:hover.active,
#content div.product .woocommerce-tabs ul.tabs li:hover.active {
	background: #ebebeb;
}

#total-review {
	position: static;
}

.woocommerce #comments .star-rating {
	float: none;
	margin: 5px -3px;
}

.woocommerce .products .star-rating {
	margin-left: -29px;
}

#reviews #comments > div > h2 {
	margin-left: 0;
}

#reviews #comments ol.commentlist li img {
	float: none;
	margin: 10px 0 0 0;
}

#reviews #comments ol.commentlist .comment-text {
	padding-left: 0;
}

.cart-collaterals .cross-sells,
.cart-collaterals .cart_totals {
	float: none;
	width: 100%;
}

form .form-row select,
.shipping-calculator-form .form-row,
.shipping-calculator-form .input-text,
form .form-row-first,
form .form-row-last {
	width: 100%!important;
}

.cart-collaterals .shipping_calculator {
	width: 80%;
}

form .form-row-first,
form .form-row-last {
	padding: 0;
}

form.checkout_coupon {
	padding-bottom: 90px;
}

.cart-collaterals .shipping_calculator button.button {
	margin-right: 2px;
	width: 100%;	
}

ul#shipping_method li {
	padding-left: 0;
}

.cart-collaterals .cross-sells ul.products li {
	width: 95%!important;
}

/* Zebra striping */
table.cart tr:nth-of-type(odd),
table.my_account_orders tr:nth-of-type(odd) { 
  background: #f5f5f5; 
}

table.cart td,
table.cart th,
table.my_account_orders td,
table.my_account_orders th { 
  padding: 6px; 
  text-align: left; 
}

table.cart td,
table.my_account_orders td { 
	padding-left: 46%!important; 
	position: relative;
	text-align: left!important;
}

table.cart td {
	padding: 10px 12px;
}

table.cart td span {
	font-size: 12px!important;
}

table.cart td.actions .coupon .input-text,
#content table.cart td.actions .coupon .input-text,
table.cart td.actions .checkout-button,
#content table.cart td.actions .checkout-button {
	display: block;
	margin: 10px 5px 10px 5px;
}

input[name="update_cart"],
input[name="apply_coupon"] {
	margin: 10px 5px 0 5px;
}

input[name="update_cart"] {
	float: left;
}

table.cart td.actions,
#content table.cart td.actions,
.my_account_orders td.order-actions {
	overflow: hidden;
	padding: 0;
	text-align: right;
}

table.cart td.actions,
#content table.cart td.actions {
	margin-top: 10px;
	padding-left: 0!important;
}

.my_account_orders td.order-actions {
	padding: 6px 0;
}

table.shop_attributes th {
	text-align: left;
	width: 42%;
}

/* 11.7. Device classes
==================================== */

.onlyDesktop {
	display: none!important;
}

.onlyTablets {
	display: none!important;
}

.onlySmartphones {
	display: block!important;
}

.onlyTabltetsAndSmartphones {
	display: block!important;
}