@charset "utf-8";

/* #Outlines for dev - comment out for production
================================================== 
* { outline: 1px dotted red; } 
div { outline: 1px dotted blue; } */

/* #Colors
================================================== 
blue: 0080c5
dark grey: 5a5555
light grey: e7e3e1 
cyan: 42c4dd
purple: 514f84
violet: a04375

NEW
----------------
grey: aba097
purple: 522e91
blue: 0082c8
cyan: 42c4dd
green: 8dc63f
grad blue: 044c7f

================================================== */
ul#ccm-main-nav li#ccm-white-label-message { display: none !important; }

img {
 height: auto;
 max-width: 100%;
}

/* #Wrapper
================================================== */
#wrapper { padding: 30px 0 0; }

/* #Contact
================================================== */
#hContact {
 text-align: right;
 position: relative;
 top: -1px;
}

/* #Nav bar
================================================== */
#mainNav {
 margin-top: 20px;
 background: #0081c6;
}

/* #Search bar
================================================== */
#search {
 float: right;
 height: 40px;
}

#search form { /*margin: 5px 0 0 0;*/ }

/* #Slideshow
================================================== */
#slideshow { background: rgba(0, 0, 0, 0) linear-gradient(to right, #000 0%, #000 40%, #044c7f 50%, #000 60%, #000 100%) repeat scroll 0 0; }

#slideshow img { display: block; }

#slideshow .flexslider {
 padding: 0;
 background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
 min-height: 350px;
}

#slideshow .flex-overlay {
 margin-top: -300px;
 margin-left: 10px;
 position: relative;
}

#slideshow.flexslider .slides { min-height: 350px; }

#slideshow .flex-control-paging {
 display: inline-block;
 width: unset;
}

#slideshow .flex-control-nav {
 bottom: unset;
 left: 0;
 top: 325px;
}

#slideshow .flex-control-nav li:first-child { margin: 0; }

#slideshow .flex-control-paging li a {
 background: rgba(0, 130, 200, 0.8) none repeat scroll 0 0;
 border-radius: 3px;
 box-shadow: none;
 height: 14px;
 width: 14px;
}

#slideshow .flex-control-paging li a:hover,
#slideshow .flex-control-paging li a.flex-active { background: rgb(255, 255, 255, 0.8) none repeat scroll 0 0; }

#slideshow .flex-control-nav li:first-child { margin: 0; }

/* #Intro
================================================== */
#intro { background: url(../images/peter-bullock-neurosurgeon-portrait.jpg) bottom left / 300px 400px no-repeat; }

#introInner img { display: none; }

/* #Header images
================================================== */

#hdWrapper {
 height: 230px;
 background: #034d7e;
}

#hdWrapper.about.our-team { background: #034d7e url(../images/banners/second/peter-bullock-neurosurgery-our-team-header.jpg) top center / auto 100% no-repeat; }

#hdWrapper.conditions-treated { background: #034d7e url(../images/banners/second/peter-bullock-neurosurgery-conditions2-header.jpg) top center / auto 100% no-repeat; }

#hdWrapper.patient-stories { background: #044b7f url(../images/banners/second/peter-bullock-neurosurgery-patient-stories-header.jpg) top center / auto 100% no-repeat; }

#hdWrapper.faqs { background: #044b7f url(../images/banners/second/peter-bullock-neurosurgery-faqs-header.jpg) top center / auto 100% no-repeat; }

#hdWrapper.about { background: #044b7f url(../images/banners/second/peter-bullock-neurosurgery-about-header.jpg) top center / auto 100% no-repeat; }

#hdWrapper.search-results { background: #044b7f url(../images/banners/second/peter-bullock-neurosurgery-search-header.jpg) top center / auto 100% no-repeat; }

#hdWrapper.contact,
#hdWrapper.privacy-policy,
#hdWrapper.site-map { background: #044b7f url(../images/banners/second/peter-bullock-neurosurgery-contact-header.jpg) top center / auto 100% no-repeat; }

