/**
 * Theme Name: Go Kart Track
 * Description: Blocksy Child theme
 * Author: EZMarketing
 * Template: blocksy
 * Text Domain: blocksy
 */
/* Color -----------
Red: #f50101
Yellow: #e5e316
Blue: #031e97
-----------*/
/* universal */
.wp-block-cover {
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 0px !important;
}
.wp-block-cover .wp-block-cover__inner-container {
  padding-bottom: 65px;
  padding-top: 65px;
}
.ct-container-full {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.underline {
  text-decoration: underline;
}
.relative {
  position: relative;
}
a {
  -webkit-transition: all .33s ease-out;
  -o-transition: all .33s ease-out;
  transition: all .33s ease-out !important;
}
a.wp-block-button__link {
  border: 1px solid rgb(34, 34, 34) !important;
  text-shadow: 0px 0px 0px;
  padding-left: 70px !important;
  padding-right: 70px !important;
  border-radius: 50px !important;
}
a.wp-block-button__link:hover {
  border: 1px solid white !important;
  background-color: black !important;
  color: white !important;
  border-radius: 50px !important;
  -webkit-box-shadow: 0px 4px 15px #0000006e;
  box-shadow: 0px 4px 15px #0000006e;
}
p.has-text-color a {
  font-weight: 700;
  color: #031e97;
}
.redgrad {
  background: rgb(245, 1, 1);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 1, 1, 1)), to(rgba(163, 0, 0, 1)));
  background: -o-linear-gradient(top, rgba(245, 1, 1, 1) 0%, rgba(163, 0, 0, 1) 100%);
  background: linear-gradient(180deg, rgba(245, 1, 1, 1) 0%, rgba(163, 0, 0, 1) 100%);
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.bluegrad {
  background: rgb(0, 12, 65);
  background-image: url("images/dark-stripes.png");
  background-image: url("images/dark-stripes.png"), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 12, 65, 1)), to(rgba(3, 30, 151, 1))) !important;
  background-image: url("images/dark-stripes.png"), -o-linear-gradient(bottom, rgba(0, 12, 65, 1) 0%, rgba(3, 30, 151, 1) 100%) !important;
  background-image: url("images/dark-stripes.png"), linear-gradient(360deg, rgba(0, 12, 65, 1) 0%, rgba(3, 30, 151, 1) 100%) !important;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
