@charset "utf-8"; /* CSS Document */ body { background-color: #fff; xbackground: transparent !important; position: relative; z-index: 100; } .page-archived {} .alert.page-archived { margin-top: 30px; } .tooltip { font-size: 16px !important; } .tooltip.bottom { margin-top: 10px !important; } .tooltip-inner { white-space: nowrap !important; max-width: none !important; padding: 8px 15px !important; background-color: rgb(45, 51, 56) !important; color: #fff !important; } #accordion .panel .panel-body { padding: 25px !important; } h4 { margin-bottom: 20px; } #accordion .panel .panel-body h4 { margin: 20px 0px 10px 0px; } #accordion .panel .panel-body h4:first-of-type { margin: 0px 0px 10px 0px; } #content.parallax { padding: 0px !important; } #content.parallax .parallax-container { padding: 0px 0px 25px 30px; margin-bottom: 0px; font-weight: 500; } #content.parallax .parallax-window { min-height: 50vh; /* 450px; */ background-size: cover; /*100% auto;*/ background-position: center; /*-webkit-box-shadow: inset 26px 17px 26px -17px rgba(0, 0, 0, 1); -moz-box-shadow: inset 26px 17px 26px -17px rgba(0, 0, 0, 1); box-shadow: inset 26px 17px 26px -17px rgba(0, 0, 0, 1);*/ } #content.parallax .break-out { width: 100vw; position: relative; left: calc(-1 * (100vw - 100%) / 2); color: rgba(0, 0, 0, 0.6); z-index: 500; } @media(max-width:767px) { #content.parallax .break-out { width: 100vw; } } @media(min-width:768px) { #content.parallax .break-out { width: 100vw; } } @media(min-width:992px) { #content.parallax .break-out { width: 100vw; } } @media(min-width:1200px) { #content.parallax .break-out { width: 100vw; } } #content.parallax .orange-slice { background-image: url("/well-being/_images/orange-cloud-slice-reverse.jpg"); background-size: 500px auto; background-repeat: no-repeat; background-position: right -50px; } #content.parallax .main-container.orange-slice h1 { font-size: 300%; } #content.parallax .orange-slice.orange-slice-buffer { xpadding-top: 100px; } #content.parallax .glyphicon { margin-right: 16px; } #content.parallax .down-arrow { background-image: url("/well-being/_images/icon-scroll-down.png"); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 250px; } #content.parallax .plus-marker { margin-right: 15px; padding: 25px 4px 8px 8px; color: rgba(255, 255, 255, 1); background-image: url("/well-being/_images/plus-slice.png"); background-repeat: no-repeat; background-position: top left; font-weight: bold; line-height: 20px; } #content.parallax ul.footnote, #content.parallax ol.footnote { border-top: 1px solid #d9d9d9; font-size: 80%; color: #757575; margin: 16px 0px 0px 0px; padding: 16px 0px 0px 0px; } .bk-Div.list-bordered.footnote { clear: both; font-size: 80%; color: #757575; margin: 16px 0px 0px 0px; padding: 16px 0px 0px 0px; } #content.parallax ul.footnote.col-sm-04, #content.parallax ol.footnote.col-sm-04 { margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; } #content.parallax ul.footnote li, #content.parallax ol.footnote li { background-image: none; padding-left: 0px; margin-left: 0px; } #content.parallax ul.footnote a, #content.parallax ol.footnote a, #content.parallax table tfoot a { border-bottom: dotted 1px #757575; color: #757575; } #content.parallax ul.footnote a:hover, #content.parallax ol.footnote a:hover, #content.parallax table tfoot a:hover { text-decoration: none; border-bottom: solid 1px #333; color: #333; } #content.parallax [class*="jump-link-"] { text-align: center; } #content.parallax [class*="jump-link-"] a { display: block; margin: 10px 0px 20px 0px; width: 45px; height: 45px; background-repeat: no-repeat; background-position: center center; background-size: 45px 45px; } #content.parallax .jump-link-up a { background-image: url("/well-being/_images/icon-scroll-up.png"); } #content.parallax .jump-link-up a:hover { background-image: url("/well-being/_images/icon-scroll-up-hover.png"); } #content.parallax .jump-link-down a { background-image: url("/well-being/_images/icon-scroll.png"); } #content.parallax .jump-link-down a:hover { background-image: url("/well-being/_images/icon-scroll-hover.png"); } #content.parallax .jump-target { display: block; position: relative; top: -75px; visibility: hidden; } #content.parallax .jump-target a { display: block; } #content.parallax .buffer-top-30 { margin-top: 30px; } #content.parallax a[title="JavaScript charts"] { display: none !important; } #content.parallax [class*="img-well-being-"] { position: relative; } #content.parallax [class*="table-well-being-"] { position: absolute; z-index: 500; padding: 0px; border: 1px solid rgba(0, 0, 0, 0.32); border-spacing: 0; background-color: #fff; overflow: hidden; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15); } #content.parallax [class*="table-well-being-"] table { margin: 0px !important; width: 100% !important; } #content.parallax [class*="table-well-being-"] table .percent { margin-left: 2px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } #content.parallax [class*="table-well-being-"] table caption { padding: 8px; font-size: 95%; text-align: center; background-color: rgba(0, 0, 0, 0.50); color: rgb(255, 255, 255); } #content.parallax [class*="table-well-being-"] table caption small { display: block; font-size: 80%; } #content.parallax [class*="table-well-being-"] table tr td, #content.parallax [class*="table-well-being-"] table tr th { border-top-width: 0px !important; border-bottom-width: 0px !important; } #content.parallax [class*="table-well-being-"] table thead tr td, #content.parallax [class*="table-well-being-"] table thead tr th { padding: 4px 5px 6px 5px; } #content.parallax [class*="table-well-being-"] table thead tr:nth-of-type(1) td, #content.parallax [class*="table-well-being-"] table thead tr:nth-of-type(1) th { background-color: rgba(0, 0, 0, 0.16); border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-size: 80%; } #content.parallax [class*="table-well-being-"] table thead tr:nth-of-type(2) td, #content.parallax [class*="table-well-being-"] table thead tr:nth-of-type(2) th { background-color: rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.12); font-size: 70%; } #content.parallax [class*="table-well-being-"] table tbody tr td { background-color: rgba(0, 0, 0, 0.01); font-size: 90%; font-weight: normal; padding: 3px 5px; } #content.parallax [class*="table-well-being-"] table tbody tr.table-header th { background-color: rgba(0, 0, 0, 0.16); border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-size: 80%; } #content.parallax [class*="table-well-being-"] table tfoot { font-size: 11px; color: #757575; } #content.parallax [class*="table-well-being-"] table tfoot tr:first-of-type { border-top: solid 6px rgba(0, 0, 0, 0.16); } #content.parallax [class*="table-well-being-"] table tfoot p { margin: 0px; padding-bottom: 5px; } #content.parallax [class*="table-well-being-"] table tfoot ul { padding: 5px 0px 0px 0px; margin: 0px; border-top: none; } #content.parallax [class*="table-well-being-"] table tfoot ul li { padding-left: 0px; background-image: none; } #content.parallax .img-well-being-01 { top: 35px; } @media(max-width:767px) { #content.parallax .table-well-being-01 { font-size: 85%; top: -10px; left: 80px; width: 40%; } } @media(min-width:768px) { #content.parallax .table-well-being-01 { top: 25px; left: 90px; width: 40%; } } @media(min-width:992px) { #content.parallax .table-well-being-01 { top: -30px; left: 90px; width: 50%; } } @media(min-width:1200px) { #content.parallax .table-well-being-01 { top: 25px; left: 90px; width: 40%; } } #content.parallax .table-well-being-01 tbody tr td:nth-of-type(2) { color: #005188; } #content.parallax .table-well-being-01 tbody tr td:nth-of-type(3) { color: #ec6a1f; } .text-blue { color: #005188; } .text-orange { color: #ec6a1f; } #content.parallax .img-well-being-02 { top: 20px; xmargin-bottom: 20px; } #content.parallax .table-well-being-02 { top: 25px; left: 135px; width: 45%; } #content.parallax .img-well-being-03 { top: 75px; } #content.parallax .table-well-being-03 { width: 45%; } @media(max-width:767px) { #content.parallax .table-well-being-03 { font-size: 80%; top: -3px; left: 95px; width: 45%; } } @media(min-width:768px) { #content.parallax .table-well-being-03 { top: 20px; left: 100px; width: 45%; } } @media(min-width:992px) { #content.parallax .table-well-being-03 { top: -10px; left: 100px; width: 45%; } } @media(min-width:1200px) { #content.parallax .table-well-being-03 { top: 15px; left: 100px; width: 45%; } } #content.parallax .table-well-being-04 { top: 35px; width: 90%; } #content.parallax .table-well-being-05 { width: 90%; top: 70px; } #content.parallax .table-well-being-05a { width: 90%; } @media(max-width:767px) { #content.parallax .table-well-being-05 { width: 100%; position: relative; top: 0px; clear: both; margin-bottom: 15px; } #content.parallax .table-well-being-05a { width: 100%; position: relative; top: 0px; clear: both; margin-bottom: 15px; } } @media(min-width:768px) { #content.parallax .table-well-being-05 { width: 100%; position: relative; top: 0px; } #content.parallax .table-well-being-05a { width: 100%; position: relative; top: 0px; } } @media(min-width:992px) { #content.parallax .table-well-being-05 { top: 70px; } #content.parallax .table-well-being-05a { top: 70px; } } @media(min-width:1200px) { #content.parallax .table-well-being-05 { top: 50px; } #content.parallax .table-well-being-05a { top: 50px; } } @media(max-width:767px) { #content.parallax .table-well-being-06 { width: 100%; position: relative; top: 0px; } } @media(min-width:768px) { #content.parallax .table-well-being-06 { width: 100%; position: relative; top: 0px; } } @media(min-width:992px) { #content.parallax .table-well-being-06 { top: -100px; } } @media(min-width:1200px) { #content.parallax .table-well-being-06 { top: 80px; } } #content.parallax .table-well-being-07 { margin-top: 10px; left: 35%; } #content.parallax .img-well-being-04 { top: 10px; } #content.parallax .img-well-being-06 { top: 25px; } #content.parallax .img-well-being-07 { top: 15px; } #content.parallax .img-well-being-10 { top: 57px; } #content.parallax .img-well-being-11 { top: 80px; } #content.parallax .img-well-being-12 { top: 40px; } #content.parallax .img-well-being-13 { top: 55px; } #content.parallax .img-well-being-14 { top: 0px; } #content.parallax .img-well-being-15 { top: 70px; } #content.parallax .img-well-being-16 { top: 45px; } .tweak-01 { position: relative; top: -10px; } .tweak-02 { position: relative; top: 25px; padding-bottom: 50px; } .tweak-03 { position: relative; } @media(max-width:767px) {} @media(min-width:768px) {} @media(min-width:992px) { .tweak-03 { top: 40px; } } @media(min-width:1200px) { .tweak-03 { top: 0px; } } .tweak-04 { position: relative; top: 50px; } @media(max-width:767px) { .tweak-04 { position: relative; top: 0px; } } @media(min-width:768px) { .tweak-04 { position: relative; top: 0px; } } @media(min-width:992px) { .tweak-04 { position: relative; top: 50px; } } @media(min-width:1200px) { .tweak-04 { position: relative; top: 50px; } } .tweak-04 .amchart { width: 100%; height: 550px; } .center-pills { display: inline-block; } .tweak-05 { position: relative; top: 30px; } .tweak-06 { position: relative; } @media(max-width:767px) {} @media(min-width:768px) { .tweak-06 { top: 0px; } } @media(min-width:992px) { .tweak-06 { top: 50px; } } @media(min-width:1200px) { .tweak-06 { top: 50px; } } .tweak-07 { position: relative; top: 50px; } @media(max-width:767px) { .tweak-07 { position: relative; top: 0px; } } @media(min-width:768px) { .tweak-07 { position: relative; top: 50px; } } @media(min-width:992px) { .tweak-07 { position: relative; top: 0px; } } @media(min-width:1200px) { .tweak-07 { position: relative; top: 50px; } } .tweak-08 { position: relative; top: 50px; } .tweak-09 { position: relative; } @media(max-width:767px) {} @media(min-width:768px) { .tweak-09 { top: 0px; } } @media(min-width:992px) { .tweak-09 { top: 50px; } } @media(min-width:1200px) { .tweak-09 { top: 50px; } } .tweak-10 { position: relative; top: 50px; } .tweak-11 { position: relative; } @media(max-width:767px) {} @media(min-width:768px) { .tweak-11 { top: 10px; } } @media(min-width:992px) { .tweak-11 { top: 50px; } } @media(min-width:1200px) { .tweak-11 { top: 30px; } } .tweak-12 { position: relative; } @media(max-width:767px) {} @media(min-width:768px) { .tweak-12 { top: 0px; } } @media(min-width:992px) { .tweak-12 { top: 50px; } } @media(min-width:1200px) { .tweak-12 { top: 50px; } } /* nav#scrollspy-nav { width: 98%; position: fixed; bottom: 10px; left: 10px; background-color: rgba(45,51,56,0.5); -webkit-box-shadow: 4px 4px 21px -3px rgba(0,0,0,0.25); -moz-box-shadow: 4px 4px 21px -3px rgba(0,0,0,0.25); box-shadow: 4px 4px 21px -3px rgba(0,0,0,0.25); z-index: 5000; text-align: center; padding: 5px 5px 0px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } nav#scrollspy-nav:hover { background-color: rgba(45,51,56,1); -webkit-box-shadow: 4px 4px 21px -3px rgba(0,0,0,0.75); -moz-box-shadow: 4px 4px 21px -3px rgba(0,0,0,0.75); box-shadow: 4px 4px 21px -3px rgba(0,0,0,0.75); } nav#scrollspy-nav a { color: rgba(255,255,255,0.5); border: solid 1px rgba(45,51,56,0); } nav#scrollspy-nav a:hover { color: rgba(255,255,255,1); border: solid 1px rgb(255, 255, 255); background-color: rgba(45,51,56,1); } nav#scrollspy-nav .nav-item.active a { background-color: rgba(255,255,255,.5); border: solid 1px rgba(255,255,255,0); color: rgba(45,51,56,.75); } nav#scrollspy-nav .nav-item.active a:hover { background-color: rgba(255,255,255,1); border: solid 1px rgba(255,255,255,0); color: rgba(45,51,56,.75); } */ nav#scrollspy-nav { position: fixed; top: 82px; width: 90%; margin: auto; left: 47%; transform: translatex(-47%); padding-top: 5px; background-color: rgba(45, 51, 56, 1); x-webkit-box-shadow: 4px 4px 21px -3px rgba(0, 0, 0, 0.75); x-moz-box-shadow: 4px 4px 21px -3px rgba(0, 0, 0, 0.75); xbox-shadow: 4px 4px 21px -3px rgba(0, 0, 0, 0.75); z-index: 900; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } nav#scrollspy-nav ul.nav { margin: 0px auto; } /*nav#scrollspy-nav:hover { background-color: rgba(45,51,56,1); -webkit-box-shadow: 4px 4px 21px -3px rgba(0,0,0,0.75); -moz-box-shadow: 4px 4px 21px -3px rgba(0,0,0,0.75); box-shadow: 4px 4px 21px -3px rgba(0,0,0,0.75); }*/ nav#scrollspy-nav a { color: rgba(255, 255, 255, 0.5); border: solid 1px rgba(45, 51, 56, 0); width: 24px; height: 24px; margin: 3px !important; padding: 0px !important; background-image: url("/well-being/_images/nav-bullet-hover.png"); background-repeat: no-repeat; background-position: center center; background-size: 10px; text-align: center; } nav#scrollspy-nav a:hover { color: rgba(255, 255, 255, 1); border: solid 1px rgb(255, 255, 255); background-color: rgba(45, 51, 56, 1); background-image: url("/well-being/_images/nav-bullet.png"); } nav#scrollspy-nav .nav-item.active a { background-color: rgba(255, 255, 255, .5); border: solid 1px rgba(255, 255, 255, 0); color: rgba(45, 51, 56, .75); background-image: url("/well-being/_images/nav-bullet-active.png"); } nav#scrollspy-nav .nav-item.active a:hover { background-color: rgba(255, 255, 255, 1); border: solid 1px rgba(255, 255, 255, 0); color: rgba(45, 51, 56, .75); background-image: url("/well-being/_images/nav-bullet-active-hover.png"); } nav#scrollspy-nav .nav-item-start { border-right: solid 1px rgba(255, 255, 255, .75); xpadding-bottom: 5px; } nav#scrollspy-nav .nav-item-start a { background-image: url("/well-being/_images/nav-bullet-start-active-hover.png"); } nav#scrollspy-nav .nav-item-start.active a { background-image: url("/well-being/_images/nav-bullet-active-hover.png"); background-color: rgb(100, 182, 96); } nav#scrollspy-nav .nav-item-start a:hover { background-image: url("/well-being/_images/nav-bullet-start-active-hover.png"); } nav#scrollspy-nav .nav-item-end { border-left: solid 1px rgba(255, 255, 255, .75); xpadding-top: 5px; } nav#scrollspy-nav .nav-item-end a { background-image: url("/well-being/_images/nav-bullet-end-active.png"); } nav#scrollspy-nav .nav-item-end.active a { background-image: url("/well-being/_images/nav-bullet-active-hover.png"); background-color: rgb(213, 85, 82); } nav#scrollspy-nav .nav-item-end a:hover { background-image: url("/well-being/_images/nav-bullet-end-active-hover.png"); } .slide-deck a { display: block; border: solid 3px rgba(0, 0, 0, .15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 4px; margin-bottom: 25px; } .slide-deck a:hover { border: solid 3px rgba(219, 96, 37, 1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .slide-deck .img-responsive { width: 100%; height: auto; } #content.parallax h1 { font-size: 180%; font-weight: 100; clear: both; margin: 20px 0px 0px 0px; padding: 0px; } #content.parallax h1 .h1-line-top, #content.parallax h1 .h1-line-middle, #content.parallax h1 .h1-line-bottom { padding: 0px; margin: 0px; } #content.parallax h1 .h1-line-top { position: relative; } #content.parallax h1 .h1-line-middle { position: relative; top: -10px; left: 40px; } #content.parallax h1 .h1-line-bottom { position: relative; } #content.parallax h1 .text-massive { font-size: 170%; font-weight: bold; } #content.parallax h1 .text-bea-blue { color: rgba(0, 81, 137, 1); } #content.parallax h1 .text-bea-orange { color: rgba(219, 96, 37, 1); } #content.parallax h1 .text-italics { font-style: italic; } #content.parallax h2 { position: relative; top: -10px; left: 20px; color: rgba(0, 81, 137, 1); font-weight: 500; padding: 0px; margin: 0px; } #content.parallax h3 { font-weight: normal !important; text-align: center; } #content.parallax .jp-Cell-inputWrapper { xdisplay: none; }