/* theme overrides */

body {
  background-color: #ffffff;
  background-image: url("https://res.cloudinary.com/dtgdtfwtu/image/upload/v1559935097/blog_images/blog_style/light-wool.png");
}

.wrapper {
  margin-top: 5vw;
  margin-bottom: 1vw;
}

.footer-wrapper {
  margin-top: 0vw;
  margin-bottom: 1vw;
}

.header-wrapper {
  max-width: -webkit-calc(800px - (30px * 2));
  max-width: calc(800px - (30px * 2));
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: 5vw;
  margin-bottom: 15vw;
}

.wrapper {
  max-width: -webkit-calc(1200px - (30px * 2));
  max-width: calc(1200px - (30px * 2));
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
}

.card-wrapper {
  max-width: initial;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
}

.wrapper a:hover {
  color: rebeccapurple;
  text-decoration: none;
}

.site-header {
  border-bottom: none;
  border-top: none;
}

/* custom */
.title {
  font-family: "Londrina Outline", cursive;
  font-size: 15vw;
  /* width: 10rem; */
  padding-left: 2vw;
  padding-right: 5vw;
  position: relative;
  display: inline-block;
  padding-bottom: 3vw;
}

#name {
  position: absolute;
  float: left;
}

#footer-name {
  /* position: absolute; */
  float: left;
}

#logo {
  position: absolute;
  margin-left: 30vw;
  margin-top: 1vw;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

#logo #eyes {
  /*   font-family: 'Londrina Solid', cursive; */
  position: relative;
  top: -0.11em;
}

.footer-title {
  font-family: "Londrina Outline", cursive;
  font-size: 2rem;
  width: 10rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.footer-links {
  vertical-align: super;
}

.gallery {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(auto-fill, 120px);
  grid-row-gap: 0.5em;
  grid-column-gap: 1em;
}

.gallery-image {
  border-radius: 5px;
  padding: 5px;
}

.gallery-header img {
  padding: 5px;
}

/* Stolen from here: https://codepen.io/sadcry/pen/ZpdJpB */

.warning-container {
  display: block;
  max-width: 500px;
  min-height: 20px;
  margin: auto;
}

.warning {
  background: #bfbfbf;
  display: block;
  min-height: 50px;
  width: 100%;
  -webkit-box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.75);
  box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.75);
  border: 1.4px solid white;
}

.warning-bar {
  width: 100%;
  background: #01007a;
  height: 23px;
}

.warning-title {
  color: white;
  letter-spacing: 0.5px;
  word-spacing: 0.5px;
  padding-left: 5px;
  float: left;
  font-weight: 600;
}

.warning-exit {
  max-height: 100%;
  display: block;
  float: right;
  padding-top: 3px;
  padding-bottom: 3px;
}

.warning-exit {
  padding-left: 5px;
  padding-right: 5px;
}

.warning-button-exit {
  background: #bfbfbf;
  font-weight: 600;
  color: #6f6f6f;
  height: 100%;
  width: 19px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  border-left: 1px solid white;
  border-top: 1px solid white;
  font-size: 55%;
  margin: auto;
  text-align: center;
}

.warning-content {
  height: 186px;
  max-width: 100%;
  clear: both;
  border-radius: 1px;
  border: 1.2px solid black;
  overflow: hidden;
  padding: 20px 30px;
}

.warning-icon {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1px solid black;
  display: block;
  background: red;
  text-align: center;
  color: white;
  padding-top: 4px;
  font-size: 20px;
  font-weight: 300;
  -webkit-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.3);
  float: left;
}

.warning-message {
  margin-left: 80px;
  max-width: 600px;
  font-weight: 600;
}

.warning-button {
  margin: auto;
  display: block;
  text-align: center;
  padding: 5px;
  border-top: 1px solid black;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  border-left: 1px solid black;
  margin: 20px 160px;
}

.warning-btn-text {
  font-weight: 600;
  border: 1px dotted black;
  padding: 3px 40px;
  display: block;
}

/* Images             */

.two-col-gallery-container {
  width: 100%;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  padding-top: 30px;
  padding-bottom: 30px;
}


p.old_version {
  font-style: italic;
  background: #2196F3;
  padding: 20px;
  color: white;
  opacity: 0.83;
  transition: opacity 0.6s;
  margin-bottom: 15px;
}

.slide_wrapper {
  display: grid;
  grid-template-columns: 30% 70%;
  grid-gap: 20px;
}

td.year_header {
  text-align: center;
  font-size: x-large;
  background-color: transparent;
}

td.book_index {
  color: grey
}

/* table.book_tracker td {
  width: 25%;
} */

.h-card {
  display: none;
}