/*
Theme Name: KSC
Theme URI: https://generatepress.com
Author: Tom Usborne
Author URI: https://tomusborne.com
Description: GeneratePress is a fast, lightweight (less than 1MB zipped), mobile responsive WordPress theme built with speed, SEO and usability in mind. GP can serve as a solid base for any website, and works great with any of your favorite page builders. With an emphasis on WordPress coding standards, we ensure GeneratePress is compatible with all well-coded plugins, including major ones like WooCommerce, WPML, BuddyPress and bbPress. GeneratePress is device friendly (mobile and tablet), uses 100% valid HTML, is fully schema microdata integrated, is translated into over 20 languages by our amazing community and is cross browser compatible (including IE8). Some of our features include 9 widget areas, 5 navigation positions, 5 sidebar layouts, dropdown menus (click or hover) and a back to top button. All our options use the native WordPress Customizer, meaning you can see every change you make instantly before pressing the publish button. Learn more and check out our powerful premium version at https://generatepress.com 
Version: 1.3.48
Template: generatepress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: generatepress
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options
*/
/******************************************************************
GENERAL STYLES
******************************************************************/
h1 {
	font-size: 62px;
	letter-spacing: -.02em;
	color: #000000;
}
.entry-title, .page-title {
	font-size: 44px;
}
.shadow {
	text-shadow: 2px 2px #000000;
}
h2{
	font-size: 28px;
	color: #a62a24;
}
h2.entry-title {
	font-size: 28px;
}
.widget-title {
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: 600;
	border-bottom: 1px solid #000000;
}
h3 {
	font-size: 42px;
	line-height: 46px;
	letter-spacing: -.02em;
	color: #a62a24;
}
h4 {
	font-size: 24;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: 600;
}
ul, li {
	margin-left: 10px;
}
.wpcf7-text {
	background-color: #e1e1e1 !important;
	color: #a62a24 !important;
	padding: 5px 10px 5px 10px !important;
}
.wpcf7-textarea {
	background-color: #e1e1e1 !important;
	color: #a62a24 !important;
	padding: 5px 10px 5px 10px !important;
	height: 88px !important;
}
.wpcf7-submit {
	color: #ffffff !important;
	background-color: transparent !important;
  	font-size: 18px;
	letter-spacing: .05em;
	text-transform: uppercase;
  	padding: 15px 25px 15px 25px;
  	border: solid #ffffff 1px !important;
  	text-decoration: none;
}
.wpcf7-submit:hover {
  	background: #ffffff !important;
	color: #a62a24 !important;
  	text-decoration: none;
}
.btn, .btn-dk {
  	color: #35b175;
  	font-size: 20px;
	letter-spacing: .05em;
	text-transform: uppercase;
  	padding: 15px 25px 15px 25px;
  	border: solid #29a8cf 1px;
  	text-decoration: none;
}
.btn-dk {
  	color: #ffffff !important;
	background-color: #a62a24;
	border: solid #a62a24 1px;
  	text-decoration: none;
}
.btn:hover, .btn-dk:hover {
  	background: #29a7cf;
	color: #ffffff;
  	text-decoration: none;
}
.btn-dk:hover {
  	background: #ffffff;
	color: #a62a24 !important;
	border: solid #a62a24 1px;
  	text-decoration: none;
}
@media only screen and (max-width: 1000px) {
	h3 {
		font-size: 28px;
	}
}
@media only screen and (max-width: 780px) {
	h1 {
		font-size: 36px;
		line-height: 36px;
	}	
	h3 {
		font-size: 24px;
	}
	.btn-dk {
  		font-size: 16px;
	}
}
/******************************************************************
HEADER STYLES
******************************************************************/
#masthead {
	border-bottom: 2px solid #a62923;
}
.inside-header {
	padding: 10px 0 2px 10px;
}
@media only screen and (max-width: 780px) {
	.inside-header {
		text-align: left !important;
	}
	.inside-header > :not(:last-child) {
    	margin-bottom: 0px;
	}
}
/******************************************************************
NAVIGATION STYLES
******************************************************************/
li#menu-item-1513 a {
	color: #a62923;
}
li#menu-item-1513 a:hover {
	color: #000000;
}
.inside-navigation {
	padding-top: 30px;
}
.dropdown-menu-toggle {
	display: none !important;
}
.main-navigation .main-nav ul li.menu-item-has-children > a, .secondary-navigation .main-nav ul li.menu-item-has-children > a {
    padding-right: 20px;
    position: relative;
}


/* MENU ITEMS */
.main-navigation {
	background-color: #ffffff;
}

.main-navigation .main-nav ul li a, .menu-toggle {
	color: #000000;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
}
.main-navigation .main-nav ul li a, 
.main-navigation .menu-toggle {
	color: #000000;
}

/* SUB-NAVIGATION */

.main-navigation .main-nav ul ul li a {
	background: #ebebeb;
	color: #000000;
}

/* MENU ITEM HOVER */

