/* =======================
LOCAL STYLING
TEMPLATE : Avalon
DATE : 10.22.2013
======================= */

body {
    background: #fff;
    font: 16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #333;
}

.container {
    width: 100%!important;
    max-width: 1000px;
}

/* Links */
a {
    color: #04184d;
    text-decoration: none;
}

a:hover {
    color: #001B48;
    text-decoration: none;
}


/* Fonts */
h1, .font1 {
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.font2 {
    font-family: 'Open Sans Condensed', 'Helvetica Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif;
}


/* Headings */
h1, h2, h3, h4 {
    margin: 15px 0 10px;
}

h1 {
    color: #7ab0cc;
    font-size: 39px;
    font-weight: 300;
    margin-bottom: 28px;
text-align:center;
}

h2 {
    color: #7ab0cc;
    font-size: 20px;
    font-weight: 400;
}

h3 {
    font-size: 18px;
    font-weight: 400;
color:#c9e1a8;
}

h4 {
    font-size: 16px;
color:#393939;
font-style:italic;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 14px;
}



/* Header */
#hd {
    text-align: center;
    padding: 0 3%;
border-top: solid 5px #7aafcb;

}

#hd .container {
    padding: 0 0 20px;
}


#utility-nav {}
/* Logins */
#utility-nav ul {
    margin: 0 0 15px;
}

#utility-nav li {
    list-style: none;
    display: inline-block;
}

#utility-nav a {
    display: block;
    padding: 10px 10px 5px;
    margin: -10px 3px 0;

text-transform:uppercase;
    color: #333;
background: #e0f3c4; /* Old browsers */
background: -moz-linear-gradient(top, #e0f3c4 0%, #c8e0a6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f3c4), color-stop(100%,#c8e0a6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e0f3c4 0%,#c8e0a6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e0f3c4 0%,#c8e0a6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e0f3c4 0%,#c8e0a6 100%); /* IE10+ */
background: linear-gradient(to bottom, #e0f3c4 0%,#c8e0a6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3c4', endColorstr='#c8e0a6',GradientType=0 ); /* IE6-9 */
}


/* Social icons */
.social-icons a {
    display: inline-block;
    margin: 3px;
}

.social-icons img {
    width: 32px;
    height: 32px;
}




/* Logo */
.logo {
    margin: 10px 0;
}



/* Addresses */
#hd .address {
    padding: 4px 0 12px 0;
font-weight:700;
}

#hd .address a {
    font-size: 16px;
    line-height: 23px;
    color: #3a3e3f;
    display: inline-block;
}

#hd .address .mobile-phone-link {
	display:block;
}



 #hd .address .phone {
    color: #6eb1d5;
}
#hd .address .name a, #hd .address .phone {
    font-size: 24px;
margin-bottom:10px;
}

#hd .address a:hover {
    color: #52aad8;
} 




/* Nav Slideshow */
#nav-slideshow {
    position: relative;
    z-index: 900;
background: url('../images/bg-pat-blue.jpg') repeat;
}


/* Main Nav */
#main-nav {
    text-align: center;
    z-index: 3000 !important;
}

#main-nav a {
    color: #fff;
    font-size: 20px;
    padding: 8px 3%;
    text-transform: uppercase;
}

#main-nav .trigger {
    background: #193964;
    padding: 10px;
}

#main-nav ul {
    background: #165FA3;
    padding: 7px 0;
}

#main-nav ul a:hover {
    text-decoration: none;
    background: rgba(255,255,255,.25);
}

#main-nav ul ul {
    background: #014380;
}


/* Home Slideshow */
#tagline {
    display: none;
}





/* Callouts */
#callouts {
    padding: 20px 3% 15px;
    text-align: center;
    text-transform: uppercase;
}

#callouts .callout a {
    display: block;
    margin-bottom: 8px;
    padding: 15px 0;
color:#5bb4fb;
}

#callouts .callout a:hover {
    background: #f7f7f7;
}

#callouts .callout a img {
    width: 68px;
}

#callouts .callout h4 {
    margin: 5px 0 8px;
    font-size: 22px;
    font-weight: 300;
color:#79afcb;
font-style:normal;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#callouts .callout span {
    font-weight: 700;
}

#callouts .callout .subtext {
    margin: 0 0 8px;
    color: #3c3c3c;
    font-size: 15px;
    line-height: 1.3;
}

#callouts a .learn-more {
    display: inline-block;
    width: 135px;
    height: 30px;
    line-height: 30px;
    background: url("../images/learn-more-bg.png") center top no-repeat;
    color: #fff;
}

#callouts a:hover .learn-more {
    background: url("../images/learn-more-bg.png") center bottom no-repeat;
    color: #fff;
}





