@charset "utf-8";
/*
Theme Name: Northside Mental Health
Author: Jackson Sky
Author URI: http://jacksonsky.com/
Version: 2.0002
Description: A custom theme built for Northside Mental Health.
*/


/* CSS Document */

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.6;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #eae8e8;
    margin: 1em 0;
    padding: 0;
}

hr.thick {
    display: block;
    height: 5px;
    border: 0;
    border-top: 5px solid #eae8e8;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

textarea, input { outline: none; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/***** DEFAULT STYLES *******/
* {
margin: 0;
}

*, *:before, *:after {
  box-sizing: border-box;
}

html, body {
height: 100%;
background: #ffffff;
}
.eventRegBtn{
	margin-bottom: 10px;	
	}

body{
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#838180;
	font-weight: normal;
	font-style:normal;
	line-height:1.7;
	letter-spacing:.09em;	
	}
	
a{color:#698b9f; text-decoration: none;}
a:hover{color:#17415a; text-decoration:underline;}
a:active, a:focus{outline:none;}
	
p{margin:0 0 25px;}

h1, h2, h3, h4, h5, h6{ font-family:'Montserrat', Helvetica, Arial, sans-serif; font-weight:400;  color:#d5a66e; line-height:1.2; margin:0; padding:0; letter-spacing:.075em; margin-bottom:5px;}
h1{font-size:36px; margin-bottom:15px; text-transform:uppercase;}
h2{font-size:30px; text-transform:uppercase; margin-bottom:10px;}
h3{ font-size:28px; color:#416276;}
h4{ font-size:24px;}
h5{ font-size: 18px; margin-bottom:20px;}
h6{ font-size:16px; margin-bottom:0;}

ul, ol{margin:0px; padding:0 0 25px 25px;}
li{margin:0 0 4px 0; padding:0 0 0 10px;}

blockquote{font-size:24px; color:#d5a66e; font-style:italic; text-align:center; line-height:1.6; margin:0 6.36363636363636%}
blockquote hr{
	clear:both;
	width:41.81818181818182%;
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #e1e0e0;
    margin: 45px 29.09090909090909% 40px;
    padding: 0;
	
	}

.transThree{-o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;}

.transFour{-o-transition: all .4s linear;
  -moz-transition: all .4s linear;
  -webkit-transition: all .4s linear;
  transition: all .4s linear;}


  
/***** Table Sticky Footer Styles *****/
body {display: table; width: 100%;}
.page-row {display: table-row; height: 1px;}
.page-row-expanded { height: 100%; }
.block{display:block;}

/**** Clearfix update ****/
.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */
  
 /*********** LAYOUT ************/
 .wrapper {margin: 0 auto; padding:0; width:1100px; display:table; height:100%;}
.full{min-width:100%;}


/***** Main Header *****/
#mainHeader{width: 100%; height:auto; background:#313f4f;}
#mainHeader .wrapper{background:none;}


/** Logo **/
#headTitle{width:160px; float:left;}
#logo{overflow:hidden; display:block; width:160px; height:100px; margin:37px 0 39px; float:left;}
#logo hgroup{display:block; width:160px; height:100px; background: url(images/common/logo.png) top left no-repeat; overflow:hidden; text-indent:-9999em; margin:0; float:left; font-size:10px; line-height:0; background-size:100%;}

/**** Payment Button ****/
#payment{float:right; margin-top:16px; font-size: 12px;}
#payment a.payment-button{border: 1px solid #fff; display: inline-block; line-height: 24px; height: 24px; color: #fff; text-decoration: none; text-transform:uppercase; font-size: 12px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; padding: 0 9px; margin-left: 20px; background:#313F4F; background: rgba(255, 255, 255, 0);
-o-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;}
#payment a.payment-button:hover{background: #fff; background: rgba(255, 255, 255, 1); color:#313F4F;}

/**** Top Search ****/
#topSearch{float:right; background: url(images/common/op15.png) repeat; border:none; height:27px; margin-top:15px; margin-bottom:30px;}
#topSearch .fa-search{float:left; color:#a4a6a9; line-height:27px; padding:0 8px; font-size:14px;}
#topSearch form{float:left; font-size:16px;}
#topSearch form input[type=text]{color:#fff; border:0; line-height:27px; background: none; padding:0; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; letter-spacing:.05em; width:195px; font-size:12px;}
#submitHide{display:none;}

/*** Search Lightbox ***/
#lbSearch{padding:20px; background:#EAE8E8;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
#lbSearch label{font-size:36px; font-family:'Raleway', Helvetica, Arial, sans-serif; font-weight:700; text-transform:uppercase; color:#698b9f;}
#lbSearch input#s{width:100%; font-size:18px; padding:7px 10px; margin-bottom:15px;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
#lbSearch .righter{text-align:right;}
#lbSearch input#searchsubmit{background:#D5A66E; display:inline-block; padding:7px 15px; font-size:16px; margin-bottom:10px; text-transform:uppercase; text-decoration:none; color:#fff; border:0 none;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

#lbSearch input#searchsubmit:hover{background:#C29157;}

/**** Top Social ****/
#topSocial{float:right; margin-left:10px; font-size:16px; height:38px; line-height:38px; margin-top:10px;}
#topSocial a{ color:#fff; padding:2px;
-o-transition: color .3s linear;
  -moz-transition: color .3s linear;
  -webkit-transition: color .3s linear;
  transition: color .3s linear;}
#topSocial a:hover{ color:#d5a66e; text-decoration:none;}
.mobile-payment{display: none;}

/** Search Icon **/
#mainHeader #topSocial .fa-search{display:none;}

/** Main Navigation **/
#navHead{min-height:38px; float:right; clear:right;} 
#menu {display: none;}
#mainNavCon{height:38px; display:inline-block; float:left;}
#mainNav{ display:block;}
#mainNav ul{height:38px; float:left; display:block; margin:0; padding:0; list-style:none;}
#mainNav ul li{margin:0 2px; padding:0; float:left;}
#mainNav ul li a{font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400;letter-spacing:.06em; color:#fff; background:#313f4f; line-height:38px; font-size:14px; font-weight:400; text-decoration:none; text-transform:uppercase; display:inline-block; float:left; padding:0 14px;
-o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;}
  #mainNav ul li a:hover{background:#6f7984;}
  
/* = WordPress Navigation Menu Styles
-------------------------------------------------------------- */
menu, nav {display: block;}
	#menu {
display: none;
}

#mainNav li {
	position: relative;
	display: inline; 
}
#mainNav a {text-decoration:none; display:inline-block;}
		
#mainNav ul ul{
	height:auto;
	text-transform:none;
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 38px;
	left: 0;
	width: auto;
	z-index: 99999;
	background:#15202D;
	padding-top:10px;
	padding-bottom:10px;

}
#mainNav ul ul ul {
	left: 100%;
	top: 0;
}
#mainNav ul ul li{margin:0;}
#mainNav ul ul li a{
	text-transform:none;
	background: #15202D;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	min-height: 26px;
	line-height: 17px;
	padding: 8px 22px;
	width: 270px;
	text-align:left;
	border:0 none;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing:.05em;
  font-weight:400;
}

