@font-face {
  font-family: "Fredoka One";
  src: url("./fonts/FredokaOne.ttf");
}
@font-face {
  font-family: "Anja Eliane";
  src: url("./fonts/AnjaElianeaccent002.ttf");
}
@font-face {
  font-family: "Exotc 350 Bold";
  src: url("./fonts/Exotc350BdBTBold.ttf");
}
@font-face {
  font-family: "Exotc 350 Demi Bold";
  src: url("./fonts/Exotc350DmBdBTDemi-Bold.ttf");
}

body {
  font-family: 'Verdana', 'Arial';
}

.links {
  text-decoration: underline;
}

.collapsing1 {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .01s ease;
       -o-transition: height .01s ease;
          transition: height .01s ease;
}

.collapsing1 {
  -webkit-transition: none;
  transition: none;
  display: none;
}

.row {
  margin-right: 0px;
  margin-left: 0px;
}

.jumbotron {
  background-image: url("./files/banner.png");
  background-size: cover;  
}

.jumbotron-shadow {
  color: #ffffff;
  text-shadow: 2px 2px 4px #000000;
}

.jumbo-text {
  color: #ffffff;
  vertical-align: middle;
  font-family: "Fredoka One";
  font-size: 125%;
}

.jumbo-image {
  width: 50px;
}

.jumbotron-sub {
  margin-left: 100px;
}

.carousel-control-prev-icon{
  background-image: url("./files/prev.png")
}
.carousel-control-next-icon{
 background-image: url("./files/next.png")
}

.container-fluid {
  padding-right: 3px;
  padding-left: 3px;
}

.fc-title {
  cursor: pointer;
}

.fc-content-skeleton {
  cursor: pointer;
}

.fc-past {
  background-color: #eeeeee;
}

.fc-today {
  background: #EBF5FB !important;
  border: none !important;
  border-top: 1px solid #ddd !important;
  font-weight: bold;
} 

.datepicker {
  width: 250px !important;
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
  border-radius: 4px;
}

.datepicker table tr td.new {
  visibility: hidden;
}

.datepicker table tr td.old {
  visibility: hidden;
}

.fill {
  min-height: 100vh;
}

.bg-gray {
  background-color: #626567;
}

.img-cursor {
  cursor: pointer;
}

.img-xl {
  height: 48px;
}

.img-lg {
  height: 36px;
}

.img-md {
  height: 24px;
}

.img-sm {
  height: 18px;
}

.img-xs {
  height: 9px;
}

.store_image {
  width: 100%;
  height: 20vw;
  object-fit: contain;
}

.carousel-sm {
  width: 80px;
}

.drink-image {
  height: 80px;
  object-fit: contain;
}

.table-thumbnail {
  width:150px;
  height:auto;
}

.image-pane {
  width: 100%;
  height: 700px;
  border-style: solid;
  border-width: 1px;
}

.map-pane {
  width: 100%;
  height: 600px;
  border-style: solid;
  border-width: 1px;
}

.dropzone_label {
  text-align:center;
  font-size:75%;
}

.dropzone_container {
  margin-top:10px;
  width:325px;
  height:250px;
  border:1px;
  border-style:solid;
  border-color:#c0c0c0;
}

.navbar {
  will-change: auto;
  transition: top 0.5s ease;
}

.navbar-hide {
  top: -56px;
}

.footer {
  z-index: 9999;
}

.footer {
  will-change: auto;
  transition: bottom 0.5s ease;
}

.footer-hide {
  bottom: -60px;
}

.logo-link {
  float: right;
  margin: 3px;
}

.social-cursor {
  cursor: pointer;
}

.social-link {
  float: right;
  margin-left: 7px;
  margin-top: -7px;
  border-radius: 5px;
}

.banner-bg {
  position: absolute;
  bottom: 0px;
  padding: 3px;
  background-color: rgba(0,0,0,0.7);
}

.banner-text {
  color: #ffffff;
  font-size: .80rem;
  margin: 5px;
}

.bg-black {
  background-color: #000000;
}

.bg-gray {
  background-color: #424949;
}

.img-text {
  position: relative;
}

.caption {
  position: absolute;
  top: 40px;
  left: 2.5%;
  width: 95%;
  color: #ffffff;
}

.overlay {
  position: absolute;
  top: 10%;
  left: 15px;
  width: 20%;
  z-index: 950;
}

.hide { 
  display: none;
}

.ctrl-md {
  width: 130px;
  min-width: 130px;
}

.btn-short {
  height: 48px;
}

.btn-xs {
  height: 32px;
}

.btn-small {
  width: 55px;
  height: 38px;
}

.btn-md {
  width: 100px;
}

.btn-wd {
  width: 120px;
}

.btn-ww {
  width: 150px;
}

.btn-wx {
  width: 200px;
}

.btn-big {
  height: 150px;
  width: 100%;
}

.bspacer {
  margin-bottom: 90px;
}

.tspacer {
  margin-top: -28px;
}

.clickable-row {
  cursor: pointer;
}

.findable-row {
  cursor: pointer;
}

.canvas {
  height: 200px;
  border: 1px solid #c0c0c0;
}

.ibutton {
  position: relative;
  cursor: pointer;
  min-height: 30vw;
  border: 1px solid #000000;
}

.ibutton:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(114, 38, 108, 0.65);
  transition: all 0.25s linear;
}

.ibutton:hover:before { 
  background: none;
}

.ibutton-text {
  font-size: 4.5vw;
  color: #ffffff;
  font-family: 'Anton', sans-serif;
}

.ibutton-middle {
  position: absolute;
  bottom: 2vw;
  left: 2.5%;
  width: 95%;
  text-align: center;
}

.ibutton-icon {
  width: 35%;
  height: auto;
}

.ibutton-img1 {
  background-image: url("./files/button1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ibutton-img2 {
  background-image: url("./files/button2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ibutton-img3 {
  background-image: url("./files/button3.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ibutton-img4 {
  background-image: url("./files/button4.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ibutton-img5 {
  background-image: url("./files/button5.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

option[disabled] {
  color: #555;
}

select:invalid {
  color: gray;
}

.checkout {
	position:fixed;
	width: 240px;
	height: 40px;
	bottom: 40px;
	right: 10px;
	border-radius: 10px;
	text-align: center;
  box-shadow: 2px 2px 3px #888888;
  z-index: 999;
}

.container-store {
  padding-right: 15px;
  padding-left: 15px;
}

.stage {
  border: 1px solid black;
  background-color: #f0f0f0;
  width: 100%;
}

.cropper {
  display: block;
  height: 500px;
  max-width: 100% !important;
}

.decoration-left {
  position: fixed;
  bottom: 20px;
  left: -100px;
  height: 100px;
  z-index: 999;
}

.decoration-right {
  position: fixed;
  bottom: 20px;
  right: -100px;
  height: 100px;
  z-index: 999;
}

#copyright {
  text-align: center;
  color: #DDDDDD;
  padding: .3em;
}

#copyright a {
  color: #DDDDDD;
  text-decoration: none;
}