/* Styles in this file override styles from the main site's "hph-desktop.css" file */

/* General styles */
body { color: #000;font-weight: 400; }
b, strong { font-weight: 600; }
a.anchor-link:link, a.anchor-link:visited {width:100%;margin-bottom:0;}
a.button.outline:link, a.button.outline:visited {background-color: #ffffff;border-radius: 5px;border: 1px solid #007194;color: #007194;font-size: 0.875em;padding: 6px 30px;text-transform: initial;}
a.button.outline:hover, a.button.outline:focus, a.button.outline:active {background-color: #007194;color: #fff;}
a.button.outline.image:link, a.button.outline.image:visited {background-color: #ffffff;border-radius: 5px;border: 1px solid #007194;color: #505056;font-size: 1em;font-weight: bold;min-width: 100%;padding: 4px 8px;text-transform: uppercase;}
a.button.outline.image:hover, a.button.outline.image:focus, a.button.outline.image:active, a.button.outline.image.selected {background-color: #007194;color: #ffffff;}
a.button.green-outline:link, a.button.green-outline:visited { background-color: #ffffff; border-radius: 5px; border: 1px solid #afcd68; color: #61a60e; font-size: 0.875em; padding: 6px 30px; text-transform: initial; }
a.button.green-outline:hover, a.button.green-outline:focus, a.button.green-outline:active { background-color: rgba(247, 245, 240, 0.53); }
a.button.blue:link, a.button.blue:visited { background-color: #007194; border-radius: 5px; border: 1px solid #007194; color: #ffffff; font-size: 1em; font-weight: bold; min-width: 100%; padding: 14px 30px; text-transform: uppercase; }
a.button.blue:hover, a.button.blue:focus, a.button.blue:active, a.button.blue.selected {background-color: #ffffff;color: #505056;}
.tanbkg { background-color: rgba(247, 245, 240, 0.53);border-bottom: #fff 5px solid;  }
.body-system .row { padding-bottom: 0.5em; padding-top: 0.5em; }
.body-system p { margin-bottom: 1em; }
.body-system h2 { margin-bottom: 1em; }
.body-system h3 {margin: .5em 0;}
.body-system hr { border-width: 2px 0 0; margin: 1em 0 0.25em 0; }
.body-system .hospital-link { display: inline-block; margin-left: 0.75em; margin-right: 0.75em; }
.column.equal:nth-child(1) { padding-left: 0; padding-right: 0.5em; }
.column.equal:nth-child(2) { padding-left: 0.25em; padding-right: 0.25em; }
.column.equal:nth-child(3) { padding-left: 0.5em; padding-right: 0; }
ul.oe_menu > li { padding: 3px 1.2em; vertical-align: top; font-size: 0.94em;letter-spacing:0; }
ul.oe_menu > li:hover div.sb-search button::after { color: #0090ba; }
.row.backtotop { padding: 0.5em 0 2em 0; }
.backtotop .column { text-align: right; }
.backtotop a {color: #007194;display: inline-table;margin: 10px 15px;text-transform: uppercase;font-size: .9em;}
.backtotop a:before { font-family: 'icomoon'; content: "\f139"; font-size:20px; display:inline-table;vertical-align:middle; margin: 0 10px 0 0; width: 0; height: 12px; }
div.more-stories a.disabled,
div.more-stories a.disabled:hover,
div.more-stories a.disabled:focus,
div.more-stories a.disabled:active { border: 1px solid rgba(204,204,204,1.0); color: rgba(204,204,204,1.0); cursor: default; }
div.more-groups a.disabled,
div.more-groups a.disabled:hover,
div.more-groups a.disabled:focus,
div.more-groups a.disabled:active { border: 1px solid rgba(204,204,204,1.0); color: rgba(204,204,204,1.0); cursor: default; }

/* Header / Navigation */
#sticky_navigation_wrapper { height: 167px; }
ul.oe_menu {font-size: 1em; letter-spacing: 0;} 
.header-logo { margin-left: 14px; }
.main-header-color .right { text-align: right; }
.main-header-color .right p { margin-bottom: 1em; }
.main-header-color .right a { font-size: 0.9em; font-weight: bold; text-transform: uppercase; padding: 0 0.5em; }
.main-header-color .right .tertiary-nav { list-style: none; padding-left: 0; }
.main-header-color .right .tertiary-nav li { display: inline-block; }
.main-header-color .right .tertiary-nav li:first-child a::before { content: "\2039"; font-size: 1.25em; font-weight: bold; margin-right: 0.25em; }
.main-header-color .right .tertiary-nav li:not(:first-child) a:link, .main-header-color .right .tertiary-nav li:not(:first-child) a:visited { color:#505056; }
.main-header-color .right .tertiary-nav li:not(:first-child) a:hover, .main-header-color .right .tertiary-nav li:not(:first-child) a:focus, .main-header-color .right .tertiary-nav li:not(:first-child) a:active { color:#007194; }
.main-header-color .right div.header-text { color: #505056; font-size: 2.4em; text-transform: uppercase;font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; text-rendering: optimizeLegibility; line-height: 1.5em; }
ul.oe_menu div.sb-search { -webkit-transition: width 0.3s; background-color: transparent; border-radius: 0; box-shadow: none; float: none; height: 26px; margin-left: 0; margin-right: 0; opacity: 1; overflow: hidden; padding: 0; position: static; top: 0; transition: width 0.3s; width: auto; }
ul.oe_menu div.sb-search button { background-color: transparent; border-color: transparent; font-size: 1em; margin-bottom: 0; padding: 3px 0 0 2px; }
ul.oe_menu div.sb-search button::after { content: '\e906'; color: white; float: none; font-family: 'icomoon'; font-size: 1.375rem; line-height: 1em; margin-left: 0; }
ul.oe_menu div.sb-search button.open::after { content: "\f057"; }
ul.oe_menu div.sb-search button:hover { color: #e6dfce; }
.search-bkg { background-color: rgba(120, 120, 120, 0.95); left: 0; padding: 2.8em 0; position: absolute; top: -136px; -webkit-transition: top 0.45s ease 0s; transition: top 0.45s ease 0s; width: 100%; z-index: 995; }
.search-bkg.open { top: 0; }
#alert ~ .search-bkg.open { top: 84px; }
.search-bkg .container { position: relative; padding: 0 125px; }

/* Hero Area Carousel */
.fullwidth-carousel { margin-bottom: 0; position: relative; z-index: 1; }
.fullwidth-carousel .slide { position: relative; }
.fullwidth-carousel .slide img { width: 100%; }
.fullwidth-carousel .slick-slide > div { line-height: 0.75em; }
.fullwidth-carousel .text-overlay { left: 10%; position: absolute; text-align: center; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 80%; pointer-events: none; }
.fullwidth-carousel .text-overlay h2 { color: #ffffff; font-family: "Montserrat", Helvetica, Arial, serif; font-size: 2.4em; margin: 0.5em 0; text-shadow: 0px 6px 9px rgba(0, 0, 0, 0.25); }
.fullwidth-carousel .text-overlay a.button { min-width: 230px; pointer-events: all; }
.fullwidth-carousel.slick-slider { margin-bottom: 0; }
.slick-slider .slick-prev, .slick-slider .slick-next { background-color: rgba(255, 255, 255, 0); border: none; font-size: 0; height: 67px; line-height: 0; padding: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 47px; z-index: 500; }
.slick-slider .slick-prev { left: 0; }
.slick-slider .slick-next { right: 0; }
.slick-slider .slick-prev:focus, .slick-slider .slick-next:focus { outline: 0; }
.slick-slider .slick-prev::before, .slick-slider .slick-next::before { position: relative; top: 0; -webkit-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; opacity: 0.5; }
.slick-slider .slick-prev::before { content: url("../png/arrow-left-w.png"); left: 0; }
.slick-slider .slick-next::before { content: url("../png/arrow-right-w.png"); right: 0; }
.slick-slider .slick-prev:hover::before, .slick-slider .slick-next:hover::before { opacity: 0.9; }
.slick-slider .slick-dots { bottom: 25px; margin-left: 0; }
.slick-slider .slick-dots li button { background-color: rgba(255, 255, 255, 0); border-radius: 50%; border: 2px solid #ffffff; height: 15px; width: 15px; box-shadow: 0px 2px 9px 0px rgba(6, 38, 75, 0.27); }
.slick-slider .slick-dots li.slick-active button { background-color: #ffffff; }
.slick-slider .slick-dots li button:before, .slick-slider .slick-dots li.slick-active button:before { content: ""; }
.slick-slider.dark-nav .slick-prev::before { content: url("../png/arrow-left.png"); left: 0; }
.slick-slider.dark-nav .slick-next::before { content: url("../png/arrow-right.png"); right: 0; }

/* Homepage styles */
.services-banner { background-color: #f7f5f0; padding: 1em 0; margin-bottom: 2em; }
.services-banner .left img { margin-right: 1em; }
.services-banner p { font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 1.1em; color: #333333; line-height: 1.4em; margin-bottom: 0.5em; }
.services-banner p .more-link { font-size: 0.75em; }
.services-banner p:last-child { margin-bottom: 0; line-height: 1em; }
.homepage-featured-promo .column.third { padding-left: 1.5em; }
.homepage-featured-promo .column.third h2 { font-size: 1.875em; margin: 0.75em 0; }
.featured-promo-box { position: relative; }
.featured-promo-box img { width: 100%; }
.featured-promo-box .caption {background-color: rgba(255, 255, 255, 0.9);bottom: 0;margin-bottom: 0;position: relative;width: 100%;}
.featured-promo-box .caption a:link, .featured-promo-box .caption a:visited {color: #505056;display: block;font-size: 2em;font-weight: 400;padding: 1em 1em 1em 0;line-height: 1.4em;}
.featured-promo-box .caption a span {display: block;text-transform: uppercase;color: #007194;font-size: 0.625em;font-weight: bold;margin-bottom: 0.5em;}
.intro-lg {font-size: 1.4em; line-height:1.4em;}
.faq-accordion { margin-left: 0; list-style: none; }
.faq-accordion a.question {color: #505056;display: block;font-size: 1.125em;font-weight: 600;margin-top: 0.5em;display: block;}
.faq-accordion a.question::before { content: url("../png/icon-plus.png"); display: inline-block; margin-right: 10px; vertical-align: middle; line-height: 1em; -webkit-transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s; -ms-transform-origin: 50% 44%; -webkit-transform-origin: 50% 44%; transform-origin: 50% 44%; }
.faq-accordion a.question.open { }
.faq-accordion a.question.open::before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.faq-accordion .answer { height: 0; margin-left: 32px; overflow: hidden; -webkit-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s; }
.homepage-promo-boxes .caption { background-color: rgba(255, 255, 255, 0.9); margin-bottom: -1px; position: relative; }
.homepage-promo-boxes .caption a:link, .homepage-promo-boxes .caption a:visited { font-size: 1.425em; font-weight: 600; line-height: 1.5em; padding: 1em 1em 1em 0; }
.homepage-promo-boxes .caption a:hover, .homepage-promo-boxes .caption a:focus, .homepage-promo-boxes .caption a:active {  }

/* Subpage Styles */
.breadcrumbs { padding: 2em 5px 0 5px; font-size: 0.75em; color: #505056; }
.breadcrumbs a:link, .breadcrumbs a:visited { color: #505056;text-decoration:underline; }
.breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs a:active {color:#007194;}
.page-title { padding-left: 5px; padding-right: 5px; }
.page-title h1 { color: #0090ba; font-size: 2.5em; font-weight: 400; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; }
.section-title h2 { color: #0090ba; font-size: 2em; font-weight: 400; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0.75em 0;	}
.subpage-body {margin-left:.8em;}
.folder-text {text-align: center;}
.subpage-promo-boxes { margin-bottom: 1em; }
.subpage-promo-boxes .column.third { width: 32.5%; padding-bottom: 1em; min-height: 350px; }
.subpage-promo-boxes .promo-box img { width: 100%; }
.subpage-promo-boxes .caption { font-size: 1rem; margin: 0.75em 0; }
.subpage-promo-boxes .caption a:link, .subpage-promo-boxes .caption a:visited {color: #007194;display: block;padding: 0 0.75em;line-height: 1.25em;}
.subpage-promo-boxes .caption a:hover, .subpage-promo-boxes .caption a:focus, .subpage-promo-boxes .caption a:active {color: #0090ba;}
.row.load-more { padding: 1em 0; }

/* Conditions & Treatments / Community */
.row.conditions { padding-bottom: 2.5em; margin-bottom: 2em; }
.row.conditions:not(:last-of-type) { border-bottom: 2px solid rgba(120, 120, 122, 0.25); }
.conditions .column.third { padding-left: 0; padding-right: 0; }
.conditions .column.two-thirds { padding-left: 1.5em; }
.conditions .column > ul { margin-left: 0; }
.conditions ul { list-style: none; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-width: 50%; -webkit-column-width: 50%; column-width: 50%; }
.conditions.subpage ul { list-style: inside; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-width: 100%; -webkit-column-width: 100%; column-width: 100%; }

/* Physicians */
.row.providers-section { padding-top: 2em; border-top: 2px solid rgba(120, 120, 122, 0.25); display: block; }
.row.providers-section.hidden { display: none; }
.row.providers { padding-bottom: 1em; }
.row.providers .phys-item { width: 24%; padding: 0.5em 5px 1em 5px; }
.row.providers-nav {padding-bottom:0;}
.row.providers-nav a.disabled { color: #78787a; cursor: default; }
.providers img { float: left; margin-right: 1em; max-width: 45%; }
.providers p { font-size: .95em; overflow: hidden; }
.row.hospital-filter { background-color: #fafafa; padding: 1em 0; margin: 1em 0; }
.row.hospital-filter label { display: block; font-weight: bold; padding: 1em 2em; text-align: center; }
.row.partial-results { display: none; text-align: right; }
.row.partial-results.visible { display: block; }


/* Preventive Care / Patient Experience Styles */
.row.preventivecare-featured-promo { margin-bottom: 1em; }
.preventivecare-featured-promo p {color: #505056;font-weight: 400;line-height: 1.4em;}
.preventivecare-featured-promo a { font-weight: 600; }
.preventivecare-featured-promo .column.third { padding-left: 1.5em; }
.preventivecare-featured-promo .column.third h2 { color: #0090ba; line-height: 1.1em; margin-bottom: 0.5em; }
.preventivecare-featured-promo .column.third h2::before { background-color: #0090ba; content: ""; display: inline-block; height: 1em; margin-right: 10px; vertical-align: top; width: 1em; }
.preventivecare-featured-promo .column.two-thirds { padding-left: 0; padding-right: 0; }
.preventivecare-featured-promo .column.two-thirds h2 { margin: 0.25em 0 0.125em 0; }
.preventivecare-featured-promo .column.two-thirds img { width: 100%; }
.preventivecare-featured-promo .column.two-thirds a:link, .preventivecare-featured-promo .column.two-thirds a:visited {color: #505056;font-weight: 400;line-height: 1.25em;}
.preventivecare-featured-promo .column.two-thirds a:hover, .preventivecare-featured-promo .column.two-thirds a:focus, .preventivecare-featured-promo .column.two-thirds a:active {color: #007194;}
.row.patientexp-featured-promo { margin-bottom: 1em; }
.patientexp-featured-promo h2 { color: #505056; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.625em; font-weight: 600; margin: 0.5em 0 1em 0; }
.patientexp-featured-promo p { color: #505056; font-weight: 400; line-height: 1.4em; }
.patientexp-featured-promo a { font-weight: 700; }
.patientexp-featured-promo .column.third { padding-left: 1.5em; }
.patientexp-featured-promo .column.two-thirds { padding-left: 0; padding-right: 0; }
.patientexp-featured-promo .column.two-thirds img { width: 100%; }


.row.phone-numbers { padding: 0 0 2em 0; }
.row.phone-numbers .row { padding-bottom: 0.5em; padding-top:0; }
.row.phone-numbers .row.location { margin-top: 3em; } 
.row.phone-numbers .row.location:first-of-type { margin-top: 0; }
.phone-numbers p { margin: 0.25em 0; }
.phone-numbers p[class^='indent'] { margin: 0; }
.phone-numbers a:link, .phone-numbers a:visited { font-weight: normal; padding: 0; }
.indent { padding-left: 20%; }

/* Footer */
footer ul { width: 19%; }
footer ul:nth-of-type(n+2) { width: 19%; }
footer ul:nth-of-type(n+2):last-child li:last-child { text-align: center; width: 100%; }

/* Womens Center wysiwyg styles */
ul.horizontal-menu {list-style: none; margin: 0; padding: 0;}
ul.horizontal-menu > li {display: inline-block; list-style-type: none; padding: 0;}
ul.horizontal-menu li:not(:first-of-type)::before {color: #b7b7b7; content: "|"; display: inline-block; line-height: 1em; } 
ul.horizontal-menu a:link, ul.horizontal-menu a:visited {color: #0090ba; font-weight: 400; padding: 0.75em 0.5em; text-transform: uppercase;}
ul.horizontal-menu a:link:hover {font-weight:bold;}
.locations-img {width: 100%; height:auto;}
.row.tan {background-color: #ebe6d8; }
.location-panel {padding:1em;}
.phone-list p {line-height:1.3em; margin-bottom:.3em;}
