/* 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; }
