@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@200;400&display=swap");
* {
  touch-action: manipulation; }

.d-flex {
  display: flex; }

.primary-bg {
  background-color: #C2B69B; }

.justify-content-center {
  justify-content: center; }

body {
  font-family: "Barlow Condensed", serif;
  font-weight: 400;
  margin: 0;
  padding: 0; }

.footer {
  background-color: #664C4B;
  padding: 25px 0; }
  .footer ul {
    margin: 15px 0;
    color: #fff;
    list-style-type: none;
    margin: 0 auto;
    width: fit-content; }
    .footer ul li {
      display: inline-block; }
      .footer ul li a {
        font-size: 15px;
        color: #fff;
        margin: 0 15px;
        cursor: pointer;
        transition: color 0.8s ease 0s;
        text-decoration: none; }
        .footer ul li a:hover {
          color: #C2B69B;
          text-decoration: none; }

.center-content {
  max-width: 700px;
  margin: 0 auto; }

header {
  align-items: center;
  display: flex;
  font-size: 18px;
  height: 100vh;
  justify-content: end;
  overflow: hidden;
  position: relative;
  text-align: center; }
  header .logo {
    max-width: 250px;
    z-index: 1;
    height: auto;
    width: 100%;
    position: absolute;
    left: 10%;
    top: 50px;
    z-index: 1;
    height: auto; }
    @media screen and (min-width: 769px) {
      header .logo {
        max-width: 400px; } }
    @media screen and (max-width: 380px) {
      header .logo {
        max-width: 100px;
        width: 100%;
        position: absolute;
        right: 15px;
        bottom: 100px;
        top: unset;
        left: unset; } }
  header .main-header-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background-size: cover;
    bottom: 0;
    background-repeat: no-repeat;
    z-index: -2; }
    @media screen and (max-width: 768px) {
      header .main-header-bg {
        background-position: -300px center; } }
    @media screen and (max-width: 490px) {
      header .main-header-bg {
        background-position: -370px center; } }
    @media screen and (max-width: 380px) {
      header .main-header-bg {
        background-position: center center; } }
  header:before {
    animation: fade-slide-down 2s 0.5s cubic-bezier(0, 0.5, 0, 1) forwards;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1; }

.header-title, .header-subtitle {
  color: #fff;
  z-index: 1000; }

.header-subtitle {
  text-transform: uppercase;
  margin-bottom: 5rem;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg); }

.header-button {
  transform: translateZ(0.1px);
  position: relative;
  z-index: 10; }

.animate-pop-in {
  animation: pop-in 0.6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;
  opacity: 0; }

.animate-rotate-up {
  animation: rotate-up 0.6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;
  opacity: 1; }

.rocky-dashed {
  animation-delay: .6s; }

.header-title {
  animation-delay: 1s;
  transform: rotateY(90);
  margin-right: 0;
  font-weight: 200; }

.header-subtitle {
  animation-delay: 1s; }

.header-menu {
  position: absolute;
  left: 0;
  bottom: 69px;
  list-style-type: none;
  z-index: 100; }
  .header-menu li {
    margin-bottom: 10px;
    font-weight: 200;
    font-size: 30px;
    text-align: left; }
    .header-menu li a {
      color: #fff;
      text-decoration: none;
      transition: color 0.8s ease 0s; }
      .header-menu li a:hover {
        color: #C2B69B; }

/* Animations */
@keyframes fade-slide-down {
  0% {
    opacity: 0;
    transform: translateY(-4rem); }
  100% {
    opacity: 1;
    transform: none; } }
@keyframes pop-in {
  0% {
    opacity: 0;
    transform: translateY(-4rem) scale(0.8); }
  100% {
    opacity: 1;
    transform: none; } }
@keyframes rotate-up {
  100% {
    transform: rotateZ(-90deg); } }
.posts {
  margin: 0;
  color: #fff;
  justify-content: space-around;
  gap: 20px;
  flex-wrap: wrap;
  padding: 40px 0; }
  .posts .post-item {
    max-width: 250px; }
    .posts .post-item h1 {
      font-weight: 400; }
    .posts .post-item img {
      max-width: 200px;
      height: auto; }
    .posts .post-item p {
      font-size: 18px;
      line-height: 1.6;
      font-weight: 200; }

.contact-form {
  padding-bottom: 60px; }
  .contact-form h1 {
    font-size: 28px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 30px 0; }
  .contact-form form {
    max-width: 700px;
    margin: 0 auto; }
    .contact-form form label {
      color: #fff;
      font-weight: normal;
      margin: 10px 0; }
    .contact-form form input {
      line-height: 30px; }
    .contact-form form input, .contact-form form label, .contact-form form textarea, .contact-form form button {
      display: block;
      width: 100%; }
    .contact-form form input, .contact-form form button {
      border: solid 1px rgba(0, 0, 0, 0.4); }
      .contact-form form input:focus, .contact-form form input:active, .contact-form form button:focus, .contact-form form button:active {
        border: solid 1px rgba(0, 0, 0, 0.6); }
      .contact-form form input:focus-visible, .contact-form form button:focus-visible {
        outline: none;
        border: solid 1px black; }
    .contact-form form textarea {
      min-height: 200px; }
    .contact-form form button {
      color: #fff;
      cursor: pointer;
      margin-top: 40px;
      background: rgba(0, 0, 0, 0.3);
      line-height: 50px;
      transition: background 0.8s ease 0s; }
      .contact-form form button:hover {
        background: rgba(0, 0, 0, 0.5); }

.content-container {
  margin: 60px auto;
  padding: 0 25px; }
  .content-container video {
    max-height: 300px; }

form {
  padding: 0 25px; }

.wpforms-confirmation-container-full {
  text-align: center;
  color: #fff; }

/*# sourceMappingURL=style.css.map */