/* 1. Use a more-intuitive box-sizing model */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 2. Remove default margin */
* {
  margin: 0;
}

/* 3. Enable keyword animations */
@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}
html {
  font-size: 18px;
  overflow-x: clip;
}

body {
  /* 4. Add accessible line-height */
  line-height: 1.5;
  /* 5. Improve text rendering */
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}

/* 6. Improve media defaults */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  border: 0;
  outline: 0;
}

/* 7. Inherit fonts for form controls */
input, button, textarea, select {
  font: inherit;
}

/* 8. Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* 9. Improve line wrapping */
p {
  text-wrap: pretty;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

/*
  10. Create a root stacking context
*/
#root, #__next {
  isolation: isolate;
}

/*COMMON*/
.contentfont {
  font-family: "Varela Round", sans-serif;
}

.titlefont {
  font-family: "Marmelad", sans-serif;
}

.signaturefont {
  font-family: "Amatic SC", sans-serif;
}

.weddingbody a {
  color: #000000 !important;
  text-decoration: underline !important;
  text-transform: uppercase;
  text-decoration-color: #247BA0 !important;
}
.weddingbody a:hover {
  color: #247BA0 !important;
}
.weddingbody a .arrow-right::before svg {
  color: #247BA0;
}
.weddingbody.page-template-home-tpl .hilicta .right::after, .weddingbody.page-template-home-tpl .hilicta button::after {
  content: "Conferma";
}
.weddingbody.page-template-rsvp-tpl .hilicta button {
  font-size: 20px;
}
.weddingbody.page-template-rsvp-tpl .hilicta .right::after, .weddingbody.page-template-rsvp-tpl .hilicta button::after {
  content: "Invia la tua risposta";
}
.weddingbody.page-template-rsvp-tpl #slidecontainer {
  border: 1px solid black;
}
.weddingbody.page-template-rsvp-tpl #innerfooter {
  background-color: skyblue;
}
.weddingbody.page-template-rsvp-search-tpl #slidecontainer {
  border: 1px solid black;
}
.weddingbody.page-template-rsvp-search-tpl .hilicta button {
  font-size: 20px;
}
.weddingbody.page-template-rsvp-search-tpl .hilicta .right::after, .weddingbody.page-template-rsvp-search-tpl .hilicta button::after {
  content: "Cerca";
}
.weddingbody.page-template-rsvp-search-tpl #innerfooter {
  background-color: skyblue;
}
.weddingbody.page-template-faq-tpl #innerfooter {
  background-color: skyblue;
}
.weddingbody.page-template-faq-tpl .clouddivider {
  border-top: 0;
}
.weddingbody .hilicta button {
  position: relative;
  padding: 10px 20px;
  border: none;
  background: none;
  cursor: pointer;
  font-family: "Marmelad", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 30px;
  color: hsl(210, 50%, 85%);
  background-color: hsl(198, 63%, 38%);
  box-shadow: hsla(0, 0%, 4%, 0.4) 2px 2px 22px;
  border-radius: 4px;
  z-index: 0;
  overflow: hidden;
}
.weddingbody .hilicta button:focus {
  outline-color: transparent;
  box-shadow: hsl(198, 63%, 38%) 2px 2px 22px;
}
.weddingbody .hilicta .right::after, .weddingbody .hilicta button::after {
  display: block;
  position: absolute;
  white-space: nowrap;
  padding: 40px 40px;
  pointer-events: none;
}
.weddingbody .hilicta button::after {
  font-weight: 200;
  top: -30px;
  left: -20px;
}
.weddingbody .hilicta .right, .weddingbody .hilicta .left {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.weddingbody .hilicta .right {
  left: 66%;
}
.weddingbody .hilicta .left {
  right: 66%;
}
.weddingbody .hilicta .right::after {
  top: -30px;
  left: calc(-66% - 20px);
  background-color: #0A0A0A;
  color: transparent;
  transition: transform 0.4s ease-out;
  transform: translate(0, -90%) rotate(0deg);
}
.weddingbody .hilicta button:hover .right::after {
  transform: translate(0, -47%) rotate(0deg);
}
.weddingbody .hilicta button .right:hover::after {
  transform: translate(0, -50%) rotate(-7deg);
}
.weddingbody .hilicta button .left:hover ~ .right::after {
  transform: translate(0, -50%) rotate(7deg);
}
.weddingbody .hilicta {
  /* bubbles */
}
.weddingbody .hilicta button::before {
  content: "";
  pointer-events: none;
  opacity: 0.6;
  background: radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, hsl(210, 50%, 85%) 3px, hsl(210, 50%, 85%) 4px, transparent 4px), radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, hsl(210, 50%, 85%) 3px, hsl(210, 50%, 85%) 4px, transparent 4px), radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, hsl(210, 50%, 85%) 5px, hsl(210, 50%, 85%) 6px, transparent 6px);
  width: 100%;
  height: 300%;
  top: 0;
  left: 0;
  position: absolute;
  animation: bubblesbtn 5s linear infinite both;
}
@keyframes bubblesbtn {
  from {
    transform: translate();
  }
  to {
    transform: translate(0, -66.666%);
  }
}
.weddingbody .cta {
  padding: 10px 30px;
  font-size: 18px;
  border: 2px solid #247BA0;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.5);
  transition: all 1s ease-in-out;
  box-shadow: inset 0 0 10px rgb(255, 255, 255);
}
.weddingbody .cta p {
  position: relative;
  z-index: 1;
  color: #ffffff;
  transition: all 1s ease;
  text-align: center;
}
.weddingbody .cta p.go span.material-symbols-outlined {
  font-size: 2rem;
  vertical-align: 1;
}
.weddingbody .cta::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-color: #247BA0;
  transition: all 1s ease;
  top: 100%;
  left: 0;
}
.weddingbody .cta:hover::before {
  top: 0;
}

