/* Don't try this at home, kids.  This strictly for developmental 
 * purposes.  @imports will be removed when code is minified for
 * production copy.
 */

@import '../global.css';

/**
 * SDS-7
 * @author Nick Glenn <work@nick-glenn.com>
 * @package sds-7
*/

/* Header */

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

#hd .address {
    padding: 15px 0;
}

#utility-nav {
    position: absolute;
    top: 0;
    right: 0;
}

#utility-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#utility-nav a {
    display: block;
    padding: 0px 24px 2px;
}

/* Slideshow & Main Nav */

#top-banner {
    z-index: 1000;
}

/* Callouts */

#callouts {
    padding: 30px 0;
}

#callouts .callout > a {
    display: block;
    padding: 10px 0;
}

#callouts .callout h4 {
    margin-bottom: 10px;
	font-weight:lighter;
}

#callouts .callout .subtext {
    margin: 0;
    height: 100px;
    overflow: hidden;
}

/* Content */

#bd {
    padding: 30px 0;
}

#subnav {
    padding: 15px;
}
li {
	line-height:1.3;
}

/* Footer Banner */

#ft-banner .back-to-top {
    margin: -40px 0 -5px 0;    
}

#ft-banner .back-to-top a {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
}

#ft-banner {
    z-index:410 !important;
}

#ft-banner, #ft-banner .location {
    padding: 15px 0;
}

#ft-banner .location > a {
    display: block;
}

/* Footer */

#ft {
    padding: 50px 0;
}

#ft .sesame {
    padding-top: 75px;
}

/* Find Us - Footer Section- Google Map */
iframe {
	width: 100%;
}

#map {
	max-height: 250px;
	display: none;
}

#map h3 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	display: block;
	padding: 20px 28px 0 15px;
}

.social-icons > a {
    float: none;
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0;
}

#invisalign-before-after > p, .cycle-detail span {
	display:none;
}
body.sitemap #bd ul li,
body.sitemap #bd ul ul li {
	list-style: none;
}

/* Forms */
.ie9 input[type="checkbox"], .ie9 input[type="radio"],
.ie10 input[type="checkbox"], .ie10 input[type="radio"] {
	border: none !important;
	box-sizing: content-box;
}

/* ===============================================
 Healthgrades
 =============================================== */
#healthgrades-widget,
.healthgrades-widget {
   display:inline-block;
	position:relative;
	vertical-align:middle;
	left:-7px;
	top:3px;
}
#healthgrades-widget ul ul,
.healthgrades-widget ul ul {
	margin:0 0 0 -163px;
}


@media screen and (min-width: 48em) {
	
	#healthgrades-widget ul ul,
	.healthgrades-widget ul ul {
	margin:0 0 0 -165px;
	}

    
    
    /* Header */
    
    #hd {
        text-align: left;
    }
    
    #hd .address {
        padding: 0;
    }    
    
    /* Slideshow & Main Nav */
    
    #tagline {
        position: absolute;
		z-index:3000 !important;
        right: 5%;
        bottom: 30%;
        max-width: 300px;
    }

    /* Footer Banner */
    
    #ft-banner .location .address {
        padding: 30px 0;
    }    
    
    /* Footer */
    
    #ft nav ul li {
        display: inline;
        margin-right: 20px;
        width: auto;
    }
    
    #ft nav ul li a {
        display: inline;
        margin: 0;
        padding: 0;
    }
	
	/* Google Footer Map */
	#find-us h3 {
		margin-left: 15px;
		padding-left: 5px;
	}

	#map, #google-map {
		max-height: 250px;
		display: block;
	}

	#map h3 {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		display: block;
		padding: 20px 28px 0 15px;
		display: inline;
	}

    
    /* Grid System */
    
    .row > .span1, .row > .span2, .row > .span3, .row > .span4, .row > .span5, .row > .span6, 
    .row > .span7, .row > .span8, .row > .span9, .row > .span10, .row > .span11, .row > .span12, 
    .row > .quarter, .row > .third, .row > .half, .row > .full {
        border:0px solid rgba(0,0,0,0);
        display:block;
        float:left;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        -moz-background-clip:padding-box !important;
        -webkit-background-clip:padding-box !important;
        background-clip:padding-box !important;
        margin-left:5%;
    }

    .row > .span1:first-child, .row > .span2:first-child, .row > .span3:first-child, 
    .row > .span4:first-child, .row > .span5:first-child, .row > .span6:first-child, 
    .row > .span7:first-child, .row > .span8:first-child, .row > .span9:first-child, 
    .row > .span10:first-child, .row > .span11:first-child, .row > .span12, 
    .row > .quarter:first-child, .row > .third:first-child, .row > .half:first-child, 
    .row > .full {
        margin-left:0%;
    }

    .row > .span1 {width:3.75%;}
    .row > .span2 {width:12.5%;}
    .row > .span3, .row > .quarter {width:21.25%;}
    .row > .span4, .row > .third {width:30%;}
    .row > .span5 {width:38.75%;}
    .row > .span6, .row > .half {width:47.5%;}
    .row > .span7 {width:56.25%;}
    .row > .span8 {width:65%;}
    .row > .span9 {width:73.75%;}
    .row > .span10 {width:82.5%;}
    .row > .span11 {width:91.25%;}
    .row > .span12, .row > .full {width:100%;}
    .row > .offset1 {margin-left:8.75%;}
    .row > .offset2 {margin-left:17.5%;}
    .row > .offset3 {margin-left:26.25%;}
    .row > .offset4 {margin-left:35%;}
    .row > .offset5 {margin-left:43.75%;}
    .row > .offset6 {margin-left:52.5%;}
    .row > .offset7 {margin-left:61.25%;}
    .row > .offset8 {margin-left:70%;}
    .row > .offset9 {margin-left:78.75%;}
    .row > .offset10 {margin-left:87.5%;}
    .row > .offset11 {margin-left:96.25%;}    
    
}

@media screen and (min-width: 64em) {
    
    /* Slideshow and Main Naiv */

    #main-nav {
        padding: 8px 0;
        z-index: 5000 !important;
    }
    
    #main-nav ul li {
        float: none;
        display: inline-block;
        margin:0;
        padding:0;
        z-index: 1000;
    }
    
    #main-nav ul li a {
        display: block;
        margin: 0;
        padding: 4px 20px;
    }
    
    .ie8 #main-nav ul li a {
        width: auto !important;
        height: auto !important;
        max-width: none !important;
    }
    
    #main-nav ul ul li {
        display: block;
        margin: 0;
    }

    #main-nav ul ul li a {
        margin: 0;
        padding: 5px 10px;
    }
	
	/* Footer */
	#find-us h3 {
		margin-left: 0;
	}
    
}