/* LOAD GOOGLE WEB FONTS ------------------------------------------------------------ */ @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700|Source+Serif+Pro"); @import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,700"); /* LOAD ICON FONTS ------------------------------------------------------------ */ @font-face { font-family: 'AbrilTitlingNarrow'; src: url('../eot/abril-titlingnarrow-webfont.eot'); src: url('../eot/abril-titlingnarrow-webfontd41d.eot#iefix') format('embedded-opentype'), url('../woff2/abril-titlingnarrow-webfont.woff2') format('woff2'), url('../woff/abril-titlingnarrow-webfont.woff') format('woff'), url('../ttf/abril-titlingnarrow-webfont.ttf') format('truetype'), url('../svg/abril-titlingnarrow-webfont.svg#abriltitlingnarroww01-itRg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoon'; src:url('../eot/icomoon61c6.eot'); src:url('../eot/icomoon61c6.eot#iefix') format('embedded-opentype'), url('../woff/icomoon61c6.woff') format('woff'), url('../ttf/icomoon61c6.ttf') format('truetype'), url('../svg/icomoon61c6.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'hphicomoon'; src:url('../eot/icomoon61c6.eot'); src:url('../eot/icomoon61c6.eot#iefix') format('embedded-opentype'), url('../woff/icomoon61c6.woff') format('woff'), url('../ttf/icomoon61c6.ttf') format('truetype'), url('../svg/icomoon61c6.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="hphicon-"], [class*=" hphicon-"] { font-family: 'hphicomoon'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-angle-down:before { content: "\f107"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-caret-down:before { content: "\f0d7"; } .icon-check-circle:before { content: "\f058"; } .icon-check:before { content: "\f00c"; } .icon-chevron-circle-up:before { content: "\f139"; } .icon-chevron-right:before { content: "\f054"; } .icon-circle:before { content: "\f111"; } .icon-envelope-o:before { content: "\f003"; } .icon-map-marker:before { content: "\f041"; } .icon-print:before { content: "\f02f"; } .icon-question-circle:before { content: "\f059"; } .icon-times-circle:before { content: "\f057"; } .icon-facebook:before { content: "\e900"; } .icon-twitter:before { content: "\e901"; } .icon-instagram:before { content: "\e902"; } .icon-pinterest:before { content: "\e903"; } .icon-youtube:before { content: "\e904"; } .icon-linkedin:before { content: "\e905"; } .icon-search:before { content: "\e906"; } .hphicon-facebook:before { content: "\e900" !important; } .hphicon-twitter:before { content: "\e901" !important; } .hphicon-instagram:before { content: "\e902" !important; } .hphicon-pinterest:before { content: "\e903" !important; } .hphicon-youtube:before { content: "\e904" !important; } .hphicon-linkedin:before { content: "\e905" !important; } /* BASIC ----------------------------------------------- */ html, body {height: 100%; font-size: 100%; } body { background-color: #fff; color: #1E1E20; cursor: default; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; line-height: 1.5em; margin: 0; padding: 0; position: relative; } body > * { } hr { clear: both; margin: 2em 0; height: 0; border: solid #dddddd; border-width: 1px 0 0;} .left {float: left !important; } .right {float: right !important; } /*.clearfix {*zoom: 1; } .clearfix:before, .clearfix:after {content: " "; display: table; } .clearfix:after {clear: both; }*/ .hide, .hide-desktop { display: none; } .hide-mobile { display: block; } .hide-ada { border: 0; clip-path: inset(50%); clip: rect(0, 0, 0, 0); height: 1px; left: -999em; margin: -1px; overflow: hidden; padding: 0; position: absolute; top: 0; white-space: nowrap; width: 1px; } .dotted {border: dotted 1px #f2f4f8;} .clear-none {clear:none; } /* TYPOGRAPHY RESETS ----------------------------------------------- */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {margin: 0; padding: 0; } /* IMAGES ----------------------------------------------- */ img {max-width: 100%; height: auto; } img {-ms-interpolation-mode: bicubic; } img {vertical-align: middle; display: inline-block; } a img {border: none; } /* .article-img > img, .wysiwyg img (style is too broadly applied) */ .article-img > img { width: 100%; max-width: 100%; height: auto !important; } p iframe { width:100%; height:500px; } /* DEFAULT PARAGRAPH STYLES ----------------------------------------------- */ p {margin-bottom: .8em; font-family: inherit; line-height: 1.6em; text-rendering: optimizeLegibility; word-wrap: break-word; } /* DEFAULT H STYLES ----------------------------------------------- */ h1, h2, h3, h4, h5, h6 {font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; color: #505056; text-rendering: optimizeLegibility;line-height:normal;} h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-size: 60%; line-height: 0; } h1 {font-size: 2.6em; } h2 {font-size: 1.6em; } h3 {font-size: 1.5em; } h4 {font-size: 1.3em; } h5 {font-size: 1.2em; } h6 {font-size: 1.1em; } h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {text-decoration:underline;} /*subhead styles */ .subheader {margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #6f6f6f; } .h1-subtitle {font-family: "Source Serif Pro", Georgia, serif; font-style: italic; font-size: 1.125em; } .h4-subtitle {font-family: "Source Serif Pro", Georgia, serif; font-style: italic; font-size: 1em; } /* COLOR ------------------------------------------------------------ */ .reverse {color:#fff; } .color {color:#1E1E20; } .bg-color {background-color:#8198AC; } .bg-white {background-color: #fff;} .bg-color-2 {background-color:#f2f4f8; } .bg-color-3 {background-color:#F3F6F6;} .second-color {color:#8198AC; } .grey {color:#c3c3c3; } .warning {color:#D61313; } .inactive {color:#d6d3d3;} /* HELPFUL BODY STYLES ----------------------------------------------- */ /* links */ a:hover {cursor: pointer;color: #007194;} a, a:visited {color: #007194;font-weight:400;text-decoration: none;line-height: inherit;} a:hover, a:focus, button:focus {color: #007194;text-decoration: underline;} input:focus {color: #007194;} .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } /* easing */ #md-map ul.tab li.tab-btn, #md-carousel li a, #md-feature li a, a.tile, a.direction, a.circle { -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease; } /* text styling */ em, i {font-style: italic; line-height: inherit; } strong, b {font-weight: 500; line-height: inherit; } small, .small {font-size: 75%; line-height: inherit; } smaller, .smaller {font-size: 90%; line-height: inherit; } code {font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #910b0e; } .large {font-size: 125%;} .x-large {font-size: 150%;} .normal {font-weight: 400;} .light {font-weight: 300;} .bold {font-weight: 700;} .caption {font-size: .7em; font-weight: normal; position: relative;} .caps {text-transform: uppercase;} /* secondary type treatment */ .subtext-i {font-family: "Source Serif Pro", Georgia, serif; font-style: italic; } .subtext { font-family: "Montserrat", Helvetica, Arial, sans-serif; } .title {font-size: 105%; color:#1E1E20; font-weight: 400; letter-spacing: .02em; } .blowout {margin: 10px 0; font-family: "Montserrat", Helvetica, Arial, sans-serif; letter-spacing: .01em; line-height: 1.35em; } .more-link::after { content: " \00bb"; } .more-link-single::after { content: " \203a"; } /* alignment */ .text-left {text-align: left; } .text-right {text-align: right; } .center {text-align: center; } /* spacing */ .padding {padding:20px; } .padding-l {padding-left: 20px; } .padding-r {padding-right: 20px; } .padding-top {padding-top:20px; } .margin-b {margin-bottom: 20px;} .margin-l {margin-left: 20px; } .margin-r {margin-right: 20px; } .profiler-top {margin-top: -25px;} /* border styles */ .border {border-style: solid; border-color: #d6d3d3; border-width: 1px; } .border-right {padding:0 15px; border-right: solid #d6d3d3 1px; } .border-right:nth-last-child(1) {border:none; } /* lists */ ul, ol, dl {margin-bottom: 1.25em; list-style-position: outside; font-family: inherit; line-height: 1.6em;} ul {margin-left: 1.1em; } ul.no-bullet li {margin-left: 0; list-style: none; } ul.no-bullet li ul, ul.no-bullet li ol {margin-left: 1.25em; margin-bottom: 0; list-style: none; } /* unordered lists */ ul li ul, ul li ol {margin-left: 1.25em; margin-bottom: 0; } ul.square li ul, ul.circle li ul, ul.disc li ul {list-style: inherit; } ul.square {list-style-type: square; margin-left: 1.1em; } ul.circle {list-style-type: circle; margin-left: 1.1em; } ul.disc {list-style-type: disc; margin-left: 1.1em; } ul.no-bullet {list-style: none; } /* ordered lists */ ol {margin-left: 1.4em; } ol li ul, ol li ol {margin-left: 1.25em; margin-bottom: 0; } /* definition lists */ dl dt {margin-bottom: 0.3em; font-weight: bold; } dl dd {margin-bottom: 0.75em; } /* abbreviations */ abbr, acronym {text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px dotted #dddddd; cursor: help; } abbr {text-transform: none; } /* blockquotes */ blockquote {margin: 0 0 1.25em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #dddddd; } blockquote, blockquote p {line-height: 1.6em; color: #6f6f6f; } /* Tables */ .basic-table tr { background-color: #F3F6F6; } .basic-table tr:nth-child(even) { background-color: #fff; } .basic-table td:first-child { font-weight: 500; } .basic-table td { text-align: left; padding: 5px; vertical-align: top; } .basic-table p { margin: 0; } table p { padding: 5px; } table.tg { margin: 0 auto; } .tg-yw4l p { padding: 0 10px 0 0; } /* BUTTONS & LINKS ----------------------------------------------- */ button, a.button, a.button:visited, .contour input[type="submit"], .email-opt-in input[type="submit"] {position: relative; display: inline-block; margin: 0 0 .8em; padding: 9px 15px; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #00526B; line-height: normal; letter-spacing: .05em; text-decoration: none; text-align: center; text-transform: uppercase; border-style: solid; border-width: 0; border-radius: 0; -webkit-appearance: none; border-color: #afcd68; background-color: #afcd68; transition: background-color 300ms ease-out; cursor: pointer; } button:hover, button:focus, .button:hover, .button:focus, a.button:hover, .contour input[type="submit"]:hover, .contour input[type="submit"]:focus {background-color: #def3af;} .btn-outline {position: relative;display: inline-block;margin: 0 0 .8em;padding: 8px 18px;font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 400;color: #007194;text-transform: uppercase;line-height: normal;letter-spacing: .05em;text-decoration: none;text-align: center;border-style: solid;border-width: 1px; border-radius: 0;-webkit-appearance: none;border-color: #007194;cursor: pointer;-webkit-transition: 300ms ease-out;-ms-transition: 300ms ease-out;transition: 300ms ease-out;} .btn-outline:hover {color: #fff;border-color: #007194;background-color: #007194;text-decoration: none;} .btn-outline-w {position: relative; display: inline-block; margin: 0 0 .8em; padding: 8px 18px; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #FFF; line-height: normal; letter-spacing: .05em; text-decoration: none; text-align: center; border-style: solid; border-width: 1px; border-radius: 0; -webkit-appearance: none; border-color: #fff; cursor: pointer; -webkit-transition: 300ms ease-out; -ms-transition: 300ms ease-out; transition: 300ms ease-out; } .btn-outline-w:hover {color:#009da5; border-color: #009da5; } .btn-secondary {position: relative;display: inline;margin: 0 5px;padding:2px 10px;border-style: solid;border-width: 1px;border-color: #007194;cursor: pointer;text-align: center;font-size: .85em;line-height: normal;text-transform: uppercase;letter-spacing: .1em;text-decoration: none;} a.btn-secondary-inactive {padding: 2px 10px; border-style: solid; border-width: 1px; border-color: #d6d3d3; font-size: .85em; color:#d6d3d3; text-transform: uppercase; letter-spacing: .1em; } /* image link panels */ .tiles {margin: 10px 0 30px 0; padding-bottom: 10px; border:1px solid #f2f4f8; background-color: #fff;} .tiles p {margin-bottom: 0;} a.image-link {position: relative; display: block; } .image-overlay {display: none;} .blue-cta {font-size:1.1em; color:#1E1E20; font-weight:bold;} .button-no-link { cursor: default !important; } .button-no-link:hover, .button-no-link:focus, .button-no-link:hover { background-color: #afcd68 !important;} /* FORM FIELDS & STYLES ----------------------------------------------- */ input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel] {height: 2.45em; width: 100%; margin: 5px 0 15px; padding-left: 15px; border:0; cursor: pointer; font-size: .85em; font-weight: 300; letter-spacing: .01em; color: #666666; background: #f0efef;} .search-bar {background: url('../png/search.png') no-repeat center; padding-left: 20px; width: 100px; line-height: 1.5em; } .services-search { margin: 40px 0; } .services-search input {vertical-align: top; max-width: 80%; margin:0; padding: 0 0 0 15px; background-color: #ffffff; border: 1px solid rgb(230, 223, 206);} .services-search button {vertical-align: top; margin: 0; padding-top: .35em; padding-bottom: .5em; } .locator-search input {padding: 2px 0 0 15px; } .locator-search button {margin: 0; padding-top: 7px; padding-bottom: 6.5px; } /* GLOBAL SEARCH BAR ----------------------------------------------- */ .sb-search { background-color: #78787a; border-radius: 5px; float: right; height: 28px; margin-left: 20px; margin-right: 10px; overflow: hidden; position: relative; top: 7px; -webkit-transition: width 0.3s; transition: width 0.3s; width: auto; } .sb-search button { padding: 3px 6px 3px 16px; margin-bottom: 0; font-size: 0.8em; color:#ffffff; border-color: #6F6F71; background-color: #6F6F71; } .sb-search button::after { content: '\e906'; float: right; font-family: 'icomoon'; font-size: 1.125rem; line-height: 1em; margin-left: 10px; } .sb-search button.open::after { content: "\f057"; } .sb-search button:hover { border-color: #1E1E20; background-color: #1E1E20; } .search-bkg { background-color: rgba(120, 120, 120, 0.95); left: 0; padding: 2.175em 0; position: absolute; top: -116px; -webkit-transition: top 0.45s ease 0s; transition: top 0.45s ease 0s; width: 100%; z-index: 995; } .search-bkg.open { top: 44px; } #alert ~ .search-bkg.open { top: 84px; } .search-bkg .container { position: relative; padding: 0 125px; } input.sb-search-input { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: transparent; border-bottom: 1px solid #ffffff; color: #ffffff; font-size: 1.25em; font-weight: normal; height: auto; letter-spacing: 0; margin: 0; padding: 0.5em 1em; z-index: 10; } .sb-search-input::-webkit-input-placeholder { color: #dddddd; } .sb-search-input:-moz-placeholder { color: #dddddd; opacity: 1; } .sb-search-input::-moz-placeholder { color: #dddddd; opacity: 1; } .sb-search-input:-ms-input-placeholder { color: #dddddd; } .sb-icon-search, .sb-search-submit { cursor: pointer; display: inline; height: 44px; line-height: 44px; position: absolute; right: 125px; text-align: center; top: 0; width: 44px; } .sb-search-submit { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: transparent; border: none; outline: none; z-index: 0; /* IE needs this */ } .sb-search-submit:hover, .sb-search-submit:focus, .sb-search-submit:active { background-color: transparent; } .sb-icon-search { -webkit-font-smoothing: antialiased; border-radius: 0 5px 5px 0; color: #ffffff; font-family: 'icomoon'; font-size: 32px; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; right: 0; z-index: 90; } .sb-icon-search:hover { color: #e6dfce; } .sb-icon-search:before { content: '\e906'; } /* 404 Search Bar */ #SearchForm404 { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; height: 55px; } #SearchForm404 .search-404 { width: 80%; color: #666666; font-size: 27px; background-color: #f0efef; margin: 0; border: 0; cursor: pointer; } #SearchForm404 button[type="submit"] { height: 100%; line-height: 1; padding: 0.5em 1em; } #SearchForm404 .icon-404 { position: relative; font-size: 28px; border: none; background-color: rgba(0, 0, 0, 0); line-height: 1; } /* NAVIGATION ----------------------------------------------- */ /* alert bar */ #alert {position:relative; width:100%; background-color: red; text-align: center; color:#fff; font-size: 20px; line-height: 1.875em; padding: 0.5em 18%; z-index: 999; } #alert a {color:#fff; text-decoration: underline;} #alert a::after {content: "\00bb";} /* global top navigation */ #sticky_navigation_wrapper {width: 100%; height: 189px; } #sticky_navigation {z-index: 4000; width: 100%; position: relative; top: 0; left: 0; } nav { width:100%; } .global-color {background-color: rgb(249, 247, 243); width:100%;} .global-nav-container { position: relative; z-index: 1000; } .global-nav {padding: 2px 5px 5px; width: 100%; overflow: hidden } .global-nav:after {clear: both; } ul.global-nav-1, ul.global-nav-2 {font-size: .8em; font-weight: 400; margin: 0; line-height: 35px; list-style: none; text-transform: uppercase; font-family: "Montserrat", Helvetica, Arial, sans-serif; } ul.global-nav-1 { float: left; } ul.global-nav-2 { float: right; } ul.global-nav-1 li {display: inline-block; padding: 2px 17px 0 0; line-height: 35px; } ul.global-nav-2 li {display: inline-block; padding: 2px 0 0 17px; line-height: 35px; } ul.global-nav-1 a, ul.global-nav-2 a {color: #505056; text-decoration: none; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ul.global-nav-1 a:hover, ul.global-nav-2 a:hover {color: #007194;} /* global header */ .main-header-color { background: rgb(255,255,255); padding: 0.875em 0; } .main-header-color .well-number {font-family: "Montserrat", Helvetica, Arial, sans-serif;font-size: 1em;font-weight: normal;color: #6F6F71;margin: 0.75em 1em 1em 0;} .header-logo { display: inline-block; min-height: 88px; } /* global main navigation */ .main-nav-color { background: #0090ba; } .main-nav {position: relative; display:block; width: 100%; } .main-nav:after {clear: both; } /* Styles to remove particular dropdowns */ /* System Level */ /*#oe_menu a[href^='/services'] + .oe_full, #oe_menu a[href^='/find-a-physician'] + .oe_full { display: none; }*/ /* Hospital Level */ #oe_menu a[href^='/kapiolani/services'] + .oe_full, #oe_menu a[href^='/kapiolani/find-a-physician'] + .oe_full, #oe_menu a[href^='/kapiolani/locations'] + .oe_full, #oe_menu a[href^='/pali-momi/services'] + .oe_full, #oe_menu a[href^='/pali-momi/find-a-physician'] + .oe_full, #oe_menu a[href^='/pali-momi/locations'] + .oe_full, #oe_menu a[href^='/straub/services'] + .oe_full, #oe_menu a[href^='/straub/find-a-physician'] + .oe_full, #oe_menu a[href^='/straub/locations'] + .oe_full, #oe_menu a[href^='/wilcox/services'] + .oe_full, #oe_menu a[href^='/wilcox/locations'] + .oe_full, #oe_menu a[href^='/wilcox/find-a-physician'] + .oe_full { display: none; } ul.oe_menu { width: 100%; padding-left: 0; font-size: .9375em; font-weight: 400; letter-spacing: .03em; margin-left: 0; } ul.oe_menu li:hover > div.oe_full { position: absolute; opacity: 1; top: 30px; } ul.oe_menu > li { display: inline-block; padding: 3px 1.5em; text-align: center; } ul.oe_menu > li > a {color: #fff;text-decoration: none;text-transform: uppercase;font-family: "Montserrat", Helvetica, Arial, sans-serif;font-weight: 700;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;/* background-color: #ffffff; */} ul.oe_menu > li:hover {background-color: #ffffff;} ul.oe_menu > li:hover > a {color: #0090ba;} ul.oe_menu div {position: fixed; top: -250px; height: 270px; left: 0; padding: 20px 10%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); display: block; opacity: 0; z-index: -1; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .oe_full.menu-visible { position: fixed; opacity: 1; top: 189px; } .oe_full {width: 100%; font-size: 1.2em; background: rgba(248, 248, 248, 0.95); } .oe_full p.nav-title {float: left; width: 30%; margin: 0; padding: 0 3% 0 0; text-align: right; color: #0090ba; font-size: 2.4em; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 700; letter-spacing:.01em; line-height: 1.25em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .oe_full p {float: left;padding-top: .5%;text-align: left;padding-left:3%;width: 70%;margin-bottom: .6em;font-family: "AbrilTitlingNarrow", Georgia, serif;color:#1E1E20;} .oe_full a {font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #007194; } .oe_full a:hover {color: #007ca3; text-decoration: underline;} .oe_full a.button {font-size:.94em; text-transform:inherit;color:#ffffff;background-color:#007da3;margin-top:.25em;} .oe_full ul {float: left;text-align: left;width: 70%;margin:0;padding-left:3%;} .oe_full ul > li {float: left; width:33%; display: inline; line-height: 1.6em; } .see-more {letter-spacing: 0; margin: 0; padding:0; } /* secondary nav */ #secondary-nav {padding-bottom: 20px; text-align: center; } #secondary-nav ul {width: 100%; margin: 0; } #secondary-nav li {display: inline; padding: 0 14px; list-style-type: none; text-align:center; font-size:16px; font-weight: 300; text-transform: uppercase; line-height: 18px; letter-spacing: .05em; } #secondary-nav li:first-child { padding-left:0; } #secondary-nav li:last-child { padding-right:0; } #secondary-nav li a {color: #1E1E20;font-weight: 400;text-decoration: none;} #secondary-nav li a:hover, #secondary-nav li a.select {font-weight: bolder;color: #007194;border-bottom: 3px solid #007194;text-decoration: none;} #secondary-nav li a.donate {padding: 5px 8px; color:#fff; background-color: #0090ba;} #secondary-nav li a.donate:hover {background-color: #D8BD56; border:none; } /* breadcrumbs */ #breadcrumb {padding: 20px; font-size: 13px; color: #1E1E20; } #breadcrumb a {padding: 0 5px; color: #1E1E20; text-decoration: underline; } #breadcrumb a:hover {color: #007194; } #breadcrumb a.select, #breadcrumb a.select:hover {color: #1E1E20; } /* pagination */ #pagination {padding: 20px; text-align: right; } #pagination-top {text-align: right; float:right; margin-right:30px;} #pagination a, #pagination-top a {padding: 0 5px; font-weight:400; font-size: 20px; color: #1E1E20; } #pagination a:hover, #pagination-top a:hover {color: #0090ba;} #pagination span.select, #pagination-top span.select {color: #007194;font-size: 20px;font-weight:bold;} hr.no-btm-space {margin-bottom:0;} hr.no-space {margin:0;} /* FOOTER ----------------------------------------------- */ .footer-bg {background-color: rgba(247, 245, 240, 0.53);} .footer1-bg {padding: 6px 0; width: 100%; background-color: #F2EDE3; } .footer2-bg {padding: 5px 0; width: 100%; background-color: #ffffff; } .footer-tag1, .footer-tag2 { color: #505056; display: block; font-family: "Montserrat", Helvetica, Arial, sans-serif; letter-spacing: 0.02em; font-size: 1.25em; font-weight: 400; margin: 0 auto; text-align: center; text-transform: uppercase; } .footer-tag1, .footer-tag2 a {text-decoration: underline;} footer hr {margin: 1em 0; border: solid #93adad; border-width: 1px 0 0; } footer h5, footer p, footer .subtext {color: #505056; font-weight: 400; } footer a:link, footer a:visited {color: #007194; } .social a:hover {opacity: .8; filter: alpha(opacity=80);} footer a.underline {text-decoration:underline;} footer a:hover, .footer-last a:hover, .social a:hover {color: #007194;} footer h5 {margin: 0; font-weight: 400; } footer p {font-size: .9em; margin-top: 1em; } footer img {margin: 10px 0;} footer img + p { margin-top: 20px; margin-bottom: 0; } footer ul {float: left; width: 23%; margin: 0; padding: 3px 0 10px 0; list-style-type: none; font-size: .9em; line-height: 1.9em; } footer ul:nth-of-type(n+2) {width: 17%; margin: 0 0 0 3.5%;} footer ul:nth-of-type(n+2):last-child { width: 31%; margin: 0 0 0 3.5%; padding: 0;} footer ul li:nth-child(n+2) { letter-spacing: .01em; } footer .subtext { text-transform: uppercase; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 0.95em; font-weight:700; margin-bottom: 0.75em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } footer .column.fourth { padding: 20px 10px; } footer .column.three-fourths { padding: 20px 10px; } ul.footer-last {float: left; width: 100%; vertical-align: middle; margin: 0; padding: 0; font-size: .75em; color: #1E1E20; font-weight:400; text-transform: uppercase; letter-spacing:.01em; } ul.footer-last > li {display: inline; padding:0 10px; border: 1px solid #DDE1E4; border-width: 0 0 0 1px;} ul.footer-last > li:first-child {border: none; } ul.footer-last a, ul.footer-last a:visited {color: #1E1E20;} /* SOCIAL MEDIA ICONS ----------------------------------------------- */ ul.social, #right-rail ul.social {width: 100%; margin: 0; font-size: 1.4em; margin-top: 0; padding-right: 1em;} ul.social > li, ul.social a #right-rail ul.social > li, ul.social a {display: inline-block; margin-left:5px; } ul.social a:link, ul.social a:visited { color: #afcd68; font-size: 1.375em; } a[class*='icon-'] > span { display: none; } /* HERO AREAS ----------------------------------------------- */ #system-hero, #hospital-hero, #giving-hero, #subpage-header {min-width: 1024px; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; } #system-hero, #hospital-hero {position:relative; top:0; height: 495px; background-size: cover; background-position: 50% 25%; width: 100%; } /*#system-hero {background-size: 100% }*/ #system-hero .overlay { background-color: rgba(255, 255, 255, 0.0); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } #hospital-hero .overlay { background-color: rgba(255, 255, 255, 0.45); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } #system-hero .container { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); max-width: 100%; position: absolute; top: 50%; transform: translateY(-50%); width: calc(100% - 70px); z-index: 10; } /* #system-hero .hero-area { position: relative; top: 65px; left: 70px; width: calc(100% - 70px); z-index: 10 } */ #hospital-hero .hero-area { left: 50%; position: absolute; text-align: center; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: auto; z-index: 10; } #system-hero .hero-area p, #hospital-hero .hero-area p { margin-bottom: 2em; } #system-hero .hero-area p:last-child, #hospital-hero .hero-area p:last-child { margin-bottom: 0; } #system-hero .hero-area a.button, #hospital-hero .hero-area a.button { padding: 0.5em 2em; font-size: 1.25em; } #giving-hero {min-height: 600px; width: 100%; min-width: 0; } .header-video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1000; } .header-video .video-js { height: 100%; position: relative; width: 100%; z-index: 1001; background-color: transparent } .header-video .video-js .vjs-tech { height: auto; } .header-video .video-js .vjs-poster { background-color: transparent; } .header-video .video-js .vjs-loading-spinner { display: none!important; } .myha-login-container { -webkit-box-shadow: -1px 6px 3px -2px rgba(0,0,0,0.22); -moz-box-shadow: -1px 6px 3px -2px rgba(0,0,0,0.22); box-shadow: -1px 6px 3px -2px rgba(0,0,0,0.22); } .gradient { position: absolute; height: 500px; width: 100%; left: 0; top: 0; background-image: linear-gradient(to bottom, rgba(255,255,255,0) 69%,rgba(255,255,255,0.03) 70%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#25ffffff',GradientType=0 ); } #login-panel { margin: 1em 0; } #login-panel > p {margin: 0; display: inline-block; float: left;} #login-panel > div { float: left; margin-top: 0.75em; } #login-panel p.subtext { float: none; display: block; font-size: 0.7em; line-height: 1.125em; color: #1E1E20; } #login-panel p.subtext a { text-transform: uppercase;text-decoration: underline;} #login-panel img { margin: 0; } #login-panel form { float: left; padding-right:10px; } #login-panel h3 {margin-bottom: 15px; text-align: center; font-weight: 400; letter-spacing:.01em; } #login-panel label {color:#fff; font-weight: 400; position: absolute; top: -999em; left: 0; } #login-panel input[type=text], #login-panel input[type=password] { background-color: #f6f5f0;border: 1px solid #ebebe7;} #login-panel input[type=text], #login-panel input[type=password], #login-panel input[type=email], #login-panel input[type=url], #login-panel input[type=tel] { width: 275px; padding: 12px; height: auto; margin: 10px 5px 10px 0; background-color: #ffffff; font-size: 1em; } #login-panel input[type=text], #login-panel input[type=password] {background-color:#f7f5f0;} #login-panel ul.social {padding-top: 15px;} #login-panel p.mychart-desc {color: #ffffff; font-size: .8em; text-align: right; line-height: 2em; font-style: italic; margin-right: 1em; width: 200px;} /* system hero section */ ul.caps {width: 100%; margin: 20px 0 0 0; text-align:center;} ul.caps li {display: inline; width: 45%;margin: 0 5px; } #entry, #entry a {text-align: right; color:#fff; } #entry ul {position: relative; top:80px; margin-right:25px; list-style-type: none; } #entry a {font-size: 6em; line-height: 1.25em; text-transform: uppercase; } #entry a:hover {color: #0090ba;} #entry li a:after {padding-left: 20px; font-family:'icomoon'; content: '\f054'; font-size:.65em;} #entry p.caption {margin-top: 215px; } /* hospital map section */ .h-map {height: 100px; width: 100%; background-color: #aab7c2; } .map-info {margin-left: 35%; padding:15px; font-size:14px;} .map-info p {margin:10px 0; font-size:110%;} .map-info h6 {margin-bottom: 5px;} .map-info a {font-weight: 300; color:#1E1E20; } .map-info a:hover {color: #0090ba; } /* hospital hero section, hospital giving hero */ #hospital-hero p.caption {margin-top: 70px; color:#545459; } #hh-call-outs {position: relative; z-index: 9; } #hh-call-outs div {z-index:999; padding:20px; background: rgba(255, 255, 255, 0.8); text-align: left; } #hh-call-outs h4 {padding-bottom: 10px; font-size:2.4em; line-height: 1.1em; letter-spacing: .02em; } #hh-call-outs a {font-weight: 400; } .ca1 {margin-top: 110px; } .ca2 {margin-top: 50px; } #giving-hero .ca1, #giving-hero .ca2 {margin-top: 30px; } #giving-hero .ca1 h1 {margin-bottom:0; } #giving-hero p.caption {margin-top: 100px; color:#fff; } /* subpage header section */ #subpage-header {position:relative; top: -45px; display: block; height: 500px; padding-top: 150px; text-align: center; width: 100%; } #subpage-header .head {font-size: 4.25em; font-weight: 400; color: #fff; text-shadow: 2px 4px 6px rgba(0,0,0,0.3); } #subpage-header p {margin-top: 30px; font-size:1em; letter-spacing: .03em; text-shadow: 2px 4px 6px rgba(0,0,0,0.3); } #subpage-header.dhtower { background-position: 50% 45px; } #subpage-header.dhtower .head { color: #0971ce; font-family: "Montserrat", Helvetica, Arial, sans-serif; text-shadow: none; } #body-subpage.dhtower { background-position: 0 100%; background-repeat: no-repeat; background-size: contain; } #body-subpage.dhtower #full-page { background-color: #fbfaf7; margin: 0 0 2em 0; padding: 0; } #body-subpage.dhtower .row { padding: 0; } #body-subpage.dhtower .column { padding: 15px; } #body-subpage.dhtower .column.full { padding: 15px 30px; } #body-subpage.dhtower .column.no-padding { padding: 0; } #body-subpage.dhtower .column.no-padding img { width: 100%; } /* MODULE/BLOCKS ----------------------------------------------- */ .body-system .row, .body-hospital .row {margin: auto; padding: 0; } .wrap {width: 80%; margin: auto; } #md-services, #md-physician {padding: 3em 0 1em 0; margin: 0; } #md-physician h2, #md-services h2, #md-story h2 {line-height: 1.1em; font-size:3.5em; } #md-physician p, #md-services p {font-weight: 400;color: #1E1E20;padding-top: 20px;} #md-services .quick-links { margin-bottom: 17px; } /* map block */ #md-map {height: 450px; margin:0; padding: 0; background-color: #fff; } #md-map img {width: 100%; height: auto; } #md-map div {padding:0 5%; } #md-map h5 {margin-left: 10%; color:#1E1E20; line-height: 40px; text-transform: uppercase; letter-spacing: .05em; } #md-map li:nth-of-type(1) h5 {margin-left:0;} #md-map li {width: 100%; list-style-type: none; } #md-map ul.tab {width: 100%; } #md-map ul.tab li {width: 50%; display: inline-block; } #md-map a {text-transform: uppercase; } #md-map ul.tab li.tab-btn {display: inline-block; background-color: #8198AC; } #md-map ul.tab li.tab-btn a {color: #fff; } #md-map ul.tab li.tab-btn:hover {background-color: #1E1E20; } /* physician block */ #md-physician { border-right: 1px solid #ffffff; } #md-physician button {background-color: #afcd68; border: 1px solid #afcd68;margin: 0;padding: 9px 20px;vertical-align: bottom;width: 20%;} #md-physician button:hover, #md-physician button:focus, #md-physician button:active {background-color: #def3af;border: 1px solid #def3af;} #md-physician h2 { color: #505056; font-family: "AbrilTitlingNarrow", serif; font-size: 2em; line-height: 1.3em; letter-spacing: 0.05em; margin-bottom: 1em; text-transform: lowercase; } #md-physician h2 span { color: #0090ba; display: block; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 3.5rem; text-transform: uppercase; letter-spacing: 0; } #md-physician input[type="text"] { background-color: #ffffff; border: 1px solid rgb(230, 223, 206); color: #21212c; display: inline-block; float: left; font-size: 1em; height: auto; margin: 0; padding: 9px 15px; width: 80%; } #md-physician input::-webkit-input-placeholder { color: #78787a; } #md-physician input:-moz-placeholder { color: #78787a; opacity: 1; } #md-physician input::-moz-placeholder { color: #78787a; opacity: 1; } #md-physician input:-ms-input-placeholder { color: #78787a; } #md-physician label {color: #1E1E20;display: inline-block;font-weight: 400;margin: 5px 1em 0 0;text-align: left;text-transform: uppercase;} #md-physician label:not(:first-of-type) { margin-left: 0.125em; margin-right: 2em; } #md-physician label[for="searchFor"] { display: block; margin-left: -9999px; position: absolute;} #md-physician [type=radio]:checked ~ label { background-color: transparent; } #md-physician select { display: inline-block; margin: 5px 0 0; width: 80%; } /* services */ #md-services { border-left: 1px solid #ffffff; } #md-services button {background-color: #afcd68;border: 1px solid #afcd68;margin: 0;padding: 9px 20px;vertical-align: bottom;width: 20%;} #md-services button:hover, #md-services button:focus, #md-services button:active {background-color: #def3af;border: 1px solid #def3af;} #md-services h2 { color: #505056; font-family: "AbrilTitlingNarrow", serif; font-size: 2em; line-height: 1.3em; letter-spacing: 0.05em; margin-bottom: 1em; text-transform: lowercase; } #md-services h2 span { color: #0090ba; display: block; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 3.5rem; text-transform: uppercase; } #md-services input[type="text"] { background-color: #ffffff; border: 1px solid rgb(230, 223, 206); color: #21212c; display: inline-block; float: left; font-size: 1em; height: auto; margin: 0; padding: 9px 15px; width: 80%; } #md-services input::-webkit-input-placeholder { color: #78787a; } #md-services input:-moz-placeholder { color: #78787a; opacity: 1; } #md-services input::-moz-placeholder { color: #78787a; opacity: 1; } #md-services input:-ms-input-placeholder { color: #78787a; } #md-services label {color: #1E1E20;display: inline-block;font-weight: 400;margin: 5px 5px 0 0;text-align: left;text-transform: uppercase;} #md-services .quick-links a { font-weight: 400; } #md-services a:link, #md-services a:visited {color: #007194;} /* story block */ #md-story { height:450px; background-position: left; background-size:cover; background-repeat: no-repeat; } #md-story h2 {color:#1E1E20; font-weight:400; } #md-story .story-txt {width: 50%; padding: 30px 0 0 30px; } /* CAROUSEL - carousel block */ #md-carousel {padding:50px 0; text-align: center; background-color: #fff; } #md-carousel h2 {margin: 20px; font-size:3em; font-weight:300; color: #1E1E20; } #md-carousel ul {width: 75%;border-bottom: 2px solid #8995AD; } #md-carousel ul, #md-feature ul {margin: 20px; } #md-carousel li a {padding:5px 10px; color:#8995AD; line-height: 1.4em; } #md-carousel li:nth-of-type(2) a {padding:5px 50px;} #md-carousel li a:hover, #md-carousel li a.select {color: #fff; background-color: #8995AD; } #md-carousel li a.select:hover {background-color: #8995AD; } #md-carousel li, #md-feature li {display: inline-block; padding: 20px 20px 0 0; list-style-type: none; text-align: center; } #md-feature h2 {margin-bottom: 20px; font-weight: 300; } #md-feature li a {padding:5px 10px; font-size: 13px; font-weight: 300; color: #a1d9d0; text-decoration: none; text-transform: uppercase; letter-spacing:.05em; } #md-feature li a:hover {color: #fff; background-color: #a1d9d0; } a.tile {width: 23.75%;height: 175px;display: inline-block;vertical-align: top;margin:5px;background-color:#aab7c2;-webkit-filter: grayscale(75%);-moz-filter: grayscale(75%);filter: grayscale(75%);transition: all 300ms ease;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;text-align: center;text-decoration: none;} a.tile:hover {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);filter: grayscale(0%);filter: gray;} .tile h5 {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 .5em; font-size: 1.4em; color: #fff; line-height: 1.2em; text-transform: uppercase; opacity:1; transition: all 300ms ease; } a.tile:hover h5 {opacity: 1;} .tile p {color:#fff; font-weight:400; } a.direction {width: 25px; height: 175px; display: inline-block; vertical-align: bottom; margin: 5px 0; padding:0; background-color:#fff; } a.direction img {padding-top: 80px;} a.direction:hover {opacity: .5; } a.circle {display: inline-block; margin:5px; border-radius: 6px; width: 12px; height: 12px; background-color:#d1d9de; } a.circle:hover {background-color: #e08e3b; } /* 3-up items to fit full page width */ div.text-panel a.tile { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 200px; margin: 0; width: 100%; } div.text-panel a.tile h5 { padding: 0; } /* feature trio block - similar to carousel but only 3 items static */ #md-feature {padding: 20px 0 50px 0; white-space: nowrap; } #md-feature h5 {padding-top: 20px; padding-bottom: 10px; text-transform: uppercase; font-weight: 400; letter-spacing: -.01em; white-space: normal; } .body-system .homepage-promo-boxes, .body-hospital .homepage-promo-boxes { margin: 3em 0; } .homepage-promo-boxes .promo-box { position: relative; } .homepage-promo-boxes .promo-box img { width: 100%; } .homepage-promo-boxes .caption { background-color: rgba(241, 239, 232, 0.9); bottom: 0; margin-bottom: 0; position: absolute; width: 100%; } .homepage-promo-boxes .caption a:link, .homepage-promo-boxes .caption a:visited {color: #333333;display: block;font-size: 1.5em;font-weight: 400;padding: 1.25em 1em;} .homepage-promo-boxes.row { display: flex; flex-flow: row wrap; } /* .homepage-promo-boxes.row .column.third.equal { flex: 0 0 33.3%; float: none; } */ .body-system .news-stories-header, .body-hospital .news-stories-header { margin-top: 4em; } .news-stories-header h2 { color: #6f6f74; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 4em; line-height: 1em; } .news-stories-header h2 span {color: #0090ba;font-family: "AbrilTitlingNarrow", serif;font-size: 1.3em;font-weight: 400;} .news-stories-header h2 span.small { font-size: 1em; } .news-stories-header p.subtitle { color: #1E1E20; font-size: 1.375em; font-weight: 400; } .news-stories-header a:link, .news-stories-header a:visited { color: #007194; font-weight: 400; } .news-stories .column.third.equal { min-height: 330px; height: 330px;} .news-stories img { width: 100%; max-height: 222px; } .news-stories a.more-link:link, .news-stories a.more-link:visited { color: #333333; display: block; padding: 0 0 1em 0; } .news-stories .text-overlay { position: relative; } .news-stories .text-overlay .overlay { background-color: rgba(255, 255, 255, 0.85); height: 100%; position: absolute; top: 0; width: calc(100% - 1.5rem); } .news-stories .text-overlay .caption { font-family: "AbrilTitlingNarrow", serif; font-size: 1.75em; left: 10%; position: absolute; top: 38%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .news-stories .text-overlay .caption a {color: #007194;font-size: 0.8em;font-weight: normal;letter-spacing: 0.01em;line-height: 1.28em;} .body-system .section-divider, .body-hospital .section-divider { margin: 3em 0; text-align: center; } .section-divider h2 { font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 1.75em; color: #505056; position: relative; margin-bottom: 0.5em; } .section-divider h2 span { background-color: #ffffff; padding: 0 1em; position: relative; z-index: 5; display: inline-block; max-width: 90%; } .section-divider h2::before { content: ""; border-top: 1px solid rgba(120,120,122, 0.25); display: block; position: absolute; top: 50%; width: 100%; } .section-divider a:link, .section-divider a:visited {color: #007194;font-weight: 400;font-size: 1.25em;} /* BILLBOARD - general ----------------------------------------------- */ /* three-across global, careers - wysiwyg */ #three-across {margin-top: 20px; border-top: 1px solid #E5E9EC; text-align: center; } #three-across h5 {padding-bottom: 20px; font-family: "Source Serif Pro", Georgia, serif; font-weight: 300; color: #1E1E20; line-height: 1.2em; } .box {margin: 20px 0 0 0; padding: 20px; border-right-style: solid; border-color: #f2f4f8; border-width: 1px; } .box:last-child {border: none; } #three-across a.button {font-size: .8em; } #three-across-wysiwyg {width:100%; display:inline-block; margin: 20px 0; text-align: center; } #three-across-wysiwyg h3 {padding: 20px 0; font-family: "Source Serif Pro", Georgia, serif; font-weight: 300; color: #1E1E20; line-height: 1.2em; } .box-wysiwyg {width: 30%; float:left; margin: 0 1%; padding: 20px; background-color: #F8FEFF; } /* ISOTOPE/MASONRY STYLES - story/article listings, location results ------------------------------------------------------------ */ .isotope {height:75%; background: #DDD; } .isotope:after {display: block; clear: both; content: ''; } .item {float: left; margin: 10px 5px; /* horizontal gutter */ width: 32%; height: auto; border: 1px solid #d6d3d3; } .item .ca1 {margin-top: 10px; padding: 15px; } .item .ca1 p {margin-bottom: 0; } .item.width2 {width: 25%; } .item.height2 {height: 50%; } .item h3 {font-size: 1.3em; line-height:1.2em;margin-left: 30px;} /* ACCORDION - hospital service details ------------------------------------------------------------ */ .accordion { display: block; margin: 0 0 60px 0; padding: 0; } .accordion section { display: block; max-height: 3em; margin: 0 0 20px 0; padding: 0; overflow: hidden; transition: max-height .5s linear 0s; -webkit-transition: max-height .5s linear 0s; -ms-transition: max-height .5s linear 0s; } .accordion p, article.accordion ul, .accordion ol { padding-left: 33px; } .accordion p:nth-of-type(1) { padding-top: 20px; } .accordion h3 { width: 100%; line-height: 1.4em; margin: 0; padding: 0; position: relative; } .accordion h3 a {display: block;width: 100%;line-height: 2em;outline: 0 none;color: #007194;font-weight: 300;font-size: .9em;text-transform:uppercase;padding-right: 45px;background: url('../png/accordion-closed.png') no-repeat scroll 99% transparent;border-bottom: 1px solid #d6d3d3;} .accordion section:last-of-type h3 a {border:none;} .accordion h3 a.phoneLink { position: absolute; top: 0; right:45px; padding: 0; background: none; border-bottom: none; width: auto; } .accordion h3 a:hover {color: #007194;} .accordion .open { max-height: 5200px; transition: max-height .5s linear 0s; -webkit-transition: max-height .5s linear 0s; -ms-transition: max-height .5s linear 0s; } .accordion .open h3 a { background: url('../png/accordion-open.png') no-repeat scroll 99% transparent; } .accordion .open h3 a.phoneLink { background: none; } /* SUBPAGES - GENERAL ----------------------------------------------- */ .page-bg {background-color: #FFF; border-top: 5px solid #E6DFCD; } #body-subpage {position: relative; margin-top: -290px; } #body-subpage .container {width: 90%; /* min-width: 0; */ } #body-subpage .container .container {width: 90%; min-width: 0; } #body-subpage h1 {font-weight: 300; color: #1E1E20;} #body-subpage p.subtitle {margin: -25px 0 20px 0; font-size: 1.1em; color: #1E1E20; } /* FULL-WIDTH SUBPAGE ----------------------------------------------- */ .body-system.page-bg, .body-hospital.page-bg { position: relative; margin-top: 0; border: none; background-color: rgba(247, 245, 240, 0.53); } #full-page {padding: 20px; } #full-page h1 {margin: 10px 0 20px 0; font-weight: 400; line-height:1em; color: #0090ba; text-transform: uppercase;} #full-page > h2 {margin-bottom: 20px; font-weight: 400; line-height:1.2em; } /* panel list */ .panel {display: block; padding: 40px 0; width:inherit; } .panel-img {float: left; margin-right: 40px; } .panel h3 {padding-bottom:10px; font-weight:300; letter-spacing: .05em; } /* profiler */ .profiler-top {margin-top: -35px;} .profiler-icon-position {float:left; width:15%;} /* skyscraper panels */ .skyscraper {height: 600px; width: 100%; padding: 20px; text-align: center; background-position: center; background-repeat: no-repeat; } .skyscraper h2 {padding:0 0 20px 0; } /* TWO-COLUMN SUBPAGE ----------------------------------------------- */ #two-column {padding-left: 20px; padding-right:40px; } #two-column h1 {padding-bottom:20px;} #two-column h4 {line-height: 1.4em;} /* two-column subpage tab */ #tabs {position: relative; clear: both; min-height: 400px; width: 100%; margin: 20px 0 0 0;} #tabs ul {line-height: 2em; margin: 0; } #tabs li {list-style-type: none; } #tabs .two-col {padding-bottom: 20px; } #tabs .two-col ul {width: 100%; } #tabs .two-col ul li {display: inline-block; width:45%; } .tab {float: left; } .tab label {position: relative; margin:0 20px; margin-left: -1px; left: 1px; padding: 5px 10px; font-size: 1.2em; text-transform:uppercase; } .tab [type=radio] {display: none; } .content {border-color: #fcf8ef;border-top-style: solid;border-width: 3px;bottom: 0;height: 0;left: 0;overflow-x: hidden;overflow-y: hidden;padding: 20px 10px;position: absolute;right: 0;top: 26px;} .content > * { opacity: 0; transition: all 1s ease; -webkit-transition: all 1s ease; -ms-transition: all 1s ease; } [type=radio]:checked ~ label {background-color: #fcf8ef;color: #0090ba;z-index: 2;} [type=radio]:checked ~ label ~ .content { height: auto; overflow-y: auto; z-index: 1; } [type=radio]:checked ~ label ~ .content > * { opacity: 1; transition: all 1s ease; -webkit-transition: all 1s ease; -ms-transition: all 1s ease; } /* article page */ .article-img {height: auto; width: 100%; padding: 10px 0 20px 0; } .wysiwyg h2 {padding-bottom: 10px; padding-top: 20px; font-weight:300; color: #1E1E20; } .wysiwyg p.left img {padding: 0 20px 0 0; } .wysiwyg p.right img {padding: 0 0 0 20px; } /* two-column bullet list for wysiwyg area and single column list */ .wysiwyg ul, .wysiwyg ul.single-col, .wysiwyg ul.two-col, #tabs ul {margin: 0; width: 100%; padding-bottom: 20px; line-height: 1.6em; } .wysiwyg ul.two-col > li {display:inline-block; width:45%; vertical-align: top; padding-left: 20px; padding-bottom: 8px; list-style-type: none; text-align: left; text-indent: -18px ; } .wysiwyg ul > li, #tabs ul li {vertical-align: top; padding-left: 20px; padding-bottom: 8px; list-style-type: circle;list-style-position: inside;text-align: left; /*text-indent: -18px ;*/ } .wysiwyg ul > ul > li:before {padding-left:20px; padding-right: 8px; content: '-';} .single-col ul li {list-style-type: none; } .wysiwyg ul.single-col > li , single-col li {width:100%;} ul.no-bullet li {text-indent:0;} ul.no-bullet li:before {content:none;} /* RIGHT RAIL ----------------------------------------------- */ #right-rail h6 {font-family: "AbrilTitlingNarrow", serif; font-size: 1.35em; color: #1E1E20; letter-spacing: .01em; } #right-rail hr {margin: 10px 0; } #right-rail ul {list-style-type: none; line-height: 1.8em; } #right-rail select {float: right; width:65%; display: inline-block; } #right-rail a.button {font-size: .8em; } #right-rail email {font-size: .85em;} #right-rail img {padding: 10px 0; } #right-rail input#giving { margin-right: .5em; } .right-rail-block {margin: 20px 0; padding: 20px; } .right-rail-block.no-padding { padding: 0; } .right-rail-block.no-margin { margin: 0; } .right-rail-block a.tile {display: inline-block; width: 100%; height: 100px; margin: 5px; background-color: #1E1E20; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); transition: all 300ms ease; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .right-rail-block a.tile h5 {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-transform: uppercase; text-align: center; color: #fff; } .right-rail-block a.tile:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); filter: gray; } .right-rail-block p.title:last-child { margin-bottom: 0; } .right-rail-block .ui-widget { font-size: 0.9em } .right-rail-menu { margin: 1.5em 0.5em; border: 1px solid #00799c; } .right-rail-menu h3 { background-color: #00799c; color: #ffffff; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.5em; font-weight: 300; padding: 0.5em 0.75em; } .right-rail-menu ul { list-style: none; } .right-rail-menu ul li a { color: #0e4369; display: block; font-weight: 600; padding: 0.125em 0.5em; } .right-rail-menu ul li a.select {color:#007194; font-weight:bold;} .right-rail-menu > ul { background-color: #fbf9f6; margin: 0; padding: 0.5em 1em; } .right-rail-menu > ul > li:not(:last-of-type) { border-bottom: 1px solid #e6dfce; } .right-rail-menu > ul > li > a { padding: 0.5em 0; } .right-rail-menu > ul > li > a::before { border-bottom: 5px solid transparent; border-left: 5px solid transparent; border-right: 0 solid transparent; border-top: 5px solid transparent; content: ""; display: inline-block; margin-right: 0.5em; width: 0; } .right-rail-menu > ul > li.has-children > a::before { border-left: 5px solid #afcd68; } .right-rail-menu > ul > li.has-children > ul { margin-bottom: 0.5em; } /* STYLES FOR SPECIFIC CONTENT PAGES ----------------------------------------------- */ /* search results */ .st-search-container { padding: 0 20px; } .st-ui-type-detail .st-ui-type-detail-bold { font-size: 16px; } a.st-ui-result .st-ui-type-heading { font-size: 18px; } .st-search-container a.st-ui-result .st-ui-type-detail { font-size: 16px; max-height: 70px; } /* my health advantage - patients & visitors */ .myha-img {margin: 0 40px;} /* services */ div.services-search {text-align: center; } /*service details */ .service-avail a.btn-secondary, .service-avail a.btn-secondary:visited {margin:0 5px;text-decoration: none;} .service-avail a.btn-secondary:hover {background-color: #007194; color: #ffffff;} .header-services {font-family:"Source Serif Pro", Georgia, serif; font-size:1.23em;} /* service directory listing */ #index {width: 100%; border-style: solid none; border-color:rgb(230, 223, 206); border-width: 1px;margin-top: 1em; } #index ul {margin: 0; text-align: left; color:#d6d3d3; } #index li {display: inline-block; font-size: 1.25em; text-transform: uppercase; } #index li.inactive {padding: 5px 13px; } #index li span.select {display: block;padding: 5px 13px;color: #fff;font-weight: 400;background-color: #007194;} #index li a {padding: 0 13px;text-decoration: none;} #index li a:hover {display: block;padding: 5px 13px;/* color: #0090ba; */background-color: #def3af;} #item-list {min-height: 500px; text-align: center;} #item-list ul {float: left; display: inline-block; width: 33%; margin: 0; line-height:2.2em; } #item-list li {width:100%; list-style-type: none; text-align: left; } #item-list a:before {padding-right: 8px; content: url(../png/bullet.png); } /* News */ .news-item, .class-item {padding-top: 20px; } .news-list div:last-child {padding-bottom: 30px; } .news-item p {padding-top: 10px; } /* Event listing */ /* news, classes & events */ .class-list div:last-child {border-bottom: none; } .class-item h2 {padding: 5px 0; } .news-item p {padding-top: 10px; } .date {font-family: "Source Serif Pro", Georgia, serif; font-size:.9em; color:#999; } .calendar-date {float: left; margin-right:20px;text-align: center; font-weight:400; color:#1E1E20; } .class {padding-bottom: 10px; } .class p, .class-time p {margin-bottom:0;} .day {padding: 6px 0; font-size: 230%; } /* CLASS LISTING */ .class-category-title { font-size: 1.2em; /* 19px */ font-family: "Montserrat", Helvetica, Arial, sans-serif; color:#1E1E20; font-weight: 400; padding-bottom: 0.2632em; /* 5px/19px */ border-bottom: 1px solid #C0CDDC; } .class-name { color: #0090ba; font-size: 1.2em; font-weight: 400; text-decoration: none; line-height: inherit; } .class-location {color: #1E1E20;text-transform: uppercase;font-size: .9em;} .class-time { margin-top: 0.3125em; /* 5px/16px */ } .separator::before { content: "|"; margin: 0 0.4em; } p.no-classes { text-align: center; font-size: 1.1em; font-style: oblique; font-weight: 400; padding-top: 2em; } p.closed-class { text-align: center; font-size: 1.1em; font-style: oblique; font-weight: 400; background-color: #f9f4e775; padding: .5em; } /* INDIVIDUAL CLASS PAGES */ .meeting { margin: .5em 0; } .session-info:nth-of-type(even) .meeting { background-color: #F3FBFD; padding: 5px; } button.register-btn { padding: 1em 3.5em; } div.register a.button {margin: 0 0 2em 0;} .footnote { font-size: 0.8em; position: relative; display: block; margin-top: 1.5em; } .footnote > p { line-height: 1.8; margin: 0.4em 0 0 0; } .footnote > p:first-child { margin-top: 0; } .referral-note { text-transform: uppercase; font-size: 1.1em; text-rendering: optimizeLegibility; } /* GIVING-HOSPITALS CAREERS */ .third a.tile {display: inline-block; width: 100%; height: 223px; margin-top: 0; padding: 20px; text-align: center; background-color:#1E1E20; opacity:.75; } .third a.tile:hover {background-color: #1E1E20; opacity: 1; } .md-mini .tile h3 {margin-top: 65px; padding-bottom: 5px; font-size: 2.2em; color:#fff; } .third .tile p {margin:0; padding:0; color:#fff; } .third .tile p.cta {margin-top: 75px; } .giving-panel {text-align: center; } .giving-panel {display: inline-block;} .giving-panel h2 { margin:40px 0 10px 0; font-weight: 300; } .text-panel h4 {padding-bottom: 20px; font-weight:300; } .text-panel ul, .giving-panel ul {text-align: center; } .text-panel li, .giving-panel li {display: inline-block; padding: 20px; list-style-type: none; } .text-panel img, .giving-panel img {padding-bottom: 20px; } ul.three-column-list, ul.three-column-list-no-bullet li {width: 100%; text-align: left; display: inline-block; text-indent:0; } ul.three-column-list li, ul.three-column-list-no-bullet li {float: left; width: 33%; list-style-type: none; } ul.three-column-list-no-bullet li:before {content:none;} ul.three-column-list li:before {content: url(../png/bullet.png); padding-right: 8px; } /* careers front door */ ul.inline {width: 100%; } ul.inline li {list-style-type: none; display: inline-block; width: auto; text-align: center; } ul.inline li:before {content: none; } /* health & wellness front door */ .class-column h2, .events-column h2, .story-column h2 {color: #1E1E20; font-weight:300; line-height: 2em; } .events-column .ca1, .story-column .ca1 {margin-top:10px; padding:15px; } .ca1 h3, .class h3, .class-item h3 {font-size: 1em; font-weight: 300; line-height: 1.4em; } .class-column div.class-item {border: none; } .class-column .time, .location {color: #1E1E20;text-transform: uppercase;font-size: .9em;} .sub-header {margin: 10px 0; border-top: 2px solid #f2f4f8; border-bottom: 2px solid #f2f4f8;padding: 5px 0;} #loading { width:100%; height: 32px; border: none; position: absolute; bottom: -40px; display: none; } /* locations map */ ul.locator-legend {float: right; list-style-type: none; margin-top: 20px;line-height:1.4em;} ul.locator-distance {margin-right: 0; list-style-type: none; } ul.locator-legend li, ul.locator-distance li {display: inline-block; padding-right: 15px; } [type=radio] ~ label.radio, [type=radio]:checked ~ label.radio {vertical-align: middle;padding-left: 2px;color: #1E1E20;background-color:#fff;} .locator-panel {float: left; } .locator-panel hr { margin: 10px 0; } .locations-header {padding: 0 15px 0 0; font-family: "Source Serif Pro", Georgia, serif; color: #1E1E20; line-height: 2em; } .locator-dropdown {width: 100%; padding-top: 10px;} .locator-dropdown-field {width: 80%; } input.locator-address-field {width:70%;} #full-page .locator-panel h1 {margin: 0; padding:10px 0 20px; font-size: 2.4em; font-weight:300; } #full-page .block h6 {margin-bottom: 0; } .locator-panel-result { float: left; height: 470px; width: 33.3%; overflow: hidden; } .locator-panel-result ul { list-style-type: none; margin-left: 0; } .locator-panel-result li { width: 100%; padding-top: 20px; margin:0; border-top: 1px solid #eee; border-bottom: none; border-left: none; border-right: none; } .locator-panel-result li:first-child { border: none; padding-top: 0; } .locator-panel-result .distance, .locator-map-wrapper .distance { font-size: 15px; margin-left: 5px; font-weight: normal; } .locator-map-wrapper { float: right; } .locator-map-wrapper .directionsPopup { width: 300px; height: 175px; padding:15px 0 0 0;} .locatorDirections > div { float: left; width:100%; } .locatorDirections > div > div { float: left; width:auto; } .locatorDirections input { max-width: 98%; margin-top: 0; height: 37px; } .locatorDirections .locator-search-field { width:80%; } #left-panel {width: 100%; } #left-panel h4 {padding-bottom: 5px; } #left-panel p {margin-bottom: 0; } #left-panel div {padding: 5px 0; } div.locatorInfo {margin-left:30px;} [class^="icon_"], [class*=" icon_"] {font-family: 'icomoon'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;} ul.locator-legend .icon {position: relative; top: 5px; font-size: 24px; } ul.locator-legend i { margin-right: 8px;} ul.locator-legend i.icon-circle {font-size:.8em; color: #009da5;} ul.locator-legend i.icon-map-marker {font-size:1.4em; color: #003365; } .item i.icon-map-marker {float: left; padding-right: 12px; cursor: pointer; font-size: 1.8em; color: #003365;} .item i.icon-circle {float: left; margin-top: 3px; padding-right: 10px; cursor: pointer; font-size: 1.2em; color: #009da5;} .gmapDescription {padding: 0 20px 10px 10px !important;} .locatorInfo > a.button, .locatorInfo > a.btn-outline {font-size:90%;} /* .locatorDetails {padding:4.5px 10px;}*/ .locatorMap .gm-style-iw > div { overflow: hidden !important; } .locatorMap .gm-style-iw > div > div { overflow-x: hidden !important; } /* Find a Physician search form */ #findAPhysician.contour { padding: 0; } #findAPhysician input[type="submit"] { display: block; margin-left: 2%; } #findAPhysician fieldset { border: none; margin: 20px 0; padding: 0; } #findAPhysician fieldset div input[type="text"], select { width: 100%; } #findAPhysician fieldset > div { width: 90%; } #findAPhysician fieldset > div.labelForField { font-size: 1.25em; font-weight: 400; margin-left: 2%; padding-bottom: 0; } #findAPhysician fieldset > div.operator { font-style: italic; padding: 0; text-align: center; text-transform: lowercase; } #findAPhysician #specialtySecondaryContainer { display: none; } #findAPhysician #medicalClinicsContainer { display: none; } #findAPhysician .checkbox-right > label { display: inline-block; margin-left: .5em; } #findAPhysician div.checkbox-right { padding: 0; } #findAPhysician div#form-link { padding-top: 1em; } .physician-search { background-color: #ffffff; display: table; position: relative; } .physician-search::before { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); background-color: #ffffff; border-radius: 50%; content: "or"; display: inline-block; font-style: italic; left: 50%; line-height: 1em; padding: 1em; position: absolute; top: 35%; transform: translateX(-50%); } .physician-search h2 { color: #1E1E20; font-size: 1.25em; margin-top: 1em; text-align: center; } .physician-search p.small { font-size: 85%; margin: 2em auto; max-width: 60%; text-align: center; } .physician-search [class*="column-"] { background-color: rgba(247, 245, 240, 0.53); display: table-cell; padding: 1em; width: 50%; } .physician-search .physician-search-row { display: table-row; } .physician-search .column-01 { border-right: 3px solid #ffffff; } .physician-search .column-02 { border-left: 3px solid #ffffff; } .physician-search .letters { background-color: #ffffff; border: 1px solid #cccccc; margin: 0 auto; width: 80%; } .physician-search .letters ul { list-style: none; margin: 0; } .physician-search .letters li { display: inline-block; font-size: 1.5em; padding: 0.75em 0.8em; text-align: center; width: 19%; } /* Find a Physician search results */ .resultsTop .results-text { font-weight: 400; } .resultsTop .search-terms { font-weight: 400; } .resultsTop .search-terms span { display: inline-block; padding: 5px 10px; margin: 3px 5px; background-color: #F0EFEF; font-weight:300; } .resultsTop .button-padding { padding: 15px 20px; } .resultsTop a.button, .resultsBottom a.button { margin: 0; } .resultsBottom .button-padding { padding: 10px 0; clear: both; } .resultsBottom #pagination p { margin-top: 0.4em; } .resultsContainer { width: 100%; padding: 0 20px; clear: both; position: relative; } .resultsContainer .ngViewport { height: auto !important; width: 100% } .resultsContainer .ngCanvas { width: 100% !important; } .resultsContainer .ngTopPanel {background-color: #007194;color: #ffffff;} .resultsContainer .ngHeaderText { font-weight: normal; padding-left: 10px; } .resultsContainer .ngSortButtonDown, .resultsContainer .ngSortButtonUp { border-color: white transparent } .resultsContainer .ngVerticalBarVisible { width: 0; } .resultsContainer .ngRow { width: 100% !important; border-bottom: 0 solid white; } .resultsContainer .ngCell { padding-left: 10px; padding-top:5px} .resultsContainer .ngCell.col0 a { font-size: 20px; } .ngFooterPanel { background-color: #ffffff !important; padding-top: 15px !important; border-top: 0 solid #d4d4d4 !important; } .ngFooterTotalItems { font-weight: 400; } .ngRowCountPicker span { font-weight: 400; padding-right: 10px; } .ngPagerFirstBar, .ngPagerLastBar { border-color: #ffffff !important; } .ngPagerFirstTriangle, .ngPagerPrevTriangle { border-color: transparent #ffffff transparent transparent !important; } .ngPagerNextTriangle, .ngPagerLastTriangle { border-color: transparent transparent transparent #ffffff !important; } .ng-scope .disclaimer { font-size: 14px; } /* Find a Physician result detail page */ .subdata { font-size: .9em; text-transform: uppercase;letter-spacing: .05em; line-height:1.1em;} .hhp-box {padding: 1em 1em .5em; background-color: rgba(247, 245, 240, 0.53);} .detail-main-column p.hhp-desc {font-size: smaller; color: rgb(0,0,0); line-height: 1.4em;} .detail-top, .detail-bottom { clear: both; } .detail-top .print-share { float: right; text-align: right; width: 23%; } .print-share {margin-top:20px;} .print-share div.addthis_toolbox { display: inline-block; vertical-align: bottom; } .detail-bottom .print-share { display: none; } .detail-top p { margin: 3px 0; } .detail-main-column { float: left; width: 72%; margin-right: 5%; margin-bottom: 20px; } .detail-main-column p { line-height: 1em; } .detail-right-column { float: right; width: 23%; margin-bottom: 20px; } .detail-right-column h4, .detail-main-column h4 { border-bottom: 2px solid #F2F4F8; margin: 20px 0 10px 0; line-height: 1.5em; } .detail-main-column h4 {margin-top:40px;} .detail-right-column img { /*margin: 20px auto 0 auto;*/ display: block; } .detail-label { float: left; width: 19%; font-weight: 400; clear: left; } .detail-data { float: left; width: 79%; margin-left: 2%; } /* Diamond Head Tower Page */ .dhtower .page-bg { background-color: rgba(255,255,255,0); border-top: 5px solid #ffce15; } .dhtower .backtotop { margin-bottom: 0; padding: 1em 0 1.5em 0; text-align: right; } .dhtower .backtotop a { color: #0090ba; font-size: 0.875em; } .dhtower .row.lightblue { background-color: #eef6f9; } #body-subpage.dhtower .row.darkblue .column.third { padding: 0; } .dhtower .row.darkblue { background-color: #0090ba; color: #ffffff; } .dhtower .row.darkblue h3 { color: #ffffff; font-size: 1.25em; } .dhtower .row.darkblue a:link, .dhtower .row.darkblue a:visited { color: #ffffff; } .dhtower .row.darkblue a:hover, .dhtower .row.darkblue a:focus, .dhtower .row.darkblue a:active { text-decoration: underline; } .dhtower .row.tan { background-color: #ebe6d8; } .dhtower img:not([class*="floor-"]) { -webkit-transition: opacity 0.75s ease 0s; transition: opacity 0.75s ease 0s; } .dhtower hr { margin: 1em 0; } .dhtower h2 { color: #0971ce; font-size: 1.875em; margin-top: 0.5em; } .dhtower h2 + p { font-size: 1.25em; font-weight: 400; margin-left: auto; margin-right: auto; max-width: 80%; } .dhtower h3 { color: #0971ce; margin: 0.5em 0; } .dhtower ul { list-style: none; margin: 0 0 1.25em 1.1em; padding: 0; } .dhtower ul > li { list-style: none; padding-left: 0; } .dhtower li::before { color: #00aeef; content: "\2022"; display: inline-block; margin-right: 0.5em; } .dhtower .no-dots li { margin: 0 0 0.25em 1em; } .dhtower .no-dots li::before { content: ""; margin: 0; } .dhtower .columns-2 { -webkit-columns: 2; columns: 2; } .dhtower .columns-3 { -webkit-columns: 3; columns: 3; } .dhtower #location + .row, .dhtower #thank-you + .row { background-color: #ffffff; } .stats { display: flex; flex-flow: row nowrap; align-items: flex-end; padding-bottom: 2em; } .stats > div { flex: 1 0 auto; text-align: center; } .stats > div:not(:first-child) { border-left: 1px solid #b7b7b7; } .stats p { font-size: 1em; font-weight: 700; margin-bottom: 0; } .stats p span { font-weight: 400; } .stats p.large { font-size: 1.5em; font-weight: 400; margin-bottom: 0.8em; } .stats p.larger { font-size: 3em; font-weight: 700; line-height: 1em; margin-bottom: 0; } .stats .nicu { color: #bbb542; } .stats .picu { color: #92278f; } .stats .rehab { color: #f7941d; } .stats .medsurge { color: #00a651; } .stats .er { color: #007700; } .dhtower ul.horizontal-menu { list-style: none; margin-left: 0; padding: 0; text-align: center; } .dhtower ul.horizontal-menu > li { display: inline-block; list-style-type: none; padding: 0; } .dhtower ul.horizontal-menu li::before { content: ""; margin: 0; } .dhtower ul.horizontal-menu li:not(:first-of-type)::before { color: #b7b7b7; content: "|"; display: inline-block; line-height: 1em; } .dhtower ul.horizontal-menu a:link, .dhtower ul.horizontal-menu a:visited { color: #0971ce; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 400; padding: 0.75em 0.5em; text-transform: uppercase; } .dhtower ul.horizontal-menu a:hover, .dhtower ul.horizontal-menu a:focus, .dhtower ul.horizontal-menu a:active { font-weight: 700; } ul.tour-legend { -webkit-columns: 2; columns: 2; list-style: none; margin: 0; } ul.tour-legend a:link, .tour-legend a:visited { font-weight: 600; } ul.tour-legend > li { -webkit-column-break-inside: avoid; padding-left: 2em; position: relative; } ul.tour-legend li::before { border-radius: 50%; border: 10px solid black; content: ""; display: inline-block; height: 0; left: 0; position: absolute; top: 0.25em; width: 0; } ul.tour-legend li.er::before { border-color: #007700; } ul.tour-legend li.lobby::before { border-color: #0071b9; } ul.tour-legend li.chapel::before { border-color: #6dcff6; } ul.tour-legend li.rehab::before { border-color: #f7941d; } ul.tour-legend li.nicu::before { border-color: #fff200; } ul.tour-legend li.picu::before { border-color: #92278f; } ul.tour-legend strong { font-weight: 700; } .photo-caption { margin: 3em 0 1em 0; position: relative; } .photo-caption img { width: 100%; } .photo-caption .caption { bottom: 1em; left: 0; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 1.5em; font-weight: 400; padding: 0.5em 1.25em; position: absolute; } .photo-caption.emergency .caption { background-color: #007700; color: #ffffff; } .photo-caption.nicu .caption { background-color: #fff200; color: #000000; } .photo-caption.picu .caption { background-color: #92278f; color: #ffffff; } .photo-caption.medsurge .caption { background-color: #00a651; color: #ffffff; } .photo-caption.rehab .caption { background-color: #f7941d; color: #ffffff; } .virtual-tour { background-color: #ffffff; width: 100%; padding: 2em 1em; text-align: center; margin-bottom: 1em; } .virtual-tour .map-wrapper { display: inline-block; position: relative; } .virtual-tour .map-wrapper img { display: block; } .virtual-tour .map-wrapper.desktop { display: inline-block; } .virtual-tour .map-wrapper.mobile { display: none; } .virtual-tour [class*="floor-"] img { -webkit-transition: opacity 0.3s ease 0s; opacity: 0; position: absolute; transition: opacity 0.3s ease 0s; z-index: 1; } .virtual-tour [class*="floor-"] img:hover, .virtual-tour [class*="floor-"] img:focus, .virtual-tour [class*="floor-"] img:active { opacity: 1; } .virtual-tour .floor-1 img { top: 178px; left: 651px; } .virtual-tour .floor-2 img { top: 196px; left: 210px; } .virtual-tour .floor-3 img { top: 198px; left: 450px; } .virtual-tour .floor-4 img { top: 241px; left: 610px; } .virtual-tour .floor-5 img { top: 172px; left: 756px; } /* Strength In Numbers Landing Page */ .custom-btn-large, .custom-btn-large:visited { background-color: #007194; color: #ffffff; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.3em; margin: 0 10px 10px; } .custom-btn-large:hover, .custom-btn-large:focus { color: #ffffff; text-decoration: underline; } .location-img-link { display: inline-block; } .img-link-text { font-family: "Source Serif Pro", Georgia, serif; font-size: 1.2em; font-style: italic; } /* Careers Section */ .photo-box { background-color: #78787a; display: block; margin-bottom: 0.5em; min-height: 250px; position: relative; } .photo-box img { width: 100%; position: relative; z-index: 1; } .photo-box span { -webkit-transition: background-color 0.5s ease 0s; background-color: rgba(241, 239, 232, 0.8); color: #333333; display: block; font-size: 1.25em; padding: 0.5em 1em; position: relative; text-align: center; transition: background-color 0.5s ease 0s; width: 100%; z-index: 2; } .photo-box span::after { content: "\00bb"; display: inline-block; margin-left: 0.5em; vertical-align: baseline; } .photo-box.caption-bottom span { bottom: 0; left: 0; position: absolute; top: auto; } .photo-box.caption-top span { bottom: auto; left: 0; position: absolute; top: 0; } .photo-box:hover span, .photo-box:focus span, .photo-box:active span { background-color: rgba(241, 239, 232, 1); text-decoration: underline; } .career-path-links.row { padding: 0; } .career-path-links a { background-color: #00799c; color: #ffffff; display: block; font-size: 1.125em; padding: 1rem 2rem; margin-bottom: 0.5em; } .career-path-links a::after { color: #afcd67; content: "\00bb"; display: inline-block; margin-left: 0.5em; vertical-align: baseline; } .careers-subpage { padding-bottom: 3em; } .careers-subpage h2 { color: #0190ba; font-size: 2.75em; font-weight: 300; margin: 0.5em 0; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; } .careers-subpage h3, .careers-subpage { margin: 0.5em 0; } .careers-subpage h3.kap {background-color: #0971ce; color: #fff; margin: 0.5em 0; padding: .5em;} .careers-subpage h3.pali {background-color: #880364; color: #fff; margin: 0.5em 0; padding: .5em;} .careers-subpage h3.straub {background-color: #61a60e; color: #fff; margin: 0.5em 0; padding: .5em;} .careers-subpage h3.wilcox {background-color: #fd8204; color: #fff; margin: 0.5em 0; padding: .5em;} .careers-subpage div.p-openings { padding: .5em;} .careers-subpage div.p-openings ul, .careers-subpage div.p-openings ol { -webkit-columns: 2; columns: 2; column-gap: 1em; list-style: none; margin-left: 0; } .careers-subpage p { margin-bottom: 1em; } .careers-subpage .more-link, .careers-subpage .more-link:visited { color: #00799c; font-weight: 700; } .careers-subpage .more-link::after { color: #afcd67; } .careers-subpage .job-posting-block { background-color: #00799c; background-size: cover; margin: 1em 0; padding: 5em 0; text-align: center; } .careers-subpage .job-posting-block h2 { color: #ffffff; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 2.25em; text-transform: uppercase; } .careers-subpage .job-posting-block .button { font-size: 1.125em; padding: 0.5em 1em; } .careers-subpage .physician-job-list p { margin-bottom: 0.5em; } .careers-subpage .physician-job-list .recruiter { background-color: #fbf9f6; padding: 0.75em 1em; } .careers-subpage .physician-job-list + .physician-job-list {margin-top: 2em; padding-top: 1.5em; } .careers-subpage .medical-centers + .medical-centers { border-top: 2px solid #cecece; margin-top: 3em; padding-top: 3em; } .careers-subpage .item { margin: 5px 0.5%; } .careers-subpage select.left { padding-left: 20px; width: auto; } .careers-header { background-color: #00799c; background-size: cover; background-position: center center; padding: 2em 0; } .careers-header h1 { color: #ffffff; font-size: 3.75em; text-transform: uppercase; } .careers-header h2 { color: #ffffff; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.5em; font-weight: 400; text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); } .careers-header ul { list-style: none; margin-left: 0; } .careers-header ul a { color: #ffffff; display: block; padding: 0.125em 0; } .careers-header ul a::before { content: "\00bb"; color: #afcd67; display: inline-block; margin-right: 0.5em; } .careers-header .search-wrapper .select-wrapper { background-color: #ffffff; background-image: url("../png/icon-blue-caret.png"); background-position: 96% 55%; background-repeat: no-repeat; display: inline-block; margin-bottom: 1em; width: 75%; } .careers-header .search-wrapper .select-wrapper select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: transparent; border: none; font-size: 1rem; font-weight: 400; height: 2.45em; padding-left: 15px; } .careers-header .search-wrapper .select-wrapper select::-ms-expand { display: none; } .careers-header .search-wrapper input[type="text"] { font-size: 1rem; font-weight: 400; margin-bottom: 1em; margin-top: 0; width: 75%; } .careers-header .search-wrapper input[type="submit"] { -webkit-transition: background-color 0.3s ease 0s; background-color: #afcd68; border: 0; color: #00526b; font-size: 1em; font-weight: 700; padding: 0.6em 1em; text-transform: uppercase; transition: background-color 0.3s ease 0s; vertical-align: top; } .careers-header .search-wrapper input[type="submit"]:hover, .careers-header .search-wrapper input[type="submit"]:focus, .careers-header .search-wrapper input[type="submit"]:active { background-color: #def3af; } /* Live Your Healthier landing page */ #subpage-header.live-healthier { background-position: top center; padding-top: 60px; top: 0; } #subpage-header.live-healthier .gradient { display: none; } #subpage-header.live-healthier p { margin-top: 0; } #body-subpage.live-healthier { font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } #body-subpage.live-healthier [role="main"] { padding-left: 5em; padding-right: 5em; } .live-healthier h3 { font-size: 1.75em; font-weight: 300; margin: 0.5em 0; } .live-healthier p { font-size: 1.125rem; } .live-healthier p.larger-text { font-size: 1.5rem; } .live-healthier .healthier-video { display: block; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; width: 100%; } .live-healthier a.healthier-video::before { -webkit-transform: translateX(-50%) translateY(-50%); content: url("../png/button-play.png"); display: inline-block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; } .live-healthier .healthier-video .text-area { -webkit-transform: translateY(-50%); color: #ffd200; font-weight: 300; height: 75%; padding: 1em 0 1em 3em; position: absolute; top: 50%; transform: translateY(-50%); width: 40%; z-index: 1; } .live-healthier .healthier-video .text-area span { padding: 0.75em 0 0 0; display: inline-block; } .live-healthier .healthier-video > img { position: relative; width: 100%; z-index: 0; } .live-healthier .social-feed { margin-top: 2em; } .live-healthier .hh-challenge { background-position: center center; background-repeat: no-repeat; background-size: cover; color: #ffffff; margin: 2em 0; padding: 2em; } .live-healthier .hh-challenge .column p { font-size: 2em; line-height: 1.25; margin-bottom: 0; } .live-healthier .patient-stories p { font-size: 1rem; } .patient-stories { border-top: 1px solid #e0e0e0; margin-top: 2em; } .patient-stories .section-title h2 { color: #333333; font-size: 2.25em; font-weight: 300; margin: 0.75em 0; } .patient-stories .column.equal { padding: 0 0.75em; } .patient-stories .column.equal img { display: block; margin-bottom: 1em; width: 100%; } .patient-stories .column.equal a:link, .patient-stories .column.equal a:visited { font-size: 1.25em; font-weight: 400; } .patient-stories a.button { font-size: 1.25rem; font-weight: 600; letter-spacing: 0; padding: 1em 2em; } /* STYLES FOR WEB FORMS ----------------------------------------------- */ .contour { padding: 0 50px 20px 50px; } .contour fieldset { border: 1px solid #e2e2e2; margin: 30px auto; padding: 20px 50px; } .contour legend { font-family: "Source Sans Pro","Helvetica Neue", Helvetica,Arial, sans-serif; font-size: 24px; color:#1E1E20; letter-spacing: .01em; text-rendering: optimizeLegibility; font-weight: 300; padding: 0 10px; text-transform: uppercase; } .contour fieldset > div { display: inline-block; font-size: 100%; padding: 10px 0; vertical-align: top; width: 45%; margin: 0 2%; } .contour fieldset > div.emailaddress { width:94.4%; } .contour label { display: block; position: relative; } .contour .contourIndicator { color: #999; font-size: 12px; font-style: normal; line-height: 1; padding-left: 8px; } .contour .title label { font-family: "Source Sans Pro","Helvetica Neue", Helvetica,Arial, sans-serif; font-weight: 300; color: #545459;} .contour a.tooltip { margin-left: 10px; } .contour a.tooltip-close { color: #aaa; font-size: 14px; position: absolute; right: 6px; top: 1px; } .contour div.div-tooltip ul li { display: block; font-size: 12px; line-height: 1.5; list-style-type: disc; margin: 0; overflow: visible; padding: 0; } .contour .div-tooltip li .fa-check { margin-right: 10px; } .contour .div-tooltip, .contour .div-tooltip1, .contour .div-tooltip2, .contour .div-tooltip3, .contour .div-tooltip4 { background: #777; color: #fff; display: inline-block; font-size: 12px; letter-spacing: 0.05em; line-height: 1.4; max-width:835px; margin: 5px 0 10px 0; padding: 8px 30px 8px 15px; position: absolute; top: 25px; left: 0; z-index: 1; border-radius: 6px; -webkit-border-radius: 6px; width: 400px; } .arrow-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #777; position: absolute; left: 10px; top: -6px; } .contour input[type="text"], .contour textarea { background: #fff; border: 1px solid #999; color: #585555; font-size: 15px; font-weight: normal; height: auto; letter-spacing: 0; padding: 6px 10px; margin: 0; } .contour select { font-size: 14.4px; font-weight: normal; padding: 6px 10px; background: #fff; border: 1px solid #999; border-radius: 0; color: #585555; } .contour input[type="text"]+input[type="text"] { margin-top: 15px; } .contour textarea { display: block; margin-left: 1px; width:100%; } .contour .fa-plus-circle, .contour .fa-minus-circle { margin-right: 10px; } .contour ul ul { padding: 0; } .contour span.field-validation-error { color: #c00; } .contour input.error, .contour select.error, .contour textarea.error { background: #FFE0E0; border: 1px solid #c00; color: #777; } span.checkboxlist label, span.radiobuttonlist label { display: inline-block; line-height: 1.5; margin: 0 0 0 5px; overflow: visible; padding: 0; } span.checkboxlist br { float:left; } span.checkboxlist input { margin-left: 0; } span.checkboxlist input:first-child { margin-left:0; } span.radiobuttonlist input[type="radio"]:checked ~ label { background-color: transparent; color: #545459; } .contourNavigation button[disabled]:hover, .contourNavigation button[disabled]:focus, .contourNavigation button[disabled]:active, .contourNavigation input[type="submit"][disabled]:hover, .contourNavigation input[type="submit"][disabled]:focus, .contourNavigation input[type="submit"][disabled]:active { background-color: #525252; color: #ffffff; } .contourNavigation button[disabled], input[type="submit"][disabled] { background-color: #AAAAAA; color: #3F3F3F; cursor: wait; } /* change contour forms in the right rail */ #right-rail .contour { padding: 0!important; } #right-rail .contour fieldset { border: 1px solid #c0c0c0 !important; margin: 0 2px !important; padding: 0.35em 0.625em 0.75em !important; } #right-rail .contour fieldset > div { display: block !important; font-size: 100% !important; padding: 0px !important; vertical-align: baseline !important; width: 100% !important; margin: 0px !important; } #right-rail .contour { text-align: left !important;} #right-rail .contour select { float: none !important; width: 100% !important; } #right-rail .contour input[type='text'], .contour textarea { background: #f0efef !important; border: 0px !important; color: #666666 !important; height: 2.45em !important; } #right-rail .contourNavigation { text-align: center !important; margin-top: 15px !important; } #right-rail .contour fieldset { border: 0px !important; margin: 0px !important; padding: 0px !important; } #right-rail .contour label { margin-top: 8px !important; } /* contact us */ #contour_form_Contactform .comments { display: block; width: 94.4%; } #contour_form_Contactform .pleasedescribe { width: 94.4%; } #contour_form_Contactform .pleasedescribe input { width: 47.6%; } #contour_form_Contactform input[type="submit"] { display: block; margin-left: 2%; } #contour_form_Contactform fieldset { border: none; margin: 20px 0; padding: 0; } #contour_form_Contactform fieldset legend { display: none; } #contourTitle {font-size:2.6em; font-family: "Source Serif Pro", Georgia, serif;padding-bottom: 20px;} /* event register */ #contour_form_EventRegistration div.title { display: block; width: 94.4%; color: #545459; font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:300; } #contour_form_EventRegistration .pleasedescribe { margin: 0 2% 0 51.5%; } #contour_form_EventRegistration .addressline2 { width: 94.4%; } #contour_form_EventRegistration .addressline2 input { width: 47.6%; } #contour_form_EventRegistration .addressline2 label { display: none; } #contour_form_EventRegistration input[type="submit"] { display: block; margin-left: 2%; } #contour_form_EventRegistration fieldset { border: none; margin: 20px 0; padding: 0; } #contour_form_EventRegistration fieldset legend { display: none; } /* time for baby */ #contour_form_Timeforbaby .iminterestedin { width: 94.4%; } #contour_form_Timeforbaby .iminterestedin div { margin: 0 4% 0 0; padding-bottom: 4px; } #contour_form_Timeforbaby .addressline2 { width: 94.4%; } #contour_form_Timeforbaby .addressline2 input { width: 47.6%; } #contour_form_Timeforbaby .addressline2 label { display: none; } #contour_form_Timeforbaby .iplantodeliverat { width: 94.4%; } #contour_form_Timeforbaby input[type="submit"] { display: block; margin-left: 2%; } #contour_form_Timeforbaby fieldset { border: none; margin: 20px 0; padding: 0; } #contour_form_Timeforbaby fieldset legend { display: none; } .contour .div-tooltip1, .contour .div-tooltip2, .contour .div-tooltip3 { left: -20px; } .contour .div-tooltip4 { left: -180px; } .contour .div-tooltip1 .arrow-up { left: 127px; } .contour .div-tooltip2 .arrow-up { left: 111px; } .contour .div-tooltip3 .arrow-up { left: 170px; } .contour .div-tooltip4 .arrow-up { left: 296px; } /* plastic surgery */ #contour_form_PlasticSurgery input[type="submit"] { display: block; margin-left: 2%; } #contour_form_PlasticSurgery fieldset { border: none; margin: 20px 0; padding: 0; } #contour_form_PlasticSurgery fieldset legend { display: none; } #contour_form_PlasticSurgery .comments { display: block; width: 94.4%; } #contour_form_PlasticSurgery .pleasedescribe { margin: 0 2% 0 51.5%; } /* maternity pre-reg */ #contour_form_MaternityPre-Register .addressline2, #contour_form_MaternityPre-Register .employeraddress2, #contour_form_MaternityPre-Register .insurancemailingaddress2 , #contour_form_MaternityPre-Register .subscriberemployeraddress2, #contour_form_MaternityPre-Register .dateofbirth, #contour_form_MaternityPre-Register .coveragecode, #contour_form_MaternityPre-Register .anythingelseweneedtoknowegbesttimetocontactyouifnecessary { width: 94.4%; } #contour_form_MaternityPre-Register .addressline2 input, #contour_form_MaternityPre-Register .employeraddress2 input, #contour_form_MaternityPre-Register .insurancemailingaddress2 input, #contour_form_MaternityPre-Register .subscriberemployeraddress2 input, #contour_form_MaternityPre-Register .dateofbirth input, #contour_form_MaternityPre-Register .coveragecode input, #contour_form_MaternityPre-Register .anythingelseweneedtoknowegbesttimetocontactyouifnecessary input { width: 47.6%; } #contour_form_MaternityPre-Register .addressline2 label, #contour_form_MaternityPre-Register .insurancemailingaddress2 label, #contour_form_MaternityPre-Register .subscriberemployeraddress2 label, #contour_form_MaternityPre-Register .employeraddress2 label { height:1px; width:1px; position:absolute; overflow:hidden; top:-10px; } #contour_form_MaternityPre-Register span.radiobuttonlist label { display: inline-block; line-height: 1.5; margin: 0 0 0 5px; padding: 0; } #contour_form_MaternityPre-Register span.radiobuttonlist br { float:left; } /* #contour_form_MaternityPre-Register span.radiobuttonlist input { margin-left: 30px; }*/ #contour_form_MaternityPre-Register span.radiobuttonlist input:first-child { margin-left:0; } #contour_form_MaternityPre-Register .doyouhavehealthinsurance span.radiobuttonlist br { float:none; } #contour_form_MaternityPre-Register .doyouhavehealthinsurance span.radiobuttonlist input { margin-left: 0; } .contour div.middleinitial input, .contour div.insurancemailingzip input, .contour div.zip input, .contour div.subscriberemployerzip input, .contour div.employerzip input { width: 30%; } .contour div.emergencycontacthasthesameaddressandphonenumberaspatient, .contour div.wouldyouliketoaddsecondaryinsurancecoverageinformation, .contour div.wouldyouliketoaddanotheremergencycontact, .contour div.patientisthesecondaryinsurancesubscriber, .contour div.patientistheprimaryinsurancesubscriber, .contour div.doyouhavehealthinsurance, .contour div.isthesubscriberemployed, .contour div.subscriberemployername, .contour div.areyouemployed, .contour div.email { display: block; width: 94.4%; position: relative; } .contour div.pediatriciansname .div-tooltip { top: 22px; } .contour div.pediatriciansname .arrow-up { left: 125px; } div.emergencycontacthasthesameaddressandphonenumberaspatient > label, div.patientisthesecondaryinsurancesubscriber > label, div.patientistheprimaryinsurancesubscriber > label { margin-left: 20px; } div.emergencycontacthasthesameaddressandphonenumberaspatient > div, div.patientisthesecondaryinsurancesubscriber > div, div.patientistheprimaryinsurancesubscriber > div { position: absolute; top: 10px; } /* Global Change for Field Input Placeholder Text */ ::-webkit-input-placeholder {color: #585555; } :-moz-placeholder {color: #585555; } ::-moz-placeholder {color: #585555; } :-ms-input-placeholder {color: #585555; } /* VIDEO / YOUTUBE STYLES ----------------------------------------------- */ .video-wrapper { position: relative; display: block; padding-top: 25px; /* Account for YT title bar */ padding-bottom: 56.25%; /* 16:9 ratio */ height: 0; } .video-wrapper iframe[src*='youtube.com'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Email Newsletter Opt-in Styles ----------------------------------------------- */ .email-opt-in { text-align:left; } .email-opt-in label { font-weight:500; display:block; } .email-opt-in input[type="text"] { margin: 0; } /* STYLES TO OVERRIDE JQUERY CALENDAR PICKER ----------------------------------------------- */ #datepicker {font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; color:#1E1E20; } #datepicker .ui-datepicker {width:100%;} #datepicker .ui-datepicker .ui-datepicker-title {line-height: 1.5em; } #datepicker .ui-widget-content {border: 1px solid #f2f4f8; background: #ffffff; color: #1E1E20; } #datepicker .ui-widget-content a {color: #1E1E20; } #datepicker .ui-widget-header {border: 1px solid #f2f4f8; background: #f2f4f8; color: #1E1E20; } #datepicker .ui-widget-header a { color: #1E1E20; } #datepicker .ui-state-default, #datepicker .ui-widget-content .ui-state-default, #datepicker .ui-widget-header .ui-state-default { border: 1px solid #F5F6F8; background: none; color: #1E1E20; } #datepicker.ui-state-highlight, #datepicker .ui-widget-content .ui-state-highlight, #datepicker .ui-widget-header .ui-state-highlight { border: 1px solid rgba(0, 144, 186, 0.32); background: rgba(0, 144, 186, 0.32);} #datepicker .ui-state-hover, #datepicker .ui-widget-content .ui-state-hover, #datepicker .ui-widget-header .ui-state-hover, #datepicker .ui-state-focus, #datepicker .ui-widget-content .ui-state-focus, #datepicker .ui-widget-header .ui-state-focus {border: 1px solid #D1D7E2; background: #D1D7E2; font-weight: normal; color: #1E1E20; } #datepicker .ui-state-hover a, #datepicker .ui-state-hover a:hover, #datepicker .ui-state-hover a:link, #datepicker .ui-state-hover a:visited, #datepicker .ui-state-focus a, #datepicker .ui-state-focus a:hover, #datepicker .ui-state-focus a:link, #datepicker .ui-state-focus a:visited {color: #f4d972; text-decoration: none; } /* SITEMAP ----------------------------------------------- */ .sitemap .hospital {font-family: "Source Serif Pro", Georgia, serif;margin-bottom:15px;/*border-bottom: 1px solid #ccc; width:100%;*/ } .sitemap ul li {list-style-type:none;} .sitemap a {font-size: 20px; font-weight: 400; } .sitemap .hospital > a {font-size: 24px; } .sitemap .level-2 {margin-bottom: 50px;} .sitemap .level-3 {display: inline-block; margin-top: 5px; vertical-align: top; width: 30%;} .sitemap .level-4 {display: inline-block; margin-top: 5px; vertical-align: top; width:100%;} .sitemap .level-3 a, .sitemap .level-4 a {font-size: 14px; font-weight:400; margin-top: 3px;} .sitemap .level-3 a:hover, .sitemap .level-4 a:hover { font-weight: bold; } /* BLACKBAUD OE FORM STYLES ----------------------------------------------- */ .BBFormContainer[data-bbox-part-id="e160b5ae-360a-4b94-b798-4285131081f4"] .BBFormTextbox, .BBFormContainer[data-bbox-part-id="e160b5ae-360a-4b94-b798-4285131081f4"] .BBFormSelectList, .BBFormContainer[data-bbox-part-id="e160b5ae-360a-4b94-b798-4285131081f4"] .BBFormTextArea, .BBFormContainer[data-bbox-part-id="004519b1-0669-4504-a6d4-01c068fd943f"] .BBFormTextbox, .BBFormContainer[data-bbox-part-id="004519b1-0669-4504-a6d4-01c068fd943f"] .BBFormSelectList, .BBFormContainer[data-bbox-part-id="004519b1-0669-4504-a6d4-01c068fd943f"] .BBFormTextArea, .BBFormContainer[data-bbox-part-id="17e0c602-a9be-41cf-b40e-c10713f95804"] .BBFormTextbox, .BBFormContainer[data-bbox-part-id="17e0c602-a9be-41cf-b40e-c10713f95804"] .BBFormSelectList, .BBFormContainer[data-bbox-part-id="17e0c602-a9be-41cf-b40e-c10713f95804"] .BBFormTextArea, .BBFormContainer[data-bbox-part-id="66d54103-3431-4315-880e-6c1b78d02f72"] .BBFormTextbox, .BBFormContainer[data-bbox-part-id="66d54103-3431-4315-880e-6c1b78d02f72"] .BBFormSelectList, .BBFormContainer[data-bbox-part-id="66d54103-3431-4315-880e-6c1b78d02f72"] .BBFormTextArea, .BBFormContainer[data-bbox-part-id="151a00f9-80d3-4145-85e9-290be319e85b"] .BBFormTextbox, .BBFormContainer[data-bbox-part-id="151a00f9-80d3-4145-85e9-290be319e85b"] .BBFormSelectList, .BBFormContainer[data-bbox-part-id="151a00f9-80d3-4145-85e9-290be319e85b"] .BBFormTextArea, .BBFormContainer[data-bbox-part-id="5dde1ae4-5ff5-4031-b9e4-7db34fbc0081"] .BBFormTextbox, .BBFormContainer[data-bbox-part-id="5dde1ae4-5ff5-4031-b9e4-7db34fbc0081"] .BBFormSelectList, .BBFormContainer[data-bbox-part-id="5dde1ae4-5ff5-4031-b9e4-7db34fbc0081"] .BBFormTextArea, .BBFormContainer[data-bbox-part-id="3872d1ab-74e7-4b99-9fe7-28d157dac705"] .BBFormTextbox, .BBFormContainer[data-bbox-part-id="3872d1ab-74e7-4b99-9fe7-28d157dac705"] .BBFormSelectList, .BBFormContainer[data-bbox-part-id="3872d1ab-74e7-4b99-9fe7-28d157dac705"] .BBFormTextArea { border-radius: 0 !important; padding: 4px; height: 2em; } .BBFormContainer[data-bbox-part-id="e160b5ae-360a-4b94-b798-4285131081f4"] .BBFormSelectList, .BBFormContainer[data-bbox-part-id="004519b1-0669-4504-a6d4-01c068fd943f"] .BBFormSelectList, .BBFormContainer[data-bbox-part-id="17e0c602-a9be-41cf-b40e-c10713f95804"] .BBFormSelectList, .BBFormContainer[data-bbox-part-id="66d54103-3431-4315-880e-6c1b78d02f72"] .BBFormSelectList, .BBFormContainer[data-bbox-part-id="151a00f9-80d3-4145-85e9-290be319e85b"] .BBFormSelectList, .BBFormContainer[data-bbox-part-id="5dde1ae4-5ff5-4031-b9e4-7db34fbc0081"] .BBFormSelectList, .BBFormContainer[data-bbox-part-id="3872d1ab-74e7-4b99-9fe7-28d157dac705"] .BBFormSelectList { padding: 6px 4px; } .BBFormContainer[data-bbox-part-id="e160b5ae-360a-4b94-b798-4285131081f4"] .BBFormRadioLabelGivingLevel, .BBFormContainer[data-bbox-part-id="004519b1-0669-4504-a6d4-01c068fd943f"] .BBFormRadioLabelGivingLevel, .BBFormContainer[data-bbox-part-id="17e0c602-a9be-41cf-b40e-c10713f95804"] .BBFormRadioLabelGivingLevel, .BBFormContainer[data-bbox-part-id="66d54103-3431-4315-880e-6c1b78d02f72"] .BBFormRadioLabelGivingLevel, .BBFormContainer[data-bbox-part-id="151a00f9-80d3-4145-85e9-290be319e85b"] .BBFormRadioLabelGivingLevel, .BBFormContainer[data-bbox-part-id="5dde1ae4-5ff5-4031-b9e4-7db34fbc0081"] .BBFormRadioLabelGivingLevel, .BBFormContainer[data-bbox-part-id="3872d1ab-74e7-4b99-9fe7-28d157dac705"] .BBFormRadioLabelGivingLevel { border-radius: 0 !important; } .BBFormContainer[data-bbox-part-id="e160b5ae-360a-4b94-b798-4285131081f4"] .BBFormRadioLabelGivingLevel:hover, .BBFormContainer[data-bbox-part-id="004519b1-0669-4504-a6d4-01c068fd943f"] .BBFormRadioLabelGivingLevel:hover, .BBFormContainer[data-bbox-part-id="17e0c602-a9be-41cf-b40e-c10713f95804"] .BBFormRadioLabelGivingLevel:hover, .BBFormContainer[data-bbox-part-id="66d54103-3431-4315-880e-6c1b78d02f72"] .BBFormRadioLabelGivingLevel:hover, .BBFormContainer[data-bbox-part-id="151a00f9-80d3-4145-85e9-290be319e85b"] .BBFormRadioLabelGivingLevel:hover, .BBFormContainer[data-bbox-part-id="5dde1ae4-5ff5-4031-b9e4-7db34fbc0081"] .BBFormRadioLabelGivingLevel:hover, .BBFormContainer[data-bbox-part-id="3872d1ab-74e7-4b99-9fe7-28d157dac705"] .BBFormRadioLabelGivingLevel:hover { background-color: #F5E282 !important; } [data-bbox-part-id="e160b5ae-360a-4b94-b798-4285131081f4"].BBFormContainer .BBFormSubmitbutton, [data-bbox-part-id="004519b1-0669-4504-a6d4-01c068fd943f"].BBFormContainer .BBFormSubmitbutton, [data-bbox-part-id="17e0c602-a9be-41cf-b40e-c10713f95804"].BBFormContainer .BBFormSubmitbutton, [data-bbox-part-id="66d54103-3431-4315-880e-6c1b78d02f72"].BBFormContainer .BBFormSubmitbutton, [data-bbox-part-id="151a00f9-80d3-4145-85e9-290be319e85b"].BBFormContainer .BBFormSubmitbutton, [data-bbox-part-id="5dde1ae4-5ff5-4031-b9e4-7db34fbc0081"].BBFormContainer .BBFormSubmitbutton, [data-bbox-part-id="3872d1ab-74e7-4b99-9fe7-28d157dac705"].BBFormContainer .BBFormSubmitbutton { border-radius: 0 !important; font-weight: normal !important; padding: 9px 15px !important; transition: background-color 300ms ease-out; } [data-bbox-part-id="e160b5ae-360a-4b94-b798-4285131081f4"].BBFormContainer .BBFormSubmitbutton:hover, [data-bbox-part-id="004519b1-0669-4504-a6d4-01c068fd943f"].BBFormContainer .BBFormSubmitbutton:hover, [data-bbox-part-id="17e0c602-a9be-41cf-b40e-c10713f95804"].BBFormContainer .BBFormSubmitbutton:hover, [data-bbox-part-id="66d54103-3431-4315-880e-6c1b78d02f72"].BBFormContainer .BBFormSubmitbutton:hover, [data-bbox-part-id="151a00f9-80d3-4145-85e9-290be319e85b"].BBFormContainer .BBFormSubmitbutton:hover, [data-bbox-part-id="5dde1ae4-5ff5-4031-b9e4-7db34fbc0081"].BBFormContainer .BBFormSubmitbutton:hover, [data-bbox-part-id="3872d1ab-74e7-4b99-9fe7-28d157dac705"].BBFormContainer .BBFormSubmitbutton:hover { background-color: #F5E282 !important; } /* CLASS REGISTRATION / PROFESSIONAL CLASSES ----------------------------------------------- */ .theForm { padding-top: 2em; } .theForm .contour { padding: 0 0 20px 0; } .theForm fieldset { border: none; margin: 20px 0; padding: 0; } .theForm fieldset > div { width:100%; margin: 0; } .theForm ul { list-style: none; margin-left: 0; } .theForm ul > li { padding: 10px 0; text-indent: 0; } .theForm li { display: inline-block; font-size: 100%; padding: 10px 0; vertical-align: top; width: 47.5%; margin: 0 2% 0 0%; } .theForm li.full-width { width:98%; margin: 0 2% 0 0%; } .theForm li::before { content: ''; display: none; } .theForm div li { width: 100%; padding: 5px 0; } .theForm div li::before { content: url(../png/bullet.png); display: inline-block; } .theForm input[type="text"], .theForm textarea { background: #FFF; border: 1px solid #E2E2E2; color: #999; font-size: 15px; font-weight: normal; height: auto; letter-spacing: 0; padding: 6px 10px; margin: 0; } .theForm input.error, .theForm select.error, .theForm textarea.error { background: #FFE0E0; border: 1px solid #c00; color: #777; } .theForm label.error { color: #c00; } .theForm [type="radio"]:checked ~ label { background-color: transparent; color: #000000; } .theForm input[type="checkbox"] ~ label, .theForm [type="radio"] ~ label { display: inline-block; float: left; margin-right: 10px; } .theForm input[type="checkbox"], .theForm input[type="radio"] { float: left; margin: 4px 6px 4px 0; display: inline-block; } .theForm #reachFrTimeLbl, .theForm #reachToTimeLbl { width: 10%; float: left; } hr.thick-line {border-width: 3px 0 0;} hr.form {border-width:1px 0 0;} .total-cost {font-weight:400;text-align:right;} .success:after {content: url(../icon-check.html); } .success-no:after {content: url(../icon-x.html); } .back-link {font-size:small; font-style:italic; margin-top: 20px; } .error-message {width:70%;background-color:#F2F4F8; margin:25px;padding:25px;border-radius: 25px;} .error-message p {margin-top:10px;} .disclosure {font-style:italic; font-size:small;margin: 10px 0;} .fancy-b {width:550px;display: none;} .callout { font-family: Arial, Helvetica, sans-serif; position: fixed; bottom: 10px; right: 10px; margin-left: 20px; max-width: 330px; z-index: 99999; min-width: auto !important; background-color: black; } .callout a { text-decoration: none; } .callout a:hover { text-decoration: underline; } .callout-header { padding: 15px 15px; background: #60A845; font-size: 19px; color: white; } .callout-container { padding: 10px; background-color: #f1f1f1; color: black; line-height: 10px; line-height: 22px; } .callout-closebtn { position: absolute; top: 5px; right: 15px; color: white; font-size: 30px; cursor: pointer; } .callout-closebtn:hover { color: lightgrey; } .ds-poweredby { display: none; } .ds-average-max { color: #767676 !important; } .accepting-new-patients-wrapper { line-height: normal; font-size: 1.5em; margin-top: 16px; margin-right: 65px; } .icon-check-circle-green { color: green; } .icon-check-circle-green:before { content: "\f058"; } .backToHPHLink { background: transparent; color: #007194; text-decoration: none; font-size: 0.9em; font-weight: bold; text-transform: uppercase; padding: 0 0.5em; } .backToHPHLink::before { content: "\2039"; font-size: 1.25em; font-weight: bold; margin-right: 0.25em; } .modal { max-width: 760px; min-width: 400px !important; } .jquery-modal { min-width: 400px !important; } .blocker { z-index: 99999; } .blue { color: #0091ba !important; font-weight:bold !important; font-size: 1.05em !important; line-height: 1.2em !important; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .orange { color: #f4a53f !important; font-size: 1.2em !important; font-family: "Montserrat", Helvetica, Arial, sans-serif; } .orangeButton { width: 100%; color: rgb(255, 255, 255) !important; font-weight: bold !important; background-color: rgb(240, 129, 34) !important; margin-top: 8px !important; border: 1px solid rgb(240, 129, 34) !important; } .pd-image-icon { height: 17px !important; margin-top: -7px !important; margin-right: 2px !important; margin-left: -1px !important; } .pd-icon { font-size: 19px !important; } .mobile-only { display: none; } .remove-before::before { content:none; } /* Telehealth ----------------------------------------------- */ .ClearAll { clear: both; } .ServicesSection { width: 100%; height: auto; float: left; } .ServicesSection * { box-sizing: border-box; } .ServicesSection .ServiceOuter { width: 33.33333%; height: auto; float: left; padding: 0 0.5em; margin-bottom: 20px; } .ServicesSection .ServiceOuter .Service { width: 100%; height: auto; float: left; background: #f9f7f3; text-align: center; padding: 20px; min-height: 375px; } .ServicesSection .ServiceOuter .Service .ServiceIcon { width: 100%; height: auto; float: left; } .ServicesSection .ServiceOuter .Service .ServiceIcon img { height: 100px; } .ServicesSection .ServiceOuter .Service .ServiceInfo { width: 100%; height: auto; float: left; min-height: 140px; } .ServicesSection .ServiceOuter .Service .ServiceTitle { width: 100%; height: auto; float: left; color: #0090ba; font-weight: 700; margin: 10px 0 0; } .ServicesSection .ServiceOuter .Service .ServiceTxT { width: 100%; height: auto; float: left; color: #333333; font-size: 14px; font-weight: 500; line-height: 21px; } .ServicesSection .ServiceOuter .Service a.ServiceGreenBtn { width: auto; height: auto; display: inline-block; background: #afcd68; padding: 10px 40px; color: #00526b; font-size: 14px; text-decoration: none; margin-bottom: 10px; transition: all 0.3s; } .ServicesSection .ServiceOuter .Service a.ServiceGreenBtn:hover { transition: all 0.3s; background: #00526b; color: #afcd68; } .ServicesSection .ServiceOuter .Service .ServiceSmallTxT { width: 100%; height: auto; float: left; font-size: 12px; color: #6f6f71; margin-bottom: 7px; } .ServicesSection .ServiceOuter .Service .ServiceSmallTxT a { color: #0090ba; text-decoration: underline; font-size: 12px; } .ServicesSection .ServiceOuter .Service .ServiceSmallTxT a:hover { text-decoration: none; } .ServicesSection .ServiceOuter .Service a { font-size: 14px; color: #0090ba; text-decoration: underline; } .ServicesSection .ServiceOuter .Service a:hover { text-decoration: none; } .GetConvenientSection { width: 100%; height: auto; float: left; margin-bottom: 40px; } .GetConvenientSection .GetConvenientTitle { width: 100%; height: auto; float: left; text-align: center; color: #0090ba; font-size: 40px; margin: 20px 0 10px; } .GetConvenientSection .GetConvenientTxT { width: 100%; height: auto; float: left; font-size: 18px; line-height: 30px; } .GetConvenientSection ul { width: 100%; height: auto; float: left; margin: 0px; padding: 0px; } .GetConvenientSection ul li { width: 33.33333%; height: auto; float: left; list-style: none; line-height: 42px; margin: 0px; padding: 0px; } .GetConvenientSection ul li:before { content:"•"; font-size: 40px; color: #0090ba; line-height: 30px; float: left; margin: 3px 7px 0 0; } /* MyChart ----------------------------------------------- */ .MyChartPageTitle { width: 100%; height: auto; float: left; font-size: 38px; color: #333333; font-weight: 500; } .MyChartFormSection { width: 100%; height: auto; float: left; margin: 40px 0 20px; } .MyChartFormLogo { width: 20%; height: auto; float: left; } .MyChartFormLogo img { width: 100%; height: auto; float: left; display: block; } .MyChartFormSection .MyChartForm { width: 60%; height: auto; float: left; padding: 0 20px; margin: 15px 0 0; } .MyChartFormSection .MyChartForm form input[type="text"] { width: 38%; height: auto; float: left; background: #f7f5f0; padding: 17px; border: 1px solid #ebebe7; color: #a19f9d; margin-right: 2%; font-size: 16px; } .MyChartFormSection .MyChartForm form input[type="submit"] { width: 20%; height: auto; float: left; background: #afcd68; color: #15606a; transition: all 0.3s; padding: 15px; border: 1px solid #afcd68; cursor: pointer; font-size: 18px; text-transform: uppercase; font-weight: 500; } .MyChartFormSection .MyChartForm form input[type="submit"]:hover { background: #15606a; color: #afcd68; transition: all 0.3s; } .MyChartFormSection .MyChartFormLinksSection { width: 20%; height: auto; float: left; padding: 17px 0 0; } .MyChartFormSection .MyChartFormLinksSection .MyChartFormLinks { width: 100%; height: auto; float: left; margin-bottom: 10px; font-size: 14px; } .MyChartFormSection .MyChartFormLinksSection .MyChartFormLinks a { color: #0090ba; text-transform: uppercase; text-decoration: underline; } .MyChartFormSection .MyChartFormLinksSection .MyChartFormLinks a:hover { text-decoration: none; } .YouCanSection { width: 100%; height: auto; float: left; } .YouCanServiceOuter { width: 25%; height: auto; float: left; padding: 5px; } .YouCanServiceOuter .YouCanService { width: 100%; height: auto; float: left; background: #f9f7f3; padding: 25px 20px; min-height: 430px; font-size: 14px; } .YouCanServiceOuter .YouCanService .YouCanServiceImg { width: 100%; height: auto; float: left; text-align: center; } .YouCanServiceOuter .YouCanService .YouCanServiceImg img { height: 100px; } .YouCanServiceOuter .YouCanService h3 { width: 100%; height: auto; float: left; color: #0090ba; font-weight: 700; margin: 10px 0; text-align: center; font-size: 16px; } .YouCanServiceOuter .YouCanService ul { width: 100%; height: auto; float: left; margin: 0 0 10px; padding: 0 0 0 20px; } .YouCanServiceOuter .YouCanService ul li { width: 100%; height: auto; float: left; font-size: 14px; margin: 0 0 5px; } .YouCanServiceOuter .YouCanService .YouCanServiceLinks { width: 100%; height: auto; float: left; } .YouCanServiceOuter .YouCanService .YouCanServiceLinks a { font-size: 14px; color: #0090ba; text-decoration:underline; display: inline-block; margin-bottom: 20px; font-weight: 500; } .YouCanServiceOuter .YouCanService .YouCanServiceLinks a:hover { text-decoration: none; } .YouCanSection .AllFeatureTxT { width: 100%; height: auto; float: left; text-align: center; font-size: 14px; font-style: italic; margin: 5px 0 0; } .WhatYouNeedToKonwSection { width: 100%; height: auto; float: left; } .WhatYouNeedToKonwSection .WhatYouNeedToKnowTxT { width: 65%; height: auto; float: left; padding-right: 40px; } .WhatYouNeedToKonwSection .WhatYouNeedToKnowImg { width: 35%; height: auto; float: left; } .WhatYouNeedToKonwSection .WhatYouNeedToKnowImg img { width: 100%; height: auto; float: left; } .YouTubeVideo { width: 100%; height: auto; float: left; } .GetStartedSection { width: 100%; height: auto; float: left; } .GetStartedSection .GetStartedImg { width: 35%; height: auto; float: left; } .GetStartedSection .GetStartedImg img { max-width: 100%; height: auto; float: left; } .GetStartedSection .GetStartedTxT { width: 65%; height: auto; float: left; padding-left: 20px; } .GetStartedSection .GetStartedTxT h2 { width: 100%; height: auto; float: left; font-size: 30px; font-weight: 600; color: #eaa854; margin: 0 0 10px; text-transform: uppercase; } .GetStartedSection .GetStartedTxT a.EnrollOnlineBtn { background: #337c9f; color: #ffffff; padding: 10px 25px; text-decoration: none; width: auto; height: auto; float: left; font-weight: 500; transition: all 0.3s; } .GetStartedSection .GetStartedTxT a.EnrollOnlineBtn:hover { background: #afcd68; transition: all 0.3s; } .AppStoreLinks { width: 100%; height: auto; float: left; } .AppStoreLinks a { max-width: 200px; height: auto; float: left; margin-right: 20px; } .AppStoreLinks a img { max-width: 100%; height: auto; float: left; } ul#MyChartBottomLinks { width: 100%; height: auto; float: left; margin: 20px 0; padding: 0px; } ul#MyChartBottomLinks li { width: auto; height: auto; float: left; list-style: none; margin: 0 30px 10px 0; color: #333333; } ul#MyChartBottomLinks li a { color: #333333; font-weight: 500; font-size: 15px; text-decoration: none; } ul#MyChartBottomLinks li a:hover { color: #0090ba; } /* FAQ ----------------------------------------------- */ .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; } @media only screen and (min-width: 1201px) and (max-width: 1435px) { ul.oe_menu div { padding: 20px 2.5%; } } @media only screen and (max-width: 1200px) { .sb-search.sb-search-open, .no-js .sb-search { width: 13%; } ul.oe_menu { max-width: 1200px; } ul.oe_menu > li {padding: 3px .75em;} .oe_full ul > li {width: 33%;line-height: 1.6em;} #login-panel p {letter-spacing: 0; } #login-panel input[type=text], #login-panel input[type=password], #login-panel input[type=email], #login-panel input[type=url], #login-panel input[type=tel] { width: 200px; } .class-column h2, .events-column h2, .story-column h2 {line-height:normal;} .caption {color: #fff;} #hospital-hero p.caption {color:#fff; } } @media only screen and (max-width: 1045px) { ul.oe_menu { max-width: 1024px; } ul.oe_menu > li { padding: 3px .395em;} .oe_full {line-height:3em; } .oe_full p.nav-title {font-size:2.4em; line-height:3.6em;} } @media screen and (max-device-width: 480px) { .wysiwyg ul.two-col > li {width: 100%;} .myha-img {margin:0; text-align:center;} ul.three-column-list li, ul.three-column-list-no-bullet li {width: 100%;} } @media only screen and (min-width: 360px) and (max-width: 1200px) { ul.oe_menu div { padding: 20px 0; } /*.oe_full p.nav-title { height: 100%; line-height: 100%; padding-top:0.5em; }*/ } @media only screen and (min-width: 360px) and (max-width: 810px) { /*.oe_full p.nav-title { height: 100%; line-height: 100%; padding-top:0.5em; }*/ } @media only screen and (min-width: 760px) { #full-page {min-height: 900px; } } /* Responsive YouTube video embeds ----------------------------------------------- */ /* CSS for responsive video container */ .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 aspect ratio (change to your aspect ratio if needed) */ padding-top: 30px; height: 0; overflow: hidden; } /* CSS for the video */ .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */