/*
Theme Name: kdw-framework4
Theme URI: http://keydesigndevelopment.com
Author: Thomas W Craig III & Jessica Rodgers
Author URI: http://keydesignwebsites.com/
Description: Key Design Websites Framework 4 is an in-house starter theme. The kdw-framework4 is a mobile friendly theme/framework that uses html5 and css3 concepts. The core is _s from Automatic and Foundation from Zurb with ported kdw-framework3 ACF Website Options, including Custom Branding Integration. Supports Header 100% and Content that is 100% or 60%/40% 3.x translated to (8/4) Zurb Foundation Grid of the viewable area and global or page specific sidebars. Simple Zurb Foundation classes can easily be added to simplify and enhance the site experience and functionality.
Version: 1.0.0002
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/

The header and footer are set to be 100% width. 

The page content .row is either medium-12 large-12 columns in full-width or medium-8 large-8 columns + medium-4 large-4 columns with sidebars.

The contact .row is either medium-6 large-6 columns in full-width or medium-4 large-4, medium-4 large-6, medium-4 large-2 with sidebars.

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.
*/
/*
*******************************************************************************************************************
** STYLE SHEET INCLUDES
*******************************************************************************************************************
*/
@import url( 'normalize.css' );
/*@import url( 'underscores.css' );*/
/* @import url( 'framework3x.css' ); */
/*
*******************************************************************************************************************
** STYLES
*******************************************************************************************************************
*/
body {background-color: #fff;}
.entry-title {display: block; }
.empty-h-tag {display: hidden; display: none; }
#content {width: 100%;}
#content.site-content.row {max-width: 100%; width:100%;}
.contentinner,.headerinner{margin: 0 auto;}
.template-fullwidth .aside {display: none;}
h2.headerphone.subheader a {color: unset;}

#content a.cboxElement img-z {border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 3px solid #025fd6;}
.comments-link{display: none;}
#tertiary{padding-top:  40px; padding-bottom: 40px;}
#tertiary ul{margin-left: 0;}
.blogtitle{margin-bottom:  30px;}
.blogtitle .entry-title{border-bottom:  2px solid #ccc;}

/************* HEADER *************/

.header-logo-phone {
  	width: 100%;
  	height: auto;
	padding: 10px 0 0;
	position: relative;
	z-index: 80;
	background-size: 100% 100%;
	background: url(images/headerbg.jpg) ;
}



.license{
	font-size: 14px;
	color: #fff;
}

.headercontact {
  	margin: 0;
  	text-align: center;
}

.headercontact span {
  	text-transform: uppercase;
  	color: #000;
  	font-size: 21px;
	text-transform: capitalize;
}
.headercontact h4{
	color: #fff;
}

h2.headerphone.subheader{
	padding: 0;
	margin: 0;
	line-height: 16px;
}
h2.headerphone.subheader span{margin-right: 30px; padding-top: 30px; color: #fff; }



h2.headerphone.subheader a {
  	color: #fff;
	font-size: 32px;
	font-weight: bold;
	line-height: 36px;
  	text-decoration: none;

}


.phone-inner{	
	background: #000;
	padding: 8px 10px;
	}

.phone-inner a:before {
    	content: "";
    	display: block;
    	background: url(images/phone-icon.png) no-repeat;
    	float: left;
    	width: 33px;
    	height: 33px;
   	 margin-right: 10px;
	margin-top: 0px;
}

.widget-container .headerphone a:before {
    	content: "";
    	display: block;
    	background: url(images/phone-icon.png) no-repeat;
    	float: left;
    	width: 33px;
    	height: 33px;
   	 margin-right: 10px;
	margin-top: 0px;
}

.header-slideshow-image{
	position: relative;
	height: auto;
}

.header-image{width: 100%;}

.top-header{
	background: #025fd6;
	padding: 4px;
}

.top-header h4{
	color: #fff;
	font-size: 13px;
	margin: 0; 
	padding: 0;
	line-height: 30px;
	letter-spacing: normal;
}



.tagline h1{
	font-size: 60px;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	margin: 0;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
	line-height: 1.1;
	text-align: center;
}



.tagline .button{
	margin-bottom: 0; 
	margin-top: 15px;
	font-size: 32px;
}



.tagline-two h1{
	font-weight: 200;
	color:#000;

}




/************* SIDEBAR *************/



.widget {
  margin: 0 auto;
}

.sidebar-header {
  padding: 10px 0;
  background-color: #ccc;
}

.sidebar-image {
  display: block;
  margin: 0 auto;
}

.widget-border {
  display: block;
  width: 100%;
  clear: both;
  margin: 0 auto;
}

.widget-location .acf-map {
  height: 400px;
}

.contact-form h2{
	font-size: 22px;
	letter-spacing: 1px;
}


#secondary{
	background: #ebebeb;
}


/************* CALL TO ACTION *************/

.call-to-action ul{
	margin: 0;
	list-style: none;
}

.call-to-action li{
	width: 23%;
	float: left;
	margin: 1%;
}

.call-to-action h1{color: #025fd6; font-size: 18px; margin: 0;}

.call-to-action img{display: block; margin: 0 auto; padding: 0;}


.hi-icon {
	display: block;
	font-size: 0px;
	cursor: pointer;
	margin: 0 auto;
	width: 137px;
	height: 100%;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {

	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

.hi-icon-mobile:before {
	content: "\e009";
}

.hi-icon-screen:before {
	content: "\e00a";
}

.hi-icon-earth:before {
	content: "\e002";
}

.hi-icon-support:before {
	content: "\e000";
}

.hi-icon-locked:before {
	content: "\e001";
}

.hi-icon-cog:before {
	content: "\e003";
}

.hi-icon-clock:before {
	content: "\e004";
}

.hi-icon-videos:before {
	content: "\e005";
}

.hi-icon-list:before {
	content: "\e006";
}

.hi-icon-refresh:before {
	content: "\e007";
}

.hi-icon-images:before {
	content: "\e008";
}

.hi-icon-pencil:before {
	content: "\e00b";
}

.hi-icon-link:before {
	content: "\e00c";
}

.hi-icon-mail:before {
	content: "\e00d";
}

.hi-icon-location:before {
	content: "\e00e";
}

.hi-icon-archive:before {
	content: "\e00f";
}

.hi-icon-chat:before {
	content: "\e010";
}

.hi-icon-bookmark:before {
	content: "\e011";
}

.hi-icon-user:before {
	content: "\e012";
}

.hi-icon-contract:before {
	content: "\e013";
}

.hi-icon-star:before {
	content: "\e014";
}

/* Effect 1 */
.hi-icon-effect-1 .hi-icon {
	background: rgba(2,95,214,0.1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-1 .hi-icon:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #025fd6;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}

/* Effect 1a */
.hi-icon-effect-1a .hi-icon:hover {
	background: rgba(2,95,214,0.1);
	color: #41ab6b;
}

.hi-icon-effect-1a .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 1b */
.hi-icon-effect-1b .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #41ab6b;
}

.hi-icon-effect-1b .hi-icon:after {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.hi-icon-effect-1b .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}




/************* CONTENT *************/

#content {
  	clear: both;
	background: #f4f4f4;
	padding: 30px 0;
}

.home #content{
	padding: 0;
	background: transparent;
}


.page-title { font-size: 14px; font-weight: bold; }
.page-title span { font-style: italic; font-weight: normal; }
.entry-title, .entry-title a { color: #000; font-size: 32px; line-height: 38px; padding: 0; }
.entry-title a:hover { color: #2361a1; text-decoration: none; }

.entry-meta { opacity: 0.5; }

.entry-footer {
  text-align: right;
}

.type-post {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0;
}

.contentblock {
  width: 100%;
  display: block;
  clear: both;
}

.contentblock-header {
  background-color: #ccc;
}

.block-single {
  float: left;
  margin: 0 1%;
  background-color: #f4f4f4;
}

.block-single-inner {
  padding: 10px 10px 0px 10px;
}

.block-single-inner p {
  padding-bottom: 10px;
}



/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls2.png) no-repeat 0 -86px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls2.png) no-repeat -86px -86px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 47%;
	margin-top: -16px;
	outline: 0;
	width: 78px;
	height: 78px;
	text-indent: -9999px;
	z-index: 80;
}
/* DIRECTION CONTROLS (NEXT / PREV) TESTIMONIAL SLIDER */

.testimonial-container .bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls3.png) no-repeat 0 -32px;
}

.testimonial-container .bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls3.png) no-repeat -32px -32px;
}