/*----------- animation -----------*/
#menu-menu-top {
  position: relative;
  z-index: 300;
}
.go-kart-drive {
  position: absolute;
  top: 32px;
  z-index: 150;
  left: 50px;
  -webkit-animation: linear;
  -webkit-animation-name: run;
  -webkit-animation-duration: 14s;
}
@-webkit-keyframes run {
  0% {
    left: -50px;
  }
  10% {
    left: -50px;
  }
  90% {
    left: 110%;
    opacity: 1;
  }
  91% {
    opacity: 0;
  }
  97% {
    left: 50px;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*----------- header -----------*/
#top-nav-mobile {
  display: none;
  background: rgb(245, 1, 1);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 1, 1, 1)), to(rgba(163, 0, 0, 1)));
  background: -o-linear-gradient(top, rgba(245, 1, 1, 1) 0%, rgba(163, 0, 0, 1) 100%);
  background: linear-gradient(180deg, rgba(245, 1, 1, 1) 0%, rgba(163, 0, 0, 1) 100%);
}
#top-nav-mobile ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding-top: 10px;
  padding-bottom: 7px;
  padding-left: 0px !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#top-nav-mobile ul li a {
  text-transform: uppercase;
  color: white;
  font-family: 'Fira Sans', Sans-Serif;
  text-shadow: 0px 0px 8px black, 0px 0px 10px black;
  font-weight: 700;
}
#top-nav-mobile ul li a:hover {
  color: #e5e316;
  text-shadow: 0px 0px 3px black, 0px 0px 5px black;
}
#top-nav-mobile i {
  margin-right: 8px;
}
#header [data-row*='top'] {
  background: rgb(245, 1, 1);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 1, 1, 1)), to(rgba(163, 0, 0, 1)));
  background: -o-linear-gradient(top, rgba(245, 1, 1, 1) 0%, rgba(163, 0, 0, 1) 100%);
  background: linear-gradient(180deg, rgba(245, 1, 1, 1) 0%, rgba(163, 0, 0, 1) 100%);
}
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
  text-shadow: 0px 0px 8px black, 0px 0px 10px black;
}
#header [data-row*='middle'] {
  background: url(images/flag-bg.png) no-repeat center / cover;
}
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a:hover {
  text-shadow: 0px 0px 3px black, 0px 0px 5px black;
}
ul#menu-menu-top li a {
  border-left: solid 1px #192a3d;
  padding-left: 30px;
  padding-right: 30px;
}
li#menu-item-51 {
  border-right: 1px solid #192a3d;
}
li#menu-item-51 a {
  padding-right: 13px;
}
[data-header*="type-1"] .ct-header [data-id="menu-secondary"] > ul > li > a {
  white-space: break-spaces !important;
}
.address:hover:before, .phonenumber:hover:before, .hours:hover:before {
  color: black;
}
.address:before, .phonenumber:before, .hours:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  color: red;
  border: 1px solid black;
  background: white;
  padding: 3px 10px;
  border-radius: 100%;
  font-size: 17px;
  margin-right: 6px;
  margin-left: 19px;
  -webkit-transition: all .33s ease-out;
  -o-transition: all .33s ease-out;
  transition: all .33s ease-out !important;
}
ul#menu-address-menu .address:before {
  content: "\f3c5";
}
ul#menu-address-menu .phonenumber:before {
  content: "\f095";
}
ul#menu-address-menu .hours:before {
  content: "\f017";
}
ul#menu-address-menu li {
  max-width: 340px;
}
ul#menu-address-menu li:first-child {
  max-width: 290px;
}
li#menu-item-54 a {
  padding-left: 11px;
}
/*----------- footer -----------*/
#menu-footer-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0px;
}
[data-footer*="type-1"] .ct-footer [data-row*="top"], [data-footer*="type-1"] .ct-footer [data-row*="bottom"] {
  background: rgb(34, 34, 34);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 1)), to(rgba(25, 25, 25, 1))) !important;
  background: -o-linear-gradient(top, rgba(34, 34, 34, 1) 0%, rgba(25, 25, 25, 1) 100%) !important;
  background: linear-gradient(180deg, rgba(34, 34, 34, 1) 0%, rgba(25, 25, 25, 1) 100%) !important;
}
ul#menu-footer-menu li a {
  margin-right: 30px;
  font-weight: 700;
}
ul#menu-footer-address-bar li:First-child {
  max-width: 290px;
}
ul#menu-footer-address-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
ul#menu-footer-address-bar li a {
  font-weight: 700;
}
ul#menu-footer-address-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
ul#menu-footer-address-bar li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
div#nav_menu-2 {
  margin-top: 23px;
}
ul#menu-footer-address-bar .address:before {
  content: "\f3c5";
}
ul#menu-footer-address-bar .phonenumber:before {
  content: "\f095";
}
[data-footer*="type-1"] .ct-footer [data-row*="middle"] {
  position: relative;
  background: #ffffff !important;
  -webkit-box-shadow: 0px 0px 10px black;
  box-shadow: 0px 0px 10px black;
}
[data-footer*="type-1"] .ct-footer [data-row*="middle"]:before {
  content: "Hours of Operation";
  position: absolute;
  top: -21px;
  background: white;
  z-index: 5;
  left: 70%;
  padding: 10px 30px;
  border-radius: 25px;
  font-weight: 700;
  color: #202020;
  font-size: 20px;
}
[data-footer*="type-1"] .ct-footer [data-row*="middle"] .widget_text {
  margin-top: 5px;
}
[data-footer*="type-1"] .ct-footer [data-row*="bottom"] > div p {
  text-align: center;
  font-size: 12px;
}
[data-footer*="type-1"] .ct-footer [data-row*="bottom"] > div a {
  color: #e5e316;
}
[data-footer*="type-1"] .ct-footer [data-row*="bottom"] > div a:hover {
  color: white;
}
.flex-hours {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fh {
  width: 33%;
  padding: 1% 3%;
}
.fh p {
  margin-bottom: 10px;
}
.fh p strong {
  color: #ba1212;
}
#block-19 .flex-hours:first-child {
  margin-bottom: 20px;
}
#copyright {
  background: rgb(34, 34, 34);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 1)), to(rgba(25, 25, 25, 1))) !important;
  background: -o-linear-gradient(top, rgba(34, 34, 34, 1) 0%, rgba(25, 25, 25, 1) 100%) !important;
  background: linear-gradient(180deg, rgba(34, 34, 34, 1) 0%, rgba(25, 25, 25, 1) 100%) !important;
  padding-bottom: 20px;
  padding-top: 20px;
}
#copyright p {
  text-align: center;
  font-size: 12px;
  color: white;
  margin-bottom: 0px;
}
#copyright a {
  color: #e5e316;
}
#copyright a:hover {
  color: white;
}
/*----------- home -----------*/
.hero .wp-block-cover__inner-container {
  max-width: 720px;
  margin: 20px auto;
  text-shadow: 0px 0px 10px #000000cf, 0px 0px 5px black;
}
blockquote.wp-block-quote {
  border-radius: 10px;
  border: 1px solid #0b097e !important;
  background: #001998;
  padding: 20px !important;
  display: inline-block;
}
blockquote.wp-block-quote a {
  color: #e5e316;
  font-size: 20px;
  margin-top: 4px;
  display: block;
}
/*----------- other pages -----------*/
.white-box {
  border-top: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
}
.inside-hours .wp-block-column p {
  color: black;
  margin-bottom: 6px;
}
.inside-hours .wp-block-column p strong {
  color: #f40000;
}
.inside-hours .wp-block-column {
  background: white;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid white;
  -webkit-box-shadow: inset 0px 0px 10px lightgrey;
  box-shadow: inset 0px 0px 10px lightgrey;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
ul.bullet-spacer {
  margin-top: -10px;
}
.text-spacer {
  margin-bottom: 20px;
}
.sunny-weather img {
  max-width: 110px;
  -webkit-animation: wobble-hor-bottom 0.8s both;
  animation: wobble-hor-bottom 0.8s both;
}
.sunny-weather {
  position: absolute;
  top: -48px;
  left: 4%;
  right: 4%;
}
.racing-flag img {
  max-width: 180px;
  -webkit-animation: wobble-hor-bottom 0.8s both;
  animation: wobble-hor-bottom 0.8s both;
}
.racing-flag {
  position: absolute;
  top: -47px;
  left: 4%;
  right: 4%;
}
.tickets .wp-block-column {
  background: white;
  padding: 20px;
  border-radius: 10px;
  border: 3px dashed #212121;
  -webkit-box-shadow: inset 0px 0px 10px lightgrey;
  box-shadow: inset 0px 0px 10px lightgrey;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tickets h2 {
  margin-bottom: 0px !important;
}
.tickets h3 {
  color: #f40000 !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  font-size: 52px !important;
}
.tickets h4 {
  margin-top: 0px !important;
  font-size: 16px !important;
}
.pitcrew img {
  max-width: 130px;
  -webkit-animation: wobble-hor-bottom 0.8s both;
  animation: wobble-hor-bottom 0.8s both;
}
.pitcrew {
  position: absolute;
  top: -35px;
  left: 4%;
  right: 4%;
}
.contactspacer {
  margin-bottom: -5px;
}
.heartbeat {
  -webkit-animation: heartbeat 3s ease-in-out infinite both;
  animation: heartbeat 3s ease-in-out infinite both;
}
[data-footer*="type-1"] footer.ct-footer {
  background-color: #ffffff !important;
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  5% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  8% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  15% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
/*----------- media query -----------*/
@media screen and (max-width: 1200px) {
  #header [data-column-set='2'] > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #header [data-row*='middle'] .ct-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #header [data-items] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
  }
  #header [data-row*='middle'] [data-column='end'] {
    margin-top: -45px;
  }
}
@media screen and (max-width: 1080px) {
  [data-footer*="type-1"] .ct-footer [data-row*="top"] .ct-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  div#block-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
  }
  #menu-footer-menu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
  }
  ul#menu-footer-address-bar {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1000px) {
  #top-nav-mobile {
    display: block
  }
  #header [data-row*='middle'] .ct-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .go-kart-drive-wrap {
    display: none;
  }
}
@media screen and (max-width: 982px) {
  [data-footer*="type-1"] .ct-footer [data-row*="middle"] {
    -webkit-box-shadow: 0px 0px 0px white;
    box-shadow: 0px 0px 0px white;
  }
  [data-footer*="type-1"] .ct-footer [data-row*="middle"]:before {
    left: 0;
    top: 0;
    position: relative;
    text-align: center;
    display: block;
    margin-top: 50px;
  }
  [data-footer*="type-1"] .ct-footer [data-row*="top"] {
    padding-bottom: 40px;
  }
  [data-footer*="type-1"] .ct-footer [data-row*="middle"] .ct-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #header [data-row*='middle'] [data-column='end'] {
    margin-top: 0px;
  }
}
@media screen and (max-width: 600px) {
  #menu-footer-menu {
    flex-direction: column;
    align-items: center;
  }
  .hero .wp-block-cover__inner-container {
    margin: 30px auto;
  }
  h1 {
    font-size: 36px !important;
  }
  h2 {
    font-size: 30px !important;
  }
  h3 {
    font-size: 26px !important;
  }
  body .site-main {
    text-align: center;
  }
  body .site-main p {
    font-size: 18px;
  }
  ul#menu-footer-address-bar li {
    margin-top: 6px;
    margin-bottom: 15px;
    max-width: 50% !important;
  }
  [data-footer*="type-1"] .ct-footer [data-row*="middle"] .ct-container {
    padding-top: 0px !important;
  }
  .flex-hours {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .fh {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    padding: 2%;
    -webkit-box-shadow: 0px 0px 10px #d9d9d9, inset 0px 0px 10px #e7e7e7;
    box-shadow: 0px 0px 10px #d9d9d9, inset 0px 0px 10px #e7e7e7;
    border-radius: 18px;
    border: 2px solid white;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #block-19 .flex-hours:first-child {
    margin-bottom: 0px;
  }
  [data-footer*="type-1"] .ct-footer [data-row*="middle"] .ct-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  [data-footer*="type-1"] .ct-footer [data-row*="middle"] .ct-container [data-column*="widget"] {
    width: 100%;
    text-align: center;
  }
  .address:before, .phonenumber:before, .hours:before {
    margin-left: 0px;
  }
  .bluegrad {
    background: #b00000 !important;
  }
  ul {
    -webkit-padding-start: 0px !important;
    padding-inline-start: 0px !important;
  }
  ul li {
    text-align: left;
  }
  p.has-text-align-center.has-palette-color-3-color.has-text-color a {
    font-size: 44px;
    padding: 10px 30px;
    border-radius: 50px;
    margin-top: 25px;
    display: block;
  }
  h2.has-text-align-center.heartbeat.has-palette-color-8-color.has-text-color {
    font-size: 46px !important;
  }
}
@media screen and (max-width: 582px) {
  .wp-block-buttons {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  ul#menu-footer-menu li a {
    margin-right: 20px;
    font-size: 22px !important;
  }
  p.has-text-align-center.has-palette-color-3-color.has-text-color a {
    font-size: 24px;
  }
  ul#menu-footer-address-bar li {
    max-width: 100% !important;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #top-nav-mobile ul li a {
    font-size: 12px;
  }
}
/* Tone down the animation to avoid vestibular motion triggers like scaling or panning large objects. */
@media (prefers-reduced-motion) {
  *, *::after, *::before {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
}