/*
Theme Name: kdw-framework4
Theme URI: http://keydesigndevelopment.com
Author: Thomas Craig, Jessica Rogers, & Jennie DeBusk
Author URI: http://keydesignwebsites.com/
Description: Key Design Websites Framework 4x is an in-house starter theme. This theme is a mobile friendly theme/framework that uses html5 and css3 concepts. The core is _s from Automatic and Foundation (6) from Zurb with updated ACF Website options and content. Supports Zurb Foundation row and grid or flexgrid full width view-able area and global or page specific sidebars. Simple Zurb Foundation classes can easily be added to simplify and enhance the site experience and functionality. Lots of shortcodes to make this theme even more flexible. Included icons are http://fontawesome.io/ Icons as well as the default Foundation icons. Also integrated is AOS (Animate on Scroll). Tons of Flexablility without being overly bloated. Have Fun! Build a Great Site! This theme and content are mostly ACF and diaplayed using template files. If you move this site the content may not display unless using this theme. (Thanks from the Key Design Websites Team!)
Version: 1.1.0004
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kdw-framework4
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

kdw-framework4 is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*
*******************************************************************************************************************
*******************************************************************************************************************
*/
/*
This theme is built for Key Design Websites and implements _s from Automatic and the Zurb foundation css framework. 
For this theme I have separated out the css sheets to make it easier to migrate from 3.x to 4.x

Please do not modify the normalize.css or the underscores.css sheets. The underscores.css by my default commented out.
The framwork3.x sheet is also commented out and is from well our 3.x theme and is for testing and comparison.

Try to use the .classes as described in the docs http://foundation.zurb.com/docs/

Minimal css has been used in the set-up of this theme/framework in an effort to reduce build time. 

Make modifications in .the responsive.css for anything responsive that can not be handled by the foundation css framework.
*/
/*
*******************************************************************************************************************
** STYLES
*
* 1px = 0.0625rem
2px = 0.125rem
3px = 0.1875rem
4px = 0.25rem
5px = 0.3125rem
6px = 0.375rem
7px = 0.4375rem
8px = 0.5rem
9px = 0.5625rem
10px = 0.625rem
11px = 0.6875rem
12px = 0.75rem
13px = 0.8125rem
14px = 0.875rem
15px = 0.9375rem
16px = 1rem (base)
18px = 1.125rem
20px = 1.25rem
22px = 1.375rem
24px = 1.5rem
26px = 1.625rem
28px = 1.75rem
30px = 1.875rem
32px = 2rem
34px = 2.125rem
36px = 2.25rem
38px = 2.375rem
40px = 2.5rem
50px = 3.125rem
60px = 3.75rem
70px = 4.375rem
80px = 5rem
90px = 5.625rem
100px = 6.25rem
1600px = 100rem
*
* font-family: 'Quicksand', sans-serif;
* font-family: 'Life Savers', cursive;
*******************************************************************************************************************
*/

header{
	background:  url('images/pattern.jpg') repeat;
}

.slider-header{
	position:  relative;
	height:  auto;
}

.top-header{background:#8E7254; padding-left:1.25rem; padding-right: 1.25rem;}
.top-header h4{
	font-family: 'Quicksand', sans-serif;
	font-size:  0.875rem;
	text-transform: uppercase;
	margin: 0;
	color: #fff;
	font-weight: 500;
}
.header-slideshow-image{
	width:  100%;
}

.nav-header{
	margin-bottom:  1.625rem;
}

.nav-header .columns,
.logo-column.columns,
.outer-inner.columns{
	padding:  0;
}

.tagline{
	background: rgba(255, 255, 255, 0.75);
	padding: 20px;
}

.tagline h1{
	font-size: 50px;
	margin: 0;
	line-height: 1;
}

.tagline h2{
	color: #555555;
	font-size:  24px;
	margin: 0.9375rem;
	line-height: 1;
	font-family: 'Quicksand', sans-serif;
	font-weight:  500;
}


.top-header .columns {
    padding-top: 0.275rem;
    padding-bottom: 0.275rem;
}
.middle-inner.columns{
	padding-top: 0;
}

.logo img{
	display:  block;
	margin:  0 auto;
}

.phoneNumber{
	text-align:  center;
}

.phoneNumber h4{
	font-family: 'Quicksand', sans-serif;
	color: #000;
	font-weight:  500;
}

.address{
	font-family: 'Quicksand', sans-serif;
	color: #000;
}

.address span{
	color:#8E7254;
	font-weight:  500;
}

.button.chalk {
	margin-left: 20px;
}
/*********************  CONTENT   *******************************/

#content{
	background: url('images/pattern-content.jpg') repeat;
}