.vline {
  background-color: #000000;
  width: 1px;
  height: 50px;
  margin: 10px auto;
}

.hline {
  background-color: #000000;
  width: 50px;
  height: 1px;
  margin: 10px auto;
}

.min-h-custom {
  min-height: calc(100vh - 80px);
}

/*end COMMON*/
#mainbody {
  width: 100%;
}
#mainbody #header {
  width: 100%;
  cursor: pointer;
}
#mainbody #maincontent {
  width: 100%;
}
#mainbody #maincontent #sidesx {
  writing-mode: sideways-lr;
  text-orientation: sideways-left;
}
#mainbody #maincontent #sidedx {
  writing-mode: sideways-rl;
  text-orientation: sideways-right;
}

@keyframes shape-anim {
  100% {
    transform: scaleX(4) translateX(75%);
  }
}
.arrow-right {
  display: inline-block;
  transition: all 0.2s ease;
}
.arrow-right:before {
  width: 1em;
  height: 1em;
  content: "";
  display: inline-block;
  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M535.1 342.6C547.6 330.1 547.6 309.8 535.1 297.3L375.1 137.3C362.6 124.8 342.3 124.8 329.8 137.3C317.3 149.8 317.3 170.1 329.8 182.6L467.2 320L329.9 457.4C317.4 469.9 317.4 490.2 329.9 502.7C342.4 515.2 362.7 515.2 375.2 502.7L535.2 342.7zM183.1 502.6L343.1 342.6C355.6 330.1 355.6 309.8 343.1 297.3L183.1 137.3C170.6 124.8 150.3 124.8 137.8 137.3C125.3 149.8 125.3 170.1 137.8 182.6L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7z"/></svg>');
}

a:hover .arrow-right {
  transform: translateX(4px);
}

.wave_divider_red {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.wave_divider_red svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 140px;
}

.wave_divider_red .shape-fill {
  fill: #791523;
}

.lace-divider {
  overflow: hidden;
  position: relative;
}

.lace-divider::before {
  content: "";
  font-family: "shape divider from ShapeDividers.com";
  position: absolute;
  z-index: 3;
  pointer-events: none;
  background-repeat: no-repeat;
  bottom: -0.1vw;
  left: -0.1vw;
  right: -0.1vw;
  top: -0.1vw;
  background-size: 100% 50px;
  background-position: 50% 0%;
  background-image: url('data:image/svg+xml;charset=utf8, <svg preserveAspectRatio="xMidYMax slice" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 73"><g fill="%23247BA0"><path d="M2000 0v14c-6 0-11 2-16 6a48 48 0 00-4 7 46 46 0 01-3 3c-3 4-6 6-10 6l-12-3c-4 0-6 4-8 7s-5 7-8 8c-4 1-8-1-12-3l-2-2a23 23 0 00-14-2 29 29 0 00-14 6l-3 2-12 15-12-15c-5-4-11-7-17-8a23 23 0 00-13 2c-5 3-10 7-15 5-3-1-6-5-8-8s-4-7-8-7-8 3-11 3c-5 0-8-2-11-6l-1-1-6-9c-5-5-11-6-18-6a26 26 0 01-5-1 27 27 0 01-6 1c-6 0-13 1-17 6l-6 8-2 2c-2 4-6 6-10 6s-7-3-11-3-7 4-9 7-4 7-8 8a10 10 0 01-6-1l-8-4a23 23 0 00-13-2 29 29 0 00-13 5 38 38 0 00-4 3l-13 15-12-15c-5-4-10-7-17-8a23 23 0 00-13 2c-5 3-9 7-14 5-4-1-6-4-8-8s-5-7-9-7-7 3-11 3-8-2-11-6l-1-1-6-9c-5-5-11-6-18-6a26 26 0 01-5-1 27 27 0 01-6 1c-6 0-13 1-17 6a52 52 0 00-5 7l-2 3c-3 4-7 6-11 6s-7-3-11-3-7 4-9 7-4 7-8 8-8-2-12-4l-2-1a23 23 0 00-13-2 30 30 0 00-15 7l-2 1-12 15-13-15c-5-4-10-7-17-8a23 23 0 00-13 2l-1 1c-4 2-8 5-13 4-4-1-6-5-8-8s-5-7-9-7-7 3-11 3-8-2-10-6l-1-1-7-9c-4-5-11-6-17-6a26 26 0 01-6-1 27 27 0 01-5 1c-7 0-13 1-18 6l-6 9-1 1c-3 4-7 6-11 6-3 0-7-3-11-3s-6 4-8 7-5 7-8 8-6 0-9-1l-6-4a23 23 0 00-13-2 29 29 0 00-14 6 41 41 0 00-3 2l-12 15-12-15h-1c-4-4-10-7-16-8a23 23 0 00-10 1 22 22 0 00-4 1c-4 3-9 7-14 5-3-1-6-5-8-8s-5-7-8-7l-11 3c-5 0-8-2-11-6l-2-2a70 70 0 00-5-8c-5-5-11-6-18-6a26 26 0 01-5-1 27 27 0 01-6 1c-7 0-13 1-18 6a62 62 0 00-5 8l-2 2c-2 4-6 6-10 6s-8-3-11-3-7 4-9 7-4 7-8 8c-5 2-10-2-14-5h-2a23 23 0 00-12-2 30 30 0 00-17 8l-12 15-12-15-2-2a30 30 0 00-15-6 23 23 0 00-13 2l-4 2c-4 2-7 4-10 3-4-1-6-5-9-8s-4-7-8-7-7 3-11 3-8-2-11-6l-1-1-6-9c-5-5-11-6-18-6a26 26 0 01-5-1 27 27 0 01-6 1c-6 0-13 1-17 6l-6 9-2 1c-2 4-6 6-10 6s-7-3-11-3-7 4-9 7-4 7-8 8-7-1-11-3l-3-2a23 23 0 00-13-2 30 30 0 00-16 7l-1 1-12 15-13-15-1-1c-5-4-10-7-16-7a23 23 0 00-13 2c-5 3-9 7-14 5-4-1-6-4-8-8s-5-7-9-7-7 3-11 3-8-2-10-6l-3-2a58 58 0 00-5-8c-4-5-11-6-17-6a26 26 0 01-6-1 27 27 0 01-5 1c-7 0-13 1-18 6a56 56 0 00-5 7l-2 3c-3 4-7 6-11 6s-7-3-11-3-6 4-8 7-5 7-9 8-9-2-14-5a23 23 0 00-13-2 30 30 0 00-15 7l-2 1-12 15-12-15-2-1c-4-4-10-7-15-7a23 23 0 00-14 2l-2 1c-4 3-8 5-12 4s-6-5-8-8-5-7-9-7-7 3-11 3-8-2-10-6l-1-1-6-9c-5-5-11-6-18-6a26 26 0 01-6-1 27 27 0 01-5 1c-7 0-13 1-18 6l-6 9-1 1c-3 4-6 6-10 6l-12-3c-4 0-6 4-8 7s-4 7-8 8-7 0-10-2l-4-3a23 23 0 00-14-2 29 29 0 00-14 6l-3 2-12 15-12-15h-1c-5-4-10-7-16-8a23 23 0 00-11 1l-2 1c-5 2-10 6-15 5-3-1-6-5-8-8s-4-7-8-7-8 3-11 3c-4 0-8-2-11-6l-2-2a65 65 0 00-5-8c-5-5-11-6-18-6l-7-1V0z"/><path d="M1287 64l8-6-3-9h-10l-4 9 9 6zM1255 53l13-9-5-16h-17l-5 16 14 9zM1539 64l8-6-3-9h-10l-3 9 8 6zM1411 70l11-7-4-13h-13l-4 13 10 7zM1507 53l13-9-5-16h-16l-6 16 14 9zM1789 68l8-6-3-10h-11l-3 10 9 6zM1667 69l8-6-3-9h-10l-3 9 8 6zM1757 57l13-10-5-16h-17l-5 16 14 10zM1853 70l9-6-4-10h-10l-3 10 8 6zM1912 73l12-8-5-14h-14l-5 14 12 8zM1062 72l-8-6 3-10h10l3 10-8 6zM1005 42l-10-7 4-12h12l4 12-10 7zM955 61l-7-5 3-8h9l2 8-7 5zM1097 71l-11-9 4-13h14l5 13-12 9zM726 62l-9-6 4-9h10l3 9-8 6zM850 69l-8-6 3-10h10l3 10-8 6zM753 47l-11-9 4-13h14l5 13-12 9zM474 65l-8-6 3-10h11l3 10-9 6zM598 71l-8-6 3-10h10l3 10-8 6zM502 49l-11-8 4-13h14l5 13-12 8zM281 66l8-6-3-10h-10l-3 10 8 6zM253 50l12-8-5-14h-14l-4 14 11 8zM97 70l7-4-3-8h-8l-3 8 7 4zM49 62l9-7-3-11H43l-3 11 9 7z"/></g></svg>');
}