.testimonial-container .bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.testimonial-container .bx-wrapper .bx-next:hover {
	background-position: -32px 0;
}

.testimonial-container .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 47%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 80;
}

.testimonial-container li {text-align: center;}

.testimonial-container .inner{padding: 20px 60px;}

[data-magellan-expedition-clone] { visibility:hidden; }

[data-magellan-expedition], [data-magellan-expedition-clone]{z-index: 100;}
/************ HOME  **************/

.home-section-1 .content-container{
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
}
.home-section-1 .contentblock-inner{width: 600px; margin: 0 auto;}

.home-section-1 .bullet-blue{
	width: 430px;
	margin: 0 auto;
	color: #fff;
	font-size: 18px;
	margin-bottom: 15px;
}

.home-section-1 h1{color: #fff; font-size: 40px; line-height: 1.1; margin-top: 0; }
.home-section-1 h2{color: #fff; font-size: 21px; line-height: 1.1; margin: 0;}

.bullet{
	margin-left: 60px;
}

.bullet li{
	font-size: 18px;
	margin-bottom: 10px;
	list-style: none;
    	background: url(images/checkmark.png) no-repeat 0 5px;
    	padding-left: 35px;
} 

.bullet-blue li{
	font-size: 18px;
	margin-bottom: 10px;
	list-style: none;
    	background: url(images/check-blue.png) no-repeat 0 5px;
    	padding-left: 35px;
} 

.home-section-2{border-bottom: 8px solid #fff;}

.home-section-3 .leftbtn{float: right;}
.home-section-3 h1, .home-section-3 h3{
	color: #fff;
	margin: 0;
}
 .home-section-3 h3{
	margin-bottom: 20px;

}

.home-section-3 .button{
	font-size: 32px;
	width: 70%;
}

.home-section-3 .contentblock-page-inner{
	background-color: #fff;
	padding: 30px 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.home-section-5 h2.headerphone.subheader span{
	padding: 0;
	padding: 8px 10px;
}


.entry-content{
	padding: 0 40px;
}

.home .entry-content{padding: 0;}

/************* FOOTER *************/

.site-footer {
  	clear: both;
	background: #025fd6;
	
}

.widget-container{
	background: url(images/footerbg.jpg) no-repeat center top;
	padding:  40px 0;
	background-size: cover;


}
.widget-container .widget{margin-bottom: 20px;}

.widget-container h4{color: #fff;}
.widget-container .widget-title{
	color: #fff;
	font-size: 21px;
	font-weight: bold;
}

.widget-container a{
	font-size: 13px;
	text-decoration: underline;
}

.widget-container a:hover{
	text-decoration: none;
}

.social-media{display: block; margin: 50px auto 0;}

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

#menu-footer-menu-1,#menu-footer-menu{
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu-footer-menu-1 li,#menu-footer-menu li{
	display: block !important;
}
#menu-footer-menu-1 li a,#menu-footer-menu li a{
	color: #fff;
	padding-left: 0;
	padding-right: 0;
}

#menu-footer-menu-1 li.current-menu-item a,#menu-footer-menu li.current-menu-item a,#menu-footer-menu-1 li a:hover,#menu-footer-menu li a:hover{border: none;}

.code_php_in_widget h3{
	color: #000;
}

#footerlogos h1, #footerlogos h3{margin: 0;}
#footerlogos {
	padding: 20px 0;
}

#footerlogos ul{
	margin: 0; 
	list-style: none;
}

#footerlogos li{
	float: left;
	width: 20%;
}

