/*a, a img, button {outline : none !important;}*/
#stagingServerAlert {display: none !important;}
html{
  /*background-color: hsl(40, 15%, 25%) !important;*/
}
body{
  font-family: "IBM Plex Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  color: hsla(40, 15%, 17%, 1);
}
html#ecwid_html body#ecwid_body .ecwid, html#ecwid_html body#ecwid_body .ecwid-minicart, html#ecwid_html body#ecwid_body .ecwid-SearchPanel, html#ecwid_html body#ecwid_body .dateBoxPopup, html#ecwid_html body#ecwid_body .gwt-PopupPanel,body#ecwid_body p, body#ecwid_body div {
  font-family: "IBM Plex Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
  color: hsla(40, 15%, 17%, 1);
}
.font-normal {
  font-family: "IBM Plex Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
  font-weight: 400 !important;
}
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
  font-family: "IBM Plex Sans Condensed", "IBM Plex Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  opacity: .7;
  font-weight: 700;
}
a {
  color: hsl(211, 70%, 50%);
}
@media (max-width: 768px) {
  .h1, h1{
    font-size: 1.75rem;
  }
  .h2, h2{
    font-size: 1.6rem;
  }
  .h3, h3{
    font-size: 1.4rem;
  }
  .h4, h4{
    font-size: 1.3rem;
  }
  .h5, h5{
    font-size: 1.2rem;
  }
}

.hide, .hidden {display:none;}
.show{display:block;}

.alert{
  background-color: #ffc;
}

.light-gray, .light-grey{
  color: hsl(40, 15%, 50%);
}

.right {
  text-align: right;
}
.red {
  color: #ff0000;
}

.nowrap {
  white-space: nowrap;
}
.inline-block {
  display:inline-block;
}
.title-case {
  text-transform: capitalize;
}
.tiny, .tiny * {
  font-size: .70rem !important;
}
.bold {
  font-weight: 600;
}
blockquote {
  margin: 0 2em;
}
.pointer{
  cursor: pointer;
}

table {
  line-height: 1em;
}

#navbar-wrapper {
}
nav.fixed-top {
  /*background-color: hsl(40, 15%, 40%) !important;*/
  background-color: rgba(255, 255, 255, .94);
  box-shadow: 0 4px 5px rgba(0, 0, 0, .3);
}
#navbar-search input {
  width: 15em;
  background-color: white;
}
.navbar #user-panel {
  position: absolute;
  right: 15px;
  text-align: right;
}
#navbar-search .input-group {
  flex-wrap: nowrap;
}
#quicksearch-menu {
  padding: 1rem;
}
@media (max-width: 991px) {
  #navbar-search {
    margin: .8rem auto .5rem !important;
  }
  #navbar-search input {
    width: 13em;
  }
  #quicksearch-menu {
    padding: 0;
  }
  .navbar #user-panel {
    position: relative;
    right: auto;
    text-align: right;
  }
}
.navbar a{
  color: hsla(40, 12%, 17%, 1);
  opacity: .8;
}
.navbar a:focus, .navbar a:hover{
  opacity: 1;
  text-decoration: none;
}
.navbar-nav .collapsing-dropdown {
  position: absolute;
  top: 54px;
  left: 0;
  padding: 0;
  background-color: rgba(255, 255, 255, .94);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, .3);
  border: 0;
  border-radius: 0;
}
@media (max-width: 991px) {
  .navbar-nav .collapsing-dropdown {
    padding-left: 10px;
    background-color: inherit;
  }
}
.navbar-nav .collapsing-dropdown li:focus a, .navbar-nav .collapsing-dropdown li:hover a{
  color: #000;
  background-color: #ddd;
  text-decoration: none;
}
.navbar-nav .collapsing-dropdown li a{
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: .25rem .5rem;
}
.navbar-nav .collapsing-dropdown{
  padding-bottom: 0;
}
.navbar-nav .collapsing-dropdown li{
  padding: 0;
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem; 
  }
}
@media (max-width: 991px) {
  .navbar-nav .nav-item .nav-link{
    padding: .7rem .5rem;
    font-size: 1.25rem;
  }
  .navbar-nav .collapsing-dropdown {
    position: relative;
    box-shadow: none;
    top: auto;
    margin-top: 0;
  }
}

