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

#gk-header.nobg {
	background: transparent url('../images/header_bg_mobile.jpg') no-repeat center top;
	min-height: 322px;
}

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

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

.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;
}

/* 11.2. Widgets
==================================== */

/* NSP adjustments */
.gk-nsp-arts-page .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-arts-page .gk-nsp-art:first-child {
	border-top: none!important;
}

/* other elements */
.gk-big-header {
	font-size: 32px!important;	
}

.gk-small-header {
	font-size: 22px!important;
	line-height: 1.2!important;
}

.gk-time-icon {
	font-size: 15px!important;
	padding-left: 90px!important;
}

.box.big .box-title {
	font-size: 30px!important;
}

.box.big .box-title small {
	font-size: 14px!important;
}

.gk-features > a {
	width: 98%!important;
}

.gk-team[data-count="1"] figure { width: 100% }
.gk-team[data-count="2"] figure { width: 50% }
.gk-team[data-count="3"] figure { width: 50% }
.gk-team[data-count="4"] figure { width: 50% }
.gk-team[data-count="5"] figure { width: 50% }
.gk-team[data-count="6"] figure { width: 50% }
.gk-team[data-count="7"] figure { width: 50% }
.gk-team[data-count="8"] figure { width: 50% }
.gk-team[data-count="9"] figure { width: 50% }
.gk-team[data-count="10"] figure { width: 50% }

.vertical-column-10,
.vertical-column-15,
.vertical-column-20,
.vertical-column-25,
.vertical-column-30,
.vertical-column-35,
.vertical-column-40,
.vertical-column-45,
.vertical-column-50,
.vertical-column-55,
.vertical-column-60 {
	margin-bottom: 20px; 
	padding: 0;
	width: 100%; 
}

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

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

/* Image Show GK4 */
.gk-is-wrapper-gk_startup .gk-is-text { 
	top: 60px;
}
.gk-is-wrapper-gk_startup .gk-is-text.active { 
	top: 30px; 
}
.gk-is-wrapper-gk_startup .gk-is-text h2 a { 
	font-size: 19px;
	line-height: 22px; 
}	
.gk-is-wrapper-gk_startup .gk-is-text p { 
	font-size: 14px; 
	line-height: 16px; 
	margin-bottom: 10px; 
}
.gk-is-wrapper-gk_startup .gk-is-text span.gk-line {
	margin: 5px auto 10px auto;
}
.gk-is-wrapper-gk_startup .gk-is-text .btn1,
.gk-is-wrapper-gk_startup .gk-is-text .btn2,
.gk-is-wrapper-gk_startup .gk-is-text .btn2:hover {
	font-size: 10px;
	height: 28px;
	line-height: 28px;
	margin: 5px 4px 2px 4px;
	padding: 0 5px;
}
.gk-is-wrapper-gk_startup .gk-is-prev,
.gk-is-wrapper-gk_startup .gk-is-next { 
	left: 5px;  
}
.gk-is-wrapper-gk_startup .gk-is-next { 
	left: auto;
	right: 5px; 
}
.gk-is-wrapper-gk_startup .gk-is-slide { 
	bottom: 75px;
}
.gk-is-wrapper-gk_startup .gk-is-slide.active { 
	bottom: 50px; 
}


/* 11.3. Posts
==================================== */

#gk-user-area {
	clear: both;
}

#gk-user-area a {
	height: 32px;
	line-height: 32px;
}

article aside.meta {
	position: static!important;
	width: 100%!important;
}

article aside.meta > time {
	float: left!important;
	font-size: 30px!important;
}

article aside > ul {
	margin: 5px 0!important;
}

#gk-mainbody article > header h1, 
#gk-mainbody article > header h2, 
h1.page-title, 
h2.page-title {
	line-height: 28px;
	padding: 18px 0 0px;
}

h1 {
	font-size: 24px!important;
}

h2 {
	font-size: 28px!important;
	line-height: 32px;
}

#gk-social-api {
	overflow: hidden;
}

#comments,
aside.meta + .content, 
aside.meta + .content + footer, 
aside.meta + .summary, 
aside.meta + .summary + footer, 
aside.meta + header, 
aside.meta + header + .summary, 
aside.meta + header + .summary + footer, 
aside.meta + header + .content, 
aside.meta + header + .content + footer {
	margin-left: 0!important;
}

.box,
#gk-sidebar .box {
	margin-bottom: 24px!important;
}

body .author-info {
	font-size: 12px;
	padding: 0 0 0 16px;
}

body .author-info h2 {
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	margin: 2px 0 8px;
}

body .author-info > aside {
	position: static;
}

body .author-info > aside img {
	margin-left: 10px;
}

body aside.meta dt,
body aside.meta dd {
	clear: none;
	float: left;
	margin-right: 10px;
}

body aside.meta time {
	font-size: 32px;
	margin-bottom: 0;
	text-align: left;
}

body aside.meta {
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

body aside.meta dt.date + dd {
	width: 100%!important;
}

body aside.meta dt.date + dd + dt {
	clear: both;
}

article figure.featured-image img {
	margin-bottom: 16px!important;
}

article .tags dd {
	clear: both!important;
	margin: 0!important;
}

#comments li article > aside {
	position: absolute;
	top: 18px;
}

#comments li article > aside img {
	float: left;
	margin: 0 10px 0 0;
	position: static;
}

#comments article .content > header {
	padding-left: 68px;
	position: relative;
}

#comments .content header > * {
	line-height: 1.2;
	float: left;
	font-size: 10px;
	margin: 12px 5px 0 0;
}

#comments article .content > header .author {
	font-size: 12px;
	margin-top: 15px;
	width: 100%;
}

#comments article .content header + p {
	font-size: 12px;
	line-height: 1.4;
}

body #gk-mainbody article > header.category h1, 
body #gk-mainbody article > header.category h2 {
	font-size: 28px!important;
	line-height: 32px!important;
}

aside.meta dd.format {
	left: auto!important;
	right: 0!important;
}

#gk-top1 > .gk-page,
#gk-top2 > .gk-page,
#gk-top1 .box,
#gk-top2 .box {
	padding: 0!important;
}

body #gk-sidebar .box.dark,
body #gk-sidebar .box.light {
	padding-right: 20px!important;
	padding-left: 20px!important;
	padding-top: 20px!important;
	padding-bottom: 20px!important;
}

.box.vertical .box-title {
	margin-bottom: 5px!important;
}

/* 11.4. Device classes
==================================== */

.onlyDesktop {
	display: none!important;
}

.onlyTablets {
	display: none!important;
}

.onlySmartphones {
	display: block!important;
}

.onlyTabltetsAndSmartphones {
	display: block!important;
}