/**
 * green: #a3ffda
 * bgrnd blue: #e9eef1
 * blue: #0f47ff
 * other? blue: #0f3bff
 */
/**
 * blue: #184b9e
 * green: #3fffb7
 */


html {
  font-size: 62.5%
}
body {
  font-size: 1.4rem;
  background-color: #e9eef1;
  font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
  margin-bottom: 100px;
  min-width: 1000px;/*1155px;*/
}
ul, li { margin: 0; padding: 0; }
li { list-style: none; display: inline-block; }
ul.dashed {
  list-style-type: none;
  margin-left: 5px;
}
ul.dashed > li {
  text-indent: -5px;
}
ul.dashed > li:before {
  content: "- ";
  text-indent: -5px;
}

a {
    color: black;
}

h1 {
  text-align: center;
}
.clear { clear: both; }

.section, .spacer {
  margin-bottom: 100px;
}
.section > h1 > span.tilde > img {
    width: 81px;
}

.preload {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    width: 1px;
}

.tilde {
    background-repeat: repeat-x;
    background-position: center center;
    background-size: contain;
    margin: 2px 0;
}
.tilde.tilde-blue-white {
    background-image: url("/seedjourney/img/section/tilde-double-blue-white@2x.png");
    height: 25px;
}
.tilde.tilde-black-white {
    background-image: url("/seedjourney/img/section/tilde-black-white@2x.png");
}
.tilde.tilde-blue-blue {
    background-image: url("/seedjourney/img/section/tilde-blue-blue@2x.png");
}
.tilde.tilde-red-blue {
    background-image: url("/seedjourney/img/section/tilde-red-blue@2x.png");
}

.section > h1 span.tilde {
  background-size: auto;
  display: block;
  position: relative;
}
.section > h1 span.tilde > img {
  background-color: #e9eef1;
  padding: 0 1.5rem;
}
.top-btn {
    background: none;
    position: absolute;
    right: 30px;
    top: 27px;
    width: 30px;
    height: 20px;
}
.top-btn img {
    width: 100%;
}

h2.minor-heading.tilde {
    background-size: auto auto;
    color: #0f3bff;
    font-size: 1.4rem;
    line-height: 1.4rem;
    margin: 4rem 2.3rem;
    text-align: center;
    text-transform: uppercase;
}
h2.minor-heading.tilde span {
    background-color: #e9eef1;
    padding: 0 1.0rem;
}

.blue-text {
  color: #0f3bff;
}


.page {
    margin: 0 auto;
    max-width: 1155px;
}
#header {
    position: relative;
    min-height: 500px;
}
#header #nav {
    /*
    background-position: center bottom;
    background-repeat: no-repeat;
    */
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    min-height: 500px;
}
#donatePage #header,
#donatePage #header #nav {
    min-height: 0;
    position: static;
    left: auto;
    top: auto;
}
#archivePage #header,
#archivePage #header #nav {
  min-height: 350px;
}
#donatePage #header.section,
#archivePage #header.section {
    margin-bottom: -40px;
}
#header #boat {
    left: 0;
    position: absolute;
    text-align: center;
    top: 130px;
    width: 100%;
    z-index: 1;
}
#header #boat img {
    width: 372px;
}
#header #navwrpr {
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2;
}
#donatePage #header #navwrpr,
#archivePage #header #navwrpr {
    position: static;
    left: auto;
    top: auto;
}
#donateOptions,
#archivePage #archiveWrpr {
    margin-top: 4rem;
}
#header #navwrpr #logo {
    width: 143px;
}
#header #navwrpr #title img {
    width: 232px;
}
#header #navwrpr table {
    width: 100%;
}
#header #navwrpr td {
    text-transform: uppercase;
    vertical-align: top;
}
#header #navwrpr td > span {
    white-space: nowrap;
}
#header #navwrpr td.img-map-cell {
}
#header #navwrpr td.img-map-cell > img {
    margin-top: 70px;
}
#header #navwrpr td.img-map-cell.img-map-left  {
  padding-left: 34px;
  text-align: right;
}
#header #navwrpr td.img-map-cell.img-map-right {
  text-align: left;
}
#header #navwrpr td.img-map-cell.img-map-left  > img {
  width: 235px;
  margin-right: 20px;
}
#header #navwrpr td.img-map-cell.img-map-right > img {
  width: 285px;
  margin-left: 20px;
}
#header #navwrpr td.nav-logo-cell {
  width: 232px;
}
#header #nav a {
  color: black;
  text-decoration: none;
}
#header #nav a:hover {
  color: #0f3bff;
}
#header #nav td span a span {
  padding: 2px;
}
#header .donate-btn-table-cell {
    position: relative;
}
#facebookLogo {
    position: absolute;
    right: 35px;
    top: 11px;
    z-index: 3;
}
#facebookLogo img {
    width: 27px;
}
#donateBtn {
    position: absolute;
    right: 27px;
    top: 50px;
    z-index: 3;
}
#donateBtn img {
    width: 77px;
}
#donatePage #donateBtn,
#archivePage #donateBtn {
    display: none;
}