@media (max-width: 991px) {
    .navbar {
        overflow: auto;
        max-height: 100%;
        max-height: 100vh;
        align-items: unset;
    }
}
textarea {
  width: 100% !important;
  border: 1px solid rgba(123, 116, 99, .5);
}

.navbar-toggler {
  border: 0;
}
a.navbar-brand {
  position: relative;
  opacity: 1 !important;
  display: inline-block;
  padding: 0;
  margin-top: 0;
  height: 52px;
  width: 186px;
  background-image: url('/images/site/bookcrossing-logo-new.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 20px;
}
a.navbar-brand span{
  display: inline-block;
  position: absolute;
  font-size: 11px;
  color: #999;
  top: 34px;
  left: 52px;
}
a.navbar-brand span.prod{
  display:none;
}
#menu-toggle {
  opacity: .35;
}
@media (max-width: 991px) {
  a.navbar-brand{
    margin: 0 auto;
  }
  #menu-toggle, #user-panel-toggle {
    position: absolute;
    top: 20px;
  }
  #menu-toggle {
    left: 10px;
  }
  #user-panel-toggle {
    right: 5px
  }
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, .7);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, .9);
}

#content {
  margin-bottom: 1.5em;
}

#main {
  padding-top: 115px;
  min-height: 87vh;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.home #main{
  padding-top: 90px;
}
@media (max-width: 768px) {
  #main{
    padding-top: 90px;
  }
}

#sidebar {
  padding-top: 9px;
  font-size: 85%;
  border-left: 1px solid rgba(123, 116, 99, .2);
  margin-bottom: 1em;
}
#sidebar h5{
  margin-top: 1em;
}
@media (max-width: 991px) {
  #sidebar {
    padding-top: 1em;
    margin-bottom: 0;
    border-left: 0;
    border-top: 1px solid hsl(40, 15%, 20%);
    background-color: hsl(40, 15%, 90%) !important;
  }
}

#footer {
  font-size: .9rem;
  background-color: hsl(40, 15%, 25%) !important;
  padding: 14px 40px !important;
  color: rgba(255, 255, 255, .4);
}
@media (max-width: 991px) {
  #footer li{
    padding: .3em 0;
  }
}
#footer a{
  color: rgba(255, 255, 255, .6);
}
#footer a:hover, #footer a:focus{
  color: rgba(255, 255, 255, .9);
  text-decoration: none;
}

.friends-list div {
    float: left;
    width: 90px;
    height: 131px !important;
    margin: 0 .5rem .5rem 0;
    font-size: .7rem !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    padding-top:14px;
}

img.thumb {
    width: 53px !important;
    height: 53px !important;
    background-image: url('/images/profile-image-53x53.png?v=1');
    background-size: cover;
    background-position: center center;
    border: 1px solid hsl(40, 15%, 70%);
    transition: all .25s;
    opacity: .9;
}

img.thumb:hover {
    opacity: 1;
    border: 1px solid hsl(40, 15%, 30%);
}

img.thumbFriend {
    width: 90px !important;
    height: 90px !important;
    background-image: url('/images/profile-image-53x53.png?v=1');
    background-size: cover;
    background-position: center center;
    border: 1px solid hsl(40, 15%, 70%);
    transition: all .25s;
    opacity: .9;
}

img.thumbFriend:hover {
    opacity: 1;
    border: 1px solid hsl(40, 15%, 30%);
}

.friends-list > div > a {
    text-decoration: none !important;
    color: hsl(40, 15%, 30%);
}

.friend-wrapper {
    position: relative;
    display: inline-block;
}

.friend-wrapper .remove-icon {
    position: absolute;
    top: -1px;
    right: 0;
    z-index: 10; /* Ensure it stays on top */
}

.friend-wrapper .remove-icon img {
    width: 12px; /* Adjust size as needed */
    height: 12px; /* Adjust size as needed */
}

.friend-wrapper .add-icon {
    position: absolute;
    top: -1px;
    right: 16px;
    z-index: 10; /* Ensure it stays on top */
}

.friend-wrapper .add-icon img {
    width: 12px; /* Adjust size as needed */
    height: 12px; /* Adjust size as needed */
}



