/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/blocks.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/blocks.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@300;500&display=swap);
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/editor.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/editor.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@300;500&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/blocks.scss (2) ***!
  \*************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* =============================================================================
....####...........####........####...####....####.###........####....##..##...
...##..##.........##..##......##.....##..##..##..##..##......##..##...##..##...
...##..##..#####..######......##.....##..##..##..##..##......######...##..##...
...##..##.........##..##......##.....##..##..##..##..##......##..##...##..##...
....####..........##..##..##...####...####...##..##..##..##..##..##...######...
============================================================================= */
/* ==============================================================
   MIXINS
============================================================== */
/* ==============================================================
 PADDINGS AND MARGINS
============================================================== */
/* ==============================================================
DEFAULT PADDING AND MARGIN
============================================================== */
/* ==============================================================
RATIO IMAGES
============================================================== */
/* ==============================================================
  COLOURS
============================================================== */
/* ==============================================================
   TYPOGRAPHY
============================================================== */
/* ==============================================================
  TRANSITION AND EASING
============================================================== */
/* ==============================================================
  MARGINS
============================================================== */
/* ==============================================================
  MARGINS ABD GUTTERS
============================================================== */
/* ==============================================================
  HEADER SIZES
============================================================== */
/* ==============================================================
  TITLEBAR SIZES
============================================================== */
/* ==============================================================
  CONTAINER SIZES
============================================================== */
/* ==============================================================
  HEADER PADDING
============================================================== */
/* ==============================================================
  MEDIA QUERY BREAKPOINTS
============================================================== */
/* ==============================================================

 PAGE STRUCTURE
 Setup overall page structure with sticky footer

============================================================== */
.container {
  width: 100%;
  transition: max-width 300ms cubic-bezier(0.25, 1, 0.2, 1);
  margin: auto;
  padding-left: 30px;
  padding-right: 30px;
  /* Removes padding */
  /* Removes Max width */
}
@media (min-width: 768px) {
  .container {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 992px) {
  .container {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1200px) {
  .container {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1500px) {
  .container {
    padding-left: 70px;
    padding-right: 70px;
  }
}
.container.container--small {
  max-width: 800px;
}
.container.container--medium {
  max-width: 1000px;
}
.container.container--large {
  max-width: 1200px;
}
.container.container--xlarge {
  max-width: 1400px;
}
.container.container--full {
  padding-left: 0;
  padding-right: 0;
}
.container.container--fluid {
  max-width: none;
}

.aligncenter,
.alignleft,
.alignright {
  display: block;
  padding: 0;
}

.aligncenter {
  float: none;
  margin: 0.5em auto 1em;
}

.alignright {
  float: right;
  margin: 0.5em 0 1em 1em;
}

.alignleft {
  float: left;
  margin: 0.5em 1em 1em 0;
}

.wp-caption {
  padding: 5px 0;
  border: 1px solid #555;
  background: #444;
  text-align: center;
}

.wp-caption img {
  display: inline;
}

.wp-caption p.wp-caption-text {
  margin: 5px 0 0;
  padding: 0;
  text-align: center;
  font-size: 75%;
  font-weight: 100;
  font-style: italic;
  color: #ddd;
}

.aligncenter,
.alignleft,
.alignright {
  display: block;
  padding: 0;
}

.aligncenter {
  float: none;
  margin: 0.5em auto 1em;
}

.alignright {
  float: right;
  margin: 0.5em 0 1em 1em;
}

.alignleft {
  float: left;
  margin: 0.5em 1em 1em 0;
}

.alignfull, .wp-block-embed.alignfull, .wp-block-gallery.alignfull {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: auto;
  max-width: 1000%;
}

.alignwide, .wp-block-embed.alignwide, .wp-block-gallery.alignwide {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  width: 100vw;
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 768px) {
  .alignwide, .wp-block-embed.alignwide, .wp-block-gallery.alignwide {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 992px) {
  .alignwide, .wp-block-embed.alignwide, .wp-block-gallery.alignwide {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1200px) {
  .alignwide, .wp-block-embed.alignwide, .wp-block-gallery.alignwide {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1500px) {
  .alignwide, .wp-block-embed.alignwide, .wp-block-gallery.alignwide {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media (min-width: 1260px) {
  .alignwide, .wp-block-embed.alignwide, .wp-block-gallery.alignwide {
    max-width: 1260px;
    margin-left: calc(50% - 630px) !important;
    margin-right: calc(50% - 630px) !important;
  }
}

figure.wp-block-image:not(.wp-block) {
  margin-bottom: 1rem;
}

/* ==============================================================
  WP GALLERY 
============================================================== */
.wp-block-pullquote {
  border: 0;
}
.wp-block-pullquote blockquote {
  position: relative;
  padding: 0 80px;
}
.wp-block-pullquote blockquote:before {
  content: "“";
  font-size: 10rem;
  font-family: serif;
  position: absolute;
  display: block;
  top: -30px;
  left: 0;
}
.wp-block-pullquote blockquote:after {
  content: "”";
  font-size: 10rem;
  font-family: serif;
  position: absolute;
  display: block;
  top: -30px;
  right: 0;
}
.wp-block-pullquote blockquote p {
  margin-bottom: 1em;
}
.wp-block-pullquote blockquote cite {
  color: inherit;
}

/* ==============================================================
  WP GALLERY 
============================================================== */
/* ==============================================================
  WP BLOCK EMBED
============================================================== */
.wp-block-embed {
  padding: 0;
}
.wp-block-embed .wp-block-embed__wrapper {
  padding: 0;
}
.wp-block-embed .wp-block-embed__wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.wp-block-embed.wp-embed-aspect-21-9, .wp-block-embed.wp-embed-aspect-18-9, .wp-block-embed.wp-embed-aspect-16-9, .wp-block-embed.wp-embed-aspect-4-3, .wp-block-embed.wp-embed-aspect-1-1, .wp-block-embed.wp-embed-aspect-9-16, .wp-block-embed.wp-embed-aspect-1-2 {
  position: relative;
}
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
  content: "";
  display: block;
  padding-top: 50%;
}
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
  padding-top: 42.85%;
}
.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
  padding-top: 50%;
}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
  padding-top: 56.25%;
}
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
  padding-top: 75%;
}
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
  padding-top: 100%;
}
.wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper:before {
  padding-top: 66.66%;
}
.wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
  padding-top: 200%;
}

/* ==============================================================
BOUNCE
============================================================== */
.bounce {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
/* ==============================================================
BOUNCE
============================================================== */
.promo-bounce {
  animation: promo-bounce 2s infinite;
}

@keyframes promo-bounce {
  0%, 75%, 85%, 100% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(-15px);
  }
  90% {
    transform: translateY(-7px);
  }
}
/* ==============================================================
SLOW ZOOM
============================================================== */
.slow-zoom {
  animation: slow-zoom 7s;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

@keyframes slow-zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
/* ==============================================================
EXPAND TRACKING
============================================================== */
.expand-tracking {
  animation: expand-tracking 2s;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

@keyframes expand-tracking {
  0% {
    opacity: 0;
    letter-spacing: 0.2ch;
  }
  100% {
    opacity: 1;
    letter-spacing: 0.5ch;
  }
}
/* ==============================================================
WIPE IN
============================================================== */
[data-aos=wipe-right] img {
  -webkit-clip-path: inset(0 100% 0 0) !important;
          clip-path: inset(0 100% 0 0) !important;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

[data-aos=wipe-right].aos-animate img {
  -webkit-clip-path: inset(0 0 0 0) !important;
          clip-path: inset(0 0 0 0) !important;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

[data-aos=wipe-left] img {
  -webkit-clip-path: inset(0 0 0 100%) !important;
          clip-path: inset(0 0 0 100%) !important;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

[data-aos=wipe-left].aos-animate img {
  -webkit-clip-path: inset(0 0 0 0) !important;
          clip-path: inset(0 0 0 0) !important;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

[data-aos=wipe-up] img {
  -webkit-clip-path: inset(100% 0 0 0) !important;
          clip-path: inset(100% 0 0 0) !important;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

[data-aos=wipe-up].aos-animate img {
  -webkit-clip-path: inset(0 0 0 0) !important;
          clip-path: inset(0 0 0 0) !important;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

[data-aos=wipe-down] img {
  -webkit-clip-path: inset(0 0 100% 0) !important;
          clip-path: inset(0 0 100% 0) !important;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

[data-aos=wipe-down].aos-animate img {
  -webkit-clip-path: inset(0 0 0 0) !important;
          clip-path: inset(0 0 0 0) !important;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/editor.scss (2) ***!
  \*************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* =============================================================================
....####...........####........####...####....####.###........####....##..##...
...##..##.........##..##......##.....##..##..##..##..##......##..##...##..##...
...##..##..#####..######......##.....##..##..##..##..##......######...##..##...
...##..##.........##..##......##.....##..##..##..##..##......##..##...##..##...
....####..........##..##..##...####...####...##..##..##..##..##..##...######...
============================================================================= */
/* ==============================================================
   MIXINS
============================================================== */
/* ==============================================================
 PADDINGS AND MARGINS
============================================================== */
/* ==============================================================
DEFAULT PADDING AND MARGIN
============================================================== */
/* ==============================================================
RATIO IMAGES
============================================================== */
/* ==============================================================
  COLOURS
============================================================== */
/* ==============================================================
   TYPOGRAPHY
============================================================== */
/* ==============================================================
  TRANSITION AND EASING
============================================================== */
/* ==============================================================
  MARGINS
============================================================== */
/* ==============================================================
  MARGINS ABD GUTTERS
============================================================== */
/* ==============================================================
  HEADER SIZES
============================================================== */
/* ==============================================================
  TITLEBAR SIZES
============================================================== */
/* ==============================================================
  CONTAINER SIZES
============================================================== */
/* ==============================================================
  HEADER PADDING
============================================================== */
/* ==============================================================
  MEDIA QUERY BREAKPOINTS
============================================================== */
/* ==============================================================

 PAGE STRUCTURE
 Setup overall page structure with sticky footer

============================================================== */
.container {
  width: 100%;
  transition: max-width 300ms cubic-bezier(0.25, 1, 0.2, 1);
  margin: auto;
  padding-left: 30px;
  padding-right: 30px;
  /* Removes padding */
  /* Removes Max width */
}
@media (min-width: 768px) {
  .container {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 992px) {
  .container {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1200px) {
  .container {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1500px) {
  .container {
    padding-left: 70px;
    padding-right: 70px;
  }
}
.container.container--small {
  max-width: 800px;
}
.container.container--medium {
  max-width: 1000px;
}
.container.container--large {
  max-width: 1200px;
}
.container.container--xlarge {
  max-width: 1400px;
}
.container.container--full {
  padding-left: 0;
  padding-right: 0;
}
.container.container--fluid {
  max-width: none;
}

.aligncenter,
.alignleft,
.alignright {
  display: block;
  padding: 0;
}

.aligncenter {
  float: none;
  margin: 0.5em auto 1em;
}

.alignright {
  float: right;
  margin: 0.5em 0 1em 1em;
}

.alignleft {
  float: left;
  margin: 0.5em 1em 1em 0;
}

.wp-caption {
  padding: 5px 0;
  border: 1px solid #555;
  background: #444;
  text-align: center;
}

.wp-caption img {
  display: inline;
}

.wp-caption p.wp-caption-text {
  margin: 5px 0 0;
  padding: 0;
  text-align: center;
  font-size: 75%;
  font-weight: 100;
  font-style: italic;
  color: #ddd;
}

.aligncenter,
.alignleft,
.alignright {
  display: block;
  padding: 0;
}

.aligncenter {
  float: none;
  margin: 0.5em auto 1em;
}

.alignright {
  float: right;
  margin: 0.5em 0 1em 1em;
}

.alignleft {
  float: left;
  margin: 0.5em 1em 1em 0;
}

.alignfull, .wp-block-embed.alignfull, .wp-block-gallery.alignfull {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: auto;
  max-width: 1000%;
}

.alignwide, .wp-block-embed.alignwide, .wp-block-gallery.alignwide {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  width: 100vw;
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 768px) {
  .alignwide, .wp-block-embed.alignwide, .wp-block-gallery.alignwide {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 992px) {
  .alignwide, .wp-block-embed.alignwide, .wp-block-gallery.alignwide {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1200px) {
  .alignwide, .wp-block-embed.alignwide, .wp-block-gallery.alignwide {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1500px) {
  .alignwide, .wp-block-embed.alignwide, .wp-block-gallery.alignwide {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media (min-width: 1260px) {
  .alignwide, .wp-block-embed.alignwide, .wp-block-gallery.alignwide {
    max-width: 1260px;
    margin-left: calc(50% - 630px) !important;
    margin-right: calc(50% - 630px) !important;
  }
}

figure.wp-block-image:not(.wp-block) {
  margin-bottom: 1rem;
}

/* ==============================================================
  WP GALLERY 
============================================================== */
.wp-block-pullquote {
  border: 0;
}
.wp-block-pullquote blockquote {
  position: relative;
  padding: 0 80px;
}
.wp-block-pullquote blockquote:before {
  content: "“";
  font-size: 10rem;
  font-family: serif;
  position: absolute;
  display: block;
  top: -30px;
  left: 0;
}
.wp-block-pullquote blockquote:after {
  content: "”";
  font-size: 10rem;
  font-family: serif;
  position: absolute;
  display: block;
  top: -30px;
  right: 0;
}
.wp-block-pullquote blockquote p {
  margin-bottom: 1em;
}
.wp-block-pullquote blockquote cite {
  color: inherit;
}

/* ==============================================================
  WP GALLERY 
============================================================== */
/* ==============================================================
  WP BLOCK EMBED
============================================================== */
.wp-block-embed {
  padding: 0;
}
.wp-block-embed .wp-block-embed__wrapper {
  padding: 0;
}
.wp-block-embed .wp-block-embed__wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.wp-block-embed.wp-embed-aspect-21-9, .wp-block-embed.wp-embed-aspect-18-9, .wp-block-embed.wp-embed-aspect-16-9, .wp-block-embed.wp-embed-aspect-4-3, .wp-block-embed.wp-embed-aspect-1-1, .wp-block-embed.wp-embed-aspect-9-16, .wp-block-embed.wp-embed-aspect-1-2 {
  position: relative;
}
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
  content: "";
  display: block;
  padding-top: 50%;
}
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
  padding-top: 42.85%;
}
.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
  padding-top: 50%;
}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
  padding-top: 56.25%;
}
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
  padding-top: 75%;
}
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
  padding-top: 100%;
}
.wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper:before {
  padding-top: 66.66%;
}
.wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
  padding-top: 200%;
}

/* ==============================================================
BOUNCE
============================================================== */
.bounce {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
/* ==============================================================
BOUNCE
============================================================== */
.promo-bounce {
  animation: promo-bounce 2s infinite;
}

@keyframes promo-bounce {
  0%, 75%, 85%, 100% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(-15px);
  }
  90% {
    transform: translateY(-7px);
  }
}
/* ==============================================================
SLOW ZOOM
============================================================== */
.slow-zoom {
  animation: slow-zoom 7s;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

@keyframes slow-zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
/* ==============================================================
EXPAND TRACKING
============================================================== */
.expand-tracking {
  animation: expand-tracking 2s;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

@keyframes expand-tracking {
  0% {
    opacity: 0;
    letter-spacing: 0.2ch;
  }
  100% {
    opacity: 1;
    letter-spacing: 0.5ch;
  }
}
/* ==============================================================
WIPE IN
============================================================== */
[data-aos=wipe-right] img {
  -webkit-clip-path: inset(0 100% 0 0) !important;
          clip-path: inset(0 100% 0 0) !important;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

[data-aos=wipe-right].aos-animate img {
  -webkit-clip-path: inset(0 0 0 0) !important;
          clip-path: inset(0 0 0 0) !important;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

[data-aos=wipe-left] img {
  -webkit-clip-path: inset(0 0 0 100%) !important;
          clip-path: inset(0 0 0 100%) !important;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

[data-aos=wipe-left].aos-animate img {
  -webkit-clip-path: inset(0 0 0 0) !important;
          clip-path: inset(0 0 0 0) !important;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

[data-aos=wipe-up] img {
  -webkit-clip-path: inset(100% 0 0 0) !important;
          clip-path: inset(100% 0 0 0) !important;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

[data-aos=wipe-up].aos-animate img {
  -webkit-clip-path: inset(0 0 0 0) !important;
          clip-path: inset(0 0 0 0) !important;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

[data-aos=wipe-down] img {
  -webkit-clip-path: inset(0 0 100% 0) !important;
          clip-path: inset(0 0 100% 0) !important;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

[data-aos=wipe-down].aos-animate img {
  -webkit-clip-path: inset(0 0 0 0) !important;
          clip-path: inset(0 0 0 0) !important;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

.block-editor-block-inspector .o-a-editor-range-control {
  margin-bottom: 0;
}

.block-editor-block-inspector .o-a-editor-text-control {
  margin-bottom: 15px;
}

.block-editor-block-inspector .o-a-editor-url-input input {
  width: 100%;
}

.o-a-editor-placeholder-form .o-a-editor-placeholder-form__select {
  width: 100px;
  height: 36px;
  margin-right: 10px;
}

.o-a-editor-layout-button-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 10px;
}

.o-a-editor-layout-button {
  width: 100%;
  height: auto;
  border: 2px solid #ececec;
  background: #ffffff;
  padding: 2px;
  display: block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  outline: 0;
}
.o-a-editor-layout-button svg {
  opacity: 0.5;
  display: block;
  pointer-events: none;
}
.o-a-editor-layout-button:hover svg {
  opacity: 0.75;
}
.o-a-editor-layout-button.active {
  border: 2px solid var(--wp-admin-theme-color);
}
.o-a-editor-layout-button.active svg {
  opacity: 1;
}

.o-a-editor-url-input-wrapper {
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.o-a-editor-url-input .block-editor-url-input input[type=text] {
  border: 1px solid #757575;
  border-radius: 2px;
}

.block-editor-block-inspector .o-a-editor-select-control input {
  width: 100%;
}

.o-a-editor-tabs {
  margin-bottom: 20px;
}
.o-a-editor-tabs .o-a-editor-tabs__list {
  display: flex;
  flex-direction: row;
}
.o-a-editor-tabs .o-a-editor-tabs__list .o-a-editor-tabs__tab {
  font-size: 10px;
  padding: 10px 10px;
  display: block;
  border-radius: 3px 3px 0 0;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0);
  border-bottom: 1px solid #d1d5d9;
  border-bottom: none;
  transform: translateY(1px);
  outline: 0;
  cursor: pointer;
}
.o-a-editor-tabs .o-a-editor-tabs__list .o-a-editor-tabs__tab.active {
  border: 1px solid #d1d5d9;
  border-bottom: 1px solid #fff;
}
.o-a-editor-tabs .o-a-editor-tabs__tab-content {
  display: none;
  border: 1px solid #d1d5d9;
  border-radius: 0px 3px 3px 3px;
  padding: 20px 10px;
}
.o-a-editor-tabs .o-a-editor-tabs__tab-content.active {
  display: block;
}

.o-a-editor-2up {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 10px;
       column-gap: 10px;
}

.o-a-editor-2up-2-1 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  -moz-column-gap: 10px;
       column-gap: 10px;
}

.o-a-label {
  display: inline-block;
  margin-bottom: 8px;
}

.o-a-editor-image button {
  width: 100%;
  display: block;
  text-align: center;
  border: 1px solid #4d4f52;
  background: #f8f8f8;
  border-radius: 5px;
  margin-bottom: 10px;
}
.o-a-editor-image .o-a-editor-image-well {
  margin-bottom: 20px;
}
.o-a-editor-image .o-a-editor-image-well .o-a-editor-image-well__preview {
  width: 100%;
  background-color: #f8f8f8;
  border: 1px solid #4d4f52;
  overflow: hidden;
  height: 150px;
  position: relative;
  border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  padding: 10px;
}
.o-a-editor-image .o-a-editor-image-well .o-a-editor-image-well__preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.o-a-editor-image .o-a-editor-image-well .o-a-editor-image-well__action-bar {
  display: flex;
}
.o-a-editor-image .o-a-editor-image-well .o-a-editor-image-well__action-bar button {
  width: 100%;
  margin: 0;
  border-radius: 0;
  border-top: 0;
  text-align: center;
  display: block;
  background: #f8f8f8;
}
.o-a-editor-image .o-a-editor-image-well .o-a-editor-image-well__action-bar button:first-child {
  border-bottom-left-radius: 3px;
}
.o-a-editor-image .o-a-editor-image-well .o-a-editor-image-well__action-bar button:last-child {
  border-left: 0;
  border-bottom-right-radius: 3px;
}

.editor-post-title {
  font-family: "Roboto", sans-serif;
  line-height: 1.4;
  font-weight: 600;
}

.editor-styles-wrapper {
  font-family: "Roboto", sans-serif;
  line-height: 1.4;
  font-weight: 300;
}
.editor-styles-wrapper p {
  font-family: "Roboto", sans-serif;
  line-height: 1.4;
  font-weight: 300;
}
.editor-styles-wrapper p,
.editor-styles-wrapper ul,
.editor-styles-wrapper ol,
.editor-styles-wrapper dl,
.editor-styles-wrapper hr {
  margin-bottom: 1.75em;
  font-family: "Roboto", sans-serif;
  line-height: 1.4;
  font-weight: 300;
}
.editor-styles-wrapper ol {
  list-style-type: decimal;
  padding-left: 20px;
}
.editor-styles-wrapper ul {
  list-style: square;
  padding-left: 20px;
}
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5 {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 1rem;
  margin: 0 0 1rem 0;
  -webkit-font-smoothing: subpixel-antialiased;
  color: inherit;
  font-weight: 900;
}
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper p,
.editor-styles-wrapper ul,
.editor-styles-wrapper ol,
.editor-styles-wrapper li {
  margin-top: 0;
  margin-bottom: 25px;
}
.editor-styles-wrapper h1 a,
.editor-styles-wrapper h2 a,
.editor-styles-wrapper h3 a,
.editor-styles-wrapper h4 a,
.editor-styles-wrapper h5 a,
.editor-styles-wrapper p a,
.editor-styles-wrapper ul a,
.editor-styles-wrapper ol a,
.editor-styles-wrapper li a {
  color: inherit;
}
.editor-styles-wrapper h1 {
  font-size: 3rem;
  line-height: 1.1;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
}
.editor-styles-wrapper h2 {
  font-size: 1.3rem;
  line-height: 1.1;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.editor-styles-wrapper h3 {
  font-size: 1.3rem;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
}
.editor-styles-wrapper h4 {
  font-size: 1rem;
  line-height: 1.4;
  text-transform: none;
  font-family: "Roboto", sans-serif;
}
.editor-styles-wrapper h5 {
  font-size: 1rem;
  line-height: 1.4;
  text-transform: none;
  font-weight: 900;
}

/* ==============================================================
    WP GALLERY 
============================================================== */
.wp-block-pullquote {
  border: 0;
}
.wp-block-pullquote blockquote {
  position: relative;
  padding: 0 80px;
}
.wp-block-pullquote blockquote:before {
  content: "“";
  font-size: 10rem;
  font-family: serif;
  position: absolute;
  display: block;
  top: -30px;
  left: 0;
}
.wp-block-pullquote blockquote:after {
  content: "”";
  font-size: 10rem;
  font-family: serif;
  position: absolute;
  display: block;
  top: -30px;
  right: 0;
}
.wp-block-pullquote blockquote p {
  margin-bottom: 1em;
}
.wp-block-pullquote blockquote cite {
  color: inherit;
}

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