#header #news {
  position: absolute;
  top: 35%;
  left: 0;
  width: 100%;
  z-index: 2;
}
#donatePage #header #news {
  display: none;
}
#archivePage #header #news {
  top: 230px;
}
#logbookPage #header {
  min-height: 635px;
}

#header ul.header-imgs {
    right: 1%;
    position: absolute;
    top: 50%;
    white-space: nowrap;
    z-index: 3;
}
#header ul.header-imgs.left {
    right: auto;
    left: 1%;
}
#header ul.header-imgs li:nth-of-type(1) {
    margin: 0 4rem 0 0;
}
#header ul.header-imgs li {
    background-image: url("/seedjourney/img/spacer.png");
    background-position: center center;/*150px 0;*/
    background-repeat: no-repeat;
    background-size: auto 100px;
    height: 100px;
    width: 150px;
}
#header .header-imgs-wrpr.delay-ready ul.header-imgs li {
    background-image: url("/seedjourney/img/horizon/datebook-all.2@2x.jpg");
}
#header ul.header-imgs li.horizon-1 {background-position:    0px 0;}
#header ul.header-imgs li.horizon-2 {background-position: -150px 0;}
#header ul.header-imgs li.horizon-3 {background-position: -300px 0;}
#header ul.header-imgs li.horizon-4 {background-position: -450px 0;}
#header ul.header-imgs li.horizon-1:hover {background-position:  -600px 0;}
#header ul.header-imgs li.horizon-2:hover {background-position:  -750px 0;}
#header ul.header-imgs li.horizon-3:hover {background-position:  -900px 0;}
#header ul.header-imgs li.horizon-4:hover {background-position: -1050px 0;}
#header ul.header-imgs li a.logbook-open-tn {
  display: inline-block;
  height: 100%;
  width: 100%;
}

#intro {
  text-align: center;
  margin: 0 auto;
}
#intro ul.cards {
    margin-left: 18%;
    width: 64%;
}
#intro ul.cards li {
    float: left; /* hack along with parent ul styles */
    background-color: white;
    margin: 0 1%;
    max-width: 340px;
    padding: 0;
    text-align: left;
    width: 48%;
}
#intro ul.cards li p {
    line-height: 1.7rem;
}
#intro ul.cards .card-wrpr {
    padding: 20px;
}
#intro ul.cards img {
    width: 100%;
}
.section ul.cards h2 {
    background-size: auto 4px;
    font-size: 1.6rem;
    font-weight: normal;
    margin: 0 0 2rem;
    text-align: center;
    text-transform: uppercase;
}
.section ul.cards h2 span {
    background-color: white;
    padding: 0 0.4rem;
}

#sjroute {
    padding-top: 1rem;
}
#sjroute span {
  display: block;
}
#sjroute li {
  display: block;
}
#sjroute #schedule {
  /* url(/seedjourney/img/map@2x.jpg) */
  background: url(/seedjourney/img/spacer.png) center no-repeat #a3ffda;
  background-size: auto 100%;
  display: table;
  padding: 2rem 0;
  width: 100%;
}
#sjroute #schedule .leg {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    width: 33%;
}
#sjroute #schedule .leg.leg-1 {
}
#sjroute #schedule .leg.leg-2 {
}
#sjroute #schedule .leg .major {
  font-size: 1.6rem;
  font-weight: bold;
  text-transform: uppercase;
}
#sjroute #schedule .leg .minor {
  font-size: 1.4rem;
  text-transform: uppercase;
}
#sjroute #schedule .leg ul.leg-dates {
  margin-top: 3rem;
}
#sjroute #schedule .leg ul.leg-dates li.leg-date {
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
#sjroute #schedule .leg ul.leg-dates li.leg-date .leg-when {
}
#sjroute #schedule .leg ul.leg-dates li.leg-date .leg-where {
  font-weight: bold;
}
#sjroute #schedule .leg.leg-2 .leg-three-separator {
  margin-bottom: 2rem;
}