.book {
}
.bookshelf{
  width: 100%;
  height: 190px;
}
.bookshelf a{
  margin:0 18px 0px 0;
  display: inline-block;
  width: auto;
  opacity: .8;
  transition: opacity .25s;
}
.bookshelf a:hover{
  opacity: 1;
}
.book.book-md img, .book.book-md > div > img, img.book.book-md {
  width: auto;
  width: 104px;
  height: 160px;
  border: 1px solid hsla(40, 15%, 50%, 1);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, .5);
  background-image: url('/images/book-title-not-found_104x160.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.book-journal{
  background-image: url('/images/book-title-not-found_270x400.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  margin: 0 25px 20px 0;
  width: 130px;
  height: auto;
  min-height: 130px;
  border: 1px solid hsla(40, 15%, 50%, 1);
  box-shadow: 4px 4px 12px rgba(0, 0, 0, .7);
}
.book-journal.not-found{
  height: 192px;
}
@media (max-width: 600px) {
  .book-journal{
    width: 195px;
    min-height: 195px;
    display: block;
    float: none;
    margin: 0 auto 20px;
  }
  .book-journal.not-found{
    height: 288px;
  }
}
.book.book-md span {
  width: 104px;
  display: inline-block;
  font-size: .80rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
a.plain,a.plain:active,a.plain:focus {
  text-decoration: none;
  color: inherit;
}
a.plain:hover {
  text-decoration: none;
  color: #007bff;
}
.friends-list > div {
  font-size: .85rem;
  width: 90px;
  height: auto;
  margin: 0 .3em .3em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.book-list h5{margin:0;}
.book-list h5 a{color: hsla(40, 15%, 17%, 1) !important;}
.book-list-row {padding:15px 0;border-bottom:1px solid #ddd;margin-bottom:5px;}
.book-list-cover {
  display:inline-block;
  float:left;
  width:110px;
  height:auto;
  overflow: visible;
  margin-right: 12px;
  margin-bottom: 4px;
  background-image: url('/images/book-title-not-found_104x160.jpg');
  background-position: top left;
  background-repeat: no-repeat;
}
.book-list-cover img{width: 104px !important; height: auto !important;min-height: 160px;}
.book-list a{text-decoration:none}
.book-list a:focus, .book-list a:hover{color:#000;text-decoration:underline}
.book-list a.btn{font-size:.80rem;padding:2px 4px;}
.book-list a.btn:focus, .book-list a.btn:hover{color:#fff;text-decoration:none}
.book-list-detail{font-size: .80rem;line-height:1.2em; width: auto}
.book-list-detail div{margin-top:5px}

.fancybox-container {
  /* make fancybox open correctly on small screens - the default fixed pos doesn't work */
  position: absolute !important;
}

.ecwid-SearchPanel{
  margin: .75em auto;
}
.ecwid-SearchPanel  input{
  border: 1px solid #ccc;
  padding: .12em .5em;
  border-radius: 3px;
  margin-right: 2px !important;
}
.ecwid-SearchPanel  button{
  border: 1px solid #777;
  border-radius: 3px;
}

#home-splash{
  width: auto;
  height: 1005;
  min-height: 600px;
  margin-top: -22px;
  margin-left: -15px;
  margin-right: -15px;
  padding: 12px 15px 1rem;
  background-color: hsl(40, 15%, 25%);
  background-image: url('/images/site/park-bench-dark.jpg');
  background-size: cover;
  background-position: bottom center;
  color: rgba(255, 255, 255, .8);
}
#home-splash h1{
  font-size: 3rem;
  font-size: 7vw;
  color: rgba(255, 255, 255, .8);
  opacity: 1;
  font-weight: 700;
  text-shadow: 4px 4px 15px rgba(0, 0, 0, .4);
}
#home-splash #big-buttons .btn{
  color: white;
  border-color: white;
}
#home-splash #fb-likes {
  color: white;
  text-align: center;
  background-color: rgba(0, 0, 0, .3);
  padding: 13px 10px;
  border-radius: 6px;
  min-height: 89px;
  width: 260px;
  margin: 0 auto;
}
#home-lede{
  font-size: 1.3rem;
  line-height: 1.5;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 768px) {
  #home-splash h1 {
    font-size: 2rem;
  }
  #home-lede{
    font-size: 1.2rem;
  }
}
#endorsements{text-align:center;margin: 20px auto}
#endorsements ul { margin:0; padding:0; }
h2.home-h2{text-align: center;font-size: 2rem;font-size: 4vw; margin-top: 40px;}
@media (max-width: 768px) {
  h2.home-h2 {
    font-size: 1.5rem;
  }
}
#endorsements li{font-size:.9rem;text-align:center;padding:0 24px;width:240px;display:inline-block; margin-bottom: 1.1em;}
#endorsements em{font-size:1.1rem;line-height: 1.2;font-weight:600;display:block;font-style:italic}
#press-logos{position:relative;width:100%;height:auto;max-width:750px;margin: 0 auto}
#press-logos img{width:100%;height:auto;}

