/* Additional Styling */ html, body, h1, td, textarea, input { font-family: 'Open Sans', sans-serif !important; } body .content-root { background: none !important; box-shadow: none !important; } .header { background: #346AA9; height: 50px; -webkit-box-shadow: none; box-shadow: none; } .header .left { float: none; max-width: 1170px; margin: auto; } .header-subnav-wrapper { background: #f3f6fb; border-bottom: solid 1px #dfe2e7; margin-top: 50px; } .header-subnav { max-width: 1170px; margin: auto; border-bottom: none !important; position: fixed !important; width: 100%; margin-top: 51px; } .content-root { max-width: 1024px; margin: auto; margin-top: 50px; padding-top: 10px; } .content img { width: 100%; } .content h4, body:not(.big-h3) .content h3 { /* Fix for anchor links hiding under fixed header */ padding-top: 80px; margin-top: -50px; } .content pre code { white-space: pre; } .menubar { padding-top: 10px; } .menubar.fixed { margin-right: auto; margin-left: auto; margin-top: 50px; margin-bottom: 0; } .menubar.fixed.leaveroomforfooter { margin-bottom: 183px; } .header-subnav li a:active { color: #f09 !important; } .content a[title="Source"] { float:right; } /* Brand Guidelines */ .brand_guidelines .content-root { padding: 0 !important; } @media (min-width: 720px) { .menubar { right: 794px; } } @media (max-width: 480px) { body { overflow-x: hidden; } .header-subnav ul { margin: auto; max-width: 480px; } .header-subnav li { width: 350px; } .header-subnav li a { padding: 10px 5px !important; font-size: .8em; } /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; max-width: 300px; margin: auto; } thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border: 1px solid #ccc; } td { border: none; position: relative; padding-left: 50%; } } /************ nav *********** */ .navbar-inverse { background-color: #346AA9; border-color: #346AA9; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #346AA9; } .navbar-collapse { -webkit-box-shadow: none; box-shadow: none; } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a { color: #fff; } .navbar-brand { padding: 8px 10px 10px 10px; } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #4a7ab3 !important; } .navbar-inverse .navbar-toggle { border-color: #346AA9; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #4a7ab3; } .right { float: right; margin-top: 15px; } .nav>li { font-size: 14px; } @media (max-width: 720px) { .right { float: left; margin-top: 0px; } } /************ footer *********** */ .footer { width: 100%; background-color: #f5f5f5; margin-top:20px; color: #878787; padding-bottom: 20px; } .container .text-muted { margin: 20px 0; } ul.footer_links { list-style: none; padding: 10px 0 0 0; font-size: 14px; } ul.footer_links a { color: #878787; } ul.footer_links a:hover { text-decoration: underline; } /************ Mail chimp *********** */ input#mce-EMAIL { height: 34px !important; border: 1px solid #ccc !important; } #mc_embed_signup input.email { width: 38% !important; display: inline-block !important; margin-right: 2% !important; } #mc_embed_signup input.button { display: inline-block !important; height: 34px !important; width: 26% !important; font-weight: 400 !important; } input#mc-embedded-subscribe { background-color: #346AA9 !important; vertical-align: bottom !important; } #mc_embed_signup form { padding: 0 !important; } .mail_chimp p { margin-bottom: 10px; font-size: 14px; } /************ consensus whitepaper *********** */ .download_consensus { font-size: 24px; text-align: center; padding: 5px; }