/* ========================================================================== Global ========================================================================== */ @font-face { font-family: 'metaplusnormalitalic'; src: url('../fonts/MetaPro/metapro-normita.eot'); src: url('../fonts/MetaPro/metapro-normita.eot?#iefix') format('embedded-opentype'), url('../fonts/MetaPro/metapro-normita.woff') format('woff'), url('../fonts/MetaPro/metapro-normita.ttf') format('truetype'), url('../fonts/MetaPro/metapro-normita.svg#metaplusnormalitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'metaplusnormal-roman'; src: url('../fonts/MetaPro/metapro-norm.eot'); src: url('../fonts/MetaPro/metapro-norm.eot?#iefix') format('embedded-opentype'), url('../fonts/MetaPro/metapro-norm.woff') format('woff'), url('../fonts/MetaPro/metapro-norm.ttf') format('truetype'), url('../fonts/MetaPro/metapro-norm.svg#metaplusnormal-roman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'metaplusboldroman'; src: url('../fonts/MetaPlus/metaplusbold-roman-webfont.eot'); src: url('../fonts/MetaPlus/metaplusbold-roman-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/MetaPlus/metaplusbold-roman-webfont.woff') format('woff'), url('../fonts/MetaPlus/metaplusbold-roman-webfont.ttf') format('truetype'), url('../fonts/MetaPlus/metaplusbold-roman-webfont.svg#metaplusboldroman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'iowan'; src: url('../fonts/Iowan/iowanoldstyle-roman.eot'); src: url('../fonts/Iowan/iowanoldstyle-roman.eot?#iefix') format('embedded-opentype'), url('../fonts/Iowan/iowanoldstyle-roman.woff') format('woff'), url('../fonts/Iowan/iowanoldstyle-roman.ttf') format('truetype'), url('../fonts/Iowan/iowanoldstyle-roman.svg#iowan') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'iowanbold'; src: url('../fonts/Iowan/iowanoldstyle-bold.eot'); src: url('../fonts/Iowan/iowanoldstyle-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Iowan/iowanoldstyle-bold.woff') format('woff'), url('../fonts/Iowan/iowanoldstyle-bold.ttf') format('truetype'), url('../fonts/Iowan/iowanoldstyle-bold.svg#iowanbold') format('svg'); font-weight: normal; font-style: normal; } *:focus { outline: 0!important; } .container { padding-left:15px; padding-right:15px; } .container-fluid { max-width: 1440px; } body { padding-top:64px; font-family: 'iowan', "Times New Roman", Georgia, Serif; font-size: 1.6rem; line-height: 2.6rem; padding-bottom: 0; overflow: inherit; } body.locked { overflow: hidden; } /* ========================================================================== Type ========================================================================== */ a, a:hover { text-decoration: none!important; } img { width:100%; } a.icon { display: block; cursor: pointer; } blockquote { padding: 0px 20px; margin: 12px 0; font-size: 1.4rem; border-left: 1px solid #e6e6e6; font-family: 'metaplusnormalitalic'; line-height: 2.5rem; } h1, h2 { width:100%; } h1 { margin-bottom:50px; font-weight: normal; font-family: 'iowanbold'; clear: both; font-size: 3.2rem; } h2 { font-family: 'metaplusboldroman'; font-size:2rem; margin-bottom:25px; } h3 { font-family: 'metaplusboldroman'; font-size:1.6rem; color: #000; } h4 { font-size: 1.6rem; font-family: 'metaplusboldroman'; padding-top: 10px; padding-bottom: 10px; } ul { margin-top: 20px; padding-left: 0; li { margin-left:20px; list-style: disc; margin-bottom: 20px; } ul { margin-bottom:20px; } } a{ color: #005aa9; } cite { font-size: 1.3rem; font-family: 'metaplusnormal-roman'; color: #808080; line-height: 1.9rem; float: left; padding-top: 20px; } cite.mobile-cite { padding:15px; } p { margin-bottom:20px; margin-top:20px; } /* ========================================================================== Sprites ========================================================================== */ .icon, .rsDefaultInv .rsFullscreenIcn, .rsDefaultInv .rsArrowIcn, .rsDefaultInv .rsThumbsArrowIcn, .rsDefaultInv .rsPlayBtnIcon, .rsDefaultInv .rsCloseVideoIcn { background-image:url(../img/icons/sprite-retina.png); background-size: 75px 2811px; background-repeat: none } .a-001 { width: 9px; height: 10px; background-position: 0 -0px; } .a-002 { width: 14px; height: 16px; background-position: 0 -10px; } .a-003 { width: 14px; height: 16px; background-position: 0 -26px; } .a { width: 9px; height: 10px; background-position: 0 -42px; } .arrow-001 { width: 24px; height: 13px; background-position: 0 -52px; display: inline-block; float: none !important; margin-top: 20px; } .arrow { width: 24px; height: 13px; background-position: 0 -65px; } .audio-icon-001 { width: 16px; height: 24px; background-position: 0 -78px; } .audio-icon-002 { width: 16px; height: 24px; background-position: 0 -102px; } .audio-icon-003 { width: 16px; height: 24px; background-position: 0 -126px; } .audio-icon-004 { width: 16px; height: 24px; background-position: 0 -150px; } .audio-icon-005 { width: 16px; height: 24px; background-position: 0 -174px; } .audio-icon { width: 16px; height: 24px; background-position: 0 -198px; } .buy-document-icon-001 { width: 24px; height: 19px; background-position: 0 -222px; } .buy-document-icon { width: 24px; height: 19px; background-position: 0 -241px; } .close-icon-001 { width: 25px; height: 24px; background-position: 0 -260px; } .close-icon-002 { width: 25px; height: 24px; background-position: 0 -284px; } .close-icon-003 { width: 25px; height: 24px; background-position: 0 -308px; } .close-icon { width: 25px; height: 24px; background-position: 0 -332px; } .download-pdf-icon-001 { width: 18px; height: 24px; background-position: 0 -356px; } .download-pdf-icon-002 { width: 28px; height: 36px; background-position: 0 -380px; } .download-pdf-icon-003 { width: 18px; height: 24px; background-position: 0 -416px; } .download-pdf-icon { width: 28px; height: 36px; background-position: 0 -440px; } .facebook-001 { width: 24px; height: 24px; background-position: 0 -476px; } .facebook-002 { width: 25px; height: 24px; background-position: 0 -500px; } .facebook { width: 25px; height: 24px; background-position: 0 -524px; } .fullscreen-icon-001 { width: 25px; height: 24px; background-position: 0 -548px; } .fullscreen-icon { width: 25px; height: 24px; background-position: 0 -572px; } .homepage-icon-001 { width: 24px; height: 19px; background-position: 0 -596px; } .homepage-icon { width: 24px; height: 19px; background-position: 0 -615px; } .infographics-icon-001 { width: 24px; height: 24px; background-position: 0 -634px; } .infographics-icon-002 { width: 24px; height: 24px; background-position: 0 -658px; } .infographics-icon-003 { width: 24px; height: 24px; background-position: 0 -682px; } .infographics-icon-004 { width: 24px; height: 24px; background-position: 0 -706px; } .infographics-icon-005 { width: 24px; height: 24px; background-position: 0 -730px; } .infographics-icon { width: 24px; height: 24px; background-position: 0 -754px; } .left-arrow-001 { width: 13px; height: 24px; background-position: 0 -778px; } .left-arrow-002 { width: 24px; height: 43px; background-position: 0 -802px; } .left-arrow-003 { width: 13px; height: 24px; background-position: 0 -845px; } .left-arrow { width: 24px; height: 43px; background-position: 0 -869px; } .lightbox-popup-icon-001 { width: 24px; height: 24px; background-position: 0 -912px; } .lightbox-popup-icon { background-position: 0 -2296px; display: inline-block; float: none !important; height: 17px; width: 18px; } .map-icon-001 { width: 18px; height: 25px; background-position: 0 -960px; } .map-icon-002 { width: 18px; height: 25px; background-position: 0 -985px; } .map-icon-003 { width: 18px; height: 24px; background-position: 0 -1010px; } .map-icon-004 { width: 18px; height: 24px; background-position: 0 -1034px; } .map-icon-005 { width: 18px; height: 24px; background-position: 0 -1058px; } .map-icon { width: 18px; height: 25px; background-position: 0 -1083px; } .menu-icon-001 { width: 31px; height: 29px; background-position: 0 -1107px; } .menu-icon-002 { width: 31px; height: 29px; background-position: 0 -1136px; } .menu-icon { width: 31px; height: 29px; background-position: 0 -1165px; } .photos-icon-001 { width: 24px; height: 19px; background-position: 0 -1194px; } .photos-icon-002 { width: 24px; height: 19px; background-position: 0 -1213px; } .photos-icon-003 { width: 24px; height: 19px; background-position: 0 -1232px; } .photos-icon-004 { width: 24px; height: 19px; background-position: 0 -1251px; } .photos-icon-005 { width: 24px; height: 19px; background-position: 0 -1270px; } .photos-icon { width: 24px; height: 19px; background-position: 0 -1290px; } .press-release-icon-001 { width: 18px; height: 24px; background-position: 0 -1308px; } .press-release-icon { width: 18px; height: 24px; background-position: 0 -1332px; } .print-document-icon-001 { width: 24px; height: 24px; background-position: 0 -1356px; } .print-document-icon-002 { width: 36px; height: 36px; background-position: 0 -1380px; } .print-document-icon-003 { width: 24px; height: 24px; background-position: 0 -1416px; } .print-document-icon { width: 36px; height: 36px; background-position: 0 -1441px; } .right-arrow-001 { width: 13px; height: 25px; background-position: 0 -1476px; } .right-arrow-002 { width: 24px; height: 43px; background-position: 0 -1501px; } .right-arrow-003 { width: 13px; height: 25px; background-position: 0 -1544px; } .right-arrow { width: 25px; height: 43px; background-position: 0 -1569px; } .satellite-images-icon-001 { width: 19px; height: 24px; background-position: 0 -1612px; } .satellite-images-icon-002 { width: 19px; height: 24px; background-position: 0 -1636px; } .satellite-images-icon-003 { width: 19px; height: 24px; background-position: 0 -1660px; } .satellite-images-icon-004 { width: 19px; height: 24px; background-position: 0 -1684px; } .satellite-images-icon-005 { width: 19px; height: 24px; background-position: 0 -1708px; } .satellite-images-icon { width: 19px; height: 24px; background-position: 0 -1732px; } .share-icon-001 { width: 22px; height: 24px; background-position: 0 -1756px; } .share-icon { width: 22px; height: 24px; background-position: 0 -1780px; } .timeline-icon-001 { width: 25px; height: 7px; background-position: 0 -1804px; } .timeline-icon-002 { width: 25px; height: 7px; background-position: 0 -1811px; } .timeline-icon-003 { width: 25px; height: 6px; background-position: 0 -1818px; } .timeline-icon-004 { width: 25px; height: 6px; background-position: 0 -1824px; } .timeline-icon-005 { width: 25px; height: 6px; background-position: 0 -1830px; } .timeline-icon { width: 25px; height: 7px; background-position: 0 -1838px; } .twitter-001 { width: 24px; height: 24px; background-position: 0 -1843px; } .twitter-002 { width: 25px; height: 24px; background-position: 0 -1867px; } .twitter { width: 25px; height: 24px; background-position: 0 -1892px; } .video-icon-001 { width: 25px; height: 15px; background-position: 0 -1915px; } .video-icon-002 { width: 25px; height: 15px; background-position: 0 -1930px; } .video-icon-003 { width: 24px; height: 15px; background-position: 0 -1945px; } .video-icon-004 { width: 25px; height: 15px; background-position: 0 -1960px; } .video-icon-005 { width: 24px; height: 15px; background-position: 0 -1975px; } .video-icon { width: 25px; height: 15px; background-position: 0 -1990px; } .download-icon { width: 25px; height: 22px; background-position: 0 -2763px; margin-top: 15px; } .lazy-loading, .jscroll-loading{ width: 32px; height: 32px; margin: 0 auto; } .tooltipster-content{ border-radius: 0 !important; padding: 8px !important; line-height: 2rem!important; p { padding: 15px 20px; margin: 0; } img{ width: 20px; height: 20px; margin: 5px; } } /* ========================================================================== Misc ========================================================================== */ .dropdown-menu { border-radius: 0; } .arrow-down { border-left: 5px solid rgba(0,0,0,0); border-right: 5px solid rgba(0,0,0,0); border-top: 8px solid #b2b2b2; float: right; height: 0; margin-right: 15px; margin-top: 25px; width: 0; } mark, .mark { background-color: #ccdeee; padding: 0; } .arrow-left { border-bottom: 4px solid rgba(0,0,0,0); border-right: 9px solid #b2b2b2; border-left: none; border-top: 4px solid rgba(0,0,0,0); float: right; height: 0; margin-right: 15px; margin-top: 23px; width: 0; } .trigger-modal{ border-bottom: 1px dotted; cursor: pointer; } .trigger-modal-icon { display: inline-block; cursor: pointer; } .menumodal.in{ display: block; background-color: rgba(0,0,0,.7); z-index: 9; } .modal-content{ padding: 20px; border-radius: 0; h2{ margin-top:0; } .close{ font-size: 4rem; font-weight: bold; line-height: 1; margin-right: -50px; margin-top: -50px; opacity: 1; color: #fff; } } /* ========================================================================== Header ========================================================================== */ .main-hero .royalSlider.rsDefaultInv .hero-content{ top:10%; } .icon.banner-arrow { width: 24px; height: 13px; background-position: 0 -65px; position: absolute; bottom: 70px; left: 50%; } .menu-burger-mobile { display: block; float: right; left: auto; position: relative; right: 10px; top: 17px; } .print-icon-wrap { padding-left:14px; border-left: solid 1px #595959; } // Header scroll .mobile-divider { width: 1px; height: 40px; background-color: #c0bfbf; padding: 0; float: right; margin: 12px 24px 10px 0; } // Main Nav .nav-wrapper{ position: relative; position: fixed; width:100%; top:65px; left: -100%; right: auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; z-index: 102; } .nav-wrapper{ right: -100%; left: auto; } .nav-wrapper.new-width { right:0; left: auto; } .menu-burger-mobile{ .icon { &.the-burg { width: 31px; height: 29px; background-position: 0 -1107px; &:hover,&.overlaped:hover { background-position: 0 -1136px; } &.overlaped{ background-position: 0 -1107px; } } } } #main-nav { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background: #404040; color: #b2b2b2; position: relative; z-index: 9; padding-right: 15px; width: 100%; font-family: 'metaplusnormal-roman'; .collapsing { margin-left:-30px; padding-left:30px; } &.timelinenav{ z-index: 9999; } &.open{ right: 0 !important; } .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: -15px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(255, 255, 255, 0.8); width: 6px; } .mCustomScrollBox,.mCSB_container{ overflow: visible; } .panel-group { margin-bottom: 10px; } .panel{ border-radius: 0; box-shadow: none; background-color: transparent; .pdf-icon { .download-pdf-icon { background-position: 0 -2476px; } &:hover .download-pdf-icon { background-position: 0 -440px; } } .print-icon { .print-document-icon { background-position: 0 -2513px; } &:hover .print-document-icon { background-position: 0 -1441px; } } .panel-link:hover{ margin-left: -30px; padding-left: 30px; background: url('../img/sprites/panel-stripe.png'); } .panel-link.active{ margin-left: -30px; padding-left: 30px; background: url('../img/sprites/panel-stripe.png'); a { color:#fff; } } .toc-title { .arrow-down, .arrow-left { display: none; } } li .panel-link:hover{ padding-left: 45px; } .chapter-item { list-style: upper-roman; list-style-position: inside; } .chapter-item-list { margin-left: -15px; } .copy{ padding-top: 16px; font-family: 'metaplusnormal-roman'; font-size: 1.2rem; line-height: 1.2rem; p{ margin-bottom: 5px; } } .panel-heading{ min-height: 53px; line-height: 5.3rem; border-top-left-radius: 0; border-top-right-radius: 0; font-family: 'metaplusboldroman'; border-top: 1px solid #595959; padding: 0; margin-top: -1px; a{ padding:0; } &.active-panel, &:not(.pdf-print):hover{ margin-left: -30px; padding-left: 30px !important; background: url('../img/sprites/panel-stripe.png'); a{ color: #fff; } .arrow-left{ border-right-color: #fff; } .arrow-down{ border-top-color: #fff; } } &.pdf-print{ height: auto; text-align: center; padding: 10px 0; .col-sm-6:first-child{ border-right: 1px solid #595959; } a{ font-family: 'metaplusnormal-roman'; display: block; line-height: 2.0rem; } .icon{ float: none; display: block; margin: 5px auto; } } .icon{ float: left; margin-right: 20px; min-width: 25px; } .timeline-icon{ margin-top: 25px; } .map-icon{ margin-top: 15px; } .photos-icon{ margin-top: 15px; } .video-icon{ margin-top: 20px; } .homepage-icon { margin-top: 15px; } .toggle-icon{ line-height: 5.3rem; padding-right: 5px; } } .panel-body { padding: 0; ine-height: 5.4rem; border: medium none !important; } +.panel{ margin-top: 0; } h4{ padding: 0; margin: 0; line-height: 5.3rem; } ul{ margin:0; padding-left: 15px; li{ list-style: none; border-top: 1px solid #595959; margin: 0; min-height: 53px; line-height: 2.3rem; padding: 13px 0; .panel-heading{ border-top:medium none; a{ font-family: 'metaplusnormal-roman'; line-height: 1em; } } } } ol{ margin:0; padding: 0; li{ list-style: upper-roman; list-style-position: inside; line-height: 2.0rem; margin: 0; padding: 15px; a{ line-height: 1.6rem; } &:first-child{ list-style: none; border-top: 1px solid #595959; } } } a{ font-size: 1.6rem; color: #b2b2b2; &:hover,&:focus{ color: #fff; } } } &.navbar-fixed-top{ top:0; } } .header-wrap { background-color:#e6e6e6; width:100%; height:65px; font-family: 'metaplusnormal-roman'; position: fixed; top:0; z-index: 10; &.headroom { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; position: fixed; top: 0; z-index: 102; } &.headroom--pinned { top:0; } &.headroom--unpinned { top: -65px; } } .header-outter { a { color:#808080; &:hover { color:#000; } } .press-release { a { display: block; &:hover { color:#000; } } } li { list-style: none; } .dropdown-menu li { padding-left:0; margin-left:0; margin-bottom: 10px; a:hover { background-image: none; background-color: #e6e6e6; } } } .logo { float:left; img { width:65px; } } .breadcrumbs { float:left; line-height: 65px; padding-left: 20px; font-size:1.6rem; .current-section { font-family: 'metaplusboldroman'; float:left; text-transform: uppercase; } .crumbs { padding: 15px; border-left: solid 1px #bfbfbf; float: left; height: 45px; line-height: 15px; margin: 10px 15px; color:#808080; a { color:#808080; &:hover { color:#000; } &.link-location:hover span { color:#808080; } } } } .press-release, .social-icons, .font-size, .available-in { float:right; padding: 15px; height: 45px; line-height: 15px; margin: 10px 15px; color: #808080; font-size: 1.6rem; } .press-release { margin-left:0; } .available-in { border-right: solid 1px #bfbfbf; margin-right:0; } .font-size { padding-right:0; } .press-release { .icon { margin-top:-3px; width: 17px; height: 21px; float: left; margin-right: 10px; background-position: 0 -2739px; } a:hover .icon { background-position: 0 -418px; } } .social-icons { border-right: none; padding: 15px 0; margin: 5px 5px 0 0; } .icon { margin-right:5px; float:right; &.facebook { width: 25px; height: 24px; background-position: 0 -477px; &:hover { background-position: 0 -501px !important; } } &.twitter { width: 25px; height: 24px; background-position: 0 -1845px; &:hover { background-position: 0 -1869px !important; } } &.email { width: 25px; height: 24px; background-position: 0 -2427px; &:hover { background-position: 0 -2451px !important; } } &.share { width: 22px; height: 24px; background-position: 0 -1782px; &:hover { background-position: 0 -1758px; } } } .share-clear { position: relative; right: 0; .share { position: absolute; right: 0; } } .font-size { border-right:0; padding-left:0; margin-left:0; margin-top: 6px; .icon { margin-right:5px; float:right; &.smaller { width: 9px; height: 10px; background-position: -34px -79px; margin:0; padding:15px; &:hover { background-position: -34px 7px; } } &.larger { width: 12px; height: 13px; background-position: -37px -22px; margin:0; padding:15px; &:hover { background-position: -37px -53px; } } } } /* ========================================================================== Hero ========================================================================== */ .main-hero, .article-hero-text { overflow: hidden; font-family: 'metaplusnormal-roman'; position: relative; .hero-gradient { height:163px; width:100%; background-image: url(../img/hero-gradient.png); background-repeat: repeat-x; position: absolute; bottom:0; } .rsArrow { display: none!important; } h2 { font-family: 'metaplusnormal-roman'; font-size: 2.5rem; text-rendering: optimizelegibility; text-shadow: 1px 1px 5px #000; } h1 { font-family: 'metaplusboldroman'; font-weight: normal; margin-bottom: 10px; text-rendering: optimizelegibility; text-shadow: 1px 1px 10px #000; } .date { font-size: 1.8rem; margin-top: 20px; } &.image-below { .image-below-wrap { position: relative; } .hero-content { top:auto!important; bottom:10%; } } &.no-image { padding-bottom: 30px; h1 { margin-bottom: 10px; font-size: 6.2rem; text-shadow:none; } h2 { text-shadow:none; } .media-options { bottom:auto; a { color:#005aa9; &:hover { color:#000; } } li { .icon.timeline { background-position: 0 -1813px; } .icon.map { background-position: 0 -989px; } .icon.photos { background-position: 0 -1214px; } .icon.video { background-position: 0 -1930px; } &:hover .timeline { background-position: 0 -1826px; } &:hover .map { background-position: 0 -1038px; } &:hover .photos { background-position: 0 -1252px; } &:hover .video { background-position: 0 -1959px; } } } } .media-options { position: absolute; bottom: 10%; right:0; z-index: 2; color: #fff; a { color:#fff; text-decoration: none; &:hover { color:#b3b3b3; } } li { border-bottom: solid 1px #e6e6e6; display: block; padding: 6px 5px; font-size: 1.6rem; letter-spacing: .5px; margin: 0; &.video-option { border-bottom:none; } .icon.timeline { float:left; margin-top: 9px; margin-right: 14px; width: 25px; height: 7px; background-position: 0 -1832px; } .icon.map { float: left; margin-top: 4px; margin-right: 17px; width: 18px; height: 25px; background-position: 0 -964px; margin-left: 4px; } .icon.photos { float:left; margin-top: 2px; margin-right: 14px; width: 24px; height: 19px; background-position: 0 -1196px; } .icon.video { float:left; margin-top: 4px; margin-right: 14px; width: 24px; height: 15px; background-position: 0 -1975px; } &:hover .timeline { background-position: 0 -1838px; } &:hover .map { background-position: 0 -1086px; } &:hover .photos { background-position: 0 -1291px; } &:hover .video { background-position: 0 -1989px; } } } .royalSlider.rsDefaultInv { width: 100%; height: 100%; font-family: 'metaplusnormal-roman'; &.rsFullscreen { background-color: #000 !important; width: auto !important; .rsImg { position: relative; z-index: 99; } .rsGCaption{ bottom: 50px; } } .rsImg { height:auto!important; margin-left:0!important; } .hero-content { position: absolute; z-index: 2; color: #fff; left: 30px; top: 65%; width: auto; h1 { font-size: 7rem; } h2 { font-size:3rem; margin-top: 0; } .date { margin-top: 25px; font-size:1.8rem; font-family: 'metaplusnormal-roman'; } } cite { margin-top: 50px; display: inline-block; color:#bfbfbf; font-size: 1.3rem; position: absolute; bottom: 5%; left: 30px; padding-right: 30px; width: auto; .author { color:#808080; } } } img { width:100%; height:auto; } } .inline .rsDefaultInv.rsFullscreen .rsGCaption { bottom: 130px; width: 80%; } .modal .royalSlider.rsDefaultInv .rsGCaption { bottom: 0px; width: 100%; padding: 0; } .rsDefaultInv.rsFullscreen .rsBtnCenterer { top: 36%; } .photos-modal-2 .royalSlider.rsDefaultInv .rsGCaption, .videos-modal-3 .royalSlider.rsDefaultInv .rsGCaption { bottom: -40px; } .rsDefaultInv.rsWithThumbsHor.contentSlider .rsThumbsHor { display: none; } .modal .royalSlider.rsDefaultInv .rsOverflow { padding: 0px 0 !important; } /* ========================================================================== Content ========================================================================== */ .mobile-cite { display: inline-block; font-size: 1.3rem; padding-right: 30px; width: auto; position: relative; padding-left: 30px; } .table-group { padding-top:15px; } .inline-video { cite { padding-bottom:0px; } } hr.dashed { border-top: dashed 1px #d3d3d3; float: left; width: 100%; } .next { text-align:center; color:#808080; text-transform: uppercase; font-family: 'metaplusnormal-roman'; } .section-title { text-align:center; font-family: 'metaplusboldroman'; } .section-title.section-title-hidden { height: 0; opacity: 0; overflow: hidden; } .next-chapter { padding-top:20px; margin-top: 40px; background-image: url(../img/next-chapter-div.jpg); background-repeat: no-repeat; background-size: 170px 1px; background-position: top center; padding-bottom:30px; font-size: 1.7rem; line-height: 2.7rem; width: 100%; float: left; } .chapter-title { margin-top:50px; } .chapter { text-align: left; border-bottom: solid 2px #000; float:left; clear: right; font-size:2rem; font-weight: bold; } .popovercontenthidden{ display: none; } .popover{ border-radius: 0; border-color: #fff; box-shadow: 0 0 7px 0 #bbb; } .popover-content{ font-size: 1.4rem; clear: both; overflow: hidden; position: relative; padding: 5px 9px; a.icon{ float: left; } } .popover { position: absolute; top: 0; left: 0; z-index: 991060; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #ffffff; background-clip: padding-box; border: 1px solid #ffffff; border-radius: 0px; -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2); white-space: normal; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #cccccc; border-top-color: #ffffff; bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #cccccc; border-right-color: #ffffff; } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #cccccc; border-bottom-color: #ffffff; top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #cccccc; border-left-color: #ffffff; } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; } .qtip-light{ border-color: #eee; box-shadow: 0 0 7px 0 #bbb; .qtip-content{ padding: 10px; font-size: 1.5rem; line-height: 2rem; font-family: 'metaplusnormal-roman'; .hidden{ display: block !important; visibility: visible !important; padding: 10px 20px; strong { font-family: 'metaplusboldroman'; } } } .social-icons{ padding: 0; margin: 0; height: auto; .icon.facebook{ background-position: 0 -476px; } .icon.twitter{ background-position: 0 -1844px; } } } .no-margin-top { margin-top:0; display: inline; } .inline-margin { width:100%; clear: both; margin-bottom:20px; } .no-margin-bottom { margin-bottom:0; display: inline; } .glossary-term{ background-color: #ebebeb; padding: 0 4px; } .summary { font-size:2rem; line-height: 3rem; margin-bottom: 20px; margin-top:0; p:first-child:first-letter { float: left; font-size: 6.6rem; line-height: 5.4rem; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; } } .table { font-family: 'metaplusnormal-roman'; caption { width:100%; background-color:#fafafa; color:#808080; font-size:1.3rem; text-align: left; padding:10px; h5 { text-transform: uppercase; } h6 { font-size:1.6rem; line-height: 2.2rem; } .source { color:#bfbfbf; line-height: 1.7rem; margin-bottom:10px; } } } .table>thead>tr>th { border-bottom:0; font-family: 'metaplusboldroman'; background-color: #e0e0e0; font-weight: normal; border-right: solid 2px #fff; &:last-child { border-right:0; } } .table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tfoot>tr>td { padding: 8px 11px; } .table-condensed > tbody > tr > td { padding: 5px 11px; } tbody { background-color:#fafafa; } tfoot { background-color:#f2f2f2; } .related-coverage { h4 { text-transform: uppercase; padding-bottom: 0; margin-bottom: 5px; } } .related-coverage-wrap.phone{ padding-left:15px; border-left:solid 1px #e6e6e6; line-height: 2rem; a { display: inline; } h3 { display: inline; margin-top:0; } .related-info { display: inline; span { font-family:'metaplusnormalitalic'; } } } .inline { padding:20px 0; .related-coverage-wrap { margin-bottom: 20px; } &.media-inline { margin-top: 8px; } &.video-inline { .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed{ padding-right:0; } .rsFullscreen { .rsGCaption { display: block; } .rsContainer { width: 60%; margin: auto; } } } &.left { float:right; margin-right:0; &.offset-1, &.offset-2, &.offset-3 { margin-left:15px; } } &.right { float:right; margin-left:15px; &.offset-1 { margin-right:0; } &.offset-3 { margin-right:-18.75%; } &.large-inline { margin-left:0; } } &.small-inline, &.medium-inline { width:50%; } .large-inline { margin-left:0; } &.full-inline { width:100%; float:left; &.offset-1 { margin-right:0; } } .blockquote { border-left: 0; padding-left: 0; font-size: 1.5rem; border-top: solid 1px #e6e6e6; padding:0; padding-top: 20px; margin-top: 8px; line-height: 2.3rem; font-family: 'metaplusnormal-roman'; display: block; cite { font-size:1.3rem; color:#808080; display: block; line-height: 1.8rem; margin-top:20px; font-family: 'metaplusnormal-roman'; padding-bottom:30px; border-bottom: solid 1px #e6e6e6; width:100%; float:none; } .quote { font-size: 6rem; color: #808080; float: none; display: block; clear: both; width: 100%; margin-left: -4px; height: 45px; line-height: 74px; &.bottom { display: inline; float:none; clear: none; position: relative; top: 32px; left: 5px; line-height: 0; } } } } .full-width { .related-coverage-wrap { padding-left: 0; border-left: none; } } .royalSlider { &.rsVideoSlider{ width: 470px; height: 260px; } &.rsDefaultInv, &.rsDefaultInv .rsOverflow, &.rsDefaultInv .rsSlide, &.rsDefaultInv .rsVideoFrameHolder, &.rsDefaultInv .rsThumbs { background:transparent; width:100%!important; .rsGCaption{ padding: 0; left:0; position: relative; } } } .audio-player { font-size: 1.3rem; font-family: 'metaplusnormal-roman'; color: #808080; padding: 7px 0 25px; border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; position: relative; #button:hover { height:44px; width:44px; display: block; cursor: pointer; } .icon { &.play { background-color: transparent; background-position: 0 -2004px; border: 0 none; clear: both; float: none; height: 44px; margin: 21px auto 0; width: 44px; &:hover { background-position: 0 -2047px; } } &.down { background-position: 0 -2316px; width: 44px; &:hover { background-position: -0 -2359px; } } } .time { margin-top:20px; text-transform:uppercase; letter-spacing: .5px; strong { font-family: 'metaplusboldroman'; margin-left: 1px; } } .audio-desc-cont { line-height: 1.5em; } .audio-desc { margin-top: 15px; float: none; } } .related-coverage-wrap { font-family: 'metaplusnormal-roman'; color:#808080; font-size:1.3rem; padding-right: 0; padding-left: 0; border-left: none; h3{ text-transform: uppercase; color: #000; } a { font-size: 1.6rem; line-height: 2.2rem; display: block; } .date { font-size: 1.3rem; font-family: 'metaplusnormalitalic'; line-height: 1rem; margin-bottom: 4px; } p { font-size:1.6rem; color:#000; padding-top:5px; line-height: 2.2rem; } } .sub-cap { background-color: #f7f7f7; padding: 15px; margin-top: 25px; margin-left: -15px; margin-right: -15px; } /** * Added by Michael **/ /* ########### these lines are copied from features.hrw.org - I didn't write them ########## */ .container.fluid .container-fluid{ margin-left: -15px; margin-right: -15px; } .container.fluid{ max-width: 1440px; width: 100%; } /* ################################# */ .modal .royalSlider.rsDefaultInv .rsOverflow .rsSlide .rsVideoContainer { width: 100%; .rsImg{ max-width: 100% !important; width: 65% !important; } } .inline-full-width{ .royalSlider.rsDefaultInv{ .rsCaption{ position: relative; } cite{ bottom: 15px !important; } } } .rsVideoContainer{ height: auto !important; } .royalSlider.rsDefaultInv.rsFullscreen .rsBtnCenterer{ top: 50%; } .rsSlide{ height: auto !important; } .rsContainer{ height: auto !important; } .video-inline .rsDefaultInv.rsFullscreen .rsOverflow .rsSlide .rsImg{ height: auto; } .inline .royalSlider.rsFullscreen .rsGCaption{ width: 60% !important; bottom: 0 !important; padding: 0px 10px 10px !important; margin-top: -20px !important; cite{ padding-top: 0 !important; } } .rsVideoContainer{ width: 100% !important; } .modal.photos-modal-2{ overflow: hidden; } .modal.photos-modal-2 .rsDefaultInv.rsWithThumbsHor.contentSlider .rsThumbsHor{ display: block; padding: 0; top: 0; bottom: 0; margin: 120px auto 0; } .modal.photos-modal-2 .modal-content .royalSlider.rsDefaultInv .rsGCaption{ margin: 0 auto; padding: 0; height: 110px; left: 0; bottom: 47px; width: 59%; margin-left: 20.5%; position: absolute; p{ padding: 0 0 0 105px; margin: 0 auto; line-height: 1.35em; } } .modal.photos-modal-2 .rsSlideCount{ bottom: 137px; } .modal .videos-royal.royalSlider.rsDefaultInv .rsOverflow .rsSlide .rsImg{ width: auto% !important; } .share-quote{ position: relative; .rsFullscreenShare{ position: absolute; top: 23px; right: 0; } } .media-inline{ position: relative; .rsFullscreenShare{ position: absolute; opacity: 0; top: 0px; right: 0; background: white; padding: 6px; width: 40px; height: 39px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .share-audio { .rsFullscreenShare{ opacity: 1; } } } .media-inline:hover{ .rsFullscreenShare{ opacity: 1; } } .social-icons-box{ width: 90px; } .modal .rsFullscreenShare{ position: absolute; right: -20px; bottom: 105px; top: auto; width: 40px; height: 40px; float: none; padding: 6px; .icon.share{ position: relative; bottom: 0; right: 0; } } @media (min-width: 992px) { .modal.photos-modal-2.videos-modal{ padding-top: 90px; .modal-dialog .modal-content .close{ margin-top: -80px; } } } .modal.photos-modal-2.videos-modal .modal-content .royalSlider.rsDefaultInv .rsGCaption { width: 65%; margin-left: 17.5%; .rsCaption{ padding: 10px 10px 0; } } @media (min-width: 992px) and (max-width: 1199px) { .modal.photos-modal-2 .modal-content .royalSlider.rsDefaultInv .rsGCaption { width: 75%; margin-left: 12.5%; } .modal.photos-modal-2 .rsDefaultInv.rsWithThumbsHor.contentSlider .rsThumbsHor { width: 75% !important; } .modal.photos-modal-2 .rsSlideCount{ margin-left: -37%; } } @media (min-width: 768px) and (max-width: 991px) { .modal.photos-modal-2 .modal-content .royalSlider.rsDefaultInv .rsGCaption{ width: 86%; margin-left: 7% } .modal.photos-modal-2 .rsSlideCount{ left: 50%; margin-left: -43%; } } @media (min-width: 480px) and (max-width: 767px){ .modal.photos-modal-2{ padding-bottom: 40px !important; } .modal.photos-modal-2 .modal-content .royalSlider.rsDefaultInv .rsGCaption{ width: 100%; margin-left: 0; bottom: 76px; p{ padding-left: 0px; } } .modal.photos-modal-2 .rsSlideCount{ left: 0; margin-left: 0; bottom: -29px; } .modal.photos-modal-2 .rsDefaultInv.rsWithThumbsHor.contentSlider .rsThumbsHor { width: 100% !important; } .modal .rsFullscreenShare{ bottom: -32px; } } @media (max-width: 479px){ .modal.photos-modal-2 .modal-content .royalSlider.rsDefaultInv .rsGCaption{ width: 100%; margin-left: 0; position: relative; bottom: 0; padding-top: 10px !important; padding-bottom: 50px !important; height: auto; p{ padding-left: 0px; } } .modal.photos-modal-2 .rsDefaultInv.rsWithThumbsHor.contentSlider .rsThumbsHor { display: none; } .modal .rsFullscreenShare{ bottom: 30px; right: 22px; } .modal.photos-modal-2 .rsSlideCount{ bottom: 43px; } } @media (max-width: 767px) { .modal.photos-modal-2.videos-modal .modal-content .royalSlider.rsDefaultInv { .rsGCaption{ width: 100%; margin-left: 0; position: relative; bottom: 0; padding-top: 10px !important; padding-bottom: 50px !important; height: auto; p{ padding-left: 0px; } } .rsThumbs{ display: none !important; } } .share-quote .rsFullscreenShare{ top: 43px; } .media-inline > .rsFullscreenShare{ top: 20px; } } /* ========================================================================== Sharing and Fullscreen Styling ========================================================================== */ .rsDefaultInv.rsFullscreen, .modal .royalSlider.rsDefaultInv{ background-color: #000 !important; width: auto !important; max-width: none; margin: auto !important; z-index: 102 !important; .rsOverflow{ float: none; margin: auto; padding: 150px 0 !important; max-width: 1440px; .hero-content{ position: relative; } .rsSlide{ cite{ display: none; } .rsImg{ display: block; margin: auto !important; width: auto !important; max-width: 100% !important; } } .rsFullscreenShare{ background-color: #000; right: 10px; border:medium none; top:auto; bottom: 90px; transition:none; .icon.share { background-position: 0 -2403px; } } .rsFullscreenBtn{ background-color: #000; right: 10px; transition:none; .rsFullscreenIcn{ background-color: #000; background-position: 0 -2089px; } } } .rsGCaption{ background: none repeat scroll 0 0 #000; bottom: -80px; display: block; margin: 0 auto; margin-top:30px; max-width: 1440px; padding: 0 120px; width: 100%; cite{ color: #fff; width: 100% !important; text-align: center; } } } .inline .rsDefaultInv.rsFullscreen .rsGCaption { bottom: 150px; width: 85%; padding: 0 20px; margin-top: 0; } .rsDefaultInv.rsFullscreen .rsOverflow { padding: 60px 0 !important; } .rsDefaultInv .rsFullscreenBtn, .rsDefaultInv .rsFullscreenShare { width:40px; height:40px; background-color:#fff; padding: 6px; z-index: 9; transition: all .5s ease-in-out; } .rsDefaultInv.rsFullscreen .rsOverflow .rsFullscreenShare, .modal .royalSlider.rsDefaultInv .rsOverflow .rsFullscreenShare { bottom: 10px; } .rsDefaultInv .rsCloseVideoBtn { display: none; } .modal .royalSlider.rsDefaultInv{ .rsOverflow{ padding: 0 !important; } } .rsDefaultInv .rsPlayBtn .rsPlayBtnIcon { background-color:transparent; background-position: -2px -2140px; width:72px; height: 72px; transition: none; &:hover { background-color:transparent; background-position: -2px -2215px; } } .rsDefaultInv:hover .rsFullscreenBtn.rsHidden { visibility: visible; } .rsDefaultInv .rsCloseVideoIcn { margin: 0; float: right; border-radius: 0; background-color: #fff; width: 25px; height: 24px; background-position: 0 -259px; margin-top:1px; } .rsDefaultInv:hover .rsFullscreenShare { display: block; opacity: 1; } .rsDefaultInv:hover .rsFullscreenBtn { display: none; opacity: 1; } .rsDefaultInv .rsFullscreenIcn { margin:0; float: right; border-radius: 0; background-color:#fff; width: 25px; height: 24px; background-position: 0 -572px; &:hover { background-position: 0 -548px; background-color:#fff; } } .rsDefaultInv.rsFullscreen .rsFullscreenIcn { background-position: 0 -331px; &:hover { background-position: 0 -307px; background-color:#fff; } } .rsDefaultInv .rsFullscreenBtn{ top: 40px; opacity: 0; } .rsDefaultInv .rsFullscreenShare { cursor: pointer; display: block; position: absolute; right: 0; top: 0; border-bottom: 1px solid #e6e6e6; .icon{ margin-right: 1px; } } .main-hero, .full-inline { .rsDefaultInv .rsFullscreenBtn { display: none!important; } } /* ========================================================================== Timeline ========================================================================== */ #timeline { #storyjs-timeline{ z-index: 8; } .credit{ display: none; } .vco-timeline{ .vco-navigation{ .timenav{ .time{ top: -10px; .time-interval-minor{ top:0; } .time-interval-major{ top:-30px; div{ background-position: left bottom; padding-top: 0; padding-bottom: 20px; } } .time-interval div{ top:-30px; background-position: left bottom; padding-top: 0; padding-bottom: 20px; } } } } } .vco-slider .nav-next .icon { background-image:url(../img/icons/sprite-retina.png); background-size: 45px 2158px; width: 25px; height: 43px; background-position: 0px -3085px; background-size:auto; padding-right: 15px; } .vco-slider .nav-previous .icon { background-image: url(../img/icons/sprite-retina.png); background-size: 45px 2158px; width: 25px; height: 43px; background-position: 0px -1691px; background-size: auto; margin-left: 15px; float: left; } .vco-storyjs h2.start { color: #808080; } .vco-storyjs .vco-feature h1, .vco-storyjs .vco-feature h2, .vco-storyjs .vco-feature h3, .vco-storyjs .vco-feature h4, .vco-storyjs .vco-feature h5, .vco-storyjs .vco-feature h6 { font-family: 'metaplusnormal-roman'!important; } .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow:before, .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow:after { box-shadow: none; } .vco-timeline .vco-navigation .timenav-background { background-color: #e6e6e6; } .vco-notouch .vco-navigation .timenav-background .timenav-indicator { display: none; } .vco-timeline .vco-navigation .vco-toolbar .zoom-in, .vco-timeline .vco-navigation .vco-toolbar .zoom-out, .vco-timeline .vco-navigation .vco-toolbar .back-home { float:left; } .vco-timeline .vco-navigation .timenav .content .marker .flag{ border-left: 5px solid #fff; border-top: 5px solid rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0) !important; height: auto !important; .flag-content{ background-color: #fff; padding: 0 7px 6px 6px !important; h3{ letter-spacing: 0px; font-weight: normal; } } } .vco-timeline .vco-navigation .vco-toolbar { position: absolute; top: 120px!important; left: 48.15%; z-index: 202; background-color: #fff; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 60px; } .back-home { display: none; } .icon { margin-right: 0; margin: auto; width: 18px; background-size: 352px 260px; } .zoom-out { border-left: solid 1px #e6e6e6; } .vco-timeline .vco-navigation .timenav-background .timenav-line { background-color: #005aa9; } .vco-storyjs .vco-feature .slider, .vco-storyjs .vco-feature .vco-slider { box-shadow: none; } .vco-timeline .vco-navigation .timenav .content .marker .flag { background-color: #ffffff; background-image:none; height: 50px; } .vco-storyjs .vco-feature .vco-slider{ padding-bottom: 20px; } .vco-timeline .vco-navigation .timenav .content .marker .line { border-left: dashed 1px #bfbfbf; box-shadow: none; background-color:transparent; } .vco-timeline .vco-navigation .timenav .content .marker .dot { display: none; } .vco-storyjs .timenav h1, .vco-storyjs .flag-content h1, .vco-storyjs .era h1, .vco-storyjs .timenav h2, .vco-storyjs .flag-content h2, .vco-storyjs .era h2, .vco-storyjs .timenav h3, .vco-storyjs .flag-content h3, .vco-storyjs .era h3, .vco-storyjs .timenav h4, .vco-storyjs .flag-content h4, .vco-storyjs .era h4, .vco-storyjs .timenav h5, .vco-storyjs .flag-content h5, .vco-storyjs .era h5, .vco-storyjs .timenav h6, .vco-storyjs .flag-content h6, .vco-storyjs .era h6 { font-family: 'metaplusnormal-roman'!important; } .vco-storyjs .timenav h3, .vco-storyjs .flag-content h3 { letter-spacing: -1px; } .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-frame, .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image img { border:none; } .vco-storyjs .slider-item h3 { font-size: 2.1rem; } .vco-slider .slider-item .content .content-container .text .container h2.date { font-size: 4rem; line-height: 4rem; margin-bottom: 20px; } .nav-container .title{ display: none; } .vco-slider .nav-next .date, .vco-slider .nav-next .title { float: right; margin-top:10px; width: 130px; font-weight: normal; } .vco-slider .nav-previous .date, .vco-slider .nav-previous .title { float: left; width: 130px; margin-top: 10px; font-weight: normal; } .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content .thumbnail img, .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail img { border:none; } .vco-storyjs .thumbnail { width: 30px; height: 30px; } .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content .thumbnail img, .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail img { width: 30px; height: 30px; } .vco-storyjs p { line-height: 2.5rem; } } /* ========================================================================== Modals ========================================================================== */ .modal{ padding:50px 20px; img{ margin-bottom: 30px; } .pop-up-content { font-family: "Times New Roman", Georgia, Serif; padding-left: 15px; } } .timeline-modal, .photos-modal-2, .video-modal { .modal-dialog { width:100%; max-width: 1440px; margin: auto; margin-top:63px!important; } .rsThumb.rsNavSelected img { opacity: 1; } .modal-content { padding:0; background-color: #000; } .modal-content .close { font-size: 4rem; font-weight: bold; line-height: 1; margin-right: 15px; margin-top: -45px; opacity: 1; color: #000; } &.modal { background-color: rgba(0,0,0,1); } .icon.share{ z-index: 103; } } button .modal-close { width: 25px; height: 24px; background-position: 0 -2089px; display: block; &:hover { background-position: 0 -2089px; } } .photos-modal-2, .video-modal { .share { bottom: 20px; right: 20px; position: relative; background-position: 0 -2402px; display: block; cursor: pointer; &:hover { background-position: 0 -1783px; } } .rsFullscreenBtn { display: none; } .rsDefaultInv:hover .rsFullscreenBtn, .rsDefaultInv:hover .rsFullscreenShare { display: none; } .rsDefaultInv .rsThumb.rsNavSelected { background: #000; } } /* ========================================================================== Royalslider ========================================================================== */ .rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn { background-position: 0 -1575px; background-color: transparent; width: 40px; height: 40px; } .inline-full-width { img, .rsVideoContainer { margin-top:0!important; margin-left:0!important; } } .rsDefaultInv.rsWithThumbsHor .rsThumbsArrowLeft, .rsDefaultInv.rsWithThumbsHor .rsThumbsArrowRight { display: none!important; } .rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn { background-position: 0 -873px; background-color: transparent; width: 40px; height: 40px; } .royalSlider.rsDefaultInv.rsgallery1 .rsOverflow { max-height: 580px; } .modal .rsDefaultInv p { background-color: transparent; color: #fff; font-family: 'metaplusnormal-roman'; font-size: 1.3rem; width: auto; text-align: center; position: relative; line-height: 1.4rem; padding: 0px; margin: -40px 0 0; } .photos-modal-2 { .rsDefaultInv .rsArrowIcn { top: 40%; } .icon.share { position: absolute; bottom: -92px; right: 10px; } .rsSlideCount { color: #fff; font-family: 'metaplusnormal-roman'; position: relative; bottom: -95px; left: 10px; font-size: 1.3rem; float: left; } } .rsDefaultInv.rsWithThumbsHor .rsThumbsArrowLeft, .rsDefaultInv.rsWithThumbsHor .rsThumbsArrowRight { background-color: transparent; } .rsDefaultInv.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: 0 -782px; height: 25px; width: 25px; } .rsDefaultInv.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: 0 -1481px; height: 25px; width: 25px; } #gallery-1 { width: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #page-navigation { display: none; } .rsDefaultInv.rsWithThumbsHor.contentSlider { width: 100%; .rsThumbsHor { width: 80% !important; margin: 30px auto; float: none; display: none; } .rsTmb { width:96px; /*height:72px;*/ } } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal { /*margin-left: 10px;*/ /*margin-right: 10px;*/ } .mCustomScrollBox{ /* margin-left: -10px; */ } .contentSlider img { max-width: 100%; height: auto; display: block; } .modal.photos-modal-2 .modal-dialog .modal-content .close .modal-close { background-position: 0 -2089px; } .modal.photos-modal-2 .modal-dialog .modal-content .close { margin-right: 2px; margin-top: -55px; } /* ========================================================================== Custom Columns ========================================================================== */ .col-lg-8 > .col-lg-9 { padding-left:0; } /* ========================================================================== Footer ========================================================================== */ footer { background-color:#e6e6e6; width:100%; margin-top:60px; font-family: 'metaplusnormal-roman'; padding-bottom:40px; .first { float:left; } .footer-wrap { padding-top:40px; } .footer-col{ padding: 0; border-left:medium none; } .footer-social-icons { float:left; } .social-icons { .icon { display: inline-block; float:left; width:25px; height:25px; &.facebook { width: 24px; height: 24px; background-position: 0 -476px; &:hover { background-position: 0 -524px; } } &.twitter { width: 24px; height: 24px; background-position: 0 -1843px; } &.share { width: 22px; height: 24px; background-position: 0 -1756px; } } } .footer-print-icon-wrap { display: none; } .footer-section { padding-bottom: 35px; border-bottom:solid 1px #f3f3f2; &.second { padding-bottom: 10px; padding-left:0; padding-top:30px; } &.third { padding-top:30px; } &.forth { border-bottom:none; padding-left: 0; padding-top: 30px; } } .footer-cap { padding-top:30px; float: left; width: 100%; } .last { padding-right:0; } .copyright { padding-left:0; } h3 { text-transform: uppercase; margin-bottom: 30px; margin-top:0; } .report-thumb { float: left; padding: 0; } .footer-col { float: left; min-height: none; .icon{ float: left; } } .footer-links { text-align: left; padding-left:0; } .report-options { padding-right: 0; a { &:hover { color:#000; text-decoration: none; } } ul { margin-top:0; li { display: block; padding: 5px; font-size: 1.6rem; letter-spacing: .5px; margin: 0; .icon.print { float: left; margin-top: 0; margin-right: 10px; width: 24px; height: 24px; background-position: 0 -1358px; margin-left: 0; } .icon.pdf { float:left; margin-top: 1px; margin-right: 12px; width: 18px; height: 24px; background-position: 0 -356px; margin-left: 4px; } .icon.buy { float: left; margin-top: 3px; margin-right: 10px; width: 24px; height: 19px; background-position: 0 -241px; margin-left: 0px; } &:hover .print { background-position: 0 -1418px; } &:hover .pdf { background-position: 0 -416px; } &:hover .buy { background-position: 0 -222px; } } } } } /* ========================================================================== Media Queries ========================================================================== */ @media (max-width: 480px) { .tooltipster-base{ left:10% !important; right: 10% !important; } .modal{ padding:0; .modal-dialog { margin: 0; .modal-content { margin: 0; border:medium none; .close { margin-right:0; margin-top: 0; .modal-close{ background-position: 0 -259px; } } } } } } @media (max-width: 768px) { .modal .rsGCaption{ padding: 0 !important; } } @media (min-width: 480px) { .modal.photos-modal-2 { padding: 22px 22px 0px; } .modal.photos-modal-2 .modal-dialog .modal-content .close { margin-right: -58px; margin-top: 0px; } .photos-modal-2 .modal-dialog { margin-top:0!important } .rsDefaultInv.rsFullscreen .rsOverflow .rsFullscreenBtn { top: 10px; } .rsDefaultInv.rsFullscreen .rsOverflow { padding: 50px 0 !important; max-width: 1440px; } .modal .royalSlider.rsDefaultInv .rsOverflow { padding: 0px 0 !important; max-width: 1440px; } .rsDefaultInv.rsFullscreen .rsOverflow .rsFullscreenShare { bottom: 10px; } .rsDefaultInv.rsFullscreen .rsOverflow { padding: 90px 0 42px!important; } .inline .rsDefaultInv.rsFullscreen .rsGCaption { bottom: 510px; } .modal{ padding:50px; } .footer-section.third { h3{ padding-top: 15px; } } .current-section { display: block!important; } .rsDefaultInv:hover .rsFullscreenBtn { display: block; } .rsDefaultInv .rsFullscreenShare { opacity: 0; } footer { .footer-section { border-bottom:none; &.first { width:50%; border-bottom:0; float:left; border-right:solid 1px #f3f3f2; } h3 { padding-top:0; } &.second, &.third { width:50%; padding-left: 20px; padding-top:0; } &.third { border-bottom:0; } &.forth { border-top: solid 1px #f3f3f2; margin-top: 20px; } &.footer-cap { border-top:solid 1px #f3f3f2; margin-top:20px; } } } } @media (max-width: 767px){ .menu-burger-mobile,.mobile-divider{ /*display: block !important;*/ } } @media (min-width: 768px) { .modal.photos-modal-2 { padding: 50px; } .modal.photos-modal-2 .modal-dialog .modal-content .close { margin-right: 0; margin-top: -40px; } .modal .royalSlider.rsDefaultInv .rsGCaption { margin-top: 110px; } .modal.photos-modal-2 .royalSlider.rsDefaultInv .rsGCaption { margin-top: 110px; width:60%; } .inline .blockquote { font-size: 2rem; line-height: 2.6rem; } .modal .rsDefaultInv p { background-color: transparent; color: #fff; font-family: 'metaplusnormal-roman'; font-size: 1.3rem; width: auto; text-align: center; position: relative; line-height: 1.4rem; padding: 25px; margin: -80px 0 0; } .photos-modal-2 { .icon.share { display: block; } } .rsDefaultInv.rsFullscreen, .modal .royalSlider.rsDefaultInv .rsGCaption{ bottom: 100px; } .modal { padding:0; } .rsDefaultInv.rsWithThumbsHor.contentSlider .rsThumbsHor { display: block; } .rsDefaultInv.rsFullscreen .rsOverflow .rsSlide .rsImg, .modal .royalSlider.rsDefaultInv .rsOverflow .rsSlide .rsImg { max-width: 60% !important; } .inline.left { float:left; margin-right:15px; &.offset-1, &.offset-2, &.offset-3 { margin-left:0; } } .nav-wrapper{ width:100%; left: -100%; right: auto; } .nav-wrapper.new-width { width: 100%; left:0; } .footer-section.third { h3{ padding-top: 0; } } .royalSlider.rsDefaultInv .rsThumbs, .rsThumbsContainer, .rsThumbsHor { display: block; } .main-hero .royalSlider.rsDefaultInv cite, .article-hero-text .royalSlider.rsDefaultInv cite { bottom: 20%; width:40%; } .main-hero.no-image, .article-hero-text.no-image { padding-bottom: 50px; padding-top: 30px; } .rsThumbsHor { display: block; padding-left: 3px; padding-right: 3px; } .sub-cap { padding: 15px 25px; } .related-coverage-wrap { border-left: solid 1px #f2f2f2; padding-left: 15px; } .sub-cap { margin-left:0; margin-right:0; } .inline { padding:0; &.left { &.offset-1 { margin-left:0px; } } &.right { &.offset-1 { margin-right:0px; } &.large-inline { margin-left: 15px; } } &.small-inline { width:173px; } &.medium-inline { width:220px; } &.large-inline { width:362px; } &.full-inline { width:644px; float: left; margin-bottom: 15px; &.offset-1 { margin-left:6.25%; } } } .nav-wrapper.new-width { width:380px; } .menu-burger { height: 26px; position: absolute; right: -54px; top: 20px; width: 28px; z-index: 99; .icon { &.the-burg { width: 31px; height: 29px; background-position: 0 -1109px; &:hover,&.overlaped:hover { background-position: 0 -1138px; } &.overlaped{ background-position: 0 -1167px; } } } } .nav-wrapper { width: 385px; left: -320px; } #main-nav { width: 320px; } .navbar-fixed-top{ left: auto; right: auto; } .col-lg-offset-3, .col-lg-6 { padding-left: 15px; } .main-hero .royalSlider.rsDefaultInv .hero-content { top: 0; h1 { font-size:5rem; } } .footer-border-bottom { border-bottom:solid 1px #f3f3f3; } .menu-burger-mobile { display: block; float: right; left: auto; position: relative; right: 10px; top: 17px; } .royalSlider img, .royalSlider .rsVideoContainer { /*width:100%!important;*/ } .audio-player { margin-bottom: 30px; } .related-coverage { h4 { padding-bottom: 0; margin-bottom: 5px; } } footer { .footer-section { &.first { float: left; } &.third { border-bottom: 0; padding-top: 40px; } } .footer-col { padding: 0; border-left: none; } .copyright { font-size: 1.6rem; } .footer-share { padding-top:30px; } } #timeline { .nav-next, .nav-previous { display: none!important; } .vco-slider .slider-item .content .content-container .text .container h2.date { font-size: 3rem; line-height: 0rem; margin-bottom: 20px; } .vco-slider .slider-item .content .content-container .text { width: 100%!important; float: left; clear: both; max-width: none!important } .vco-storyjs h2.start { color: #808080; text-align: center!important; width:100%!important; } .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image img { max-width: 100%!important; } } .photos-modal-2 { .rsSlideCount { position: absolute; bottom: 133px; left: 99px; } .icon.share { position: absolute; bottom: 134px; right: 100px; } } .modal .royalSlider.rsDefaultInv .rsOverflow .rsSlide .rsImg { max-width: 100% !important; } .rsDefaultInv.rsWithThumbsHor.contentSlider .rsTmb { width: 82px; height: 46px; } .rsDefaultInv .rsThumb { width: 82px; height: 46px; } .modal .rsThumbsContainer img { margin-bottom:0; } .modal .rsDefaultInv .rsThumbsHor { height: 42px; } .modal .rsNavItem.rsThumb { margin-right:10px!important; } .rsDefaultInv.rsWithThumbsHor.contentSlider .rsThumbsHor { width: 86% !important; } .rsDefaultInv.rsFullscreen .rsOverflow .rsSlide .rsImg { max-width: 100% !important; } .rsDefaultInv.rsFullscreen .rsOverflow { padding: 90px 0 42px!important; } .inline .rsDefaultInv.rsFullscreen .rsGCaption { bottom: 100px; width: 80%; } .rsDefaultInv.rsFullscreen .rsOverflow .rsFullscreenShare { bottom: 50px; } .rsDefaultInv.rsFullscreen .rsOverflow .rsFullscreenBtn { top: 10px; } .rsDefaultInv.rsFullscreen .rsOverflow .rsFullscreenBtn { right: 3px; } } /* Medium devices (desktops, 992px and up) */ @media (min-width: 991px) { .footer-section.third { h3{ padding-top: 0; } border-left:solid 1px #f3f3f2; } .inline { &.left { &.offset-2 { margin-left:-126px; } } &.right { &.offset-2 { margin-right:-126px; } } &.full-inline { width: 100%; &.offset-2 { margin-left:-126px; } } } .main-hero .royalSlider.rsDefaultInv .hero-content { top: 20%; } .main-hero .royalSlider.rsDefaultInv .hero-content { h1 { font-size: 6rem; } h2 { font-size: 2.5rem; } } .main-hero .royalSlider.rsDefaultInv cite { width: 60% } .sub-cap { margin-left: 0; margin-right: 0; } footer .footer-section { &.first, &.second, &.third { width:33.333%; border-bottom:0; min-height: 238px; } } .footer-links { text-align: right; } footer .footer-section.third { padding-top: 0; } .modal .royalSlider.rsDefaultInv .rsOverflow .rsSlide .rsImg { max-width: 70% !important; } .rsDefaultInv.rsFullscreen .rsGCaption, .modal .royalSlider.rsDefaultInv .rsGCaption { padding: 0 270px; } .modal.photos-modal-2 .royalSlider.rsDefaultInv .rsGCaption { padding: 0 200px; } .rsDefaultInv.rsWithThumbsHor.contentSlider .rsThumbsHor { width: 59% !important; } .modal .royalSlider.rsDefaultInv .rsGCaption { margin-top: 60px; } .photos-modal-2 { .rsSlideCount { position: absolute; bottom: 133px; left: 50%; margin-left: -29.5%; } .icon.share { position: absolute; bottom: 134px; right: 180px; } } .modal .rsDefaultInv p { padding: 12px 25px 25px; margin: -71px 0 0; } .rsDefaultInv.rsFullscreen .rsOverflow .rsFullscreenBtn { top: 10px; } .rsDefaultInv.rsFullscreen .rsOverflow .rsSlide .rsImg { /*max-width: 70% !important;*/ } .rsDefaultInv.rsFullscreen .rsOverflow { float: none; margin: auto; padding: 42px 0 !important; max-width: 1440px; } .inline .rsDefaultInv.rsFullscreen .rsGCaption { bottom: 100px; padding: 0 20px; width: 60%; } .rsDefaultInv.rsFullscreen .rsOverflow .rsFullscreenShare { right: 180px; bottom: 49px; } .modal.photos-modal-2 .royalSlider.rsDefaultInv .rsGCaption { padding: 0; } } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .inline { &.left { &.offset-3 { margin-left: -192px; } } &.right { margin-left: 30px; &.offset-2 { margin-right:-200px; } &.lg-offset-1 { margin-right:-100px; } } &.large-inline { width:470px; } &.medium-inline { width: 270px; } .related-coverage-wrap { img { width:60%; } } } .nav-wrapper { position: relative; position: fixed; width: 65px; top: 65px; left: 0; right: auto; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; overflow: hidden; z-index: 102; } #main-nav { left: -300px; width: 300px; &.open { right: auto !important; left: 0 !important; } } .nav-wrapper.new-width { width: 360px; } blockquote.left { margin-bottom:0; } .main-hero .royalSlider.rsDefaultInv .hero-content { top: 50%; } footer { .footer-col { min-height: 175px; } .footer-links { text-align: right; } .footer-print-icon-wrap { display: block; } } .main-hero .royalSlider.rsDefaultInv cite, .article-hero-text .royalSlider.rsDefaultInv cite { bottom:5%; } .rsDefaultInv.rsFullscreen .rsOverflow .rsSlide .rsImg, .modal .royalSlider.rsDefaultInv .rsOverflow .rsSlide .rsImg { max-width: 60% !important; } .video-inline .rsDefaultInv.rsFullscreen .rsOverflow .rsSlide .rsImg { max-width: 100% !important; } #timeline .vco-slider .slider-item .content .content-container .text .container h2.date { margin-bottom: 10px; } .modal .royalSlider.rsDefaultInv .rsOverflow .rsSlide .rsImg { max-width: 65% !important; } .photos-modal-2 { .rsSlideCount { position: absolute; bottom: 133px; left: 50%; margin-left: -29.5%; } .icon.share { position: absolute; bottom: 134px; right: 270px; } } .rsDefaultInv.rsFullscreen .rsOverflow .rsFullscreenShare { right: 280px; } .rsDefaultInv.rsFullscreen .rsGCaption { width: 50%; } .inline .rsDefaultInv.rsFullscreen .rsGCaption { bottom: 200px; } .rsDefaultInv.rsFullscreen .rsOverflow .rsFullscreenShare { bottom: 147px; } .modal.photos-modal-2 { padding: 50px 50px 0; } .modal.photos-modal-2 .royalSlider.rsDefaultInv .rsGCaption { width: 50%; } .modal.photos-modal-2 .royalSlider.rsDefaultInv .rsVideoFrameHolder { width:65%!important; margin: auto; float:none; left: 17.5%; } } /* ========================================================================== Timeline ========================================================================== */ .panel-copy { border-top: solid 1px #595959; } #main-nav .panel .copy { padding-top: 0; } #main-nav .panel .copy p { margin-bottom: 5px; margin-top: 5px; } #timeline .media-image img { width:100%; } #timeline .vco-storyjs .vco-container.vco-main { padding-bottom:0; } #timeline .nav-next, #timeline .nav-previous { display: none!important; } #timeline .vco-slider .nav-previous, .vco-slider .nav-next { z-index: 9999!important; } #timeline .vco-slider .nav-next .icon { background-size: 75px 2811px; background-position: 0px -1501px; } #timeline .vco-slider .nav-previous .icon { background-size: 75px 2811px; background-position: 0px -801px; } .timeline-template .menu-burger { transition: all .3s ease-in-out; } .timeline-template .new-width .menu-burger { right: -50px; } .timeline-template .header-wrap { z-index: 103; } #timeline .vco-slider .nav-next .date, #timeline .vco-slider .nav-next .title, #timeline .vco-slider .nav-previous .date, #timeline .vco-slider .nav-previous .title { width: auto; } #timeline .vco-skinny .vco-slider .slider-item .content .layout-text-media h2, .vco-skinny .vco-slider .slider-item .content .layout-text-media h3 { text-align: left!important; } #timeline .vco-skinny .vco-slider .slider-item .content .layout-text-media .text .container { text-align: left !important; } #timeline .vco-skinny .vco-slider .slider-item .content .layout-text-media h2, #timeline .vco-skinny .vco-slider .slider-item .content .layout-text-media h3 { text-align: left !important; } #timeline .timenav-interval-background { display: none; } #timeline .vco-slider .nav-previous .date, #timeline .vco-slider .nav-next .date { text-transform: capitalize!important; font-family: 'metaplusnormal-roman' !important; letter-spacing: -.5px; width: 100px!important; } #timeline .vco-storyjs .vco-feature h3 { font-family: 'metaplusboldroman'!important; } #timeline .vco-slider .nav-next .icon { background-position: 0px -2553px; } #timeline .vco-slider .nav-next:hover .icon{ background-position: 0px -2599px; } #timeline .vco-slider .nav-previous .icon { background-position: 0px -2645px; } #timeline .vco-slider .nav-previous:hover .icon{ background-position: 0px -2691px; } #timeline .vco-storyjs p, #timeline .vco-storyjs blockquote, #timeline .vco-storyjs blockquote p, #timeline .vco-storyjs .twitter blockquote p { font-family: 'iowan'!important; } @media (min-width: 768px) { #timeline .nav-next, #timeline .nav-previous { display: block!important; } #timeline .vco-slider .slider-item .content .content-container .text .container h2.date { font-size: 3rem; line-height: 3rem; margin-bottom: 3px; margin-top: 20px; padding: 0; } #timeline .vco-storyjs h2.start { padding-top: 20px; } .timeline-template .nav-wrapper { overflow: visible; left:-390px !important; } .timeline-template .menu-burger { right: -124px; } .timeline-template .storyjs-embed.full-embed { height:900px!important; } } @media (min-width: 1024px) { #main-nav .panel .panel-heading.active-panel, #main-nav .panel .panel-heading.active-panel:hover { margin-left: -9px; padding-left: 26px !important; } #main-nav .panel .panel-link:hover { margin-left: -24px; padding-left: 24px; } #main-nav .panel .panel-heading.active-panel, #main-nav .panel .panel-heading:not(.pdf-print):hover { margin-left: -9px; padding-left: 21px !important; } #main-nav .panel .panel-heading { padding-left: 12px; } #main-nav .panel .panel-heading.pdf-print { height: auto; text-align: center; padding: 20px 10px; } .nav-wrapper.new-width { right: 0; left: auto; width: 320px; } .nav-wrapper { width: 385px; right: -385px; left: auto; } .menu-burger { display: none; } .menu-burger-mobile { display: block!important; } .mobile-divider { display: block!important; } .press-release { display: block!important; } #timeline .vco-slider .slider-item .content .content-container .text { padding: 20px 0; } .timeline-template .nav-wrapper { right: -390px; left: auto; } .timeline-template .nav-wrapper.new-width { right: 0; left: auto; width: 320px; } .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow { position: relative; z-index: 1; background: #fff; margin-top: 40px; } } @media (min-width: 1200px) { .menu-burger { display: block; } .nav-wrapper.new-width { right: 0; left: 0; width: 370px; } .nav-wrapper { right: auto; left: -300px; } #main-nav { left: 0px; width: 300px; } .menu-burger-mobile { display: none!important; } .mobile-divider { display: none!important; } .timeline-template .nav-wrapper.new-width { left: 0; right: auto; width: 350px; } #timeline .vco-slider .slider-item .content .content-container .text { width: 50%!important; min-width: 120px; display: table-cell; vertical-align: middle; clear: none!important; } #timeline .vco-slider .slider-item .content .content-container .media { width: 50%!important; } #timeline .vco-storyjs h2.start { text-align: left!important; } #timeline .vco-slider .slider-item .content .content-container.layout-text .text { width: 70%!important; padding: 0 15%!important; } .timeline-template .nav-wrapper { overflow: visible; left: -70px; right: auto; } .timeline-template .menu-burger { right: -124px; } .timeline-template .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow { margin-top: 0; } }