/*
Theme Name: Pillar Procedure
Theme URI: http://pp.3dev.co
Description: The starter WordPress theme for THIRDinteractive projects
Version: 1.1
Author: THIRDinteractive
Author URI: http://thirdinteractive.com/
Tags: 

*/


/* ================================ Resets / Base Styles ================================ */

html { margin: 0; padding: 0; }
	
body {
	margin: 0; padding: 0;
	font-size: 14px;
	text-align:center;
	background: #fff; /* white */
	color: #363636; /* grey */
	font-family: 'Open Sans', sans-serif;
	}
	
body, h1, h2, h3, h4, h5, h6, td, p, li, input, select, textarea { font-family: 'Open Sans', sans-serif; }
a, a:visited, a:active { color: #18345b; text-decoration: underline; outline:0; }
a:hover { color: #00b9bd; /* lighter blue */ }

#copy a, #copy a:visited, #copy a:active {text-decoration: underline; color: #363636;}

img { border: 0; }
p, ul, ol, dl { margin: 0 0 1.2em 0; padding: 0; font-size: 1.0em; line-height: 1.6em; }
ul li, ol li { font-size: 1.0em; margin-bottom:0.4em; }
dl dt { font-weight:bold; }
dl dd {	margin:0 0 0.5em 0;	}	
input, textarea, select, td, th { font-size: 1.0em; }
acronym, abbr { border-bottom: 1px dotted black; cursor: help; }
sup { font-size: 8px; }
h1 sup { font-size: 12px; }
code { font-size: 1.1em ; }	
blockquote { margin: 0; padding: 0; 	}
blockquote cite { margin:  0; font-size: 10px; font-style:normal; }	
	
hr { /* For Internet Explorer */ clear:both; height: 1px; color: #666; /* light grey */ border: none; margin-bottom:1.0em; }
html>body hr { /* For Gecko-based browsers */ clear:both; height: 1px; background-color: #666; border: none; margin-bottom:1.0em; }
html>body hr { /* For Opera and Gecko-based browsers */ clear:both; height: 1px; background-color: #666; border: 0px solid #666; margin-bottom:1.0em; }

.hidden { display:none; }	
.error { color: #CC0000; }

/* ================================ Headers ================================ */

/*
 	h1 - page titles 
	h2 - section titles
	h3 - subtitles/sidebar titles
	h4 - sidebar subtitles
*/
	
h1 { font-size:39px; color: #ad4f7c; margin: 0 0 20px 0; font-family: 'Open Sans Condensed', sans-serif ; clear:both; font-weight: 700; position:relative; text-transform: uppercase; line-height: 1em; }	
h2 { font-size:32px; color: #00b9bd; margin:0 0 10px 0; font-family: 'Open Sans Condensed', sans-serif ; font-weight: 700; text-transform: uppercase; line-height: 1em;}
h3 { font-size:25px; color: #18345b; margin: 0 0 10px 0; font-family: 'Open Sans Condensed', sans-serif ; font-weight: 700; text-transform: uppercase; line-height: 1em;}		
h4 { font-size:21px; margin: 0 0 10px 0;  }	
h5 { font-size:16px; margin: 0 0 10px 0; font-weight: 700; }
	
/* ================================ Layout Containers ================================ */	


div#page {
	width:100%;
	margin: 0 auto;
	padding:0;
	text-align:left;
	position:relative;
	zoom:1; 
	}
	
div#page:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

div#page {display: inline-block;}  /* for IE/Mac */

div#content {
	width:100%;
	margin: 0 auto;
	position:relative;
	}
#container {margin: 0 auto 0;}
.home #container {margin: 0 auto !important; position: relative;}

#content #copy {
	padding: 30px 0 0 40px;
	margin: 0 35px 0 0;
	text-align:left;
	clear:both;
	position:relative;
	width:600px;
	float:left;
	}	
#content #copy.full {
	padding: 30px 40px 0 40px;
	width: auto;
	float: none;
	margin: 0 auto
}
		
#content div#sidebar {
	width:245px;
	padding: 0 40px 0 20px;
	margin:0;	
	text-align:left;
	float:left;
	clear:none;
	position:relative;
	background: #f5fafa; 

	}	
.shell {
	width:980px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	position:relative;
	zoom:1; 
	}
.shell:after {content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

/* ================================ Header ================================ */
.home div#header {height: auto;}
div#header { position:relative; margin: 0 auto; width: 100%; height:480px; overflow: visible !important;}
div#header.simple {height: 180px;}

#header .top-header .shell {}

#header .top-header { height:113px; width: 100%; z-index: 10000; position: relative !important; background: url(images/header-bkgd.png)repeat-x bottom left; }
#header .top-header.scroll-to-fixed-fixed {position: fixed !important;}
#header .top-header .white-bkgd {background: #fff; height:101px; width: 100%; }

 
.menu-icon {display: none; float: right; margin: 70px 20px 0 15px;}
.menu-icon a {display: none; background: url(images/mobile-menu.png)no-repeat top left; width: 30px; height: 25px; }
.mobile-nav {display: none; position: fixed; float: right; clear: right; width: 100%; top: 67px;  z-index: 750;}
.mobile-nav ul {display: none; background: #fff; z-index: 750; width: 100%; text-align: right; position: absolute; top: 0; right: 0; list-style: none; padding: 0; margin: 0;}
.mobile-nav ul li { margin: 0; padding: 0; display: block;}
.mobile-nav ul li a {text-transform: uppercase; font-weight: 700; display: block; padding: 8px 15px;  text-decoration: none; }

#logo { margin:0 0 0 0; position: absolute; top: 15px; left: 13px; width:246px; height:113px; cursor:pointer; }
#logo a { margin: 0 0 0 0; padding: 0; position:relative; width:246px; height:113px; overflow:hidden; text-indent:-10000px; display:block; cursor:pointer;}
#logo a span { display:block; position:absolute; left:0; top:0; z-index:1; width:246px; height:113px; margin:0; padding:0; background:url(images/pillar-procedure.png) top left no-repeat; cursor:pointer; }

div#header .nav { position: relative; margin: 20px 0;}
div#header .nav ul { list-style-type:none; margin: 0; padding: 0; text-align: left; }	
div#header .nav ul li { display:inline-block; margin-right:65px;}	
div#header .nav ul li a { text-transform:lowercase; color: #ffffff; font-size:15px; padding:3px; text-decoration: none; }
div#header .nav ul li a:hover, div#header nav ul li.current_page_item a { text-decoration:none; background:#8EB5D2; color: #000000; }

#header .provider-search {float: right; margin-top: 50px; width: auto; height: 26px; line-height: 26px;}
#header .provider-search h5 {font-size: 13px; text-transform: uppercase; color: #18345b; float: left; margin-right: 10px }
#header form {float: right;}
#header form:after {clear: both; height: 0; display: block; content: ''; visibility: hidden;}

.provider-search form { margin: 0; position: relative; width:145px;  }


.provider-search form input.gmw-address {	
	width: 105px; 
	float:right; 
	border:1px solid #18345b;
	height:20px; 
	font-size:12px; 
	margin:0 0; 
	padding:3px 3px 3px 35px;
	text-align: left;
    text-transform: uppercase;
    color: #999696;

}
.provider-search form input.gmw-submit {
  background: url("images/icon/icon-search-blue.png") no-repeat ;
  border: 0 !important;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0 10px;
  position: absolute;
  left: 7px;
  top: 3px;
  width: auto;
  text-indent: -10000px;
  height: 23px;

}

#interior-nav {width: 100%; z-index: 2000;}

#home_banner {height: 375px; width: 100%; position: relative; clear: both; margin: -8px 0 0 0; overflow:hidden;  background-color: #758bc9;  }
.home #home_banner {height: 670px; }
#home_banner .banner { width:100% !important; background-repeat: no-repeat; text-align: center; height:375px !important; background-position: center center; background-color: #758bc9;  }
.home #home_banner .banner {height: 670px !important; }

#home_banner .banner:before {
 content: '';
  display: inline-block;
  height: 256px;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */

}
.home #home_banner .banner:before {
	height: 510px;
}

#banner-image { position:absolute; top: 0; left:0; width: 100%; }
#banner-text { position:relative; width: 890px; margin: 0 auto; padding: 0px 40px; height:670px; z-index:1000; }
#banner-text div { display:none; color: #fff; width:100%; z-index:1000;  }
#banner-text div h3  { font-size: 54px; color: #fff; text-transform:none; margin-top:220px; margin-left: 126px; position:relative; }
#banner-text div#bt-2 h3 { margin-right:0; margin-left:0; text-align:center; }
#banner-text div#bt-4 h3 { margin-right:0; margin-left:0; text-align:center; }
#banner-text div#bt-6 h3 { margin-top:190px; margin-right:110px; }
#banner-text div#bt-8 h3 { margin-top:190px; margin-right:440px; }

.banner-text { display: inline-block; text-align: left; vertical-align: middle; width: 890px; margin: 0 auto; padding: 0px 40px;}
.banner-text h1, .banner-text h2, .banner-text h3, .banner-text h4 {text-transform: none;}
.banner-text h2 {font-size: 39px;}

.cycle-sentinel { display:none !important; }

/* ================================ Main Nav ================================ */

.main-nav {width: 100%; position: relative; margin: -147px auto 0; z-index: 5000; }
.main-nav:after {clear: both; height: 0; display: block; content: ''; visibility: hidden;}

.main-nav .shell { padding: 0; width: 980px}
#interior-nav .main-nav .shell, #simple-nav .main-nav .shell {border-bottom: 10px solid #18345b;}

.main-nav .block {position: relative;  z-index: 5000; width: 225px; height: 110px; display: block; float: left; font-size: 13.3px; color: #fff; margin: 27px 0 0 0;  }
.main-nav .block.one {background: #ad4f7c; }
.main-nav .block.one:hover {background: #8c3e65 !important;}
.main-nav .block.two {background: #c8d83f; }
.main-nav .block.two:hover {background: #adbc36 !important;}
.main-nav .block.three {background: #00b9bd; }
.main-nav .block.three:hover {background: #009498 !important;}
.main-nav .block.four {background: #18345b; height: 137px; width: 305px; margin: 0; }
.main-nav .block.four:hover {background: #001423 !important;}
.main-nav .block a {color: #fff; display: inline-block; width: 100%; height: 100%;  text-decoration: none; }
.main-nav .block h6 { padding: 31px 5px 15px 15px;color: #fff; margin: 0; font-size: 32px; line-height: 1; text-transform: uppercase; margin: 0 ; font-family: 'Open Sans Condensed', sans-serif ; }
.main-nav .block h6 span {display: block; margin:0;}
.main-nav .block.four h6 {font-size: 56px; padding: 24px 5px 11px 15px; margin: 0; line-height: .9em;}
.main-nav .block p {line-height: 1.2; margin: 0; display: inline-block;  padding: 0 5px 10px 15px;}
.main-nav .block p strong, .main-nav .block p b {font-family: 'Open Sans Condensed', sans-serif ; font-size: 15px;}
.main-nav .block span.more {display: inline-block; margin: 0 0 0 5px; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 11px; }

.home .main-nav { margin: -200px auto 0;}
.home .main-nav .block {height: 160px; margin-top: 40px; }
.home .main-nav .block.four {height: 200px; margin: 0;}
.home .main-nav .block h6 {padding-top: 15px;}
.home .main-nav .block.four h6 {padding: 20px 5px 14px 15px;}

#simple-nav {position: relative;}
#simple-nav .main-nav {margin: 0 auto;}
#simple-nav .main-nav .block {height: 65px; margin-top: -8px; }
#simple-nav .main-nav .block h6 span {display:inline}  
#simple-nav .main-nav .block h6 {font-size: 22px; margin-top:0;}
#simple-nav .main-nav .block.four h6{ font-size: 38px; margin-top: 0; padding-top: 19px;}

/* ================================ Footer ================================ */

div#footer { clear:both; background: #18345b; font-size: 10px;  padding:0; position:relative; margin: 0 auto; width: 100%; color: #fff;}
#footer .shell {padding: 15px 0; width: 980px;}

div#footer .footer-nav {float: right;}
div#footer ul { list-style-type:none; display:block; margin: -6px 0 0 0;  }
div#footer ul li { float:left; padding:0 0 0 20px; height: 20px; line-height: 20px}
div#footer ul li a { color: #ffffff; text-transform:uppercase;  text-decoration: none;  font-size: 11px; display: block; height: 20px; line-height:20px; }
div#footer ul li a sup {line-height: 10px;}

.search-box {float: left; position: relative;}
.search-box:after, form#site_search:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
form#site_search { margin: 0; position: relative;  }


form#site_search input {	
	width: 185px; 
	border:1px solid #999696;
	height:25px; 
	font-size:12px; 
	margin:0 0 0 0; 
	padding:3px 3px 3px 35px;
	text-align: left;
    text-transform: uppercase;
    color: #999696;

}
form#site_search button {
  background: url("images/icon/icon-search.png") no-repeat ;
  border: 0 !important;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0 10px;
  position: absolute;
  left: 7px;
  top: 6px;
  width: auto;
  text-indent: -10000px;
  height: 23px;

}

div#footer .bottom-footer {margin: 100px auto 20px; text-align: center; width: auto;}
div#footer .bottom-footer:after, div#footer .footer-utility:after, div#footer ul:after {clear: both; content: ''; height: 0; display: block;visibility: hidden;}

div#footer p.copyright {margin: 0; width: auto; text-align: center; display: inline-block;}

div#footer .footer-utility {margin: 0 0 0 15px; display: inline-block;}
div#footer .footer-utility li {line-height: 1em; height: 1em; margin: 0; padding: 0; }
div#footer .footer-utility li a {line-height: 1.1em; height: 1.2em; font-weight: normal; font-size: 1em;  text-decoration: none;  text-transform: none; border-right: 1px solid #fff; margin-right: 5px; padding-right: 5px;}
div#footer .footer-utility li:last-child a {border: none; margin: 0; padding: 0;}
div.preloader {
    background: #f5fafa;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index:100000;
	}
	div.loader {
	    width: 50px; 
	    height: 50px;    
	    background: url(images/spinner.png);
	    -webkit-animation: spin 4s infinite linear;
	    -moz-animation: spin 4s infinite linear;
	    animation: spin 4s infinite linear;
	    position: absolute;
	    top: 45%;
	    left: 50%;
	    margin-left: -25px;
	}
		@-webkit-keyframes spin {
			0%  {-webkit-transform: rotate(0deg);}
			100% {-webkit-transform: rotate(360deg);}	
		}
		@-moz-keyframes spin {
		    0% {transform: rotate(0deg);}
		    100% {transform: rotate(360deg);}
		}
		@keyframes spin {
		    0% {transform: rotate(0deg);}
		    100% {transform: rotate(360deg);}
		}
	}


/* ================================ Content ================================ */	

.more { font-size:10px; clear:both; }
.entry ul, .entry ol { margin-left:2.0em; }

div.post { position:relative; }

.alignright {float:right; margin:0 0 1em 2em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}
img.alignright {float:right; margin:0 0 0 1em}
img.alignleft {float:left; margin:0 1em 0 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
 
.wp-caption { }
.wp-caption a {display: block; text-align: center; padding: 5px 0;}
.wp-caption-text {font-size: 11px; font-weight: bold; text-align: center; margin-top: 10px;}


/* ================================ Sidebar ================================ */	

div#sidebar ul, div#sidebar ol{ margin-left:2.0em; list-style-type:none; }	
div#sidebar li {list-style-type:none; }	

.cnss-social-icon td a { height:32px; width:32px; line-height:32px; background: #000; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display:block; text-align:center; }
.cnss-social-icon td a:hover { background: #006132; }
.cnss-social-icon td a img { height: auto !important; width: auto !important; display:inline; margin-top:6px; opacity:1 !important;}

#testimonials-widget {padding: 30px 0 0 0;}
#testimonials-widget .testimonial .testimonial-content {font-style: normal; font-size: 11px;}
#testimonials-widget:after {clear: both;height: 0; visibility: hidden;display: block;content: '';}
#testimonials-widget h3 {color: #18345b; margin-bottom: 25px;}
#testimonials-widget .testimonial {margin-bottom: 25px; }
#testimonials-widget .testimonial .testimonial-content {color: #7d7d7d; font-size: 12px; padding-left: 10px;}
#testimonials-widget .testimonial .testimonial-content p:before {color: #18345b; font-size: 32px; content: ' “'; display: inline-block; text-indent: -11px; width: 0; vertical-align: bottom; height: 25px;}
#testimonials-widget .testimonial .testimonial-content p:after {color: #18345b; font-size: 11px; content: ' ”'; display: inline;}
#testimonials-widget .testimonial .testimonial-content p {margin-bottom: 5px; }
#testimonials-widget .testimonial .testimonial-content p {display: inline;}
#testimonials-widget .testimonial cite {text-align: right; margin-bottom: 5px; font-weight: bold; color: #18345b; display:inline; text-transform: uppercase;}
#testimonials-widget .btn {display: block; float: right; font-size: 11px; padding: 0 18px !important; height: 35px; line-height: 35px; margin-bottom: 30px}

 #cboxTitle {display: none !important;}
/* ================================ Page ================================ */	

body.page div#copy ul, body.page div#copy ol, .strip ol, .strip ul { margin-left:2.0em; }

/* ================================ Search ================================ */		

body.search div.post { margin-bottom:3.0em; }	

.search #site_search {margin-bottom: 25px;}
.search-result {border-bottom: 1px solid #d6eef0; margin-bottom: 15px; padding-bottom: 15px;}

div#copy ul.paging { font-weight: bold; font-size:1.2em; height:30px; margin-left:0; list-style-type:none;}
div#copy ul.paging li { float:left; margin: 0 6px 6px 0; padding:0; background:none; width:15px; text-align:center; font-weight: normal; font-style: normal; line-height:normal;font-size:14px; }
div#copy ul.paging li a, div#copy ul.paging li.active { display: block; width:15px; text-align:center; color: #18345b; }
div#copy ul.paging li.active, div#copy ul.paging li.active a { background-color: #fff; border-color: #000;   color: #A3A3A3 }	

/* ================================ Form ================================ */
form ul li:before {content: '' !important; padding: 0 !important;}
form ul li {text-indent: 0 !important;}
li.gfield {float: left; width: 100% !important; margin-right: 10px; text-indent: 0 !important;}
li.gfield.full {width: 610px !important; margin-right: 0;}
li.gfield.float {clear: none !important; margin-right: 0;}
li.gfield input {width: 290px !important;}
li.gfield.full textarea {width: 602px !important;}
li.gfield.full select {width: 100% !important;}

form label { display:block; margin-bottom:0.3em; }
form input.text { display:block; margin-bottom:1.0em; width:100%; }
form input {border: 1px solid #18345b !important;}
form textarea { width:100%; margin-bottom:1.0em; border: 1px solid #18345b !important }	
select, li.gfield select {
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
		background: #fff url(images/select-arrow.png) no-repeat 95% center;
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		padding: 6px 5px 7px;
		min-width: 100px!important;
		border: 1px solid #18345b !important
	}	
input[type=submit] {line-height: 1 !important; -webkit-appearance: none;}

/* ================================ FAQs ================================ */	
dl.faqs dt.close {background: url(images/arrow-down.png)no-repeat left 36%; padding-left: 25px; }
dl.faqs dt.open {background: url(images/arrow-right.png)no-repeat left 23%; padding-left: 25px; }
dl.faqs dd { margin-bottom: 25px; padding: 0 0 15px 25px; }
dl.faqs h2 { color: #18345b; line-height: 1.2em; padding-bottom: 10px; font-size: 21px; text-transform: none;}
.faqs dt {
  cursor: pointer;
  display: block;
  margin-bottom: 10px;

}

/* ================================ Strips ================================ */	
.strip {width: 100%; padding: 40px 0; }
.strip .shell{padding: 0 30px 0 40px; width: 910px;}
.strip h3, .strip h4, .strip h5, .strip h1, .strip h2, .strip h1, .strip {color: #fff; text-align: left;}
.strip h3, .strip h4, .strip h5, .strip h1, .strip h2, .strip h1 {margin-bottom: 10px;}
.strip a {color: #fff; font-weight: 700; text-decoration: underline;}
.strip a:hover {color:#18345b; }
.strip p {margin-bottom: 0;}

.strip.Pink {background: #ad4f7c;}
.strip.Teal {background: #00b9bd;}
.strip.Green {background: #adbc36;}

.strip.White {background: #fff;}
.strip.White h3, .strip.White h4, .strip.White h5, .strip.White h2, .strip.White h1 {color: #18345b;}
.strip.White, .strip.White strong, .strip.White b, .strip.White i {color: #363636;}
.strip.White a {color: #18345b; font-weight: 700; text-decoration: underline;}


a.colorbox-link:before {content: url(images/large-video-arrow.png); position: absolute; top: 36%; left: 49%; z-index: 400; height: 40px; width: 40px;}

.strip.testimonial a.colorbox-link:before {content: url(images/small-video-arrow.png); position: absolute; top: 34%; left: 45% !important; z-index: 400; height: 40px; width: 40px;}
.strip a.colorbox-link, .one_fourth a.colorbox-link {position: relative; display: block;}
.one_fourth a.colorbox-link:before {left: 50%;} 

.strip img {width: 90%; text-align: left; max-height: 300px; height:auto; }
.strip .clear_column {height: 0!important;}

.three_fourth {width:600px !important; margin-right: 35px;}
.one_fourth {width: 275px}
.one_fourth a.colorbox-link,.strip .one_fourth .aligncenter {padding-left: 30px;}
.one_fourth a.colorbox-link img {width: 100%;}

.strip a.btn {display: inline-block; margin-top: 20px; text-decoration: none; font-weight: normal;}

a.strip-btn { background: #c8d83f; width: auto; font-weight: normal; padding: 20px 23px; text-align: center; display: block; text-decoration: none; color: #18345b; }
a.strip-btn:hover, .strip.testimonial a:hover {color: #00b9bd;}

.strip.testimonial {padding: 0;}

.strip.testimonial .shell {width: 980px; padding: 0} 
.strip.testimonial .strip-content div:first-of-type {width: 595px !important; padding: 40px; margin: 0 !important; }

.strip.testimonial .strip-content h3 {padding-left: 0; text-transform: none; line-height: 1.3em; font-family: 'Open Sans', sans-serif; font-weight: bold;}
.strip.testimonial .strip-content h3:before {color: #18345b; font-size: 1.4em; content: '“'; display: inline-block; width: 0; vertical-align: bottom;height: 40px; text-indent: -15px; }
.strip.testimonial .strip-content h3:after {color: #18345b; font-size: 1em; content: ' ”'; vertical-align: top; }

.strip.testimonial .strip-content .last_column {width:245px !important; padding: 40px 30px;background: #F4FAFA; text-align: center; }
.strip.testimonial .strip-content .last_column a.colorbox-link {padding: 0;}
.strip.testimonial .strip-content p:last-child {margin: 0;}
/* ================================ Map ================================ */	
.page-template-page-maplist-php #content #copy, .single-doctor #content #copy {padding: 0;}


.searchBar input, .searchBar select {margin: 0 0 20px 0!important;  border-radius: 0 !important;}

.searchBar {background: #9ad8db; color: #18345b; padding: 50px 0 !important; border: none!important;}
.searchBar .shell {padding: 0 40px; width: 900px;}
.searchBar h3 {color: #18345b;}
#location {float: left; width: 400px; }
#physician {float: right; padding: 0; width: 400px;}
.gmw-form {width: 100%; }
#location .gmw-address-field-wrapper {float: right; width: 245px;  margin: 0;}
#location label {float: left; height: 30px; line-height: 30px; margin-right: 10px;text-transform: uppercase; font-size: 12px; font-weight: bold;}
#location .gmw-address-field-wrapper input { width:100%; float: right; margin-top: 0; padding: 5px; }
#location .gmw-unit-distance-wrapper {float: right; margin: 0;}
div.gmw-pt-default-form-wrapper .gmw-radius-dropdown-wrapper, div.gmw-pt-default-form-wrapper .gmw-units-dropdown-wrapper {display: block !important; margin: 0 !important; width: 100% !important;}

#physician input[type=text] {width: 389px;  padding: 5px; }
#physician .gmw-address-field-wrapper, #physician .gmw-unit-distance-wrapper, .gmw-locator-btn-wrapper, #physician label {display: none;}
input.gmw-submit {clear: both; float: right;line-height: 1 !important; margin: 0 !important}

.searchBar:after, #location .gmw-address-field-wrapper:after, .results-header:after, .wppl-info:after {clear: left; content: ''; height: 0; display: block; visibility: hidden;}
.wppl-single-result:after {clear: left; content: ''; height: 0; display: block; visibility: hidden;}

.gmw-posts-wrapper .gmw-results-count span { font-size:10px; text-transform:uppercase; }
select.gmw-pt-per-page-dropdown { padding:2px; }

.results-header {background: #18345b; height: 38px; line-height: 38px; color: #fff; padding:0 40px; }
.results-header h3 {color: #fff; float: left; line-height:38px; margin:0;  }
.results-header .filtering-options {float: right;}
.prettyMapList .customCategoryList .btn.showSortingBtn:before, .prettyMapList .customCategoryList .btn:before, .prettyMapList .sortAsc:before, .prettyMapList .sortList ul a.sortAsc:before, .prettyMapList .showSortingBtn:before, .prettyMapList .sortList ul a.selected:before {background: none !important;}

.prettyMapList .customCategoryList > ul {border-radius: 0 !important; box-shadow: none!important; }
.prettyMapList .customCategoryList > ul li:last-child {border: none !important;}
.prettyMapList .customCategoryList > ul li a {color: #18345b !important;  text-decoration: none; }
.prettyMapList .showSortingBtn, .prettyMapList .showFilterBtn, .prettyMapList .sortList ul a.selected, .prettyMapList .sortList ul a.showing {padding: 5px !important;}

.gmw-results-wrapper {border-top: 5px solid #18345b; width: 980px !important; margin: 0 auto; position: relative;}
.gmw-posts-wrapper {border-right: 5px solid #18345b; min-height: 750px !important; width: 485px !important; float: left;}
.gmw-map-wrapper, .map-wrapper, .gmw-single-post-sc-wrapper {float: right; width: 489px !important; border-left: none !important; border-top: none!important; margin: 0 !important; height: 500px !important; padding: 0 !important;}

#copy .gmw-no-results-wrapper { background: #ad4f7c; width: 980px !important; margin: 0 auto; position: relative; padding: 30px; }
#copy .gmw-no-results-wrapper p { background: none; border:0; padding: 0; font-size:10px; text-transform:uppercase; color:#fff;}
#copy .gmw-no-results-wrapper p a { color:#fff;  text-decoration: none; }

.dr-name a, .dr-name { text-decoration: none !important; color: #18345b !important; font-size: 16px; font-weight: bold; }
.dr-name a:hover {text-decoration: underline !important;}
.gmw-posts-wrapper .wppl-single-result{padding: 20px 40px 20px 70px; border-bottom: 1px solid #d6eef0; }
.gmw-posts-wrapper .wppl-single-result:last-child {border: none;}
.single-doctor .gmw-posts-wrapper .wppl-single-result {padding-left: 40px;}
.gmw-posts-wrapper .wppl-single-result:last-child {border: none;}
span.dr-clinic {color:#18345b; font-size: 14px; text-transform: uppercase;  text-decoration: none;  margin-bottom: 0; font-family: 'Open Sans', sans-serif; font-weight: normal;}
.dr-name a, .dr-name { text-decoration: none !important; color: #18345b !important; font-size: 16px; font-weight: bold;  text-transform: uppercase; font-family: 'Open Sans', sans-serif; margin-bottom: 0;  }
.wppl-single-result span.dr-clinic {margin-bottom: 10px !important; color: #18345b !important; }
.wppl-single-result .result-count {display: block; background:#18345b; height: 20px; width: 20px; line-height: 20px; position:  absolute; left: 40px; color: #fff; text-align: center;}
.gmw-posts-wrapper .wppl-single-result span, .infoWindow span { text-transform: uppercase; margin-right: 10px;}
span.dr-clinic, span.dr-phone {display: block; }
.btn.website {float: left; font-weight: bold; background: none!important; color: #18345b !important; padding: 0 !important;}
a.btn.schedule {float: right; text-decoration: none !important;}
.wppl-address > p { line-height: 1.2em;}

.dr-bio {margin-top: 25px;}

.infoWindow {padding: 15px;}
.infoWindow .address, .infowindowContent {padding: 0 !important; font-size: 14px;}

.gmw-pt-ib-template-inner a.btn.schedule { float: left; clear: both; text-decoration: none; }
.gmw-pt-ib-wrapper {color:#363636 !important;}

.radius-dis {
  float: right;
  margin-right: 0!important;
  font-size: 12px;
}

.gmw-pt-bottom-pagination-wrapper {border: none !important; background: none !important; padding: 8px 40px !important; width: 405px !important;}
.gmw-pt-bottom-pagination-wrapper select.gmw-pt-per-page-dropdown {margin-left: 0 }
.gmw-pt-bottom-pagination-wrapper ul.gmw-pagination {margin-right: 0 !important;}
.gmw-results-count {border: none !important; padding: 8px 40px !important;}

.single-doctor .distance-wrapper {display: none;}
/* ================================ Misc ================================ */		

body .gm-style {font-family: 'Open Sans', sans-serif !important;}	
.btn, input.gmw-submit,  input[type=submit] {text-align: left;  text-decoration: none;  border: none !important; text-transform: uppercase; background: #18345b; height: 30px; line-height: 30px; width: auto; cursor: pointer; padding: 0 15px !important; color: #fff !important;}
.btn:hover, input.gmw-submit:hover,  input[type=submit]:hover {background: rgba(20,50,92,.8); }
#content .post ul {list-style: none;}
#content .post ul li:before {content: '•'; padding: 4px; color: #ad4f7c; font-size: 18px;}
#content .post ul li { 
    text-indent: -1em;
}
.pink {color: #ad4f7c;}
.blue {color: #18345b;}
.teal {color: #00b9bd;}
.green {color: #c8d83f;}
/* ================================ Responsive ================================ */
/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {
	.shell {width: 100% !important; padding: 0 !important;}

	h1 {font-size: 36px;}

	.menu-icon, .menu-icon a {display: block;}
	.mobile-nav {display: block;}
	.mobile-nav .menu.closed {display: none;}
	.mobile-nav .menu.open {display: block;}

	.home div#header, div#header, div#header.simple {height: auto;}
	div#header.simple {margin-bottom: 68px;}

	#header .top-header {margin-top: -38px; top: 0; position: fixed !important;}
	#logo { margin:0 0 0 0; position: absolute; top: 31px; left: 5px; width:200px; height:93px; cursor:pointer; }
	#logo a { margin: 0 0 0 0; padding: 0; position:relative; width:200px; height:93px; overflow:hidden; text-indent:-10000px; display:block; cursor:pointer;}
	#logo a span { display:block; position:absolute; left:0; top:0; z-index:1; width:200px; height:93px; margin:0; padding:0; background:url(images/mobile-pillar-procedure.png) top left no-repeat; cursor:pointer; }
	

	#home_banner {height: auto!important; margin: 68px auto 0;}
	#home_banner .banner:before {height: 30%;}
	#interior-nav #home_banner .banner {background: none !important; height: 200px !important}
	.banner-text {
	  display: block;
	  margin: 0 3%;
	  padding: 0;
	  width: 94%;
	}
	.banner-text h2 {
	  display: inline;
	  margin: 0 2px 0 0;
	}

	.home #home_banner {
		  height: 325px !important;
		}
	.home #home_banner .banner {height: 325px  !important; background-size: 100% auto !important; }
	#banner-text {height: 390px; width: 100%; padding: 0;}
	#banner-text div h3 {margin: 0 auto ; font-size: 42px; width: 95%;}
	#banner-text div#bt-2 h3 {margin: 180px auto 0;}
	#banner-text div#bt-4 h3 {margin: 180px auto 0; width: 60%}
	#banner-text div#bt-6 h3 {margin: 100px auto 0; text-align: center;}
	#banner-text div#bt-8 h3 {width: 40%; margin: 70px 0 0 15px; }

	#header .provider-search {display: none;}

	.home .main-nav {margin: 0 auto;}
	#interior-nav, #simple-nav {position: relative; top: auto !important; margin: 0 auto;}
	#interior-nav .main-nav, #simple-nav .main-nav {display: none;}
	.main-nav .shell { padding: 0; width: 100%}
	.main-nav.home {border-bottom: 3px solid #fff;}
	.main-nav:after {clear: both; height: 0; display: block; content: ''; visibility: hidden;}
	.main-nav .block a {color: #fff; display: inline-block; width: 100%; height: 100%;}
	.home .main-nav .block {position: relative; width: 100%; height: auto; float: left; font-size: 13.3px; color: #fff; margin: 0;}
	.main-nav .block span.more {display: block; margin: 10px 0 0 0;}
	.main-nav .block br {display: none;}
	.main-nav .block.one {background: #ad4f7c; }
	.main-nav .block.one:hover {background: #8c3e65 !important;}
	.main-nav .block.two {background: #c8d83f; }
	.main-nav .block.two:hover {background: #adbc36 !important;}
	.main-nav .block.three {background: #00b9bd; }
	.main-nav .block.three:hover {background: #009498 !important;}
	.main-nav .block.four {background: #18345b; height: 100px; width:100%; margin: 0; }
	.main-nav .block.four:hover {background: #001423 !important;}
	.home .main-nav .block.four {height: auto;}
	.main-nav .block h6 {font-size: 34px; padding-top: 15px; }
	.main-nav .block h6 span {display: inline; margin:0;}
	.home .main-nav .block.four h6 {padding: 15px 5px 14px 15px; font-size: 44px; }
	.main-nav .block p {padding-bottom:15px;}

	#container {margin: 0 auto;}
	#content #copy, #content #copy.full {width: 94%; margin: 0; padding: 30px 3% 0 3%;}
	
	#content div#sidebar {width: 92%;padding: 30px 3% 30px 4%;}

	.wp-caption {max-width: 33%;}
	.wp-caption img {width: 100%;}
	


	li.gfield.full {width: 99% !important; }
	li.gfield.full textarea {width: 100% !important;}

	#footer .shell {padding: 15px 3% !important; width: 94% !important;}
	div#footer .footer-nav {float: none;}
	div#footer #menu-utility-navigation-footer  {display: block; text-align: center; margin: 10px auto; }
	div#footer #menu-utility-navigation-footer  li {display: inline-block; float: none; text-align: center; padding: 0 5px;}
	.search-box {clear: both; float: none; margin: 0 auto; position: relative; width: 230px;}
	div#footer .bottom-footer {margin-top: 20px;}

	.strip img {max-width: 350px; text-align: center;}
	.strip .strip-content {width: 94%; padding: 0 3%;}
	.strip.testimonial .strip-content {width: 100%; padding: 0;}
	.strip.testimonial .strip-content div:first-child, .strip.testimonial .strip-content .last_column {width: 94% !important; padding: 20px 3% !important; margin-bottom: 0!important;}
	.one_fourth a.colorbox-link, .strip .one_fourth .aligncenter  {padding: 0;}
	.three_fourth {width: 94% !important;}
	.one_fourth.last_column div {padding-left: 0!important;}
	.one_fourth.last_column .alignright {margin-left: 10px; float: none;}

	.page-template-page-maplist-php #content #copy.full, .single-doctor #content #copy.full  {width: 100%; padding: 0 0 0 0;}
	.searchBar .shell {width: 94% !important; margin: 0; padding: 0 3% !important;}
	.searchBar {padding: 25px 0 !important;}
	div.gmw-pt-default-form-wrapper .gmw-unit-distance-wrapper {width: 50%;}
	div.gmw-pt-default-form-wrapper .gmw-address-field-wrapper, div#by-physician {width: 97%;}
	div.gmw-submit-wrapper {width: 40%; float: right;}

	.results-header {padding: 0 4% 0 15%;}
	.gmw-map-wrapper, .map-wrapper, .gmw-single-post-sc-wrapper {width: 100% !important; height: 250px !important;}
	.gmw-single-post-sc-wrapper .map-wrapper {height: 229px !important;}
	.gmw-posts-wrapper, .gmw-results-wrapper {width: 100% !important; border: 0; min-height: 20px !important }
	.gmw-posts-wrapper .wppl-single-result {padding: 25px 4% 25px 15%;}
	.single-doctor .results-header {padding-left: 10%;}
	.single-doctor .gmw-posts-wrapper .wppl-single-result {padding-left: 10%; padding-right: 10%;}
	.wppl-single-result .result-count {left: 5%}
	a.btn.schedule {float: left; clear: both;}
	.btn.website {margin-top: 10px;}

	.gmw-pt-bottom-pagination-wrapper {padding: 20px 1% 20% 4% !important; width: 95% !important; }
	.gmw-results-count {padding: 8px 4% 8px 15% !important; }
	#page {word-wrap: break-word;}

}

@media only screen 
and (max-width: 767px)
and (orientation : landscape) {
	.mobile-nav ul {height: 180px;}
	.mobile-nav ul li {float: left; width: 50%;}
	.mobile-nav ul li a { padding: 6px 15px;}
}

@media only screen and (max-width : 639px) {
/* Styles */

.page-id-10 .banner-text h2 {font-size: 34px;}
.page-id-10 #home_banner .banner:before {height: 22%;}
.home #home_banner {
		  height: 255px !important;
		}
.home #home_banner .banner {height: 255px  !important; background-size: 110% auto !important; }

#banner-text {height: auto;}
#banner-text div h3,  #banner-text div#bt-6 h3, #banner-text div#bt-4 h3 {
  font-size: 36px;
  margin-left: 15px;
  margin-top: 50px;
  width: 40%;

}
#banner-text div#bt-2 h3 {margin: 175px auto 0;width: 95%;}
#banner-text div#bt-4 h3 {margin: 175px auto 0;width: 76%; }

#banner-text div#bt-6 h3 {
 	margin: 100px auto 0;
	width: 95%;
 	font-size: 32px;
 	text-align: center;
 }
 #banner-text div#bt-8 h3 {margin-top: 55px;}
}

@media only screen and (max-width: 568px) {
	#content #copy, #content #copy.full {padding-bottom: 30px;}
	#content #copy {padding-bottom: 30px;}
}

@media only screen and (max-width : 479px) {
/* Styles */
#content #copy, #content #copy.full {padding-bottom: 30px;}
#content #copy {padding-bottom: 30px;}
h1 {font-size: 32px;}
.page-id-10 #home_banner .banner:before {height: 19%;}
#home_banner .banner:before {height: 21%;}

.banner-text h2 {
  font-size: 36px;
}
.home #home_banner {height: 220px !important;}
.home #home_banner .banner {
  height: 220px !important;
  background-size: 120% auto !important;
}
#banner-text {height: 195px;}
#banner-text div h3, #banner-text div#bt-8 h3 {
  font-size: 32px;
  margin-left: 15px;
  margin-top: 40px;
  width: 38%;
  margin-right: 0;
}
#banner-text div#bt-2 h3 {width: 75%; margin: 110px auto 0;}
#banner-text div#bt-4 h3 {
	margin: 110px auto 0;
	width: 76%;
}

#banner-text div#bt-6 h3 {
 	margin: 110px auto 0;
	width: 95%;
 	font-size: 27px
 }
 body.page div#copy ul, body.page div#copy ol, .strip ol, .strip ul {margin-right: 1em;}
 img.alignright {float:right; margin:0 0 1em 1em; float: none; display: block;}
 img.alignleft {float:left; margin:0 1em 0 0; float: none; display: block;}
}
@media only screen and (max-width : 359px) {
/* Styles */
.home #home_banner, .home #home_banner .banner {
  height: 195px !important;
}
h1 {font-size: 30px;}

#home_banner .banner:before {height: 19%;}

.banner-text h2 {
  font-size: 34px;
}

.page-id-10 .banner-text h2 {font-size: 32px;}
#banner-text {height: 195px;}
#banner-text div h3, #banner-text div#bt-4 h3 {
  font-size: 29px;
  width: 35%;
}
#banner-text div#bt-2 h3, #banner-text div#bt-4 h3, #banner-text div#bt-6 h3 {
	width: 76%;
}
#banner-text div#bt-6 h3 {margin-top: 40px; width: 85%;}
 #banner-text div#bt-8 h3 {
 	font-size: 24px;
 	width: 50%;
 	
 }
}