/* colors */
@keyframes bounce {
  0% {
    transform: scale(1) translateX(-50%) translateY(-50%);
  }
  25% {
    transform: scale(1.1) translateX(-45%) translateY(-45%);
  }
  50% {
    transform: scale(1.2) translateX(-40%) translateY(-40%);
  }
  75% {
    transform: scale(1.1) translateX(-45%) translateY(-45%);
  }
  100% {
    transform: scale(1) translateX(-50%) translateY(-50%);
  }
}
@keyframes anim-shadow {
  0% {
    box-shadow: 0 0 0 0 rgba(206, 7, 7, 0.9);
  }
  30% {
    box-shadow: 0 0 5px 3px rgba(206, 7, 7, 0.9);
  }
  50% {
    box-shadow: 0 0 10px 6px rgba(206, 7, 7, 0.9);
  }
  70% {
    box-shadow: 0 0 15px 9px rgba(206, 7, 7, 0.9);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(206, 7, 7, 0.9);
  }
}
@keyframes pulse-border {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes flash-nudge {
  0% {
    transform: translateX(0) rotate(15deg);
  }
  10% {
    transform: translateX(-2px) rotate(20deg);
  }
  20% {
    transform: translateX(2px) rotate(20deg);
  }
  30% {
    transform: translateX(0) rotate(20deg);
  }
  40% {
    transform: translateY(2px) rotate(25deg);
  }
  50% {
    transform: translateY(-1px) rotate(25deg);
  }
  60% {
    transform: translateY(3px) rotate(25deg);
  }
  70% {
    transform: translateY(-3px) rotate(25deg);
  }
  80% {
    transform: translateY(2px) rotate(25deg);
  }
  90% {
    transform: translateY(-2px) rotate(25deg);
  }
  100% {
    transform: translateY(0) rotate(15deg);
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes nudge {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
  70% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes left-right {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  25% {
    transform: translateX(35px);
    opacity: 1;
  }
  26% {
    transform: translateX(35px);
    opacity: 0;
  }
  27% {
    transform: translateX(-35px);
    opacity: 0;
  }
  75% {
    transform: translateX(-35px);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/*
* for ajax loading mixins
*/
/*--------------------------------------------------
/* Helper Class
/*-------------------------------------------------- */
.color-white p, .color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5 {
  color: #fff !important;
}

.color-black p, .color-black h1, .color-black h2, .color-black h3, .color-black h4, .color-black h5 {
  color: #000 !important;
}

.relative {
  position: relative;
}

.bg-right {
  background-position: right !important;
}

@media all and (max-width: 768px) {
  .wpb_single_image {
    text-align: center !important;
  }
}
/**
body, heading, p
typography
 */
.editor-styles-wrapper h1, .editor-styles-wrapper h2, .editor-styles-wrapper h3, .editor-styles-wrapper h4, .editor-styles-wrapper h5, .editor-styles-wrapper h6 {
  font-family: "Play";
}
.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 h6 a {
  color: #ff731c;
}
.editor-styles-wrapper h1 a:visited, .editor-styles-wrapper h1 a:active, .editor-styles-wrapper h1 a:focus, .editor-styles-wrapper h2 a:visited, .editor-styles-wrapper h2 a:active, .editor-styles-wrapper h2 a:focus, .editor-styles-wrapper h3 a:visited, .editor-styles-wrapper h3 a:active, .editor-styles-wrapper h3 a:focus, .editor-styles-wrapper h4 a:visited, .editor-styles-wrapper h4 a:active, .editor-styles-wrapper h4 a:focus, .editor-styles-wrapper h5 a:visited, .editor-styles-wrapper h5 a:active, .editor-styles-wrapper h5 a:focus, .editor-styles-wrapper h6 a:visited, .editor-styles-wrapper h6 a:active, .editor-styles-wrapper h6 a:focus {
  color: #ff731c;
}
.editor-styles-wrapper div, .editor-styles-wrapper p {
  font-family: "Muli";
}

.has-large-font-size {
  line-height: 1.3;
}

/**
list style
 */
article.page ul, article.page ol, article.post ul, article.post ol {
  margin-left: 0;
  padding-left: 15px;
}

/**
gallery
 */
.wp-block-gallery {
  padding-left: 0;
}

article.page .wp-block-gallery, article.post .wp-block-gallery {
  padding-left: 0;
}

/**
width settings
*/
.wp-block {
  max-width: 750px;
}

.wp-block[data-align=wide] {
  max-width: 1080px;
}

.wp-block[data-align=full] {
  max-width: none;
}

.wp-block-columns {
  display: flex;
}

article.page .alignwide {
  margin-left: -100px;
  margin-right: -100px;
  max-width: 100vw;
  width: 1340px;
}
article.page .alignfull {
  margin: 32px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}

/**
quote
pull quote
 */
.wp-block-quote {
  padding: 0 30px 30px;
  text-align: center;
}
.wp-block-quote blockquote {
  font-size: 18px;
  line-height: 24px;
  border: 0;
  background-color: transparent;
}
.wp-block-quote blockquote cite {
  margin-top: 5px;
}

.wp-block-quote.is-style-large {
  border-left: solid 4px #f71111;
  border-left: none;
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
  border-left: none;
  border-left-color: #f71111;
  font-style: italic;
}

.wp-block-pullquote {
  border-color: #f71111;
}
.wp-block-pullquote blockquote {
  border-left: 0px solid;
}
.wp-block-pullquote blockquote cite {
  color: inherit;
}

/**
table
 */
.wp-block-table td {
  padding: 7px;
  border-top-color: inherit !important;
  border-bottom-color: inherit !important;
}

/**
widgets styles
 */
.wp-block-latest-posts,
.wp-block-archives,
.wp-block-categories {
  margin: 0;
  padding: 0;
  padding-left: 15px;
}
.wp-block-latest-posts a,
.wp-block-archives a,
.wp-block-categories a {
  transition: all 0.3s ease;
  text-decoration: none;
}
.wp-block-latest-posts a:hover,
.wp-block-archives a:hover,
.wp-block-categories a:hover {
  color: #f71111;
}

article.page .entry-title h1, article.post .entry-title h1 {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
article.page .wp-block-latest-posts a,
article.page .wp-block-archives a, article.post .wp-block-latest-posts a,
article.post .wp-block-archives a {
  transition: all 0.3s ease;
  text-decoration: none;
}
article.page .wp-block-latest-posts a:hover,
article.page .wp-block-archives a:hover, article.post .wp-block-latest-posts a:hover,
article.post .wp-block-archives a:hover {
  color: #f71111;
  text-decoration: none;
}

/**
button
 */
.wp-block-button__link {
  letter-spacing: 0.08em;
  color: #fff;
  padding: 15px 30px;
  background-size: 100%;
  background-image: linear-gradient(to right, #f71111, #ff731c);
  font-family: "Play", sans-serif;
  text-transform: uppercase;
  transition: background-size 0.3s;
  border: 0;
  outline: 0;
  display: inline-block;
}
.wp-block-button__link:hover {
  transition: background-size 0.3s;
  background-image: linear-gradient(to right, #f71111, #ff731c);
  text-decoration: none;
  color: #fff;
  background-size: 200%;
}
.wp-block-button__link:visited {
  color: #fff;
}

/**
file
 */
.wp-block-file {
  display: inline-block;
}

.has-brand-primary-color {
  color: #f71111;
}

.has-brand-secondary-color {
  color: #ff731c;
}

.has-purple-color {
  color: #9800ff;
}

.has-body-bg-color {
  color: #ffffff;
}

.has-primary-text-color {
  color: #444444;
}

.has-secondary-text-color {
  color: #000;
}

/**
background color
================
 */
.has-brand-primary-background-color {
  background-color: #f71111;
}

.has-brand-secondary-background-color {
  background-color: #ff731c;
}

.has-purple-background-color {
  background-color: #9800ff;
}

.has-body-bg-background-color {
  background-color: #ffffff;
}

.has-primary-text-background-color {
  background-color: #444444;
}

.has-secondary-text-background-color {
  background-color: #000;
}

article.post,
article.page {
  /**
  block style
   */
}
article.post .has-brand-primary-color,
article.page .has-brand-primary-color {
  color: #f71111;
}
article.post .has-brand-secondary-color,
article.page .has-brand-secondary-color {
  color: #ff731c;
}
article.post .has-purple-color,
article.page .has-purple-color {
  color: #9800ff;
}
article.post .has-body-bg-color,
article.page .has-body-bg-color {
  color: #ffffff;
}
article.post .has-primary-text-color,
article.page .has-primary-text-color {
  color: #444444;
}
article.post .has-secondary-text-color,
article.page .has-secondary-text-color {
  color: #000;
}
article.post .wp-block-button,
article.page .wp-block-button {
  margin: 10px 0px;
}
article.post .wp-block-media-text__content p,
article.page .wp-block-media-text__content p {
  margin: 15px 0px;
}