.movingwaves-divider {
  overflow: hidden;
  position: relative;
}

.movingwaves-divider::before {
  content: "";
  position: absolute;
  bottom: -0.1vw;
  left: -0.1vw;
  right: -0.1vw;
  top: 0px;
  transform: scaleX(4);
  transform-origin: 100% 0;
  animation: 10s infinite alternate shape-anim linear;
  background-size: 100% 152px;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  z-index: 3;
  pointer-events: none;
  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23247BA0"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%23247BA0"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%23247BA0"/></svg>');
}

.zoom-out {
  animation: zoom-out 1s ease;
}

@keyframes zoom-out {
  0% {
    opacity: 0;
    transform: scale(50);
  }
  50% {
    opacity: 0;
    transform: scale(50);
  }
  100% {
    opacity: 1;
    transform: scale(0.2);
  }
}
.zoom-in {
  animation: zoom-in 1.5s ease;
}

@keyframes zoom-in {
  0% {
    opacity: 0;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
.animop {
  animation: animop 0.8s ease forwards;
}

@keyframes animop {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animop2 {
  -webkit-animation-name: animop2;
  animation-name: animop2;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes animop2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes animop2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.delayed {
  animation-delay: 1.6s;
}

#page404 {
  background-image: url("/wp-content/uploads/2025/12/bg.png");
  background-repeat: repeat;
  min-height: calc(100vh - 500px);
  width: 100%;
  display: flex;
  justify-content: center;
}
#page404 .message {
  flex: 0 1 auto;
  height: auto;
  background: #F4EBDA;
  background-repeat: no-repeat;
  clip-path: polygon(1% 2%, 3.5% 0.1%, 8.9% 2.7%, 16.2% 1.2%, 19.7% 0.8%, 24.7% 2%, 31.2% 0%, 35.9% 2.3%, 40.6% 0.5%, 47.1% 1.8%, 49.9% 1%, 53.8% 2.5%, 62.2% 0.4%, 67.3% 1.2%, 70.3% 0.3%, 75.8% 1.4%, 78.5% 1.7%, 84% 2.6%, 91.1% 0.5%, 93.6% 2.4%, 97.3% 0.3%, 98.9% 6%, 98.1% 11.4%, 98.6% 15.5%, 97.3% 17.8%, 97.7% 27.4%, 98.3% 28.5%, 99.7% 34.1%, 98.8% 41.9%, 98.3% 45.7%, 98.4% 50.9%, 98.7% 57.4%, 99.6% 60.4%, 99.4% 66.6%, 99.2% 69.5%, 97.4% 77.1%, 98.1% 82.3%, 99.9% 83.5%, 98.2% 91.5%, 99.3% 95.3%, 98% 98.6%, 93.6% 97.4%, 90.3% 98.3%, 86.8% 98.3%, 78.6% 98.5%, 76.4% 99.2%, 69.7% 99.8%, 64.2% 99.3%, 61.8% 99.2%, 57.2% 98.1%, 48.7% 98.3%, 46.8% 99%, 39.6% 98.9%, 33.8% 97.3%, 28.2% 99.4%, 27% 98.3%, 22.1% 98.6%, 13.1% 97.1%, 8.7% 99.3%, 2.7% 97.4%, 2% 98.2%, 2.1% 94.3%, 0.7% 90.5%, 0.9% 86.3%, 2.2% 78.2%, 0.4% 76.7%, 1.2% 72.1%, 2% 64%, 1.4% 59.8%, 0.4% 57.3%, 0.3% 49.1%, 2.9% 44.7%, 1.9% 41.3%, 0.8% 35.7%, 2.9% 31.3%, 0.8% 24.9%, 2.7% 20.5%, 0.8% 17.4%, 2.5% 8.6%, 1.1% 5.5%);
}

#slide_1 {
  background-image: url("/wp-content/uploads/2025/12/bg.png");
  background-repeat: repeat;
  height: calc(100vh - 80px);
}
#slide_1 #lacebox {
  position: absolute;
  place-self: center;
  inset: 0;
}
#slide_1 #lacebox img {
  scale: 0.2;
}
#slide_1 #parchment {
  position: absolute;
  place-self: center;
  inset: 0;
}

