body { display: flex; flex-direction: column; min-height: 100vh; }

#masthead { flex: 0 1; }

#main { flex: 1 1; }

#footer { flex: 0 1; }

.skip-link { position: absolute; left: -1312px; }
.skip-link:focus { position: initial; }

#masthead { min-height: 110px; background-color: #5e9ee3; background: 0% 50% url(/assets/images/riseup/murder-of-crows-with-text.svg) no-repeat; background-size: cover !important; }

.masthead-inner { min-height: 110px; }

#top-menu { position: absolute; bottom: 0px; margin: 0; }
#top-menu li { float: left; }
#top-menu a { display: block; padding: 5px 14px; color: white; font-size: 14px; line-height: 20px; background-color: rgba(0, 0, 0, 0.15); }
#top-menu a.active { background-color: #e6e3dc; color: black; box-shadow: inset 1px 1px 2px #fff; }

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

body { background-color: #e6e3dc; }

.shadow-box { background-color: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 4px #CCC9C3; }

.title-box { color: black; background-color: #efefef; padding: 15px; border-bottom: 1px dotted #ccc; }
.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: #eee; border: 1px solid #bbb; box-shadow: 1px 1px 4px #CCC9C3; }
#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: #CCC9C4; color: #000; }
#sidebar li.level2 a { padding-left: 30px; }
#sidebar li.level3 a { padding-left: 45px; }
#sidebar .sidebar-addendum { margin-top: 15px; }
#sidebar a { color: black; }

@media (max-width: 768px) { #sidebar { padding-right: 15px; } }
#footer { margin-top: 20px; padding: 15px; background: #555; color: white; }
#footer a { color: white; }

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

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

.indent { margin-left: 2em; }

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

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

.btn-download { font-size: 150%; border: 1px solid #999; border-radius: 4px; padding: 14px; display: inline-block; background-color: #efefef; margin: 0px 10px 10px 0px; color: #555; }
.btn-download:hover { color: black; background-color: #ddd; text-decoration: none; }
.btn-download:visited { color: #555; }

div.page-summary { margin-top: 20px; }
div.page-summary .summary { margin: 4px 0; }

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

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

.logo { min-height: 87px; padding-left: 280px; padding-top: 10px; background: url(images/riseup-rainbow.png) no-repeat; }

@media only screen and (max-width: 590px) { .logo { padding-left: 94px; padding-top: 65px; } }
.feed { border: 1px dotted #ccc; }
.feed .item { border-top: 1px dotted #ccc; padding: 15px; }
.feed .item .label { font-size: 1em; white-space: normal !important; display: block; text-align: left; padding: 6px; line-height: 1.3em; }
.feed .item .date { font-style: italic; line-height: 2em; }
.feed h2 { font-weight: bold; font-size: 1.1em; line-height: 1.5em; padding: 15px; margin: 0; background: #f9f9f9; }

h1.green, h1.red, h1.black { line-height: 48px; height: 48px; padding-left: 56px; margin-top: 30px; }

h1.green { background: url(/assets/images/riseup-green.png) no-repeat; }

h1.black { background: url(/assets/images/riseup-black.png) no-repeat; }

h1.red { background: url(/assets/images/riseup-red.png) no-repeat; }

.badge-danger { color: #fff; background-color: #dc3545; }

.badge-warning { color: #212529; background-color: #ffc107; }

.badge-info { color: #fff; background-color: #17a2b8; }

.d-inline-block { display: inline-block !important; }

#riseup-bar { color: #fff; padding: 6px 6px 6px 30px; background-color: #222; background-position: 6px 50%; background-size: 20px; background-repeat: no-repeat; }
#riseup-bar a { color: #fff; }
#riseup-bar.nav-account { background-image: url(/assets/images/riseup/nav-account.svg); }
#riseup-bar.nav-email { background-image: url(/assets/images/riseup/nav-email.svg); }
#riseup-bar.nav-groups { background-image: url(/assets/images/riseup/nav-groups.svg); }
#riseup-bar.nav-home { background-image: url(/assets/images/riseup/nav-home.svg); }
#riseup-bar.nav-lists { background-image: url(/assets/images/riseup/nav-lists.svg); }
#riseup-bar.nav-pad { background-image: url(/assets/images/riseup/nav-pad.svg); }
#riseup-bar.nav-share { background-image: url(/assets/images/riseup/nav-share.svg); }
#riseup-bar.nav-support { background-image: url(/assets/images/riseup/nav-support.svg); }

#riseup-nav .hover-item { display: inline-block; }
#riseup-nav .dropdown { position: absolute; z-index: 1000; display: block; width: inherit; left: 10px; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s; }
#riseup-nav .menu { background: #444; color: #fff; padding: 0px; display: inline-block; font-size: 12px; }
#riseup-nav .spacer { height: 16px; }
#riseup-nav .section { padding: 14px 14px 0 14px; }
#riseup-nav .chiclets { padding: 10px 6px 5px 6px; }
#riseup-nav .chiclets a { color: #fff; width: 64px; height: 80px; text-align: center; margin: 0px 4px; display: inline-block; background-size: 48px; background-repeat: no-repeat; background-position: 8px 4px; overflow: hidden; line-height: 13px; padding-top: 54px; }
#riseup-nav .chiclets a:hover { outline: 1px solid white; transition: .3s background-color; text-decoration: none; }
#riseup-nav .menu:after { top: -3px; left: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-bottom-color: #333; border-width: 10px; margin-left: -10px; }
#riseup-nav .hover-item:hover .dropdown { visibility: visible; opacity: 1; }
#riseup-nav .chiclets a.nav-home { background-image: url(/assets/images/riseup/nav-home.svg); }
#riseup-nav .chiclets a.nav-donate { background-image: url(/assets/images/riseup/nav-donate.svg); }
#riseup-nav .chiclets a.nav-account { background-image: url(/assets/images/riseup/nav-account.svg); }
#riseup-nav .chiclets a.nav-support { background-image: url(/assets/images/riseup/nav-support.svg); }
#riseup-nav .chiclets a.nav-email { background-image: url(/assets/images/riseup/nav-email.svg); }
#riseup-nav .chiclets a.nav-vpn { background-image: url(/assets/images/riseup/nav-vpn.svg); }
#riseup-nav .chiclets a.nav-lists { background-image: url(/assets/images/riseup/nav-lists.svg); }
#riseup-nav .chiclets a.nav-pad { background-image: url(/assets/images/riseup/nav-pad.svg); }
#riseup-nav .chiclets a.nav-share { background-image: url(/assets/images/riseup/nav-share.svg); }
#riseup-nav .chiclets a.nav-groups { background-image: url(/assets/images/riseup/nav-groups.svg); }
#riseup-nav .nav-red { background: #300; }
#riseup-nav .nav-black { background: #000; }
#riseup-nav .nav-green { background: #020; }
#riseup-nav .nav-grey { background: #333; }

/* Compiled CSS from Bootstrap 4's responsive embeds */
.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; }

.embed-responsive::before { display: block; content: ""; }

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.embed-responsive-21by9::before { padding-top: 42.85714%; }

.embed-responsive-16by9::before { padding-top: 56.25%; }

.embed-responsive-4by3::before { padding-top: 75%; }

.embed-responsive-1by1::before { padding-top: 100%; }