#mainHeader { padding: 20px 0 10px; }

#mcWrapper {
 margin-bottom: 20px;
 padding-top: 30px;/*background: #fff url(../images/peter-bullock-neurosurgeon-portrait.jpg) bottom left / auto 100% no-repeat;*/
}

#home #mcWrapper {
 margin-bottom: 20px;
 padding-top: 30px;
 display: flex;
 align-items: flex-end;
/*background: #fff url(../images/peter-bullock-neurosurgeon-portrait.jpg) bottom left / auto 100% no-repeat;*/ }

/* #Main content
================================================== */
#mainContent { min-height: 300px; }

#mainContent img { display: inline; }

#chWrapper {
 margin-bottom: 15px;
 padding-bottom: 20px;
 border-bottom: 1px solid #aba097;
}

.patient-stories #contentHeader { /*margin-bottom: 15px;
 padding-bottom: 20px;
 border-bottom: 1px solid #aba097;*/ }

/* #Left sidebar & main bars
================================================== */
/*#mainHeader {
 min-height: 154px;
 padding: 10px 0 20px;
 margin: 0 0 10px 0;
}

#cyan #mainHeader {
 border-top: 10px solid #35bdb2;
 border-bottom: 10px solid #35bdb2;
}

#cyan #leftSidebar {
 border-top: 10px solid #35bdb2;
 padding: 10px 0;
}

#purple #mainHeader {
 border-top: 10px solid #514E86;
 border-bottom: 10px solid #514E86;
}

#purple #leftSidebar {
 border-top: 10px solid #514E86;
 padding: 10px 0;
}

#pink #mainHeader {
 border-top: 10px solid #a14176;
 border-bottom: 10px solid #a14176;
}

#pink #leftSidebar {
 border-top: 10px solid #a14176;
 padding: 10px 0;
}

#blue #mainHeader {
 border-top: 10px solid #4f91cd;
 border-bottom: 10px solid #4f91cd;
}

#blue #leftSidebar {
 border-top: 10px solid #4f91cd;
 padding: 10px 0;
}

.singleBar #wrapper #mainHeader {
 min-height: 0;
 border-bottom: none;
}*/

/* #Right sidebar
================================================== */
#rightSidebar > a { display: inline-block; } /* to prevent additional blocks from floating to the top */

#rightSidebar > img { margin: 0 0 20px 0; }

#pinkBox,
#purpleBox,
#blueBox,
#cyanBox {
 background-color: #ece9e6;
 margin: 0 0 15px 0;
 padding: 10px 0 5px 0;
}

a #pinkBox:hover,
a #purpleBox:hover,
a #blueBox:hover,
a #cyanBox:hover {
 background-color: #ddd;
 margin: 0 0 15px 0;
}

#pinkBox { border-top: 10px solid #a14176; }

#purpleBox { border-top: 10px solid #514E86; }

#blueBox { border-top: 10px solid #4f91cd; }

#cyanBox { border-top: 10px solid #35bdb2; }

#rightSidebar img {
 max-width: 100%;
 height: auto;
}

/* #Footer
================================================== */
#footer {
 min-height: 200px;
 background: #eeecea;
 padding: 15px 0 20px;
}

#footer a:hover { opacity: 0.8; }

#social { padding-bottom: 15px; }