#invited {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 0;
  cursor: pointer;
}
#invited .arrows {
  position: relative;
  /**/
  width: 20px;
  height: 20px;
  margin-top: 5px;
}
#invited .arrows:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-left: 6.6666666667px solid rgba(255, 255, 255, 0.7);
  border-bottom: 6.6666666667px solid rgba(255, 255, 255, 0.7);
  transform: translate(6.6666666667px, 26.6666666667px) rotate(-45deg);
  animation: arrows 3s linear infinite;
}
#invited .arrows:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-left: 6.6666666667px solid rgba(255, 255, 255, 0.7);
  border-bottom: 6.6666666667px solid rgba(255, 255, 255, 0.7);
  transform: translate(13.3333333333px, 0px) rotate(-45deg);
  animation: arrows 3s linear infinite -1.5s;
}
@keyframes arrows {
  0% {
    border-left: 6.6666666667px solid rgba(255, 255, 255, 0);
    border-bottom: 6.6666666667px solid rgba(255, 255, 255, 0);
  }
  10%, 90% {
    border-left: 6.6666666667px solid rgba(255, 255, 255, 0);
    border-bottom: 6.6666666667px solid rgba(255, 255, 255, 0);
  }
  50% {
    border-left: 6.6666666667px solid rgba(255, 255, 255, 0.7);
    border-bottom: 6.6666666667px solid rgba(255, 255, 255, 0.7);
    transform: translate(-3.3333333333px, 0px) rotate(-45deg);
  }
  100% {
    border-left: 6.6666666667px solid rgba(255, 255, 255, 0);
    border-bottom: 6.6666666667px solid rgba(255, 255, 255, 0);
    transform: translate(-3.3333333333px, 13.3333333333px) rotate(-45deg);
  }
}

#bubbles {
  background: linear-gradient(0deg, rgb(36, 123, 160) 0%, rgb(36, 123, 160) 10%, rgba(207, 226, 234, 0) 40%, rgba(255, 255, 255, 0) 100%);
}
#bubbles div {
  position: absolute;
  top: 100vh;
  border-radius: 50%;
  pointer-events: none;
  background-color: #247BA0;
  z-index: 1000;
  animation: bubbles 3s ease-out infinite;
}
#bubbles div:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transform: scale(0.25) translate(-70%, -70%);
  background: radial-gradient(#fff, transparent);
  border-radius: 50%;
}

@keyframes bubbles {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100vh);
    opacity: 0;
  }
}
#slide_2 {
  min-height: calc(100vh + 180px);
}
#slide_2 #intro {
  color: #ffffff;
}
#slide_2 #intro .title {
  font-weight: 700;
  line-height: 1;
}
#slide_2 #intro .content p {
  margin-bottom: 1rem;
}

#slide_3 .title_up h2 {
  font-family: "Varela Round", sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #791523;
}
#slide_3 .title_up .line {
  background-color: #000000;
  width: 1px;
  height: 50px;
  margin: 10px auto;
}
#slide_3 .title_down {
  font-family: "Amatic SC", sans-serif;
  font-size: 86px;
  line-height: 100%;
  font-style: italic;
  font-weight: 700;
}
#slide_3 .timeandlocation {
  text-align: center;
  font-family: "Varela Round", sans-serif;
  font-size: 24px;
  line-height: 32px;
  background-image: url("../images/old_map.png");
}
#slide_3 .timeandlocation .timestamp {
  color: #791523;
  font-family: "Amatic SC", sans-serif;
  font-size: 24px;
  text-align: right;
  padding-right: 40px;
  font-weight: 700;
}
#slide_3 .timeandlocation .timestamp strong {
  font-size: 50px;
}
#slide_3 .timeandlocation .label {
  color: #000000;
  font-family: "Marmelad", sans-serif;
  font-size: 20px;
  text-align: left;
}

