/*
Theme Name: Almond nut
Theme URI: 
Author: 2046
Author URI: http://2046.cz/
Description: 
Version: 0.2
License: Aggressive Copyright
License URI: http://aggresive-copyright.org
Tags: 
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Arboria-Black';
  src: url('fonts/39C510_0_0.eot');
  src: url('fonts/39C510_0_0.eot?#iefix') format('embedded-opentype'), url('fonts/39C510_0_0.woff2') format('woff2'), url('fonts/39C510_0_0.woff') format('woff'), url('fonts/39C510_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'Arboria-Book';
  src: url('fonts/39C510_1_0.eot');
  src: url('fonts/39C510_1_0.eot?#iefix') format('embedded-opentype'), url('fonts/39C510_1_0.woff2') format('woff2'), url('fonts/39C510_1_0.woff') format('woff'), url('fonts/39C510_1_0.ttf') format('truetype');
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  background-color: #fff;
  font-size: 16px;
  color: #0e579f;
  font-family: 'Arboria-Book';
}
img,
iframe {
  max-width: 100%;
  display: inline-block;
  height: auto;
}
a,
button {
  color: #0e579f;
  outline: none;
}
a:hover,
button:hover,
a:active,
button:active,
a:focus,
button:focus {
  outline: none;
}
p a {
  text-decoration: underline;
}
h6 {
  font-size: 17.106px;
  margin-bottom: 10.366236px;
  color: #0e579f;
  font-family: 'Arboria-Black';
  font-weight: 400;
}
h6 a {
  text-decoration: none;
}
h5 {
  font-size: 21.091698px;
  margin-bottom: 12.78156899px;
  color: #0e579f;
  font-family: 'Arboria-Black';
  font-weight: 400;
}
h5 a {
  text-decoration: none;
}
h4 {
  font-size: 26.00606363px;
  margin-bottom: 15.75967456px;
  color: #0e579f;
  font-family: 'Arboria-Black';
  font-weight: 400;
}
h4 a {
  text-decoration: none;
}
h3 {
  font-size: 32.06547646px;
  margin-bottom: 19.43167874px;
  color: #0e579f;
  font-family: 'Arboria-Black';
  font-weight: 400;
}
h3 a {
  text-decoration: none;
}
h2 {
  font-size: 39.53673248px;
  margin-bottom: 23.95925988px;
  color: #0e579f;
  font-family: 'Arboria-Black';
  font-weight: 400;
}
h2 a {
  text-decoration: none;
}
h1 {
  font-size: 48.74879114px;
  margin-bottom: 29.54176743px;
  color: #0e579f;
  font-family: 'Arboria-Black';
  font-weight: 400;
}
h1 a {
  text-decoration: none;
}
.navbar {
  background-color: #fff;
}
.navbar h1,
.navbar h2 {
  font-size: 2rem;
}
.footer {
  background-color: #0e579f;
  text-align: center;
  margin-top: 51.318px;
  padding-top: 17.106px;
  padding-bottom: 17.106px;
  color: #fff;
}
.icons a {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center;
  background-color: #fff;
  border-radius: 50%;
  margin: 0.2rem;
}
.lead {
  position: relative;
  height: 450px;
  background-color: #0e579f;
}
.lead .holder {
  margin: 0 auto;
  width: 748px;
}
.lead .layer {
  position: absolute;
  height: 450px;
  opacity: 0;
  animation-fill-mode: forwards;
}
.lead .layer.l_1 {
  animation-name: blend-in;
  animation-delay: 0s;
  animation-duration: 0.15s;
}
.lead .layer.l_2 {
  animation-name: blend-in-out;
  animation-delay: 0s;
  animation-duration: 1s;
}
.lead .layer.l_3 {
  animation-name: blend-in;
  animation-delay: 1s;
  animation-duration: 0.15s;
}
.lead .layer.l_4 {
  animation-name: blend-in-out;
  animation-delay: 1s;
  animation-duration: 1s;
}
.lead .layer.l_5 {
  animation-name: blend-in;
  animation-delay: 2s;
  animation-duration: 0.15s;
}
.lead .layer.l_6 {
  animation-name: blend-in-out;
  animation-delay: 2s;
  animation-duration: 1s;
}
.lead .layer.l_7 {
  animation-name: blend-in;
  animation-delay: 3s;
  animation-duration: 0.15s;
}
.lead .layer.l_8 {
  animation-name: blend-in-out;
  animation-delay: 3s;
  animation-duration: 1s;
}
.lead .layer.l_9 {
  animation-name: blend-in;
  animation-delay: 4s;
  animation-duration: 0.15s;
}
.lead .layer.l_10 {
  animation-name: blend-in;
  animation-delay: 5s;
  animation-duration: 0.15s;
}
@keyframes blend-in {
  to {
    opacity: 1;
  }
}
@keyframes blend-in-out {
  0 {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.background_logo {
  animation-name: bcg_logo;
  animation-duration: 1.5s;
}
.background_mask {
  animation-name: bcg_mask;
  animation-duration: 3.5s;
}
#top_menu {
  justify-content: flex-end;
}
._menu {
  margin-top: 51.318px;
  margin-bottom: 34.212px;
}
._menu .in {
  width: 100%;
  padding-top: 100%;
  /* 1:1 Aspect Ratio */
  position: relative;
  /* If you want text inside of it */
  margin-bottom: 34.212px;
  background-size: cover;
  background-position: center;
}
._menu .in a {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  color: #0e579f;
  text-decoration: none;
  font-family: 'Arboria-Black';
  font-size: 30.7908px;
  font-weight: 500;
  text-align: center;
  transition: all 0.4s;
}
._menu .in a:hover,
._menu .in a:active,
._menu .in a:focus {
  color: #fff;
  transition: all 0.4s;
}
._menu .in a:after {
  background-size: cover;
  background-position: center;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  transition: all 0.4s;
}
.navigation {
  margin-top: 34.212px;
}
#logo {
  width: 200px;
  display: block;
}
.hovers {
  color: #0e579f;
  font-weight: 500;
  text-decoration: none;
  font-size: 1.2rem;
  padding: 8.553px;
  transition: all 0.4s;
}
.hovers:hover {
  background-color: #0e579f;
  color: #fff;
}
.menu {
  margin: 38px 0 0 -8.553px;
  padding: 0;
  font-family: 'Arboria-Black';
}
.menu li {
  display: inline-block;
  list-style: none;
}
.menu li a {
  color: #0e579f;
  font-weight: 500;
  text-decoration: none;
  font-size: 1.2rem;
  padding: 8.553px;
  transition: all 0.4s;
}
.menu li a:hover {
  background-color: #0e579f;
  color: #fff;
}
.menu li a.active {
  background-color: #0e579f;
  color: #fff;
}
.blog h4,
.archive h4 {
  margin-bottom: 8.553px;
  margin-left: -1px;
}
.blog .post,
.archive .post {
  margin-bottom: 34.212px;
}
.miniHeading {
  padding: 17.106px 0;
  text-align: center;
  display: block;
}
.main {
  min-height: 60vh;
  margin-top: 5rem;
}
.home .main {
  margin-top: 0;
}
.year {
  padding: 8.553px 0;
}
.dates {
  padding-left: 0;
  line-height: 2rem;
}
.dates li {
  list-style: none;
}
.dates li a {
  padding-left: 0;
}
.dates a {
  color: #0e579f;
  font-weight: 500;
  text-decoration: none;
  font-size: 1.2rem;
  padding: 8.553px;
  transition: all 0.4s;
}
.dates a:hover {
  background-color: #0e579f;
  color: #fff;
}
.seesaw .item {
  margin-bottom: 34.212px;
}
.seesaw .item.open .surprise {
  max-height: 99999px;
  opacity: 1;
  padding-top: 1rem;
  transition: all 0.4s;
}
.seesaw .item.open .perex {
  background-color: #0e579f;
  color: #fff;
}
.seesaw .item.open .perex a {
  color: #fff;
}
.seesaw .perex {
  margin-left: -8.553px;
  margin-bottom: 8.553px;
  padding: 8.553px;
}
.seesaw .perex:hover {
  background-color: #0e579f;
  color: #fff;
  transition: all 0.4s;
}
.seesaw .perex:hover a {
  text-decoration: none;
  color: #fff;
}
.seesaw .perex h4 {
  font-weight: 500;
}
.seesaw .surprise {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.4s;
}
.openme_parent {
  cursor: pointer;
}
.openme_parent.open h5,
.openme_parent:hover h5 {
  transition: all 0.4s;
  color: #fff;
}
.more-link {
  margin-top: 1rem;
  display: block;
}
.more-link:hover {
  text-decoration: none;
}
.btn {
  border: 1px solid #0e579f;
  border-radius: 0;
}
.edit-link {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 10;
  background: red;
  color: #fff;
  text-decoration: none;
  padding: 0.3rem 0.5rem;
}
.edit-link:hover {
  color: #fff;
  text-decoration: none;
}
.noanim {
  transition: all 0s;
}
.anim {
  transition: all 0.4s;
}
.anim2 {
  transition: all 0.8s;
}
.acf-map {
  width: 100%;
  height: 300px;
  border: #ccc solid 1px;
  margin: 20px 0;
}
/* fixes potential theme css conflict */
.acf-map img {
  max-width: inherit !important;
}
._anchor {
  margin-top: -85.53px;
  opacity: 0;
  position: absolute;
  z-index: 3;
  text-decoration: none;
}
.anchor {
  margin-top: -85.53px;
  opacity: 0;
  position: absolute;
  z-index: 3;
  text-decoration: none;
  left: 17.106px;
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  background: black;
  color: #fff;
  border-radius: 0 0 50% 50%;
}
.anchor:hover,
.anchor:active,
.anchor:focus {
  color: #fff;
}
.logged-in .anchor {
  opacity: 1;
}
.navbar-toggler {
  position: absolute;
  top: 34.212px;
  right: 17.106px;
}
.navbar-toggler span {
  display: block;
  width: 34.212px;
  height: 1px;
  background: #0e579f;
  margin-bottom: 8.553px;
}
.navbar-toggler span.label {
  font-size: 0.75rem;
  background: transparent;
}
@keyframes bcg_logo {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bcg_mask {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media all and (max-width: 769px) {
  .container {
    width: 100%;
  }
  .navigation {
    margin-top: 17.106px;
  }
  ._menu {
    margin-bottom: -34.212px;
  }
  ._menu .in a {
    font-size: 20.5272px;
  }
  .menu li {
    display: block;
    margin-bottom: 0.3rem;
  }
  .lead {
    height: 300px;
  }
  .lead .holder {
    width: 600px;
  }
  .lead .layer {
    position: absolute;
    height: 300px;
  }
}
@media all and (max-width: 560px) {
  .lead .holder {
    width: 100%;
  }
}