/* Styles in this file override styles from "hph-desktop.css" and "services-shared.css" files */

/* General Overrides */
body { color: #000; font-family: "Montserrat", Helvetica, Arial, serif; font-weight: 300; }
b, strong { color: #333; }
header { background-image: linear-gradient(rgba(0,0,0,0.175) 0%, rgba(255,255,255,0) 15px, rgba(255,255,255,0) 100%); }
.breadcrumbs { padding: 2em 0 0 0; }
a.more-link { color: #333; display: block; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing:.05em; -webkit-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; }
a.more-link:hover, a.more-link:focus, a.more-link:active { color: #93b14c; }
a.more-link2 { color: #333; display: block; font-size: 0.875rem; font-weight: 300; text-decoration: underline; -webkit-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; }
a.more-link2::after { content: " >"; }
a.more-link2:hover, a.more-link2:focus, a.more-link2:active { color: #93b14c; }
p.backtotop { text-align: right; }
.backtotop a { color: #333; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; -webkit-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; }
.backtotop a:hover, .backtotop a:focus, .backtotop a:active { opacity: 0.5; }
.backtotop a:before { content: ""; }
a.button.outline:link, a.button.outline:visited { background-color: #f7f5f0; border: 1px solid #e6dfce; color: #333; font-family: "Montserrat", Helvetica, Arial, serif; letter-spacing: 0; padding: 10px 30px; }
a.button.outline:hover, a.button.outline:focus, a.button.outline:active { background-color: #cfc8b7; }
a.button.green-outline:link, a.button.green-outline:visited { border-radius: 0; font-family: "Montserrat", Helvetica, Arial, serif; font-weight: 400; padding: 10px 40px; text-transform: uppercase; }
a.button.green-outline:hover, a.button.green-outline:focus, a.button.green-outline:active { color: #ffffff; background-color: rgba(147, 177, 76, 0.9); }
.page-title { padding: 0; }
.page-title h1 { color: #78787a; font-family: "Montserrat", Helvetica, Arial, serif; font-weight: 300; padding: 1em 0 0.25em 0; }
.body-system h2, header h2 { font-size: 1.25em; font-weight: 100; text-transform: uppercase; }
.body-system h2.highlight, header h2.highlight { color: #83be01; font-size: 1.5em; font-weight: 300; letter-spacing: 1px; text-transform: initial; }
.body-system h3, header h3 { font-size: 1.125em; font-weight: 300; margin: 1.5em 0; text-transform: uppercase; }

/* Header & Navigation Menu */
.breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs a:active { color: #93b14c; }
.main-header-color .right { position: absolute; top: 0; right: 0; }
.main-header-color .right a { font-size: 0.75em; }
.main-header-color .right a:link, .main-header-color .right a:visited { color: #78787a; display: inline-block; font-weight: 400; letter-spacing: 0.01em; padding: 0 1.5em; }
.main-header-color .right a:hover, .main-header-color .right a:focus, .main-header-color .right a:active { color: #93b14c; }
.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: #93b14c; }
.main-header-color .right a.phone-number { font-family: "Montserrat", Helvetica, Arial, serif; font-size: 2.75em; font-weight: 100; letter-spacing: 0; padding: 0.375em 0 0 0; text-decoration: none; }
.main-header-color .right .tertiary-nav li:first-child a::before { content: ""; }
.main-header-color .right .tertiary-nav li:last-child a { padding-right: 0; }
.main-nav-color { background: #877669; }
ul.oe_menu { margin-bottom: 0; }
ul.oe_menu > li { display: inline-block; padding: 0; width: 14.28%; }
ul.oe_menu > li:last-child { width: 12%; }
ul.oe_menu > li > a { display: inline-block; font-weight: 400; padding: 5px 1.125em; }
ul.oe_menu > li:hover { background-color: rgba(255,255,255,0); }
ul.oe_menu > li:hover > a, ul.oe_menu > li:focus > a { color: #f5f1e8; font-weight: bold; letter-spacing: .05em; }
ul.oe_menu > li:hover div.sb-search button::after { color: #f5f1e8; }
ul.oe_menu div.sb-search { height: 35px; }
ul.oe_menu div.sb-search button { padding: 5px 0; }
.cosme-logo:link, .cosme-logo:visited { color: #83be01; display: inline-block; font-family: "Montserrat", Helvetica, Arial, serif; font-size: 2.75em; font-weight: 300; line-height: 1; margin: 1.3em 0 0.125em 0; min-height: 44px; }
.cosme-logo:hover, .cosme-logo:focus, .cosme-logo:active { text-decoration: underline; }
.cosme-logo img { vertical-align: top; }
.cosme-logo span:nth-child(1) { color: #83be01; font-weight: 400; }
.cosme-logo span:nth-child(2) { color: #877669; }
.cosme-logo span:nth-child(3) { color: #c2ad9d; }
.cosme-logo.small:link, .cosme-logo.small:visited { color: #877669; font-size: 1.25em; margin: 0; }

/* Footer */
ul.social > li, ul.social a #right-rail ul.social > li, ul.social a { margin-left: 4px; }
footer h5, footer p, footer .subtext, footer a:link, footer a:visited { font-weight: 300; }
.footer-bg { background-color: #f7f5f0; }
.footer-bg .column.fourth p:first-child { margin-top: 0; }
.footer2-bg { background-color: #877669; color: #fff; }
ul.footer-last { color: #fff; }
ul.footer-last a, ul.footer-last a:visited { color: #fff; }

/* Repeatable Sections */
.video-callout { background-color: #ebf2d9; margin: 1em 0 2em 0; }
.video-callout .row { padding: 0; }
.video-callout .column.sixty { padding: 0; }
.video-callout .column.forty { background-color: #ebf2d9; padding: 2em; }
.video-callout .column.forty p { font-size: 1.25em; }
.video-callout .column.forty strong { font-size: 1rem; font-style: italic; }
.video-callout .column.sixty { position: relative; height: 0; padding-bottom: 33.75%; }
.video-callout .column > iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.schedule-consultation.row { padding: 1em 0; text-align: center; }
.schedule-consultation h2 { color: #7a6d46; font-size: 1.5em; font-weight: 300; margin-bottom: 0.75em; text-transform: initial; }
.schedule-consultation p { text-transform: uppercase; }

/* Form Controls */
.select-wrapper, .contourField.dropdownlist > div { background-color: #f7f5f0; border: 1px solid #aeaa9c; display: block; margin: 0.33em auto 1em auto; padding: 0; position: relative; }
.select-wrapper::after, .contourField.dropdownlist > div::after { border-bottom: 6px solid transparent; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 9px solid #362f2d; content: ""; display: block; height: 0; padding: 0; pointer-events: none; position: absolute; right: 10px; top: calc(50% - 4px); width: 0; z-index: 1; }
.select-wrapper select, .contourField.dropdownlist > div select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: rgba(255, 255, 255, 0); border: none; color: #333; line-height: 1.5em; padding: 0.5em 0.75em; width: 100%; }
.select-wrapper select::-ms-expand, .contourField.dropdownlist > div select::ms-expand { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.contour p { font-size: 1.25em; }
.contour label { color: #362f2d; display: block; text-transform: uppercase; }
.contour input[type=text], .contour input[type=password], .contour input[type=email], .contour input[type=url], .contour  input[type=tel] { background-color: #f7f5f0; border: 1px solid #aeaa9c; color: #333; font-size: 1em; height: auto; padding: 0.5em 0.75em; }
.contour input[type="submit"] { background-color: #afcd68; border: 1px solid #61a60e; color: #005952; font-weight: 400; padding: 0.75em 3em; text-transform: uppercase; }
.contour input[type="submit"]:hover, .contour input[type="submit"]:focus, .contour input[type="submit"]:active { background-color: rgba(175, 205, 104, 0.5); }
.contour textarea { background-color: #f7f5f0; border: 1px solid #aeaa9c; color: #333; height: 150px; margin: 5px 0 15px; padding: 0.5em 0.75em; width: 100%; }
.contour fieldset { border: none; margin: 0; padding: 0; }
.contour fieldset legend { display: none; }

/* Home Page */
.services-banner { background-color: #fff; padding: 2em 0; text-align: center; }
.services-banner img { padding: 0 0.75em; }
.cosme-hero { background-position: 50% 0; background-repeat: no-repeat; background-size: cover; display: flex; flex-flow: row nowrap; height: 508px; text-align: center; text-transform: uppercase; }
.cosme-hero > a { -webkit-transition: background-color 0.75s ease 0s, color 0.5s ease 0s; background-color: rgba(255, 255, 255, 0); color: #6a5949; flex: 0 0 25%; position: relative; transition: background-color 0.75s ease 0s, color 0.5s ease 0s; }
.cosme-hero > a:hover, .cosme-hero > a:focus, .cosme-hero > a:active { background-color: rgba(106, 89, 73, 0.5); color: #ffffff; }
.cosme-hero > a > span { -ms-transform: translateX(-50%) translateY(-75%); -webkit-transform: translateX(-50%) translateY(-75%); -webkit-transition: top 0.5s ease 0s, transform 0.5s ease 0s; font-family: "Montserrat", Helvetica, Arial, serif; font-size: 2.25em; font-weight: 300; letter-spacing:.1em; left: 50%; position: absolute; text-shadow: 0 1px 2px rgba(0,0,0,0.25); top: 75%; transform: translateX(-50%) translateY(-75%); transition: top 0.5s ease 0s, transform 0.5s ease 0s; }
.cosme-hero > a:hover span, .cosme-hero > a:focus span, .cosme-hero > a:active span { -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); top: 50%; transform: translateX(-50%) translateY(-50%); }
.cosme-quote { background: #f5f1e9; background-position: 0 0, 3% 100%; background-repeat: no-repeat; min-height: 375px; }
.cosme-quote .quote-wrapper { margin: 0 auto; padding: 4em 0 0 0; position: relative; width: 55%; }
.cosme-quote .quote-wrapper::before { background-color: #f5f1e9; content: url('../../img/service-subsites/cs-home-curly-quote-icon.png'); left: 50%; padding: 0.5em 1em; position: absolute; top: 4em; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.cosme-quote .quote-text { padding-top: 1.5em; text-align: center; }
.cosme-quote .quote-author { font-size: 0.75rem; font-style: italic; text-align: center; }
.cosme-quote hr { border-color: rgba(120, 120, 122, 0.5); border-width: 1px 0 0; }
.cosme-quote hr:last-of-type { margin-left: auto; margin-right: auto; width: 60%; }
.cosme-quote a.more-link { text-align: center; }
.cosme-doctors { margin-top: -115px; }
.cosme-doctors img { border-radius: 50%; box-shadow: 0px 6px 5px #ccc; -moz-box-shadow: 0px 6px 5px #ccc; -webkit-box-shadow: 0px 6px 5px #ccc; } 
.cosme-doctors h3 { font-family: "Montserrat", Helvetica, Arial, serif; font-weight: 100; margin: 1em 0; text-align: center; }
.cosme-doctors p:first-child { max-width: 100%; text-align: center; }
.cosme-doctors p:last-child { margin-top: 2em; }
.cosme-doctors p { font-size: 0.75rem; margin: 0 auto 1em auto; max-width: 90%; }
.cosme-doctors a.more-link { text-align: center; }
.cosme-promos { padding: 1em 0 2em 0; }
.cosme-promos .promo-overlay { position: relative; text-align: center; }
.cosme-promos .promo-overlay a { display: block; }
.cosme-promos .promo-overlay a span { -ms-transform: translateX(-50%) translateY(-9%); -webkit-transform: translateX(-50%) translateY(-9%); bottom: 9%; color: #ffffff; font-family: "Montserrat", Helvetica, Arial, serif; font-weight: 300; left: 50%; position: absolute; text-transform: uppercase; transform: translateX(-50%) translateY(-9%); transition: letter-spacing 0.3s ease 0s; width: 70%; }
.cosme-promos .promo-overlay a:hover span, .cosme-promos .promo-overlay a:focus span, .cosme-promos .promo-overlay a:active span { font-weight: 400; letter-spacing: .05em; }

/* Service Listing Page */
.row.conditions { margin-bottom: 0; padding-bottom: 2em; }
.row.conditions .column.two-thirds { padding-top: 0.25em; }
.row.conditions:not(:last-of-type) { border-bottom: none; }
.row.conditions p { line-height: 1.75em; }
.row.conditions a.more-link { margin-top: 3em; }

/* Service Detail Page */
.content-nav { list-style: none; margin: 0 0 3em 0; }
.content-nav li { display: inline-block; line-height: 1em; padding-right: 0.75em; }
.content-nav li:nth-child(n+2) { border-left: 2px solid #333; padding-left: 1em; }
.content-nav a:link, .content-nav a:visited { color: #706e6e; font-size: 1.125em; text-transform: uppercase; letter-spacing: .05em;}
.content-nav a:hover, .content-nav a:focus, .content-nav a:active { color: #93b14c; }
.content-nav.uppercase a:link, .content-nav.uppercase a:visited { text-transform: uppercase; }
.content-nav a.selected:link, .content-nav a.selected:visited { color: #333; }
.content-nav a.selected:hover, .content-nav a.selected:focus, .content-nav a.selected:active { color: #706e6e; }
.content-nav a.disabled:link, .content-nav a.disabled:visited { color: #CCC; }
.content-section { margin: 0 0 2em 3em; padding: 0 0 3em 0; border-bottom: 2px solid rgba(120, 120, 122, 0.25); }
.content-section h2 { margin-bottom: 1.5em; }
.content-section p { font-size: 0.875rem; }
.content-section img { display: inline-block; padding: 0 0.5em 0.5em 0; }
.content-section.underline { border-bottom: none; margin: 0 0 2em 0; padding: 0 0 1em 0; }
.content-section.underline h2 { border-bottom: 2px solid rgba(120, 120, 122, 0.25); margin-bottom: 0.5em; padding: 0 0 0.5em 1em; }

/* Before & After Page */
.compare-gallery .column.half img { max-height: 220px; padding: 0; }
.compare-gallery .column.half:first-of-type { padding-right: 0; text-align: right; }
.compare-gallery .column.half:last-of-type { padding-left: 0; text-align: left; }

/* Doctor Profile Page */
[class*="dr-profile"] hr, [class*="dr-press-"] hr { border-color: #cfc8b7; margin: 2em 0; }
.dr-profile {margin: 0 0 2em 0; padding: 0 2.5em 2em; }
.dr-profile img {box-shadow: 0 0 10px rgba(205, 184, 163, 0.5); }
.dr-profile h4 { color: #333; font-size: 0.875em; margin-top: 1.5em; margin-bottom: 0.5em; }
.dr-profile h4:first-of-type { margin-top: 0; }
.dr-profile p { font-size: 0.875em; margin-bottom: 0.25em; }
.dr-profile .intro { color: #877669; font-size: 1.25em; letter-spacing: 0.03em; margin: 0em auto 0em auto; max-width: 90%;}
.dr-profile .row .row { padding: 0; }
.dr-profile .column.sixty { position: relative; }
.dr-profile .column.sixty::before { border-left: 1px solid #cfc8b7; content: ""; height: 100%; left: -15px; position: absolute; top: 0; width: 1px; }
.dr-profile .column.sixty::after { border-right: 1px solid #cfc8b7; content: ""; height: 100%; position: absolute; right: 30px; top: 0; width: 1px; }
.dr-profile-desc { margin: 2em 0; }
.dr-profile-desc .quote { color: #7a6d46; font-size: 1.875em; margin: 1em auto; max-width: 60%; text-align: center; }
.dr-profile-desc p { margin: 0 auto 1.5em auto; max-width: 90%; }
.dr-profile-desc img { padding: 0 0.75em; }
.dr-profile-photos { text-align: center; }
.dr-profile-photos img { width: 100%; padding-bottom: 1em; }
.dr-profile-photos .photo-title { margin: 1em 0 0 0; }
.dr-profile-videos { display: table; }
.dr-profile-videos h2 { text-align: center; }
.dr-profile-videos .row { display: table-row; }
.dr-profile-videos .row:first-of-type { display: table-caption; }
.dr-profile-videos .row:first-of-type .column { display: block; }
.dr-profile-videos .column { display: table-cell; float: none; vertical-align: middle; }
.dr-profile-videos .column p:first-of-type { margin-bottom: 0; } 
.dr-profile-videos .column.three-fourths a:link, .dr-profile-videos .column.three-fourths a:visited { color: #000; font-size: 1.25em; white-space: nowrap; }
.dr-profile-videos .column.three-fourths a:hover, .dr-profile-videos .column.three-fourths a:focus, .dr-profile-videos .column.three-fourths a:active { color: #93b14c; }
.dr-profile-videos .column.three-fourths a::after { content: " \00bb"; }
.dr-press-testimonial { display: table; margin: 3em 0; }
.dr-press-testimonial h3 { font-size: 1.25em; margin: 0 0 1em 0; }
.dr-press-testimonial p { margin-bottom: 0.75em; }
.dr-press-testimonial .row { display: table-row; }
.dr-press-testimonial .column { background-color: #f3f1ea; border-left: 1px solid #fff; border-right: 1px solid #fff; display: table-cell; float: none; padding: 2em; vertical-align: top; }
.dr-press-testimonial .quote { color: #534741; font-size: 1.125em; font-weight: 100; margin: 0 auto 0.5em auto; text-align: center; }
.dr-press-testimonial .quote-credit { color: #534741; font-size: 0.875em; font-style: italic; font-weight: 100; margin-bottom: 1em; text-align: center; }

/* Testimonials Page */
.dr-testimonial { display: table; text-align: center; margin: 1em 0 3em 0; }
.dr-testimonial .row { display: table-row; }
.dr-testimonial .column { background-color: #f3f1ea; background-image: linear-gradient(#fff 0%, #fff 135px, #f3f1ea 135px, #f3f1ea 100%); border-left: 1px solid #fff; border-right: 1px solid #fff; display: table-cell; float: none; padding: 2em 0; }
.dr-testimonial .quote { color: #534741; font-size: 1.125em; font-weight: 100; margin: 1em auto 0.5em auto; max-width: 70%; }
.dr-testimonial .quote-credit { color: #534741; font-size: 0.875em; font-style: italic; font-weight: 100; }
.dr-testimonial img { border-radius: 50%; box-shadow: 0px 6px 5px #ccc; -moz-box-shadow: 0px 6px 5px #ccc; -webkit-box-shadow: 0px 6px 5px #ccc; }