#mainNav ul ul li a:hover{ background:#505C69;}
#mainNav ul ul li:last-child a{border-bottom:0 none;}
#mainNav ul ul :hover > a { color:#fff; border-radius: 0 0 0 0; background:#3f3f3f;}
#mainNav li:hover > a,
#mainNav a:focus
{background:#6f7984;}
#mainNav ul li:hover > ul {
	display: block;
	
}


/***** Page Content *****/
#pageContentCon{ width:100%; margin:0; padding:0;}
#pageContentCon .wrapper{ padding-bottom:35px; padding-top:35px;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


/***** Page Title Area ******/
#pageContentCon #pageTitleArea{}
#pageContentCon #pageTitleArea #pageTitle{bottom:0px; display:block; width:100%;}
#pageContentCon #pageTitleArea #pageTitle h1{ margin-bottom:35px;}


/**** Main Content ****/
#contentArea{margin:0;}
.withSideColumn #mainContent{float:left; width:64.54545454545455%; margin:0 6.36363636363636% 0 0; padding:0; display:block;}
.withSideColumn #sideColumn{width:29.09090909090909%; display:block; float:left; padding:0 0 25px 0; }

/** Main Full width **/
.fullWidth #mainContent{width:100%; margin:0 0 15px;}
#mainContent h1{ }
#mainContent h2{}


/***** Side Content *****/

/*** Sample Sidebar ****/
#sideSample{display:block; width:100%; background:#EAE8E8; color:#707173; padding:14px 17px 8px 17px; margin-bottom:20px; line-height:1.3;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
  
/*** Sample Sidebar ****/
.sideFrame{ width:100%; border:2px solid #EAE8E8; 
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom:20px;
}
#sideGeneral{display:block; width:100%; background:#EAE8E8; color:#707173; padding:14px 17px 8px 17px;  line-height:1.3; border:3px solid #fff;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
  
#sideGeneral h3{font-weight:400; font-size:24px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:10px;}
#sideGeneral ul{margin:0; padding:0; list-style:none;}
#sideGeneral li{margin:0 0 10px; padding:0; list-style:none; font-size:16px;}

/*** Side Recent News ***/
.sideSection{display:block; width:100%; background:#EAE8E8; color:#707173; padding:14px 17px 8px 17px; line-height:1.3; border:3px solid #fff;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}

.sideSection h3{font-weight:400; font-size:18px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:10px;}
.sideSection ul{margin:0; padding:0; list-style:none;}
.sideSection li{margin:0 0 10px; padding:0; list-style:none; font-size:14px;}
.sideSection a{ text-decoration:none; display:block;}
.sideSection a:hover{}
.sideSection .sideNewsDate{color:#9c9da0; font-style:italic; font-size:12px;}



/************** Footer **************/
#mainFooter{ min-height:50px; width:100%; font-size:14px; background:#eae8e8; color:#f838180; letter-spacing:.1em;}
#blue-skirt{background:#304050;}
#blue-skirt .wrapper{width:800px; padding: 2em 0;}
#blue-skirt .footer-logo{float: left; width: 13.3333333%;}
#blue-skirt .footer-logo img{max-width: 100%;}
#blue-skirt .nsc{float:left; width:86.66666666%; font-size:18px; padding-left: 2em; letter-spacing: .0025em; color:#fff; padding-top: 1em;}
#blue-skirt .nsc a{color:#d5a66e;}
#blue-skirt .nsc a:hover{color:#eac9a2; text-decoration: underline;}
#mainFooter .wrapper{}
#mainFooter #footCon{padding:35px 0 0; display:block;}
#mainFooter #footerCopyline{ font-size:12px; display:block; text-align:center; padding:20px 20px 15px;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
#mainFooter a{color:#698b9f; text-decoration:none;}
#mainFooter a:hover{text-decoration:underline;}
#mainFooter i{font-size:20px;}
#footAddress, #footPhone, #footFax, #footEmail{float:left; margin-right:27px; line-height:24px;}
#footEmail{margin-right:0;}




/*********************** PAGES ********************************/
/******** HOME ********/

/***** Main Header *****/
.home #mainHeader{background:none;}

.home #logo{width:170px; height:110px; margin:37px 0 29px; float:left;}
.home #logo hgroup{display:block; width:170px; height:110px; background: url(images/home/logoShadow.png) top left no-repeat; background-size:100%;}


.home #clickMobile{display:none;}
#homeIntro{display:block; width:100%; background-image: url(images/home/heroimage.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; min-height:280px;}

#homeIntroText{font-size:60px; color:#fff; text-align:center; width:100%; font-weight:600;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);}
#heroText a{font-family: 'Montserrat', Arial, Helvetica, sans-serif; display:inline-block; border:1px solid #fff; color: #fff; text-decoration:none; background: rgba(255, 255, 255, 0); text-transform:uppercase; line-height:1; padding:30px;
-o-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;}
#heroText a:hover{background: rgba(255, 255, 255, 1); color:#313F4F;}
#introArrow{font-size:30px; text-align:center;}
#introArrow .placeholder{position:relative; height:100%; display:block; text-align:center;}
#arrowHolder{position: absolute; bottom:30px; width:100%; text-align:center;}
#introArrow a{color:#fff; text-decoration:none; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.85); text-align:center; border:2px solid #fff; height:46px; width:46px; line-height:50px; display: inline-block; font-size:32px; text-shadow:none;
-o-border-radius: 50%; 
-webkit-border-radius: 50%;
-moz-border-radius: 50%; 
border-radius: 50%; 
  -o-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;}
#introArrow a:hover{color:#fff; background:#698b9f;}

/** Main Navigation **/
.home #mainNav ul li a{background:#313f4f; background: rgba(111, 121, 132, 0);}
.home #mainNav ul li a:hover{background:#6f7984; background: rgba(111, 121, 132, 0.75);}
.home #mainNav li:hover > a,
.home #mainNav a:focus
{background:#6f7984; background: rgba(111, 121, 132, 0.75);}
.home #mainNav ul ul li a{background: #15202D;}
.home #mainNav ul ul li a:hover{ background:#505C69;}
  
  
/***** Home - What we do Section ******/
#wwdSection{background:#d5a66e;}
#wwdSection .wrapper{ padding:57px 0 67px; color:#FFF;}
#wwdSection h2{ font-size:36px; color:#fff; margin-bottom:43px; text-align:center;}
#wwdSection #wwdText{font-size:18px; letter-spacing:.075em;}
#wwdSection #wwdText a{color:#fff; text-decoration:underline;}
#wwdSection #wwdText a:hover{color:#17415a; text-decoration:underline;}
#wwdButton{text-align: center;}
#wwdButton a{font-size:24px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; display:inline-block; border:2px solid #fff; padding:7px 20px; margin-top:15px;
  -o-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;}
#wwdButton a:hover{ text-decoration:none; color:#D5A66E; background:#fff;}

/***** Home - Services Section *****/
#serviceSection{display: flex;}
#ssLeft{float: left; width: 50%; background-image:url(images/common/nmh-pattern.gif); background-repeat:repeat;}
#ssLeft .contentCon{width: 550px; float: right; padding: 55px 6.36363% 60px 0;}
#ssLeft h2{color:#838180; border-bottom: solid #e5c9a6 5px; display: inline-block; font-size: 48px; margin-bottom: .5em;}
#ssLeft h3{color:#838180; font-size: 24px; margin-bottom: .75em; line-height: 1.4;}
#ssRight{float: left; width: 50%; background-size: cover; background-position:center;}
.servicesList ul{margin: 0 0 1.5em; padding: 0; list-style: none;}
.servicesList ul li{line-height: 1.4; margin:0 0 .5em; padding: 0;}
#ssButton a{font-size:24px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#d5a66e; display:inline-block; border:2px solid #d5a66e; padding:7px 20px; margin-top:15px;
  -o-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;}
#ssButton a:hover{ text-decoration:none; color:#D5A66E; background:#fff;}

/****** Home - Additional Section ******/
#pageContentCon #addSection .wrapper{ padding-top: 3em; padding-bottom: 3em;}

/****** Home - Get Started Section ******/
#gsSection{display: flex;}
#gsSection p a, #gsSection li a{color:#fff; text-decoration: underline;}
#gsSection p a:hover, #gsSection li a:hover{color:#a2adba;}
#gsLeft{float: left; width: 50%; background-size: cover; background-position:center;}
#gsRight{float: left; width: 50%; background:#313f4f;}
#gsRight .contentCon{width: 550px; padding: 55px 0 60px 6.36363%; color: #fff;}
#gsRight h2{color:#fff; border-bottom: solid #56626f 5px; display: inline-block; font-size: 48px; margin-bottom: .5em;}
#gsRight h3{color:#fff; font-size: 24px; margin-bottom: .75em; line-height: 1.4;}
#gsButton a{font-size:24px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; display:inline-block; border:2px solid #fff; padding:7px 20px; margin-top:15px;
  -o-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;}
#gsButton a:hover{ text-decoration:none; color:#D5A66E; background:#fff;}