/* Main Content */
#bd {
    padding: 10px 3% 50px;
}

.body-tagline {
    color: #04184d;
}

#bd article {
    line-height: 24px;
}






/* Subnav */
.sub-navigation {
background: #7ab0cc;
    padding: 20px;
    text-align: center;
}

.sub-navigation ul:before {
    content: "More Topics";
    font-size: 24px;
    margin-bottom: 10px;
    display: block;
    color: #fff;
}

.sub-navigation a {
    color: #fff;
    font-size: 17px;
    line-height: 32px;
}

.sub-navigation a:hover, .sub-navigation li.active a {
    color: #444;
}




/* Footer Maps Section */
#ft-maps {
    padding: 0 3%;
    z-index: 410;
    text-align: center;
background: #6ba4c2;
    position: relative;
}

/* Back to top */
#ft-maps .back-to-top {
    margin: 0;
    padding-bottom: 25px;
}

#ft-maps .back-to-top a {
    background: transparent url("../images/back-to-top.png") center center no-repeat scroll;
    z-index: 3000 !important;
    text-indent: -999em;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin: -30px 0 0 -30px;
    width: 60px;
    height: 60px;
}


/* Maps */
#ft-maps .location a {
    display: block;
    margin: 25px 0;
    color: #fff;
font-weight:700;
}

#ft-maps .location a:hover {
    color: #d4ecff;
}

#ft-maps .location a img {
    width: 120px;
}

#ft-maps a .location-name {
    font-size: 23px;
}

#ft-maps a .phone {
    font-size: 19px;
}


.ft-logos {padding:3px 0 19px;}

.ft-logos a {margin:10px 0px;display:block;}






/* Footer */
#ft {

background: url('../images/bg-pat-blue.jpg') repeat;
    text-align: center;
    padding: 10px 3%;
}

#ft h5 {
    color: #4dd2ff;
    text-transform: uppercase;
    font-size: 24px;
    margin: 20px 0 5px;
}
#ft nav {padding-top:20px;}
#ft a {
    color: #fff;
    line-height: 35px;
    font-size: 18px;
}

#ft a:hover {
    color: #009bda;
    text-decoration: none;
}




/* Sesame link */
#ft .sesame {
    padding-top: 33px;
    clear: both;
}

#ft .sesame a {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
font-family:lato;
text-shadow:1px 1px 1px rgba(0,0,0,.2);
}

#ft .sesame img {
    margin-top: -2px;
}







/* Misc */


/* Dr and Staff photos */
.staff-photo, .doctor-photo, .dr-photo, .team-photo {
    border: 1px solid rgba(0,0,0,.26);
}



/* Form Buttons */
button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: rgba(0,0,0,.5);
    color: #fff;
}



/* BLOG FORM */
form#blog_search {
    background: rgba(0,0,0,.15);
    border: 1px solid rgba(0,0,0, .19);
    color: #333;
    text-align: center;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

form#blog_search label {
    color: #fff;
    color: rgba(0,0,0,.65);
    font-size: 19px;
    font-weight: bold;
    margin: 15px 0 5px;
}

form#blog_search input {
    background: #fff;
    background: rgba(255,255,255,.6);
    color: #000;
    color: rgba(0,0,0,.8);
    border: 1px solid rgba(0,0,0,.4);
    width: 80%;
    margin: 6px 6%;
    padding: 5px 3%;
}

form#blog_search input:hover {
    background: rgba(255,255,255,.7);
}

form#blog_search input:focus {
    background: rgba(255,255,255,.94);
}

form#blog_search button {
    background: #000;
    background: rgba(0,0,0,.26);
    color: #fff;
    border: 1px solid rgba(0,0,0,.24);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

form#blog_search button:hover {
    background: rgba(0,0,0,.22);
}

form#blog_search button:active {
    background: rgba(0,0,0,.32);
}







/* ===============================================
Tablet / Desktop Stylings
=============================================== */

@media screen and (min-width: 48em) {


/* Header */
    #hd {
        padding: 0 15px;
    }

    #hd .container {
        padding-top: 30px;
    }

    #utility-nav ul {
        position: absolute;
        top: 3px;
        right: 0;
        text-align: right;
    }

    #utility-nav a {
        text-align: center;
        position: relative;
        top: -3px;
    }

    #utility-nav a:hover {
        top: 0;
    }

    #hd .logo {
        padding-right: 20px;
        text-align: center;
    }

    #hd .address {
margin-top:18px;
        padding-left: 12px;
padding-top:0!important;
        text-align: left;
text-align:right;
    }    

#hd .address .name a, #hd .address .phone {
margin:0;
    font-size: 20px;}



