/**
 *
 * -------------------------------------------
 * Override
 * -------------------------------------------
 *
 **/

/*
 *
 * 14. Override
 *
 *
------------------------------------ */

/* 14.1. Overrided elements
==================================== */

/* Pinterest style in sidebar */

.pinterest-sidebar {
	width: 300px !important;
	height: 560px;
	margin-left: 1px;
}


/* smaller h1 and h2 text */

#gk-mainbody article > header h1,
#gk-mainbody article > header h2 {
	font-size: 30px;
	line-height: 44px;
}

/* sub-menu border change to /// */

#top-menu a {
	border-left: 0px;
}

#top-menu a:after {
	content: "///";
	margin-left: 5px;
}

/* top-menu border change to /// */

#main-menu > li {
	border-right: 0px;
}

#main-menu a:after {
	content: "///";
	margin-left: 5px;
}

/* footer-menu change to /// */

#footer-menu a:after {
	content: "///";
	margin-left: 5px;
}

/* favorite pin of the day adjustment */

div #widget_gk_nsp-8 > div .box-title {
	margin: -20px 0 10px -20px;
	background: transparent url('../images/transparent-diagonal-lines.png') repeat 0 0 !important;
	background-color: #2f3336;
	width: 432px;
}

/* category page custom class attempt */

div#column_01 {
	float: left;
	clear: none;
	width: 29%;
	}
div#column_wrap {
	float: right;
	clear: none;
	width: 65%;
	}
	div#column_02 {
		float: left;
		clear: none;
		width: 45%;
		}
	div#column_03 {
		float: right;
		clear: none;
		width: 45%;
		}

/* category page switching article headlines from uppercase to normal */
		
#gk-mainbody article > header h2 {
	text-transform: none;
}

/* category page removing unnecessary margin around category: %CATEGORY */
h1 {
	margin: 0px 0px;
}

/* fix for GK NSP widget "featured article" */

#gk-top1 .widget-area .box:first-child {
padding: 0;
}

/* float featured image left on category pages */

.featuredimageleft {
	float: left;
	height: 480px;
}

.clearfixhackattack {
	clear: both;
}


/* trying to use css from mo portfolio theme */

@media only screen and (min-width: 1025px) {
	#gk-article-col-1 {

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		float: left;
		padding: 0;
		width: 30%;
		min-width: 200px;
	}



	#gk-article-col-2 {
		float: left;
		padding-left: 45px;
		width: 30%;
		min-width: 200px;
	}

	#gk-article-col-3 {
		float: right;
		width: 30%;
		min-width: 200px;
	}
}

@media only screen and (max-width: 1024px) {
	#gk-article-col-1 {
		float: none!important;
		width: 100%!important;
		margin-top: 40px;
	}



	#gk-article-col-2 {
		float: none!important;
		padding-left: 0px!important;
		width: 100%!important;
	}

	#gk-article-col-3 {
		float: none!important;
		width: 100%!important;
	}
	
	.featuredimageleft {
		float: left;
		width: 320px;
}
}

/* making the pagination navigation fonts larger and organized and better */
.pagenav ol li a,
.pagenav ol li span {
	font-size: 15px;
	border-left: 1px solid #4b4b4b;
	border-right: none;
	background: none;
	text-transform: uppercase;
}

.pagenav ol li.counter {
	font-size: 15px;
	float: left;
	margin-left: 12px;
}

.pagenav ol li {
	float: right;
	
}

.pagenav ol li a { 
	font-weight: 500;
}

/* trying to fix the main menu mobile three bar stuff */
#main-menu a {
	background-color: #2f3335;
}

@media only screen and (min-width: 801px) and (max-width: 1107px) {
	#gk-topbanner {
		margin: 10px 0 25px 0;
		float: left;
	}
}
	
	
/* eliminate unnecessary comment space */

#respond textarea {
	height: 40px;
}

#respond p.form-allowed-tags {
	display: none;
}

/* get background image styled properly */

body[data-bg="2"] {
	background: url('../images/bg2.png') repeat 0 0;
}

/* widget title font-weight */

.box .box-title {
	font-weight: 500!important;
}

/* smaller h2 text on category pages */

section #gk-mainbody.category-page header h2 {
	font-size: 24px;
	line-height: 30px;
}

/* responsive smaller h2 text on category pages */

@media only screen and (max-width: 1025px) {
	section #gk-mainbody.category-page header h2 {
		font-size: 18px;
		line-height: 22px;
	}
}

/* responsive post-meta data on category pages */

@media only screen and (max-width: 1025px) {	
	.category-page .meta {
		display: none;
		margin-bottom: -20px;
	}
	
	section #gk-mainbody.category-page header {
		margin-top: -20px;
	}
	
}

/* remove uppercase from article page h1 */

#gk-mainbody article > header h1,
#gk-mainbody article > header h2 {
	text-transform: none;
}

/* add diagonal lines to post-meta background */

.meta {
	background: transparent url('../images/header_bg.png') repeat 0 0;
}

/* sidebar min-width */
#gk-sidebar .widget_gk_tabs {
	min-width: 300px!important;
}

/* footer menu uppercase text */
#footer-menu li a {
	text-transform: uppercase;
}

/* styling for user-menu on the top top right */

#user-menu > li > a { 
	background: none; 
}
#user-menu li:hover a { 
	color: white!important;
}
#user-menu li a {
	color: #656565!important;
}

/* limit height of featured image on category pages */
.category-page article figure.featured-image img {
	max-height: 420px;
}

/* fixing main menu background color width */

@media only screen and (min-width: 640px) and (max-width: 1178px) {
	#main-menu {
		height: 92px;
		width: 100%;
	}
}

@media only screen and (min-width: 481px) and (max-width: 639px) {
	#main-menu {
		height: 138px;
		width: 100%;
	}
}

/* fixing drop down menu background color */

#main-menu .sub-menu {
	background: #2f3335;
	text-transform: uppercase!important;
}

/* fixing three bars on mobile */
#main-menu-mobile {
	height: 48px;
}

@media only screen and (min-width: 399px) and (max-width: 459px) {
	#gk-head {
		width: 350px;
	}
}

/* removing post meta data for mobile devices */

@media only screen and (min-width: 300px) and (max-width: 480px) {
	.post .meta {
		display: none;
	}
}