/***** Home - Links Section ******/
#linksSection{background:#fff;}
#linksSection .wrapper{ padding:65px 0 90px;}
#linksCon .linksCol{float:left; width:29.09090909090909%; margin-right:6.36363636363636%; text-align:center;}
#linksCon #homeCalendar.linksCol{margin-right:0;}
.home .linksCol .icon{margin-bottom:8px;}
.home .linksCol .icon img{ max-width:100%; height:auto; width:15.625%}
.home .linksCol .title {color:#a9a8a7; text-transform:uppercase; font-family: 'Montserrat', Arial, Helvetica, sans-serif;}
.home .linksCol hr{
	clear:both;
	width:54.375%;
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #e1e0e0;
    margin: 20px 22.8125% 15px;
    padding: 0;
	}

#mc_embed_signup .mc-field-group input[type=checkbox]{margin-right: 5px;}
#mc_embed_signup .mc-field-group{line-height: 1.4;}
	
/** Links Section List Styles **/
.home .linksCol ul{margin:0 0 7px; padding:0;}
.home .linksCol li{margin:0; padding:0; display:block; text-align:center;}
.home .linksCol li a{text-decoration:none;}
.home .linksCol li a .listItem{padding:9px 4px; text-decoration:none; background:#fff;
  -o-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;}
.home .linksCol li a:hover .listItem{ background:#f2f1f1;}
.home .linksCol li a .listTitle{color:#698b9f; font-weight:400; line-height:1.1;}
.home .linksCol li a .listDate{color:#838180; font-size:14px; font-style:italic;}

/** home - Services **/
#serviceCon{line-height: 1.4;}
#homeServices a{ font-size:19px; color:#698b9f; background:#fff; display:block; padding:9px 0;
  -o-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;}
  
#homeServices a:hover{background:#f2f1f1;}	

/***** Home - Video Section ******/
.home #pageContentCon #videoSection .wrapper{padding-top: 1%; padding-bottom: 3%;}
.home .home-half{width: 50%; float: left;}
.home .home-half.left{padding-right: 5%;}

/***** Home - Kate Info Section ******/
#kateInfoSection{background:#f2f1f1;}
#kateInfoSection .wrapper{padding:79px 0 85px;}
#kateInfoSection h2{font-size:24px; text-transform:uppercase; letter-spacing:.075em; color:#a9a8a7;}
#kateInfoSection input.gform_button, #pageContentCon #kateInfoSection a.moreBtn{ background:#698b9f;}
#kateInfoSection input.gform_button:hover, #pageContentCon #kateInfoSection a.moreBtn:hover{ background:#416276;}
/** Home About Kate **/
#homeAboutKate{ float:left; width:64.54545454545455%; margin:0 6.36363636363636% 0 0;}
#homeAboutKate h3{font-size: 18px;}
#homeAboutKate p{font-size:14px;}
#homeAKImage{float:left; width:35%; margin-right:5%;}
#homeAKImage img{ max-width:100%; height:auto;}
#homeAKContent{float:left; width:60%;}

/** Home Contact Form **/
#homeContactForm{float:left; width:29.09090909090909%;}
#homeContactForm p{font-size:14px; margin-bottom:5px;}

#homeContactForm ul, #homeContactForm li{ margin:0; padding:0;}
#homeContactForm .gform_body{width:100%; max-width:400px;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body #homeContactForm .gform_wrapper .top_label div.ginput_container{margin-top:5px;}
#homeContactForm .gform_wrapper input, #homeContactForm .gform_wrapper textarea{font-size:14px; border:1px solid #d5d4d4;}
#homeContactForm .gform_wrapper input[type=text], #homeContactForm .gform_wrapper textarea{width:100%; color:#838180; margin-top:0; padding:6px 8px;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
#homeContactForm .gform_wrapper textarea{height:100px;}
#homeContactForm .gform_wrapper input.gform_button{border:0 none; line-height:1.7; max-width:125px;}
#homeContactForm .gform_wrapper .gform_footer{ margin-top:0; padding-top:5px;}

/******************** Team Member Overview ************************/
#boxHolder .teamBox{ width:25%; padding:0; margin:0 0 10px; background:#09F; float:left;}
#boxHolder .teamBox img{width:100%; height:auto; border-radius: 50%;}
#boxHolder .teamBox .insideBox{width:100%; height:100%; background: #9F9; padding:4.54545454545455%;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
#boxHolder .teamBox a{ text-decoration:none;}
#boxHolder .teamBox a .insideBox{background:#fff;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;}
#boxHolder .teamBox a:hover .insideBox{background:#eae8e8;}
#boxHolder .teamBox .insideBox h4{margin-bottom:2px; margin-top:3px; font-size:16px; font-weight:400;}
#boxHolder .teamBox .insideBox .positionTitle{font-size:12px; line-height:1.3;}
#boxHolder .teamBox .insideBox .secondLine{font-size:12px; color:#656565; line-height:1.3;}

/******************** Team Member Profiles  ************************/

#memberImageCon{ float:left; width:35%; padding:0 5% 25px 0;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
#memberImageCon img{width:100%; height:auto;  border-radius: 50%;}
#memberInfoCon{width:65%; float:right;}
#memberInfoCon h1{margin-bottom:3px; color:#313F4F; font-size:32px;}
#memberInfoCon h2{font-size:22px; margin-bottom:0; color:#313F4F;}
#bioCon{width:65%; float:right; margin-top:20px;}
#memberListBtn{width:65%; float:right;}

.page-template-template-team-member-profile{font-size:16px;}

/********************* What we offer *******************/
.page-id-8 #pageContentCon{ background-image:url(images/common/nmh-pattern.gif); background-repeat:repeat;}

/********************** Blog Posts *********************/
/****** Author Info ***********/
.authCon{ width:100%; background:#F2F1F1; padding:25px 5% 10px; font-size:14px;  border:1px solid #EAE8E8;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.authImage{float:left; width:20%; margin-right:5%}
.authImage img{max-width:100%; height:auto; border-radius: 50%;}
.authInfo{float:left; width:75%;}
.authInfo h3{ margin-bottom:10px;}

/********* Events **********/
.events-no-events, #events-no-events{display:none;}

/******** Events Hidden Page ********/
.page-id-192 li{list-style-type:none; padding:10px 15px;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
.page-id-192 li:nth-of-type(2n){ background:#eae8e8;}

/********************** Events Single *********************/
.eventDateText{font-size:14px;}

/********************* Contact Us ********************/
#contactInfo{float:left; width:40%; margin-right:5%;}
#contactMap{float:left; width:55%;}
.gform_body .top_label div.ginput_complex.ginput_container.gf_name_has_2{width:inherit;}



/********************* Fields and Buttons *********************/


#mainContent input[type=text], textarea#comment, #contactForm input[type=text], .textarea {
padding:5px;
border: 1px solid #e1e0e0;
font-family:"proxima-nova", Arial, Helvetica, sans-serif; 
color:#838180; 
}


#mainContent label, #contactForm label{ font-size: 14px; color:#838180; font-weight:100;}
#mainContent input[type=submit], #contactForm input[type=submit]{ background:#698b9f; color:#fff; border:0px; padding:5px 10px; font-family:'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; font-size:18px; letter-spacing:.1em; text-transform:uppercase;
-o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;}
#mainContent input[type=submit]:hover, #contactForm input[type=submit]:hover{background:#17415a;}


/********************* WordPress Styles *********************/

img.alignleft {float:left; display:inline; margin:5px 6.36363636363636% 15px 0; max-width:50%; height:auto;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
img.alignright {float:right; display:inline; margin:5px 0 15px 6.36363636363636%; max-width:50%; height:auto;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
img.alignnone {margin: 0 0 10px 0; width:auto; height:auto; max-width: 100%;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
img.aligncenter {clear: both; display: block; margin: 0 auto 10px; max-width:100%; height:auto;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}

.wp-caption.alignright{float:right; margin:5px 0 15px 5%; padding:5px;border:1px solid #e1dbd8; max-width:40%; height:auto; border:1px solid #e1dbd8;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
  
.wp-caption.alignleft{float:right; margin:5px 5% 15px 0; padding:5px; border:1px solid #e1dbd8; max-width:40%; height:auto; border:1px solid #e1dbd8;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
  
.wp-caption.alignright img{ width:100%; height:auto;}
.wp-caption.aligncenter{width: 100% !important;}
.wp-caption.aligncenter img{max-width: 100% !important; height: auto !important;}
p.wp-caption-text {margin:4px 0; font-size:11px; color:#afafaf;}


#posttitle h1{margin-bottom:5px; line-height:115%; text-transform:none; font-size:28px;}
#posttitle a {text-decoration:none;}

#postinfo {float:left; display:inline; color:#a4a6a9; font-size:12px; margin:0 0 20px 0; width:98%; clear: both; font-style:italic;}



.alignright {float: right; margin: 0 0 5px 15px; display:inline;}
.alignleft {float: left; margin: 0 15px 5px 0; display:inline;}

#paging {
display: block;
text-align: center;
margin-top: 60px;
padding-bottom: 60px;
font-weight:bold;
font-size:14px;
text-transform:uppercase;
}

.wp-caption img{margin:5px 15px 5px 0;}
.wp-caption {margin-bottom:10px; text-align:center; font-size:11px; color:#eae8e8;}
.wp-caption p{margin-bottom:5px;}

h3#comments  {padding-top:10px;font-size:18px; text-transform:uppercase;}
#respond h3 {margin:25px 0 10px 0; font-size:24px; padding-top:10px; text-transform:uppercase;}
#reply-title  {padding-top:30px;}

.avatar { display:none;}

.commentlist {padding:0; margin:25px 0 0 0;}
.commentlist li {padding:10px 20px 10px 20px; margin:10px 0; list-style-type:none;background:#f8f8f8;}
.comment-author {font-weight:bold;}
.comment-body, .comment-notes, .logged-in-as {font-size:12px;}
.comment-body p {margin:8px 0;}
.comment-meta {font-size:10px; margin:0 0 6px 0;}

.blog ol li{margin-bottom:15px;}

/**************** MISC ***********************/
.table{display:table;}
.tableRow{display:table-row;}
.tableCell{display:table-cell;}
.tableMiddle{ vertical-align:middle;}
.vert50{ height:50%;}

a.moreBtn, #pageContentCon a.moreBtn,.gform_button{ font-size:14px; text-align:center; padding:10px 15px; font-family:'Montserrat',Helvetica,Arial,sans-serif; text-decoration:none; color:#fff; text-transform:uppercase; background:#d5a66e; font-weight:400; display:inline-block; margin-bottom:0 5px 7px 0; -o-transition: all .3s linear; border:0 none; letter-spacing:.05em;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;}
a.moreBtn:hover, #pageContentCon a.moreBtn:hover, .gform_button:hover{background:#C29157;}

#continueReading a { font-size:14px; text-align:center; padding:10px 15px; font-family:'Montserrat',Helvetica,Arial,sans-serif; text-decoration:none; color:#fff; text-transform:uppercase; background:#d5a66e; font-weight:400; display:inline-block; margin-bottom:0 5px 7px 0; -o-transition: all .3s linear; border:0 none; letter-spacing:.05em;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;}
#continueReading a:hover {background:#C29157;}

a.more-link  { font-size:14px; text-align:center; padding:10px 15px; font-family:'Montserrat',Helvetica,Arial,sans-serif; text-decoration:none; color:#fff; text-transform:uppercase; background:#d5a66e; font-weight:400; display:inline-block; margin-bottom:0 5px 7px 0; -o-transition: all .3s linear; border:0 none; letter-spacing:.05em;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;}
a.more-link:hover {background:#C29157;}

.clear{clear:both;}
.stylized{font-size:18px; font-style:italic;}
#pageContentCon ul, #pageContentCon ol{overflow:hidden;}
.center{text-align:center;}

.bottomSpace{padding-bottom:15px; display:block;}

ol li {padding-bottom:25px;}

#mainContent ol, #mainContent ul{padding: 0 0 25px 35px; overflow: visible;} 

.leftindent {
border-left: 10px solid #eae8e8;
margin-left:0px;
margin-bottom:40px;
margin-top:35px;
padding-left:25px;
}

.largeText{font-size:24px;}

/***** Captcha resize *****/
.rc-anchor-alert .gform_body .rc-anchor-normal .rc-anchor-content{height:50px;}


/* ========================================================================== 
MEDIA SIZES 
========================================================================== */
/* Note: make images display for retina */
@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 

    #logo hgroup{}
}


@media only screen and (max-width: 479px) {
h1{}
h2{font-size:22px;}
h3{font-size:18px;}
	
/******** LAYOUT ****************/


/***** Table Sticky Footer Styles *****/
body {display: table; width: 100%;}
.page-row {display: table-row; height: 1px;}
.page-row-expanded { height: inherit; }
.block{display:block;}

.wrapper {margin: 0 auto; width:100%;}

		
/*********** Header - main ***********/
#mainHeader{height:65px; position:fixed; top:0; z-index:10; width:100%;}
#mainHeader #navHead{ position:fixed; top:0; left:0; height:65px; width:65px; background:#313F4F;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}	
	
.admin-bar #wpnbio-show{top:64px !important;}
	#wpnb-bar{top:64px !important;}


/*** Header Title Section ***/
#headTitle{top:0; position:fixed; z-index:5; width:60px; margin-left:5px;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}

/** Logo **/
#logo{width:90px; height:56px; margin:4px 6px 0 3.5%; float:left;}
#logo hgroup{width:90px; height:56px; overflow:hidden; text-indent:-9999em; margin:0; float:left; font-size:10px; line-height:0; background-size:100%;}

/**** Payment Button ****/
#payment{display: none;}
.mobile-payment{display: inline;}
	
	
/**** Top Search ****/
#topSearch{display:none;}

/** Search Icon **/
#mainHeader #topSocial .fa-search{display: inherit;}

/**** Top Social ****/
#topSocial{ position:fixed; right:79px; top:13px;}

/**** Main Navigation *****/
#menu {top:0; right:0; height:65px; width:65px; position: fixed; z-index:10; display: block; color:#fff; text-align: center; padding:0px; cursor:pointer; font-size:36px; background:#d5a66e; line-height:65px; font-weight:400;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;}
#menu:hover{background:#c29157;}
#menu i.fa{text-align:center;}

#mainNav{margin-top:0; float:none; width:100%; height:auto; overflow:auto; position:fixed; top:65px;}
#mainNav.js {
display: none;
clear:left;
}
#mainNav.js.openNav{display:block;}

#mainNav ul{width:100%; height:auto; background:#505C69; float:none; margin-top:0; text-align:left;}
#mainNav ul li{display:block; float:none; position:inherit; height:auto; margin:0;}
#mainNav ul li a{display:block; float:none; font-size:13px; line-height:inherit;width:94%; padding: 6px 3%; margin:0; text-shadow:none; color:#fff; background:#505C69; border:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}
#mainNav ul li a:hover{ background:#505C69; border:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}

/** Main Menu Sub Items **/
#mainNav ul ul{ border-top:0 none; width:100%; display:block; position:inherit; float:none;}
#mainNav ul ul.flip{ width:100%; left:auto; right: auto;} /*** flips to right align dropdown ***/

#mainNav ul ul li a, #mainNav ul ul.flip li a{width:100%; background:#000; text-transform:none;}
#mainNav ul ul li a:hover{background:#000; color:#fff;}
#mainNav ul ul li:last-child a{border-bottom:0 none;}

#mainNav li:hover > a,
#mainNav a:focus { background:#3f3f3f; color:#fff;}


/******* Page Content *********/
#pageContentCon{margin-top:0; width:100%;}
#pageContentCon .wrapper{ padding:85px 3.5% 30px;}
#pageContentCon #pageTitleArea #pageTitle h1{ font-size:24px; margin-bottom:20px;}
#contentArea{width:100%; padding:0;}

/**** Main Content ****/
#mainContent{font-size:16px;}
#mainContent, .withSideColumn #mainContent, .home #mainContent, .fullWidth #mainContent{float:none; width:100%; margin:0; padding: 0 0 20px;}

/**** Side Column ****/
.withSideColumn #sideColumn, #sideColumn{float:none; width:100%; margin: 0; padding-top:20px;}
#sideContent{ width:100%; padding:0;}


/******* Footer *********/
#blue-skirt .wrapper{width:100%; padding: 2em 2em;}
#blue-skirt .footer-logo{float: none; width: 50%; max-width: 200px; margin: 0 auto 1em;}
#blue-skirt .footer-logo img{max-width: 100%;}
#blue-skirt .nsc{float:none; width:100%; padding-left:0;padding-top: 0; text-align: center;}
	
#footCon{}
#footAddress, #footPhone, #footFax, #footEmail{float:none;line-height:24px; margin:0 25px 10px; display:inline-block;}
#footEmail{font-size:13px;}
#footAddress i, #footEmail i{display:none;}

/******************** PAGES ***************************/

/**************** HOME ********************/
#homeIntro{display:block; width:100%; background-image: url(images/home/heroimage_center.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; min-height:320px;}
#heroTextTable{min-height:300px;}
#heroRow1{min-height:200px;}
#heroRow2{min-height:100px;}
#heroText{padding-top:75px;}
.vert50{ height:50%;}
	  
#homeIntroText{font-size:32px; color:#fff; text-align:center; width:100%; font-weight:600;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);}
#heroText a{padding:20px;}

.home #mainHeader{height:65px; position:fixed; top:0; z-index:10; width:100%; background:#313F4F;}
.home #mainHeader #navHead{ position:fixed; top:0; left:0; height:65px; width:65px; background:#313F4F;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}	

/** Logo **/
.home #logo{width:90px; height:56px; margin:4px 6px 0 3.5%; float:left;}
.home #logo hgroup{width:90px; height:56px; overflow:hidden; text-indent:-9999em; margin:0; float:left; font-size:10px; line-height:0; background-size:100%; background-image:url(images/common/logo.png);}

/** Main Navigation **/
.home #clickMobile{display:inline-block;}
.home #click{display:none; }

#pageContentCon #wwdSection .wrapper{ padding:40px 3.63636363636364% 45px;}
#pageContentCon #wwdSection h2{ font-size:28px; margin-bottom:20px;}
#pageContentCon #wwdText{font-size:16px; text-align:left; line-height:1.6;}
#pageContentCon #wwdButton a{ font-size:18px;}

	
/***** Home - Services Section *****/
#serviceSection{flex-wrap: wrap;}
#serviceSection h2{font-size:26px;}
#serviceSection h3{font-size:21px;}
#ssLeft, #ssRight{width: 100%;}
#ssLeft .contentCon{width: 100%; padding: 10%;}
#ssRight{padding-bottom: 200px;}
#ssButton a{font-size: 18px;}

/***** Home - Get started Section *****/
#gsSection{flex-wrap: wrap;}
#gsSection h2{font-size:26px;}
#gsSection h3{font-size:21px;}
#gsLeft, #gsRight{width: 100%;}
#gsRight .contentCon{width: 100%; padding: 10%;}
#gsLeft{padding-bottom:200px;}
#gsButton a{font-size: 18px;}
	
/***** Home - Links Section ******/
#linksSection .wrapper{ padding:35px 0 30px;}
#linksCon .linksCol{float:none; width:80%; margin-right:10%; margin-left:10%; text-align:center; margin-bottom:40px;}

.home .linksCol .icon{margin-bottom:3px;}
.home .linksCol .icon img{ max-width:100%; height:auto; width:70px;}
.home .linksCol .title { font-size:26px; line-height:1.2;}
.home .linksCol hr{
	clear:both;
	width:54.375%;
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #e1e0e0;
    margin: 10px 22.8125% 5px;
    padding: 0;
	}
	
/***** Home - Video Section ******/
.home .home-half{width: 100%; float: none;}
.home .home-half.left{padding-right: 0;}
	
/** Links Section List Styles **/
.home .linksCol ul{margin:0 0 7px; padding:0;}
.home .linksCol li{margin:0; padding:0; display:block; text-align:center;}
.home .linksCol li a{text-decoration:none;}
.home .linksCol li a .listItem{padding:9px 0; text-decoration:none; background:#fff;
  -o-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;}
.home .linksCol li a:hover .listItem{ background:#e6caa8;}
.home .linksCol li a .listTitle{color:#698b9f; font-weight:700; line-height:1.1; font-size:16px;}
.home .linksCol li a .listDate{color:#838180; font-size:12px; font-style:italic;}

/** home - Services **/
#homeServices a{ font-size:20px; line-height:1.25; color:#698b9f; background:#fff; display:block; padding:9px 0;
  -o-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;}
  
#homeServices a:hover{background:#e6caa8;}

/***** Home - Kate Info Section ******/
#pageContentCon #kateInfoSection .wrapper{padding: 50px 3.5% 30px}
#kateInfoSection h2{font-size:24px; text-transform:uppercase; letter-spacing:.075em; color:#a9a8a7;}
/** Home About Kate **/
#homeAboutKate{ float:left; width:100%; margin:0 0 25px 0;}
#homeAboutKate p{font-size:14px;}
#homeAKImage{float:none; width:100%; margin-right:0; text-align:center; margin-bottom:15px;}
#homeAKImage img{ max-width:50%; height:auto; margin-left:25%; margin-right:25%;}
#homeAKContent{float:none; width:100%; background-size:contain; text-align:center;}
#homeAKContent h2{text-align:center;}
#homeAKContent p{text-align:left;}


/** Home Contact Form **/
#homeContactForm{float:left; width:100%; border-top:5px solid #EAE8E8; padding-top:20px;}
#homeContactForm h2{text-align:center;}
#homeContactForm p{font-size:14px;}

/********************** Blog Posts *********************/
/****** Author Info ***********/
.authCon{
}
.authImage{float:left; width:100%; margin-right:0; text-align:center; margin-bottom:15px;}
.authImage img{max-width:100%; height:auto; border-radius: 50%;}
.authInfo{float:left; width:100%;}
.authInfo h3{ margin-bottom:10px; width:100%; text-align:center;}

/******************** Team Member Overview ************************/
#boxHolder .teamBox{ width:50%; padding:0; margin:0 0 10px;}
#boxHolder .teamBox .insideBox h4{font-size:14px;}

/******************** Team Member Profiles  ************************/
#memberInfoCon h1{font-size: 24px; margin-bottom:10px;}
#memberInfoCon h2{font-size:18px; margin-bottom:0;}

#memberImageCon{ float:none; width:100%; padding:0 0 25px; text-align:center;}
#memberImageCon img{width:80%; max-width:225px;}
#memberInfoCon{width:100%; float:none;}
#bioCon{width:100%; margin-top:20px; float:none;}
#memberListBtn{width:100%; float:none;}

/********************* Contact Us ********************/
#contactInfo{float:left; width:100%; margin-right:0; margin-bottom:25px;}
#contactMap{float:left; width:100%; margin-bottom:25px;}

/********************* WordPress Styles *********************/
img.alignleft {float:left; display:inline; margin:5px 5% 15px 0; background:#ffffff; max-width:100%; height:auto;}
img.alignright {float:right; display:inline; margin:5px 0 15px 5%; background:#ffffff; max-width:100%; height:auto;}

/****************** misc styles *******************/
.largeText{font-size:18px; line-height:1.6;}

}


@media only screen and (min-width: 480px) and (max-width: 784px){
	
h1{}
h2{font-size:24px;}
h3{font-size:22px;}
	
/******** LAYOUT ****************/

/***** Table Sticky Footer Styles *****/
body {display: table; width: 100%;}
.page-row {display: table-row; height: 1px;}
.page-row-expanded { height: inherit; }
.block{display:block;}

.wrapper {margin: 0 auto; width:100%;}

		
/*********** Header - main ***********/
#mainHeader{height:65px; position:fixed; top:0; z-index:10; width:100%;}
#mainHeader #navHead{ position:fixed; top:0; left:0; height:65px; width:65px; background:#313F4F;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}	

	.admin-bar #wpnbio-show{top:64px !important;}
	#wpnb-bar{top:64px !important;}

/*** Header Title Section ***/
#headTitle{top:0; position:fixed; z-index:5; width:360px;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}

/** Logo **/
#logo{width:90px; height:56px; margin:4px 6px 0 3.5%; float:left;}
#logo hgroup{width:90px; height:56px; overflow:hidden; text-indent:-9999em; margin:0; float:left; font-size:10px; line-height:0; background-size:100%;}

/**** Payment Button ****/
#payment{display: none;}
.mobile-payment{display: inline;}

/**** Top Search ****/
#topSearch{display:none;}

/** Search Icon **/
#mainHeader #topSocial .fa-search{display: inherit;}

/**** Top Social ****/
#topSocial{ position:fixed; right:79px; top:13px;}

/**** Main Navigation *****/
#menu {top:0; right:0; height:65px; width:65px; position: fixed; z-index:10; display: block; color:#fff; text-align: center; padding:0px; cursor:pointer; font-size:36px; background:#d5a66e; line-height:65px; font-weight:400;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;}
#menu:hover{background:#c29157;}
#menu i.fa{text-align:center;}

#mainNav{margin-top:0; float:none; width:100%; height:auto; overflow:auto; position:fixed; top:65px;}
#mainNav.js {
display: none;
clear:left;
}
#mainNav.js.openNav{display:block;}

#mainNav ul{width:100%; height:auto; background:#505C69; float:none; margin-top:0; text-align:left;}
#mainNav ul li{display:block; float:none; position:inherit; height:auto; margin:0;}
#mainNav ul li a{display:block; float:none; font-size:13px; line-height:inherit;width:94%; padding: 6px 3%; margin:0; text-shadow:none; color:#fff; background:#505C69; border:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}
#mainNav ul li a:hover{ background:#505C69; border:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}

/** Main Menu Sub Items **/
#mainNav ul ul{ border-top:0 none; width:100%; display:block; position:inherit; float:none;}
#mainNav ul ul.flip{ width:100%; left:auto; right: auto;} /*** flips to right align dropdown ***/

#mainNav ul ul li a, #mainNav ul ul.flip li a{width:100%; background:#000; text-transform:none;}
#mainNav ul ul li a:hover{background:#000; color:#fff;}
#mainNav ul ul li:last-child a{border-bottom:0 none;}

#mainNav li:hover > a,
#mainNav a:focus { background:#3f3f3f; color:#fff;}


/******* Page Content *********/
#pageContentCon{margin-top:0; width:100%;}
#pageContentCon .wrapper{ padding:85px 3.5% 30px;}
#pageContentCon #pageTitleArea #pageTitle h1{ font-size:28px; margin-bottom:20px;}
#contentArea{width:100%; padding:0;}

/**** Main Content ****/
#mainContent{font-size:16px;}
#mainContent, .withSideColumn #mainContent, .home #mainContent, .fullWidth #mainContent{float:none; width:100%; margin:0; padding: 0 0 20px;}

/**** Side Column ****/
.withSideColumn #sideColumn, #sideColumn{float:none; width:100%; margin: 0; padding-top:20px;}
#sideContent{ width:100%; padding:0;}




/******* Footer *********/
#blue-skirt{background:#304050;}
#blue-skirt .wrapper{width:100%; padding: 2em 2em;}
#blue-skirt .footer-logo{float: none; width: 100%; max-width: 200px; margin: 0 auto 1em;}
#blue-skirt .footer-logo img{max-width: 100%;}
#blue-skirt .nsc{float:none; width:100%; padding-left:0;padding-top: 0; text-align: center;}


	
#footCon{text-align:center;}
#footAddress, #footPhone, #footFax, #footEmail{float:none;line-height:24px; margin:0 25px 10px; display:inline-block;}
#mainFooter{ min-height:50px; width:100%; font-size:14px; background:#eae8e8; color:#f838180; letter-spacing:.1em;}
	
/******************** PAGES ***************************/

/**************** HOME ********************/
#homeIntro{display:block; width:100%; background-image: url(images/home/heroimage_center.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; min-height:300px;}
#heroTextTable{min-height:300px;}
#heroRow1{min-height:200px;}
#heroRow2{min-height:100px;}
#heroText{padding-top:75px;}
.vert50{ height:50%;}

.home #mainHeader{height:65px; position:fixed; top:0; z-index:10; width:100%; background:#313F4F;}
.home #mainHeader #navHead{ position:fixed; top:0; left:0; height:65px; width:65px; background:#313F4F;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}	
  
#homeIntroText{font-size:48px; color:#fff; text-align:center; width:100%; font-weight:600;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);}

/** Logo **/
.home #logo{width:90px; height:56px; margin:4px 6px 0 3.5%; float:left;}
.home #logo hgroup{width:90px; height:56px; overflow:hidden; text-indent:-9999em; margin:0; float:left; font-size:10px; line-height:0; background-size:100%; background-image:url(images/common/logo.png);}

/** Main Navigation **/
.home #clickMobile{display:inline-block;}
.home #click{display:none; }

#pageContentCon #wwdSection .wrapper{ padding:40px 3.63636363636364% 45px;}

/***** Home - Services Section *****/
#serviceSection{flex-wrap: wrap;}
#ssLeft, #ssRight{width: 100%;}
#ssLeft .contentCon{width: 100%; padding: 10%;}
#ssRight{padding-bottom: 200px;}

/***** Home - Get started Section *****/
#gsSection{flex-wrap: wrap;}
#gsLeft, #gsRight{width: 100%;}
#gsRight .contentCon{width: 100%; padding: 10%;}
#gsLeft{padding-bottom:200px;}
	
/***** Home - Links Section ******/
#linksSection .wrapper{ padding:50px 0 30px;}
#linksCon .linksCol{float:none; width:80%; margin-right:10%; margin-left:10%; text-align:center; margin-bottom:40px;}

.home .linksCol .icon{margin-bottom:3px;}
.home .linksCol .icon img{ max-width:100%; height:auto; width:80px;}
.home .linksCol .title { font-size:30px; line-height:1.2;}
.home .linksCol hr{
	clear:both;
	width:54.375%;
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #e1e0e0;
    margin: 10px 22.8125% 5px;
    padding: 0;
	}
	
/** Links Section List Styles **/
.home .linksCol ul{margin:0 0 7px; padding:0;}
.home .linksCol li{margin:0; padding:0; display:block; text-align:center;}
.home .linksCol li a{text-decoration:none;}
.home .linksCol li a .listItem{padding:9px 0; text-decoration:none; background:#fff;
  -o-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;}
.home .linksCol li a:hover .listItem{ background:#e6caa8;}
.home .linksCol li a .listTitle{color:#698b9f; font-weight:700; line-height:1.1; font-size:16px;}
.home .linksCol li a .listDate{color:#838180; font-size:12px; font-style:italic;}

/** home - Services **/
#homeServices a{ font-size:20px; line-height:1.25; color:#698b9f; background:#fff; display:block; padding:9px 0;
  -o-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;}
  
#homeServices a:hover{background:#e6caa8;}
	

/***** Home - Video Section ******/
.home .home-half{width: 100%; float: none;}
.home .home-half.left{padding-right: 0;}

/***** Home - Kate Info Section ******/
#pageContentCon #kateInfoSection .wrapper{padding: 50px 3.5% 30px}
#kateInfoSection h2{font-size:24px; text-transform:uppercase; letter-spacing:.075em; color:#a9a8a7;}
/** Home About Kate **/
#homeAboutKate{ float:left; width:100%; margin:0 0 25px 0;}
#homeAboutKate p{font-size:14px;}
#homeAKImage{float:left; width:40%; margin-right:5%;}
#homeAKImage img{ max-width:100%; height:auto;}
#homeAKContent{float:left; width:55%;}

/** Home Contact Form **/
#homeContactForm{float:left; width:100%; border-top:5px solid #EAE8E8; padding-top:20px;}
#homeContactForm p{font-size:14px;}


/******************** Team Member Overview ************************/
#boxHolder .teamBox{ width:25%; padding:0; margin:0 0 10px;}
#boxHolder .teamBox .insideBox h4{font-size:14px;}

/******************** Team Member Profiles  ************************/
#memberInfoCon h1{font-size: 24px; margin-bottom:10px;}
#memberInfoCon h2{font-size:18px; margin-bottom:0;}

#memberImageCon{ float:left; width:40%; padding:0 5% 25px 0;}
#memberInfoCon{width:60%;}
#bioCon{width:60%; margin-top:20px;}
#memberListBtn{width:60%;}

/********************* Contact Us ********************/
#contactInfo{float:left; width:100%; margin-right:0; margin-bottom:25px;}
#contactMap{float:left; width:100%; margin-bottom:25px;}


/********************* WordPress Styles *********************/
img.alignleft {float:left; display:inline; margin:5px 5% 15px 0; background:#ffffff; width:33%; height:auto;}
img.alignright {float:right; display:inline; margin:5px 0 15px 5%; background:#ffffff;  width:33%; height:auto;}

/****************** misc styles *******************/
.largeText{font-size:20px; line-height:1.6;}

}


@media only screen and (min-width: 785px) and (max-width: 977px){

h1{}
h2{}
h3{font-size:24px;}
	
/******** LAYOUT ****************/
 .wrapper {margin: 0 auto; padding:0; width:750px;}
 
/***** Main Header *****/


/** Logo **/
#headTitle{width:128px; float:left;}
#logo{overflow:hidden; display:block; width:128px; height:80px; margin:15px 0 25px; float:left;}
#logo hgroup{display:block; width:128px; height:80px; background: url(images/common/logo.png) top left no-repeat; overflow:hidden; text-indent:-9999em; margin:0; float:left; font-size:10px; line-height:0; background-size:100%;}

/**** Top Search ****/


 
/**** Main Navigation ****/
#navHead{min-height:38px; float:right; clear:right; margin-bottom:5px;}
#mainNav ul li{margin:0 4px;}
#mainNav ul li a{font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400;letter-spacing:.06em; color:#fff; background:#313f4f; line-height:38px; font-size:13px; font-weight:400; text-decoration:none; text-transform:uppercase; display:inline-block; padding: 0 10px; margin:0;}

#mainNav ul ul.flip{ width:260px; left:auto; right:0;} /*** flips to right align dropdown ***/
#mainNav ul ul.flip li a {width: 260px;}

#topSocial{display:none;}

/***** Page Content *****/
#pageContentCon .wrapper{ padding-top:30px; }

/***** Page Title Area ******/
#pageContentCon #pageTitleArea{}
#pageContentCon #pageTitleArea #pageTitle{bottom:0px; display:block; width:100%;}
#pageContentCon #pageTitleArea #pageTitle h1{ margin-bottom:25px; font-size:32px;}

/**** Main Content ****/
#contentArea{margin:0;}
.withSideColumn #mainContent{float:left; width:65%; margin:0 3.5% 0 0; padding:0; display:block;}
.withSideColumn #sideColumn{width:31.5%; display:block; float:left; padding:0 0 25px 0; }
#mainContent{font-size:17px;}


/***** Side Content *****/



/************** Footer **************/

#blue-skirt .wrapper{width:750px; padding: 1.5em 0;}
#blue-skirt .nsc{padding: 0 0 0 1em;}
	
#footAddress, #footPhone, #footFax, #footEmail{float:left; margin-right:50px; line-height:24px; margin-bottom:5px;}



/**************** HOME ********************/

/** Home Top Search **/
.home #topSearch{margin-bottom:5px;}

/** Home Nav Holder **/
.home #navHead{float:right; margin-top:50px;}


/** Top Social **/
.home #topSocial{clear:right; margin-bottom:20px;}

/** Main Navigation **/


/***** Home - Services Section *****/
#ssLeft .contentCon{width: 375px;}
#ssLeft h2{font-size: 32px;}
#ssLeft h3{font-size: 21px;}
#ssButton a{font-size: 21px;}

/***** Home - Get started Section *****/
#gsRight .contentCon{width: 375px;}
#gsRight h2{font-size: 32px;}
#gsRight h3{font-size: 21px;}
#gsButton a{font-size: 21px;}
	
/***** Home - Video Section ******/
.home .home-half{width: 50%;}
	
/***** Home - Links Section ******/
.home #linksSection .listTitle{font-size:16px;}
.home .linksCol li a .listDate{font-size:12px;}

/***** Home - Links Section ******/
#linksSection .wrapper{ padding:50px 0 30px;}
#linksCon .linksCol{float:none; width:80%; margin-right:10%; margin-left:10%; text-align:center; margin-bottom:5em;}

.home .linksCol .icon{margin-bottom:3px;}
.home .linksCol .icon img{ max-width:100%; height:auto; width:80px;}
.home .linksCol .title { font-size:30px; line-height:1.2;}
.home .linksCol hr{
	clear:both;
	width:54.375%;
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #e1e0e0;
    margin: 10px 22.8125% 5px;
    padding: 0;
	}
	
/** Links Section List Styles **/
.home .linksCol ul{margin:0 0 7px; padding:0;}
.home .linksCol li{margin:0; padding:0; display:block; text-align:center;}
.home .linksCol li a{text-decoration:none;}
.home .linksCol li a .listItem{padding:9px 0; text-decoration:none; background:#fff;
  -o-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;}
.home .linksCol li a:hover .listItem{ background:#e6caa8;}
.home .linksCol li a .listTitle{color:#698b9f; font-weight:700; line-height:1.1; font-size:16px;}
.home .linksCol li a .listDate{color:#838180; font-size:12px; font-style:italic;}	
	

/***** Home - Kate Info Section ******/
#kateInfoSection h2{font-size:24px; text-transform:uppercase; letter-spacing:.075em; color:#a9a8a7;}
/** Home About Kate **/
#homeAboutKate{ float:left; width:100%; margin:0 0 25px 0;}
#homeAboutKate p{font-size:14px;}
#homeAKImage{float:left; width:45.07042253521127%; margin-right:4.64788732394366%;}
#homeAKImage img{ max-width:100%; height:auto;}
#homeAKContent{float:left; width:50.28169014084507%;}

/** Home Contact Form **/
#homeContactForm{float:left; width:100%; border-top:5px solid #EAE8E8; padding-top:20px;}
#homeContactForm p{font-size:14px;}

/******************** Team Member Overview ************************/
#boxHolder .teamBox{ width:25%; padding:0; margin:0 0 10px;}

/******************** Team Member Profiles  ************************/
#memberInfoCon h1{font-size: 24px;}
#memberInfoCon h2{font-size:18px; margin-bottom:0;}

#memberImageCon{ float:left; width:30%; padding:0 5% 25px 0;}
#memberInfoCon{width:70%;}
#bioCon{width:70%; margin-top:20px;}
#memberListBtn{width:70%;}


/*************** MISC ******************/
img.alignleft {margin:5px 5% 15px 0; max-width:40%;}
img.alignright {margin:5px 0 15px 5%; max-width:40%;}

}



@media only screen and (min-width: 978px) and (max-width: 1298px) {
	
/*********** LAYOUT ************/
 .wrapper {margin: 0 auto; padding:0; width:960px;}
 



/************** Footer **************/ 
#footAddress, #footPhone, #footFax, #footEmail{float:left; margin-right:50px; line-height:24px; margin-bottom:5px;}
 
/**************** HOME ********************/
/***** Home - Links Section ******/
#pageContentCon #linksSection a.moreBtn{font-size:13px; font-weight:400;}

/***** Home - Services Section *****/
#ssLeft .contentCon{width: 480px;}

/***** Home - Services Section *****/
#gsRight .contentCon{width: 480px;}
	
/***** Home - Video Section ******/
.home .home-half{width: 50%;}

/******************** Team Member Overview ************************/
#boxHolder .teamBox{ width:25%; padding:0; margin:0 0 10px;}

/******************** Team Member Profiles  ************************/
#memberInfoCon h1{font-size: 28px;}
#memberInfoCon h2{font-size:20px; margin-bottom:0;}


}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/* Text meant only for screen readers. */
label.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