/* Social icons */
.social-icons {
position:absolute;top:4px;right:250px;
}
.social-icons a{
margin:0 4px;}

.social-icons img {
    width: 24px;
    height: 24px;
}





/* Home slideshow */
    #tagline {
        display: block;
        position: absolute;
        text-shadow: 1px 1px 0px rgba(0,0,0,0.19);
        color: #fff;
        text-transform: uppercase;
        font-size: 32px;
        line-height: 1;
        font-weight: 300;
        right: 15px;
        top: 45%;
        z-index: 1000 !important;
    }

    #tagline span {
        display: block;
        margin-left: 2em;
        font-weight: 700;
    }





/* Callouts */
    #callouts {
        padding: 20px 10px 15px;
    }

    #callouts .callout {
        padding: 0 8px;
    }




/* Main Content */
    #bd {
        padding: 20px 15px;
    }

    #bd article .span6 {
        padding-right: 15px;
        text-align: justify;
    }

    #bd article .span6.second-col {
        padding: 0 0 0 15px;
    }

    #bd article {
        padding-right: 30px;
    }

    .home #bd article {
        padding: 0;
    }



/* Subnav */
    .sub-navigation {
        text-align: left;
    }

    .sub-navigation ul:before {
        font-size: 23px;
    }

    .sub-navigation a {
        font-size: 18px;
        line-height: 24px;
    }




/* Footer Maps Section */
    #ft-maps {
        padding: 0 15px 10px;
        text-align: left;
    }

    #ft-maps .location {
        padding: 0 10px;
    }

    #ft-maps .location a .map {
        text-align: right;
        padding-right: 20px;
    }

    #ft-maps .location .address {
        padding: 33px 0;
    } 




/* Footer */
    #ft {
        padding: 20px 15px;
        text-align: left;
    }

    #ft h5 {
        font-size: 18px;
    }

    #ft a {
        font-size: 15px;
    }

    .ft-nav {
        padding-right: 25px;
    }

    #ft li {
        display: inline-block;
        width: auto;
        margin-right: 28px;
    }

    #ft .social-icons a {
        margin: 5px 5px 0 0;
    }
}







/* ===============================================
Desktop Only Stylings
=============================================== */

@media screen and (min-width: 64em) {


/* Header */
    #hd {
        padding: 0;
    }
    #hd .container{
        padding: 0;
    }

    #hd .logo {
        text-align: left;
        padding: 0 0 3px;
margin:35px 0 0;
    }

    #hd .address {
        padding: 12px 0;
margin-top:43px;
    }
#hd .address a {
    font-size: 15px;
    line-height: 21px;
}
#hd .address .name  {margin-right:-40px;position:relative;left:-65px}

#hd .address .name a, #hd .address .phone {
    font-size: 21px;}




/* Nav Slideshow */
    #home-slideshow {
        padding-bottom: 30px;
    }



/* Main Nav */
    #main-nav {
        padding: 8px 0;
        z-index: 1000;
    }

    #main-nav ul li {
        margin: 0 6px;
        z-index: 1000;
    }

    #main-nav ul {
        background: none;
    }

    #main-nav a {
        color: #fff;
        font-size: 17px;
        padding: 4px 21px;
    }

    #main-nav ul a:hover, #main-nav li.active a, #main-nav li:hover a {
color:#484b4f;
background: url('../images/nav.png') repeat-x #c7dfa6;
    }

    #main-nav ul ul {
        text-align: left;
background: #c8e0a6 ;
width:209px;
    }

    #main-nav ul ul li {
        margin: 0;
    }

    #main-nav .contact ul, #main-nav .contact-us ul {
        margin-left: -80px;
    }

    #main-nav ul ul a {
        font-size: 15px;
        text-transform: none;
        padding: 4px 13px;
border:none!important;
box-shadow:none!important;
background:none!important;
    }

    #main-nav ul ul a:hover {
        background: #193964!important;
        color: #fff;
    }




/* Home slideshow */
    #tagline {
        font-size: 38px;
        right: 25px;
    }




/* Callouts */
    #callouts {
        padding: 20px 0 15px;
    }

    #callouts .callout a img {
    	width: auto;
	}
#callouts .callout a {text-align:center;}

.subtext {width:150px;display:inline-block;clear:both;}
#callouts a .learn-more{display:block;clear:both;margin:0 auto;}


/* Main Content */
    #bd {
        padding: 20px 0;
    }

.sidebar {max-width:240px;}

#ft-maps .location {padding-left:50px;}
.ft-logos {padding-left:80px;}

#ft-maps .location a img {
    width: auto;
}

    #ft-maps .location .address {
        padding: 68px 0;
    } 




/* Footer */
    #ft {
        padding: 25px 0;
    }
}