/****************************************************************************** DO NOT EDIT THIS FILE. It is compiled from other sources and any changes here will be overwritten ******************************************************************************/ @charset "UTF-8"; @import url("//fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic"); @font-face { font-family: 'Helam Slab'; src: url("/cdn2/common/fonts/helam/20141031/Helam Slab GWebExt Light.woff") format("woff"); font-weight: 200; font-style: normal; } @font-face { font-family: 'Helam Slab'; src: url("/cdn2/common/fonts/helam/20141031/Helam Slab GWebExt Regular.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Helam Slab'; src: url("/cdn2/common/fonts/helam/20141031/Helam Slab GWebExt Italic.woff") format("woff"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Gideon'; src: url("/cdn2/common/fonts/gideon/20150127/gideon.eot"); src: url("/cdn2/common/fonts/gideon/20150127/gideon.eot?#iefix") format("embedded-opentype"), url("/cdn2/common/fonts/gideon/20150127/gideon.woff") format("woff"), url("/cdn2/common/fonts/gideon/20150127/gideon.ttf") format("truetype"), url("/cdn2/common/fonts/gideon/20150127/gideon.svg#Gideon") format("svg"); font-weight: normal; font-style: normal; } /* @group basics */ h2 { color: #2a3753; font: 24px/26px "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; margin-bottom: 10px; } h3 { color: #3C424E; font: 18px/20px "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; margin-bottom: 10px; } h4 { font-size: 14px; line-height: 16px; margin-bottom: 10px; font-weight: bold; } h5, h6 { font-size: 13px; line-height: 15px; margin-bottom: 10px; font-weight: bold; } p { line-height: 170%; margin-bottom: 20px; font-size: 18px; } /* * p:last-child {margin-bottom: 0;} */ strong, b, .strong { font-weight: bold; } em, i, .emphasis, .bio, .clarityWord { font-style: italic; } sup { font-size: 10px; vertical-align: super; line-height: 1; } sub { font-size: 10px; vertical-align: sub; line-height: 1; } hr { border: none; border-top: 1px solid #D4D1C8; height: 1px; margin: 25px 0 18px; padding: 0; } /* @end basics */ /* @group side nav */ #platform-canvas-nav { position: relative; } #platform-canvas-nav h2 { width: 132px; margin: 40px 0 13px; padding: 0; color: #000; font: 20px/23px "Open Sans", "Zoram ldslat", "noto sans", Helvetica, Arial, sans-serif; } #platform-canvas-nav h2 a { text-decoration: none; } #platform-canvas-nav hr { width: 75px; margin: 0 0 6px; *margin-bottom: 0; padding: 0; display: block; float: left; border: none; border-bottom: 1px solid; } #platform-canvas-nav > ul, #platform-canvas-nav > nav > ul { width: 135px; margin: 0; padding: 0; display: block; clear: both; font: 13px/16px "Open Sans", "Zoram ldslat", "noto sans", Helvetica, Arial, sans-serif; } #platform-canvas-nav > ul > li, #platform-canvas-nav > nav > ul > li { border-bottom: 1px solid #e6e6e6; } #platform-canvas-nav ul a, #platform-canvas-nav ul div { color: #737373; text-decoration: none; padding: 12px 10px 12px 0; display: block; font-weight: 400; } #platform-canvas-nav a:hover { color: #0091bc; } #platform-canvas-nav ul li.active > a { font-weight: 600; color: #333; zoom: 1; position: relative; } #platform-canvas-nav ul li.active > a:after { font-family: gideon; content: "\ea18"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -8px; } #platform-canvas-nav > ul ul, #platform-canvas-nav > nav > ul ul { margin: 0 0 20px 10px; font-size: 12px; } #platform-canvas-nav > ul ul a, #platform-canvas-nav > nav > ul ul a { padding: 6px 10px 6px 0; } /* @end side nav */ /* @group content */ #content { background: #fff; position: relative; padding-bottom: 50px; /* added for feedback banner */ min-height: 500px; zoom: 1; } /* #content:before, */ #content:after { content: ""; display: block; width: 100%; position: absolute; top: 0; left: 0; height: 30px; z-index: 0; } #content:after { top: auto; bottom: 0; /* border:1px solid red; */ -webkit-transform: rotate(180deg); transform: rotate(180deg); } #content.tan-header #details { border-bottom: 1px solid #e6e6e6; } #content.tan-header #primary { min-height: 725px; padding-top: 30px; } /* @end content */ /* @group details */ #details { padding: 35px 3.712871287129% 55px 5.569306931%; position: relative; display: block; *z-index: 1; zoom: 1; /* ie7 fix */ } .two-col #details { padding-left: 4.6875%; } #details .filed-under { display: block; float: left; font-size: 11px; text-transform: uppercase; color: #696969; margin-bottom: 35px; zoom: 1; /* ie7 fix */ } #details .filed-under > li { float: left; padding: 2px 0px 3px 11px; margin-left: 4px; background: url(../../images/common/divider-breadcrumb.png) no-repeat left center; position: relative; } #details .filed-under > li:first-child { padding-left: 0; margin-left: 0; background: none; } #details .filed-under a { text-decoration: none; padding: 0 4px; color: #0091bc; } #details .filed-under a:hover { text-decoration: underline; } #details .filed-under .active { padding: 0 4px; } #details .filed-under a.home { background: transparent url(../../images/common/icon-home.png) no-repeat center top; text-indent: -999em; width: 30px; height: 16px; padding: 0; display: block; overflow: hidden; } /* @group breadcrumb dropdowns */ #details .filed-under > li:hover { position: relative; z-index: 1; } #details .filed-under > :hover > a.home, .dropdown > :hover > a.share { text-decoration: none; display: block; position: relative; z-index: 3; } #details .filed-under ul { border: 1px solid #908972; position: absolute; left: -999em; top: 28px; z-index: 2; margin: 0; padding: 10px 0; list-style: none; width: 185px; background: #ffffff; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3); } #details .filed-under > :hover > ul { left: -8px; } #details .filed-under li li { display: block; float: none; background: none; font-size: 12px; line-height: 16px; } #details .filed-under li li.dropdown-triangle { background: url(../../images/common/breadcrumb-dropdown-triangle.png) no-repeat 10px top; position: absolute; top: -12px; left: 0; width: 100%; } #details .filed-under li li a, #details .filed-under li li .active { color: #696969; display: block; zoom: 1; /* ie7 fix */ text-decoration: none; padding: 5px 18px 6px 15px; margin: 0; } #details .filed-under li li a:hover { text-decoration: none; } /* @end breadcrumb dropdowns */ /* @group dropdown */ ul.dropdown { margin: 0; } .tools.dropdown a:hover { color: #3b4b6d; text-decoration: none; } ul.dropdown > li { position: relative !important; margin: 0; } ul.dropdown > li > ul { display: block; position: absolute; z-index: 10; border: 1px solid #908972; left: -999em; top: 28px; *top: 32px; margin: 0; padding: 10px 0; list-style: none; width: 140px; background: #ffffff; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.6); } ul.dropdown > li:hover > ul { left: 0; } ul.dropdown > li > ul li { display: block; margin: 0 !important; padding: 0 !important; background: none; } ul.dropdown li li a { display: block; zoom: 1; /* ie7 fix */ padding: 5px 18px 6px 15px !important; margin: 0; } .dropdown li li.dropdown-triangle { background: url(../../images/common/breadcrumb-dropdown-triangle.png) no-repeat 10px top; position: absolute; top: -12px; left: 0; width: 100%; } /* @end dropdown */ #details h1 { color: #333; font-family: "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; font-size: 60px; line-height: 110%; font-weight: 200; width: 68.069306930693%; clear: both; } #details h1 .dominant { font-family: "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; font-size: 48px; line-height: 54px; } #details h1 a { color: #2f393a; } #details h1 span.conf-date { font-family: "OFLSortsMillGoudyItalic", "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; font-size: 25px; line-height: 23px; margin-left: 10px; } #details h1 img.img-decor { float: left; margin: 0 15px 10px 0; } #details h3 { font: 20px/22px "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; margin: 7px 0 0; } #details .select-menu, #details .select, #details .lds-select { position: relative; float: right; } #details #search + .select-menu, #details .select-menu + .select-menu { margin-top: 15px; clear: right; } #details .sub-detail { width: 66.030013642565%; padding-right: 33.969986357435%; position: relative; clear: both; } #details .sub-detail .controls { top: -40px; bottom: auto; } .select-menu { position: relative; display: block; } .select-menu-button { display: block; position: relative; z-index: 2; margin: 0 !important; padding: 4px 14px; -webkit-filter: none !important; filter: none !important; } .select-menu-button > span { display: block; padding-right: 24px; background: url(../../images/common/button-list.png) no-repeat right center; } .select-menu-list { position: absolute; *top: 20px; left: 0; z-index: 1; background-color: #e6e6e6; border: 4px solid #fff; box-shadow: 0px 1px 4px #777; font-size: 12px; line-height: 14px; display: none; margin: 0 8px !important; list-style: none !important; max-height: 290px; min-width: 150px; overflow: auto; zoom: 1; } #secondary .select-menu-list { *top: 40px; } /*#conference-selector, removed for LDSORG-3196 and an un-logged bug with other dropdown selectors*/ #broadcast-selector { z-index: 1; } #clang-selector { z-index: 0; } .select-menu-list li a { color: #5C5C5C; display: block; line-height: 14px; padding: 9px 20px; text-decoration: none; } .select-menu-list li a:hover { background: #ffffff url(../../images/common/arrow-4x7-a4a39e.png) no-repeat 10px center; } .select-menu-list li.active a, .select-menu-list li.active a:hover { background: url(../../images/common/arrow-4x7-fff.png) no-repeat 10px center; color: #fff; } #details .author { margin-top: 5px; } #details .author p { font-size: 14px; line-height: 120%; margin-bottom: 5px; } #details h2.sub-title { color: #737373; font-size: 18px; line-height: 130%; font-weight: 200; text-transform: none; margin-top: 10px; width: 484px; } #details blockquote { color: #333; font: 26px/28px "Open Sans", "Zoram ldslat", "noto sans", Helvetica, Arial, sans-serif; margin: 15px 0; width: 484px; } #details blockquote p { font: 26px/28px "Open Sans", "Zoram ldslat", "noto sans", Helvetica, Arial, sans-serif; } #details blockquote cite { font-size: 12px; text-transform: uppercase; color: #8d8a81; } #details hr { width: 225px; height: 7px; border: none; border-top: 7px solid; float: left; margin-top: 30px; display: block; clear: both; } #details .full-width { width: 733px; overflow: hidden; margin: 15px 0 0; } #details #search { float: right; margin: 20px 0 0 0; clear: both; } .view-toc { background: url(../../images/common/arrow-sprite-81a124.png) no-repeat 0 -24px; display: inline-block; font-size: 16px; padding-left: 12px; margin-top: 30px; } /* @end details */ /* @group primary */ #primary { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 30px; background: rgba(255, 255, 255, 0.01); /* makes it so that the tan background color doesn't get copied */ } .two-col #primary { width: 70.35%; padding: 0 3.125% 0 4.6875%; float: left; } .narrow #primary { /* width: auto; */ padding: 0 3.712871287129% 0 5.569306930693%; float: left; } .narrow .two-col #primary { width: 69.306930693069%; padding: 0 5.569306930693%; float: left; } .narrow .two-col.wide-sash #primary { width: 64.356435643564%; } /* @group pagination */ .pagination { margin-bottom: 45px; float: left; } .pagination a, .pagination .prev, .pagination .next, .pagination .break, .pagination .current { padding: 2px 5px; margin: 0 5px 0 0; color: #798594; display: inline-block; font-size: 13px; line-height: 13px; font-weight: normal; } .pagination a:hover { text-decoration: none; } .pagination .prev, .pagination .next { background-image: url(../../images/common/arrows-sprite-20x298.png); background-repeat: no-repeat; } .pagination span.current { background-image: url(../../images/common/braces-sprite.png); background-position: left -528px; padding: 0 0 0 12px; background-repeat: no-repeat; vertical-align: baseline; } .pagination span.current-right { background-image: url(../../images/common/braces-sprite.png); background-position: right -561px; padding: 5px 12px 5px 0; background-repeat: no-repeat; display: inline-block; } .pagination a.prev { background-position: left -529px; padding-left: 21px; font-style: italic; color: #3c424e; } .pagination span.prev { background-position: left -303px; padding-left: 21px; font-style: italic; color: #bab9b7; } .pagination a.next { background-position: right -203px; padding-right: 21px; font-style: italic; color: #3c424e; } .pagination span.next { background-position: right -278px; padding-right: 21px; font-style: italic; color: #bab9b7; } .pagination .current { color: #85a7dd; } .pagination a:hover { color: #85a7dd; } .pagination a { text-decoration: underline; } .pagination a.prev, .pagination a.next { text-decoration: none !important; } .pagination .break { background: none; color: #798594; padding: 0; } .pagination a + .total-results { margin-left: 40px; } /* @end pagination */ #primary .results-per-page { float: right; color: #7d7b77; font-size: 11px; } #primary .results-per-page .select-menu { display: inline; margin-left: 5px; z-index: 3; } #primary .results-per-page .select-menu .select-menu-button span { min-width: 30px; display: inline-block; } #primary .results-per-page .select-menu .button, #primary .results-per-page .select-menu .select-menu-list { font-size: 11px; } .view-all { margin-top: 20px; float: left; } .view-all a { color: #3c424e; font-family: "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; font-size: 15px; font-style: italic; } .view-all a:hover { color: #000000; } .view-all + .pagination { margin-top: 20px; float: right; } /* @group Prev Next */ .prev-next { background: #0091bc; border-radius: 3px; float: left; } #primary .prev-next { clear: both; } #details .prev-next { float: right; } .prev-next li { display: block; float: left; } .tool-arrow + .tool-arrow { display: none; } .prev-next li + li { border-left: 1px solid #ffffff; } .prev-next a { color: #ffffff; text-transform: uppercase; font-family: "Open Sans", "Zoram ldslat", "noto sans", Helvetica, Arial, sans-serif; font-size: 9px; letter-spacing: 0.5px; padding: 7px 10px; display: block; text-decoration: none; } .prev-next .prev a:before { content: '\ea16'; font-family: gideon; } .prev-next .next a:after { content: '\ea18'; font-family: gideon; } /* @end Prev Next */ /* @end primary */ /* @group map view */ #content.has-map #bottom-gradient { background: none; } #map-view { background-color: #FFFFFF; padding-top: 8px; } /* @end map view */ /* @group secondary */ #secondary { width: 29.5%; float: left; position: relative; /*background: url(../../images/common/sidebar-shadow-tan-middle.png) repeat-y left top;*/ color: #706f6b; font-size: 12px; line-height: 18px; margin-top: -15px; border-left: 1px solid #E9E9E9; } #secondary p { font-size: 12px; margin-bottom: 20px; } .narrow #secondary { width: 30.569306930693%; } .narrow .two-col.wide-sash #secondary { width: 35.519801980198%; } /*#secondary #top-shadow {background: url(../../images/common/sidebar-shadow-tan-top.png) no-repeat 0 -30px;}*/ #secondary #bottom-shadow { /*background: url(../../images/common/sidebar-shadow-tan-bottom.png) no-repeat left bottom;*/ min-height: 100px; padding: 1px 10.67615658363% 120px; } #secondary #bottom-shadow > div { padding-bottom: 20px; margin-bottom: 20px; } #secondary #bottom-shadow > div:first-child { padding-top: 16px; } #secondary-gradient #ml-shadow > div { margin-bottom: 12px; padding-bottom: 12px; } /* @group tools */ .tools a { color: #737373; } .tools a:hover { text-decoration: none; } .tools .watch, .tools .listen, .tools .print, .tools .email, .tools .share, .tools .download, .tools .hide-footnotes, .tools .export { font-size: 14px; padding: 9px 0; display: block; } .tools .watch:before, .tools .listen:before, .tools .print:before, .tools .email:before, .tools .share:before, .tools .download:before, .tools .hide-footnotes:before, .tools .export:before { font-family: "Gideon"; margin-right: .7em; } .tools .gallery, .tools .subscribe, .tools .favorite, .tools .tag, .tools .search, .tools .notebook, .tools .help, .tools .low-band, .tools .info, .tools .map, .tools .map-pin { display: inline-block; padding: 5px 0 5px 25px; color: #514e45; font-size: 14px; line-height: 19px; text-decoration: none; position: relative; } .tools .gallery:before, .tools .subscribe:before, .tools .favorite:before, .tools .tag:before, .tools .search:before, .tools .notebook:before, .tools .help:before, .tools .low-band:before, .tools .info:before, .tools .map:before, .tools .map-pin:before { content: ''; width: 25px; height: 25px; background-image: url(../../images/common/tool-icons.png); background-repeat: no-repeat; position: absolute; left: 0; top: 0; } .tools .gallery:before { background-position: -5px -656px; } .tools .watch:before { content: '\ed04'; } .tools .listen:before { content: '\ed01'; } .tools .print:before { content: '\ee08'; } .tools .email:before { content: '\ee07'; } .tools .share:before { content: '\ec04'; } .tools .download:before, .tools .export:before { content: '\ea1c'; } .tools .subscribe:before { background-position: -5px -175px; } .tools .favorite:before { background-position: -5px -205px; } .tools .tag:before { background-position: -5px -295px; } .tools .search:before { background-position: -5px -353px; } .tools .notebook:before { background-position: -5px -266px; } .tools .hide-footnotes:before { content: '\ea00'; } .tools .help:before { background-position: -5px -472px; } .tools .low-band:before { background-position: -5px -505px; } .tools .info { background: url(../../images/common/icon-info.png) no-repeat 0 3px; } .tools .map { background: url(../../images/common/icon-map.png) no-repeat 0 3px; } .tools .map-pin { background: url(../../images/common/icon-map-pin.png) no-repeat 7px 7px; } .controls .tools .share { background-position: -5px -113px; color: #336699; font-size: 12px; } .photo-main .tools a { color: #fff; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; padding-left: 27px; text-decoration: none; } .download-list, .share-list, .notebook-list { display: none; } .download-list a, .share-list a, .notebook-list a { text-decoration: none; } .download-list a:hover, .share-list a:hover, .notebook-list a:hover { color: #3b4b6d; } ul.tools ul li { background: url(../../images/common/arrow-open-4x7-486fae.png) no-repeat 0 5px; margin-left: 26px; padding-left: 10px; font-size: 14px; line-height: 25px; } .tools .show, .tools .hide { position: relative; padding-right: 15px; } .tools .show span.tool-arrow:before, .tools .hide span.tool-arrow:before { font-family: "Gideon"; content: '\ea18'; margin-left: .3em; } .tools .show span.tool-arrow:before:hover, .tools .hide span.tool-arrow:before:hover { text-decoration: none; } .tools .hide span.tool-arrow:before { content: '\ea12'; } #secondary .tools .tool-info { display: block; font-style: italic; } /* @end tools */ #secondary a.active { color: #0091bc; } #secondary a.button { color: #ffffff; } #secondary h2 { color: #514e45; font-size: 18px; line-height: 20px; } #secondary h3 { font: 16px/20px "Open Sans", "Zoram ldslat", "noto sans", Helvetica, Arial, sans-serif; color: #333; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px; } #secondary .list-decor li a, .mag-meta a { /*color: #94938f;*/ text-decoration: underline; } #secondary .list-decor li a:hover, .mag-meta a:hover { /*color: #2f393a;*/ text-decoration: none; } #secondary img { margin-bottom: 10px; } /* filters */ #secondary .list-decor.filter li { font-size: 13px; line-height: 15px; padding: 0; margin: 0; background: none !important; } #secondary .list-decor.filter li a { color: #4c4c4c; text-decoration: none; padding: 5px 10px 5px 20px; display: block; } #secondary .list-decor.filter li a:hover { background: #d1e2f7 url(../../images/pages/search/check.png) no-repeat 5px 7px; color: #315aa2; } #secondary .list-decor.filter a.active { background: url(../../images/pages/search/check.png) no-repeat 5px 7px; color: #315aa2; } #secondary .list-decor.filter li a.active:hover { background: #d1e2f7; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } #secondary .list-decor.filter .count { color: #a7a49b; float: right; font-size: 11px; margin-left: 4px; } #secondary .list-decor.filter a:hover .count, #secondary .list-decor.filter a.active .count { color: #7fa3c1; } #secondary .list-decor.filter a.active:hover .count, #secondary .list-decor.filter .clear-facet { display: none; } #secondary .list-decor.filter a.active:hover .clear-facet { float: right; color: #7fa3c1; font-size: 11px; margin-left: 4px; display: block; } .clear-facets { float: right; display: inline-block; color: #668bac; font-size: 11px; line-height: 11px; margin: 7px 0 0 5px; } /* related content section in scriptures */ #secondary h3.watch, #secondary h3.jpg { color: #534e45; font-size: 16px; line-height: 18px; text-transform: none; letter-spacing: normal; position: relative; margin-bottom: 15px; } #secondary h3.watch:before, #secondary h3.jpg:before { content: '\ed05'; font-family: "Gideon"; margin-right: .3em; } #secondary h3.jpg:before { content: '\ed06'; } #secondary h3.watch:before { background-position: -9px 2px; } #secondary h3.jpg:before { background-position: -7px -749px; } #secondary .media-links { margin-bottom: 30px; font-size: 14px; color: #534e45; line-height: 22px; } #secondary .media-links li { margin-bottom: 10px; } /* @end secondary */ /*Padding*/ .padding-xxs { padding: 5px; } .padding-xs { padding: 10px; } .padding-sm { padding: 20px; } .padding-md { padding: 30px; } .padding-lg { padding: 40px; } .padding-xl { padding: 60px; } .padding-xxl { padding: 80px; } .padding-left-xxs { padding-left: 5px; } .padding-left-xs { padding-left: 10px; } .padding-left-sm { padding-left: 20px; } .padding-left-md { padding-left: 30px; } .padding-left-lg { padding-left: 40px; } .padding-left-xl { padding-left: 60px; } .padding-left-xxl { padding-left: 80px; } .padding-right-xxs { padding-right: 5px; } .padding-right-xs { padding-right: 10px; } .padding-right-sm { padding-right: 20px; } .padding-right-md { padding-right: 30px; } .padding-right-lg { padding-right: 40px; } .padding-right-xl { padding-right: 60px; } .padding-right-xxl { padding-right: 80px; } .padding-bottom-xxs { padding-bottom: 5px; } .padding-bottom-xs { padding-bottom: 10px; } .padding-bottom-sm { padding-bottom: 20px; } .padding-bottom-md { padding-bottom: 30px; } .padding-bottom-lg { padding-bottom: 40px; } .padding-bottom-xl { padding-bottom: 60px; } .padding-bottom-xxl { padding-bottom: 80px; } .padding-top-xxs { padding-top: 5px; } .padding-top-xs { padding-top: 10px; } .padding-top-sm { padding-top: 20px; } .padding-top-md { padding-top: 30px; } .padding-top-lg { padding-top: 40px; } .padding-top-xl { padding-top: 60px; } .padding-top-xxl { padding-top: 80px; } /*Block Margins*/ .margin-xxs { margin: 5px; } .margin-xs { margin: 10px; } .margin-sm { margin: 20px; } .margin-md { margin: 30px; } .margin-lg { margin: 40px; } .margin-xl { margin: 60px; } .margin-xxl { margin: 80px; } .margin-left-xxs { margin-left: 5px; } .margin-left-xs { margin-left: 10px; } .margin-left-sm { margin-left: 20px; } .margin-left-md { margin-left: 30px; } .margin-left-lg { margin-left: 40px; } .margin-left-xl { margin-left: 60px; } .margin-left-xxl { margin-left: 80px; } .margin-right-xxs { margin-right: 5px; } .margin-right-xs { margin-right: 10px; } .margin-right-sm { margin-right: 20px; } .margin-right-md { margin-right: 30px; } .margin-right-lg { margin-right: 40px; } .margin-right-xl { margin-right: 60px; } .margin-right-xxl { margin-right: 80px; } .margin-bottom-xxs { margin-bottom: 5px; } .margin-bottom-xs { margin-bottom: 10px; } .margin-bottom-sm { margin-bottom: 20px; } .margin-bottom-md { margin-bottom: 30px; } .margin-bottom-lg { margin-bottom: 40px; } .margin-bottom-xl { margin-bottom: 60px; } .margin-bottom-xxl { margin-bottom: 80px; } .margin-top-xxs { margin-top: 5px; } .margin-top-xs { margin-top: 10px; } .margin-top-sm { margin-top: 20px; } .margin-top-md { margin-top: 30px; } .margin-top-lg { margin-top: 40px; } .margin-top-xl { margin-top: 60px; } .margin-top-xxl { margin-top: 80px; } .margin-top-xxxl { margin-top: 100px; } /*Negative Margins*/ .margin-left-neg-xxs { margin-left: -5px; } .margin-left-neg-xs { margin-left: -10px; } .margin-left-neg-sm { margin-left: -20px; } .margin-left-neg-md { margin-left: -30px; } .margin-left-neg-lg { margin-left: -40px; } .margin-left-neg-xl { margin-left: -60px; } .margin-left-neg-xxl { margin-left: -80px; } .margin-left-neg-xxxl { margin-left: -100px; } .margin-right-neg-xxs { margin-right: -5px; } .margin-right-neg-xs { margin-right: -10px; } .margin-right-neg-sm { margin-right: -20px; } .margin-right-neg-md { margin-right: -30px; } .margin-right-neg-lg { margin-right: -40px; } .margin-right-neg-xl { margin-right: -60px; } .margin-right-neg-xxl { margin-right: -80px; } .margin-right-neg-xxxl { margin-right: -100px; } .margin-bottom-neg-xxs { margin-bottom: -5px; } .margin-bottom-neg-xs { margin-bottom: -10px; } .margin-bottom-neg-sm { margin-bottom: -20px; } .margin-bottom-neg-md { margin-bottom: -30px; } .margin-bottom-neg-lg { margin-bottom: -40px; } .margin-bottom-neg-xl { margin-bottom: -60px; } .margin-bottom-neg-xxl { margin-bottom: -80px; } .margin-top-neg-xxs { margin-top: -5px; } .margin-top-neg-xs { margin-top: -10px; } .margin-top-neg-sm { margin-top: -20px; } .margin-top-neg-md { margin-top: -30px; } .margin-top-neg-lg { margin-top: -40px; } .margin-top-neg-xl { margin-top: -60px; } .margin-top-neg-xxl { margin-top: -80px; } /* @group quote */ .quote { clear: both; margin: 0 0 40px -20px; padding-left: 18px; border-left: 2px solid #52bd96; font-style: italic; } .quote em, .quote i { font-style: normal; } .quote blockquote { border-top: 7px solid #c8c6be; padding-top: 30px; font-family: "Open Sans", "Zoram ldslat", "noto sans", Helvetica, Arial, sans-serif; color: #373c45; } .quote blockquote, .quote blockquote p { font-size: 22px; line-height: 32px; } .quote cite { color: #5d626e; font-family: "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; } /* @end quote */ /* @group decor */ /* images */ /* lists */ #primary .alphaLowCase, #primary .number, #primary .bullet, #primary .noMarker { line-height: 18px; } #primary .alphaLowCase li, #primary .number li, #primary .bullet li, #primary .noMarker li { margin-bottom: 10px; clear: left; } ul.list-decor li { list-style: none; background: url(../../images/common/arrow-open-4x7-94938f.png) no-repeat 0 7px; font-size: 16px; line-height: 20px; padding-left: 10px; margin-bottom: 10px; } .number-css { line-height: 18px; list-style: decimal; margin-left: 20px; } .number-css li { margin-bottom: 10px; } .mag-meta { font-size: 11px; line-height: 14px; } .mag-meta li { margin-bottom: 12px; } #primary .number-list { line-height: 18px; list-style: decimal; margin-left: 20px; } #primary .number-list li { margin-bottom: 10px; } /* links */ a.link-decor { padding-right: 20px; background: url(../../images/common/circle-arrow-gray.png) no-repeat right center; } a.link-decor:hover { background-image: url(../../images/common/circle-arrow-blue.png); } a.link-decor em { font: italic 18px/20px "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; letter-spacing: -.5px; } /* boxes */ .box-decor { background: #ffffff; display: block; border-top: 5px solid #52bd96; border-bottom: 5px solid #52bd96; padding: 18px 0; margin: 0 24px 40px; font-size: 14px; } .box-decor h2 { color: #52bd96; } .box-decor p { font-size: 14px; } .box-decor > p:last-child, #secondary .box-decor > p:last-child { margin-bottom: 0; } .box-decor + .box-decor:not(.side-by-side) { border-top: 0; } #secondary #bottom-shadow .box-decor { background-image: none; margin-left: 0; margin-right: 0; } .box-decor > div + div { background: url(../../images/common/divider-h-86x2-d3d0c7.gif) no-repeat center top; margin-top: 20px; padding-top: 20px; } .box-decor h2 { margin-bottom: 25px; } .box-decor blockquote p { font: italic 15px/20px "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; } .box-decor cite { font-size: 12px; } /* @end decor */ /* @group classic lds.org button */ .classic-button { color: #6c6859; font: italic 12px/12px "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; text-decoration: none; background: url(../../images/common/classic-btn-tan-bg.png) repeat-x 0 0; padding: 6px 12px; border-radius: 4px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset; display: inline-block; background: #f4f0e6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjBlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2U5ZTVkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iI2M5YzNiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmIxOWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f0e6), color-stop(25%, #e9e5d8), color-stop(79%, #c9c3b0), color-stop(100%, #b6b19d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f0e6 0%, #e9e5d8 25%, #c9c3b0 79%, #b6b19d 100%); /* IE10+ */ background: linear-gradient(top, #f4f0e6 0%, #e9e5d8 25%, #c9c3b0 79%, #b6b19d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f0e6', endColorstr='#b6b19d',GradientType=0 ); /* IE6-8 */ } .ie9 .classic-button { -webkit-filter: none; filter: none; } .classic-button:hover { color: #3b3930; } .classic-para { font: 14px/19px "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; margin-top: 20px; } .classic-link { background: url(../../images/common/circle-arrow-gold.png) no-repeat right 3px; padding-right: 20px; } .classic-link em { font-family: "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; } .classic-link img { float: left; margin: 5px 20px 10px 0; } /* @end classic lds.org button */ /* @group helpers */ .float-left { float: left !important; } .float-right { float: right !important; } .view { font-size: 12px; } .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } a.bookmark { position: absolute; /* MarkLogic can not have an empty element. Absolute removes extra space caused by   */ *position: static; /* IE7 doesn't work right with above property */ z-index: -1; /* added so that highlighting tool will work correctly */ text-decoration: none !important; } .featured-articles { background: url("../../images/common/divider-slash.png") repeat-x 0 bottom; color: #e6a12c; font-family: "Open Sans", "Zoram ldslat", "noto sans", Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 0 18px; margin-bottom: 30px; text-transform: uppercase; } .divider { border-bottom: 1px dashed #d4d1c8; margin-bottom: 30px; padding-bottom: 15px; } .fake-link { color: #486fae; text-decoration: underline; } .text-thin { font-family: "Open Sans", "Zoram ldslat", "noto sans", Helvetica, Arial, sans-serif; } .caps-heading { font: 14px/16px "Open Sans", "Zoram ldslat", "noto sans", Helvetica, Arial, sans-serif; margin-bottom: 15px; color: #575f5e; text-transform: uppercase; letter-spacing: .05em; } .search-form { position: relative; width: 186px; } .search-form .search-field { display: inline-block; width: 156px; padding: 4px 25px 4px 5px; font: 12px "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; background: #fff; border: 1px solid #b6b6b6; border-radius: 4px; } .search-form .search-field.text-hint { font-style: italic; color: #9e9e9e; } .search-form .search-field:focus { background-color: #fff; } #details .search-form { width: 216px; } #details .search-form .search-field { width: 186px; } .search-form .search-button { position: absolute; right: 4px; top: 6px; } /* Used on music site only for now. Copied form lds-old.css :) */ .search-form .ui-watermark-container { position: relative; display: inline-block; } .search-form .ui-watermark-label { position: absolute; cursor: text; white-space: nowrap; color: #9E9E9E; font: italic 14px "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif !important; line-height: 19px; } .video-thumb-play { position: relative; display: block; z-index: 0; zoom: 1; } .video-thumb-play:hover { text-decoration: none; } #secondary .video-thumb-play img { margin-bottom: 10px; } #secondary .video-heading { color: #3c424e; font: bold 18px/22px "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; } .video-thumb-play span { background: transparent url(../../images/common/video-play-icon.png) no-repeat; position: absolute; bottom: 12px; left: 12px; width: 26px; height: 22px; text-indent: -9999px; } #secondary .video-thumb-play span { bottom: 25px; } .img-left { margin: 5px 20px 10px 0; float: left; } .img-right { margin: 5px 0 10px 20px; float: right; } .box-right { margin-left: 20px; float: right; } .box-left { margin-right: 20px; float: left; } .img-overlay { position: relative; } .img-overlay .img-trans { width: 101%; height: 101%; position: absolute; z-index: 5; background: url(../../images/common/t-20x20.png) repeat 0 0; } .highlight { background-color: #fefbbf; } #handbook-link { float: right; padding-right: 30px; padding-bottom: 5px; } /* @end helpers */ /* @group players */ /* wrapper for new video and audio players that share the same placement like in scriptures */ #media { position: relative; margin: 0 0 30px; } /* wrapper for videos with placeholder image */ #video-placeholder { position: relative; margin: 0 0 30px; } /* individual wrapper for new video and audio players that have different placements like on general conference articles */ #video-player { position: relative; /* top: 0; left: 0; */ margin-bottom: 30px; } .playvideo img, #video-player img { width: 100%; } #audio-player { position: relative; } /* new play video icon */ .playvideo { position: relative; } .playvideo .play { background: rgba(0, 0, 0, 0.2); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000,endColorstr=#30000000); /*ie8*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000,endColorstr=#30000000); /*ie8*/ width: 60px; height: 34px; display: inline-block; border-radius: 5px; position: absolute; bottom: 20px; left: 20px; font-size: 24px; color: #fff; box-shadow: 0 0 10px rgba(255, 255, 255, 0.6); } .playvideo:hover .play { background: rgba(0, 0, 0, 0.4); } .playvideo .play:before { top: 50%; left: 50%; margin: -11px 0 0 -11px; } /* old media wrappers */ .video-player { display: none; width: 480px; margin-bottom: 35px; position: relative; zoom: 1; } .audio-player { display: none; width: 480px; height: 20px; margin-bottom: 35px; } .audio-player a { text-align: right; font-size: 11px; color: #000; } .close-player { background: url("../../images/common/close-player-x.png") no-repeat 0 0; display: block; width: 28px; height: 28px; text-indent: -999em; overflow: hidden; position: absolute; right: -10px; top: -12px; z-index: 10; } /* not sure if this is used anywhere */ .video-box { margin: 30px 0 20px; } .video-box + h3 { margin-top: 45px; } /* @end players */ /* @group download menu */ .download-wrap { float: right; position: relative; } .download-wrap .download { display: block; background: url(../../images/pages/media/tools.png) no-repeat 0 -31px; color: #666666; font-size: 11px; width: 15px; height: 13px; text-decoration: none; text-transform: uppercase; text-indent: -9999px; } .download-wrap .download:hover, .download-wrap .download.active { background-position: 0 1px; } .download-wrap .download-menu { right: -38px; } .download-menu { display: none; position: absolute; right: -10px; top: 30px; *top: auto; z-index: 1; width: 150px; padding: 15px 15px 0; background: #fff; border: 1px solid #737373; text-align: left; border-radius: 7px; } .download-menu:after { content: ""; position: absolute; right: 33px; top: -12px; display: block; width: 0; height: 0; border: 12px solid transparent; border-bottom: 12px solid #737373; border-top: none; } .download-menu .close { background: url(../../images/common/sessions-sprite.png) no-repeat -38px 3px; width: 15px !important; height: 15px !important; padding: 0 !important; margin: 0 !important; text-indent: -999em !important; position: absolute; right: 14px; top: 18px; } .download-menu h2 { background: #737373; display: block; width: auto; margin: -15px -15px 15px !important; padding: 15px; color: #fff !important; font: 16px/21px "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; float: none !important; border-radius: 6px 6px 0 0; } .download-menu h3 { color: #9e9a8c; font: 13px/18px "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 5px 0 !important; } .download-menu p { margin: 0 0 10px; color: #9e9a8c; font: 11px/13px "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; } .download-menu p.legal { font-size: 10px; } .download-menu p.copyright { font-size: 9px; } .download-menu ul { overflow: hidden; margin-bottom: 15px !important; float: none !important; } .download-menu li { float: left; margin-right: 10px; /*height: 30px;*/ } .download-menu .video-mp4, .download-menu .video-360p, .download-menu .video-480p, .download-menu .video-720p, .download-menu .video-1080p, .download-menu .video-wmv, .download-menu .audio-mp3, .download-menu .audio-acc, .download-menu .audio-m4b, .download-menu .audio-daisy, .download-menu .text-pdf, .download-menu .text-epub, .download-menu .text-kindle, .download-menu .text-braille, .download-menu .text-mobi, .download-menu .zip { background: url(../../images/common/sessions-sprite.png) no-repeat; text-indent: -9999px; display: block; margin: 0; } .download-menu .video-mp4 { background-position: 0 -1px; width: 16px; height: 18px; } .download-menu .video-360p { background-position: 0 -130px; width: 20px; height: 28px; } .download-menu .video-480p { background-position: 0 -534px; width: 20px; height: 28px; } .download-menu .video-720p { background-position: 0 -167px; width: 20px; height: 28px; } .download-menu .video-1080p { background-position: 0 -204px; width: 24px; height: 28px; } .download-menu .video-wmv { background-position: 0 -243px; width: 20px; height: 28px; } .download-menu .audio-mp3 { background-position: 0 -280px; width: 18px; height: 18px; } .download-menu .audio-acc { background-position: 0 -307px; width: 18px; height: 18px; } .download-menu .audio-m4b { background-position: 0 -334px; width: 24px; height: 26px; } .download-menu .audio-daisy { background-position: 0 -370px; width: 18px; height: 18px; } .download-menu .text-pdf { background-position: 0 -396px; width: 18px; height: 18px; } .download-menu .text-epub { background-position: 0 -422px; width: 18px; height: 18px; } .download-menu .text-kindle { background-position: 0 -450px; width: 40px; height: 18px; } .download-menu .text-braille { background-position: 0 -473px; width: 14px; height: 18px; } .download-menu .text-mobi { background-position: 0 -501px; height: 24px; width: 18px; } .download-menu .zip { background-position: 0 -103px; width: 18px; height: 18px; } /* @end download menu */ /* @group forms */ .form legend { display: none; } .form textarea { font: inherit; } .form .form-row { margin-bottom: 30px; font-size: 12px; } .form .form-row label { font-size: 14px; display: block; margin: 0 0 10px; } .form .form-row input[type=text], .form .form-row textarea { padding: 3px 5px; background: #fff; border: 1px solid #aeaca5; font-size: 14px; vertical-align: middle; color: #3d4245; border-radius: 3px; box-shadow: 0px -1px 1px #888; } #primary .form .form-row input[type=text], #primary .form .form-row textarea { width: 888px; } .narrow #primary .form .form-row input[type=text], .narrow #primary .form .form-row textarea { width: 721px; } .form .form-row input[disabled] { opacity: .5; } .form .form-row .radio-group { overflow: hidden; } .form .form-row .radio-group li { float: left; margin: 0 30px 10px 0; } .form .form-row .radio-group input, .form .form-row .radio-group label { display: inline; vertical-align: middle; margin: 0; } .form .form-row input.button, .form .form-row input.button[type="submit"] { margin-right: 10px; } .select { color: #46433c; display: inline-block; font: 13px/15px "Open Sans", "Zoram ldslat", "noto sans", Helvetica, Arial, sans-serif; padding: 4px 40px 0px 17px; margin: 0; text-decoration: none; vertical-align: middle; text-shadow: #fff 0 1px 1px; text-shadow: rgba(255, 255, 255, 0.7) 0 1px 1px; border-radius: 12px; box-shadow: 0 1px 3px rgba(64, 63, 57, 0.7); background: #e8e5de; background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f4ed), to(#d8d6d1)); filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorstr=#f6f4ed, endColorstr=#d8d6d1) progid:DXImageTransform.Microsoft.Shadow(color=#403f3d, direction=120, strength=1); overflow: hidden; border: 1px solid #bfbdb7\9; border-top-color: #d8d6d0\9; border-bottom-color: #a5a39d\9; position: relative; } * + html .select { width: 1; overflow: visible; } .select:focus, .select:hover { color: #46433c; outline: none; text-decoration: none; background-color: #f0ede5; background-image: -webkit-gradient(linear, left top, left bottom, from(#fffcf5), to(#e1dfda)); filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorstr=#fffcf5, endColorstr=#e1dfda) progid:DXImageTransform.Microsoft.Shadow(color=#403f3d,direction=120,strength=1); } .select:active { /* padding-top: 5px; this was causing the text fields below to jump */ /* padding-bottom: 3px; this was causing the text fields below to jump */ background-color: #e8e5e0; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9d6d2), to(#f4f2eb)); filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorstr=#d9d6d2, endColorstr=#f4f2eb) progid:DXImageTransform.Microsoft.Shadow(color=#403f3d,direction=120,strength=1); } .ie9 .select, .select:focus, .select:hover, .select:active { /* ie9 can't do filter based gradient and rounded corners, so drop gradient */ -webkit-filter: none; /* ie9 can't do filter based gradient and rounded corners, so drop gradient */ filter: none; } .select .text { display: block; padding-bottom: 4px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .select .arrow { background: url(../../images/common/button-list.png) no-repeat 0 center; display: block; height: 23px; width: 15px; position: absolute; right: 8px; top: 0; } .select select { display: block; font: 13px/15px "Open Sans", "Zoram ldslat", "noto sans", Helvetica, Arial, sans-serif; border: none; cursor: pointer; } /* @end forms */ .lds-form__fieldset { margin-bottom: 22px; } .lds-form__label, .lds-form__field label { display: block; color: #333; font-family: "Open Sans", "Zoram ldslat", "noto sans", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 16px; margin-bottom: 12px; } .lds-form__field label { display: inline-block; margin-bottom: 0; } .lds-form__field__option { margin-bottom: 12px; position: relative; } .lds-form__field__option input[type=checkbox], .lds-form__field__option input[type=radio] { clip: rect(0, 0, 0, 0); position: absolute; top: 0; left: 0; } .lds-form__field__option input[type=checkbox] + label, .lds-form__field__option input[type=radio] + label { position: relative; display: inline-block; text-indent: 0px; padding-left: 32px; padding-top: 6px; cursor: pointer; } .lds-form__field__option input[type=checkbox] + label:before, .lds-form__field__option input[type=radio] + label:before { content: ""; position: absolute; top: 1px; left: 0; display: inline-block; height: 23px; width: 23px; background: white; border: 1px solid #737373; border-radius: 3px; margin: 0; margin-right: 10px; } .lds-form__field__option input[type=checkbox] + label:after, .lds-form__field__option input[type=radio] + label:after { content: ""; position: absolute; } .lds-form__field__option input[type=checkbox] + label:hover:before, .lds-form__field__option input[type=checkbox]:focus + label:before, .lds-form__field__option input[type=checkbox]:hover + label:before, .lds-form__field__option input[type=radio] + label:hover:before, .lds-form__field__option input[type=radio]:focus + label:before, .lds-form__field__option input[type=radio]:hover + label:before { border-color: #0091bc; } .lds-form__field__option input[type=checkbox]:disabled + label:before, .lds-form__field__option input[type=checkbox]:disabled + label:hover:before, .lds-form__field__option input[type=checkbox]:disabled:focus + label:before, .lds-form__field__option input[type=checkbox]:disabled:hover + label:before, .lds-form__field__option input[type=radio]:disabled + label:before, .lds-form__field__option input[type=radio]:disabled + label:hover:before, .lds-form__field__option input[type=radio]:disabled:focus + label:before, .lds-form__field__option input[type=radio]:disabled:hover + label:before { border-color: #e6e6e6; } .lds-form__field__option input[type=checkbox]:disabled:checked + label:after, .lds-form__field__option input[type=radio]:disabled:checked + label:after { color: rgba(0, 145, 188, 0.5); } .lds-form__field__option input[type=radio] + label:before { border-radius: 500px; } .lds-form__field__option input[type=radio]:checked + label:after { /*or use your icon font checkmark of choice*/ content: ""; background: #0091bc; border-radius: 500px; height: 15px; width: 15px; top: 6px; left: 5px; } .lds-form__field__option input[type=checkbox]:checked + label:after { content: ""; font-family: "Gideon"; color: #0091bc; font-size: 22px; top: 4px; left: 4px; } .lds-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #b6b6b6; border-radius: 3px; width: auto; background: white; padding: .26em .5em; font-size: 16px; font-family: "Open Sans", "Zoram ldslat", "noto sans", Helvetica, Arial, sans-serif; } .lds-select:focus { border-color: #0091bc; } .lds-select { background: url("data:image/svg+xml;utf8,select-arrow") no-repeat right 5px center #fff; background-size: 10px 10px; padding-right: 30px; max-width: 100%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .lds-select { padding-right: 0; } } @media screen and (min-width: 0 \0) { .lds-form select:not([size])::-ms-expand { background: transparent; border: none; width: 12px; padding-left: 5px; } .lds-form select { padding-right: 5px; } } .lds-form input[type=checkbox], .lds-form input[type=radio] { width: auto; } .lds-form input, .lds-form textarea, .lds-form select { box-shadow: none; max-width: none; height: auto; } .lds-button, .lds-button2 { padding: 10px 20px; text-transform: uppercase; border-radius: 3px; border: 0; font-weight: bold; font-size: 14px; display: inline-block; background: #a6a6a6; box-shadow: none; text-shadow: none; } .lds-button.lds-button2, .lds-button2.lds-button2 { color: white; } .lds-button:hover, .lds-button2:hover { background: #737373; } .lds-button--primary, .lds-button2--primary { background: #0091bc; } .lds-button--primary:hover, .lds-button2--primary:hover { background: #0091bc; } .lds-button--destructive, .lds-button2--destructive { background: #ef5458; } .lds-button--destructive:hover, .lds-button2--destructive:hover { background: #d8232e; } .site .lds-button:hover, .site .lds-button2:hover { background-color: #258FC1; text-decoration: none; } /* @group errors */ .error { background: #efe7df; border: 1px solid #e0aca6; color: #c23232; display: block; font-size: 12px; margin-top: 10px; margin-bottom: 15px; padding: 15px 20px; text-align: center; } #primary .error p { margin: 0 0 10px; } #primary .error p:last-child { margin-bottom: 0; } /* @end errors */ /* @group wrap long content */ pre, #platform-canvas-nav h2, #platform-canvas-nav li a { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ } /* @end wrap long content */ /* @group colored flag */ .flag { width: 68px; height: 75px; overflow: hidden; background: url(../../images/common/flag.png) no-repeat; position: absolute; left: -35px; top: 5px; z-index: 100; display: none; } .narrow .flag { left: 117px; } /* @end colored flag */ /* @group feedback */ #beta-feedback { bottom: 50px; position: absolute; right: -24px; width: 236px; z-index: 0; display: none; } #beta-feedback span { /* base64 of http://edge.ldscdn.org/ml/ldsorg/images/common/feedback-triangle.png */ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAArklEQVR42p3MMatBARjH4f+kfAyl7jcwmGy2a7mllBgMt6hbysBoMyglhSwWm812N+9iIPJJ1PkAr1+3q3TCOcfwrI+689MQGegd6kwOhgs+oaT0M9oZ/N8YKSgufQ+2Br+zRwaKQ/X+r8FDAnxBUVTubQz+xBhp6BmV2muDv3BEFnpExebK4BEClKEwFRpLg8c0Qxq6Ub62MHgCZ3xAkHKVqcETClDFX7DA/k2tK5wDe3yBzPCVAAAAAElFTkSuQmCC") no-repeat 0 0; height: 12px; position: absolute; right: 0; top: -12px; width: 16px; } #beta-feedback a { background: #87a8df; color: #fff; display: block; font: italic 14px "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; padding: 10px 36px 10px 30px; width: 170px; } #beta-feedback a img { padding-left: 8px; } /* feedback positioning */ .overcome #beta-feedback, .we-lived #beta-feedback, .our-father #beta-feedback, .overcome #beta-feedback, .happiness #beta-feedback, .live-again #beta-feedback { bottom: 98px; } /* @end feedback */ /* @group coming soon */ #coming-soon { background: url(../../images/common/coming-soon-left.png) no-repeat 0 0; color: #fff; font-size: 24px; line-height: 0; text-transform: uppercase; position: absolute; right: -22px; *right: -24px; top: 26px; z-index: 100; } #coming-soon div { background: url(../../images/common/coming-soon-right.png) no-repeat right 0; letter-spacing: 3px; padding: 25px 25px 26px 27px; margin-right: -5px; } #coming-soon span { background: transparent url(../../images/common/feedback-triangle.png) no-repeat 0 0; height: 12px; width: 16px; position: absolute; right: -2px; *right: 0; top: -12px; } /* @end coming soon */ /* @group next session countdown */ .next-session { color: #9d9b96; margin: 0 0 15px; padding-left: 22px; position: relative; } .next-session .alarm { width: 16px; height: 16px; display: block; background: url(../../images/common/tool-icons.png) no-repeat -7px -539px; position: absolute; left: 0; top: -2px; } /* @end next session countdown */ /* new style guide */ .flag { display: none; } #platform-canvas-nav hr { display: none; } #details .filed-under .active, #details .filed-under li li a:hover { color: #737373; } #details hr { display: none; } #secondary ul.list-decor li { background-image: none; padding-left: 0; } #primary .pagination a.next { background-position: right -127px; } #primary .pagination a.prev { background-position: left -454px; } #primary .pagination span.current-right { background-position: right -363px; } #primary .pagination span.current { background-position: left -330px; } #primary .pagination .current, #primary .pagination a:hover { color: #a2c864; } /* @group colorbox modal */ /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; overflow: hidden; } #cboxLoadedContent { overflow: auto; } #cboxLoadedContent iframe { display: block; width: 100%; height: 100%; border: 0; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay { background: #2c3956; } #cboxLoadingOverlay { background: url(../../images/common/loading.gif) center center no-repeat #fff; } #colorbox { /*-moz-box-shadow: 2px 4px 8px rgba(0, 0, 0, .5); -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, .5); box-shadow: 2px 4px 8px rgba(0, 0, 0, .5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;*/ } #cboxTopLeft { width: 25px; height: 25px; background: url(../../images/common/border1.png) 0 0 no-repeat; } #cboxTopCenter { height: 25px; background: url(../../images/common/border1.png) 0 -50px repeat-x; } #cboxTopRight { width: 25px; height: 25px; background: url(../../images/common/border1.png) -25px 0 no-repeat; } #cboxBottomLeft { width: 25px; height: 25px; background: url(../../images/common/border1.png) 0 -25px no-repeat; } #cboxBottomCenter { height: 25px; background: url(../../images/common/border1.png) 0 -75px repeat-x; } #cboxBottomRight { width: 25px; height: 25px; background: url(../../images/common/border1.png) -25px -25px no-repeat; } #cboxMiddleLeft { width: 25px; background: url(../../images/common/border2.png) 0 0 repeat-y; } #cboxMiddleRight { width: 25px; background: url(../../images/common/border2.png) -25px 0 repeat-y; } #cboxContent { background: #fff; } /*#cboxLoadedContent{margin-bottom:20px;} #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;} #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} #cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;}*/ #cboxClose { position: absolute; top: 10px; right: 15px; display: block; background: url(../../images/common/btn-close.png) no-repeat left center; padding: 2px 0 2px 25px; color: #4c5157; font-size: 12px; } /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/resources/images/common/internet-explorer/borderTopLeft.png, sizingMethod='scale'); } .cboxIE #cboxTopCenter { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/resources/images/common/internet-explorer/borderTopCenter.png, sizingMethod='scale'); } .cboxIE #cboxTopRight { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/resources/images/common/internet-explorer/borderTopRight.png, sizingMethod='scale'); } .cboxIE #cboxBottomLeft { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/resources/images/common/internet-explorer/borderBottomLeft.png, sizingMethod='scale'); } .cboxIE #cboxBottomCenter { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/resources/images/common/internet-explorer/borderBottomCenter.png, sizingMethod='scale'); } .cboxIE #cboxBottomRight { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/resources/images/common/internet-explorer/borderBottomRight.png, sizingMethod='scale'); } .cboxIE #cboxMiddleLeft { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/resources/images/common/internet-explorer/borderMiddleLeft.png, sizingMethod='scale'); } .cboxIE #cboxMiddleRight { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/resources/images/common/internet-explorer/borderMiddleRight.png, sizingMethod='scale'); } /* ColorBox content style */ #cboxContent .no-lang { margin: 20px; display: block; } #cboxContent .no-lang li a { color: #94938f; font-size: 13px; line-height: 16px; padding: 4px 24px; display: block; text-decoration: none; } #cboxContent .no-lang li a:hover { color: #333; background: #ccc; text-decoration: none; } /* @end colorbox modal */ /* @group custom modal */ .modal-take-over { background: transparent url(../../images/common/modal-take-over-bg.png); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 10000; display: none; } .modal { max-width: 480px; width: 95%; margin: 10% auto 0; padding: 0; background-color: #f7f2ec; /* FF3.6 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f2ec), color-stop(1, #dad6d2)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(#f7f2ec, #dad6d2); /* Chrome 10+, Saf6 */ background-image: -webkit-linear-gradient(top, #f7f2ec, #dad6d2); /* Chrome 10+, Saf6 */ background-image: linear-gradient(top, #f7f2ec, #dad6d2); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f2ec', EndColorStr='#dad6d2'); box-shadow: 5px 0 35px rgba(0, 0, 0, 0.5); border-radius: 13px; } @media screen and (max-width: 700px) { .modal { margin-top: 10px; } } .modal-top { padding: 30px 40px 5px; border-bottom: 1px solid #c5bfb6; } .modal-top p { font: 26px/31px "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; color: #5f554c; margin: 0 0 20px; text-align: center; } .modal-top a { color: #2f4966; } .modal-bottom { padding: 20px 30px 30px; border-top: 1px solid #f0eeec; text-align: center; position: relative; } @media screen and (max-width: 700px) { .modal-top { padding: 20px 20px 0; } .modal-bottom { padding: 20px 20px 30px; } .modal-top p { font-size: 18px; line-height: 120%; margin-bottom: 15px; } } .modal-bottom .remind, .modal-bottom .continue { border-radius: 8px; padding: 7px 16px !important; font-size: 16px; line-height: 18px; text-shadow: 1px 1px 1px #fff; } .modal-bottom .remind { color: #666; background-color: #f7f2ec !important; /* FF3.6 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f2ec), color-stop(1, #dad6d2)) !important; /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(#f7f2ec, #dad6d2) !important; /* Chrome 10+, Saf6 */ background-image: -webkit-linear-gradient(top, #f7f2ec, #dad6d2) !important; /* Chrome 10+, Saf6 */ background-image: linear-gradient(top, #f7f2ec, #dad6d2) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f2ec', EndColorStr='#dad6d2') !important; /* IE6-IE9 */ } .modal-bottom .continue { margin-left: 20px !important; color: #243f5d; background-color: #a0bbc1 !important; /* FF3.6 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e4eae9), color-stop(1, #a0bbc1)) !important; /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(#e4eae9, #a0bbc1) !important; /* Chrome 10+, Saf6 */ background-image: -webkit-linear-gradient(top, #e4eae9, #a0bbc1) !important; /* Chrome 10+, Saf6 */ background-image: linear-gradient(top, #e4eae9, #a0bbc1) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e4eae9', EndColorStr='#a0bbc1') !important; /* IE6-IE9 */ } .modal-bottom .noshow { color: #275373; font-size: 11px; position: absolute; bottom: 10px; right: 15px; } /* @end custom modal */ /* @group clear float */ #content #bottom-gradient:after, #details:after, .filed-under:after, .bottom-teaser:after, .playlist-controls:after, .photo-gallery:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* @end clear float */ /* @group XML classes */ #primary .annotation { color: #8d8a81; font-style: italic; font-size: 11px; } #primary .annotation .emphasis { font-style: normal; } #primary .blockQuote { border-left: 3px solid #EBE6D4; margin-left: 20px; padding-left: 20px; } #primary .byline { margin-bottom: 20px; } #primary .byline p { font-family: "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; font-size: 15px; margin-bottom: 0; } #primary .caption { line-height: 18px; margin-bottom: 20px; } #primary .citationInfo { color: #8d8a81; } #primary .credit p { font-size: 11px; } #primary .epigraph { font: 18px/22px Georgia,"Times New Roman",Times,serif; margin-bottom: 20px; } #primary .footnote { list-style: none; } /*xml needs to be retransformed for this*/ #primary .intro, #primary .kicker { font-family: "Open Sans", "Zoram ldslat", "noto sans", Helvetica, Arial, sans-serif; font-size: 24px; line-height: 28px; overflow: hidden; } #primary .seriesTitle, #primary .popContentGroup { margin-bottom: 20px; } #primary .sectionTitle { font: 18px/20px "Helam Slab", "Roboto Slab", Calibri, Helvetica, Arial, sans-serif; margin-bottom: 20px; } #primary .stanza { line-height: 18px; margin-bottom: 10px; } #primary .alphaLowCase { margin: 10px 0 20px 15px; } #primary .underline { text-decoration: underline; } #primary .figure { line-height: 18px; margin-bottom: 15px; } #primary .figure.teaser .image { float: left; margin: 0 15px 0 0; } #primary .bullet, #primary .number { margin-left: 20px; } #primary .number-list, #secondary .number-list { list-style: decimal; margin-left: 20px; } #primary .label + p { display: inline; } /* Temp solution for lists */ /* @end XML */ #primary .topic:after { content: ""; display: table; clear: both; } #primary .textInput { border-bottom: 1px solid #908E89; width: 200px; display: inline-block; margin-left: 10px; text-indent: -999em; } #primary .textInputMultiLine hr { border-top: 1px solid #908E89; } .table_style3 { color: #2F393A; font: 13px/15px "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; } .table_style3 td { border-bottom: none; margin: 0; padding: 0; line-height: 20px; } .table_style3 td:first-child { border-bottom: none; margin: 0; padding: 0 20px 0 0; color: #798384; line-height: 24px; } .caption-center, .caption-left, .caption-right { clear: both; color: #808581; font: italic 11px/18px Georgia,"Times New Roman",Times,serif; margin-bottom: 30px; padding: 0 20px; } .caption-center { text-align: center; } .caption-left { text-align: left; width: 325px; } .caption-right { float: right; margin-right: 25px; position: relative; text-align: right; width: 325px; z-index: 1; } /* @group heading menu */ .heading-menu { float: left; position: relative; } #details .heading-menu h1 { width: auto; } .heading-menu-button { text-decoration: none !important; display: block; } .heading-menu-button > span { display: inline-block; width: 15px; height: 15px; vertical-align: bottom; margin: 0 0 10px 10px; border: 1px solid #c4c0b4; background-color: #ffffff; } .heading-menu-button > span > span { display: block; width: 15px; height: 15px; background: url(../../images/common/arrow-sprite-000000.png) no-repeat center -55px; } .heading-menu-list { position: absolute; right: -92px; z-index: 1; background-color: #e6e6e6; border: 4px solid #fff; box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); font-size: 12px; line-height: 14px; display: none; margin: 6px 0 0; list-style: none; max-height: 290px; width: 192px; overflow: auto; zoom: 1; } .heading-menu-list li a { color: #5C5C5C; display: block; line-height: 14px; padding: 9px 20px; text-decoration: none; } .heading-menu-list li a:hover { background: #ffffff url(../../images/common/arrow-4x7-a4a39e.png) no-repeat 10px center; } .heading-menu-list .triangle { /*border: 10px solid #fff; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent;*/ background: #f9f6ed url(../../images/pages/general-conference/conf-menu-arrow.png) no-repeat; display: block; width: 21px; height: 16px; position: absolute; top: -20px; left: 85px; } /* @end heading menu */ th a:hover { text-decoration: underline; } th.header { border: none !important; } th a.arrow-sort-up, th a.arrow-sort-down, th.headerSortUp a, th.headerSortDown a { padding-right: 15px; } th a.arrow-sort-up, th.headerSortUp a { background: url("../../images/common/arrow-sort.png") no-repeat scroll right -5px transparent; } th a.arrow-sort-down, th.headerSortDown a { background: url("../../images/common/arrow-sort.png") no-repeat scroll right 6px transparent; } .p-note { background: #fff; border: 2px dashed #f00; padding: 10px; margin: 0 0 15px; } .print-show { display: none !important; } @media print { #content, #content:after, #platform, #platform-canvas, #platform-canvas-content, #content, #bottom-gradient, #primary { width: 100% !important; color: black !important; background: transparent !important; } .flag, #platform-canvas-nav, .print-hide { display: none !important; } .print-show { display: block !important; } .pf-responsive #platform { background: none; } } /* responsive attempt */ @media screen and (min-width: 733px) { .pf-responsive #platform-canvas-nav h2:before { display: none; } .pf-responsive #platform-canvas-nav > ul, .pf-responsive #platform-canvas-nav > nav > ul { display: block !important; } } @media screen and (max-width: 732px) { .pf-responsive #platform { background: url("../../ver/images/common/bg-ldsorg-1.jpg") no-repeat center 0; } } @media screen and (max-width: 732px) { .pf-responsive { -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } .pf-responsive #platform-canvas { background-color: #ffffff; } .pf-responsive #beta-feedback, #platform-canvas-nav hr, .pf-responsive .flag, .pf-responsive #details #search { display: none; } .pf-responsive #platform-canvas, .pf-responsive.narrow #primary, .pf-responsive.narrow #platform-canvas-nav, .pf-responsive #platform-canvas-nav > ul, .pf-responsive #platform-canvas-nav > nav > ul, .pf-responsive.narrow #platform-canvas-content, .pf-responsive #details h1, .pf-responsive #details blockquote, .pf-responsive #details hr, .pf-responsive.narrow .two-col.wide-sash #primary, .pf-responsive.narrow #secondary, .pf-responsive .two-col #primary, .pf-responsive #details .sub-detail, .pf-responsive #details h2.sub-title, .pf-responsive #platform-canvas-nav h2 { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } .pf-responsive #platform-canvas-nav h2 { color: #3C424E; cursor: pointer; margin: 10px 0; font-size: 14px; padding-right: 100px; } .pf-responsive a.temp-menu-icon, .pf-responsive .temp-menu-icon > * { position: relative; color: #0091bc !important; padding: 0 23px 0 0; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } .pf-responsive .temp-menu-icon:after { content: "\25bc"; font-size: 10px; color: #999; vertical-align: 10%; left: -23px; top: 0px; position: relative; } .pf-responsive a.temp-menu-icon:after { position: absolute; right: 7px; top: 2px; left: auto; } .pf-responsive #platform-canvas-nav h2:after { padding-left: 5px; } .pf-responsive #platform-canvas-nav ul a, .pf-responsive #platform-canvas-nav ul div { color: #84827b; } .pf-responsive #platform-canvas-nav ul a:hover { color: #1c3149; } .pf-responsive #platform-canvas-nav ul li.active > a { color: #333; background: url(../../images/common/arrow-open-4x8-434343) no-repeat 98% center; } .pf-responsive #platform-canvas-content, .pf-responsive #content, .pf-responsive #content:after, .pf-responsive #content #bottom-gradient { background: none; padding: 0; box-shadow: none; } .pf-responsive #content #bottom-gradient { padding-bottom: 50px; } .pf-responsive .chapter-sections { position: relative; width: 100%; } .pf-responsive .chapter-sections .inner-inner-wrap > ul { top: 20px; margin: 0 -10px; } .pf-responsive .chapter-sections .inner-inner-wrap > ul, .pf-responsive #platform-canvas-nav > ul, .pf-responsive #platform-canvas-nav > nav > ul { display: none; background: white; position: absolute; left: 0; border-top: 1px solid #ccc; /*padding: 10px;*/ } .pf-responsive .chapter-sections .inner-inner-wrap > ul:after, .pf-responsive #platform-canvas-nav > ul:after, .pf-responsive #platform-canvas-nav > nav > ul:after { content: ""; position: absolute; top: -18px; left: 29px; margin-left: -10px; height: 0; width: 0; border: 9px solid transparent; border-bottom-color: #ccc; z-index: 1100; } .pf-responsive .chapter-sections .inner-inner-wrap > ul:before, .pf-responsive #platform-canvas-nav > ul:before, .pf-responsive #platform-canvas-nav > nav > ul:before { content: ""; position: absolute; top: -16px; left: 30px; margin-left: -10px; height: 0; width: 0; border: 8px solid transparent; border-bottom-color: white; z-index: 1101; } .pf-responsive .chapter-sections ul li, .pf-responsive #platform-canvas-nav > ul li, .pf-responsive #platform-canvas-nav > nav > ul li { border: 0; } .pf-responsive .chapter-sections ul li { margin: 0; } .pf-responsive .chapter-sections ul a, .pf-responsive #platform-canvas-nav > ul a, .pf-responsive #platform-canvas-nav > nav > ul a { border-bottom: 1px solid #ccc; padding: 7px 10px; display: block; margin-bottom: 0 !important; } .pf-responsive .chapter-sections ul ul, .pf-responsive #platform-canvas-nav > ul ul, .pf-responsive #platform-canvas-nav > nav > ul ul { margin: 0; background: #f1f1f1; } .pf-responsive .chapter-sections ul ul a, .pf-responsive #platform-canvas-nav > ul ul a, .pf-responsive #platform-canvas-nav > nav > ul ul a { margin: 0; background: #f1f1f1; padding-left: 20px; } .pf-responsive #content img { max-width: 100%; height: auto !important; } .pf-responsive #details { padding: 15px 10px 40px; } .pf-responsive #details .sub-detail { padding-right: 0; } .pf-responsive #details .controls, .pf-responsive #details .sub-detail .controls { position: relative; top: 0; } .pf-responsive.narrow #details { padding: 15px 10px 40px; } .pf-responsive #secondary #bottom-shadow, .pf-responsive #platform-canvas-nav, .pf-responsive #platform #primary { padding: 0 10px; } .pf-responsive #details .filed-under { margin-bottom: 20px; } .pf-responsive.narrow #details .filed-under { /*display:none;*/ clear: both; float: none; } .pf-responsive #details .filed-under > li:last-child { display: none; } .pf-responsive #details h1 { font-size: 46px; line-height: 110%; } .pf-responsive #details .prev-next { position: absolute; right: 10px; top: -37px; z-index: 100; } .pf-responsive .prev-next li a { text-indent: -10em; overflow: hidden; width: 1em; position: relative; } .pf-responsive .prev-next li a:before, .pf-responsive .prev-next li a:after { position: absolute; left: 50%; top: 48%; text-indent: 0; font-size: 150%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pf-responsive #primary .prev-next li { line-height: 9px; } .pf-responsive #context-bar { /*position:static;*/ display: none !important; /*width:100%*/ } .pf-responsive .conference-player { margin: 0 0 45px 0; } .pf-responsive #primary .kicker { display: inline; } .pf-responsive .video-player { width: 100%; } .pf-responsive .quote { margin: 20px 0; } } @media screen and (max-width: 1017px) { .pf-responsive #beta-feedback span { display: none; } .pf-responsive #beta-feedback { right: 0; } } @media screen and (max-width: 900px) { .pf-responsive #secondary, .pf-responsive #secondary #top-shadow, .pf-responsive #secondary #bottom-shadow { background: none; width: auto; } .pf-responsive .two-col #primary, .pf-responsive.narrow .two-col #primary, .pf-responsive #details h1 { width: 100%; } .pf-responsive #primary p, .pf-responsive #primary li { /* font-size:18px; */ /* line-height: 22px; */ } .pf-responsive #primary .prev-next li { line-height: 9px; } } @media screen and (min-width: 733px) and (max-width: 996px) { .pf-responsive.narrow #platform-canvas-content { width: auto; margin-left: 152px; } .pf-responsive.narrow #platform-canvas-nav { position: absolute; } .pf-responsive.narrow #platform-canvas { margin-left: 10px; margin-right: 10px; } .pf-responsive.narrow #platform { background-position: -296px 0; } } /*# sourceMappingURL=content.css.map */