/*
Theme Name: Kemba
Author: CWT Interative
Description: Custom theme for Kemba
Version: 1.0
*/

/* --- UTILITY --- */

.background-img-cover {
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	background-size:         cover;
}

.post-grid-query {
	padding: 40px 0;
	margin: 0 auto;
	max-width: 1500px;	
}
	.post-grid-query .col {
		padding: 10px;
	}
	.post-grid-query header {
		padding-top: 15px;
	}

.grid {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/* GROUPING */

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/* COLUMN */

.column {
	display: block;
	float: left;
}

/* Grid-Style Div Classes */

.col {
	display: block;
	float: left;
}
.col_padding {
	padding: 5px;
}

/* 
Span classes are all out of 12 columns.
i.e .span_6 = length of 6 columns out of 12, or half width. 
*/

.span_12 {
	width: 100%;
}

.span_11 {
	width: 91.66%;
}

.span_10 {
	width: 83.33%;
}

.span_9 {
	width: 75%;
}

.span_8 {
	width: 66.66%;
}

.span_7 {
	width: 58.33%; 
}

.span_6 {
	width: 50%;
}

.span_5 {
	width: 41.66%; 
}

.span_4 {
	width: 33.33%; 
}

.span_3 {
	width: 25%;
}

.span_2 {
	width: 16.66%; 
}

.span_1 {
	width: 8.33%; 
}

.nav-links > li > a {
    padding: 15px 10px 30px 10px!important;
}

/* --- BLOG TEMPLATE --- */	

.main-container {
	margin: 0 auto;
	max-width: 1100px;	
}
.main-content {

}
.blog-header {
	padding-top: 200px;
	height: 489px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	text-shadow: 2px 2px 1px rgba(62,71,76,0.4);
	background-image: url('/wp-content/uploads/2018/08/WebGraphic.jpg');
	background-size: cover;
	background-position: center;
}
.entry-title a:link,
.entry-title a:visited {
	text-decoration: none;
}
.entry-thumbnail {
	display: block;
	width: 30%;
	min-height: 250px;
	background-size: cover;
	background-position: center;
}
.entry-container {
	padding-left: 30px;
	width: 70%;
}


/* --- SINGLE TEMPLATE --- */

.single-container {
	max-width: 1170px;
	padding: 30px 15px;
	margin: 0 auto;
}
.single-content-area {
	width: 70%;
}
.single-sidebar {
	width: 30%;
}
.single-post-navigation {
	padding: 15px 0;
	font-weight: bold;
	text-align: center;
}
	.single-post-navigation H2 {
		display: none;
	}
	.single-post-navigation .nav-links {
		float: none;
	}
	.single-post-navigation .nav-previous,
	.single-post-navigation .nav-next {
		display: inline-block;
		padding: 0 15px;
	}
	
.single-post-thumbnail {
	margin-bottom: 15px;
}
	.single-post-thumbnail img {
		width: 100%;
		height: auto;
	}
	
.single-content-area .entry-content p,
.single-content-area .entry-meta {
	margin-bottom: 20px;
}
.blog-table {
	margin-bottom: 20px;
	width: 100%;
}
	.blog-table td {
		padding: 5px;
		text-align: center;
		border: 1px solid #000;
		vertical-align: middle;
	}
.entry-meta .entry-date,
.entry-meta .updated {
	font-weight: bold;
}

/* --- SIDEBAR/WIDGETS --- */	
.searchform {
	padding: 15px 0;;
	width: 100%;
}
.searchform input {
	float: left;
	margin: 0;
}
.searchform input[type="submit"] {
	padding: 0 15px;
	height: 31px;
	color: #fff;
	background-color: #72aa43;
	border: none;
}
.widget-title {
	font-size: 20px;
	line-height: normal;
}
.widget ul > li {
	padding: 5px 0;
}

/* --- RESOURCE CENTER --- */
.learning-station-nav {
	display: none;
}
.resource-center-header {
	padding: 200px 0;
	font-size: 45px;
	line-height: normal;
	text-align: center;
	color: #fff;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, .6);
}
	.resource-center-header span {
		font-family: Kalam;
		font-size: 1.2em;
		font-weight: 600;
		line-height: 1.2;
	}
.resource-main-content {
	padding: 40px 0;
	margin: 0 auto;
	max-width: 1100px;
}
.post-grid-query .entry-content {
	height: 200px;
}
.resource-pagination {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
	text-align: center;
}
.resource-pagination H2 {
	display: none;
}
.resource-pagination .nav-links {
	float: none;
}
.resource-cta-banner {
	background-image: url('/wp-content/uploads/2019/03/bg-resource-cta-banner-updated.jpg');
}
.resource-bottom-content {
	color: #fff;
	background-image: url('/wp-content/uploads/2019/03/bg-resource-access-anywhere.jpg');
}
	.resource-bottom-content H3 {
		font-style: italic;
	}
	.resource-bottom-content .span_6 {
		padding: 80px 50px;
	}
	.resource-bottom-content a:link,
	.resource-bottom-content a:visited {
		color: #fff;
	}
.resource-section-title {
	padding: 40px 20px;
	color: #fff;
	text-align: center;
}
.resource-section-title H2 {
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
}
.resource-category-button {
	padding: 5px 0;
	text-align: center;
}
	.resource-category-button img {
		padding-bottom: 10px;
		width: 120px;
	}
/* Financial Literature */
.box-financial-lit,
.box-financial-lit a:link,
.box-financial-lit a:visited {
	color: #6ea0a7;
	text-decoration: none;
}
	.box-financial-lit a:hover {
		text-decoration: underline;
	}
.bg-financial-lit-title {
	background-image: url('/wp-content/uploads/2019/03/HEADER_Financial-Literacy.png');
}

/* Cyber Security */
.box-cyber-security,
.box-cyber-security a:link,
.box-cyber-security a:visited {
	color: #c4811b;
	text-decoration: none;
}
	.box-cyber-security a:hover {
		text-decoration: underline;
	}
.bg-cyber-security-title {
	background-image: url('/wp-content/uploads/2019/03/HEADER_Cyber-Security.png');
}

/* Product Knowledge */
.box-product-knowledge,
.box-product-knowledge a:link,
.box-product-knowledge a:visited {
	color: #6d508b;
	text-decoration: none;
}
	.box-product-knowledge a:hover {
		text-decoration: underline;
	}
.bg-product-knowledge-title {
	background-image: url('/wp-content/uploads/2019/03/HEADER_Product-Knowledge.png');
}

/* CTA FORM */
.resource-cta-form {
	padding: 30px;
	max-width: 600px;
}
.resource-cta-form H2 {
	font-weight: bold;
	color: #72aa43;
}
.resource-cta-form .gform_wrapper .gform_body .gform_fields .gfield input[type="text"],
.resource-cta-form .gform_wrapper .gform_body .gform_fields .gfield select,
.resource-cta-form .gform_wrapper .gform_body .gform_fields .gfield textarea {
	padding: 10px!important;
	margin: 0;
	background-color: #eee;
	border: 1px solid #ccc;
	-webkit-border-radius: 0;
	-moz-border-radius:    0;
	border-radius:         0;
}
.resource-cta-form .gform_wrapper .gform_body .gform_fields .gfield input[type="text"],
.resource-cta-form .gform_wrapper .gform_body .gform_fields .gfield select {
	height: 38px;
}
.resource-cta-form .gform_wrapper .gform_body .gform_fields .gfield textarea {
	height: 200px;
}
.resource-cta-form .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer .gfield input[type="submit"] {
	width: 150px;
	font-weight: bold;
	color: #fff;
	background-color: #72aa43;
	border: none;
	-webkit-border-radius: 10px;
	-moz-border-radius:    10px;
	border-radius:         10px;
}

/* --- RESPONSIVE --- */
@media (max-width:1080px) {
	.post-grid-query .entry-content {
		height: 300px;
	}	
}
@media (max-width:800px) {
	.main-container {
		padding: 0 10px;
	}
	.entry-thumbnail,
	.entry-container {
		width: 100%;
	}
	.entry-container {
		padding-top: 15px;
	}
	.span_12,
	.span_11,
	.span_10,
	.span_9,
	.span_8,
	.span_7,
	.span_6,
	.span_5,
	.span_4,
	.span_3,
	.span_2,
	.span_1 {
		width: 100%;
	}
	.post-grid-query .entry-content {
		height: auto;
	}	
}

/* --- Test Dash Area --- */