li.status-icon, li.android-on, li.android-wait, li.android-off, li.desktop-on, li.desktop-wait, li.desktop-off { padding-left: 32px; background-repeat: no-repeat; background-position: 0 -2px; list-style-type: none; margin: 1em; }
li.status-icon li, li.android-on li, li.android-wait li, li.android-off li, li.desktop-on li, li.desktop-wait li, li.desktop-off li { list-style-type: none; }
li.status-icon ul, li.android-on ul, li.android-wait ul, li.android-off ul, li.desktop-on ul, li.desktop-wait ul, li.desktop-off ul { margin-top: 1em; }

li.android-on { background-image: url(/National_Library/20170827070107oe_/https://bitmask.net/assets/icons/22/vpn_connected.png); }

li.android-wait { background-image: url(/National_Library/20170827070107oe_/https://bitmask.net/assets/icons/22/vpn_progress.png); }

li.android-off { background-image: url(/National_Library/20170827070107oe_/https://bitmask.net/assets/icons/22/vpn_disconnected.png); }

li.desktop-on { background-image: url(/National_Library/20170827070107oe_/https://bitmask.net/assets/icons/22/on.png); }

li.desktop-wait { background-image: url(/National_Library/20170827070107oe_/https://bitmask.net/assets/icons/22/wait.png); }

li.desktop-off { background-image: url(/National_Library/20170827070107oe_/https://bitmask.net/assets/icons/22/off.png); }

ul.spaced li { margin-bottom: 15px; }

a { color: #2477d0; }

a:visited { color: #1d5ea5; }

a.btn.btn-primary { color: white; }

.p { margin: 12px 0; }

.content-box h1:first-child, .content-box .h1:first-child, .content-box h2:first-child, .content-box .h2:first-child { margin-top: 0px !important; }

h2.hidey, .hidey.h2 { font-size: 0; position: absolute; z-index: -1000; }

.h1 { margin: 0; }

.h2 { margin: 0; }

h3 { font-size: 21px; }

h4 { margin-top: 20px; }

.donation { border: 1px solid #FFE8A9; padding: 0.5em; background-color: #FFF6DD; overflow: auto; display: inline-block; }

.locale-links a { color: #2477d0; }
.locale-links a:hover { color: #2477d0 !important; text-decoration: underline; }
.locale-links a.label-primary { color: white !important; }

#masthead { background-color: #5e9ee3; width: 100%; margin: 0; background-size: cover !important; }
#masthead .masthead-inner .text { color: black; margin-left: 50%; width: 50%; font-weight: bold; font-family: Helvetica,Arial,sans-serif; white-space: nowrap; overflow: hidden; }
#masthead .masthead-inner .text.bottom { display: none; }

body.home #masthead .text { position: relative; }
body.home #masthead .text.top { line-height: 0.85em; }
body.home #masthead .text.top span { position: absolute; bottom: 0; left: -1px; }
body.home #masthead .text.bottom { display: block; }
body.home #masthead .text.bottom span { font-weight: normal; background: rgba(255, 255, 255, 0.5); padding: 4px; }

#masthead { background: #5e9ee3 url(/National_Library/20170827070107oe_/https://bitmask.net/assets/images/rainbow-masthead-large.png) 50% 50%; }
#masthead .masthead-inner { height: 200px; }
#masthead .masthead-inner .text { padding-left: 4px; font-size: 70px; line-height: 200px; }

body.home #masthead .text { height: 100px; }
body.home #masthead .text.bottom { font-size: 18px; line-height: 28px !important; }

@media (max-width: 767px) { #masthead { background: #5e9ee3 url(/National_Library/20170827070107oe_/https://bitmask.net/assets/images/rainbow-masthead-medium.png) 50% 50%; }
  #masthead .masthead-inner { height: 130px; }
  #masthead .masthead-inner .text { padding-left: 3px; font-size: 50px; line-height: 130px; }
  body.home #masthead .text { height: 65px; }
  body.home #masthead .text.bottom { font-size: 12px; line-height: 22px !important; } }
@media (max-width: 540px) { #masthead .masthead-inner .text { padding-left: 1px; font-size: 36px; }
  body.home #masthead .text { height: 130px; line-height: 130px !important; }
  body.home #masthead .text.bottom { display: none; } }
#top-menu { position: absolute; bottom: 0px; margin: 0; }
#top-menu li { float: left; }
#top-menu a { display: block; padding: 8px 18px; color: #fff; font-size: 14px; line-height: 20px; background-color: rgba(0, 0, 0, 0.4); }
#top-menu a.active { background-color: #333; color: #fff; }

@media only screen and (max-width: 767px) { #top-menu a { padding: 2px 10px; font-size: 12px; } }
#main { margin-top: 15px; }

body { background-color: #333; }

.shadow-box { background-color: #fff; border: 1px solid #000; box-shadow: 1px 1px 8px #000; }

.title-box { color: black; background-color: #efefef; padding: 15px; border-bottom: 1px dotted #ccc; }
.title-box h1, .title-box .h1 { margin: 0; }
.title-box .summary { color: #666; line-height: 1.5em; margin-top: 10px; }

.content-box { padding: 15px; }

#sidebar { padding-right: 0; margin-bottom: 15px; }
#sidebar #navigation { background-color: #ccc; border: 1px solid #333; box-shadow: 1px 1px 4px #111; }
#sidebar ul.nav.nav-pills.nav-stacked li a { color: #666; border-radius: 0; padding-top: 8px; padding-bottom: 8px; }
#sidebar ul.nav.nav-pills.nav-stacked li.active a { background-color: #999; color: #000; }
#sidebar li.level2 a { padding-left: 30px; }
#sidebar li.level3 a { padding-left: 45px; }
#sidebar .sidebar-addendum { margin-top: 15px; }

@media (max-width: 768px) { #sidebar { padding-right: 15px; } }
html, body { height: 100%; padding: 0; margin: 0; }

#wrap { min-height: 100%; height: auto !important; margin: 0 auto -70px; padding: 0 0 70px; }

#footer { padding-top: 20px; }
#footer #footer-inner { height: 50px; border-top: 1px solid #262626; background-color: #666; box-shadow: inset 1px 1px 6px #333; }

@media (max-width: 767px) { #footer .footer-text { font-size: 80%; margin: 0 2px; } }
#footer .footer-text { text-align: center; padding-top: 10px; }
#footer .footer-text a, #footer .footer-text { color: #ddd; margin: 4px 5px; }

.image-right { margin-left: 15px; margin-bottom: 15px; }

body.home .content-box { padding: 20px; }
body.home .heading { margin: 20px 0 0px 0; font-size: 28px; }
body.home .heading i { padding-right: 10px; }
body.home .heading span { color: #333; }
body.home .thumbnail { word-break: break-all; }
body.home .thumbnail .b { font-size: 16px; }
body.home p.big { font-size: 16px; }
body.home .download a { color: white !important; font-size: 16px; }
body.home .download a i, body.home .download a span { line-height: 35px; vertical-align: middle; display: inline-block; }
body.home .light, body.home .dark, body.home .lighter, body.home .darker { padding-top: 15px; padding-bottom: 15px; }
body.home .dark, body.home .darker { color: #fff; background-color: #333; }
body.home .dark a, body.home .darker a { color: #9fc5ee; }
body.home .dark a:visited, body.home .darker a:visited { color: #74abe7; }
body.home .darker { background-color: #262626; }
body.home .light, body.home .lighter { color: #000; background-color: #eee; }
body.home .lighter { background-color: white; }
body.home .b { font-weight: bold; }
body.home .introtext { font-size: 1.5em; }
body.home ul.fa-ul { margin-left: 22px; }