/* temp */ .bigbox { width:300px; background:#f9f9f9; } .lb .ad { background:#f9f9f9; overflow:hidden; } #promobanner { background:#f3f4f5; margin-bottom:25px; overflow:hidden; } #promobanner div.msg a { text-decoration:none; text-align:center; } #promobanner div.msg a > * { display:block; font-family:black; text-transform:uppercase; } #promobanner div.msg span { color:#b81c21; } #promobanner div.viewport { display:-webkit-flex; display:flex; } #promobanner div.viewport > * { -webkit-flex:1; -ms-flex:1; flex:1; flex-shrink:1; min-width:1px; } #promobanner img.cover { position:relative; } #promobanner a strong { color:#303640; } @media all and (max-width:767px){ #promobanner { max-height:60px; } #promobanner div.msg { padding-top:15px; line-height:1.05; } #promobanner div.viewport { max-width:370px; padding:0px 25px; } #promobanner div.viewport > *:first-child { max-width:105px; } #promobanner img.cover { bottom:-10px; max-height:120px; } #promobanner strong { font-size:0.8rem; } } @media all and (min-width:768px){ #promobanner { max-height:90px; } #promobanner div.msg { padding-top:20px; line-height:1.1; } #promobanner div.viewport { max-width:628px; } #promobanner div.viewport > *:first-child { max-width:175px; } #promobanner img.cover { bottom:-10px; max-height:180px; } #promobanner span { font-size:1.75rem; } #promobanner strong { font-size:1.25rem; } } .table { display:table; } .row { display:table-row; } .cell { display:table-cell; } #alert { padding:25px; margin:25px 0px; } #alert.problem { background:#ffeeee; border:1px solid #cc0000; } #alert.success { background:#eeffee; border:1px solid #006633; } #alert li { margin-left:25px; } form.contact input[type="text"], form.contact select, form.contact textarea { width:100%; } form.contact label { display:block; font-size:1rem; font-family:heavy; margin-top:25px; margin-bottom:10px; text-transform:uppercase; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; } nav.sub { line-height:1rem; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; } nav.sub > div { width:100%; display:table; border-collapse:collapse; background:#202630; } nav.sub ul { display:table-row; } nav.sub li { display:table-cell; vertical-align:middle; border:1px solid #fff; text-align:center; text-transform:uppercase; font-family:bold; } nav.sub a { text-decoration:none; color:#fff; font-size:0.75rem; line-height:2.15rem; padding:0px 15px; } nav.sub li.on a { background-color:#b81c21; position:relative; } nav.sub li.on a::after { content:""; display:block; position:absolute; top:100%; left:50%; margin-left:-7px; width:14px; height:7px; background-image:url("/images/2017/subnav.png"); background-size:auto 7px; background-repeat:no-repeat; } nav.sub li:not(.on) a:hover { background-color:#363b44; } nav.sub > section > div:not(.on) { display:none; } @media all and (max-width:767px){ nav.sub div.desktop { display:none; } nav.sub div.mobile { display:block; } } @media all and (min-width:768px){ nav.sub div.desktop { display:block; } nav.sub div.mobile { display:none; } } #ad-floating-banner-container .ad-close { position:absolute; top:0px; right:50%; } .ad-close { cursor:pointer; width:20px; height:20px; background-image:url("/images/2017/ad-close.png"); background-size:auto 20px; background-repeat:no-repeat; } #ad-floating-banner { background:#f9f9f9; position:relative; left:50%; } #ad-floating-banner-container { z-index:1; position:fixed; bottom:0px; left:0px; width:100%; text-align:center; } #overlay { position:fixed; top:0px; left:0px; width:100%; height:100%; background:#000; } #header { border-bottom:1px solid #e8e9ea; } #newsletter-widget.show { bottom:0px; } #newsletter-widget:not(.show) { bottom:-500px; } #newsletter-widget { z-index:2; width:400px; height:400px; right:0px; } #newsletter-widget a.close { position:absolute; bottom:20px; left:0px; width:100%; } img.close { cursor:pointer; max-height:24px; position:absolute; top:20px; right:20px; } .lightbox > *:not(:first-child):not(.close) { margin:20px 0px 0px 0px !important; } .lightbox div.title { color:#202630; font-size:2rem; line-height:2rem; font-family:heavy; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; } .lightbox h2 { text-transform:uppercase; color:#b81c21; font-size:1rem; font-family:heavy; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; } .lightbox iframe { margin:auto; } .lightbox p { color:#62676e; font-size:1.35rem; font-family:thin; line-height:2rem; margin:0px; padding:0px 10px; } section.aside header { border-top:5px solid #e8e9ea; } section.aside header h2 { float:left; position:relative; top:-5px; padding-top:7px; text-transform:uppercase; font-family:black; font-size:1rem; line-height:1rem; border-top:5px solid #b81c21; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; } .lightbox { position:fixed; padding:25px; background-color:#fff; box-shadow:0px 0px 30px rgba(0,0,0,0.5); } #loginbtn { position:absolute; top:50%; margin-top:-14px; right:10px; background-color:#b81c21; color:#fff; font-family:heavy; font-size:12px; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; text-transform:uppercase; border:none; line-height:28px; cursor:pointer; padding:0px 15px; } @media all and (max-width:767px){ div.okanjo-product { width:50% !important; box-sizing:border-box !important; } #ad-floating-banner { width:320px; height:50px; margin-left:-160px; } #ad-floating-banner-container .ad-close { margin-right:-160px; } } @media all and (min-width:768px){ #ad-floating-banner { width:728px; height:90px; margin-left:-364px; } #ad-floating-banner-container .ad-close { margin-right:-364px; } #articleBody div.okanjo-product-list { display:-webkit-flex; display:flex; } #articleBody div.okanjo-product-list div.okanjo-product { -webkit-flex:1; -ms-flex:1; flex:1; flex-shrink:1; min-width:1px; } } @media all and (min-width:768px) and (max-width:1279px){ #aside div.okanjo-product-list { display:-webkit-flex; display:flex; } #aside div.okanjo-product-list div.okanjo-product { -webkit-flex:1; -ms-flex:1; flex:1; flex-shrink:1; min-width:1px; } } /*** FONTS ***/ @font-face { font-family:thin; src:url("/fonts/2017/thin.woff"); } @font-face { font-family:thinit; src:url("/fonts/2017/thinit.woff"); } @font-face { font-family:light; src:url("/fonts/2017/light.woff"); } @font-face { font-family:lightit; src:url("/fonts/2017/lightit.woff"); } @font-face { font-family:regular; src:url("/fonts/2017/regular.woff"); } @font-face { font-family:italic; src:url("/fonts/2017/italic.woff"); } @font-face { font-family:medium; src:url("/fonts/2017/medium.woff"); } @font-face { font-family:mediumit; src:url("/fonts/2017/mediumit.woff"); } @font-face { font-family:bold; src:url("/fonts/2017/bold.woff"); } @font-face { font-family:boldit; src:url("/fonts/2017/boldit.woff"); } @font-face { font-family:heavy; src:url("/fonts/2017/heavy.woff"); } @font-face { font-family:heavyit; src:url("/fonts/2017/heavyit.woff"); } @font-face { font-family:black; src:url("/fonts/2017/black.woff"); } @font-face { font-family:blackit; src:url("/fonts/2017/blackit.woff"); } @font-face { font-family:head; src:url("/fonts/2017/head.woff"); } /*** BACKGROUND ***/ article select, body, #header, #popbox, #search { background-color:#fff; } div.more:hover #morebtn, input[type="submit"]:not(:hover), section.division h3, #morechk:checked ~ div.more #morebtn, #top, #header.fixed .btn.action:not(:hover), .btn.action.gray:hover { background-color:#202630; } table.data tbody:nth-child(even) { background-color:#f8f8f9; } li.team:nth-child(even) { background-color:#f4f4f4; } #popbg { background-color:#000; } #top a:hover { background-color:#363b44; } a.fbk.share { background-color:#3A5795; } a.eml.share { background-color:#a6a8ac; } a.twt.share { background-color:#55ACEE; } a.action.red:hover, input[type="submit"]:hover, #header.fixed .btn.action:hover, form.search input[type="submit"] { background-color:#b81c21; } form.search input { background-color:transparent; } /*** BACKGROUND IMAGE ***/ li.team::before { background-image:url("/images/teams.png"); } /*** BORDER ***/ form.search input, input[type="submit"]:not(.action) { border:none; } .btn.action { border-width:2px; border-style:solid; } .btn.action.gray { border-color:#202630; } #header.fixed .btn.action:hover, .btn.action.red { border-color:#b81c21; } article.preview, article div.lb, section.border, table.data th, #search { border-top:1px solid #e8e9ea; } article div.lb, section.aside li, table.data th, #search { border-bottom:1px solid #e8e9ea; } figcaption { border-bottom:1px solid #d2d4d6; } form.search > div { border:1px solid #d2d4d6; } #newsletter-widget, #popbox { border-top:10px solid #b81c21; } /*** BORDER RADIUS ***/ .btn { -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; } /*** COLOR ***/ table.data td, #footer { color:#4d5159; } body, a:not(:hover) h2, ol.breadcrumbs a:not(:hover), #nav > ul > li:not(.on) > a:not(:hover), .headlines li a:not(:hover) { color:#303640; } a:not(:hover) h1, article.article h1, article:not(.article) a:not(:hover) h1, .btn.action.gray:not(:hover) { color:#202630; } a time, figcaption, ol.breadcrumbs, time { color:#62676e; } .meta { color:#8f9297; } a:not(:hover), a.action.red:not(:hover), a:hover h1, a:hover h2, article:not(.article) h1, div.teamheader .name, ol.breadcrumbs a:hover, #nav li > a:hover, .headlines li a:hover { color:#b81c21; } a:hover { color:#5c1112; } a.action:hover, div.more:hover #morebtn, input[type="submit"], section.division h3, #header.fixed .btn.action, #morechk:checked ~ div.more #morebtn, form.search input[type="submit"], #top a { color:#fff; } /*** CURSOR ***/ input[type="submit"], label { cursor:pointer; } /*** DISPLAY ***/ a.close, article, article.archive img, aside, blockquote, cite, figcaption, figure, figure img, footer, header, hgroup, img.loader, img.logo, label.icon, li.team::before, li.team a, main, nav, nav a, nav label, section, table.freeagency a, #top a::before, .btn.action, .headlines a, .icon::before, .teamicon::before, .thumb img { display:block; } #top a { display:inline-block; } ol.breadcrumbs li, ol.breadcrumbs li:not(:first-child)::before { display:inline; } #searchchk:not(:checked) ~ #header #search, .check { display:none; } /*** FONT FAMILY ***/ time { font-family:light; } body { font-family:regular; } b, strong, table.data th, #top { font-family:bold; } h1, h2, div.teamheader .name, section.division h3, th, #nav ul { font-family:heavy; } .meta { font-family:thin; } /*** FONT SIZE ***/ section.division h3, th { font-size:1.05rem; } body, html, #footer, #nav { font-size:1rem; } article input[type="text"], article select, article textarea, li.team { font-size:0.95rem; } ol.breadcrumbs { font-size:0.9rem; } form.search input, input[type="submit"], .headlines, a.btn.action { font-size:0.85rem; } figcaption, table.data th { font-size:0.8rem; } a.close, #top { font-size:0.75rem; } /*** HEIGHT ***/ #popbg { height:100%; } article input[type="text"], article select, input[type="submit"] { height:40px; } form.search input { height:32px; } /*** LETTER SPACING ***/ #top, .meta { letter-spacing:0.25px; } /*** LINE HEIGHT ***/ body, html, ol.breadcrumbs { line-height:100%; } #top { line-height:40px; } .btn { line-height:32px; } .headlines a { line-height:1.25rem; } figcaption, table.data { line-height:1.3rem; } article textarea { line-height:1.25rem; } a.close { line-height:1rem; } /*** LIST STYLE ***/ .nolist { list-style:none; } /*** MARGIN ***/ figure, h1, h2, .nomarg { margin:0px; } #articleBody .addon { margin-top:40px; } #header + div.lb { margin-top:25px; } ol.rankings li:not(:first-child) { margin-top:20px; } section.border { margin-top:2.5rem; } article.preview img, article.preview .btn, article.preview .push, #main > article > header > *:not(:first-child), section.aside a.btn.action, section.aside div.lead { margin-top:15px; } #lead { margin-bottom:50px; } figure.lead { margin-bottom:30px; } #main > article > header { margin-bottom:25px; } ol.breadcrumbs { margin-bottom:15px; } section h2, #lead img { margin-bottom:10px; } div.lead img { margin-bottom:5px; } #articleBody p { margin:1.5rem 0px; } article div.lb { margin:25px 0px; } img.loader, .viewport { margin-right:auto; margin-left:auto; } /*** PADDING ***/ figure, h1, h2, .nopad { padding:0px; } .pad25 { padding:25px; } table.freeagency tbody tr:last-child td { padding:0px 20px 20px 20px; } table.freeagency tbody tr:first-child td { padding:20px 20px 0px 20px; } #articleBody > footer, #popbox, #search { padding:20px; } article textarea { padding:15px; } section.border { padding-top:2.5rem; } section.conference section.division li { padding-left:40px; } article.preview { padding:50px 0px; } article.archive, article div.lb { padding:25px 0px; } figcaption, section.aside li { padding:15px 0px; } li.team a { padding:7.5px 0px; } article input[type="text"], article select, form.search input, input[type="submit"] { padding:0px 15px; } /*** POSITION ***/ #header.fixed, #popbg, #popbox { position:fixed; } label.icon, li.team::before, #header:not(.fixed), #search, #top a::before, .icon::before, .teamicon::before { position:absolute; } li.team, #header > .viewport, #top, #top a, #viewport, .lb .ad, .teamicon { position:relative; } #header, #popbg { top:0px; } #search { top:100%; } label.icon, li.team::before, #top a::before, .icon::before { top:50%; } #header, #popbg { left:0px; } .icon::before, .lb .ad { left:50%; } /*** SMOOTHING ***/ h1, input[type="submit"], section.division h3, th, #nav, #top, .btn.action { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; } /*** TEXT ALIGN ***/ .center { text-align:center; } .left { text-align:left; } .right { text-align:right; } /*** TEXT DECORATION ***/ a.btn, a h1, a h2, article.archive *, article.preview a, div.lead a, li.team a, ol.rankings a, table.data a, #lead a, #nav a, #top a, .headlines a { text-decoration:none; } /*** TEXT TRANSFORM ***/ #nav ul, #top { text-transform:uppercase; } /*** TRANSITION ***/ a { transition:all 0.25s ease; } #pop, #popbg, #popbox { transition:all 0.5s ease; } #newsletter-widget { transition:all 0.25s ease-out; } /*** WIDTH ***/ input[type="text"], select, textarea, #header, #popbg, .full { width:100%; } /*** Z-INDEX ***/ #header { z-index:3; } #top { z-index:2; } /*** EVERYTHING ELSE ***/ * { -webkit-text-size-adjust:none; box-sizing:border-box; outline:none; font-weight:normal; } article input[type="text"], article textarea, #search input[type="submit"] { border-width:1px; border-style:solid; border-color:#8f9297 #d2d4d6 #d2d4d6 #8f9297; -webkit-appearance:none; border-radius:0; } div.lb + article.preview { border:0px !important; } /* ugly hack */ div.teamheader .sponsor img { display:block; margin:auto; } img { max-width:100%; height:auto; } img.loader { max-height:100px; margin-top:25px; margin-bottom:25px; } img.logo { max-height:40px; } input { -webkit-appearance:none; } label.icon { width:60px; height:60px; margin-top:-30px; } li.team::before { content:""; width:40px; height:40px; margin-top:-20px; left:0px; background-size:40px auto; background-repeat:no-repeat; } li.team.ARI::before { background-position:center 0px; } li.team.ATL::before { background-position:center -40px; } li.team.BAL::before { background-position:center -80px; } li.team.BUF::before { background-position:center -120px; } li.team.CAR::before { background-position:center -160px; } li.team.CHI::before { background-position:center -200px; } li.team.CIN::before { background-position:center -240px; } li.team.CLE::before { background-position:center -280px; } li.team.DAL::before { background-position:center -320px; } li.team.DEN::before { background-position:center -360px; } li.team.DET::before { background-position:center -400px; } li.team.GB::before { background-position:center -440px; } li.team.HOU::before { background-position:center -480px; } li.team.IND::before { background-position:center -520px; } li.team.JAC::before { background-position:center -560px; } li.team.KC::before { background-position:center -600px; } li.team.MIA::before { background-position:center -640px; } li.team.MIN::before { background-position:center -680px; } li.team.NE::before { background-position:center -720px; } li.team.NO::before { background-position:center -760px; } li.team.NYG::before { background-position:center -800px; } li.team.NYJ::before { background-position:center -840px; } li.team.OAK::before { background-position:center -880px; } li.team.PHI::before { background-position:center -920px; } li.team.PIT::before { background-position:center -960px; } li.team.SD::before { background-position:center -1000px; } li.team.SEA::before { background-position:center -1040px; } li.team.SF::before { background-position:center -1080px; } li.team.LA::before { background-position:center -1120px; } li.team.TB::before { background-position:center -1160px; } li.team.TEN::before { background-position:center -1200px; } li.team.WAS::before { background-position:center -1240px; } ol.breadcrumbs li:not(:first-child)::before { content:"\00bb"; padding:0px 7px; } ol.rankings li.teamicon { padding-left:40px; } ol.rankings li.teamicon::before { top:4px; left:5px; } section.aside ul li a, form.search > div { display:-webkit-flex; display:flex; } section.aside ul li a > *, form.search > div > * { -webkit-flex:1; -ms-flex:1; flex:1; flex-shrink:1; min-width:1px; } section.aside ul li div.thumb { max-width:100px; margin-left:15px; } section.division h3, th { padding:2.5px 10px; } #footer img { max-height:30px; } #navchk:checked ~ #header .icon.nav::before { background-position:center center; } #navchk:not(:checked) ~ #header .icon.nav::before { background-position:center left; } #pop.show #popbg { opacity:0.75; z-index:98; } #pop.show #popbox { z-index:99; } #pop:not(.show) #popbg { opacity:0; z-index:-2; } #pop:not(.show) #popbox { opacity:0; z-index:-1; } form.search input[type="submit"] { max-width:90px; } #searchchk:checked ~ #header .icon.search::before { background-position:center center; } #searchchk:not(:checked) ~ #header .icon.search::before { background-position:center right; } #top a:not(:hover) { opacity:0.5; } #top a::before { content:""; width:24px; height:24px; margin-top:-12px; background-image:url("/images/2017/top.png"); background-size:auto 24px; background-repeat:no-repeat; } #top a.app::before { background-position:-48px center; } #top a.fbk::before { background-position:-96px center; } #top a.mag::before { background-position:-24px center; } #top a.nws::before { background-position:0px center; } #top a.twt::before { background-position:-72px center; } .clear { clear:both; } .icon::before { content:""; width:48px; height:48px; margin-top:-24px; margin-left:-24px; background-image:url("/images/2017/icons.png?v=1"); background-size:auto 48px; background-repeat:no-repeat; } .nowrap { white-space:nowrap; } .teamicon::before { content:""; width:20px; height:20px; background-image:url("/images/2017/teams.png"); background-size:auto 20px; background-repeat:no-repeat; } .teamicon.cell::before { top:50%; margin-top:-10px; left:50%; margin-left:-10px; } table.freeagency .teamicon.cell::before { margin-top:0px; } .teamicon.SF::before { background-position:-20px center; } .teamicon.CHI::before { background-position:-40px center; } .teamicon.CIN::before { background-position:-60px center; } .teamicon.BUF::before { background-position:-80px center; } .teamicon.DEN::before { background-position:-100px center; } .teamicon.CLE::before { background-position:-120px center; } .teamicon.TB::before { background-position:-140px center; } .teamicon.ARI::before { background-position:-160px center; } .teamicon.LAC::before { background-position:-180px center; } .teamicon.KC::before { background-position:-200px center; } .teamicon.IND::before { background-position:-220px center; } .teamicon.DAL::before { background-position:-240px center; } .teamicon.MIA::before { background-position:-260px center; } .teamicon.PHI::before { background-position:-280px center; } .teamicon.ATL::before { background-position:-300px center; } .teamicon.NYG::before { background-position:-320px center; } .teamicon.JAX::before { background-position:-340px center; } .teamicon.NYJ::before { background-position:-360px center; } .teamicon.DET::before { background-position:-380px center; } .teamicon.GB::before { background-position:-400px center; } .teamicon.CAR::before { background-position:-420px center; } .teamicon.NE::before { background-position:-440px center; } .teamicon.OAK::before { background-position:-460px center; } .teamicon.LAR::before { background-position:-480px center; } .teamicon.BAL::before { background-position:-500px center; } .teamicon.NO::before { background-position:-520px center; } .teamicon.SEA::before { background-position:-540px center; } .teamicon.PIT::before { background-position:-560px center; } .teamicon.HOU::before { background-position:-580px center; } .teamicon.TEN::before { background-position:-600px center; } .teamicon.MIN::before { background-position:-620px center; } .teamicon.WAS::before { background-position:-640px center; } .viewport { max-width:1366px; } @media all and (max-width:479px){ td.nomobile, th.nomobile { display:none; } } @media all and (max-width:767px){ article.archive div.img { margin-bottom:10px; } article.archive h2 { font-size:1.35rem; line-height:1.75rem; } article.page #articleBody > *:not(:first-child):not(p) { margin:2.5rem 0px; } article.preview h2 { font-size:1.5rem; line-height:2rem; } time { font-size:0.8rem; } body { margin:0px 0px 50px 0px; font-size:1.05rem; line-height:1.618rem; } div.teamheader .sponsor img { max-width:250px; } h1, div.teamheader .name { font-size:1.5rem; line-height:1.8rem; } label.icon.nav { left:0px; } label.icon.search { right:0px; } table.data { font-size:0.8rem; } table.data td { padding:5px 10px; } table.data td.teamicon { padding-left:40px !important; } table.data td.teamicon::before { top:50%; margin-top:-10px; } table.data:not(.freeagency) td.teamicon::before { left:10px; } table.data th { padding:2.5px 10px; } table.data *.hide { display:none; } #articleBody *:not(header) > h2 { font-size:1.25rem; line-height:1.5rem; } #footer img { display:block; margin-bottom:25px; } #header .banner { padding:15px 0px; } #nav, #search { width:100%; } #page { padding:25px 7.5%; } #popbox { width:100%; height:100%; top:0px; left:0px; margin-top:0px; margin-left:0px; } #search { right:0px; } #top a { width:48px; text-indent:96px; overflow:hidden; vertical-align:middle; } #top a::before { left:50%; margin-left:-12px; } #viewport { padding-top:70px; } .bigbox { position:relative; left:50%; margin:30px 0px 30px -150px; } .flex.tablet > *:not(:first-child) { margin-top:2.5rem; } .lb .ad { width:320px; height:50px; margin-left:-160px; } .meta { font-size:0.85rem; line-height:1.35rem; } } @media all and (min-width:768px){ article.archive > a, .flex.tablet { display:-webkit-flex; display:flex; } article.archive > a > *, .flex.tablet > * { -webkit-flex:1; -ms-flex:1; flex:1; flex-shrink:1; min-width:1px; } article.page #articleBody > *:not(:first-child):not(p) { margin:2.5rem 0px; } article.preview h2 { font-size:2rem; line-height:2.5rem; } time { font-size:0.9rem; } body { margin:0px 0px 90px 0px; font-size:1.15rem; line-height:1.8rem; } div.teamheader .sponsor img { max-width:100%; } h1, div.teamheader .name { font-size:2.5rem; line-height:2.75rem; } label.icon.nav { left:0px; } label.icon.search { right:0px; } section.conference section.division { float:left; } table.data { font-size:0.925rem; } table.data td { padding:7.5px 15px; } table.data td.teamicon { padding-left:45px !important; } table.data td.teamicon::before { top:50%; margin-top:-10px; } table.data:not(.freeagency) td.teamicon::before { left:15px; } table.data th { padding:2.5px 15px; } #articleBody *:not(header) > h2 { font-size:1.5rem; line-height:1.75rem; } #articleBody .bigbox { float:right; margin:10px 0px 30px 30px; } #footer img { margin:0px 15px; } #header .banner { padding:25px 0px; } #page { padding-top:50px; padding-bottom:50px; } #popbox { width:550px; height:350px; top:50%; left:50%; margin-top:-175px; margin-left:-275px; } #search { right:50px; width:360px; border-right:1px solid #e8e9ea; border-left:1px solid #e8e9ea; } #top a { padding:0px 15px 0px 36px; } #top a::before { left:10px; } #viewport { padding-top:90px; } .flex.reverse { -webkit-flex-direction:row-reverse; flex-direction:row-reverse; } .flex.tablet.reverse > *:not(:first-child) { margin-right:2.5rem; } .flex.tablet:not(.reverse) > *:not(:first-child) { margin-left:2.5rem; } .flex.tablet .one-third { max-width:33%; width:33%; } .flex.tablet .two-thirds { max-width:66.67%; width:66.67%; } .lb .ad { width:728px; height:90px; margin-left:-364px; } .meta { font-size:1rem; line-height:1.5rem; } .viewport { padding-right:50px; padding-left:50px; } } @media all and (min-width:768px) and (max-width:1279px){ article.archive h2 { font-size:1.5rem; line-height:1.9rem; } article.archive div.img { max-width:35%; margin-right:25px; } section.conference section.division { width:50%; } #nav { width:360px; border-right:1px solid #e8e9ea; border-left:1px solid #e8e9ea; } } @media all and (min-width:1024px){ #lead h1 { font-size:2.25rem; line-height:2.75rem; } } @media all and (max-width:1279px){ img.logo { margin:auto; } #aside, #aside > *:not(:first-child) { margin-top:40px; } #aside .bigbox { position:relative; left:50%; margin-left:-150px; } #lead > *:last-child { margin-top:50px; } #header .banner { position:relative; } #more { display:none; } #nav { background-color:#fff; padding:25px; line-height:40px; position:absolute; top:100%; border-top:1px solid #e8e9ea; border-bottom:1px solid #e8e9ea; } #nav div.action { margin-top:25px; } #nav div.more { display:none; } #navchk:checked ~ #overlay { z-index:1; opacity:0.5; } #navchk:not(:checked) ~ #overlay { z-index:-1; opacity:0; } #navchk:not(:checked) ~ #header #nav { display:none; } #top { text-align:center; } } @media all and (min-width:1280px){ article.archive h2 { font-size:1.5rem; line-height:2rem; } article.archive div.img { max-width:250px; margin-right:25px; } div.lead h2 { font-size:1.5rem; line-height:2rem; } label.icon.search { right:80px; } section.conference section.division { width:25%; } #aside { max-width:380px; padding:0px 40px; margin-left:40px; border-left:1px solid #e8e9ea; } #aside > *:not(:first-child) { margin-top:50px; } #header > .viewport, #lead, #nav { display:-webkit-flex; display:flex; } #header > .viewport > *, #lead > *, #nav > * { -webkit-flex:1; -ms-flex:1; flex:1; flex-shrink:1; min-width:1px; } #header .banner { max-width:200px; } #header .viewport { z-index:2; } #lead { -webkit-flex-direction:row-reverse; flex-direction:row-reverse; } #lead > *:last-child { margin-right:25px; } #lead .headlines { max-width:250px; } #lead h1 { font-size:2rem; line-height:2.5rem; } #more { position:absolute; z-index:1; top:100%; left:0px; background-color:#202630; width:100%; padding:50px 0px; line-height:40px; } #more li { float:left; width:25%; } #more li a { padding:0px 20px; } #more li a:hover { color:#fff; background-color:#161c26; } #more li a:not(:hover) { color:#797d83; } #morechk:checked ~ div.more #more, div.more:hover #more { display:block; } #morechk:not(:checked) ~ div.more:not(:hover) #more { display:none; } #nav { line-height:40px; padding:0px 100px 0px 25px; } #nav div.action { max-width:150px; padding:25px 0px; } #nav li.more { display:none !important; } #nav > ul > *:not(.check) { display:inline-block; } #nav > ul > li > a, #nav label { padding:0px 15px; line-height:90px; } #navbtn, #overlay { display:none; } #page { display:-webkit-flex; display:flex; } #page > * { -webkit-flex:1; -ms-flex:1; flex:1; flex-shrink:1; min-width:1px; } }