.living-room-cards .card-divider{
	display: none;
}

.living-room-cards .card{
	-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.52);
-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.52);
box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.52);
border:  none;
}

/***************** CTA   ******************/

.cta-single-inner{
	position:  relative;
	height: auto;
}
.cta-single-inner a{
	display: block;
}

.cta-text-header{
	position: absolute;
	z-index: 30;
	left:  0;
	right:  0;
	bottom:  40px;
	background: #fff;
	padding: 10px;
}


.cta-heading h2{
	color: #555;
	margin:  0;
	text-transform: uppercase;
}

.cta-text p{
	margin:  0;
	font-size: 1rem;
	color: #8E7254;
	text-transform: uppercase;
}

.cta-image img  {
	width: 100%;
}

/*********** GLOBAL STYLES  ************************************/
html {font-family: 'Quicksand', sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body {margin: 0; font-family: 'Quicksand', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Life Savers', cursive; color:#8E7254; font-weight: bold;}
h1.sub-title, h2.sub-title, h3.sub-title, h4.sub-title{font-family: 'Quicksand', sans-serif; color:#555555; font-weight:bold;}
body {background-color: #fff;}

h1{font-size: 2.25rem;}
h2{font-size: 1.5rem;}
h3{font-size: 1.25rem;}
h4{font-size: 1rem;}
h5{font-size: 0.8125rem;}
h6{font-size: 0.75rem;}

.border-bottom{
	border-bottom:  1px solid #bb9c81;
}


p, ul , ol{
	color: #555555;
	font-size:  18px;
}

ul{
	list-style-position: inside;
	margin-left: 40px;
}

.home #row-title {
	display: none;
}

.home .orbit-caption {
	display: none;
}
/********** FOOTER  ***************/

#global-footer-area ul{
	list-style:  none;
	margin:  0;
}

#global-footer-area h1{
	color: #fff;
	margin: 0;
	padding: 15px 0;
}

#global-footer-area{
	background: #000;
}
#footer-widget-area .child{width:100%;}
#footer-widget-area, .site-footer{
	background: #8E7254;
	padding-top: 20px;
}

.widget-title{
	font-size:  24px;
	/*color: #fff;*/
}
.widget-container table{width: 100%;}
.widget-container table,.widget-container tbody, .widget-container tr, .widget-container table tr td, .widget-container table tr.even, .widget-container table tr.alt, .widget-container table tr:nth-of-type(even){
	background-color: transparent;
	border: none;
	color: #fff;
	font-size: 16px;
	padding-bottom: 6px;
}
#footer-address-area{
	display: none;
}

.site-footer{
	padding-top: 0;
}

.site-footer a{
	color: #fff;
	font-size:  12px;
}

#text-2 .button{
	background:  #555;
}

#text-2 .button:hover, #text .button:focus{
	background: #333;
}

.widget-title{
	text-align: center;
}

