/*
Theme Name: FlyCoffee Child
Description: FlyCofee is a bar & restaurant WordPress theme composed of customizable blocks.
Theme URI: http://demo.flytemplates.com/flycoffee
Version: 1.0
Author: FlyTemplates
Author URI: http://flytemplates.com
License: http://flytemplates.com
License URI: http://flytemplates.com
Tags: translation-ready, responsive-layout
Template: flycoffee-parent
*/

@import url("../flycoffee-parent/style.css");
@import url("assets/css/custom.css");


/* Code for the logo animation */
#green-space-logo-SVG {
  fill: white;
  width: 398px;
  height: 209px;
  overflow: visible;
  position: absolute;
  top: 65px;
  left: calc(50% - 211px);
  z-index: 100;
}

@keyframes SVG-green {
  from {
	-webkit-transform: translate(100px, 0);
	opacity: 0;
  }
  to {
	-webkit-transform: translate(0, 0);
	opacity: 1;
  }
}
@keyframes SVG-space {
  from {
	-webkit-transform: translate(-100px, 0);
	opacity: 0;
  }
  to {
	-webkit-transform: translate(0, 0);
	opacity: 1;
  }
}
@keyframes SVG-fadein {
  from {
	opacity: 0;
	transform: scale(0.9, 0.9);
  }
  to {
	opacity: 1;
	transform: scale(1, 1);
  }
}
@keyframes SVG-fork {
  0% {
	transform: scale(0, 0);
  }
  70% {
	transform: scale(1.1, 1.1);
  }
  100% {
	transform: scale(1, 1);
  }
}
#SVG-green {
  opacity: 0;
  -webkit-transform: translate(0, 0);
  animation-name: SVG-green;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#SVG-space {
  opacity: 0;
  -webkit-transform: translate(0, 0);
  animation-name: SVG-space;
  animation-duration: 1s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}
#SVG-fork {
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-webkit-transform-origin: 50% 50%;
  -o-webkit-transform-origin: 50% 50%;
  animation-name: SVG-fork;
  animation-duration: 1s;
  animation-delay: 0.2s;
  transform: scale(0, 0);
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#SVG-leaf-left {
  opacity: 0;
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-webkit-transform-origin: 50% 50%;
  -o-webkit-transform-origin: 50% 50%;
  animation-name: SVG-fadein;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#SVG-leaf-right {
  opacity: 0;
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-webkit-transform-origin: 50% 50%;
  -o-webkit-transform-origin: 50% 50%;
  animation-name: SVG-fadein;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#SVG-cafe {
  opacity: 0;
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-webkit-transform-origin: 50% 50%;
  -o-webkit-transform-origin: 50% 50%;
  animation-name: SVG-fadein;
  animation-duration: 1s;
  animation-delay: 0.7s;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


.fly-hours p {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

.fly-site-footer {
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 30px;
}

.fly-footer-contact-info a {
  text-decoration: underline;
}

/* mobile fixes */


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .border-right, .border-left, .border-top, .border-bottom {
    display: none;
  }
  .fly-restaurant-menu .fly-menu-category .fly-menu-content .fly-title-menu {
    font-size: 16px;
  }
  .fly-restaurant-menu .fly-menu-category {
    margin: 20px 0px 0px 0px;
  }
  .fly-story-box {
    margin-bottom: 30px;
  }
  .fly-simple-box-content {
    font-size: 16px;
  }
  .fly-simple-box-content h2 {
    font-size: 20px;
  }
  .fly-site-footer {
    margin-top: 40px;
    padding-top: 40px;
  }
  #green-space-logo-SVG {
    fill: white;
    width: 199px;
    height: 105px;
    overflow: visible;
    position: absolute;
    top: 35px;
    left: calc(50% - 100px);
    z-index: 100;
  }
  .fly-wrap-text-slider h1 {
    font-size: 24px!important;
  }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
  .border-right, .border-left, .border-top, .border-bottom {
    display: none;
  }
  .fly-restaurant-menu .fly-menu-category .fly-menu-content .fly-title-menu {
    font-size: 16px;
  }
  .fly-restaurant-menu .fly-menu-category {
    margin: 20px 0px 0px 0px;
  }
  .fly-story-box {
    margin-bottom: 30px;
  }
  .fly-simple-box-content {
    font-size: 16px;
  }
  .fly-simple-box-content h2 {
    font-size: 20px;
    padding-top: 15px;
  }
  .video-embed {
    display: none;
  }
  .fly-site-footer {
    margin-top: 40px;
    padding-top: 40px;
  }
  #green-space-logo-SVG {
    fill: white;
    width: 199px;
    height: 105px;
    overflow: visible;
    position: absolute;
    top: 35px;
    left: calc(50% - 100px);
    z-index: 100;
  }
  .fly-wrap-text-slider h1 {
    font-size: 24px!important;
  }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
  .border-right, .border-left, .border-top, .border-bottom {
    display: none;
  }
  .fly-restaurant-menu .fly-menu-category .fly-menu-content .fly-title-menu {
    font-size: 16px;
  }
  .fly-restaurant-menu .fly-menu-category {
    margin: 20px 0px 0px 0px;
  }
  .fly-story-box {
    margin-bottom: 30px;
  }
  .fly-simple-box-content {
    font-size: 16px;
  }
  .fly-simple-box-content h2 {
    font-size: 20px;
    padding-top: 15px;
  }
  .video-embed {
    display: none;
  }
  .fly-site-footer {
    margin-top: 40px;
    padding-top: 40px;
  }
  #green-space-logo-SVG {
    fill: white;
    width: 199px;
    height: 105px;
    overflow: visible;
    position: absolute;
    top: 35px;
    left: calc(50% - 100px);
    z-index: 100;
  }
  .fly-wrap-text-slider h1 {
    font-size: 24px!important;
  }
}