#innerfooter .divider {
  overflow: hidden;
  position: relative;
}
#innerfooter .divider:before {
  content: "";
  position: absolute;
  bottom: -0.1vw;
  left: -0.1vw;
  right: -0.1vw;
  top: -0.1vw;
  transform: scaleX(2.4);
  transform-origin: 100% 100%;
  animation: 20s infinite alternate shape-anim-216 linear;
  background-size: 200% 112px;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  z-index: 3;
  pointer-events: none;
  background-image: url('data:image/svg+xml;charset=utf8, <svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100"><g fill="%230a0a0a"><path d="M998 29c-4-3-11-3-15 0-3 4-5 9-9 11-5 2-12 0-16-3l-5-7a18 18 0 00-6-4 12 12 0 00-13 4c-2 3-4 9-8 8-3-1-5-4-7-6-7-7-17-2-21 6-2 3-5 6-8 5a7 7 0 01-5-3c0-3-2-7-5-9-5-2-12-3-16 1-3 3-5 8-9 10-5 2-11 0-15-3l-5-7a19 19 0 00-7-4 12 12 0 00-13 4c-2 3-4 9-8 8-3-1-4-4-6-6-8-6-18-2-22 6-2 3-4 6-8 5s-5-4-7-7a13 13 0 00-7-7c-6-1-9 6-11 9-5 6-10 0-13-4s-11-4-14 0c-2 2-2 5-3 7-6 7-12-10-15-12-4-5-9-6-14-2-4 2-6 8-8 12-2 2-4 5-7 4l-6-7a19 19 0 00-5-8c-4-3-11-3-15 1-4 3-5 8-10 10s-11 0-15-3l-5-7a18 18 0 00-7-4 12 12 0 00-13 4c-2 3-3 9-8 8-3-1-4-4-6-6-7-6-18-2-22 6-1 3-4 6-8 5s-5-4-6-7a13 13 0 00-8-6c-6-2-8 5-11 9-5 5-9 0-12-5-3-3-11-4-15 0-1 2-1 5-3 7-6 7-12-9-14-12-4-4-9-6-14-2-4 3-6 8-9 12-4 7-9 0-13-4-3-8-13-13-20-6-3 3-5 8-9 10-5 2-12 0-16-3l-5-7a19 19 0 00-6-3 12 12 0 00-13 3c-2 3-4 9-8 8-3-1-5-4-7-6-7-6-17-1-21 6-2 3-5 6-8 5s-6-4-7-7a13 13 0 00-8-6c-6-2-8 5-11 9-5 5-9 0-12-4s-11-5-14-1l-4 7c-6 7-11-9-14-12-4-4-9-5-14-2-4 3-6 8-8 12-2 2-4 6-7 4l-6-6a19 19 0 00-5-9c-4-3-12-3-15 1-4 3-6 8-10 10-5 2-11 0-15-3l-5-7a18 18 0 00-7-3 12 12 0 00-13 3c-2 3-4 9-8 8-3-1-4-4-6-6-8-6-18-1-22 6-2 3-4 6-8 5s-5-4-7-7a13 13 0 00-7-6c-6-2-8 5-11 9-5 5-9 0-13-4-3-4-11-5-14-1-2 2-2 5-3 7-6 7-12-9-15-12-4-4-9-5-14-2-4 3-6 8-8 12-4 6-11 1-14-3-1-2-3-3-5-3s-6 3-6 6v12c0-3 4-6 6-7s4 2 5 4c3 4 10 9 14 3 2-5 4-10 8-12 5-4 11-3 14 2 3 2 9 19 15 12 1-2 1-5 3-7 3-4 11-4 14 0 4 4 8 10 13 4 3-3 5-10 11-9a13 13 0 017 7c2 3 3 6 7 7s6-2 8-5c4-8 14-12 22-6 2 2 3 5 6 6 4 1 6-5 8-8a12 12 0 0113-4 18 18 0 017 4l5 7c4 3 10 5 15 3 4-2 6-7 10-10 4-4 11-5 15-1a19 19 0 015 8c1 3 3 5 6 7 3 1 5-2 7-4 2-5 4-10 8-12 5-4 10-3 14 2 3 2 8 19 14 12l4-7c3-4 11-4 14 0s7 10 12 4c3-3 5-10 11-9a13 13 0 018 7c1 3 3 6 7 7s6-2 8-5c4-8 14-13 21-6 2 2 4 5 7 6 4 1 6-5 8-8a12 12 0 0113-4 19 19 0 016 4l5 7c4 3 11 5 16 3 4-2 6-7 9-11 7-6 17-1 20 7 4 4 9 11 13 4 3-5 5-10 9-12 5-4 10-3 14 1 2 3 8 20 14 12l3-6c4-4 12-4 15 0s7 10 12 4c3-3 5-10 11-9a13 13 0 018 7c1 2 3 6 6 7s7-3 8-5c4-8 15-13 22-6 2 2 3 5 6 6 5 1 6-5 8-8a12 12 0 0113-4 18 18 0 017 4l5 7c4 3 10 5 15 3s6-7 10-11c4-3 11-4 15 0a19 19 0 015 8c2 3 3 5 6 6 3 2 6-1 7-3 2-5 4-10 8-12 5-4 10-3 14 1 3 3 9 20 15 12l3-6c3-4 11-4 14 0s8 10 13 4c2-3 5-10 11-9a13 13 0 017 7c2 2 3 6 7 7s6-3 8-5c4-8 14-13 22-6 2 2 3 5 6 6 4 1 6-6 8-8a12 12 0 0113-4 19 19 0 017 4l5 7c4 3 10 5 15 3 4-2 6-7 10-11 3-3 10-3 15 0 3 2 5 5 5 9a7 7 0 005 3c3 1 6-2 8-5 4-8 14-13 21-6 2 2 4 5 7 6 4 1 6-6 8-8a12 12 0 0113-4 18 18 0 016 4l5 7c4 3 11 5 16 3 4-2 6-7 9-11 4-3 11-3 15 0 4 2 6 6 6 10v-8c0-5-1-11-6-14z" opacity=".3"/><path d="M998 41c-4-3-11-4-15 0-3 3-5 9-9 11-5 2-12 0-16-3l-5-7a18 18 0 00-6-4 12 12 0 00-13 4c-2 2-4 9-8 8-3-1-5-4-7-6-7-7-17-2-22 6-1 3-4 6-7 5a7 7 0 01-5-3c0-4-2-7-5-9-5-3-12-3-16 0-3 3-5 9-9 10-5 3-12 1-15-3l-5-6a19 19 0 00-7-4 12 12 0 00-13 4c-2 2-4 9-8 8-3-1-4-4-6-6-8-7-18-2-22 6-2 2-4 6-8 5s-5-5-7-8a13 13 0 00-8-6c-5-1-8 6-11 9-4 6-9 0-12-4s-11-4-14 0l-3 6c-7 8-12-9-15-12-4-4-9-5-14-2-4 3-6 8-8 12-2 3-4 6-7 4-3-1-4-3-6-6a19 19 0 00-5-8c-4-4-11-3-15 0-4 4-5 9-10 11s-11 0-15-3l-5-7a18 18 0 00-7-4 12 12 0 00-13 4c-2 2-3 9-8 8-3-1-4-4-6-6-7-7-18-2-22 6-1 3-4 6-8 5s-5-4-6-7a13 13 0 00-8-7c-6-1-8 6-11 9-5 6-9 0-12-4s-11-4-15 0c-1 2-1 5-3 7-6 7-12-10-14-12-4-5-9-6-14-2-4 2-6 7-9 12-4 7-9 0-13-4-3-8-13-13-20-6-3 3-5 8-9 10-5 2-12 0-16-3l-5-7a19 19 0 00-6-4 12 12 0 00-13 4c-2 3-4 9-8 8-3-1-5-4-7-6-7-6-17-2-21 6-2 3-5 6-8 5s-6-4-7-7a13 13 0 00-8-7c-6-1-8 6-11 9-5 6-9 0-12-4s-11-4-14 0l-4 7c-6 7-11-10-14-12-4-5-9-6-14-2-4 2-6 8-8 12-2 2-4 5-7 4-3-2-5-4-6-7a19 19 0 00-5-8c-4-3-12-3-15 1-4 3-6 8-10 10-5 2-11 0-15-3l-5-7a18 18 0 00-7-4 12 12 0 00-13 4c-2 3-4 9-8 8-3-1-4-4-6-6-8-6-18-2-22 6-2 3-4 6-8 5s-5-4-7-7a13 13 0 00-7-7c-6-1-8 6-11 9-5 6-9 0-13-4-3-4-11-4-14 0-2 2-2 5-3 7-6 7-12-10-15-12-4-5-9-6-14-2-4 2-6 7-8 12-4 6-11 1-14-3-1-2-3-4-5-4s-6 4-6 7v50h1006v-5-25-19c0-4-2-8-6-10z"/></g></svg>');
}
@media (width >= 64rem) {
  #innerfooter .divider:before {
    background-size: 100% 112px;
  }
}
#innerfooter .ship {
  background: url("../images/pirate-ship2.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 140px;
  height: 140px;
  position: absolute;
  z-index: 4;
  animation: swing 2s infinite ease;
  top: -20px;
  left: 100px;
}
@keyframes swing {
  0% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(20deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
@media (min-width: 2100px) {
  #innerfooter .divider:before {
    background-size: 100% calc(2vw + 112px);
  }
}
@keyframes shape-anim-216 {
  100% {
    transform: scaleX(2.4) translateX(58.3333333333%);
  }
}
#innerfooter #menu li {
  text-align: center;
  font-size: 14px;
}
#innerfooter #menu li.bbr {
  border-right: 1px solid #ffffff;
}
#innerfooter #menu li a {
  color: #ffffff !important;
  font-family: "Varela Round", sans-serif;
}
#innerfooter #menu li a:hover {
  color: #791523 !important;
  font-weight: 700;
}