#about {
  background-color: white;
  text-align: center;
  margin: 0 auto;
  width: 90.4762%;
}
#about ul.cards {
  display: table;
  width: 100%;
}
#about ul.cards li {
    display: table-cell;
    font-size: 1.3rem;
    line-height: 1.5rem;
    padding: 1% 2%;
    text-align: left;
    width: 33%;
}
#about ul.cards li h2 {
  text-transform: uppercase;
  margin: 1rem 1rem 2.5rem;
  font-size: 1.4rem;
}
#about ul.cards li img {
  margin-bottom: 2rem;
  width: 100%;
}
#about ul.cards li p {
  line-height: 1.7rem;
}
#about ul.cards li p .blue-label {
  color: #0f47ff;
}
#about ul.cards li p .partner-name {
  text-decoration: underline;
  font-weight: bold;
}
#about ul.cards li p .partner-descr {
  display: block;
}
#about ul.cards li .blue-heading {
    color: #0f3bff;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
}
#about ul.cards li .footnote {
    font-style: italic;
    font-size: 1.2rem;
}


#sjwind, #sjprog {
  margin-top: 100px;
}
#sjwind .section-content, #sjprog .section-content {
  margin: 0 auto;
  width: 90.4762%;
}
#sjwind .intro-text {
  font-family: "Courier New",monospace;
  font-size: 1.6rem;
  margin-top: 3rem;
  padding: 0 25px;
}
#sjwind .li-wrpr .sec-head {
  display: block;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}
#sjwind .li-wrpr img.sec-img,
#sjprog .li-wrpr img.sec-img {
  display: block;
  width: 100%;
}
#sjwind .li-wrpr img.sec-label {
  /* for alt if img doesn't load */
  display: block;
  font-size: 2rem;
  height: 2.0rem;
  margin: 0 auto 0.6rem;
  max-width: 100%;
  text-transform: uppercase;
}

#sjprog .program-location {
  height: 4.8rem;
  margin-bottom: 1.5rem;
  margin-top: 2rem;
}
#sjprog .program-location > img {
  height: 3.8rem;
  font-size: 1.9rem;
  max-width: 100%;
}
#sjprog .program-host-label > img {
  height: 8px;
}
#sjprog .program-host img.program-name {
  font-size: 1.7rem;
  height: 16px;
  max-width: 100%;
}
#sjprog .program-host img.program-name-note {
  height: 10px;
}
#sjprog .program-descr-1 { margin-top: 52px; }
#sjprog .program-descr-2 { margin-top: 35px; }
#sjprog .program-descr-3 { margin-top: 52px; }
#sjprog .program-descr span,
#sjprog .program-descr strong {
  display: block;
}
#sjprog .program-descr li {
  display: block;
  float: none !important;
  padding: 0 !important;
  width: auto !important;
}

.program-heading span {
  font-size: 1.8rem;
  font-weight: normal;
  padding: 0 2rem !important;
}