#notifications {
  position: fixed;
  top: 73px;
  left: 2.5%;
  background-color: #ffc;
  z-index: 10000;
  width: 95%;
  margin: 0 auto;
  padding: .5em 1em;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, .4);
}
#notifications #notification-clear {
  position: absolute;
  top: 0;
  right: 5px;
  width: auto;
  padding: 5px;
  color: black !important;
}
#found-a-book form{
  /*width: auto;*/
  /*margin: 0 auto 1rem;*/
  /*text-align: center;*/
  /*display: inline-block;*/
}
#found-a-book #bcid-prefix {
  /*width: 4em !important;*/
  /*flex: none;*/
}
#found-a-book #bcid-number {
  /*width: 7em !important;*/
  /*flex: none;*/
}
#found-a-book button {
  /*flex: none;*/
  /*width: 3em;*/
}

#lang-drop-down{
  /* language selector */
  display: inline-block;
  width: auto;
  z-index:901;
  min-height:64px;
  position: relative;
  margin: 0 auto;
  font-size: .9rem;
  text-align: center;
}

/*Lan Drop Down*/
.langDropdown dl {text-align:left;}
.langDropdown dd, .langDropdown dt, .langDropdown ul {margin:0px; padding:0px; }
.langDropdown dd { position:relative; }
.langDropdown a, .langDropdown a:visited { color:rgba(0, 0, 0, .7); text-decoration:none; outline:none;}
.langDropdown a:hover { color:#000;}
.langDropdown dt a:hover { color:#000; border:1px solid hsla(40, 15%, 50%, .8);}
.langDropdown dt a {background-color:transparent;background-image: url(/images/arrow.png);background-repeat:no-repeat;background-position: right center; display:block; padding-right:20px;
                border:1px solid hsla(40, 15%, 50%, .6);border-radius:4px; width:160px; padding:2px 5px;}
.langDropdown dt a span {cursor:pointer; display:block;}
.langDropdown dd ul { text-align:left; background:hsla(40, 15%, 75%, 1)  none repeat scroll 0 0; border:1px solid rgba(255, 255, 255, .6); color:rgba(255, 255, 255, .9); display:none;
                  left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;}
.langDropdown span.value { display:none;}
.langDropdown dd ul li a { padding:5px; display:block;}
.langDropdown dd ul li a:hover { background-color:#888;color:rgba(255, 255, 255, 1);}

.langDropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }

#home-splash .langDropdown dt a  { background-color:rgb(14, 14, 14); }
#home-splash .langDropdown a  { color: rgba(255, 255, 255, .85); }
#home-splash .langDropdown a:hover  { color: white; }
#home-splash .langDropdown dd ul { background-color:rgb(14, 14, 14); }
#home-splash .langDropdown dd ul li a:hover { background-color:rgb(50, 50, 50);color:rgba(255, 255, 255, 1);}

.member-round-thumb {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  border: 1px solid hsla(40, 15%, 30%, 1);
}
.member-round-thumb.mobile-toggle {
  margin-top: -4px;
}
.avatar-bg {
  background-image: url('/images/profile-image-125x125.png?v=1');
  background-size: cover;
  background-position: center center;
}
.wing.open, .wing.close {
  opacity: 1;
  float: none;
  text-shadow: none;
}
#bookmap-wrapper {
  position: relative;
  height: 100%; 
  height: calc(100vh - 105px);
  width: 100%; 
  min-height: 300px; 
  padding: 0;
}
.profile-image img{
  border: 1px solid hsla(40, 15%, 70%, 1);
  width: 100%;
  height: auto;
}
@media (max-width: 575px) {
  .profile-image img{
    width: 60%;
  }
  .profile-image-summary{
    text-align: center;
  }
}
#recent-released-caught-books div{
  width: 100%; 
  height: 106px; 
}
#recent-released-caught-books img{
  height:90px;
  width:auto;
  max-width: 60px;
  border: 1px solid hsla(40, 15%, 50%, 1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  background-image: url('/images/book-title-not-found_104x160.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#recent-released-caught-books a{
  margin:0 2px 2px 0;
  opacity: .8;
  transition: opacity .25s;
}
#recent-released-caught-books a:hover{
  opacity: 1;
}
.horiz-scroll{
  /*overflow: hidden;*/
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-transform: translateZ(0px);
  -webkit-transform: translate3d(0,0,0);
  -webkit-perspective: 1000;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  flex-wrap: nowrap;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.horiz-scroll > .nav-tabs {
  white-space: nowrap;
  flex-wrap: nowrap;
}
.vert-scroll{
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-transform: translateZ(0px);
  -webkit-transform: translate3d(0,0,0);
  -webkit-perspective: 1000;
  -webkit-overflow-scrolling: touch;
}
#edit-profile{
  position:absolute;
  top:-10px;
  right:15px;
}
a.anchor,a.gwt-Anchor {
    /* this helps anchor tags not get hidden under top menu */
    display: block;
    position: relative !important;
    top: -80px;
    visibility: hidden;
}
.bookrating{
  color: #ddd;
  white-space: nowrap;
}
.bookrating .gold{
  color: #f3bb14;
}
table.book-rating td{
  text-align: center;
}
.mfp-iframe-holder .mfp-content{
  min-height: 400px;
}
@book-status-selector {
  width: auto;
}
#book-status-selector button{
  height: auto;
  padding: 3px 3px !important;
  line-height: 1em;
  border: 1px solid #ddd;
}
#book-status-selector button.primary{
  border: 1px solid #ddd;
  background-color: #6c757d;
  color: white;
}
.custom-select-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
}
.drop-shadow {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, .5);
}
.table-part-1, .table-part-2{
  table-layout: fixed;
  position: relative; width: 49% !important;
}
.table-part-1 {
  float:left;
  margin-right: 2%;
}
.table-part-1 th:first-child, .table-part-2 th:first-child{
  width: 80%;
}
.table-part-1 th:last-child, .table-part-2 th:last-child{
  width: 20%;
}
.table-part-1 td, .table-part-2 td{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .table-part-1,.table-part-2 {
    width: 100% !important;float:none;
  }
  .table-part-2 {margin-left: 0;}
  .table-part-2 th{
    display: none;
  }
}
.crossing-zone-pic { float:left; border:1px solid #aaa;margin-right: 1em;max-width: 180px;height:auto }
@media (max-width: 500px) {
  .crossing-zone-pic { width: 90px;float:none;margin:0 auto 15px; }
}
.capitalize {
  text-transform: capitalize;
}
.tight-lines {
  line-height: 1.1em;
}
.bottom-line {
  border-bottom: 1px solid hsla(40, 15%, 90%, 1);
}
.forum-post {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 13px;
}
.forum-post-body {
  padding-top: 4px;
  line-height: 1.35em;
}
@media (max-width: 500px) {
  .forum-post-body {
    line-height: 1.35em;
    padding-left: 0;
    margin-top: 4px;
  }
}
a.forum-none-unseen{
  color: hsl(211, 40%, 60%);
}
a.topic-none-unseen{
  color: hsla(40, 15%, 17%, .65);
}

.forum-post-body blockquote {
  border-left: 4px solid hsla(40, 15%, 85%, 1);
  line-height: 1.1em;
  font-size: .85rem;
  margin-top: 15px;
  margin-bottom: 5px;
  padding-left: 5px;
}
.forum-post-actions a {
  color: hsla(40, 15%, 70%, 1);
  padding: 0 .25em;
}
.change-book-cover-results {
  width:100%;height:320px;padding: 5px; border: 1px solid #ccc;overflow:auto;margin:10px auto 20px;position:relative;
}
#sidebar-ad{
  margin-bottom: 2em;
}
#map{
  width:100%;height:100%;margin-top: -28px;border:1px solid black;
}
@media (max-width: 768px) {
  #map{
    margin-top: -5px;
    height: 94%;
  }
}
html.putty-theme, html.putty-theme body{
  background-color: hsl(40, 8%, 94%);
}
html.putty-theme nav.fixed-top, html.putty-theme .navbar-nav .collapsing-dropdown{
  background-color: hsl(40, 8%, 84%);
}
.expanded-width{
  margin-left: -15px;
  margin-right: -15px;
}