.footerbox { border-top: 1px solid #a2958a; }

#copyright { margin-top: 20px; }

/* #Misc
================================================== */
img.scale-with-grid {
 max-width: 100%;
 height: auto;
}

.remove-bottom { margin-bottom: 0 !important; }

.half-bottom { margin-bottom: 10px !important; }

.add-bottom { margin-bottom: 20px !important; }

.add-padding-b40 { padding-bottom: 40px !important; }

.add-margin-t40 { margin-top: 40px !important; }

.floatLeft,
.imgLeft { float: left !important; }

.floatRight,
.imgRight { float: right !important; }

/* #Back to top
================================================== */
#toTop {
 display: none;
 text-decoration: none;
 position: fixed;
 bottom: 0;
 right: 0;
 overflow: hidden;
 width: 51px;
 height: 51px;
 border: none;
 text-indent: 100%;
 background: url(../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
 background: url(../images/ui.totop.png) no-repeat left -51px;
 width: 51px;
 height: 51px;
 display: block;
 overflow: hidden;
 float: left;
 opacity: 0;
 -moz-opacity: 0;
 filter: alpha(opacity=0);
}

#toTop:active,
#toTop:focus { outline: none; }

/* #Home CTAs
================================================== */

/*#homeCTA {
 margin-top: 20px;
}
*/

#homeCTA > a > div {
 min-height: 274px;
 padding-top: 10px;
 padding-bottom: 10px;
 margin-bottom: 20px;
 text-align: center;
 word-wrap: break-word;
}

#homeCTA h2 {
 font-size: 34px;
 font-weight: 900;
 padding: 0 10px;
 margin-bottom: 5px;
}

#homeCTA h3 {
 color: #5a5555;
 min-height: 83px;
 font-weight: 400;
 line-height: 1.3;
 padding: 100px 30px 0;
}

#homeCTA p.readMore {
 color: #fff;
 font-size: 14px;
 font-weight: 600;
 line-height: 1;
 padding: 8px;
 margin: 20px 10px 0 10px;
}

#homeCTA .hTeamCTA p.readMore { background-color: #0081c6; }

#homeCTA .hApptsCTA p.readMore { background-color: #42c4dd; }

#homeCTA .hFAQsCTA p.readMore { background-color: #8dc63f; }

/*#homeCTA > a > div > hr {
 width: 75%;
 color: #fff;
 background-color: #fff;
 height: 2px;
 margin: 0 auto 6px;
 border: none;
}*/

#homeCTA .hTeamCTA {
 color: #0082c8;
 border-top: 6px solid #0082c8;
 background: #cce6f4 url(../images/icon-people.png) 50% 70px no-repeat;
}

#homeCTA .hApptsCTA {
 color: #42c4dd;
 border-top: 6px solid #42c4dd;
 background: #d9f3f8 url(../images/icon-clipboard.png) 50% 70px no-repeat;
}

#homeCTA .hFAQsCTA {
 color: #8dc63f;
 border-top: 6px solid #8dc63f;
 background: #e8f4d9 url(../images/icon-bubble.png) 50% 70px no-repeat;
}

#homeCTA > a:hover > div { background-color: #eee; }

/*#homeCTA > a:hover .hTeamCTA { border-top-color: #0069a1;}
#homeCTA > a:hover .hTeamCTA p.readMore { background-color: #0069a1; }
#homeCTA > a:hover .hTeamCTA h2 { color: #0069a1; }

#homeCTA > a:hover .hApptsCTA { border-top-color: #37a3b8;}
#homeCTA > a:hover .hApptsCTA p.readMore { background-color: #37a3b8; }
#homeCTA > a:hover .hApptsCTA h2 { color: #37a3b8; }

#homeCTA > a:hover .hFAQsCTA { border-top-color: #444;}
#homeCTA > a:hover .hFAQsCTA p.readMore { background-color: #444; }
#homeCTA > a:hover .hFAQsCTA h2 { color: #444; }*/



/* Home Conditions treated
--------------------------------------------------- */
#hConditions h1,
#hpsTitle h1 {
 font-size: 39px;
 margin-bottom: 10px;
}

#hcp1 { background: #3f7394 url(../images/banners/home/bg-hcp1.jpg) 0 0 / auto 100% no-repeat; }

#hcp2 { background: #3f7394 url(../images/banners/home/bg-hcp2.jpg) 0 0 / auto 100% no-repeat; }

#hcp3 { background: #3f7394 url(../images/banners/home/bg-hcp3.jpg) 0 0 / auto 100% no-repeat; }