#contacts .inner {
  background: url("../images/msginabottle.png");
  background-repeat: no-repeat;
  background-size: 150px auto;
}

.page-template-home-tpl #innerfooter {
  background-color: #C0C0C0;
}

.page-template-contacts-tpl #innerfooter {
  background-color: #791523;
}

.error404 #innerfooter {
  background-image: url("/wp-content/uploads/2025/12/bg.png");
  background-repeat: repeat;
}

.rsvp-form-container, .rsvp-search {
  border: 10px dashed black;
  background: linear-gradient(to top, white, 5px, transparent 5px), linear-gradient(to right, white, 5px, transparent 5px), linear-gradient(to bottom, white, 5px, transparent 5px), linear-gradient(to left, white, 5px, transparent 5px);
  background-origin: border-box;
}
.rsvp-form-container h1, .rsvp-search h1 {
  font-size: 4rem;
  font-family: "Amatic SC", sans-serif;
  font-weight: bold;
  margin-bottom: 2rem;
}
.rsvp-form-container h1 span, .rsvp-search h1 span {
  color: #791523;
}
.rsvp-form-container form p, .rsvp-search form p {
  margin: 1rem 0;
}
.rsvp-form-container form p label, .rsvp-search form p label {
  font-weight: bold;
  font-size: 20px;
}
.rsvp-form-container form p label span.required, .rsvp-search form p label span.required {
  color: red;
}
.rsvp-form-container form p label .wpcf7-list-item-label, .rsvp-search form p label .wpcf7-list-item-label {
  font-weight: normal;
}
.rsvp-form-container #mainform, .rsvp-search #mainform {
  display: none;
}
.rsvp-form-container #mainform input[type=text], .rsvp-search #mainform input[type=text] {
  margin-top: 10px;
  border: none;
  border-radius: 20px;
  outline: none;
  padding: 10px;
  color: #676767;
  background-color: #ffffff;
  transition: border 0.5s;
  -webkit-transition: border 0.5s;
  -moz-transition: border 0.5s;
  -o-transition: border 0.5s;
  border: solid 3px #98d4f3;
  width: 100%;
  max-width: 350px;
}
.rsvp-form-container #mainform input[type=text]:focus, .rsvp-search #mainform input[type=text]:focus {
  border: solid 3px #77bde0;
}
.rsvp-form-container #mainform textarea, .rsvp-search #mainform textarea {
  height: 6em;
  width: 100%;
  max-width: 500px;
  margin-top: 10px;
  border: none;
  border-radius: 20px;
  outline: none;
  padding: 10px;
  color: #676767;
  background-color: #ffffff;
  transition: border 0.5s;
  -webkit-transition: border 0.5s;
  -moz-transition: border 0.5s;
  -o-transition: border 0.5s;
  border: solid 3px #98d4f3;
}
.rsvp-form-container #mainform textarea:focus, .rsvp-search #mainform textarea:focus {
  border: solid 3px #77bde0;
}