.main-navigation .main-nav ul li > a:hover, 
.main-navigation .main-nav ul li > a:focus,
.main-navigation .main-nav ul li.sfHover > a {
	color: #a62a24;
	background-color: #ffffff;
}
/* This styles the parent nav item when hovering over submenu */
.main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a {
    color: #a62a24;
    background-color: #ffffff;
}

/* SUB-NAVIGATION HOVER */

.main-navigation .main-nav ul ul li > a:hover, 
.main-navigation .main-nav ul ul li > a:focus,
.main-navigation .main-nav ul ul li.sfHover > a {
	color: #000000;
	background-color: #cdcdcd;
}

/* CURRENT ITEMS */
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	color: #000000 !important;
	background-color: #ffffff !important;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover, 
.main-navigation .main-nav ul li[class*="current-menu-"] > a:focus, 
.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
	color: #000000 !important;
	background-color: #ffffff !important;
}

/* SUB-NAVIGATION CURRENT ITEMS */
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	color: #000000 !important;
	background-color: #ffffff !important;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover, 
.main-navigation .main-nav ul li[class*="current-menu-"] > a:focus, 
.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
	color: #000000 !important;
	background-color: #ffffff !important;
}

/******************************************************************
HOMEPAGE STYLES
******************************************************************/
.metaslider .flexslider {
    overflow: hidden;
}
.flexslider {
	margin: 0px !important;
	padding: 0px !important;
}
.contact-bckgrnd {
	background-color: #a62a24;
	padding: 30px 0 0px 0;
}
.service-bx {
	position: relative;
	padding-left: 30px;
	height: 250px;
}
.btn-bx {
	position: absolute;
	bottom: 0;
}
.cta-bckgrnd {
	background: url('http://www.kahnsmith.com/kahnsmith-com/dev/wp-content/uploads/2018/02/cta-background3.jpg') no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	margin: 90px 0 0 0;
	color: #ffffff;
	font-size: 40px;
	line-height: 46px;
	text-align: center;
}
.inside-cta {
		padding: 150px 100px 150px 100px;
}
@media only screen and (max-width: 1115px) {
	.service-bx {
		height: 290px;
	}
}
@media only screen and (max-width: 948px) {
	.service-bx {
		height: 350px;
	}
}
@media only screen and (max-width: 780px) {
	.hp-top {
		padding: 55% 0 5% 0;
	}
	.contact-bckgrnd {
		background-color: #a62a24;
		padding: 30px 0 30px 0;
	}
	.service-bx {
		height: auto;
		margin-bottom: 50px;
	}
	.btn-bx {
		position: relative;
		margin: 40px 0 30px 0;
	}
	.cta-bckgrnd {
		font-size: 20px;
		line-height: 26px;
	}
	.inside-cta {
		padding: 50px 30px 50px 30px;
	}
}
/******************************************************************
COLUMN STYLES
******************************************************************/
/*  SECTIONS  ============================================================================= */

.section {
	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) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col-sm {
	display: block;
	float:left;
	margin: 1% 0 1% 4.6%;
}
.col-multi {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.col-sm:first-child { margin-left: 0; } /* all browsers except IE6 and lower */



/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 780 PIXELS */

@media only screen and (max-width: 780px) {
	.col, .col-sm, .col-multi { 
		margin: 1% 0 1% 0%;
	}
}

/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}

.span_1_of_2-sm {
	width: 44.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 780px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2, .span_1_of_2-sm {
		width: 100%; 
	}
}
/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_2_of_3-sm {
	width: 65.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}

.span_1_of_3-sm {
	width: 30.26%; 
}


/*  GO FULL WIDTH AT LESS THAN 780 PIXELS */

@media only screen and (max-width: 780px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3, span_2_of_3-sm {
		width: 100%; 
	}
	.span_1_of_3, .span_1_of_3-sm {
		width: 100%;
	}
}


/*  GRID OF FOUR   ============================================================================= */

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}

.span_1_of_4-sm {
	width: 22.8%; 
}


/*  GO FULL WIDTH AT LESS THAN 780 PIXELS */

@media only screen and (max-width: 780px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4, .span_1_of_4-sm {
		width: 100%; 
	}
}
/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%; 
}

.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}


/*  GO FULL WIDTH AT LESS THAN 780 PIXELS */

@media only screen and (max-width: 780px) {
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%; 
	}
}
/******************************************************************
PAGE STYLES
******************************************************************/
.inside-article {
	padding-top: 10px !important;
}
.entry-meta {
	display: none;
}
.read-more {
	font-weight: 600;
	text-transform: uppercase;
}
.call-out {
	font-size: 22px;
	background-color: #438293;
	padding: 5%;
	margin-bottom: 2%;
	color: #ffffff;
}
/******************************************************************
SIDEBAR STYLES
******************************************************************/
.cat-post-item a {
	color: #000000;
}
.cat-post-item a:hover {
	color: #a62a24;
}
.cat-post-widget {
	padding-bottom: 0px !important;
}
/******************************************************************
FOOTER STYLES
******************************************************************/


.site-info {
	background-color: #ffffff !important;
	font-size: 12px;
	color: #7e7e7e;
	padding: 25px 0;
	text-align: center;
}