@charset "UTF-8";
/*

Website Layout

*/


/* base styles */
body { background: #ffffff; }
html, body, h1, h2, h3, h4, h5, h6, input, textarea { font-family: 'Raleway', sans-serif; }
input[type="search"] { -webkit-appearance: none; }

.off-canvas-wrapper,.off-canvas-wrapper-inner,.off-canvas-content {height: 100%;}
/* navigation */
header{position: fixed;z-index: 100;width: 100%; top: 0;}
nav { background-color: white; box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); width: 100%; max-width: none !important; margin-top: 0 !important; }
nav h1#logo { margin: 0; line-height: 0; margin-top:20px; margin-left:20px; }
nav h1#logo img { max-height: 60px; }
#topnav.menu { margin: 0 20px 0 0; float:right;}
#topnav.menu > li { font-size: 0; line-height: 0; position:relative; }
#topnav.menu > li:hover { background-color:#fff; }
#topnav.menu > li:hover:before { position:absolute; content:''; top:0; left:0; width:100%; height:4px; background:#d0f0fc; }
.nav-icon,.nav-icon:before,.nav-icon:after{width: 30px; height: 4px; background-color:#222222;display: block; margin: 0 auto;border-radius: 2px; transition: all 250ms ease-in-out;}
.nav-icon{position: relative;margin-top: -2px; }
.nav-icon:before,.nav-icon:after{ position: absolute; content: ''; left: 0;}
.nav-icon:before{ top: -10px;}
.nav-icon:after{ top: 10px;}
button.active .nav-icon{ transform:rotateZ(45deg); }
button.active .nav-icon:before,button.active .nav-icon:after{ top: 0; }
button.active .nav-icon:before{ top: 0; transform:rotateZ(-90deg); }
button.active .nav-icon:after{ top: 0; transform: rotateZ(0deg); }
nav .menu > li > a { color: #222; margin: 0 20px; line-height: 100px; font-size: 14px; padding: 0rem; font-weight:700; white-space: nowrap; }
nav .menu > li > ul > li > a { color: #222; margin: 0 20px; line-height: 40px; font-size: 14px; padding: 0rem; font-weight:700; white-space:nowrap; }
nav .menu > li > ul > li:hover { background-color:#eee;}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-color: #222 transparent transparent;}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	nav h1#logo { margin: 20px 0 10px; }
	nav h1#logo img { max-height: 50px; }
	#topnav.menu {float:none;display: inline-block !important; margin:0;}
	nav .menu > li > a { margin: 0 10px; line-height: 50px; }
	.dropdown.menu > li.opens-left > .is-dropdown-submenu{border:none;}
}
@media screen and (max-width: 39.9375em) {
	#topnav {width: 100%;}
	#topnav.menu {margin: 0;}
	#topnav.menu > li {display: block;}
	nav h1#logo { max-width:60%; margin:10px; margin-top: 15px; }
	nav .nav-toggle button{width: 68px;height: 68px;font-size: 24px;color: #777;margin-top: 5px;}
	.sticky-container {z-index: 1;}
	nav .menu > li > a {line-height: 50px;border-top: solid 2px #ccc;background: #eee;padding: 0 20px;margin: 0;}
	nav .menu > li > a:hover {background: #fff;}
	nav .dropdown.menu > li.is-dropdown-submenu-parent > a::after{right:20px;}
	#topnav.menu > li:hover:before {content:none;height: 4px;background: #d0f0fc;}
	.dropdown.menu > li.opens-left > .is-dropdown-submenu {width: 100%;border: none; position: relative;}
	nav .menu > li > ul > li > a {margin: 0;padding: 0 40px;background: none;}
	.navigation-bar + div {overflow: scroll; max-height: calc(100vh - 85px);}
}
.no-js nav .nav-toggle{display: none;}

/* sections */

section { min-height: 90%; padding-top:40px; padding-bottom:40px; background-size:cover; position:relative; width:100%;}
section h2 { font-size:400%; font-weight:200;}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	section {font-size: 0.9rem;}
}
@media screen and (max-width: 39.9375em) {
	section {font-size: 0.9rem;}
}

section#hero { padding:0; margin-top: 100px; }
section#hero h2 { line-height:100%; margin: -15% 10% 0; }
section#hero #slide-1,section#hero #slide-2,section#hero #slide-3 { background-size:cover !important; height: 100%; }
section#hero #slide-1 { background:url(../img/guiding-paths-section-slider-a.jpg) 50% 100% no-repeat; }
section#hero #slide-1 h2 {margin: -10% 10% 0; }
section#hero #slide-2 h2 {margin: -10% 10% 0; }
section#hero #slide-2 { background:url(../img/guiding-paths-section-slider-b.jpg) 50% 100% no-repeat; color:#FFFFFF; }
section#hero #slide-3 { background:url(../img/guiding-paths-section-slider-c.jpg) 100% 50% no-repeat; }
section#hero #slide-3 h2 {margin: -10% 10% 0; }
section#hero .slide-table{display:table; height:100%; width:100%;}
section#hero .slide-table-cell{display:table-cell; vertical-align:middle;}
section#hero .orbit{position:absolute;}
section#hero .orbit,section#hero .orbit-container, section#hero .orbit-slides-container, section#hero .orbit-slide{width: 100%;height: 100% !important;max-height:none !important;}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	section#hero { margin-top: 130px; }
}
@media screen and (max-width: 39.9375em) {
	section#hero { margin-top: 70px; }
	section#hero h2 { font-size:300%; font-weight:200;}
}


section#goal{ background:url(../img/guiding-paths-section-goal.jpg) 0 0 no-repeat; background-attachment:fixed; background-size:cover;  color:#FFFFFF; position:relative;}
/*section#goal > .row > .columns{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}*/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	section#goal .table-container {position: relative;}
}
@media screen and (max-width: 39.9375em) {
	section#goal .table-container {position: relative;}
	section#goal{min-height: 0;}
}

/* bio */
section#bio{ background:url(../img/guiding-paths-section-bio.jpg) 0 0 no-repeat; color:#FFFFFF; background-size:cover; min-height: 100%;}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	section#bio {background: url(../img/guiding-paths-section-bio.jpg) 75% 0% no-repeat;background-size: cover; font-size: 0.9rem;}
}
@media screen and (max-width: 39.9375em) {
	section#bio {font-size: 0.9rem;}
}

/*section#services {background:#f2fbfe url(../img/guiding-paths-section-services.jpg) 50% 50% no-repeat; background-size: cover; color:#FFFFFF;}*/
/*section#services {background:#242217 url(../img/guiding-paths-section-services-2.jpg) 50% 0% no-repeat; background-size: contain; color:#FFFFFF;}*/
/*section#services {background:#29292b url(../img/guiding-paths-section-services-3.jpg) 50% 0% no-repeat; background-size: contain; color:#FFFFFF;}*/
section#services {background:#29292b; color:#FFFFFF;}
section#services .service-callouts .service-image{}
section#services .callout{border:none;}
section#services .service-callouts{}
section#services .service-callouts .columns:hover .callout{ margin-top:0;}
section#services .service-areas-of-focus li,section#services .bullets li{position:relative; list-style:none;}
section#services .service-areas-of-focus li:before,section#services .bullets li:before{content:''; position:absolute; left:-20px; top:.5rem; width:8px; height:8px; border-radius:4px; border:solid 2px white; background-color:#c00; box-shadow:1px 1px 5px rgba(0,0,0,0.5);}
section#services .accepted-insurance{margin:-15px 0 15px;}
section#services .accepted-insurance li{display: inline;}
section#services .accepted-insurance li img{margin:15px 15px 0;max-width: 120px;max-height: 60px;}
section#services .accepted-insurance li img.insurance-humana-military-tricare{max-width: 170px;}
section#services .menu.bullets li{padding:0 20px;}
section#services .menu.bullets li:before{left:0px;}
section#services .other-options i{font-size: 80%;top: -1px;position: relative;}
section#services #otherOptionsList{margin: 0;}
section#services #otherOptionsList li{display: inline;margin: 0 1.25rem;position: relative;white-space: nowrap;}
section#services #otherOptionsList li:before{position: absolute; left: -1.3rem; top: 1px; content:"\f00c"; font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
/*section#services #otherOptionsList li:before{position: absolute; left: -1.3rem; top: 0; content:'•'; font-size: 24px;line-height:20px;}
section#services #otherOptionsList li:first-child:before{display: none;}*/
@media screen and (max-width: 39.9375em) {
	section#services .service-callouts .column:last-child:not(:first-child), section#services .service-callouts .columns:last-child:not(:first-child) {float: none;}
}

section#approach{ background:url(../img/guiding-paths-section-approach.jpg) 0 0 no-repeat; background-attachment:fixed; padding:0; background-size:cover;}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	section#approach .table-container {position: relative;}
}
@media screen and (max-width: 39.9375em) {
	section#approach .table-container {position: relative;}
}

section#contact .gmap-container{overflow:hidden;height:400px;width:100%;}
section#contact #gmap_canvas{height:400px;width:100%;}
section#contact span.sent,section#contact span.wait{top: -5px;position: relative;}

/* footer */
#footerNavigation.menu{display: inline-block;}
#footerBadges img.footer-badge{max-height: 40px; max-width: 120px; vertical-align: middle;width: auto; height: auto;}
.footer-badge{margin:0 5px 0 0;}
.footer-badge{margin:0 10px 10px 0;}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	footer{font-size: 0.9rem;}
	footer .menu > li > a {padding: 0.7rem 0.5rem;}
}
@media screen and (max-width: 39.9375em) {
	/*.footer-badge{margin: 5px;}*/
	.footer-badge{margin: 10px;}
	footer .menu {margin-top: 1rem;}
	footer .menu > li{display: block;text-align: center;}
}

/* utility */
.remove-bottom,.mb-0{margin-bottom: 0 !important;}
.table-container{position:absolute; left:0; top:0; width:100%; height:100%;}
.table{display:table; height:100%; width:100%;}
.table-cell{display:table-cell;}
.table-cell.middle{vertical-align:middle;}
.d-inline-block, .display-inline-block{display: inline-block !important;}
@media only screen and (min-width: 64.063em) {
	.large-float-left {float: left !important;}
	.large-float-right {float: right !important;}
	.large-float-none {float: none !important;}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.medium-float-left {float: left !important;}
	.medium-float-right {float: right !important;}
	.medium-float-none {float: none !important;}
}
@media screen and (max-width: 39.9375em) {
	.small-float-left {float: left !important;}
	.small-float-right {float: right !important;}
	.small-float-none {float: none !important;}
}