.clouddivider {
  overflow: hidden;
  position: relative;
  height: 75px;
  background-color: #87ceeb;
  border-top: 1px solid black;
}

.clouddivider::before {
  content: "";
  font-family: "shape divider from ShapeDividers.com";
  position: absolute;
  z-index: 3;
  pointer-events: none;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-size: 2048px 75px;
  background-position: 50% 100%;
  transform: rotateY(180deg);
  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 7" preserveAspectRatio="none"><path d="M0 0a1 1 0 005 0 1 1 0 003 0 1 1 0 004 0 1 1 0 003 0 1 1 0 002 0 1 1 0 005 0 1 1 0 007 0 1 1 0 005 0 1 1 0 0010 0 1 1 0 005 0 1 1 0 008 0 1 1 0 005 0 1 1 0 006 0 1 1 0 005 0 1 1 0 0011 0 1 1 0 005 0 1 1 0 008 0 1 1 0 006 0 1 1 0 008 0 1 1 0 0010 0 1 1 0 007 0z" fill="%23ffffff"/><path d="M0 0a1 1 0 007 0 1 1 0 0010 0 1 1 0 008 0 1 1 0 0011 0 1 1 0 0013 0 1 1 0 0010 0 1 1 0 0012 0 1 1 0 0013 0 1 1 0 0011 0 1 1 0 009 0 1 1 0 0012 0 1 1 0 0012 0z" fill="%23ffffff" opacity=".66"/></svg>');
}

.clouddivider.up::before {
  transform: rotateY(0deg);
  transform: rotate(180deg);
}

@media (min-width: 2100px) {
  .clouddivider::before {
    background-size: 100% calc(2vw + 60px);
  }
}
.cloud {
  height: 180px; /* control the size */
  aspect-ratio: 1.8;
  --g: radial-gradient(50% 50%, #000 98%, #0000) no-repeat;
  mask: var(--g) 100% 100%/30% 60%, var(--g) 70% 0/50% 100%, var(--g) 0 100%/36% 68%, var(--g) 27% 18%/26% 40%, linear-gradient(#000 0 0) bottom/67% 58% no-repeat;
  background: #269af2;
}

.rsvp-search #responsesearch {
  font-size: 0.8rem;
  font-weight: bold;
}
.rsvp-search #responsesearch.err {
  color: red;
}

.faqcontainer .single-faq {
  position: relative;
  cursor: pointer;
  flex: 1 0 auto;
  height: auto;
  background: #F4EBDA;
  background-repeat: no-repeat;
  clip-path: polygon(1% 2%, 3.5% 0.1%, 8.9% 2.7%, 16.2% 1.2%, 19.7% 0.8%, 24.7% 2%, 31.2% 0%, 35.9% 2.3%, 40.6% 0.5%, 47.1% 1.8%, 49.9% 1%, 53.8% 2.5%, 62.2% 0.4%, 67.3% 1.2%, 70.3% 0.3%, 75.8% 1.4%, 78.5% 1.7%, 84% 2.6%, 91.1% 0.5%, 93.6% 2.4%, 97.3% 0.3%, 98.9% 6%, 98.1% 11.4%, 98.6% 15.5%, 97.3% 17.8%, 97.7% 27.4%, 98.3% 28.5%, 99.7% 34.1%, 98.8% 41.9%, 98.3% 45.7%, 98.4% 50.9%, 98.7% 57.4%, 99.6% 60.4%, 99.4% 66.6%, 99.2% 69.5%, 97.4% 77.1%, 98.1% 82.3%, 99.9% 83.5%, 98.2% 91.5%, 99.3% 95.3%, 98% 98.6%, 93.6% 97.4%, 90.3% 98.3%, 86.8% 98.3%, 78.6% 98.5%, 76.4% 99.2%, 69.7% 99.8%, 64.2% 99.3%, 61.8% 99.2%, 57.2% 98.1%, 48.7% 98.3%, 46.8% 99%, 39.6% 98.9%, 33.8% 97.3%, 28.2% 99.4%, 27% 98.3%, 22.1% 98.6%, 13.1% 97.1%, 8.7% 99.3%, 2.7% 97.4%, 2% 98.2%, 2.1% 94.3%, 0.7% 90.5%, 0.9% 86.3%, 2.2% 78.2%, 0.4% 76.7%, 1.2% 72.1%, 2% 64%, 1.4% 59.8%, 0.4% 57.3%, 0.3% 49.1%, 2.9% 44.7%, 1.9% 41.3%, 0.8% 35.7%, 2.9% 31.3%, 0.8% 24.9%, 2.7% 20.5%, 0.8% 17.4%, 2.5% 8.6%, 1.1% 5.5%);
}
.faqcontainer .single-faq:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.faqcontainer .single-faq:after {
  content: "";
  position: absolute;
  top: 100%;
  height: 20px;
  width: 100%;
  left: 0;
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/23618/rip.svg) bottom;
  background-size: 200%;
}
.faqcontainer .single-faq .answer {
  display: none;
}