.widget-container p{color:#fff;}

/************************************************************************/
/* SET ROW MAX-WIDTH FOR SITES WHERE ROW IS DIFFRENT THAN 1200PX */
.row {max-width: 100rem;} 
.column, .columns {padding-top: 0.9375rem;padding-bottom: 0.9375rem;}
.row-inner {margin-left: auto!important; margin-right: auto!important;}
.wrapper {padding: 0.77em 0;}
.row-title-inner .columns{padding: 0;}
/************************************************************************/
.page-id-2 .entry-title {display: hidden; display: none; }
.entry-title {color: #000; margin-bottom: 0;}
.empty-h-tag {display: hidden; display: none; }
h2.headerphone.subheader a {color: unset;}
header {position: relative;}
.template-fullwidth .aside {display: none;}
/************* PHONE *************/
ul.phone_numbers {margin-left: initial;}
.phone_numbers li {list-style: none;}
.phone_number a, .phone_numbers a {padding: 0 5px 0 5px; color:#fff;}
.phone_number .button, .phone_numbers .button{color: #fff; font-size: 1rem; font-weight: bold; background:#8E7254;}
.phone_number .button:hover,.phone_number .button:focus,.phone_numbers .button:hover,.phone_numbers .button:focus{background:#99836c;}
.phone_number i, .phone_numbers i {padding-right: 5px;}
.the_phone_number {padding-left: 5px; }
.header-logo-phone .the-number-side{margin: 1.250em 1.250em 0 0;}
/************* BUTTON/LABEL *************/
button.radius, .button.radius {border-radius: 8px;}
button.round, .button.round {border-radius: 1000px;}
label.radius, .label.radius {border-radius: 3px;}
label.round, .label.round {border-radius: 1000px;}
.button{
	background: #363636;
	font-family: 'Quicksand', sans-serif;
	color: #fff;
	font-size: 1rem;
	text-transform: uppercase;
	font-weight:  500;
	border-radius: 10px;
}
.button:hover, .button:focus{background:#555;}
/************* Misc *************/
.no-js .header-navigation {display: none;}
.no-js .menu {display: none;}
.is-lower  {position: absolute!important; z-index: 99995!important; top: initial!important;}
/************* NAVIGATION *************/
.main-navigation {width: 100%;height: auto;clear: both; background: #000 none repeat scroll 0% 0% !important;}
.main-navigation-absolute {position: absolute; z-index: 100;}
.header-navigation {width: 100%;height: auto;clear: both;}
.header-navigation {position: absolute; z-index: 100;}	
/************* DRILL DOWN NAVIGATION *************/
.drill-down-menu ul {background-color: #000;}
.drill-down-menu .is-drilldown-submenu {background: #000;}
/************* TOP BAR NAV *************/
.title-bar-right .top-bar, .top-bar ul, .top-bar {background-color: transparent;}
#site-navigation .top-bar, .top-bar ul ul {background:  url('images/pattern.jpg') repeat;}

.nav-header .row-inner{
	border-top:  1px solid #707070;
	border-bottom:  1px solid #707070;
}

.top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a {padding-right: 0; padding-right:1rem; color:#000;}
.top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after{display: none;}
#header-menu.menu .submenu a,
#header-menu.menu > li > a{
	font-size: 1rem;
	color: #000;
	font-weight: 500;
	text-transform: uppercase;
}
#header-menu.menu .submenu a:hover,
#header-menu.menu > li > a:hover{color: #bb9c81;}


#header-menu.menu > li{
	border-right: 1px solid #8E7254;
}
#header-menu.menu > li:last-child{
	border-right:  none;
}

#site-navigation .top-bar .is-dropdown-submenu {border: 1px solid #cacaca; background: #000;}
/************* TOP-BAR SHRINK *************/ /* 1.546em */
.top-container.shrink {height:65px!important;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.6);opacity:0.6;transition: all .5s ease;}
.top-container.shrink {line-height: 65px;transition: all .5s ease;}
.top-container .title-bar.shrink {height: 65px!important;line-height: 65px;transition: all .5s ease;}
.sticky-container .header-navigation {z-index: 99995!important;}
/*************  MAIN NAVIGATION SHRINK *************/
.main-navigation.shrink {height:55px!important;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.6);opacity:0.6;transition: all .5s ease;}
.main-navigation.shrink {line-height: 25px;transition: all .5s ease;}
.main-navigation.shrink {height: 55px!important;line-height: 55px;transition: all .5s ease;}
.main-navigation.shrink .columns {height: 55px!important;line-height: 55px;transition: all .5s ease;}
/*** HAMBURGER ICON COLOR ***/
.tab-bar {padding: 5px;}
.tab-bar .menu-icon { color: #000;}
.tab-bar .menu-icon span a::after {box-shadow: 0 0 0 0.077em #fff, 0 0.538em 0 0.077em #fff, 0 1.077em 0 0.077em #fff; width: 1rem; }
.tab-bar .menu-icon span a:hover::after { box-shadow: 0 0 0 0.077em #b3b3b3, 0 0.538em 0 0.077em #b3b3b3, 0 1.077em 0 0.077em #b3b3b3; }
.menu-icon span {color: #fff; margin-left: 30px;}
.menu-icon {height: 25px; cursor: pointer;}
.menu-icon span {font-size: 1.250em;}
.menu-icon::after {top: 5px;}
/************ BLOG NAV *************/
.navigation {padding: 20px;}
/************ OFF-CANVAS MOBILE NAV *************/
.off-canvas {background: #000;}
.menu.vertical > li > a{
	color: #fff;
	font-weight:  bold;
}
.off-canvas-extra-content-bottom{
	display:  block;
	padding: 20px;
}

.js-drilldown-back > a::before{border-color: transparent #fff transparent transparent;}
.is-drilldown-submenu-parent > a::after{border-color: transparent transparent transparent #fff;}
/************* SOCIAL *************/
ul.header-social {list-style: none;}
.header-social {list-style-type: none;float: right;margin: 0;padding: 0;}
.header-social li {float: left;	margin: 0 0.231em;padding: 0.077em;}
.header-social li a {opacity: 0.8; color:#fff;}
.header-social li a:hover {opacity: 1.0;}
.header-social li a img {height: 1.846em !important;width: auto;}
.social-media {display: block;margin: 0; float:right;}
.social-media li {list-style: none; display: block; float: left; margin-left: 10px;}
.social-media a{color: #fff; font-size: 24px;}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(0.077em, 0.077em, 0.077em, 0.077em); position: absolute !important; height: 0.077em;width: 0.077em; overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 0.231em; box-shadow: 0 0 0.154em 0.154em rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b;display: block; font-size: 1.077em; font-size: 0.875rem; font-weight: bold; height: auto; left: 0.385em; line-height: normal; padding: 1.154em 1.769em 1.077em; text-decoration: none; top: 0.385em; width: auto; z-index: 100000; /* Above WP toolbar. */}
/*************SLIDESHOW *************/
.slideshow {width: 100%; margin: 0 auto; clear: both;}
.slideshow-featuredcontent .caption, .slideshow-nodescription .caption { visibility: hidden !important; }
#slideshow, #slideshow-gallery, .slideshow-gallery {display:none;}
.slideshow { visibility: hidden; } /* Turn images off until loaded */
.header-slideshow-image img {width: 100%;}
/* BXslider We do not want any borders or background color */
.bx-wrapper .bx-viewport {-moz-box-shadow: unset;-webkit-box-shadow: unset; transform: unset;  box-shadow: unset;  border: unset;  background: unset; }
.bx-wrapper img {width: 100%;}
.bx-wrapper .bx-viewport {left: -0.000em;}
.bx-viewport .slide-caption {
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    bottom: 10%;
    text-align: center;
    margin: 0 auto;
    display: block;    
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}
ul.slideshowheader  {margin-left: 0em;}
/************* GALLERY  *************/

.gallery-grid p{
	text-align:  center;
	font-weight: 500;
}

.gallery-row { padding-bottom: 1.538em; }
.gallery { list-style-type: none; float: left; margin: 0 !important; padding: 0; width: 100%; }
.gallery li, .gallery-grid img {
	padding: 10px;
	background: url('images/pattern.jpg') repeat;
	
	-moz-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}
.gallery li:hover ,.gallery-grid img:hover{

	-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}


.thumbnail {
    display: block;
    max-width: 100%;
    margin: 0 auto 1rem;
    border:  none;
    border-radius: 3px;
    box-shadow: 2px 2px 5px 0 rgba(10, 10, 10, 0.52);
    line-height: 0;
}

.contact-block .phone_number a{
	color: #555;
}

/*************COPYRIGHT/LEGAL MENU*************/
#copyright {padding-top: 1.538em;line-height: 1.923em;text-align: center;text-transform: uppercase;font-size: 0.769em;letter-spacing: 0.231em;}
#copyright, #copyright a, #copyright a:hover {text-decoration: none;color: #000;}
#developer { display: block; opacity: 0.6; -webkit-transition: all 450ms ease;-moz-transition: all 450ms ease;-ms-transition: all 450ms ease;-o-transition: all 450ms ease;transition: all 450ms ease; }
#developer:hover { opacity: 1.0; -webkit-transition: all 450ms ease;-moz-transition: all 450ms ease;-ms-transition: all 450ms ease;-o-transition: all 450ms ease;transition: all 450ms ease; }
.copyrightkey {	background: url('images/kdw-footer.png') left center no-repeat;	width: auto; height: 1.923em; display: inline-block; border: 0; padding-left: 1.923em;}
#menu-legal-menu.menu a:hover, #menu-legal-menu.menu li.menu-hover > a { font-size: 13px;}
/*
#menu-legal-menu.menu {text-transform: none; font-family: inherit; font-size: 0.714em; letter-spacing: 0; float: none; background: transparent; padding-bottom: 1.429em; opacity: 0.6;}
#menu-legal-menu.menu {margin: 0 35px 0 35px;}
#menu-legal-menu.menu a, #menu-legal-menu.menu a:link, #menu-legal-menu.menu a:visited { text-decoration: none; color: #000; padding: 0.000em 0.714em; }
#menu-legal-menu.menu .current-menu-item a { text-decoration: none; color: #000; background-color: inherit; }
#menu-legal-menu.menu li a { border-right: none; }
#menu-legal-menu.menu a:hover, #menu-legal-menu.menu li.menu-hover > a { color: #000; }
#menu-legal-menu.menu li:hover, #menu-legal-menu.menu li.menu-hover { background: inherit; }
.menu-legal-menu-container { width: 100%; overflow: hidden; }
#menu-legal-menu { list-style: none; position: relative !important; float: left !important; display: block !important;  }
#menu-legal-menu li { position: relative !important; float: left !important; display: block !important; }
*/

/*************FOOTER ADDRESS*************/
ul.footer-addresses-location{list-style-type: none; text-align: center; text-transform: uppercase; font-size: 0.769em; letter-spacing: 0.231em;  padding: 0; margin: 0;}
.address-alink {color: #000;}
.address-alink:hover {text-decoration: none;}
.address-0, .address-1, .address-2 { border-right: 0.077em dotted #333; margin-right: 0.385em; }
address li {list-style: none; padding-right: 5px; display: inline-block;}
/*************CONTACT PAGE*************/
.contact-column {margin: 0 2%;}
.contact-column-full {width: 100%; margin: 0;}
.contact-form {background-color: transparent; padding: 0.769em;}
form .contact-website { position: absolute; left: -769230.692em; } /* 9999999px 769230.692em */
.directions-link {font-size: 0.8em; }
.gm-style img {max-width: 769230.692em !important;} /* 9999999px 769230.692em */
.acf-map {width: 100%; height: 23.077em; margin-top: 1.923em;}