#hcp4 { background: #3f7394 url(../images/banners/home/bg-hcp4.jpg) 0 0 / auto 100% no-repeat; }

#hConditions .hCondPanel {
 height: 155px;
 padding: 15px 0;
 margin-bottom: 20px;
}

/*#hConditions > a:hover .hCondPanel { opacity: 0.9; }*/

#hpStories { padding: 15px 0; }

.hCondPanel h2 { padding: 0 15px; }

.hCondPanel h3 {
 color: #fff;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.3;
 height: 101px;
 width: 60%;
 padding: 0 15px;
}

.hCondPanel p {
 padding: 0 15px;
 display: inline-block;
}

#hConditions .hCondPanel p {
 color: #fff;
 font-weight: 500;
 padding: 5px 15px;
 margin: 0 15px;
 background: #42c4dd;
}

#hConditions a:hover p { background: #0080c5; }

#hpStories {
 min-height: 216px;
 background: #eee url(../images/patient-barry.png) no-repeat bottom right;
 margin-bottom: 20px;
}

#hpStories h2 {
 font-size: 24px;
 font-weight: 400;
 line-height: 1.15;
}

#hpsLeft h2,
#hpsLeft p,
#hpsRight p {
 padding: 0 15px;
 margin-bottom: 0;
}

#hpsRight p { padding: 0 10px; }

#hpsLeft h2 { height: 195px; }

#hpsRight h2 {
 color: #a04375;
 width: 50%;
 height: 172px;
 padding: 0 10px;
 margin-bottom: 6px;
}

#hpsLeft p a,
#hpsLeft p a:visited {
 font-size: 18px;
 font-weight: 500;
 color: #fff;
 background: #522e91;
 padding: 7px 15px;
}

/*#hpsRight p a,
#hpsRight p a:visited {
 font-size: 18px;
 font-weight: 500;
 color: #fff;
 padding: 12px 15px;
 display: block;
 background: #522e91 url(../images/arrow-video-right.png) no-repeat 50% 50%;
}*/

#hpStories p a:hover {
 color: #fff;
 background-color: #0080c8;
}

/* TLC Mag
--------------------------------------------------- */
#lcMag{
 margin-top: 15px; 
 margin-bottom: 15px;
} 

/* Google map
--------------------------------------------------- */
.googleMapCanvas {
 width: 100%;
 border: 0px none;
 height: 600px;
 margin-bottom: 10px;
}

/* Google translate widget
--------------------------------------------------- */
#google_translate_element {
 height: 26px;
 overflow: hidden;
 float: right;
}

#google_translate_element select,
#google_translate_element option { color: #515253; }

#google_translate_element .goog-te-gadget .goog-te-combo {
 padding: /*3px 5px 4px*/;
 height: 26px;
 margin: 0;
}

.goog-te-gadget { color: #fff !important; }

.goog-te-gadget img,
.goog-te-gadget .goog-logo-link { display: none !important; }

.goog-te-gadget-simple {
 background-color: #fff !important;
 border: 1px solid #ddd !important;
 padding: 4px 5px !important;
}

.goog-te-gadget-simple .goog-te-menu-value { color: #000 !important; }

.goog-te-gadget-simple .goog-te-menu-value span {
 color: #898a8d !important;
 font: 400 13px/1 Arimo, Arial, sans-serif !important;
 padding: 5px 0 5px 3px !important;
 text-decoration: none !important;
 border: none !important;
}

.goog-te-menu2-item:hover div {
 color: #f00 !important;
 background: #ccc !important;
}

.goog-te-menu-frame { box-shadow: none !important; }

.goog-te-menu2 { background-color: #f00 !important; }

.notranslate { } /* add this class to elements for Google translate to ignore */

#hDoctify img {
 max-width: 130px;
 padding: 10px;
 float: right;
 border: 1px solid #040707;
}

#hDoctifySS {
 display: none; 
}

#doctify {
 padding: 5px;
 border: 1px solid #040707;
 max-width: 208px;
}