#details #innerbgdetails {
  overflow-x: hidden;
  /* Animation webkit */
}
@-webkit-keyframes swim1 {
  0% {
    margin-left: -235px;
    transform: rotate(0deg);
    margin-top: 10px;
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: rotate(3deg);
    margin-top: 0px;
  }
  10%, 20%, 30%, 40%, 50%, 60%, 70%, 80% {
    transform: rotate(0deg);
    margin-top: 10px;
  }
  90% {
    margin-left: 100%;
    transform: rotate(0deg);
    margin-top: 10px;
  }
  100% {
    margin-left: 100%;
    transform: rotate(0deg);
    margin-top: 10px;
  }
}
#details #innerbgdetails {
  /* Animation */
}
@keyframes swim1 {
  0% {
    margin-left: -235px;
    transform: rotate(0deg);
    margin-top: 10px;
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: rotate(3deg);
    margin-top: 0px;
  }
  10%, 20%, 30%, 40%, 50%, 60%, 70%, 80% {
    transform: rotate(0deg);
    margin-top: 10px;
  }
  90% {
    margin-left: 100%;
    transform: rotate(0deg);
    margin-top: 10px;
  }
  100% {
    margin-left: 100%;
    transform: rotate(0deg);
    margin-top: 10px;
  }
}
#details #innerbgdetails {
  /* Animation webkit */
}
@-webkit-keyframes swim2 {
  0% {
    margin-left: -235px;
    transform: rotate(0deg);
    margin-top: 10px;
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: rotate(3deg);
    margin-top: 0px;
  }
  10%, 20%, 30%, 40%, 50%, 60%, 70%, 80% {
    transform: rotate(0deg);
    margin-top: 10px;
  }
  90% {
    margin-left: 100%;
    transform: rotate(0deg);
    margin-top: 10px;
  }
  100% {
    margin-left: 100%;
    transform: rotate(0deg);
    margin-top: 10px;
  }
}
#details #innerbgdetails {
  /* Animation */
}
@keyframes swim2 {
  0% {
    margin-left: calc(100% + 235px);
    transform: rotate(0deg);
    margin-top: 10px;
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: rotate(3deg);
    margin-top: 0px;
  }
  10%, 20%, 30%, 40%, 50%, 60%, 70%, 80% {
    transform: rotate(0deg);
    margin-top: 10px;
  }
  90% {
    margin-left: -235px;
    transform: rotate(0deg);
    margin-top: 10px;
  }
  100% {
    margin-left: -235px;
    transform: rotate(0deg);
    margin-top: 10px;
  }
}
#details #innerbgdetails .fish {
  width: 235px;
  height: 104px;
  position: absolute;
}
#details #innerbgdetails #fish {
  background-image: url("../images/fish.png");
  margin-left: -235px;
  top: 20%;
  animation: swim1 24s;
  -webkit-animation: swim1 24s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
}
#details #innerbgdetails #fish2 {
  background-image: url("../images/fish2.png");
  margin-left: calc(100% + 235px);
  top: 60%;
  animation-delay: 12s;
  -webkit-animation-delay: 12s;
  animation-name: swim2;
  -webkit-animation-name: swim2;
  animation-duration: 24s;
  -webkit-animation-duration: 24s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
}
#details .title {
  font-family: "Amatic SC", sans-serif;
  line-height: 1;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  padding-bottom: 1.2rem;
}
#details #timeline .fakeline:before {
  margin-left: -1px;
  background: #ffffff;
  content: "";
  width: 3px;
  display: block;
  position: absolute;
  left: 50%;
  height: 50px;
  margin-top: -25px;
}
#details #timeline .event {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding-bottom: 30px;
}
#details #timeline .event:nth-child(even):before {
  margin-left: -1px;
  background: #ffffff;
  content: "";
  width: 3px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
#details #timeline .event:nth-child(even):after {
  width: 14px;
  height: 14px;
  border: 3px solid #ffffff;
  display: block;
  position: absolute;
  top: 22px;
  left: -7px;
  content: "";
  border-radius: calc(infinity * 1px);
  background: rgb(36, 123, 160);
}
#details #timeline .event:nth-child(even) {
  padding-left: 30px;
  align-items: start;
}
#details #timeline .event:nth-child(odd) {
  padding-right: 30px;
  align-items: end;
  text-align: right;
}
#details #timeline .event img {
  width: 160px;
}
#details #timeline .event .time {
  font-family: "Amatic SC", sans-serif;
  font-weight: bold;
  color: #ffffff;
  font-size: 2rem;
}
#details #timeline .event .titlel {
  font-family: "Marmelad", sans-serif;
  font-weight: bold;
  color: #000000;
}
#details #timeline .event .text {
  font-family: "Varela Round", sans-serif;
  color: #ffffff;
  padding-top: 0.4rem;
}

/*MEDIAQUERIES*/
@media (width >= 64rem) {
  #mainbody {
    width: calc(100vw - 160px);
    max-width: 1200px;
  }
  #mainbody #header {
    width: calc(100vw - 160px);
    max-width: 1200px;
  }
  #mainbody #maincontent {
    width: calc(100vw - 160px);
    max-width: 1200px;
  }
  #mainbody #innerbgdetails {
    width: calc(100vw - 308px);
    max-width: 1040px;
  }
}
@media (width >= 40rem) {
  #contacts .inner {
    background-size: 250px auto;
  }
}

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