.widget-container h3{
	color: #fff;

}


/************* FORMS & INPUT AREAS *************/

input, textarea, button { background: #fff; border: 1px solid #ccc; color: #000; font-size: 14px; max-width: 95% !important; padding: 5px; opacity: 0.6; -webkit-border-radius: 3px; border-radius: 3px; }
input[type="submit"] { font-size: 16px; padding: 2px 10px !important; cursor: pointer; }
input:focus, textarea:focus, input[type="submit"]:hover { border-color: #fff; opacity: 1.0; }
input[type="submit"]:active, input[type="submit"]:focus { background-color: #ccc; }
textarea { padding: 0px; margin: 0; width: 100%; }

/* bugfix */
.safari input { padding: 2px 5px; }
.chrome input { padding: 3px 5px; }

.requiredred { color: #c00 !important; }



/************* TEXT, TYPOGRAPHY & FORMATTING *************/

html {font-family: Times, TimesNewRoman, "Times New Roman", Baskerville, Georgia, serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body {margin: 0; font-family: Times, TimesNewRoman, "Times New Roman", Baskerville, Georgia, serif;}
h1, h2, h3, h4, h5, h6 {font-family: Times, TimesNewRoman, "Times New Roman", Baskerville, Georgia, serif; color:#025fd6;}
h1 { font-size: 32px; line-height: 38px; padding: 5px 0px; }
h2 { font-size: 24px; line-height: 28px; padding: 5px 0px; }
h3 { font-size: 18px; line-height: 26px; padding: 5px 0px; }
h4 { font-size: 16px; line-height: 18px; padding: 5px 0px; }
h5 { font-size: 12px; line-height: 18px; padding: 5px 0px; }
h6 { font-size: 10px; line-height: 16px; }

address { font-style: italic; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #666; }

blockquote {
  font-style: italic;
  border-left: none;
}



/************* IMAGES & CAPTIONS *************/

img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { display: block; float: right; margin-left: 20px; margin-top: 5px; }
img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 0; }

.wp-caption { text-align: center; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption .wp-caption-text { margin: 0; padding: 5px; }

/************* BUTTON *************/



.button{
	background: #025fd6;
	font-size: 16px;
	font-family: Times, TimesNewRoman, "Times New Roman", Baskerville, Georgia, serif;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}

.button:hover, .button:focus{
	background: #014cad;
}

.transparent{
	background-color: transparent;
	text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;

}
.transparent:hover,.transparent:focus{
	background-color: #a9a9a9;
}

.green{
	color: #fff;
	font-size: 21px;
	background-color: #19ab61;
}

.green:hover,.green:focus{
	background-color: #10894c;
}


.button-container{
	text-align: center;
}

/**************  FLEX VIDEO  ******************/

.flex-video {
  position: relative;
  padding-top: 0; 
  padding-bottom: 55.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
}

/************* TOP BAR NAV *************/
.top-bar-section li:not(.has-form) a:not(.button) {padding: 0 1.8em; line-height: 5.0rem; background: #000;}
.top-bar {height: auto;}
.top-bar .title-area {width: 37%;}
.top-bar .name{color: #fff; font-weight: bold; letter-spacing: 0; text-transform: uppercase; font-size: 1.714em;}
.top-bar .name a{color: #fff;}
.top-bar-section ul li > a {display: block; width: 100%; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 0.923em;  font-weight: normal; text-transform: uppercase;}
.main-navigation {background: #000 none repeat scroll 0% 0% !important;}
.header-navigation .main-navigation{background-color: transparent !important;}
/************* TOP-BAR SHRINK *************/
.top-bar.shrink {height: 3.546em;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.6);opacity:0.6;transition: all .5s ease;}
.top-bar.shrink ul {height: 3.546em;transition: all .5s ease;}
.top-bar.shrink nav a {line-height: 3.546em;transition: all .5s ease;}
.top-bar-section.shrink li:not(.has-form) a:not(.button) {line-height: 3.546em;}

/************* OFF-CANVAS MOBILE NAV *************/
.left-off-canvas-menu ul{list-style-type: none; padding-top: 0.385em;}
.left-off-canvas-menu ul li a{color: #fff; text-transform: uppercase; padding: 0.385em 0 0.385em 0.385em; display: block;}
.left-off-canvas-menu { background: #000 none repeat scroll 0% 0%;}
aside.left-off-canvas-menu {min-height:100vh;}
.right-off-canvas-menu ul{list-style-type: none; padding-top: 0.385em;}
.right-off-canvas-menu ul li a{color: #fff; text-transform: uppercase; padding: 0.385em 0 0.385em 0.385em; display: block;}
.right-off-canvas-menu { background: #000 none repeat scroll 0% 0%;}
aside.right-off-canvas-menu {min-height:100vh;}
.off-canvas-extra-content-top, .off-canvas-extra-content-bottom {color: #fff;}
#page.site {min-height:100vh;}
ul#header-menu.menu {list-style-type: none;}
.off-canvas-extra-content-top, .off-canvas-extra-content-bottom {margin: 0 0.385em 0 0.385em;}

#left-off-canvas-menu a:after {content: "Menu"; margin: 0 10px 0 10px; color: #fff;}
#right-off-canvas-menu a:before {content: "Menu"; margin: 0 10px 0 10px; color: #fff;}
.tab-bar a:after {content: "Menu"; margin: 0 10px 0 10px; color: #fff;}



/************* DEFAULT NAV *************/
.header-navigation {background: transparent; padding: 0 10px; margin: 0 0 15px;}
.header-navigation {padding-top: 0; margin-top: 20px;}
#header-menu{margin: 0; padding-bottom: 0;}
#header-menu a{font-size: 16px; font-weight: normal; }
.menu a, .menu a:link, .menu a:visited {color: #fff;}
.menu .current-menu-item a {color: #C8C8C8;}
.menu-header-menu-container ul li { display: inline-block; }
.current-menu-item a { text-decoration: none; color: #C8C8C8; background-color: inherit; }
.menu {text-transform: none; font-family: inherit; letter-spacing: 0; float: none; background: transparent; padding:0; }
.menu a, .menu a:link, .menu a:visited { text-decoration: none; color: #fff; padding: 0.000em 0.44em; display: block; border-bottom: 4px solid transparent; margin: 0 1.7em;}
.menu .current-menu-item a { text-decoration: none; color: #fff; background-color: inherit; border-bottom: 4px solid #fff;}
.menu a:hover, li.menu-hover > a { color: #fff;border-bottom: 4px solid #fff; }
.menu li:hover, li.menu-hover { background: inherit; }
#header-menu .sub-menu {display:none; position:absolute;}
nav ul#header-menu.menu li:hover ul {display:block;}
nav il#header-menu.menu {position:relative;}

.menu ul ul { display: none !important; position: absolute; z-index: 1000000; top: 0; left: 100%; }
.menu li ul li:hover ul { display: block !important;}

/* Submenus */
.menu-header-menu-container ul ul li { display: block; }
.menu ul { display: none; position: absolute; z-index: 1000000; float: none; margin: 0; }
.menu ul ul { top: 0; left: 100%; }
.menu ul { border: 1px solid #C8C8C8; background: #025fd6; }
.menu ul.sub-menu a { padding: 8px 15px; border-right: none; border-bottom: 1px solid #C8C8C8; margin: 0;}

/* Submenu item hover */
.menu ul.sub-menu a:hover { color: #49c4fd; border-bottom: 1px solid #C8C8C8;}

/*** HAMBURGER ICON COLOR ***/
.tab-bar .menu-icon { color: #000;}
.tab-bar .menu-icon span::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:hover:after { box-shadow: 0 0 0 0.077em #b3b3b3, 0 0.538em 0 0.077em #b3b3b3, 0 1.077em 0 0.077em #b3b3b3; }

/************* SOCIAL *************/
ul.header-social {list-style: none;}
.header-social {list-style-type: none;margin: 0 ;padding: 0; float: right;}
.header-social li, .mobile-social li {float: left; margin: 0 0.4231em;padding: 0.077em;}
.header-social li a  {opacity: 1.0;}
.header-social li a:hover{opacity: 0.8;}
.header-social li a img {height: 22px !important;width: auto;}

/*--------------------------------------------------------------
# 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 & GALLERY *************/
.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 */
/* 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;}
ul.slideshowheader, ul.testimonialslider  {margin-left: 0em;}

.gallery-row { padding-bottom: 1.538em; }
.gallery { list-style-type: none; float: left; margin: 0 !important; padding: 0; width: 100%; }
.gallery li {
	float: left;
	margin: 1%;
	-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 {
	-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;
}

/*************COPYRIGHT/LEGAL MENU*************/
#copyright {padding-top: 0.538em;line-height: 1.923em;text-align: center;text-transform: uppercase;font-size: 0.769em;letter-spacing: 0.231em; margin: 0;}
#copyright, #copyright a, #copyright a:hover {text-decoration: none;color: #f4f4f4;}
#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 {text-transform: none; font-family: inherit; font-size: 0.714em; letter-spacing: 0; float: none; background: transparent; padding-bottom: 0.5429em;}
#menu-legal-menu.menu a, #menu-legal-menu.menu a:link, #menu-legal-menu.menu a:visited { text-decoration: none; color: #f4f4f4; padding: 0.000em 0.714em; margin: 0;}
#menu-legal-menu.menu .current-menu-item a { text-decoration: none; color: #f4f4f4; 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: #f4f4f4; }
#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; left: 48%; }
#menu-legal-menu li { position: relative !important; float: left !important; display: block !important; right: 50%; }
.page-template-template-legal #secondary {display: none;}

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

/*************CONTACT PAGE*************/
.contact-column {margin: 0 2%;}
.contact-column-full {width: 100%; margin: 0;}
.contact-form {background-color: #ebebeb; 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;}

/************* ACCORDION *************/
.accordion .accordion-navigation > a {
  position: relative;
  z-index: 10;
}
ul.accordion  {margin: 0;}
.accordion .accordion-navigation > .content {
  padding: 0 0.9375rem;
  height: 0;
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: all .5s ease;
}
.accordion .accordion-navigation > .content.active {
  height: auto;
  padding: 0.9375rem;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/************* MISC/OTHER/TEST *************/
.row.my6by2row {margin: 0;}