#sjcrew {
    padding-top: 1rem;
}
#sjcrew .img-placeholder {
  width: 100%;
  height: 200px;
  background-color: #0f3bff;
}
#sjcrew .crew-img-wrpr {
    background-image: url("/seedjourney/img/spacer.png");
    background-repeat: no-repeat;
    background-size: auto 200px;
    background-position: 300px 0; /* off the charts for missing images */
    height: 200px;
    margin: 0 auto;
    width: 300px;
}
#sjcrew #captains.delay-ready .crew-img-wrpr,
#sjcrew #crewList.delay-ready .crew-img-wrpr {
    background-image: url("/seedjourney/img/crew/all-crew@2x.jpg?1");
}
#sjcrew .crew-img-wrpr.c-amy      { background-position:     0px 0; }
#sjcrew .crew-img-wrpr.c-anna     { background-position:  -300px 0; }
#sjcrew .crew-img-wrpr.c-audrey   { background-position:  -600px 0; }
#sjcrew .crew-img-wrpr.c-borre    { background-position:  -900px 0; }
#sjcrew .crew-img-wrpr.c-carlemil { background-position: -1200px 0; }
#sjcrew .crew-img-wrpr.c-didier   { background-position: -1500px 0; }
#sjcrew .crew-img-wrpr.c-fernando { background-position: -1800px 0; }
#sjcrew .crew-img-wrpr.c-hanan    { background-position: -2100px 0; }
#sjcrew .crew-img-wrpr.c-ignacio  { background-position: -2400px 0; }
#sjcrew .crew-img-wrpr.c-joe      { background-position: -2700px 0; }
#sjcrew .crew-img-wrpr.c-johan    { background-position: -3000px 0; }
#sjcrew .crew-img-wrpr.c-jorund   { background-position: -3300px 0; }
#sjcrew .crew-img-wrpr.c-kobe     { background-position: -3600px 0; }
#sjcrew .crew-img-wrpr.c-martin   { background-position: -3900px 0; }
#sjcrew .crew-img-wrpr.c-michael  { background-position: -4200px 0; }
#sjcrew .crew-img-wrpr.c-vivien   { background-position: -4500px 0; }
#sjcrew .crew-img-wrpr.c-alfonso  { background-position: -4800px 0; }
#sjcrew .crew-img-wrpr.c-marthe   { background-position: -5100px 0; }

#sjwind .section-content,
#sjprog .section-content,
#sjcrew #captains {
  background-color: white;
  padding-top: 3rem;
  text-align: center;
}
#sjwind .section-content h2.tilde,
#sjprog .section-content h2.tilde,
#sjcrew #captains h2.tilde {
    background-size: auto auto;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.4rem;
    margin: 0 25px;
    text-transform: uppercase;
}
#sjwind .section-content h2.tilde span,
#sjprog .section-content h2.tilde span,
#sjcrew #captains h2.tilde span {
    background-color: white;
    padding: 0 1.8rem;
}
#sjwind .section-content li.section-li,
#sjprog .section-content li.section-li,
#sjcrew #captains li {
    float: left;
    font-size: 1.3rem;
    padding: 1rem 0;
    text-align: center;
    width: 33.3333%;
}
#sjwind .section-content li.section-li,
#sjprog .section-content li.section-li {
    text-align: left;
}
#sjwind .section-content li.section-li .li-wrpr,
#sjprog .section-content li.section-li .li-wrpr {
  padding: 2rem 21px;
}
#sjcrew #captains li .li-wrpr {
    padding: 2rem 50px;
}
#sjcrew #captains li .crew-name {
  display: block;
  font-style: italic;
}
#sjcrew #captains li .crew-from {
  display: block;
  font-style: italic;
}
#sjcrew #captains li p {
    line-height: 1.7rem;
}
#sjcrew #crewList {
  background-color: white;
}
#sjcrew #crewList .crew-col-wrpr {
    padding-top: 4rem;
}
#sjcrew #crewList .crew-col-wrpr .crew-col {
}
#sjcrew #crewList .crew-col-wrpr .crew-col .crew-member {
    font-size: 1.3rem;
    margin-bottom: 7rem;
}
#sjcrew #crewList .crew-col-wrpr .crew-col .crew-member p {
    line-height: 1.7rem;
}


.cm-header {
    margin-bottom: 1rem;
}
.crew-member .cm-header .tilde {
    display: block;
    height: 4px;
}
.crew-member .cm-header > h4 {
    color: #0f3bff;
    font-style: italic;
    margin: 0;
    text-align: center;
}
.crew-member .cm-role, 
.crew-member .cm-origin {
    display: block;
    font-style: italic;
    text-align: center;
}
.crew-member .on-board h5 {
    font-size: 1.4rem;
    font-style: italic;
    margin-bottom: 0;
    text-decoration: underline;
}
.crew-member .on-board > span {
    color: #0f47ff;
    font-style: italic;
}

