/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/*************************************************/
/* EDITED FOR HEALTHY FOUNDATIONS IMPLEMENTATION */
/*************************************************/


/* #Base 960 Grid
================================================== */
    /*default text is effra_regular*/
    *                                           { font-family: "effra",sans-serif !important; font-weight:400; font-style:normal;}
    
    .effra_bold                                 { font-family: "effra",sans-serif; font-weight:700; font-style:normal;}
    .effra_regular                              { font-family: "effra",sans-serif; font-weight:400; font-style:normal;}
    .effra_medium                               { font-family: "effra",sans-serif; font-weight:500; font-style:normal;}
    .effra_medium_italic                        { font-family: "effra",sans-serif; font-weight:500; font-style:italic;}
    .effra_light                                { font-family: "effra",sans-serif; font-weight:300; font-style:normal;}
    .effra_light_italic                         { font-family: "effra",sans-serif; font-weight:300; font-style:italic;}

    body                                        { color:#64686D; font-size:17px; }

    a                                           { color:#00ADEF;}
    a:visited                                   { color:#00ADEF;}
    a:hover                                     { color:#00ADEF;}

    a[href^=tel]                                { text-decoration:none;}
    
    section                                     { padding:25px 0;}
    section img                                 { vertical-align:top;}

    footer                                      { background:#65696e; text-align:center; }
    footer p                                    { color:#fff; font-size:15px;}
	footer .row									{ display:flex; justify-content:center; align-items:center; height:280px; margin:0; }
	footer .footer-logos						{ width: 250px; height:87px; margin-bottom:2em; }
	footer a 									{ text-decoration:none; }
    
    .white                                      { background:#fff;}
    .gray                                       { background:#e7e8e9 ;}
    .gray2                                      { background:#eef5e6 ;}
    /*.lightblue                                  { background:#f0f9fe;}*/
    .lightblue                                  { background:#e6f4fc;}
    
    .blue                                       { color:#00ADEF;}
    .blue_bkg                                   { background:#00ADEF;}

    .hero img                                   { max-width:100%;}

    .masthead                                   { position:fixed; width:100%; height:135px; z-index:100;}
    .masthead_offset                            { padding-top:134px;}
    .masthead_offset.hero                       { padding-bottom:0;}
    .masthead h1                                { margin-top:22px; margin-left:50px;}
    .masthead h1 a                              { background:url("/images/logo_sprite.png") no-repeat; width:163px; height:88px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden;}
    .masthead h4                                { background:#e8f6fe; color:#00ADEF; position:absolute; top:0; right:50px; font-size:14px; padding: 10px 15px;}

    #nav_mobile                                 { display:none;}
    #nav_desktop                                { position:absolute; top:61px; right:50px;}
    #nav_desktop li                             { display:inline-block; margin-left:20px; height:45px;}
    #nav_desktop li:first-child                 { margin-left:0;}
    #nav_desktop a                              { color:#64686D; text-decoration:none; padding-bottom:3px;}
    #nav_desktop a.active, nav a:hover,
    body.bio .team                              { color:#64686D; border-bottom:6px solid #7ad5f7;}
    #nav_desktop .home                          { background:url("/images/nav_sprite.png") no-repeat; width:25px; height:32px; display:inline-block; text-indent:100%; white-space:nowrap; overflow:hidden; position:relative; top:14px;}                     
    #nav_desktop .home.active,
    #nav_desktop .home:hover                    { background-position:0 -35px; border-bottom:none;}

    .bottom_border                              { border-bottom:1px solid #b2b4b6; padding-bottom:25px;}
    .intro                                      { font-size:19px; line-height:1.1;}
    .word_wrap                                  { overflow-wrap:break-word; word-wrap:break-word; }
    .no_top_padding                             { padding-top:0;}
    .no_bottom_margin                           { margin-bottom:0;}
    .centered                                   { text-align:center;}
    blockquote                                  { font-size:22px; padding:0 90px;}
    blockquote.quote_blue                       { background:url("/images/quote_opening_blue.png") top left no-repeat, url("/images/quote_closing_blue.png") bottom right no-repeat;}
    blockquote.quote_palegreen                  { background:url("/images/quote_opening_palegreen.png") top left no-repeat, url("/images/quote_closing_palegreen.png") bottom right no-repeat;}
    blockquote p, cite                          { line-height:1.1;}
    cite                                        { font-size:17px; display:block;}
    h4                                          { margin:0; padding:0;}

    .subhead                                    { width:900px; position:relative;}
    .subhead h2                                 { width:250px; padding:55px 50px 5px 50px; color:#00ADEF; font-size:38px; line-height:.9; }
    .subhead img                                { position:absolute; bottom:0; left:250px;}
    .subhead.reverse                            { width:300px; height:185px; background:#00ADEF;}
    .subhead.reverse h2                         { width:200px; color:#fff;  }
    .subhead h3                                 { font-size:19px; color:#fff; padding-left:50px;}

    section.first                               { padding-top:5px;}

    section ul                                  { margin:4px 0 0 30px;}
    section ul li                               { list-style-image:url("/images/bullet_arrow.png"); list-style-position:outside; margin-bottom:5px;}

    ol { 
        counter-reset:li-counter; 
        list-style-type:none;
        margin:0;
        padding:0;
    }
    ol > li:before { 
        content:counter(li-counter, decimal) ".";
        counter-increment:li-counter;
        font-size:50px;
        left:0;
        position:absolute;
        top:-10px;
        color:#00ADEF;
        font-family: "effra",sans-serif; font-weight:700; font-style:normal;
    }
    ol > li { 
        margin-bottom:30px;
        position:relative;
        padding-bottom:30px;
        border-bottom:1px solid #b2b4b6;
    }
    ol > li.last {
        border-bottom:none;
        padding-bottom:0;
    }
    ol > li > span {
        display:inline-block;
        padding-left:65px;
        min-height:40px;
    }

    .faq dt, .faq dd                            { padding-left:20px;}
    dt                                          { color:#00ADEF; background-image:url("/images/accordion_open_close.png"); background-repeat:no-repeat; background-position:0 -44px; margin-bottom:15px;}
    dt:hover                                    { cursor:pointer;}
    dd                                          { margin:-8px 0 15px 0; display:none;}
    .open                                       { background-position:-50px 4px;}

    .bio_photos_circles                         { background:url("/images/bios/bio_photos_circles_sprite.jpg") no-repeat; width:165px; height:165px; }
    .michels                                    { background-position:0 0;}
    .craien                                     { background-position:-165px 0;}
    .schoemperien                               { background-position:-330px 0;}
    .connor                                     { background-position:0 -165px;}
    .benner                                     { background-position:-165px -165px;}
    .benson                                     { background-position:0 -330px;}
    .stefanik                                   { background-position:-165px -330px;}
    .every                                      { background-position:-330px -165px;}
    .bio_preview                                { text-decoration:none}
    .bio_preview h3, .bio_preview h4,
     section.bio h3, section.bio h4             { color:#00ADEF;}
    .bio_preview h3                             { text-decoration:underline; margin-top:15px;}
    .bio_preview h4                             { margin-bottom:0px;}
    .bio_preview h4.last                        { margin-bottom:0;}
    section.bio h4, section.bio img             { margin-bottom:20px;}
    section.bio img                             { max-width:100%;}
    section.bio h3                              { font-size:22px; line-height:1.1; margin-top:30px;}
    
    .contact                                    { font-size: 14px; margin: 4px 0px 50px;}
    .contact > a                                { padding: 0px 0px; color:#3399cc; text-decoration: none;}
    .contact > a:hover                          { text-decoration: none;}
    .contact > p                                { padding: 4px 0px 0px; color:#3399cc;}

    .fancybox-skin                              { padding:0 !important;}
    .fancybox-close                             { background-image:url("/images/modal_close.png"); width:29px; height:29px; right:10px; top:10px;}

    .resources > h2                             { }
    .resources > ul > li > a                    { text-decoration: none; }
    .resources > ul > li > a:hover              { text-decoration: underline;}

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 0; margin-right: 0; }
    .row                                        { margin:50px;  }

    .back                                       { background:#C6EAFB; padding:12px 10px;}
    .row.flush                                  { margin-top:0;}

    .back a                                     { background:url("/images/back.png") no-repeat 0 2px; padding-left:27px; color:#64686d; text-decoration:none; position:relative; top:1px;}
    .back a:hover                               { text-decoration: underline;}

    .left                                       { float:left !important;}
    .right                                      { float:right !important;}
	
	.bios										{ margin-left:0; }
	.bios > li									{ list-style-image:none; margin-bottom:35px;}
	.bios > li > img 							{ float:left;}
	.bios > li > div							{ margin-left:130px;}
	.bios > li > div > p:first-child			{ margin-bottom:15px;}

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 960px; }

    .container .one-third.column                { width: 250px; padding-left:50px; }
    .container .one-third.column:first-child    { padding-left:0;}
    .container .two-thirds.column               { width: 560px; padding-left:50px; }

    .bio .container .one-third.column           { padding-left:0;}

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {

        footer                                      { padding: 20px 0; }

        #nav_mobile                                 { display:block; text-align:center; line-height:13px;}
        #nav_mobile ul                              { display:none;}
        #nav_mobile ul, #nav_mobile li              { margin:0; }
        #nav_mobile a                               { color:#64686d; text-decoration:none;}
        #nav_mobile a, #nav_mobile li.last          { width:318px; line-height:45px; display:inline-block; border-top:1px solid #d9dadb;}
        #nav_mobile ul a:hover                      { border-top:1px solid #d9dadb; border-bottom:none;}
        
        #nav_mobile #mobile_nav_trigger             { background:#bfdba2; border-top:1px solid #92a288; border-bottom:1px solid #92a288; text-align:right; height:45px;}
        #mobile_nav_trigger span                    { background:url("/images/mobile_nav_sprite.png") 0 0 no-repeat; display:inline-block; width:47px; height:45px;}
        #mobile_nav_trigger span.open               { background-position:0 -45px;}
        
        #nav_mobile li.last                         { background:#e6f4fc; color:#00ADEF; font-size:14px;}     
        #nav_mobile li.last a                       { display:inline; border-top:none; color:#00adef; text-decoration:underline;}

        .intro                                      { font-size:18px; line-height:1.05;}                          

        #nav_desktop, .masthead h4                  { display:none;}
        .row                                        { margin:15px;}
        .masthead                                   { position:relative; height:auto;}
        .masthead_offset                            { padding-top:0;}
        .masthead h1                                { margin-left:0; margin:0 0 10px 0;}
        .masthead h1 a                              { margin:0 auto;}
        .masthead h1 a                              { background-position:-170px -10px; width:125px; height:80px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden;}
        .container { width: 318px; }
        .container .columns,
        .container .column { margin: 0; }

        .bottom_border                              { padding-bottom:0;}
        blockquote                                  { padding:50px 10px 0 0; font-size:18px;}
        blockquote.quote_blue                       { background:url("/images/quote_opening_blue.png") top left no-repeat, url("/images/quote_closing_blue.png") bottom right no-repeat;}

        .one-third.column.centered                  { margin-top:30px;}
        .one-third.column.centered.last             { margin-top:0px;}
        .bio_preview.first                          { display:block;}
        #nav_mobile a, #nav_mobile li.last,         
        .subhead.reverse                            { width:318px; }

        .subhead.reverse                            { height:61px;}

        .subhead.reverse h3                         { display:none;}
        .subhead.reverse h2                         { padding-left:15px; font-size:26px; padding:20px;}
        .subhead h2, .subhead.reverse h2            { padding-left:15px; width:245px;}
        .subhead img                                { position:relative; top:40px; left:20px;}

        .subhead                                    { width:318px;}

        .fancybox-close                             { background:url("/images/modal_close.png") no-repeat 0 0 !important; background-size:100% 100%; width:29px; height:29px; right:10px; top:10px;}

        section.bio .row                            { margin-left:0; margin-right:0;}
        section.bio .container .two-thirds          { padding-left:0; width:318px;}
        section.bio .container .one-third           { width:245px; margin:0 35px;}
        section.bio h3                              { margin-top:5px;}
		
		.bios > li > img 							{ float:none; display:block; margin:0 0 10px 0;}
		.bios > li > div							{ margin-left:0;}
		.bios > li > div > .bio-contact				{ /*text-align:center;*/}

        .container { width: 318px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 318px; padding-left:0; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

        .container,
        .container .sixteen.columns                 { width: 318px; }

        .container .one-third.column,
        .container .two-thirds.column                { width: 280px; padding-left:0; }
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {

        footer                                      { padding: 20px 0; }

        #nav_desktop, .masthead h4                  { display:none;}
        .row                                        { margin:25px;}
        .masthead                                   { position:relative;}
        .masthead_offset                            { padding-top:0;}
        .masthead h1                                { position:relative; left:0; }
        .masthead h1 a                              { margin:0 auto;}
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .intro                                      { font-size:19px; line-height:1.2;} 

        #nav_mobile a, #nav_mobile li.last,
        .subhead.reverse                            { width:565px; }
        
        .subhead.reverse                            { }

        .subhead.reverse h2                         { font-size:25px; width:490px;}
        .subhead h2, .subhead.reverse h2            { padding-left:25px;}
        .subhead h2                                 { width:510px;}
        .subhead h3                                 { padding-left:25px;}
        .subhead img                                { position:relative; top:40px; left:25px;}

        .subhead                                    { width:510px;}

        section.bio .container .two-thirds          { padding-left:0; width:565px;}
        section.bio .container .one-third           { width:495px; margin:0 35px;}

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 510px; padding-left:0;}

        .container,
        .container .sixteen.columns                 { width: 565px; }

        .container .one-third.column,
        footer p                                   { width: 510px; padding-left:0; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }