/*
Theme Name: RedHot
Description: child theme
Template: flatsome
Version: 1.35
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&display=auto');

/*
.footer-1, .footer-2, .absolute-footer {
  border-top: 1px solid rgb(100, 100, 100);
}
*/

/*************** Theme ***************/

.justifytext p {
  text-align: justify;
  text-justify: auto;
}

.header-main {
  /*  border-bottom: 1px solid rgb(100, 100, 100);*/
}
#content .blog-wrapper .blog-single {
  background-color: black;
  background-image: "assets/img/wood-bg.jpg" !important;
}

.fancy-underline::after {
  content: "";
  color: green;
  position: absolute;
  left: 0;
  border-radius: 999px;
  right: 0;
  top: 100%;
  height: 9px;
  image-rendering: -webkit-optimize-contrast;
  background: url("assets/img/underline.png") 50% top no-repeat;
  background-size: auto;
  background-size: 100% 9px;
}

.page-box .is-large {
  font-size: 1.2em;
}

.button.is-outline, input[type="button"].is-outline, input[type="reset"].is-outline, input[type="submit"].is-outline {
  background-color: rgba(255, 255, 255, 0.4);
}

/*************** Open Hours ***************/

/*** Open Hours ***/

ul.openhours {
  list-style: none;
}
.openhours li {
  margin-left: 0px !important;
  font-weight: normal;
  line-height: 1.6;
  margin-bottom: 0.5em;
}
.openhours li span {
  display: inline-block;
  min-width: 120px;
/*  padding: 3px 0px !important;*/
}
.openhours li span::after {
  position: absolute;
  right: 0;
}
ul.addresss-info {
  list-style: none;
}
.addresss-info li {
  line-height: 1.6 !important;
  margin-left: 0px !important;
  margin-bottom: 12px;
}
.addresss-info i {
  float: left;
  padding: 2px 5px 0px 0px;
  display: table-cell;
  width: 30px;
  line-height: 24px !important;
}
.addresss-info p {
  display: table;
  margin-bottom: 0px;
}

/*************** Food Menus ***************/

.foodmenu {
  clear: both;
  width: 100%;
  margin-bottom: 60px;
}
.foodmenu ul {
  list-style: none;
  font-family: 'Oswald', sans-serif;
  font-size: 1.05em;
  line-height: 1.6em;
  font-weight: bold;
  /*text-transform: capitalize;*/
  text-transform: uppercase;
}
.foodmenu ul li span {
  text-transform: lowercase;
}
.foodmenu ul strong, .foodmenu ul em {
  font-family: 'Open Sans';
  font-weight: normal;
  font-style: normal;
  text-transform: none;
}
.foodmenu li {
  clear: both;
  position: relative;
  padding-bottom: 6px;
  border-bottom: dashed 1px #666;
  margin-bottom: 20px;
  margin-left: 0px !important;
}
.foodmenu.short li {
  padding-bottom: 4px;
  margin-bottom: 8px !important;
}
.foodmenu li.drinksize {
  padding-bottom: 30px;
  border-bottom: dashed 1px #666;
}
.foodmenu li.foodsize {
  padding-bottom: 10px;
  border-bottom: none;
}
.foodmenu li strong:nth-child(1), .foodmenu .steak strong:nth-child(2n) {
  position: absolute;
  right: 0;
  font-family: 'Oswald', sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #000;
}
.foodmenu li strong:nth-child(1) span, .foodmenu li.steak span:nth-child(1) {
    font-size: 0.9em;
    font-weight: normal;
}
.foodmenu li.drinksize strong:nth-child(1), .foodmenu li.foodsize strong:nth-child(1) {
  position: absolute;
  right: 0;
  font-size: .8em;
  font-weight: normal;
  color: #666;
}
.foodmenu ul li em:not(em + em)::before {
  content: "\A";
  white-space: pre;
}
.foodmenu li em {
  font-size: .9em;
}
.foodmenu ul li em:not(.drinks ul li em)::after {
  content: "\A";
  white-space: pre;
}
.foodmenu li em + strong, .foodmenu li strong + strong {
  font-size: .8em;
  color: red;
}
/*.drinks li em + strong {
    position: absolute;
    right: 0;
}*/
.foodmenu em + em {
  font-weight: bold;
}
.ellergens {
  font-size: .8em;
}
.ellergens strong {
  font-weight: bold;
  color: red;
}
.ellergens em {
  color: red;
  font-style: normal;
}
.ellergens .ellergen {
  white-space: nowrap;
}

/*************** Breakpoints ***************/

@media only screen and (max-width: 549px) {
  /*************** Mobile ***************/
  .hotspot-wrapper.is-xlarge {
    font-size: 2em;
  }
  .hotspot-wrapper a.hotspot i {
    font-size: 0.9em;
  }
}
@media only screen and (min-width: 550px) and (max-width: 849px) {
  /*************** Tablet ***************/
  .hotspot-wrapper.is-xlarge {
    font-size: 2.5em;
  }
  .hotspot-wrapper a.hotspot i {
    font-size: 0.9em;
  }
}
@media only screen and (min-width: 850px) {
  /*************** Desktop ***************/
  .hotspot-wrapper.is-xlarge {
    font-size: 3em;
  }
  .hotspot-wrapper a.hotspot i {
    font-size: 0.9em;
  }
}