12124a924611bb8104658053bb5345b853f93a626Scott Main/* color definitions */ 22124a924611bb8104658053bb5345b853f93a626Scott Main/* 16 column layout */ 32124a924611bb8104658053bb5345b853f93a626Scott Main/* clearfix idiom */ 42124a924611bb8104658053bb5345b853f93a626Scott Main/* common mixins */ 52124a924611bb8104658053bb5345b853f93a626Scott Main/* page layout + top-level styles */ 62124a924611bb8104658053bb5345b853f93a626Scott Main::selection { 72124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #0099cc; 82124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; } 92124a924611bb8104658053bb5345b853f93a626Scott Main::-webkit-selection { 102124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #0099cc; 112124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; } 122124a924611bb8104658053bb5345b853f93a626Scott Main::-moz-selection { 132124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #0099cc; 142124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; } 152124a924611bb8104658053bb5345b853f93a626Scott Main 162124a924611bb8104658053bb5345b853f93a626Scott Mainhtml, body { 172124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 182124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 192124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 202124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #fff; 212124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-font-smoothing: antialiased; 222124a924611bb8104658053bb5345b853f93a626Scott Main -moz-osx-font-smoothing: grayscale; 232124a924611bb8104658053bb5345b853f93a626Scott Main /* prevent subpixel antialiasing, which thickens the text */ 242124a924611bb8104658053bb5345b853f93a626Scott Main /* text-rendering: optimizeLegibility; */ 252124a924611bb8104658053bb5345b853f93a626Scott Main /* turned off ligatures due to bug 5945455 */ } 262124a924611bb8104658053bb5345b853f93a626Scott Main 272124a924611bb8104658053bb5345b853f93a626Scott Mainbody { 282124a924611bb8104658053bb5345b853f93a626Scott Main color: #515151; 292124a924611bb8104658053bb5345b853f93a626Scott Main color: rgba(0, 0, 0, .68); 302124a924611bb8104658053bb5345b853f93a626Scott Main font: 14px/24px Roboto, sans-serif; 312124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 400; 322124a924611bb8104658053bb5345b853f93a626Scott Main letter-spacing:.1; 332124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 20px; 342124a924611bb8104658053bb5345b853f93a626Scott Main} 352124a924611bb8104658053bb5345b853f93a626Scott Main 362124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 372124a924611bb8104658053bb5345b853f93a626Scott Main html { 382124a924611bb8104658053bb5345b853f93a626Scott Main /* Disable accidental horizontal overflow. */ 392124a924611bb8104658053bb5345b853f93a626Scott Main overflow-x: hidden; 402124a924611bb8104658053bb5345b853f93a626Scott Main } 412124a924611bb8104658053bb5345b853f93a626Scott Main 422124a924611bb8104658053bb5345b853f93a626Scott Main body { 432124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 10px; 442124a924611bb8104658053bb5345b853f93a626Scott Main padding-right: 10px; 452124a924611bb8104658053bb5345b853f93a626Scott Main } 462124a924611bb8104658053bb5345b853f93a626Scott Main} 472124a924611bb8104658053bb5345b853f93a626Scott Main 482124a924611bb8104658053bb5345b853f93a626Scott Main#page-container { 492124a924611bb8104658053bb5345b853f93a626Scott Main width: 940px; 502124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 40px; } 512124a924611bb8104658053bb5345b853f93a626Scott Main 522124a924611bb8104658053bb5345b853f93a626Scott Main#page-header { 532124a924611bb8104658053bb5345b853f93a626Scott Main height: 80px; 542124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 20px; 552124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 48px; 562124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 48px; 572124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 100; 582124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 10px; } 592124a924611bb8104658053bb5345b853f93a626Scott Main #page-header a { 602124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 612124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 622124a924611bb8104658053bb5345b853f93a626Scott Main top: 20px; 632124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration: none; 642124a924611bb8104658053bb5345b853f93a626Scott Main color: #555555 !important; } 652124a924611bb8104658053bb5345b853f93a626Scott Main 662124a924611bb8104658053bb5345b853f93a626Scott Main#main-row { 672124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; } 682124a924611bb8104658053bb5345b853f93a626Scott Main #main-row:after { 692124a924611bb8104658053bb5345b853f93a626Scott Main content: "."; 702124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 712124a924611bb8104658053bb5345b853f93a626Scott Main height: 0; 722124a924611bb8104658053bb5345b853f93a626Scott Main clear: both; 732124a924611bb8104658053bb5345b853f93a626Scott Main visibility: hidden; } 742124a924611bb8104658053bb5345b853f93a626Scott Main * html #main-row { 752124a924611bb8104658053bb5345b853f93a626Scott Main height: 1px; } 762124a924611bb8104658053bb5345b853f93a626Scott Main 772124a924611bb8104658053bb5345b853f93a626Scott Main#page-footer { 782124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 190px; 792124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 80px; 802124a924611bb8104658053bb5345b853f93a626Scott Main color: #999999; 812124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 40px; 822124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 12px; 832124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 15px; } 842124a924611bb8104658053bb5345b853f93a626Scott Main #page-footer a { 852124a924611bb8104658053bb5345b853f93a626Scott Main color: #777777; } 862124a924611bb8104658053bb5345b853f93a626Scott Main #page-footer #copyright { 872124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 10px; } 882124a924611bb8104658053bb5345b853f93a626Scott Main 892124a924611bb8104658053bb5345b853f93a626Scott Main.hide-text { 902124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 912124a924611bb8104658053bb5345b853f93a626Scott Main text-indent: -9999px; 922124a924611bb8104658053bb5345b853f93a626Scott Main} 932124a924611bb8104658053bb5345b853f93a626Scott Main 942124a924611bb8104658053bb5345b853f93a626Scott Main#nav-container { 952124a924611bb8104658053bb5345b853f93a626Scott Main width: 160px; 962124a924611bb8104658053bb5345b853f93a626Scott Main min-height: 10px; 972124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 20px; 982124a924611bb8104658053bb5345b853f93a626Scott Main float: left; } 992124a924611bb8104658053bb5345b853f93a626Scott Main 1002124a924611bb8104658053bb5345b853f93a626Scott Main#devdoc-nav h2 { 1012124a924611bb8104658053bb5345b853f93a626Scott Main border:0; 1022124a924611bb8104658053bb5345b853f93a626Scott Main} 1032124a924611bb8104658053bb5345b853f93a626Scott Main 1042124a924611bb8104658053bb5345b853f93a626Scott Main#devdoc-nav.fixed { 1052124a924611bb8104658053bb5345b853f93a626Scott Main position: fixed; 1062124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 1072124a924611bb8104658053bb5345b853f93a626Scott Main top: 84px; /* sticky-header height + 20px gutter */ 1082124a924611bb8104658053bb5345b853f93a626Scott Main} 1092124a924611bb8104658053bb5345b853f93a626Scott Main 1102124a924611bb8104658053bb5345b853f93a626Scott Main.dac-devdoc-toggle { 1112124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 1122124a924611bb8104658053bb5345b853f93a626Scott Main padding: 8px 0; 1132124a924611bb8104658053bb5345b853f93a626Scott Main} 1142124a924611bb8104658053bb5345b853f93a626Scott Main 1152124a924611bb8104658053bb5345b853f93a626Scott Main.scroll-pane { 1162124a924611bb8104658053bb5345b853f93a626Scott Main /* Match height of fixed parent. */ 1172124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 1182124a924611bb8104658053bb5345b853f93a626Scott Main} 1192124a924611bb8104658053bb5345b853f93a626Scott Main 1202124a924611bb8104658053bb5345b853f93a626Scott Main#content { 1212124a924611bb8104658053bb5345b853f93a626Scott Main width: 760px; 1222124a924611bb8104658053bb5345b853f93a626Scott Main float: left; } 1232124a924611bb8104658053bb5345b853f93a626Scott Main 1242124a924611bb8104658053bb5345b853f93a626Scott Main 1252124a924611bb8104658053bb5345b853f93a626Scott Main/***** PREVIOUSLY style.css ******************/ 1262124a924611bb8104658053bb5345b853f93a626Scott Main/* This should be close to the top, so it is easier to override. */ 1272124a924611bb8104658053bb5345b853f93a626Scott Main[dir='rtl'] { 1282124a924611bb8104658053bb5345b853f93a626Scott Main direction: rtl; 1292124a924611bb8104658053bb5345b853f93a626Scott Main} 1302124a924611bb8104658053bb5345b853f93a626Scott Mainhtml { 1312124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 20px; 1322124a924611bb8104658053bb5345b853f93a626Scott Main} 1332124a924611bb8104658053bb5345b853f93a626Scott Mainpre, table, input, textarea, code { 1342124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 1em; 1352124a924611bb8104658053bb5345b853f93a626Scott Main} 1362124a924611bb8104658053bb5345b853f93a626Scott Mainaddress, abbr, cite { 1372124a924611bb8104658053bb5345b853f93a626Scott Main font-style: normal; 1382124a924611bb8104658053bb5345b853f93a626Scott Main} 1392124a924611bb8104658053bb5345b853f93a626Scott Main[dir='rtl'] th { 1402124a924611bb8104658053bb5345b853f93a626Scott Main text-align: right; 1412124a924611bb8104658053bb5345b853f93a626Scott Main} 1422124a924611bb8104658053bb5345b853f93a626Scott Mainhtml[lang^=ja] blockquote, html[lang^=ja] q, html[lang^=ko] blockquote, html[lang^=ko] q, 1432124a924611bb8104658053bb5345b853f93a626Scott Mainhtml[lang^=zh] blockquote, html[lang^=zh] q { 1442124a924611bb8104658053bb5345b853f93a626Scott Main font-style: normal; 1452124a924611bb8104658053bb5345b853f93a626Scott Main} 1462124a924611bb8104658053bb5345b853f93a626Scott Mainq { 1472124a924611bb8104658053bb5345b853f93a626Scott Main font-style: italic; 1482124a924611bb8104658053bb5345b853f93a626Scott Main} 1492124a924611bb8104658053bb5345b853f93a626Scott Mainfieldset, iframe, img { 1502124a924611bb8104658053bb5345b853f93a626Scott Main border: 0; 1512124a924611bb8104658053bb5345b853f93a626Scott Main} 1522124a924611bb8104658053bb5345b853f93a626Scott Mainimg { 1532124a924611bb8104658053bb5345b853f93a626Scott Main border: none; 1542124a924611bb8104658053bb5345b853f93a626Scott Main -ms-interpolation-mode: bicubic; 1552124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 100%; 1562124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: middle; 1572124a924611bb8104658053bb5345b853f93a626Scott Main} 1582124a924611bb8104658053bb5345b853f93a626Scott Main 1592124a924611bb8104658053bb5345b853f93a626Scott Mainvideo { 1602124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 1612124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 10px; /* same as img */ 1622124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 100%; 1632124a924611bb8104658053bb5345b853f93a626Scott Main object-fit: cover; 1642124a924611bb8104658053bb5345b853f93a626Scott Main} 1652124a924611bb8104658053bb5345b853f93a626Scott Main 1662124a924611bb8104658053bb5345b853f93a626Scott Main.video-wrapper { 1672124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 0; 1682124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 10px; /* same as img */ 1692124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 1702124a924611bb8104658053bb5345b853f93a626Scott Main} 1712124a924611bb8104658053bb5345b853f93a626Scott Main 1722124a924611bb8104658053bb5345b853f93a626Scott Main.video-wrapper video { 1732124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 1742124a924611bb8104658053bb5345b853f93a626Scott Main} 1752124a924611bb8104658053bb5345b853f93a626Scott Main 1762124a924611bb8104658053bb5345b853f93a626Scott Main.video-wrapper:before { 1772124a924611bb8104658053bb5345b853f93a626Scott Main background: rgba(0, 0, 0, 0.5) url(//material-design.storage.googleapis.com/images/play.svg) no-repeat center center; 1782124a924611bb8104658053bb5345b853f93a626Scott Main background-size: 72px 72px; 1792124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 1802124a924611bb8104658053bb5345b853f93a626Scott Main content: ""; 1812124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 1822124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 1832124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 1842124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 1852124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity .2s; 1862124a924611bb8104658053bb5345b853f93a626Scott Main} 1872124a924611bb8104658053bb5345b853f93a626Scott Main 1882124a924611bb8104658053bb5345b853f93a626Scott Main.video-wrapper:hover:before { 1892124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .7; 1902124a924611bb8104658053bb5345b853f93a626Scott Main} 1912124a924611bb8104658053bb5345b853f93a626Scott Main 1922124a924611bb8104658053bb5345b853f93a626Scott Main.video-wrapper.playing:before { 1932124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; 1942124a924611bb8104658053bb5345b853f93a626Scott Main} 1952124a924611bb8104658053bb5345b853f93a626Scott Main 1962124a924611bb8104658053bb5345b853f93a626Scott Mainq { 1972124a924611bb8104658053bb5345b853f93a626Scott Main quotes: none; 1982124a924611bb8104658053bb5345b853f93a626Scott Main} 1992124a924611bb8104658053bb5345b853f93a626Scott Mainsup, sub { 2002124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 11px; 2012124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 0; 2022124a924611bb8104658053bb5345b853f93a626Scott Main} 2032124a924611bb8104658053bb5345b853f93a626Scott Main 2042124a924611bb8104658053bb5345b853f93a626Scott Maintable, fieldset { 2052124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 2062124a924611bb8104658053bb5345b853f93a626Scott Main} 2072124a924611bb8104658053bb5345b853f93a626Scott Main/* Biggest type */ 2082124a924611bb8104658053bb5345b853f93a626Scott Main.display-1 { 2092124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 56px; 2102124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 68px; 2112124a924611bb8104658053bb5345b853f93a626Scott Main} 2122124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 2132124a924611bb8104658053bb5345b853f93a626Scott Main .display-1 { 2142124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 44px; 2152124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 56px; 2162124a924611bb8104658053bb5345b853f93a626Scott Main } 2172124a924611bb8104658053bb5345b853f93a626Scott Main} 2182124a924611bb8104658053bb5345b853f93a626Scott Mainh1, h2, h3 { 2192124a924611bb8104658053bb5345b853f93a626Scott Main color: #212121; 2202124a924611bb8104658053bb5345b853f93a626Scott Main color: rgba(0, 0, 0, .87); 2212124a924611bb8104658053bb5345b853f93a626Scott Main} 2222124a924611bb8104658053bb5345b853f93a626Scott Mainh1 { 2232124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 44px; 2242124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 56px; 2252124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 300; 2262124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 2272124a924611bb8104658053bb5345b853f93a626Scott Main padding: 24px 0 12px; 2282124a924611bb8104658053bb5345b853f93a626Scott Main} 2292124a924611bb8104658053bb5345b853f93a626Scott Mainh1.short { 2302124a924611bb8104658053bb5345b853f93a626Scott Main padding-right:320px; 2312124a924611bb8104658053bb5345b853f93a626Scott Main} 2322124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 2332124a924611bb8104658053bb5345b853f93a626Scott Main h1 { 2342124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 36px; 2352124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 48px; 2362124a924611bb8104658053bb5345b853f93a626Scott Main } 2372124a924611bb8104658053bb5345b853f93a626Scott Main} 2382124a924611bb8104658053bb5345b853f93a626Scott Mainh2 { 2392124a924611bb8104658053bb5345b853f93a626Scott Main clear: left; 2402124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 28px; 2412124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 400; 2422124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 32px; 2432124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 2442124a924611bb8104658053bb5345b853f93a626Scott Main padding: 12px 0 16px; 2452124a924611bb8104658053bb5345b853f93a626Scott Main} 2462124a924611bb8104658053bb5345b853f93a626Scott Mainh3 { 2472124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 24px; 2482124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 32px; 2492124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 400; 2502124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 2512124a924611bb8104658053bb5345b853f93a626Scott Main padding: 8px 0 12px; 2522124a924611bb8104658053bb5345b853f93a626Scott Main} 2532124a924611bb8104658053bb5345b853f93a626Scott Mainh4 { 2542124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 18px; 2552124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 24px; 2562124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 2572124a924611bb8104658053bb5345b853f93a626Scott Main padding: 4px 0 8px; 2582124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 2592124a924611bb8104658053bb5345b853f93a626Scott Main} 2602124a924611bb8104658053bb5345b853f93a626Scott Mainh5, h6 { 2612124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 2622124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 24px; 2632124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 2642124a924611bb8104658053bb5345b853f93a626Scott Main padding: 4px 0 8px; 2652124a924611bb8104658053bb5345b853f93a626Scott Main} 2662124a924611bb8104658053bb5345b853f93a626Scott Mainth>h3 { 2672124a924611bb8104658053bb5345b853f93a626Scott Main font-size:inherit; 2682124a924611bb8104658053bb5345b853f93a626Scott Main line-height:inherit; 2692124a924611bb8104658053bb5345b853f93a626Scott Main font-weight:inherit; 2702124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 2712124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 2722124a924611bb8104658053bb5345b853f93a626Scott Main color:inherit; 2732124a924611bb8104658053bb5345b853f93a626Scott Main} 2742124a924611bb8104658053bb5345b853f93a626Scott Mainhr { /* applied to the bottom of h2 elements */ 2752124a924611bb8104658053bb5345b853f93a626Scott Main height: 1px; 2762124a924611bb8104658053bb5345b853f93a626Scott Main margin: 7px 0 12px; 2772124a924611bb8104658053bb5345b853f93a626Scott Main border: 0; 2782124a924611bb8104658053bb5345b853f93a626Scott Main background: rgba(0, 0, 0, 0.1); 2792124a924611bb8104658053bb5345b853f93a626Scott Main} 2802124a924611bb8104658053bb5345b853f93a626Scott Mainh2[id], h3[id], h4[id], h5[id], h6[id] { 2812124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: -64px; 2822124a924611bb8104658053bb5345b853f93a626Scott Main border-top: 64px solid transparent; 2832124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-background-clip: padding-box; 2842124a924611bb8104658053bb5345b853f93a626Scott Main -moz-background-clip: padding; 2852124a924611bb8104658053bb5345b853f93a626Scott Main background-clip: padding-box; 2862124a924611bb8104658053bb5345b853f93a626Scott Main} 2872124a924611bb8104658053bb5345b853f93a626Scott Mainp, pre, table, form { 2882124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 12px; 2892124a924611bb8104658053bb5345b853f93a626Scott Main} 2902124a924611bb8104658053bb5345b853f93a626Scott Mainsmall { 2912124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 11.5px; 2922124a924611bb8104658053bb5345b853f93a626Scott Main color: #000; 2932124a924611bb8104658053bb5345b853f93a626Scott Main} 2942124a924611bb8104658053bb5345b853f93a626Scott Mainul, ol { 2952124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 15px 20px; 2962124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 2972124a924611bb8104658053bb5345b853f93a626Scott Main} 2982124a924611bb8104658053bb5345b853f93a626Scott Main[dir='rtl'] ul, [dir='rtl'] ol { 2992124a924611bb8104658053bb5345b853f93a626Scott Main margin: 10px 30px 10px 10px; 3002124a924611bb8104658053bb5345b853f93a626Scott Main} 3012124a924611bb8104658053bb5345b853f93a626Scott Mainul ul, ul ol, ol ul, ol ol { 3022124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 0; 3032124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 0; 3042124a924611bb8104658053bb5345b853f93a626Scott Main} 3052124a924611bb8104658053bb5345b853f93a626Scott Mainli { 3062124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 12px; 3072124a924611bb8104658053bb5345b853f93a626Scott Main} 3082124a924611bb8104658053bb5345b853f93a626Scott Maindt { 3092124a924611bb8104658053bb5345b853f93a626Scott Main margin: 24px 0 12px; 3102124a924611bb8104658053bb5345b853f93a626Scott Main} 3112124a924611bb8104658053bb5345b853f93a626Scott Maindd { 3122124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 0 10px 40px; 3132124a924611bb8104658053bb5345b853f93a626Scott Main} 3142124a924611bb8104658053bb5345b853f93a626Scott Maindd p, 3152124a924611bb8104658053bb5345b853f93a626Scott Maindd pre, 3162124a924611bb8104658053bb5345b853f93a626Scott Maindd ul, 3172124a924611bb8104658053bb5345b853f93a626Scott Maindd ol, 3182124a924611bb8104658053bb5345b853f93a626Scott Maindd dl { 3192124a924611bb8104658053bb5345b853f93a626Scott Main margin-top:10px; 3202124a924611bb8104658053bb5345b853f93a626Scott Main} 3212124a924611bb8104658053bb5345b853f93a626Scott Mainli p, 3222124a924611bb8104658053bb5345b853f93a626Scott Mainli pre, 3232124a924611bb8104658053bb5345b853f93a626Scott Mainli ul, 3242124a924611bb8104658053bb5345b853f93a626Scott Mainli ol, 3252124a924611bb8104658053bb5345b853f93a626Scott Mainli dl, 3262124a924611bb8104658053bb5345b853f93a626Scott Main#body-content li img { 3272124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 6px; 3282124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 6px; 3292124a924611bb8104658053bb5345b853f93a626Scott Main} 3302124a924611bb8104658053bb5345b853f93a626Scott Maindl dd dl:first-child { 3312124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 0; 3322124a924611bb8104658053bb5345b853f93a626Scott Main} 3332124a924611bb8104658053bb5345b853f93a626Scott Mainpre strong, pre b, a strong, a b, a code { 3342124a924611bb8104658053bb5345b853f93a626Scott Main color: inherit; 3352124a924611bb8104658053bb5345b853f93a626Scott Main} 3362124a924611bb8104658053bb5345b853f93a626Scott Mainpre, code { 3372124a924611bb8104658053bb5345b853f93a626Scott Main color: #060; 3382124a924611bb8104658053bb5345b853f93a626Scott Main font: 13px/18px Consolas, "Liberation Mono", Menlo, Monaco, Courier, monospace; 3392124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-font-smoothing: subpixel-antialiased; 3402124a924611bb8104658053bb5345b853f93a626Scott Main -moz-osx-font-smoothing: auto; 3412124a924611bb8104658053bb5345b853f93a626Scott Main} 3422124a924611bb8104658053bb5345b853f93a626Scott Mainlegend { 3432124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 3442124a924611bb8104658053bb5345b853f93a626Scott Main} 3452124a924611bb8104658053bb5345b853f93a626Scott Maina, .link-color { 3462124a924611bb8104658053bb5345b853f93a626Scott Main color: #039BE5; 3472124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration: none; 3482124a924611bb8104658053bb5345b853f93a626Scott Main} 3492124a924611bb8104658053bb5345b853f93a626Scott Maina:focus, a:hover { 3502124a924611bb8104658053bb5345b853f93a626Scott Main color: rgba(3, 155, 229, .7); 3512124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration: none; 3522124a924611bb8104658053bb5345b853f93a626Scott Main} 3532124a924611bb8104658053bb5345b853f93a626Scott Maina.white { 3542124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 3552124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration:underline; 3562124a924611bb8104658053bb5345b853f93a626Scott Main} 3572124a924611bb8104658053bb5345b853f93a626Scott Maina.white:hover, a.white:active { 3582124a924611bb8104658053bb5345b853f93a626Scott Main color: #ccc; 3592124a924611bb8104658053bb5345b853f93a626Scott Main} 3602124a924611bb8104658053bb5345b853f93a626Scott Mainstrong, b { 3612124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: bold; 3622124a924611bb8104658053bb5345b853f93a626Scott Main} 3632124a924611bb8104658053bb5345b853f93a626Scott Maintable { 3642124a924611bb8104658053bb5345b853f93a626Scott Main border-collapse: collapse; 3652124a924611bb8104658053bb5345b853f93a626Scott Main border-spacing: 0; 3662124a924611bb8104658053bb5345b853f93a626Scott Main border:0; 3672124a924611bb8104658053bb5345b853f93a626Scott Main margin: .5em 1em 1em 0; 3682124a924611bb8104658053bb5345b853f93a626Scott Main width:100%; /* consistent table widths; within IE's quirks */ 3692124a924611bb8104658053bb5345b853f93a626Scott Main background-color:#f7f7f7; 3702124a924611bb8104658053bb5345b853f93a626Scott Main} 3712124a924611bb8104658053bb5345b853f93a626Scott Mainth, td { 3722124a924611bb8104658053bb5345b853f93a626Scott Main padding: 4px 12px; 3732124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: top; 3742124a924611bb8104658053bb5345b853f93a626Scott Main text-align: left; 3752124a924611bb8104658053bb5345b853f93a626Scott Main} 3762124a924611bb8104658053bb5345b853f93a626Scott Maintd { 3772124a924611bb8104658053bb5345b853f93a626Scott Main background-color:inherit; 3782124a924611bb8104658053bb5345b853f93a626Scott Main border:solid 1px #DDD; 3792124a924611bb8104658053bb5345b853f93a626Scott Main} 3802124a924611bb8104658053bb5345b853f93a626Scott Maintd *:last-child { 3812124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom:0; 3822124a924611bb8104658053bb5345b853f93a626Scott Main} 3832124a924611bb8104658053bb5345b853f93a626Scott Mainth { 3842124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #999; 3852124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 3862124a924611bb8104658053bb5345b853f93a626Scott Main border:solid 1px #DDD; 3872124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: normal; 3882124a924611bb8104658053bb5345b853f93a626Scott Main} 3892124a924611bb8104658053bb5345b853f93a626Scott Maintr.alt th { 3902124a924611bb8104658053bb5345b853f93a626Scott Main color:inherit; 3912124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #e0e0e0; 3922124a924611bb8104658053bb5345b853f93a626Scott Main} 3932124a924611bb8104658053bb5345b853f93a626Scott Maintr:first-of-type th:first-of-type:empty { 3942124a924611bb8104658053bb5345b853f93a626Scott Main visibility: hidden; 3952124a924611bb8104658053bb5345b853f93a626Scott Main} 3962124a924611bb8104658053bb5345b853f93a626Scott Main 3972124a924611bb8104658053bb5345b853f93a626Scott Maina.external-link { 3982124a924611bb8104658053bb5345b853f93a626Scott Main background:url('../images/styles/open_new_page.png') no-repeat 100% 50%; 3992124a924611bb8104658053bb5345b853f93a626Scott Main padding-right:16px; 4002124a924611bb8104658053bb5345b853f93a626Scott Main} 4012124a924611bb8104658053bb5345b853f93a626Scott Main 4022124a924611bb8104658053bb5345b853f93a626Scott Main#body-content img { 4032124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom:12px; 4042124a924611bb8104658053bb5345b853f93a626Scott Main} 4052124a924611bb8104658053bb5345b853f93a626Scott Main 4062124a924611bb8104658053bb5345b853f93a626Scott Main#body-content p>img { 4072124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom:0; 4082124a924611bb8104658053bb5345b853f93a626Scott Main} 4092124a924611bb8104658053bb5345b853f93a626Scott Main 4102124a924611bb8104658053bb5345b853f93a626Scott Main#body-content img.inline-icon { 4112124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align:sub; 4122124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 4132124a924611bb8104658053bb5345b853f93a626Scott Main height:16px; 4142124a924611bb8104658053bb5345b853f93a626Scott Main} 4152124a924611bb8104658053bb5345b853f93a626Scott Main 4162124a924611bb8104658053bb5345b853f93a626Scott Mainem { 4172124a924611bb8104658053bb5345b853f93a626Scott Main font-style: italic; } 4182124a924611bb8104658053bb5345b853f93a626Scott Main 4192124a924611bb8104658053bb5345b853f93a626Scott Mainacronym, 4202124a924611bb8104658053bb5345b853f93a626Scott Main.tooltip-link { 4212124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom: 1px dotted #555555; 4222124a924611bb8104658053bb5345b853f93a626Scott Main cursor: help; } 4232124a924611bb8104658053bb5345b853f93a626Scott Main 4242124a924611bb8104658053bb5345b853f93a626Scott Mainacronym:hover, 4252124a924611bb8104658053bb5345b853f93a626Scott Main.tooltip-link:hover { 4262124a924611bb8104658053bb5345b853f93a626Scott Main color: #7aa1b0; 4272124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom-color: #7aa1b0; } 4282124a924611bb8104658053bb5345b853f93a626Scott Main 4292124a924611bb8104658053bb5345b853f93a626Scott Mainimg.with-shadow, 4302124a924611bb8104658053bb5345b853f93a626Scott Mainvideo.with-shadow { 4312124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); } 4322124a924611bb8104658053bb5345b853f93a626Scott Main 4332124a924611bb8104658053bb5345b853f93a626Scott Main/* disclosures mixin */ 4342124a924611bb8104658053bb5345b853f93a626Scott Main/* content layout */ 4352124a924611bb8104658053bb5345b853f93a626Scott Main/* This grid is deprecated in favor of .cols and .col-X */ 4362124a924611bb8104658053bb5345b853f93a626Scott Main.layout-content-row { 4372124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 4382124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 10px; } 4392124a924611bb8104658053bb5345b853f93a626Scott Main * html .layout-content-row { 4402124a924611bb8104658053bb5345b853f93a626Scott Main height: 1px; } 4412124a924611bb8104658053bb5345b853f93a626Scott Main 4422124a924611bb8104658053bb5345b853f93a626Scott Main.layout-content-col { 4432124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 4442124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 20px; } 4452124a924611bb8104658053bb5345b853f93a626Scott Main .layout-content-col:first-child { 4462124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 0; } 4472124a924611bb8104658053bb5345b853f93a626Scott Main .layout-content-col h3, 4482124a924611bb8104658053bb5345b853f93a626Scott Main .layout-content-col h4 { 4492124a924611bb8104658053bb5345b853f93a626Scott Main padding-top:0; } 4502124a924611bb8104658053bb5345b853f93a626Scott Main 4512124a924611bb8104658053bb5345b853f93a626Scott Main.layout-content-col.span-1 { 4522124a924611bb8104658053bb5345b853f93a626Scott Main width: 40px; } 4532124a924611bb8104658053bb5345b853f93a626Scott Main 4542124a924611bb8104658053bb5345b853f93a626Scott Main.layout-content-col.span-2 { 4552124a924611bb8104658053bb5345b853f93a626Scott Main width: 100px; } 4562124a924611bb8104658053bb5345b853f93a626Scott Main 4572124a924611bb8104658053bb5345b853f93a626Scott Main.layout-content-col.span-3 { 4582124a924611bb8104658053bb5345b853f93a626Scott Main width: 160px; } 4592124a924611bb8104658053bb5345b853f93a626Scott Main 4602124a924611bb8104658053bb5345b853f93a626Scott Main.layout-content-col.span-4 { 4612124a924611bb8104658053bb5345b853f93a626Scott Main width: 220px; } 4622124a924611bb8104658053bb5345b853f93a626Scott Main 4632124a924611bb8104658053bb5345b853f93a626Scott Main.layout-content-col.span-5 { 4642124a924611bb8104658053bb5345b853f93a626Scott Main width: 280px; } 4652124a924611bb8104658053bb5345b853f93a626Scott Main 4662124a924611bb8104658053bb5345b853f93a626Scott Main.layout-content-col.span-6 { 4672124a924611bb8104658053bb5345b853f93a626Scott Main width: 340px; } 4682124a924611bb8104658053bb5345b853f93a626Scott Main 4692124a924611bb8104658053bb5345b853f93a626Scott Main.layout-content-col.span-7 { 4702124a924611bb8104658053bb5345b853f93a626Scott Main width: 400px; } 4712124a924611bb8104658053bb5345b853f93a626Scott Main 4722124a924611bb8104658053bb5345b853f93a626Scott Main.layout-content-col.span-8 { 4732124a924611bb8104658053bb5345b853f93a626Scott Main width: 460px; } 4742124a924611bb8104658053bb5345b853f93a626Scott Main 4752124a924611bb8104658053bb5345b853f93a626Scott Main.layout-content-col.span-9 { 4762124a924611bb8104658053bb5345b853f93a626Scott Main width: 520px; } 4772124a924611bb8104658053bb5345b853f93a626Scott Main 4782124a924611bb8104658053bb5345b853f93a626Scott Main.layout-content-col.span-10 { 4792124a924611bb8104658053bb5345b853f93a626Scott Main width: 580px; } 4802124a924611bb8104658053bb5345b853f93a626Scott Main 4812124a924611bb8104658053bb5345b853f93a626Scott Main.layout-content-col.span-11 { 4822124a924611bb8104658053bb5345b853f93a626Scott Main width: 640px; } 4832124a924611bb8104658053bb5345b853f93a626Scott Main 4842124a924611bb8104658053bb5345b853f93a626Scott Main.layout-content-col.span-12 { 4852124a924611bb8104658053bb5345b853f93a626Scott Main width: 700px; } 4862124a924611bb8104658053bb5345b853f93a626Scott Main 4872124a924611bb8104658053bb5345b853f93a626Scott Main.layout-content-col.span-13 { 4882124a924611bb8104658053bb5345b853f93a626Scott Main width: 760px; } 4892124a924611bb8104658053bb5345b853f93a626Scott Main 4902124a924611bb8104658053bb5345b853f93a626Scott Main.vspace.size-1 { 4912124a924611bb8104658053bb5345b853f93a626Scott Main height: 10px; } 4922124a924611bb8104658053bb5345b853f93a626Scott Main 4932124a924611bb8104658053bb5345b853f93a626Scott Main.vspace.size-2 { 4942124a924611bb8104658053bb5345b853f93a626Scott Main height: 20px; } 4952124a924611bb8104658053bb5345b853f93a626Scott Main 4962124a924611bb8104658053bb5345b853f93a626Scott Main.vspace.size-3 { 4972124a924611bb8104658053bb5345b853f93a626Scott Main height: 30px; } 4982124a924611bb8104658053bb5345b853f93a626Scott Main 4992124a924611bb8104658053bb5345b853f93a626Scott Main.vspace.size-4 { 5002124a924611bb8104658053bb5345b853f93a626Scott Main height: 40px; } 5012124a924611bb8104658053bb5345b853f93a626Scott Main 5022124a924611bb8104658053bb5345b853f93a626Scott Main.vspace.size-5 { 5032124a924611bb8104658053bb5345b853f93a626Scott Main height: 50px; } 5042124a924611bb8104658053bb5345b853f93a626Scott Main 5052124a924611bb8104658053bb5345b853f93a626Scott Main.vspace.size-6 { 5062124a924611bb8104658053bb5345b853f93a626Scott Main height: 60px; } 5072124a924611bb8104658053bb5345b853f93a626Scott Main 5082124a924611bb8104658053bb5345b853f93a626Scott Main.vspace.size-7 { 5092124a924611bb8104658053bb5345b853f93a626Scott Main height: 70px; } 5102124a924611bb8104658053bb5345b853f93a626Scott Main 5112124a924611bb8104658053bb5345b853f93a626Scott Main.vspace.size-8 { 5122124a924611bb8104658053bb5345b853f93a626Scott Main height: 80px; } 5132124a924611bb8104658053bb5345b853f93a626Scott Main 5142124a924611bb8104658053bb5345b853f93a626Scott Main.vspace.size-9 { 5152124a924611bb8104658053bb5345b853f93a626Scott Main height: 90px; } 5162124a924611bb8104658053bb5345b853f93a626Scott Main 5172124a924611bb8104658053bb5345b853f93a626Scott Main.vspace.size-10 { 5182124a924611bb8104658053bb5345b853f93a626Scott Main height: 100px; } 5192124a924611bb8104658053bb5345b853f93a626Scott Main 5202124a924611bb8104658053bb5345b853f93a626Scott Main.vspace.size-11 { 5212124a924611bb8104658053bb5345b853f93a626Scott Main height: 110px; } 5222124a924611bb8104658053bb5345b853f93a626Scott Main 5232124a924611bb8104658053bb5345b853f93a626Scott Main.vspace.size-12 { 5242124a924611bb8104658053bb5345b853f93a626Scott Main height: 120px; } 5252124a924611bb8104658053bb5345b853f93a626Scott Main 5262124a924611bb8104658053bb5345b853f93a626Scott Main.vspace.size-13 { 5272124a924611bb8104658053bb5345b853f93a626Scott Main height: 130px; } 5282124a924611bb8104658053bb5345b853f93a626Scott Main 5292124a924611bb8104658053bb5345b853f93a626Scott Main.vspace.size-14 { 5302124a924611bb8104658053bb5345b853f93a626Scott Main height: 140px; } 5312124a924611bb8104658053bb5345b853f93a626Scott Main 5322124a924611bb8104658053bb5345b853f93a626Scott Main.vspace.size-15 { 5332124a924611bb8104658053bb5345b853f93a626Scott Main height: 150px; } 5342124a924611bb8104658053bb5345b853f93a626Scott Main 5352124a924611bb8104658053bb5345b853f93a626Scott Main.vspace.size-16 { 5362124a924611bb8104658053bb5345b853f93a626Scott Main height: 160px; } 5372124a924611bb8104658053bb5345b853f93a626Scott Main 5382124a924611bb8104658053bb5345b853f93a626Scott Main.new, 5392124a924611bb8104658053bb5345b853f93a626Scott Main.new-child { 5402124a924611bb8104658053bb5345b853f93a626Scott Main font-size: .78em; 5412124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: bold; 5422124a924611bb8104658053bb5345b853f93a626Scott Main color: #ff3d3d; 5432124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align:top; 5442124a924611bb8104658053bb5345b853f93a626Scott Main white-space:nowrap; 5452124a924611bb8104658053bb5345b853f93a626Scott Main} 5462124a924611bb8104658053bb5345b853f93a626Scott Main 5472124a924611bb8104658053bb5345b853f93a626Scott Main/* content header */ 5482124a924611bb8104658053bb5345b853f93a626Scott Main.content-header { 5492124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 5502124a924611bb8104658053bb5345b853f93a626Scott Main} 5512124a924611bb8104658053bb5345b853f93a626Scott Main.content-header:before, 5522124a924611bb8104658053bb5345b853f93a626Scott Main.content-header:after { 5532124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 5542124a924611bb8104658053bb5345b853f93a626Scott Main display: table; 5552124a924611bb8104658053bb5345b853f93a626Scott Main /* Clear heading margins, to make absolutely positioned nav a bit more predictable. */ 5562124a924611bb8104658053bb5345b853f93a626Scott Main} 5572124a924611bb8104658053bb5345b853f93a626Scott Main.content-header.just-links { 5582124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom:0; 5592124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom:0;} 5602124a924611bb8104658053bb5345b853f93a626Scott Main 5612124a924611bb8104658053bb5345b853f93a626Scott Main.content-footer { 5622124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 10px; 5632124a924611bb8104658053bb5345b853f93a626Scott Main padding-top:10px; 5642124a924611bb8104658053bb5345b853f93a626Scott Main width:100%; } 5652124a924611bb8104658053bb5345b853f93a626Scott Main 5662124a924611bb8104658053bb5345b853f93a626Scott Main.content-footer .col-9 { 5672124a924611bb8104658053bb5345b853f93a626Scott Main margin-left:0; 5682124a924611bb8104658053bb5345b853f93a626Scott Main} 5692124a924611bb8104658053bb5345b853f93a626Scott Main.content-footer .col-4 { 5702124a924611bb8104658053bb5345b853f93a626Scott Main margin-right:0; 5712124a924611bb8104658053bb5345b853f93a626Scott Main} 5722124a924611bb8104658053bb5345b853f93a626Scott Main.content-footer.wrap { 5732124a924611bb8104658053bb5345b853f93a626Scott Main max-width:940px; 5742124a924611bb8104658053bb5345b853f93a626Scott Main} 5752124a924611bb8104658053bb5345b853f93a626Scott Main.content-footer .plus-container { 5762124a924611bb8104658053bb5345b853f93a626Scott Main margin:5px 0 0; 5772124a924611bb8104658053bb5345b853f93a626Scott Main text-align:right; 5782124a924611bb8104658053bb5345b853f93a626Scott Main float:right; 5792124a924611bb8104658053bb5345b853f93a626Scott Main} 5802124a924611bb8104658053bb5345b853f93a626Scott Main 5812124a924611bb8104658053bb5345b853f93a626Scott Maina.back-link { 5822124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration: none; 5832124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: uppercase; 5842124a924611bb8104658053bb5345b853f93a626Scott Main} 5852124a924611bb8104658053bb5345b853f93a626Scott Main 5862124a924611bb8104658053bb5345b853f93a626Scott Main.content-header .paging-links { 5872124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 5882124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 5892124a924611bb8104658053bb5345b853f93a626Scott Main top: 8px; 5902124a924611bb8104658053bb5345b853f93a626Scott Main width: 220px; 5912124a924611bb8104658053bb5345b853f93a626Scott Main} 5922124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links { 5932124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 5942124a924611bb8104658053bb5345b853f93a626Scott Main min-height:30px; } 5952124a924611bb8104658053bb5345b853f93a626Scott Main .paging-links a, 5962124a924611bb8104658053bb5345b853f93a626Scott Main .training-nav-top a { 5972124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration: none; } 5982124a924611bb8104658053bb5345b853f93a626Scott Main .training-nav-top .prev-page-link:before, 5992124a924611bb8104658053bb5345b853f93a626Scott Main a.back-link:before { 6002124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 6012124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/disclosure_left.png) no-repeat scroll 50% 50%; 6022124a924611bb8104658053bb5345b853f93a626Scott Main width: 10px; 6032124a924611bb8104658053bb5345b853f93a626Scott Main height: 10px; 6042124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 6052124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 5px; } 6062124a924611bb8104658053bb5345b853f93a626Scott Main .training-nav-top .next-page-link:after, 6072124a924611bb8104658053bb5345b853f93a626Scott Main .training-nav-top .start-class-link:after, 6082124a924611bb8104658053bb5345b853f93a626Scott Main .training-nav-top .start-course-link:after, 6092124a924611bb8104658053bb5345b853f93a626Scott Main .go-link:after { 6102124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 6112124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/disclosure_right.png) no-repeat scroll 50% 50%; 6122124a924611bb8104658053bb5345b853f93a626Scott Main width: 10px; 6132124a924611bb8104658053bb5345b853f93a626Scott Main height: 10px; 6142124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 6152124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 5px; } 6162124a924611bb8104658053bb5345b853f93a626Scott Main .prev-page-link.inline:before { 6172124a924611bb8104658053bb5345b853f93a626Scott Main content: none; } 6182124a924611bb8104658053bb5345b853f93a626Scott Main .next-page-link.inline:after { 6192124a924611bb8104658053bb5345b853f93a626Scott Main content: none; } 6202124a924611bb8104658053bb5345b853f93a626Scott Main 6212124a924611bb8104658053bb5345b853f93a626Scott Main .content-footer { 6222124a924611bb8104658053bb5345b853f93a626Scott Main left:0; 6232124a924611bb8104658053bb5345b853f93a626Scott Main } 6242124a924611bb8104658053bb5345b853f93a626Scott Main 6252124a924611bb8104658053bb5345b853f93a626Scott Main .training-nav-top a { 6262124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom:0; 6272124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 6282124a924611bb8104658053bb5345b853f93a626Scott Main color: inherit; 6292124a924611bb8104658053bb5345b853f93a626Scott Main display:block; 6302124a924611bb8104658053bb5345b853f93a626Scott Main float:left; 6312124a924611bb8104658053bb5345b853f93a626Scott Main padding:10px 0; 6322124a924611bb8104658053bb5345b853f93a626Scott Main line-height:30px; 6332124a924611bb8104658053bb5345b853f93a626Scott Main text-align:center; 6342124a924611bb8104658053bb5345b853f93a626Scott Main width: 50%; 6352124a924611bb8104658053bb5345b853f93a626Scott Main } 6362124a924611bb8104658053bb5345b853f93a626Scott Main 6372124a924611bb8104658053bb5345b853f93a626Scott Main .training-nav-top a.prev-page-link { 6382124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 15px; 6392124a924611bb8104658053bb5345b853f93a626Scott Main text-align: left; 6402124a924611bb8104658053bb5345b853f93a626Scott Main } 6412124a924611bb8104658053bb5345b853f93a626Scott Main 6422124a924611bb8104658053bb5345b853f93a626Scott Main .training-nav-top a.next-page-link { 6432124a924611bb8104658053bb5345b853f93a626Scott Main padding-right: 15px; 6442124a924611bb8104658053bb5345b853f93a626Scott Main text-align: right; 6452124a924611bb8104658053bb5345b853f93a626Scott Main } 6462124a924611bb8104658053bb5345b853f93a626Scott Main 6472124a924611bb8104658053bb5345b853f93a626Scott Main .paging-links a.disabled, 6482124a924611bb8104658053bb5345b853f93a626Scott Main .training-nav-top a.disabled, 6492124a924611bb8104658053bb5345b853f93a626Scott Main .content-footer a.disabled { 6502124a924611bb8104658053bb5345b853f93a626Scott Main color:#bbb; 6512124a924611bb8104658053bb5345b853f93a626Scott Main } 6522124a924611bb8104658053bb5345b853f93a626Scott Main 6532124a924611bb8104658053bb5345b853f93a626Scott Main .paging-links a.disabled:hover, 6542124a924611bb8104658053bb5345b853f93a626Scott Main .training-nav-top a.disabled:hover, 6552124a924611bb8104658053bb5345b853f93a626Scott Main .content-footer a.disabled:hover { 6562124a924611bb8104658053bb5345b853f93a626Scott Main cursor:default; 6572124a924611bb8104658053bb5345b853f93a626Scott Main color:#bbb !important; 6582124a924611bb8104658053bb5345b853f93a626Scott Main } 6592124a924611bb8104658053bb5345b853f93a626Scott Main 6602124a924611bb8104658053bb5345b853f93a626Scott Main .training-nav-top a.start-class-link, 6612124a924611bb8104658053bb5345b853f93a626Scott Main .training-nav-top a.start-course-link { 6622124a924611bb8104658053bb5345b853f93a626Scott Main width:100%; 6632124a924611bb8104658053bb5345b853f93a626Scott Main } 6642124a924611bb8104658053bb5345b853f93a626Scott Main 6652124a924611bb8104658053bb5345b853f93a626Scott Main /* list of classes on course landing page */ 6662124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list { 6672124a924611bb8104658053bb5345b853f93a626Scott Main counter-reset: class; 6682124a924611bb8104658053bb5345b853f93a626Scott Main list-style: none; 6692124a924611bb8104658053bb5345b853f93a626Scott Main margin: 60px 0 0; 6702124a924611bb8104658053bb5345b853f93a626Scott Main } 6712124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list>li { 6722124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26); 6732124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 20px; 6742124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 6752124a924611bb8104658053bb5345b853f93a626Scott Main } 6762124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list .title { 6772124a924611bb8104658053bb5345b853f93a626Scott Main background: #00bcd4; 6782124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 6792124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 6802124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 20px; 6812124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 6822124a924611bb8104658053bb5345b853f93a626Scott Main height: 32px; 6832124a924611bb8104658053bb5345b853f93a626Scott Main padding: 52px 16px 12px; 6842124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 6852124a924611bb8104658053bb5345b853f93a626Scott Main } 6862124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list .title:before { 6872124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom: 1px solid white; 6882124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 6892124a924611bb8104658053bb5345b853f93a626Scott Main /* Disable the numbers for now, since vert few classes need to be taken in order. */ 6902124a924611bb8104658053bb5345b853f93a626Scott Main /* content: counter(class); */ 6912124a924611bb8104658053bb5345b853f93a626Scott Main counter-increment: class; 6922124a924611bb8104658053bb5345b853f93a626Scott Main height: 40px; 6932124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 6942124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px 1px 0 5px; 6952124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 6962124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 6972124a924611bb8104658053bb5345b853f93a626Scott Main text-align: right; 6982124a924611bb8104658053bb5345b853f93a626Scott Main min-width: 30px; 6992124a924611bb8104658053bb5345b853f93a626Scott Main } 7002124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list .title h2 { 7012124a924611bb8104658053bb5345b853f93a626Scott Main color: currentColor; 7022124a924611bb8104658053bb5345b853f93a626Scott Main font-size: inherit; 7032124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: inherit; 7042124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 0 10px; 7052124a924611bb8104658053bb5345b853f93a626Scott Main display:block; 7062124a924611bb8104658053bb5345b853f93a626Scott Main float:left; 7072124a924611bb8104658053bb5345b853f93a626Scott Main width:675px; 7082124a924611bb8104658053bb5345b853f93a626Scott Main } 7092124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list .title span { 7102124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 7112124a924611bb8104658053bb5345b853f93a626Scott Main float:left; 7122124a924611bb8104658053bb5345b853f93a626Scott Main font-size:18px; 7132124a924611bb8104658053bb5345b853f93a626Scott Main font-weight:bold; 7142124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/disclosure_right.png) no-repeat scroll 50% 50%; 7152124a924611bb8104658053bb5345b853f93a626Scott Main width: 10px; 7162124a924611bb8104658053bb5345b853f93a626Scott Main height: 32px; 7172124a924611bb8104658053bb5345b853f93a626Scott Main } 7182124a924611bb8104658053bb5345b853f93a626Scott Main 7192124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list .description { 7202124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 7212124a924611bb8104658053bb5345b853f93a626Scott Main float:left; 7222124a924611bb8104658053bb5345b853f93a626Scott Main display:block; 7232124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 7242124a924611bb8104658053bb5345b853f93a626Scott Main padding: 16px 10px 16px 16px; 7252124a924611bb8104658053bb5345b853f93a626Scott Main width: 50%; 7262124a924611bb8104658053bb5345b853f93a626Scott Main } 7272124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list .description.article { 7282124a924611bb8104658053bb5345b853f93a626Scott Main width: 550px; 7292124a924611bb8104658053bb5345b853f93a626Scott Main } 7302124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list ol { 7312124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 7322124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 7332124a924611bb8104658053bb5345b853f93a626Scott Main list-style: none; 7342124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 7352124a924611bb8104658053bb5345b853f93a626Scott Main padding: 16px 16px 16px 10px; 7362124a924611bb8104658053bb5345b853f93a626Scott Main width: 50%; 7372124a924611bb8104658053bb5345b853f93a626Scott Main } 7382124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list .lessons li { 7392124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 6px; 7402124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 16px; 7412124a924611bb8104658053bb5345b853f93a626Scott Main } 7422124a924611bb8104658053bb5345b853f93a626Scott Main 7432124a924611bb8104658053bb5345b853f93a626Scott Main /* Class colors */ 7442124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list li:nth-child(10n+1) .title { 7452124a924611bb8104658053bb5345b853f93a626Scott Main background: #00bcd4; 7462124a924611bb8104658053bb5345b853f93a626Scott Main } 7472124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list li:nth-child(10n+2) .title { 7482124a924611bb8104658053bb5345b853f93a626Scott Main background: #4db6ac; 7492124a924611bb8104658053bb5345b853f93a626Scott Main } 7502124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list li:nth-child(10n+3) .title { 7512124a924611bb8104658053bb5345b853f93a626Scott Main background: #66bb6a; 7522124a924611bb8104658053bb5345b853f93a626Scott Main } 7532124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list li:nth-child(10n+4) .title { 7542124a924611bb8104658053bb5345b853f93a626Scott Main background: #7cb342; 7552124a924611bb8104658053bb5345b853f93a626Scott Main } 7562124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list li:nth-child(10n+5) .title { 7572124a924611bb8104658053bb5345b853f93a626Scott Main background: #afb42b; 7582124a924611bb8104658053bb5345b853f93a626Scott Main } 7592124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list li:nth-child(10n+6) .title { 7602124a924611bb8104658053bb5345b853f93a626Scott Main background: #ffb300; 7612124a924611bb8104658053bb5345b853f93a626Scott Main } 7622124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list li:nth-child(10n+7) .title { 7632124a924611bb8104658053bb5345b853f93a626Scott Main background: #ff7043; 7642124a924611bb8104658053bb5345b853f93a626Scott Main } 7652124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list li:nth-child(10n+8) .title { 7662124a924611bb8104658053bb5345b853f93a626Scott Main background: #ec407a; 7672124a924611bb8104658053bb5345b853f93a626Scott Main } 7682124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list li:nth-child(10n+9) .title { 7692124a924611bb8104658053bb5345b853f93a626Scott Main background: #ab47bc; 7702124a924611bb8104658053bb5345b853f93a626Scott Main } 7712124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list li:nth-child(10n+10) .title { 7722124a924611bb8104658053bb5345b853f93a626Scott Main background: #7e57c2; 7732124a924611bb8104658053bb5345b853f93a626Scott Main } 7742124a924611bb8104658053bb5345b853f93a626Scott Main 7752124a924611bb8104658053bb5345b853f93a626Scott Main @media (max-width: 719px) { 7762124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list ol, 7772124a924611bb8104658053bb5345b853f93a626Scott Main ol.class-list .description { 7782124a924611bb8104658053bb5345b853f93a626Scott Main float: none; 7792124a924611bb8104658053bb5345b853f93a626Scott Main margin: 16px; 7802124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 7812124a924611bb8104658053bb5345b853f93a626Scott Main width: auto; 7822124a924611bb8104658053bb5345b853f93a626Scott Main } 7832124a924611bb8104658053bb5345b853f93a626Scott Main } 7842124a924611bb8104658053bb5345b853f93a626Scott Main 7852124a924611bb8104658053bb5345b853f93a626Scott Main 7862124a924611bb8104658053bb5345b853f93a626Scott Main .hide { 7872124a924611bb8104658053bb5345b853f93a626Scott Main display:none !important; 7882124a924611bb8104658053bb5345b853f93a626Scott Main } 7892124a924611bb8104658053bb5345b853f93a626Scott Main 7902124a924611bb8104658053bb5345b853f93a626Scott Main 7912124a924611bb8104658053bb5345b853f93a626Scott Main 7922124a924611bb8104658053bb5345b853f93a626Scott Main /* inner-doc tabs w/ title */ 7932124a924611bb8104658053bb5345b853f93a626Scott Main 7942124a924611bb8104658053bb5345b853f93a626Scott Maindiv#title-tabs-wrapper { 7952124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom:1px solid #ccc; 7962124a924611bb8104658053bb5345b853f93a626Scott Main margin:20px 0 30px; 7972124a924611bb8104658053bb5345b853f93a626Scott Main} 7982124a924611bb8104658053bb5345b853f93a626Scott Mainh1.with-title-tabs { 7992124a924611bb8104658053bb5345b853f93a626Scott Main display:inline-block; 8002124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: -1px; 8012124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 60px 0 0; 8022124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom:1px solid #F9F9F9; 8032124a924611bb8104658053bb5345b853f93a626Scott Main} 8042124a924611bb8104658053bb5345b853f93a626Scott Mainul#title-tabs { 8052124a924611bb8104658053bb5345b853f93a626Scott Main list-style:none; 8062124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 8072124a924611bb8104658053bb5345b853f93a626Scott Main height:29px; 8082124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 8092124a924611bb8104658053bb5345b853f93a626Scott Main font-size:16px; 8102124a924611bb8104658053bb5345b853f93a626Scott Main line-height:26px; 8112124a924611bb8104658053bb5345b853f93a626Scott Main display:inline-block; 8122124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align:bottom; 8132124a924611bb8104658053bb5345b853f93a626Scott Main} 8142124a924611bb8104658053bb5345b853f93a626Scott Mainul#title-tabs li { 8152124a924611bb8104658053bb5345b853f93a626Scott Main display:block; 8162124a924611bb8104658053bb5345b853f93a626Scott Main float:left; 8172124a924611bb8104658053bb5345b853f93a626Scott Main margin-right:40px; 8182124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom: 3px solid transparent; 8192124a924611bb8104658053bb5345b853f93a626Scott Main} 8202124a924611bb8104658053bb5345b853f93a626Scott Mainul#title-tabs li.selected { 8212124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom: 3px solid #93C; 8222124a924611bb8104658053bb5345b853f93a626Scott Main} 8232124a924611bb8104658053bb5345b853f93a626Scott Mainul#title-tabs li a { 8242124a924611bb8104658053bb5345b853f93a626Scott Main color:#333; 8252124a924611bb8104658053bb5345b853f93a626Scott Main} 8262124a924611bb8104658053bb5345b853f93a626Scott Mainul#title-tabs li a:hover, 8272124a924611bb8104658053bb5345b853f93a626Scott Mainul#title-tabs li a:active { 8282124a924611bb8104658053bb5345b853f93a626Scott Main color:#039BE5 !important; 8292124a924611bb8104658053bb5345b853f93a626Scott Main} 8302124a924611bb8104658053bb5345b853f93a626Scott Main 8312124a924611bb8104658053bb5345b853f93a626Scott Main 8322124a924611bb8104658053bb5345b853f93a626Scott Main 8332124a924611bb8104658053bb5345b853f93a626Scott Main/* content body */ 8342124a924611bb8104658053bb5345b853f93a626Scott Main@-webkit-keyframes glowheader { 8352124a924611bb8104658053bb5345b853f93a626Scott Main from { 8362124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #33b5e5; 8372124a924611bb8104658053bb5345b853f93a626Scott Main color: #000; 8382124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom-color: #000; } 8392124a924611bb8104658053bb5345b853f93a626Scott Main 8402124a924611bb8104658053bb5345b853f93a626Scott Main to { 8412124a924611bb8104658053bb5345b853f93a626Scott Main background-color: transparent; 8422124a924611bb8104658053bb5345b853f93a626Scott Main color: #33b5e5; 8432124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom-color: #33b5e5; } } 8442124a924611bb8104658053bb5345b853f93a626Scott Main 8452124a924611bb8104658053bb5345b853f93a626Scott Main@-moz-keyframes glowheader { 8462124a924611bb8104658053bb5345b853f93a626Scott Main from { 8472124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #33b5e5; 8482124a924611bb8104658053bb5345b853f93a626Scott Main color: #000; 8492124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom-color: #000; } 8502124a924611bb8104658053bb5345b853f93a626Scott Main 8512124a924611bb8104658053bb5345b853f93a626Scott Main to { 8522124a924611bb8104658053bb5345b853f93a626Scott Main background-color: transparent; 8532124a924611bb8104658053bb5345b853f93a626Scott Main color: #33b5e5; 8542124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom-color: #33b5e5; } } 8552124a924611bb8104658053bb5345b853f93a626Scott Main 8562124a924611bb8104658053bb5345b853f93a626Scott Main@keyframes glowheader { 8572124a924611bb8104658053bb5345b853f93a626Scott Main from { 8582124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #33b5e5; 8592124a924611bb8104658053bb5345b853f93a626Scott Main color: #000; 8602124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom-color: #000; } 8612124a924611bb8104658053bb5345b853f93a626Scott Main 8622124a924611bb8104658053bb5345b853f93a626Scott Main to { 8632124a924611bb8104658053bb5345b853f93a626Scott Main background-color: transparent; 8642124a924611bb8104658053bb5345b853f93a626Scott Main color: #33b5e5; 8652124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom-color: #33b5e5; } } 8662124a924611bb8104658053bb5345b853f93a626Scott Main 8672124a924611bb8104658053bb5345b853f93a626Scott Mainh1:target, 8682124a924611bb8104658053bb5345b853f93a626Scott Mainh2:target, 8692124a924611bb8104658053bb5345b853f93a626Scott Mainh3:target { 8702124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-animation-name: glowheader; 8712124a924611bb8104658053bb5345b853f93a626Scott Main -moz-animation-name: glowheader; 8722124a924611bb8104658053bb5345b853f93a626Scott Main animation-name: glowheader; 8732124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-animation-duration: 0.7s; 8742124a924611bb8104658053bb5345b853f93a626Scott Main -moz-animation-duration: 0.7s; 8752124a924611bb8104658053bb5345b853f93a626Scott Main animation-duration: 0.7s; 8762124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-animation-timing-function: ease-out; 8772124a924611bb8104658053bb5345b853f93a626Scott Main -moz-animation-timing-function: ease-out; 8782124a924611bb8104658053bb5345b853f93a626Scott Main animation-timing-function: ease-out; } 8792124a924611bb8104658053bb5345b853f93a626Scott Main 8802124a924611bb8104658053bb5345b853f93a626Scott Main.design ol h4 { 8812124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom:0; 8822124a924611bb8104658053bb5345b853f93a626Scott Main} 8832124a924611bb8104658053bb5345b853f93a626Scott Main.design ol { 8842124a924611bb8104658053bb5345b853f93a626Scott Main counter-reset: item; } 8852124a924611bb8104658053bb5345b853f93a626Scott Main .design ol>li { 8862124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 14px; 8872124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 20px; 8882124a924611bb8104658053bb5345b853f93a626Scott Main list-style-type: none; 8892124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; } 8902124a924611bb8104658053bb5345b853f93a626Scott Main .design ol>li:before { 8912124a924611bb8104658053bb5345b853f93a626Scott Main content: counter(item) ". "; 8922124a924611bb8104658053bb5345b853f93a626Scott Main counter-increment: item; 8932124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 8942124a924611bb8104658053bb5345b853f93a626Scott Main left: -20px; 8952124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; } 8962124a924611bb8104658053bb5345b853f93a626Scott Main .design ol li.value-1:before { 8972124a924611bb8104658053bb5345b853f93a626Scott Main content: "1. "; } 8982124a924611bb8104658053bb5345b853f93a626Scott Main .design ol li.value-2:before { 8992124a924611bb8104658053bb5345b853f93a626Scott Main content: "2. "; } 9002124a924611bb8104658053bb5345b853f93a626Scott Main .design ol li.value-3:before { 9012124a924611bb8104658053bb5345b853f93a626Scott Main content: "3. "; } 9022124a924611bb8104658053bb5345b853f93a626Scott Main .design ol li.value-4:before { 9032124a924611bb8104658053bb5345b853f93a626Scott Main content: "4. "; } 9042124a924611bb8104658053bb5345b853f93a626Scott Main .design ol li.value-5:before { 9052124a924611bb8104658053bb5345b853f93a626Scott Main content: "5. "; } 9062124a924611bb8104658053bb5345b853f93a626Scott Main .design ol li.value-6:before { 9072124a924611bb8104658053bb5345b853f93a626Scott Main content: "6. "; } 9082124a924611bb8104658053bb5345b853f93a626Scott Main .design ol li.value-7:before { 9092124a924611bb8104658053bb5345b853f93a626Scott Main content: "7. "; } 9102124a924611bb8104658053bb5345b853f93a626Scott Main .design ol li.value-8:before { 9112124a924611bb8104658053bb5345b853f93a626Scott Main content: "8. "; } 9122124a924611bb8104658053bb5345b853f93a626Scott Main .design ol li.value-9:before { 9132124a924611bb8104658053bb5345b853f93a626Scott Main content: "9. "; } 9142124a924611bb8104658053bb5345b853f93a626Scott Main .design ol li.value-10:before { 9152124a924611bb8104658053bb5345b853f93a626Scott Main content: "10. "; } 9162124a924611bb8104658053bb5345b853f93a626Scott Main.design .with-callouts ol>li { 9172124a924611bb8104658053bb5345b853f93a626Scott Main list-style-position: inside; 9182124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 0; } 9192124a924611bb8104658053bb5345b853f93a626Scott Main .design .with-callouts ol>li:before { 9202124a924611bb8104658053bb5345b853f93a626Scott Main display: inline; 9212124a924611bb8104658053bb5345b853f93a626Scott Main left: -20px; 9222124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 9232124a924611bb8104658053bb5345b853f93a626Scott Main width: 17px; 9242124a924611bb8104658053bb5345b853f93a626Scott Main color: #33b5e5; 9252124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; } 9262124a924611bb8104658053bb5345b853f93a626Scott Main.design .with-callouts ul>li { 9272124a924611bb8104658053bb5345b853f93a626Scott Main list-style-position: outside; } 9282124a924611bb8104658053bb5345b853f93a626Scott Main 9292124a924611bb8104658053bb5345b853f93a626Scott Main/* special list items */ 9302124a924611bb8104658053bb5345b853f93a626Scott Mainli.no-bullet { 9312124a924611bb8104658053bb5345b853f93a626Scott Main list-style-type: none !important; } 9322124a924611bb8104658053bb5345b853f93a626Scott Mainli.no-bullet *{ 9332124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; } 9342124a924611bb8104658053bb5345b853f93a626Scott Main 9352124a924611bb8104658053bb5345b853f93a626Scott Main.design li.with-icon { 9362124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 9372124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 20px; 9382124a924611bb8104658053bb5345b853f93a626Scott Main min-height: 30px; } 9392124a924611bb8104658053bb5345b853f93a626Scott Main .design li.with-icon p { 9402124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 0 !important; } 9412124a924611bb8104658053bb5345b853f93a626Scott Main .design li.with-icon:before { 9422124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 9432124a924611bb8104658053bb5345b853f93a626Scott Main left: -40px; 9442124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 9452124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 9462124a924611bb8104658053bb5345b853f93a626Scott Main width: 30px; 9472124a924611bb8104658053bb5345b853f93a626Scott Main height: 30px; } 9482124a924611bb8104658053bb5345b853f93a626Scott Main .design li.with-icon.tablet:before { 9492124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../images/styles/ico_phone_tablet.png); } 9502124a924611bb8104658053bb5345b853f93a626Scott Main .design li.with-icon.web:before { 9512124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../images/styles/ico_web.png); } 9522124a924611bb8104658053bb5345b853f93a626Scott Main .design li.with-icon.action:before { 9532124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../images/styles/ico_action.png); } 9542124a924611bb8104658053bb5345b853f93a626Scott Main .design li.with-icon.use:before { 9552124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../images/styles/ico_use.png); } 9562124a924611bb8104658053bb5345b853f93a626Scott Main 9572124a924611bb8104658053bb5345b853f93a626Scott Main/* video containers */ 9582124a924611bb8104658053bb5345b853f93a626Scott Main.framed-galaxynexus-land-span-13 { 9592124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/device_galaxynexus_blank_land_span13.png) no-repeat 9602124a924611bb8104658053bb5345b853f93a626Scott Mainscroll top left; 9612124a924611bb8104658053bb5345b853f93a626Scott Main padding: 42px 122px 62px 126px; 9622124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; } 9632124a924611bb8104658053bb5345b853f93a626Scott Main .framed-galaxynexus-land-span-13, .framed-galaxynexus-land-span-13 video, 9642124a924611bb8104658053bb5345b853f93a626Scott Main.framed-galaxynexus-land-span-13 img { 9652124a924611bb8104658053bb5345b853f93a626Scott Main width: 512px; 9662124a924611bb8104658053bb5345b853f93a626Scott Main height: 286px; } 9672124a924611bb8104658053bb5345b853f93a626Scott Main 9682124a924611bb8104658053bb5345b853f93a626Scott Main 9692124a924611bb8104658053bb5345b853f93a626Scott Main.framed-galaxynexus-land-span-8{ 9702124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/device_galaxynexus_blank_land_span8.png) no-repeat 9712124a924611bb8104658053bb5345b853f93a626Scott Mainscroll top left; 9722124a924611bb8104658053bb5345b853f93a626Scott Main padding: 26px 68px 38px 72px; 9732124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; } 9742124a924611bb8104658053bb5345b853f93a626Scott Main .framed-galaxynexus-land-span-8, .framed-galaxynexus-land-span-8 video, 9752124a924611bb8104658053bb5345b853f93a626Scott Main.framed-galaxynexus-land-span-8 img { 9762124a924611bb8104658053bb5345b853f93a626Scott Main width: 320px; 9772124a924611bb8104658053bb5345b853f93a626Scott Main height: 180px; } 9782124a924611bb8104658053bb5345b853f93a626Scott Main 9792124a924611bb8104658053bb5345b853f93a626Scott Main.framed-galaxynexus-port-span-9 { 9802124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/device_galaxynexus_blank_port_span9.png) no-repeat 9812124a924611bb8104658053bb5345b853f93a626Scott Mainscroll top left; 9822124a924611bb8104658053bb5345b853f93a626Scott Main padding: 95px 122px 107px 124px; 9832124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; } 9842124a924611bb8104658053bb5345b853f93a626Scott Main .framed-galaxynexus-port-span-9, .framed-galaxynexus-port-span-9 video, 9852124a924611bb8104658053bb5345b853f93a626Scott Main.framed-galaxynexus-port-span-9 img { 9862124a924611bb8104658053bb5345b853f93a626Scott Main width: 274px; 9872124a924611bb8104658053bb5345b853f93a626Scott Main height: 488px; } 9882124a924611bb8104658053bb5345b853f93a626Scott Main 9892124a924611bb8104658053bb5345b853f93a626Scott Main.framed-galaxynexus-port-span-5 { 9902124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/device_galaxynexus_blank_port_span5.png) no-repeat 9912124a924611bb8104658053bb5345b853f93a626Scott Mainscroll top left; 9922124a924611bb8104658053bb5345b853f93a626Scott Main padding: 75px 31px 76px 33px; 9932124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; } 9942124a924611bb8104658053bb5345b853f93a626Scott Main .framed-galaxynexus-port-span-5, .framed-galaxynexus-port-span-5 video, 9952124a924611bb8104658053bb5345b853f93a626Scott Main.framed-galaxynexus-port-span-5 img { 9962124a924611bb8104658053bb5345b853f93a626Scott Main width: 216px; 9972124a924611bb8104658053bb5345b853f93a626Scott Main height: 384px; } 9982124a924611bb8104658053bb5345b853f93a626Scott Main 9992124a924611bb8104658053bb5345b853f93a626Scott Main.framed-nexus4-port-216 { 10002124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/device_nexus4_blank_port_432.png) no-repeat 10012124a924611bb8104658053bb5345b853f93a626Scott Mainscroll top left; 10022124a924611bb8104658053bb5345b853f93a626Scott Main background-size:240px 465px; 10032124a924611bb8104658053bb5345b853f93a626Scott Main padding: 52px 12px 52px 12px; 10042124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; } 10052124a924611bb8104658053bb5345b853f93a626Scott Main .framed-nexus4-port-216, .framed-nexus4-port-216 video, 10062124a924611bb8104658053bb5345b853f93a626Scott Main .framed-nexus4-port-216 img { 10072124a924611bb8104658053bb5345b853f93a626Scott Main width: 216px; 10082124a924611bb8104658053bb5345b853f93a626Scott Main height: 360px; } 10092124a924611bb8104658053bb5345b853f93a626Scott Main 10102124a924611bb8104658053bb5345b853f93a626Scott Main.framed-nexus5-port-span-5 { 10112124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/device_nexus5_blank_port_span5.png) no-repeat 10122124a924611bb8104658053bb5345b853f93a626Scott Main scroll top left; 10132124a924611bb8104658053bb5345b853f93a626Scott Main padding: 52px 33px 69px 31px; 10142124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 10152124a924611bb8104658053bb5345b853f93a626Scott Main} 10162124a924611bb8104658053bb5345b853f93a626Scott Main 10172124a924611bb8104658053bb5345b853f93a626Scott Main.framed-nexus5-port-span-5, 10182124a924611bb8104658053bb5345b853f93a626Scott Main.framed-nexus5-port-span-5 video, 10192124a924611bb8104658053bb5345b853f93a626Scott Main.framed-nexus5-port-span-5 img { 10202124a924611bb8104658053bb5345b853f93a626Scott Main width: 216px; 10212124a924611bb8104658053bb5345b853f93a626Scott Main height: 384px; 10222124a924611bb8104658053bb5345b853f93a626Scott Main} 10232124a924611bb8104658053bb5345b853f93a626Scott Main 10242124a924611bb8104658053bb5345b853f93a626Scott Main.framed-nexus5-land-span-13 { 10252124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/device_nexus5_blank_land_span13.png) no-repeat scroll top left; 10262124a924611bb8104658053bb5345b853f93a626Scott Main padding: 36px 119px 54px 108px; 10272124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 10282124a924611bb8104658053bb5345b853f93a626Scott Main} 10292124a924611bb8104658053bb5345b853f93a626Scott Main 10302124a924611bb8104658053bb5345b853f93a626Scott Main.framed-nexus5-land-span-13, 10312124a924611bb8104658053bb5345b853f93a626Scott Main.framed-nexus5-land-span-13 video, 10322124a924611bb8104658053bb5345b853f93a626Scott Main.framed-nexus5-land-span-13 img { 10332124a924611bb8104658053bb5345b853f93a626Scott Main width: 533px; 10342124a924611bb8104658053bb5345b853f93a626Scott Main height: 300px; 10352124a924611bb8104658053bb5345b853f93a626Scott Main} 10362124a924611bb8104658053bb5345b853f93a626Scott Main 10372124a924611bb8104658053bb5345b853f93a626Scott Main.framed-nexus5-port-span-5, 10382124a924611bb8104658053bb5345b853f93a626Scott Main.framed-nexus5-port-span-5 video, 10392124a924611bb8104658053bb5345b853f93a626Scott Main.framed-nexus5-port-span-5 img { 10402124a924611bb8104658053bb5345b853f93a626Scott Main width: 216px; 10412124a924611bb8104658053bb5345b853f93a626Scott Main height: 384px; 10422124a924611bb8104658053bb5345b853f93a626Scott Main} 10432124a924611bb8104658053bb5345b853f93a626Scott Main 10442124a924611bb8104658053bb5345b853f93a626Scott Main/* wear device frames */ 10452124a924611bb8104658053bb5345b853f93a626Scott Main 10462124a924611bb8104658053bb5345b853f93a626Scott Main.framed-wear-square { 10472124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/device_wear_square.png) no-repeat scroll top left; 10482124a924611bb8104658053bb5345b853f93a626Scott Main background-size: 302px 302px; 10492124a924611bb8104658053bb5345b853f93a626Scott Main height:222px; 10502124a924611bb8104658053bb5345b853f93a626Scott Main width:222px; 10512124a924611bb8104658053bb5345b853f93a626Scott Main padding:40px; 10522124a924611bb8104658053bb5345b853f93a626Scott Main overflow:hidden; 10532124a924611bb8104658053bb5345b853f93a626Scott Main} 10542124a924611bb8104658053bb5345b853f93a626Scott Main 10552124a924611bb8104658053bb5345b853f93a626Scott Main.framed-wear-square-small { 10562124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/device_wear_square_small.png) no-repeat scroll top left; 10572124a924611bb8104658053bb5345b853f93a626Scott Main background-size: 169px 200px; 10582124a924611bb8104658053bb5345b853f93a626Scott Main height:147px; 10592124a924611bb8104658053bb5345b853f93a626Scott Main width:147px; 10602124a924611bb8104658053bb5345b853f93a626Scott Main padding:27px 11px; 10612124a924611bb8104658053bb5345b853f93a626Scott Main overflow:hidden; 10622124a924611bb8104658053bb5345b853f93a626Scott Main} 10632124a924611bb8104658053bb5345b853f93a626Scott Main 10642124a924611bb8104658053bb5345b853f93a626Scott Main#api-info-block { 10652124a924611bb8104658053bb5345b853f93a626Scott Main color: #999; 10662124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 10672124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 12px; 10682124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: normal; 10692124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 14px; 10702124a924611bb8104658053bb5345b853f93a626Scott Main margin: 20px 0 0; 10712124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 80%; 10722124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 10px 6px; 10732124a924611bb8104658053bb5345b853f93a626Scott Main text-align: right; 10742124a924611bb8104658053bb5345b853f93a626Scott Main} 10752124a924611bb8104658053bb5345b853f93a626Scott Main 10762124a924611bb8104658053bb5345b853f93a626Scott Main#api-info-block a, 10772124a924611bb8104658053bb5345b853f93a626Scott Main#api-info-block a:active, 10782124a924611bb8104658053bb5345b853f93a626Scott Main#api-info-block a:visited { 10792124a924611bb8104658053bb5345b853f93a626Scott Main color: #222; 10802124a924611bb8104658053bb5345b853f93a626Scott Main} 10812124a924611bb8104658053bb5345b853f93a626Scott Main 10822124a924611bb8104658053bb5345b853f93a626Scott Main#jd-header { 10832124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 12px; 10842124a924611bb8104658053bb5345b853f93a626Scott Main margin: 20px 0 12px; 10852124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 0 12px; 10862124a924611bb8104658053bb5345b853f93a626Scott Main} 10872124a924611bb8104658053bb5345b853f93a626Scott Main 10882124a924611bb8104658053bb5345b853f93a626Scott Main#jd-header h1 { 10892124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 10902124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 0 6px; 10912124a924611bb8104658053bb5345b853f93a626Scott Main} 10922124a924611bb8104658053bb5345b853f93a626Scott Main 10932124a924611bb8104658053bb5345b853f93a626Scott Main#jd-content 10942124a924611bb8104658053bb5345b853f93a626Scott Main.framed-wear-square img { 10952124a924611bb8104658053bb5345b853f93a626Scott Main height:222px; 10962124a924611bb8104658053bb5345b853f93a626Scott Main width: 222px; 10972124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 10982124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 10992124a924611bb8104658053bb5345b853f93a626Scott Main} 11002124a924611bb8104658053bb5345b853f93a626Scott Main 11012124a924611bb8104658053bb5345b853f93a626Scott Main#jd-content 11022124a924611bb8104658053bb5345b853f93a626Scott Main.framed-wear-square-small img { 11032124a924611bb8104658053bb5345b853f93a626Scott Main height:147px; 11042124a924611bb8104658053bb5345b853f93a626Scott Main width: 147px; 11052124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 11062124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 11072124a924611bb8104658053bb5345b853f93a626Scott Main} 11082124a924611bb8104658053bb5345b853f93a626Scott Main 11092124a924611bb8104658053bb5345b853f93a626Scott Main 11102124a924611bb8104658053bb5345b853f93a626Scott Main 11112124a924611bb8104658053bb5345b853f93a626Scott Main 11122124a924611bb8104658053bb5345b853f93a626Scott Main 11132124a924611bb8104658053bb5345b853f93a626Scott Main 11142124a924611bb8104658053bb5345b853f93a626Scott Main/* landing page disclosures */ 11152124a924611bb8104658053bb5345b853f93a626Scott Main.landing-page-link { 11162124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration: none; 11172124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 11182124a924611bb8104658053bb5345b853f93a626Scott Main color: #333333; } 11192124a924611bb8104658053bb5345b853f93a626Scott Main .landing-page-link:after { 11202124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 11212124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/disclosure_right.png) no-repeat scroll 50% 50%; 11222124a924611bb8104658053bb5345b853f93a626Scott Main width: 10px; 11232124a924611bb8104658053bb5345b853f93a626Scott Main height: 10px; 11242124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 11252124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 5px; } 11262124a924611bb8104658053bb5345b853f93a626Scott Main 11272124a924611bb8104658053bb5345b853f93a626Scott Main/* tooltips */ 11282124a924611bb8104658053bb5345b853f93a626Scott Main.tooltip-box { 11292124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 11302124a924611bb8104658053bb5345b853f93a626Scott Main background-color: rgba(0, 0, 0, 0.9); 11312124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 2px; 11322124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 14px; 11332124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 20px; 11342124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 11352124a924611bb8104658053bb5345b853f93a626Scott Main padding: 6px 10px; 11362124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 250px; 11372124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 10000; } 11382124a924611bb8104658053bb5345b853f93a626Scott Main .tooltip-box.below:after { 11392124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 11402124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 11412124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 0; 11422124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 11432124a924611bb8104658053bb5345b853f93a626Scott Main top: -10px; 11442124a924611bb8104658053bb5345b853f93a626Scott Main left: 5px; 11452124a924611bb8104658053bb5345b853f93a626Scott Main border: 5px solid transparent; 11462124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom-color: rgba(0, 0, 0, 0.9); } 11472124a924611bb8104658053bb5345b853f93a626Scott Main 11482124a924611bb8104658053bb5345b853f93a626Scott Main/* video note */ 11492124a924611bb8104658053bb5345b853f93a626Scott Main.video-instructions { 11502124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 10px; 11512124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 10px; } 11522124a924611bb8104658053bb5345b853f93a626Scott Main .video-instructions:before { 11532124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 11542124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/ico_movie_inline.png) no-repeat scroll top left; 11552124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 11562124a924611bb8104658053bb5345b853f93a626Scott Main width: 12px; 11572124a924611bb8104658053bb5345b853f93a626Scott Main height: 12px; 11582124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 8px; } 11592124a924611bb8104658053bb5345b853f93a626Scott Main .video-instructions:after { 11602124a924611bb8104658053bb5345b853f93a626Scott Main content: 'Click device screen to replay movie.'; } 11612124a924611bb8104658053bb5345b853f93a626Scott Main 11622124a924611bb8104658053bb5345b853f93a626Scott Main/* download buttons */ 11632124a924611bb8104658053bb5345b853f93a626Scott Main.download-button { 11642124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 11652124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 5px; 11662124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration: none; 11672124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #33b5e5; 11682124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff !important; 11692124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 11702124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); 11712124a924611bb8104658053bb5345b853f93a626Scott Main padding: 6px 12px; 11722124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 2px; } 11732124a924611bb8104658053bb5345b853f93a626Scott Main .download-button:hover, .download-button:focus { 11742124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #0099cc; 11752124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff !important; } 11762124a924611bb8104658053bb5345b853f93a626Scott Main .download-button:active { 11772124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #006699; } 11782124a924611bb8104658053bb5345b853f93a626Scott Main 11792124a924611bb8104658053bb5345b853f93a626Scott Main/* UI tables and other things found in Writing style and Settings pattern */ 11802124a924611bb8104658053bb5345b853f93a626Scott Main.ui-table { 11812124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 11822124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #282828; 11832124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 11842124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 2px; 11852124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); 11862124a924611bb8104658053bb5345b853f93a626Scott Main border-collapse: separate; } 11872124a924611bb8104658053bb5345b853f93a626Scott Main .ui-table th, 11882124a924611bb8104658053bb5345b853f93a626Scott Main .ui-table td { 11892124a924611bb8104658053bb5345b853f93a626Scott Main padding: 5px 10px; 11902124a924611bb8104658053bb5345b853f93a626Scott Main background-color: inherit; 11912124a924611bb8104658053bb5345b853f93a626Scott Main border:0;} 11922124a924611bb8104658053bb5345b853f93a626Scott Main .ui-table thead th { 11932124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: bold; } 11942124a924611bb8104658053bb5345b853f93a626Scott Main .ui-table tfoot td { 11952124a924611bb8104658053bb5345b853f93a626Scott Main border-top: 1px solid #494949; 11962124a924611bb8104658053bb5345b853f93a626Scott Main border-right: 1px solid #494949; 11972124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; } 11982124a924611bb8104658053bb5345b853f93a626Scott Main .ui-table tfoot td:last-child { 11992124a924611bb8104658053bb5345b853f93a626Scott Main border-right: 0; } 12002124a924611bb8104658053bb5345b853f93a626Scott Main 12012124a924611bb8104658053bb5345b853f93a626Scott Main.layout-with-list-item-margins { 12022124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 30px !important; } 12032124a924611bb8104658053bb5345b853f93a626Scott Main 12042124a924611bb8104658053bb5345b853f93a626Scott Main.emulate-content-left-padding { 12052124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 10px; } 12062124a924611bb8104658053bb5345b853f93a626Scott Main 12072124a924611bb8104658053bb5345b853f93a626Scott Main.do-dont-label { 12082124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 10px; 12092124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 20px; 12102124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent none no-repeat scroll 0px 3px; } 12112124a924611bb8104658053bb5345b853f93a626Scott Main .do-dont-label.bad { 12122124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../images/styles/ico_wrong.png); } 12132124a924611bb8104658053bb5345b853f93a626Scott Main .do-dont-label.good { 12142124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../images/styles/ico_good.png); } 12152124a924611bb8104658053bb5345b853f93a626Scott Main 12162124a924611bb8104658053bb5345b853f93a626Scott Main 12172124a924611bb8104658053bb5345b853f93a626Scott Main 12182124a924611bb8104658053bb5345b853f93a626Scott Main 12192124a924611bb8104658053bb5345b853f93a626Scott Main/* -------------------------------------------------------------------------- 12202124a924611bb8104658053bb5345b853f93a626Scott MainFooter 12212124a924611bb8104658053bb5345b853f93a626Scott Main*/ 12222124a924611bb8104658053bb5345b853f93a626Scott Main.line { 12232124a924611bb8104658053bb5345b853f93a626Scott Main clear: both; 12242124a924611bb8104658053bb5345b853f93a626Scott Main background: #acbc00; 12252124a924611bb8104658053bb5345b853f93a626Scott Main background: -moz-linear-gradient(top, #acbc00 0, #acbc00 50%, #bdde00 50%, #bdde00 100%); 12262124a924611bb8104658053bb5345b853f93a626Scott Main background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #acbc00), 12272124a924611bb8104658053bb5345b853f93a626Scott Maincolor-stop(50%, #acbc00), color-stop(50%, #bdde00), color-stop(100%, #bdde00)); 12282124a924611bb8104658053bb5345b853f93a626Scott Main background: -webkit-linear-gradient(top, #acbc00 0, #acbc00 50%, #bdde00 50%, #bdde00 100%); 12292124a924611bb8104658053bb5345b853f93a626Scott Main background: -o-linear-gradient(top, #acbc00 0, #acbc00 50%, #bdde00 50%, #bdde00 100%); 12302124a924611bb8104658053bb5345b853f93a626Scott Main background: -ms-linear-gradient(top, #acbc00 0, #acbc00 50%, #bdde00 50%, #bdde00 100%); 12312124a924611bb8104658053bb5345b853f93a626Scott Main background: linear-gradient(top, #acbc00 0, #acbc00 50%, #bdde00 50%, #bdde00 100%); 12322124a924611bb8104658053bb5345b853f93a626Scott Main height: 2px; 12332124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 150px; 12342124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 12352124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 11; 12362124a924611bb8104658053bb5345b853f93a626Scott Main} 12372124a924611bb8104658053bb5345b853f93a626Scott Main#footer { 12382124a924611bb8104658053bb5345b853f93a626Scott Main font-size:11px; 12392124a924611bb8104658053bb5345b853f93a626Scott Main clear: both; 12402124a924611bb8104658053bb5345b853f93a626Scott Main color: #999; 12412124a924611bb8104658053bb5345b853f93a626Scott Main padding: 15px 0; 12422124a924611bb8104658053bb5345b853f93a626Scott Main margin-top:10px; 12432124a924611bb8104658053bb5345b853f93a626Scott Main width:auto; 12442124a924611bb8104658053bb5345b853f93a626Scott Main} 12452124a924611bb8104658053bb5345b853f93a626Scott Main#footer-local ul { 12462124a924611bb8104658053bb5345b853f93a626Scott Main list-style: none; 12472124a924611bb8104658053bb5345b853f93a626Scott Main margin: 5px 0 30px 0; 12482124a924611bb8104658053bb5345b853f93a626Scott Main} 12492124a924611bb8104658053bb5345b853f93a626Scott Main#footer-local li { 12502124a924611bb8104658053bb5345b853f93a626Scott Main display: inline; 12512124a924611bb8104658053bb5345b853f93a626Scott Main} 12522124a924611bb8104658053bb5345b853f93a626Scott Main#footer-local li+li:before { 12532124a924611bb8104658053bb5345b853f93a626Scott Main content: '|'; 12542124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 3px; 12552124a924611bb8104658053bb5345b853f93a626Scott Main color: #e5e5e5; 12562124a924611bb8104658053bb5345b853f93a626Scott Main} 12572124a924611bb8104658053bb5345b853f93a626Scott Main#footer-global { 12582124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px 15px; 12592124a924611bb8104658053bb5345b853f93a626Scott Main background: #f5f5f5; 12602124a924611bb8104658053bb5345b853f93a626Scott Main} 12612124a924611bb8104658053bb5345b853f93a626Scott Main#footer-global { 12622124a924611bb8104658053bb5345b853f93a626Scott Main border-top: 1px solid #ebebeb; 12632124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 11.5px; 12642124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 1.8; 12652124a924611bb8104658053bb5345b853f93a626Scott Main list-style: none; 12662124a924611bb8104658053bb5345b853f93a626Scott Main} 12672124a924611bb8104658053bb5345b853f93a626Scott Main#footer-global ul { 12682124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 12692124a924611bb8104658053bb5345b853f93a626Scott Main} 12702124a924611bb8104658053bb5345b853f93a626Scott Main#footer-global li { 12712124a924611bb8104658053bb5345b853f93a626Scott Main display: inline; 12722124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: bold; 12732124a924611bb8104658053bb5345b853f93a626Scott Main} 12742124a924611bb8104658053bb5345b853f93a626Scott Main#footer-global li+li:before { 12752124a924611bb8104658053bb5345b853f93a626Scott Main content: '¬?'; 12762124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 3px; 12772124a924611bb8104658053bb5345b853f93a626Scott Main} 12782124a924611bb8104658053bb5345b853f93a626Scott Main* html #footer-global li { 12792124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 13px 0 0; 12802124a924611bb8104658053bb5345b853f93a626Scott Main} 12812124a924611bb8104658053bb5345b853f93a626Scott Main* [dir='rtl'] #footer-global li { 12822124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 0 13px; 12832124a924611bb8104658053bb5345b853f93a626Scott Main} 12842124a924611bb8104658053bb5345b853f93a626Scott Main*+html #footer-global li { 12852124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 13px 0 0; 12862124a924611bb8104658053bb5345b853f93a626Scott Main} 12872124a924611bb8104658053bb5345b853f93a626Scott Main*+[dir='rtl'] #footer-global li { 12882124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 0 13px; 12892124a924611bb8104658053bb5345b853f93a626Scott Main} 12902124a924611bb8104658053bb5345b853f93a626Scott Main#footer-global li a { 12912124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: normal; 12922124a924611bb8104658053bb5345b853f93a626Scott Main} 12932124a924611bb8104658053bb5345b853f93a626Scott Main.locales { 12942124a924611bb8104658053bb5345b853f93a626Scott Main margin: 10px 0 0 0px; 12952124a924611bb8104658053bb5345b853f93a626Scott Main} 12962124a924611bb8104658053bb5345b853f93a626Scott Main[dir='rtl'] .locales { 12972124a924611bb8104658053bb5345b853f93a626Scott Main background-position: right center; 12982124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 12992124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 24px 0 0; 13002124a924611bb8104658053bb5345b853f93a626Scott Main} 13012124a924611bb8104658053bb5345b853f93a626Scott Main.locales form { 13022124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 13032124a924611bb8104658053bb5345b853f93a626Scott Main} 13042124a924611bb8104658053bb5345b853f93a626Scott Main 13052124a924611bb8104658053bb5345b853f93a626Scott Main.locales select, 13062124a924611bb8104658053bb5345b853f93a626Scott Main.locales option { 13072124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: capitalize; 13082124a924611bb8104658053bb5345b853f93a626Scott Main} 13092124a924611bb8104658053bb5345b853f93a626Scott Main 13102124a924611bb8104658053bb5345b853f93a626Scott Main.locales select, .sites select { 13112124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 3.08; 13122124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0px 0; 13132124a924611bb8104658053bb5345b853f93a626Scott Main border: solid 1px #EBEBEB; 13142124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-appearance: none; 13152124a924611bb8104658053bb5345b853f93a626Scott Main background: white url('../images/arrows-up-down.png') right center no-repeat; 13162124a924611bb8104658053bb5345b853f93a626Scott Main height: 30px; 13172124a924611bb8104658053bb5345b853f93a626Scott Main color: #222; 13182124a924611bb8104658053bb5345b853f93a626Scott Main line-height: normal; 13192124a924611bb8104658053bb5345b853f93a626Scott Main padding: 5px; 13202124a924611bb8104658053bb5345b853f93a626Scott Main width: 230px; 13212124a924611bb8104658053bb5345b853f93a626Scott Main} 13222124a924611bb8104658053bb5345b853f93a626Scott Main} 13232124a924611bb8104658053bb5345b853f93a626Scott Main 13242124a924611bb8104658053bb5345b853f93a626Scott Main/* ============================================================================= 13252124a924611bb8104658053bb5345b853f93a626Scott Main Print Only 13262124a924611bb8104658053bb5345b853f93a626Scott Main ========================================================================== */ 13272124a924611bb8104658053bb5345b853f93a626Scott Main@media print { 13282124a924611bb8104658053bb5345b853f93a626Scott Main /* configure printed page */ 13292124a924611bb8104658053bb5345b853f93a626Scott Main @page { 13302124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0.75in 1in; 13312124a924611bb8104658053bb5345b853f93a626Scott Main widows: 4; 13322124a924611bb8104658053bb5345b853f93a626Scott Main orphans: 4; 13332124a924611bb8104658053bb5345b853f93a626Scott Main } 13342124a924611bb8104658053bb5345b853f93a626Scott Main 13352124a924611bb8104658053bb5345b853f93a626Scott Main /* reset spacing metrics */ 13362124a924611bb8104658053bb5345b853f93a626Scott Main html, body, .wrap { 13372124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 !important; 13382124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 !important; 13392124a924611bb8104658053bb5345b853f93a626Scott Main width: auto !important; 13402124a924611bb8104658053bb5345b853f93a626Scott Main } 13412124a924611bb8104658053bb5345b853f93a626Scott Main 13422124a924611bb8104658053bb5345b853f93a626Scott Main /* leave enough space on the left for bullets */ 13432124a924611bb8104658053bb5345b853f93a626Scott Main body { 13442124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 20px !important; 13452124a924611bb8104658053bb5345b853f93a626Scott Main } 13462124a924611bb8104658053bb5345b853f93a626Scott Main #doc-col { 13472124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 0; 13482124a924611bb8104658053bb5345b853f93a626Scott Main } 13492124a924611bb8104658053bb5345b853f93a626Scott Main 13502124a924611bb8104658053bb5345b853f93a626Scott Main /* hide a bunch of non-content elements */ 13512124a924611bb8104658053bb5345b853f93a626Scott Main #header, #footer, #nav-x, #side-nav, 13522124a924611bb8104658053bb5345b853f93a626Scott Main .training-nav-top, .training-nav-bottom, 13532124a924611bb8104658053bb5345b853f93a626Scott Main #doc-col .content-footer, 13542124a924611bb8104658053bb5345b853f93a626Scott Main .nav-x, .nav-y, 13552124a924611bb8104658053bb5345b853f93a626Scott Main .paging-links { 13562124a924611bb8104658053bb5345b853f93a626Scott Main display: none !important; 13572124a924611bb8104658053bb5345b853f93a626Scott Main } 13582124a924611bb8104658053bb5345b853f93a626Scott Main 13592124a924611bb8104658053bb5345b853f93a626Scott Main /* remove extra space above page titles */ 13602124a924611bb8104658053bb5345b853f93a626Scott Main #doc-col .content-header { 13612124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 0; 13622124a924611bb8104658053bb5345b853f93a626Scott Main } 13632124a924611bb8104658053bb5345b853f93a626Scott Main 13642124a924611bb8104658053bb5345b853f93a626Scott Main /* bump up spacing above subheadings */ 13652124a924611bb8104658053bb5345b853f93a626Scott Main h2 { 13662124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 40px !important; 13672124a924611bb8104658053bb5345b853f93a626Scott Main } 13682124a924611bb8104658053bb5345b853f93a626Scott Main 13692124a924611bb8104658053bb5345b853f93a626Scott Main /* print link URLs where possible and give links default text color */ 13702124a924611bb8104658053bb5345b853f93a626Scott Main p a:after { 13712124a924611bb8104658053bb5345b853f93a626Scott Main content: " (" attr(href) ")"; 13722124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 80%; 13732124a924611bb8104658053bb5345b853f93a626Scott Main } 13742124a924611bb8104658053bb5345b853f93a626Scott Main p a { 13752124a924611bb8104658053bb5345b853f93a626Scott Main word-wrap: break-word; 13762124a924611bb8104658053bb5345b853f93a626Scott Main } 13772124a924611bb8104658053bb5345b853f93a626Scott Main a { 13782124a924611bb8104658053bb5345b853f93a626Scott Main color: inherit; 13792124a924611bb8104658053bb5345b853f93a626Scott Main } 13802124a924611bb8104658053bb5345b853f93a626Scott Main 13812124a924611bb8104658053bb5345b853f93a626Scott Main /* syntax highlighting rules */ 13822124a924611bb8104658053bb5345b853f93a626Scott Main .str { color: #060; } 13832124a924611bb8104658053bb5345b853f93a626Scott Main .kwd { color: #006; font-weight: bold; } 13842124a924611bb8104658053bb5345b853f93a626Scott Main .com { color: #600; font-style: italic; } 13852124a924611bb8104658053bb5345b853f93a626Scott Main .typ { color: #404; font-weight: bold; } 13862124a924611bb8104658053bb5345b853f93a626Scott Main .lit { color: #044; } 13872124a924611bb8104658053bb5345b853f93a626Scott Main .pun { color: #440; } 13882124a924611bb8104658053bb5345b853f93a626Scott Main .pln { color: #000; } 13892124a924611bb8104658053bb5345b853f93a626Scott Main .tag { color: #006; font-weight: bold; } 13902124a924611bb8104658053bb5345b853f93a626Scott Main .atn { color: #404; } 13912124a924611bb8104658053bb5345b853f93a626Scott Main .atv { color: #060; } 13922124a924611bb8104658053bb5345b853f93a626Scott Main} 13932124a924611bb8104658053bb5345b853f93a626Scott Main 13942124a924611bb8104658053bb5345b853f93a626Scott Main/* ============================================================================= 13952124a924611bb8104658053bb5345b853f93a626Scott Main Layout 13962124a924611bb8104658053bb5345b853f93a626Scott Main ========================================================================== */ 13972124a924611bb8104658053bb5345b853f93a626Scott Main@media screen, projection, print { 13982124a924611bb8104658053bb5345b853f93a626Scott Main 13992124a924611bb8104658053bb5345b853f93a626Scott Main.training-nav-top { 14002124a924611bb8104658053bb5345b853f93a626Scott Main border:1px solid #e5e5e5; 14012124a924611bb8104658053bb5345b853f93a626Scott Main border-width: 1px 1px 0; 14022124a924611bb8104658053bb5345b853f93a626Scott Main bottom: -56px; 14032124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 14042124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 14052124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 14062124a924611bb8104658053bb5345b853f93a626Scott Main width: 280px; 14072124a924611bb8104658053bb5345b853f93a626Scott Main} 14082124a924611bb8104658053bb5345b853f93a626Scott Main 14092124a924611bb8104658053bb5345b853f93a626Scott Main.training-nav-bottom { 14102124a924611bb8104658053bb5345b853f93a626Scott Main float:right; 14112124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 0 0 20px; 14122124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 0 20px; 14132124a924611bb8104658053bb5345b853f93a626Scott Main} 14142124a924611bb8104658053bb5345b853f93a626Scott Main 14152124a924611bb8104658053bb5345b853f93a626Scott Main#tb-wrapper, 14162124a924611bb8104658053bb5345b853f93a626Scott Main#qv-wrapper { 14172124a924611bb8104658053bb5345b853f93a626Scott Main float:right; 14182124a924611bb8104658053bb5345b853f93a626Scott Main clear:right; 14192124a924611bb8104658053bb5345b853f93a626Scott Main margin:6px 0 0 30px; /* negative top-margin to counter the content-header bottom margin */ 14202124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 0 30px; 14212124a924611bb8104658053bb5345b853f93a626Scott Main} 14222124a924611bb8104658053bb5345b853f93a626Scott Main 14232124a924611bb8104658053bb5345b853f93a626Scott Main#tb-wrapper { 14242124a924611bb8104658053bb5345b853f93a626Scott Main margin:56px 0 0 20px; /* negative top-margin to counter the content-header bottom margin */ 14252124a924611bb8104658053bb5345b853f93a626Scott Main} 14262124a924611bb8104658053bb5345b853f93a626Scott Main 14272124a924611bb8104658053bb5345b853f93a626Scott Main#tb, 14282124a924611bb8104658053bb5345b853f93a626Scott Main#qv { 14292124a924611bb8104658053bb5345b853f93a626Scott Main border: 1px solid #e5e5e5; 14302124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 14312124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 14322124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 16px; 14332124a924611bb8104658053bb5345b853f93a626Scott Main padding: 5px 0; 14342124a924611bb8104658053bb5345b853f93a626Scott Main width: 240px; 14352124a924611bb8104658053bb5345b853f93a626Scott Main} 14362124a924611bb8104658053bb5345b853f93a626Scott Main 14372124a924611bb8104658053bb5345b853f93a626Scott Main#tb { 14382124a924611bb8104658053bb5345b853f93a626Scott Main width:280px; 14392124a924611bb8104658053bb5345b853f93a626Scott Main} 14402124a924611bb8104658053bb5345b853f93a626Scott Main 14412124a924611bb8104658053bb5345b853f93a626Scott Main#tb h2, 14422124a924611bb8104658053bb5345b853f93a626Scott Main#qv h2 { 14432124a924611bb8104658053bb5345b853f93a626Scott Main border-top: 1px solid #e5e5e5; 14442124a924611bb8104658053bb5345b853f93a626Scott Main color: inherit; 14452124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 14462124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 24px; 14472124a924611bb8104658053bb5345b853f93a626Scott Main margin: 15px 0 4px; 14482124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px 15px 0; 14492124a924611bb8104658053bb5345b853f93a626Scott Main} 14502124a924611bb8104658053bb5345b853f93a626Scott Main 14512124a924611bb8104658053bb5345b853f93a626Scott Main#tb h2:first-child, 14522124a924611bb8104658053bb5345b853f93a626Scott Main#qv h2:first-child { 14532124a924611bb8104658053bb5345b853f93a626Scott Main border-top: 0; 14542124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 0; 14552124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 10px; 14562124a924611bb8104658053bb5345b853f93a626Scott Main} 14572124a924611bb8104658053bb5345b853f93a626Scott Main 14582124a924611bb8104658053bb5345b853f93a626Scott Main#tb .download-box, 14592124a924611bb8104658053bb5345b853f93a626Scott Main#qv .download-box { 14602124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 0 0 15px; 14612124a924611bb8104658053bb5345b853f93a626Scott Main} 14622124a924611bb8104658053bb5345b853f93a626Scott Main 14632124a924611bb8104658053bb5345b853f93a626Scott Main#tb .download-box .filename, 14642124a924611bb8104658053bb5345b853f93a626Scott Main#qv .download-box .filename { 14652124a924611bb8104658053bb5345b853f93a626Scott Main font-size:11px; 14662124a924611bb8104658053bb5345b853f93a626Scott Main margin:4px 4px 10px; 14672124a924611bb8104658053bb5345b853f93a626Scott Main} 14682124a924611bb8104658053bb5345b853f93a626Scott Main 14692124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 14702124a924611bb8104658053bb5345b853f93a626Scott Main .training-nav-top { 14712124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 14722124a924611bb8104658053bb5345b853f93a626Scott Main width: auto; 14732124a924611bb8104658053bb5345b853f93a626Scott Main } 14742124a924611bb8104658053bb5345b853f93a626Scott Main 14752124a924611bb8104658053bb5345b853f93a626Scott Main #tb-wrapper { 14762124a924611bb8104658053bb5345b853f93a626Scott Main clear: none; 14772124a924611bb8104658053bb5345b853f93a626Scott Main float: none; 14782124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 0; 14792124a924611bb8104658053bb5345b853f93a626Scott Main } 14802124a924611bb8104658053bb5345b853f93a626Scott Main 14812124a924611bb8104658053bb5345b853f93a626Scott Main #tb { 14822124a924611bb8104658053bb5345b853f93a626Scott Main float: none; 14832124a924611bb8104658053bb5345b853f93a626Scott Main width: auto; 14842124a924611bb8104658053bb5345b853f93a626Scott Main } 14852124a924611bb8104658053bb5345b853f93a626Scott Main 14862124a924611bb8104658053bb5345b853f93a626Scott Main #qv-wrapper { 14872124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 14882124a924611bb8104658053bb5345b853f93a626Scott Main } 14892124a924611bb8104658053bb5345b853f93a626Scott Main} 14902124a924611bb8104658053bb5345b853f93a626Scott Main 14912124a924611bb8104658053bb5345b853f93a626Scott Main 14922124a924611bb8104658053bb5345b853f93a626Scott Main/* Dev guide quicknav */ 14932124a924611bb8104658053bb5345b853f93a626Scott Main 14942124a924611bb8104658053bb5345b853f93a626Scott Main.sidebox-wrapper { 14952124a924611bb8104658053bb5345b853f93a626Scott Main float:right; 14962124a924611bb8104658053bb5345b853f93a626Scott Main clear:right; 14972124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 0 0 20px; 14982124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 0 20px; 14992124a924611bb8104658053bb5345b853f93a626Scott Main} 15002124a924611bb8104658053bb5345b853f93a626Scott Main 15012124a924611bb8104658053bb5345b853f93a626Scott Main.sidebox { 15022124a924611bb8104658053bb5345b853f93a626Scott Main width:226px; 15032124a924611bb8104658053bb5345b853f93a626Scott Main font-size:13px; 15042124a924611bb8104658053bb5345b853f93a626Scott Main line-height:18px; 15052124a924611bb8104658053bb5345b853f93a626Scott Main border-left:3px solid #96ca7c; 15062124a924611bb8104658053bb5345b853f93a626Scott Main border-left-color: rgba(106, 179, 68, .7); /* #6ab344 * 70% */ 15072124a924611bb8104658053bb5345b853f93a626Scott Main float:right; 15082124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 0 0 20px; 15092124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 0 1em 20px; 15102124a924611bb8104658053bb5345b853f93a626Scott Main} 15112124a924611bb8104658053bb5345b853f93a626Scott Main 15122124a924611bb8104658053bb5345b853f93a626Scott Main.sidebox h2, 15132124a924611bb8104658053bb5345b853f93a626Scott Main.sidebox h3, 15142124a924611bb8104658053bb5345b853f93a626Scott Main.sidebox h4, 15152124a924611bb8104658053bb5345b853f93a626Scott Main.sidebox h5 { 15162124a924611bb8104658053bb5345b853f93a626Scott Main font-weight:bold; 15172124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 0 10px; 15182124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 16px; 15192124a924611bb8104658053bb5345b853f93a626Scott Main} 15202124a924611bb8104658053bb5345b853f93a626Scott Main 15212124a924611bb8104658053bb5345b853f93a626Scott Main.sidebox * { 15222124a924611bb8104658053bb5345b853f93a626Scott Main font-size:inherit; 15232124a924611bb8104658053bb5345b853f93a626Scott Main} 15242124a924611bb8104658053bb5345b853f93a626Scott Main 15252124a924611bb8104658053bb5345b853f93a626Scott Main.sidebox > *:last-child { 15262124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom:0; 15272124a924611bb8104658053bb5345b853f93a626Scott Main} 15282124a924611bb8104658053bb5345b853f93a626Scott Main 15292124a924611bb8104658053bb5345b853f93a626Scott Main#tb ol, 15302124a924611bb8104658053bb5345b853f93a626Scott Main#tb ul, 15312124a924611bb8104658053bb5345b853f93a626Scott Main#tb p, 15322124a924611bb8104658053bb5345b853f93a626Scott Main#qv ul { 15332124a924611bb8104658053bb5345b853f93a626Scott Main list-style-type: none; 15342124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 15px 10px 15px; 15352124a924611bb8104658053bb5345b853f93a626Scott Main} 15362124a924611bb8104658053bb5345b853f93a626Scott Main 15372124a924611bb8104658053bb5345b853f93a626Scott Main#tb li, 15382124a924611bb8104658053bb5345b853f93a626Scott Main#qv li { 15392124a924611bb8104658053bb5345b853f93a626Scott Main margin: 8px 0; 15402124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 0 0 16px; 15412124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 15422124a924611bb8104658053bb5345b853f93a626Scott Main} 15432124a924611bb8104658053bb5345b853f93a626Scott Main 15442124a924611bb8104658053bb5345b853f93a626Scott Main#qv ol { 15452124a924611bb8104658053bb5345b853f93a626Scott Main list-style:none; 15462124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 15px 15px; 15472124a924611bb8104658053bb5345b853f93a626Scott Main font-size:inherit; 15482124a924611bb8104658053bb5345b853f93a626Scott Main line-height:inherit; 15492124a924611bb8104658053bb5345b853f93a626Scott Main} 15502124a924611bb8104658053bb5345b853f93a626Scott Main 15512124a924611bb8104658053bb5345b853f93a626Scott Main#tb ol ol, 15522124a924611bb8104658053bb5345b853f93a626Scott Main#tb ul ul, 15532124a924611bb8104658053bb5345b853f93a626Scott Main#qv ol ol, 15542124a924611bb8104658053bb5345b853f93a626Scott Main#qv ul ul, 15552124a924611bb8104658053bb5345b853f93a626Scott Main.sidebox ol ol, 15562124a924611bb8104658053bb5345b853f93a626Scott Main.sidebox ul ul { 15572124a924611bb8104658053bb5345b853f93a626Scott Main margin: 8px 0; 15582124a924611bb8104658053bb5345b853f93a626Scott Main} 15592124a924611bb8104658053bb5345b853f93a626Scott Main 15602124a924611bb8104658053bb5345b853f93a626Scott Main.sidebox p, 15612124a924611bb8104658053bb5345b853f93a626Scott Main#qv p { 15622124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 10px; 15632124a924611bb8104658053bb5345b853f93a626Scott Main} 15642124a924611bb8104658053bb5345b853f93a626Scott Main 15652124a924611bb8104658053bb5345b853f93a626Scott Main/* related resources blocks in checklists */ 15662124a924611bb8104658053bb5345b853f93a626Scott Main 15672124a924611bb8104658053bb5345b853f93a626Scott Main/* related resources sections that have dynamic content */ 15682124a924611bb8104658053bb5345b853f93a626Scott Main 15692124a924611bb8104658053bb5345b853f93a626Scott Main 15702124a924611bb8104658053bb5345b853f93a626Scott Main 15712124a924611bb8104658053bb5345b853f93a626Scott Mainh3.rel-resources { 15722124a924611bb8104658053bb5345b853f93a626Scott Main padding:1.25em auto; 15732124a924611bb8104658053bb5345b853f93a626Scott Main} 15742124a924611bb8104658053bb5345b853f93a626Scott Main 15752124a924611bb8104658053bb5345b853f93a626Scott Main/* -------------------------------------------------------------------------- 15762124a924611bb8104658053bb5345b853f93a626Scott MainForm 15772124a924611bb8104658053bb5345b853f93a626Scott Main*/ 15782124a924611bb8104658053bb5345b853f93a626Scott Main.article form { 15792124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 20px; 15802124a924611bb8104658053bb5345b853f93a626Scott Main} 15812124a924611bb8104658053bb5345b853f93a626Scott Main.article form .form-required { 15822124a924611bb8104658053bb5345b853f93a626Scott Main color: #dd4b39; 15832124a924611bb8104658053bb5345b853f93a626Scott Main} 15842124a924611bb8104658053bb5345b853f93a626Scott Main.article form fieldset { 15852124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 20px; 15862124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 15872124a924611bb8104658053bb5345b853f93a626Scott Main} 15882124a924611bb8104658053bb5345b853f93a626Scott Main.article form legend { 15892124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 15902124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 1.5; 15912124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 15922124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 15932124a924611bb8104658053bb5345b853f93a626Scott Main} 15942124a924611bb8104658053bb5345b853f93a626Scott Main/* 15952124a924611bb8104658053bb5345b853f93a626Scott Main.article form ol, .article form ul { 15962124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 0 1em; 15972124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 0 0 1em; 15982124a924611bb8104658053bb5345b853f93a626Scott Main} 15992124a924611bb8104658053bb5345b853f93a626Scott Main[dir='rtl'] .article form ol, [dir='rtl'] .article form ul { 16002124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 1em 0 0; 16012124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 1em 0 0; 16022124a924611bb8104658053bb5345b853f93a626Scott Main} 16032124a924611bb8104658053bb5345b853f93a626Scott Main.article form ol ul, .article form ul ul, [dir='rtl'] .article form ol ul, [dir='rtl'] .article form 16042124a924611bb8104658053bb5345b853f93a626Scott Mainul ul { 16052124a924611bb8104658053bb5345b853f93a626Scott Main list-style: none; 16062124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 16072124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 16082124a924611bb8104658053bb5345b853f93a626Scott Main} 16092124a924611bb8104658053bb5345b853f93a626Scott Main.article form li { 16102124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 20px; 16112124a924611bb8104658053bb5345b853f93a626Scott Main} 16122124a924611bb8104658053bb5345b853f93a626Scott Main.article form li li { 16132124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 5px; 16142124a924611bb8104658053bb5345b853f93a626Scott Main} 16152124a924611bb8104658053bb5345b853f93a626Scott Main*/ 16162124a924611bb8104658053bb5345b853f93a626Scott Main.article form label { 16172124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 16182124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 5px; 16192124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 16202124a924611bb8104658053bb5345b853f93a626Scott Main} 16212124a924611bb8104658053bb5345b853f93a626Scott Main.article form input[type='text'], .article form select, .article form textarea, .article form 16222124a924611bb8104658053bb5345b853f93a626Scott Main.checkbox-group, .article form .radio-group { 16232124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 15px; 16242124a924611bb8104658053bb5345b853f93a626Scott Main} 16252124a924611bb8104658053bb5345b853f93a626Scott Main.checkbox-group input { 16262124a924611bb8104658053bb5345b853f93a626Scott Main width: 13px; 16272124a924611bb8104658053bb5345b853f93a626Scott Main height: 13px; 16282124a924611bb8104658053bb5345b853f93a626Scott Main background: #fff; 16292124a924611bb8104658053bb5345b853f93a626Scott Main border: solid 1px #c6c6c6; 16302124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 16312124a924611bb8104658053bb5345b853f93a626Scott Main} 16322124a924611bb8104658053bb5345b853f93a626Scott Main.article form .checkbox-group, .article form .radio-group { 16332124a924611bb8104658053bb5345b853f93a626Scott Main display: block 16342124a924611bb8104658053bb5345b853f93a626Scott Main} 16352124a924611bb8104658053bb5345b853f93a626Scott Main.article form select { 16362124a924611bb8104658053bb5345b853f93a626Scott Main border: solid 1px #ebebeb; 16372124a924611bb8104658053bb5345b853f93a626Scott Main border-top-color: #ddd; 16382124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-appearance: none; 16392124a924611bb8104658053bb5345b853f93a626Scott Main background: #f3f3f3 url(../images/arrows-up-down.png) right center no-repeat; 16402124a924611bb8104658053bb5345b853f93a626Scott Main height: 30px; 16412124a924611bb8104658053bb5345b853f93a626Scott Main color: #222; 16422124a924611bb8104658053bb5345b853f93a626Scott Main line-height: normal; 16432124a924611bb8104658053bb5345b853f93a626Scott Main padding: 5px; 16442124a924611bb8104658053bb5345b853f93a626Scott Main width: 130px; 16452124a924611bb8104658053bb5345b853f93a626Scott Main} 16462124a924611bb8104658053bb5345b853f93a626Scott Main 16472124a924611bb8104658053bb5345b853f93a626Scott Main.article form .browse .browse-msg { 16482124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 11.5px; 16492124a924611bb8104658053bb5345b853f93a626Scott Main} 16502124a924611bb8104658053bb5345b853f93a626Scott Main.article form .browse .button-secondary { 16512124a924611bb8104658053bb5345b853f93a626Scott Main height: auto; 16522124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 25px; 16532124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 11px; 16542124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 8px; 16552124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 10px 15px 0; 16562124a924611bb8104658053bb5345b853f93a626Scott Main} 16572124a924611bb8104658053bb5345b853f93a626Scott Main.article form input[type='text'], .article form textarea { 16582124a924611bb8104658053bb5345b853f93a626Scott Main border: 1px solid #ebebeb; 16592124a924611bb8104658053bb5345b853f93a626Scott Main border-top-color: #dcdcdc; 16602124a924611bb8104658053bb5345b853f93a626Scott Main color: #222; 16612124a924611bb8104658053bb5345b853f93a626Scott Main line-height: normal; 16622124a924611bb8104658053bb5345b853f93a626Scott Main padding: 6px 10px; 16632124a924611bb8104658053bb5345b853f93a626Scott Main width: 300px; 16642124a924611bb8104658053bb5345b853f93a626Scott Main} 16652124a924611bb8104658053bb5345b853f93a626Scott Main.article form textarea { 16662124a924611bb8104658053bb5345b853f93a626Scott Main height: 150px; 16672124a924611bb8104658053bb5345b853f93a626Scott Main} 16682124a924611bb8104658053bb5345b853f93a626Scott Main.article form input[type='text']:focus, .article form textarea:focus { 16692124a924611bb8104658053bb5345b853f93a626Scott Main border-color: #33B5E5; 16702124a924611bb8104658053bb5345b853f93a626Scott Main -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); 16712124a924611bb8104658053bb5345b853f93a626Scott Main -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); 16722124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); 16732124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); 16742124a924611bb8104658053bb5345b853f93a626Scott Main outline: 0; 16752124a924611bb8104658053bb5345b853f93a626Scott Main} 16762124a924611bb8104658053bb5345b853f93a626Scott Main.article form input[disabled], .article form textarea[disabled], .article form label.form-disabled { 16772124a924611bb8104658053bb5345b853f93a626Scott Main color: #999; 16782124a924611bb8104658053bb5345b853f93a626Scott Main} 16792124a924611bb8104658053bb5345b853f93a626Scott Main.article form input[type='text'][disabled], .article form textarea[disabled] { 16802124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #ebebeb; 16812124a924611bb8104658053bb5345b853f93a626Scott Main} 16822124a924611bb8104658053bb5345b853f93a626Scott Mainform .form-error input[type='text'], form .form-error textarea { 16832124a924611bb8104658053bb5345b853f93a626Scott Main border-color: #dd4b39; 16842124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 20px; 16852124a924611bb8104658053bb5345b853f93a626Scott Main} 16862124a924611bb8104658053bb5345b853f93a626Scott Main.aside { 16872124a924611bb8104658053bb5345b853f93a626Scott Main -moz-border-radius: 2px; 16882124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-border-radius: 2px; 16892124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 2px; 16902124a924611bb8104658053bb5345b853f93a626Scott Main margin: 10px 0; 16912124a924611bb8104658053bb5345b853f93a626Scott Main padding: 20px; 16922124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 16932124a924611bb8104658053bb5345b853f93a626Scott Main background: #f9f9f9; 16942124a924611bb8104658053bb5345b853f93a626Scott Main} 16952124a924611bb8104658053bb5345b853f93a626Scott Main/* 16962124a924611bb8104658053bb5345b853f93a626Scott Main.aside, .notification, .promo { 16972124a924611bb8104658053bb5345b853f93a626Scott Main -moz-border-radius: 2px; 16982124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-border-radius: 2px; 16992124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 2px; 17002124a924611bb8104658053bb5345b853f93a626Scott Main margin: 10px 0; 17012124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px; 17022124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 17032124a924611bb8104658053bb5345b853f93a626Scott Main} 17042124a924611bb8104658053bb5345b853f93a626Scott Main.aside>:first-child, .notification>:first-child, .promo>:first-child { 17052124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 0; 17062124a924611bb8104658053bb5345b853f93a626Scott Main} 17072124a924611bb8104658053bb5345b853f93a626Scott Main.aside>:last-child, .notification>:last-child, .promo>:last-child { 17082124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 0; 17092124a924611bb8104658053bb5345b853f93a626Scott Main} 17102124a924611bb8104658053bb5345b853f93a626Scott Main.aside { 17112124a924611bb8104658053bb5345b853f93a626Scott Main background: #f9f9f9; 17122124a924611bb8104658053bb5345b853f93a626Scott Main} 17132124a924611bb8104658053bb5345b853f93a626Scott Main.notification { 17142124a924611bb8104658053bb5345b853f93a626Scott Main background: #fffbe4; 17152124a924611bb8104658053bb5345b853f93a626Scott Main border-color: #f8f6e6; 17162124a924611bb8104658053bb5345b853f93a626Scott Main} 17172124a924611bb8104658053bb5345b853f93a626Scott Main.promo { 17182124a924611bb8104658053bb5345b853f93a626Scott Main background: #f6f9ff; 17192124a924611bb8104658053bb5345b853f93a626Scott Main border-color: #eff2f9; 17202124a924611bb8104658053bb5345b853f93a626Scott Main} 17212124a924611bb8104658053bb5345b853f93a626Scott Main*/ 17222124a924611bb8104658053bb5345b853f93a626Scott Main 17232124a924611bb8104658053bb5345b853f93a626Scott Main/* SDK TOS styles */ 17242124a924611bb8104658053bb5345b853f93a626Scott Main 17252124a924611bb8104658053bb5345b853f93a626Scott Maindiv.sdk-terms { 17262124a924611bb8104658053bb5345b853f93a626Scott Main white-space: pre-wrap; 17272124a924611bb8104658053bb5345b853f93a626Scott Main word-wrap: break-word; 17282124a924611bb8104658053bb5345b853f93a626Scott Main font-family: inherit; 17292124a924611bb8104658053bb5345b853f93a626Scott Main font-size: inherit; 17302124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px; 17312124a924611bb8104658053bb5345b853f93a626Scott Main height: 370px; 17322124a924611bb8104658053bb5345b853f93a626Scott Main width: 738px; 17332124a924611bb8104658053bb5345b853f93a626Scott Main border: 1px solid #444; 17342124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent; 17352124a924611bb8104658053bb5345b853f93a626Scott Main overflow:auto; 17362124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 0 10px; 17372124a924611bb8104658053bb5345b853f93a626Scott Main} 17382124a924611bb8104658053bb5345b853f93a626Scott Main 17392124a924611bb8104658053bb5345b853f93a626Scott Maindiv.sdk-terms.fullsize { 17402124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 17412124a924611bb8104658053bb5345b853f93a626Scott Main height: auto; 17422124a924611bb8104658053bb5345b853f93a626Scott Main width: auto; 17432124a924611bb8104658053bb5345b853f93a626Scott Main border:none; 17442124a924611bb8104658053bb5345b853f93a626Scott Main} 17452124a924611bb8104658053bb5345b853f93a626Scott Main 17462124a924611bb8104658053bb5345b853f93a626Scott Maindiv.sdk-terms h3, 17472124a924611bb8104658053bb5345b853f93a626Scott Maindiv.sdk-terms h2 { 17482124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 17492124a924611bb8104658053bb5345b853f93a626Scott Main} 17502124a924611bb8104658053bb5345b853f93a626Scott Main 17512124a924611bb8104658053bb5345b853f93a626Scott Maindiv#sdk-terms-form { 17522124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 0 0 10px; 17532124a924611bb8104658053bb5345b853f93a626Scott Main} 17542124a924611bb8104658053bb5345b853f93a626Scott Main 17552124a924611bb8104658053bb5345b853f93a626Scott Maindiv#sdk-terms-form input { 17562124a924611bb8104658053bb5345b853f93a626Scott Main display:inline; 17572124a924611bb8104658053bb5345b853f93a626Scott Main margin:4px 4px 4px 0; 17582124a924611bb8104658053bb5345b853f93a626Scott Main} 17592124a924611bb8104658053bb5345b853f93a626Scott Main 17602124a924611bb8104658053bb5345b853f93a626Scott Main 17612124a924611bb8104658053bb5345b853f93a626Scott Main/* -------------------------------------------------------------------------- 17622124a924611bb8104658053bb5345b853f93a626Scott MainCode Style 17632124a924611bb8104658053bb5345b853f93a626Scott Main*/ 17642124a924611bb8104658053bb5345b853f93a626Scott Mainpre { 17652124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 0 1em 0; 17662124a924611bb8104658053bb5345b853f93a626Scott Main padding: 1em; 17672124a924611bb8104658053bb5345b853f93a626Scott Main overflow: auto; 17682124a924611bb8104658053bb5345b853f93a626Scott Main border: solid 1px #ddd; 17692124a924611bb8104658053bb5345b853f93a626Scott Main background: #f7f7f7; 17702124a924611bb8104658053bb5345b853f93a626Scott Main} 17712124a924611bb8104658053bb5345b853f93a626Scott Main 17722124a924611bb8104658053bb5345b853f93a626Scott Mainp.package-name { 17732124a924611bb8104658053bb5345b853f93a626Scott Main margin:1em 0; 17742124a924611bb8104658053bb5345b853f93a626Scott Main} 17752124a924611bb8104658053bb5345b853f93a626Scott Main 17762124a924611bb8104658053bb5345b853f93a626Scott Mainh1.api-title { 17772124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom:0; 17782124a924611bb8104658053bb5345b853f93a626Scott Main} 17792124a924611bb8104658053bb5345b853f93a626Scott Main 17802124a924611bb8104658053bb5345b853f93a626Scott Mainh2.api-section { 17812124a924611bb8104658053bb5345b853f93a626Scott Main margin: 60px 0 0; 17822124a924611bb8104658053bb5345b853f93a626Scott Main} 17832124a924611bb8104658053bb5345b853f93a626Scott Main 17842124a924611bb8104658053bb5345b853f93a626Scott Mainh2.api-section+hr { 17852124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 30px; 17862124a924611bb8104658053bb5345b853f93a626Scott Main} 17872124a924611bb8104658053bb5345b853f93a626Scott Main 17882124a924611bb8104658053bb5345b853f93a626Scott Mainh3.api-name { 17892124a924611bb8104658053bb5345b853f93a626Scott Main margin: 80px 0 12px; 17902124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 17912124a924611bb8104658053bb5345b853f93a626Scott Main} 17922124a924611bb8104658053bb5345b853f93a626Scott Main 17932124a924611bb8104658053bb5345b853f93a626Scott Main/* remove top padding when this h3 (visibly) follows an h2. 17942124a924611bb8104658053bb5345b853f93a626Scott Main This accounts for the variation in structure, 17952124a924611bb8104658053bb5345b853f93a626Scott Main including the collapsed mobile headings */ 17962124a924611bb8104658053bb5345b853f93a626Scott Mainh2+hr+div>div>a+div>h3.api-name, 17972124a924611bb8104658053bb5345b853f93a626Scott Mainh2+hr+a+div>h3.api-name, 17982124a924611bb8104658053bb5345b853f93a626Scott Mainh2+hr+a+h3.api-name { 17992124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 0; 18002124a924611bb8104658053bb5345b853f93a626Scott Main} 18012124a924611bb8104658053bb5345b853f93a626Scott Main 18022124a924611bb8104658053bb5345b853f93a626Scott Mainpre.api-signature, 18032124a924611bb8104658053bb5345b853f93a626Scott Maincode.api-signature { 18042124a924611bb8104658053bb5345b853f93a626Scott Main color:inherit; 18052124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 18062124a924611bb8104658053bb5345b853f93a626Scott Main margin:1em 0; 18072124a924611bb8104658053bb5345b853f93a626Scott Main border:0; 18082124a924611bb8104658053bb5345b853f93a626Scott Main background:transparent; 18092124a924611bb8104658053bb5345b853f93a626Scott Main} 18102124a924611bb8104658053bb5345b853f93a626Scott Main 18112124a924611bb8104658053bb5345b853f93a626Scott Main.str { color: #800; } /* Code string */ 18122124a924611bb8104658053bb5345b853f93a626Scott Main.kwd { color: #008; } 18132124a924611bb8104658053bb5345b853f93a626Scott Main.typ { color: #606; } 18142124a924611bb8104658053bb5345b853f93a626Scott Main.lit { color: #066; } 18152124a924611bb8104658053bb5345b853f93a626Scott Main.pun { color: #660; } 18162124a924611bb8104658053bb5345b853f93a626Scott Main.pln { color: #000; } 18172124a924611bb8104658053bb5345b853f93a626Scott Main.tag { color: #008; } 18182124a924611bb8104658053bb5345b853f93a626Scott Main.atn { color: #828; } 18192124a924611bb8104658053bb5345b853f93a626Scott Main.atv { color: #800; } /* XML string */ 18202124a924611bb8104658053bb5345b853f93a626Scott Main.dec { color: #606; } 18212124a924611bb8104658053bb5345b853f93a626Scott Main 18222124a924611bb8104658053bb5345b853f93a626Scott Main/* -------------------------------------------------------------------------- 18232124a924611bb8104658053bb5345b853f93a626Scott MainThree-Pane 18242124a924611bb8104658053bb5345b853f93a626Scott Main*/ 18252124a924611bb8104658053bb5345b853f93a626Scott Main/* Package Nav & Classes Nav */ 18262124a924611bb8104658053bb5345b853f93a626Scott Main.three-pane { 18272124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 18282124a924611bb8104658053bb5345b853f93a626Scott Main border-top: solid 1px #ebebeb; 18292124a924611bb8104658053bb5345b853f93a626Scott Main} 18302124a924611bb8104658053bb5345b853f93a626Scott Main#packages-nav .js-pane, 18312124a924611bb8104658053bb5345b853f93a626Scott Main#classes-nav .js-pane { 18322124a924611bb8104658053bb5345b853f93a626Scott Main overflow:visible; 18332124a924611bb8104658053bb5345b853f93a626Scott Main} 18342124a924611bb8104658053bb5345b853f93a626Scott Main#packages-nav { 18352124a924611bb8104658053bb5345b853f93a626Scott Main height:270px; 18362124a924611bb8104658053bb5345b853f93a626Scott Main max-height: inherit; 18372124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 18382124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 18392124a924611bb8104658053bb5345b853f93a626Scott Main} 18402124a924611bb8104658053bb5345b853f93a626Scott Main#classes-nav { 18412124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 18422124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 18432124a924611bb8104658053bb5345b853f93a626Scott Main} 18442124a924611bb8104658053bb5345b853f93a626Scott Main#packages-nav ul, #classes-nav ul { 18452124a924611bb8104658053bb5345b853f93a626Scott Main list-style-type: none; 18462124a924611bb8104658053bb5345b853f93a626Scott Main margin: 10px 0 20px 0; 18472124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 18482124a924611bb8104658053bb5345b853f93a626Scott Main} 18492124a924611bb8104658053bb5345b853f93a626Scott Main#classes-nav li { 18502124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: bold; 18512124a924611bb8104658053bb5345b853f93a626Scott Main margin: 5px 0; 18522124a924611bb8104658053bb5345b853f93a626Scott Main} 18532124a924611bb8104658053bb5345b853f93a626Scott Main#packages-nav li, 18542124a924611bb8104658053bb5345b853f93a626Scott Main#classes-nav li li { 18552124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 18562124a924611bb8104658053bb5345b853f93a626Scott Main} 18572124a924611bb8104658053bb5345b853f93a626Scott Main#packages-nav li a, #packages-nav li a:active, #packages-nav li a:visited, 18582124a924611bb8104658053bb5345b853f93a626Scott Main#classes-nav li a, #classes-nav li a:active, #classes-nav li a:visited { 18592124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 0 0 4px; 18602124a924611bb8104658053bb5345b853f93a626Scott Main} 18612124a924611bb8104658053bb5345b853f93a626Scott Main#packages-nav li a, #packages-nav li a:active, #packages-nav li a:visited, 18622124a924611bb8104658053bb5345b853f93a626Scott Main#classes-nav li li a, #classes-nav li li a:active, #classes-nav li li a:visited { 18632124a924611bb8104658053bb5345b853f93a626Scott Main color: #222; 18642124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: normal; 18652124a924611bb8104658053bb5345b853f93a626Scott Main} 18662124a924611bb8104658053bb5345b853f93a626Scott Main#packages-nav li a, #packages-nav li a:active, #packages-nav li a:visited, 18672124a924611bb8104658053bb5345b853f93a626Scott Main#classes-nav li li a, #classes-nav li li a:active, #classes-nav li li a:visited { 18682124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 18692124a924611bb8104658053bb5345b853f93a626Scott Main} 18702124a924611bb8104658053bb5345b853f93a626Scott Main#packages-nav li.selected a, #packages-nav li.selected a:active, #packages-nav li.selected 18712124a924611bb8104658053bb5345b853f93a626Scott Maina:visited, 18722124a924611bb8104658053bb5345b853f93a626Scott Main#classes-nav li li.selected a, #classes-nav li li.selected a:active, #classes-nav li li.selected 18732124a924611bb8104658053bb5345b853f93a626Scott Maina:visited { 18742124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 18752124a924611bb8104658053bb5345b853f93a626Scott Main color: #0099cc; 18762124a924611bb8104658053bb5345b853f93a626Scott Main background-color:#fff; } 18772124a924611bb8104658053bb5345b853f93a626Scott Main #packages-nav li.selected ul li a, 18782124a924611bb8104658053bb5345b853f93a626Scott Main #classes-nav li.selected ul li a { 18792124a924611bb8104658053bb5345b853f93a626Scott Main /* don't highlight child items */ 18802124a924611bb8104658053bb5345b853f93a626Scott Main color: #555555; } 18812124a924611bb8104658053bb5345b853f93a626Scott Main 18822124a924611bb8104658053bb5345b853f93a626Scott Main#nav-swap { 18832124a924611bb8104658053bb5345b853f93a626Scott Main height:30px; 18842124a924611bb8104658053bb5345b853f93a626Scott Main border-top:1px solid #ccc; 18852124a924611bb8104658053bb5345b853f93a626Scott Main} 18862124a924611bb8104658053bb5345b853f93a626Scott Main#nav-swap a { 18872124a924611bb8104658053bb5345b853f93a626Scott Main display:inline-block; 18882124a924611bb8104658053bb5345b853f93a626Scott Main height:100%; 18892124a924611bb8104658053bb5345b853f93a626Scott Main color: #222; 18902124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 12px; 18912124a924611bb8104658053bb5345b853f93a626Scott Main padding: 5px 0 5px 5px; 18922124a924611bb8104658053bb5345b853f93a626Scott Main} 18932124a924611bb8104658053bb5345b853f93a626Scott Main 18942124a924611bb8104658053bb5345b853f93a626Scott Main#nav-swap .fullscreen { 18952124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 18962124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; 18972124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 18982124a924611bb8104658053bb5345b853f93a626Scott Main text-indent: -1000em; 18992124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 19002124a924611bb8104658053bb5345b853f93a626Scott Main margin:3px 5px 0; 19012124a924611bb8104658053bb5345b853f93a626Scott Main background: url(../images/fullscreen.png) no-repeat -24px 0; 19022124a924611bb8104658053bb5345b853f93a626Scott Main} 19032124a924611bb8104658053bb5345b853f93a626Scott Main#nav-swap .fullscreen.disabled { 19042124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0 0; 19052124a924611bb8104658053bb5345b853f93a626Scott Main} 19062124a924611bb8104658053bb5345b853f93a626Scott Main#nav-swap .fullscreen:hover, 19072124a924611bb8104658053bb5345b853f93a626Scott Main#nav-swap .fullscreen:focus { 19082124a924611bb8104658053bb5345b853f93a626Scott Main cursor:pointer; 19092124a924611bb8104658053bb5345b853f93a626Scott Main} 19102124a924611bb8104658053bb5345b853f93a626Scott Main 19112124a924611bb8104658053bb5345b853f93a626Scott Main/* Content */ 19122124a924611bb8104658053bb5345b853f93a626Scott Main#doc-col { 19132124a924611bb8104658053bb5345b853f93a626Scott Main margin-right:0; 19142124a924611bb8104658053bb5345b853f93a626Scott Main} 19152124a924611bb8104658053bb5345b853f93a626Scott Main 19162124a924611bb8104658053bb5345b853f93a626Scott Main/* Uncomment this for preview release watermark 19172124a924611bb8104658053bb5345b853f93a626Scott Main#doc-col { 19182124a924611bb8104658053bb5345b853f93a626Scott Main background: url('../images/preview.png') repeat; 19192124a924611bb8104658053bb5345b853f93a626Scott Main} 19202124a924611bb8104658053bb5345b853f93a626Scott Main*/ 19212124a924611bb8104658053bb5345b853f93a626Scott Main 19222124a924611bb8104658053bb5345b853f93a626Scott Main#doc-content-container { 19232124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 291px 19242124a924611bb8104658053bb5345b853f93a626Scott Main} 19252124a924611bb8104658053bb5345b853f93a626Scott Main 19262124a924611bb8104658053bb5345b853f93a626Scott Main#doc-header, #doc-content { 19272124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 19282124a924611bb8104658053bb5345b853f93a626Scott Main} 19292124a924611bb8104658053bb5345b853f93a626Scott Main 19302124a924611bb8104658053bb5345b853f93a626Scott Main#doc-header { 19312124a924611bb8104658053bb5345b853f93a626Scott Main background: #f7f7f7; 19322124a924611bb8104658053bb5345b853f93a626Scott Main} 19332124a924611bb8104658053bb5345b853f93a626Scott Main 19342124a924611bb8104658053bb5345b853f93a626Scott Main#doc-header h1 { 19352124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 0; 19362124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 15px; 19372124a924611bb8104658053bb5345b853f93a626Scott Main} 19382124a924611bb8104658053bb5345b853f93a626Scott Main 19392124a924611bb8104658053bb5345b853f93a626Scott Main 19402124a924611bb8104658053bb5345b853f93a626Scott Main#api-info-block { 19412124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 19422124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: bold; 19432124a924611bb8104658053bb5345b853f93a626Scott Main} 19442124a924611bb8104658053bb5345b853f93a626Scott Main 19452124a924611bb8104658053bb5345b853f93a626Scott Main#api-info-block a, #api-info-block a:active, #api-info-block a:visited { 19462124a924611bb8104658053bb5345b853f93a626Scott Main color: #222; 19472124a924611bb8104658053bb5345b853f93a626Scott Main} 19482124a924611bb8104658053bb5345b853f93a626Scott Main 19492124a924611bb8104658053bb5345b853f93a626Scott Main#api-info-block a:hover, #api-info-block a:focus { 19502124a924611bb8104658053bb5345b853f93a626Scott Main color: #33B5E5; 19512124a924611bb8104658053bb5345b853f93a626Scott Main} 19522124a924611bb8104658053bb5345b853f93a626Scott Main 19532124a924611bb8104658053bb5345b853f93a626Scott Main#api-nav-header { 19542124a924611bb8104658053bb5345b853f93a626Scott Main height:19px; /* plus 16px padding = 35; same as #nav li */ 19552124a924611bb8104658053bb5345b853f93a626Scott Main font-size:14px; 19562124a924611bb8104658053bb5345b853f93a626Scott Main padding: 8px 0; 19572124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 19582124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom: 1px solid #CCC; 19592124a924611bb8104658053bb5345b853f93a626Scott Main background:#e9e9e9; 19602124a924611bb8104658053bb5345b853f93a626Scott Main background: rgba(0, 0, 0, 0.05); /* matches #nav li.expanded */ 19612124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 19px; /* Fix regression after page line-height is bumped to 24px */ 19622124a924611bb8104658053bb5345b853f93a626Scott Main} 19632124a924611bb8104658053bb5345b853f93a626Scott Main 19642124a924611bb8104658053bb5345b853f93a626Scott Main#api-nav-title { 19652124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 5px; 19662124a924611bb8104658053bb5345b853f93a626Scott Main white-space:nowrap; 19672124a924611bb8104658053bb5345b853f93a626Scott Main} 19682124a924611bb8104658053bb5345b853f93a626Scott Main 19692124a924611bb8104658053bb5345b853f93a626Scott Main#api-level-toggle { 19702124a924611bb8104658053bb5345b853f93a626Scott Main float:right; 19712124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 5px; 19722124a924611bb8104658053bb5345b853f93a626Scott Main} 19732124a924611bb8104658053bb5345b853f93a626Scott Main 19742124a924611bb8104658053bb5345b853f93a626Scott Main#api-level-toggle label { 19752124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 19762124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align:top; 19772124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 19px; 19782124a924611bb8104658053bb5345b853f93a626Scott Main font-size:13px; 19792124a924611bb8104658053bb5345b853f93a626Scott Main height: 19px; 19802124a924611bb8104658053bb5345b853f93a626Scott Main} 19812124a924611bb8104658053bb5345b853f93a626Scott Main 19822124a924611bb8104658053bb5345b853f93a626Scott Main#api-level-toggle .select-wrapper { 19832124a924611bb8104658053bb5345b853f93a626Scott Main width: 35px; 19842124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 19852124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 19862124a924611bb8104658053bb5345b853f93a626Scott Main} 19872124a924611bb8104658053bb5345b853f93a626Scott Main 19882124a924611bb8104658053bb5345b853f93a626Scott Main#api-level-toggle select { 19892124a924611bb8104658053bb5345b853f93a626Scott Main border: 0; 19902124a924611bb8104658053bb5345b853f93a626Scott Main appearance:none; 19912124a924611bb8104658053bb5345b853f93a626Scott Main -moz-appearance:none; 19922124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-appearance: none; 19932124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/arrows-up-down.png) 23px 5px no-repeat; 19942124a924611bb8104658053bb5345b853f93a626Scott Main color: #222; 19952124a924611bb8104658053bb5345b853f93a626Scott Main /* remove the lines below after xp testing 19962124a924611bb8104658053bb5345b853f93a626Scott Main height: 19px; 19972124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 19px; */ 19982124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 19992124a924611bb8104658053bb5345b853f93a626Scott Main margin: .5px 0 0 0; 20002124a924611bb8104658053bb5345b853f93a626Scott Main width:150%; 20012124a924611bb8104658053bb5345b853f93a626Scott Main font-size:13px; 20022124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align:top; 20032124a924611bb8104658053bb5345b853f93a626Scott Main outline:0; 20042124a924611bb8104658053bb5345b853f93a626Scott Main} 20052124a924611bb8104658053bb5345b853f93a626Scott Main 20062124a924611bb8104658053bb5345b853f93a626Scott Main 20072124a924611bb8104658053bb5345b853f93a626Scott Main/* Toggle for revision notes and stuff */ 20082124a924611bb8104658053bb5345b853f93a626Scott Maindiv.toggle-content.closed .toggle-content-toggleme { 20092124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 20102124a924611bb8104658053bb5345b853f93a626Scott Main} 20112124a924611bb8104658053bb5345b853f93a626Scott Main 20122124a924611bb8104658053bb5345b853f93a626Scott Main#jd-content img.toggle-content-img { 20132124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 5px 5px 0; 20142124a924611bb8104658053bb5345b853f93a626Scott Main} 20152124a924611bb8104658053bb5345b853f93a626Scott Main 20162124a924611bb8104658053bb5345b853f93a626Scott Maindiv.toggle-content-toggleme { 20172124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 0 0 15px; 20182124a924611bb8104658053bb5345b853f93a626Scott Main} 20192124a924611bb8104658053bb5345b853f93a626Scott Main 20202124a924611bb8104658053bb5345b853f93a626Scott Main 20212124a924611bb8104658053bb5345b853f93a626Scott Main/* API LEVEL FILTERED MEMBERS */ 20222124a924611bb8104658053bb5345b853f93a626Scott Main 20232124a924611bb8104658053bb5345b853f93a626Scott Main.absent, 20242124a924611bb8104658053bb5345b853f93a626Scott Main.absent a:link, 20252124a924611bb8104658053bb5345b853f93a626Scott Main.absent a:visited, 20262124a924611bb8104658053bb5345b853f93a626Scott Main.absent a:hover, 20272124a924611bb8104658053bb5345b853f93a626Scott Main.absent * { 20282124a924611bb8104658053bb5345b853f93a626Scott Main color:#bbb !important; 20292124a924611bb8104658053bb5345b853f93a626Scott Main cursor:default !important; 20302124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration:none !important; 20312124a924611bb8104658053bb5345b853f93a626Scott Main} 20322124a924611bb8104658053bb5345b853f93a626Scott Main#devdoc-nav li.absent.selected, 20332124a924611bb8104658053bb5345b853f93a626Scott Main#devdoc-nav li.absent.selected *, 20342124a924611bb8104658053bb5345b853f93a626Scott Main#devdoc-nav div.label.absent.selected, 20352124a924611bb8104658053bb5345b853f93a626Scott Main#devdoc-nav div.label.absent.selected * { 20362124a924611bb8104658053bb5345b853f93a626Scott Main background-color:#eaeaea !important; 20372124a924611bb8104658053bb5345b853f93a626Scott Main} 20382124a924611bb8104658053bb5345b853f93a626Scott Main.absent h4.jd-details-title, 20392124a924611bb8104658053bb5345b853f93a626Scott Main.absent h4.jd-details-title * { 20402124a924611bb8104658053bb5345b853f93a626Scott Main background-color:#f6f6f6 !important; 20412124a924611bb8104658053bb5345b853f93a626Scott Main} 20422124a924611bb8104658053bb5345b853f93a626Scott Main.absent img { 20432124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .3; 20442124a924611bb8104658053bb5345b853f93a626Scott Main filter: alpha(opacity=30); 20452124a924611bb8104658053bb5345b853f93a626Scott Main -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 20462124a924611bb8104658053bb5345b853f93a626Scott Main} 20472124a924611bb8104658053bb5345b853f93a626Scott Main 20482124a924611bb8104658053bb5345b853f93a626Scott Main 20492124a924611bb8104658053bb5345b853f93a626Scott Main 20502124a924611bb8104658053bb5345b853f93a626Scott Main 20512124a924611bb8104658053bb5345b853f93a626Scott Main 20522124a924611bb8104658053bb5345b853f93a626Scott Main 20532124a924611bb8104658053bb5345b853f93a626Scott Main 20542124a924611bb8104658053bb5345b853f93a626Scott Main 20552124a924611bb8104658053bb5345b853f93a626Scott Main 20562124a924611bb8104658053bb5345b853f93a626Scott Main/* JQUERY RESIZABLE STYLES */ 20572124a924611bb8104658053bb5345b853f93a626Scott Main.ui-resizable { position: relative; } 20582124a924611bb8104658053bb5345b853f93a626Scott Main.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; } 20592124a924611bb8104658053bb5345b853f93a626Scott Main.ui-resizable .ui-resizable-handle { display: block; border-bottom: 1px solid #e4e4e4; } 20602124a924611bb8104658053bb5345b853f93a626Scott Main/*body .ui-resizable-disabled .ui-resizable-handle { display: none; } 20612124a924611bb8104658053bb5345b853f93a626Scott Mainbody .ui-resizable-autohide .ui-resizable-handle { display: none; }*/ 20622124a924611bb8104658053bb5345b853f93a626Scott Main.ui-resizable-s { cursor: s-resize; height: 10px; width: 100% !important; bottom: -11px; left: 0; 20632124a924611bb8104658053bb5345b853f93a626Scott Mainborder-bottom: solid 1px #ededed; 20642124a924611bb8104658053bb5345b853f93a626Scott Main background: #f7f7f7 url("../images/resizable-s2.png") no-repeat scroll center center; } 20652124a924611bb8104658053bb5345b853f93a626Scott Main/* 20662124a924611bb8104658053bb5345b853f93a626Scott Main.ui-resizable-e { 20672124a924611bb8104658053bb5345b853f93a626Scott Maincursor: e-resize; width: 10px; right: 0; top: 0; height: 100%; border-right: solid 20682124a924611bb8104658053bb5345b853f93a626Scott Main1px #ededed;background: #f7f7f7 url("../images/resizable-e2.png") no-repeat scroll center center; } 20692124a924611bb8104658053bb5345b853f93a626Scott Main*/ 20702124a924611bb8104658053bb5345b853f93a626Scott Main 20712124a924611bb8104658053bb5345b853f93a626Scott Main/* -------------------------------------------------------------------------- 20722124a924611bb8104658053bb5345b853f93a626Scott MainLightbox 20732124a924611bb8104658053bb5345b853f93a626Scott Main*/ 20742124a924611bb8104658053bb5345b853f93a626Scott Main.lightbox { 20752124a924611bb8104658053bb5345b853f93a626Scott Main width: 769px; 20762124a924611bb8104658053bb5345b853f93a626Scott Main padding: 1.5em; 20772124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 auto; 20782124a924611bb8104658053bb5345b853f93a626Scott Main border: solid 1px #dcdcdc; 20792124a924611bb8104658053bb5345b853f93a626Scott Main background: #fff; 20802124a924611bb8104658053bb5345b853f93a626Scott Main -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.1); 20812124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1); 20822124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 1px 1px 5px rgba(0,0,0,0.1) 20832124a924611bb8104658053bb5345b853f93a626Scott Main} 20842124a924611bb8104658053bb5345b853f93a626Scott Main.lightbox .header { 20852124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 20862124a924611bb8104658053bb5345b853f93a626Scott Main width: 720px; 20872124a924611bb8104658053bb5345b853f93a626Scott Main margin: -10px 20px 10px 0; 20882124a924611bb8104658053bb5345b853f93a626Scott Main} 20892124a924611bb8104658053bb5345b853f93a626Scott Main.lightbox .close { 20902124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 20912124a924611bb8104658053bb5345b853f93a626Scott Main width: 10px; 20922124a924611bb8104658053bb5345b853f93a626Scott Main height: 10px; 20932124a924611bb8104658053bb5345b853f93a626Scott Main margin: -10px -10px 10px 0; 20942124a924611bb8104658053bb5345b853f93a626Scott Main text-indent: -1000em; 20952124a924611bb8104658053bb5345b853f93a626Scott Main background: url(../images/close.png) no-repeat 0 0; 20962124a924611bb8104658053bb5345b853f93a626Scott Main} 20972124a924611bb8104658053bb5345b853f93a626Scott Main.lightbox .close:hover, .lightbox .close:focus { 20982124a924611bb8104658053bb5345b853f93a626Scott Main background-position: -10px 0; 20992124a924611bb8104658053bb5345b853f93a626Scott Main} 21002124a924611bb8104658053bb5345b853f93a626Scott Main 21012124a924611bb8104658053bb5345b853f93a626Scott Main/* -------------------------------------------------------------------------- 21022124a924611bb8104658053bb5345b853f93a626Scott MainStyles for samples browser 21032124a924611bb8104658053bb5345b853f93a626Scott Main*/ 21042124a924611bb8104658053bb5345b853f93a626Scott Main 21052124a924611bb8104658053bb5345b853f93a626Scott Main#codesample-wrapper { 21062124a924611bb8104658053bb5345b853f93a626Scott Main width:100000px; /* super wide to contain floats, but doesn't cause scroll */ 21072124a924611bb8104658053bb5345b853f93a626Scott Main overflow:visible; 21082124a924611bb8104658053bb5345b853f93a626Scott Main} 21092124a924611bb8104658053bb5345b853f93a626Scott Mainpre#codesample-block { 21102124a924611bb8104658053bb5345b853f93a626Scott Main float:left; 21112124a924611bb8104658053bb5345b853f93a626Scott Main overflow:visible; 21122124a924611bb8104658053bb5345b853f93a626Scott Main background:transparent; 21132124a924611bb8104658053bb5345b853f93a626Scott Main border:none; 21142124a924611bb8104658053bb5345b853f93a626Scott Main} 21152124a924611bb8104658053bb5345b853f93a626Scott Mainpre#codesample-block a.number { 21162124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 21172124a924611bb8104658053bb5345b853f93a626Scott Main} 21182124a924611bb8104658053bb5345b853f93a626Scott Mainpre#codesample-block .code-line:hover { 21192124a924611bb8104658053bb5345b853f93a626Scott Main background:#e7e7e7; 21202124a924611bb8104658053bb5345b853f93a626Scott Main} 21212124a924611bb8104658053bb5345b853f93a626Scott Mainpre#codesample-line-numbers { 21222124a924611bb8104658053bb5345b853f93a626Scott Main float:left; 21232124a924611bb8104658053bb5345b853f93a626Scott Main width:2em; 21242124a924611bb8104658053bb5345b853f93a626Scott Main background:transparent; 21252124a924611bb8104658053bb5345b853f93a626Scott Main border:none; 21262124a924611bb8104658053bb5345b853f93a626Scott Main border-right:1px solid #ccc; 21272124a924611bb8104658053bb5345b853f93a626Scott Main padding-left:0; 21282124a924611bb8104658053bb5345b853f93a626Scott Main font-family:monospace; 21292124a924611bb8104658053bb5345b853f93a626Scott Main text-align:right; 21302124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-touch-callout: none; 21312124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-user-select: none; 21322124a924611bb8104658053bb5345b853f93a626Scott Main -khtml-user-select: none; 21332124a924611bb8104658053bb5345b853f93a626Scott Main -moz-user-select: -moz-none; 21342124a924611bb8104658053bb5345b853f93a626Scott Main -ms-user-select: none; 21352124a924611bb8104658053bb5345b853f93a626Scott Main user-select: none; 21362124a924611bb8104658053bb5345b853f93a626Scott Main} 21372124a924611bb8104658053bb5345b853f93a626Scott Mainpre#codesample-line-numbers a { 21382124a924611bb8104658053bb5345b853f93a626Scott Main color:#999; 21392124a924611bb8104658053bb5345b853f93a626Scott Main} 21402124a924611bb8104658053bb5345b853f93a626Scott Mainpre#codesample-line-numbers.hidden { 21412124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 21422124a924611bb8104658053bb5345b853f93a626Scott Main} 21432124a924611bb8104658053bb5345b853f93a626Scott Mainpre#codesample-block span.code-line { 21442124a924611bb8104658053bb5345b853f93a626Scott Main width:100%; 21452124a924611bb8104658053bb5345b853f93a626Scott Main display:inline-block; 21462124a924611bb8104658053bb5345b853f93a626Scott Main} 21472124a924611bb8104658053bb5345b853f93a626Scott Main 21482124a924611bb8104658053bb5345b853f93a626Scott Main/* 21492124a924611bb8104658053bb5345b853f93a626Scott MainStyles for displaying image or video resources in samples browser. 21502124a924611bb8104658053bb5345b853f93a626Scott MainResources are marked as no-display if they exceed the size limit. 21512124a924611bb8104658053bb5345b853f93a626Scott Main*/ 21522124a924611bb8104658053bb5345b853f93a626Scott Maindiv#codesample-resource img, div#codesample-resource video { 21532124a924611bb8104658053bb5345b853f93a626Scott Main border: 1px solid #ececec; 21542124a924611bb8104658053bb5345b853f93a626Scott Main} 21552124a924611bb8104658053bb5345b853f93a626Scott Main 21562124a924611bb8104658053bb5345b853f93a626Scott Maindiv#codesample-resource.noDisplay div { 21572124a924611bb8104658053bb5345b853f93a626Scott Main border: 1px solid #ececec; 21582124a924611bb8104658053bb5345b853f93a626Scott Main width:120px; 21592124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom:4px; 21602124a924611bb8104658053bb5345b853f93a626Scott Main padding:20px; 21612124a924611bb8104658053bb5345b853f93a626Scott Main} 21622124a924611bb8104658053bb5345b853f93a626Scott Main 21632124a924611bb8104658053bb5345b853f93a626Scott Maindiv#codesample-resource .noDisplay-message:after { 21642124a924611bb8104658053bb5345b853f93a626Scott Main font-style:italic; 21652124a924611bb8104658053bb5345b853f93a626Scott Main font-size:12px; 21662124a924611bb8104658053bb5345b853f93a626Scott Main content: 'This resource is not available for browsing. To view it, please download the project.'; 21672124a924611bb8104658053bb5345b853f93a626Scott Main} 21682124a924611bb8104658053bb5345b853f93a626Scott Main 21692124a924611bb8104658053bb5345b853f93a626Scott Main/* 21702124a924611bb8104658053bb5345b853f93a626Scott MainStyles for project structure (treeview) page 21712124a924611bb8104658053bb5345b853f93a626Scott Main*/ 21722124a924611bb8104658053bb5345b853f93a626Scott Main.structure-dir { 21732124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-image:url(../images/folder.png); 21742124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-repeat:no-repeat; 21752124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-position:16px 2px; 21762124a924611bb8104658053bb5345b853f93a626Scott Main margin:.25em 0 0 0; 21772124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 0 0 0; 21782124a924611bb8104658053bb5345b853f93a626Scott Main} 21792124a924611bb8104658053bb5345b853f93a626Scott Main 21802124a924611bb8104658053bb5345b853f93a626Scott Main.structure-toggleme { 21812124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 0 0 3em; 21822124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 0 0 0; 21832124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration:none; 21842124a924611bb8104658053bb5345b853f93a626Scott Main} 21852124a924611bb8104658053bb5345b853f93a626Scott Main 21862124a924611bb8104658053bb5345b853f93a626Scott Main.structure-java{ 21872124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-image:url(../images/file-java.png); 21882124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-repeat:no-repeat; 21892124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-position:0px 2px; 21902124a924611bb8104658053bb5345b853f93a626Scott Main margin:.3em 0 0 0; 21912124a924611bb8104658053bb5345b853f93a626Scott Main padding:.3em 0 .3em 22px; 21922124a924611bb8104658053bb5345b853f93a626Scott Main} 21932124a924611bb8104658053bb5345b853f93a626Scott Main 21942124a924611bb8104658053bb5345b853f93a626Scott Main.structure-file { 21952124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-image:url(../images/file-generic.png); 21962124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-repeat:no-repeat; 21972124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-position:0px 2px; 21982124a924611bb8104658053bb5345b853f93a626Scott Main margin:.3em 0 0 0; 21992124a924611bb8104658053bb5345b853f93a626Scott Main padding:.3em 0 .3em 22px; 22002124a924611bb8104658053bb5345b853f93a626Scott Main} 22012124a924611bb8104658053bb5345b853f93a626Scott Main 22022124a924611bb8104658053bb5345b853f93a626Scott Main.structure-xml { 22032124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-image:url(../images/file-xml.png); 22042124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-repeat:no-repeat; 22052124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-position:0px 2px; 22062124a924611bb8104658053bb5345b853f93a626Scott Main margin:.3em 0 0 0; 22072124a924611bb8104658053bb5345b853f93a626Scott Main padding:.3em 0 .25em 22px; 22082124a924611bb8104658053bb5345b853f93a626Scott Main} 22092124a924611bb8104658053bb5345b853f93a626Scott Main 22102124a924611bb8104658053bb5345b853f93a626Scott Main.structure-img { 22112124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-image:url(../images/file-image.png); 22122124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-repeat:no-repeat; 22132124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-position:0px 2px; 22142124a924611bb8104658053bb5345b853f93a626Scott Main margin:.3em 0 0 0; 22152124a924611bb8104658053bb5345b853f93a626Scott Main padding:.3em 0 .25em 22px; 22162124a924611bb8104658053bb5345b853f93a626Scott Main} 22172124a924611bb8104658053bb5345b853f93a626Scott Main 22182124a924611bb8104658053bb5345b853f93a626Scott Main.structure-manifest { 22192124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-image:url(../images/file-manifest.png); 22202124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-repeat:no-repeat; 22212124a924611bb8104658053bb5345b853f93a626Scott Main margin:.0 0 0 1.25em; 22222124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 0 0 22px; 22232124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration:none; 22242124a924611bb8104658053bb5345b853f93a626Scott Main} 22252124a924611bb8104658053bb5345b853f93a626Scott Main 22262124a924611bb8104658053bb5345b853f93a626Scott Main#jd-content .structure-toggle-img { 22272124a924611bb8104658053bb5345b853f93a626Scott Main margin:.5em 0 0 0; 22282124a924611bb8104658053bb5345b853f93a626Scott Mainpadding-right:2.1em; 22292124a924611bb8104658053bb5345b853f93a626Scott Main} 22302124a924611bb8104658053bb5345b853f93a626Scott Main 22312124a924611bb8104658053bb5345b853f93a626Scott Main.dirInfo { 22322124a924611bb8104658053bb5345b853f93a626Scott Main margin-left:2em; 22332124a924611bb8104658053bb5345b853f93a626Scott Main} 22342124a924611bb8104658053bb5345b853f93a626Scott Main 22352124a924611bb8104658053bb5345b853f93a626Scott Main.structure-dir a { 22362124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration:none; 22372124a924611bb8104658053bb5345b853f93a626Scott Main} 22382124a924611bb8104658053bb5345b853f93a626Scott Main 22392124a924611bb8104658053bb5345b853f93a626Scott Main.structure-manifest a { 22402124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration: none; 22412124a924611bb8104658053bb5345b853f93a626Scott Main} 22422124a924611bb8104658053bb5345b853f93a626Scott Main.structure-file a { 22432124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration: none; 22442124a924611bb8104658053bb5345b853f93a626Scott Main} 22452124a924611bb8104658053bb5345b853f93a626Scott Main 22462124a924611bb8104658053bb5345b853f93a626Scott Main.sampleEmbed { 22472124a924611bb8104658053bb5345b853f93a626Scott Main background-color:rgb(249, 249, 249); 22482124a924611bb8104658053bb5345b853f93a626Scott Main} 22492124a924611bb8104658053bb5345b853f93a626Scott Main 22502124a924611bb8104658053bb5345b853f93a626Scott Main.sampleEmbed ol.lineNumbers { 22512124a924611bb8104658053bb5345b853f93a626Scott Main list-style-type: decimal; 22522124a924611bb8104658053bb5345b853f93a626Scott Main padding-left:1em; 22532124a924611bb8104658053bb5345b853f93a626Scott Main} 22542124a924611bb8104658053bb5345b853f93a626Scott Main 22552124a924611bb8104658053bb5345b853f93a626Scott Main.sampleEmbed ol.lineNumbers li { 22562124a924611bb8104658053bb5345b853f93a626Scott Mainborder-left:1px solid #ddd; 22572124a924611bb8104658053bb5345b853f93a626Scott Mainborder-right:1px solid #ddd; 22582124a924611bb8104658053bb5345b853f93a626Scott Maincolor:gray; 22592124a924611bb8104658053bb5345b853f93a626Scott Mainbackground-color:#f7f7f7; 22602124a924611bb8104658053bb5345b853f93a626Scott Mainmargin:0 0 0 24px; 22612124a924611bb8104658053bb5345b853f93a626Scott Mainpadding: 2px 2px 2px 6px; 22622124a924611bb8104658053bb5345b853f93a626Scott Main} 22632124a924611bb8104658053bb5345b853f93a626Scott Main 22642124a924611bb8104658053bb5345b853f93a626Scott Main.sampleEmbed ol.lineNumbers li:hover { 22652124a924611bb8104658053bb5345b853f93a626Scott Mainbackground: #efefef; 22662124a924611bb8104658053bb5345b853f93a626Scott Main} 22672124a924611bb8104658053bb5345b853f93a626Scott Main 22682124a924611bb8104658053bb5345b853f93a626Scott Main.samples-nav li a { 22692124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 22702124a924611bb8104658053bb5345b853f93a626Scott Main text-overflow: ellipsis; 22712124a924611bb8104658053bb5345b853f93a626Scott Main white-space: nowrap; 22722124a924611bb8104658053bb5345b853f93a626Scott Main} 22732124a924611bb8104658053bb5345b853f93a626Scott Main 22742124a924611bb8104658053bb5345b853f93a626Scott Main/* -------------------------------------------------------------------------- 22752124a924611bb8104658053bb5345b853f93a626Scott MainStyles for raw formatted line numbers (not used with listformatted version) 22762124a924611bb8104658053bb5345b853f93a626Scott Maindiv.sampleLine div.lineNumber { 22772124a924611bb8104658053bb5345b853f93a626Scott Main display: inline; 22782124a924611bb8104658053bb5345b853f93a626Scott Main} 22792124a924611bb8104658053bb5345b853f93a626Scott Maindiv.sampleLine div.lineCode { 22802124a924611bb8104658053bb5345b853f93a626Scott Main display: inline; 22812124a924611bb8104658053bb5345b853f93a626Scott Main padding-left:6px; 22822124a924611bb8104658053bb5345b853f93a626Scott Main} 22832124a924611bb8104658053bb5345b853f93a626Scott Maindiv.sampleLine { 22842124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 22852124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 22862124a924611bb8104658053bb5345b853f93a626Scott Main}*/ 22872124a924611bb8104658053bb5345b853f93a626Scott Main 22882124a924611bb8104658053bb5345b853f93a626Scott Main/* -------------------------------------------------------------------------- 22892124a924611bb8104658053bb5345b853f93a626Scott MainMisc and article typography 22902124a924611bb8104658053bb5345b853f93a626Scott Main*/ 22912124a924611bb8104658053bb5345b853f93a626Scott Main 22922124a924611bb8104658053bb5345b853f93a626Scott Main 22932124a924611bb8104658053bb5345b853f93a626Scott Main.clearfix:before, .clearfix:after { 22942124a924611bb8104658053bb5345b853f93a626Scott Main content: ""; 22952124a924611bb8104658053bb5345b853f93a626Scott Main display: table 22962124a924611bb8104658053bb5345b853f93a626Scott Main} 22972124a924611bb8104658053bb5345b853f93a626Scott Main.clearfix:after { 22982124a924611bb8104658053bb5345b853f93a626Scott Main clear: both 22992124a924611bb8104658053bb5345b853f93a626Scott Main} 23002124a924611bb8104658053bb5345b853f93a626Scott Main.clearfix { 23012124a924611bb8104658053bb5345b853f93a626Scott Main *zoom: 1 23022124a924611bb8104658053bb5345b853f93a626Scott Main} 23032124a924611bb8104658053bb5345b853f93a626Scott Maintable.blank th, table.blank td { 23042124a924611bb8104658053bb5345b853f93a626Scott Main border: 0; 23052124a924611bb8104658053bb5345b853f93a626Scott Main background: none 23062124a924611bb8104658053bb5345b853f93a626Scott Main} 23072124a924611bb8104658053bb5345b853f93a626Scott Main.caption { 23082124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0.5em 0 2em 0; 23092124a924611bb8104658053bb5345b853f93a626Scott Main color: #000; 23102124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 11.5px; 23112124a924611bb8104658053bb5345b853f93a626Scott Main} 23122124a924611bb8104658053bb5345b853f93a626Scott Main 23132124a924611bb8104658053bb5345b853f93a626Scott Main.nolist, .nolist ul, .nolist ol { 23142124a924611bb8104658053bb5345b853f93a626Scott Main list-style:none; 23152124a924611bb8104658053bb5345b853f93a626Scott Main margin-left:0; 23162124a924611bb8104658053bb5345b853f93a626Scott Main} 23172124a924611bb8104658053bb5345b853f93a626Scott Main 23182124a924611bb8104658053bb5345b853f93a626Scott Mainol.callouts { 23192124a924611bb8104658053bb5345b853f93a626Scott Main counter-reset: item; 23202124a924611bb8104658053bb5345b853f93a626Scott Main list-style-type: none; 23212124a924611bb8104658053bb5345b853f93a626Scott Main margin-left:44px; 23222124a924611bb8104658053bb5345b853f93a626Scott Main} 23232124a924611bb8104658053bb5345b853f93a626Scott Mainol.callouts>li:before { 23242124a924611bb8104658053bb5345b853f93a626Scott Main counter-increment: item; 23252124a924611bb8104658053bb5345b853f93a626Scott Main content: counter(item); 23262124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 23272124a924611bb8104658053bb5345b853f93a626Scott Main color:#fff; 23282124a924611bb8104658053bb5345b853f93a626Scott Main font-weight:bold; 23292124a924611bb8104658053bb5345b853f93a626Scott Main background-image:url(../images/styles/callout-bg_2x.png); 23302124a924611bb8104658053bb5345b853f93a626Scott Main background-size:24px; 23312124a924611bb8104658053bb5345b853f93a626Scott Main width:16px; 23322124a924611bb8104658053bb5345b853f93a626Scott Main padding-left:8px; 23332124a924611bb8104658053bb5345b853f93a626Scott Main margin-left:-34px; 23342124a924611bb8104658053bb5345b853f93a626Scott Main} 23352124a924611bb8104658053bb5345b853f93a626Scott Main 23362124a924611bb8104658053bb5345b853f93a626Scott Main#tb .nolist { 23372124a924611bb8104658053bb5345b853f93a626Scott Main margin-left:15px; 23382124a924611bb8104658053bb5345b853f93a626Scott Main} 23392124a924611bb8104658053bb5345b853f93a626Scott Main 23402124a924611bb8104658053bb5345b853f93a626Scott Maindl.xml>dt { 23412124a924611bb8104658053bb5345b853f93a626Scott Main text-transform:uppercase; 23422124a924611bb8104658053bb5345b853f93a626Scott Main} 23432124a924611bb8104658053bb5345b853f93a626Scott Maindl.xml dl.attr { 23442124a924611bb8104658053bb5345b853f93a626Scott Main margin-top:0; 23452124a924611bb8104658053bb5345b853f93a626Scott Main} 23462124a924611bb8104658053bb5345b853f93a626Scott Main 23472124a924611bb8104658053bb5345b853f93a626Scott Mainpre.classic { 23482124a924611bb8104658053bb5345b853f93a626Scott Main background-color:transparent; 23492124a924611bb8104658053bb5345b853f93a626Scott Main border:none; 23502124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 23512124a924611bb8104658053bb5345b853f93a626Scott Main} 23522124a924611bb8104658053bb5345b853f93a626Scott Main 23532124a924611bb8104658053bb5345b853f93a626Scott Mainp.img-caption { 23542124a924611bb8104658053bb5345b853f93a626Scott Main margin: -10px 0 20px; 23552124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 13px; 23562124a924611bb8104658053bb5345b853f93a626Scott Main} 23572124a924611bb8104658053bb5345b853f93a626Scott Main 23582124a924611bb8104658053bb5345b853f93a626Scott Main/* figures and callouts */ 23592124a924611bb8104658053bb5345b853f93a626Scott Main.figure { 23602124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 23612124a924611bb8104658053bb5345b853f93a626Scott Main} 23622124a924611bb8104658053bb5345b853f93a626Scott Main 23632124a924611bb8104658053bb5345b853f93a626Scott Main.figure.pad-below { 23642124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 20px; 23652124a924611bb8104658053bb5345b853f93a626Scott Main} 23662124a924611bb8104658053bb5345b853f93a626Scott Main 23672124a924611bb8104658053bb5345b853f93a626Scott Main.figure .figure-callout { 23682124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 23692124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 23702124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 23712124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 23722124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 23px; 23732124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 23742124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/callout.png) no-repeat scroll 50% 50%; 23752124a924611bb8104658053bb5345b853f93a626Scott Main padding-right: 2px; 23762124a924611bb8104658053bb5345b853f93a626Scott Main width: 30px; 23772124a924611bb8104658053bb5345b853f93a626Scott Main height: 29px; 23782124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 1000; 23792124a924611bb8104658053bb5345b853f93a626Scott Main} 23802124a924611bb8104658053bb5345b853f93a626Scott Main 23812124a924611bb8104658053bb5345b853f93a626Scott Main.figure .figure-callout.top { 23822124a924611bb8104658053bb5345b853f93a626Scott Main top: -9px; 23832124a924611bb8104658053bb5345b853f93a626Scott Main} 23842124a924611bb8104658053bb5345b853f93a626Scott Main 23852124a924611bb8104658053bb5345b853f93a626Scott Main.figure .figure-callout.right { 23862124a924611bb8104658053bb5345b853f93a626Scott Main right: -5px; 23872124a924611bb8104658053bb5345b853f93a626Scott Main} 23882124a924611bb8104658053bb5345b853f93a626Scott Main 23892124a924611bb8104658053bb5345b853f93a626Scott Main.figure-caption { 23902124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 10px 20px 0; 23912124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 14px; 23922124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 20px; 23932124a924611bb8104658053bb5345b853f93a626Scott Main font-style: italic; 23942124a924611bb8104658053bb5345b853f93a626Scott Main} 23952124a924611bb8104658053bb5345b853f93a626Scott Main 23962124a924611bb8104658053bb5345b853f93a626Scott Main/* rows of figures */ 23972124a924611bb8104658053bb5345b853f93a626Scott Main.figure-row { 23982124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 0; 23992124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 0; 24002124a924611bb8104658053bb5345b853f93a626Scott Main /* to prevent space between figures */ 24012124a924611bb8104658053bb5345b853f93a626Scott Main} 24022124a924611bb8104658053bb5345b853f93a626Scott Main 24032124a924611bb8104658053bb5345b853f93a626Scott Main.figure-row .figure { 24042124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 24052124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: top; 24062124a924611bb8104658053bb5345b853f93a626Scott Main} 24072124a924611bb8104658053bb5345b853f93a626Scott Main 24082124a924611bb8104658053bb5345b853f93a626Scott Main.figure-row .figure + .figure { 24092124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 10px; 24102124a924611bb8104658053bb5345b853f93a626Scott Main /* reintroduce space between figures */ 24112124a924611bb8104658053bb5345b853f93a626Scott Main} 24122124a924611bb8104658053bb5345b853f93a626Scott Main 24132124a924611bb8104658053bb5345b853f93a626Scott Main.border-img { 24142124a924611bb8104658053bb5345b853f93a626Scott Main border: 1px solid #CCC; 24152124a924611bb8104658053bb5345b853f93a626Scott Main} 24162124a924611bb8104658053bb5345b853f93a626Scott Main 24172124a924611bb8104658053bb5345b853f93a626Scott Main.center-img { 24182124a924611bb8104658053bb5345b853f93a626Scott Main margin: auto; 24192124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 24202124a924611bb8104658053bb5345b853f93a626Scott Main} 24212124a924611bb8104658053bb5345b853f93a626Scott Main.center-img img { 24222124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 15px; 24232124a924611bb8104658053bb5345b853f93a626Scott Main} 24242124a924611bb8104658053bb5345b853f93a626Scott Main 24252124a924611bb8104658053bb5345b853f93a626Scott Main.figure img, 24262124a924611bb8104658053bb5345b853f93a626Scott Main.figure-right img, 24272124a924611bb8104658053bb5345b853f93a626Scott Main.figure-left img, 24282124a924611bb8104658053bb5345b853f93a626Scott Main.figure-center img, 24292124a924611bb8104658053bb5345b853f93a626Scott Main.border-img { 24302124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 15px; 24312124a924611bb8104658053bb5345b853f93a626Scott Main} 24322124a924611bb8104658053bb5345b853f93a626Scott Main 24332124a924611bb8104658053bb5345b853f93a626Scott Main.figure-center { 24342124a924611bb8104658053bb5345b853f93a626Scott Main margin: 32px auto 24px; 24352124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 100%; 24362124a924611bb8104658053bb5345b853f93a626Scott Main} 24372124a924611bb8104658053bb5345b853f93a626Scott Main 24382124a924611bb8104658053bb5345b853f93a626Scott Main.figure, 24392124a924611bb8104658053bb5345b853f93a626Scott Main.figure-right { 24402124a924611bb8104658053bb5345b853f93a626Scott Main clear: right; 24412124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 24422124a924611bb8104658053bb5345b853f93a626Scott Main margin: 10px 0 0 0; 24432124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 0 0 20px; 24442124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 50%; 24452124a924611bb8104658053bb5345b853f93a626Scott Main /* width must be defined w/ an inline style matching the image width */ 24462124a924611bb8104658053bb5345b853f93a626Scott Main} 24472124a924611bb8104658053bb5345b853f93a626Scott Main 24482124a924611bb8104658053bb5345b853f93a626Scott Main.figure-left { 24492124a924611bb8104658053bb5345b853f93a626Scott Main clear: left; 24502124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 24512124a924611bb8104658053bb5345b853f93a626Scott Main margin: 10px 0 0 0; 24522124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 20px 0 0; 24532124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 50%; 24542124a924611bb8104658053bb5345b853f93a626Scott Main /* width must be defined w/ an inline style matching the image width */ 24552124a924611bb8104658053bb5345b853f93a626Scott Main} 24562124a924611bb8104658053bb5345b853f93a626Scott Main 24572124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 24582124a924611bb8104658053bb5345b853f93a626Scott Main /* Collapse on mobile. */ 24592124a924611bb8104658053bb5345b853f93a626Scott Main .figure, 24602124a924611bb8104658053bb5345b853f93a626Scott Main .figure-right, 24612124a924611bb8104658053bb5345b853f93a626Scott Main .figure-left { 24622124a924611bb8104658053bb5345b853f93a626Scott Main float: none; 24632124a924611bb8104658053bb5345b853f93a626Scott Main clear: none; 24642124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 24652124a924611bb8104658053bb5345b853f93a626Scott Main margin: 32px auto 24px; 24662124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 100%; 24672124a924611bb8104658053bb5345b853f93a626Scott Main } 24682124a924611bb8104658053bb5345b853f93a626Scott Main} 24692124a924611bb8104658053bb5345b853f93a626Scott Main 24702124a924611bb8104658053bb5345b853f93a626Scott Mainimg.frame { 24712124a924611bb8104658053bb5345b853f93a626Scott Main border:1px solid #DDD; 24722124a924611bb8104658053bb5345b853f93a626Scott Main padding:4px; 24732124a924611bb8104658053bb5345b853f93a626Scott Main} 24742124a924611bb8104658053bb5345b853f93a626Scott Main 24752124a924611bb8104658053bb5345b853f93a626Scott Mainp.table-caption { 24762124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 4px 0; 24772124a924611bb8104658053bb5345b853f93a626Scott Main font-size:13px; 24782124a924611bb8104658053bb5345b853f93a626Scott Main} 24792124a924611bb8104658053bb5345b853f93a626Scott Main 24802124a924611bb8104658053bb5345b853f93a626Scott Mainp.code-caption { 24812124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 4px; 24822124a924611bb8104658053bb5345b853f93a626Scott Main font: 12px/1.5 monospace; 24832124a924611bb8104658053bb5345b853f93a626Scott Main} 24842124a924611bb8104658053bb5345b853f93a626Scott Main 24852124a924611bb8104658053bb5345b853f93a626Scott Mainp.note, div.note, 24862124a924611bb8104658053bb5345b853f93a626Scott Mainp.caution, div.caution, 24872124a924611bb8104658053bb5345b853f93a626Scott Mainp.warning, div.warning { 24882124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 0 0 20px; 24892124a924611bb8104658053bb5345b853f93a626Scott Main border-left: 3px solid; 24902124a924611bb8104658053bb5345b853f93a626Scott Main margin: 16px 0; 24912124a924611bb8104658053bb5345b853f93a626Scott Main} 24922124a924611bb8104658053bb5345b853f93a626Scott Main 24932124a924611bb8104658053bb5345b853f93a626Scott Mainp.note, div.note { 24942124a924611bb8104658053bb5345b853f93a626Scott Main border-color: #4eb9ed; 24952124a924611bb8104658053bb5345b853f93a626Scott Main border-color: rgba(3, 155, 229, .7); /* #039be5 * 70% */ 24962124a924611bb8104658053bb5345b853f93a626Scott Main} 24972124a924611bb8104658053bb5345b853f93a626Scott Main 24982124a924611bb8104658053bb5345b853f93a626Scott Mainp.caution, div.caution { 24992124a924611bb8104658053bb5345b853f93a626Scott Main border-color: #ffbc4c; 25002124a924611bb8104658053bb5345b853f93a626Scott Main border-color: rgba(255, 160, 0, .7); /* #ffa000 * 70% */ 25012124a924611bb8104658053bb5345b853f93a626Scott Main} 25022124a924611bb8104658053bb5345b853f93a626Scott Main 25032124a924611bb8104658053bb5345b853f93a626Scott Mainp.warning, div.warning { 25042124a924611bb8104658053bb5345b853f93a626Scott Main border-color: #f48684; 25052124a924611bb8104658053bb5345b853f93a626Scott Main border-color: rgba(239, 83, 80, .7); /* #ef5350 * 70% */ 25062124a924611bb8104658053bb5345b853f93a626Scott Main} 25072124a924611bb8104658053bb5345b853f93a626Scott Main 25082124a924611bb8104658053bb5345b853f93a626Scott Maindiv.note.design { 25092124a924611bb8104658053bb5345b853f93a626Scott Main border-left: 4px solid #00bcd4; 25102124a924611bb8104658053bb5345b853f93a626Scott Main} 25112124a924611bb8104658053bb5345b853f93a626Scott Main 25122124a924611bb8104658053bb5345b853f93a626Scott Maindiv.note.develop { 25132124a924611bb8104658053bb5345b853f93a626Scott Main border-left: 4px solid #ff7043; 25142124a924611bb8104658053bb5345b853f93a626Scott Main} 25152124a924611bb8104658053bb5345b853f93a626Scott Main 25162124a924611bb8104658053bb5345b853f93a626Scott Maindiv.note.distribute { 25172124a924611bb8104658053bb5345b853f93a626Scott Main border-left: 4px solid #afb42b; 25182124a924611bb8104658053bb5345b853f93a626Scott Main} 25192124a924611bb8104658053bb5345b853f93a626Scott Main 25202124a924611bb8104658053bb5345b853f93a626Scott Main.note p, .caution p, .warning p { 25212124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 0 5px; 25222124a924611bb8104658053bb5345b853f93a626Scott Main} 25232124a924611bb8104658053bb5345b853f93a626Scott Main 25242124a924611bb8104658053bb5345b853f93a626Scott Main.note p:last-child, .caution p:last-child, .warning p:last-child { 25252124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom:0; 25262124a924611bb8104658053bb5345b853f93a626Scott Main} 25272124a924611bb8104658053bb5345b853f93a626Scott Main 25282124a924611bb8104658053bb5345b853f93a626Scott Main.summary-table { 25292124a924611bb8104658053bb5345b853f93a626Scott Main background-color:#eceff1; 25302124a924611bb8104658053bb5345b853f93a626Scott Main padding:1em; 25312124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom:1.5em; 25322124a924611bb8104658053bb5345b853f93a626Scott Main} 25332124a924611bb8104658053bb5345b853f93a626Scott Main 25342124a924611bb8104658053bb5345b853f93a626Scott Main.summary-table h5 { 25352124a924611bb8104658053bb5345b853f93a626Scott Main line-height:1em; 25362124a924611bb8104658053bb5345b853f93a626Scott Main font-size:.98em; 25372124a924611bb8104658053bb5345b853f93a626Scott Main} 25382124a924611bb8104658053bb5345b853f93a626Scott Main 25392124a924611bb8104658053bb5345b853f93a626Scott Mainbody.about blockquote { 25402124a924611bb8104658053bb5345b853f93a626Scott Main display:block; 25412124a924611bb8104658053bb5345b853f93a626Scott Main float:right; 25422124a924611bb8104658053bb5345b853f93a626Scott Main width:280px; 25432124a924611bb8104658053bb5345b853f93a626Scott Main font-size:20px; 25442124a924611bb8104658053bb5345b853f93a626Scott Main font-style:italic; 25452124a924611bb8104658053bb5345b853f93a626Scott Main line-height:24px; 25462124a924611bb8104658053bb5345b853f93a626Scott Main color:#33B5E5; 25472124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 0 20px 30px; 25482124a924611bb8104658053bb5345b853f93a626Scott Main} 25492124a924611bb8104658053bb5345b853f93a626Scott Main 25502124a924611bb8104658053bb5345b853f93a626Scott Maindiv.design-announce p { 25512124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 0 10px; 25522124a924611bb8104658053bb5345b853f93a626Scott Main} 25532124a924611bb8104658053bb5345b853f93a626Scott Main 25542124a924611bb8104658053bb5345b853f93a626Scott Main.expandable { 25552124a924611bb8104658053bb5345b853f93a626Scott Main height:34px; 25562124a924611bb8104658053bb5345b853f93a626Scott Main padding-left:20px; 25572124a924611bb8104658053bb5345b853f93a626Scott Main position:relative; 25582124a924611bb8104658053bb5345b853f93a626Scott Main} 25592124a924611bb8104658053bb5345b853f93a626Scott Main.expandable:before { 25602124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 25612124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../images/styles/disclosure_down.png); 25622124a924611bb8104658053bb5345b853f93a626Scott Main background-repeat:no-repeat; 25632124a924611bb8104658053bb5345b853f93a626Scott Main background-position: -12px -9px; 25642124a924611bb8104658053bb5345b853f93a626Scott Main width: 20px; 25652124a924611bb8104658053bb5345b853f93a626Scott Main height: 20px; 25662124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 25672124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 25682124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 25692124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; } 25702124a924611bb8104658053bb5345b853f93a626Scott Main} 25712124a924611bb8104658053bb5345b853f93a626Scott Main.expandable.expanded:before { 25722124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../images/styles/disclosure_up.png); 25732124a924611bb8104658053bb5345b853f93a626Scott Main} 25742124a924611bb8104658053bb5345b853f93a626Scott Main 25752124a924611bb8104658053bb5345b853f93a626Scott Main/* notice box for cross links between Design/Develop docs */ 25762124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-developers-video, 25772124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-developers, 25782124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-designers-video, 25792124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-designers { 25802124a924611bb8104658053bb5345b853f93a626Scott Main float:right; 25812124a924611bb8104658053bb5345b853f93a626Scott Main clear:right; 25822124a924611bb8104658053bb5345b853f93a626Scott Main width:238px; 25832124a924611bb8104658053bb5345b853f93a626Scott Main min-height:50px; 25842124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 0 20px 20px; 25852124a924611bb8104658053bb5345b853f93a626Scott Main border:1px solid #ddd; 25862124a924611bb8104658053bb5345b853f93a626Scott Main} 25872124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-developers-video.wide, 25882124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-developers.wide, 25892124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-designers-video.wide, 25902124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-designers.wide { 25912124a924611bb8104658053bb5345b853f93a626Scott Main width:278px; 25922124a924611bb8104658053bb5345b853f93a626Scott Main} 25932124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-developers-video div, 25942124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-developers div, 25952124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-designers-video div, 25962124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-designers div { 25972124a924611bb8104658053bb5345b853f93a626Scott Main min-height:40px; 25982124a924611bb8104658053bb5345b853f93a626Scott Main background:url('../images/styles/notice-developers_2x.png') no-repeat 10px 10px; 25992124a924611bb8104658053bb5345b853f93a626Scott Main background-size:40px 40px; 26002124a924611bb8104658053bb5345b853f93a626Scott Main padding:10px 10px 10px 60px; 26012124a924611bb8104658053bb5345b853f93a626Scott Main} 26022124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-designers div { 26032124a924611bb8104658053bb5345b853f93a626Scott Main background:url('../images/styles/notice-designers_2x.png') no-repeat 10px 10px; 26042124a924611bb8104658053bb5345b853f93a626Scott Main background-size:40px 40px; 26052124a924611bb8104658053bb5345b853f93a626Scott Main} 26062124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-designers-video div { 26072124a924611bb8104658053bb5345b853f93a626Scott Main background:url('../images/styles/notice-designers-video_2x.png') no-repeat 10px 10px; 26082124a924611bb8104658053bb5345b853f93a626Scott Main background-size:40px 40px; 26092124a924611bb8104658053bb5345b853f93a626Scott Main} 26102124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-developers-video div { 26112124a924611bb8104658053bb5345b853f93a626Scott Main background:url('../images/styles/notice-developers-video_2x.png') no-repeat 10px 10px; 26122124a924611bb8104658053bb5345b853f93a626Scott Main background-size:40px 40px; 26132124a924611bb8104658053bb5345b853f93a626Scott Main} 26142124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-developers-video:hover, 26152124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-developers:hover, 26162124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-designers-video:hover, 26172124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-designers:hover { 26182124a924611bb8104658053bb5345b853f93a626Scott Main background:#eee; 26192124a924611bb8104658053bb5345b853f93a626Scott Main} 26202124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-developers-video h3, 26212124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-developers h3, 26222124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-designers-video h3, 26232124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-designers h3 { 26242124a924611bb8104658053bb5345b853f93a626Scott Main font-size:13px; 26252124a924611bb8104658053bb5345b853f93a626Scott Main line-height:18px; 26262124a924611bb8104658053bb5345b853f93a626Scott Main font-weight:bold; 26272124a924611bb8104658053bb5345b853f93a626Scott Main text-transform:uppercase; 26282124a924611bb8104658053bb5345b853f93a626Scott Main color:#000 !important; 26292124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 0 1px; 26302124a924611bb8104658053bb5345b853f93a626Scott Main} 26312124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-developers-video p, 26322124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-developers p, 26332124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-designers-video p, 26342124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-designers p { 26352124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 26362124a924611bb8104658053bb5345b853f93a626Scott Main line-height:14px; 26372124a924611bb8104658053bb5345b853f93a626Scott Main} 26382124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-developers-video.left, 26392124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-developers.left, 26402124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-designers-video.left, 26412124a924611bb8104658053bb5345b853f93a626Scott Maina.notice-designers.left { 26422124a924611bb8104658053bb5345b853f93a626Scott Main margin-left:0; 26432124a924611bb8104658053bb5345b853f93a626Scott Main float:left; 26442124a924611bb8104658053bb5345b853f93a626Scott Main} 26452124a924611bb8104658053bb5345b853f93a626Scott Main 26462124a924611bb8104658053bb5345b853f93a626Scott Main 26472124a924611bb8104658053bb5345b853f93a626Scott Main/* hide nested list items; companion to hideNestedLists() */ 26482124a924611bb8104658053bb5345b853f93a626Scott Main.hide-nested li ol, 26492124a924611bb8104658053bb5345b853f93a626Scott Main.hide-nested li ul { 26502124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 26512124a924611bb8104658053bb5345b853f93a626Scott Main} 26522124a924611bb8104658053bb5345b853f93a626Scott Main 26532124a924611bb8104658053bb5345b853f93a626Scott Maina.header-toggle { 26542124a924611bb8104658053bb5345b853f93a626Scott Main display:block; 26552124a924611bb8104658053bb5345b853f93a626Scott Main float:right; 26562124a924611bb8104658053bb5345b853f93a626Scott Main text-transform:uppercase; 26572124a924611bb8104658053bb5345b853f93a626Scott Main font-size:.8em !important; 26582124a924611bb8104658053bb5345b853f93a626Scott Main font-weight:normal; 26592124a924611bb8104658053bb5345b853f93a626Scott Main margin-top:2px; 26602124a924611bb8104658053bb5345b853f93a626Scott Main} 26612124a924611bb8104658053bb5345b853f93a626Scott Main 26622124a924611bb8104658053bb5345b853f93a626Scott Main 26632124a924611bb8104658053bb5345b853f93a626Scott Main/* for IDE instruction toggle (Studio/Eclipse/Other) */ 26642124a924611bb8104658053bb5345b853f93a626Scott Mainselect.ide { 26652124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent; 26662124a924611bb8104658053bb5345b853f93a626Scott Main border: 1px solid #bbb; 26672124a924611bb8104658053bb5345b853f93a626Scott Main border-left: 0; 26682124a924611bb8104658053bb5345b853f93a626Scott Main border-right: 0; 26692124a924611bb8104658053bb5345b853f93a626Scott Main margin: 10px 0; 26702124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px 0; 26712124a924611bb8104658053bb5345b853f93a626Scott Main color:#666; 26722124a924611bb8104658053bb5345b853f93a626Scott Main} 26732124a924611bb8104658053bb5345b853f93a626Scott Mainselect.ide, 26742124a924611bb8104658053bb5345b853f93a626Scott Mainselect.ide option { 26752124a924611bb8104658053bb5345b853f93a626Scott Main font-family: inherit; 26762124a924611bb8104658053bb5345b853f93a626Scott Main font-size:16px; 26772124a924611bb8104658053bb5345b853f93a626Scott Main font-weight:500; 26782124a924611bb8104658053bb5345b853f93a626Scott Main} 26792124a924611bb8104658053bb5345b853f93a626Scott Main/* hide all except studio by default */ 26802124a924611bb8104658053bb5345b853f93a626Scott Main.select-ide.eclipse, 26812124a924611bb8104658053bb5345b853f93a626Scott Main.select-ide.other { 26822124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 26832124a924611bb8104658053bb5345b853f93a626Scott Main} 26842124a924611bb8104658053bb5345b853f93a626Scott Main/* ... unless studio also includes one of the others */ 26852124a924611bb8104658053bb5345b853f93a626Scott Main.select-ide.studio.eclipse, 26862124a924611bb8104658053bb5345b853f93a626Scott Main.select-ide.studio.other { 26872124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 26882124a924611bb8104658053bb5345b853f93a626Scott Main} 26892124a924611bb8104658053bb5345b853f93a626Scott Main 26902124a924611bb8104658053bb5345b853f93a626Scott Main 26912124a924611bb8104658053bb5345b853f93a626Scott Main/* ----------------------------------------------- 26922124a924611bb8104658053bb5345b853f93a626Scott Maingood/bad example containers 26932124a924611bb8104658053bb5345b853f93a626Scott Main*/ 26942124a924611bb8104658053bb5345b853f93a626Scott Main 26952124a924611bb8104658053bb5345b853f93a626Scott Maindiv.example-block { 26962124a924611bb8104658053bb5345b853f93a626Scott Main background-repeat: no-repeat; 26972124a924611bb8104658053bb5345b853f93a626Scott Main background-position:10px 8px; 26982124a924611bb8104658053bb5345b853f93a626Scott Main background-color:#ccc; 26992124a924611bb8104658053bb5345b853f93a626Scott Main padding:4px; 27002124a924611bb8104658053bb5345b853f93a626Scott Main margin:.8em auto 1.5em 2em; 27012124a924611bb8104658053bb5345b853f93a626Scott Main width:260px; 27022124a924611bb8104658053bb5345b853f93a626Scott Main float:right; 27032124a924611bb8104658053bb5345b853f93a626Scott Main} 27042124a924611bb8104658053bb5345b853f93a626Scott Main/* red container */ 27052124a924611bb8104658053bb5345b853f93a626Scott Main.example-block.bad { 27062124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(/images/example-bad.png); 27072124a924611bb8104658053bb5345b853f93a626Scott Main background-color:#f4cccc; 27082124a924611bb8104658053bb5345b853f93a626Scott Main} 27092124a924611bb8104658053bb5345b853f93a626Scott Main/* green container */ 27102124a924611bb8104658053bb5345b853f93a626Scott Main.example-block.good { 27112124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(/images/example-good.png); 27122124a924611bb8104658053bb5345b853f93a626Scott Main background-color:#d9ead3; 27132124a924611bb8104658053bb5345b853f93a626Scott Main} 27142124a924611bb8104658053bb5345b853f93a626Scott Main/* container heading div */ 27152124a924611bb8104658053bb5345b853f93a626Scott Main#jd-content .example-block .heading { 27162124a924611bb8104658053bb5345b853f93a626Scott Main font-weight:bold; 27172124a924611bb8104658053bb5345b853f93a626Scott Main margin:6px 0 9px 36px; 27182124a924611bb8104658053bb5345b853f93a626Scott Main padding:6px auto; 27192124a924611bb8104658053bb5345b853f93a626Scott Main} 27202124a924611bb8104658053bb5345b853f93a626Scott Main/* container image (if any) */ 27212124a924611bb8104658053bb5345b853f93a626Scott Main#jd-content .example-block img { 27222124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 27232124a924611bb8104658053bb5345b853f93a626Scott Main padding:0px; 27242124a924611bb8104658053bb5345b853f93a626Scott Main} 27252124a924611bb8104658053bb5345b853f93a626Scott Main 27262124a924611bb8104658053bb5345b853f93a626Scott Main.example-block table { 27272124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 27282124a924611bb8104658053bb5345b853f93a626Scott Main} 27292124a924611bb8104658053bb5345b853f93a626Scott Main 27302124a924611bb8104658053bb5345b853f93a626Scott Main/* ----------------------------------------------- 27312124a924611bb8104658053bb5345b853f93a626Scott MainDialog box for popup messages 27322124a924611bb8104658053bb5345b853f93a626Scott Main*/ 27332124a924611bb8104658053bb5345b853f93a626Scott Main 27342124a924611bb8104658053bb5345b853f93a626Scott Maindiv.dialog { 27352124a924611bb8104658053bb5345b853f93a626Scott Main height:0; 27362124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 auto; 27372124a924611bb8104658053bb5345b853f93a626Scott Main} 27382124a924611bb8104658053bb5345b853f93a626Scott Main 27392124a924611bb8104658053bb5345b853f93a626Scott Maindiv.dialog>div { 27402124a924611bb8104658053bb5345b853f93a626Scott Main z-index:99; 27412124a924611bb8104658053bb5345b853f93a626Scott Main position:fixed; 27422124a924611bb8104658053bb5345b853f93a626Scott Main margin:70px 0; 27432124a924611bb8104658053bb5345b853f93a626Scott Main width: 391px; 27442124a924611bb8104658053bb5345b853f93a626Scott Main height: 200px; 27452124a924611bb8104658053bb5345b853f93a626Scott Main background: #F7F7F7; 27462124a924611bb8104658053bb5345b853f93a626Scott Main-moz-box-shadow: 0 0 15px rgba(0,0,0,0.5); 27472124a924611bb8104658053bb5345b853f93a626Scott Main-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); 27482124a924611bb8104658053bb5345b853f93a626Scott Mainbox-shadow: 0 0 15px rgba(0,0,0,0.5); 27492124a924611bb8104658053bb5345b853f93a626Scott Main} 27502124a924611bb8104658053bb5345b853f93a626Scott Main/* IE6 can't position fixed */ 27512124a924611bb8104658053bb5345b853f93a626Scott Main* html div.dialog div { position:absolute; } 27522124a924611bb8104658053bb5345b853f93a626Scott Main 27532124a924611bb8104658053bb5345b853f93a626Scott Main 27542124a924611bb8104658053bb5345b853f93a626Scott Maindiv#deprecatedSticker { 27552124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 27562124a924611bb8104658053bb5345b853f93a626Scott Main z-index:99; 27572124a924611bb8104658053bb5345b853f93a626Scott Main position:fixed; 27582124a924611bb8104658053bb5345b853f93a626Scott Main right:15px; 27592124a924611bb8104658053bb5345b853f93a626Scott Main top:114px; 27602124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 27612124a924611bb8104658053bb5345b853f93a626Scott Main padding:1em; 27622124a924611bb8104658053bb5345b853f93a626Scott Main background:#FFF; 27632124a924611bb8104658053bb5345b853f93a626Scott Main border:1px solid #dddd00; 27642124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow:-5px 5px 10px #ccc; 27652124a924611bb8104658053bb5345b853f93a626Scott Main -moz-box-shadow:-5px 5px 10px #ccc; 27662124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-box-shadow:-5px 5px 10px #ccc; 27672124a924611bb8104658053bb5345b853f93a626Scott Main} 27682124a924611bb8104658053bb5345b853f93a626Scott Main 27692124a924611bb8104658053bb5345b853f93a626Scott Maindiv#langMessage, 27702124a924611bb8104658053bb5345b853f93a626Scott Maindiv#naMessage { 27712124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 27722124a924611bb8104658053bb5345b853f93a626Scott Main width:555px; 27732124a924611bb8104658053bb5345b853f93a626Scott Main height:0; 27742124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 auto; 27752124a924611bb8104658053bb5345b853f93a626Scott Main} 27762124a924611bb8104658053bb5345b853f93a626Scott Main 27772124a924611bb8104658053bb5345b853f93a626Scott Main 27782124a924611bb8104658053bb5345b853f93a626Scott Maindiv#langMessage>div, 27792124a924611bb8104658053bb5345b853f93a626Scott Maindiv#naMessage div { 27802124a924611bb8104658053bb5345b853f93a626Scott Main z-index:99; 27812124a924611bb8104658053bb5345b853f93a626Scott Main width:450px; 27822124a924611bb8104658053bb5345b853f93a626Scott Main position:fixed; 27832124a924611bb8104658053bb5345b853f93a626Scott Main margin:80px 0; 27842124a924611bb8104658053bb5345b853f93a626Scott Main padding:4em 4em 3em; 27852124a924611bb8104658053bb5345b853f93a626Scott Main background:#FFF; 27862124a924611bb8104658053bb5345b853f93a626Scott Main border:1px solid #999; 27872124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow:-10px 10px 40px #888; 27882124a924611bb8104658053bb5345b853f93a626Scott Main -moz-box-shadow:-10px 10px 40px #888; 27892124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-box-shadow:-10px 10px 40px #888; 27902124a924611bb8104658053bb5345b853f93a626Scott Main} 27912124a924611bb8104658053bb5345b853f93a626Scott Main/* IE6 can't position fixed */ 27922124a924611bb8104658053bb5345b853f93a626Scott Main* html div#langMessage>div, 27932124a924611bb8104658053bb5345b853f93a626Scott Main* html div#naMessage div { position:absolute; } 27942124a924611bb8104658053bb5345b853f93a626Scott Main 27952124a924611bb8104658053bb5345b853f93a626Scott Maindiv#naMessage strong { 27962124a924611bb8104658053bb5345b853f93a626Scott Main font-size:1.1em; 27972124a924611bb8104658053bb5345b853f93a626Scott Main} 27982124a924611bb8104658053bb5345b853f93a626Scott Main 27992124a924611bb8104658053bb5345b853f93a626Scott Maindiv#langMessage .lang { 28002124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 28012124a924611bb8104658053bb5345b853f93a626Scott Main} 28022124a924611bb8104658053bb5345b853f93a626Scott Main 28032124a924611bb8104658053bb5345b853f93a626Scott Main/* -------------------------------------------------------------------------- 28042124a924611bb8104658053bb5345b853f93a626Scott MainSlideshow Controls & Next/Prev 28052124a924611bb8104658053bb5345b853f93a626Scott Main*/ 28062124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-next, .slideshow-prev { 28072124a924611bb8104658053bb5345b853f93a626Scott Main width: 20px; 28082124a924611bb8104658053bb5345b853f93a626Scott Main height: 36px; 28092124a924611bb8104658053bb5345b853f93a626Scott Main text-indent: -1000em; 28102124a924611bb8104658053bb5345b853f93a626Scott Main} 28112124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-container { 28122124a924611bb8104658053bb5345b853f93a626Scott Main margin: 2em 0; 28132124a924611bb8104658053bb5345b853f93a626Scott Main} 28142124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-container:before, .slideshow-container:after { 28152124a924611bb8104658053bb5345b853f93a626Scott Main content: ""; 28162124a924611bb8104658053bb5345b853f93a626Scott Main display: table; 28172124a924611bb8104658053bb5345b853f93a626Scott Main clear: both; 28182124a924611bb8104658053bb5345b853f93a626Scott Main} 28192124a924611bb8104658053bb5345b853f93a626Scott Maina.slideshow-next, a.slideshow-next:visited { 28202124a924611bb8104658053bb5345b853f93a626Scott Main 28212124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 28222124a924611bb8104658053bb5345b853f93a626Scott Main 28232124a924611bb8104658053bb5345b853f93a626Scott Main background: url(../images/arrow-right.png) no-repeat 0 0 28242124a924611bb8104658053bb5345b853f93a626Scott Main 28252124a924611bb8104658053bb5345b853f93a626Scott Main} 28262124a924611bb8104658053bb5345b853f93a626Scott Main 28272124a924611bb8104658053bb5345b853f93a626Scott Maina.slideshow-prev, a.slideshow-prev:visited { 28282124a924611bb8104658053bb5345b853f93a626Scott Main 28292124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 28302124a924611bb8104658053bb5345b853f93a626Scott Main 28312124a924611bb8104658053bb5345b853f93a626Scott Main background: url(../images/arrow-left.png) no-repeat 0 0 28322124a924611bb8104658053bb5345b853f93a626Scott Main 28332124a924611bb8104658053bb5345b853f93a626Scott Main} 28342124a924611bb8104658053bb5345b853f93a626Scott Main 28352124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-next:hover, .slideshow-prev:hover, .slideshow-next:focus, .slideshow-prev:focus { 28362124a924611bb8104658053bb5345b853f93a626Scott Main 28372124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0 -36px 28382124a924611bb8104658053bb5345b853f93a626Scott Main 28392124a924611bb8104658053bb5345b853f93a626Scott Main} 28402124a924611bb8104658053bb5345b853f93a626Scott Main 28412124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-next:active, .slideshow-prev:active { 28422124a924611bb8104658053bb5345b853f93a626Scott Main 28432124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0 -72px 28442124a924611bb8104658053bb5345b853f93a626Scott Main 28452124a924611bb8104658053bb5345b853f93a626Scott Main} 28462124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-nav { 28472124a924611bb8104658053bb5345b853f93a626Scott Main width: 74px; 28482124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 auto; 28492124a924611bb8104658053bb5345b853f93a626Scott Main} 28502124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-nav a, .slideshow-nav a:visited { 28512124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 28522124a924611bb8104658053bb5345b853f93a626Scott Main width: 12px; 28532124a924611bb8104658053bb5345b853f93a626Scott Main height: 12px; 28542124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 2px 20px 2px; 28552124a924611bb8104658053bb5345b853f93a626Scott Main background: #ccc; 28562124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-border-radius: 50%; 28572124a924611bb8104658053bb5345b853f93a626Scott Main -moz-border-radius: 50%; 28582124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 50%; 28592124a924611bb8104658053bb5345b853f93a626Scott Main} 28602124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-nav a:hover, .slideshow-nav a:focus { 28612124a924611bb8104658053bb5345b853f93a626Scott Main 28622124a924611bb8104658053bb5345b853f93a626Scott Main background: #33B5E5 28632124a924611bb8104658053bb5345b853f93a626Scott Main} 28642124a924611bb8104658053bb5345b853f93a626Scott Main 28652124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-nav a:active { 28662124a924611bb8104658053bb5345b853f93a626Scott Main 28672124a924611bb8104658053bb5345b853f93a626Scott Main background: #1e799a; 28682124a924611bb8104658053bb5345b853f93a626Scott Main background: #ebebeb; 28692124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05); 28702124a924611bb8104658053bb5345b853f93a626Scott Main -moz-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05); 28712124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05); 28722124a924611bb8104658053bb5345b853f93a626Scott Main} 28732124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-nav a.active, .slideshow-nav a.active:active, .slideshow-nav a.active:visited { 28742124a924611bb8104658053bb5345b853f93a626Scott Main background: #33B5E5 28752124a924611bb8104658053bb5345b853f93a626Scott Main} 28762124a924611bb8104658053bb5345b853f93a626Scott Main/* -------------------------------------------------------------------------- 28772124a924611bb8104658053bb5345b853f93a626Scott MainTabs 28782124a924611bb8104658053bb5345b853f93a626Scott Main*/ 28792124a924611bb8104658053bb5345b853f93a626Scott Mainul.tabs { 28802124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 28812124a924611bb8104658053bb5345b853f93a626Scott Main margin: 2em 0 0 0; 28822124a924611bb8104658053bb5345b853f93a626Scott Main} 28832124a924611bb8104658053bb5345b853f93a626Scott Mainul.tabs:before, ul.tabs:after { 28842124a924611bb8104658053bb5345b853f93a626Scott Main content: ""; 28852124a924611bb8104658053bb5345b853f93a626Scott Main display: table; 28862124a924611bb8104658053bb5345b853f93a626Scott Main clear: both; 28872124a924611bb8104658053bb5345b853f93a626Scott Main} 28882124a924611bb8104658053bb5345b853f93a626Scott Mainul.tabs li { 28892124a924611bb8104658053bb5345b853f93a626Scott Main list-style-type: none; 28902124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 28912124a924611bb8104658053bb5345b853f93a626Scott Main} 28922124a924611bb8104658053bb5345b853f93a626Scott Mainul.tabs li a, ul.tabs li a:active, ul.tabs li a:visited { 28932124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 28942124a924611bb8104658053bb5345b853f93a626Scott Main height: 36px; 28952124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 36px; 28962124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 15px; 28972124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 2px; 28982124a924611bb8104658053bb5345b853f93a626Scott Main color: #222; 28992124a924611bb8104658053bb5345b853f93a626Scott Main -moz-border-radius-topleft: 2px; 29002124a924611bb8104658053bb5345b853f93a626Scott Main -moz-border-radius-topright: 2px; 29012124a924611bb8104658053bb5345b853f93a626Scott Main -moz-border-radius-bottomright: px; 29022124a924611bb8104658053bb5345b853f93a626Scott Main -moz-border-radius-bottomleft: px; 29032124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-border-radius: 2px 2px px px; 29042124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 2px 2px px px; 29052124a924611bb8104658053bb5345b853f93a626Scott Main border-top: solid 1px #ebebeb; 29062124a924611bb8104658053bb5345b853f93a626Scott Main border-left: solid 1px #ebebeb; 29072124a924611bb8104658053bb5345b853f93a626Scott Main border-right: solid 1px #ebebeb; 29082124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #fff; 29092124a924611bb8104658053bb5345b853f93a626Scott Main background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafafa)); 29102124a924611bb8104658053bb5345b853f93a626Scott Main background-image: -webkit-linear-gradient(top, #ffffff, #fafafa); 29112124a924611bb8104658053bb5345b853f93a626Scott Main background-image: -moz-linear-gradient(top, #ffffff, #fafafa); 29122124a924611bb8104658053bb5345b853f93a626Scott Main background-image: -ms-linear-gradient(top, #ffffff, #fafafa); 29132124a924611bb8104658053bb5345b853f93a626Scott Main background-image: -o-linear-gradient(top, #ffffff, #fafafa); 29142124a924611bb8104658053bb5345b853f93a626Scott Main background-image: linear-gradient(top, #ffffff, #fafafa); 29152124a924611bb8104658053bb5345b853f93a626Scott Main filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', 29162124a924611bb8104658053bb5345b853f93a626Scott MainEndColorStr='#fafafa'); 29172124a924611bb8104658053bb5345b853f93a626Scott Main} 29182124a924611bb8104658053bb5345b853f93a626Scott Mainul.tabs li a:hover { 29192124a924611bb8104658053bb5345b853f93a626Scott Main color: #33B5E5; 29202124a924611bb8104658053bb5345b853f93a626Scott Main} 29212124a924611bb8104658053bb5345b853f93a626Scott Mainul.tabs li a.selected { 29222124a924611bb8104658053bb5345b853f93a626Scott Main height: 37px; 29232124a924611bb8104658053bb5345b853f93a626Scott Main color: #33B5E5; 29242124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #f7f7f7; 29252124a924611bb8104658053bb5345b853f93a626Scott Main background-image: none; 29262124a924611bb8104658053bb5345b853f93a626Scott Main border-color: #ddd; 29272124a924611bb8104658053bb5345b853f93a626Scott Main} 29282124a924611bb8104658053bb5345b853f93a626Scott Main.tab-content { 29292124a924611bb8104658053bb5345b853f93a626Scott Main padding: 1.2em; 29302124a924611bb8104658053bb5345b853f93a626Scott Main margin: -1px 0 2em 0; 29312124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-border-radius: 2px; 29322124a924611bb8104658053bb5345b853f93a626Scott Main -moz-border-radius: 2px; 29332124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 2px; 29342124a924611bb8104658053bb5345b853f93a626Scott Main border: solid 1px #ddd; 29352124a924611bb8104658053bb5345b853f93a626Scott Main background: #f7f7f7; 29362124a924611bb8104658053bb5345b853f93a626Scott Main} 29372124a924611bb8104658053bb5345b853f93a626Scott Main/* -------------------------------------------------------------------------- 29382124a924611bb8104658053bb5345b853f93a626Scott MainFeature Boxes 29392124a924611bb8104658053bb5345b853f93a626Scott Main*/ 29402124a924611bb8104658053bb5345b853f93a626Scott Main.feature-box { 29412124a924611bb8104658053bb5345b853f93a626Scott Main width: 291px; 29422124a924611bb8104658053bb5345b853f93a626Scott Main height: 200px; 29432124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 29442124a924611bb8104658053bb5345b853f93a626Scott Main background: #F7F7F7; 29452124a924611bb8104658053bb5345b853f93a626Scott Main} 29462124a924611bb8104658053bb5345b853f93a626Scott Main.box-border .top, .box-border .bottom, .box-border .left, .box-border .right { 29472124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 100; 29482124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 29492124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #aaa; 29502124a924611bb8104658053bb5345b853f93a626Scott Main} 29512124a924611bb8104658053bb5345b853f93a626Scott Main.box-border .top, .box-border .bottom { 29522124a924611bb8104658053bb5345b853f93a626Scott Main width: 291px; 29532124a924611bb8104658053bb5345b853f93a626Scott Main height: 1px; 29542124a924611bb8104658053bb5345b853f93a626Scott Main} 29552124a924611bb8104658053bb5345b853f93a626Scott Main.dialog .box-border .top, 29562124a924611bb8104658053bb5345b853f93a626Scott Main.dialog .box-border .bottom { width:391px; } 29572124a924611bb8104658053bb5345b853f93a626Scott Main 29582124a924611bb8104658053bb5345b853f93a626Scott Main.box-border .left, .box-border .right { 29592124a924611bb8104658053bb5345b853f93a626Scott Main width: 1px; 29602124a924611bb8104658053bb5345b853f93a626Scott Main height: 8px; 29612124a924611bb8104658053bb5345b853f93a626Scott Main} 29622124a924611bb8104658053bb5345b853f93a626Scott Main.box-border .top { top: 0; left: 0 } 29632124a924611bb8104658053bb5345b853f93a626Scott Main.box-border .top .left { top: 1px; left: 0 } 29642124a924611bb8104658053bb5345b853f93a626Scott Main.box-border .top .right { top: 1px; right: 0 } 29652124a924611bb8104658053bb5345b853f93a626Scott Main.box-border .bottom .left { top: -8px; left: 0 } 29662124a924611bb8104658053bb5345b853f93a626Scott Main.box-border .bottom { top: 200px; left: 0 } 29672124a924611bb8104658053bb5345b853f93a626Scott Main.box-border .bottom .right { top: -8px; right: 0 } 29682124a924611bb8104658053bb5345b853f93a626Scott Main 29692124a924611bb8104658053bb5345b853f93a626Scott Main.feature-box h4, 29702124a924611bb8104658053bb5345b853f93a626Scott Main.dialog h4 { 29712124a924611bb8104658053bb5345b853f93a626Scott Main padding: 15px 18px 10px; 29722124a924611bb8104658053bb5345b853f93a626Scott Main} 29732124a924611bb8104658053bb5345b853f93a626Scott Main 29742124a924611bb8104658053bb5345b853f93a626Scott Main.feature-box p, 29752124a924611bb8104658053bb5345b853f93a626Scott Main.dialog p { 29762124a924611bb8104658053bb5345b853f93a626Scott Main margin: 10px 18px; 29772124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 29782124a924611bb8104658053bb5345b853f93a626Scott Main} 29792124a924611bb8104658053bb5345b853f93a626Scott Main.feature-box .link, 29802124a924611bb8104658053bb5345b853f93a626Scott Main.dialog .link { 29812124a924611bb8104658053bb5345b853f93a626Scott Main border-top: 1px solid #dedede; 29822124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 29832124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 29842124a924611bb8104658053bb5345b853f93a626Scott Main width: inherit; 29852124a924611bb8104658053bb5345b853f93a626Scott Main} 29862124a924611bb8104658053bb5345b853f93a626Scott Main.feature-box a, .feature-box h4, 29872124a924611bb8104658053bb5345b853f93a626Scott Main.dialog a, .dialog h4 { 29882124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: color .4s ease; 29892124a924611bb8104658053bb5345b853f93a626Scott Main -moz-transition: color .4s ease; 29902124a924611bb8104658053bb5345b853f93a626Scott Main -o-transition: color .4s ease; 29912124a924611bb8104658053bb5345b853f93a626Scott Main transition: color .4s ease; 29922124a924611bb8104658053bb5345b853f93a626Scott Main} 29932124a924611bb8104658053bb5345b853f93a626Scott Main.feature-box:hover { 29942124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 29952124a924611bb8104658053bb5345b853f93a626Scott Main} 29962124a924611bb8104658053bb5345b853f93a626Scott Main.feature-box:hover .box-border .top, .feature-box:hover .box-border .bottom, .feature-box:hover 29972124a924611bb8104658053bb5345b853f93a626Scott Main.left, .feature-box:hover .right { 29982124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #33B5E5; 29992124a924611bb8104658053bb5345b853f93a626Scott Main} 30002124a924611bb8104658053bb5345b853f93a626Scott Main.feature-box:hover h4, .feature-box:hover a { 30012124a924611bb8104658053bb5345b853f93a626Scott Main color: #33B5E5; 30022124a924611bb8104658053bb5345b853f93a626Scott Main} 30032124a924611bb8104658053bb5345b853f93a626Scott Main/* -------------------------------------------------------------------------- 30042124a924611bb8104658053bb5345b853f93a626Scott MainPage-Specific Styles 30052124a924611bb8104658053bb5345b853f93a626Scott Main*/ 30062124a924611bb8104658053bb5345b853f93a626Scott Main.colors { 30072124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 30082124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 30092124a924611bb8104658053bb5345b853f93a626Scott Main width: 92px; 30102124a924611bb8104658053bb5345b853f93a626Scott Main margin: 40px 0 20px; 30112124a924611bb8104658053bb5345b853f93a626Scott Main} 30122124a924611bb8104658053bb5345b853f93a626Scott Main.colors div { 30132124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 30142124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 11.5px; 30152124a924611bb8104658053bb5345b853f93a626Scott Main width: 82px; 30162124a924611bb8104658053bb5345b853f93a626Scott Main height: 82px; 30172124a924611bb8104658053bb5345b853f93a626Scott Main margin-top:-30px; 30182124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 82px; 30192124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 30202124a924611bb8104658053bb5345b853f93a626Scott Main border: solid 5px #fff; 30212124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-border-radius: 50%; 30222124a924611bb8104658053bb5345b853f93a626Scott Main -moz-border-radius: 50%; 30232124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 50%; 30242124a924611bb8104658053bb5345b853f93a626Scott Main} 30252124a924611bb8104658053bb5345b853f93a626Scott Main 30262124a924611bb8104658053bb5345b853f93a626Scott Main 30272124a924611bb8104658053bb5345b853f93a626Scott Main 30282124a924611bb8104658053bb5345b853f93a626Scott Main 30292124a924611bb8104658053bb5345b853f93a626Scott Main 30302124a924611bb8104658053bb5345b853f93a626Scott Main 30312124a924611bb8104658053bb5345b853f93a626Scott Main 30322124a924611bb8104658053bb5345b853f93a626Scott Main 30332124a924611bb8104658053bb5345b853f93a626Scott Main 30342124a924611bb8104658053bb5345b853f93a626Scott Main 30352124a924611bb8104658053bb5345b853f93a626Scott Main 30362124a924611bb8104658053bb5345b853f93a626Scott Main 30372124a924611bb8104658053bb5345b853f93a626Scott Main 30382124a924611bb8104658053bb5345b853f93a626Scott Main 30392124a924611bb8104658053bb5345b853f93a626Scott Main/* ########### REFERENCE DOCS ################## */ 30402124a924611bb8104658053bb5345b853f93a626Scott Main 30412124a924611bb8104658053bb5345b853f93a626Scott Main#packages-nav h2, 30422124a924611bb8104658053bb5345b853f93a626Scott Main#classes-nav h2 { 30432124a924611bb8104658053bb5345b853f93a626Scott Main font-size:18px; 30442124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 30452124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 0 0 4px; 30462124a924611bb8104658053bb5345b853f93a626Scott Main} 30472124a924611bb8104658053bb5345b853f93a626Scott Main 30482124a924611bb8104658053bb5345b853f93a626Scott Main/* not sure if this is needed in the ref docs, disabling for now 30492124a924611bb8104658053bb5345b853f93a626Scott Main.jd-descr h2 { 30502124a924611bb8104658053bb5345b853f93a626Scott Main margin:16px 0; 30512124a924611bb8104658053bb5345b853f93a626Scott Main} 30522124a924611bb8104658053bb5345b853f93a626Scott Main*/ 30532124a924611bb8104658053bb5345b853f93a626Scott Main 30542124a924611bb8104658053bb5345b853f93a626Scott Main/* First paragraph of a content pages is a bit larger 30552124a924611bb8104658053bb5345b853f93a626Scott Main - note the very specific selector. */ 30562124a924611bb8104658053bb5345b853f93a626Scott Main.jd-descr > p:first-child, 30572124a924611bb8104658053bb5345b853f93a626Scott Main.jd-descr > #tb-wrapper + p, 30582124a924611bb8104658053bb5345b853f93a626Scott Main.jd-descr > #qv-wrapper + p { 30592124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 30602124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 16px; 30612124a924611bb8104658053bb5345b853f93a626Scott Main} 30622124a924611bb8104658053bb5345b853f93a626Scott Main 30632124a924611bb8104658053bb5345b853f93a626Scott Main/* page-top-right container for reference pages (holds 30642124a924611bb8104658053bb5345b853f93a626Scott Mainlinks to summary tables) */ 30652124a924611bb8104658053bb5345b853f93a626Scott Main#api-info-block { 30662124a924611bb8104658053bb5345b853f93a626Scott Main font-size:12px; 30672124a924611bb8104658053bb5345b853f93a626Scott Main margin:20px 0 0; 30682124a924611bb8104658053bb5345b853f93a626Scott Main font-weight:normal; 30692124a924611bb8104658053bb5345b853f93a626Scott Main float:right; 30702124a924611bb8104658053bb5345b853f93a626Scott Main text-align:right; 30712124a924611bb8104658053bb5345b853f93a626Scott Main color:#999; 30722124a924611bb8104658053bb5345b853f93a626Scott Main max-width:300px; 30732124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 12px; 30742124a924611bb8104658053bb5345b853f93a626Scott Main line-height:14px; 30752124a924611bb8104658053bb5345b853f93a626Scott Main} 30762124a924611bb8104658053bb5345b853f93a626Scott Main 30772124a924611bb8104658053bb5345b853f93a626Scott Main#api-info-block div.api-level { 30782124a924611bb8104658053bb5345b853f93a626Scott Main font-weight:bold; 30792124a924611bb8104658053bb5345b853f93a626Scott Main font-size:inherit; 30802124a924611bb8104658053bb5345b853f93a626Scott Main float:none; 30812124a924611bb8104658053bb5345b853f93a626Scott Main color:#222; 30822124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 30832124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 30842124a924611bb8104658053bb5345b853f93a626Scott Main} 30852124a924611bb8104658053bb5345b853f93a626Scott Main 30862124a924611bb8104658053bb5345b853f93a626Scott Main/* inheritance table */ 30872124a924611bb8104658053bb5345b853f93a626Scott Maintable.inhtable>tbody>tr>td { 30882124a924611bb8104658053bb5345b853f93a626Scott Main padding-left:0; 30892124a924611bb8104658053bb5345b853f93a626Scott Main} 30902124a924611bb8104658053bb5345b853f93a626Scott Maintable.inhtable>tbody>tr>td div:first-of-type { 30912124a924611bb8104658053bb5345b853f93a626Scott Main padding-left:12px; 30922124a924611bb8104658053bb5345b853f93a626Scott Main} 30932124a924611bb8104658053bb5345b853f93a626Scott Main 30942124a924611bb8104658053bb5345b853f93a626Scott Main.jd-inheritance-table { 30952124a924611bb8104658053bb5345b853f93a626Scott Main border-spacing:0; 30962124a924611bb8104658053bb5345b853f93a626Scott Main margin:1em 0; 30972124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 30982124a924611bb8104658053bb5345b853f93a626Scott Main background-color:transparent; 30992124a924611bb8104658053bb5345b853f93a626Scott Main} 31002124a924611bb8104658053bb5345b853f93a626Scott Main.jd-inheritance-table tr td { 31012124a924611bb8104658053bb5345b853f93a626Scott Main border: none; 31022124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 31032124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 31042124a924611bb8104658053bb5345b853f93a626Scott Main background-color:transparent; 31052124a924611bb8104658053bb5345b853f93a626Scott Main} 31062124a924611bb8104658053bb5345b853f93a626Scott Main.jd-inheritance-table .jd-inheritance-space { 31072124a924611bb8104658053bb5345b853f93a626Scott Main width:2em; 31082124a924611bb8104658053bb5345b853f93a626Scott Main} 31092124a924611bb8104658053bb5345b853f93a626Scott Main.jd-inheritance-table .jd-inheritance-interface-cell { 31102124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 17px; 31112124a924611bb8104658053bb5345b853f93a626Scott Main} 31122124a924611bb8104658053bb5345b853f93a626Scott Main 31132124a924611bb8104658053bb5345b853f93a626Scott Main 31142124a924611bb8104658053bb5345b853f93a626Scott Main/* the link inside a sumtable for "Show All/Hide All" */ 31152124a924611bb8104658053bb5345b853f93a626Scott Main.toggle-all { 31162124a924611bb8104658053bb5345b853f93a626Scott Main display:block; 31172124a924611bb8104658053bb5345b853f93a626Scott Main float:right; 31182124a924611bb8104658053bb5345b853f93a626Scott Main font-weight:normal; 31192124a924611bb8104658053bb5345b853f93a626Scott Main font-size:0.9em; 31202124a924611bb8104658053bb5345b853f93a626Scott Main} 31212124a924611bb8104658053bb5345b853f93a626Scott Main 31222124a924611bb8104658053bb5345b853f93a626Scott Main/* adjustments for in/direct subclasses tables */ 31232124a924611bb8104658053bb5345b853f93a626Scott Main.jd-sumtable-subclasses { 31242124a924611bb8104658053bb5345b853f93a626Scott Main margin: 1em 0 0 0; 31252124a924611bb8104658053bb5345b853f93a626Scott Main max-width:968px; 31262124a924611bb8104658053bb5345b853f93a626Scott Main background-color:transparent; 31272124a924611bb8104658053bb5345b853f93a626Scott Main} 31282124a924611bb8104658053bb5345b853f93a626Scott Main 31292124a924611bb8104658053bb5345b853f93a626Scott Main/* extra space between end of method name and open-paren */ 31302124a924611bb8104658053bb5345b853f93a626Scott Main.sympad { 31312124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 2px; 31322124a924611bb8104658053bb5345b853f93a626Scott Main} 31332124a924611bb8104658053bb5345b853f93a626Scott Main 31342124a924611bb8104658053bb5345b853f93a626Scott Main/* adjustments for the expando table-in-table */ 31352124a924611bb8104658053bb5345b853f93a626Scott Main.jd-sumtable-expando { 31362124a924611bb8104658053bb5345b853f93a626Scott Main margin:.5em 0; 31372124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 31382124a924611bb8104658053bb5345b853f93a626Scott Main} 31392124a924611bb8104658053bb5345b853f93a626Scott Main 31402124a924611bb8104658053bb5345b853f93a626Scott Main/* a div that holds a short description */ 31412124a924611bb8104658053bb5345b853f93a626Scott Main.jd-descrdiv { 31422124a924611bb8104658053bb5345b853f93a626Scott Main padding:3px 1em 0 1em; 31432124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 31442124a924611bb8104658053bb5345b853f93a626Scott Main border:0; 31452124a924611bb8104658053bb5345b853f93a626Scott Main} 31462124a924611bb8104658053bb5345b853f93a626Scott Main 31472124a924611bb8104658053bb5345b853f93a626Scott Main#jd-content img.jd-expando-trigger-img { 31482124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 4px 4px 0; 31492124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 31502124a924611bb8104658053bb5345b853f93a626Scott Main} 31512124a924611bb8104658053bb5345b853f93a626Scott Main 31522124a924611bb8104658053bb5345b853f93a626Scott Main.jd-sumtable-subclasses div#subclasses-direct, 31532124a924611bb8104658053bb5345b853f93a626Scott Main.jd-sumtable-subclasses div#subclasses-indirect { 31542124a924611bb8104658053bb5345b853f93a626Scott Main /* left margin matches width of the toggle image, 31552124a924611bb8104658053bb5345b853f93a626Scott Main so this section aligns with the text above */ 31562124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 0 0 34px; 31572124a924611bb8104658053bb5345b853f93a626Scott Main} 31582124a924611bb8104658053bb5345b853f93a626Scott Main 31592124a924611bb8104658053bb5345b853f93a626Scott Main 31602124a924611bb8104658053bb5345b853f93a626Scott Main 31612124a924611bb8104658053bb5345b853f93a626Scott Main/********* MEMBER REF *************/ 31622124a924611bb8104658053bb5345b853f93a626Scott Main 31632124a924611bb8104658053bb5345b853f93a626Scott Main 31642124a924611bb8104658053bb5345b853f93a626Scott Main.jd-details { 31652124a924611bb8104658053bb5345b853f93a626Scott Main/* border:1px solid #669999; 31662124a924611bb8104658053bb5345b853f93a626Scott Main padding:4px; */ 31672124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 0 1em; 31682124a924611bb8104658053bb5345b853f93a626Scott Main} 31692124a924611bb8104658053bb5345b853f93a626Scott Main 31702124a924611bb8104658053bb5345b853f93a626Scott Main/* API reference: a container for the 31712124a924611bb8104658053bb5345b853f93a626Scott Main.tagdata blocks that make up the detailed 31722124a924611bb8104658053bb5345b853f93a626Scott Maindescription */ 31732124a924611bb8104658053bb5345b853f93a626Scott Main.jd-details-descr { 31742124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 31752124a924611bb8104658053bb5345b853f93a626Scott Main margin:.5em .25em; 31762124a924611bb8104658053bb5345b853f93a626Scott Main} 31772124a924611bb8104658053bb5345b853f93a626Scott Main 31782124a924611bb8104658053bb5345b853f93a626Scott Main/* API reference: a block containing 31792124a924611bb8104658053bb5345b853f93a626Scott Maina detailed description, a params table, 31802124a924611bb8104658053bb5345b853f93a626Scott Mainseealso list, etc */ 31812124a924611bb8104658053bb5345b853f93a626Scott Main.jd-tagdata { 31822124a924611bb8104658053bb5345b853f93a626Scott Main margin:.5em 1em; 31832124a924611bb8104658053bb5345b853f93a626Scott Main} 31842124a924611bb8104658053bb5345b853f93a626Scott Main 31852124a924611bb8104658053bb5345b853f93a626Scott Main.jd-tagdata p { 31862124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 0 1em 1em; 31872124a924611bb8104658053bb5345b853f93a626Scott Main} 31882124a924611bb8104658053bb5345b853f93a626Scott Main 31892124a924611bb8104658053bb5345b853f93a626Scott Main/* API reference: adjustments to 31902124a924611bb8104658053bb5345b853f93a626Scott Mainthe detailed description block */ 31912124a924611bb8104658053bb5345b853f93a626Scott Main.jd-tagdescr { 31922124a924611bb8104658053bb5345b853f93a626Scott Main margin:.25em 0 .75em 0; 31932124a924611bb8104658053bb5345b853f93a626Scott Main} 31942124a924611bb8104658053bb5345b853f93a626Scott Main 31952124a924611bb8104658053bb5345b853f93a626Scott Main.jd-tagdescr ol, 31962124a924611bb8104658053bb5345b853f93a626Scott Main.jd-tagdescr ul { 31972124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 2.5em; 31982124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 31992124a924611bb8104658053bb5345b853f93a626Scott Main} 32002124a924611bb8104658053bb5345b853f93a626Scott Main 32012124a924611bb8104658053bb5345b853f93a626Scott Main.jd-tagdescr table, 32022124a924611bb8104658053bb5345b853f93a626Scott Main.jd-tagdescr img { 32032124a924611bb8104658053bb5345b853f93a626Scott Main margin:.25em 1em; 32042124a924611bb8104658053bb5345b853f93a626Scott Main} 32052124a924611bb8104658053bb5345b853f93a626Scott Main 32062124a924611bb8104658053bb5345b853f93a626Scott Main.jd-tagdescr li { 32072124a924611bb8104658053bb5345b853f93a626Scott Mainmargin:0 0 .25em 0; 32082124a924611bb8104658053bb5345b853f93a626Scott Mainpadding:0; 32092124a924611bb8104658053bb5345b853f93a626Scott Main} 32102124a924611bb8104658053bb5345b853f93a626Scott Main 32112124a924611bb8104658053bb5345b853f93a626Scott Main/* API reference: heading marking 32122124a924611bb8104658053bb5345b853f93a626Scott Mainthe details section for constants, 32132124a924611bb8104658053bb5345b853f93a626Scott Mainattrs, methods, etc. */ 32142124a924611bb8104658053bb5345b853f93a626Scott Mainh4.jd-details-title { 32152124a924611bb8104658053bb5345b853f93a626Scott Main font-size:1.15em; 32162124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #E2E2E2; 32172124a924611bb8104658053bb5345b853f93a626Scott Main margin:1.5em 0 .6em; 32182124a924611bb8104658053bb5345b853f93a626Scott Main padding:3px 95px 3px 3px; /* room for api-level */ 32192124a924611bb8104658053bb5345b853f93a626Scott Main} 32202124a924611bb8104658053bb5345b853f93a626Scott Mainbody.google h4.jd-details-title { 32212124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #FFF; 32222124a924611bb8104658053bb5345b853f93a626Scott Main padding-top:5px; 32232124a924611bb8104658053bb5345b853f93a626Scott Main border-top: 1px solid #ccc; 32242124a924611bb8104658053bb5345b853f93a626Scott Main} 32252124a924611bb8104658053bb5345b853f93a626Scott Main 32262124a924611bb8104658053bb5345b853f93a626Scott Mainh4.jd-tagtitle { 32272124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 32282124a924611bb8104658053bb5345b853f93a626Scott Main} 32292124a924611bb8104658053bb5345b853f93a626Scott Main 32302124a924611bb8104658053bb5345b853f93a626Scott Mainh4 .normal { 32312124a924611bb8104658053bb5345b853f93a626Scott Main font-weight:normal; 32322124a924611bb8104658053bb5345b853f93a626Scott Main} 32332124a924611bb8104658053bb5345b853f93a626Scott Main 32342124a924611bb8104658053bb5345b853f93a626Scott Main/* API reference: heading for "Parameters", "See Also", etc., 32352124a924611bb8104658053bb5345b853f93a626Scott Mainin details sections */ 32362124a924611bb8104658053bb5345b853f93a626Scott Mainh5.jd-tagtitle { 32372124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 0 .25em 0; 32382124a924611bb8104658053bb5345b853f93a626Scott Main font-size:1em; 32392124a924611bb8104658053bb5345b853f93a626Scott Main} 32402124a924611bb8104658053bb5345b853f93a626Scott Main 32412124a924611bb8104658053bb5345b853f93a626Scott Main.jd-tagtable { 32422124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 32432124a924611bb8104658053bb5345b853f93a626Scott Main background-color:transparent; 32442124a924611bb8104658053bb5345b853f93a626Scott Main width:auto; 32452124a924611bb8104658053bb5345b853f93a626Scott Main} 32462124a924611bb8104658053bb5345b853f93a626Scott Main 32472124a924611bb8104658053bb5345b853f93a626Scott Main.jd-tagtable td, 32482124a924611bb8104658053bb5345b853f93a626Scott Main.jd-tagtable th { 32492124a924611bb8104658053bb5345b853f93a626Scott Main border:none; 32502124a924611bb8104658053bb5345b853f93a626Scott Main background-color:#fff; 32512124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align:top; 32522124a924611bb8104658053bb5345b853f93a626Scott Main font-weight:normal; 32532124a924611bb8104658053bb5345b853f93a626Scott Main padding:2px 10px; 32542124a924611bb8104658053bb5345b853f93a626Scott Main} 32552124a924611bb8104658053bb5345b853f93a626Scott Main 32562124a924611bb8104658053bb5345b853f93a626Scott Main.jd-tagtable th { 32572124a924611bb8104658053bb5345b853f93a626Scott Main font-style:italic; 32582124a924611bb8104658053bb5345b853f93a626Scott Main} 32592124a924611bb8104658053bb5345b853f93a626Scott Main 32602124a924611bb8104658053bb5345b853f93a626Scott Main 32612124a924611bb8104658053bb5345b853f93a626Scott Main/* Inline api level indicator for methods */ 32622124a924611bb8104658053bb5345b853f93a626Scott Maindiv.api-level { 32632124a924611bb8104658053bb5345b853f93a626Scott Main font-size:.8em; 32642124a924611bb8104658053bb5345b853f93a626Scott Main font-weight:normal; 32652124a924611bb8104658053bb5345b853f93a626Scott Main color:#999; 32662124a924611bb8104658053bb5345b853f93a626Scott Main float:right; 32672124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 8px 0; 32682124a924611bb8104658053bb5345b853f93a626Scott Main margin-top:-35px; 32692124a924611bb8104658053bb5345b853f93a626Scott Main} 32702124a924611bb8104658053bb5345b853f93a626Scott Main 32712124a924611bb8104658053bb5345b853f93a626Scott Maintable.jd-tagtable td, 32722124a924611bb8104658053bb5345b853f93a626Scott Maintable.jd-tagtable th { 32732124a924611bb8104658053bb5345b853f93a626Scott Main background-color:transparent; 32742124a924611bb8104658053bb5345b853f93a626Scott Main} 32752124a924611bb8104658053bb5345b853f93a626Scott Main 32762124a924611bb8104658053bb5345b853f93a626Scott Maintable.jd-tagtable th { 32772124a924611bb8104658053bb5345b853f93a626Scott Main color:inherit; 32782124a924611bb8104658053bb5345b853f93a626Scott Main} 32792124a924611bb8104658053bb5345b853f93a626Scott Main 3280a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main 3281a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main/* Must be updated with each letter-appropriate preview */ 3282a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Mainbody.apilevel-O #jd-content { 3283a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main background: url('../images/preview.png') repeat; 3284a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main} 3285a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main 3286a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main/* Must be updated with each letter-appropriate preview */ 3287a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main#jd-content .apilevel-O:not(.absent) h3 { 3288a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main color: #f5ba15; 3289a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main} 3290a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main 3291a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main/* Must be updated with each letter-appropriate preview */ 3292a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main#jd-content .apilevel-O:not(.absent) .api-level a, 3293a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Mainbody.apilevel-O #api-info-block .api-level a { 3294a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main color: #f5ba15; 3295a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main font-size: 14px; 3296a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main} 3297a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main 3298a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main/* Must be updated with each letter-appropriate preview */ 3299a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main#jd-content .apilevel-O:not(.absent) td, 3300a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main#jd-content .apilevel-O:not(.absent) th, 3301a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Mainbody.apilevel-O #jd-content table:not(.jd-inheritance-table) td, 3302a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Mainbody.apilevel-O #jd-content th { 3303a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main background: rgba(245, 185, 16, 0.2); 3304a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main border: solid 1px #f5ba15; 3305a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main} 3306a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main 3307a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main/* Must be updated with each letter-appropriate preview */ 3308a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main#jd-content tr.apilevel-O:not(.absent) td { 3309a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main background: rgba(245, 185, 16, 0.2); 3310a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main border: solid 1px #ddd; 3311a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main} 3312a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main 3313a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main/* Must be updated with each letter-appropriate preview */ 3314a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main#jd-content .apilevel-O:not(.absent) th, 3315a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Mainbody.apilevel-O #jd-content th { 3316a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main background: #f5ba15; 3317a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main} 3318a77fb01ec0242b918dd0aa478cdc2334e7260203Scott Main 33192124a924611bb8104658053bb5345b853f93a626Scott Main/************ STICKY NAV BAR ******************/ 33202124a924611bb8104658053bb5345b853f93a626Scott Main 33212124a924611bb8104658053bb5345b853f93a626Scott Main#context { 33222124a924611bb8104658053bb5345b853f93a626Scott Main clear: both; 33232124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 14px; 33242124a924611bb8104658053bb5345b853f93a626Scott Main} 33252124a924611bb8104658053bb5345b853f93a626Scott Main#context .breadcrumb { 33262124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 33272124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 10px; 33282124a924611bb8104658053bb5345b853f93a626Scott Main} 33292124a924611bb8104658053bb5345b853f93a626Scott Main#context .util { 33302124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 33312124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 20px; 33322124a924611bb8104658053bb5345b853f93a626Scott Main} 33332124a924611bb8104658053bb5345b853f93a626Scott Main 33342124a924611bb8104658053bb5345b853f93a626Scott Main.breadcrumb { 33352124a924611bb8104658053bb5345b853f93a626Scott Main list-style: none; 33362124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 33372124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 33382124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 33392124a924611bb8104658053bb5345b853f93a626Scott Main} 33402124a924611bb8104658053bb5345b853f93a626Scott Main.breadcrumb li { 33412124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 33422124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 20px 0 0; 33432124a924611bb8104658053bb5345b853f93a626Scott Main color: #000; 33442124a924611bb8104658053bb5345b853f93a626Scott Main white-space: nowrap; 33452124a924611bb8104658053bb5345b853f93a626Scott Main} 33462124a924611bb8104658053bb5345b853f93a626Scott Main.breadcrumb li a { 33472124a924611bb8104658053bb5345b853f93a626Scott Main color: #000; 33482124a924611bb8104658053bb5345b853f93a626Scott Main} 33492124a924611bb8104658053bb5345b853f93a626Scott Main.breadcrumb li:after { 33502124a924611bb8104658053bb5345b853f93a626Scott Main content: url(../images/breadcrumb.png); 33512124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 33522124a924611bb8104658053bb5345b853f93a626Scott Main top: 1px; 33532124a924611bb8104658053bb5345b853f93a626Scott Main left: 10px; 33542124a924611bb8104658053bb5345b853f93a626Scott Main width: 5px; 33552124a924611bb8104658053bb5345b853f93a626Scott Main height: 10px; 33562124a924611bb8104658053bb5345b853f93a626Scott Main} 33572124a924611bb8104658053bb5345b853f93a626Scott Main.breadcrumb li.current { 33582124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 700; 33592124a924611bb8104658053bb5345b853f93a626Scott Main} 33602124a924611bb8104658053bb5345b853f93a626Scott Main.breadcrumb li.current:after { 33612124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 33622124a924611bb8104658053bb5345b853f93a626Scott Main} 33632124a924611bb8104658053bb5345b853f93a626Scott Main 33642124a924611bb8104658053bb5345b853f93a626Scott Main/* offset the empty <a name=""> tags to account for sticky nav */ 33652124a924611bb8104658053bb5345b853f93a626Scott Mainbody.reference a[name]:not(.nav-start-marker):empty { 33662124a924611bb8104658053bb5345b853f93a626Scott Main visibility: hidden; 33672124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 33682124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 33692124a924611bb8104658053bb5345b853f93a626Scott Main top: -56px; 33702124a924611bb8104658053bb5345b853f93a626Scott Main} 33712124a924611bb8104658053bb5345b853f93a626Scott Main 33722124a924611bb8104658053bb5345b853f93a626Scott Main.nav-start-marker { 33732124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 33742124a924611bb8104658053bb5345b853f93a626Scott Main} 33752124a924611bb8104658053bb5345b853f93a626Scott Main 33762124a924611bb8104658053bb5345b853f93a626Scott Main/* Quicknav */ 33772124a924611bb8104658053bb5345b853f93a626Scott Main.btn-quicknav { 33782124a924611bb8104658053bb5345b853f93a626Scott Main width:20px; 33792124a924611bb8104658053bb5345b853f93a626Scott Main height:28px; 33802124a924611bb8104658053bb5345b853f93a626Scott Main float:left; 33812124a924611bb8104658053bb5345b853f93a626Scott Main margin-left:6px; 33822124a924611bb8104658053bb5345b853f93a626Scott Main padding-right:10px; 33832124a924611bb8104658053bb5345b853f93a626Scott Main position:relative; 33842124a924611bb8104658053bb5345b853f93a626Scott Main cursor:pointer; 33852124a924611bb8104658053bb5345b853f93a626Scott Main border-right:1px solid #CCC; 33862124a924611bb8104658053bb5345b853f93a626Scott Main} 33872124a924611bb8104658053bb5345b853f93a626Scott Main 33882124a924611bb8104658053bb5345b853f93a626Scott Main.btn-quicknav a { 33892124a924611bb8104658053bb5345b853f93a626Scott Main zoom:1; 33902124a924611bb8104658053bb5345b853f93a626Scott Main position:absolute; 33912124a924611bb8104658053bb5345b853f93a626Scott Main top:13px; 33922124a924611bb8104658053bb5345b853f93a626Scott Main left:5px; 33932124a924611bb8104658053bb5345b853f93a626Scott Main display:block; 33942124a924611bb8104658053bb5345b853f93a626Scott Main text-indent:-9999em; 33952124a924611bb8104658053bb5345b853f93a626Scott Main width:10px; 33962124a924611bb8104658053bb5345b853f93a626Scott Main height:5px; 33972124a924611bb8104658053bb5345b853f93a626Scott Main background:url(../images/quicknav_arrow.png) no-repeat; 33982124a924611bb8104658053bb5345b853f93a626Scott Main} 33992124a924611bb8104658053bb5345b853f93a626Scott Main 34002124a924611bb8104658053bb5345b853f93a626Scott Main.btn-quicknav a.arrow-active { 34012124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0 -5px; 34022124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 34032124a924611bb8104658053bb5345b853f93a626Scott Main} 34042124a924611bb8104658053bb5345b853f93a626Scott Main 34052124a924611bb8104658053bb5345b853f93a626Scott Main#header-wrap.quicknav a.arrow-inactive { 34062124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 34072124a924611bb8104658053bb5345b853f93a626Scott Main} 34082124a924611bb8104658053bb5345b853f93a626Scott Main 34092124a924611bb8104658053bb5345b853f93a626Scott Main.btn-quicknav.active a.arrow-active { 34102124a924611bb8104658053bb5345b853f93a626Scott Main display:block; 34112124a924611bb8104658053bb5345b853f93a626Scott Main} 34122124a924611bb8104658053bb5345b853f93a626Scott Main 34132124a924611bb8104658053bb5345b853f93a626Scott Main#header-wrap.quicknav .nav-x li { 34142124a924611bb8104658053bb5345b853f93a626Scott Main min-width:160px; 34152124a924611bb8104658053bb5345b853f93a626Scott Main margin-right:20px; 34162124a924611bb8104658053bb5345b853f93a626Scott Main} 34172124a924611bb8104658053bb5345b853f93a626Scott Main 34182124a924611bb8104658053bb5345b853f93a626Scott Main#header-wrap.quicknav li.last { 34192124a924611bb8104658053bb5345b853f93a626Scott Main margin-right:0px; 34202124a924611bb8104658053bb5345b853f93a626Scott Main} 34212124a924611bb8104658053bb5345b853f93a626Scott Main 34222124a924611bb8104658053bb5345b853f93a626Scott Main#quicknav { 34232124a924611bb8104658053bb5345b853f93a626Scott Main float:none; 34242124a924611bb8104658053bb5345b853f93a626Scott Main clear:both; 34252124a924611bb8104658053bb5345b853f93a626Scott Main margin-left:0; 34262124a924611bb8104658053bb5345b853f93a626Scott Main margin-top:-30px; 34272124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 34282124a924611bb8104658053bb5345b853f93a626Scott Main overflow:hidden; 34292124a924611bb8104658053bb5345b853f93a626Scott Main} 34302124a924611bb8104658053bb5345b853f93a626Scott Main 34312124a924611bb8104658053bb5345b853f93a626Scott Main#header-wrap.quicknav #quicknav { 34322124a924611bb8104658053bb5345b853f93a626Scott Main 34332124a924611bb8104658053bb5345b853f93a626Scott Main} 34342124a924611bb8104658053bb5345b853f93a626Scott Main 34352124a924611bb8104658053bb5345b853f93a626Scott Main#quicknav ul { 34362124a924611bb8104658053bb5345b853f93a626Scott Main margin:10px 0; 34372124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 34382124a924611bb8104658053bb5345b853f93a626Scott Main} 34392124a924611bb8104658053bb5345b853f93a626Scott Main 34402124a924611bb8104658053bb5345b853f93a626Scott Main#quicknav ul li.about { 34412124a924611bb8104658053bb5345b853f93a626Scott Main border-top:1px solid #9933CC; 34422124a924611bb8104658053bb5345b853f93a626Scott Main} 34432124a924611bb8104658053bb5345b853f93a626Scott Main 34442124a924611bb8104658053bb5345b853f93a626Scott Main#quicknav ul li.design { 34452124a924611bb8104658053bb5345b853f93a626Scott Main border-top:1px solid #33b5e5; 34462124a924611bb8104658053bb5345b853f93a626Scott Main} 34472124a924611bb8104658053bb5345b853f93a626Scott Main 34482124a924611bb8104658053bb5345b853f93a626Scott Main#quicknav ul li.develop { 34492124a924611bb8104658053bb5345b853f93a626Scott Main border-top:1px solid #FF8800; 34502124a924611bb8104658053bb5345b853f93a626Scott Main} 34512124a924611bb8104658053bb5345b853f93a626Scott Main 34522124a924611bb8104658053bb5345b853f93a626Scott Main#quicknav ul li.distribute { 34532124a924611bb8104658053bb5345b853f93a626Scott Main border-top:1px solid #99cc00; 34542124a924611bb8104658053bb5345b853f93a626Scott Main} 34552124a924611bb8104658053bb5345b853f93a626Scott Main 34562124a924611bb8104658053bb5345b853f93a626Scott Main#quicknav ul li { 34572124a924611bb8104658053bb5345b853f93a626Scott Main display:block; 34582124a924611bb8104658053bb5345b853f93a626Scott Main float:left; 34592124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 20px 0 0; 34602124a924611bb8104658053bb5345b853f93a626Scott Main min-width:140px; 34612124a924611bb8104658053bb5345b853f93a626Scott Main} 34622124a924611bb8104658053bb5345b853f93a626Scott Main 34632124a924611bb8104658053bb5345b853f93a626Scott Main#quicknav ul li.last { 34642124a924611bb8104658053bb5345b853f93a626Scott Main margin-right:0px; 34652124a924611bb8104658053bb5345b853f93a626Scott Main} 34662124a924611bb8104658053bb5345b853f93a626Scott Main 34672124a924611bb8104658053bb5345b853f93a626Scott Main#quicknav ul li ul li { 34682124a924611bb8104658053bb5345b853f93a626Scott Main float:none; 34692124a924611bb8104658053bb5345b853f93a626Scott Main} 34702124a924611bb8104658053bb5345b853f93a626Scott Main 34712124a924611bb8104658053bb5345b853f93a626Scott Main#quicknav ul li ul li a { 34722124a924611bb8104658053bb5345b853f93a626Scott Main color:#222; 34732124a924611bb8104658053bb5345b853f93a626Scott Main} 34742124a924611bb8104658053bb5345b853f93a626Scott Main 34752124a924611bb8104658053bb5345b853f93a626Scott Main#quicknav ul li li ul, 34762124a924611bb8104658053bb5345b853f93a626Scott Main#quicknav ul li li ul li { 34772124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 34782124a924611bb8104658053bb5345b853f93a626Scott Main} 34792124a924611bb8104658053bb5345b853f93a626Scott Main 34802124a924611bb8104658053bb5345b853f93a626Scott Main#quicknav ul li li ul li:before { 34812124a924611bb8104658053bb5345b853f93a626Scott Main content:"\21B3"; 34822124a924611bb8104658053bb5345b853f93a626Scott Main} 34832124a924611bb8104658053bb5345b853f93a626Scott Main 34842124a924611bb8104658053bb5345b853f93a626Scott Main#header-wrap { 34852124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: all 0.25s ease-out; 34862124a924611bb8104658053bb5345b853f93a626Scott Main -moz-transition: all 0.25s ease-out; 34872124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transition: all 0.25s ease-out; 34882124a924611bb8104658053bb5345b853f93a626Scott Main -o-transition: all 0.25s ease-out; 34892124a924611bb8104658053bb5345b853f93a626Scott Main transition: all 0.25s ease-out; 34902124a924611bb8104658053bb5345b853f93a626Scott Main 34912124a924611bb8104658053bb5345b853f93a626Scott Main} 34922124a924611bb8104658053bb5345b853f93a626Scott Main 34932124a924611bb8104658053bb5345b853f93a626Scott Main#header-wrap.quicknav { 34942124a924611bb8104658053bb5345b853f93a626Scott Main height:216px; 34952124a924611bb8104658053bb5345b853f93a626Scott Main 34962124a924611bb8104658053bb5345b853f93a626Scott Main} 34972124a924611bb8104658053bb5345b853f93a626Scott Main 34982124a924611bb8104658053bb5345b853f93a626Scott Main.moremenu { 34992124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 35002124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 35012124a924611bb8104658053bb5345b853f93a626Scott Main width: 50px; 35022124a924611bb8104658053bb5345b853f93a626Scott Main height:28px; 35032124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 35042124a924611bb8104658053bb5345b853f93a626Scott Main margin-top:-3px; 35052124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom:7px; 35062124a924611bb8104658053bb5345b853f93a626Scott Main overflow:hidden; 35072124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: width 0.25s ease; 35082124a924611bb8104658053bb5345b853f93a626Scott Main -moz-transition: width 0.25s ease; 35092124a924611bb8104658053bb5345b853f93a626Scott Main -o-transition: width 0.25s ease; 35102124a924611bb8104658053bb5345b853f93a626Scott Main transition: width 0.25s ease; 35112124a924611bb8104658053bb5345b853f93a626Scott Main} 35122124a924611bb8104658053bb5345b853f93a626Scott Main 35132124a924611bb8104658053bb5345b853f93a626Scott Main.moremenu #more-btn { 35142124a924611bb8104658053bb5345b853f93a626Scott Main width:40px; 35152124a924611bb8104658053bb5345b853f93a626Scott Main height:28px; 35162124a924611bb8104658053bb5345b853f93a626Scott Main background:url(../images/icon_more.png) no-repeat; 35172124a924611bb8104658053bb5345b853f93a626Scott Main border-left:1px solid #CCC; 35182124a924611bb8104658053bb5345b853f93a626Scott Main float:left; 35192124a924611bb8104658053bb5345b853f93a626Scott Main cursor:pointer; 35202124a924611bb8104658053bb5345b853f93a626Scott Main} 35212124a924611bb8104658053bb5345b853f93a626Scott Main 35222124a924611bb8104658053bb5345b853f93a626Scott Main.moremenu:hover #more-btn { 35232124a924611bb8104658053bb5345b853f93a626Scott Main background-position:0 -28px; 35242124a924611bb8104658053bb5345b853f93a626Scott Main} 35252124a924611bb8104658053bb5345b853f93a626Scott Main 35262124a924611bb8104658053bb5345b853f93a626Scott Main.morehover { 35272124a924611bb8104658053bb5345b853f93a626Scott Main position:absolute; 35282124a924611bb8104658053bb5345b853f93a626Scott Main right:6px; 35292124a924611bb8104658053bb5345b853f93a626Scott Main top:-9px; 35302124a924611bb8104658053bb5345b853f93a626Scott Main width:40px; 35312124a924611bb8104658053bb5345b853f93a626Scott Main height:35px; 35322124a924611bb8104658053bb5345b853f93a626Scott Main z-index:99; 35332124a924611bb8104658053bb5345b853f93a626Scott Main overflow:hidden; 35342124a924611bb8104658053bb5345b853f93a626Scott Main 35352124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-opacity:0; 35362124a924611bb8104658053bb5345b853f93a626Scott Main -moz-opacity:0; 35372124a924611bb8104658053bb5345b853f93a626Scott Main -o-opacity:0; 35382124a924611bb8104658053bb5345b853f93a626Scott Main opacity:0; 35392124a924611bb8104658053bb5345b853f93a626Scott Main 35402124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform-origin:100% 0%; 35412124a924611bb8104658053bb5345b853f93a626Scott Main -moz-transform-origin:100% 0%; 35422124a924611bb8104658053bb5345b853f93a626Scott Main -o-transform-origin:100% 0%; 35432124a924611bb8104658053bb5345b853f93a626Scott Main transform-origin:100% 0%; 35442124a924611bb8104658053bb5345b853f93a626Scott Main 35452124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition-property: -webkit-opacity; 35462124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition-duration: .25s; 35472124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition-timing-function:ease; 35482124a924611bb8104658053bb5345b853f93a626Scott Main 35492124a924611bb8104658053bb5345b853f93a626Scott Main -moz-transition-property: -moz-opacity; 35502124a924611bb8104658053bb5345b853f93a626Scott Main -moz-transition-duration: .25s; 35512124a924611bb8104658053bb5345b853f93a626Scott Main -moz-transition-timing-function:ease; 35522124a924611bb8104658053bb5345b853f93a626Scott Main 35532124a924611bb8104658053bb5345b853f93a626Scott Main -o-transition-property: -o-opacity; 35542124a924611bb8104658053bb5345b853f93a626Scott Main -o-transition-duration: .25s; 35552124a924611bb8104658053bb5345b853f93a626Scott Main -o-transition-timing-function:ease; 35562124a924611bb8104658053bb5345b853f93a626Scott Main 35572124a924611bb8104658053bb5345b853f93a626Scott Main transition-property: opacity; 35582124a924611bb8104658053bb5345b853f93a626Scott Main transition-duration: .25s; 35592124a924611bb8104658053bb5345b853f93a626Scott Main transition-timing-function:ease; 35602124a924611bb8104658053bb5345b853f93a626Scott Main} 35612124a924611bb8104658053bb5345b853f93a626Scott Main 35622124a924611bb8104658053bb5345b853f93a626Scott Main.morehover:hover, 35632124a924611bb8104658053bb5345b853f93a626Scott Main.morehover.hover { 35642124a924611bb8104658053bb5345b853f93a626Scott Main opacity:1; 35652124a924611bb8104658053bb5345b853f93a626Scott Main height:385px; 35662124a924611bb8104658053bb5345b853f93a626Scott Main width:268px; 35672124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition-property:height, -webkit-opacity; 35682124a924611bb8104658053bb5345b853f93a626Scott Main} 35692124a924611bb8104658053bb5345b853f93a626Scott Main 35702124a924611bb8104658053bb5345b853f93a626Scott Main.morehover .top { 35712124a924611bb8104658053bb5345b853f93a626Scott Main width:268px; 35722124a924611bb8104658053bb5345b853f93a626Scott Main height:39px; 35732124a924611bb8104658053bb5345b853f93a626Scott Main background:url(../images/more_top.png) no-repeat; 35742124a924611bb8104658053bb5345b853f93a626Scott Main} 35752124a924611bb8104658053bb5345b853f93a626Scott Main 35762124a924611bb8104658053bb5345b853f93a626Scott Main.morehover .mid { 35772124a924611bb8104658053bb5345b853f93a626Scott Main width:228px; 35782124a924611bb8104658053bb5345b853f93a626Scott Main background:url(../images/more_mid.png) repeat-y; 35792124a924611bb8104658053bb5345b853f93a626Scott Main padding:10px 20px 0 20px; 35802124a924611bb8104658053bb5345b853f93a626Scott Main} 35812124a924611bb8104658053bb5345b853f93a626Scott Main 35822124a924611bb8104658053bb5345b853f93a626Scott Main.morehover .mid .header { 35832124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom:1px solid #ccc; 35842124a924611bb8104658053bb5345b853f93a626Scott Main font-weight:bold; 35852124a924611bb8104658053bb5345b853f93a626Scott Main} 35862124a924611bb8104658053bb5345b853f93a626Scott Main 35872124a924611bb8104658053bb5345b853f93a626Scott Main.morehover .bottom { 35882124a924611bb8104658053bb5345b853f93a626Scott Main width:268px; 35892124a924611bb8104658053bb5345b853f93a626Scott Main height:6px; 35902124a924611bb8104658053bb5345b853f93a626Scott Main background:url(../images/more_bottom.png) no-repeat; 35912124a924611bb8104658053bb5345b853f93a626Scott Main} 35922124a924611bb8104658053bb5345b853f93a626Scott Main 35932124a924611bb8104658053bb5345b853f93a626Scott Main.morehover ul { 35942124a924611bb8104658053bb5345b853f93a626Scott Main margin:10px 10px 20px 0; 35952124a924611bb8104658053bb5345b853f93a626Scott Main} 35962124a924611bb8104658053bb5345b853f93a626Scott Main 35972124a924611bb8104658053bb5345b853f93a626Scott Main.morehover ul li { 35982124a924611bb8104658053bb5345b853f93a626Scott Main list-style:none; 35992124a924611bb8104658053bb5345b853f93a626Scott Main} 36002124a924611bb8104658053bb5345b853f93a626Scott Main 36012124a924611bb8104658053bb5345b853f93a626Scott Main.morehover ul li.active a, 36022124a924611bb8104658053bb5345b853f93a626Scott Main.morehover ul li.active a:hover { 36032124a924611bb8104658053bb5345b853f93a626Scott Main color:#222 !important; 36042124a924611bb8104658053bb5345b853f93a626Scott Main} 36052124a924611bb8104658053bb5345b853f93a626Scott Main 36062124a924611bb8104658053bb5345b853f93a626Scott Main.morehover ul li.active img { 36072124a924611bb8104658053bb5345b853f93a626Scott Main margin-right:4px; 36082124a924611bb8104658053bb5345b853f93a626Scott Main} 36092124a924611bb8104658053bb5345b853f93a626Scott Main 36102124a924611bb8104658053bb5345b853f93a626Scott Main 36112124a924611bb8104658053bb5345b853f93a626Scott Main 36122124a924611bb8104658053bb5345b853f93a626Scott Main 36132124a924611bb8104658053bb5345b853f93a626Scott Main/* MARQUEE */ 36142124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-container { 36152124a924611bb8104658053bb5345b853f93a626Scott Main width:100%; 36162124a924611bb8104658053bb5345b853f93a626Scott Main overflow:hidden; 36172124a924611bb8104658053bb5345b853f93a626Scott Main position:relative; 36182124a924611bb8104658053bb5345b853f93a626Scott Main} 36192124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-container .slideshow-prev { 36202124a924611bb8104658053bb5345b853f93a626Scott Main position:absolute; 36212124a924611bb8104658053bb5345b853f93a626Scott Main top:50%; 36222124a924611bb8104658053bb5345b853f93a626Scott Main left:0px; 36232124a924611bb8104658053bb5345b853f93a626Scott Main margin-top:-36px; 36242124a924611bb8104658053bb5345b853f93a626Scott Main z-index:99; 36252124a924611bb8104658053bb5345b853f93a626Scott Main} 36262124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-container .slideshow-next { 36272124a924611bb8104658053bb5345b853f93a626Scott Main position:absolute; 36282124a924611bb8104658053bb5345b853f93a626Scott Main top:50%; 36292124a924611bb8104658053bb5345b853f93a626Scott Main margin-top:-36px; 36302124a924611bb8104658053bb5345b853f93a626Scott Main z-index:99; 36312124a924611bb8104658053bb5345b853f93a626Scott Main right:0px; 36322124a924611bb8104658053bb5345b853f93a626Scott Main} 36332124a924611bb8104658053bb5345b853f93a626Scott Main 36342124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-container .pagination { 36352124a924611bb8104658053bb5345b853f93a626Scott Main position:absolute; 36362124a924611bb8104658053bb5345b853f93a626Scott Main bottom:20px; 36372124a924611bb8104658053bb5345b853f93a626Scott Main width:100%; 36382124a924611bb8104658053bb5345b853f93a626Scott Main text-align:center; 36392124a924611bb8104658053bb5345b853f93a626Scott Main z-index:99; 36402124a924611bb8104658053bb5345b853f93a626Scott Main} 36412124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-container .pagination ul { 36422124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 36432124a924611bb8104658053bb5345b853f93a626Scott Main} 36442124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-container .pagination ul li{ 36452124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 36462124a924611bb8104658053bb5345b853f93a626Scott Main width:12px; 36472124a924611bb8104658053bb5345b853f93a626Scott Main height:12px; 36482124a924611bb8104658053bb5345b853f93a626Scott Main text-indent:-8000px; 36492124a924611bb8104658053bb5345b853f93a626Scott Main list-style:none; 36502124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 3px; 36512124a924611bb8104658053bb5345b853f93a626Scott Main border-radius:6px; 36522124a924611bb8104658053bb5345b853f93a626Scott Main background-color:#ddd; 36532124a924611bb8104658053bb5345b853f93a626Scott Main cursor:pointer; 36542124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition:color .5s ease-in; 36552124a924611bb8104658053bb5345b853f93a626Scott Main -moz-transition:color .5s ease-in; 36562124a924611bb8104658053bb5345b853f93a626Scott Main -o-transition:color .5s ease-in; 36572124a924611bb8104658053bb5345b853f93a626Scott Main transition:color .5s ease-in; 36582124a924611bb8104658053bb5345b853f93a626Scott Main} 36592124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-container .pagination ul li:hover { 36602124a924611bb8104658053bb5345b853f93a626Scott Main background-color:#bbb; 36612124a924611bb8104658053bb5345b853f93a626Scott Main} 36622124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-container .pagination ul li.active { 36632124a924611bb8104658053bb5345b853f93a626Scott Main background-color:#6ab344; 36642124a924611bb8104658053bb5345b853f93a626Scott Main} 36652124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-container .pagination ul li.active:hover { 36662124a924611bb8104658053bb5345b853f93a626Scott Main background-color:#6ab344; 36672124a924611bb8104658053bb5345b853f93a626Scott Main} 36682124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-container ul li { 36692124a924611bb8104658053bb5345b853f93a626Scott Main display:inline; 36702124a924611bb8104658053bb5345b853f93a626Scott Main list-style:none; 36712124a924611bb8104658053bb5345b853f93a626Scott Main} 36722124a924611bb8104658053bb5345b853f93a626Scott Main 36732124a924611bb8104658053bb5345b853f93a626Scott Main 36742124a924611bb8104658053bb5345b853f93a626Scott Main#landing h1 { 36752124a924611bb8104658053bb5345b853f93a626Scott Main padding:17px 0 20px 0 !important; 36762124a924611bb8104658053bb5345b853f93a626Scott Main} 36772124a924611bb8104658053bb5345b853f93a626Scott Main 36782124a924611bb8104658053bb5345b853f93a626Scott Maina.download-sdk { 36792124a924611bb8104658053bb5345b853f93a626Scott Main float:right; 36802124a924611bb8104658053bb5345b853f93a626Scott Main margin:-10px 0; 36812124a924611bb8104658053bb5345b853f93a626Scott Main height:30px; 36822124a924611bb8104658053bb5345b853f93a626Scott Main padding-top:4px; 36832124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom:0px; 36842124a924611bb8104658053bb5345b853f93a626Scott Main} 36852124a924611bb8104658053bb5345b853f93a626Scott Main 36862124a924611bb8104658053bb5345b853f93a626Scott Main#searchResults.wrap { 36872124a924611bb8104658053bb5345b853f93a626Scott Main max-width:940px; 36882124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom:1px solid #e5e5e5; 36892124a924611bb8104658053bb5345b853f93a626Scott Main} 36902124a924611bb8104658053bb5345b853f93a626Scott Main 36912124a924611bb8104658053bb5345b853f93a626Scott Main#searchResults.wrap #leftSearchControl { 36922124a924611bb8104658053bb5345b853f93a626Scott Main min-height:700px 36932124a924611bb8104658053bb5345b853f93a626Scott Main} 36942124a924611bb8104658053bb5345b853f93a626Scott Main 36952124a924611bb8104658053bb5345b853f93a626Scott Main 36962124a924611bb8104658053bb5345b853f93a626Scott Main 36972124a924611bb8104658053bb5345b853f93a626Scott Main 36982124a924611bb8104658053bb5345b853f93a626Scott Main 36992124a924611bb8104658053bb5345b853f93a626Scott Main 37002124a924611bb8104658053bb5345b853f93a626Scott Main 37012124a924611bb8104658053bb5345b853f93a626Scott Main 37022124a924611bb8104658053bb5345b853f93a626Scott Main 37032124a924611bb8104658053bb5345b853f93a626Scott Main 37042124a924611bb8104658053bb5345b853f93a626Scott Main/* 37052124a924611bb8104658053bb5345b853f93a626Scott Main * CSS Styles that are needed by jScrollPane for it to operate correctly. 37062124a924611bb8104658053bb5345b853f93a626Scott Main */ 37072124a924611bb8104658053bb5345b853f93a626Scott Main 37082124a924611bb8104658053bb5345b853f93a626Scott Main.jspContainer { 37092124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 37102124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 37112124a924611bb8104658053bb5345b853f93a626Scott Main} 37122124a924611bb8104658053bb5345b853f93a626Scott Main 37132124a924611bb8104658053bb5345b853f93a626Scott Main.jspPane { 37142124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 37152124a924611bb8104658053bb5345b853f93a626Scott Main width:100% !important; /* to avoid cut-off api names in reference in horiz scroll */ 37162124a924611bb8104658053bb5345b853f93a626Scott Main} 37172124a924611bb8104658053bb5345b853f93a626Scott Main 37182124a924611bb8104658053bb5345b853f93a626Scott Main.jspVerticalBar { 37192124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 37202124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 37212124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 37222124a924611bb8104658053bb5345b853f93a626Scott Main width: 4px; 37232124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 37242124a924611bb8104658053bb5345b853f93a626Scott Main background: #f5f5f5; 37252124a924611bb8104658053bb5345b853f93a626Scott Main} 37262124a924611bb8104658053bb5345b853f93a626Scott Main 37272124a924611bb8104658053bb5345b853f93a626Scott Main.jspHorizontalBar { 37282124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 37292124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 37302124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 37312124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 37322124a924611bb8104658053bb5345b853f93a626Scott Main height: 4px; 37332124a924611bb8104658053bb5345b853f93a626Scott Main background: #f5f5f5; 37342124a924611bb8104658053bb5345b853f93a626Scott Main} 37352124a924611bb8104658053bb5345b853f93a626Scott Main 37362124a924611bb8104658053bb5345b853f93a626Scott Main.jspVerticalBar *, 37372124a924611bb8104658053bb5345b853f93a626Scott Main.jspHorizontalBar * { 37382124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 37392124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 37402124a924611bb8104658053bb5345b853f93a626Scott Main} 37412124a924611bb8104658053bb5345b853f93a626Scott Main.jspCap { 37422124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 37432124a924611bb8104658053bb5345b853f93a626Scott Main} 37442124a924611bb8104658053bb5345b853f93a626Scott Main 37452124a924611bb8104658053bb5345b853f93a626Scott Main.jspVerticalBar .jspCap { 37462124a924611bb8104658053bb5345b853f93a626Scott Main height: 4px; 37472124a924611bb8104658053bb5345b853f93a626Scott Main} 37482124a924611bb8104658053bb5345b853f93a626Scott Main 37492124a924611bb8104658053bb5345b853f93a626Scott Main.jspHorizontalBar .jspCap { 37502124a924611bb8104658053bb5345b853f93a626Scott Main width: 0; 37512124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 37522124a924611bb8104658053bb5345b853f93a626Scott Main} 37532124a924611bb8104658053bb5345b853f93a626Scott Main 37542124a924611bb8104658053bb5345b853f93a626Scott Main.jspHorizontalBar .jspCap { 37552124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 37562124a924611bb8104658053bb5345b853f93a626Scott Main} 37572124a924611bb8104658053bb5345b853f93a626Scott Main 37582124a924611bb8104658053bb5345b853f93a626Scott Main.jspTrack { 37592124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 37602124a924611bb8104658053bb5345b853f93a626Scott Main} 37612124a924611bb8104658053bb5345b853f93a626Scott Main 37622124a924611bb8104658053bb5345b853f93a626Scott Main.jspDrag { 37632124a924611bb8104658053bb5345b853f93a626Scott Main background: #ccc; 37642124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 37652124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 37662124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 37672124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 37682124a924611bb8104658053bb5345b853f93a626Scott Main} 37692124a924611bb8104658053bb5345b853f93a626Scott Main 37702124a924611bb8104658053bb5345b853f93a626Scott Main.jspDrag:hover, 37712124a924611bb8104658053bb5345b853f93a626Scott Main.jspDrag:active { 37722124a924611bb8104658053bb5345b853f93a626Scott Main border-color: #09c; 37732124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #4cadcb; 37742124a924611bb8104658053bb5345b853f93a626Scott Main background-image: -webkit-gradient(linear, left top, right top, from(#5dbcd9), to(#4cadcb)); 37752124a924611bb8104658053bb5345b853f93a626Scott Main background-image: -webkit-linear-gradient(left, #5dbcd9, #4cadcb); 37762124a924611bb8104658053bb5345b853f93a626Scott Main background-image: -moz-linear-gradient(left, #5dbcd9, #4cadcb); 37772124a924611bb8104658053bb5345b853f93a626Scott Main background-image: -ms-linear-gradient(left, #5dbcd9, #4cadcb); 37782124a924611bb8104658053bb5345b853f93a626Scott Main background-image: -o-linear-gradient(left, #5dbcd9, #4cadcb); 37792124a924611bb8104658053bb5345b853f93a626Scott Main background-image: linear-gradient(left, #5dbcd9, #4cadcb); 37802124a924611bb8104658053bb5345b853f93a626Scott Main filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5dbcd9', EndColorStr='#4cadcb'); 37812124a924611bb8104658053bb5345b853f93a626Scott Main} 37822124a924611bb8104658053bb5345b853f93a626Scott Main 37832124a924611bb8104658053bb5345b853f93a626Scott Main.jspHorizontalBar .jspTrack, 37842124a924611bb8104658053bb5345b853f93a626Scott Main.jspHorizontalBar .jspDrag { 37852124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 37862124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 37872124a924611bb8104658053bb5345b853f93a626Scott Main} 37882124a924611bb8104658053bb5345b853f93a626Scott Main 37892124a924611bb8104658053bb5345b853f93a626Scott Main.jspArrow { 37902124a924611bb8104658053bb5345b853f93a626Scott Main background: #999; 37912124a924611bb8104658053bb5345b853f93a626Scott Main text-indent: -20000px; 37922124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 37932124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 37942124a924611bb8104658053bb5345b853f93a626Scott Main} 37952124a924611bb8104658053bb5345b853f93a626Scott Main 37962124a924611bb8104658053bb5345b853f93a626Scott Main.jspArrow.jspDisabled { 37972124a924611bb8104658053bb5345b853f93a626Scott Main cursor: default; 37982124a924611bb8104658053bb5345b853f93a626Scott Main background: #ccc; 37992124a924611bb8104658053bb5345b853f93a626Scott Main} 38002124a924611bb8104658053bb5345b853f93a626Scott Main 38012124a924611bb8104658053bb5345b853f93a626Scott Main.jspVerticalBar .jspArrow { 38022124a924611bb8104658053bb5345b853f93a626Scott Main height: 16px; 38032124a924611bb8104658053bb5345b853f93a626Scott Main} 38042124a924611bb8104658053bb5345b853f93a626Scott Main 38052124a924611bb8104658053bb5345b853f93a626Scott Main.jspHorizontalBar .jspArrow { 38062124a924611bb8104658053bb5345b853f93a626Scott Main width: 16px; 38072124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 38082124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 38092124a924611bb8104658053bb5345b853f93a626Scott Main} 38102124a924611bb8104658053bb5345b853f93a626Scott Main 38112124a924611bb8104658053bb5345b853f93a626Scott Main.jspVerticalBar .jspArrow:focus { 38122124a924611bb8104658053bb5345b853f93a626Scott Main outline: none; 38132124a924611bb8104658053bb5345b853f93a626Scott Main} 38142124a924611bb8104658053bb5345b853f93a626Scott Main 38152124a924611bb8104658053bb5345b853f93a626Scott Main.jspCorner { 38162124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 38172124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 38182124a924611bb8104658053bb5345b853f93a626Scott Main} 38192124a924611bb8104658053bb5345b853f93a626Scott Main 38202124a924611bb8104658053bb5345b853f93a626Scott Main/* Yuk! CSS Hack for IE6 3 pixel bug :( */ 38212124a924611bb8104658053bb5345b853f93a626Scott Main* html .jspCorner { 38222124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 -3px 0 0; 38232124a924611bb8104658053bb5345b853f93a626Scott Main} 38242124a924611bb8104658053bb5345b853f93a626Scott Main/******* end of jscrollpane *********/ 38252124a924611bb8104658053bb5345b853f93a626Scott Main 38262124a924611bb8104658053bb5345b853f93a626Scott Main 38272124a924611bb8104658053bb5345b853f93a626Scott Main 38282124a924611bb8104658053bb5345b853f93a626Scott Main 38292124a924611bb8104658053bb5345b853f93a626Scott Main 38302124a924611bb8104658053bb5345b853f93a626Scott Main/************ DEVELOP HOMEPAGE ******************/ 38312124a924611bb8104658053bb5345b853f93a626Scott Main 38322124a924611bb8104658053bb5345b853f93a626Scott Main/* Slideshow */ 38332124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-develop { 38342124a924611bb8104658053bb5345b853f93a626Scott Main height: 316px; 38352124a924611bb8104658053bb5345b853f93a626Scott Main width: 940px; 38362124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 38372124a924611bb8104658053bb5345b853f93a626Scott Main overflow:hidden; 38382124a924611bb8104658053bb5345b853f93a626Scott Main} 38392124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-develop .frame { 38402124a924611bb8104658053bb5345b853f93a626Scott Main width: 940px; 38412124a924611bb8104658053bb5345b853f93a626Scott Main height: 316px; 38422124a924611bb8104658053bb5345b853f93a626Scott Main} 38432124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-develop img.play { 38442124a924611bb8104658053bb5345b853f93a626Scott Main max-width:350px; 38452124a924611bb8104658053bb5345b853f93a626Scott Main max-height:240px; 38462124a924611bb8104658053bb5345b853f93a626Scott Main margin:20px 0 0 90px; 38472124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: perspective(800px ) rotateY( 35deg ); 38482124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: -16px 20px 40px rgba(0, 0, 0, 0.3); 38492124a924611bb8104658053bb5345b853f93a626Scott Main -moz-box-shadow: -16px 20px 40px rgba(0, 0, 0, 0.3); 38502124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-box-shadow: -16px 20px 40px rgba(0, 0, 0, 0.3); 38512124a924611bb8104658053bb5345b853f93a626Scott Main} 38522124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-develop img.play.no-shadow { 38532124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: none; 38542124a924611bb8104658053bb5345b853f93a626Scott Main -moz-box-shadow: none; 38552124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-box-shadow: none; 38562124a924611bb8104658053bb5345b853f93a626Scott Main} 38572124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-develop img.play.no-transform { 38582124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: none; 38592124a924611bb8104658053bb5345b853f93a626Scott Main} 38602124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-develop a.slideshow-next { 38612124a924611bb8104658053bb5345b853f93a626Scott Main background: url(../images/arrow-right-develop.png); 38622124a924611bb8104658053bb5345b853f93a626Scott Main} 38632124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-develop a.slideshow-prev { 38642124a924611bb8104658053bb5345b853f93a626Scott Main background: url(../images/arrow-left-develop.png); 38652124a924611bb8104658053bb5345b853f93a626Scott Main} 38662124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-develop .content-right { 38672124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 38682124a924611bb8104658053bb5345b853f93a626Scott Main} 38692124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-develop .content-right h2 { 38702124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 38712124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom:10px; 38722124a924611bb8104658053bb5345b853f93a626Scott Main border:none; 38732124a924611bb8104658053bb5345b853f93a626Scott Main font-size:24px; 38742124a924611bb8104658053bb5345b853f93a626Scott Main} 38752124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-develop .item { 38762124a924611bb8104658053bb5345b853f93a626Scott Main height: 300px; 38772124a924611bb8104658053bb5345b853f93a626Scott Main width: 940px; 38782124a924611bb8104658053bb5345b853f93a626Scott Main} 38792124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-develop .pagination ul li.active { 38802124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #F80; 38812124a924611bb8104658053bb5345b853f93a626Scott Main} 38822124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-develop .pagination ul li.active:hover { 38832124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #F80; 38842124a924611bb8104658053bb5345b853f93a626Scott Main} 38852124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-develop .item hr { 38862124a924611bb8104658053bb5345b853f93a626Scott Main margin:5px 0 10px; 38872124a924611bb8104658053bb5345b853f93a626Scott Main} 38882124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-develop .item p { 38892124a924611bb8104658053bb5345b853f93a626Scott Main margin:10px 0; 38902124a924611bb8104658053bb5345b853f93a626Scott Main} 38912124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-develop .item p.title-intro { 38922124a924611bb8104658053bb5345b853f93a626Scott Main position:absolute; 38932124a924611bb8104658053bb5345b853f93a626Scott Main margin:0; 38942124a924611bb8104658053bb5345b853f93a626Scott Main} 38952124a924611bb8104658053bb5345b853f93a626Scott Main 38962124a924611bb8104658053bb5345b853f93a626Scott Main/* Feeds */ 38972124a924611bb8104658053bb5345b853f93a626Scott Main.feed ul { 38982124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 38992124a924611bb8104658053bb5345b853f93a626Scott Main} 39002124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-nav { 39012124a924611bb8104658053bb5345b853f93a626Scott Main height: 25px; 39022124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom: 1px solid #CCC; 39032124a924611bb8104658053bb5345b853f93a626Scott Main} 39042124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-nav li { 39052124a924611bb8104658053bb5345b853f93a626Scott Main list-style: none; 39062124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 39072124a924611bb8104658053bb5345b853f93a626Scott Main height: 21px; /* +4px bottom border = 25px; same as .feed-nav */ 39082124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 25px; 39092124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 39102124a924611bb8104658053bb5345b853f93a626Scott Main} 39112124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-nav li.active { 39122124a924611bb8104658053bb5345b853f93a626Scott Main color: #000; 39132124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom: 4px solid #F80; 39142124a924611bb8104658053bb5345b853f93a626Scott Main} 39152124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-container { 39162124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 39172124a924611bb8104658053bb5345b853f93a626Scott Main width: 460px; 39182124a924611bb8104658053bb5345b853f93a626Scott Main} 39192124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-container .feed-frame { 39202124a924611bb8104658053bb5345b853f93a626Scott Main width: 1000px; 39212124a924611bb8104658053bb5345b853f93a626Scott Main} 39222124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-container .feed-frame ul { 39232124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 39242124a924611bb8104658053bb5345b853f93a626Scott Main width:460px; 39252124a924611bb8104658053bb5345b853f93a626Scott Main} 39262124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-container .feed-frame ul ul { 39272124a924611bb8104658053bb5345b853f93a626Scott Main float: none; 39282124a924611bb8104658053bb5345b853f93a626Scott Main margin:10px 0 0 30px; 39292124a924611bb8104658053bb5345b853f93a626Scott Main} 39302124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-container .feed-frame li { 39312124a924611bb8104658053bb5345b853f93a626Scott Main list-style: none; 39322124a924611bb8104658053bb5345b853f93a626Scott Main margin: 20px 0 20px 0; 39332124a924611bb8104658053bb5345b853f93a626Scott Main width: 460px; 39342124a924611bb8104658053bb5345b853f93a626Scott Main height:93px; 39352124a924611bb8104658053bb5345b853f93a626Scott Main} 39362124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-container .feed-frame li.playlist { 39372124a924611bb8104658053bb5345b853f93a626Scott Main height:auto; 39382124a924611bb8104658053bb5345b853f93a626Scott Main} 39392124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-container .feed-frame li.playlist a { 39402124a924611bb8104658053bb5345b853f93a626Scott Main height:93px; 39412124a924611bb8104658053bb5345b853f93a626Scott Main display:block; 39422124a924611bb8104658053bb5345b853f93a626Scott Main} 39432124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-container .feed-frame li.more { 39442124a924611bb8104658053bb5345b853f93a626Scott Main height:20px; 39452124a924611bb8104658053bb5345b853f93a626Scott Main margin:10px 0 5px 5px; 39462124a924611bb8104658053bb5345b853f93a626Scott Main} 39472124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-container .feed-frame li.more a { 39482124a924611bb8104658053bb5345b853f93a626Scott Main height:inherit; 39492124a924611bb8104658053bb5345b853f93a626Scott Main} 39502124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-container .feed-frame li.playlist-video { 39512124a924611bb8104658053bb5345b853f93a626Scott Main list-style: none; 39522124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 39532124a924611bb8104658053bb5345b853f93a626Scott Main width: 460px; 39542124a924611bb8104658053bb5345b853f93a626Scott Main height:55px; 39552124a924611bb8104658053bb5345b853f93a626Scott Main font-size:12px; 39562124a924611bb8104658053bb5345b853f93a626Scott Main} 39572124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-container .feed-frame li.playlist-video a { 39582124a924611bb8104658053bb5345b853f93a626Scott Main height:45px; 39592124a924611bb8104658053bb5345b853f93a626Scott Main padding:5px; 39602124a924611bb8104658053bb5345b853f93a626Scott Main} 39612124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-container .feed-frame li.playlist-video h5 { 39622124a924611bb8104658053bb5345b853f93a626Scott Main font-size:12px; 39632124a924611bb8104658053bb5345b853f93a626Scott Main line-height:13px; 39642124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 39652124a924611bb8104658053bb5345b853f93a626Scott Main} 39662124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-container .feed-frame li.playlist-video p { 39672124a924611bb8104658053bb5345b853f93a626Scott Main margin:5px 0 0; 39682124a924611bb8104658053bb5345b853f93a626Scott Main line-height:15px; 39692124a924611bb8104658053bb5345b853f93a626Scott Main} 39702124a924611bb8104658053bb5345b853f93a626Scott Main.feed-container .feed-frame div.feed-image { 39712124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 39722124a924611bb8104658053bb5345b853f93a626Scott Main border: 1px solid #999; 39732124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 20px 0 0; 39742124a924611bb8104658053bb5345b853f93a626Scott Main width:122px; 39752124a924611bb8104658053bb5345b853f93a626Scott Main height:92px; 39762124a924611bb8104658053bb5345b853f93a626Scott Main background:url('../images/blog-default.png') no-repeat 0 0; 39772124a924611bb8104658053bb5345b853f93a626Scott Main background-size:180px; 39782124a924611bb8104658053bb5345b853f93a626Scott Main} 39792124a924611bb8104658053bb5345b853f93a626Scott Main#jd-content .feed .feed-container .feed-frame li img { 39802124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 39812124a924611bb8104658053bb5345b853f93a626Scott Main border: 1px solid #999; 39822124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 20px 0 0; 39832124a924611bb8104658053bb5345b853f93a626Scott Main width:122px; 39842124a924611bb8104658053bb5345b853f93a626Scott Main height:92px; 39852124a924611bb8104658053bb5345b853f93a626Scott Main} 39862124a924611bb8104658053bb5345b853f93a626Scott Main#jd-content .feed .feed-container .feed-frame li.playlist-video img { 39872124a924611bb8104658053bb5345b853f93a626Scott Main width:inherit; 39882124a924611bb8104658053bb5345b853f93a626Scott Main height:inherit; 39892124a924611bb8104658053bb5345b853f93a626Scott Main} 39902124a924611bb8104658053bb5345b853f93a626Scott Main 39912124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-container .feed-frame li a, 39922124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-container .feed-frame li a:active { 39932124a924611bb8104658053bb5345b853f93a626Scott Main color:#555 !important; 39942124a924611bb8104658053bb5345b853f93a626Scott Main} 39952124a924611bb8104658053bb5345b853f93a626Scott Main 39962124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-container .feed-frame li a:hover, 39972124a924611bb8104658053bb5345b853f93a626Scott Main.feed .feed-container .feed-frame li a:hover * { 39982124a924611bb8104658053bb5345b853f93a626Scott Main color:#7AA1B0 !important; 39992124a924611bb8104658053bb5345b853f93a626Scott Main} 40002124a924611bb8104658053bb5345b853f93a626Scott Main 40012124a924611bb8104658053bb5345b853f93a626Scott Main/* Video player */ 40022124a924611bb8104658053bb5345b853f93a626Scott Main#player-wrapper { 40032124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 40042124a924611bb8104658053bb5345b853f93a626Scott Main margin: -1px auto 0; 40052124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 40062124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 940px; 40072124a924611bb8104658053bb5345b853f93a626Scott Main height: 0px; 40082124a924611bb8104658053bb5345b853f93a626Scott Main} 40092124a924611bb8104658053bb5345b853f93a626Scott Main#player-frame { 40102124a924611bb8104658053bb5345b853f93a626Scott Main background: #EFEFEF; 40112124a924611bb8104658053bb5345b853f93a626Scott Main border: 1px solid #CCC; 40122124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0px 207px; 40132124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 10; /* stay above marque, but below search suggestions */ 40142124a924611bb8104658053bb5345b853f93a626Scott Main width: 525px; 40152124a924611bb8104658053bb5345b853f93a626Scott Main height: 330px; 40162124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 40172124a924611bb8104658053bb5345b853f93a626Scott Main} 40182124a924611bb8104658053bb5345b853f93a626Scott Main#player-frame .close { 40192124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 40202124a924611bb8104658053bb5345b853f93a626Scott Main right: 8px; 40212124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 4px; 40222124a924611bb8104658053bb5345b853f93a626Scott Main width: 16px; 40232124a924611bb8104658053bb5345b853f93a626Scott Main height: 16px; 40242124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 40252124a924611bb8104658053bb5345b853f93a626Scott Main text-indent: -1000em; 40262124a924611bb8104658053bb5345b853f93a626Scott Main top: 6px; 40272124a924611bb8104658053bb5345b853f93a626Scott Main background: url(../images/close.png) no-repeat 0 0; 40282124a924611bb8104658053bb5345b853f93a626Scott Main z-index:9999; 40292124a924611bb8104658053bb5345b853f93a626Scott Main} 40302124a924611bb8104658053bb5345b853f93a626Scott Main#player-frame .close:hover, #player-frame .close:focus { 40312124a924611bb8104658053bb5345b853f93a626Scott Main background-position: -16px 0; 40322124a924611bb8104658053bb5345b853f93a626Scott Main cursor:pointer; 40332124a924611bb8104658053bb5345b853f93a626Scott Main} 40342124a924611bb8104658053bb5345b853f93a626Scott Main 40352124a924611bb8104658053bb5345b853f93a626Scott Main 40362124a924611bb8104658053bb5345b853f93a626Scott Main 40372124a924611bb8104658053bb5345b853f93a626Scott Main/************ DEVELOP TOPIC CONTAINERS ************/ 40382124a924611bb8104658053bb5345b853f93a626Scott Main 40392124a924611bb8104658053bb5345b853f93a626Scott Main.landing-banner, 40402124a924611bb8104658053bb5345b853f93a626Scott Main.landing-docs { 40412124a924611bb8104658053bb5345b853f93a626Scott Main margin:20px 0; 40422124a924611bb8104658053bb5345b853f93a626Scott Main} 40432124a924611bb8104658053bb5345b853f93a626Scott Main.landing-banner > div:first-child, 40442124a924611bb8104658053bb5345b853f93a626Scott Main.landing-docs > div:first-child, 40452124a924611bb8104658053bb5345b853f93a626Scott Main.landing-docs > .col-12 { 40462124a924611bb8104658053bb5345b853f93a626Scott Main margin-left:0; 40472124a924611bb8104658053bb5345b853f93a626Scott Main min-height:280px; 40482124a924611bb8104658053bb5345b853f93a626Scott Main} 40492124a924611bb8104658053bb5345b853f93a626Scott Main.landing-banner.short > div { 40502124a924611bb8104658053bb5345b853f93a626Scott Main min-height:50px; 40512124a924611bb8104658053bb5345b853f93a626Scott Main} 40522124a924611bb8104658053bb5345b853f93a626Scott Main.landing-banner > div:last-child, 40532124a924611bb8104658053bb5345b853f93a626Scott Main.landing-docs > div:last-child, 40542124a924611bb8104658053bb5345b853f93a626Scott Main.landing-docs > .col-12 { 40552124a924611bb8104658053bb5345b853f93a626Scott Main margin-right:0; 40562124a924611bb8104658053bb5345b853f93a626Scott Main} 40572124a924611bb8104658053bb5345b853f93a626Scott Main 40582124a924611bb8104658053bb5345b853f93a626Scott Main.landing-banner > div > *:last-child { 40592124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom:0; 40602124a924611bb8104658053bb5345b853f93a626Scott Main} 40612124a924611bb8104658053bb5345b853f93a626Scott Main.landing-banner h1 { 40622124a924611bb8104658053bb5345b853f93a626Scott Main padding-top:16px; 40632124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom:24px; 40642124a924611bb8104658053bb5345b853f93a626Scott Main} 40652124a924611bb8104658053bb5345b853f93a626Scott Main.landing-docs, 40662124a924611bb8104658053bb5345b853f93a626Scott Main.landing-banner { 40672124a924611bb8104658053bb5345b853f93a626Scott Main clear:both; 40682124a924611bb8104658053bb5345b853f93a626Scott Main overflow:hidden; 40692124a924611bb8104658053bb5345b853f93a626Scott Main} 40702124a924611bb8104658053bb5345b853f93a626Scott Main.landing-docs h3 { 40712124a924611bb8104658053bb5345b853f93a626Scott Main font-size:14px; 40722124a924611bb8104658053bb5345b853f93a626Scott Main line-height:21px; 40732124a924611bb8104658053bb5345b853f93a626Scott Main color:#555; 40742124a924611bb8104658053bb5345b853f93a626Scott Main text-transform:uppercase; 40752124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom:1px solid #CCC; 40762124a924611bb8104658053bb5345b853f93a626Scott Main padding:0 0 20px; 40772124a924611bb8104658053bb5345b853f93a626Scott Main} 40782124a924611bb8104658053bb5345b853f93a626Scott Main.landing-docs a { 40792124a924611bb8104658053bb5345b853f93a626Scott Main color:#333 !important; 40802124a924611bb8104658053bb5345b853f93a626Scott Main} 40812124a924611bb8104658053bb5345b853f93a626Scott Main 40822124a924611bb8104658053bb5345b853f93a626Scott Main.landing-docs a:hover, 40832124a924611bb8104658053bb5345b853f93a626Scott Main.landing-docs a:hover * { 40842124a924611bb8104658053bb5345b853f93a626Scott Main color:#7AA1B0 !important 40852124a924611bb8104658053bb5345b853f93a626Scott Main} 40862124a924611bb8104658053bb5345b853f93a626Scott Main 40872124a924611bb8104658053bb5345b853f93a626Scott Main.landing-docs .normal-links a { 40882124a924611bb8104658053bb5345b853f93a626Scott Main color:#039BE5 !important; 40892124a924611bb8104658053bb5345b853f93a626Scott Main} 40902124a924611bb8104658053bb5345b853f93a626Scott Main 40912124a924611bb8104658053bb5345b853f93a626Scott Main.plusone { 40922124a924611bb8104658053bb5345b853f93a626Scott Main float:right; 40932124a924611bb8104658053bb5345b853f93a626Scott Main} 40942124a924611bb8104658053bb5345b853f93a626Scott Main 40952124a924611bb8104658053bb5345b853f93a626Scott Main 40962124a924611bb8104658053bb5345b853f93a626Scott Main 40972124a924611bb8104658053bb5345b853f93a626Scott Main.next-docs { 40982124a924611bb8104658053bb5345b853f93a626Scott Main border-top:1px solid #ccc; 40992124a924611bb8104658053bb5345b853f93a626Scott Main margin:40px 0 0; 41002124a924611bb8104658053bb5345b853f93a626Scott Main padding:5px 0 0; 41012124a924611bb8104658053bb5345b853f93a626Scott Main clear:left; 41022124a924611bb8104658053bb5345b853f93a626Scott Main overflow:hidden; 41032124a924611bb8104658053bb5345b853f93a626Scott Main} 41042124a924611bb8104658053bb5345b853f93a626Scott Main.next-docs div:first-child { 41052124a924611bb8104658053bb5345b853f93a626Scott Main margin-left:0; 41062124a924611bb8104658053bb5345b853f93a626Scott Main} 41072124a924611bb8104658053bb5345b853f93a626Scott Main.next-docs div:last-child { 41082124a924611bb8104658053bb5345b853f93a626Scott Main margin-right:0; 41092124a924611bb8104658053bb5345b853f93a626Scott Main} 41102124a924611bb8104658053bb5345b853f93a626Scott Main 41112124a924611bb8104658053bb5345b853f93a626Scott Main.next-docs h2 { 41122124a924611bb8104658053bb5345b853f93a626Scott Main font-size:14px; 41132124a924611bb8104658053bb5345b853f93a626Scott Main line-height:21px; 41142124a924611bb8104658053bb5345b853f93a626Scott Main color:#555; 41152124a924611bb8104658053bb5345b853f93a626Scott Main text-transform:uppercase; 41162124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom:none; 41172124a924611bb8104658053bb5345b853f93a626Scott Main padding:5px 0 1em; 41182124a924611bb8104658053bb5345b853f93a626Scott Main} 41192124a924611bb8104658053bb5345b853f93a626Scott Main 41202124a924611bb8104658053bb5345b853f93a626Scott Main 41212124a924611bb8104658053bb5345b853f93a626Scott Main 41222124a924611bb8104658053bb5345b853f93a626Scott Main/************* HOME/LANDING PAGE *****************/ 41232124a924611bb8104658053bb5345b853f93a626Scott Main 41242124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-home { 41252124a924611bb8104658053bb5345b853f93a626Scott Main height: 500px; 41262124a924611bb8104658053bb5345b853f93a626Scott Main width: 940px; 41272124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom: 1px solid #CCC; 41282124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 41292124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 41302124a924611bb8104658053bb5345b853f93a626Scott Main} 41312124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-home .frame { 41322124a924611bb8104658053bb5345b853f93a626Scott Main width: 940px; 41332124a924611bb8104658053bb5345b853f93a626Scott Main height: 500px; 41342124a924611bb8104658053bb5345b853f93a626Scott Main} 41352124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-home .content-left { 41362124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 41372124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 41382124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: center; 41392124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 0 35px; 41402124a924611bb8104658053bb5345b853f93a626Scott Main} 41412124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-home .content-right { 41422124a924611bb8104658053bb5345b853f93a626Scott Main margin: 80px 0 0 0; 41432124a924611bb8104658053bb5345b853f93a626Scott Main} 41442124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-home .content-right p { 41452124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 10px; 41462124a924611bb8104658053bb5345b853f93a626Scott Main} 41472124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-home .content-right p:last-child { 41482124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 15px; 41492124a924611bb8104658053bb5345b853f93a626Scott Main} 41502124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-home .content-right h1 { 41512124a924611bb8104658053bb5345b853f93a626Scott Main padding:0; 41522124a924611bb8104658053bb5345b853f93a626Scott Main} 41532124a924611bb8104658053bb5345b853f93a626Scott Main.slideshow-home .item { 41542124a924611bb8104658053bb5345b853f93a626Scott Main height: 500px; 41552124a924611bb8104658053bb5345b853f93a626Scott Main width: 940px; 41562124a924611bb8104658053bb5345b853f93a626Scott Main} 41572124a924611bb8104658053bb5345b853f93a626Scott Main.home-sections { 41582124a924611bb8104658053bb5345b853f93a626Scott Main padding: 30px 20px 20px; 41592124a924611bb8104658053bb5345b853f93a626Scott Main margin: 20px 0; 41602124a924611bb8104658053bb5345b853f93a626Scott Main background: -webkit-linear-gradient(top, #F6F6F6,#F9F9F9); 41612124a924611bb8104658053bb5345b853f93a626Scott Main} 41622124a924611bb8104658053bb5345b853f93a626Scott Main.home-sections ul { 41632124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 41642124a924611bb8104658053bb5345b853f93a626Scott Main} 41652124a924611bb8104658053bb5345b853f93a626Scott Main.home-sections ul li { 41662124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 41672124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 41682124a924611bb8104658053bb5345b853f93a626Scott Main list-style: none; 41692124a924611bb8104658053bb5345b853f93a626Scott Main width: 170px; 41702124a924611bb8104658053bb5345b853f93a626Scott Main height: 35px; 41712124a924611bb8104658053bb5345b853f93a626Scott Main border: 1px solid #ccc; 41722124a924611bb8104658053bb5345b853f93a626Scott Main background: white; 41732124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 10px; 41742124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 1px; 41752124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-border-radius: 1px; 41762124a924611bb8104658053bb5345b853f93a626Scott Main -moz-border-radius: 1px; 41772124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 1px 1px 5px #EEE; 41782124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-box-shadow: 1px 1px 5px #EEE; 41792124a924611bb8104658053bb5345b853f93a626Scott Main -moz-box-shadow: 1px 1px 5px #EEE; 41802124a924611bb8104658053bb5345b853f93a626Scott Main background: white; 41812124a924611bb8104658053bb5345b853f93a626Scott Main} 41822124a924611bb8104658053bb5345b853f93a626Scott Main.home-sections ul li:hover { 41832124a924611bb8104658053bb5345b853f93a626Scott Main background: #F9F9F9; 41842124a924611bb8104658053bb5345b853f93a626Scott Main border: 1px solid #CCC; 41852124a924611bb8104658053bb5345b853f93a626Scott Main} 41862124a924611bb8104658053bb5345b853f93a626Scott Main.home-sections ul li a, 41872124a924611bb8104658053bb5345b853f93a626Scott Main.home-sections ul li a:hover { 41882124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: bold; 41892124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 8px; 41902124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 18px; 41912124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 41922124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 41932124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 41942124a924611bb8104658053bb5345b853f93a626Scott Main color: #039BE5 !important; 41952124a924611bb8104658053bb5345b853f93a626Scott Main} 41962124a924611bb8104658053bb5345b853f93a626Scott Main.home-sections ul li a { 41972124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: bold; 41982124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 8px; 41992124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 18px; 42002124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 42012124a924611bb8104658053bb5345b853f93a626Scott Main width:100%; 42022124a924611bb8104658053bb5345b853f93a626Scott Main text-align:center; 42032124a924611bb8104658053bb5345b853f93a626Scott Main} 42042124a924611bb8104658053bb5345b853f93a626Scott Main.home-sections ul li img { 42052124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 42062124a924611bb8104658053bb5345b853f93a626Scott Main margin: -8px 0 0 10px; 42072124a924611bb8104658053bb5345b853f93a626Scott Main} 42082124a924611bb8104658053bb5345b853f93a626Scott Main.home-sections ul li.last { 42092124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 0px; 42102124a924611bb8104658053bb5345b853f93a626Scott Main} 42112124a924611bb8104658053bb5345b853f93a626Scott Main 42122124a924611bb8104658053bb5345b853f93a626Scott Main/************ DISTRIBUTE PAGES ******************/ 42132124a924611bb8104658053bb5345b853f93a626Scott Main 42142124a924611bb8104658053bb5345b853f93a626Scott Main.article-detail #body-content { 42152124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 10px; 42162124a924611bb8104658053bb5345b853f93a626Scott Main} 42172124a924611bb8104658053bb5345b853f93a626Scott Main 42182124a924611bb8104658053bb5345b853f93a626Scott Main/* A container for grid sets with uppercase h3 and rule */ 42192124a924611bb8104658053bb5345b853f93a626Scott Main.dynamic-grid h3 { 42202124a924611bb8104658053bb5345b853f93a626Scott Main font-size:14px; 42212124a924611bb8104658053bb5345b853f93a626Scott Main line-height:21px; 42222124a924611bb8104658053bb5345b853f93a626Scott Main color:#555; 42232124a924611bb8104658053bb5345b853f93a626Scott Main text-transform:uppercase; 42242124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom:1px solid #CCC; 42252124a924611bb8104658053bb5345b853f93a626Scott Main padding:8px 0 14px 1px; 42262124a924611bb8104658053bb5345b853f93a626Scott Main clear:both; 42272124a924611bb8104658053bb5345b853f93a626Scott Main} 42282124a924611bb8104658053bb5345b853f93a626Scott Main 42292124a924611bb8104658053bb5345b853f93a626Scott Main.top-right-float { 42302124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 42312124a924611bb8104658053bb5345b853f93a626Scott Main} 42322124a924611bb8104658053bb5345b853f93a626Scott Main 42332124a924611bb8104658053bb5345b853f93a626Scott Main.clearfloat { 42342124a924611bb8104658053bb5345b853f93a626Scott Main float: none; 42352124a924611bb8104658053bb5345b853f93a626Scott Main clear: both; 42362124a924611bb8104658053bb5345b853f93a626Scott Main} 42372124a924611bb8104658053bb5345b853f93a626Scott Main 42382124a924611bb8104658053bb5345b853f93a626Scott Main 42392124a924611bb8104658053bb5345b853f93a626Scott Main/** 42402124a924611bb8104658053bb5345b853f93a626Scott Main * UTILITIES 42412124a924611bb8104658053bb5345b853f93a626Scott Main */ 42422124a924611bb8104658053bb5345b853f93a626Scott Main 42432124a924611bb8104658053bb5345b853f93a626Scott Main 42442124a924611bb8104658053bb5345b853f93a626Scott Main.border-box { 42452124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 42462124a924611bb8104658053bb5345b853f93a626Scott Main} 42472124a924611bb8104658053bb5345b853f93a626Scott Main 42482124a924611bb8104658053bb5345b853f93a626Scott Main.vertical-center-outer { 42492124a924611bb8104658053bb5345b853f93a626Scott Main display: table; 42502124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 42512124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 42522124a924611bb8104658053bb5345b853f93a626Scott Main} 42532124a924611bb8104658053bb5345b853f93a626Scott Main 42542124a924611bb8104658053bb5345b853f93a626Scott Main.vertical-center-inner { 42552124a924611bb8104658053bb5345b853f93a626Scott Main display: table-cell; 42562124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: middle; 42572124a924611bb8104658053bb5345b853f93a626Scott Main} 42582124a924611bb8104658053bb5345b853f93a626Scott Main 42592124a924611bb8104658053bb5345b853f93a626Scott Main/** 42602124a924611bb8104658053bb5345b853f93a626Scott Main * TYPE STYLES 42612124a924611bb8104658053bb5345b853f93a626Scott Main */ 42622124a924611bb8104658053bb5345b853f93a626Scott Main 42632124a924611bb8104658053bb5345b853f93a626Scott Main.landing-h1 { 42642124a924611bb8104658053bb5345b853f93a626Scott Main color: #44555d; 42652124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 300; 42662124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 56px; 42672124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 80px; 42682124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 42692124a924611bb8104658053bb5345b853f93a626Scott Main letter-spacing: -1px; 42702124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 6px; 42712124a924611bb8104658053bb5345b853f93a626Scott Main} 42722124a924611bb8104658053bb5345b853f93a626Scott Main 42732124a924611bb8104658053bb5345b853f93a626Scott Main.landing-pre-h1 { 42742124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 400; 42752124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 28px; 42762124a924611bb8104658053bb5345b853f93a626Scott Main color: #93B73F; 42772124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 36px; 42782124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 42792124a924611bb8104658053bb5345b853f93a626Scott Main letter-spacing: -1px; 42802124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: uppercase; 42812124a924611bb8104658053bb5345b853f93a626Scott Main} 42822124a924611bb8104658053bb5345b853f93a626Scott Main 42832124a924611bb8104658053bb5345b853f93a626Scott Main.landing-h1.hero { 42842124a924611bb8104658053bb5345b853f93a626Scott Main text-align: left; 42852124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 42862124a924611bb8104658053bb5345b853f93a626Scott Main} 42872124a924611bb8104658053bb5345b853f93a626Scott Main 42882124a924611bb8104658053bb5345b853f93a626Scott Main.landing-h2 { 42892124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 300; 42902124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 42px; 42912124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 64px; 42922124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 42932124a924611bb8104658053bb5345b853f93a626Scott Main} 42942124a924611bb8104658053bb5345b853f93a626Scott Main 42952124a924611bb8104658053bb5345b853f93a626Scott Main.landing-subhead { 42962124a924611bb8104658053bb5345b853f93a626Scott Main color: #78868d; 42972124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 20px; 42982124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 300; 42992124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 32px; 43002124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 43012124a924611bb8104658053bb5345b853f93a626Scott Main} 43022124a924611bb8104658053bb5345b853f93a626Scott Main.landing-subhead.hero { 43032124a924611bb8104658053bb5345b853f93a626Scott Main text-align: left; 43042124a924611bb8104658053bb5345b853f93a626Scott Main color: white; 43052124a924611bb8104658053bb5345b853f93a626Scott Main} 43062124a924611bb8104658053bb5345b853f93a626Scott Main 43072124a924611bb8104658053bb5345b853f93a626Scott Main.landing-hero-description { 43082124a924611bb8104658053bb5345b853f93a626Scott Main text-align: left; 43092124a924611bb8104658053bb5345b853f93a626Scott Main margin: 1em 0; 43102124a924611bb8104658053bb5345b853f93a626Scott Main} 43112124a924611bb8104658053bb5345b853f93a626Scott Main 43122124a924611bb8104658053bb5345b853f93a626Scott Main.landing-hero-description p { 43132124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 300; 43142124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 43152124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 18px; 43162124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 24px; 43172124a924611bb8104658053bb5345b853f93a626Scott Main} 43182124a924611bb8104658053bb5345b853f93a626Scott Main 43192124a924611bb8104658053bb5345b853f93a626Scott Main.landing-body .landing-small { 43202124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 14px; 43212124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 19px; 43222124a924611bb8104658053bb5345b853f93a626Scott Main} 43232124a924611bb8104658053bb5345b853f93a626Scott Main 43242124a924611bb8104658053bb5345b853f93a626Scott Main.landing-body.landing-align-center { 43252124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 43262124a924611bb8104658053bb5345b853f93a626Scott Main} 43272124a924611bb8104658053bb5345b853f93a626Scott Main 43282124a924611bb8104658053bb5345b853f93a626Scott Main.landing-align-left { 43292124a924611bb8104658053bb5345b853f93a626Scott Main text-align: left; 43302124a924611bb8104658053bb5345b853f93a626Scott Main} 43312124a924611bb8104658053bb5345b853f93a626Scott Main 43322124a924611bb8104658053bb5345b853f93a626Scott Main/** 43332124a924611bb8104658053bb5345b853f93a626Scott Main * LAYOUT 43342124a924611bb8104658053bb5345b853f93a626Scott Main */ 43352124a924611bb8104658053bb5345b853f93a626Scott Main 43362124a924611bb8104658053bb5345b853f93a626Scott Main.landing-section { 43372124a924611bb8104658053bb5345b853f93a626Scott Main background: #eceff1; 43382124a924611bb8104658053bb5345b853f93a626Scott Main clear: both; 43392124a924611bb8104658053bb5345b853f93a626Scott Main padding: 80px 20px 80px; 43402124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 -20px; 43412124a924611bb8104658053bb5345b853f93a626Scott Main text-rendering: optimizeLegibility; 43422124a924611bb8104658053bb5345b853f93a626Scott Main} 43432124a924611bb8104658053bb5345b853f93a626Scott Main 43442124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 43452124a924611bb8104658053bb5345b853f93a626Scott Main .landing-section { 43462124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: -10px; 43472124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: -10px; 43482124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 10px; 43492124a924611bb8104658053bb5345b853f93a626Scott Main padding-right: 10px; 43502124a924611bb8104658053bb5345b853f93a626Scott Main } 43512124a924611bb8104658053bb5345b853f93a626Scott Main} 43522124a924611bb8104658053bb5345b853f93a626Scott Main 43532124a924611bb8104658053bb5345b853f93a626Scott Main.landing-short-section { 43542124a924611bb8104658053bb5345b853f93a626Scott Main padding: 40px 10px 28px; 43552124a924611bb8104658053bb5345b853f93a626Scott Main} 43562124a924611bb8104658053bb5345b853f93a626Scott Main 43572124a924611bb8104658053bb5345b853f93a626Scott Main.landing-gray-background { 43582124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #b0bec5; 43592124a924611bb8104658053bb5345b853f93a626Scott Main} 43602124a924611bb8104658053bb5345b853f93a626Scott Main 43612124a924611bb8104658053bb5345b853f93a626Scott Main.landing-white-background { 43622124a924611bb8104658053bb5345b853f93a626Scott Main background-color: white; 43632124a924611bb8104658053bb5345b853f93a626Scott Main} 43642124a924611bb8104658053bb5345b853f93a626Scott Main 43652124a924611bb8104658053bb5345b853f93a626Scott Main.landing-red-background { 43662124a924611bb8104658053bb5345b853f93a626Scott Main color: white; 43672124a924611bb8104658053bb5345b853f93a626Scott Main background-color: hsl(8, 70%, 54%); 43682124a924611bb8104658053bb5345b853f93a626Scott Main} 43692124a924611bb8104658053bb5345b853f93a626Scott Main 43702124a924611bb8104658053bb5345b853f93a626Scott Main.landing-red-background .landing-h1 { 43712124a924611bb8104658053bb5345b853f93a626Scott Main color: white; 43722124a924611bb8104658053bb5345b853f93a626Scott Main} 43732124a924611bb8104658053bb5345b853f93a626Scott Main 43742124a924611bb8104658053bb5345b853f93a626Scott Main.landing-red-background .landing-subhead { 43752124a924611bb8104658053bb5345b853f93a626Scott Main color: hsl(8, 71%, 84%); 43762124a924611bb8104658053bb5345b853f93a626Scott Main text-align: left; 43772124a924611bb8104658053bb5345b853f93a626Scott Main} 43782124a924611bb8104658053bb5345b853f93a626Scott Main 43792124a924611bb8104658053bb5345b853f93a626Scott Main 43802124a924611bb8104658053bb5345b853f93a626Scott Main.preview-hero { 43812124a924611bb8104658053bb5345b853f93a626Scott Main height: calc(100vh - 128px); 43822124a924611bb8104658053bb5345b853f93a626Scott Main min-height: 504px; 43832124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 0; 43842124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 0; 43852124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../../preview/images/hero.jpg); 43862124a924611bb8104658053bb5345b853f93a626Scott Main background-size: cover; 43872124a924611bb8104658053bb5345b853f93a626Scott Main background-position: right center; 43882124a924611bb8104658053bb5345b853f93a626Scott Main color: white; 43892124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 43902124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 43912124a924611bb8104658053bb5345b853f93a626Scott Main} 43922124a924611bb8104658053bb5345b853f93a626Scott Main 43932124a924611bb8104658053bb5345b853f93a626Scott Main.wear-hero { 43942124a924611bb8104658053bb5345b853f93a626Scott Main height: calc(100vh - 128px); 43952124a924611bb8104658053bb5345b853f93a626Scott Main min-height: 504px; 43962124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 0; 43972124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 0; 43982124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../../wear/images/hero.jpg); 43992124a924611bb8104658053bb5345b853f93a626Scott Main background-size: cover; 44002124a924611bb8104658053bb5345b853f93a626Scott Main background-position: top center; 44012124a924611bb8104658053bb5345b853f93a626Scott Main color: white; 44022124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 44032124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 44042124a924611bb8104658053bb5345b853f93a626Scott Main} 44052124a924611bb8104658053bb5345b853f93a626Scott Main 44062124a924611bb8104658053bb5345b853f93a626Scott Main.tv-hero { 44072124a924611bb8104658053bb5345b853f93a626Scott Main height: calc(100vh - 128px); 44082124a924611bb8104658053bb5345b853f93a626Scott Main min-height: 504px; 44092124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 0; 44102124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 0; 44112124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../../tv/images/hero.jpg); 44122124a924611bb8104658053bb5345b853f93a626Scott Main background-size: cover; 44132124a924611bb8104658053bb5345b853f93a626Scott Main background-position: right center; 44142124a924611bb8104658053bb5345b853f93a626Scott Main color: white; 44152124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 44162124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 44172124a924611bb8104658053bb5345b853f93a626Scott Main} 44182124a924611bb8104658053bb5345b853f93a626Scott Main 44192124a924611bb8104658053bb5345b853f93a626Scott Main.auto-hero { 44202124a924611bb8104658053bb5345b853f93a626Scott Main height: calc(100vh - 128px); 44212124a924611bb8104658053bb5345b853f93a626Scott Main min-height: 504px; 44222124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 0; 44232124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 0; 44242124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../../auto/images/hero.jpg); 44252124a924611bb8104658053bb5345b853f93a626Scott Main background-size: cover; 44262124a924611bb8104658053bb5345b853f93a626Scott Main background-position: right center; 44272124a924611bb8104658053bb5345b853f93a626Scott Main color: white; 44282124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 44292124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 44302124a924611bb8104658053bb5345b853f93a626Scott Main} 44312124a924611bb8104658053bb5345b853f93a626Scott Main 44322124a924611bb8104658053bb5345b853f93a626Scott Main.landing-hero-scrim { 44332124a924611bb8104658053bb5345b853f93a626Scott Main background: black; 44342124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 44352124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 44362124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 44372124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .2; 44382124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 44392124a924611bb8104658053bb5345b853f93a626Scott Main} 44402124a924611bb8104658053bb5345b853f93a626Scott Main 44412124a924611bb8104658053bb5345b853f93a626Scott Main.landing-hero-wrap { 44422124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 auto; 44432124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 940px; 44442124a924611bb8104658053bb5345b853f93a626Scott Main clear: both; 44452124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 44462124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 44472124a924611bb8104658053bb5345b853f93a626Scott Main} 44482124a924611bb8104658053bb5345b853f93a626Scott Main 44492124a924611bb8104658053bb5345b853f93a626Scott Main.landing-section-header { 44502124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 40px; 44512124a924611bb8104658053bb5345b853f93a626Scott Main} 44522124a924611bb8104658053bb5345b853f93a626Scott Main 44532124a924611bb8104658053bb5345b853f93a626Scott Main.landing-hero-wrap .landing-section-header { 44542124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 16px; 44552124a924611bb8104658053bb5345b853f93a626Scott Main} 44562124a924611bb8104658053bb5345b853f93a626Scott Main 44572124a924611bb8104658053bb5345b853f93a626Scott Main.landing-body { 44582124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 18px; 44592124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 24px; 44602124a924611bb8104658053bb5345b853f93a626Scott Main} 44612124a924611bb8104658053bb5345b853f93a626Scott Main 44622124a924611bb8104658053bb5345b853f93a626Scott Main.landing-video-link { 44632124a924611bb8104658053bb5345b853f93a626Scott Main white-space: nowrap; 44642124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 44652124a924611bb8104658053bb5345b853f93a626Scott Main padding: 16px 32px 16px 82px; 44662124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 18px; 44672124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 400; 44682124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 24px; 44692124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 44702124a924611bb8104658053bb5345b853f93a626Scott Main color: hsla(0, 0%, 100%, .8); 44712124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-user-select: none; 44722124a924611bb8104658053bb5345b853f93a626Scott Main -moz-user-select: none; 44732124a924611bb8104658053bb5345b853f93a626Scott Main -o-user-select: none; 44742124a924611bb8104658053bb5345b853f93a626Scott Main user-select: none; 44752124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: .2s color ease-in-out; 44762124a924611bb8104658053bb5345b853f93a626Scott Main -moz-transition: .2s color ease-in-out; 44772124a924611bb8104658053bb5345b853f93a626Scott Main -o-transition: .2s color ease-in-out; 44782124a924611bb8104658053bb5345b853f93a626Scott Main transition: .2s color ease-in-out; 44792124a924611bb8104658053bb5345b853f93a626Scott Main} 44802124a924611bb8104658053bb5345b853f93a626Scott Main 44812124a924611bb8104658053bb5345b853f93a626Scott Main.landing-video-link:before { 44822124a924611bb8104658053bb5345b853f93a626Scott Main height: 64px; 44832124a924611bb8104658053bb5345b853f93a626Scott Main width: 64px; 44842124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 44852124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAFuklEQVR42u2dXWgcVRSAV9LWtBBTTZVWUhNqEQtq1QeroDRKFRFsROqTYPuo+JCiIoJKFC0USqlUfCiowRcfrBgVUUElefAPkW5T8aeaGn9aRbFsjP0x2cx8PuRMvFxmdjeb2Z17Z8+B85DsZPbO+eaec3/OPSkABdXsVI2gABSAqgJQAKoKQAGoKgAFoKoAFICqAlAAqgpAAai6DqDRAiwDeoFtwB7gPaAInABKwKToCWAMeB/YDdwJrAWWNLh9+QMAXABsBQ4A3wFTwAxQBmaBAAhjNJDPy3L938BXwAvArUCHAkh+kCXAVcA+YBw4bRg7MngtkgTlDPA98CywHmhTAP8/xCbgVeAvMZZpwDQllN7xB/AysKGlAQAXAvuBkzW85UVgCBgENlfQQbmuWAXELPAnsAvoaikAQBtwh/j3coLhS2LIfqCzzu/plL8fkvvFgZiR4L2lHrfkHQBgpQTFUwmGnwC212v0KjC2y/3jQPwDPA+05xYAcBHwubx1YZzhC02QBBBRbxgBzssdAOBy4JgRZE0ZTPuNr7FHDCbEhqNAd24AAN0yUbID7QSwsZChABut3hANXY8Bq70HIMb/Ocb4w81+66v0hmGrN0QQ1ngLQJYRvpWHMWWo4KDIaMnuCcVKgdlZAGL8t2J8vpPGrwChDLyWBMFlAA8D0z4ZvwKEs8D93gCQEc9Jy/jFgkdizaRDGUSs8wXAu1bQLQE9ngHosWbPAXDQeQAypT9rBd3+gociyxi2K9riLABZUj5iuZ6RgsciM2OzFxw2A7JrAO6VwGtKTwpG+Anoy9AVmb3gDHCPcwCAFcChRox6jPu9CazMeFQUAKNRL3AJwE2yopjq228BQPZ/d2bcCyaBTa4BeNGa8Q6naIA4GQWubiKEYWvBbp8zAGQt5VfL/fQ3GEAkTzXDLVkjokA2k5a7AuA2GaLNj/tTfvhq0pQgbcwLQtlQusYVALtlzSR191MjADNI9zbJDZWBR10BMGr5/4GMADQ0SAMDlht62xUAxy0AmzMEEMnhtIO0ZF2YAH5wITd0hQw/5wE04M1bjDyXZpC2hqMlYGnWAHqBf40APOEYgChI35VSWyasWfGqrAH0WVkOIw4CSC1IG2tDoSy7XJE1gPs8ArDoIG0BmJGk30wBDHgGYFFBOgbAtqwB7GxxAHerC8rOBU0Dt2gQzjYIb8gawDor+6HVhqFdrkzEwhabiAVOTMSkUb+06FLEUVfWgj5q0cW4g64AeNo66ZLlcnTDNmesBN4y8KArAG6QU42ttCEzBVzpCoAO4EfLDeV5SzIEvgHaXdqUP2BlQud1Ux55zj2uZUX02cPRnKalRLmu17qYmPWF5YbymJgVAh8Ay5wCII3ZEZOYm6fURGT2u9X43Mnk3CDHybmfmRVYXExPv9nKEcpLejqSC3SjdY2TBzTesHqB7wc0onTEV2KucxLApXKkJy9HlAI5anuJFwCkYQ/EuCJfD+mdBnYkXOssgHY53un7MdVZ4CVgqVcADAhjMafkfTioHc14P04yvvMApIEXy5F/+7S8y6UKolPyR4BVVf7Wi2IdawwIPhTrmAW+rmZ8bwBIQ7vloXwoVzNWS6UUrwAYy9YfOlqwKZDkgneA5Qu4l3cly84F9sqGhislywLmaozuYoGFXr0DII1ukxP1hxJ6QzR7HqLxRfumZaRzXZ3f4XXZyi7gCeB3kqsnzs+kSb9s5XHgMeD8RTxDLgq3rmeuYuFvNYCoR8wqujNi+L3UWBcu9wAMt3QZ8LiMlk5RuU50teq6kcEDgTolveIRYHUQBOek1O5cFu/ukLz7/ZJgNSm+OirebWpgaPS7slxfAr4EngGuX8jopqUBxGzyrAVuB54EXgc+lV4yLhO8cfn5E+ZqUD8kBu9sQvv0Hzj4rmoEBaAAVBWAAlBVAApAVQEoAFUFoABUFYACUFUACkC1CfofXVRJocowZVYAAAAASUVORK5CYII=); 44862124a924611bb8104658053bb5345b853f93a626Scott Main background-size: contain; 44872124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 44882124a924611bb8104658053bb5345b853f93a626Scott Main content: ""; 44892124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .7; 44902124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: -19px; 44912124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: -64px; 44922124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: .2s opacity ease-in-out; 44932124a924611bb8104658053bb5345b853f93a626Scott Main -moz-transition: .2s opacity ease-in-out; 44942124a924611bb8104658053bb5345b853f93a626Scott Main -o-transition: .2s opacity ease-in-out; 44952124a924611bb8104658053bb5345b853f93a626Scott Main transition: .2s opacity ease-in-out; 44962124a924611bb8104658053bb5345b853f93a626Scott Main} 44972124a924611bb8104658053bb5345b853f93a626Scott Main 44982124a924611bb8104658053bb5345b853f93a626Scott Main.landing-video-link:hover { 44992124a924611bb8104658053bb5345b853f93a626Scott Main color: hsla(0, 0%, 100%, 1); 45002124a924611bb8104658053bb5345b853f93a626Scott Main} 45012124a924611bb8104658053bb5345b853f93a626Scott Main 45022124a924611bb8104658053bb5345b853f93a626Scott Main.landing-video-link:hover:before { 45032124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 45042124a924611bb8104658053bb5345b853f93a626Scott Main} 45052124a924611bb8104658053bb5345b853f93a626Scott Main 45062124a924611bb8104658053bb5345b853f93a626Scott Main.landing-social-image { 45072124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 45082124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 14px; 45092124a924611bb8104658053bb5345b853f93a626Scott Main height: 64px; 45102124a924611bb8104658053bb5345b853f93a626Scott Main width: 64px; 45112124a924611bb8104658053bb5345b853f93a626Scott Main} 45122124a924611bb8104658053bb5345b853f93a626Scott Main 45132124a924611bb8104658053bb5345b853f93a626Scott Main.landing-social-copy { 45142124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 78px; 45152124a924611bb8104658053bb5345b853f93a626Scott Main} 45162124a924611bb8104658053bb5345b853f93a626Scott Main 45172124a924611bb8104658053bb5345b853f93a626Scott Main.landing-scroll-down-affordance { 45182124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 45192124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 45202124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 45212124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 45222124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 10; 45232124a924611bb8104658053bb5345b853f93a626Scott Main} 45242124a924611bb8104658053bb5345b853f93a626Scott Main 45252124a924611bb8104658053bb5345b853f93a626Scott Main.landing-down-arrow { 45262124a924611bb8104658053bb5345b853f93a626Scott Main padding: 24px; 45272124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 45282124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .5; 45292124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: .2s opacity ease-in-out; 45302124a924611bb8104658053bb5345b853f93a626Scott Main -moz-transition: .2s opacity ease-in-out; 45312124a924611bb8104658053bb5345b853f93a626Scott Main -o-transition: .2s opacity ease-in-out; 45322124a924611bb8104658053bb5345b853f93a626Scott Main transition: .2s opacity ease-in-out; 45332124a924611bb8104658053bb5345b853f93a626Scott Main 45342124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-animation-name: pulse-opacity; 45352124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-animation-duration: 4s; 45362124a924611bb8104658053bb5345b853f93a626Scott Main} 45372124a924611bb8104658053bb5345b853f93a626Scott Main 45382124a924611bb8104658053bb5345b853f93a626Scott Main.landing-down-arrow:hover { 45392124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 45402124a924611bb8104658053bb5345b853f93a626Scott Main} 45412124a924611bb8104658053bb5345b853f93a626Scott Main 45422124a924611bb8104658053bb5345b853f93a626Scott Main.landing-down-arrow img { 45432124a924611bb8104658053bb5345b853f93a626Scott Main height: 28px; 45442124a924611bb8104658053bb5345b853f93a626Scott Main width: 28px; 45452124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 auto; 45462124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 45472124a924611bb8104658053bb5345b853f93a626Scott Main} 45482124a924611bb8104658053bb5345b853f93a626Scott Main 45492124a924611bb8104658053bb5345b853f93a626Scott Main.landing-divider { 45502124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 45512124a924611bb8104658053bb5345b853f93a626Scott Main height: 2px; 45522124a924611bb8104658053bb5345b853f93a626Scott Main background-color: white; 45532124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 45542124a924611bb8104658053bb5345b853f93a626Scott Main margin: 10px 0; 45552124a924611bb8104658053bb5345b853f93a626Scott Main} 45562124a924611bb8104658053bb5345b853f93a626Scott Main 45572124a924611bb8104658053bb5345b853f93a626Scott Main/* 3 CLOLUMN LAYOUT */ 45582124a924611bb8104658053bb5345b853f93a626Scott Main 45592124a924611bb8104658053bb5345b853f93a626Scott Main.landing-breakout { 45602124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 40px; 45612124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 40px; 45622124a924611bb8104658053bb5345b853f93a626Scott Main} 45632124a924611bb8104658053bb5345b853f93a626Scott Main 45642124a924611bb8104658053bb5345b853f93a626Scott Main.landing-breakout img { 45652124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 20px; 45662124a924611bb8104658053bb5345b853f93a626Scott Main} 45672124a924611bb8104658053bb5345b853f93a626Scott Main 45682124a924611bb8104658053bb5345b853f93a626Scott Main.landing-partners img { 45692124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 20px; 45702124a924611bb8104658053bb5345b853f93a626Scott Main} 45712124a924611bb8104658053bb5345b853f93a626Scott Main 45722124a924611bb8104658053bb5345b853f93a626Scott Main.landing-breakout p { 45732124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 23px; 45742124a924611bb8104658053bb5345b853f93a626Scott Main} 45752124a924611bb8104658053bb5345b853f93a626Scott Main 45762124a924611bb8104658053bb5345b853f93a626Scott Main.landing-breakout.landing-partners img { 45772124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 20px; 45782124a924611bb8104658053bb5345b853f93a626Scott Main} 45792124a924611bb8104658053bb5345b853f93a626Scott Main 45802124a924611bb8104658053bb5345b853f93a626Scott Main/** 45812124a924611bb8104658053bb5345b853f93a626Scott Main * ANIMATION 45822124a924611bb8104658053bb5345b853f93a626Scott Main */ 45832124a924611bb8104658053bb5345b853f93a626Scott Main 45842124a924611bb8104658053bb5345b853f93a626Scott Main@-webkit-keyframes pulse-opacity { 45852124a924611bb8104658053bb5345b853f93a626Scott Main 0% { 45862124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .5; 45872124a924611bb8104658053bb5345b853f93a626Scott Main } 45882124a924611bb8104658053bb5345b853f93a626Scott Main 20% { 45892124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .5; 45902124a924611bb8104658053bb5345b853f93a626Scott Main } 45912124a924611bb8104658053bb5345b853f93a626Scott Main 40% { 45922124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 45932124a924611bb8104658053bb5345b853f93a626Scott Main } 45942124a924611bb8104658053bb5345b853f93a626Scott Main 60% { 45952124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .5; 45962124a924611bb8104658053bb5345b853f93a626Scott Main } 45972124a924611bb8104658053bb5345b853f93a626Scott Main 80% { 45982124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 45992124a924611bb8104658053bb5345b853f93a626Scott Main } 46002124a924611bb8104658053bb5345b853f93a626Scott Main 100% { 46012124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .5; 46022124a924611bb8104658053bb5345b853f93a626Scott Main } 46032124a924611bb8104658053bb5345b853f93a626Scott Main} 46042124a924611bb8104658053bb5345b853f93a626Scott Main 46052124a924611bb8104658053bb5345b853f93a626Scott Main 46062124a924611bb8104658053bb5345b853f93a626Scott Main/****************** 46072124a924611bb8104658053bb5345b853f93a626Scott MainStyles for d.a.c/index: 46082124a924611bb8104658053bb5345b853f93a626Scott Main*******************/ 46092124a924611bb8104658053bb5345b853f93a626Scott Main 46102124a924611bb8104658053bb5345b853f93a626Scott Main 46112124a924611bb8104658053bb5345b853f93a626Scott Main 46122124a924611bb8104658053bb5345b853f93a626Scott Main/* Generic full screen carousel styling to be used across pages. */ 46132124a924611bb8104658053bb5345b853f93a626Scott Main.fullscreen-carousel { 46142124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 -20px; 46152124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 46162124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 46172124a924611bb8104658053bb5345b853f93a626Scott Main} 46182124a924611bb8104658053bb5345b853f93a626Scott Main 46192124a924611bb8104658053bb5345b853f93a626Scott Main.fullscreen-carousel-content { 46202124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 46212124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 46222124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 46232124a924611bb8104658053bb5345b853f93a626Scott Main display: table; /* For vertical centering */ 46242124a924611bb8104658053bb5345b853f93a626Scott Main} 46252124a924611bb8104658053bb5345b853f93a626Scott Main 46262124a924611bb8104658053bb5345b853f93a626Scott Main.fullscreen-carousel .vcenter { 46272124a924611bb8104658053bb5345b853f93a626Scott Main display: table-cell; 46282124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: middle; 46292124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 46302124a924611bb8104658053bb5345b853f93a626Scott Main} 46312124a924611bb8104658053bb5345b853f93a626Scott Main 46322124a924611bb8104658053bb5345b853f93a626Scott Main.fullscreen-carousel .vcenter > div { 46332124a924611bb8104658053bb5345b853f93a626Scott Main margin: 10px auto; 46342124a924611bb8104658053bb5345b853f93a626Scott Main} 46352124a924611bb8104658053bb5345b853f93a626Scott Main 46362124a924611bb8104658053bb5345b853f93a626Scott Main/* Styles for the full-bleed hero image type. */ 46372124a924611bb8104658053bb5345b853f93a626Scott Main.fullscreen-carousel .hero, .fullscreen-carousel .hero h1 { 46382124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 46392124a924611bb8104658053bb5345b853f93a626Scott Main} 46402124a924611bb8104658053bb5345b853f93a626Scott Main 46412124a924611bb8104658053bb5345b853f93a626Scott Main.fullscreen-carousel .hero h1 { 46422124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 300; 46432124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 60px; 46442124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 68px; 46452124a924611bb8104658053bb5345b853f93a626Scott Main letter-spacing: -1px; 46462124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 0; 46472124a924611bb8104658053bb5345b853f93a626Scott Main} 46482124a924611bb8104658053bb5345b853f93a626Scott Main 46492124a924611bb8104658053bb5345b853f93a626Scott Main.fullscreen-carousel .hero p { 46502124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 300; 46512124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 18px; 46522124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 24px; 46532124a924611bb8104658053bb5345b853f93a626Scott Main} 46542124a924611bb8104658053bb5345b853f93a626Scott Main 46552124a924611bb8104658053bb5345b853f93a626Scott Main.fullscreen-carousel .hero .hero-bg { 46562124a924611bb8104658053bb5345b853f93a626Scott Main background-size: cover; 46572124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 46582124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 46592124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 46602124a924611bb8104658053bb5345b853f93a626Scott Main left: 0px; 46612124a924611bb8104658053bb5345b853f93a626Scott Main top: 0px; 46622124a924611bb8104658053bb5345b853f93a626Scott Main} 46632124a924611bb8104658053bb5345b853f93a626Scott Main 46642124a924611bb8104658053bb5345b853f93a626Scott Main 46652124a924611bb8104658053bb5345b853f93a626Scott Main/* Full screen carousel styling for the resource flow layout type of content */ 46662124a924611bb8104658053bb5345b853f93a626Scott Main.fullscreen-carousel .resource-flow-layout:after { 46672124a924611bb8104658053bb5345b853f93a626Scott Main height: 0; /* Dont know why this is set at 10 in default.css */ 46682124a924611bb8104658053bb5345b853f93a626Scott Main} 46692124a924611bb8104658053bb5345b853f93a626Scott Main 46702124a924611bb8104658053bb5345b853f93a626Scott Main.fullscreen-carousel .resource-flow-layout { 46712124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 20px; 46722124a924611bb8104658053bb5345b853f93a626Scott Main} 46732124a924611bb8104658053bb5345b853f93a626Scott Main 46742124a924611bb8104658053bb5345b853f93a626Scott Main 46752124a924611bb8104658053bb5345b853f93a626Scott Main 46762124a924611bb8104658053bb5345b853f93a626Scott Main/* Generic Tab carousel styling to be used across multiple pages. */ 46772124a924611bb8104658053bb5345b853f93a626Scott Main 46782124a924611bb8104658053bb5345b853f93a626Scott Main.tab-carousel .tab-nav { 46792124a924611bb8104658053bb5345b853f93a626Scott Main list-style: none; 46802124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 46812124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 46822124a924611bb8104658053bb5345b853f93a626Scott Main} 46832124a924611bb8104658053bb5345b853f93a626Scott Main 46842124a924611bb8104658053bb5345b853f93a626Scott Main.tab-carousel .tab-nav li { 46852124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 46862124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 22px; 46872124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 400; 46882124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 50px; 46892124a924611bb8104658053bb5345b853f93a626Scott Main list-style: none; 46902124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 46912124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 25px; 46922124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 46932124a924611bb8104658053bb5345b853f93a626Scott Main} 46942124a924611bb8104658053bb5345b853f93a626Scott Main 46952124a924611bb8104658053bb5345b853f93a626Scott Main.tab-carousel .tab-nav li a, 46962124a924611bb8104658053bb5345b853f93a626Scott Main.tab-carousel .tab-nav li a:hover { 46972124a924611bb8104658053bb5345b853f93a626Scott Main color: #333 !important; 46982124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px 10px 13px 10px; 46992124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 47002124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 1000; 47012124a924611bb8104658053bb5345b853f93a626Scott Main} 47022124a924611bb8104658053bb5345b853f93a626Scott Main 47032124a924611bb8104658053bb5345b853f93a626Scott Main.tab-carousel .tab-nav li:after { 47042124a924611bb8104658053bb5345b853f93a626Scott Main background: #ddd; 47052124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 47062124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 47072124a924611bb8104658053bb5345b853f93a626Scott Main height: 4px; 47082124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 47092124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 47102124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 47112124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 0; 47122124a924611bb8104658053bb5345b853f93a626Scott Main} 47132124a924611bb8104658053bb5345b853f93a626Scott Main 47142124a924611bb8104658053bb5345b853f93a626Scott Main.tab-carousel .tab-nav .highlight { 47152124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 47162124a924611bb8104658053bb5345b853f93a626Scott Main height: 4px; 47172124a924611bb8104658053bb5345b853f93a626Scott Main width: 100px; 47182124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 47192124a924611bb8104658053bb5345b853f93a626Scott Main background: #33b5e5; 47202124a924611bb8104658053bb5345b853f93a626Scott Main} 47212124a924611bb8104658053bb5345b853f93a626Scott Main 47222124a924611bb8104658053bb5345b853f93a626Scott Main.tab-carousel .tab-carousel-content { 47232124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 47242124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 47252124a924611bb8104658053bb5345b853f93a626Scott Main white-space: nowrap; 47262124a924611bb8104658053bb5345b853f93a626Scott Main} 47272124a924611bb8104658053bb5345b853f93a626Scott Main 47282124a924611bb8104658053bb5345b853f93a626Scott Main.tab-carousel .tab-carousel-content [data-tab] { 47292124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 47302124a924611bb8104658053bb5345b853f93a626Scott Main white-space: normal; 47312124a924611bb8104658053bb5345b853f93a626Scott Main} 47322124a924611bb8104658053bb5345b853f93a626Scott Main 47332124a924611bb8104658053bb5345b853f93a626Scott Main 47342124a924611bb8104658053bb5345b853f93a626Scott Main 47352124a924611bb8104658053bb5345b853f93a626Scott Main/* 47362124a924611bb8104658053bb5345b853f93a626Scott Main Resource styling for the tab carousel. The tab carousel contains either 47372124a924611bb8104658053bb5345b853f93a626Scott Main a 3 column layout of resources or a single full-width resource. The 47382124a924611bb8104658053bb5345b853f93a626Scott Main latter has the 18x12 class applied to it and can be styled differently 47392124a924611bb8104658053bb5345b853f93a626Scott Main that way. 47402124a924611bb8104658053bb5345b853f93a626Scott Main*/ 47412124a924611bb8104658053bb5345b853f93a626Scott Main 47422124a924611bb8104658053bb5345b853f93a626Scott Main.tab-carousel .resource .image { 47432124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 47442124a924611bb8104658053bb5345b853f93a626Scott Main height: 250px; 47452124a924611bb8104658053bb5345b853f93a626Scott Main background-repeat: no-repeat; 47462124a924611bb8104658053bb5345b853f93a626Scott Main background-size: contain; 47472124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 50% 50%; 47482124a924611bb8104658053bb5345b853f93a626Scott Main} 47492124a924611bb8104658053bb5345b853f93a626Scott Main 47502124a924611bb8104658053bb5345b853f93a626Scott Main.tab-carousel .resource .info .title { 47512124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 18px; 47522124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 24px; 47532124a924611bb8104658053bb5345b853f93a626Scott Main} 47542124a924611bb8104658053bb5345b853f93a626Scott Main 47552124a924611bb8104658053bb5345b853f93a626Scott Main.tab-carousel .resource .info .summary, 47562124a924611bb8104658053bb5345b853f93a626Scott Main.tab-carousel .resource .info .cta { 47572124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 24px; 47582124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 47592124a924611bb8104658053bb5345b853f93a626Scott Main} 47602124a924611bb8104658053bb5345b853f93a626Scott Main 47612124a924611bb8104658053bb5345b853f93a626Scott Main.tab-carousel .resource-card-18x12 { 47622124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 47632124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 450px; 47642124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 47652124a924611bb8104658053bb5345b853f93a626Scott Main display: table-cell; 47662124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: middle; 47672124a924611bb8104658053bb5345b853f93a626Scott Main} 47682124a924611bb8104658053bb5345b853f93a626Scott Main 47692124a924611bb8104658053bb5345b853f93a626Scott Main.tab-carousel .resource-card-18x12 .image { 47702124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 47712124a924611bb8104658053bb5345b853f93a626Scott Main width: 420px; 47722124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 47732124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 47742124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 47752124a924611bb8104658053bb5345b853f93a626Scott Main} 47762124a924611bb8104658053bb5345b853f93a626Scott Main 47772124a924611bb8104658053bb5345b853f93a626Scott Main.tab-carousel .resource-card-18x12 .info { 47782124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 47792124a924611bb8104658053bb5345b853f93a626Scott Main} 47802124a924611bb8104658053bb5345b853f93a626Scott Main 47812124a924611bb8104658053bb5345b853f93a626Scott Main.tab-carousel .resource-card-18x12 .info .title { 47822124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 26px; 47832124a924611bb8104658053bb5345b853f93a626Scott Main} 47842124a924611bb8104658053bb5345b853f93a626Scott Main 47852124a924611bb8104658053bb5345b853f93a626Scott Main/* 47862124a924611bb8104658053bb5345b853f93a626Scott Main Specific styles for new home page layout of the carousels. 47872124a924611bb8104658053bb5345b853f93a626Scott Main*/ 47882124a924611bb8104658053bb5345b853f93a626Scott Main 47892124a924611bb8104658053bb5345b853f93a626Scott Main/* Big blue button */ 47902124a924611bb8104658053bb5345b853f93a626Scott Maina.home-new-cta-btn, 47912124a924611bb8104658053bb5345b853f93a626Scott Main.home-new-carousel-1 .resource-card-18x6 .cta { 47922124a924611bb8104658053bb5345b853f93a626Scott Main white-space: nowrap; 47932124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 47942124a924611bb8104658053bb5345b853f93a626Scott Main padding: 14px 32px; 47952124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 18px; 47962124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 47972124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 24px; 47982124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 47992124a924611bb8104658053bb5345b853f93a626Scott Main background: #33b5e6; 48002124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 4px; 48012124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 20px; 48022124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 48032124a924611bb8104658053bb5345b853f93a626Scott Main transition: 0.2s background-color ease-in-out; 48042124a924611bb8104658053bb5345b853f93a626Scott Main} 48052124a924611bb8104658053bb5345b853f93a626Scott Main 48062124a924611bb8104658053bb5345b853f93a626Scott Main.home-new-carousel-1 .resource-card-18x6 .cta:after { 48072124a924611bb8104658053bb5345b853f93a626Scott Main display: none; /* Hide the entity for this button */ 48082124a924611bb8104658053bb5345b853f93a626Scott Main} 48092124a924611bb8104658053bb5345b853f93a626Scott Main 48102124a924611bb8104658053bb5345b853f93a626Scott Maina.home-new-cta-btn:hover, 48112124a924611bb8104658053bb5345b853f93a626Scott Main.home-new-carousel-1 .resource-card-18x6 .cta:hover { 48122124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff !important; 48132124a924611bb8104658053bb5345b853f93a626Scott Main background: #2d9fca; 48142124a924611bb8104658053bb5345b853f93a626Scott Main} 48152124a924611bb8104658053bb5345b853f93a626Scott Main 48162124a924611bb8104658053bb5345b853f93a626Scott Main.home-new-carousel-1 .resource-card-18x6 .cta { 48172124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 48182124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 20px; 48192124a924611bb8104658053bb5345b853f93a626Scott Main left: 16px; 48202124a924611bb8104658053bb5345b853f93a626Scott Main} 48212124a924611bb8104658053bb5345b853f93a626Scott Main 48222124a924611bb8104658053bb5345b853f93a626Scott Main/* Fullscreen carousel. */ 48232124a924611bb8104658053bb5345b853f93a626Scott Main.home-new-carousel-1 { 48242124a924611bb8104658053bb5345b853f93a626Scott Main max-height: 700px; /* Set max height so doesn't get too long */ 48252124a924611bb8104658053bb5345b853f93a626Scott Main} 48262124a924611bb8104658053bb5345b853f93a626Scott Main 48272124a924611bb8104658053bb5345b853f93a626Scott Main.home-new-carousel-1 .fullscreen-carousel-content { 48282124a924611bb8104658053bb5345b853f93a626Scott Main min-height: 450px; /* Set min height for all content */ 48292124a924611bb8104658053bb5345b853f93a626Scott Main} 48302124a924611bb8104658053bb5345b853f93a626Scott Main 48312124a924611bb8104658053bb5345b853f93a626Scott Main.home-new-carousel-1 .hero { 48322124a924611bb8104658053bb5345b853f93a626Scott Main background: #000; 48332124a924611bb8104658053bb5345b853f93a626Scott Main} 48342124a924611bb8104658053bb5345b853f93a626Scott Main 48352124a924611bb8104658053bb5345b853f93a626Scott Main.home-new-carousel-1 .hero-bg { 48362124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(/home-new/images/hero.jpg); 48372124a924611bb8104658053bb5345b853f93a626Scott Main background-position: right center; 48382124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0.85; 48392124a924611bb8104658053bb5345b853f93a626Scott Main} 48402124a924611bb8104658053bb5345b853f93a626Scott Main 48412124a924611bb8104658053bb5345b853f93a626Scott Main/* 48422124a924611bb8104658053bb5345b853f93a626Scott Main Styling for special top card of full screen layout resource layout. 48432124a924611bb8104658053bb5345b853f93a626Scott Main We need to specifically style the 18x6 card to adjust its size and layout, 48442124a924611bb8104658053bb5345b853f93a626Scott Main since it's not a standard card, not sure if this is unique to the home page 48452124a924611bb8104658053bb5345b853f93a626Scott Main layout or should be namespaced within the fullscreen-carousel container. 48462124a924611bb8104658053bb5345b853f93a626Scott Main*/ 48472124a924611bb8104658053bb5345b853f93a626Scott Main.home-new-carousel-1 .resource-flow-layout.col-16 .resource-card-18x6 { 48482124a924611bb8104658053bb5345b853f93a626Scott Main height: 320px; 48492124a924611bb8104658053bb5345b853f93a626Scott Main background-color:#F9F9F9; 48502124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 0px; 48512124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); 48522124a924611bb8104658053bb5345b853f93a626Scott Main 48532124a924611bb8104658053bb5345b853f93a626Scott Main} 48542124a924611bb8104658053bb5345b853f93a626Scott Main 48552124a924611bb8104658053bb5345b853f93a626Scott Main.home-new-carousel-1 .resource-card-18x6 .card-bg { 48562124a924611bb8104658053bb5345b853f93a626Scott Main width: 636px; 48572124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 48582124a924611bb8104658053bb5345b853f93a626Scott Main} 48592124a924611bb8104658053bb5345b853f93a626Scott Main 48602124a924611bb8104658053bb5345b853f93a626Scott Main.home-new-carousel-1 .resource-card-18x6 .card-info { 48612124a924611bb8104658053bb5345b853f93a626Scott Main right: 0px; 48622124a924611bb8104658053bb5345b853f93a626Scott Main left: 636px; 48632124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 48642124a924611bb8104658053bb5345b853f93a626Scott Main top: 0px; 48652124a924611bb8104658053bb5345b853f93a626Scott Main padding: 15px 22px; 48662124a924611bb8104658053bb5345b853f93a626Scott Main} 48672124a924611bb8104658053bb5345b853f93a626Scott Main 48682124a924611bb8104658053bb5345b853f93a626Scott Main.home-new-carousel-1 .resource-card-18x6 .card-info .util { 48692124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 48702124a924611bb8104658053bb5345b853f93a626Scott Main} 48712124a924611bb8104658053bb5345b853f93a626Scott Main 48722124a924611bb8104658053bb5345b853f93a626Scott Main.home-new-carousel-1 .resource-card-18x6 .card-info .title { 48732124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 20px; 48742124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 48752124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 15px; 48762124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 15px; 48772124a924611bb8104658053bb5345b853f93a626Scott Main} 48782124a924611bb8104658053bb5345b853f93a626Scott Main 48792124a924611bb8104658053bb5345b853f93a626Scott Main.home-new-carousel-1 .resource-card-18x6 .card-info .text { 48802124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 15px; 48812124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 21px; 48822124a924611bb8104658053bb5345b853f93a626Scott Main} 48832124a924611bb8104658053bb5345b853f93a626Scott Main 48842124a924611bb8104658053bb5345b853f93a626Scott Main 48852124a924611bb8104658053bb5345b853f93a626Scott Main/* Tabbed carousel. */ 48862124a924611bb8104658053bb5345b853f93a626Scott Main.home-new-carousel-2 { 48872124a924611bb8104658053bb5345b853f93a626Scott Main margin: 35px auto 100px auto; 48882124a924611bb8104658053bb5345b853f93a626Scott Main} 48892124a924611bb8104658053bb5345b853f93a626Scott Main 48902124a924611bb8104658053bb5345b853f93a626Scott Main.home-new-carousel-2 h1 { 48912124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 47px; 48922124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 100; 48932124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 54px; 48942124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 48952124a924611bb8104658053bb5345b853f93a626Scott Main} 48962124a924611bb8104658053bb5345b853f93a626Scott Main 48972124a924611bb8104658053bb5345b853f93a626Scott Main.annotation-message { 48982124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 48992124a924611bb8104658053bb5345b853f93a626Scott Main font-style: italic; 49002124a924611bb8104658053bb5345b853f93a626Scott Main color: #F80; 49012124a924611bb8104658053bb5345b853f93a626Scott Main} 49022124a924611bb8104658053bb5345b853f93a626Scott Main 49032124a924611bb8104658053bb5345b853f93a626Scott Main 49042124a924611bb8104658053bb5345b853f93a626Scott Main 49052124a924611bb8104658053bb5345b853f93a626Scott Main/* Helpouts widget */ 49062124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-6x2.helpouts-card { 49072124a924611bb8104658053bb5345b853f93a626Scott Main width: 255px; 49082124a924611bb8104658053bb5345b853f93a626Scott Main height: 40px; 49092124a924611bb8104658053bb5345b853f93a626Scott Main position:absolute; 49102124a924611bb8104658053bb5345b853f93a626Scott Main z-index:999; 49112124a924611bb8104658053bb5345b853f93a626Scott Main top:-8px; 49122124a924611bb8104658053bb5345b853f93a626Scott Main right:1px; 49132124a924611bb8104658053bb5345b853f93a626Scott Main} 49142124a924611bb8104658053bb5345b853f93a626Scott Main 49152124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-6x2.helpouts-card > .card-info { 49162124a924611bb8104658053bb5345b853f93a626Scott Main left:35px; 49172124a924611bb8104658053bb5345b853f93a626Scott Main height:35px; 49182124a924611bb8104658053bb5345b853f93a626Scott Main padding:4px 8px 4px 0; 49192124a924611bb8104658053bb5345b853f93a626Scott Main} 49202124a924611bb8104658053bb5345b853f93a626Scott Main 49212124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-6x2.helpouts-card > .card-info .helpouts-description { 49222124a924611bb8104658053bb5345b853f93a626Scott Main display:block; 49232124a924611bb8104658053bb5345b853f93a626Scott Main overflow:visible; 49242124a924611bb8104658053bb5345b853f93a626Scott Main font-size:12px; 49252124a924611bb8104658053bb5345b853f93a626Scott Main line-height:12px; 49262124a924611bb8104658053bb5345b853f93a626Scott Main text-align:right; 49272124a924611bb8104658053bb5345b853f93a626Scott Main color:#666; 49282124a924611bb8104658053bb5345b853f93a626Scott Main} 49292124a924611bb8104658053bb5345b853f93a626Scott Main 49302124a924611bb8104658053bb5345b853f93a626Scott Main.helpouts-description .link-color { 49312124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: uppercase; 49322124a924611bb8104658053bb5345b853f93a626Scott Main} 49332124a924611bb8104658053bb5345b853f93a626Scott Main 49342124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-6x2 > .card-bg.helpouts-card-bg { 49352124a924611bb8104658053bb5345b853f93a626Scott Main width:35px; 49362124a924611bb8104658053bb5345b853f93a626Scott Main height:35px; 49372124a924611bb8104658053bb5345b853f93a626Scott Main margin:2px 0 0 0; 49382124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../images/styles/helpouts-logo-35_2x.png); 49392124a924611bb8104658053bb5345b853f93a626Scott Main background-image: -webkit-image-set(url(../images/styles/helpouts-logo-35.png) 1x, url(../images/styles/helpouts-logo-35_2x.png) 2x); 49402124a924611bb8104658053bb5345b853f93a626Scott Main} 49412124a924611bb8104658053bb5345b853f93a626Scott Main 49422124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-6x2 > .card-bg.helpouts-card-bg:after { 49432124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 49442124a924611bb8104658053bb5345b853f93a626Scott Main} 49452124a924611bb8104658053bb5345b853f93a626Scott Main 49462124a924611bb8104658053bb5345b853f93a626Scott Main#tb li:before, #qv li:before { 49472124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -196px; 49482124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 49492124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; 49502124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 49512124a924611bb8104658053bb5345b853f93a626Scott Main left: -8px; 49522124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .7; 49532124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 49542124a924611bb8104658053bb5345b853f93a626Scott Main top: -4px; 49552124a924611bb8104658053bb5345b853f93a626Scott Main} 49562124a924611bb8104658053bb5345b853f93a626Scott Main 49572124a924611bb8104658053bb5345b853f93a626Scott Main/* CHANGE EXISTING SELECTOR FOR ANDROID M HERO ONLY 49582124a924611bb8104658053bb5345b853f93a626Scott Main REMOVE THE BELOW STYLES WHEN THE ANDROID M CAROUSEL 49592124a924611bb8104658053bb5345b853f93a626Scott Main GRAPHIC ON THE MAIN LANDING IS TAKEN DOWN */ 49602124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero.mprev { 49612124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #fff; 49622124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 50% 53%; 49632124a924611bb8104658053bb5345b853f93a626Scott Main background-size: cover; 49642124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../images/home/android_m_hero_1200.jpg); 49652124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 49662124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 49672124a924611bb8104658053bb5345b853f93a626Scott Main min-height: 550px; 49682124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 88px; 49692124a924611bb8104658053bb5345b853f93a626Scott Main} 49702124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero.dac-darken.mprev::before { 49712124a924611bb8104658053bb5345b853f93a626Scott Main background: rgba(0, 0, 0, 0.3); 49722124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 49732124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 49742124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 49752124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 49762124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 49772124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 49782124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 49792124a924611bb8104658053bb5345b853f93a626Scott Main} 49802124a924611bb8104658053bb5345b853f93a626Scott Main 49812124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero.dac-darken.mprev::before { 49822124a924611bb8104658053bb5345b853f93a626Scott Main background: -webkit-linear-gradient(top, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05), #000 950px); 49832124a924611bb8104658053bb5345b853f93a626Scott Main background: linear-gradient(to bottom, rgba(0, 0, 0, .05), rgba(0, 0, 0, 0.05), #000 950px); 49842124a924611bb8104658053bb5345b853f93a626Scott Main} 49852124a924611bb8104658053bb5345b853f93a626Scott Main 49862124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 49872124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero.dac-darken.mprev { 49882124a924611bb8104658053bb5345b853f93a626Scott Main background-size: auto 600px; 49892124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 55% 0; 49902124a924611bb8104658053bb5345b853f93a626Scott Main background-repeat: no-repeat; 49912124a924611bb8104658053bb5345b853f93a626Scott Main } 49922124a924611bb8104658053bb5345b853f93a626Scott Main 49932124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero-figure.mprev { 49942124a924611bb8104658053bb5345b853f93a626Scott Main height: 10px; 49952124a924611bb8104658053bb5345b853f93a626Scott Main margin: 15px 0; 49962124a924611bb8104658053bb5345b853f93a626Scott Main } 49972124a924611bb8104658053bb5345b853f93a626Scott Main} 49982124a924611bb8104658053bb5345b853f93a626Scott Main 49992124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 50002124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero.dac-darken.mprev { 50012124a924611bb8104658053bb5345b853f93a626Scott Main background-size: auto 600px; 50022124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 55% 0; 50032124a924611bb8104658053bb5345b853f93a626Scott Main background-repeat: no-repeat; 50042124a924611bb8104658053bb5345b853f93a626Scott Main } 50052124a924611bb8104658053bb5345b853f93a626Scott Main 50062124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero-figure.mprev { 50072124a924611bb8104658053bb5345b853f93a626Scott Main height: 10px; 50082124a924611bb8104658053bb5345b853f93a626Scott Main margin: 15px 0; 50092124a924611bb8104658053bb5345b853f93a626Scott Main } 50102124a924611bb8104658053bb5345b853f93a626Scott Main} 50112124a924611bb8104658053bb5345b853f93a626Scott Main 50122124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 1200px) { 50132124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero.dac-darken.mprev { 50142124a924611bb8104658053bb5345b853f93a626Scott Main background-size: auto 700px; 50152124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 55% 0; 50162124a924611bb8104658053bb5345b853f93a626Scott Main background-repeat: no-repeat; 50172124a924611bb8104658053bb5345b853f93a626Scott Main } 50182124a924611bb8104658053bb5345b853f93a626Scott Main 50192124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero-cta.mprev { 50202124a924611bb8104658053bb5345b853f93a626Scott Main white-space:nowrap; 50212124a924611bb8104658053bb5345b853f93a626Scott Main } 50222124a924611bb8104658053bb5345b853f93a626Scott Main} 50232124a924611bb8104658053bb5345b853f93a626Scott Main 50242124a924611bb8104658053bb5345b853f93a626Scott Main@charset "UTF-8"; 50252124a924611bb8104658053bb5345b853f93a626Scott Main/** 50262124a924611bb8104658053bb5345b853f93a626Scott Main * Fades out an element. 50272124a924611bb8104658053bb5345b853f93a626Scott Main * Applies visibility hidden when the transition is finished. 50282124a924611bb8104658053bb5345b853f93a626Scott Main * 50292124a924611bb8104658053bb5345b853f93a626Scott Main * Use opacity: 1; to show the element. 50302124a924611bb8104658053bb5345b853f93a626Scott Main */ 50312124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-mobile-block, .dac-mobile-only, 50322124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-mobile-inline, 50332124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-mobile-inline-block, 50342124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-tablet-block, 50352124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-tablet-inline, 50362124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-tablet-inline-block, 50372124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-desktop-block, 50382124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-desktop-inline, 50392124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-desktop-inline-block { 50402124a924611bb8104658053bb5345b853f93a626Scott Main display: none !important; 50412124a924611bb8104658053bb5345b853f93a626Scott Main} 50422124a924611bb8104658053bb5345b853f93a626Scott Main 50432124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 50442124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hidden-mobile { 50452124a924611bb8104658053bb5345b853f93a626Scott Main display: none !important; 50462124a924611bb8104658053bb5345b853f93a626Scott Main } 50472124a924611bb8104658053bb5345b853f93a626Scott Main 50482124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-mobile-block, .dac-mobile-only { 50492124a924611bb8104658053bb5345b853f93a626Scott Main display: block !important; 50502124a924611bb8104658053bb5345b853f93a626Scott Main } 50512124a924611bb8104658053bb5345b853f93a626Scott Main 50522124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-mobile-inline { 50532124a924611bb8104658053bb5345b853f93a626Scott Main display: inline !important; 50542124a924611bb8104658053bb5345b853f93a626Scott Main } 50552124a924611bb8104658053bb5345b853f93a626Scott Main 50562124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-mobile-inline-block { 50572124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block !important; 50582124a924611bb8104658053bb5345b853f93a626Scott Main } 50592124a924611bb8104658053bb5345b853f93a626Scott Main} 50602124a924611bb8104658053bb5345b853f93a626Scott Main 50612124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 720px) and (max-width: 979px) { 50622124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hidden-tablet { 50632124a924611bb8104658053bb5345b853f93a626Scott Main display: none !important; 50642124a924611bb8104658053bb5345b853f93a626Scott Main } 50652124a924611bb8104658053bb5345b853f93a626Scott Main 50662124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-tablet-block { 50672124a924611bb8104658053bb5345b853f93a626Scott Main display: block !important; 50682124a924611bb8104658053bb5345b853f93a626Scott Main } 50692124a924611bb8104658053bb5345b853f93a626Scott Main 50702124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-tablet-inline { 50712124a924611bb8104658053bb5345b853f93a626Scott Main display: inline !important; 50722124a924611bb8104658053bb5345b853f93a626Scott Main } 50732124a924611bb8104658053bb5345b853f93a626Scott Main 50742124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-tablet-inline-block { 50752124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block !important; 50762124a924611bb8104658053bb5345b853f93a626Scott Main } 50772124a924611bb8104658053bb5345b853f93a626Scott Main} 50782124a924611bb8104658053bb5345b853f93a626Scott Main 50792124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 980px) { 50802124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hidden-desktop { 50812124a924611bb8104658053bb5345b853f93a626Scott Main display: none !important; 50822124a924611bb8104658053bb5345b853f93a626Scott Main } 50832124a924611bb8104658053bb5345b853f93a626Scott Main 50842124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-desktop-block { 50852124a924611bb8104658053bb5345b853f93a626Scott Main display: block !important; 50862124a924611bb8104658053bb5345b853f93a626Scott Main } 50872124a924611bb8104658053bb5345b853f93a626Scott Main 50882124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-desktop-inline { 50892124a924611bb8104658053bb5345b853f93a626Scott Main display: inline !important; 50902124a924611bb8104658053bb5345b853f93a626Scott Main } 50912124a924611bb8104658053bb5345b853f93a626Scott Main 50922124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-desktop-inline-block { 50932124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block !important; 50942124a924611bb8104658053bb5345b853f93a626Scott Main } 50952124a924611bb8104658053bb5345b853f93a626Scott Main} 50962124a924611bb8104658053bb5345b853f93a626Scott Main 50972124a924611bb8104658053bb5345b853f93a626Scott Main.dac-offset-parent { 50982124a924611bb8104658053bb5345b853f93a626Scott Main position: relative !important; 50992124a924611bb8104658053bb5345b853f93a626Scott Main} 51002124a924611bb8104658053bb5345b853f93a626Scott Main 51012124a924611bb8104658053bb5345b853f93a626Scott Main/** 51022124a924611bb8104658053bb5345b853f93a626Scott Main * Hide from browsers/screenreaders on all sizes. 51032124a924611bb8104658053bb5345b853f93a626Scott Main */ 51042124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hidden { 51052124a924611bb8104658053bb5345b853f93a626Scott Main display: none !important; 51062124a924611bb8104658053bb5345b853f93a626Scott Main} 51072124a924611bb8104658053bb5345b853f93a626Scott Main 51082124a924611bb8104658053bb5345b853f93a626Scott Main/** 51092124a924611bb8104658053bb5345b853f93a626Scott Main * Break strings when their length exceeds the width of their container. 51102124a924611bb8104658053bb5345b853f93a626Scott Main */ 51112124a924611bb8104658053bb5345b853f93a626Scott Main.dac-text-break { 51122124a924611bb8104658053bb5345b853f93a626Scott Main word-wrap: break-word !important; 51132124a924611bb8104658053bb5345b853f93a626Scott Main} 51142124a924611bb8104658053bb5345b853f93a626Scott Main 51152124a924611bb8104658053bb5345b853f93a626Scott Main/** 51162124a924611bb8104658053bb5345b853f93a626Scott Main * Horizontal text alignment 51172124a924611bb8104658053bb5345b853f93a626Scott Main */ 51182124a924611bb8104658053bb5345b853f93a626Scott Main.dac-text-center { 51192124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center !important; 51202124a924611bb8104658053bb5345b853f93a626Scott Main} 51212124a924611bb8104658053bb5345b853f93a626Scott Main 51222124a924611bb8104658053bb5345b853f93a626Scott Main.dac-text-left { 51232124a924611bb8104658053bb5345b853f93a626Scott Main text-align: left !important; 51242124a924611bb8104658053bb5345b853f93a626Scott Main} 51252124a924611bb8104658053bb5345b853f93a626Scott Main 51262124a924611bb8104658053bb5345b853f93a626Scott Main.dac-text-right { 51272124a924611bb8104658053bb5345b853f93a626Scott Main text-align: right !important; 51282124a924611bb8104658053bb5345b853f93a626Scott Main} 51292124a924611bb8104658053bb5345b853f93a626Scott Main 51302124a924611bb8104658053bb5345b853f93a626Scott Main/** 51312124a924611bb8104658053bb5345b853f93a626Scott Main * Prevent whitespace wrapping 51322124a924611bb8104658053bb5345b853f93a626Scott Main */ 51332124a924611bb8104658053bb5345b853f93a626Scott Main.dac-text-no-wrap { 51342124a924611bb8104658053bb5345b853f93a626Scott Main white-space: nowrap !important; 51352124a924611bb8104658053bb5345b853f93a626Scott Main} 51362124a924611bb8104658053bb5345b853f93a626Scott Main 51372124a924611bb8104658053bb5345b853f93a626Scott Main/** 51382124a924611bb8104658053bb5345b853f93a626Scott Main * Prevent text from wrapping onto multiple lines, instead truncate with an ellipsis. 51392124a924611bb8104658053bb5345b853f93a626Scott Main */ 51402124a924611bb8104658053bb5345b853f93a626Scott Main.dac-text-truncate { 51412124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 100%; 51422124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden !important; 51432124a924611bb8104658053bb5345b853f93a626Scott Main text-overflow: ellipsis !important; 51442124a924611bb8104658053bb5345b853f93a626Scott Main white-space: nowrap !important; 51452124a924611bb8104658053bb5345b853f93a626Scott Main word-wrap: normal !important; 51462124a924611bb8104658053bb5345b853f93a626Scott Main} 51472124a924611bb8104658053bb5345b853f93a626Scott Main 51482124a924611bb8104658053bb5345b853f93a626Scott Main/** 51492124a924611bb8104658053bb5345b853f93a626Scott Main * Floats 51502124a924611bb8104658053bb5345b853f93a626Scott Main */ 51512124a924611bb8104658053bb5345b853f93a626Scott Main.dac-float-left { 51522124a924611bb8104658053bb5345b853f93a626Scott Main float: left !important; 51532124a924611bb8104658053bb5345b853f93a626Scott Main} 51542124a924611bb8104658053bb5345b853f93a626Scott Main 51552124a924611bb8104658053bb5345b853f93a626Scott Main.dac-float-right { 51562124a924611bb8104658053bb5345b853f93a626Scott Main float: right !important; 51572124a924611bb8104658053bb5345b853f93a626Scott Main} 51582124a924611bb8104658053bb5345b853f93a626Scott Main 51592124a924611bb8104658053bb5345b853f93a626Scott Main/** 51602124a924611bb8104658053bb5345b853f93a626Scott Main * New block formatting context 51612124a924611bb8104658053bb5345b853f93a626Scott Main * 51622124a924611bb8104658053bb5345b853f93a626Scott Main * This affords some useful properties to the element. It won't wrap under 51632124a924611bb8104658053bb5345b853f93a626Scott Main * floats. Will also contain any floated children. 51642124a924611bb8104658053bb5345b853f93a626Scott Main * N.B. This will clip overflow. Use the alternative method below if this is 51652124a924611bb8104658053bb5345b853f93a626Scott Main * problematic. 51662124a924611bb8104658053bb5345b853f93a626Scott Main */ 51672124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nbfc { 51682124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden !important; } 51692124a924611bb8104658053bb5345b853f93a626Scott Main 51702124a924611bb8104658053bb5345b853f93a626Scott Main/** 51712124a924611bb8104658053bb5345b853f93a626Scott Main * New block formatting context (alternative) 51722124a924611bb8104658053bb5345b853f93a626Scott Main * 51732124a924611bb8104658053bb5345b853f93a626Scott Main * Alternative method when overflow must not be clipped. 51742124a924611bb8104658053bb5345b853f93a626Scott Main * 51752124a924611bb8104658053bb5345b853f93a626Scott Main * N.B. This breaks down in some browsers when elements within this element 51762124a924611bb8104658053bb5345b853f93a626Scott Main * exceed its width. 51772124a924611bb8104658053bb5345b853f93a626Scott Main */ 51782124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nbfc-alt { 51792124a924611bb8104658053bb5345b853f93a626Scott Main display: table-cell !important; 51802124a924611bb8104658053bb5345b853f93a626Scott Main width: 10000px !important; } 51812124a924611bb8104658053bb5345b853f93a626Scott Main 51822124a924611bb8104658053bb5345b853f93a626Scott Main/* New CSS */ 51832124a924611bb8104658053bb5345b853f93a626Scott Main/************ RESOURCE CARDS ******************/ 51842124a924611bb8104658053bb5345b853f93a626Scott Main/* Basic card-styling with shadow */ 51852124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card { 51862124a924611bb8104658053bb5345b853f93a626Scott Main background: #fff; 51872124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21); 51882124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 51892124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; } 51902124a924611bb8104658053bb5345b853f93a626Scott Main 51912124a924611bb8104658053bb5345b853f93a626Scott Main/* Play button is only visible on 6by6 cards */ 51922124a924611bb8104658053bb5345b853f93a626Scott Main.play-button { 51932124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #000; 51942124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 50%; 51952124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 51962124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 51972124a924611bb8104658053bb5345b853f93a626Scott Main height: 70px; 51982124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 65px; 51992124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 4px; 52002124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 52012124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .6; 52022124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 52032124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity .5s; 52042124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity .5s; 52052124a924611bb8104658053bb5345b853f93a626Scott Main width: 70px; 52062124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 1; } 52072124a924611bb8104658053bb5345b853f93a626Scott Main .resource-card-6x2 .play-button { 52082124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 52092124a924611bb8104658053bb5345b853f93a626Scott Main left: 10px; 52102124a924611bb8104658053bb5345b853f93a626Scott Main top: 15px; 52112124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: scale(0.73); 52122124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform: scale(0.73); 52132124a924611bb8104658053bb5345b853f93a626Scott Main transform: scale(0.73); } 52142124a924611bb8104658053bb5345b853f93a626Scott Main .resource-card-6x6 .play-button { 52152124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 52162124a924611bb8104658053bb5345b853f93a626Scott Main left: 50%; 52172124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: -35px; 52182124a924611bb8104658053bb5345b853f93a626Scott Main top: 50px; } 52192124a924611bb8104658053bb5345b853f93a626Scott Main 52202124a924611bb8104658053bb5345b853f93a626Scott Main/* Styling for background image including tinting and section icons in stacks */ 52212124a924611bb8104658053bb5345b853f93a626Scott Main.card-bg { 52222124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 131px; 52232124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 52242124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 52252124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: top; 52262124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 52272124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 52282124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 52292124a924611bb8104658053bb5345b853f93a626Scott Main background-size: cover; 52302124a924611bb8104658053bb5345b853f93a626Scott Main background-repeat: no-repeat; 52312124a924611bb8104658053bb5345b853f93a626Scott Main background-position: center; 52322124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../images/resource-card-default-android.jpg); } 52332124a924611bb8104658053bb5345b853f93a626Scott Main .card-bg:after { 52342124a924611bb8104658053bb5345b853f93a626Scott Main content: ""; 52352124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 52362124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 52372124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 52382124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 52392124a924611bb8104658053bb5345b853f93a626Scott Main background: rgba(0, 0, 0, 0.05); 52402124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity 0.5s; 52412124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity 0.5s; } 52422124a924611bb8104658053bb5345b853f93a626Scott Main .static .card-bg:after { 52432124a924611bb8104658053bb5345b853f93a626Scott Main display: none; } 52442124a924611bb8104658053bb5345b853f93a626Scott Main .card-bg .card-section-icon { 52452124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 52462124a924611bb8104658053bb5345b853f93a626Scott Main top: 50%; 52472124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 52482124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: -35px; 52492124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 52502124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 65px; 52512124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 100; } 52522124a924611bb8104658053bb5345b853f93a626Scott Main .card-bg .card-section-icon .icon { 52532124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 52542124a924611bb8104658053bb5345b853f93a626Scott Main left: 50%; 52552124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: -28px; 52562124a924611bb8104658053bb5345b853f93a626Scott Main top: 0px; 52572124a924611bb8104658053bb5345b853f93a626Scott Main width: 56px; 52582124a924611bb8104658053bb5345b853f93a626Scott Main height: 56px; 52592124a924611bb8104658053bb5345b853f93a626Scott Main background-repeat: no-repeat; 52602124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 50% 50%; 52612124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../images/stack-icon.png); } 52622124a924611bb8104658053bb5345b853f93a626Scott Main .card-bg .card-section-icon .section { 52632124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: uppercase; 52642124a924611bb8104658053bb5345b853f93a626Scott Main color: white; 52652124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 14px; } 52662124a924611bb8104658053bb5345b853f93a626Scott Main 52672124a924611bb8104658053bb5345b853f93a626Scott Main.card-info { 52682124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 52692124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 52702124a924611bb8104658053bb5345b853f93a626Scott Main height: 131px; 52712124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 52722124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 52732124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 52742124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 52752124a924611bb8104658053bb5345b853f93a626Scott Main background: #fefefe; 52762124a924611bb8104658053bb5345b853f93a626Scott Main padding: 6px 12px; 52772124a924611bb8104658053bb5345b853f93a626Scott Main} 52782124a924611bb8104658053bb5345b853f93a626Scott Main 52792124a924611bb8104658053bb5345b853f93a626Scott Main.card-info .section { 52802124a924611bb8104658053bb5345b853f93a626Scott Main color: #898989; 52812124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 11px; 52822124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 700; 52832124a924611bb8104658053bb5345b853f93a626Scott Main letter-spacing: .3px; 52842124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 20px; 52852124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: uppercase; 52862124a924611bb8104658053bb5345b853f93a626Scott Main} 52872124a924611bb8104658053bb5345b853f93a626Scott Main 52882124a924611bb8104658053bb5345b853f93a626Scott Main.card-info .title { 52892124a924611bb8104658053bb5345b853f93a626Scott Main color: #333; 52902124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 18px; 52912124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 52922124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 23px; 52932124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 7px; 52942124a924611bb8104658053bb5345b853f93a626Scott Main max-height: 46px; 52952124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 52962124a924611bb8104658053bb5345b853f93a626Scott Main text-overflow: ellipsis; 52972124a924611bb8104658053bb5345b853f93a626Scott Main white-space: normal; 52982124a924611bb8104658053bb5345b853f93a626Scott Main} 52992124a924611bb8104658053bb5345b853f93a626Scott Main 53002124a924611bb8104658053bb5345b853f93a626Scott Main.card-info .description { 53012124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 53022124a924611bb8104658053bb5345b853f93a626Scott Main} 53032124a924611bb8104658053bb5345b853f93a626Scott Main 53042124a924611bb8104658053bb5345b853f93a626Scott Main.card-info .description .text { 53052124a924611bb8104658053bb5345b853f93a626Scott Main color: #666; 53062124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 14px; 53072124a924611bb8104658053bb5345b853f93a626Scott Main height: 60px; 53082124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 20px; 53092124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 53102124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 53112124a924611bb8104658053bb5345b853f93a626Scott Main} 53122124a924611bb8104658053bb5345b853f93a626Scott Main 53132124a924611bb8104658053bb5345b853f93a626Scott Main.card-info .description .util { 53142124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 53152124a924611bb8104658053bb5345b853f93a626Scott Main right: 5px; 53162124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 70px; 53172124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; 53182124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity 0.5s; 53192124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity 0.5s; 53202124a924611bb8104658053bb5345b853f93a626Scott Main} 53212124a924611bb8104658053bb5345b853f93a626Scott Main 53222124a924611bb8104658053bb5345b853f93a626Scott Main.card-info.empty-desc .title { 53232124a924611bb8104658053bb5345b853f93a626Scott Main white-space: normal; 53242124a924611bb8104658053bb5345b853f93a626Scott Main overflow: visible; 53252124a924611bb8104658053bb5345b853f93a626Scott Main} 53262124a924611bb8104658053bb5345b853f93a626Scott Main 53272124a924611bb8104658053bb5345b853f93a626Scott Main.card-info.empty-desc .description { 53282124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 53292124a924611bb8104658053bb5345b853f93a626Scott Main} 53302124a924611bb8104658053bb5345b853f93a626Scott Main 53312124a924611bb8104658053bb5345b853f93a626Scott Main/* Resource card with icon instead of bg image */ 53322124a924611bb8104658053bb5345b853f93a626Scott Main.resource-widget-card-icon { 53332124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 53342124a924611bb8104658053bb5345b853f93a626Scott Main} 53352124a924611bb8104658053bb5345b853f93a626Scott Main 53362124a924611bb8104658053bb5345b853f93a626Scott Main.card-icon { 53372124a924611bb8104658053bb5345b853f93a626Scott Main margin: 20px 0 0; 53382124a924611bb8104658053bb5345b853f93a626Scott Main} 53392124a924611bb8104658053bb5345b853f93a626Scott Main 53402124a924611bb8104658053bb5345b853f93a626Scott Main.resource-widget-card-icon .card-info { 53412124a924611bb8104658053bb5345b853f93a626Scott Main height: 210px; 53422124a924611bb8104658053bb5345b853f93a626Scott Main} 53432124a924611bb8104658053bb5345b853f93a626Scott Main 53442124a924611bb8104658053bb5345b853f93a626Scott Main.resource-widget-card-icon .card-info .title { 53452124a924611bb8104658053bb5345b853f93a626Scott Main color: #333; 53462124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 24px; 53472124a924611bb8104658053bb5345b853f93a626Scott Main} 53482124a924611bb8104658053bb5345b853f93a626Scott Main 53492124a924611bb8104658053bb5345b853f93a626Scott Main.resource-widget-card-icon .card-bg { 53502124a924611bb8104658053bb5345b853f93a626Scott Main background: none; 53512124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 220px; 53522124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 53532124a924611bb8104658053bb5345b853f93a626Scott Main top: 30px; 53542124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity .3s; 53552124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity .3s; 53562124a924611bb8104658053bb5345b853f93a626Scott Main} 53572124a924611bb8104658053bb5345b853f93a626Scott Main 53582124a924611bb8104658053bb5345b853f93a626Scott Main.resource-widget-card-icon .resource-card:hover .card-bg { 53592124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .5; 53602124a924611bb8104658053bb5345b853f93a626Scott Main} 53612124a924611bb8104658053bb5345b853f93a626Scott Main 53622124a924611bb8104658053bb5345b853f93a626Scott Main.resource-widget-card-icon .card-bg img { 53632124a924611bb8104658053bb5345b853f93a626Scott Main max-height: 100%; 53642124a924611bb8104658053bb5345b853f93a626Scott Main} 53652124a924611bb8104658053bb5345b853f93a626Scott Main 53662124a924611bb8104658053bb5345b853f93a626Scott Main.resource-widget-card-icon .card-bg::after { 53672124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent; 53682124a924611bb8104658053bb5345b853f93a626Scott Main} 53692124a924611bb8104658053bb5345b853f93a626Scott Main 53702124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 1210px) { 53712124a924611bb8104658053bb5345b853f93a626Scott Main .resource-widget-card-icon .resource { 53722124a924611bb8104658053bb5345b853f93a626Scott Main height: 240px; 53732124a924611bb8104658053bb5345b853f93a626Scott Main } 53742124a924611bb8104658053bb5345b853f93a626Scott Main .resource-widget-card-icon .card-bg { 53752124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 160px; 53762124a924611bb8104658053bb5345b853f93a626Scott Main } 53772124a924611bb8104658053bb5345b853f93a626Scott Main .resource-widget-card-icon .card-info { 53782124a924611bb8104658053bb5345b853f93a626Scott Main height: 160px; 53792124a924611bb8104658053bb5345b853f93a626Scott Main } 53802124a924611bb8104658053bb5345b853f93a626Scott Main} 53812124a924611bb8104658053bb5345b853f93a626Scott Main 53822124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 979px) { 53832124a924611bb8104658053bb5345b853f93a626Scott Main .resource-widget-card-icon .resource { 53842124a924611bb8104658053bb5345b853f93a626Scott Main height: 240px; 53852124a924611bb8104658053bb5345b853f93a626Scott Main } 53862124a924611bb8104658053bb5345b853f93a626Scott Main .resource-widget-card-icon .card-bg { 53872124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 160px; 53882124a924611bb8104658053bb5345b853f93a626Scott Main } 53892124a924611bb8104658053bb5345b853f93a626Scott Main 53902124a924611bb8104658053bb5345b853f93a626Scott Main .resource-widget-card-icon .card-info { 53912124a924611bb8104658053bb5345b853f93a626Scott Main height: 160px; 53922124a924611bb8104658053bb5345b853f93a626Scott Main } 53932124a924611bb8104658053bb5345b853f93a626Scott Main} 53942124a924611bb8104658053bb5345b853f93a626Scott Main 53952124a924611bb8104658053bb5345b853f93a626Scott Main/* Truncate card summaries at bounding box and 53962124a924611bb8104658053bb5345b853f93a626Scott Main * and apply ellipsis at lower right */ 53972124a924611bb8104658053bb5345b853f93a626Scott Main.ellipsis { 53982124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 53992124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 54002124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 15px; 54012124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; } 54022124a924611bb8104658053bb5345b853f93a626Scott Main .ellipsis:before { 54032124a924611bb8104658053bb5345b853f93a626Scott Main content: ""; 54042124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 54052124a924611bb8104658053bb5345b853f93a626Scott Main width: 5px; 54062124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; } 54072124a924611bb8104658053bb5345b853f93a626Scott Main .ellipsis > *:first-child.text { 54082124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 54092124a924611bb8104658053bb5345b853f93a626Scott Main width: 100% !important; 54102124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: -5px; } 54112124a924611bb8104658053bb5345b853f93a626Scott Main .ellipsis:after { 54122124a924611bb8104658053bb5345b853f93a626Scott Main content: "\02026"; 54132124a924611bb8104658053bb5345b853f93a626Scott Main height: 17px; 54142124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 4px; 54152124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: content-box; 54162124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 54172124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 54182124a924611bb8104658053bb5345b853f93a626Scott Main top: -16px; 54192124a924611bb8104658053bb5345b853f93a626Scott Main left: 100%; 54202124a924611bb8104658053bb5345b853f93a626Scott Main width: 4em; 54212124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: -4em; 54222124a924611bb8104658053bb5345b853f93a626Scott Main padding-right: 5px; 54232124a924611bb8104658053bb5345b853f93a626Scott Main background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(65%, white)); 54242124a924611bb8104658053bb5345b853f93a626Scott Main background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 65%, white); 54252124a924611bb8104658053bb5345b853f93a626Scott Main background: linear-gradient(to right, rgba(255, 255, 255, 0), white 65%, white); } 54262124a924611bb8104658053bb5345b853f93a626Scott Main .ellipsis:after { 54272124a924611bb8104658053bb5345b853f93a626Scott Main font-style: normal; 54282124a924611bb8104658053bb5345b853f93a626Scott Main color: #aaa; 54292124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 13px; 54302124a924611bb8104658053bb5345b853f93a626Scott Main text-align: right; } 54312124a924611bb8104658053bb5345b853f93a626Scott Main 54322124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card:hover { 54332124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; } 54342124a924611bb8104658053bb5345b853f93a626Scott Main .static .resource-card:hover { 54352124a924611bb8104658053bb5345b853f93a626Scott Main cursor: auto; } 54362124a924611bb8104658053bb5345b853f93a626Scott Main .resource-card:hover .card-bg:after { 54372124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; } 54382124a924611bb8104658053bb5345b853f93a626Scott Main .resource-card:hover .play-button { 54392124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .3; } 54402124a924611bb8104658053bb5345b853f93a626Scott Main .resource-card:hover .card-info .description .util { 54412124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; } 54422124a924611bb8104658053bb5345b853f93a626Scott Main 54432124a924611bb8104658053bb5345b853f93a626Scott Main/* Carousel Layout */ 54442124a924611bb8104658053bb5345b853f93a626Scott Main/* Carousel styles for landing page */ 54452124a924611bb8104658053bb5345b853f93a626Scott Main.resource-carousel-layout { 54462124a924611bb8104658053bb5345b853f93a626Scott Main height: 531px; 54472124a924611bb8104658053bb5345b853f93a626Scott Main margin: 20px 0 20px 0; 54482124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 !important; 54492124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 54502124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; } 54512124a924611bb8104658053bb5345b853f93a626Scott Main .resource-carousel-layout .slideshow-prev, .resource-carousel-layout .slideshow-next { 54522124a924611bb8104658053bb5345b853f93a626Scott Main display: none; } 54532124a924611bb8104658053bb5345b853f93a626Scott Main .resource-carousel-layout .pagination { 54542124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 97px; 54552124a924611bb8104658053bb5345b853f93a626Scott Main left: auto; 54562124a924611bb8104658053bb5345b853f93a626Scott Main padding-right: 10px; 54572124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 54582124a924611bb8104658053bb5345b853f93a626Scott Main text-align: right; 54592124a924611bb8104658053bb5345b853f93a626Scott Main width: 16.66666667%; } 54602124a924611bb8104658053bb5345b853f93a626Scott Main .resource-carousel-layout .pagination ul li { 54612124a924611bb8104658053bb5345b853f93a626Scott Main text-indent: 8000px; } 54622124a924611bb8104658053bb5345b853f93a626Scott Main .resource-carousel-layout .frame li { 54632124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; } 54642124a924611bb8104658053bb5345b853f93a626Scott Main .resource-carousel-layout .frame li .card-bg { 54652124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 131px; } 54662124a924611bb8104658053bb5345b853f93a626Scott Main .resource-carousel-layout .frame li .card-info { 54672124a924611bb8104658053bb5345b853f93a626Scott Main height: 131px; 54682124a924611bb8104658053bb5345b853f93a626Scott Main padding: 6px 12px; 54692124a924611bb8104658053bb5345b853f93a626Scott Main top: auto; } 54702124a924611bb8104658053bb5345b853f93a626Scott Main .resource-carousel-layout .frame li .card-info .title { 54712124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 28px; 54722124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 400; 54732124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 32px; } 54742124a924611bb8104658053bb5345b853f93a626Scott Main .resource-carousel-layout .frame li .card-info .description .text { 54752124a924611bb8104658053bb5345b853f93a626Scott Main height: 40px; } 54762124a924611bb8104658053bb5345b853f93a626Scott Main .resource-carousel-layout .frame li .card-info .description .util { 54772124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 97px; 54782124a924611bb8104658053bb5345b853f93a626Scott Main right: 4px; } 54792124a924611bb8104658053bb5345b853f93a626Scott Main 54802124a924611bb8104658053bb5345b853f93a626Scott Main/* Stack Layout */ 54812124a924611bb8104658053bb5345b853f93a626Scott Main.resource-stack-layout { 54822124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 54832124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; } 54842124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card-menu > .card-info .section, .resource-stack-layout .section-card > .card-info .title { 54852124a924611bb8104658053bb5345b853f93a626Scott Main /*text-transform: uppercase;*/ 54862124a924611bb8104658053bb5345b853f93a626Scott Main color: #898989; 54872124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 17px; 54882124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 23px; 54892124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 6px; } 54902124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card { 54912124a924611bb8104658053bb5345b853f93a626Scott Main height: 284px; } 54922124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card > .card-bg { 54932124a924611bb8104658053bb5345b853f93a626Scott Main height: 192px; } 54942124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card > .card-info { 54952124a924611bb8104658053bb5345b853f93a626Scott Main padding: 4px 12px 6px 12px; 54962124a924611bb8104658053bb5345b853f93a626Scott Main top: 192px; } 54972124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card > .card-info .section { 54982124a924611bb8104658053bb5345b853f93a626Scott Main display: none; } 54992124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card > .card-info .title { 55002124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 17px; 55012124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom: 1px solid #959595; 55022124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 0px; } 55032124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card > .card-info .description { 55042124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 13px; 55052124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 15px; } 55062124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card > .card-info .description .text { 55072124a924611bb8104658053bb5345b853f93a626Scott Main height: 30px; } 55082124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .related-card { 55092124a924611bb8104658053bb5345b853f93a626Scott Main height: 90px; } 55102124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .related-card > .card-bg { 55112124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 55122124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 55132124a924611bb8104658053bb5345b853f93a626Scott Main width: 90px; 55142124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 55152124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 55162124a924611bb8104658053bb5345b853f93a626Scott Main display: block; } 55172124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .related-card > .card-info { 55182124a924611bb8104658053bb5345b853f93a626Scott Main left: 90px; 55192124a924611bb8104658053bb5345b853f93a626Scott Main padding: 4px 12px 4px 12px; } 55202124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .related-card > .card-info .section { 55212124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 12px; 55222124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 1px; 55232124a924611bb8104658053bb5345b853f93a626Scott Main display: none; } 55242124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .related-card > .card-info .title { 55252124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 55262124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: -2px; 55272124a924611bb8104658053bb5345b853f93a626Scott Main white-space: normal; 55282124a924611bb8104658053bb5345b853f93a626Scott Main overflow: visible; 55292124a924611bb8104658053bb5345b853f93a626Scott Main text-overflow: ellipsis; } 55302124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .related-card > .card-info .title:after { 55312124a924611bb8104658053bb5345b853f93a626Scott Main content: url(../images/link-out.png); 55322124a924611bb8104658053bb5345b853f93a626Scott Main display: block; } 55332124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .related-card > .card-info .description { 55342124a924611bb8104658053bb5345b853f93a626Scott Main display: none; } 55352124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card-menu { 55362124a924611bb8104658053bb5345b853f93a626Scott Main /* Flexible height */ 55372124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 55382124a924611bb8104658053bb5345b853f93a626Scott Main height: auto; 55392124a924611bb8104658053bb5345b853f93a626Scott Main width: auto; } 55402124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card-menu .card-bg { 55412124a924611bb8104658053bb5345b853f93a626Scott Main height: 155px; 55422124a924611bb8104658053bb5345b853f93a626Scott Main /* Flexible height */ 55432124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 55442124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 55452124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: top; } 55462124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card-menu .card-info { 55472124a924611bb8104658053bb5345b853f93a626Scott Main padding: 4px 12px 0px 12px; 55482124a924611bb8104658053bb5345b853f93a626Scott Main /* Flexible height */ 55492124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 55502124a924611bb8104658053bb5345b853f93a626Scott Main left: auto; 55512124a924611bb8104658053bb5345b853f93a626Scott Main top: auto; 55522124a924611bb8104658053bb5345b853f93a626Scott Main right: auto; 55532124a924611bb8104658053bb5345b853f93a626Scott Main bottom: auto; } 55542124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card-menu .card-info ul { 55552124a924611bb8104658053bb5345b853f93a626Scott Main list-style: none; 55562124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; } 55572124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card-menu .card-info ul li { 55582124a924611bb8104658053bb5345b853f93a626Scott Main list-style: none; 55592124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 55602124a924611bb8104658053bb5345b853f93a626Scott Main padding: 15px 0; 55612124a924611bb8104658053bb5345b853f93a626Scott Main border-top-width: 1px; 55622124a924611bb8104658053bb5345b853f93a626Scott Main border-top-style: solid; 55632124a924611bb8104658053bb5345b853f93a626Scott Main border-top-color: #959595; } 55642124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card-menu .card-info ul li a, .resource-stack-layout .section-card-menu .card-info ul li a:focus, .resource-stack-layout .section-card-menu .card-info ul li a:hover { 55652124a924611bb8104658053bb5345b853f93a626Scott Main color: #333 !important; } 55662124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card-menu .card-info ul li:first-child { 55672124a924611bb8104658053bb5345b853f93a626Scott Main border-top: none; } 55682124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card-menu .card-info ul li:hover .title:after { 55692124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 55702124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity 0.5s; 55712124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity 0.5s; } 55722124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card-menu .card-info ul li:hover .description { 55732124a924611bb8104658053bb5345b853f93a626Scott Main max-height: 30px; 55742124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 55752124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: max-height 0.5s, opacity 1s; 55762124a924611bb8104658053bb5345b853f93a626Scott Main transition: max-height 0.5s, opacity 1s; } 55772124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card-menu .card-info .title { 55782124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 55792124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: -2px; 55802124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; } 55812124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card-menu .card-info .title:after { 55822124a924611bb8104658053bb5345b853f93a626Scott Main background: url(../images/stack-arrow-right.png); 55832124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 55842124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; 55852124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity 0.25s; 55862124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity 0.25s; 55872124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 55882124a924611bb8104658053bb5345b853f93a626Scott Main right: 0px; 55892124a924611bb8104658053bb5345b853f93a626Scott Main top: 3px; 55902124a924611bb8104658053bb5345b853f93a626Scott Main width: 10px; 55912124a924611bb8104658053bb5345b853f93a626Scott Main height: 15px; } 55922124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card-menu .card-info .title.more { 55932124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: uppercase; 55942124a924611bb8104658053bb5345b853f93a626Scott Main color: #898989; 55952124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; } 55962124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card-menu .card-info .title.more:after { 55972124a924611bb8104658053bb5345b853f93a626Scott Main background: url(../images/stack-arrow-right.png); 55982124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 55992124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 56002124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 56012124a924611bb8104658053bb5345b853f93a626Scott Main right: -20px; 56022124a924611bb8104658053bb5345b853f93a626Scott Main top: 3px; 56032124a924611bb8104658053bb5345b853f93a626Scott Main width: 10px; 56042124a924611bb8104658053bb5345b853f93a626Scott Main height: 15px; } 56052124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card-menu .card-info .description { 56062124a924611bb8104658053bb5345b853f93a626Scott Main max-height: 0px; 56072124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; 56082124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 56092124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 13px; 56102124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 15px; 56112124a924611bb8104658053bb5345b853f93a626Scott Main /* Hover off */ 56122124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: max-height 0.5s, opacity 0.5s; 56132124a924611bb8104658053bb5345b853f93a626Scott Main transition: max-height 0.5s, opacity 0.5s; } 56142124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout .section-card-menu .card-info .description .text { 56152124a924611bb8104658053bb5345b853f93a626Scott Main height: 30px; } 56162124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout:after { 56172124a924611bb8104658053bb5345b853f93a626Scott Main content: "."; 56182124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 56192124a924611bb8104658053bb5345b853f93a626Scott Main height: 0; 56202124a924611bb8104658053bb5345b853f93a626Scott Main clear: both; 56212124a924611bb8104658053bb5345b853f93a626Scott Main visibility: hidden; } 56222124a924611bb8104658053bb5345b853f93a626Scott Main 56232124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card, .resource-card-stack { 56242124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 20px; } 56252124a924611bb8104658053bb5345b853f93a626Scott Main 56262124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-row-stack-last { 56272124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 0px !important; } 56282124a924611bb8104658053bb5345b853f93a626Scott Main 56292124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-col-stack-last { 56302124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 0px !important; } 56312124a924611bb8104658053bb5345b853f93a626Scott Main 56322124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-3x6 { 56332124a924611bb8104658053bb5345b853f93a626Scott Main height: 300px; } 56342124a924611bb8104658053bb5345b853f93a626Scott Main 56352124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-3x12 { 56362124a924611bb8104658053bb5345b853f93a626Scott Main height: 620px; } 56372124a924611bb8104658053bb5345b853f93a626Scott Main 56382124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-3x18 { 56392124a924611bb8104658053bb5345b853f93a626Scott Main height: 940px; } 56402124a924611bb8104658053bb5345b853f93a626Scott Main 56412124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-6x6 { 56422124a924611bb8104658053bb5345b853f93a626Scott Main height: 300px; } 56432124a924611bb8104658053bb5345b853f93a626Scott Main 56442124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-6x12 { 56452124a924611bb8104658053bb5345b853f93a626Scott Main height: 620px; } 56462124a924611bb8104658053bb5345b853f93a626Scott Main 56472124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-6x18 { 56482124a924611bb8104658053bb5345b853f93a626Scott Main height: 940px; } 56492124a924611bb8104658053bb5345b853f93a626Scott Main 56502124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-9x6 { 56512124a924611bb8104658053bb5345b853f93a626Scott Main height: 300px; } 56522124a924611bb8104658053bb5345b853f93a626Scott Main 56532124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-9x12 { 56542124a924611bb8104658053bb5345b853f93a626Scott Main height: 620px; } 56552124a924611bb8104658053bb5345b853f93a626Scott Main 56562124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-9x18 { 56572124a924611bb8104658053bb5345b853f93a626Scott Main height: 940px; } 56582124a924611bb8104658053bb5345b853f93a626Scott Main 56592124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-12x6 { 56602124a924611bb8104658053bb5345b853f93a626Scott Main height: 300px; } 56612124a924611bb8104658053bb5345b853f93a626Scott Main 56622124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-12x12 { 56632124a924611bb8104658053bb5345b853f93a626Scott Main height: 620px; } 56642124a924611bb8104658053bb5345b853f93a626Scott Main 56652124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-12x18 { 56662124a924611bb8104658053bb5345b853f93a626Scott Main height: 940px; } 56672124a924611bb8104658053bb5345b853f93a626Scott Main 56682124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-15x6 { 56692124a924611bb8104658053bb5345b853f93a626Scott Main height: 300px; } 56702124a924611bb8104658053bb5345b853f93a626Scott Main 56712124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-15x12 { 56722124a924611bb8104658053bb5345b853f93a626Scott Main height: 620px; } 56732124a924611bb8104658053bb5345b853f93a626Scott Main 56742124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-15x18 { 56752124a924611bb8104658053bb5345b853f93a626Scott Main height: 940px; } 56762124a924611bb8104658053bb5345b853f93a626Scott Main 56772124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-18x6 { 56782124a924611bb8104658053bb5345b853f93a626Scott Main height: 300px; } 56792124a924611bb8104658053bb5345b853f93a626Scott Main 56802124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-18x12 { 56812124a924611bb8104658053bb5345b853f93a626Scott Main height: 620px; } 56822124a924611bb8104658053bb5345b853f93a626Scott Main 56832124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-18x18 { 56842124a924611bb8104658053bb5345b853f93a626Scott Main height: 940px; } 56852124a924611bb8104658053bb5345b853f93a626Scott Main 56862124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-3x2 { 56872124a924611bb8104658053bb5345b853f93a626Scott Main height: 100px; } 56882124a924611bb8104658053bb5345b853f93a626Scott Main 56892124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-3x2x3 { 56902124a924611bb8104658053bb5345b853f93a626Scott Main height: 90px; 56912124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 15px; } 56922124a924611bb8104658053bb5345b853f93a626Scott Main 56932124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-3x3 { 56942124a924611bb8104658053bb5345b853f93a626Scott Main height: 150px; } 56952124a924611bb8104658053bb5345b853f93a626Scott Main 56962124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-3x3x2 { 56972124a924611bb8104658053bb5345b853f93a626Scott Main height: 142px; 56982124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 16px; } 56992124a924611bb8104658053bb5345b853f93a626Scott Main 57002124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-6x2 { 57012124a924611bb8104658053bb5345b853f93a626Scott Main height: 100px; } 57022124a924611bb8104658053bb5345b853f93a626Scott Main 57032124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-6x2x3 { 57042124a924611bb8104658053bb5345b853f93a626Scott Main height: 90px; 57052124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 15px; } 57062124a924611bb8104658053bb5345b853f93a626Scott Main 57072124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-6x3 { 57082124a924611bb8104658053bb5345b853f93a626Scott Main height: 150px; } 57092124a924611bb8104658053bb5345b853f93a626Scott Main 57102124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-6x3x2 { 57112124a924611bb8104658053bb5345b853f93a626Scott Main height: 142px; 57122124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 16px; } 57132124a924611bb8104658053bb5345b853f93a626Scott Main 57142124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-9x2 { 57152124a924611bb8104658053bb5345b853f93a626Scott Main height: 100px; } 57162124a924611bb8104658053bb5345b853f93a626Scott Main 57172124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-9x2x3 { 57182124a924611bb8104658053bb5345b853f93a626Scott Main height: 90px; 57192124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 15px; } 57202124a924611bb8104658053bb5345b853f93a626Scott Main 57212124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-9x3 { 57222124a924611bb8104658053bb5345b853f93a626Scott Main height: 150px; } 57232124a924611bb8104658053bb5345b853f93a626Scott Main 57242124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-9x3x2 { 57252124a924611bb8104658053bb5345b853f93a626Scott Main height: 142px; 57262124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 16px; } 57272124a924611bb8104658053bb5345b853f93a626Scott Main 57282124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-12x2 { 57292124a924611bb8104658053bb5345b853f93a626Scott Main height: 100px; } 57302124a924611bb8104658053bb5345b853f93a626Scott Main 57312124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-12x2x3 { 57322124a924611bb8104658053bb5345b853f93a626Scott Main height: 90px; 57332124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 15px; } 57342124a924611bb8104658053bb5345b853f93a626Scott Main 57352124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-12x3 { 57362124a924611bb8104658053bb5345b853f93a626Scott Main height: 150px; } 57372124a924611bb8104658053bb5345b853f93a626Scott Main 57382124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-12x3x2 { 57392124a924611bb8104658053bb5345b853f93a626Scott Main height: 142px; 57402124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 16px; } 57412124a924611bb8104658053bb5345b853f93a626Scott Main 57422124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-15x2 { 57432124a924611bb8104658053bb5345b853f93a626Scott Main height: 100px; } 57442124a924611bb8104658053bb5345b853f93a626Scott Main 57452124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-15x2x3 { 57462124a924611bb8104658053bb5345b853f93a626Scott Main height: 90px; 57472124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 15px; } 57482124a924611bb8104658053bb5345b853f93a626Scott Main 57492124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-15x3 { 57502124a924611bb8104658053bb5345b853f93a626Scott Main height: 150px; } 57512124a924611bb8104658053bb5345b853f93a626Scott Main 57522124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-15x3x2 { 57532124a924611bb8104658053bb5345b853f93a626Scott Main height: 142px; 57542124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 16px; } 57552124a924611bb8104658053bb5345b853f93a626Scott Main 57562124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-18x2 { 57572124a924611bb8104658053bb5345b853f93a626Scott Main height: 100px; } 57582124a924611bb8104658053bb5345b853f93a626Scott Main 57592124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-18x2x3 { 57602124a924611bb8104658053bb5345b853f93a626Scott Main height: 90px; 57612124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 15px; } 57622124a924611bb8104658053bb5345b853f93a626Scott Main 57632124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-18x3 { 57642124a924611bb8104658053bb5345b853f93a626Scott Main height: 150px; } 57652124a924611bb8104658053bb5345b853f93a626Scott Main 57662124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-18x3x2 { 57672124a924611bb8104658053bb5345b853f93a626Scott Main height: 142px; 57682124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 16px; } 57692124a924611bb8104658053bb5345b853f93a626Scott Main 57702124a924611bb8104658053bb5345b853f93a626Scott Main/* 57712124a924611bb8104658053bb5345b853f93a626Scott Main The following are styles for cards in the flowlayout above, styled by the number of rows they span 57722124a924611bb8104658053bb5345b853f93a626Scott Main*/ 57732124a924611bb8104658053bb5345b853f93a626Scott Main/* Single row, 2 column items. */ 57742124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-9x6 { 57752124a924611bb8104658053bb5345b853f93a626Scott Main height: 390px; } 57762124a924611bb8104658053bb5345b853f93a626Scott Main 57772124a924611bb8104658053bb5345b853f93a626Scott Main/* Double row, 1 column items. Eg full width video thumbnails. */ 57782124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-18x12 { 57792124a924611bb8104658053bb5345b853f93a626Scott Main height: 558px; } 57802124a924611bb8104658053bb5345b853f93a626Scott Main 57812124a924611bb8104658053bb5345b853f93a626Scott Main/* 1/3 row items */ 57822124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-3x2 > .card-bg, 57832124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-6x2 > .card-bg, 57842124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-9x2 > .card-bg, 57852124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-12x2 > .card-bg, 57862124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-15x2 > .card-bg, 57872124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-18x2 > .card-bg { 57882124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 57892124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 57902124a924611bb8104658053bb5345b853f93a626Scott Main width: 90px; 57912124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 57922124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 57932124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 57942124a924611bb8104658053bb5345b853f93a626Scott Main} 57952124a924611bb8104658053bb5345b853f93a626Scott Main 57962124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-3x2 > .card-info, .resource-card-6x2 > .card-info, .resource-card-9x2 > .card-info, .resource-card-12x2 > .card-info, .resource-card-15x2 > .card-info, .resource-card-18x2 > .card-info { 57972124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 57982124a924611bb8104658053bb5345b853f93a626Scott Main left: 90px; 57992124a924611bb8104658053bb5345b853f93a626Scott Main padding: 6px 12px; 58002124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 58012124a924611bb8104658053bb5345b853f93a626Scott Main} 58022124a924611bb8104658053bb5345b853f93a626Scott Main 58032124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-3x2 > .card-info .title, 58042124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-6x2 > .card-info .title, 58052124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-9x2 > .card-info .title, 58062124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-12x2 > .card-info .title, 58072124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-15x2 > .card-info .title, 58082124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-18x2 > .card-info .title { 58092124a924611bb8104658053bb5345b853f93a626Scott Main max-height: 69px; 58102124a924611bb8104658053bb5345b853f93a626Scott Main white-space: normal; 58112124a924611bb8104658053bb5345b853f93a626Scott Main} 58122124a924611bb8104658053bb5345b853f93a626Scott Main 58132124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-3x2 > .card-info .description, 58142124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-6x2 > .card-info .description, 58152124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-9x2 > .card-info .description, 58162124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-12x2 > .card-info .description, 58172124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-15x2 > .card-info .description, 58182124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-18x2 > .card-info .description { 58192124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 58202124a924611bb8104658053bb5345b853f93a626Scott Main} 58212124a924611bb8104658053bb5345b853f93a626Scott Main 58222124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-3x2 > .card-info .text, 58232124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-6x2 > .card-info .text, 58242124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-9x2 > .card-info .text, 58252124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-12x2 > .card-info .text, 58262124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-15x2 > .card-info .text, 58272124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-18x2 > .card-info .text { 58282124a924611bb8104658053bb5345b853f93a626Scott Main height: auto; 58292124a924611bb8104658053bb5345b853f93a626Scott Main} 58302124a924611bb8104658053bb5345b853f93a626Scott Main 58312124a924611bb8104658053bb5345b853f93a626Scott Main/* Override to show the description instead of the content section */ 58322124a924611bb8104658053bb5345b853f93a626Scott Main.no-section .resource-card-3x2 > .card-info .section, 58332124a924611bb8104658053bb5345b853f93a626Scott Main.no-section .resource-card-6x2 > .card-info .section { 58342124a924611bb8104658053bb5345b853f93a626Scott Main display: none; } 58352124a924611bb8104658053bb5345b853f93a626Scott Main 58362124a924611bb8104658053bb5345b853f93a626Scott Main.no-section .resource-card-3x2 > .card-info .description, 58372124a924611bb8104658053bb5345b853f93a626Scott Main.no-section .resource-card-6x2 > .card-info .description { 58382124a924611bb8104658053bb5345b853f93a626Scott Main display: block; } 58392124a924611bb8104658053bb5345b853f93a626Scott Main 58402124a924611bb8104658053bb5345b853f93a626Scott Main/* 1/2 row items */ 58412124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-3x3, .resource-card-6x3, .resource-card-9x3, .resource-card-12x3, .resource-card-15x3, .resource-card-18x3 { 58422124a924611bb8104658053bb5345b853f93a626Scott Main height: 160px; } 58432124a924611bb8104658053bb5345b853f93a626Scott Main .resource-card-3x3 > .card-bg, .resource-card-6x3 > .card-bg, .resource-card-9x3 > .card-bg, .resource-card-12x3 > .card-bg, .resource-card-15x3 > .card-bg, .resource-card-18x3 > .card-bg { 58442124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 58452124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 58462124a924611bb8104658053bb5345b853f93a626Scott Main width: 90px; 58472124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 58482124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 58492124a924611bb8104658053bb5345b853f93a626Scott Main display: block; } 58502124a924611bb8104658053bb5345b853f93a626Scott Main .resource-card-3x3 > .card-info, .resource-card-6x3 > .card-info, .resource-card-9x3 > .card-info, .resource-card-12x3 > .card-info, .resource-card-15x3 > .card-info, .resource-card-18x3 > .card-info { 58512124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 58522124a924611bb8104658053bb5345b853f93a626Scott Main left: 90px; 58532124a924611bb8104658053bb5345b853f93a626Scott Main padding: 6px 12px; } 58542124a924611bb8104658053bb5345b853f93a626Scott Main .resource-card-3x3 > .card-info .section, .resource-card-6x3 > .card-info .section, .resource-card-9x3 > .card-info .section, .resource-card-12x3 > .card-info .section, .resource-card-15x3 > .card-info .section, .resource-card-18x3 > .card-info .section { 58552124a924611bb8104658053bb5345b853f93a626Scott Main display: none; } 58562124a924611bb8104658053bb5345b853f93a626Scott Main .resource-card-3x3 > .card-info .title, .resource-card-6x3 > .card-info .title, .resource-card-9x3 > .card-info .title, .resource-card-12x3 > .card-info .title, .resource-card-15x3 > .card-info .title, .resource-card-18x3 > .card-info .title { 58572124a924611bb8104658053bb5345b853f93a626Scott Main max-height: 92px; 58582124a924611bb8104658053bb5345b853f93a626Scott Main white-space: normal; } 58592124a924611bb8104658053bb5345b853f93a626Scott Main .resource-card-3x3 > .card-info .text, .resource-card-6x3 > .card-info .text, .resource-card-9x3 > .card-info .text, .resource-card-12x3 > .card-info .text, .resource-card-15x3 > .card-info .text, .resource-card-18x3 > .card-info .text { 58602124a924611bb8104658053bb5345b853f93a626Scott Main height: auto; } 58612124a924611bb8104658053bb5345b853f93a626Scott Main .resource-card-3x3 > .card-info .util, .resource-card-6x3 > .card-info .util, .resource-card-9x3 > .card-info .util, .resource-card-12x3 > .card-info .util, .resource-card-15x3 > .card-info .util, .resource-card-18x3 > .card-info .util { 58622124a924611bb8104658053bb5345b853f93a626Scott Main display: none; } 58632124a924611bb8104658053bb5345b853f93a626Scott Main 58642124a924611bb8104658053bb5345b853f93a626Scott Main/* placement of plusone */ 58652124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-6x12 > .card-info .description .util, .resource-card-9x12 > .card-info .description .util, .resource-card-12x12 > .card-info .description .util, .resource-card-15x12 > .card-info .description .util { 58662124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 2px; } 58672124a924611bb8104658053bb5345b853f93a626Scott Main 58682124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card-18x12 > .card-info .description .util { 58692124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 2px; } 58702124a924611bb8104658053bb5345b853f93a626Scott Main 58712124a924611bb8104658053bb5345b853f93a626Scott Main/* Overrides for col-16 6x6 cards linking to local content on landing pages. 58722124a924611bb8104658053bb5345b853f93a626Scott Main Suppresses "section". */ 58732124a924611bb8104658053bb5345b853f93a626Scott Main.landing .card-info .section { 58742124a924611bb8104658053bb5345b853f93a626Scott Main display: none; } 58752124a924611bb8104658053bb5345b853f93a626Scott Main 58762124a924611bb8104658053bb5345b853f93a626Scott Main/* 58772124a924611bb8104658053bb5345b853f93a626Scott Main Generate a resource stack layout for a 3 column widget spanning 16 grid cols 58782124a924611bb8104658053bb5345b853f93a626Scott Main*/ 58792124a924611bb8104658053bb5345b853f93a626Scott Main.resource-stack-layout.col-16 { 58802124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 -14px 0 0; 58812124a924611bb8104658053bb5345b853f93a626Scott Main width: 954px; } 58822124a924611bb8104658053bb5345b853f93a626Scott Main .resource-stack-layout.col-16 .resource-card-stack { 58832124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 14px 0 0; 58842124a924611bb8104658053bb5345b853f93a626Scott Main width: 304px; } 58852124a924611bb8104658053bb5345b853f93a626Scott Main 58862124a924611bb8104658053bb5345b853f93a626Scott Main/* Example of card menu tinting */ 58872124a924611bb8104658053bb5345b853f93a626Scott Main.resource-widget[data-section=distribute\/tools] .section-card-menu .card-bg:after { 58882124a924611bb8104658053bb5345b853f93a626Scott Main background: rgba(126, 55, 148, 0.4) !important; } 58892124a924611bb8104658053bb5345b853f93a626Scott Main 58902124a924611bb8104658053bb5345b853f93a626Scott Main.resource-widget[data-section=distribute\/tools] .section-card-menu .card-section-icon .icon { 58912124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #7e3794 !important; } 58922124a924611bb8104658053bb5345b853f93a626Scott Main 58932124a924611bb8104658053bb5345b853f93a626Scott Main.resource-widget[data-section=distribute\/tools] .section-card-menu .card-info ul li { 58942124a924611bb8104658053bb5345b853f93a626Scott Main border-top-color: #7e3794 !important; } 58952124a924611bb8104658053bb5345b853f93a626Scott Main 58962124a924611bb8104658053bb5345b853f93a626Scott Main/* tinting for stacks */ 58972124a924611bb8104658053bb5345b853f93a626Scott Maindiv.jd-descr > .resource-widget[data-section=distribute\/tools] 58982124a924611bb8104658053bb5345b853f93a626Scott Main.section-card-menu .card-info ul li { 58992124a924611bb8104658053bb5345b853f93a626Scott Main border-top-color: #7e3794 !important; } 59002124a924611bb8104658053bb5345b853f93a626Scott Main 59012124a924611bb8104658053bb5345b853f93a626Scott Main/* Show more/less */ 59022124a924611bb8104658053bb5345b853f93a626Scott Main.dac-show-more, 59032124a924611bb8104658053bb5345b853f93a626Scott Main.dac-show-less { 59042124a924611bb8104658053bb5345b853f93a626Scott Main display: none !important; } 59052124a924611bb8104658053bb5345b853f93a626Scott Main 59062124a924611bb8104658053bb5345b853f93a626Scott Main.dac-has-more .dac-show-more { 59072124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block !important; } 59082124a924611bb8104658053bb5345b853f93a626Scott Main 59092124a924611bb8104658053bb5345b853f93a626Scott Main.dac-has-less .dac-show-less { 59102124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block !important; } 59112124a924611bb8104658053bb5345b853f93a626Scott Main 59122124a924611bb8104658053bb5345b853f93a626Scott Main.dac-fab, .dac-button-social, .button, .landing-button, 59132124a924611bb8104658053bb5345b853f93a626Scott Main.dac-button { 59142124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent; 59152124a924611bb8104658053bb5345b853f93a626Scott Main border: 0; 59162124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 3px; 59172124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 59182124a924611bb8104658053bb5345b853f93a626Scott Main color: currentColor; 59192124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 59202124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 59212124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 59222124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 14px; 59232124a924611bb8104658053bb5345b853f93a626Scott Main font-style: inherit; 59242124a924611bb8104658053bb5345b853f93a626Scott Main font-variant: inherit; 59252124a924611bb8104658053bb5345b853f93a626Scott Main font-family: inherit; 59262124a924611bb8104658053bb5345b853f93a626Scott Main letter-spacing: .5px; 59272124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 24px; 59282124a924611bb8104658053bb5345b853f93a626Scott Main margin: 6px 16px 6px 0; 59292124a924611bb8104658053bb5345b853f93a626Scott Main min-width: 88px; 59302124a924611bb8104658053bb5345b853f93a626Scott Main outline: 0; 59312124a924611bb8104658053bb5345b853f93a626Scott Main padding: 6px 12px; 59322124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 59332124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 59342124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration: none; 59352124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: uppercase; 59362124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); 59372124a924611bb8104658053bb5345b853f93a626Scott Main transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); 59382124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-user-select: none; 59392124a924611bb8104658053bb5345b853f93a626Scott Main -moz-user-select: none; 59402124a924611bb8104658053bb5345b853f93a626Scott Main -ms-user-select: none; 59412124a924611bb8104658053bb5345b853f93a626Scott Main user-select: none; 59422124a924611bb8104658053bb5345b853f93a626Scott Main white-space: nowrap; } 59432124a924611bb8104658053bb5345b853f93a626Scott Main 59442124a924611bb8104658053bb5345b853f93a626Scott Main.button, .landing-button, 59452124a924611bb8104658053bb5345b853f93a626Scott Main.dac-button.dac-raised { 59462124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #FAFAFA; 59472124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); } 59482124a924611bb8104658053bb5345b853f93a626Scott Main 59492124a924611bb8104658053bb5345b853f93a626Scott Main.dac-button.dac-raised.dac-primary, .landing-secondary, .button { 59502124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #039bef; } 59512124a924611bb8104658053bb5345b853f93a626Scott Main .dac-button.dac-raised.dac-primary:hover, .landing-secondary:hover, .button:hover { 59522124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #0288d1; } 59532124a924611bb8104658053bb5345b853f93a626Scott Main .dac-button.dac-raised.dac-primary:active, .landing-secondary:active, .button:active { 59542124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #0277bd; } 59552124a924611bb8104658053bb5345b853f93a626Scott Main .dac-button.dac-raised.dac-primary.disabled, .button.disabled { 59562124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #bbb; } 59572124a924611bb8104658053bb5345b853f93a626Scott Main 59582124a924611bb8104658053bb5345b853f93a626Scott Main.dac-button.dac-raised.dac-red, .landing-primary { 59592124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #bf3722; } 59602124a924611bb8104658053bb5345b853f93a626Scott Main .dac-button.dac-raised.dac-red:hover, .landing-primary:hover { 59612124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #9c2d1c; } 59622124a924611bb8104658053bb5345b853f93a626Scott Main .dac-button.dac-raised.dac-red:active, .landing-primary:active { 59632124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #822517; } 59642124a924611bb8104658053bb5345b853f93a626Scott Main 59652124a924611bb8104658053bb5345b853f93a626Scott Main.dac-button.dac-raised.dac-green, .landing-button.green { 59662124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #90c653; } 59672124a924611bb8104658053bb5345b853f93a626Scott Main .dac-button.dac-raised.dac-green:hover, .landing-button.green:hover { 59682124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #79b03b; } 59692124a924611bb8104658053bb5345b853f93a626Scott Main .dac-button.dac-raised.dac-green:active, .landing-button.green:active { 59702124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #699933; } 59712124a924611bb8104658053bb5345b853f93a626Scott Main 59722124a924611bb8104658053bb5345b853f93a626Scott Main.dac-button.dac-raised.dac-primary, .landing-secondary, .button, 59732124a924611bb8104658053bb5345b853f93a626Scott Main.dac-button.dac-raised.dac-red, 59742124a924611bb8104658053bb5345b853f93a626Scott Main.landing-primary, 59752124a924611bb8104658053bb5345b853f93a626Scott Main.dac-button.dac-raised.dac-green, 59762124a924611bb8104658053bb5345b853f93a626Scott Main.landing-button.green { 59772124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; } 59782124a924611bb8104658053bb5345b853f93a626Scott Main 59792124a924611bb8104658053bb5345b853f93a626Scott Main.dac-button.dac-large, .landing-button { 59802124a924611bb8104658053bb5345b853f93a626Scott Main padding: 12px 24px; } 59812124a924611bb8104658053bb5345b853f93a626Scott Main 59822124a924611bb8104658053bb5345b853f93a626Scott Main.landing-button-wrap { 59832124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 59842124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 40px; 59852124a924611bb8104658053bb5345b853f93a626Scott Main width: auto; 59862124a924611bb8104658053bb5345b853f93a626Scott Main} 59872124a924611bb8104658053bb5345b853f93a626Scott Main 59882124a924611bb8104658053bb5345b853f93a626Scott Main.dac-fab, .dac-button-social { 59892124a924611bb8104658053bb5345b853f93a626Scott Main background: #fff; 59902124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); 59912124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 50%; 59922124a924611bb8104658053bb5345b853f93a626Scott Main height: 36px; 59932124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 36px; 59942124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 59952124a924611bb8104658053bb5345b853f93a626Scott Main min-width: 0; 59962124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 59972124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 59982124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: middle; 59992124a924611bb8104658053bb5345b853f93a626Scott Main width: 36px; } 60002124a924611bb8104658053bb5345b853f93a626Scott Main .dac-fab:hover, .dac-button-social:hover, 60012124a924611bb8104658053bb5345b853f93a626Scott Main a:hover > .dac-fab, 60022124a924611bb8104658053bb5345b853f93a626Scott Main a:hover > .dac-button-social { 60032124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26); } 60042124a924611bb8104658053bb5345b853f93a626Scott Main .dac-fab > .dac-sprite, .dac-button-social > .dac-sprite, .dac-fab > .dac-modal-header-close:before, .dac-button-social > .dac-modal-header-close:before, .paging-links .dac-fab > .prev-page-link:before, .paging-links .dac-button-social > .prev-page-link:before, .paging-links .dac-fab > .next-page-link:before, .paging-links .dac-button-social > .next-page-link:before, .paging-links .dac-fab > .next-class-link:before, .paging-links .dac-button-social > .next-class-link:before, .paging-links .dac-fab > .start-class-link:after, .paging-links .dac-button-social > .start-class-link:after { 60052124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: -2px; } 60062124a924611bb8104658053bb5345b853f93a626Scott Main .dac-fab.dac-primary, .dac-primary.dac-button-social { 60072124a924611bb8104658053bb5345b853f93a626Scott Main background: #00c7a0; } 60082124a924611bb8104658053bb5345b853f93a626Scott Main .dac-fab.dac-large, .dac-large.dac-button-social { 60092124a924611bb8104658053bb5345b853f93a626Scott Main height: 54px; 60102124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 54px; 60112124a924611bb8104658053bb5345b853f93a626Scott Main width: 54px; } 60122124a924611bb8104658053bb5345b853f93a626Scott Main 60132124a924611bb8104658053bb5345b853f93a626Scott Main.dac-button-social { 60142124a924611bb8104658053bb5345b853f93a626Scott Main background: #ccc; 60152124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: none; 60162124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 60172124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; } 60182124a924611bb8104658053bb5345b853f93a626Scott Main .dac-button-social::after { 60192124a924611bb8104658053bb5345b853f93a626Scott Main background: rgba(0, 0, 0, 0.2); 60202124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 50%; 60212124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 60222124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 60232124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 60242124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 60252124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; 60262124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 60272124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 60282124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 60292124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity .3s; 60302124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity .3s; } 60312124a924611bb8104658053bb5345b853f93a626Scott Main .dac-button-social:hover { 60322124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: none; } 60332124a924611bb8104658053bb5345b853f93a626Scott Main .dac-button-social:active::after { 60342124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; } 60352124a924611bb8104658053bb5345b853f93a626Scott Main .dac-button-social:focus.dac-rss, .dac-button-social:hover.dac-rss { 60362124a924611bb8104658053bb5345b853f93a626Scott Main background: #ff9800; } 60372124a924611bb8104658053bb5345b853f93a626Scott Main .dac-button-social:focus.dac-youtube, .dac-button-social:hover.dac-youtube { 60382124a924611bb8104658053bb5345b853f93a626Scott Main background: #f44336; } 60392124a924611bb8104658053bb5345b853f93a626Scott Main .dac-button-social:focus.dac-gplus, .dac-button-social:hover.dac-gplus { 60402124a924611bb8104658053bb5345b853f93a626Scott Main background: #f44336; } 60412124a924611bb8104658053bb5345b853f93a626Scott Main .dac-button-social:focus.dac-twitter, .dac-button-social:hover.dac-twitter { 60422124a924611bb8104658053bb5345b853f93a626Scott Main background: #55acee; } 60432124a924611bb8104658053bb5345b853f93a626Scott Main 60442124a924611bb8104658053bb5345b853f93a626Scott Main.dac-action { 60452124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 60462124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 16px; } 60472124a924611bb8104658053bb5345b853f93a626Scott Main .dac-action-link { 60482124a924611bb8104658053bb5345b853f93a626Scott Main color: inherit; 60492124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 24px; 60502124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 300; 60512124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 50px; 60522124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity .3s; 60532124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity .3s; } 60542124a924611bb8104658053bb5345b853f93a626Scott Main .dac-action-link:hover { 60552124a924611bb8104658053bb5345b853f93a626Scott Main color: inherit; 60562124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .54; } 60572124a924611bb8104658053bb5345b853f93a626Scott Main .dac-action-sprite { 60582124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: -12px; 60592124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: -8px; } 60602124a924611bb8104658053bb5345b853f93a626Scott Main .dac-actions { 60612124a924611bb8104658053bb5345b853f93a626Scott Main list-style-type: none; 60622124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 60632124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 24px; 60642124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 24px; 60652124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; } 60662124a924611bb8104658053bb5345b853f93a626Scott Main @media (max-width: 719px) { 60672124a924611bb8104658053bb5345b853f93a626Scott Main .dac-actions { 60682124a924611bb8104658053bb5345b853f93a626Scott Main text-align: left; } } 60692124a924611bb8104658053bb5345b853f93a626Scott Main @media (max-width: 719px) { 60702124a924611bb8104658053bb5345b853f93a626Scott Main .dac-action { 60712124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 60722124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; } } 60732124a924611bb8104658053bb5345b853f93a626Scott Main 60742124a924611bb8104658053bb5345b853f93a626Scott Main.dac-scroll-button { 60752124a924611bb8104658053bb5345b853f93a626Scott Main height: 54px; 60762124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 54px; 60772124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 60782124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 60792124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 60802124a924611bb8104658053bb5345b853f93a626Scott Main top: -27px; 60812124a924611bb8104658053bb5345b853f93a626Scott Main width: 54px; 60822124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 1; } 60832124a924611bb8104658053bb5345b853f93a626Scott Main @media (max-width: 719px) { 60842124a924611bb8104658053bb5345b853f93a626Scott Main .dac-scroll-button { 60852124a924611bb8104658053bb5345b853f93a626Scott Main display: none; } } 60862124a924611bb8104658053bb5345b853f93a626Scott Main 60872124a924611bb8104658053bb5345b853f93a626Scott Main/* Footer component */ 60882124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer { 60892124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #fff; 60902124a924611bb8104658053bb5345b853f93a626Scott Main border-top: 1px solid #f0f0f0; 60912124a924611bb8104658053bb5345b853f93a626Scott Main clear: both; 60922124a924611bb8104658053bb5345b853f93a626Scott Main color: #999; 60932124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 12px; 60942124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 96px; 60952124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 20px; 60962124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 60972124a924611bb8104658053bb5345b853f93a626Scott Main} 60982124a924611bb8104658053bb5345b853f93a626Scott Main 60992124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer a { 61002124a924611bb8104658053bb5345b853f93a626Scott Main color: #999; 61012124a924611bb8104658053bb5345b853f93a626Scott Main} 61022124a924611bb8104658053bb5345b853f93a626Scott Main 61032124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer p { 61042124a924611bb8104658053bb5345b853f93a626Scott Main margin: 7px 0 0; 61052124a924611bb8104658053bb5345b853f93a626Scott Main} 61062124a924611bb8104658053bb5345b853f93a626Scott Main 61072124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer-main { 61082124a924611bb8104658053bb5345b853f93a626Scott Main padding: 30px 0; 61092124a924611bb8104658053bb5345b853f93a626Scott Main} 61102124a924611bb8104658053bb5345b853f93a626Scott Main 61112124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer-reachout { 61122124a924611bb8104658053bb5345b853f93a626Scott Main text-align: right; 61132124a924611bb8104658053bb5345b853f93a626Scott Main} 61142124a924611bb8104658053bb5345b853f93a626Scott Main 61152124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer-contact, 61162124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer-social { 61172124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 61182124a924611bb8104658053bb5345b853f93a626Scott Main} 61192124a924611bb8104658053bb5345b853f93a626Scott Main 61202124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer .dac-footer-getnews, 61212124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer .dac-footer-contact-link { 61222124a924611bb8104658053bb5345b853f93a626Scott Main color: #000; 61232124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 61242124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 20px; 61252124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 300; 61262124a924611bb8104658053bb5345b853f93a626Scott Main margin: 8px 0; 61272124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: middle; 61282124a924611bb8104658053bb5345b853f93a626Scott Main} 61292124a924611bb8104658053bb5345b853f93a626Scott Main 61302124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer .dac-footer-contact-link, 61312124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer .dac-footer-social-link { 61322124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 16px; 61332124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 0; 61342124a924611bb8104658053bb5345b853f93a626Scott Main} 61352124a924611bb8104658053bb5345b853f93a626Scott Main 61362124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer-getnews > .dac-fab, .dac-footer-getnews > .dac-button-social { 61372124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 4px; 61382124a924611bb8104658053bb5345b853f93a626Scott Main} 61392124a924611bb8104658053bb5345b853f93a626Scott Main 61402124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer-separator { 61412124a924611bb8104658053bb5345b853f93a626Scott Main background: #f0f0f0; 61422124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 12px; 61432124a924611bb8104658053bb5345b853f93a626Scott Main} 61442124a924611bb8104658053bb5345b853f93a626Scott Main 61452124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer-links { 61462124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 61472124a924611bb8104658053bb5345b853f93a626Scott Main margin: 10px 0 60px; 61482124a924611bb8104658053bb5345b853f93a626Scott Main width: 50%; 61492124a924611bb8104658053bb5345b853f93a626Scott Main} 61502124a924611bb8104658053bb5345b853f93a626Scott Main 61512124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer-links a + a:before { 61522124a924611bb8104658053bb5345b853f93a626Scott Main content: '|'; 61532124a924611bb8104658053bb5345b853f93a626Scott Main cursor: default; 61542124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 10px 0 8px; 61552124a924611bb8104658053bb5345b853f93a626Scott Main} 61562124a924611bb8104658053bb5345b853f93a626Scott Main 61572124a924611bb8104658053bb5345b853f93a626Scott Main.devsite-utility-footer-language { 61582124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 61592124a924611bb8104658053bb5345b853f93a626Scott Main margin: 10px 0 60px; 61602124a924611bb8104658053bb5345b853f93a626Scott Main width: 50%; 61612124a924611bb8104658053bb5345b853f93a626Scott Main} 61622124a924611bb8104658053bb5345b853f93a626Scott Main 61632124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer .locales { 61642124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 61652124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 61662124a924611bb8104658053bb5345b853f93a626Scott Main} 61672124a924611bb8104658053bb5345b853f93a626Scott Main 61682124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer .locales select { 61692124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #f0f0f0; 61702124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 3px; 61712124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 12px; 61722124a924611bb8104658053bb5345b853f93a626Scott Main height: auto; 61732124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: -2px; 61742124a924611bb8104658053bb5345b853f93a626Scott Main padding: 8px 12px; 61752124a924611bb8104658053bb5345b853f93a626Scott Main width: 146px; 61762124a924611bb8104658053bb5345b853f93a626Scott Main} 61772124a924611bb8104658053bb5345b853f93a626Scott Main 61782124a924611bb8104658053bb5345b853f93a626Scott Main.dac-footer.dac-landing { 61792124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 0; 61802124a924611bb8104658053bb5345b853f93a626Scott Main border-top: 0; 61812124a924611bb8104658053bb5345b853f93a626Scott Main} 61822124a924611bb8104658053bb5345b853f93a626Scott Main 61832124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 61842124a924611bb8104658053bb5345b853f93a626Scott Main .dac-footer-reachout { 61852124a924611bb8104658053bb5345b853f93a626Scott Main text-align: left; 61862124a924611bb8104658053bb5345b853f93a626Scott Main } 61872124a924611bb8104658053bb5345b853f93a626Scott Main 61882124a924611bb8104658053bb5345b853f93a626Scott Main .dac-footer-social { 61892124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 61902124a924611bb8104658053bb5345b853f93a626Scott Main } 61912124a924611bb8104658053bb5345b853f93a626Scott Main 61922124a924611bb8104658053bb5345b853f93a626Scott Main .dac-footer-social-link, 61932124a924611bb8104658053bb5345b853f93a626Scott Main .dac-footer-contact-link { 61942124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 61952124a924611bb8104658053bb5345b853f93a626Scott Main } 61962124a924611bb8104658053bb5345b853f93a626Scott Main 61972124a924611bb8104658053bb5345b853f93a626Scott Main .dac-footer .dac-footer-contact-link, 61982124a924611bb8104658053bb5345b853f93a626Scott Main .dac-footer .dac-footer-social-link { 61992124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 0; 62002124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 16px; 62012124a924611bb8104658053bb5345b853f93a626Scott Main } 62022124a924611bb8104658053bb5345b853f93a626Scott Main 62032124a924611bb8104658053bb5345b853f93a626Scott Main .dac-footer-links { 62042124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 62052124a924611bb8104658053bb5345b853f93a626Scott Main float: none; 62062124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 62072124a924611bb8104658053bb5345b853f93a626Scott Main } 62082124a924611bb8104658053bb5345b853f93a626Scott Main 62092124a924611bb8104658053bb5345b853f93a626Scott Main .devsite-utility-footer-language { 62102124a924611bb8104658053bb5345b853f93a626Scott Main float: none; 62112124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 20px; 62122124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 62132124a924611bb8104658053bb5345b853f93a626Scott Main } 62142124a924611bb8104658053bb5345b853f93a626Scott Main 62152124a924611bb8104658053bb5345b853f93a626Scott Main .dac-footer .locales { 62162124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 62172124a924611bb8104658053bb5345b853f93a626Scott Main float: none; 62182124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 15px; 62192124a924611bb8104658053bb5345b853f93a626Scott Main } 62202124a924611bb8104658053bb5345b853f93a626Scott Main} 62212124a924611bb8104658053bb5345b853f93a626Scott Main 62222124a924611bb8104658053bb5345b853f93a626Scott Main/* ============================================================================= 62232124a924611bb8104658053bb5345b853f93a626Scott Main Columns 62242124a924611bb8104658053bb5345b853f93a626Scott Main ========================================================================== */ 62252124a924611bb8104658053bb5345b853f93a626Scott Main.wrap { 62262124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 auto; 62272124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 940px; 62282124a924611bb8104658053bb5345b853f93a626Scott Main clear: both; 62292124a924611bb8104658053bb5345b853f93a626Scott Main} 62302124a924611bb8104658053bb5345b853f93a626Scott Main 62312124a924611bb8104658053bb5345b853f93a626Scott Main.dac-fullscreen-mode .wrap { 62322124a924611bb8104658053bb5345b853f93a626Scott Main max-width: none; 62332124a924611bb8104658053bb5345b853f93a626Scott Main} 62342124a924611bb8104658053bb5345b853f93a626Scott Main 62352124a924611bb8104658053bb5345b853f93a626Scott Main.dac-fullscreen-mode .dac-search-open .wrap { 62362124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 940px; 62372124a924611bb8104658053bb5345b853f93a626Scott Main} 62382124a924611bb8104658053bb5345b853f93a626Scott Main 62392124a924611bb8104658053bb5345b853f93a626Scott Main.cols { 62402124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: -10px; 62412124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: -10px; 62422124a924611bb8104658053bb5345b853f93a626Scott Main /** 62432124a924611bb8104658053bb5345b853f93a626Scott Main * For modern browsers 62442124a924611bb8104658053bb5345b853f93a626Scott Main * 1. The space content is one way to avoid an Opera bug when the 62452124a924611bb8104658053bb5345b853f93a626Scott Main * contenteditable attribute is included anywhere else in the document. 62462124a924611bb8104658053bb5345b853f93a626Scott Main * Otherwise it causes space to appear at the top and bottom of elements 62472124a924611bb8104658053bb5345b853f93a626Scott Main * that are clearfixed. 62482124a924611bb8104658053bb5345b853f93a626Scott Main * 2. The use of `table` rather than `block` is only necessary if using 62492124a924611bb8104658053bb5345b853f93a626Scott Main * `:before` to contain the top-margins of child elements. 62502124a924611bb8104658053bb5345b853f93a626Scott Main */ } 62512124a924611bb8104658053bb5345b853f93a626Scott Main .cols:before, .cols:after { 62522124a924611bb8104658053bb5345b853f93a626Scott Main content: ' '; 62532124a924611bb8104658053bb5345b853f93a626Scott Main /* 1 */ 62542124a924611bb8104658053bb5345b853f93a626Scott Main display: table; 62552124a924611bb8104658053bb5345b853f93a626Scott Main /* 2 */ } 62562124a924611bb8104658053bb5345b853f93a626Scott Main .cols:after { 62572124a924611bb8104658053bb5345b853f93a626Scott Main clear: both; } 62582124a924611bb8104658053bb5345b853f93a626Scott Main 62592124a924611bb8104658053bb5345b853f93a626Scott Main[class*=col-] { 62602124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 62612124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 62622124a924611bb8104658053bb5345b853f93a626Scott Main min-height: 1px; 62632124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 10px; 62642124a924611bb8104658053bb5345b853f93a626Scott Main padding-right: 10px; 62652124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; } 62662124a924611bb8104658053bb5345b853f93a626Scott Main 62672124a924611bb8104658053bb5345b853f93a626Scott Main.col-1 { 62682124a924611bb8104658053bb5345b853f93a626Scott Main width: 6.25%; } 62692124a924611bb8104658053bb5345b853f93a626Scott Main 62702124a924611bb8104658053bb5345b853f93a626Scott Main.col-2 { 62712124a924611bb8104658053bb5345b853f93a626Scott Main width: 12.5%; } 62722124a924611bb8104658053bb5345b853f93a626Scott Main 62732124a924611bb8104658053bb5345b853f93a626Scott Main.col-3 { 62742124a924611bb8104658053bb5345b853f93a626Scott Main width: 18.75%; } 62752124a924611bb8104658053bb5345b853f93a626Scott Main 62762124a924611bb8104658053bb5345b853f93a626Scott Main.col-4 { 62772124a924611bb8104658053bb5345b853f93a626Scott Main width: 25%; } 62782124a924611bb8104658053bb5345b853f93a626Scott Main 62792124a924611bb8104658053bb5345b853f93a626Scott Main.col-5 { 62802124a924611bb8104658053bb5345b853f93a626Scott Main width: 31.25%; } 62812124a924611bb8104658053bb5345b853f93a626Scott Main 62822124a924611bb8104658053bb5345b853f93a626Scott Main.col-6 { 62832124a924611bb8104658053bb5345b853f93a626Scott Main width: 37.5%; } 62842124a924611bb8104658053bb5345b853f93a626Scott Main 62852124a924611bb8104658053bb5345b853f93a626Scott Main.col-7 { 62862124a924611bb8104658053bb5345b853f93a626Scott Main width: 43.75%; } 62872124a924611bb8104658053bb5345b853f93a626Scott Main 62882124a924611bb8104658053bb5345b853f93a626Scott Main.col-8 { 62892124a924611bb8104658053bb5345b853f93a626Scott Main width: 50%; } 62902124a924611bb8104658053bb5345b853f93a626Scott Main 62912124a924611bb8104658053bb5345b853f93a626Scott Main.col-9 { 62922124a924611bb8104658053bb5345b853f93a626Scott Main width: 56.25%; } 62932124a924611bb8104658053bb5345b853f93a626Scott Main 62942124a924611bb8104658053bb5345b853f93a626Scott Main.col-10 { 62952124a924611bb8104658053bb5345b853f93a626Scott Main width: 62.5%; } 62962124a924611bb8104658053bb5345b853f93a626Scott Main 62972124a924611bb8104658053bb5345b853f93a626Scott Main.col-11 { 62982124a924611bb8104658053bb5345b853f93a626Scott Main width: 68.75%; } 62992124a924611bb8104658053bb5345b853f93a626Scott Main 63002124a924611bb8104658053bb5345b853f93a626Scott Main.col-12 { 63012124a924611bb8104658053bb5345b853f93a626Scott Main width: 75%; } 63022124a924611bb8104658053bb5345b853f93a626Scott Main 63032124a924611bb8104658053bb5345b853f93a626Scott Main.col-13 { 63042124a924611bb8104658053bb5345b853f93a626Scott Main width: 81.25%; } 63052124a924611bb8104658053bb5345b853f93a626Scott Main 63062124a924611bb8104658053bb5345b853f93a626Scott Main.col-14 { 63072124a924611bb8104658053bb5345b853f93a626Scott Main width: 87.5%; } 63082124a924611bb8104658053bb5345b853f93a626Scott Main 63092124a924611bb8104658053bb5345b853f93a626Scott Main.col-15 { 63102124a924611bb8104658053bb5345b853f93a626Scott Main width: 93.75%; } 63112124a924611bb8104658053bb5345b853f93a626Scott Main 63122124a924611bb8104658053bb5345b853f93a626Scott Main.col-16 { 63132124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; } 63142124a924611bb8104658053bb5345b853f93a626Scott Main 63152124a924611bb8104658053bb5345b853f93a626Scott Main.col-13 .col-1 { 63162124a924611bb8104658053bb5345b853f93a626Scott Main width: 7.69230769%; } 63172124a924611bb8104658053bb5345b853f93a626Scott Main 63182124a924611bb8104658053bb5345b853f93a626Scott Main.col-13 .col-2 { 63192124a924611bb8104658053bb5345b853f93a626Scott Main width: 15.38461538%; } 63202124a924611bb8104658053bb5345b853f93a626Scott Main 63212124a924611bb8104658053bb5345b853f93a626Scott Main.col-13 .col-3 { 63222124a924611bb8104658053bb5345b853f93a626Scott Main width: 23.07692308%; } 63232124a924611bb8104658053bb5345b853f93a626Scott Main 63242124a924611bb8104658053bb5345b853f93a626Scott Main.col-13 .col-4 { 63252124a924611bb8104658053bb5345b853f93a626Scott Main width: 30.76923077%; } 63262124a924611bb8104658053bb5345b853f93a626Scott Main 63272124a924611bb8104658053bb5345b853f93a626Scott Main.col-13 .col-5 { 63282124a924611bb8104658053bb5345b853f93a626Scott Main width: 38.46153846%; } 63292124a924611bb8104658053bb5345b853f93a626Scott Main 63302124a924611bb8104658053bb5345b853f93a626Scott Main.col-13 .col-6 { 63312124a924611bb8104658053bb5345b853f93a626Scott Main width: 46.15384615%; } 63322124a924611bb8104658053bb5345b853f93a626Scott Main 63332124a924611bb8104658053bb5345b853f93a626Scott Main.col-13 .col-7 { 63342124a924611bb8104658053bb5345b853f93a626Scott Main width: 53.84615385%; } 63352124a924611bb8104658053bb5345b853f93a626Scott Main 63362124a924611bb8104658053bb5345b853f93a626Scott Main.col-13 .col-8 { 63372124a924611bb8104658053bb5345b853f93a626Scott Main width: 61.53846154%; } 63382124a924611bb8104658053bb5345b853f93a626Scott Main 63392124a924611bb8104658053bb5345b853f93a626Scott Main.col-13 .col-9 { 63402124a924611bb8104658053bb5345b853f93a626Scott Main width: 69.23076923%; } 63412124a924611bb8104658053bb5345b853f93a626Scott Main 63422124a924611bb8104658053bb5345b853f93a626Scott Main.col-13 .col-10 { 63432124a924611bb8104658053bb5345b853f93a626Scott Main width: 76.92307692%; } 63442124a924611bb8104658053bb5345b853f93a626Scott Main 63452124a924611bb8104658053bb5345b853f93a626Scott Main.col-13 .col-11 { 63462124a924611bb8104658053bb5345b853f93a626Scott Main width: 84.61538462%; } 63472124a924611bb8104658053bb5345b853f93a626Scott Main 63482124a924611bb8104658053bb5345b853f93a626Scott Main.col-13 .col-12 { 63492124a924611bb8104658053bb5345b853f93a626Scott Main width: 92.30769231%; } 63502124a924611bb8104658053bb5345b853f93a626Scott Main 63512124a924611bb8104658053bb5345b853f93a626Scott Main.col-13 .col-13 { 63522124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; } 63532124a924611bb8104658053bb5345b853f93a626Scott Main 63542124a924611bb8104658053bb5345b853f93a626Scott Main.col-12 .col-1 { 63552124a924611bb8104658053bb5345b853f93a626Scott Main width: 8.33333333%; } 63562124a924611bb8104658053bb5345b853f93a626Scott Main 63572124a924611bb8104658053bb5345b853f93a626Scott Main.col-12 .col-2 { 63582124a924611bb8104658053bb5345b853f93a626Scott Main width: 16.66666667%; } 63592124a924611bb8104658053bb5345b853f93a626Scott Main 63602124a924611bb8104658053bb5345b853f93a626Scott Main.col-12 .col-3 { 63612124a924611bb8104658053bb5345b853f93a626Scott Main width: 25%; } 63622124a924611bb8104658053bb5345b853f93a626Scott Main 63632124a924611bb8104658053bb5345b853f93a626Scott Main.col-12 .col-4 { 63642124a924611bb8104658053bb5345b853f93a626Scott Main width: 33.33333333%; } 63652124a924611bb8104658053bb5345b853f93a626Scott Main 63662124a924611bb8104658053bb5345b853f93a626Scott Main.col-12 .col-5 { 63672124a924611bb8104658053bb5345b853f93a626Scott Main width: 41.66666667%; } 63682124a924611bb8104658053bb5345b853f93a626Scott Main 63692124a924611bb8104658053bb5345b853f93a626Scott Main.col-12 .col-6 { 63702124a924611bb8104658053bb5345b853f93a626Scott Main width: 50%; } 63712124a924611bb8104658053bb5345b853f93a626Scott Main 63722124a924611bb8104658053bb5345b853f93a626Scott Main.col-12 .col-7 { 63732124a924611bb8104658053bb5345b853f93a626Scott Main width: 58.33333333%; } 63742124a924611bb8104658053bb5345b853f93a626Scott Main 63752124a924611bb8104658053bb5345b853f93a626Scott Main.col-12 .col-8 { 63762124a924611bb8104658053bb5345b853f93a626Scott Main width: 66.66666667%; } 63772124a924611bb8104658053bb5345b853f93a626Scott Main 63782124a924611bb8104658053bb5345b853f93a626Scott Main.col-12 .col-9 { 63792124a924611bb8104658053bb5345b853f93a626Scott Main width: 75%; } 63802124a924611bb8104658053bb5345b853f93a626Scott Main 63812124a924611bb8104658053bb5345b853f93a626Scott Main.col-12 .col-10 { 63822124a924611bb8104658053bb5345b853f93a626Scott Main width: 83.33333333%; } 63832124a924611bb8104658053bb5345b853f93a626Scott Main 63842124a924611bb8104658053bb5345b853f93a626Scott Main.col-12 .col-11 { 63852124a924611bb8104658053bb5345b853f93a626Scott Main width: 91.66666667%; } 63862124a924611bb8104658053bb5345b853f93a626Scott Main 63872124a924611bb8104658053bb5345b853f93a626Scott Main.col-12 .col-12 { 63882124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; } 63892124a924611bb8104658053bb5345b853f93a626Scott Main 63902124a924611bb8104658053bb5345b853f93a626Scott Main.col-1of1, .col-2of2, .col-3of3, .col-4of4, .col-5of5, .col-6of6, .col-8of8, .col-10of10, .col-12of12, .col-16of16 { 63912124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; } 63922124a924611bb8104658053bb5345b853f93a626Scott Main 63932124a924611bb8104658053bb5345b853f93a626Scott Main.col-1of2, .col-2of4, .col-3of6, .col-4of8, .col-5of10, .col-6of12, .col-8of16 { 63942124a924611bb8104658053bb5345b853f93a626Scott Main width: 50%; } 63952124a924611bb8104658053bb5345b853f93a626Scott Main 63962124a924611bb8104658053bb5345b853f93a626Scott Main.col-1of3, .col-2of6, .col-4of12 { 63972124a924611bb8104658053bb5345b853f93a626Scott Main width: 33.33333333%; } 63982124a924611bb8104658053bb5345b853f93a626Scott Main 63992124a924611bb8104658053bb5345b853f93a626Scott Main.col-2of3, .col-4of6, .col-8of12 { 64002124a924611bb8104658053bb5345b853f93a626Scott Main width: 66.66666667%; } 64012124a924611bb8104658053bb5345b853f93a626Scott Main 64022124a924611bb8104658053bb5345b853f93a626Scott Main.col-1of4, .col-2of8, .col-3of12, .col-4of16 { 64032124a924611bb8104658053bb5345b853f93a626Scott Main width: 25%; } 64042124a924611bb8104658053bb5345b853f93a626Scott Main 64052124a924611bb8104658053bb5345b853f93a626Scott Main.col-3of4, .col-6of8, .col-9of12, .col-12of16 { 64062124a924611bb8104658053bb5345b853f93a626Scott Main width: 75%; } 64072124a924611bb8104658053bb5345b853f93a626Scott Main 64082124a924611bb8104658053bb5345b853f93a626Scott Main.col-1of5, .col-2of10 { 64092124a924611bb8104658053bb5345b853f93a626Scott Main width: 20%; } 64102124a924611bb8104658053bb5345b853f93a626Scott Main 64112124a924611bb8104658053bb5345b853f93a626Scott Main.col-2of5, .col-4of10 { 64122124a924611bb8104658053bb5345b853f93a626Scott Main width: 40%; } 64132124a924611bb8104658053bb5345b853f93a626Scott Main 64142124a924611bb8104658053bb5345b853f93a626Scott Main.col-3of5, .col-6of10 { 64152124a924611bb8104658053bb5345b853f93a626Scott Main width: 60%; } 64162124a924611bb8104658053bb5345b853f93a626Scott Main 64172124a924611bb8104658053bb5345b853f93a626Scott Main.col-4of5, .col-8of10 { 64182124a924611bb8104658053bb5345b853f93a626Scott Main width: 80%; } 64192124a924611bb8104658053bb5345b853f93a626Scott Main 64202124a924611bb8104658053bb5345b853f93a626Scott Main.col-1of6, .col-2of12 { 64212124a924611bb8104658053bb5345b853f93a626Scott Main width: 16.66666667%; } 64222124a924611bb8104658053bb5345b853f93a626Scott Main 64232124a924611bb8104658053bb5345b853f93a626Scott Main.col-5of6, .col-10of12 { 64242124a924611bb8104658053bb5345b853f93a626Scott Main width: 83.33333333%; } 64252124a924611bb8104658053bb5345b853f93a626Scott Main 64262124a924611bb8104658053bb5345b853f93a626Scott Main.col-1of8, .col-2of16 { 64272124a924611bb8104658053bb5345b853f93a626Scott Main width: 12.5%; } 64282124a924611bb8104658053bb5345b853f93a626Scott Main 64292124a924611bb8104658053bb5345b853f93a626Scott Main.col-3of8, .col-6of16 { 64302124a924611bb8104658053bb5345b853f93a626Scott Main width: 37.5%; } 64312124a924611bb8104658053bb5345b853f93a626Scott Main 64322124a924611bb8104658053bb5345b853f93a626Scott Main.col-5of8, .col-10of16 { 64332124a924611bb8104658053bb5345b853f93a626Scott Main width: 62.5%; } 64342124a924611bb8104658053bb5345b853f93a626Scott Main 64352124a924611bb8104658053bb5345b853f93a626Scott Main.col-7of8, .col-14of16 { 64362124a924611bb8104658053bb5345b853f93a626Scott Main width: 87.5%; } 64372124a924611bb8104658053bb5345b853f93a626Scott Main 64382124a924611bb8104658053bb5345b853f93a626Scott Main.col-1of10 { 64392124a924611bb8104658053bb5345b853f93a626Scott Main width: 10%; } 64402124a924611bb8104658053bb5345b853f93a626Scott Main 64412124a924611bb8104658053bb5345b853f93a626Scott Main.col-3of10 { 64422124a924611bb8104658053bb5345b853f93a626Scott Main width: 30%; } 64432124a924611bb8104658053bb5345b853f93a626Scott Main 64442124a924611bb8104658053bb5345b853f93a626Scott Main.col-7of10 { 64452124a924611bb8104658053bb5345b853f93a626Scott Main width: 70%; } 64462124a924611bb8104658053bb5345b853f93a626Scott Main 64472124a924611bb8104658053bb5345b853f93a626Scott Main.col-9of10 { 64482124a924611bb8104658053bb5345b853f93a626Scott Main width: 90%; } 64492124a924611bb8104658053bb5345b853f93a626Scott Main 64502124a924611bb8104658053bb5345b853f93a626Scott Main.col-1of12 { 64512124a924611bb8104658053bb5345b853f93a626Scott Main width: 8.33333333%; } 64522124a924611bb8104658053bb5345b853f93a626Scott Main 64532124a924611bb8104658053bb5345b853f93a626Scott Main.col-5of12 { 64542124a924611bb8104658053bb5345b853f93a626Scott Main width: 41.66666667%; } 64552124a924611bb8104658053bb5345b853f93a626Scott Main 64562124a924611bb8104658053bb5345b853f93a626Scott Main.col-7of12 { 64572124a924611bb8104658053bb5345b853f93a626Scott Main width: 58.33333333%; } 64582124a924611bb8104658053bb5345b853f93a626Scott Main 64592124a924611bb8104658053bb5345b853f93a626Scott Main.col-11of12 { 64602124a924611bb8104658053bb5345b853f93a626Scott Main width: 91.66666667%; } 64612124a924611bb8104658053bb5345b853f93a626Scott Main 64622124a924611bb8104658053bb5345b853f93a626Scott Main.col-1of16 { 64632124a924611bb8104658053bb5345b853f93a626Scott Main width: 6.25%; } 64642124a924611bb8104658053bb5345b853f93a626Scott Main 64652124a924611bb8104658053bb5345b853f93a626Scott Main.col-3of16 { 64662124a924611bb8104658053bb5345b853f93a626Scott Main width: 18.75%; } 64672124a924611bb8104658053bb5345b853f93a626Scott Main 64682124a924611bb8104658053bb5345b853f93a626Scott Main.col-5of16 { 64692124a924611bb8104658053bb5345b853f93a626Scott Main width: 31.25%; } 64702124a924611bb8104658053bb5345b853f93a626Scott Main 64712124a924611bb8104658053bb5345b853f93a626Scott Main.col-7of16 { 64722124a924611bb8104658053bb5345b853f93a626Scott Main width: 43.75%; } 64732124a924611bb8104658053bb5345b853f93a626Scott Main 64742124a924611bb8104658053bb5345b853f93a626Scott Main.col-9of16 { 64752124a924611bb8104658053bb5345b853f93a626Scott Main width: 56.25%; } 64762124a924611bb8104658053bb5345b853f93a626Scott Main 64772124a924611bb8104658053bb5345b853f93a626Scott Main.col-11of16 { 64782124a924611bb8104658053bb5345b853f93a626Scott Main width: 68.75%; } 64792124a924611bb8104658053bb5345b853f93a626Scott Main 64802124a924611bb8104658053bb5345b853f93a626Scott Main.col-13of16 { 64812124a924611bb8104658053bb5345b853f93a626Scott Main width: 81.25%; } 64822124a924611bb8104658053bb5345b853f93a626Scott Main 64832124a924611bb8104658053bb5345b853f93a626Scott Main.col-15of16 { 64842124a924611bb8104658053bb5345b853f93a626Scott Main width: 93.75%; } 64852124a924611bb8104658053bb5345b853f93a626Scott Main 64862124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-1of1, .col-pull-2of2, .col-pull-3of3, .col-pull-4of4, .col-pull-5of5, .col-pull-6of6, .col-pull-8of8, .col-pull-10of10, .col-pull-12of12, .col-pull-16of16 { 64872124a924611bb8104658053bb5345b853f93a626Scott Main left: -100%; } 64882124a924611bb8104658053bb5345b853f93a626Scott Main 64892124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-1of2, .col-pull-2of4, .col-pull-3of6, .col-pull-4of8, .col-pull-5of10, .col-pull-6of12, .col-pull-8of16 { 64902124a924611bb8104658053bb5345b853f93a626Scott Main left: -50%; } 64912124a924611bb8104658053bb5345b853f93a626Scott Main 64922124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-1of3, .col-pull-2of6, .col-pull-4of12 { 64932124a924611bb8104658053bb5345b853f93a626Scott Main left: -33.33333333%; } 64942124a924611bb8104658053bb5345b853f93a626Scott Main 64952124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-2of3, .col-pull-4of6, .col-pull-8of12 { 64962124a924611bb8104658053bb5345b853f93a626Scott Main left: -66.66666667%; } 64972124a924611bb8104658053bb5345b853f93a626Scott Main 64982124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-1of4, .col-pull-2of8, .col-pull-3of12, .col-pull-4of16 { 64992124a924611bb8104658053bb5345b853f93a626Scott Main left: -25%; } 65002124a924611bb8104658053bb5345b853f93a626Scott Main 65012124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-3of4, .col-pull-6of8, .col-pull-9of12, .col-pull-12of16 { 65022124a924611bb8104658053bb5345b853f93a626Scott Main left: -75%; } 65032124a924611bb8104658053bb5345b853f93a626Scott Main 65042124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-1of5, .col-pull-2of10 { 65052124a924611bb8104658053bb5345b853f93a626Scott Main left: -20%; } 65062124a924611bb8104658053bb5345b853f93a626Scott Main 65072124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-2of5, .col-pull-4of10 { 65082124a924611bb8104658053bb5345b853f93a626Scott Main left: -40%; } 65092124a924611bb8104658053bb5345b853f93a626Scott Main 65102124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-3of5, .col-pull-6of10 { 65112124a924611bb8104658053bb5345b853f93a626Scott Main left: -60%; } 65122124a924611bb8104658053bb5345b853f93a626Scott Main 65132124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-4of5, .col-pull-8of10 { 65142124a924611bb8104658053bb5345b853f93a626Scott Main left: -80%; } 65152124a924611bb8104658053bb5345b853f93a626Scott Main 65162124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-1of6, .col-pull-2of12 { 65172124a924611bb8104658053bb5345b853f93a626Scott Main left: -16.66666667%; } 65182124a924611bb8104658053bb5345b853f93a626Scott Main 65192124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-5of6, .col-pull-10of12 { 65202124a924611bb8104658053bb5345b853f93a626Scott Main left: -83.33333333%; } 65212124a924611bb8104658053bb5345b853f93a626Scott Main 65222124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-1of8, .col-pull-2of16 { 65232124a924611bb8104658053bb5345b853f93a626Scott Main left: -12.5%; } 65242124a924611bb8104658053bb5345b853f93a626Scott Main 65252124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-3of8, .col-pull-6of16 { 65262124a924611bb8104658053bb5345b853f93a626Scott Main left: -37.5%; } 65272124a924611bb8104658053bb5345b853f93a626Scott Main 65282124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-5of8, .col-pull-10of16 { 65292124a924611bb8104658053bb5345b853f93a626Scott Main left: -62.5%; } 65302124a924611bb8104658053bb5345b853f93a626Scott Main 65312124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-7of8, .col-pull-14of16 { 65322124a924611bb8104658053bb5345b853f93a626Scott Main left: -87.5%; } 65332124a924611bb8104658053bb5345b853f93a626Scott Main 65342124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-1of10 { 65352124a924611bb8104658053bb5345b853f93a626Scott Main left: -10%; } 65362124a924611bb8104658053bb5345b853f93a626Scott Main 65372124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-3of10 { 65382124a924611bb8104658053bb5345b853f93a626Scott Main left: -30%; } 65392124a924611bb8104658053bb5345b853f93a626Scott Main 65402124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-7of10 { 65412124a924611bb8104658053bb5345b853f93a626Scott Main left: -70%; } 65422124a924611bb8104658053bb5345b853f93a626Scott Main 65432124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-9of10 { 65442124a924611bb8104658053bb5345b853f93a626Scott Main left: -90%; } 65452124a924611bb8104658053bb5345b853f93a626Scott Main 65462124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-1of12 { 65472124a924611bb8104658053bb5345b853f93a626Scott Main left: -8.33333333%; } 65482124a924611bb8104658053bb5345b853f93a626Scott Main 65492124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-5of12 { 65502124a924611bb8104658053bb5345b853f93a626Scott Main left: -41.66666667%; } 65512124a924611bb8104658053bb5345b853f93a626Scott Main 65522124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-7of12 { 65532124a924611bb8104658053bb5345b853f93a626Scott Main left: -58.33333333%; } 65542124a924611bb8104658053bb5345b853f93a626Scott Main 65552124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-11of12 { 65562124a924611bb8104658053bb5345b853f93a626Scott Main left: -91.66666667%; } 65572124a924611bb8104658053bb5345b853f93a626Scott Main 65582124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-1of16 { 65592124a924611bb8104658053bb5345b853f93a626Scott Main left: -6.25%; } 65602124a924611bb8104658053bb5345b853f93a626Scott Main 65612124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-3of16 { 65622124a924611bb8104658053bb5345b853f93a626Scott Main left: -18.75%; } 65632124a924611bb8104658053bb5345b853f93a626Scott Main 65642124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-5of16 { 65652124a924611bb8104658053bb5345b853f93a626Scott Main left: -31.25%; } 65662124a924611bb8104658053bb5345b853f93a626Scott Main 65672124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-7of16 { 65682124a924611bb8104658053bb5345b853f93a626Scott Main left: -43.75%; } 65692124a924611bb8104658053bb5345b853f93a626Scott Main 65702124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-9of16 { 65712124a924611bb8104658053bb5345b853f93a626Scott Main left: -56.25%; } 65722124a924611bb8104658053bb5345b853f93a626Scott Main 65732124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-11of16 { 65742124a924611bb8104658053bb5345b853f93a626Scott Main left: -68.75%; } 65752124a924611bb8104658053bb5345b853f93a626Scott Main 65762124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-13of16 { 65772124a924611bb8104658053bb5345b853f93a626Scott Main left: -81.25%; } 65782124a924611bb8104658053bb5345b853f93a626Scott Main 65792124a924611bb8104658053bb5345b853f93a626Scott Main.col-pull-15of16 { 65802124a924611bb8104658053bb5345b853f93a626Scott Main left: -93.75%; } 65812124a924611bb8104658053bb5345b853f93a626Scott Main 65822124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-1of1, .col-push-2of2, .col-push-3of3, .col-push-4of4, .col-push-5of5, .col-push-6of6, .col-push-8of8, .col-push-10of10, .col-push-12of12, .col-push-16of16 { 65832124a924611bb8104658053bb5345b853f93a626Scott Main left: 100%; } 65842124a924611bb8104658053bb5345b853f93a626Scott Main 65852124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-1of2, .col-push-2of4, .col-push-3of6, .col-push-4of8, .col-push-5of10, .col-push-6of12, .col-push-8of16 { 65862124a924611bb8104658053bb5345b853f93a626Scott Main left: 50%; } 65872124a924611bb8104658053bb5345b853f93a626Scott Main 65882124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-1of3, .col-push-2of6, .col-push-4of12 { 65892124a924611bb8104658053bb5345b853f93a626Scott Main left: 33.33333333%; } 65902124a924611bb8104658053bb5345b853f93a626Scott Main 65912124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-2of3, .col-push-4of6, .col-push-8of12 { 65922124a924611bb8104658053bb5345b853f93a626Scott Main left: 66.66666667%; } 65932124a924611bb8104658053bb5345b853f93a626Scott Main 65942124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-1of4, .col-push-2of8, .col-push-3of12, .col-push-4of16 { 65952124a924611bb8104658053bb5345b853f93a626Scott Main left: 25%; } 65962124a924611bb8104658053bb5345b853f93a626Scott Main 65972124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-3of4, .col-push-6of8, .col-push-9of12, .col-push-12of16 { 65982124a924611bb8104658053bb5345b853f93a626Scott Main left: 75%; } 65992124a924611bb8104658053bb5345b853f93a626Scott Main 66002124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-1of5, .col-push-2of10 { 66012124a924611bb8104658053bb5345b853f93a626Scott Main left: 20%; } 66022124a924611bb8104658053bb5345b853f93a626Scott Main 66032124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-2of5, .col-push-4of10 { 66042124a924611bb8104658053bb5345b853f93a626Scott Main left: 40%; } 66052124a924611bb8104658053bb5345b853f93a626Scott Main 66062124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-3of5, .col-push-6of10 { 66072124a924611bb8104658053bb5345b853f93a626Scott Main left: 60%; } 66082124a924611bb8104658053bb5345b853f93a626Scott Main 66092124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-4of5, .col-push-8of10 { 66102124a924611bb8104658053bb5345b853f93a626Scott Main left: 80%; } 66112124a924611bb8104658053bb5345b853f93a626Scott Main 66122124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-1of6, .col-push-2of12 { 66132124a924611bb8104658053bb5345b853f93a626Scott Main left: 16.66666667%; } 66142124a924611bb8104658053bb5345b853f93a626Scott Main 66152124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-5of6, .col-push-10of12 { 66162124a924611bb8104658053bb5345b853f93a626Scott Main left: 83.33333333%; } 66172124a924611bb8104658053bb5345b853f93a626Scott Main 66182124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-1of8, .col-push-2of16 { 66192124a924611bb8104658053bb5345b853f93a626Scott Main left: 12.5%; } 66202124a924611bb8104658053bb5345b853f93a626Scott Main 66212124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-3of8, .col-push-6of16 { 66222124a924611bb8104658053bb5345b853f93a626Scott Main left: 37.5%; } 66232124a924611bb8104658053bb5345b853f93a626Scott Main 66242124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-5of8, .col-push-10of16 { 66252124a924611bb8104658053bb5345b853f93a626Scott Main left: 62.5%; } 66262124a924611bb8104658053bb5345b853f93a626Scott Main 66272124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-7of8, .col-push-14of16 { 66282124a924611bb8104658053bb5345b853f93a626Scott Main left: 87.5%; } 66292124a924611bb8104658053bb5345b853f93a626Scott Main 66302124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-1of10 { 66312124a924611bb8104658053bb5345b853f93a626Scott Main left: 10%; } 66322124a924611bb8104658053bb5345b853f93a626Scott Main 66332124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-3of10 { 66342124a924611bb8104658053bb5345b853f93a626Scott Main left: 30%; } 66352124a924611bb8104658053bb5345b853f93a626Scott Main 66362124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-7of10 { 66372124a924611bb8104658053bb5345b853f93a626Scott Main left: 70%; } 66382124a924611bb8104658053bb5345b853f93a626Scott Main 66392124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-9of10 { 66402124a924611bb8104658053bb5345b853f93a626Scott Main left: 90%; } 66412124a924611bb8104658053bb5345b853f93a626Scott Main 66422124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-1of12 { 66432124a924611bb8104658053bb5345b853f93a626Scott Main left: 8.33333333%; } 66442124a924611bb8104658053bb5345b853f93a626Scott Main 66452124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-5of12 { 66462124a924611bb8104658053bb5345b853f93a626Scott Main left: 41.66666667%; } 66472124a924611bb8104658053bb5345b853f93a626Scott Main 66482124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-7of12 { 66492124a924611bb8104658053bb5345b853f93a626Scott Main left: 58.33333333%; } 66502124a924611bb8104658053bb5345b853f93a626Scott Main 66512124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-11of12 { 66522124a924611bb8104658053bb5345b853f93a626Scott Main left: 91.66666667%; } 66532124a924611bb8104658053bb5345b853f93a626Scott Main 66542124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-1of16 { 66552124a924611bb8104658053bb5345b853f93a626Scott Main left: 6.25%; } 66562124a924611bb8104658053bb5345b853f93a626Scott Main 66572124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-3of16 { 66582124a924611bb8104658053bb5345b853f93a626Scott Main left: 18.75%; } 66592124a924611bb8104658053bb5345b853f93a626Scott Main 66602124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-5of16 { 66612124a924611bb8104658053bb5345b853f93a626Scott Main left: 31.25%; } 66622124a924611bb8104658053bb5345b853f93a626Scott Main 66632124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-7of16 { 66642124a924611bb8104658053bb5345b853f93a626Scott Main left: 43.75%; } 66652124a924611bb8104658053bb5345b853f93a626Scott Main 66662124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-9of16 { 66672124a924611bb8104658053bb5345b853f93a626Scott Main left: 56.25%; } 66682124a924611bb8104658053bb5345b853f93a626Scott Main 66692124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-11of16 { 66702124a924611bb8104658053bb5345b853f93a626Scott Main left: 68.75%; } 66712124a924611bb8104658053bb5345b853f93a626Scott Main 66722124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-13of16 { 66732124a924611bb8104658053bb5345b853f93a626Scott Main left: 81.25%; } 66742124a924611bb8104658053bb5345b853f93a626Scott Main 66752124a924611bb8104658053bb5345b853f93a626Scott Main.col-push-15of16 { 66762124a924611bb8104658053bb5345b853f93a626Scott Main left: 93.75%; } 66772124a924611bb8104658053bb5345b853f93a626Scott Main 66782124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 959px) and (min-width: 720px) { 66792124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-1of1, .col-tablet-2of2, .col-tablet-3of3, .col-tablet-4of4, .col-tablet-5of5, .col-tablet-6of6, .col-tablet-8of8, .col-tablet-10of10, .col-tablet-12of12, .col-tablet-16of16 { 66802124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; } 66812124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-1of2, .col-tablet-2of4, .col-tablet-3of6, .col-tablet-4of8, .col-tablet-5of10, .col-tablet-6of12, .col-tablet-8of16 { 66822124a924611bb8104658053bb5345b853f93a626Scott Main width: 50%; } 66832124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-1of3, .col-tablet-2of6, .col-tablet-4of12 { 66842124a924611bb8104658053bb5345b853f93a626Scott Main width: 33.33333333%; } 66852124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-2of3, .col-tablet-4of6, .col-tablet-8of12 { 66862124a924611bb8104658053bb5345b853f93a626Scott Main width: 66.66666667%; } 66872124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-1of4, .col-tablet-2of8, .col-tablet-3of12, .col-tablet-4of16 { 66882124a924611bb8104658053bb5345b853f93a626Scott Main width: 25%; } 66892124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-3of4, .col-tablet-6of8, .col-tablet-9of12, .col-tablet-12of16 { 66902124a924611bb8104658053bb5345b853f93a626Scott Main width: 75%; } 66912124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-1of5, .col-tablet-2of10 { 66922124a924611bb8104658053bb5345b853f93a626Scott Main width: 20%; } 66932124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-2of5, .col-tablet-4of10 { 66942124a924611bb8104658053bb5345b853f93a626Scott Main width: 40%; } 66952124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-3of5, .col-tablet-6of10 { 66962124a924611bb8104658053bb5345b853f93a626Scott Main width: 60%; } 66972124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-4of5, .col-tablet-8of10 { 66982124a924611bb8104658053bb5345b853f93a626Scott Main width: 80%; } 66992124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-1of6, .col-tablet-2of12 { 67002124a924611bb8104658053bb5345b853f93a626Scott Main width: 16.66666667%; } 67012124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-5of6, .col-tablet-10of12 { 67022124a924611bb8104658053bb5345b853f93a626Scott Main width: 83.33333333%; } 67032124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-1of8, .col-tablet-2of16 { 67042124a924611bb8104658053bb5345b853f93a626Scott Main width: 12.5%; } 67052124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-3of8, .col-tablet-6of16 { 67062124a924611bb8104658053bb5345b853f93a626Scott Main width: 37.5%; } 67072124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-5of8, .col-tablet-10of16 { 67082124a924611bb8104658053bb5345b853f93a626Scott Main width: 62.5%; } 67092124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-7of8, .col-tablet-14of16 { 67102124a924611bb8104658053bb5345b853f93a626Scott Main width: 87.5%; } 67112124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-1of10 { 67122124a924611bb8104658053bb5345b853f93a626Scott Main width: 10%; } 67132124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-3of10 { 67142124a924611bb8104658053bb5345b853f93a626Scott Main width: 30%; } 67152124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-7of10 { 67162124a924611bb8104658053bb5345b853f93a626Scott Main width: 70%; } 67172124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-9of10 { 67182124a924611bb8104658053bb5345b853f93a626Scott Main width: 90%; } 67192124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-1of12 { 67202124a924611bb8104658053bb5345b853f93a626Scott Main width: 8.33333333%; } 67212124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-5of12 { 67222124a924611bb8104658053bb5345b853f93a626Scott Main width: 41.66666667%; } 67232124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-7of12 { 67242124a924611bb8104658053bb5345b853f93a626Scott Main width: 58.33333333%; } 67252124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-11of12 { 67262124a924611bb8104658053bb5345b853f93a626Scott Main width: 91.66666667%; } 67272124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-1of16 { 67282124a924611bb8104658053bb5345b853f93a626Scott Main width: 6.25%; } 67292124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-3of16 { 67302124a924611bb8104658053bb5345b853f93a626Scott Main width: 18.75%; } 67312124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-5of16 { 67322124a924611bb8104658053bb5345b853f93a626Scott Main width: 31.25%; } 67332124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-7of16 { 67342124a924611bb8104658053bb5345b853f93a626Scott Main width: 43.75%; } 67352124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-9of16 { 67362124a924611bb8104658053bb5345b853f93a626Scott Main width: 56.25%; } 67372124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-11of16 { 67382124a924611bb8104658053bb5345b853f93a626Scott Main width: 68.75%; } 67392124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-13of16 { 67402124a924611bb8104658053bb5345b853f93a626Scott Main width: 81.25%; } 67412124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-15of16 { 67422124a924611bb8104658053bb5345b853f93a626Scott Main width: 93.75%; } 67432124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-1of1, .col-tablet-pull-2of2, .col-tablet-pull-3of3, .col-tablet-pull-4of4, .col-tablet-pull-5of5, .col-tablet-pull-6of6, .col-tablet-pull-8of8, .col-tablet-pull-10of10, .col-tablet-pull-12of12, .col-tablet-pull-16of16 { 67442124a924611bb8104658053bb5345b853f93a626Scott Main left: -100%; } 67452124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-1of2, .col-tablet-pull-2of4, .col-tablet-pull-3of6, .col-tablet-pull-4of8, .col-tablet-pull-5of10, .col-tablet-pull-6of12, .col-tablet-pull-8of16 { 67462124a924611bb8104658053bb5345b853f93a626Scott Main left: -50%; } 67472124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-1of3, .col-tablet-pull-2of6, .col-tablet-pull-4of12 { 67482124a924611bb8104658053bb5345b853f93a626Scott Main left: -33.33333333%; } 67492124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-2of3, .col-tablet-pull-4of6, .col-tablet-pull-8of12 { 67502124a924611bb8104658053bb5345b853f93a626Scott Main left: -66.66666667%; } 67512124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-1of4, .col-tablet-pull-2of8, .col-tablet-pull-3of12, .col-tablet-pull-4of16 { 67522124a924611bb8104658053bb5345b853f93a626Scott Main left: -25%; } 67532124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-3of4, .col-tablet-pull-6of8, .col-tablet-pull-9of12, .col-tablet-pull-12of16 { 67542124a924611bb8104658053bb5345b853f93a626Scott Main left: -75%; } 67552124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-1of5, .col-tablet-pull-2of10 { 67562124a924611bb8104658053bb5345b853f93a626Scott Main left: -20%; } 67572124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-2of5, .col-tablet-pull-4of10 { 67582124a924611bb8104658053bb5345b853f93a626Scott Main left: -40%; } 67592124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-3of5, .col-tablet-pull-6of10 { 67602124a924611bb8104658053bb5345b853f93a626Scott Main left: -60%; } 67612124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-4of5, .col-tablet-pull-8of10 { 67622124a924611bb8104658053bb5345b853f93a626Scott Main left: -80%; } 67632124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-1of6, .col-tablet-pull-2of12 { 67642124a924611bb8104658053bb5345b853f93a626Scott Main left: -16.66666667%; } 67652124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-5of6, .col-tablet-pull-10of12 { 67662124a924611bb8104658053bb5345b853f93a626Scott Main left: -83.33333333%; } 67672124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-1of8, .col-tablet-pull-2of16 { 67682124a924611bb8104658053bb5345b853f93a626Scott Main left: -12.5%; } 67692124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-3of8, .col-tablet-pull-6of16 { 67702124a924611bb8104658053bb5345b853f93a626Scott Main left: -37.5%; } 67712124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-5of8, .col-tablet-pull-10of16 { 67722124a924611bb8104658053bb5345b853f93a626Scott Main left: -62.5%; } 67732124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-7of8, .col-tablet-pull-14of16 { 67742124a924611bb8104658053bb5345b853f93a626Scott Main left: -87.5%; } 67752124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-1of10 { 67762124a924611bb8104658053bb5345b853f93a626Scott Main left: -10%; } 67772124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-3of10 { 67782124a924611bb8104658053bb5345b853f93a626Scott Main left: -30%; } 67792124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-7of10 { 67802124a924611bb8104658053bb5345b853f93a626Scott Main left: -70%; } 67812124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-9of10 { 67822124a924611bb8104658053bb5345b853f93a626Scott Main left: -90%; } 67832124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-1of12 { 67842124a924611bb8104658053bb5345b853f93a626Scott Main left: -8.33333333%; } 67852124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-5of12 { 67862124a924611bb8104658053bb5345b853f93a626Scott Main left: -41.66666667%; } 67872124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-7of12 { 67882124a924611bb8104658053bb5345b853f93a626Scott Main left: -58.33333333%; } 67892124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-11of12 { 67902124a924611bb8104658053bb5345b853f93a626Scott Main left: -91.66666667%; } 67912124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-1of16 { 67922124a924611bb8104658053bb5345b853f93a626Scott Main left: -6.25%; } 67932124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-3of16 { 67942124a924611bb8104658053bb5345b853f93a626Scott Main left: -18.75%; } 67952124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-5of16 { 67962124a924611bb8104658053bb5345b853f93a626Scott Main left: -31.25%; } 67972124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-7of16 { 67982124a924611bb8104658053bb5345b853f93a626Scott Main left: -43.75%; } 67992124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-9of16 { 68002124a924611bb8104658053bb5345b853f93a626Scott Main left: -56.25%; } 68012124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-11of16 { 68022124a924611bb8104658053bb5345b853f93a626Scott Main left: -68.75%; } 68032124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-13of16 { 68042124a924611bb8104658053bb5345b853f93a626Scott Main left: -81.25%; } 68052124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-pull-15of16 { 68062124a924611bb8104658053bb5345b853f93a626Scott Main left: -93.75%; } 68072124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-1of1, .col-tablet-push-2of2, .col-tablet-push-3of3, .col-tablet-push-4of4, .col-tablet-push-5of5, .col-tablet-push-6of6, .col-tablet-push-8of8, .col-tablet-push-10of10, .col-tablet-push-12of12, .col-tablet-push-16of16 { 68082124a924611bb8104658053bb5345b853f93a626Scott Main left: 100%; } 68092124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-1of2, .col-tablet-push-2of4, .col-tablet-push-3of6, .col-tablet-push-4of8, .col-tablet-push-5of10, .col-tablet-push-6of12, .col-tablet-push-8of16 { 68102124a924611bb8104658053bb5345b853f93a626Scott Main left: 50%; } 68112124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-1of3, .col-tablet-push-2of6, .col-tablet-push-4of12 { 68122124a924611bb8104658053bb5345b853f93a626Scott Main left: 33.33333333%; } 68132124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-2of3, .col-tablet-push-4of6, .col-tablet-push-8of12 { 68142124a924611bb8104658053bb5345b853f93a626Scott Main left: 66.66666667%; } 68152124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-1of4, .col-tablet-push-2of8, .col-tablet-push-3of12, .col-tablet-push-4of16 { 68162124a924611bb8104658053bb5345b853f93a626Scott Main left: 25%; } 68172124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-3of4, .col-tablet-push-6of8, .col-tablet-push-9of12, .col-tablet-push-12of16 { 68182124a924611bb8104658053bb5345b853f93a626Scott Main left: 75%; } 68192124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-1of5, .col-tablet-push-2of10 { 68202124a924611bb8104658053bb5345b853f93a626Scott Main left: 20%; } 68212124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-2of5, .col-tablet-push-4of10 { 68222124a924611bb8104658053bb5345b853f93a626Scott Main left: 40%; } 68232124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-3of5, .col-tablet-push-6of10 { 68242124a924611bb8104658053bb5345b853f93a626Scott Main left: 60%; } 68252124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-4of5, .col-tablet-push-8of10 { 68262124a924611bb8104658053bb5345b853f93a626Scott Main left: 80%; } 68272124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-1of6, .col-tablet-push-2of12 { 68282124a924611bb8104658053bb5345b853f93a626Scott Main left: 16.66666667%; } 68292124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-5of6, .col-tablet-push-10of12 { 68302124a924611bb8104658053bb5345b853f93a626Scott Main left: 83.33333333%; } 68312124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-1of8, .col-tablet-push-2of16 { 68322124a924611bb8104658053bb5345b853f93a626Scott Main left: 12.5%; } 68332124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-3of8, .col-tablet-push-6of16 { 68342124a924611bb8104658053bb5345b853f93a626Scott Main left: 37.5%; } 68352124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-5of8, .col-tablet-push-10of16 { 68362124a924611bb8104658053bb5345b853f93a626Scott Main left: 62.5%; } 68372124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-7of8, .col-tablet-push-14of16 { 68382124a924611bb8104658053bb5345b853f93a626Scott Main left: 87.5%; } 68392124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-1of10 { 68402124a924611bb8104658053bb5345b853f93a626Scott Main left: 10%; } 68412124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-3of10 { 68422124a924611bb8104658053bb5345b853f93a626Scott Main left: 30%; } 68432124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-7of10 { 68442124a924611bb8104658053bb5345b853f93a626Scott Main left: 70%; } 68452124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-9of10 { 68462124a924611bb8104658053bb5345b853f93a626Scott Main left: 90%; } 68472124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-1of12 { 68482124a924611bb8104658053bb5345b853f93a626Scott Main left: 8.33333333%; } 68492124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-5of12 { 68502124a924611bb8104658053bb5345b853f93a626Scott Main left: 41.66666667%; } 68512124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-7of12 { 68522124a924611bb8104658053bb5345b853f93a626Scott Main left: 58.33333333%; } 68532124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-11of12 { 68542124a924611bb8104658053bb5345b853f93a626Scott Main left: 91.66666667%; } 68552124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-1of16 { 68562124a924611bb8104658053bb5345b853f93a626Scott Main left: 6.25%; } 68572124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-3of16 { 68582124a924611bb8104658053bb5345b853f93a626Scott Main left: 18.75%; } 68592124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-5of16 { 68602124a924611bb8104658053bb5345b853f93a626Scott Main left: 31.25%; } 68612124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-7of16 { 68622124a924611bb8104658053bb5345b853f93a626Scott Main left: 43.75%; } 68632124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-9of16 { 68642124a924611bb8104658053bb5345b853f93a626Scott Main left: 56.25%; } 68652124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-11of16 { 68662124a924611bb8104658053bb5345b853f93a626Scott Main left: 68.75%; } 68672124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-13of16 { 68682124a924611bb8104658053bb5345b853f93a626Scott Main left: 81.25%; } 68692124a924611bb8104658053bb5345b853f93a626Scott Main .col-tablet-push-15of16 { 68702124a924611bb8104658053bb5345b853f93a626Scott Main left: 93.75%; } } 68712124a924611bb8104658053bb5345b853f93a626Scott Main 68722124a924611bb8104658053bb5345b853f93a626Scott Main.col-3-wide { 68732124a924611bb8104658053bb5345b853f93a626Scott Main width: 33.3333333333%; } 68742124a924611bb8104658053bb5345b853f93a626Scott Main 68752124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 68762124a924611bb8104658053bb5345b853f93a626Scott Main /* Remove .col-12 and .col-13 backward compatibility support as soon as it's been removed. */ 68772124a924611bb8104658053bb5345b853f93a626Scott Main[class*=col-], 68782124a924611bb8104658053bb5345b853f93a626Scott Main .col-12 [class*=col-], 68792124a924611bb8104658053bb5345b853f93a626Scott Main .col-13 [class*=col-] { 68802124a924611bb8104658053bb5345b853f93a626Scott Main float: none; 68812124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 68822124a924611bb8104658053bb5345b853f93a626Scott Main width: auto; 68832124a924611bb8104658053bb5345b853f93a626Scott Main} } 68842124a924611bb8104658053bb5345b853f93a626Scott Main 68852124a924611bb8104658053bb5345b853f93a626Scott Main/** 68862124a924611bb8104658053bb5345b853f93a626Scott Main * Fades out an element. 68872124a924611bb8104658053bb5345b853f93a626Scott Main * Applies visibility hidden when the transition is finished. 68882124a924611bb8104658053bb5345b853f93a626Scott Main * 68892124a924611bb8104658053bb5345b853f93a626Scott Main * Use opacity: 1; to show the element. 68902124a924611bb8104658053bb5345b853f93a626Scott Main */ 68912124a924611bb8104658053bb5345b853f93a626Scott Main/* Header component */ 68922124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header { 68932124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07); 68942124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 68952124a924611bb8104658053bb5345b853f93a626Scott Main background: #6ab344; 68962124a924611bb8104658053bb5345b853f93a626Scott Main height: 64px; 68972124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 68982124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 68992124a924611bb8104658053bb5345b853f93a626Scott Main position: fixed; 69002124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 69012124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 69022124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: background 200ms; 69032124a924611bb8104658053bb5345b853f93a626Scott Main transition: background 200ms; 69042124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 61; 69052124a924611bb8104658053bb5345b853f93a626Scott Main} 69062124a924611bb8104658053bb5345b853f93a626Scott Main 69072124a924611bb8104658053bb5345b853f93a626Scott Main.dac-ndk .dac-header { 69082124a924611bb8104658053bb5345b853f93a626Scott Main background: #00bcd4; 69092124a924611bb8104658053bb5345b853f93a626Scott Main} 69102124a924611bb8104658053bb5345b853f93a626Scott Main 69112124a924611bb8104658053bb5345b853f93a626Scott Main.dac-studio .dac-header { 69122124a924611bb8104658053bb5345b853f93a626Scott Main background: #424242; 69132124a924611bb8104658053bb5345b853f93a626Scott Main} 69142124a924611bb8104658053bb5345b853f93a626Scott Main 69152124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-mode .dac-header { 69162124a924611bb8104658053bb5345b853f93a626Scott Main background: #b0bec5; 69172124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: background 200ms; 69182124a924611bb8104658053bb5345b853f93a626Scott Main transition: background 200ms; 69192124a924611bb8104658053bb5345b853f93a626Scott Main} 69202124a924611bb8104658053bb5345b853f93a626Scott Main 69212124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-mode .dac-header-logo, 69222124a924611bb8104658053bb5345b853f93a626Scott Main .dac-search-mode .dac-header-console-btn { 69232124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; 69242124a924611bb8104658053bb5345b853f93a626Scott Main visibility: hidden; 69252124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: visibility 0s linear 200ms, opacity 200ms linear; 69262124a924611bb8104658053bb5345b853f93a626Scott Main transition: visibility 0s linear 200ms, opacity 200ms linear; 69272124a924611bb8104658053bb5345b853f93a626Scott Main} 69282124a924611bb8104658053bb5345b853f93a626Scott Main 69292124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-logo { 69302124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 69312124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 20px; 69322124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 400; 69332124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 69342124a924611bb8104658053bb5345b853f93a626Scott Main letter-spacing: .3px; 69352124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 36px; 69362124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 69372124a924611bb8104658053bb5345b853f93a626Scott Main padding: 13px 48px 15px 0; 69382124a924611bb8104658053bb5345b853f93a626Scott Main} 69392124a924611bb8104658053bb5345b853f93a626Scott Main 69402124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-logo, .dac-header-logo:hover, .dac-header-logo:focus { 69412124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 69422124a924611bb8104658053bb5345b853f93a626Scott Main} 69432124a924611bb8104658053bb5345b853f93a626Scott Main 69442124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 980px) { 69452124a924611bb8104658053bb5345b853f93a626Scott Main .dac-header-logo { 69462124a924611bb8104658053bb5345b853f93a626Scott Main border-right: 1px solid rgba(0, 0, 0, 0.1); 69472124a924611bb8104658053bb5345b853f93a626Scott Main } 69482124a924611bb8104658053bb5345b853f93a626Scott Main} 69492124a924611bb8104658053bb5345b853f93a626Scott Main 69502124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 720px) and (max-width: 979px) { 69512124a924611bb8104658053bb5345b853f93a626Scott Main .dac-header-logo { 69522124a924611bb8104658053bb5345b853f93a626Scott Main padding-right: 10px; 69532124a924611bb8104658053bb5345b853f93a626Scott Main } 69542124a924611bb8104658053bb5345b853f93a626Scott Main} 69552124a924611bb8104658053bb5345b853f93a626Scott Main 69562124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-logo-image { 69572124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 5px; 69582124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: top; 69592124a924611bb8104658053bb5345b853f93a626Scott Main} 69602124a924611bb8104658053bb5345b853f93a626Scott Main 69612124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-tabs { 69622124a924611bb8104658053bb5345b853f93a626Scott Main list-style: none; 69632124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 10px; 69642124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 69652124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 69662124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity 200ms linear 200ms; 69672124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity 200ms linear 200ms; 69682124a924611bb8104658053bb5345b853f93a626Scott Main} 69692124a924611bb8104658053bb5345b853f93a626Scott Main 69702124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 720px) { 69712124a924611bb8104658053bb5345b853f93a626Scott Main .dac-header-tabs { 69722124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 69732124a924611bb8104658053bb5345b853f93a626Scott Main } 69742124a924611bb8104658053bb5345b853f93a626Scott Main 69752124a924611bb8104658053bb5345b853f93a626Scott Main /* Do not show nav toggle and up-nav button for left nav, 69762124a924611bb8104658053bb5345b853f93a626Scott Main when header tabs are visible (when no sub navigation) */ 69772124a924611bb8104658053bb5345b853f93a626Scott Main body.no-subnav .dac-nav-back-button { 69782124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 69792124a924611bb8104658053bb5345b853f93a626Scott Main } 69802124a924611bb8104658053bb5345b853f93a626Scott Main body.no-subnav .dac-nav-sub { 69812124a924611bb8104658053bb5345b853f93a626Scott Main top: 0 !important; 69822124a924611bb8104658053bb5345b853f93a626Scott Main } 69832124a924611bb8104658053bb5345b853f93a626Scott Main} 69842124a924611bb8104658053bb5345b853f93a626Scott Main 69852124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-tabs li { 69862124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 69872124a924611bb8104658053bb5345b853f93a626Scott Main} 69882124a924611bb8104658053bb5345b853f93a626Scott Main 69892124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-tab { 69902124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 69912124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 64px; 69922124a924611bb8104658053bb5345b853f93a626Scott Main height: 64px; 69932124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 9px; 69942124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 69952124a924611bb8104658053bb5345b853f93a626Scott Main color: rgba(255, 255, 255, 0.7); 69962124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 14px; 69972124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: uppercase; 69982124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 69992124a924611bb8104658053bb5345b853f93a626Scott Main} 70002124a924611bb8104658053bb5345b853f93a626Scott Main 70012124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-tab:hover, 70022124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-tab:focus { 70032124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 70042124a924611bb8104658053bb5345b853f93a626Scott Main} 70052124a924611bb8104658053bb5345b853f93a626Scott Main 70062124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-tab.selected { 70072124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom: 4px solid #fff; 70082124a924611bb8104658053bb5345b853f93a626Scott Main height: 60px; 70092124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 70102124a924611bb8104658053bb5345b853f93a626Scott Main} 70112124a924611bb8104658053bb5345b853f93a626Scott Main 70122124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-mode .dac-header-tabs { 70132124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; 70142124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity 0ms linear 0ms; 70152124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity 0ms linear 0ms; 70162124a924611bb8104658053bb5345b853f93a626Scott Main} 70172124a924611bb8104658053bb5345b853f93a626Scott Main 70182124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-console-btn { 70192124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 3px; 70202124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); 70212124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 70222124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 14px; 70232124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 70242124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 28px; 70252124a924611bb8104658053bb5345b853f93a626Scott Main margin: 13px 13px 12px 24px; 70262124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 70272124a924611bb8104658053bb5345b853f93a626Scott Main padding: 4px 10px; 70282124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 70292124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: uppercase; 70302124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: box-shadow .2s; 70312124a924611bb8104658053bb5345b853f93a626Scott Main transition: box-shadow .2s; 70322124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 60; 70332124a924611bb8104658053bb5345b853f93a626Scott Main} 70342124a924611bb8104658053bb5345b853f93a626Scott Main 70352124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 720px) and (max-width: 979px) { 70362124a924611bb8104658053bb5345b853f93a626Scott Main .dac-header-console-btn { 70372124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 70382124a924611bb8104658053bb5345b853f93a626Scott Main } 70392124a924611bb8104658053bb5345b853f93a626Scott Main} 70402124a924611bb8104658053bb5345b853f93a626Scott Main 70412124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-console-btn > .dac-sprite, .dac-header-console-btn > .dac-modal-header-close:before, .paging-links .dac-header-console-btn > .prev-page-link:before, .paging-links .dac-header-console-btn > .next-page-link:before, .paging-links .dac-header-console-btn > .next-class-link:before, .paging-links .dac-header-console-btn > .start-class-link:after { 70422124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 5px; 70432124a924611bb8104658053bb5345b853f93a626Scott Main} 70442124a924611bb8104658053bb5345b853f93a626Scott Main 70452124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-console-btn, .dac-header-console-btn:hover, .dac-header-console-btn:focus { 70462124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 70472124a924611bb8104658053bb5345b853f93a626Scott Main} 70482124a924611bb8104658053bb5345b853f93a626Scott Main 70492124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-console-btn:hover { 70502124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); 70512124a924611bb8104658053bb5345b853f93a626Scott Main} 70522124a924611bb8104658053bb5345b853f93a626Scott Main 70532124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-console-btn:focus { 70542124a924611bb8104658053bb5345b853f93a626Scott Main background: rgba(63, 81, 181, 0.1); 70552124a924611bb8104658053bb5345b853f93a626Scott Main outline: 0; 70562124a924611bb8104658053bb5345b853f93a626Scott Main} 70572124a924611bb8104658053bb5345b853f93a626Scott Main 70582124a924611bb8104658053bb5345b853f93a626Scott Main.dac-studio .dac-header-console-btn { 70592124a924611bb8104658053bb5345b853f93a626Scott Main color:#fff; 70602124a924611bb8104658053bb5345b853f93a626Scott Main background:rgba(255, 255, 255, 0.3); 70612124a924611bb8104658053bb5345b853f93a626Scott Main} 70622124a924611bb8104658053bb5345b853f93a626Scott Main.dac-studio .dac-header-console-btn:hover { 70632124a924611bb8104658053bb5345b853f93a626Scott Main background:rgba(255, 255, 255, 0.5); 70642124a924611bb8104658053bb5345b853f93a626Scott Main} 70652124a924611bb8104658053bb5345b853f93a626Scott Main.dac-studio .dac-header-console-btn:focus { 70662124a924611bb8104658053bb5345b853f93a626Scott Main background:rgba(255, 255, 255, 0.7); 70672124a924611bb8104658053bb5345b853f93a626Scott Main color:#000; 70682124a924611bb8104658053bb5345b853f93a626Scott Main} 70692124a924611bb8104658053bb5345b853f93a626Scott Main 70702124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 70712124a924611bb8104658053bb5345b853f93a626Scott Main .dac-header { 70722124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 70732124a924611bb8104658053bb5345b853f93a626Scott Main } 70742124a924611bb8104658053bb5345b853f93a626Scott Main 70752124a924611bb8104658053bb5345b853f93a626Scott Main .dac-header-logo { 70762124a924611bb8104658053bb5345b853f93a626Scott Main border-right: 0; 70772124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 70782124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 0; 70792124a924611bb8104658053bb5345b853f93a626Scott Main float: none; 70802124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 0; 70812124a924611bb8104658053bb5345b853f93a626Scott Main padding-right: 0; 70822124a924611bb8104658053bb5345b853f93a626Scott Main } 70832124a924611bb8104658053bb5345b853f93a626Scott Main 70842124a924611bb8104658053bb5345b853f93a626Scott Main .dac-header-console-btn { 70852124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 70862124a924611bb8104658053bb5345b853f93a626Scott Main } 70872124a924611bb8104658053bb5345b853f93a626Scott Main} 70882124a924611bb8104658053bb5345b853f93a626Scott Main 70892124a924611bb8104658053bb5345b853f93a626Scott Main/* Header Breadcrumbs component */ 70902124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-crumbs { 70912124a924611bb8104658053bb5345b853f93a626Scott Main list-style-type: none; 70922124a924611bb8104658053bb5345b853f93a626Scott Main margin: 23px 0 -13px 0; 70932124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 70942124a924611bb8104658053bb5345b853f93a626Scott Main} 70952124a924611bb8104658053bb5345b853f93a626Scott Main 70962124a924611bb8104658053bb5345b853f93a626Scott Mainbody.no-crumbs .dac-header-crumbs { 70972124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 70982124a924611bb8104658053bb5345b853f93a626Scott Main} 70992124a924611bb8104658053bb5345b853f93a626Scott Main 71002124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-crumbs.dac-has-content { 71012124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 71022124a924611bb8104658053bb5345b853f93a626Scott Main} 71032124a924611bb8104658053bb5345b853f93a626Scott Main 71042124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-crumbs-item { 71052124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 71062124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 71072124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 71082124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 71092124a924611bb8104658053bb5345b853f93a626Scott Main} 71102124a924611bb8104658053bb5345b853f93a626Scott Main 71112124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-crumbs-item i, .dac-header-crumbs-item .dac-nav-link-forward { 71122124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 71132124a924611bb8104658053bb5345b853f93a626Scott Main} 71142124a924611bb8104658053bb5345b853f93a626Scott Main 71152124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-crumbs-item:before { 71162124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 71172124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/disclosure_right.png) no-repeat scroll 50% 50%; 71182124a924611bb8104658053bb5345b853f93a626Scott Main width: 10px; 71192124a924611bb8104658053bb5345b853f93a626Scott Main height: 10px; 71202124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 71212124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 71222124a924611bb8104658053bb5345b853f93a626Scott Main top: 12px; 71232124a924611bb8104658053bb5345b853f93a626Scott Main left: -15px; 71242124a924611bb8104658053bb5345b853f93a626Scott Main} 71252124a924611bb8104658053bb5345b853f93a626Scott Main 71262124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-crumbs-item:first-child:before { 71272124a924611bb8104658053bb5345b853f93a626Scott Main content: none; 71282124a924611bb8104658053bb5345b853f93a626Scott Main} 71292124a924611bb8104658053bb5345b853f93a626Scott Main 71302124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-crumbs-link { 71312124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 71322124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 71332124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 32px; 71342124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 20px 0 0; 71352124a924611bb8104658053bb5345b853f93a626Scott Main} 71362124a924611bb8104658053bb5345b853f93a626Scott Main 71372124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-crumbs-link, .dac-header-crumbs-link:hover, .dac-header-crumbs-link:focus { 71382124a924611bb8104658053bb5345b853f93a626Scott Main color: #666; 71392124a924611bb8104658053bb5345b853f93a626Scott Main} 71402124a924611bb8104658053bb5345b853f93a626Scott Main 71412124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-crumbs-link:focus { 71422124a924611bb8104658053bb5345b853f93a626Scott Main outline: 0; 71432124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration: underline; 71442124a924611bb8104658053bb5345b853f93a626Scott Main} 71452124a924611bb8104658053bb5345b853f93a626Scott Main 71462124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-crumbs-link.current { 71472124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 400; 71482124a924611bb8104658053bb5345b853f93a626Scott Main} 71492124a924611bb8104658053bb5345b853f93a626Scott Main 71502124a924611bb8104658053bb5345b853f93a626Scott Main/* Header site search component */ 71512124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-search { 71522124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 64px; 71532124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 71542124a924611bb8104658053bb5345b853f93a626Scott Main right: 220px; 71552124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 71562124a924611bb8104658053bb5345b853f93a626Scott Main width: 238px; 71572124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: width 300ms, right 100ms, margin 100ms; 71582124a924611bb8104658053bb5345b853f93a626Scott Main transition: width 300ms, right 100ms, margin 100ms; 71592124a924611bb8104658053bb5345b853f93a626Scott Main} 71602124a924611bb8104658053bb5345b853f93a626Scott Main 71612124a924611bb8104658053bb5345b853f93a626Scott Main.dac-studio .dac-header-search { 71622124a924611bb8104658053bb5345b853f93a626Scott Main right: 20px; /* move searchbar farther right, because there's no button */ 71632124a924611bb8104658053bb5345b853f93a626Scott Main} 71642124a924611bb8104658053bb5345b853f93a626Scott Main 71652124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-search-inner { 71662124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 auto; 71672124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 940px; 71682124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 71692124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 71702124a924611bb8104658053bb5345b853f93a626Scott Main} 71712124a924611bb8104658053bb5345b853f93a626Scott Main 71722124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 980px) { 71732124a924611bb8104658053bb5345b853f93a626Scott Main .dac-header-search-inner::after { 71742124a924611bb8104658053bb5345b853f93a626Scott Main background: -webkit-linear-gradient(right, #6ab344, rgba(106, 179, 68, 0)); 71752124a924611bb8104658053bb5345b853f93a626Scott Main background: linear-gradient(to left, #6ab344, rgba(106, 179, 68, 0)); 71762124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 71772124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 71782124a924611bb8104658053bb5345b853f93a626Scott Main height: 64px; 71792124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 71802124a924611bb8104658053bb5345b853f93a626Scott Main right: 100%; 71812124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 71822124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity 200ms, -webkit-transform 300ms; 71832124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity 200ms, transform 300ms; 71842124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform-origin: right center; 71852124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform-origin: right center; 71862124a924611bb8104658053bb5345b853f93a626Scott Main transform-origin: right center; 71872124a924611bb8104658053bb5345b853f93a626Scott Main width: 64px; 71882124a924611bb8104658053bb5345b853f93a626Scott Main } 71892124a924611bb8104658053bb5345b853f93a626Scott Main .dac-studio .dac-header-search-inner::after { 71902124a924611bb8104658053bb5345b853f93a626Scott Main background: -webkit-linear-gradient(right, #424242, rgba(66, 66, 66, 0)); 71912124a924611bb8104658053bb5345b853f93a626Scott Main background: linear-gradient(to left, #424242, rgba(66, 66, 66, 0)); 71922124a924611bb8104658053bb5345b853f93a626Scott Main } 71932124a924611bb8104658053bb5345b853f93a626Scott Main 71942124a924611bb8104658053bb5345b853f93a626Scott Main .dac-search-mode .dac-header-search-inner::after { 71952124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; 71962124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: scaleX(0); 71972124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform: scaleX(0); 71982124a924611bb8104658053bb5345b853f93a626Scott Main transform: scaleX(0); 71992124a924611bb8104658053bb5345b853f93a626Scott Main } 72002124a924611bb8104658053bb5345b853f93a626Scott Main} 72012124a924611bb8104658053bb5345b853f93a626Scott Main 72022124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-search-icon { 72032124a924611bb8104658053bb5345b853f93a626Scott Main left: 8px; 72042124a924611bb8104658053bb5345b853f93a626Scott Main pointer-events: none; 72052124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 72062124a924611bb8104658053bb5345b853f93a626Scott Main top: 18px; 72072124a924611bb8104658053bb5345b853f93a626Scott Main} 72082124a924611bb8104658053bb5345b853f93a626Scott Main 72092124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-search-input { 72102124a924611bb8104658053bb5345b853f93a626Scott Main background: #77be53; 72112124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 3px; 72122124a924611bb8104658053bb5345b853f93a626Scott Main border: none; 72132124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 72142124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 72152124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 14px; 72162124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 600; 72172124a924611bb8104658053bb5345b853f93a626Scott Main margin: 13px 0; 72182124a924611bb8104658053bb5345b853f93a626Scott Main padding: 9px 36px 10px; 72192124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: background 200ms, color 200ms; 72202124a924611bb8104658053bb5345b853f93a626Scott Main transition: background 200ms, color 200ms; 72212124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 72222124a924611bb8104658053bb5345b853f93a626Scott Main} 72232124a924611bb8104658053bb5345b853f93a626Scott Main 72242124a924611bb8104658053bb5345b853f93a626Scott Main.dac-studio .dac-header-search-input { 72252124a924611bb8104658053bb5345b853f93a626Scott Main background: rgba(255, 255, 255, 0.3); 72262124a924611bb8104658053bb5345b853f93a626Scott Main} 72272124a924611bb8104658053bb5345b853f93a626Scott Main 72282124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-search-close, .dac-header-search-clear { 72292124a924611bb8104658053bb5345b853f93a626Scott Main background: none; 72302124a924611bb8104658053bb5345b853f93a626Scott Main border: none; 72312124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 72322124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 0; 72332124a924611bb8104658053bb5345b853f93a626Scott Main outline: none; 72342124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 72352124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 72362124a924611bb8104658053bb5345b853f93a626Scott Main} 72372124a924611bb8104658053bb5345b853f93a626Scott Main 72382124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-search-clear { 72392124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 72402124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .4; 72412124a924611bb8104658053bb5345b853f93a626Scott Main padding: 8px; 72422124a924611bb8104658053bb5345b853f93a626Scott Main top: 15px; 72432124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 72442124a924611bb8104658053bb5345b853f93a626Scott Main} 72452124a924611bb8104658053bb5345b853f93a626Scott Main 72462124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-search-clear:hover, .dac-header-search-clear:focus { 72472124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .8; 72482124a924611bb8104658053bb5345b853f93a626Scott Main} 72492124a924611bb8104658053bb5345b853f93a626Scott Main 72502124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-search-close { 72512124a924611bb8104658053bb5345b853f93a626Scott Main left: -45px; 72522124a924611bb8104658053bb5345b853f93a626Scott Main top: 20px; 72532124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translateX(45px); 72542124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform: translateX(45px); 72552124a924611bb8104658053bb5345b853f93a626Scott Main transform: translateX(45px); 72562124a924611bb8104658053bb5345b853f93a626Scott Main visibility: hidden; 72572124a924611bb8104658053bb5345b853f93a626Scott Main} 72582124a924611bb8104658053bb5345b853f93a626Scott Main 72592124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-search ::-webkit-input-placeholder { 72602124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 72612124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 300; 72622124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: color 200ms; 72632124a924611bb8104658053bb5345b853f93a626Scott Main transition: color 200ms; 72642124a924611bb8104658053bb5345b853f93a626Scott Main} 72652124a924611bb8104658053bb5345b853f93a626Scott Main 72662124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-search :-moz-placeholder { 72672124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 72682124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 300; 72692124a924611bb8104658053bb5345b853f93a626Scott Main transition: color 200ms; 72702124a924611bb8104658053bb5345b853f93a626Scott Main} 72712124a924611bb8104658053bb5345b853f93a626Scott Main 72722124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-search ::-moz-placeholder { 72732124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 72742124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 300; 72752124a924611bb8104658053bb5345b853f93a626Scott Main transition: color 200ms; 72762124a924611bb8104658053bb5345b853f93a626Scott Main} 72772124a924611bb8104658053bb5345b853f93a626Scott Main 72782124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-search :-ms-input-placeholder { 72792124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 72802124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 300; 72812124a924611bb8104658053bb5345b853f93a626Scott Main transition: color 200ms; 72822124a924611bb8104658053bb5345b853f93a626Scott Main} 72832124a924611bb8104658053bb5345b853f93a626Scott Main 72842124a924611bb8104658053bb5345b853f93a626Scott Main.dac-header-search-input:focus { 72852124a924611bb8104658053bb5345b853f93a626Scott Main outline: 0; 72862124a924611bb8104658053bb5345b853f93a626Scott Main} 72872124a924611bb8104658053bb5345b853f93a626Scott Main 72882124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-mode .dac-header-search { 72892124a924611bb8104658053bb5345b853f93a626Scott Main width: 940px; 72902124a924611bb8104658053bb5345b853f93a626Scott Main right: 50%; 72912124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: -470px; 72922124a924611bb8104658053bb5345b853f93a626Scott Main} 72932124a924611bb8104658053bb5345b853f93a626Scott Main 72942124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-mode .dac-header-search .dac-header-search-input::after { 72952124a924611bb8104658053bb5345b853f93a626Scott Main background: -webkit-linear-gradient(right, #b0bec5, rgba(176, 190, 197, 0)); 72962124a924611bb8104658053bb5345b853f93a626Scott Main background: linear-gradient(to left, #b0bec5, rgba(176, 190, 197, 0)); 72972124a924611bb8104658053bb5345b853f93a626Scott Main} 72982124a924611bb8104658053bb5345b853f93a626Scott Main 72992124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-mode .dac-header-search .dac-header-search-close { 73002124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: -webkit-transform 200ms ease-out 300ms; 73012124a924611bb8104658053bb5345b853f93a626Scott Main transition: transform 200ms ease-out 300ms; 73022124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translateX(0); 73032124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform: translateX(0); 73042124a924611bb8104658053bb5345b853f93a626Scott Main transform: translateX(0); 73052124a924611bb8104658053bb5345b853f93a626Scott Main visibility: visible; 73062124a924611bb8104658053bb5345b853f93a626Scott Main} 73072124a924611bb8104658053bb5345b853f93a626Scott Main 73082124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-mode .dac-header-search .dac-header-search-icon { 73092124a924611bb8104658053bb5345b853f93a626Scott Main left: 23px; 73102124a924611bb8104658053bb5345b853f93a626Scott Main} 73112124a924611bb8104658053bb5345b853f93a626Scott Main 73122124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-mode .dac-header-search .dac-header-search-input { 73132124a924611bb8104658053bb5345b853f93a626Scott Main background: #fff; 73142124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 0; 73152124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 18px; 73162124a924611bb8104658053bb5345b853f93a626Scott Main color: #666; 73172124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 55px; 73182124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 11px; 73192124a924611bb8104658053bb5345b853f93a626Scott Main} 73202124a924611bb8104658053bb5345b853f93a626Scott Main 73212124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-mode .dac-header-search ::-webkit-input-placeholder { 73222124a924611bb8104658053bb5345b853f93a626Scott Main color: #505050; 73232124a924611bb8104658053bb5345b853f93a626Scott Main} 73242124a924611bb8104658053bb5345b853f93a626Scott Main 73252124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-mode .dac-header-search :-moz-placeholder { 73262124a924611bb8104658053bb5345b853f93a626Scott Main color: #505050; 73272124a924611bb8104658053bb5345b853f93a626Scott Main} 73282124a924611bb8104658053bb5345b853f93a626Scott Main 73292124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-mode .dac-header-search ::-moz-placeholder { 73302124a924611bb8104658053bb5345b853f93a626Scott Main color: #505050; 73312124a924611bb8104658053bb5345b853f93a626Scott Main} 73322124a924611bb8104658053bb5345b853f93a626Scott Main 73332124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-mode .dac-header-search :-ms-input-placeholder { 73342124a924611bb8104658053bb5345b853f93a626Scott Main color: #505050; 73352124a924611bb8104658053bb5345b853f93a626Scott Main} 73362124a924611bb8104658053bb5345b853f93a626Scott Main 73372124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 720px) and (max-width: 979px) { 73382124a924611bb8104658053bb5345b853f93a626Scott Main .dac-studio .dac-header-search, 73392124a924611bb8104658053bb5345b853f93a626Scott Main .dac-header-search { 73402124a924611bb8104658053bb5345b853f93a626Scott Main right: 20px; 73412124a924611bb8104658053bb5345b853f93a626Scott Main width: 200px; 73422124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: left 200ms, right 200ms, width 200ms; 73432124a924611bb8104658053bb5345b853f93a626Scott Main transition: left 200ms, right 200ms, width 200ms; 73442124a924611bb8104658053bb5345b853f93a626Scott Main } 73452124a924611bb8104658053bb5345b853f93a626Scott Main 73462124a924611bb8104658053bb5345b853f93a626Scott Main .dac-search-mode .dac-header-search { 73472124a924611bb8104658053bb5345b853f93a626Scott Main left: 60px; 73482124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 73492124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 73502124a924611bb8104658053bb5345b853f93a626Scott Main } 73512124a924611bb8104658053bb5345b853f93a626Scott Main 73522124a924611bb8104658053bb5345b853f93a626Scott Main .dac-search-mode .dac-header-search .dac-header-search-inner { 73532124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 73542124a924611bb8104658053bb5345b853f93a626Scott Main width: calc(100% - 60px - 10px); 73552124a924611bb8104658053bb5345b853f93a626Scott Main } 73562124a924611bb8104658053bb5345b853f93a626Scott Main 73572124a924611bb8104658053bb5345b853f93a626Scott Main .dac-header-search-close { 73582124a924611bb8104658053bb5345b853f93a626Scott Main left: -42px; 73592124a924611bb8104658053bb5345b853f93a626Scott Main } 73602124a924611bb8104658053bb5345b853f93a626Scott Main} 73612124a924611bb8104658053bb5345b853f93a626Scott Main 73622124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 73632124a924611bb8104658053bb5345b853f93a626Scott Main .dac-header-search { 73642124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 73652124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 0; 73662124a924611bb8104658053bb5345b853f93a626Scott Main border-left: 1px solid rgba(0, 0, 0, 0.1); 73672124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 73682124a924611bb8104658053bb5345b853f93a626Scott Main left: calc(100% - 64px); 73692124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 73702124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 73712124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 10px; 73722124a924611bb8104658053bb5345b853f93a626Scott Main padding-right: 10px; 73732124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 73742124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 73752124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 73762124a924611bb8104658053bb5345b853f93a626Scott Main } 73772124a924611bb8104658053bb5345b853f93a626Scott Main 73782124a924611bb8104658053bb5345b853f93a626Scott Main .dac-header-search-input { 73792124a924611bb8104658053bb5345b853f93a626Scott Main background: none; 73802124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 73812124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; 73822124a924611bb8104658053bb5345b853f93a626Scott Main } 73832124a924611bb8104658053bb5345b853f93a626Scott Main 73842124a924611bb8104658053bb5345b853f93a626Scott Main .dac-search-mode .dac-header-search { 73852124a924611bb8104658053bb5345b853f93a626Scott Main background: #b0bec5; 73862124a924611bb8104658053bb5345b853f93a626Scott Main cursor: default; 73872124a924611bb8104658053bb5345b853f93a626Scott Main overflow: visible; 73882124a924611bb8104658053bb5345b853f93a626Scott Main left: 60px; 73892124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 73902124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 73912124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: left 200ms, right 200ms, width 200ms; 73922124a924611bb8104658053bb5345b853f93a626Scott Main transition: left 200ms, right 200ms, width 200ms; 73932124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 73942124a924611bb8104658053bb5345b853f93a626Scott Main border: none; 73952124a924611bb8104658053bb5345b853f93a626Scott Main } 73962124a924611bb8104658053bb5345b853f93a626Scott Main 73972124a924611bb8104658053bb5345b853f93a626Scott Main .dac-search-mode .dac-header-search .dac-header-search-inner { 73982124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 73992124a924611bb8104658053bb5345b853f93a626Scott Main width: calc(100% - 60px - 10px); 74002124a924611bb8104658053bb5345b853f93a626Scott Main } 74012124a924611bb8104658053bb5345b853f93a626Scott Main 74022124a924611bb8104658053bb5345b853f93a626Scott Main .dac-search-mode .dac-header-search .dac-header-search-input { 74032124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 74042124a924611bb8104658053bb5345b853f93a626Scott Main } 74052124a924611bb8104658053bb5345b853f93a626Scott Main} 74062124a924611bb8104658053bb5345b853f93a626Scott Main 74072124a924611bb8104658053bb5345b853f93a626Scott Main.highlighted em { 74082124a924611bb8104658053bb5345b853f93a626Scott Main color: #333; 74092124a924611bb8104658053bb5345b853f93a626Scott Main font-style: normal; 74102124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 700; 74112124a924611bb8104658053bb5345b853f93a626Scott Main} 74122124a924611bb8104658053bb5345b853f93a626Scott Main 74132124a924611bb8104658053bb5345b853f93a626Scott Main.card-info .title.highlighted { 74142124a924611bb8104658053bb5345b853f93a626Scott Main color: #666; 74152124a924611bb8104658053bb5345b853f93a626Scott Main} 74162124a924611bb8104658053bb5345b853f93a626Scott Main 74172124a924611bb8104658053bb5345b853f93a626Scott Main/* Main navigation component */ 74182124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-sidebar { 74192124a924611bb8104658053bb5345b853f93a626Scott Main background: #f5f8fa; 74202124a924611bb8104658053bb5345b853f93a626Scott Main border-right: 1px solid rgba(0, 0, 0, 0.1); 74212124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 74222124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 74232124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 74242124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 74252124a924611bb8104658053bb5345b853f93a626Scott Main position: fixed; 74262124a924611bb8104658053bb5345b853f93a626Scott Main top: 64px; 74272124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translate(-100%, 0); 74282124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform: translate(-100%, 0); 74292124a924611bb8104658053bb5345b853f93a626Scott Main transform: translate(-100%, 0); 74302124a924611bb8104658053bb5345b853f93a626Scott Main width: 250px; 74312124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 60; 74322124a924611bb8104658053bb5345b853f93a626Scott Main} 74332124a924611bb8104658053bb5345b853f93a626Scott Main 74342124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-animating .dac-nav-sidebar { 74352124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: -webkit-transform .3s; 74362124a924611bb8104658053bb5345b853f93a626Scott Main transition: transform .3s; 74372124a924611bb8104658053bb5345b853f93a626Scott Main} 74382124a924611bb8104658053bb5345b853f93a626Scott Main 74392124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-open .dac-nav-sidebar { 74402124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translate(0, 0); 74412124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform: translate(0, 0); 74422124a924611bb8104658053bb5345b853f93a626Scott Main transform: translate(0, 0); 74432124a924611bb8104658053bb5345b853f93a626Scott Main} 74442124a924611bb8104658053bb5345b853f93a626Scott Main 74452124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-mode .dac-nav-sidebar { 74462124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: -webkit-transform .3s; 74472124a924611bb8104658053bb5345b853f93a626Scott Main transition: transform .3s; 74482124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translate(-100%, 0); 74492124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform: translate(-100%, 0); 74502124a924611bb8104658053bb5345b853f93a626Scott Main transform: translate(-100%, 0); 74512124a924611bb8104658053bb5345b853f93a626Scott Main} 74522124a924611bb8104658053bb5345b853f93a626Scott Main 74532124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav .dac-swap-section { 74542124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition-duration: .3s; 74552124a924611bb8104658053bb5345b853f93a626Scott Main transition-duration: .3s; 74562124a924611bb8104658053bb5345b853f93a626Scott Main} 74572124a924611bb8104658053bb5345b853f93a626Scott Main 74582124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-back { 74592124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: -3px; 74602124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 10px; 74612124a924611bb8104658053bb5345b853f93a626Scott Main} 74622124a924611bb8104658053bb5345b853f93a626Scott Main 74632124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-fullscreen { 74642124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent; 74652124a924611bb8104658053bb5345b853f93a626Scott Main border: none; 74662124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 100%; 74672124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 74682124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 74692124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .8; 74702124a924611bb8104658053bb5345b853f93a626Scott Main outline: none; 74712124a924611bb8104658053bb5345b853f93a626Scott Main padding: 20px 15px; 74722124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 74732124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 74742124a924611bb8104658053bb5345b853f93a626Scott Main} 74752124a924611bb8104658053bb5345b853f93a626Scott Main 74762124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 980px) { 74772124a924611bb8104658053bb5345b853f93a626Scott Main .dac-nav-fullscreen { 74782124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 74792124a924611bb8104658053bb5345b853f93a626Scott Main } 74802124a924611bb8104658053bb5345b853f93a626Scott Main} 74812124a924611bb8104658053bb5345b853f93a626Scott Main 74822124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-fullscreen:hover { 74832124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 74842124a924611bb8104658053bb5345b853f93a626Scott Main} 74852124a924611bb8104658053bb5345b853f93a626Scott Main 74862124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-sub-slider { 74872124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 74882124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .5; 74892124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 74902124a924611bb8104658053bb5345b853f93a626Scott Main right: 7px; 74912124a924611bb8104658053bb5345b853f93a626Scott Main top: 5px; 74922124a924611bb8104658053bb5345b853f93a626Scott Main} 74932124a924611bb8104658053bb5345b853f93a626Scott Main 74942124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-back-button { 74952124a924611bb8104658053bb5345b853f93a626Scott Main background: #546e7a; 74962124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom: 1px solid rgba(0, 0, 0, 0.1); 74972124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 74982124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 74992124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 18px; 75002124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 75012124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 75022124a924611bb8104658053bb5345b853f93a626Scott Main padding: 20px; 75032124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute !important; 75042124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 75052124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 75062124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 1; 75072124a924611bb8104658053bb5345b853f93a626Scott Main} 75082124a924611bb8104658053bb5345b853f93a626Scott Main 75092124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-back-button, 75102124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-back-button:hover, 75112124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-back-button:active, 75122124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-back-button:focus { 75132124a924611bb8104658053bb5345b853f93a626Scott Main color: rgba(255, 255, 255, 0.7); 75142124a924611bb8104658053bb5345b853f93a626Scott Main} 75152124a924611bb8104658053bb5345b853f93a626Scott Main 75162124a924611bb8104658053bb5345b853f93a626Scott Main/* The back button in Studio and NDK left nav */ 75172124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-back-button.back-to-dev { 75182124a924611bb8104658053bb5345b853f93a626Scott Main background: none; 75192124a924611bb8104658053bb5345b853f93a626Scott Main color: #444; 75202124a924611bb8104658053bb5345b853f93a626Scott Main position: relative !important; 75212124a924611bb8104658053bb5345b853f93a626Scott Main top: -16px; 75222124a924611bb8104658053bb5345b853f93a626Scott Main} 75232124a924611bb8104658053bb5345b853f93a626Scott Main 75242124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-back-button.back-to-dev:hover, 75252124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-back-button.back-to-dev:active, 75262124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-back-button.back-to-dev:focus { 75272124a924611bb8104658053bb5345b853f93a626Scott Main color: rgba(68, 68, 68, .7); 75282124a924611bb8104658053bb5345b853f93a626Scott Main} 75292124a924611bb8104658053bb5345b853f93a626Scott Main 75302124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-back-button:focus .dac-nav-back { 75312124a924611bb8104658053bb5345b853f93a626Scott Main outline-color: rgb(77, 144, 254); 75322124a924611bb8104658053bb5345b853f93a626Scott Main outline-offset: 15px; 75332124a924611bb8104658053bb5345b853f93a626Scott Main outline-style: auto; 75342124a924611bb8104658053bb5345b853f93a626Scott Main} 75352124a924611bb8104658053bb5345b853f93a626Scott Main 75362124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-back-button > .dac-sprite, .dac-nav-back-button > .dac-modal-header-close:before, .paging-links .dac-nav-back-button > .prev-page-link:before, .paging-links .dac-nav-back-button > .next-page-link:before, .paging-links .dac-nav-back-button > .next-class-link:before, .paging-links .dac-nav-back-button > .start-class-link:after { 75372124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .7; 75382124a924611bb8104658053bb5345b853f93a626Scott Main} 75392124a924611bb8104658053bb5345b853f93a626Scott Main 75402124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-logo { 75412124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 20px; 75422124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 300; 75432124a924611bb8104658053bb5345b853f93a626Scott Main letter-spacing: .3px; 75442124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 36px; 75452124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 75462124a924611bb8104658053bb5345b853f93a626Scott Main padding: 14px 24px; 75472124a924611bb8104658053bb5345b853f93a626Scott Main} 75482124a924611bb8104658053bb5345b853f93a626Scott Main 75492124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-logo, .dac-nav-logo:hover, .dac-nav-logo:focus { 75502124a924611bb8104658053bb5345b853f93a626Scott Main color: #444; 75512124a924611bb8104658053bb5345b853f93a626Scott Main} 75522124a924611bb8104658053bb5345b853f93a626Scott Main 75532124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-list { 75542124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 75552124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 75562124a924611bb8104658053bb5345b853f93a626Scott Main list-style-type: none; 75572124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 75582124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-overflow-scrolling: touch; 75592124a924611bb8104658053bb5345b853f93a626Scott Main overflow-y: scroll; 75602124a924611bb8104658053bb5345b853f93a626Scott Main padding: 16px 0; 75612124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute !important; 75622124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 75632124a924611bb8104658053bb5345b853f93a626Scott Main top: 0 !important; 75642124a924611bb8104658053bb5345b853f93a626Scott Main scrollbar-face-color: #b7baba; 75652124a924611bb8104658053bb5345b853f93a626Scott Main scrollbar-track-color: #e5e8e9; 75662124a924611bb8104658053bb5345b853f93a626Scott Main} 75672124a924611bb8104658053bb5345b853f93a626Scott Main 75682124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-list::-webkit-scrollbar { 75692124a924611bb8104658053bb5345b853f93a626Scott Main width: 4px; 75702124a924611bb8104658053bb5345b853f93a626Scott Main height: 4px; 75712124a924611bb8104658053bb5345b853f93a626Scott Main} 75722124a924611bb8104658053bb5345b853f93a626Scott Main 75732124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-list::-webkit-scrollbar-thumb { 75742124a924611bb8104658053bb5345b853f93a626Scott Main background: #b7baba; 75752124a924611bb8104658053bb5345b853f93a626Scott Main} 75762124a924611bb8104658053bb5345b853f93a626Scott Main 75772124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-list::-webkit-scrollbar-track { 75782124a924611bb8104658053bb5345b853f93a626Scott Main background: #e5e8e9; 75792124a924611bb8104658053bb5345b853f93a626Scott Main} 75802124a924611bb8104658053bb5345b853f93a626Scott Main 75812124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-secondary { 75822124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 75832124a924611bb8104658053bb5345b853f93a626Scott Main} 75842124a924611bb8104658053bb5345b853f93a626Scott Main 75852124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-item { 75862124a924611bb8104658053bb5345b853f93a626Scott Main list-style-type: none; 75872124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 10px; 75882124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 75892124a924611bb8104658053bb5345b853f93a626Scott Main} 75902124a924611bb8104658053bb5345b853f93a626Scott Main 75912124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-secondary .dac-nav-item { 75922124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 0; 75932124a924611bb8104658053bb5345b853f93a626Scott Main} 75942124a924611bb8104658053bb5345b853f93a626Scott Main 75952124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-head { 75962124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 75972124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 75982124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 300; 75992124a924611bb8104658053bb5345b853f93a626Scott Main letter-spacing: .24px; 76002124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 32px; 76012124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 20px; 76022124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 0; 76032124a924611bb8104658053bb5345b853f93a626Scott Main} 76042124a924611bb8104658053bb5345b853f93a626Scott Main 76052124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-dimmer { 76062124a924611bb8104658053bb5345b853f93a626Scott Main background: #000; 76072124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 76082124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 76092124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 76102124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; 76112124a924611bb8104658053bb5345b853f93a626Scott Main position: fixed; 76122124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 76132124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translateZ(0); 76142124a924611bb8104658053bb5345b853f93a626Scott Main transform: translateZ(0); 76152124a924611bb8104658053bb5345b853f93a626Scott Main visibility: hidden; 76162124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 76172124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 60; 76182124a924611bb8104658053bb5345b853f93a626Scott Main} 76192124a924611bb8104658053bb5345b853f93a626Scott Main 76202124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-animating .dac-nav-dimmer { 76212124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: visibility 0s linear .3s, opacity .3s linear; 76222124a924611bb8104658053bb5345b853f93a626Scott Main transition: visibility 0s linear .3s, opacity .3s linear; 76232124a924611bb8104658053bb5345b853f93a626Scott Main} 76242124a924611bb8104658053bb5345b853f93a626Scott Main 76252124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-open .dac-nav-dimmer { 76262124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .8; 76272124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition-delay: 0s; 76282124a924611bb8104658053bb5345b853f93a626Scott Main transition-delay: 0s; 76292124a924611bb8104658053bb5345b853f93a626Scott Main visibility: visible; 76302124a924611bb8104658053bb5345b853f93a626Scott Main} 76312124a924611bb8104658053bb5345b853f93a626Scott Main 76322124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 980px) { 76332124a924611bb8104658053bb5345b853f93a626Scott Main .dac-nav-dimmer { 76342124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 76352124a924611bb8104658053bb5345b853f93a626Scott Main } 76362124a924611bb8104658053bb5345b853f93a626Scott Main} 76372124a924611bb8104658053bb5345b853f93a626Scott Main 76382124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-hamburger { 76392124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 76402124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 76412124a924611bb8104658053bb5345b853f93a626Scott Main height: 15px; 76422124a924611bb8104658053bb5345b853f93a626Scott Main padding: 22px 20px; 76432124a924611bb8104658053bb5345b853f93a626Scott Main width: 18px; 76442124a924611bb8104658053bb5345b853f93a626Scott Main} 76452124a924611bb8104658053bb5345b853f93a626Scott Main 76462124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 76472124a924611bb8104658053bb5345b853f93a626Scott Main .dac-nav-hamburger { 76482124a924611bb8104658053bb5345b853f93a626Scott Main border-right: 1px solid rgba(0, 0, 0, 0.1); 76492124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 76502124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 27px; 76512124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 76522124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 76532124a924611bb8104658053bb5345b853f93a626Scott Main } 76542124a924611bb8104658053bb5345b853f93a626Scott Main} 76552124a924611bb8104658053bb5345b853f93a626Scott Main 76562124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-hamburger-top, .dac-nav-hamburger-mid, .dac-nav-hamburger-bot { 76572124a924611bb8104658053bb5345b853f93a626Scott Main background: rgba(0, 0, 0, 0.4); 76582124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 76592124a924611bb8104658053bb5345b853f93a626Scott Main height: 2px; 76602124a924611bb8104658053bb5345b853f93a626Scott Main margin: 3px 0 0; 76612124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .5; 76622124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 76632124a924611bb8104658053bb5345b853f93a626Scott Main} 76642124a924611bb8104658053bb5345b853f93a626Scott Main 76652124a924611bb8104658053bb5345b853f93a626Scott Main.dac-studio .dac-nav-hamburger-top, 76662124a924611bb8104658053bb5345b853f93a626Scott Main.dac-studio .dac-nav-hamburger-mid, 76672124a924611bb8104658053bb5345b853f93a626Scott Main.dac-studio .dac-nav-hamburger-bot { 76682124a924611bb8104658053bb5345b853f93a626Scott Main background: rgba(256, 256, 256, 0.4); 76692124a924611bb8104658053bb5345b853f93a626Scott Main} 76702124a924611bb8104658053bb5345b853f93a626Scott Main 76712124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-animating .dac-nav-hamburger-top, .dac-nav-animating .dac-nav-hamburger-mid, .dac-nav-animating .dac-nav-hamburger-bot { 76722124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity .3s; 76732124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity .3s; 76742124a924611bb8104658053bb5345b853f93a626Scott Main} 76752124a924611bb8104658053bb5345b853f93a626Scott Main 76762124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 76772124a924611bb8104658053bb5345b853f93a626Scott Main .dac-nav-hamburger-top, .dac-nav-hamburger-mid, .dac-nav-hamburger-bot { 76782124a924611bb8104658053bb5345b853f93a626Scott Main background: #fff; 76792124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 76802124a924611bb8104658053bb5345b853f93a626Scott Main } 76812124a924611bb8104658053bb5345b853f93a626Scott Main} 76822124a924611bb8104658053bb5345b853f93a626Scott Main 76832124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-open .dac-nav-hamburger-top, 76842124a924611bb8104658053bb5345b853f93a626Scott Main .dac-nav-open .dac-nav-hamburger-mid, 76852124a924611bb8104658053bb5345b853f93a626Scott Main .dac-nav-open .dac-nav-hamburger-bot { 76862124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 76872124a924611bb8104658053bb5345b853f93a626Scott Main} 76882124a924611bb8104658053bb5345b853f93a626Scott Main 76892124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-mode .dac-nav-hamburger { 76902124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; 76912124a924611bb8104658053bb5345b853f93a626Scott Main visibility: hidden; 76922124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: visibility 0s linear 200ms, opacity 200ms linear; 76932124a924611bb8104658053bb5345b853f93a626Scott Main transition: visibility 0s linear 200ms, opacity 200ms linear; 76942124a924611bb8104658053bb5345b853f93a626Scott Main} 76952124a924611bb8104658053bb5345b853f93a626Scott Main 76962124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-link { 76972124a924611bb8104658053bb5345b853f93a626Scott Main color: #444; 76982124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 76992124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 14px; 77002124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: uppercase; 77012124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 77022124a924611bb8104658053bb5345b853f93a626Scott Main letter-spacing: .24px; 77032124a924611bb8104658053bb5345b853f93a626Scott Main padding: 5px 20px; 77042124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); 77052124a924611bb8104658053bb5345b853f93a626Scott Main transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); 77062124a924611bb8104658053bb5345b853f93a626Scott Main} 77072124a924611bb8104658053bb5345b853f93a626Scott Main 77082124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-link:hover, .dac-nav-link:focus { 77092124a924611bb8104658053bb5345b853f93a626Scott Main color: rgba(68, 68, 68, 0.7); 77102124a924611bb8104658053bb5345b853f93a626Scott Main} 77112124a924611bb8104658053bb5345b853f93a626Scott Main 77122124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-link:focus { 77132124a924611bb8104658053bb5345b853f93a626Scott Main background: rgba(63, 81, 181, 0.1); 77142124a924611bb8104658053bb5345b853f93a626Scott Main outline: 0; 77152124a924611bb8104658053bb5345b853f93a626Scott Main} 77162124a924611bb8104658053bb5345b853f93a626Scott Main 77172124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-secondary .dac-nav-link { 77182124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 12px; 77192124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 400; 77202124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 40px; 77212124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: none; 77222124a924611bb8104658053bb5345b853f93a626Scott Main} 77232124a924611bb8104658053bb5345b853f93a626Scott Main 77242124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-link.selected { 77252124a924611bb8104658053bb5345b853f93a626Scott Main background: rgba(63, 81, 181, 0.1); 77262124a924611bb8104658053bb5345b853f93a626Scott Main color: #039bef; 77272124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 77282124a924611bb8104658053bb5345b853f93a626Scott Main} 77292124a924611bb8104658053bb5345b853f93a626Scott Main 77302124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-link-forward { 77312124a924611bb8104658053bb5345b853f93a626Scott Main background: #546E7A; 77322124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 77332124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 77342124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 77352124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 34px; 77362124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 77372124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 77382124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 77392124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 77402124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 77412124a924611bb8104658053bb5345b853f93a626Scott Main width: 34px; 77422124a924611bb8104658053bb5345b853f93a626Scott Main} 77432124a924611bb8104658053bb5345b853f93a626Scott Main 77442124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-link-forward > .dac-nav-forward { 77452124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .7; 77462124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: -3px; 77472124a924611bb8104658053bb5345b853f93a626Scott Main} 77482124a924611bb8104658053bb5345b853f93a626Scott Main 77492124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-sub { 77502124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 77512124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 77522124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute !important; 77532124a924611bb8104658053bb5345b853f93a626Scott Main top: 65px !important; 77542124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 77552124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 1; 77562124a924611bb8104658053bb5345b853f93a626Scott Main} 77572124a924611bb8104658053bb5345b853f93a626Scott Main 77582124a924611bb8104658053bb5345b853f93a626Scott Main#body-content { 77592124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 64px; 77602124a924611bb8104658053bb5345b853f93a626Scott Main} 77612124a924611bb8104658053bb5345b853f93a626Scott Main 77622124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-animating #body-content { 77632124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: padding .3s; 77642124a924611bb8104658053bb5345b853f93a626Scott Main transition: padding .3s; 77652124a924611bb8104658053bb5345b853f93a626Scott Main} 77662124a924611bb8104658053bb5345b853f93a626Scott Main 77672124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 980px) { 77682124a924611bb8104658053bb5345b853f93a626Scott Main .dac-nav-open #body-content { 77692124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 250px; 77702124a924611bb8104658053bb5345b853f93a626Scott Main } 77712124a924611bb8104658053bb5345b853f93a626Scott Main 77722124a924611bb8104658053bb5345b853f93a626Scott Main /* Do not show nav toggle on large screens (when no subnav) */ 77732124a924611bb8104658053bb5345b853f93a626Scott Main body.no-subnav .dac-nav-toggle { 77742124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 77752124a924611bb8104658053bb5345b853f93a626Scott Main } 77762124a924611bb8104658053bb5345b853f93a626Scott Main body.no-subnav .dac-header-logo { 77772124a924611bb8104658053bb5345b853f93a626Scott Main padding-left:20px; 77782124a924611bb8104658053bb5345b853f93a626Scott Main } 77792124a924611bb8104658053bb5345b853f93a626Scott Main /* ...If the page is also full-width, then don't show left nav at all */ 77802124a924611bb8104658053bb5345b853f93a626Scott Main body.no-subnav.full-width .dac-nav { 77812124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 77822124a924611bb8104658053bb5345b853f93a626Scott Main } 77832124a924611bb8104658053bb5345b853f93a626Scott Main body.no-subnav.full-width #body-content { 77842124a924611bb8104658053bb5345b853f93a626Scott Main padding-left:0; 77852124a924611bb8104658053bb5345b853f93a626Scott Main } 77862124a924611bb8104658053bb5345b853f93a626Scott Main} 77872124a924611bb8104658053bb5345b853f93a626Scott Main 77882124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-open { 77892124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 77902124a924611bb8104658053bb5345b853f93a626Scott Main} 77912124a924611bb8104658053bb5345b853f93a626Scott Main 77922124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 980px) { 77932124a924611bb8104658053bb5345b853f93a626Scott Main .dac-nav-open { 77942124a924611bb8104658053bb5345b853f93a626Scott Main overflow: visible; 77952124a924611bb8104658053bb5345b853f93a626Scott Main } 77962124a924611bb8104658053bb5345b853f93a626Scott Main} 77972124a924611bb8104658053bb5345b853f93a626Scott Main 77982124a924611bb8104658053bb5345b853f93a626Scott Main#devdoc-nav { 77992124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 78002124a924611bb8104658053bb5345b853f93a626Scott Main} 78012124a924611bb8104658053bb5345b853f93a626Scott Main 78022124a924611bb8104658053bb5345b853f93a626Scott Main.data-reference-resources-wrapper { 78032124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 78042124a924611bb8104658053bb5345b853f93a626Scott Main} 78052124a924611bb8104658053bb5345b853f93a626Scott Main 78062124a924611bb8104658053bb5345b853f93a626Scott Main.dac-reference-nav { 78072124a924611bb8104658053bb5345b853f93a626Scott Main height: calc(100% - 36px); 78082124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 78092124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 78102124a924611bb8104658053bb5345b853f93a626Scott Main} 78112124a924611bb8104658053bb5345b853f93a626Scott Main 78122124a924611bb8104658053bb5345b853f93a626Scott Main.dac-reference-nav ul, 78132124a924611bb8104658053bb5345b853f93a626Scott Main .dac-reference-nav li { 78142124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 78152124a924611bb8104658053bb5345b853f93a626Scott Main list-style-type: none; 78162124a924611bb8104658053bb5345b853f93a626Scott Main} 78172124a924611bb8104658053bb5345b853f93a626Scott Main 78182124a924611bb8104658053bb5345b853f93a626Scott Main.dac-reference-nav-list { 78192124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 78202124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 78212124a924611bb8104658053bb5345b853f93a626Scott Main overflow-y: scroll; 78222124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 78232124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px; 78242124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 20px; 78252124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 78262124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 78272124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 78282124a924611bb8104658053bb5345b853f93a626Scott Main scrollbar-face-color: #9da4a7; 78292124a924611bb8104658053bb5345b853f93a626Scott Main scrollbar-track-color: #c4cdd1; 78302124a924611bb8104658053bb5345b853f93a626Scott Main} 78312124a924611bb8104658053bb5345b853f93a626Scott Main 78322124a924611bb8104658053bb5345b853f93a626Scott Main.dac-reference-nav-list::-webkit-scrollbar { 78332124a924611bb8104658053bb5345b853f93a626Scott Main width: 4px; 78342124a924611bb8104658053bb5345b853f93a626Scott Main height: 4px; 78352124a924611bb8104658053bb5345b853f93a626Scott Main} 78362124a924611bb8104658053bb5345b853f93a626Scott Main 78372124a924611bb8104658053bb5345b853f93a626Scott Main.dac-reference-nav-list::-webkit-scrollbar-thumb { 78382124a924611bb8104658053bb5345b853f93a626Scott Main background: #9da4a7; 78392124a924611bb8104658053bb5345b853f93a626Scott Main} 78402124a924611bb8104658053bb5345b853f93a626Scott Main 78412124a924611bb8104658053bb5345b853f93a626Scott Main.dac-reference-nav-list::-webkit-scrollbar-track { 78422124a924611bb8104658053bb5345b853f93a626Scott Main background: #c4cdd1; 78432124a924611bb8104658053bb5345b853f93a626Scott Main} 78442124a924611bb8104658053bb5345b853f93a626Scott Main 78452124a924611bb8104658053bb5345b853f93a626Scott Main.dac-reference-nav-resources { 78462124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 78472124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 0 0 13px; 78482124a924611bb8104658053bb5345b853f93a626Scott Main} 78492124a924611bb8104658053bb5345b853f93a626Scott Main 78502124a924611bb8104658053bb5345b853f93a626Scott Main.dac-reference-nav-resource, 78512124a924611bb8104658053bb5345b853f93a626Scott Main.dac-reference-nav-toggle { 78522124a924611bb8104658053bb5345b853f93a626Scott Main color: #505050; 78532124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 78542124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 78552124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 12px; 78562124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 1; 78572124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 78582124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 78592124a924611bb8104658053bb5345b853f93a626Scott Main padding: 3px 0; 78602124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 78612124a924611bb8104658053bb5345b853f93a626Scott Main text-overflow: ellipsis; 78622124a924611bb8104658053bb5345b853f93a626Scott Main white-space: nowrap; 78632124a924611bb8104658053bb5345b853f93a626Scott Main} 78642124a924611bb8104658053bb5345b853f93a626Scott Main 78652124a924611bb8104658053bb5345b853f93a626Scott Main.dac-reference-nav-toggle { 78662124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: -12px; 78672124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 12px; 78682124a924611bb8104658053bb5345b853f93a626Scott Main} 78692124a924611bb8104658053bb5345b853f93a626Scott Main 78702124a924611bb8104658053bb5345b853f93a626Scott Main.selected > .dac-reference-nav-resource { 78712124a924611bb8104658053bb5345b853f93a626Scott Main color: #039bef; 78722124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 600; 78732124a924611bb8104658053bb5345b853f93a626Scott Main} 78742124a924611bb8104658053bb5345b853f93a626Scott Main 78752124a924611bb8104658053bb5345b853f93a626Scott Main.dac-reference-nav-toggle::before { 78762124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/disclosure_up.png) no-repeat center center; 78772124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 78782124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 78792124a924611bb8104658053bb5345b853f93a626Scott Main height: 19px; 78802124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 78812124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 78822124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 78832124a924611bb8104658053bb5345b853f93a626Scott Main width: 8px; 78842124a924611bb8104658053bb5345b853f93a626Scott Main} 78852124a924611bb8104658053bb5345b853f93a626Scott Main 78862124a924611bb8104658053bb5345b853f93a626Scott Main.dac-reference-nav-toggle.dac-closed::before { 78872124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: scaleY(-1); 78882124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform: scaleY(-1); 78892124a924611bb8104658053bb5345b853f93a626Scott Main transform: scaleY(-1); 78902124a924611bb8104658053bb5345b853f93a626Scott Main} 78912124a924611bb8104658053bb5345b853f93a626Scott Main 78922124a924611bb8104658053bb5345b853f93a626Scott Main/* nav */ 78932124a924611bb8104658053bb5345b853f93a626Scott Main#nav { 78942124a924611bb8104658053bb5345b853f93a626Scott Main background: #cfd8dc; 78952124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 78962124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 78972124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 78982124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-overflow-scrolling: touch; 78992124a924611bb8104658053bb5345b853f93a626Scott Main overflow-y: scroll; 79002124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute !important; 79012124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 79022124a924611bb8104658053bb5345b853f93a626Scott Main top: 0 !important; 79032124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px; 79042124a924611bb8104658053bb5345b853f93a626Scott Main scrollbar-face-color: #9da4a7; 79052124a924611bb8104658053bb5345b853f93a626Scott Main scrollbar-track-color: #c4cdd1; 79062124a924611bb8104658053bb5345b853f93a626Scott Main /* section header links */ 79072124a924611bb8104658053bb5345b853f93a626Scott Main /* nested nav headers */ 79082124a924611bb8104658053bb5345b853f93a626Scott Main} 79092124a924611bb8104658053bb5345b853f93a626Scott Main 79102124a924611bb8104658053bb5345b853f93a626Scott Main#nav::-webkit-scrollbar { 79112124a924611bb8104658053bb5345b853f93a626Scott Main width: 4px; 79122124a924611bb8104658053bb5345b853f93a626Scott Main height: 4px; 79132124a924611bb8104658053bb5345b853f93a626Scott Main} 79142124a924611bb8104658053bb5345b853f93a626Scott Main 79152124a924611bb8104658053bb5345b853f93a626Scott Main#nav::-webkit-scrollbar-thumb { 79162124a924611bb8104658053bb5345b853f93a626Scott Main background: #9da4a7; 79172124a924611bb8104658053bb5345b853f93a626Scott Main} 79182124a924611bb8104658053bb5345b853f93a626Scott Main 79192124a924611bb8104658053bb5345b853f93a626Scott Main#nav::-webkit-scrollbar-track { 79202124a924611bb8104658053bb5345b853f93a626Scott Main background: #c4cdd1; 79212124a924611bb8104658053bb5345b853f93a626Scott Main} 79222124a924611bb8104658053bb5345b853f93a626Scott Main 79232124a924611bb8104658053bb5345b853f93a626Scott Main#nav li { 79242124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 12px; 79252124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 18px; 79262124a924611bb8104658053bb5345b853f93a626Scott Main list-style-type: none; 79272124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 79282124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 79292124a924611bb8104658053bb5345b853f93a626Scott Main} 79302124a924611bb8104658053bb5345b853f93a626Scott Main 79312124a924611bb8104658053bb5345b853f93a626Scott Main#nav a { 79322124a924611bb8104658053bb5345b853f93a626Scott Main color: #505050; 79332124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration: none; 79342124a924611bb8104658053bb5345b853f93a626Scott Main word-wrap: break-word; 79352124a924611bb8104658053bb5345b853f93a626Scott Main} 79362124a924611bb8104658053bb5345b853f93a626Scott Main 79372124a924611bb8104658053bb5345b853f93a626Scott Main#nav .nav-section-header { 79382124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 30px 0 0; 79392124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 79402124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: background-color .1s; 79412124a924611bb8104658053bb5345b853f93a626Scott Main transition: background-color .1s; 79422124a924611bb8104658053bb5345b853f93a626Scott Main} 79432124a924611bb8104658053bb5345b853f93a626Scott Main 79442124a924611bb8104658053bb5345b853f93a626Scott Main#nav .nav-section-header.empty { 79452124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 79462124a924611bb8104658053bb5345b853f93a626Scott Main} 79472124a924611bb8104658053bb5345b853f93a626Scott Main 79482124a924611bb8104658053bb5345b853f93a626Scott Main#nav .nav-section-header.empty::after { 79492124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 79502124a924611bb8104658053bb5345b853f93a626Scott Main} 79512124a924611bb8104658053bb5345b853f93a626Scott Main 79522124a924611bb8104658053bb5345b853f93a626Scott Main#nav .nav-section-header .toggle-icon { 79532124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/disclosure_down.png) no-repeat scroll 50% 50%; 79542124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 79552124a924611bb8104658053bb5345b853f93a626Scott Main height: 34px; 79562124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 79572124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 79582124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 79592124a924611bb8104658053bb5345b853f93a626Scott Main top: 1px; 79602124a924611bb8104658053bb5345b853f93a626Scott Main width: 34px; 79612124a924611bb8104658053bb5345b853f93a626Scott Main} 79622124a924611bb8104658053bb5345b853f93a626Scott Main 79632124a924611bb8104658053bb5345b853f93a626Scott Main#nav li.selected a { 79642124a924611bb8104658053bb5345b853f93a626Scott Main color: #0288D1; 79652124a924611bb8104658053bb5345b853f93a626Scott Main} 79662124a924611bb8104658053bb5345b853f93a626Scott Main 79672124a924611bb8104658053bb5345b853f93a626Scott Main#nav li.selected ul li a { 79682124a924611bb8104658053bb5345b853f93a626Scott Main color: #505050; 79692124a924611bb8104658053bb5345b853f93a626Scott Main} 79702124a924611bb8104658053bb5345b853f93a626Scott Main 79712124a924611bb8104658053bb5345b853f93a626Scott Main#nav li.expanded .nav-section-header { 79722124a924611bb8104658053bb5345b853f93a626Scott Main background: #bac2c6; 79732124a924611bb8104658053bb5345b853f93a626Scott Main} 79742124a924611bb8104658053bb5345b853f93a626Scott Main 79752124a924611bb8104658053bb5345b853f93a626Scott Main#nav li.expanded .nav-section-header.empty { 79762124a924611bb8104658053bb5345b853f93a626Scott Main background: none; 79772124a924611bb8104658053bb5345b853f93a626Scott Main} 79782124a924611bb8104658053bb5345b853f93a626Scott Main 79792124a924611bb8104658053bb5345b853f93a626Scott Main#nav li.expanded li .nav-section-header { 79802124a924611bb8104658053bb5345b853f93a626Scott Main background: none; 79812124a924611bb8104658053bb5345b853f93a626Scott Main} 79822124a924611bb8104658053bb5345b853f93a626Scott Main 79832124a924611bb8104658053bb5345b853f93a626Scott Main#nav li.expanded li ul { 79842124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 10px; 79852124a924611bb8104658053bb5345b853f93a626Scott Main} 79862124a924611bb8104658053bb5345b853f93a626Scott Main 79872124a924611bb8104658053bb5345b853f93a626Scott Main#nav li.expanded > .nav-section-header .toggle-icon { 79882124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 79892124a924611bb8104658053bb5345b853f93a626Scott Main background: transparent url(../images/styles/disclosure_up.png) no-repeat scroll 50% 50%; 79902124a924611bb8104658053bb5345b853f93a626Scott Main width: 34px; 79912124a924611bb8104658053bb5345b853f93a626Scott Main height: 34px; 79922124a924611bb8104658053bb5345b853f93a626Scott Main} 79932124a924611bb8104658053bb5345b853f93a626Scott Main 79942124a924611bb8104658053bb5345b853f93a626Scott Main#nav li.expanded li ul.tree-list-children { 79952124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 79962124a924611bb8104658053bb5345b853f93a626Scott Main} 79972124a924611bb8104658053bb5345b853f93a626Scott Main 79982124a924611bb8104658053bb5345b853f93a626Scott Main#nav li.expanded li ul.tree-list-children .tree-list-children { 79992124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 0 0 10px; 80002124a924611bb8104658053bb5345b853f93a626Scott Main} 80012124a924611bb8104658053bb5345b853f93a626Scott Main 80022124a924611bb8104658053bb5345b853f93a626Scott Main#nav .nav-section .nav-section .nav-section-header { 80032124a924611bb8104658053bb5345b853f93a626Scott Main /* no white line between second level sections */ 80042124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 0; 80052124a924611bb8104658053bb5345b853f93a626Scott Main} 80062124a924611bb8104658053bb5345b853f93a626Scott Main 80072124a924611bb8104658053bb5345b853f93a626Scott Main#nav > li > div > a { 80082124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 80092124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 700; 80102124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px; 80112124a924611bb8104658053bb5345b853f93a626Scott Main} 80122124a924611bb8104658053bb5345b853f93a626Scott Main 80132124a924611bb8104658053bb5345b853f93a626Scott Main#nav .nav-section .nav-section { 80142124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 80152124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 80162124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 80172124a924611bb8104658053bb5345b853f93a626Scott Main} 80182124a924611bb8104658053bb5345b853f93a626Scott Main 80192124a924611bb8104658053bb5345b853f93a626Scott Main#nav .nav-section li a { 80202124a924611bb8104658053bb5345b853f93a626Scott Main /* first gen child (2nd level li) */ 80212124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 80222124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 700; 80232124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: none; 80242124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px; 80252124a924611bb8104658053bb5345b853f93a626Scott Main} 80262124a924611bb8104658053bb5345b853f93a626Scott Main 80272124a924611bb8104658053bb5345b853f93a626Scott Main#nav .nav-section li li a { 80282124a924611bb8104658053bb5345b853f93a626Scott Main /* second gen child (3rd level li) */ 80292124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 400; 80302124a924611bb8104658053bb5345b853f93a626Scott Main padding: 6px 6px 6px 10px; 80312124a924611bb8104658053bb5345b853f93a626Scott Main} 80322124a924611bb8104658053bb5345b853f93a626Scott Main 80332124a924611bb8104658053bb5345b853f93a626Scott Main#nav li span.tree-list-subtitle { 80342124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 80352124a924611bb8104658053bb5345b853f93a626Scott Main color: #555; 80362124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 12px; 80372124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px; 80382124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: uppercase; 80392124a924611bb8104658053bb5345b853f93a626Scott Main} 80402124a924611bb8104658053bb5345b853f93a626Scott Main 80412124a924611bb8104658053bb5345b853f93a626Scott Main#nav li span.tree-list-subtitle:before { 80422124a924611bb8104658053bb5345b853f93a626Scott Main content: '—'; 80432124a924611bb8104658053bb5345b853f93a626Scott Main} 80442124a924611bb8104658053bb5345b853f93a626Scott Main 80452124a924611bb8104658053bb5345b853f93a626Scott Main#nav li span.tree-list-subtitle:after { 80462124a924611bb8104658053bb5345b853f93a626Scott Main content: '—'; 80472124a924611bb8104658053bb5345b853f93a626Scott Main} 80482124a924611bb8104658053bb5345b853f93a626Scott Main 80492124a924611bb8104658053bb5345b853f93a626Scott Main#nav li span.tree-list-subtitle.package { 80502124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 15px; 80512124a924611bb8104658053bb5345b853f93a626Scott Main cursor: default; 80522124a924611bb8104658053bb5345b853f93a626Scott Main} 80532124a924611bb8104658053bb5345b853f93a626Scott Main 80542124a924611bb8104658053bb5345b853f93a626Scott Main#nav li span.tree-list-subtitle.package:before { 80552124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 80562124a924611bb8104658053bb5345b853f93a626Scott Main} 80572124a924611bb8104658053bb5345b853f93a626Scott Main 80582124a924611bb8104658053bb5345b853f93a626Scott Main#nav li span.tree-list-subtitle.package:after { 80592124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 80602124a924611bb8104658053bb5345b853f93a626Scott Main} 80612124a924611bb8104658053bb5345b853f93a626Scott Main 80622124a924611bb8104658053bb5345b853f93a626Scott Main#nav li ul.tree-list-children.classes { 80632124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 10px; 80642124a924611bb8104658053bb5345b853f93a626Scott Main} 80652124a924611bb8104658053bb5345b853f93a626Scott Main 80662124a924611bb8104658053bb5345b853f93a626Scott Main#nav li ul { 80672124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 80682124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 80692124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 80702124a924611bb8104658053bb5345b853f93a626Scott Main} 80712124a924611bb8104658053bb5345b853f93a626Scott Main 80722124a924611bb8104658053bb5345b853f93a626Scott Main#nav li ul.animate-height-in { 80732124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: height 0.25s ease-in; 80742124a924611bb8104658053bb5345b853f93a626Scott Main transition: height 0.25s ease-in; 80752124a924611bb8104658053bb5345b853f93a626Scott Main} 80762124a924611bb8104658053bb5345b853f93a626Scott Main 80772124a924611bb8104658053bb5345b853f93a626Scott Main#nav li ul.animate-height-out { 80782124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: height 0.25s ease-out; 80792124a924611bb8104658053bb5345b853f93a626Scott Main transition: height 0.25s ease-out; 80802124a924611bb8104658053bb5345b853f93a626Scott Main} 80812124a924611bb8104658053bb5345b853f93a626Scott Main 80822124a924611bb8104658053bb5345b853f93a626Scott Main#nav li ul li { 80832124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 80842124a924611bb8104658053bb5345b853f93a626Scott Main} 80852124a924611bb8104658053bb5345b853f93a626Scott Main 80862124a924611bb8104658053bb5345b853f93a626Scott Main#nav li li li { 80872124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 80882124a924611bb8104658053bb5345b853f93a626Scott Main} 80892124a924611bb8104658053bb5345b853f93a626Scott Main 80902124a924611bb8104658053bb5345b853f93a626Scott Main#nav li ul > li { 80912124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 80922124a924611bb8104658053bb5345b853f93a626Scott Main} 80932124a924611bb8104658053bb5345b853f93a626Scott Main 80942124a924611bb8104658053bb5345b853f93a626Scott Main#nav li ul > li:last-child { 80952124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 5px; 80962124a924611bb8104658053bb5345b853f93a626Scott Main} 80972124a924611bb8104658053bb5345b853f93a626Scott Main 80982124a924611bb8104658053bb5345b853f93a626Scott Main#nav li ul.tree-list-children > li:last-child { 80992124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 0; 81002124a924611bb8104658053bb5345b853f93a626Scott Main} 81012124a924611bb8104658053bb5345b853f93a626Scott Main 81022124a924611bb8104658053bb5345b853f93a626Scott Main#nav li.expanded ul > li { 81032124a924611bb8104658053bb5345b853f93a626Scott Main background: #c4cdd1; 81042124a924611bb8104658053bb5345b853f93a626Scott Main} 81052124a924611bb8104658053bb5345b853f93a626Scott Main 81062124a924611bb8104658053bb5345b853f93a626Scott Main#nav li.expanded ul > li li { 81072124a924611bb8104658053bb5345b853f93a626Scott Main background: inherit; 81082124a924611bb8104658053bb5345b853f93a626Scott Main} 81092124a924611bb8104658053bb5345b853f93a626Scott Main 81102124a924611bb8104658053bb5345b853f93a626Scott Main#nav li ul.tree-list-children ul { 81112124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 81122124a924611bb8104658053bb5345b853f93a626Scott Main} 81132124a924611bb8104658053bb5345b853f93a626Scott Main 81142124a924611bb8104658053bb5345b853f93a626Scott Main#nav.samples-nav li li li a { 81152124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 3px; 81162124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 3px; 81172124a924611bb8104658053bb5345b853f93a626Scott Main} 81182124a924611bb8104658053bb5345b853f93a626Scott Main 81192124a924611bb8104658053bb5345b853f93a626Scott Main#nav.samples-nav li li ul > li:last-child { 81202124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 3px; 81212124a924611bb8104658053bb5345b853f93a626Scott Main} 81222124a924611bb8104658053bb5345b853f93a626Scott Main 81232124a924611bb8104658053bb5345b853f93a626Scott Main/* Hero carousel */ 81242124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero { 81252124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #fff; 81262124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 50% 30%; 81272124a924611bb8104658053bb5345b853f93a626Scott Main background-size: cover; 81282124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 81292124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 81302124a924611bb8104658053bb5345b853f93a626Scott Main min-height: 550px; 81312124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 88px; 81322124a924611bb8104658053bb5345b853f93a626Scott Main} 81332124a924611bb8104658053bb5345b853f93a626Scott Main 81342124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero.dac-darken::before { 81352124a924611bb8104658053bb5345b853f93a626Scott Main background: rgba(0, 0, 0, 0.3); 81362124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 81372124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 81382124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 81392124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 81402124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 81412124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 81422124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 81432124a924611bb8104658053bb5345b853f93a626Scott Main} 81442124a924611bb8104658053bb5345b853f93a626Scott Main 81452124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero { 81462124a924611bb8104658053bb5345b853f93a626Scott Main background-size: cover; 81472124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 81482124a924611bb8104658053bb5345b853f93a626Scott Main} 81492124a924611bb8104658053bb5345b853f93a626Scott Main 81502124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-headline { 81512124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #fff; 81522124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 25px; 81532124a924611bb8104658053bb5345b853f93a626Scott Main float: none !important; 81542124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 10px 10px; 81552124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 81562124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 81572124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 2; 81582124a924611bb8104658053bb5345b853f93a626Scott Main} 81592124a924611bb8104658053bb5345b853f93a626Scott Main 81602124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 81612124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero-headline { 81622124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 81632124a924611bb8104658053bb5345b853f93a626Scott Main } 81642124a924611bb8104658053bb5345b853f93a626Scott Main 81652124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero.dac-darken::before { 81662124a924611bb8104658053bb5345b853f93a626Scott Main background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9) 80%); 81672124a924611bb8104658053bb5345b853f93a626Scott Main background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9) 80%); 81682124a924611bb8104658053bb5345b853f93a626Scott Main } 81692124a924611bb8104658053bb5345b853f93a626Scott Main} 81702124a924611bb8104658053bb5345b853f93a626Scott Main 81712124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero.dac-darken .dac-hero-content { 81722124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 81732124a924611bb8104658053bb5345b853f93a626Scott Main} 81742124a924611bb8104658053bb5345b853f93a626Scott Main 81752124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 81762124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero { 81772124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 20px; 81782124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 20px; 81792124a924611bb8104658053bb5345b853f93a626Scott Main } 81802124a924611bb8104658053bb5345b853f93a626Scott Main} 81812124a924611bb8104658053bb5345b853f93a626Scott Main 81822124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-tag { 81832124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 11px; 81842124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 700; 81852124a924611bb8104658053bb5345b853f93a626Scott Main letter-spacing: .07em; 81862124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 2px; 81872124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: uppercase; 81882124a924611bb8104658053bb5345b853f93a626Scott Main} 81892124a924611bb8104658053bb5345b853f93a626Scott Main 81902124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-title { 81912124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 14px; 81922124a924611bb8104658053bb5345b853f93a626Scott Main} 81932124a924611bb8104658053bb5345b853f93a626Scott Main 81942124a924611bb8104658053bb5345b853f93a626Scott Main.dac-studio .dac-hero-title { 81952124a924611bb8104658053bb5345b853f93a626Scott Main padding-top:0; 81962124a924611bb8104658053bb5345b853f93a626Scott Main} 81972124a924611bb8104658053bb5345b853f93a626Scott Main 81982124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 81992124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero-title { 82002124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 28px; 82012124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 35px; 82022124a924611bb8104658053bb5345b853f93a626Scott Main } 82032124a924611bb8104658053bb5345b853f93a626Scott Main} 82042124a924611bb8104658053bb5345b853f93a626Scott Main 82052124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-description { 82062124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 16px; 82072124a924611bb8104658053bb5345b853f93a626Scott Main} 82082124a924611bb8104658053bb5345b853f93a626Scott Main 82092124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 82102124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero-description { 82112124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 14px; 82122124a924611bb8104658053bb5345b853f93a626Scott Main } 82132124a924611bb8104658053bb5345b853f93a626Scott Main} 82142124a924611bb8104658053bb5345b853f93a626Scott Main 82152124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-cta { 82162124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 82172124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 40px; 82182124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 20px; 82192124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity .3s; 82202124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity .3s; 82212124a924611bb8104658053bb5345b853f93a626Scott Main} 82222124a924611bb8104658053bb5345b853f93a626Scott Main 82232124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-cta:hover { 82242124a924611bb8104658053bb5345b853f93a626Scott Main color: currentColor; 82252124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .54; 82262124a924611bb8104658053bb5345b853f93a626Scott Main} 82272124a924611bb8104658053bb5345b853f93a626Scott Main 82282124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-cta .dac-sprite, .dac-hero-cta .dac-modal-header-close:before, .dac-hero-cta .paging-links .prev-page-link:before, .paging-links .dac-hero-cta .prev-page-link:before, .dac-hero-cta .paging-links .next-page-link:before, .paging-links .dac-hero-cta .next-page-link:before, .dac-hero-cta .paging-links .next-class-link:before, .paging-links .dac-hero-cta .next-class-link:before, .dac-hero-cta .paging-links .start-class-link:after, .paging-links .dac-hero-cta .start-class-link:after { 82292124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: -8px; 82302124a924611bb8104658053bb5345b853f93a626Scott Main} 82312124a924611bb8104658053bb5345b853f93a626Scott Main 82322124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-cta.col-16 { 82332124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 1.4em; 82342124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 20px; 82352124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 0; 82362124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 82372124a924611bb8104658053bb5345b853f93a626Scott Main} 82382124a924611bb8104658053bb5345b853f93a626Scott Main 82392124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-cta.col-16 .dac-sprite { 82402124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 82412124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 82422124a924611bb8104658053bb5345b853f93a626Scott Main top: -3px; 82432124a924611bb8104658053bb5345b853f93a626Scott Main} 82442124a924611bb8104658053bb5345b853f93a626Scott Main 82452124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-cta.col-16 .dac-sprite-text { 82462124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 82472124a924611bb8104658053bb5345b853f93a626Scott Main left: 12px; 82482124a924611bb8104658053bb5345b853f93a626Scott Main} 82492124a924611bb8104658053bb5345b853f93a626Scott Main 82502124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 82512124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero-cta { 82522124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 28px; 82532124a924611bb8104658053bb5345b853f93a626Scott Main } 82542124a924611bb8104658053bb5345b853f93a626Scott Main} 82552124a924611bb8104658053bb5345b853f93a626Scott Main 82562124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-figure { 82572124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 82582124a924611bb8104658053bb5345b853f93a626Scott Main} 82592124a924611bb8104658053bb5345b853f93a626Scott Main 82602124a924611bb8104658053bb5345b853f93a626Scott Main/* Android Studio download page */ 82612124a924611bb8104658053bb5345b853f93a626Scott Main.dac-studio section#features { 82622124a924611bb8104658053bb5345b853f93a626Scott Main padding-top:0; 82632124a924611bb8104658053bb5345b853f93a626Scott Main} 82642124a924611bb8104658053bb5345b853f93a626Scott Main.dac-studio .wrap.feature { 82652124a924611bb8104658053bb5345b853f93a626Scott Main margin:80px auto; 82662124a924611bb8104658053bb5345b853f93a626Scott Main} 82672124a924611bb8104658053bb5345b853f93a626Scott Main.dac-studio .dac-section-links.feature-more { 82682124a924611bb8104658053bb5345b853f93a626Scott Main margin-top:-20px; 82692124a924611bb8104658053bb5345b853f93a626Scott Main} 82702124a924611bb8104658053bb5345b853f93a626Scott Main.dac-studio .dac-toggle-content .wrap.feature { 82712124a924611bb8104658053bb5345b853f93a626Scott Main margin-top:0; 82722124a924611bb8104658053bb5345b853f93a626Scott Main} 82732124a924611bb8104658053bb5345b853f93a626Scott Main 82742124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 82752124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero-figure { 82762124a924611bb8104658053bb5345b853f93a626Scott Main height: 150px; 82772124a924611bb8104658053bb5345b853f93a626Scott Main margin: 15px 0; 82782124a924611bb8104658053bb5345b853f93a626Scott Main } 82792124a924611bb8104658053bb5345b853f93a626Scott Main 82802124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero-figure img { 82812124a924611bb8104658053bb5345b853f93a626Scott Main max-height: 150px; 82822124a924611bb8104658053bb5345b853f93a626Scott Main } 82832124a924611bb8104658053bb5345b853f93a626Scott Main 82842124a924611bb8104658053bb5345b853f93a626Scott Main /* Android Studio download page */ 82852124a924611bb8104658053bb5345b853f93a626Scott Main .dac-studio .feature .dac-hero-figure, 82862124a924611bb8104658053bb5345b853f93a626Scott Main .dac-studio .feature .dac-hero-figure img { 82872124a924611bb8104658053bb5345b853f93a626Scott Main height:auto; 82882124a924611bb8104658053bb5345b853f93a626Scott Main max-height:none; 82892124a924611bb8104658053bb5345b853f93a626Scott Main } 82902124a924611bb8104658053bb5345b853f93a626Scott Main .dac-studio .feature .dac-hero-figure img { 82912124a924611bb8104658053bb5345b853f93a626Scott Main width:90%; 82922124a924611bb8104658053bb5345b853f93a626Scott Main margin:0 auto; 82932124a924611bb8104658053bb5345b853f93a626Scott Main } 82942124a924611bb8104658053bb5345b853f93a626Scott Main} 82952124a924611bb8104658053bb5345b853f93a626Scott Main 82962124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-carousel { 82972124a924611bb8104658053bb5345b853f93a626Scott Main height: 550px; 82982124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 82992124a924611bb8104658053bb5345b853f93a626Scott Main} 83002124a924611bb8104658053bb5345b853f93a626Scott Main 83012124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-carousel > .dac-hero { 83022124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 83032124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 83042124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 83052124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 83062124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 83072124a924611bb8104658053bb5345b853f93a626Scott Main will-change: opacity; 83082124a924611bb8104658053bb5345b853f93a626Scott Main} 83092124a924611bb8104658053bb5345b853f93a626Scott Main 83102124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-carousel > .dac-hero, 83112124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero-carousel > .dac-hero .wrap { 83122124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; 83132124a924611bb8104658053bb5345b853f93a626Scott Main} 83142124a924611bb8104658053bb5345b853f93a626Scott Main 83152124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-carousel > .dac-hero.active { 83162124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 83172124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity .5s; 83182124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity .5s; 83192124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 1; 83202124a924611bb8104658053bb5345b853f93a626Scott Main} 83212124a924611bb8104658053bb5345b853f93a626Scott Main 83222124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-carousel > .dac-hero.active .wrap { 83232124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 83242124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity .5s .5s; 83252124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity .5s .5s; 83262124a924611bb8104658053bb5345b853f93a626Scott Main} 83272124a924611bb8104658053bb5345b853f93a626Scott Main 83282124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-carousel > .dac-hero.out, 83292124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero-carousel > .dac-hero.out .wrap { 83302124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity 0s .5s; 83312124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity 0s .5s; 83322124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; 83332124a924611bb8104658053bb5345b853f93a626Scott Main} 83342124a924611bb8104658053bb5345b853f93a626Scott Main 83352124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-carousel-action { 83362124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 83372124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 83382124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 83392124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 83402124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 83412124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 83422124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 1; 83432124a924611bb8104658053bb5345b853f93a626Scott Main} 83442124a924611bb8104658053bb5345b853f93a626Scott Main 83452124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-carousel .dac-hero-cta { 83462124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 83472124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 1; 83482124a924611bb8104658053bb5345b853f93a626Scott Main} 83492124a924611bb8104658053bb5345b853f93a626Scott Main 83502124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-carousel-pagination { 83512124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 33px; 83522124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 83532124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 83542124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 83552124a924611bb8104658053bb5345b853f93a626Scott Main} 83562124a924611bb8104658053bb5345b853f93a626Scott Main 83572124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 83582124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero-carousel-pagination { 83592124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 83602124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 20px; 83612124a924611bb8104658053bb5345b853f93a626Scott Main } 83622124a924611bb8104658053bb5345b853f93a626Scott Main} 83632124a924611bb8104658053bb5345b853f93a626Scott Main 83642124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-carousel-pagination .dac-pagination-item { 83652124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 83662124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 1; 83672124a924611bb8104658053bb5345b853f93a626Scott Main} 83682124a924611bb8104658053bb5345b853f93a626Scott Main 83692124a924611bb8104658053bb5345b853f93a626Scott Main.dac-pagination { 83702124a924611bb8104658053bb5345b853f93a626Scott Main list-style: none; 83712124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 -6px; 83722124a924611bb8104658053bb5345b853f93a626Scott Main} 83732124a924611bb8104658053bb5345b853f93a626Scott Main 83742124a924611bb8104658053bb5345b853f93a626Scott Main.dac-pagination-item { 83752124a924611bb8104658053bb5345b853f93a626Scott Main background-clip: content-box; 83762124a924611bb8104658053bb5345b853f93a626Scott Main background-color: rgba(153, 153, 153, 0.4); 83772124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 50%; 83782124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 83792124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 83802124a924611bb8104658053bb5345b853f93a626Scott Main height: 14px; 83812124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 83822124a924611bb8104658053bb5345b853f93a626Scott Main padding: 6px; 83832124a924611bb8104658053bb5345b853f93a626Scott Main pointer-events: all; 83842124a924611bb8104658053bb5345b853f93a626Scott Main text-indent: 100%; 83852124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: background-color .1s ease-in; 83862124a924611bb8104658053bb5345b853f93a626Scott Main transition: background-color .1s ease-in; 83872124a924611bb8104658053bb5345b853f93a626Scott Main white-space: nowrap; 83882124a924611bb8104658053bb5345b853f93a626Scott Main width: 14px; 83892124a924611bb8104658053bb5345b853f93a626Scott Main will-change: background-color; 83902124a924611bb8104658053bb5345b853f93a626Scott Main} 83912124a924611bb8104658053bb5345b853f93a626Scott Main 83922124a924611bb8104658053bb5345b853f93a626Scott Main.dac-pagination-item:hover { 83932124a924611bb8104658053bb5345b853f93a626Scott Main background-color: rgba(153, 153, 153, 0.6); 83942124a924611bb8104658053bb5345b853f93a626Scott Main} 83952124a924611bb8104658053bb5345b853f93a626Scott Main 83962124a924611bb8104658053bb5345b853f93a626Scott Main.dac-pagination-item.active, .dac-pagination-item.active:hover { 83972124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #6ab344; 83982124a924611bb8104658053bb5345b853f93a626Scott Main} 83992124a924611bb8104658053bb5345b853f93a626Scott Main 84002124a924611bb8104658053bb5345b853f93a626Scott Main.dac-invert .dac-pagination-item { 84012124a924611bb8104658053bb5345b853f93a626Scott Main background-color: rgba(204, 204, 204, 0.2); 84022124a924611bb8104658053bb5345b853f93a626Scott Main} 84032124a924611bb8104658053bb5345b853f93a626Scott Main 84042124a924611bb8104658053bb5345b853f93a626Scott Main.dac-invert .dac-pagination-item:hover { 84052124a924611bb8104658053bb5345b853f93a626Scott Main background-color: rgba(153, 153, 153, 0.4); 84062124a924611bb8104658053bb5345b853f93a626Scott Main} 84072124a924611bb8104658053bb5345b853f93a626Scott Main 84082124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 84092124a924611bb8104658053bb5345b853f93a626Scott Main .dac-pagination-item { 84102124a924611bb8104658053bb5345b853f93a626Scott Main height: 12px; 84112124a924611bb8104658053bb5345b853f93a626Scott Main width: 12px; 84122124a924611bb8104658053bb5345b853f93a626Scott Main } 84132124a924611bb8104658053bb5345b853f93a626Scott Main} 84142124a924611bb8104658053bb5345b853f93a626Scott Main 84152124a924611bb8104658053bb5345b853f93a626Scott Main/* Form component */ 84162124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form { 84172124a924611bb8104658053bb5345b853f93a626Scott Main color: #505050; 84182124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 84192124a924611bb8104658053bb5345b853f93a626Scott Main /* Modal Responsive */ 84202124a924611bb8104658053bb5345b853f93a626Scott Main} 84212124a924611bb8104658053bb5345b853f93a626Scott Main 84222124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form a { 84232124a924611bb8104658053bb5345b853f93a626Scott Main color: #000; 84242124a924611bb8104658053bb5345b853f93a626Scott Main} 84252124a924611bb8104658053bb5345b853f93a626Scott Main 84262124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-aside { 84272124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 84282124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 12px; 84292124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 0; 84302124a924611bb8104658053bb5345b853f93a626Scott Main} 84312124a924611bb8104658053bb5345b853f93a626Scott Main 84322124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-required { 84332124a924611bb8104658053bb5345b853f93a626Scott Main color: #ef4300; 84342124a924611bb8104658053bb5345b853f93a626Scott Main} 84352124a924611bb8104658053bb5345b853f93a626Scott Main 84362124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-fieldset { 84372124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 84382124a924611bb8104658053bb5345b853f93a626Scott Main} 84392124a924611bb8104658053bb5345b853f93a626Scott Main 84402124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-legend { 84412124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 84422124a924611bb8104658053bb5345b853f93a626Scott Main color: #333; 84432124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 84442124a924611bb8104658053bb5345b853f93a626Scott Main margin: 20px 0 12px; 84452124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 84462124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 84472124a924611bb8104658053bb5345b853f93a626Scott Main} 84482124a924611bb8104658053bb5345b853f93a626Scott Main 84492124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-legend > .dac-form-required { 84502124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 84512124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 3px; 84522124a924611bb8104658053bb5345b853f93a626Scott Main} 84532124a924611bb8104658053bb5345b853f93a626Scott Main 84542124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-input { 84552124a924611bb8104658053bb5345b853f93a626Scott Main border: 0 solid #e3e3e3; 84562124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom-width: 1px; 84572124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 84582124a924611bb8104658053bb5345b853f93a626Scott Main outline: 0; 84592124a924611bb8104658053bb5345b853f93a626Scott Main padding: 1px 0 8px; 84602124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: border-color .2s; 84612124a924611bb8104658053bb5345b853f93a626Scott Main transition: border-color .2s; 84622124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 84632124a924611bb8104658053bb5345b853f93a626Scott Main} 84642124a924611bb8104658053bb5345b853f93a626Scott Main 84652124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-input-group { 84662124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 84672124a924611bb8104658053bb5345b853f93a626Scott Main} 84682124a924611bb8104658053bb5345b853f93a626Scott Main 84692124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-input-group > .dac-form-required { 84702124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 84712124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 3px; 84722124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 84732124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 84742124a924611bb8104658053bb5345b853f93a626Scott Main} 84752124a924611bb8104658053bb5345b853f93a626Scott Main 84762124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-input:focus { 84772124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom-color: #09f; 84782124a924611bb8104658053bb5345b853f93a626Scott Main} 84792124a924611bb8104658053bb5345b853f93a626Scott Main 84802124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-floatlabel { 84812124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 84822124a924611bb8104658053bb5345b853f93a626Scott Main cursor: text; 84832124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 5px; 84842124a924611bb8104658053bb5345b853f93a626Scott Main pointer-events: none; 84852124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform-origin: 0 100%; 84862124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform-origin: 0 100%; 84872124a924611bb8104658053bb5345b853f93a626Scott Main transform-origin: 0 100%; 84882124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translate3d(0, 22px, 0) scale(1); 84892124a924611bb8104658053bb5345b853f93a626Scott Main transform: translate3d(0, 22px, 0) scale(1); 84902124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: -webkit-transform .2s; 84912124a924611bb8104658053bb5345b853f93a626Scott Main transition: transform .2s; 84922124a924611bb8104658053bb5345b853f93a626Scott Main} 84932124a924611bb8104658053bb5345b853f93a626Scott Main 84942124a924611bb8104658053bb5345b853f93a626Scott Main.dac-focused > .dac-form-floatlabel, 84952124a924611bb8104658053bb5345b853f93a626Scott Main .dac-has-value > .dac-form-floatlabel { 84962124a924611bb8104658053bb5345b853f93a626Scott Main cursor: default; 84972124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translate3d(0, 0, 0) scale(0.75); 84982124a924611bb8104658053bb5345b853f93a626Scott Main transform: translate3d(0, 0, 0) scale(0.75); 84992124a924611bb8104658053bb5345b853f93a626Scott Main} 85002124a924611bb8104658053bb5345b853f93a626Scott Main 85012124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-radio, .dac-form-checkbox { 85022124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; 85032124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 85042124a924611bb8104658053bb5345b853f93a626Scott Main visibility: hidden; 85052124a924611bb8104658053bb5345b853f93a626Scott Main} 85062124a924611bb8104658053bb5345b853f93a626Scott Main 85072124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-radio-group, .dac-form-checkbox-group { 85082124a924611bb8104658053bb5345b853f93a626Scott Main display: table; 85092124a924611bb8104658053bb5345b853f93a626Scott Main} 85102124a924611bb8104658053bb5345b853f93a626Scott Main 85112124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-radio-group + .dac-form-radio-group, .dac-form-checkbox-group + .dac-form-radio-group, .dac-form-radio-group + .dac-form-checkbox-group, .dac-form-checkbox-group + .dac-form-checkbox-group { 85122124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 10px; 85132124a924611bb8104658053bb5345b853f93a626Scott Main} 85142124a924611bb8104658053bb5345b853f93a626Scott Main 85152124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-radio-button, .dac-form-checkbox-button { 85162124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 85172124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 85182124a924611bb8104658053bb5345b853f93a626Scott Main display: table-cell; 85192124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 85202124a924611bb8104658053bb5345b853f93a626Scott Main height: 18px; 85212124a924611bb8104658053bb5345b853f93a626Scott Main margin: 2px 10px 0 0; 85222124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 85232124a924611bb8104658053bb5345b853f93a626Scott Main width: 18px; 85242124a924611bb8104658053bb5345b853f93a626Scott Main} 85252124a924611bb8104658053bb5345b853f93a626Scott Main 85262124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-radio-button::after, .dac-form-radio-button::before, .dac-form-checkbox-button::after, .dac-form-checkbox-button::before { 85272124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 85282124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 85292124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 85302124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 85312124a924611bb8104658053bb5345b853f93a626Scott Main} 85322124a924611bb8104658053bb5345b853f93a626Scott Main 85332124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-radio-button::after, .dac-form-radio-button::before { 85342124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 50%; 85352124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 85362124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 85372124a924611bb8104658053bb5345b853f93a626Scott Main} 85382124a924611bb8104658053bb5345b853f93a626Scott Main 85392124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-radio-button::before { 85402124a924611bb8104658053bb5345b853f93a626Scott Main background: rgba(0, 0, 0, 0.7); 85412124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translateZ(0) scale(0); 85422124a924611bb8104658053bb5345b853f93a626Scott Main transform: translateZ(0) scale(0); 85432124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: -webkit-transform .3s; 85442124a924611bb8104658053bb5345b853f93a626Scott Main transition: transform .3s; 85452124a924611bb8104658053bb5345b853f93a626Scott Main} 85462124a924611bb8104658053bb5345b853f93a626Scott Main 85472124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-radio-button::after { 85482124a924611bb8104658053bb5345b853f93a626Scott Main border: 2px solid rgba(0, 0, 0, 0.7); 85492124a924611bb8104658053bb5345b853f93a626Scott Main} 85502124a924611bb8104658053bb5345b853f93a626Scott Main 85512124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-radio:checked + .dac-form-radio-button::before { 85522124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translateZ(0) scale(0.5); 85532124a924611bb8104658053bb5345b853f93a626Scott Main transform: translateZ(0) scale(0.5); 85542124a924611bb8104658053bb5345b853f93a626Scott Main} 85552124a924611bb8104658053bb5345b853f93a626Scott Main 85562124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-radio:focus + .dac-form-radio-button::after { 85572124a924611bb8104658053bb5345b853f93a626Scott Main border: 2px solid #09f; 85582124a924611bb8104658053bb5345b853f93a626Scott Main} 85592124a924611bb8104658053bb5345b853f93a626Scott Main 85602124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-checkbox-button::before { 85612124a924611bb8104658053bb5345b853f93a626Scott Main border: 1px solid #6c6e6f; 85622124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 3px; 85632124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 85642124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: background .1s ease-out, box-shadow .3s ease-out; 85652124a924611bb8104658053bb5345b853f93a626Scott Main transition: background .1s ease-out, box-shadow .3s ease-out; 85662124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 85672124a924611bb8104658053bb5345b853f93a626Scott Main} 85682124a924611bb8104658053bb5345b853f93a626Scott Main 85692124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-checkbox-button::after { 85702124a924611bb8104658053bb5345b853f93a626Scott Main border-bottom: 2px solid #fff; 85712124a924611bb8104658053bb5345b853f93a626Scott Main border-left: 2px solid #fff; 85722124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 7px; 85732124a924611bb8104658053bb5345b853f93a626Scott Main height: 7px; 85742124a924611bb8104658053bb5345b853f93a626Scott Main left: 3px; 85752124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: rotate(-45deg); 85762124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform: rotate(-45deg); 85772124a924611bb8104658053bb5345b853f93a626Scott Main transform: rotate(-45deg); 85782124a924611bb8104658053bb5345b853f93a626Scott Main width: 12px; 85792124a924611bb8104658053bb5345b853f93a626Scott Main} 85802124a924611bb8104658053bb5345b853f93a626Scott Main 85812124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-checkbox:checked + .dac-form-checkbox-button::before { 85822124a924611bb8104658053bb5345b853f93a626Scott Main background: #6c6e6f; 85832124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition-timing-function: ease-in; 85842124a924611bb8104658053bb5345b853f93a626Scott Main transition-timing-function: ease-in; 85852124a924611bb8104658053bb5345b853f93a626Scott Main} 85862124a924611bb8104658053bb5345b853f93a626Scott Main 85872124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-checkbox:focus + .dac-form-checkbox-button::before, 85882124a924611bb8104658053bb5345b853f93a626Scott Main .dac-form-checkbox:active + .dac-form-checkbox-button::before { 85892124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); 85902124a924611bb8104658053bb5345b853f93a626Scott Main} 85912124a924611bb8104658053bb5345b853f93a626Scott Main 85922124a924611bb8104658053bb5345b853f93a626Scott Main.dac-form-label { 85932124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 85942124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-user-select: none; 85952124a924611bb8104658053bb5345b853f93a626Scott Main -moz-user-select: none; 85962124a924611bb8104658053bb5345b853f93a626Scott Main -ms-user-select: none; 85972124a924611bb8104658053bb5345b853f93a626Scott Main user-select: none; 85982124a924611bb8104658053bb5345b853f93a626Scott Main} 85992124a924611bb8104658053bb5345b853f93a626Scott Main 86002124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 86012124a924611bb8104658053bb5345b853f93a626Scott Main .dac-form-legend { 86022124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 0; 86032124a924611bb8104658053bb5345b853f93a626Scott Main } 86042124a924611bb8104658053bb5345b853f93a626Scott Main} 86052124a924611bb8104658053bb5345b853f93a626Scott Main 86062124a924611bb8104658053bb5345b853f93a626Scott Main/* Filter Resources Component*/ 86072124a924611bb8104658053bb5345b853f93a626Scott Main.dac-filter { 86082124a924611bb8104658053bb5345b853f93a626Scott Main color: #505050; 86092124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 20px; 86102124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 86112124a924611bb8104658053bb5345b853f93a626Scott Main} 86122124a924611bb8104658053bb5345b853f93a626Scott Main 86132124a924611bb8104658053bb5345b853f93a626Scott Main.dac-filter.dac-filter-section { 86142124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: -45px; 86152124a924611bb8104658053bb5345b853f93a626Scott Main text-align: right; 86162124a924611bb8104658053bb5345b853f93a626Scott Main} 86172124a924611bb8104658053bb5345b853f93a626Scott Main 86182124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 86192124a924611bb8104658053bb5345b853f93a626Scott Main .dac-filter.dac-filter-section { 86202124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 0; 86212124a924611bb8104658053bb5345b853f93a626Scott Main text-align: left; 86222124a924611bb8104658053bb5345b853f93a626Scott Main } 86232124a924611bb8104658053bb5345b853f93a626Scott Main} 86242124a924611bb8104658053bb5345b853f93a626Scott Main 86252124a924611bb8104658053bb5345b853f93a626Scott Main.dac-filter-title { 86262124a924611bb8104658053bb5345b853f93a626Scott Main color: #666; 86272124a924611bb8104658053bb5345b853f93a626Scott Main cursor: default; 86282124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 86292124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 12px; 86302124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 86312124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 24px; 86322124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 86332124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: uppercase; 86342124a924611bb8104658053bb5345b853f93a626Scott Main} 86352124a924611bb8104658053bb5345b853f93a626Scott Main 86362124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 86372124a924611bb8104658053bb5345b853f93a626Scott Main .dac-filter-title { 86382124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 20px; 86392124a924611bb8104658053bb5345b853f93a626Scott Main } 86402124a924611bb8104658053bb5345b853f93a626Scott Main} 86412124a924611bb8104658053bb5345b853f93a626Scott Main 86422124a924611bb8104658053bb5345b853f93a626Scott Main.dac-filter-message { 86432124a924611bb8104658053bb5345b853f93a626Scott Main color: #78868d; 86442124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 18px; 86452124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 10px 10px; 86462124a924611bb8104658053bb5345b853f93a626Scott Main} 86472124a924611bb8104658053bb5345b853f93a626Scott Main 86482124a924611bb8104658053bb5345b853f93a626Scott Main.dac-filter-count { 86492124a924611bb8104658053bb5345b853f93a626Scott Main background: #6ab344; 86502124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 50%; 86512124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 86522124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 86532124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 12px; 86542124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 600; 86552124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 86562124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 86572124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; 86582124a924611bb8104658053bb5345b853f93a626Scott Main} 86592124a924611bb8104658053bb5345b853f93a626Scott Main 86602124a924611bb8104658053bb5345b853f93a626Scott Main.dac-filter-count.dac-disabled { 86612124a924611bb8104658053bb5345b853f93a626Scott Main visibility: hidden; 86622124a924611bb8104658053bb5345b853f93a626Scott Main} 86632124a924611bb8104658053bb5345b853f93a626Scott Main 86642124a924611bb8104658053bb5345b853f93a626Scott Main.dac-filter-chip { 86652124a924611bb8104658053bb5345b853f93a626Scott Main background: #bfc7cb; 86662124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 15px; 86672124a924611bb8104658053bb5345b853f93a626Scott Main color: #333; 86682124a924611bb8104658053bb5345b853f93a626Scott Main cursor: default; 86692124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 86702124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 21px; 86712124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 10px 10px 0; 86722124a924611bb8104658053bb5345b853f93a626Scott Main padding: 4px 26px 4px 10px; 86732124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 86742124a924611bb8104658053bb5345b853f93a626Scott Main} 86752124a924611bb8104658053bb5345b853f93a626Scott Main 86762124a924611bb8104658053bb5345b853f93a626Scott Main.dac-filter-chip-close { 86772124a924611bb8104658053bb5345b853f93a626Scott Main background-color: transparent; 86782124a924611bb8104658053bb5345b853f93a626Scott Main border: none; 86792124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 86802124a924611bb8104658053bb5345b853f93a626Scott Main outline: 0; 86812124a924611bb8104658053bb5345b853f93a626Scott Main padding: 3px; 86822124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 86832124a924611bb8104658053bb5345b853f93a626Scott Main right: 5px; 86842124a924611bb8104658053bb5345b853f93a626Scott Main top: 5px; 86852124a924611bb8104658053bb5345b853f93a626Scott Main} 86862124a924611bb8104658053bb5345b853f93a626Scott Main 86872124a924611bb8104658053bb5345b853f93a626Scott Main.dac-filter-chip-close-icon { 86882124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .7; 86892124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: -2px; 86902124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: scale(0.57142857); 86912124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform: scale(0.57142857); 86922124a924611bb8104658053bb5345b853f93a626Scott Main transform: scale(0.57142857); 86932124a924611bb8104658053bb5345b853f93a626Scott Main} 86942124a924611bb8104658053bb5345b853f93a626Scott Main 86952124a924611bb8104658053bb5345b853f93a626Scott Main.dac-filter-chip-close:hover > .dac-filter-chip-close-icon { 86962124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 86972124a924611bb8104658053bb5345b853f93a626Scott Main} 86982124a924611bb8104658053bb5345b853f93a626Scott Main 86992124a924611bb8104658053bb5345b853f93a626Scott Main.dac-filter-chips { 87002124a924611bb8104658053bb5345b853f93a626Scott Main border-top: 1px solid rgba(0, 0, 0, 0.1); 87012124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 87022124a924611bb8104658053bb5345b853f93a626Scott Main list-style-type: none; 87032124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px 0 0; 87042124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 87052124a924611bb8104658053bb5345b853f93a626Scott Main text-align: left; 87062124a924611bb8104658053bb5345b853f93a626Scott Main} 87072124a924611bb8104658053bb5345b853f93a626Scott Main 87082124a924611bb8104658053bb5345b853f93a626Scott Main.dac-filter-item { 87092124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 87102124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 87112124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 20px; 87122124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 10px; 87132124a924611bb8104658053bb5345b853f93a626Scott Main width: 33.33333333%; 87142124a924611bb8104658053bb5345b853f93a626Scott Main} 87152124a924611bb8104658053bb5345b853f93a626Scott Main 87162124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 720px) and (max-width: 979px) { 87172124a924611bb8104658053bb5345b853f93a626Scott Main .dac-filter-item { 87182124a924611bb8104658053bb5345b853f93a626Scott Main width: 50%; 87192124a924611bb8104658053bb5345b853f93a626Scott Main } 87202124a924611bb8104658053bb5345b853f93a626Scott Main} 87212124a924611bb8104658053bb5345b853f93a626Scott Main 87222124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 87232124a924611bb8104658053bb5345b853f93a626Scott Main .dac-filter-item { 87242124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 87252124a924611bb8104658053bb5345b853f93a626Scott Main } 87262124a924611bb8104658053bb5345b853f93a626Scott Main} 87272124a924611bb8104658053bb5345b853f93a626Scott Main 87282124a924611bb8104658053bb5345b853f93a626Scott Main/* Media component */ 87292124a924611bb8104658053bb5345b853f93a626Scott Main.dac-media { 87302124a924611bb8104658053bb5345b853f93a626Scott Main display: table; 87312124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 87322124a924611bb8104658053bb5345b853f93a626Scott Main} 87332124a924611bb8104658053bb5345b853f93a626Scott Main 87342124a924611bb8104658053bb5345b853f93a626Scott Main.dac-media-body, .dac-media-figure { 87352124a924611bb8104658053bb5345b853f93a626Scott Main display: table-cell; 87362124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: top; 87372124a924611bb8104658053bb5345b853f93a626Scott Main} 87382124a924611bb8104658053bb5345b853f93a626Scott Main 87392124a924611bb8104658053bb5345b853f93a626Scott Main.dac-media-figure { 87402124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 87412124a924611bb8104658053bb5345b853f93a626Scott Main} 87422124a924611bb8104658053bb5345b853f93a626Scott Main 87432124a924611bb8104658053bb5345b853f93a626Scott Main.dac-media-body { 87442124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 87452124a924611bb8104658053bb5345b853f93a626Scott Main} 87462124a924611bb8104658053bb5345b853f93a626Scott Main 87472124a924611bb8104658053bb5345b853f93a626Scott Main.dac-swap { 87482124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 87492124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 87502124a924611bb8104658053bb5345b853f93a626Scott Main} 87512124a924611bb8104658053bb5345b853f93a626Scott Main 87522124a924611bb8104658053bb5345b853f93a626Scott Main.dac-swap-section { 87532124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 87542124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; 87552124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 87562124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 87572124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 87582124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity 1s, -webkit-transform .5s; 87592124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity 1s, transform .5s; 87602124a924611bb8104658053bb5345b853f93a626Scott Main} 87612124a924611bb8104658053bb5345b853f93a626Scott Main 87622124a924611bb8104658053bb5345b853f93a626Scott Main.dac-swap-section.dac-no-anim { 87632124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: none; 87642124a924611bb8104658053bb5345b853f93a626Scott Main transition: none; 87652124a924611bb8104658053bb5345b853f93a626Scott Main} 87662124a924611bb8104658053bb5345b853f93a626Scott Main 87672124a924611bb8104658053bb5345b853f93a626Scott Main.dac-swap-section.dac-up { 87682124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translateY(-100%); 87692124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform: translateY(-100%); 87702124a924611bb8104658053bb5345b853f93a626Scott Main transform: translateY(-100%); 87712124a924611bb8104658053bb5345b853f93a626Scott Main} 87722124a924611bb8104658053bb5345b853f93a626Scott Main 87732124a924611bb8104658053bb5345b853f93a626Scott Main.dac-swap-section.dac-down { 87742124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translateY(100%); 87752124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform: translateY(100%); 87762124a924611bb8104658053bb5345b853f93a626Scott Main transform: translateY(100%); 87772124a924611bb8104658053bb5345b853f93a626Scott Main} 87782124a924611bb8104658053bb5345b853f93a626Scott Main 87792124a924611bb8104658053bb5345b853f93a626Scott Main.dac-swap-section.dac-left { 87802124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translateX(-100%); 87812124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform: translateX(-100%); 87822124a924611bb8104658053bb5345b853f93a626Scott Main transform: translateX(-100%); 87832124a924611bb8104658053bb5345b853f93a626Scott Main} 87842124a924611bb8104658053bb5345b853f93a626Scott Main 87852124a924611bb8104658053bb5345b853f93a626Scott Main.dac-swap-section.dac-right { 87862124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translateX(100%); 87872124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform: translateX(100%); 87882124a924611bb8104658053bb5345b853f93a626Scott Main transform: translateX(100%); 87892124a924611bb8104658053bb5345b853f93a626Scott Main} 87902124a924611bb8104658053bb5345b853f93a626Scott Main 87912124a924611bb8104658053bb5345b853f93a626Scott Main.dac-swap-section.dac-active { 87922124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 87932124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 87942124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translate(0, 0); 87952124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform: translate(0, 0); 87962124a924611bb8104658053bb5345b853f93a626Scott Main transform: translate(0, 0); 87972124a924611bb8104658053bb5345b853f93a626Scott Main width: auto; 87982124a924611bb8104658053bb5345b853f93a626Scott Main} 87992124a924611bb8104658053bb5345b853f93a626Scott Main 88002124a924611bb8104658053bb5345b853f93a626Scott Main/* Modal component */ 88012124a924611bb8104658053bb5345b853f93a626Scott Main.dac-modal { 88022124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; 88032124a924611bb8104658053bb5345b853f93a626Scott Main visibility: hidden; 88042124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: visibility 0s linear 300ms, opacity 300ms linear; 88052124a924611bb8104658053bb5345b853f93a626Scott Main transition: visibility 0s linear 300ms, opacity 300ms linear; 88062124a924611bb8104658053bb5345b853f93a626Scott Main background: rgba(0, 0, 0, 0.8); 88072124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 88082124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 88092124a924611bb8104658053bb5345b853f93a626Scott Main overflow-x: hidden; 88102124a924611bb8104658053bb5345b853f93a626Scott Main overflow-y: auto; 88112124a924611bb8104658053bb5345b853f93a626Scott Main position: fixed; 88122124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 88132124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 88142124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 70; 88152124a924611bb8104658053bb5345b853f93a626Scott Main} 88162124a924611bb8104658053bb5345b853f93a626Scott Main 88172124a924611bb8104658053bb5345b853f93a626Scott Main.dac-modal.dac-active { 88182124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 88192124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition-delay: 0s; 88202124a924611bb8104658053bb5345b853f93a626Scott Main transition-delay: 0s; 88212124a924611bb8104658053bb5345b853f93a626Scott Main visibility: visible; 88222124a924611bb8104658053bb5345b853f93a626Scott Main} 88232124a924611bb8104658053bb5345b853f93a626Scott Main 88242124a924611bb8104658053bb5345b853f93a626Scott Main.dac-modal-open { 88252124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 88262124a924611bb8104658053bb5345b853f93a626Scott Main} 88272124a924611bb8104658053bb5345b853f93a626Scott Main 88282124a924611bb8104658053bb5345b853f93a626Scott Main.dac-modal-container { 88292124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-box-align: center; 88302124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-align-items: center; 88312124a924611bb8104658053bb5345b853f93a626Scott Main -ms-flex-align: center; 88322124a924611bb8104658053bb5345b853f93a626Scott Main align-items: center; 88332124a924611bb8104658053bb5345b853f93a626Scott Main display: -webkit-box; 88342124a924611bb8104658053bb5345b853f93a626Scott Main display: -webkit-flex; 88352124a924611bb8104658053bb5345b853f93a626Scott Main display: -ms-flexbox; 88362124a924611bb8104658053bb5345b853f93a626Scott Main display: flex; 88372124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.4)); 88382124a924611bb8104658053bb5345b853f93a626Scott Main filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.4)); 88392124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-box-pack: center; 88402124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-justify-content: center; 88412124a924611bb8104658053bb5345b853f93a626Scott Main -ms-flex-pack: center; 88422124a924611bb8104658053bb5345b853f93a626Scott Main justify-content: center; 88432124a924611bb8104658053bb5345b853f93a626Scott Main min-height: 100%; 88442124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 88452124a924611bb8104658053bb5345b853f93a626Scott Main} 88462124a924611bb8104658053bb5345b853f93a626Scott Main 88472124a924611bb8104658053bb5345b853f93a626Scott Main.dac-modal-window { 88482124a924611bb8104658053bb5345b853f93a626Scott Main background: #fff; 88492124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 88502124a924611bb8104658053bb5345b853f93a626Scott Main margin: 20px auto; 88512124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: -webkit-transform .3s; 88522124a924611bb8104658053bb5345b853f93a626Scott Main transition: transform .3s; 88532124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translate3d(0, -30px, 0); 88542124a924611bb8104658053bb5345b853f93a626Scott Main transform: translate3d(0, -30px, 0); 88552124a924611bb8104658053bb5345b853f93a626Scott Main width: 960px; 88562124a924611bb8104658053bb5345b853f93a626Scott Main} 88572124a924611bb8104658053bb5345b853f93a626Scott Main 88582124a924611bb8104658053bb5345b853f93a626Scott Main.dac-modal.dac-active .dac-modal-window { 88592124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translate3d(0, 0, 0); 88602124a924611bb8104658053bb5345b853f93a626Scott Main transform: translate3d(0, 0, 0); 88612124a924611bb8104658053bb5345b853f93a626Scott Main} 88622124a924611bb8104658053bb5345b853f93a626Scott Main 88632124a924611bb8104658053bb5345b853f93a626Scott Main.dac-modal-header { 88642124a924611bb8104658053bb5345b853f93a626Scott Main background: #00695c; 88652124a924611bb8104658053bb5345b853f93a626Scott Main padding: 35px 35px 30px; 88662124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 88672124a924611bb8104658053bb5345b853f93a626Scott Main} 88682124a924611bb8104658053bb5345b853f93a626Scott Main 88692124a924611bb8104658053bb5345b853f93a626Scott Main.dac-has-small-header .dac-modal-header { 88702124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px 20px; 88712124a924611bb8104658053bb5345b853f93a626Scott Main} 88722124a924611bb8104658053bb5345b853f93a626Scott Main 88732124a924611bb8104658053bb5345b853f93a626Scott Main.dac-modal-header-actions { 88742124a924611bb8104658053bb5345b853f93a626Scott Main padding: 8px; 88752124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 88762124a924611bb8104658053bb5345b853f93a626Scott Main right: 5px; 88772124a924611bb8104658053bb5345b853f93a626Scott Main top: 5px; 88782124a924611bb8104658053bb5345b853f93a626Scott Main} 88792124a924611bb8104658053bb5345b853f93a626Scott Main 88802124a924611bb8104658053bb5345b853f93a626Scott Main.dac-modal-header-open, .dac-modal-header-close { 88812124a924611bb8104658053bb5345b853f93a626Scott Main background: none; 88822124a924611bb8104658053bb5345b853f93a626Scott Main border: none; 88832124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 88842124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 0; 88852124a924611bb8104658053bb5345b853f93a626Scott Main outline: 0; 88862124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .7; 88872124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: background-color .3s; 88882124a924611bb8104658053bb5345b853f93a626Scott Main transition: background-color .3s; 88892124a924611bb8104658053bb5345b853f93a626Scott Main} 88902124a924611bb8104658053bb5345b853f93a626Scott Main 88912124a924611bb8104658053bb5345b853f93a626Scott Main.dac-modal-header-open:active, .dac-modal-header-close:active { 88922124a924611bb8104658053bb5345b853f93a626Scott Main background: rgba(255, 255, 255, 0.2); 88932124a924611bb8104658053bb5345b853f93a626Scott Main} 88942124a924611bb8104658053bb5345b853f93a626Scott Main 88952124a924611bb8104658053bb5345b853f93a626Scott Main.dac-modal-header-close:before { 88962124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 88972124a924611bb8104658053bb5345b853f93a626Scott Main top: -1px; 88982124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 88992124a924611bb8104658053bb5345b853f93a626Scott Main} 89002124a924611bb8104658053bb5345b853f93a626Scott Main 89012124a924611bb8104658053bb5345b853f93a626Scott Main.dac-modal-header-open { 89022124a924611bb8104658053bb5345b853f93a626Scott Main margin: 10px; 89032124a924611bb8104658053bb5345b853f93a626Scott Main} 89042124a924611bb8104658053bb5345b853f93a626Scott Main 89052124a924611bb8104658053bb5345b853f93a626Scott Main.dac-modal-header-title { 89062124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 89072124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 24px; 89082124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 300; 89092124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 32px; 89102124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 150px 0 0; 89112124a924611bb8104658053bb5345b853f93a626Scott Main} 89122124a924611bb8104658053bb5345b853f93a626Scott Main 89132124a924611bb8104658053bb5345b853f93a626Scott Main.dac-has-small-header .dac-modal-header-title { 89142124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 89152124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 89162124a924611bb8104658053bb5345b853f93a626Scott Main} 89172124a924611bb8104658053bb5345b853f93a626Scott Main 89182124a924611bb8104658053bb5345b853f93a626Scott Main.dac-modal-header-subtitle { 89192124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 89202124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 89212124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 89222124a924611bb8104658053bb5345b853f93a626Scott Main font: inherit; 89232124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 14px; 89242124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 89252124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .8; 89262124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 89272124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 89282124a924611bb8104658053bb5345b853f93a626Scott Main} 89292124a924611bb8104658053bb5345b853f93a626Scott Main 89302124a924611bb8104658053bb5345b853f93a626Scott Main.dac-modal-content { 89312124a924611bb8104658053bb5345b853f93a626Scott Main padding: 12px 35px; 89322124a924611bb8104658053bb5345b853f93a626Scott Main} 89332124a924611bb8104658053bb5345b853f93a626Scott Main 89342124a924611bb8104658053bb5345b853f93a626Scott Main.dac-modal-action { 89352124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 89362124a924611bb8104658053bb5345b853f93a626Scott Main} 89372124a924611bb8104658053bb5345b853f93a626Scott Main 89382124a924611bb8104658053bb5345b853f93a626Scott Main.dac-modal-footer { 89392124a924611bb8104658053bb5345b853f93a626Scott Main padding: 24px 35px; 89402124a924611bb8104658053bb5345b853f93a626Scott Main} 89412124a924611bb8104658053bb5345b853f93a626Scott Main 89422124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 1000px) { 89432124a924611bb8104658053bb5345b853f93a626Scott Main .dac-modal-window { 89442124a924611bb8104658053bb5345b853f93a626Scott Main margin: 20px; 89452124a924611bb8104658053bb5345b853f93a626Scott Main width: auto; 89462124a924611bb8104658053bb5345b853f93a626Scott Main } 89472124a924611bb8104658053bb5345b853f93a626Scott Main 89482124a924611bb8104658053bb5345b853f93a626Scott Main .dac-modal-container { 89492124a924611bb8104658053bb5345b853f93a626Scott Main z-index: auto; 89502124a924611bb8104658053bb5345b853f93a626Scott Main } 89512124a924611bb8104658053bb5345b853f93a626Scott Main} 89522124a924611bb8104658053bb5345b853f93a626Scott Main 89532124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 89542124a924611bb8104658053bb5345b853f93a626Scott Main .dac-modal-window { 89552124a924611bb8104658053bb5345b853f93a626Scott Main margin: 10px; 89562124a924611bb8104658053bb5345b853f93a626Scott Main } 89572124a924611bb8104658053bb5345b853f93a626Scott Main 89582124a924611bb8104658053bb5345b853f93a626Scott Main .dac-modal-header { 89592124a924611bb8104658053bb5345b853f93a626Scott Main padding: 35px 10px 10px; 89602124a924611bb8104658053bb5345b853f93a626Scott Main } 89612124a924611bb8104658053bb5345b853f93a626Scott Main 89622124a924611bb8104658053bb5345b853f93a626Scott Main .dac-modal-header-title { 89632124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 89642124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 24px; 89652124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 89662124a924611bb8104658053bb5345b853f93a626Scott Main } 89672124a924611bb8104658053bb5345b853f93a626Scott Main 89682124a924611bb8104658053bb5345b853f93a626Scott Main .dac-modal-header-subtitle { 89692124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 89702124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 89712124a924611bb8104658053bb5345b853f93a626Scott Main position: static; 89722124a924611bb8104658053bb5345b853f93a626Scott Main text-align: right; 89732124a924611bb8104658053bb5345b853f93a626Scott Main } 89742124a924611bb8104658053bb5345b853f93a626Scott Main 89752124a924611bb8104658053bb5345b853f93a626Scott Main .dac-modal-header-actions { 89762124a924611bb8104658053bb5345b853f93a626Scott Main top: 1px; 89772124a924611bb8104658053bb5345b853f93a626Scott Main } 89782124a924611bb8104658053bb5345b853f93a626Scott Main 89792124a924611bb8104658053bb5345b853f93a626Scott Main .dac-modal-content { 89802124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px; 89812124a924611bb8104658053bb5345b853f93a626Scott Main } 89822124a924611bb8104658053bb5345b853f93a626Scott Main 89832124a924611bb8104658053bb5345b853f93a626Scott Main .dac-modal-footer { 89842124a924611bb8104658053bb5345b853f93a626Scott Main border-top: 1px solid #e3e3e3; 89852124a924611bb8104658053bb5345b853f93a626Scott Main padding: 35px 10px; 89862124a924611bb8104658053bb5345b853f93a626Scott Main } 89872124a924611bb8104658053bb5345b853f93a626Scott Main} 89882124a924611bb8104658053bb5345b853f93a626Scott Main 89892124a924611bb8104658053bb5345b853f93a626Scott Main.newsletter .dac-modal-footer { 89902124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 0; 89912124a924611bb8104658053bb5345b853f93a626Scott Main text-align: right; 89922124a924611bb8104658053bb5345b853f93a626Scott Main} 89932124a924611bb8104658053bb5345b853f93a626Scott Main 89942124a924611bb8104658053bb5345b853f93a626Scott Main.newsletter-checkboxes { 89952124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 20px; 89962124a924611bb8104658053bb5345b853f93a626Scott Main} 89972124a924611bb8104658053bb5345b853f93a626Scott Main 89982124a924611bb8104658053bb5345b853f93a626Scott Main.newsletter-success-message { 89992124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 32px; 90002124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 1.4; 90012124a924611bb8104658053bb5345b853f93a626Scott Main padding: 40px 30px; 90022124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 90032124a924611bb8104658053bb5345b853f93a626Scott Main} 90042124a924611bb8104658053bb5345b853f93a626Scott Main 90052124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 90062124a924611bb8104658053bb5345b853f93a626Scott Main .newsletter-success-message { 90072124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 90082124a924611bb8104658053bb5345b853f93a626Scott Main padding: 12px 0 0; 90092124a924611bb8104658053bb5345b853f93a626Scott Main } 90102124a924611bb8104658053bb5345b853f93a626Scott Main} 90112124a924611bb8104658053bb5345b853f93a626Scott Main 90122124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 720px) { 90132124a924611bb8104658053bb5345b853f93a626Scott Main .newsletter-checkboxes { 90142124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 46px; 90152124a924611bb8104658053bb5345b853f93a626Scott Main } 90162124a924611bb8104658053bb5345b853f93a626Scott Main 90172124a924611bb8104658053bb5345b853f93a626Scott Main .newsletter-leftCol { 90182124a924611bb8104658053bb5345b853f93a626Scott Main padding-right: 40px; 90192124a924611bb8104658053bb5345b853f93a626Scott Main } 90202124a924611bb8104658053bb5345b853f93a626Scott Main 90212124a924611bb8104658053bb5345b853f93a626Scott Main .newsletter-rightCol { 90222124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 40px; 90232124a924611bb8104658053bb5345b853f93a626Scott Main } 90242124a924611bb8104658053bb5345b853f93a626Scott Main} 90252124a924611bb8104658053bb5345b853f93a626Scott Main 90262124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 90272124a924611bb8104658053bb5345b853f93a626Scott Main .newsletter .dac-modal-footer { 90282124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 30px; 90292124a924611bb8104658053bb5345b853f93a626Scott Main padding: 30px 10px; 90302124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 90312124a924611bb8104658053bb5345b853f93a626Scott Main } 90322124a924611bb8104658053bb5345b853f93a626Scott Main} 90332124a924611bb8104658053bb5345b853f93a626Scott Main 90342124a924611bb8104658053bb5345b853f93a626Scott Main.dac-blog-reader { 90352124a924611bb8104658053bb5345b853f93a626Scott Main padding: 50px 90px; 90362124a924611bb8104658053bb5345b853f93a626Scott Main} 90372124a924611bb8104658053bb5345b853f93a626Scott Main 90382124a924611bb8104658053bb5345b853f93a626Scott Main.dac-blog-reader-title { 90392124a924611bb8104658053bb5345b853f93a626Scott Main color: #333; 90402124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 45px; 90412124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 300; 90422124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 1.2; 90432124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px 0; 90442124a924611bb8104658053bb5345b853f93a626Scott Main} 90452124a924611bb8104658053bb5345b853f93a626Scott Main 90462124a924611bb8104658053bb5345b853f93a626Scott Main.dac-blog-reader-date { 90472124a924611bb8104658053bb5345b853f93a626Scott Main color: #b8b8b8; 90482124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 12px; 90492124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 600; 90502124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 1; 90512124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: uppercase; 90522124a924611bb8104658053bb5345b853f93a626Scott Main} 90532124a924611bb8104658053bb5345b853f93a626Scott Main 90542124a924611bb8104658053bb5345b853f93a626Scott Main.dac-blog-reader-text > p:first-child i { 90552124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 90562124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 40px; 90572124a924611bb8104658053bb5345b853f93a626Scott Main} 90582124a924611bb8104658053bb5345b853f93a626Scott Main 90592124a924611bb8104658053bb5345b853f93a626Scott Main.dac-blog-reader-text li { 90602124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 0; 90612124a924611bb8104658053bb5345b853f93a626Scott Main} 90622124a924611bb8104658053bb5345b853f93a626Scott Main 90632124a924611bb8104658053bb5345b853f93a626Scott Main.dac-blog-reader-text iframe { 90642124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: auto !important; 90652124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: auto !important; 90662124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 100%; 90672124a924611bb8104658053bb5345b853f93a626Scott Main} 90682124a924611bb8104658053bb5345b853f93a626Scott Main 90692124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 90702124a924611bb8104658053bb5345b853f93a626Scott Main .dac-blog-reader { 90712124a924611bb8104658053bb5345b853f93a626Scott Main padding: 30px 20px; 90722124a924611bb8104658053bb5345b853f93a626Scott Main } 90732124a924611bb8104658053bb5345b853f93a626Scott Main} 90742124a924611bb8104658053bb5345b853f93a626Scott Main 90752124a924611bb8104658053bb5345b853f93a626Scott Main.dac-custom-search { 90762124a924611bb8104658053bb5345b853f93a626Scott Main background: #fff; 90772124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 -10px; 90782124a924611bb8104658053bb5345b853f93a626Scott Main padding: 20px 10px; 90792124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 1; 90802124a924611bb8104658053bb5345b853f93a626Scott Main} 90812124a924611bb8104658053bb5345b853f93a626Scott Main 90822124a924611bb8104658053bb5345b853f93a626Scott Main.dac-custom-search .dac-fab, .dac-custom-search .dac-button-social { 90832124a924611bb8104658053bb5345b853f93a626Scott Main top: -48px; 90842124a924611bb8104658053bb5345b853f93a626Scott Main} 90852124a924611bb8104658053bb5345b853f93a626Scott Main 90862124a924611bb8104658053bb5345b853f93a626Scott Main.dac-custom-search-section-title { 90872124a924611bb8104658053bb5345b853f93a626Scott Main color: #505050; 90882124a924611bb8104658053bb5345b853f93a626Scott Main} 90892124a924611bb8104658053bb5345b853f93a626Scott Main 90902124a924611bb8104658053bb5345b853f93a626Scott Main.dac-custom-search-entry { 90912124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: 36px; 90922124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 24px; 90932124a924611bb8104658053bb5345b853f93a626Scott Main margin-left:10px; 90942124a924611bb8104658053bb5345b853f93a626Scott Main} 90952124a924611bb8104658053bb5345b853f93a626Scott Main 90962124a924611bb8104658053bb5345b853f93a626Scott Main.dac-custom-search-entry.cols:after { 90972124a924611bb8104658053bb5345b853f93a626Scott Main clear: none; } 90982124a924611bb8104658053bb5345b853f93a626Scott Main 90992124a924611bb8104658053bb5345b853f93a626Scott Main.dac-custom-search-image-wrapper { 91002124a924611bb8104658053bb5345b853f93a626Scott Main float: left; 91012124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 91022124a924611bb8104658053bb5345b853f93a626Scott Main} 91032124a924611bb8104658053bb5345b853f93a626Scott Main 91042124a924611bb8104658053bb5345b853f93a626Scott Main.dac-custom-search-image { 91052124a924611bb8104658053bb5345b853f93a626Scott Main background-size: cover; 91062124a924611bb8104658053bb5345b853f93a626Scott Main height: 112px; 91072124a924611bb8104658053bb5345b853f93a626Scott Main width:150px; 91082124a924611bb8104658053bb5345b853f93a626Scott Main margin-right:15px; 91092124a924611bb8104658053bb5345b853f93a626Scott Main} 91102124a924611bb8104658053bb5345b853f93a626Scott Main 91112124a924611bb8104658053bb5345b853f93a626Scott Main.dac-custom-search-text-wrapper { 91122124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 91132124a924611bb8104658053bb5345b853f93a626Scott Main} 91142124a924611bb8104658053bb5345b853f93a626Scott Main 91152124a924611bb8104658053bb5345b853f93a626Scott Main.dac-custom-search-title { 91162124a924611bb8104658053bb5345b853f93a626Scott Main color: #333; 91172124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 14px; 91182124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 700; 91192124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 24px; 91202124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 91212124a924611bb8104658053bb5345b853f93a626Scott Main clear:none; 91222124a924611bb8104658053bb5345b853f93a626Scott Main} 91232124a924611bb8104658053bb5345b853f93a626Scott Main 91242124a924611bb8104658053bb5345b853f93a626Scott Main.dac-custom-search-title a { 91252124a924611bb8104658053bb5345b853f93a626Scott Main color: inherit; 91262124a924611bb8104658053bb5345b853f93a626Scott Main} 91272124a924611bb8104658053bb5345b853f93a626Scott Main 91282124a924611bb8104658053bb5345b853f93a626Scott Main.dac-custom-search-section { 91292124a924611bb8104658053bb5345b853f93a626Scott Main color: #999; 91302124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 91312124a924611bb8104658053bb5345b853f93a626Scott Main font-variant: small-caps; 91322124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 700; 91332124a924611bb8104658053bb5345b853f93a626Scott Main margin: -5px 0 0 0; 91342124a924611bb8104658053bb5345b853f93a626Scott Main} 91352124a924611bb8104658053bb5345b853f93a626Scott Main 91362124a924611bb8104658053bb5345b853f93a626Scott Main.dac-custom-search-snippet { 91372124a924611bb8104658053bb5345b853f93a626Scott Main color: #666; 91382124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 91392124a924611bb8104658053bb5345b853f93a626Scott Main} 91402124a924611bb8104658053bb5345b853f93a626Scott Main 91412124a924611bb8104658053bb5345b853f93a626Scott Main.dac-custom-search-link { 91422124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 91432124a924611bb8104658053bb5345b853f93a626Scott Main word-wrap: break-word; 91442124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 91452124a924611bb8104658053bb5345b853f93a626Scott Main} 91462124a924611bb8104658053bb5345b853f93a626Scott Main 91472124a924611bb8104658053bb5345b853f93a626Scott Main.dac-custom-search-load-more { 91482124a924611bb8104658053bb5345b853f93a626Scott Main background: none; 91492124a924611bb8104658053bb5345b853f93a626Scott Main border: none; 91502124a924611bb8104658053bb5345b853f93a626Scott Main color: #333; 91512124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 91522124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 91532124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 14px; 91542124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 700; 91552124a924611bb8104658053bb5345b853f93a626Scott Main margin: 75px auto; 91562124a924611bb8104658053bb5345b853f93a626Scott Main outline: none; 91572124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px; 91582124a924611bb8104658053bb5345b853f93a626Scott Main} 91592124a924611bb8104658053bb5345b853f93a626Scott Main 91602124a924611bb8104658053bb5345b853f93a626Scott Main.dac-custom-search-load-more:hover { 91612124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0.7; 91622124a924611bb8104658053bb5345b853f93a626Scott Main} 91632124a924611bb8104658053bb5345b853f93a626Scott Main 91642124a924611bb8104658053bb5345b853f93a626Scott Main.dac-custom-search-no-results { 91652124a924611bb8104658053bb5345b853f93a626Scott Main color: #999; 91662124a924611bb8104658053bb5345b853f93a626Scott Main} 91672124a924611bb8104658053bb5345b853f93a626Scott Main 91682124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-hero { 91692124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 91702124a924611bb8104658053bb5345b853f93a626Scott Main padding: 50px 0 14px 0; 91712124a924611bb8104658053bb5345b853f93a626Scott Main} 91722124a924611bb8104658053bb5345b853f93a626Scott Main 91732124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results { 91742124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0; 91752124a924611bb8104658053bb5345b853f93a626Scott Main visibility: hidden; 91762124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: visibility 0s linear 300ms, opacity 300ms linear; 91772124a924611bb8104658053bb5345b853f93a626Scott Main transition: visibility 0s linear 300ms, opacity 300ms linear; 91782124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #fff; 91792124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 91802124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 91812124a924611bb8104658053bb5345b853f93a626Scott Main overflow-y: auto; 91822124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 10px; 91832124a924611bb8104658053bb5345b853f93a626Scott Main position: fixed; 91842124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 91852124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity 100ms; 91862124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity 100ms; 91872124a924611bb8104658053bb5345b853f93a626Scott Main top: 64px; 91882124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 50; 91892124a924611bb8104658053bb5345b853f93a626Scott Main} 91902124a924611bb8104658053bb5345b853f93a626Scott Main 91912124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-animating .dac-search-results { 91922124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity 100ms, padding .3s; 91932124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity 100ms, padding .3s; 91942124a924611bb8104658053bb5345b853f93a626Scott Main} 91952124a924611bb8104658053bb5345b853f93a626Scott Main 91962124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results * { 91972124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 91982124a924611bb8104658053bb5345b853f93a626Scott Main} 91992124a924611bb8104658053bb5345b853f93a626Scott Main 92002124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-open .dac-search-results { 92012124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 92022124a924611bb8104658053bb5345b853f93a626Scott Main visibility: visible; 92032124a924611bb8104658053bb5345b853f93a626Scott Main} 92042124a924611bb8104658053bb5345b853f93a626Scott Main 92052124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-content { 92062124a924611bb8104658053bb5345b853f93a626Scott Main background: #eceff1; 92072124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 -10px; 92082124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 10px; 92092124a924611bb8104658053bb5345b853f93a626Scott Main} 92102124a924611bb8104658053bb5345b853f93a626Scott Main 92112124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-for { 92122124a924611bb8104658053bb5345b853f93a626Scott Main margin-bottom: -5px; 92132124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 92142124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 5px; 92152124a924611bb8104658053bb5345b853f93a626Scott Main} 92162124a924611bb8104658053bb5345b853f93a626Scott Main 92172124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-for span { 92182124a924611bb8104658053bb5345b853f93a626Scott Main color: #039bef; 92192124a924611bb8104658053bb5345b853f93a626Scott Main} 92202124a924611bb8104658053bb5345b853f93a626Scott Main 92212124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-mode .dac-search-results-for { 92222124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 92232124a924611bb8104658053bb5345b853f93a626Scott Main} 92242124a924611bb8104658053bb5345b853f93a626Scott Main 92252124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-history { 92262124a924611bb8104658053bb5345b853f93a626Scott Main background: #eceff1; 92272124a924611bb8104658053bb5345b853f93a626Scott Main min-height: 100%; 92282124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 -10px; 92292124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 10px; 92302124a924611bb8104658053bb5345b853f93a626Scott Main} 92312124a924611bb8104658053bb5345b853f93a626Scott Main 92322124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-hero { 92332124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 20px; 92342124a924611bb8104658053bb5345b853f93a626Scott Main} 92352124a924611bb8104658053bb5345b853f93a626Scott Main 92362124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-metadata { 92372124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 40px; 92382124a924611bb8104658053bb5345b853f93a626Scott Main} 92392124a924611bb8104658053bb5345b853f93a626Scott Main 92402124a924611bb8104658053bb5345b853f93a626Scott Main#dac-search-results-reference { 92412124a924611bb8104658053bb5345b853f93a626Scott Main float:right; 92422124a924611bb8104658053bb5345b853f93a626Scott Main z-index:999; 92432124a924611bb8104658053bb5345b853f93a626Scott Main} 92442124a924611bb8104658053bb5345b853f93a626Scott Main 92452124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 92462124a924611bb8104658053bb5345b853f93a626Scott Main #dac-search-results-reference { 92472124a924611bb8104658053bb5345b853f93a626Scott Main float:none; 92482124a924611bb8104658053bb5345b853f93a626Scott Main } 92492124a924611bb8104658053bb5345b853f93a626Scott Main} 92502124a924611bb8104658053bb5345b853f93a626Scott Main 92512124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-reference { 92522124a924611bb8104658053bb5345b853f93a626Scott Main background: white; 92532124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21); 92542124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 20px 0; 92552124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 92562124a924611bb8104658053bb5345b853f93a626Scott Main padding: 6px 0 4px; 92572124a924611bb8104658053bb5345b853f93a626Scott Main} 92582124a924611bb8104658053bb5345b853f93a626Scott Main 92592124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-reference .namespace { 92602124a924611bb8104658053bb5345b853f93a626Scott Main color: #666; 92612124a924611bb8104658053bb5345b853f93a626Scott Main} 92622124a924611bb8104658053bb5345b853f93a626Scott Main 92632124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-reference.is-expanded { 92642124a924611bb8104658053bb5345b853f93a626Scott Main height: auto; 92652124a924611bb8104658053bb5345b853f93a626Scott Main} 92662124a924611bb8104658053bb5345b853f93a626Scott Main 92672124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-reference-header { 92682124a924611bb8104658053bb5345b853f93a626Scott Main color: #999; 92692124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 92702124a924611bb8104658053bb5345b853f93a626Scott Main font-variant: small-caps; 92712124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 700; 92722124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 92732124a924611bb8104658053bb5345b853f93a626Scott Main padding: 18px 12px 0; 92742124a924611bb8104658053bb5345b853f93a626Scott Main text-transform: lowercase; 92752124a924611bb8104658053bb5345b853f93a626Scott Main} 92762124a924611bb8104658053bb5345b853f93a626Scott Main 92772124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-reference-header:first-child { 92782124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 0; 92792124a924611bb8104658053bb5345b853f93a626Scott Main} 92802124a924611bb8104658053bb5345b853f93a626Scott Main 92812124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-reference-entry { 92822124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 92832124a924611bb8104658053bb5345b853f93a626Scott Main} 92842124a924611bb8104658053bb5345b853f93a626Scott Main 92852124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-reference-entry a { 92862124a924611bb8104658053bb5345b853f93a626Scott Main color: #333; 92872124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 92882124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 0.81em; 92892124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 1.5em; 92902124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 12px 5px 12px; 92912124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 92922124a924611bb8104658053bb5345b853f93a626Scott Main white-space: nowrap; 92932124a924611bb8104658053bb5345b853f93a626Scott Main} 92942124a924611bb8104658053bb5345b853f93a626Scott Main 92952124a924611bb8104658053bb5345b853f93a626Scott Mainul.dac-search-results-reference { 92962124a924611bb8104658053bb5345b853f93a626Scott Mainlist-style: none; 92972124a924611bb8104658053bb5345b853f93a626Scott Main} 92982124a924611bb8104658053bb5345b853f93a626Scott Main 92992124a924611bb8104658053bb5345b853f93a626Scott Mainul.dac-search-results-reference li[data-toggle="show-more"] { 93002124a924611bb8104658053bb5345b853f93a626Scott Main cursor:pointer; 93012124a924611bb8104658053bb5345b853f93a626Scott Main} 93022124a924611bb8104658053bb5345b853f93a626Scott Main 93032124a924611bb8104658053bb5345b853f93a626Scott Mainul.dac-search-results-reference.is-expanded li[data-toggle="show-more"] { 93042124a924611bb8104658053bb5345b853f93a626Scott Main display:none; 93052124a924611bb8104658053bb5345b853f93a626Scott Main} 93062124a924611bb8104658053bb5345b853f93a626Scott Main 93072124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-reference-entry a:hover { 93082124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #eceff1; 93092124a924611bb8104658053bb5345b853f93a626Scott Main} 93102124a924611bb8104658053bb5345b853f93a626Scott Main 93112124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-reference-entry em { 93122124a924611bb8104658053bb5345b853f93a626Scott Main font-style: normal; 93132124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 700; 93142124a924611bb8104658053bb5345b853f93a626Scott Main} 93152124a924611bb8104658053bb5345b853f93a626Scott Main 93162124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-reference-entry-empty { 93172124a924611bb8104658053bb5345b853f93a626Scott Main color: #999; 93182124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 0.81em; 93192124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 93202124a924611bb8104658053bb5345b853f93a626Scott Main padding: 2px 12px 14px; 93212124a924611bb8104658053bb5345b853f93a626Scott Main} 93222124a924611bb8104658053bb5345b853f93a626Scott Main 93232124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-resources { 93242124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 93252124a924611bb8104658053bb5345b853f93a626Scott Main} 93262124a924611bb8104658053bb5345b853f93a626Scott Main 93272124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-resources .resource-card { 93282124a924611bb8104658053bb5345b853f93a626Scott Main border-right: 2px solid #999; 93292124a924611bb8104658053bb5345b853f93a626Scott Main} 93302124a924611bb8104658053bb5345b853f93a626Scott Main 93312124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-resources .resource-card-about { 93322124a924611bb8104658053bb5345b853f93a626Scott Main border-right: 2px solid #6ab344; 93332124a924611bb8104658053bb5345b853f93a626Scott Main} 93342124a924611bb8104658053bb5345b853f93a626Scott Main 93352124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-resources .resource-card-about .section { 93362124a924611bb8104658053bb5345b853f93a626Scott Main color: #6ab344; 93372124a924611bb8104658053bb5345b853f93a626Scott Main} 93382124a924611bb8104658053bb5345b853f93a626Scott Main 93392124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-resources .resource-card-develop { 93402124a924611bb8104658053bb5345b853f93a626Scott Main border-right: 2px solid #ff7043; 93412124a924611bb8104658053bb5345b853f93a626Scott Main} 93422124a924611bb8104658053bb5345b853f93a626Scott Main 93432124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-resources .resource-card-develop .section { 93442124a924611bb8104658053bb5345b853f93a626Scott Main color: #ff7043; 93452124a924611bb8104658053bb5345b853f93a626Scott Main} 93462124a924611bb8104658053bb5345b853f93a626Scott Main 93472124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-resources .resource-card-design { 93482124a924611bb8104658053bb5345b853f93a626Scott Main border-right: 2px solid #00bcd4; 93492124a924611bb8104658053bb5345b853f93a626Scott Main} 93502124a924611bb8104658053bb5345b853f93a626Scott Main 93512124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-resources .resource-card-design .section { 93522124a924611bb8104658053bb5345b853f93a626Scott Main color: #00bcd4; 93532124a924611bb8104658053bb5345b853f93a626Scott Main} 93542124a924611bb8104658053bb5345b853f93a626Scott Main 93552124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-resources .resource-card-distribute { 93562124a924611bb8104658053bb5345b853f93a626Scott Main border-right: 2px solid #afb42b; 93572124a924611bb8104658053bb5345b853f93a626Scott Main} 93582124a924611bb8104658053bb5345b853f93a626Scott Main 93592124a924611bb8104658053bb5345b853f93a626Scott Main.dac-search-results-resources .resource-card-distribute .section { 93602124a924611bb8104658053bb5345b853f93a626Scott Main color: #afb42b; 93612124a924611bb8104658053bb5345b853f93a626Scott Main} 93622124a924611bb8104658053bb5345b853f93a626Scott Main 93632124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 93642124a924611bb8104658053bb5345b853f93a626Scott Main .dac-search-results-reference.no-results { 93652124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 93662124a924611bb8104658053bb5345b853f93a626Scott Main } 93672124a924611bb8104658053bb5345b853f93a626Scott Main} 93682124a924611bb8104658053bb5345b853f93a626Scott Main 93692124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 980px) { 93702124a924611bb8104658053bb5345b853f93a626Scott Main .dac-nav-open.dac-search-open .dac-search-results { 93712124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 260px; 93722124a924611bb8104658053bb5345b853f93a626Scott Main } 93732124a924611bb8104658053bb5345b853f93a626Scott Main 93742124a924611bb8104658053bb5345b853f93a626Scott Main .dac-search-mode.dac-search-open .dac-search-results { 93752124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 10px; 93762124a924611bb8104658053bb5345b853f93a626Scott Main } 93772124a924611bb8104658053bb5345b853f93a626Scott Main} 93782124a924611bb8104658053bb5345b853f93a626Scott Main 93792124a924611bb8104658053bb5345b853f93a626Scott Main.dac-selected { 93802124a924611bb8104658053bb5345b853f93a626Scott Main color: #039bef !important; 93812124a924611bb8104658053bb5345b853f93a626Scott Main} 93822124a924611bb8104658053bb5345b853f93a626Scott Main 93832124a924611bb8104658053bb5345b853f93a626Scott Main.dac-selected em { 93842124a924611bb8104658053bb5345b853f93a626Scott Main color: #039bef; 93852124a924611bb8104658053bb5345b853f93a626Scott Main} 93862124a924611bb8104658053bb5345b853f93a626Scott Main 93872124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card.dac-selected { 93882124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 0px 1px 10px 0px rgba(3, 155, 239, 0.7); 93892124a924611bb8104658053bb5345b853f93a626Scott Main} 93902124a924611bb8104658053bb5345b853f93a626Scott Main 93912124a924611bb8104658053bb5345b853f93a626Scott Main.resource-card.dac-selected em { 93922124a924611bb8104658053bb5345b853f93a626Scott Main color: #333; 93932124a924611bb8104658053bb5345b853f93a626Scott Main} 93942124a924611bb8104658053bb5345b853f93a626Scott Main 93952124a924611bb8104658053bb5345b853f93a626Scott Main.dac-expand, .dac-section { 93962124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: -20px; 93972124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: -20px; 93982124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 20px; 93992124a924611bb8104658053bb5345b853f93a626Scott Main padding-right: 20px; 94002124a924611bb8104658053bb5345b853f93a626Scott Main} 94012124a924611bb8104658053bb5345b853f93a626Scott Main 94022124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 94032124a924611bb8104658053bb5345b853f93a626Scott Main .dac-expand, .dac-section { 94042124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: -10px; 94052124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: -10px; 94062124a924611bb8104658053bb5345b853f93a626Scott Main padding-left: 10px; 94072124a924611bb8104658053bb5345b853f93a626Scott Main padding-right: 10px; 94082124a924611bb8104658053bb5345b853f93a626Scott Main } 94092124a924611bb8104658053bb5345b853f93a626Scott Main} 94102124a924611bb8104658053bb5345b853f93a626Scott Main 94112124a924611bb8104658053bb5345b853f93a626Scott Main.dac-invert { 94122124a924611bb8104658053bb5345b853f93a626Scott Main color: #b3b3b3; 94132124a924611bb8104658053bb5345b853f93a626Scott Main color: rgba(255, 255, 255, 0.7); 94142124a924611bb8104658053bb5345b853f93a626Scott Main} 94152124a924611bb8104658053bb5345b853f93a626Scott Main 94162124a924611bb8104658053bb5345b853f93a626Scott Main.dac-invert h1, .dac-invert h2, .dac-invert h3 { 94172124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 94182124a924611bb8104658053bb5345b853f93a626Scott Main} 94192124a924611bb8104658053bb5345b853f93a626Scott Main 94202124a924611bb8104658053bb5345b853f93a626Scott Main.dac-light.dac-hero, .dac-light.dac-section { 94212124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #eceff1; 94222124a924611bb8104658053bb5345b853f93a626Scott Main} 94232124a924611bb8104658053bb5345b853f93a626Scott Main 94242124a924611bb8104658053bb5345b853f93a626Scott Main.dac-gray.dac-hero, .dac-gray.dac-section { 94252124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #d8dfe2; 94262124a924611bb8104658053bb5345b853f93a626Scott Main} 94272124a924611bb8104658053bb5345b853f93a626Scott Main 94282124a924611bb8104658053bb5345b853f93a626Scott Main.dac-gray-dark.dac-hero, .dac-gray-dark.dac-section { 94292124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #b0bec5; 94302124a924611bb8104658053bb5345b853f93a626Scott Main} 94312124a924611bb8104658053bb5345b853f93a626Scott Main 94322124a924611bb8104658053bb5345b853f93a626Scott Main.dac-dark.dac-hero, .dac-dark.dac-section { 94332124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #37474f; 94342124a924611bb8104658053bb5345b853f93a626Scott Main} 94352124a924611bb8104658053bb5345b853f93a626Scott Main 94362124a924611bb8104658053bb5345b853f93a626Scott Main.dac-red.dac-hero, .dac-red.dac-section { 94372124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #dc4d38; 94382124a924611bb8104658053bb5345b853f93a626Scott Main} 94392124a924611bb8104658053bb5345b853f93a626Scott Main 94402124a924611bb8104658053bb5345b853f93a626Scott Main.dac-blue.dac-hero, 94412124a924611bb8104658053bb5345b853f93a626Scott Main.dac-blue.dac-section { 94422124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #0277bd; 94432124a924611bb8104658053bb5345b853f93a626Scott Main} 94442124a924611bb8104658053bb5345b853f93a626Scott Main 94452124a924611bb8104658053bb5345b853f93a626Scott Main.dac-blue.dac-invert .dac-hero-description, 94462124a924611bb8104658053bb5345b853f93a626Scott Main.dac-blue.dac-invert .dac-section-subtitle { 94472124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 94482124a924611bb8104658053bb5345b853f93a626Scott Main} 94492124a924611bb8104658053bb5345b853f93a626Scott Main 94502124a924611bb8104658053bb5345b853f93a626Scott Main.dac-dark-gray.dac-hero, 94512124a924611bb8104658053bb5345b853f93a626Scott Main.dac-dark-gray.dac-section { 94522124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #455a64; 94532124a924611bb8104658053bb5345b853f93a626Scott Main} 94542124a924611bb8104658053bb5345b853f93a626Scott Main 94552124a924611bb8104658053bb5345b853f93a626Scott Main.dac-bg-opacity::after { 94562124a924611bb8104658053bb5345b853f93a626Scott Main background-color: rgba(0, 0, 0, .3); 94572124a924611bb8104658053bb5345b853f93a626Scott Main content : ""; 94582124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 94592124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 94602124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 94612124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 94622124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 94632124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 94642124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 1; 94652124a924611bb8104658053bb5345b853f93a626Scott Main} 94662124a924611bb8104658053bb5345b853f93a626Scott Main 94672124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-cta, .dac-section-title, .dac-section-links { 94682124a924611bb8104658053bb5345b853f93a626Scott Main color: #212121; 94692124a924611bb8104658053bb5345b853f93a626Scott Main color: rgba(0, 0, 0, 0.87); 94702124a924611bb8104658053bb5345b853f93a626Scott Main} 94712124a924611bb8104658053bb5345b853f93a626Scott Main 94722124a924611bb8104658053bb5345b853f93a626Scott Main.dac-invert .dac-hero-cta, .dac-invert .dac-section-title, .dac-invert .dac-section-links { 94732124a924611bb8104658053bb5345b853f93a626Scott Main color: white; 94742124a924611bb8104658053bb5345b853f93a626Scott Main} 94752124a924611bb8104658053bb5345b853f93a626Scott Main 94762124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-cta .dac-sprite, .dac-section-title .dac-sprite, .dac-section-links .dac-sprite, .dac-hero-cta .dac-modal-header-close:before, .dac-section-title .dac-modal-header-close:before, .dac-section-links .dac-modal-header-close:before, .dac-hero-cta .paging-links .prev-page-link:before, .paging-links .dac-hero-cta .prev-page-link:before, .dac-section-title .paging-links .prev-page-link:before, .paging-links .dac-section-title .prev-page-link:before, .dac-section-links .paging-links .prev-page-link:before, .paging-links .dac-section-links .prev-page-link:before, .dac-hero-cta .paging-links .next-page-link:before, .paging-links .dac-hero-cta .next-page-link:before, .dac-section-title .paging-links .next-page-link:before, .paging-links .dac-section-title .next-page-link:before, .dac-section-links .paging-links .next-page-link:before, .paging-links .dac-section-links .next-page-link:before, .dac-hero-cta .paging-links .next-class-link:before, .paging-links .dac-hero-cta .next-class-link:before, .dac-section-title .paging-links .next-class-link:before, .paging-links .dac-section-title .next-class-link:before, .dac-section-links .paging-links .next-class-link:before, .paging-links .dac-section-links .next-class-link:before, .dac-hero-cta .paging-links .start-class-link:after, .paging-links .dac-hero-cta .start-class-link:after, .dac-section-title .paging-links .start-class-link:after, .paging-links .dac-section-title .start-class-link:after, .dac-section-links .paging-links .start-class-link:after, .paging-links .dac-section-links .start-class-link:after { 94772124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .87; 94782124a924611bb8104658053bb5345b853f93a626Scott Main} 94792124a924611bb8104658053bb5345b853f93a626Scott Main 94802124a924611bb8104658053bb5345b853f93a626Scott Main.dac-invert .dac-hero-cta .dac-sprite, .dac-invert .dac-section-title .dac-sprite, .dac-invert .dac-section-links .dac-sprite, .dac-invert .dac-hero-cta .dac-modal-header-close:before, .dac-invert .dac-section-title .dac-modal-header-close:before, .dac-invert .dac-section-links .dac-modal-header-close:before, .dac-invert .dac-hero-cta .paging-links .prev-page-link:before, .paging-links .dac-invert .dac-hero-cta .prev-page-link:before, .dac-invert .dac-section-title .paging-links .prev-page-link:before, .paging-links .dac-invert .dac-section-title .prev-page-link:before, .dac-invert .dac-section-links .paging-links .prev-page-link:before, .paging-links .dac-invert .dac-section-links .prev-page-link:before, .dac-invert .dac-hero-cta .paging-links .next-page-link:before, .paging-links .dac-invert .dac-hero-cta .next-page-link:before, .dac-invert .dac-section-title .paging-links .next-page-link:before, .paging-links .dac-invert .dac-section-title .next-page-link:before, .dac-invert .dac-section-links .paging-links .next-page-link:before, .paging-links .dac-invert .dac-section-links .next-page-link:before, .dac-invert .dac-hero-cta .paging-links .next-class-link:before, .paging-links .dac-invert .dac-hero-cta .next-class-link:before, .dac-invert .dac-section-title .paging-links .next-class-link:before, .paging-links .dac-invert .dac-section-title .next-class-link:before, .dac-invert .dac-section-links .paging-links .next-class-link:before, .paging-links .dac-invert .dac-section-links .next-class-link:before, .dac-invert .dac-hero-cta .paging-links .start-class-link:after, .paging-links .dac-invert .dac-hero-cta .start-class-link:after, .dac-invert .dac-section-title .paging-links .start-class-link:after, .paging-links .dac-invert .dac-section-title .start-class-link:after, .dac-invert .dac-section-links .paging-links .start-class-link:after, .paging-links .dac-invert .dac-section-links .start-class-link:after { 94812124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 94822124a924611bb8104658053bb5345b853f93a626Scott Main} 94832124a924611bb8104658053bb5345b853f93a626Scott Main 94842124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-tag, .dac-hero-description, .dac-section-subtitle { 94852124a924611bb8104658053bb5345b853f93a626Scott Main color: #757575; 94862124a924611bb8104658053bb5345b853f93a626Scott Main color: rgba(0, 0, 0, 0.54); 94872124a924611bb8104658053bb5345b853f93a626Scott Main} 94882124a924611bb8104658053bb5345b853f93a626Scott Main 94892124a924611bb8104658053bb5345b853f93a626Scott Main.dac-invert .dac-hero-tag, .dac-invert .dac-hero-description, .dac-invert .dac-section-subtitle { 94902124a924611bb8104658053bb5345b853f93a626Scott Main color: #b3b3b3; 94912124a924611bb8104658053bb5345b853f93a626Scott Main color: rgba(255, 255, 255, 0.7); 94922124a924611bb8104658053bb5345b853f93a626Scott Main} 94932124a924611bb8104658053bb5345b853f93a626Scott Main 94942124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero.dac-no-min-height { 94952124a924611bb8104658053bb5345b853f93a626Scott Main min-height: 0; 94962124a924611bb8104658053bb5345b853f93a626Scott Main} 94972124a924611bb8104658053bb5345b853f93a626Scott Main 94982124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-half-bg { 94992124a924611bb8104658053bb5345b853f93a626Scott Main background-size: cover; 95002124a924611bb8104658053bb5345b853f93a626Scott Main background-repeat: no-repeat; 95012124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 95022124a924611bb8104658053bb5345b853f93a626Scott Main height: 440px; 95032124a924611bb8104658053bb5345b853f93a626Scott Main} 95042124a924611bb8104658053bb5345b853f93a626Scott Main 95052124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero-half-bg-centered { 95062124a924611bb8104658053bb5345b853f93a626Scott Main background-position: center; 95072124a924611bb8104658053bb5345b853f93a626Scott Main background-repeat: no-repeat; 95082124a924611bb8104658053bb5345b853f93a626Scott Main background-size: cover; 95092124a924611bb8104658053bb5345b853f93a626Scott Main float: right; 95102124a924611bb8104658053bb5345b853f93a626Scott Main height: 440px; 95112124a924611bb8104658053bb5345b853f93a626Scott Main} 95122124a924611bb8104658053bb5345b853f93a626Scott Main 95132124a924611bb8104658053bb5345b853f93a626Scott Main@media only screen and (-webkit-min-device-pixel-ratio: 2), 95142124a924611bb8104658053bb5345b853f93a626Scott Mainonly screen and (-moz-min-device-pixel-ratio: 2), 95152124a924611bb8104658053bb5345b853f93a626Scott Mainonly screen and (min-device-pixel-ratio: 2), 95162124a924611bb8104658053bb5345b853f93a626Scott Mainonly screen and (min-resolution: 192dpi), 95172124a924611bb8104658053bb5345b853f93a626Scott Mainonly screen and (min-resolution: 2dppx) { 95182124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero-half-bg, 95192124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero-half-bg-centered { 95202124a924611bb8104658053bb5345b853f93a626Scott Main background-size: "" ""; 95212124a924611bb8104658053bb5345b853f93a626Scott Main } 95222124a924611bb8104658053bb5345b853f93a626Scott Main} 95232124a924611bb8104658053bb5345b853f93a626Scott Main 95242124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 95252124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero-half-bg, 95262124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hero-half-bg-centered { 95272124a924611bb8104658053bb5345b853f93a626Scott Main background-position: center; 95282124a924611bb8104658053bb5345b853f93a626Scott Main background-size: auto 100%; 95292124a924611bb8104658053bb5345b853f93a626Scott Main float: none; 95302124a924611bb8104658053bb5345b853f93a626Scott Main height: 200px; 95312124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: 32px; 95322124a924611bb8104658053bb5345b853f93a626Scott Main } 95332124a924611bb8104658053bb5345b853f93a626Scott Main} 95342124a924611bb8104658053bb5345b853f93a626Scott Main 95352124a924611bb8104658053bb5345b853f93a626Scott Main.dac-section { 95362124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 50% 50%; 95372124a924611bb8104658053bb5345b853f93a626Scott Main background-size: cover; 95382124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 84px; 95392124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 84px; 95402124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 95412124a924611bb8104658053bb5345b853f93a626Scott Main} 95422124a924611bb8104658053bb5345b853f93a626Scott Main 95432124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 95442124a924611bb8104658053bb5345b853f93a626Scott Main .dac-section { 95452124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 52px; 95462124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 52px; 95472124a924611bb8104658053bb5345b853f93a626Scott Main } 95482124a924611bb8104658053bb5345b853f93a626Scott Main} 95492124a924611bb8104658053bb5345b853f93a626Scott Main 95502124a924611bb8104658053bb5345b853f93a626Scott Main.dac-section.dac-small, 95512124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hero.dac-small { 95522124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 32px; 95532124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 32px; 95542124a924611bb8104658053bb5345b853f93a626Scott Main} 95552124a924611bb8104658053bb5345b853f93a626Scott Main 95562124a924611bb8104658053bb5345b853f93a626Scott Main.dac-section.dac-slim { 95572124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 0; 95582124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 0; 95592124a924611bb8104658053bb5345b853f93a626Scott Main} 95602124a924611bb8104658053bb5345b853f93a626Scott Main 95612124a924611bb8104658053bb5345b853f93a626Scott Main.dac-section-title { 95622124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 95632124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 40px; 95642124a924611bb8104658053bb5345b853f93a626Scott Main padding-top: 0; 95652124a924611bb8104658053bb5345b853f93a626Scott Main} 95662124a924611bb8104658053bb5345b853f93a626Scott Main 95672124a924611bb8104658053bb5345b853f93a626Scott Main.dac-section-subtitle { 95682124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 95692124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 40px; 95702124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: -24px; 95712124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 95722124a924611bb8104658053bb5345b853f93a626Scott Main} 95732124a924611bb8104658053bb5345b853f93a626Scott Main 95742124a924611bb8104658053bb5345b853f93a626Scott Main.dac-section-links { 95752124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 95762124a924611bb8104658053bb5345b853f93a626Scott Main list-style: none; 95772124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 40px; 95782124a924611bb8104658053bb5345b853f93a626Scott Main margin: 16px 0 0; 95792124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 95802124a924611bb8104658053bb5345b853f93a626Scott Main} 95812124a924611bb8104658053bb5345b853f93a626Scott Main 95822124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 95832124a924611bb8104658053bb5345b853f93a626Scott Main .dac-section-links { 95842124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: -8px; 95852124a924611bb8104658053bb5345b853f93a626Scott Main text-align: left; 95862124a924611bb8104658053bb5345b853f93a626Scott Main } 95872124a924611bb8104658053bb5345b853f93a626Scott Main} 95882124a924611bb8104658053bb5345b853f93a626Scott Main 95892124a924611bb8104658053bb5345b853f93a626Scott Main.dac-section-link { 95902124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 95912124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 95922124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 32px; 95932124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity .3s; 95942124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity .3s; 95952124a924611bb8104658053bb5345b853f93a626Scott Main} 95962124a924611bb8104658053bb5345b853f93a626Scott Main 95972124a924611bb8104658053bb5345b853f93a626Scott Main.dac-section-link:hover { 95982124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .54; 95992124a924611bb8104658053bb5345b853f93a626Scott Main} 96002124a924611bb8104658053bb5345b853f93a626Scott Main 96012124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 96022124a924611bb8104658053bb5345b853f93a626Scott Main .dac-section-link { 96032124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 96042124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 96052124a924611bb8104658053bb5345b853f93a626Scott Main } 96062124a924611bb8104658053bb5345b853f93a626Scott Main} 96072124a924611bb8104658053bb5345b853f93a626Scott Main 96082124a924611bb8104658053bb5345b853f93a626Scott Main.dac-section-link a { 96092124a924611bb8104658053bb5345b853f93a626Scott Main color: inherit; 96102124a924611bb8104658053bb5345b853f93a626Scott Main} 96112124a924611bb8104658053bb5345b853f93a626Scott Main 96122124a924611bb8104658053bb5345b853f93a626Scott Main/* 96132124a924611bb8104658053bb5345b853f93a626Scott MainSCSS variables are information about icon's compiled state, stored under its original file name 96142124a924611bb8104658053bb5345b853f93a626Scott Main 96152124a924611bb8104658053bb5345b853f93a626Scott Main.icon-home { 96162124a924611bb8104658053bb5345b853f93a626Scott Main width: $icon-home-width; 96172124a924611bb8104658053bb5345b853f93a626Scott Main} 96182124a924611bb8104658053bb5345b853f93a626Scott Main 96192124a924611bb8104658053bb5345b853f93a626Scott MainThe large array-like variables contain all information about a single icon 96202124a924611bb8104658053bb5345b853f93a626Scott Main$icon-home: x y offset_x offset_y width height total_width total_height image_path; 96212124a924611bb8104658053bb5345b853f93a626Scott Main 96222124a924611bb8104658053bb5345b853f93a626Scott MainAt the bottom of this section, we provide information about the spritesheet itself 96232124a924611bb8104658053bb5345b853f93a626Scott Main$spritesheet: width height image $spritesheet-sprites; 96242124a924611bb8104658053bb5345b853f93a626Scott Main*/ 96252124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite, .dac-modal-header-close:before, .paging-links .prev-page-link:before, .paging-links .next-page-link:before, .paging-links .next-class-link:before, .paging-links .start-class-link:after, .Video-button--picture-in-picture, .Video-button--close, a.video-shadowbox-button.white::after, #tb li:before, 96262124a924611bb8104658053bb5345b853f93a626Scott Main#qv li:before { 96272124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../images/sprite.png); 96282124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 96292124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: middle; 96302124a924611bb8104658053bb5345b853f93a626Scott Main} 96312124a924611bb8104658053bb5345b853f93a626Scott Main 96322124a924611bb8104658053bb5345b853f93a626Scott Main@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144px) { 96332124a924611bb8104658053bb5345b853f93a626Scott Main 96342124a924611bb8104658053bb5345b853f93a626Scott Main .dac-sprite, 96352124a924611bb8104658053bb5345b853f93a626Scott Main .dac-modal-header-close:before, 96362124a924611bb8104658053bb5345b853f93a626Scott Main .paging-links .prev-page-link:before, 96372124a924611bb8104658053bb5345b853f93a626Scott Main .paging-links .next-page-link:before, 96382124a924611bb8104658053bb5345b853f93a626Scott Main .paging-links .next-class-link:before, 96392124a924611bb8104658053bb5345b853f93a626Scott Main .paging-links .start-class-link:after, 96402124a924611bb8104658053bb5345b853f93a626Scott Main .Video-button--picture-in-picture, 96412124a924611bb8104658053bb5345b853f93a626Scott Main .Video-button--close, 96422124a924611bb8104658053bb5345b853f93a626Scott Main a.video-shadowbox-button.white::after, 96432124a924611bb8104658053bb5345b853f93a626Scott Main #tb li:before, 96442124a924611bb8104658053bb5345b853f93a626Scott Main #qv li:before { 96452124a924611bb8104658053bb5345b853f93a626Scott Main background-image: url(../images/sprite_2x.png); 96462124a924611bb8104658053bb5345b853f93a626Scott Main background-size: 36px 900px; 96472124a924611bb8104658053bb5345b853f93a626Scott Main } 96482124a924611bb8104658053bb5345b853f93a626Scott Main} 96492124a924611bb8104658053bb5345b853f93a626Scott Main 96502124a924611bb8104658053bb5345b853f93a626Scott Main.dac-chevron { 96512124a924611bb8104658053bb5345b853f93a626Scott Main background-size: 9px 39px; 96522124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 96532124a924611bb8104658053bb5345b853f93a626Scott Main height: 13px; 96542124a924611bb8104658053bb5345b853f93a626Scott Main text-indent: -9999px; 96552124a924611bb8104658053bb5345b853f93a626Scott Main width: 9px; 96562124a924611bb8104658053bb5345b853f93a626Scott Main} 96572124a924611bb8104658053bb5345b853f93a626Scott Main 96582124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-auto-chevron, 96592124a924611bb8104658053bb5345b853f93a626Scott Main.dac-auto-chevron.dac-modal-header-close:before, 96602124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .dac-auto-chevron.prev-page-link:before, 96612124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .dac-auto-chevron.next-page-link:before, 96622124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .dac-auto-chevron.next-class-link:before, 96632124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .dac-auto-chevron.start-class-link:after { 96642124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -669px; 96652124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 96662124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; 96672124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: -6px; 96682124a924611bb8104658053bb5345b853f93a626Scott Main} 96692124a924611bb8104658053bb5345b853f93a626Scott Main 96702124a924611bb8104658053bb5345b853f93a626Scott Main.dac-invert .dac-sprite.dac-auto-chevron, .dac-invert .dac-auto-chevron.dac-modal-header-close:before, .dac-invert .paging-links .dac-auto-chevron.prev-page-link:before, .paging-links .dac-invert .dac-auto-chevron.prev-page-link:before, .dac-invert .paging-links .dac-auto-chevron.next-page-link:before, .paging-links .dac-invert .dac-auto-chevron.next-page-link:before, .dac-invert .paging-links .dac-auto-chevron.next-class-link:before, .paging-links .dac-invert .dac-auto-chevron.next-class-link:before, .dac-invert .paging-links .dac-auto-chevron.start-class-link:after, .paging-links .dac-invert .dac-auto-chevron.start-class-link:after { 96712124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -513px; 96722124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 96732124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; 96742124a924611bb8104658053bb5345b853f93a626Scott Main} 96752124a924611bb8104658053bb5345b853f93a626Scott Main 96762124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-auto-chevron-large, .dac-auto-chevron-large.dac-modal-header-close:before, .paging-links .dac-auto-chevron-large.prev-page-link:before, .paging-links .dac-auto-chevron-large.next-page-link:before, .paging-links .dac-auto-chevron-large.next-class-link:before, .paging-links .dac-auto-chevron-large.start-class-link:after { 96772124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -695px; 96782124a924611bb8104658053bb5345b853f93a626Scott Main height: 36px; 96792124a924611bb8104658053bb5345b853f93a626Scott Main width: 36px; 96802124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: -10px; 96812124a924611bb8104658053bb5345b853f93a626Scott Main} 96822124a924611bb8104658053bb5345b853f93a626Scott Main 96832124a924611bb8104658053bb5345b853f93a626Scott Main.dac-invert .dac-sprite.dac-auto-chevron-large, 96842124a924611bb8104658053bb5345b853f93a626Scott Main.dac-invert .dac-auto-chevron-large.dac-modal-header-close:before, 96852124a924611bb8104658053bb5345b853f93a626Scott Main.dac-invert .paging-links .dac-auto-chevron-large.prev-page-link:before, 96862124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .dac-invert .dac-auto-chevron-large.prev-page-link:before, 96872124a924611bb8104658053bb5345b853f93a626Scott Main.dac-invert .paging-links .dac-auto-chevron-large.next-page-link:before, 96882124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .dac-invert .dac-auto-chevron-large.next-page-link:before, 96892124a924611bb8104658053bb5345b853f93a626Scott Main.dac-invert .paging-links .dac-auto-chevron-large.next-class-link:before, 96902124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .dac-invert .dac-auto-chevron-large.next-class-link:before, 96912124a924611bb8104658053bb5345b853f93a626Scott Main.dac-invert .paging-links .dac-auto-chevron-large.start-class-link:after, 96922124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .dac-invert .dac-auto-chevron-large.start-class-link:after { 96932124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -771px; 96942124a924611bb8104658053bb5345b853f93a626Scott Main height: 36px; 96952124a924611bb8104658053bb5345b853f93a626Scott Main width: 36px; 96962124a924611bb8104658053bb5345b853f93a626Scott Main} 96972124a924611bb8104658053bb5345b853f93a626Scott Main 96982124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-auto-unfold-less, .dac-auto-unfold-less.dac-modal-header-close:before, .paging-links .dac-auto-unfold-less.prev-page-link:before, .paging-links .dac-auto-unfold-less.next-page-link:before, .paging-links .dac-auto-unfold-less.next-class-link:before, .paging-links .dac-auto-unfold-less.start-class-link:after { 96992124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -487px; 97002124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 97012124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; 97022124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: -6px; } 97032124a924611bb8104658053bb5345b853f93a626Scott Main .dac-invert .dac-sprite.dac-auto-unfold-less, .dac-invert .dac-auto-unfold-less.dac-modal-header-close:before, .dac-invert .paging-links .dac-auto-unfold-less.prev-page-link:before, .paging-links .dac-invert .dac-auto-unfold-less.prev-page-link:before, .dac-invert .paging-links .dac-auto-unfold-less.next-page-link:before, .paging-links .dac-invert .dac-auto-unfold-less.next-page-link:before, .dac-invert .paging-links .dac-auto-unfold-less.next-class-link:before, .paging-links .dac-invert .dac-auto-unfold-less.next-class-link:before, .dac-invert .paging-links .dac-auto-unfold-less.start-class-link:after, .paging-links .dac-invert .dac-auto-unfold-less.start-class-link:after { 97042124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -565px; 97052124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 97062124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 97072124a924611bb8104658053bb5345b853f93a626Scott Main 97082124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-auto-unfold-more, .dac-auto-unfold-more.dac-modal-header-close:before, .paging-links .dac-auto-unfold-more.prev-page-link:before, .paging-links .dac-auto-unfold-more.next-page-link:before, .paging-links .dac-auto-unfold-more.next-class-link:before, .paging-links .dac-auto-unfold-more.start-class-link:after { 97092124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -539px; 97102124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 97112124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; 97122124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: -6px; } 97132124a924611bb8104658053bb5345b853f93a626Scott Main .dac-invert .dac-sprite.dac-auto-unfold-more, .dac-invert .dac-auto-unfold-more.dac-modal-header-close:before, .dac-invert .paging-links .dac-auto-unfold-more.prev-page-link:before, .paging-links .dac-invert .dac-auto-unfold-more.prev-page-link:before, .dac-invert .paging-links .dac-auto-unfold-more.next-page-link:before, .paging-links .dac-invert .dac-auto-unfold-more.next-page-link:before, .dac-invert .paging-links .dac-auto-unfold-more.next-class-link:before, .paging-links .dac-invert .dac-auto-unfold-more.next-class-link:before, .dac-invert .paging-links .dac-auto-unfold-more.start-class-link:after, .paging-links .dac-invert .dac-auto-unfold-more.start-class-link:after { 97142124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -305px; 97152124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 97162124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 97172124a924611bb8104658053bb5345b853f93a626Scott Main 97182124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-arrow-down-gray, .dac-arrow-down-gray.dac-modal-header-close:before, .paging-links .dac-arrow-down-gray.prev-page-link:before, .paging-links .dac-arrow-down-gray.next-page-link:before, .paging-links .dac-arrow-down-gray.next-class-link:before, .paging-links .dac-arrow-down-gray.start-class-link:after { 97192124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px 0px; 97202124a924611bb8104658053bb5345b853f93a626Scott Main height: 11px; 97212124a924611bb8104658053bb5345b853f93a626Scott Main width: 19px; } 97222124a924611bb8104658053bb5345b853f93a626Scott Main 97232124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-arrow-right, .dac-arrow-right.dac-modal-header-close:before, .paging-links .dac-arrow-right.prev-page-link:before, .paging-links .dac-arrow-right.next-page-link:before, .paging-links .dac-arrow-right.next-class-link:before, .paging-links .dac-arrow-right.start-class-link:after { 97242124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -215px; 97252124a924611bb8104658053bb5345b853f93a626Scott Main height: 18px; 97262124a924611bb8104658053bb5345b853f93a626Scott Main width: 11px; } 97272124a924611bb8104658053bb5345b853f93a626Scott Main 97282124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-back-arrow, .dac-back-arrow.dac-modal-header-close:before, .paging-links .dac-back-arrow.prev-page-link:before, .paging-links .dac-back-arrow.next-page-link:before, .paging-links .dac-back-arrow.next-class-link:before, .paging-links .dac-back-arrow.start-class-link:after { 97292124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -123px; 97302124a924611bb8104658053bb5345b853f93a626Scott Main height: 16px; 97312124a924611bb8104658053bb5345b853f93a626Scott Main width: 16px; } 97322124a924611bb8104658053bb5345b853f93a626Scott Main 97332124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-chevron-large-right-black, .dac-chevron-large-right-black.dac-modal-header-close:before, .paging-links .dac-chevron-large-right-black.prev-page-link:before, .paging-links .dac-chevron-large-right-black.next-page-link:before, .paging-links .dac-chevron-large-right-black.next-class-link:before, .paging-links .dac-chevron-large-right-black.start-class-link:after { 97342124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -695px; 97352124a924611bb8104658053bb5345b853f93a626Scott Main height: 36px; 97362124a924611bb8104658053bb5345b853f93a626Scott Main width: 36px; } 97372124a924611bb8104658053bb5345b853f93a626Scott Main 97382124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-chevron-large-right-white, .dac-chevron-large-right-white.dac-modal-header-close:before, .paging-links .dac-chevron-large-right-white.prev-page-link:before, .paging-links .dac-chevron-large-right-white.next-page-link:before, .paging-links .dac-chevron-large-right-white.next-class-link:before, .paging-links .dac-chevron-large-right-white.start-class-link:after { 97392124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -771px; 97402124a924611bb8104658053bb5345b853f93a626Scott Main height: 36px; 97412124a924611bb8104658053bb5345b853f93a626Scott Main width: 36px; } 97422124a924611bb8104658053bb5345b853f93a626Scott Main 97432124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-chevron-right-black, .dac-chevron-right-black.dac-modal-header-close:before, .paging-links .dac-chevron-right-black.prev-page-link:before, .paging-links .dac-chevron-right-black.next-page-link:before, .paging-links .dac-chevron-right-black.next-class-link:before, .paging-links .dac-chevron-right-black.start-class-link:after { 97442124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -669px; 97452124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 97462124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 97472124a924611bb8104658053bb5345b853f93a626Scott Main 97482124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-chevron-right-white, .dac-chevron-right-white.dac-modal-header-close:before, .paging-links .dac-chevron-right-white.prev-page-link:before, .paging-links .dac-chevron-right-white.next-page-link:before, .paging-links .dac-chevron-right-white.next-class-link:before, .paging-links .dac-chevron-right-white.start-class-link:after { 97492124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -513px; 97502124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 97512124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 97522124a924611bb8104658053bb5345b853f93a626Scott Main 97532124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-close-black, .dac-close-black.dac-modal-header-close:before, .paging-links .dac-close-black.prev-page-link:before, .paging-links .dac-close-black.next-page-link:before, .paging-links .dac-close-black.next-class-link:before, .paging-links .dac-close-black.start-class-link:after { 97542124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -89px; 97552124a924611bb8104658053bb5345b853f93a626Scott Main height: 14px; 97562124a924611bb8104658053bb5345b853f93a626Scott Main width: 14px; } 97572124a924611bb8104658053bb5345b853f93a626Scott Main 97582124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-close-video-white, .dac-modal-header-close:before, .paging-links .dac-close-video-white.prev-page-link:before, .paging-links .prev-page-link.dac-modal-header-close:before, .paging-links .dac-close-video-white.next-page-link:before, .paging-links .next-page-link.dac-modal-header-close:before, .paging-links .dac-close-video-white.next-class-link:before, .paging-links .next-class-link.dac-modal-header-close:before, .paging-links .dac-close-video-white.start-class-link:after { 97592124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -435px; 97602124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 97612124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 97622124a924611bb8104658053bb5345b853f93a626Scott Main 97632124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-close, .dac-close.dac-modal-header-close:before, .paging-links .dac-close.prev-page-link:before, .paging-links .dac-close.next-page-link:before, .paging-links .dac-close.next-class-link:before, .paging-links .dac-close.start-class-link:after { 97642124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -27px; 97652124a924611bb8104658053bb5345b853f93a626Scott Main height: 12px; 97662124a924611bb8104658053bb5345b853f93a626Scott Main width: 12px; } 97672124a924611bb8104658053bb5345b853f93a626Scott Main 97682124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-enlarge-video-white, .dac-enlarge-video-white.dac-modal-header-close:before, .paging-links .dac-enlarge-video-white.prev-page-link:before, .paging-links .dac-enlarge-video-white.next-page-link:before, .paging-links .dac-enlarge-video-white.next-class-link:before, .paging-links .dac-enlarge-video-white.start-class-link:after { 97692124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -409px; 97702124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 97712124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 97722124a924611bb8104658053bb5345b853f93a626Scott Main 97732124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-expand-less-black, .dac-expand-less-black.dac-modal-header-close:before, .paging-links .dac-expand-less-black.prev-page-link:before, .paging-links .dac-expand-less-black.next-page-link:before, .paging-links .dac-expand-less-black.next-class-link:before, .paging-links .dac-expand-less-black.start-class-link:after { 97742124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -383px; 97752124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 97762124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 97772124a924611bb8104658053bb5345b853f93a626Scott Main 97782124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-expand-more-black, .dac-expand-more-black.dac-modal-header-close:before, .paging-links .dac-expand-more-black.prev-page-link:before, .paging-links .dac-expand-more-black.next-page-link:before, .paging-links .dac-expand-more-black.next-class-link:before, .paging-links .dac-expand-more-black.start-class-link:after { 97792124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -357px; 97802124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 97812124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 97822124a924611bb8104658053bb5345b853f93a626Scott Main 97832124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-fullscreen-exit, .dac-fullscreen-exit.dac-modal-header-close:before, .paging-links .dac-fullscreen-exit.prev-page-link:before, .paging-links .dac-fullscreen-exit.next-page-link:before, .paging-links .dac-fullscreen-exit.next-class-link:before, .paging-links .dac-fullscreen-exit.start-class-link:after { 97842124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -331px; 97852124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 97862124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 97872124a924611bb8104658053bb5345b853f93a626Scott Main 97882124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-fullscreen, .dac-fullscreen.dac-modal-header-close:before, .paging-links .dac-fullscreen.prev-page-link:before, .paging-links .dac-fullscreen.next-page-link:before, .paging-links .dac-fullscreen.next-class-link:before, .paging-links .dac-fullscreen.start-class-link:after { 97892124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -279px; 97902124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 97912124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 97922124a924611bb8104658053bb5345b853f93a626Scott Main 97932124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-google-play, .dac-google-play.dac-modal-header-close:before, .paging-links .dac-google-play.prev-page-link:before, .paging-links .dac-google-play.next-page-link:before, .paging-links .dac-google-play.next-class-link:before, .paging-links .dac-google-play.start-class-link:after { 97942124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -235px; 97952124a924611bb8104658053bb5345b853f93a626Scott Main height: 20px; 97962124a924611bb8104658053bb5345b853f93a626Scott Main width: 17px; } 97972124a924611bb8104658053bb5345b853f93a626Scott Main 97982124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-gplus, .dac-gplus.dac-modal-header-close:before, .paging-links .dac-gplus.prev-page-link:before, .paging-links .dac-gplus.next-page-link:before, .paging-links .dac-gplus.next-class-link:before, .paging-links .dac-gplus.start-class-link:after { 97992124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -809px; 98002124a924611bb8104658053bb5345b853f93a626Scott Main height: 36px; 98012124a924611bb8104658053bb5345b853f93a626Scott Main width: 36px; } 98022124a924611bb8104658053bb5345b853f93a626Scott Main 98032124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-mail, .dac-mail.dac-modal-header-close:before, .paging-links .dac-mail.prev-page-link:before, .paging-links .dac-mail.next-page-link:before, .paging-links .dac-mail.next-class-link:before, .paging-links .dac-mail.start-class-link:after { 98042124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -13px; 98052124a924611bb8104658053bb5345b853f93a626Scott Main height: 12px; 98062124a924611bb8104658053bb5345b853f93a626Scott Main width: 16px; } 98072124a924611bb8104658053bb5345b853f93a626Scott Main 98082124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-nav-back-blue, .dac-nav-back-blue.dac-modal-header-close:before, .paging-links .prev-page-link:before, .paging-links .dac-nav-back-blue.next-page-link:before, .paging-links .dac-nav-back-blue.next-class-link:before, .paging-links .dac-nav-back-blue.start-class-link:after { 98092124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -105px; 98102124a924611bb8104658053bb5345b853f93a626Scott Main height: 16px; 98112124a924611bb8104658053bb5345b853f93a626Scott Main width: 16px; } 98122124a924611bb8104658053bb5345b853f93a626Scott Main 98132124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-nav-back, .dac-nav-back.dac-modal-header-close:before, .paging-links .dac-nav-back.prev-page-link:before, .paging-links .dac-nav-back.next-page-link:before, .paging-links .dac-nav-back.next-class-link:before, .paging-links .dac-nav-back.start-class-link:after { 98142124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -177px; 98152124a924611bb8104658053bb5345b853f93a626Scott Main height: 16px; 98162124a924611bb8104658053bb5345b853f93a626Scott Main width: 16px; } 98172124a924611bb8104658053bb5345b853f93a626Scott Main 98182124a924611bb8104658053bb5345b853f93a626Scott Main/* The back button in Studio and NDK left nav */ 98192124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nav-back-button.back-to-dev .dac-sprite.dac-nav-back { 98202124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -884px; 98212124a924611bb8104658053bb5345b853f93a626Scott Main height: 16px; 98222124a924611bb8104658053bb5345b853f93a626Scott Main width: 16px; 98232124a924611bb8104658053bb5345b853f93a626Scott Main} 98242124a924611bb8104658053bb5345b853f93a626Scott Main 98252124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-nav-forward-blue, .dac-nav-forward-blue.dac-modal-header-close:before, .paging-links .dac-nav-forward-blue.prev-page-link:before, .paging-links .next-page-link:before, .paging-links .next-class-link:before, .paging-links .start-class-link:after { 98262124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -159px; 98272124a924611bb8104658053bb5345b853f93a626Scott Main height: 16px; 98282124a924611bb8104658053bb5345b853f93a626Scott Main width: 16px; } 98292124a924611bb8104658053bb5345b853f93a626Scott Main 98302124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-nav-forward, .dac-nav-forward.dac-modal-header-close:before, .paging-links .dac-nav-forward.prev-page-link:before, .paging-links .dac-nav-forward.next-page-link:before, .paging-links .dac-nav-forward.next-class-link:before, .paging-links .dac-nav-forward.start-class-link:after { 98312124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -141px; 98322124a924611bb8104658053bb5345b853f93a626Scott Main height: 16px; 98332124a924611bb8104658053bb5345b853f93a626Scott Main width: 16px; } 98342124a924611bb8104658053bb5345b853f93a626Scott Main 98352124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-open-in-new, .dac-open-in-new.dac-modal-header-close:before, .paging-links .dac-open-in-new.prev-page-link:before, .paging-links .dac-open-in-new.next-page-link:before, .paging-links .dac-open-in-new.next-class-link:before, .paging-links .dac-open-in-new.start-class-link:after { 98362124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -195px; 98372124a924611bb8104658053bb5345b853f93a626Scott Main height: 18px; 98382124a924611bb8104658053bb5345b853f93a626Scott Main width: 18px; } 98392124a924611bb8104658053bb5345b853f93a626Scott Main 98402124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-picture-in-picture-white, .dac-picture-in-picture-white.dac-modal-header-close:before, .paging-links .dac-picture-in-picture-white.prev-page-link:before, .paging-links .dac-picture-in-picture-white.next-page-link:before, .paging-links .dac-picture-in-picture-white.next-class-link:before, .paging-links .dac-picture-in-picture-white.start-class-link:after { 98412124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -461px; 98422124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 98432124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 98442124a924611bb8104658053bb5345b853f93a626Scott Main 98452124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-play-circle-grey, .dac-play-circle-grey.dac-modal-header-close:before, .paging-links .dac-play-circle-grey.prev-page-link:before, .paging-links .dac-play-circle-grey.next-page-link:before, .paging-links .dac-play-circle-grey.next-class-link:before, .paging-links .dac-play-circle-grey.start-class-link:after { 98462124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -733px; 98472124a924611bb8104658053bb5345b853f93a626Scott Main height: 36px; 98482124a924611bb8104658053bb5345b853f93a626Scott Main width: 36px; } 98492124a924611bb8104658053bb5345b853f93a626Scott Main 98502124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-play-circle-white, .dac-play-circle-white.dac-modal-header-close:before, .paging-links .dac-play-circle-white.prev-page-link:before, .paging-links .dac-play-circle-white.next-page-link:before, .paging-links .dac-play-circle-white.next-class-link:before, .paging-links .dac-play-circle-white.start-class-link:after { 98512124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -847px; 98522124a924611bb8104658053bb5345b853f93a626Scott Main height: 36px; 98532124a924611bb8104658053bb5345b853f93a626Scott Main width: 36px; } 98542124a924611bb8104658053bb5345b853f93a626Scott Main 98552124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-play-white, .dac-play-white.dac-modal-header-close:before, .paging-links .dac-play-white.prev-page-link:before, .paging-links .dac-play-white.next-page-link:before, .paging-links .dac-play-white.next-class-link:before, .paging-links .dac-play-white.start-class-link:after { 98562124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -257px; 98572124a924611bb8104658053bb5345b853f93a626Scott Main height: 20px; 98582124a924611bb8104658053bb5345b853f93a626Scott Main width: 16px; } 98592124a924611bb8104658053bb5345b853f93a626Scott Main 98602124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-rss, .dac-rss.dac-modal-header-close:before, .paging-links .dac-rss.prev-page-link:before, .paging-links .dac-rss.next-page-link:before, .paging-links .dac-rss.next-class-link:before, .paging-links .dac-rss.start-class-link:after { 98612124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -41px; 98622124a924611bb8104658053bb5345b853f93a626Scott Main height: 14px; 98632124a924611bb8104658053bb5345b853f93a626Scott Main width: 14px; } 98642124a924611bb8104658053bb5345b853f93a626Scott Main 98652124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-search-white, .dac-search-white.dac-modal-header-close:before, .paging-links .dac-search-white.prev-page-link:before, .paging-links .dac-search-white.next-page-link:before, .paging-links .dac-search-white.next-class-link:before, .paging-links .dac-search-white.start-class-link:after { 98662124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -591px; 98672124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 98682124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 98692124a924611bb8104658053bb5345b853f93a626Scott Main 98702124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-search, .dac-search.dac-modal-header-close:before, .paging-links .dac-search.prev-page-link:before, .paging-links .dac-search.next-page-link:before, .paging-links .dac-search.next-class-link:before, .paging-links .dac-search.start-class-link:after { 98712124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -617px; 98722124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 98732124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 98742124a924611bb8104658053bb5345b853f93a626Scott Main 98752124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-star-outline, .dac-star-outline.dac-modal-header-close:before, .paging-links .dac-star-outline.prev-page-link:before, .paging-links .dac-star-outline.next-page-link:before, .paging-links .dac-star-outline.next-class-link:before, .paging-links .dac-star-outline.start-class-link:after { 98762124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -643px; 98772124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 98782124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 98792124a924611bb8104658053bb5345b853f93a626Scott Main 98802124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-twitter, .dac-twitter.dac-modal-header-close:before, .paging-links .dac-twitter.prev-page-link:before, .paging-links .dac-twitter.next-page-link:before, .paging-links .dac-twitter.next-class-link:before, .paging-links .dac-twitter.start-class-link:after { 98812124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -73px; 98822124a924611bb8104658053bb5345b853f93a626Scott Main height: 14px; 98832124a924611bb8104658053bb5345b853f93a626Scott Main width: 16px; } 98842124a924611bb8104658053bb5345b853f93a626Scott Main 98852124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-unfold-less-white, .dac-unfold-less-white.dac-modal-header-close:before, .paging-links .dac-unfold-less-white.prev-page-link:before, .paging-links .dac-unfold-less-white.next-page-link:before, .paging-links .dac-unfold-less-white.next-class-link:before, .paging-links .dac-unfold-less-white.start-class-link:after { 98862124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -565px; 98872124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 98882124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 98892124a924611bb8104658053bb5345b853f93a626Scott Main 98902124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-unfold-less, .dac-unfold-less.dac-modal-header-close:before, .paging-links .dac-unfold-less.prev-page-link:before, .paging-links .dac-unfold-less.next-page-link:before, .paging-links .dac-unfold-less.next-class-link:before, .paging-links .dac-unfold-less.start-class-link:after { 98912124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -487px; 98922124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 98932124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 98942124a924611bb8104658053bb5345b853f93a626Scott Main 98952124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-unfold-more-white, .dac-unfold-more-white.dac-modal-header-close:before, .paging-links .dac-unfold-more-white.prev-page-link:before, .paging-links .dac-unfold-more-white.next-page-link:before, .paging-links .dac-unfold-more-white.next-class-link:before, .paging-links .dac-unfold-more-white.start-class-link:after { 98962124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -305px; 98972124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 98982124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 98992124a924611bb8104658053bb5345b853f93a626Scott Main 99002124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-unfold-more, .dac-unfold-more.dac-modal-header-close:before, .paging-links .dac-unfold-more.prev-page-link:before, .paging-links .dac-unfold-more.next-page-link:before, .paging-links .dac-unfold-more.next-class-link:before, .paging-links .dac-unfold-more.start-class-link:after { 99012124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -539px; 99022124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 99032124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; } 99042124a924611bb8104658053bb5345b853f93a626Scott Main 99052124a924611bb8104658053bb5345b853f93a626Scott Main.dac-sprite.dac-youtube, .dac-youtube.dac-modal-header-close:before, .paging-links .dac-youtube.prev-page-link:before, .paging-links .dac-youtube.next-page-link:before, .paging-links .dac-youtube.next-class-link:before, .paging-links .dac-youtube.start-class-link:after { 99062124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -57px; 99072124a924611bb8104658053bb5345b853f93a626Scott Main height: 14px; 99082124a924611bb8104658053bb5345b853f93a626Scott Main width: 18px; } 99092124a924611bb8104658053bb5345b853f93a626Scott Main 99102124a924611bb8104658053bb5345b853f93a626Scott Main/* Toast Component */ 99112124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toast { 99122124a924611bb8104658053bb5345b853f93a626Scott Main background: #ffebc3; 99132124a924611bb8104658053bb5345b853f93a626Scott Main border-top: 1px solid #e5d4a1; 99142124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 99152124a924611bb8104658053bb5345b853f93a626Scott Main color: rgba(0, 0, 0, .87); 99162124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 1.4; 99172124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px; 99182124a924611bb8104658053bb5345b853f93a626Scott Main} 99192124a924611bb8104658053bb5345b853f93a626Scott Main 99202124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toast.dac-visible { 99212124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 99222124a924611bb8104658053bb5345b853f93a626Scott Main} 99232124a924611bb8104658053bb5345b853f93a626Scott Main 99242124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toast-wrap { 99252124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 99262124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 auto; 99272124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 940px; 99282124a924611bb8104658053bb5345b853f93a626Scott Main padding-right: 20px; 99292124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 99302124a924611bb8104658053bb5345b853f93a626Scott Main} 99312124a924611bb8104658053bb5345b853f93a626Scott Main 99322124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toast-close-btn { 99332124a924611bb8104658053bb5345b853f93a626Scott Main background-color: transparent; 99342124a924611bb8104658053bb5345b853f93a626Scott Main border: none; 99352124a924611bb8104658053bb5345b853f93a626Scott Main border-radius: 0; 99362124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 99372124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .4; 99382124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 99392124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 99402124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 99412124a924611bb8104658053bb5345b853f93a626Scott Main top: -2px; 99422124a924611bb8104658053bb5345b853f93a626Scott Main} 99432124a924611bb8104658053bb5345b853f93a626Scott Main 99442124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toast-close-btn:hover, 99452124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toast-close-btn:focus, 99462124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toast-close-btn:active { 99472124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 1; 99482124a924611bb8104658053bb5345b853f93a626Scott Main outline: none; 99492124a924611bb8104658053bb5345b853f93a626Scott Main} 99502124a924611bb8104658053bb5345b853f93a626Scott Main 99512124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toast-close-btn .dac-button.dac-raised.dac-primary{ 99522124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 99532124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 99542124a924611bb8104658053bb5345b853f93a626Scott Main} 99552124a924611bb8104658053bb5345b853f93a626Scott Main 99562124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toast-group { 99572124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 99582124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 99592124a924611bb8104658053bb5345b853f93a626Scott Main position: fixed; 99602124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 99612124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 60; 99622124a924611bb8104658053bb5345b853f93a626Scott Main} 99632124a924611bb8104658053bb5345b853f93a626Scott Main 99642124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toast.dac-danger { 99652124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #ffccbc; 99662124a924611bb8104658053bb5345b853f93a626Scott Main border-top-color: #e5b7a9; 99672124a924611bb8104658053bb5345b853f93a626Scott Main} 99682124a924611bb8104658053bb5345b853f93a626Scott Main 99692124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toast.dac-success { 99702124a924611bb8104658053bb5345b853f93a626Scott Main background-color: #cdedc8; 99712124a924611bb8104658053bb5345b853f93a626Scott Main border-top-color: #c6d5b4; 99722124a924611bb8104658053bb5345b853f93a626Scott Main} 99732124a924611bb8104658053bb5345b853f93a626Scott Main 99742124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 99752124a924611bb8104658053bb5345b853f93a626Scott Main .dac-toast-close-btn { 99762124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 99772124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 99782124a924611bb8104658053bb5345b853f93a626Scott Main margin: 10px 0 0; 99792124a924611bb8104658053bb5345b853f93a626Scott Main display: block; 99802124a924611bb8104658053bb5345b853f93a626Scott Main } 99812124a924611bb8104658053bb5345b853f93a626Scott Main} 99822124a924611bb8104658053bb5345b853f93a626Scott Main 99832124a924611bb8104658053bb5345b853f93a626Scott Main.dac-tab-item { 99842124a924611bb8104658053bb5345b853f93a626Scott Main box-sizing: border-box; 99852124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 99862124a924611bb8104658053bb5345b853f93a626Scott Main display: table-cell; 99872124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; 99882124a924611bb8104658053bb5345b853f93a626Scott Main padding: 8px 12px; 99892124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 99902124a924611bb8104658053bb5345b853f93a626Scott Main text-align: left; } 99912124a924611bb8104658053bb5345b853f93a626Scott Main @media (max-width: 719px) { 99922124a924611bb8104658053bb5345b853f93a626Scott Main .dac-tab-item { 99932124a924611bb8104658053bb5345b853f93a626Scott Main padding-right: 12px; 99942124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 99952124a924611bb8104658053bb5345b853f93a626Scott Main width: 33.33333333%; } } 99962124a924611bb8104658053bb5345b853f93a626Scott Main 99972124a924611bb8104658053bb5345b853f93a626Scott Main.dac-tab-title { 99982124a924611bb8104658053bb5345b853f93a626Scott Main color: #333; 99992124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 100002124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 100012124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 100022124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; } 100032124a924611bb8104658053bb5345b853f93a626Scott Main 100042124a924611bb8104658053bb5345b853f93a626Scott Main.dac-tab-arrow { 100052124a924611bb8104658053bb5345b853f93a626Scott Main margin-top: -2px; } 100062124a924611bb8104658053bb5345b853f93a626Scott Main @media (max-width: 719px) { 100072124a924611bb8104658053bb5345b853f93a626Scott Main .dac-tab-arrow { 100082124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 100092124a924611bb8104658053bb5345b853f93a626Scott Main visibility: hidden; } } 100102124a924611bb8104658053bb5345b853f93a626Scott Main 100112124a924611bb8104658053bb5345b853f93a626Scott Main.dac-tab-bar { 100122124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 100132124a924611bb8104658053bb5345b853f93a626Scott Main list-style-type: none; 100142124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 0 12px; 100152124a924611bb8104658053bb5345b853f93a626Scott Main vertical-align: middle; 100162124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; } 100172124a924611bb8104658053bb5345b853f93a626Scott Main @media (max-width: 719px) { 100182124a924611bb8104658053bb5345b853f93a626Scott Main .dac-tab-bar { 100192124a924611bb8104658053bb5345b853f93a626Scott Main display: table; 100202124a924611bb8104658053bb5345b853f93a626Scott Main margin-left: 0; 100212124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; } } 100222124a924611bb8104658053bb5345b853f93a626Scott Main 100232124a924611bb8104658053bb5345b853f93a626Scott Main.dac-tab-views { 100242124a924611bb8104658053bb5345b853f93a626Scott Main list-style-type: none; 100252124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0; } 100262124a924611bb8104658053bb5345b853f93a626Scott Main 100272124a924611bb8104658053bb5345b853f93a626Scott Main.dac-tab-view { 100282124a924611bb8104658053bb5345b853f93a626Scott Main background: #fff; 100292124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 100302124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 100312124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 0 10px; 100322124a924611bb8104658053bb5345b853f93a626Scott Main padding: 20px 10px 0; 100332124a924611bb8104658053bb5345b853f93a626Scott Main text-align: left; } 100342124a924611bb8104658053bb5345b853f93a626Scott Main 100352124a924611bb8104658053bb5345b853f93a626Scott Main.dac-tab-item.dac-active { 100362124a924611bb8104658053bb5345b853f93a626Scott Main background: #fff; } 100372124a924611bb8104658053bb5345b853f93a626Scott Main 100382124a924611bb8104658053bb5345b853f93a626Scott Main.dac-tab-item.dac-active .dac-tab-arrow { 100392124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: scaleY(-1); 100402124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform: scaleY(-1); 100412124a924611bb8104658053bb5345b853f93a626Scott Main transform: scaleY(-1); } 100422124a924611bb8104658053bb5345b853f93a626Scott Main 100432124a924611bb8104658053bb5345b853f93a626Scott Main.dac-tab-view.dac-active { 100442124a924611bb8104658053bb5345b853f93a626Scott Main display: block; } 100452124a924611bb8104658053bb5345b853f93a626Scott Main 100462124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toggle-expand { 100472124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 100482124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; } 100492124a924611bb8104658053bb5345b853f93a626Scott Main 100502124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toggle-collapse { 100512124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 100522124a924611bb8104658053bb5345b853f93a626Scott Main display: none; } 100532124a924611bb8104658053bb5345b853f93a626Scott Main 100542124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toggle.is-expanded .dac-toggle-expand { 100552124a924611bb8104658053bb5345b853f93a626Scott Main display: none; } 100562124a924611bb8104658053bb5345b853f93a626Scott Main 100572124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toggle.is-expanded .dac-toggle-collapse { 100582124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; } 100592124a924611bb8104658053bb5345b853f93a626Scott Main 100602124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toggle-content { 100612124a924611bb8104658053bb5345b853f93a626Scott Main clear: left; 100622124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 100632124a924611bb8104658053bb5345b853f93a626Scott Main max-height: 0; 100642124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: .3s max-height; 100652124a924611bb8104658053bb5345b853f93a626Scott Main transition: .3s max-height; } 100662124a924611bb8104658053bb5345b853f93a626Scott Main 100672124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toggle.is-expanded .dac-toggle-content { 100682124a924611bb8104658053bb5345b853f93a626Scott Main max-height: none; } 100692124a924611bb8104658053bb5345b853f93a626Scott Main 100702124a924611bb8104658053bb5345b853f93a626Scott Main.dac-toggle.dac-mobile .dac-toggle-content { 100712124a924611bb8104658053bb5345b853f93a626Scott Main max-height: none; } 100722124a924611bb8104658053bb5345b853f93a626Scott Main 100732124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 100742124a924611bb8104658053bb5345b853f93a626Scott Main .dac-toggle.dac-mobile .dac-toggle-content { 100752124a924611bb8104658053bb5345b853f93a626Scott Main max-height: 0; } 100762124a924611bb8104658053bb5345b853f93a626Scott Main .dac-toggle.is-expanded .dac-toggle-content { 100772124a924611bb8104658053bb5345b853f93a626Scott Main max-height: none; } } 100782124a924611bb8104658053bb5345b853f93a626Scott Main 100792124a924611bb8104658053bb5345b853f93a626Scott Main/** 100802124a924611bb8104658053bb5345b853f93a626Scott Main * Fades out an element. 100812124a924611bb8104658053bb5345b853f93a626Scott Main * Applies visibility hidden when the transition is finished. 100822124a924611bb8104658053bb5345b853f93a626Scott Main * 100832124a924611bb8104658053bb5345b853f93a626Scott Main * Use opacity: 1; to show the element. 100842124a924611bb8104658053bb5345b853f93a626Scott Main */ 100852124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-mobile-block, .dac-mobile-only, 100862124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-mobile-inline, 100872124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-mobile-inline-block, 100882124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-tablet-block, 100892124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-tablet-inline, 100902124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-tablet-inline-block, 100912124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-desktop-block, 100922124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-desktop-inline, 100932124a924611bb8104658053bb5345b853f93a626Scott Main.dac-visible-desktop-inline-block { 100942124a924611bb8104658053bb5345b853f93a626Scott Main display: none !important; } 100952124a924611bb8104658053bb5345b853f93a626Scott Main 100962124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 100972124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hidden-mobile { 100982124a924611bb8104658053bb5345b853f93a626Scott Main display: none !important; } 100992124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-mobile-block, .dac-mobile-only { 101002124a924611bb8104658053bb5345b853f93a626Scott Main display: block !important; } 101012124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-mobile-inline { 101022124a924611bb8104658053bb5345b853f93a626Scott Main display: inline !important; } 101032124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-mobile-inline-block { 101042124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block !important; } } 101052124a924611bb8104658053bb5345b853f93a626Scott Main 101062124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 720px) and (max-width: 979px) { 101072124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hidden-tablet { 101082124a924611bb8104658053bb5345b853f93a626Scott Main display: none !important; } 101092124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-tablet-block { 101102124a924611bb8104658053bb5345b853f93a626Scott Main display: block !important; } 101112124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-tablet-inline { 101122124a924611bb8104658053bb5345b853f93a626Scott Main display: inline !important; } 101132124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-tablet-inline-block { 101142124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block !important; } } 101152124a924611bb8104658053bb5345b853f93a626Scott Main 101162124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 980px) { 101172124a924611bb8104658053bb5345b853f93a626Scott Main .dac-hidden-desktop { 101182124a924611bb8104658053bb5345b853f93a626Scott Main display: none !important; } 101192124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-desktop-block { 101202124a924611bb8104658053bb5345b853f93a626Scott Main display: block !important; } 101212124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-desktop-inline { 101222124a924611bb8104658053bb5345b853f93a626Scott Main display: inline !important; } 101232124a924611bb8104658053bb5345b853f93a626Scott Main .dac-visible-desktop-inline-block { 101242124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block !important; } } 101252124a924611bb8104658053bb5345b853f93a626Scott Main 101262124a924611bb8104658053bb5345b853f93a626Scott Main.dac-offset-parent { 101272124a924611bb8104658053bb5345b853f93a626Scott Main position: relative !important; } 101282124a924611bb8104658053bb5345b853f93a626Scott Main 101292124a924611bb8104658053bb5345b853f93a626Scott Main/** 101302124a924611bb8104658053bb5345b853f93a626Scott Main * Hide from browsers/screenreaders on all sizes. 101312124a924611bb8104658053bb5345b853f93a626Scott Main */ 101322124a924611bb8104658053bb5345b853f93a626Scott Main.dac-hidden { 101332124a924611bb8104658053bb5345b853f93a626Scott Main display: none !important; } 101342124a924611bb8104658053bb5345b853f93a626Scott Main 101352124a924611bb8104658053bb5345b853f93a626Scott Main/** 101362124a924611bb8104658053bb5345b853f93a626Scott Main * Break strings when their length exceeds the width of their container. 101372124a924611bb8104658053bb5345b853f93a626Scott Main */ 101382124a924611bb8104658053bb5345b853f93a626Scott Main.dac-text-break { 101392124a924611bb8104658053bb5345b853f93a626Scott Main word-wrap: break-word !important; } 101402124a924611bb8104658053bb5345b853f93a626Scott Main 101412124a924611bb8104658053bb5345b853f93a626Scott Main/** 101422124a924611bb8104658053bb5345b853f93a626Scott Main * Horizontal text alignment 101432124a924611bb8104658053bb5345b853f93a626Scott Main */ 101442124a924611bb8104658053bb5345b853f93a626Scott Main.dac-text-center { 101452124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center !important; } 101462124a924611bb8104658053bb5345b853f93a626Scott Main 101472124a924611bb8104658053bb5345b853f93a626Scott Main.dac-text-left { 101482124a924611bb8104658053bb5345b853f93a626Scott Main text-align: left !important; } 101492124a924611bb8104658053bb5345b853f93a626Scott Main 101502124a924611bb8104658053bb5345b853f93a626Scott Main.dac-text-right { 101512124a924611bb8104658053bb5345b853f93a626Scott Main text-align: right !important; } 101522124a924611bb8104658053bb5345b853f93a626Scott Main 101532124a924611bb8104658053bb5345b853f93a626Scott Main/** 101542124a924611bb8104658053bb5345b853f93a626Scott Main * Prevent whitespace wrapping 101552124a924611bb8104658053bb5345b853f93a626Scott Main */ 101562124a924611bb8104658053bb5345b853f93a626Scott Main.dac-text-no-wrap { 101572124a924611bb8104658053bb5345b853f93a626Scott Main white-space: nowrap !important; } 101582124a924611bb8104658053bb5345b853f93a626Scott Main 101592124a924611bb8104658053bb5345b853f93a626Scott Main/** 101602124a924611bb8104658053bb5345b853f93a626Scott Main * Prevent text from wrapping onto multiple lines, instead truncate with an ellipsis. 101612124a924611bb8104658053bb5345b853f93a626Scott Main */ 101622124a924611bb8104658053bb5345b853f93a626Scott Main.dac-text-truncate { 101632124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 100%; 101642124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden !important; 101652124a924611bb8104658053bb5345b853f93a626Scott Main text-overflow: ellipsis !important; 101662124a924611bb8104658053bb5345b853f93a626Scott Main white-space: nowrap !important; 101672124a924611bb8104658053bb5345b853f93a626Scott Main word-wrap: normal !important; } 101682124a924611bb8104658053bb5345b853f93a626Scott Main 101692124a924611bb8104658053bb5345b853f93a626Scott Main/** 101702124a924611bb8104658053bb5345b853f93a626Scott Main * Floats 101712124a924611bb8104658053bb5345b853f93a626Scott Main */ 101722124a924611bb8104658053bb5345b853f93a626Scott Main.dac-float-left { 101732124a924611bb8104658053bb5345b853f93a626Scott Main float: left !important; } 101742124a924611bb8104658053bb5345b853f93a626Scott Main 101752124a924611bb8104658053bb5345b853f93a626Scott Main.dac-float-right { 101762124a924611bb8104658053bb5345b853f93a626Scott Main float: right !important; } 101772124a924611bb8104658053bb5345b853f93a626Scott Main 101782124a924611bb8104658053bb5345b853f93a626Scott Main/** 101792124a924611bb8104658053bb5345b853f93a626Scott Main * New block formatting context 101802124a924611bb8104658053bb5345b853f93a626Scott Main * 101812124a924611bb8104658053bb5345b853f93a626Scott Main * This affords some useful properties to the element. It won't wrap under 101822124a924611bb8104658053bb5345b853f93a626Scott Main * floats. Will also contain any floated children. 101832124a924611bb8104658053bb5345b853f93a626Scott Main * N.B. This will clip overflow. Use the alternative method below if this is 101842124a924611bb8104658053bb5345b853f93a626Scott Main * problematic. 101852124a924611bb8104658053bb5345b853f93a626Scott Main */ 101862124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nbfc { 101872124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden !important; 101882124a924611bb8104658053bb5345b853f93a626Scott Main} 101892124a924611bb8104658053bb5345b853f93a626Scott Main 101902124a924611bb8104658053bb5345b853f93a626Scott Main/** 101912124a924611bb8104658053bb5345b853f93a626Scott Main * New block formatting context (alternative) 101922124a924611bb8104658053bb5345b853f93a626Scott Main * 101932124a924611bb8104658053bb5345b853f93a626Scott Main * Alternative method when overflow must not be clipped. 101942124a924611bb8104658053bb5345b853f93a626Scott Main * 101952124a924611bb8104658053bb5345b853f93a626Scott Main * N.B. This breaks down in some browsers when elements within this element 101962124a924611bb8104658053bb5345b853f93a626Scott Main * exceed its width. 101972124a924611bb8104658053bb5345b853f93a626Scott Main */ 101982124a924611bb8104658053bb5345b853f93a626Scott Main.dac-nbfc-alt { 101992124a924611bb8104658053bb5345b853f93a626Scott Main display: table-cell !important; 102002124a924611bb8104658053bb5345b853f93a626Scott Main width: 10000px !important; 102012124a924611bb8104658053bb5345b853f93a626Scott Main} 102022124a924611bb8104658053bb5345b853f93a626Scott Main 102032124a924611bb8104658053bb5345b853f93a626Scott Main.Video { 102042124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 102052124a924611bb8104658053bb5345b853f93a626Scott Main} 102062124a924611bb8104658053bb5345b853f93a626Scott Main 102072124a924611bb8104658053bb5345b853f93a626Scott Main.Video-overlay { 102082124a924611bb8104658053bb5345b853f93a626Scott Main background-color: rgba(0, 0, 0, 0.8); 102092124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 102102124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 102112124a924611bb8104658053bb5345b853f93a626Scott Main position: fixed; 102122124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 102132124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 102142124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 9999; 102152124a924611bb8104658053bb5345b853f93a626Scott Main} 102162124a924611bb8104658053bb5345b853f93a626Scott Main 102172124a924611bb8104658053bb5345b853f93a626Scott Main.Video-container { 102182124a924611bb8104658053bb5345b853f93a626Scott Main width: 90vw; 102192124a924611bb8104658053bb5345b853f93a626Scott Main height: 50.625vw; 102202124a924611bb8104658053bb5345b853f93a626Scott Main max-height: calc(90vh - 29.25px); 102212124a924611bb8104658053bb5345b853f93a626Scott Main max-width: calc(160vh - 52px); 102222124a924611bb8104658053bb5345b853f93a626Scott Main margin: auto; 102232124a924611bb8104658053bb5345b853f93a626Scott Main position: fixed; 102242124a924611bb8104658053bb5345b853f93a626Scott Main top: -52px; 102252124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 102262124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 102272124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 102282124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 9999; 102292124a924611bb8104658053bb5345b853f93a626Scott Main} 102302124a924611bb8104658053bb5345b853f93a626Scott Main 102312124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 1422.22222222px) and (min-height: 800px) { 102322124a924611bb8104658053bb5345b853f93a626Scott Main .Video-container { 102332124a924611bb8104658053bb5345b853f93a626Scott Main width: 1280px; 102342124a924611bb8104658053bb5345b853f93a626Scott Main height: 720px; 102352124a924611bb8104658053bb5345b853f93a626Scott Main } 102362124a924611bb8104658053bb5345b853f93a626Scott Main} 102372124a924611bb8104658053bb5345b853f93a626Scott Main 102382124a924611bb8104658053bb5345b853f93a626Scott Main.Video-controls { 102392124a924611bb8104658053bb5345b853f93a626Scott Main background: #28655F; 102402124a924611bb8104658053bb5345b853f93a626Scott Main height: 52px; 102412124a924611bb8104658053bb5345b853f93a626Scott Main margin: 0 auto; 102422124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 102432124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 2px 3px 12px 0px rgba(0, 0, 0, 0.4); 102442124a924611bb8104658053bb5345b853f93a626Scott Main} 102452124a924611bb8104658053bb5345b853f93a626Scott Main 102462124a924611bb8104658053bb5345b853f93a626Scott Main.Video-frame { 102472124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 102482124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 102492124a924611bb8104658053bb5345b853f93a626Scott Main background: black; 102502124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 2px 3px 12px 0px rgba(0, 0, 0, 0.4); 102512124a924611bb8104658053bb5345b853f93a626Scott Main} 102522124a924611bb8104658053bb5345b853f93a626Scott Main 102532124a924611bb8104658053bb5345b853f93a626Scott Main.Video-loading { 102542124a924611bb8104658053bb5345b853f93a626Scott Main color: rgba(255, 255, 255, 0.35); 102552124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 16px; 102562124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 102572124a924611bb8104658053bb5345b853f93a626Scott Main top: 50%; 102582124a924611bb8104658053bb5345b853f93a626Scott Main left: 50%; 102592124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transform: translate(-50%, -50%); 102602124a924611bb8104658053bb5345b853f93a626Scott Main -ms-transform: translate(-50%, -50%); 102612124a924611bb8104658053bb5345b853f93a626Scott Main transform: translate(-50%, -50%); 102622124a924611bb8104658053bb5345b853f93a626Scott Main} 102632124a924611bb8104658053bb5345b853f93a626Scott Main 102642124a924611bb8104658053bb5345b853f93a626Scott Main#youTubePlayer { 102652124a924611bb8104658053bb5345b853f93a626Scott Main max-height: 720px; 102662124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 102672124a924611bb8104658053bb5345b853f93a626Scott Main top: 0; 102682124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 102692124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 0; 102702124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 102712124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 102722124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 102732124a924611bb8104658053bb5345b853f93a626Scott Main} 102742124a924611bb8104658053bb5345b853f93a626Scott Main 102752124a924611bb8104658053bb5345b853f93a626Scott Main.Video-button { 102762124a924611bb8104658053bb5345b853f93a626Scott Main background-color: transparent; 102772124a924611bb8104658053bb5345b853f93a626Scott Main border: none; 102782124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 102792124a924611bb8104658053bb5345b853f93a626Scott Main height: 100%; 102802124a924611bb8104658053bb5345b853f93a626Scott Main width: 52px; 102812124a924611bb8104658053bb5345b853f93a626Scott Main outline: none; 102822124a924611bb8104658053bb5345b853f93a626Scott Main cursor: pointer; 102832124a924611bb8104658053bb5345b853f93a626Scott Main -webkit-transition: opacity 200ms; 102842124a924611bb8104658053bb5345b853f93a626Scott Main transition: opacity 200ms; 102852124a924611bb8104658053bb5345b853f93a626Scott Main} 102862124a924611bb8104658053bb5345b853f93a626Scott Main 102872124a924611bb8104658053bb5345b853f93a626Scott Main.Video-button:hover { 102882124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0.8; 102892124a924611bb8104658053bb5345b853f93a626Scott Main} 102902124a924611bb8104658053bb5345b853f93a626Scott Main 102912124a924611bb8104658053bb5345b853f93a626Scott Main.Video-button--picture-in-picture { 102922124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -461px; 102932124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 102942124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; 102952124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 102962124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 102972124a924611bb8104658053bb5345b853f93a626Scott Main right: 64px; 102982124a924611bb8104658053bb5345b853f93a626Scott Main top: 14px; 102992124a924611bb8104658053bb5345b853f93a626Scott Main} 103002124a924611bb8104658053bb5345b853f93a626Scott Main 103012124a924611bb8104658053bb5345b853f93a626Scott Main.Video-button--close { 103022124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -435px; 103032124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 103042124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; 103052124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 103062124a924611bb8104658053bb5345b853f93a626Scott Main right: 14px; 103072124a924611bb8104658053bb5345b853f93a626Scott Main top: 14px; 103082124a924611bb8104658053bb5345b853f93a626Scott Main} 103092124a924611bb8104658053bb5345b853f93a626Scott Main 103102124a924611bb8104658053bb5345b853f93a626Scott Main@media (min-width: 720px) { 103112124a924611bb8104658053bb5345b853f93a626Scott Main .Video--picture-in-picture .Video-overlay { 103122124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 103132124a924611bb8104658053bb5345b853f93a626Scott Main } 103142124a924611bb8104658053bb5345b853f93a626Scott Main 103152124a924611bb8104658053bb5345b853f93a626Scott Main .Video--picture-in-picture .Video-container { 103162124a924611bb8104658053bb5345b853f93a626Scott Main top: auto; 103172124a924611bb8104658053bb5345b853f93a626Scott Main left: auto; 103182124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 20px; 103192124a924611bb8104658053bb5345b853f93a626Scott Main right: 20px; 103202124a924611bb8104658053bb5345b853f93a626Scott Main width: 40%; 103212124a924611bb8104658053bb5345b853f93a626Scott Main max-width: 420px; 103222124a924611bb8104658053bb5345b853f93a626Scott Main height: auto; 103232124a924611bb8104658053bb5345b853f93a626Scott Main } 103242124a924611bb8104658053bb5345b853f93a626Scott Main 103252124a924611bb8104658053bb5345b853f93a626Scott Main .Video--picture-in-picture .Video-button--picture-in-picture { 103262124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -409px; 103272124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 103282124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; 103292124a924611bb8104658053bb5345b853f93a626Scott Main } 103302124a924611bb8104658053bb5345b853f93a626Scott Main 103312124a924611bb8104658053bb5345b853f93a626Scott Main .Video--picture-in-picture .Video-frame { 103322124a924611bb8104658053bb5345b853f93a626Scott Main padding-bottom: 56.25%; 103332124a924611bb8104658053bb5345b853f93a626Scott Main } 103342124a924611bb8104658053bb5345b853f93a626Scott Main 103352124a924611bb8104658053bb5345b853f93a626Scott Main .Video-button--picture-in-picture { 103362124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 103372124a924611bb8104658053bb5345b853f93a626Scott Main } 103382124a924611bb8104658053bb5345b853f93a626Scott Main} 103392124a924611bb8104658053bb5345b853f93a626Scott Main 103402124a924611bb8104658053bb5345b853f93a626Scott Maina.video-shadowbox-button.white { 103412124a924611bb8104658053bb5345b853f93a626Scott Main padding: 16px 42px 16px 8px; 103422124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 18px; 103432124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 103442124a924611bb8104658053bb5345b853f93a626Scott Main line-height: 24px; 103452124a924611bb8104658053bb5345b853f93a626Scott Main color: #fff; 103462124a924611bb8104658053bb5345b853f93a626Scott Main text-decoration: none; 103472124a924611bb8104658053bb5345b853f93a626Scott Main} 103482124a924611bb8104658053bb5345b853f93a626Scott Main 103492124a924611bb8104658053bb5345b853f93a626Scott Maina.video-shadowbox-button.white::after { 103502124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 103512124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -847px; 103522124a924611bb8104658053bb5345b853f93a626Scott Main height: 36px; 103532124a924611bb8104658053bb5345b853f93a626Scott Main width: 36px; 103542124a924611bb8104658053bb5345b853f93a626Scott Main} 103552124a924611bb8104658053bb5345b853f93a626Scott Main 103562124a924611bb8104658053bb5345b853f93a626Scott Maina.video-shadowbox-button.white:hover { 103572124a924611bb8104658053bb5345b853f93a626Scott Main color: #bababa !important; 103582124a924611bb8104658053bb5345b853f93a626Scott Main} 103592124a924611bb8104658053bb5345b853f93a626Scott Main 103602124a924611bb8104658053bb5345b853f93a626Scott Maina.video-shadowbox-button.white:hover::after { 103612124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -733px; 103622124a924611bb8104658053bb5345b853f93a626Scott Main height: 36px; 103632124a924611bb8104658053bb5345b853f93a626Scott Main width: 36px; 103642124a924611bb8104658053bb5345b853f93a626Scott Main} 103652124a924611bb8104658053bb5345b853f93a626Scott Main 103662124a924611bb8104658053bb5345b853f93a626Scott Main#video-frame, #video-container { 103672124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 103682124a924611bb8104658053bb5345b853f93a626Scott Main} 103692124a924611bb8104658053bb5345b853f93a626Scott Main 103702124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 720px) { 103712124a924611bb8104658053bb5345b853f93a626Scott Main .wide-table { 103722124a924611bb8104658053bb5345b853f93a626Scott Main overflow-x: auto; 103732124a924611bb8104658053bb5345b853f93a626Scott Main } 103742124a924611bb8104658053bb5345b853f93a626Scott Main 103752124a924611bb8104658053bb5345b853f93a626Scott Main .wide-table table { 103762124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-table; 103772124a924611bb8104658053bb5345b853f93a626Scott Main margin-right: 0; 103782124a924611bb8104658053bb5345b853f93a626Scott Main } 103792124a924611bb8104658053bb5345b853f93a626Scott Main} 103802124a924611bb8104658053bb5345b853f93a626Scott Main 103812124a924611bb8104658053bb5345b853f93a626Scott Main/* New CSS that isn't part of a component */ 103822124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links { 103832124a924611bb8104658053bb5345b853f93a626Scott Main box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 103842124a924611bb8104658053bb5345b853f93a626Scott Main margin: 30px 0; 103852124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0 40px; 103862124a924611bb8104658053bb5345b853f93a626Scott Main /* Start class link doesn't have a caption */ } 103872124a924611bb8104658053bb5345b853f93a626Scott Main 103882124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .start-class-link, .paging-links .next-class-link, .paging-links .prev-page-link, .paging-links .next-page-link { 103892124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 20px; 103902124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 500; 103912124a924611bb8104658053bb5345b853f93a626Scott Main display: inline-block; 103922124a924611bb8104658053bb5345b853f93a626Scott Main width: calc(50% - 2px); 103932124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 103942124a924611bb8104658053bb5345b853f93a626Scott Main padding: 46px 0 36px 0; 103952124a924611bb8104658053bb5345b853f93a626Scott Main} 103962124a924611bb8104658053bb5345b853f93a626Scott Main 103972124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 103982124a924611bb8104658053bb5345b853f93a626Scott Main .paging-links .start-class-link, .paging-links .next-class-link, .paging-links .prev-page-link, .paging-links .next-page-link { 103992124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 104002124a924611bb8104658053bb5345b853f93a626Scott Main } 104012124a924611bb8104658053bb5345b853f93a626Scott Main} 104022124a924611bb8104658053bb5345b853f93a626Scott Main 104032124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .start-class-link { 104042124a924611bb8104658053bb5345b853f93a626Scott Main padding: 36px 0; 104052124a924611bb8104658053bb5345b853f93a626Scott Main} 104062124a924611bb8104658053bb5345b853f93a626Scott Main 104072124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .start-class-link, .paging-links .next-class-link { 104082124a924611bb8104658053bb5345b853f93a626Scott Main text-align: center; 104092124a924611bb8104658053bb5345b853f93a626Scott Main width: 100%; 104102124a924611bb8104658053bb5345b853f93a626Scott Main} 104112124a924611bb8104658053bb5345b853f93a626Scott Main 104122124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .prev-page-link .page-link-caption { 104132124a924611bb8104658053bb5345b853f93a626Scott Main left: 0; 104142124a924611bb8104658053bb5345b853f93a626Scott Main} 104152124a924611bb8104658053bb5345b853f93a626Scott Main 104162124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .prev-page-link:before { 104172124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 104182124a924611bb8104658053bb5345b853f93a626Scott Main left: -24px; 104192124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 104202124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 41px; 104212124a924611bb8104658053bb5345b853f93a626Scott Main} 104222124a924611bb8104658053bb5345b853f93a626Scott Main 104232124a924611bb8104658053bb5345b853f93a626Scott Main@media (max-width: 719px) { 104242124a924611bb8104658053bb5345b853f93a626Scott Main .paging-links .prev-page-link { 104252124a924611bb8104658053bb5345b853f93a626Scott Main display: none; 104262124a924611bb8104658053bb5345b853f93a626Scott Main } 104272124a924611bb8104658053bb5345b853f93a626Scott Main} 104282124a924611bb8104658053bb5345b853f93a626Scott Main 104292124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .next-page-link, .paging-links .next-class-link { 104302124a924611bb8104658053bb5345b853f93a626Scott Main text-align: right; 104312124a924611bb8104658053bb5345b853f93a626Scott Main} 104322124a924611bb8104658053bb5345b853f93a626Scott Main 104332124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .next-page-link .page-link-caption, .paging-links .next-class-link .page-link-caption { 104342124a924611bb8104658053bb5345b853f93a626Scott Main right: 0; 104352124a924611bb8104658053bb5345b853f93a626Scott Main} 104362124a924611bb8104658053bb5345b853f93a626Scott Main 104372124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .next-page-link:before, .paging-links .next-class-link:before { 104382124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 104392124a924611bb8104658053bb5345b853f93a626Scott Main right: -24px; 104402124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 104412124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 41px; 104422124a924611bb8104658053bb5345b853f93a626Scott Main} 104432124a924611bb8104658053bb5345b853f93a626Scott Main 104442124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .start-class-link:after { 104452124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 104462124a924611bb8104658053bb5345b853f93a626Scott Main right: -12px; 104472124a924611bb8104658053bb5345b853f93a626Scott Main position: relative; 104482124a924611bb8104658053bb5345b853f93a626Scott Main bottom: 3px; 104492124a924611bb8104658053bb5345b853f93a626Scott Main} 104502124a924611bb8104658053bb5345b853f93a626Scott Main 104512124a924611bb8104658053bb5345b853f93a626Scott Main.paging-links .page-link-caption { 104522124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 104532124a924611bb8104658053bb5345b853f93a626Scott Main top: 26px; 104542124a924611bb8104658053bb5345b853f93a626Scott Main font-size: 14px; 104552124a924611bb8104658053bb5345b853f93a626Scott Main font-weight: 700; 104562124a924611bb8104658053bb5345b853f93a626Scott Main opacity: 0.54; 104572124a924611bb8104658053bb5345b853f93a626Scott Main} 104582124a924611bb8104658053bb5345b853f93a626Scott Main 104592124a924611bb8104658053bb5345b853f93a626Scott Main#tb li:before, 104602124a924611bb8104658053bb5345b853f93a626Scott Main#qv li:before { 104612124a924611bb8104658053bb5345b853f93a626Scott Main background-position: 0px -669px; 104622124a924611bb8104658053bb5345b853f93a626Scott Main height: 24px; 104632124a924611bb8104658053bb5345b853f93a626Scott Main width: 24px; 104642124a924611bb8104658053bb5345b853f93a626Scott Main content: ''; 104652124a924611bb8104658053bb5345b853f93a626Scott Main left: -8px; 104662124a924611bb8104658053bb5345b853f93a626Scott Main opacity: .7; 104672124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 104682124a924611bb8104658053bb5345b853f93a626Scott Main top: -4px; 104692124a924611bb8104658053bb5345b853f93a626Scott Main} 104702124a924611bb8104658053bb5345b853f93a626Scott Main 104712124a924611bb8104658053bb5345b853f93a626Scott Main#skip-to-main { 104722124a924611bb8104658053bb5345b853f93a626Scott Main border: 0; 104732124a924611bb8104658053bb5345b853f93a626Scott Main clip: rect(0 0 0 0); 104742124a924611bb8104658053bb5345b853f93a626Scott Main height: 1px; 104752124a924611bb8104658053bb5345b853f93a626Scott Main margin: -1px; 104762124a924611bb8104658053bb5345b853f93a626Scott Main overflow: hidden; 104772124a924611bb8104658053bb5345b853f93a626Scott Main padding: 0; 104782124a924611bb8104658053bb5345b853f93a626Scott Main position: absolute; 104792124a924611bb8104658053bb5345b853f93a626Scott Main width: 1px; 104802124a924611bb8104658053bb5345b853f93a626Scott Main} 104812124a924611bb8104658053bb5345b853f93a626Scott Main 104822124a924611bb8104658053bb5345b853f93a626Scott Main#skip-to-main:focus { 104832124a924611bb8104658053bb5345b853f93a626Scott Main background: #fff; 104842124a924611bb8104658053bb5345b853f93a626Scott Main clip: auto; 104852124a924611bb8104658053bb5345b853f93a626Scott Main height: auto; 104862124a924611bb8104658053bb5345b853f93a626Scott Main padding: 10px; 104872124a924611bb8104658053bb5345b853f93a626Scott Main width: auto; 104882124a924611bb8104658053bb5345b853f93a626Scott Main z-index: 10000; 104892124a924611bb8104658053bb5345b853f93a626Scott Main} 10490