/* CSS Document */ /*** General ***/ body {padding-bottom: 0; font-family: "futura-pt",sans-serif; font-style: normal; font-weight: 400; font-size: 1.8rem; line-height: 1.7; color: #4b4b4b;} p{margin-bottom: 3rem;} h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { color: #523d54; font-family: "acumin-pro-extra-condensed",sans-serif; font-style: normal; font-weight: 500;} a{ color: #3F609F; transition: all 0.3s ease; text-decoration: underline;} a:hover{ color: #597235; text-decoration: none;} a, a:hover, a:active, a:focus {outline: 0 !important;} a[href^=tel] { color: inherit; text-decoration: none; } a.underline{text-decoration: underline !important;} h1, .h1{font-size: 48pt;} h2, .h2{font-size: 40pt; color: #e1791d} h3, .h3{font-size: 30pt;} h4, .h4{font-size: 18pt; color: #e1791d} h5, .h5{font-size: 16pt;} hr{border-color: #C7C7C7;} /*** Dynamic Forms ***/ #dontfillmeout{display:none;} .form-success{text-align:center; font-weight:bold; color:#009252;} .rendered-form .form-group{margin-top:15px; margin-bottom:0px!important;} .transition{transition: all 0.3s ease;} .drop-shadow{box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);} i.fa, em.fa{margin-right: 10px;} img.pull-right{float: none !important; margin: 0 auto !important; display: block; max-width: 100%; height: auto;} .no-underline, .no-underline a{text-decoration: none !important;} a[class*="col-"]{display: block;} /* nav search */ #search-tab > ul > li { background-color: #523d54; border: 0.5px solid #fff; } #search-tab > ul > li > a {color: #fff; text-decoration: none} #search-tab > ul > li:hover { background-color: #F8F8F8;} #search-tab > ul > li > a:hover {color: #523d54; text-decoration: none; background: none; border: none} #search-tab > ul > li.active { background-color: #F8F8F8!important; } #search-tab > ul > li.active > a { color: #523d54; background: none; border: none } /*** Embed Responsively ***/ #find-a-doctor { position: relative; overflow: hidden; height: 350px; width: 775px; max-width: 100%; display: block; margin: 0 auto; border: 1px solid #C7C7C7; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);} #find-a-doctor iframe, #find-a-doctor object, #find-a-doctor embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);} .hero-image{max-width: 100%; height: auto;box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);} .floating-image{float: left; margin: 0 20px 10px 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); max-width: 100%; height: auto;} /*** Text Styles ***/ .text-xs-left{text-align: left;} .text-xs-center{text-align: center;} .text-xs-right{text-align: right;} .border-bottom{border-bottom: 1px solid #C7C7C7;} .acumin{font-family: "acumin-pro-extra-condensed",sans-serif;font-style: normal;font-weight: 500;} .futura{font-family: "futura-pt",sans-serif;} .bold{font-weight: 700;} .caps{text-transform: uppercase;} .white{color: #fff} .white-hover:hover{color: #fff;} .blue{color: #6599ff;} .orange{color: #e1791d;} .blue-hover:hover, .orange-hover:hover{color: #e1791d;} .yellow{color: #ffe036;} .yellow-hover:hover{color: #ffe036;} .green{color: #8eb654;} .green-hover:hover{color: #8eb654;} .purple{color: #523d53;} .charcoal{color: #333;} h1.blue, h2.blue, h3.blue, h4.blue, h5.blue{color: #e1791d;} /*** Background Styles ***/ .bg-white{background-color: #ffffff;} .bg-charcoal{background-color: #333;} .bg-purple{background-color: #523d54;} .bg-blue, .bg-orange{background-color: #e3812e;} .bg-yellow{background-color: #c37c13;} .bg-grey{background-color: #ededed;} .grey-gradient{background: #ededed; /* Old browsers */background: -moz-linear-gradient(top, #ededed 0%, #ffffff 60%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 60%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ededed 0%,#ffffff 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .white-gradient{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+40,ededed+100 */background: #ffffff; /* Old browsers */background: -moz-linear-gradient(top, #ffffff 40%, #ededed 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #ffffff 40%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ffffff 40%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */} /*** Buttons ***/ .btn{text-decoration: none; color: #fff !important;font-family: "acumin-pro-extra-condensed",sans-serif; font-size: 2.2rem; font-style: normal;font-weight: 500; text-transform: uppercase; line-height: 1; letter-spacing: 1px; padding: 8px 15px 10px; border-radius: 0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);} .btn-purple {background-color: #523d53;border-color: #523d53;} .btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active {background-color: #433244;border-color: #352736;} .btn-purple.disabled:hover, .btn-purple.disabled:focus, .btn-purple.disabled:active, .btn-purple.disabled.active, .btn-purple[disabled]:hover, .btn-purple[disabled]:focus, .btn-purple[disabled]:active, .btn-purple[disabled].active, fieldset[disabled] .btn-purple:hover, fieldset[disabled] .btn-purple:focus, fieldset[disabled] .btn-purple:active, fieldset[disabled] .btn-purple.active {background-color: #523d53;border-color: #523d53;} .btn-blue, .btn-orange {background-color: #e3812e;border-color: #e3812e;} .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active {background-color: #da741d;border-color: #c4681a;} .btn-blue.disabled:hover, .btn-blue.disabled:focus, .btn-blue.disabled:active, .btn-blue.disabled.active, .btn-blue[disabled]:hover, .btn-blue[disabled]:focus, .btn-blue[disabled]:active, .btn-blue[disabled].active, fieldset[disabled] .btn-blue:hover, fieldset[disabled] .btn-blue:focus, fieldset[disabled] .btn-blue:active, fieldset[disabled] .btn-blue.active, .btn-orange.disabled:hover, .btn-orange.disabled:focus, .btn-orange.disabled:active, .btn-orange.disabled.active, .btn-orange[disabled]:hover, .btn-orange[disabled]:focus, .btn-orange[disabled]:active, .btn-orange[disabled].active, fieldset[disabled] .btn-orange:hover, fieldset[disabled] .btn-orange:focus, fieldset[disabled] .btn-orange:active, fieldset[disabled] .btn-orange.active {background-color: #e3812e;border-color: #e3812e;} .btn-default {background-color: #ededed;border-color: #ededed; color: #523d54 !important;} .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {background-color: #e0e0e0;border-color: #d4d4d4;} .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {background-color: #ededed;border-color: #ededed;} /*** Accordions ***/ .accordion{border: 1px solid #C7C7C7; margin: 0 0 10px 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)} .accordion-head{padding: 5px 10px; cursor: pointer;} .accordion-head span{pointer-events: none;} .accordion-head:hover{color: #6599ff;} .accordion-head i, .accordion-head em{margin-right: 5px;} .accordion-body{border-top: 1px solid #C7C7C7; padding: 10px 20px 20px; line-height: 1.5;} .accordion-body p{margin-left: 20px;} .closed .accordion-body{display: none;} .closed .accordion-head i::before, .closed .accordion-head em::before{content: "\f055";} .open .accordion-head i::before, .open .accordion-head em::before{content: "\f056";} /*** Modal ***/ .modal-content{border-radius: 0px;} /*** Scroll Top button ***/ #scrollToTop{display: none ; position: fixed; bottom: 10px;right: 10px;background: #333;padding: 2px;opacity: 0.6;transition: all 0.3s ease; color: #FFFFFF} #scrollToTop:hover{cursor: pointer; opacity: 0.9;} #scrollToTop span{display: block; text-align: center;font-size: 11pt;} #scrollToTop i, #scrollToTop em{display: block; text-align: center;font-size: 14pt; margin: 2px 0; padding: 10px;} /*** Header ***/ #preview-banner{position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: #f39c12; text-align: center; color: #fff; text-transform: uppercase; text-shadow: 2px 1px 0px rgba(51, 51, 51, 0.5); font-size: 2.3rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } #header.preview-page{margin-top: 39px;} #header.preview-page #mobile-nav{top: 39px;} #header{font-size: 2.2rem; line-height: 2.3; position: absolute; top: 0; left: 0; right: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); z-index: 20;} /** Mobile Nav **/ #mobile-nav{letter-spacing: 1px; margin: 0; border-color: #3e2e3f; font-size: 1.7rem !important; position: fixed; top: 0; left: 0; right: 0; border: 0px;} #mobile-nav #navbar{border-color: #3e2e3f; border: 0px;} #mobile-nav .navbar-header{box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);background-color: #523d54;} #mobile-nav.navbar-default .navbar-brand{color:#ffffff; font-size: 1.2em !important;} #mobile-nav.navbar-default{font-size:14px;background-color: #5D4E5F;} #mobile-nav.navbar-default .navbar-nav>li>a{color:#ffffff;} #mobile-nav.navbar-default .navbar-toggle{border-color: #C7C7C7;} #mobile-nav.navbar-default .navbar-toggle:hover .icon-bar,#mobile-nav.navbar-default .navbar-toggle:focus .icon-bar{background-color:#523d54;} #mobile-nav.navbar-default .navbar-nav>li>a:hover,#mobile-nav.navbar-default .navbar-nav>li>a:focus,#mobile-nav.navbar-default .navbar-nav>.active>a,#mobile-nav.navbar-default .navbar-nav>.active>a:hover,#mobile-nav.navbar-default .navbar-nav>.active>a:focus{color:#ffffff;background-color:#3e2e3f;} #mobile-nav.navbar-default .navbar-toggle:hover,#mobile-nav.navbar-default .navbar-toggle:focus,#mobile-nav.navbar-default .navbar-toggle .icon-bar{background-color:#C7C7C7;} #mobile-nav li{font-size: 1.8rem !important;} #mobile-nav li.dropdown{ position: relative;} #mobile-nav li.dropdown.open > a{background-color: #3E2E3F;} #mobile-nav li.dropdown > span{width: 40px; height: 40px; position: absolute; top: 0px; right: 0px; background-image: url("/images/icon-plus.svg"); background-size: 15px; background-position: center; background-repeat: no-repeat;} #mobile-nav li.dropdown.open> span{ background-image: url("/images/icon-minus.svg");} #mobile-nav .nav > li{text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);} #mobile-nav .nav > li > a{color: #fff !important;} .dropdown-menu a{color: #8eb654 !important; font-weight: 600 !important; } #medical-services-mobile-menu a{display: block;} #medical-services-mobile-menu .icon{height: 30px; width: 30px; display: table-cell; margin-right: 10px;vertical-align: middle; text-align: center;} #medical-services-mobile-menu .icon img{height: 100%; max-width: 100%;-webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5)); filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));} #medical-services-mobile-menu span{display: table-cell; padding-left: 20px; vertical-align: middle} /** First Tier **/ #keywords {width: 30%; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; background: none; color: #FFF; border: none; border-bottom: 1px solid #fff; border-radius: 0px !important; padding: 0 10px; line-height: 1;} #search_label{margin-right: 10px; font-weight: 400; margin-bottom: 0;} #keywords:focus {width: 80%;border-bottom: 1px solid #fff; outline: 0 none;} #search_button{background: none; border: none;} /** Middle Tier **/ .logo{display: block; margin-top: 10px;} .logo img{width: 100%; max-width: 300px; padding-top: 20px;} #middle-tier{margin-top: 50px;} #middle-tier .col-sm-9{padding: 0;} #middle-tier a{text-decoration: none !important;} #middle-tier-links{display: inline-block; margin-top: 0px; margin-bottom: 65px;} #patient-login-dev > div{display: inline-block; padding: 2px 10px 5px; margin: 10px auto 0; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); width: 100%} #patient-login-dev > div > div{display: inline-block;} .careers-links{text-align: center} #hopital-transparency{width: 107%; margin-bottom: 17px; text-align: center} #patient-login-dev{width: 100%; margin-bottom: 17px; text-align: center} #hopital-transparency{display: inline-block; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);} #hopital-transparency img{width: 35px} #hopital-transparency span{position: relative; top: 50%; transform: translateY(-50%); padding-left: 5px;} #hopital-transparency > div{padding: 0 15px 10px; line-height: 30px;} #patient-login > div{display: inline-block; padding: 2px 10px 5px; margin: 10px auto 0; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);} #patient-login > div > div{display: inline-block;} #login{position: relative;} #login img{width: 33px; height: 34px;} #login-menu{transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.01s, z-index 0s linear 0.01s; opacity: 0; visibility: hidden; position: absolute; z-index: 1; top: 70%; left: -30px; padding: 25px 0 0 ;} #login-menu div{background: #DFDFDF; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); font-size: 1.9rem; padding: 0 10px;} #login-menu div::before{content: ""; width: 0; height: 0; border-bottom: 10px solid #DFDFDF; border-right: 17px solid transparent; border-left: 17px solid transparent; font-size: 0; line-height: 0; position: absolute; top: 15px; left: 65px; bottom: 100%; z-index: 1;} #login-menu a{display: block; white-space: nowrap; font-weight: 600; text-decoration: none !important;} #login:hover #login-menu{transition-delay: 0s, 0s, 0.3s; opacity: 1; visibility: visible; top: 85%; z-index: 1;} #social-links-dev{margin: 10px 0 15px; text-align: center} #social-links-dev a{border-radius: 50%; text-align: center; display: inline-block; width: 35px; height: 35px; margin-left: 10px; margin-right: 3px; box-shadow: 3px 0px 0px #000;transition: all 0.3s ease; text-decoration: none !important;} #social-links-dev i, #social-links-dev em{margin: 6px 0 0 !important; color: white; display: block; width: 100%;} #social-links-dev .facebook{background-color: #3b5998; box-shadow: 3px 0px 0px #25385F;} #social-links-dev .facebook:hover{background-color: #344E85;} #social-links-dev .twitter{background-color: #1da1f2; box-shadow: 3px 0px 0px #126597;} #social-links-dev .twitter:hover{background-color: #198DD4;} #social-links-dev .google{background-color: #dd4b39; box-shadow: 3px 0px 0px #8A2F24;} #social-links-dev .google:hover{background-color: #C14232;} #social-links-dev .instagram{background-color: #6C50CA; box-shadow: 3px 0px 0px #513C98;} #social-links-dev .instagram:hover{background-color: #5F46B1;} #social-links-dev .youtube{background-color: #cd201f; box-shadow: 3px 0px 0px #801413;} #social-links-dev .youtube:hover{background-color: #B31C1B;} #social-links-dev .podcast{background-color: #E8B121; box-shadow: 3px 0px 0px #801413;} .api-staffing-dev{margin-top: -20px; display: block} #social-links{margin: 10px 0 15px;} #social-links a{border-radius: 50%; text-align: center; display: inline-block; width: 35px; height: 35px; margin-left: 10px; margin-right: 3px; box-shadow: 3px 0px 0px #000;transition: all 0.3s ease; text-decoration: none !important;} #social-links i, #social-links em{margin: 6px 0 0 !important; color: white; display: block; width: 100%;} #social-links .facebook{background-color: #3b5998; box-shadow: 3px 0px 0px #25385F;} #social-links .facebook:hover{background-color: #344E85;} #social-links .twitter{background-color: #1da1f2; box-shadow: 3px 0px 0px #126597;} #social-links .twitter:hover{background-color: #198DD4;} #social-links .google{background-color: #dd4b39; box-shadow: 3px 0px 0px #8A2F24;} #social-links .google:hover{background-color: #C14232;} #social-links .instagram{background-color: #6C50CA; box-shadow: 3px 0px 0px #513C98;} #social-links .instagram:hover{background-color: #5F46B1;} #social-links .youtube{background-color: #cd201f; box-shadow: 3px 0px 0px #801413;} #social-links .youtube:hover{background-color: #B31C1B;} #social-links .podcast{background-color: #E8B121; box-shadow: 3px 0px 0px #801413;} .login-links{text-align: center; margin-bottom: 50px;} .login-links a{border: 5px solid #fff; display: inline-block; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); opacity: 0.8; margin-bottom: 20px;} .login-links a:hover{opacity: 1;} /** Bottom Tier **/ #bottom-tier .col-sm-12{padding: 0;} #bottom-tier nav > ul{margin: 0; padding: 0; position: relative;} #bottom-tier nav > ul > li{width: 16%; display: inline-block; letter-spacing: 1px;} #bottom-tier nav > ul > li > a{display: block; padding: 10px 0; text-decoration: none !important;} #bottom-tier nav > ul > li:hover > a{background-color: #523d54; color: #ffe036; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)} /* Mega Menu */ #bottom-tier nav > ul > li:hover > .mega-menu{transition-delay: 0s, 0s, 0.3s; opacity: 1; visibility: visible; top: 100%; z-index: 17;} .mega-menu{line-height: 1.3;transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.01s, z-index 0s linear 0.01s; opacity: 0; visibility: hidden; background-color: #523d54; position: absolute; top: 80%; left: 0; right: 0; z-index: -1; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)} .mega-menu .container{width: 100%;} .mega-menu ul{list-style: none; margin: 0; padding-left: 10px; font-weight: 700; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);} .mega-menu > ul > li > a{color: #8eb654;} .mega-menu > ul > li > a:hover{text-decoration: underline;} .mega-menu a{color: #fff; display:block; padding: 10px 0; text-decoration: none !important;} .mega-menu a:hover{color: #8eb654;} .mega-menu-columns{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;} .mega-menu-columns-sm{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} .mega-menu li{-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;} #bottom-tier nav > ul > li:hover > .mega-menu-right{transition-delay: 0s, 0s, 0.3s; opacity: 1; visibility: visible; top: 100%; z-index: 17;} .mega-menu-right{line-height: 1.3;transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.01s, z-index 0s linear 0.01s; opacity: 0; visibility: hidden; background-color: #523d54; position: absolute; top: 80%; right: 0; z-index: -1; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)} .mega-menu-right .container{width: 100%;} .mega-menu-right ul{list-style: none; margin: 0; padding-left: 10px; font-weight: 700; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);} .mega-menu-right > ul > li > a{color: #8eb654;} .mega-menu-right > ul > li > a:hover{text-decoration: underline;} .mega-menu-right a{color: #fff; display:block; padding: 10px 0; text-decoration: none !important;} .mega-menu-right a:hover{color: #8eb654;} .mega-menu-right li{-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;} /* Medical Service Mega Menu */ .medical-service-category{display: table; width: 100%; padding: 15px 15px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;} .medical-service-category .icon{display: table-cell; width: 60px; height: 50px; text-align: center; vertical-align: middle} .medical-service-category img{height: 100%; max-width: 100%;-webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5)); filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));} .medical-service-category span{padding-left: 10px; display: table-cell; vertical-align: middle; line-height: 1.3;} /*** Body ***/ #body{margin-top: 520px;} /** Main Content **/ #main-content{padding: 60px 0;} #best-of-the-border{width: 100%; max-width: 358px; margin: 0 auto; display: block;box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);} #homepage-gif{margin: 0 auto; display: block; margin-bottom: 10px; max-width: 100%;} /** Homepage Banners **/ #homepage-banners .item { height: auto; } #homepage-banners .responsive-banner-container { position: relative; width: 100%; overflow: hidden; } #homepage-banners .responsive-banner-container img.banner-image { display: block; width: 100%; height: auto; object-fit: cover; } #homepage-banners .carousel-caption { padding: 20px 15px; border-radius: 10px; } #homepage-banners .carousel-caption.bg-purple { background-color: rgba(82, 61, 84, 0.68); } #homepage-banners .carousel-caption.bg-blue { background-color: rgba(104, 150, 239, 0.68); } #homepage-banners .carousel-caption.bg-yellow { background-color: rgba(195, 124, 19, 0.68); } #homepage-banners h1, #homepage-banners .h1 { font-size: 18pt; color: #ffde00; line-height: 1 !important; margin: 0 0 10px 0; } #homepage-banners p { font-size: 14pt; line-height: 1.3; margin: 0; color: #fff; } #homepage-banners .carousel-indicators { top: 100%; margin-top: 15px; } #homepage-banners .carousel-indicators li { border-color: #523d54; } #homepage-banners .carousel-indicators li.active { background-color: #523d54; } /* Adjustments for mobile devices */ @media screen and (max-width: 768px) { #homepage-banners .responsive-banner-container img.banner-image { width: 100%; } #homepage-banners .carousel-caption { font-size: 12px; padding: 6px; } } /* Adjustments for mobile devices */ @media screen and (max-width: 425px) { #homepage-banners .responsive-banner-container img.banner-image { margin-top: 87px;} #homepage-banners .carousel-caption { font-size: 12px; padding: 6px; } } @media screen and (max-width: 320px) { #homepage-banners {padding-top: 145px;} #homepage-banners .responsive-banner-container img.banner-image { margin-top: 0px} #homepage-banners .carousel-caption { font-size: 12px; padding: 6px; } } /* Adjustments for desktop */ @media screen and (min-width: 769px) { #homepage-banners .responsive-banner-container { margin-bottom: 0px; } #homepage-banners .responsive-banner-container { margin-top: 0; } #homepage-banners .carousel-caption { font-size: 18px; padding: 15px; } } /** Footer Images **/ #footer-images{border-top: 2px solid #523d54} /*** Footer ***/ #footer{line-height: 1.2; padding: 15px 0;} #footer #footer-links{display: block} /*** News ***/ #view-all-news a{margin: 0 0 15px 0; width: 250px; max-width: 100%;} #news{padding: 10px 0; background-image: url(/images/bg-news.png); background-size: cover; background-position: center;} /** Featured News **/ .featured-news{max-width: 360px; min-height: 800px} .featured-news-container, .featured-news-container:hover{text-decoration: none !important; color: #333; } .featured-news{box-shadow: 0 0 10px; margin: 40px auto; } .featured-news .remove-padding{padding: 0;} .featured-news img{width: 100%;} .featured-news .news-details{padding: 10px 20px;} .featured-news .news-lead{font-size: 13pt; line-height: 1.5;} /** News Listings **/ .news-listing{float: right; width: 100%; margin: 0 0 15px 0;} .news-listing h3{font-size: 2em;} .news-listing h3 a{color: #523d53 !important; text-decoration: none !important;} .news-listing h3 a:hover{text-decoration: underline;} .news-listing .date{margin-left: 5px;} .news-listing .lead{font-weight: 400 !important; font-size: 13pt; margin: 0 0 0 20px;} .news-listing img{box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); float: none; width: 300px; max-width: 100%; display: block; margin: 0 auto;} /** News Index Action **/ .news .image{box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); width: 400px; max-width: 100%; margin: 20px 0 0 20px;} .news .date{font-size: 2.5rem;} .news-lead {height: auto !important;} /*** Subpage ***/ #subpage-main-content{padding: 30px 0 60px;} #subpage-banner{position: relative;background-position: top left; background-repeat: no-repeat; background-size: cover;} #subpage-banner .container{height: auto; position: relative;} #subpage-banner .row{height: auto;} #subpage-banner #banner-container{height: 100px;} #subpage-banner::after{content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 200px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e8ca41+100&0+0,1+100 */ background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(232,202,65,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(232,202,65,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(232,202,65,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e8ca41',GradientType=1 ); /* IE6-9 */} #subpage-banner #banner-container h1{ padding: 5px 100px 12px 20px; margin: 0 0 -43px 0; line-height: 1 !important; display: inline-block; position: absolute; right: 0; bottom: 50%; min-width: 400px; z-index: 2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#523d54+22,156f91+85&1+22,0+85 */ background: -moz-linear-gradient(left, rgba(82,61,84,1) 50%, rgba(21,111,145,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(82,61,84,1) 50%,rgba(21,111,145,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(82,61,84,1) 50%,rgba(21,111,145,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#523d54', endColorstr='#00156f91',GradientType=1 ); /* IE6-9 */} #subpage-banner #mobile-title h1{margin: 0 -15px 0 -15px; padding-bottom: 8px; text-align: center; font-size: 35pt; position: relative; z-index: 1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#523d54+22,ffffff+100&1+22,0+100 */ background: -moz-linear-gradient(left, rgba(82,61,84,1) 22%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(82,61,84,1) 22%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(82,61,84,1) 22%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#523d54', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */} /** Breadcrumb **/ #breadcrumb{border-bottom: 1px solid #C7C7C7; padding: 0 0 15px; margin: 0 0 25px; position: relative; min-height: 30px;} #breadcrumb .subpage-tree{position: absolute; right: 0; bottom: -20px; width: 50px; background-color: #fff; } #breadcrumb ul{margin: 0; padding: 0;} #breadcrumb li{display: inline;} #breadcrumb a{color: #fff; background: #523d54; padding: 6px 10px 5px 20px; position: relative; text-decoration: none;} #breadcrumb a:hover{color: #ffe036;} #breadcrumb .active a{background: #332635 !important;} #breadcrumb ul > li:first-child a{padding: 6px 10px 5px 15px;} #breadcrumb ul > li:first-child a::before{display: none;} #breadcrumb a::before{content: ""; width: 0; height: 0; border-bottom: 17px solid transparent; border-top: 17px solid transparent; border-left: 10px solid white; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 1;} #breadcrumb a::after{content: ""; width: 0; height: 0; border-bottom: 17px solid transparent; border-top: 17px solid transparent; border-left: 10px solid #523d54; font-size: 0; line-height: 0; position: absolute; left: 100%; top: 0; z-index: 2;} #breadcrumb .active a::after{border-left: 10px solid #332635;} /** Side Nav **/ .side-nav{ padding: 10px; font-size: 2.2rem; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.7)} .side-nav ul{margin: 0; padding: 0; list-style: none;} .side-nav a, .side-nav .faux-link{color: #fff; display: block;} .side-nav.bg-blue a, .side-nav.bg-orange a{border-bottom: 1px solid #C77128;} .side-nav.bg-purple a{border-bottom: 1px solid #685569;} .side-nav a{text-decoration: none !important;} .side-nav a:hover{color: #ffe036} .side-nav a.active{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#332635+25,332635+50,332635+75&0+0,0.75+25,1+50,0.75+75,0+100 */ background: -moz-linear-gradient(left, rgba(51,38,53,0) 0%, rgba(51,38,53,0.75) 25%, rgba(51,38,53,1) 50%, rgba(51,38,53,0.75) 75%, rgba(51,38,53,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(51,38,53,0) 0%,rgba(51,38,53,0.75) 25%,rgba(51,38,53,1) 50%,rgba(51,38,53,0.75) 75%,rgba(51,38,53,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(51,38,53,0) 0%,rgba(51,38,53,0.75) 25%,rgba(51,38,53,1) 50%,rgba(51,38,53,0.75) 75%,rgba(51,38,53,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00332635', endColorstr='#00332635',GradientType=1 ); /* IE6-9 */} .side-nav .faux-link > span, .side-nav a > span{display: block; line-height: 1.2; padding: 10px 0;} .side-nav > ul > li > .faux-link > span, .side-nav > ul > li > a > span{margin-left: 15px;} .side-nav > ul > li > ul > li > .faux-link > span, .side-nav > ul > li > ul > li > a > span{margin-left: 30px;} .side-nav > ul > li > ul > li > ul > li > .faux-link > span, .side-nav > ul > li > ul > li > ul > li > a > span{margin-left: 45px;} .side-nav > ul > li > ul > li > ul > li > ul > li > .faux-link > span, .side-nav > ul > li > ul > li > ul > li > ul > li > a > span{margin-left: 60px;} /** Side Content **/ .side-content{border: 2px solid #C7C7C7; margin: 20px 0; padding: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); font-size: 1.6rem; line-height: 1.5;} .side-content h1{margin: 0 0 10px; font-size: 38pt; color: #523d53;} .side-content h2{margin: 0 0 10px; font-size: 28pt; color: #e1791d;} .side-content h2.purple{color: #523d53;} .side-content h3{margin: 0 0 10px; font-size: 20pt; color: #523d53;} .side-content h3.blue, .side-content h3.orange{color: #e1791d;} .side-content h4{margin: 0 0 10px; font-size: 14pt; font-weight: 600;color: #e1791d;} .side-content h5{margin: 0 0 10px; font-size: 12pt; color: #523d53;} .side-content .doc-list{margin: 0; padding: 0 0 0 10px;} .side-content ul{padding: 0 0 0 20px;} .side-content .btn{white-space: pre-wrap;} #services-title, #procedures-title{font-size: 30pt;} /*** Documents ***/ .fa-file-web{position: relative;} .fa-file-web::before{content: "\f016"} .fa-file-web::after{content: "\f0ac"; position: absolute; top: 6px; left: 3px; font-size: 8pt;} .doc-list{list-style: none; margin: 0; padding: 10px 30px;} .doc-list ul{list-style: none; margin: 0 0 0 15px; padding: 0;} .doc-list i, .doc-list em{margin-right: 10px; color:#6599ff; } .doc-list-columns > ul >li{-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;} /*** Staff ***/ /** index action **/ .staff-image{float:left; margin-right: 25px; box-shadow: 0 0px 10px rgba(54, 54, 54, 0.5); width: 160px; height: 220px;} /** modal link action **/ .staff-modal-link{display: block; width: 100%; margin: 0 auto 20px; text-decoration: none !important; outline: 0 !important; min-height: 350px;} .staff-modal-link:hover img{opacity: 1;} .staff-modal-link img{width: 100%; max-width: 160px; opacity: 0.85; box-shadow: 0 0px 10px rgba(54, 54, 54, 0.5); transition: all .2s linear;} .staff-modal-link .name{letter-spacing: 1px; font-size: 15pt; margin: 10px 0;} .staff-modal-link div{line-height: 1.3 !important;} .staff-modal-link2{display: block; width: 100%; margin: 0 auto 20px; text-decoration: none !important; outline: 0 !important; padding: 15px 0; text-align: left} .staff-modal-link2:hover img{opacity: 1;} .staff-modal-link2 img{width: 100%; max-width: 160px; opacity: 0.85; box-shadow: 0 0px 10px rgba(54, 54, 54, 0.5); transition: all .2s linear;} .staff-modal-link2 .name{letter-spacing: 1px; font-size: 15pt; margin: 10px 0;} .staff-modal-link2 div{line-height: 1.3 !important;} /** listing action **/ #staff-listings{float: left;} #staff-listings ul{list-style: none; margin: 0; padding: 0;} #staff-listings li{width: 50%; float: left;} .staff-listing{margin: 15px;} .staff-listing .name{margin: 0;} .staff-listing .email{text-decoration: underline;} .staff-listing .indent{margin-left: 28px;} /*** Search ***/ .search-description{margin: 0 0 0 20px;} .search-results a.col-sm-12, .search-results div.col-sm-12{margin: 0 0 0 20px;} /*** Medical Services ***/ #medical-services{padding: 30px 20px;} #medical-services h4{margin: 0 0 0 5px; display: inline;} #medical-services .faux-link{color: #3F609F} #medical-services a{text-decoration: none;} #medical-services a:hover{text-decoration: underline;} #medical-services ul{list-style: none;margin: 0;padding: 0;} #medical-services > ul > li >ul{margin: 0 0 0 70px;} #medical-services .service-list{-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; padding: 0 0 30px 0;} #medical-services .service-list > a{display: table; width: 100%; text-decoration: none !important;} #medical-services .service-list .icon{display: table-cell; padding: 0 6px;} #medical-services .service-list .border-bottom{display: block; font-size: 18pt;} #medical-services .icon{display: inline-block; width: 60px; height: 50px; text-align: center;} #medical-services img{height: 100%; max-width: 100%;} .procedures-icon, .services-icon{display: inline-block; height: auto; width: 40px; margin-right: 10px; } #medical-service-categories{padding: 15px 10px; margin: 0 0 40px 0; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} #medical-service-categories .category{display: table; width: 100%; padding: 15px 0 15px 15px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;} .medical-serivce-category-search .icon, #medical-service-categories .icon{display: table-cell; width: 80px; height: 50px; text-align: center; padding: 0 20px 0 0;} .medical-serivce-category-search img, #medical-service-categories img{height: 100%; max-width: 100%;} .medical-serivce-category-search span, #medical-service-categories h4{display: table-cell; padding: 0 0 0 10px; vertical-align: middle;} .medical-serivce-category-search{padding: 20px;} /*** Find A Facility ***/ #locations{height:450px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.7)} #location-types:hover .location-type, #location-types.active .location-type{opacity: 0.8;} .location-type:hover, .location-type.active{opacity: 1 !important;} .location-type{transition: all 0.3s ease; display: table; width: 100%; height: 70px; padding: 11px 0px 11px 25px; margin: 15px 0; position: relative; z-index: 1; cursor: pointer;} .location-type::after{content: ""; width: 0; height: 100%; border-bottom: 35px solid transparent; border-top: 35px solid transparent; border-left: 35px solid #333; font-size: 0; line-height: 0; position: absolute; left: 100%; top: 0; z-index: 2;} .location-type > div{display: table-row;} .location-type-icon{display: table-cell; width: 20%; text-align:center; vertical-align: middle;} .location-type-icon img{height: 40px; max-width: 100%;-webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5)); filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));} .location-type-name{display: table-cell; vertical-align: middle; padding: 0 0 0 10px; line-height: 1.2; text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); font-size: 2rem; letter-spacing: 1px;} /* Info Windows */ .gm-style-iw { top: 10px !important; left: 25px !important; } .info-window{max-width: 400px;} .info-window img{width: 100%; height: auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.7)} .info-window .location-name{font-size: 16pt; margin: 0 0 10px 0;} .info-window .address, .info-window .phone{font-size: 11pt; margin: 0 0 10px 0; display: block;} .info-window .location-services ul{font-size: 11pt; margin: 5px 0 0; padding:0; list-style: none;} .info-window .address .purple, .info-window .phone .purple, .info-window .location-services .purple, .info-window .location-link {font-size: 14pt;} .info-window .location-hours {font-size:14pt; margin-top:15px;} /* Location Types */ .location-type.all-facilities{background: #4f334e; margin-top: 0;} .location-type.all-facilities::after{border-left-color: #4f334e;} .location-type.emergency-services{background: #C1292E;} .location-type.emergency-services::after{border-left-color: #C1292E;} .location-type.employee-health-centers{background: #176F91;} .location-type.employee-health-centers::after{border-left-color: #176F91;} .location-type.outpatient-clinics{background: #58C1AC;} .location-type.outpatient-clinics::after{border-left-color: #58C1AC;} .location-type.imaging-services{background: #D25627;} .location-type.imaging-services::after{border-left-color: #D25627;} .location-type.inpatient-services{background: #8AC97C;} .location-type.inpatient-services::after{border-left-color: #8AC97C;} .location-type.rehabilitation{background: #1C824C;} .location-type.rehabilitation::after{border-left-color: #1C824C;} .location-type.pharmacy{background: #ECA72A;} .location-type.pharmacy::after{border-left-color: #ECA72A;} .location-type.ambulatory-surgery-unit{background: #5BAADE;} .location-type.ambulatory-surgery-unit::after{border-left-color: #5BAADE;} .location-type.laboratory{background: #923D88;} .location-type.laboratory::after{border-left-color: #923D88;} .location-type.county-employee-health-center{background: #4d101e;} .location-type.county-employee-health-center::after{border-left-color: #4d101e;} .location-type.urgent-care{background: #002a95;} .location-type.urgent-care::after{border-left-color: #002a95;} /*** Careers ***/ #careers-filter, #locations-filter{margin: 30px 0;} #careers-filter .selectpicker, #locations-filter .selectpicker{display: none !important;} #careers-filter .bootstrap-select, #locations-filter .bootstrap-select{width: 100%;} #careers-filter .dropdown-menu .inner li:not(.active) a, #locations-filter .dropdown-menu .inner li:not(.active) a{color: #333 !important; font-weight: 400 !important; font-size: 13pt;} #careers-filter .dropdown-menu .inner li.active a, #locations-filter .dropdown-menu .inner li.active a{color: #fff !important; font-weight: 400 !important; font-size: 13pt;} #careers-filter .bs-searchbox input, #locations-filter .bs-searchbox input{border-radius: 0px;} /*** Location Detail ***/ #location-map{height: 400px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.4)} #location-detail .bold{font-size: 2.1rem; letter-spacing: 2px;} #location-detail #location-button{display: block; margin: 20px 0; text-decoration: underline; cursor: pointer} #location-detail #address, #location-detail #phone-number{margin-bottom: 20px;} #directions{margin: 0 0 35px;} #directions h4{margin: 5px 0 0;} #directions input[type="text"]{height: 42px; border-radius: 0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);} #direction-results{display: none; border: 2px solid #C7C7C7; padding: 10px 20px; margin: 35px 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);} #direction-results .adp-directions{width: 100%;} #direction-results .adp-placemark img{display: none;} #direction-results .adp-placemark td:first-child{padding: 35px; background-repeat: no-repeat; background-size: contain; background-position: center;} #direction-results .adp > div > .adp-placemark:first-child td:first-child{background-image: url(/images/location-icons/starting-position-pin.png);} #direction-results .adp-placemark:first-child td:first-child{background-image: url(/images/location-icons/default-pin.png);} /*** COVID-19 Alert ***/ .covid-main-alert{background-color: #D66C00; color: #FFF; text-align: center;} .alert-strong{font-size: 20pt;} .alert-link {color: #FFF} .alert-link:hover {color: #FFF; text-decoration: none;} /** COVID PAGE **/ .orange-symptoms-checker{padding-right: 60px; margin-bottom: 50px; margin-top: 55px;} .title-checker-symptoms{color: #FFF; font-size: 25pt; font-family: "acumin-pro-extra-condensed",sans-serif; font-weight: 500;} .content-orange{background-color: #F07500; color: #fff; border-radius: 40px; padding: 20px 10px 35px} .termo-icon{font-size: 74pt !important; padding-left: 23px; padding-top: 10px;} .title-story{color: #494949; font-family: "acumin-pro-extra-condensed",sans-serif; font-size: 22pt; font-weight: 800;} .story-covid-text{width: 300px; line-height: 1.3; margin-top: 10px;} .story-covid-learn-more{color: #F07500} /*** Modal ***/ .error-modal-icon{color: #DA741D !important} /*** Careers ***/ .job-description, .skills, .experience{word-break: break-word;} /*** VR View ***/ .vrview iframe{width: 100%; height: 600px;} @media (max-width: 768px) { .pdf-book-desktop{display: none !important} .pdf-book-mobile{display: block} } /*** user custome pages ***/ .user-input-image{text-align: center} .user-input-image img{max-width: 634px; width: 100%; height: auto} .orange-symptoms-checker{padding-right: 10px !important; padding-left: 10px !important;} .icon-termo-holder, .title-checker-symptoms{text-align: center;} /** caoacity for care **/ .capacity-for-care-link{background: #19396d; padding: 40px; color: #fff} .capacity-for-care-link a{border: 1px solid #fff; padding: 8px 18px; text-decoration: none; color: #fff; font-weight: 600; letter-spacing: 1px;} .capacity-for-care-link a:hover{color: #ffe036; border-color: #ffe036;} .care-link-image-wraper{text-align: center; margin-bottom: 20px} .care-link-image-wraper img{width: 100%} .care-link-description-wraper p{line-height: 20px} @font-face { font-family: "monserrat-medium"; src: url("/fonts/Montserrat-Medium.ttf"); } @font-face { font-family: "monserrat-extra"; src: url("/fonts/Montserrat-ExtraBold.ttf"); } @font-face { font-family: "monserrat-semi"; src: url("/fonts/Montserrat-SemiBold.ttf"); } @font-face { font-family: "oswald-reg"; src: url("/fonts/Oswald-Regular.ttf"); } @font-face { font-family: "oswald-medium"; src: url("/fonts/Oswald-Medium.ttf"); } .monse-medium{font-family: "monserrat-medium"} .monse-extra{font-family: "monserrat-extra"} .monse-semi{font-family: "monserrat-semi"} .os-reg{font-family: "oswald-reg"} .os-med{font-family: "oswald-medium"} .capacity-language-button{border: 1px solid #fff; padding: 4px 18px; text-decoration: none; color: #fff; font-weight: 600; letter-spacing: 1px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%);} .capacity-language-button:hover{color: #ffe036; border-color: #ffe036;} .capacity-body{background: #f7f5f6; overflow-x: hidden} .purple-header{background: #3b1f3c; text-align: right} .purple-header div{height: 55px} .capacity-banner{background-image: url("/images/capacity-banner.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center} .capacity-banner .banner-container{text-align: center; background: rgba(0,0,0, .5); padding: 150px 0;} .capacity-banner .banner-container img{width: 170px; margin-bottom: 50px} .capacity-banner .banner-container h1{color: #FFFFFF; margin: 0} .capacity-banner .banner-container p{margin: 0; color: #fff;} .over-title{letter-spacing: 6px; font-size: 1.3em;} .main-title{font-size: 5em} .sub-title{letter-spacing: 3px; font-size: 1.5em} .request-section{padding: 100px} .request-section .request-image{text-align: center} .request-section .request-image img{width: 70%; position: relative; z-index: 2} .image-rectangle-background{position: absolute; width: 90%; height: 65%; transform: translateY(-50%); top: 40%; z-index: 1; background: #3b1f3c;} .request-description{font-family: "monserrat-medium"} .capacity-header{color: #3b1f3c} .upcoming-meetings-button{display: block; background: #3b1f3c; margin-top: 15px; padding: 15px; color: #fff; text-decoration: none!important; font-weight: 600;} .upcoming-meetings-button:visited{color: #fff;} .upcoming-meetings-button:hover{color:#ffe036} .utilization-section{text-align: center} .utilization-description{font-family: "monserrat-medium"} .utilization-description span{font-family: "monserrat-semi"; font-size: 1.2em} .utilization-points{font-family: "monserrat-extra"; font-size: .8em; text-align: center; background: #fff; margin: 0 5px 15px; height: 250px; padding: 20px} .utilization-points.span{height: 360px} .utilization-points span{font-family: "monserrat-semi"; font-size: .7em} .utilization-points img{height: 90px} .bond-presentation{padding: 50px} .bond-presentation h2{text-align: center} .video-section {text-align: center; margin-top: 30px; background: #e4e0e3; padding: 50px;} .video-section h2{margin-bottom: 35px} .video-section p{margin-top: 10px; text-align: left} .video-section span{font-size: 1.5em} .video-section img{width: 100%;} .video-section a{position: relative; color: #b5b5b5; margin-top: 25px; display: block} .video-section a:hover i{color: #ffe036} .video-section i{position: absolute; top: 50%; transform: translateY(-50%); width: 100%; font-size: 3.5em; margin: 0} .community-serve{text-align: center} .serve-banners{min-height: 500px; margin-bottom: 15px} .serve-banners p{font-family: "oswald-reg"; position: absolute; top: 280px; left: 0; text-align: left; color: #fff; line-height: 1; font-size: 1.4em; z-index: 2; margin-left: 15px; padding-right: 10px} .serve-banners.span p{font-size: 1em; top: 330px} .serve-banners span{font-family: "oswald-medium"; font-size: 1.5em} .serve-trauma{background-image: url("/images/umc-trauma.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center} .serve-stroke{background-image: url("/images/umc-stroke.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center} .serve-maternal{background-image: url("/images/umc-maternal.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center} .serve-newborn{background-image: url("/images/umc-newborn.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center} .serve-oncology{background-image: url("/images/umc-children.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center} .serve-overlay{width: 100%; min-height: 500px; position: absolute; left: 0; z-index: 1; background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.8) 8%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.8) 8%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.8) 8%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);} .taxpayer-cost{text-align: center} .taxpayer-date{background: #3b1f3c; color: #fff; padding: 10px 0} .taxpayer-date-description{font-family: "monserrat-medium"; background: #f0eef0;} .taxpayer-date-description span{font-family: "monserrat-extra"; font-size: 1.5em;} .city-investment{text-align: center} .city-investment img{height: 100px; padding-bottom: 40px} .city-investment .investment-header{font-size: 1.3em} .city-investment .col-md-4 div{background: #f0eef0; height: 460px; padding:30px 20px 0; margin-top: 15px} .city-investment.span .col-md-4 div{height: 540px;} .city-investment .col-md-3 div{background: #f0eef0; height: 560px; padding:30px 20px 0; margin-top: 15px} .city-investment.span .col-md-3 div{height: 640px;} .faqs-section .panel-default{border:none} .faqs-section .panel-heading{ background: #fff} .faqs-section .panel-heading a{font-family: "monserrat-extra"; text-decoration: none; font-size: 1.2em; padding: 15px 35px 15px 0; position: relative; display: block} .faqs-section .panel-body{font-family: "monserrat-medium"; border:none; border-top:none!important} .faqs-section .panel-heading a i{font-size: 1.5em; float: right; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%)} .faqs-section .panel-heading .closed .fa-caret-up{display: block} .faqs-section .panel-heading .closed .fa-caret-down{display: none} .faqs-section .panel-heading .collapsed .fa-caret-up{display: none} .faqs-section .panel-heading .collapsed .fa-caret-down{display: block} .panel-group .panel + .panel { margin-top: 15px; } .capacity-contact-section label{display: none} .capacity-contact-section form{margin-bottom: 100px} .btn-capacity-form{background: #3b1f3c; float: right; box-shadow: none; font-size: 2em; padding: 10px 20px; font-family: 'monserrat-extra'; text-transform: capitalize} .capacity-form textarea{font-size: 1em} .capacity-form input{font-size: 1em} .capacity-footer{background: #3b1f3c; color: #fff; padding: 45px 0 15px; font-family: "monserrat-medium"} .capacity-footer img{width: 100%; max-width: 131px} .capacity-footer .district-team{text-align: center; margin: 15px 0} .capacity-footer .district-team img{height: 65px; margin-bottom: 15px} .capacity-footer .hospital-district{text-align: center} .capacity-submit-message{display: none} /* Media Queries */ /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { /*** General ***/ .text-sm-left{text-align: left;} .text-sm-center{text-align: center;} .text-sm-right{text-align: right;} img.pull-right{float: right !important; margin: 15px 0 15px 15px!important; display: block} /*** Header ***/ #header.preview-page{margin-top: 39px;} /** Middle Tier **/ #middle-tier{margin-top: 0;} #patient-login{display: inline-block; margin: 10px 0 0 15px;} /** Bottom Tier **/ .mega-menu::before{content: ""; width: 1px; height: 90%; background: #635664; position: absolute; top: 5%; left: 47%;} .mega-menu-columns-sm::before{display: none !important;} /*** Homepage banners ***/ #homepage-banners .item{height: auto;} #homepage-banners .carousel-caption {max-width: 450px; margin: 0 auto 50px;} #homepage-banners h1, #homepage-banners .h1{font-size: 30pt; } #homepage-banners p{font-size: 23pt; } #homepage-banners .carousel-indicators{top: auto; margin-top: 15px;} #homepage-banners .carousel-indicators li{border-color: #fff;} #homepage-banners .carousel-indicators li.active{background-color: #fff;} /*** Subpage ***/ #subpage-banner #banner-container{height: 300px;} #subpage-banner::after{width: 1200px;} /*** Body ***/ #body{margin-top: 640px;} /*** News ***/ /** Featured News **/ .featured-news .remove-padding, .featured-news .news-details{display: table-cell !important; vertical-align: middle; float: none!important; padding: 10px 15px;} /** News Listings **/ .news-listing img{box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); float: right; width: 300px; max-width: 100%; display: block; margin: 0 0 0 10px;} /*** Find A Facility ***/ #locations{height: 920px;} /*** Footer ***/ #footer #footer-links{display: inline;} /*** Medical Services ***/ #medical-service-categories{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;} /** Finances **/ .pdf-book-desktop{display: block} .pdf-book-mobile{display: none !important} .orange-symptoms-checker{padding-right: 10px !important; padding-left: 10px !important;} #middle-tier-links{margin-bottom: 0px;} } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { /*** General ***/ .text-md-left{text-align: left;} .text-md-center{text-align: center;} .text-md-right{text-align: right;} .remove-padding{padding: 0;} /*** Header ***/ /** Bottom Tier **/ .mega-menu::before{left: 33%;} .mega-menu::after{content: ""; width: 1px; height: 90%; background: #635664; position: absolute; top: 5%; left: 66%;} .mega-menu-columns-sm::after{display: none;} .mega-menu-columns{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;} .mega-menu-columns-sm{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; width: 280px;} /*** Homepage banners ***/ #homepage-banners .item{height: auto;} #homepage-banners .carousel-caption {max-width: 520px; margin: 0 auto 50px;} #homepage-banners h1, #homepage-banners .h1{font-size: 32pt; } #homepage-banners p{font-size: 25pt; } /*** Body ***/ #body{margin-top: 400px;} /*** News ***/ /** Featured News **/ .featured-news .remove-padding{display: block !important; padding: 0;} .featured-news .news-details{display: block !important;} /*** Documents ***/ .doc-list-columns{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;} /*** Medical Services ***/ #medical-service-categories{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;} #medical-services{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;} .orange-symptoms-checker{padding-right: 52px !important;} #middle-tier-links{margin-bottom: 60px;} .careers-links{text-align: right} } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { /*** General ***/ .text-lg-left{text-align: left;} .text-lg-center{text-align: center;} .text-lg-right{text-align: right;} /*** Header ***/ /** Homepage Banners **/ #homepage-banners .item{height: auto;} #homepage-banners .item a.banner-image{background-size: cover; background-repeat: no-repeat;} #homepage-banners .carousel-caption {max-width: 550px; margin: 0 auto 50px;} #homepage-banners h1, #homepage-banners .h1{font-size: 35pt; } #homepage-banners p{font-size: 28pt; } /*** Body ***/ /*** News ***/ /** Featured News **/ .featured-news .news-headline{} .featured-news .news-lead{height: 190px;} .orange-symptoms-checker{padding-right: 52px !important;} #middle-tier-links{margin-bottom: 0px;} .city-investment .col-md-4 div{height: 400px;} .city-investment.span .col-md-4 div{height: 460px;} .city-investment .col-md-3 div{height: 500px;} .city-investment.span .col-md-3 div{height: 560px;} #hopital-transparency{text-align: left} #patient-login-dev{text-align: left} #body{margin-top: 320px;} } /** DEV MODE **/ .container.dev, .container-fluid.dev{border: 1px solid green;} .container.dev .row, .container-fluid.dev .row, .row.dev{border: 1px solid blue;} .container.dev .row [class*="col-"], .container-fluid.dev .row [class*="col-"], .row.dev [class*="col-"], .row.dev [class*="col-"], form.dev [class*="col-"]{border: 1px solid red;}