.crew-col-wrpr {
    text-align: center;
}
.crew-col {
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
.crew-col.crew-col-center {
    margin: 0 50px;
}
.crew-col .crew-member {
    display: block;
    width: 300px;
}




#sjdonate {
    overflow: hidden;
    position: relative;
}
#sjdonate ul.cards.donate-cards {
    margin: 0 auto;
    position: relative;
    text-align: center;
    min-width: 1000px;
    width: 86.5801%;
}
#sjdonate ul.cards.donate-cards li {
    background-color: white;
    display: block;
    float: left;
    font-size: 1.3rem;
    margin: 0;
    max-width: 300px;
    width: 33.333%;
}
#sjdonate ul.cards.donate-cards li:nth-of-type(2) {
    margin: 0px 50px;
}
#sjdonate ul.donate-cards li img {
    width: 100%;
}
#sjdonate ul.donate-cards li .li-wrpr {
    padding: 15px;
}
#sjdonate ul.donate-cards .tilde {
    display: block;
    height: 4px;
}
#sjdonate ul.donate-cards h3 {
    font-weight: normal;
    margin: 0.3rem 0;
}
#sjdonate ul.donate-cards h4 {
    font-size: 1.6rem;
    font-weight: normal;
    margin: 2rem 0 0.3rem;
    text-transform: uppercase;
}
#sjdonate ul.donate-cards h5 {
    font-size: 1.3rem;
}
#sjdonate ul.donate-cards .amount {
    color: red;
    font-size: 5rem;
}
#sjdonate ul.donate-cards:hover h4 {
    /*color: #0f3bff;*/
}
#sjdonate ul.donate-cards .donate-card-btn {
    margin-top: 2rem;
}
#sjdonate ul.donate-cards .donate-card-btn img {
    width: 129px;
}


.resources ul.resources-cols > li {
    padding: 1%;
    text-align: center;
    vertical-align: top;
    width: 31%;
}
.resources ul li h3 {
    font-size: 1.4rem;
    font-weight: normal;
    margin: 0 0 2rem;
}
.resources ul li h4 {
    font-size: 1.4rem;
    font-weight: normal;
    margin: 1rem 0 0;
}
.resources ul li ul.link-list {
    margin-bottom: 2rem;
}
.resources ul li ul.link-list li {
    display: list-item;
    width: 100%;
}
.resources ul li ul.link-list li a {
    font-style: italic;
}
.resources a:hover {
    color: #0f3bff;
}




/*** DONATE PAGE ***/


#donatePage #donateOptions > h1.tilde {
    background-size: auto auto;
    margin-bottom: 1rem;
}
#donatePage #donateOptions > h1.tilde img {
    background-color: #e9eef1;
    padding: 0 2rem;
}
#donatePage .donation-option {
    margin: 0 auto;
    max-width: 900px;
}

#donatePage .donation-option .buy-now form {
    position: relative;
}
#donatePage .donation-option .buy-now form:hover .donate-hover {
    display: block;
}
#donatePage .donation-option .donate-hover {
    background-color: white;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#donatePage .donation-option .donate-hover > a {
    display: inline-block;
    height: 100%;
    width: 100%;
}
#donatePage .donation-option .donate-hover img {
    max-width: 100%;
}
#donatePage .donation-option .buy-now input[name="submit"] {
    height: 75px;
}

.donation-option img.full-width {
    margin-bottom: 54px;
    /*width: 100%;*/
    width: 900px;
    height: 675px;
}
.donation-option .details {
    min-height: 300px; /* the javascript will have to adjust this */
}
.donation-option .details > div {
    background-color: white;
    display: inline-block;
    height: 100%;
    padding: 0 28px;
    vertical-align: top;
    width: 214px;
}
.donation-option .details .description .descr-space {
    padding-bottom: 3rem;
}
.donate-crew .descr-space a {
    color: red;
    text-decoration: none;
}
.donation-option .details > div.small-donation-img {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    width: 270px;
}
.donation-option .details > div:nth-of-type(2) {
    margin: 0 45px;
}
.donation-option .details > div .descr-space {
    height: 100%;
}
.donation-option .descr-space h2,
.donation-option .descr-space .opt-note,
.donation-option .descr-space .opt-level {
    color: #0f3bff;
    font-size: 3.2rem;
    font-weight: lighter;
}
.donation-option .descr-space h2 {
    font-style: italic;
    margin-bottom: 0;
}
.donation-option .descr-space h2 .aside {
    font-style: normal;
}
.donation-option.donate-cyoa .descr-space h2 {
    margin-bottom: 3rem;
}
.donation-option.donate-crew .descr-space .opt-note {
    font-size: 2.0rem;
}
.donation-option.donate-cyoa .descr-space .opt-note {
    font-style: italic;
}
.donation-option .descr-space .opt-level {
    margin-bottom: 3rem;
}
.donation-option.donate-cyoa .descr-space .opt-level {
    font-style: italic;
    margin-bottom: 0;
}
.donation-option .details .small-donation-img > img {
    width: 100%;
}
.donation-option .details p {
    color: #0f3bff;
}
.donation-option .descr-space h4, 
.donation-option .descr-space ul li {
    color: #0f3bff;
}
.donation-option .descr-space ul {
    margin-left: 10px;
}
.donation-option .descr-space ul > li::before {
    content: "- ";
}
.donation-option .descr-space ul > li {
    text-indent: -10px;
}
.donation-option .buy-now {
    background-color: white;
    margin-bottom: 82px;
    margin-top: 30px;
    padding: 1rem;
    text-align: center;
}





/*** ARCHIVE PAGE ***/

#archive ul {
    margin: 0 auto;
    width: 80%;
}
#archive li.horizon-archive {
    color: blue;
    display: inline;
}
#archive li.horizon-archive .ha-date {
    font-size: 1rem;
    font-weight: bold;
    text-decoration: underline;
}
#archive li.horizon-archive .ha-loc a {
    color: #3fffb7;
    display: inline-block;
    font-weight: bold;
    padding: 0 3px;
    text-decoration: none;
}
#archive li.horizon-archive .ha-loc a:hover {
    background-color: #184b9e;
}
#archive li.horizon-archive > * {
    line-height: 2rem;
}


#logbookwrpr {
    display: none;
    height: 100%;
    left: 20%;
    position: absolute;
    top: 200px;
    width: 46%;
    z-index: 5;
}
#logbookCover {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
}
body.log-book #logbookCover,
body.log-book #logbookwrpr {
    display: block;
}
body.log-book .page {
    overflow: hidden;
}
#title img.log-book-title {
    display: none;
}
body.log-book #title img.log-book-title {
    display: inline-block;
}
body.log-book #title img.seed-journey-title {
    display: none;
}
body.log-book a.log-book-open span {
  background-color: #3fffb7;
}
#logbookwrpr #logbook {
    background-color: white;
    font-family: "Courier New",monospace;
    color: #444; /* decided to lighten it a bit */
    padding: 2rem 4rem;
}
#logbookwrpr #logbook .plain {
    font-weight: normal;
}
#logbookwrpr #logbook .italic {
    font-style: italic;
}
#logbookwrpr #logbook .centered {
    text-align: center;
}
#logbookwrpr #logbook img {
    max-width: 100%;
}
#logbookwrpr #logbook img.padded {
    margin-bottom: 15px;
}
#logbookwrpr .close {
  cursor: pointer;
  font-size: 2.0rem;
  position: absolute;
  right: 20px;
  top: 10px;
}
#logbookwrpr .lb-entries .lb-entry {
  display: none;
}
#logbookwrpr .lb-entries .lb-entry.active {
  display: block;
}




#sjlogbook {
  margin-top: -340px;
  position: relative;
  z-index: 2;
}
#logbookPage #header #nav {
  min-height: 0;
}


#logbookArchive {
  margin-bottom: 10rem;
}
#logbookArchive .logbook-archive-entry {
  float: left;
  margin: 0 0 3rem;
  padding: 0 1%;
  text-align: center;
  width: 23%;
}
#logbookArchive .logbook-archive-entry.no-hover-image:hover {
  opacity: 0.8;
}

#logbookArchive .logbook-archive-entry img {
  height: 170px;
  max-width: 100%;
}
#logbookArchive .logbook-archive-entry > a {
  text-decoration: none;
}
#logbookArchive .logbook-archive-entry .lbae {
  display: block;
  font-size: 1.8rem;
  line-height: 2rem;
  /*overflow: hidden;*/
  text-align: center;
  text-overflow: ellipsis;
  width: 100%;
}
.logbook-archive-entry a.lb-archive-tn {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 170px;
  display: inline-block;
  height: 170px;
  width: 100%;
}