/*new stuff everything else should be removed*/


/*body,html{
   background: #FC800A;
background: linear-gradient(180deg,rgba(252, 128, 10, 1) 0%, rgba(167, 35, 22, 1) 100%);
}*/

a{color:#a72316}
a:hover{color:#666;}

.section{margin-bottom:40px;margin-top:40px;}
.location_outer{
	padding:20px;
	/*border:1px solid #ccc;
	background-color:#fff;*/
	margin-bottom:20px;
}
.white{background-color: #fff}
.offwhite{background-color: #f9f5f4}
.footer_cover{margin-bottom:446px;padding-bottom:40px}
.footer{background-color:#f9f5f4;height:446px;position: fixed;bottom:0;z-index:-1;width:100%}
.btn-danger {
    background-color: #a72316;
    border-color: #a72316;
    text-transform: uppercase;
    color: #fff;
}

.qr_code{
    width:220px;
    height:220px;
}
.chownow-order-online:hover{
    transform: scale(1.2,1.2);
}
.inverted_border{
        --r: 20px;
    /* width: 300px; */
    /* aspect-ratio: 1.5; */
/*     background: #519548; */
/*    border-radius: 0 0 var(--r) var(--r);*/
    --_m: 0, #0000 100%, #000 calc(100% + 1px);
    mask: linear-gradient(#0000 var(--r), #000 0), radial-gradient(var(--r) at 100% var(--_m)) no-repeat, radial-gradient(var(--r) at 0 var(--_m)) 100% 0 no-repeat;
    mask-size: var(--r);
    margin-top:-40px;
}
.btn-outline-primary {
    background-color: transparent;
    background-image: none;
    color: #a72316;
   /* padding: 1.75rem 1.75rem;*/
    color: #0d6efd;
    border-color: #0d6efd;
}

.chow-now-button:hover {
    color: #F28322;
}

.chow-now-button:active {
    color: #fff;
    background-color:#a72316!important;
    border-color:#fff!important;
}
.chownow_hover{display: inline-grid;    padding: 15px;}
.btn-danger{    background-color: #a72316;border-color: #a72316;text-transform: uppercase;color:white;font-family: 'Lato', serif;}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #a72316;
    border-color: #a72316;
}

.font-weight-bold {
	font-weight: bold;
}
.chow-now-button:hover {color:#fc800a;}
.chow-now-button:hover img{ -webkit-animation-name: wiggle;
  -ms-animation-name: wiggle;
  -ms-animation-duration: 1000ms;
  -webkit-animation-duration: 1000ms;
  -webkit-animation-iteration-count: 1;}

@keyframes wiggle {
  0% {transform: rotate(10deg);}
  25% {transform: rotate(-10deg);}
  50% {transform: rotate(20deg);}
  75% {transform: rotate(-5deg);}
  100% {transform: rotate(0deg);}
}





.row_flex {
  display: flex;
  flex-wrap: wrap;
}
.col_100{
	height:100%;

}

.mb{margin-bottom:20px}


.animated{transform: translate3d(0, 0, 0) translateY(0) ;opacity:1;-moz-transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4 ease-out;transition:all .4s ease-out;}
.animate_up{transform: translate3d(0, 0, 0) translateY(70px);opacity:0;will-change: transform;}
.animate_down{transform: translate3d(0, 0, 0) translateY(-70px);opacity:0;will-change: transform;}
.animAll{-moz-transition: all .5s ease-out; -webkit-transition: all .5s ease-out;  -ms-transition: all .5s ease-out;  -o-transition: all .5 ease-out;  transition: all .5s ease-out;}

.itis{transform: scale(.5, 0.5);will-change: transform;}


.border_rad{border-radius: 20px}
.high_z{z-index:100;position: relative;}

/* ENDnew stuff everything else should be removed*/


.btn-danger{    background-color: #a72316;border-color: #d43f3a;}


body, html{background-color:#FFF;color:#666;font-family: 'Merriweather', sans-serif;}

h1,h2,h3,h4{font-family: 'Lato', serif;}
h1{color:#F28322;}
h4{color:#000;}
.press-item{padding-bottom:10px;}
.img-center{margin:auto auto;}

.logo-bottom {
    padding-top:20px;
}

@media (max-width: 578px) { 

.header{margin-left:0px;margin-right:0px;}
.inverted_border{margin:0px;margin-top:-40px}
.home-logo{width:200px;height:200px}
}






  @keyframes marquee {
      from{
        transform: translateX(0);
        -webkit-transform: translateX(0);
      }
      to{
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
      }
    }



ul {
    list-style-type: none;
}

    .marquee {
  --gap: 40px;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  background-color: #F28322;
  color:white;
  font-size:40px;
  height:60px;
  font-family:'Lato';

}

.marquee__content {
    animation: scroll 60s linear infinite;
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  min-width: 100%;
  gap: var(--gap);
}
.marquee__content img{
    position: relative;
    top:-5px;
    left:20px;
}


  .marquee_footer {
  ---gap: 2px;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(---gap);

  color:white;
  font-size:40px;
  
  font-family:'Lato';
}
.marquee__content__footer {
    animation: scroll2 60s linear infinite;
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  min-width: 100%;
  gap: var(---gap);
}
.marquee__content__footer img{
    position: relative;
    top:0px;
    left:0px;
}

ol, ul {
    padding-left: 0rem!important;
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

@keyframes scroll2 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(---gap)));
  }
}

@media (prefers-reduced-motion: reduce) {
  .marquee__content {
    animation-play-state: paused !important;
  }
  .marquee__content__footer {
    animation-play-state: paused !important;
  }

}





/*@media (prefers-color-scheme: dark) {
    body,html{
        background-color: #000;
        color:white;
    }
    .offwhite{background-color:#666}
    .white{background-color:#000}
    .home-logo{opacity:.8}
    .footer{color:#fff;}
    .location_outer{background-color:#666;border:none}
    h1{color:#fff;}
}*/