@charset "utf-8";
body {

}
.container-fluid .container .navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light {
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,1.00) 0.52%,rgba(255,255,255,1.00) 21.76%,rgba(255,255,255,1.00) 90.67%,rgba(0,0,0,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(0,0,0,1.00) 0.52%,rgba(255,255,255,1.00) 21.76%,rgba(255,255,255,1.00) 90.67%,rgba(0,0,0,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(0,0,0,1.00) 0.52%,rgba(255,255,255,1.00) 21.76%,rgba(255,255,255,1.00) 90.67%,rgba(0,0,0,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(0,0,0,1.00) 0.52%,rgba(255,255,255,1.00) 21.76%,rgba(255,255,255,1.00) 90.67%,rgba(0,0,0,1.00) 100%);
    text-decoration: none;
    text-transform: none;
    color: #000000;
}
#navbarSupportedContent1 .navbar-nav.mr-auto .nav-item {
    color: #000000;
    text-shadow: 0px 0px;
    font-family: Blackletter;
    font-style: normal;
    text-transform: none;
    font-size: clamp(20px, 4vw, 32px);
    opacity: 1;
    -webkit-box-shadow: 0px 0px #000000;
    box-shadow: 0px 0px #000000;
}
#navbarSupportedContent1 .navbar-nav.mr-auto #navbarDropdown1 {
    color: #000000;
    text-shadow: 0px 0px;
    font-family: Blackletter;
	font-size: clamp(20px, 4vw, 32px)
}
.card.text-center.col-md-4.col-xl-12 .card-header strong {
    background-color: #FFFFFF;
	font-family: Blackletter;
	color: #000000;
	 text-transform: none;
}
.card.col-md-4.col-xl-10 .card.text-center.col-md-4.col-xl-12 .card-header {
    background-color: #FFFFFF;
    font-size: xx-large;
    font-family: Blackletter;
    color: #000000;
	 text-transform: none;
}
.card.col-md-4.col-xl-10 .card.text-center.col-md-4.col-xl-12 .card-footer.text-muted {
    color: #000000;
    font-family: Blackletter;
    font-size: x-large;
	 text-transform: none;
}
.card.text-center.col-md-4.col-xl-12 .card-body .card-title {
}
.card.text-center.col-md-4.col-xl-12 .card-body .card-title {
    font-size: x-large;
    font-family: Blackletter;
}
.card.text-center.col-md-4.col-xl-12 .card-body .card-text {
    font-family: Blackletter;
}
.card-body .card-text strong {
    font-size: large;
    font-variant: normal;
    font-weight: normal;
}
.card.text-center.col-md-4.col-xl-12 .card-body .card-text.text-center {
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
    text-align: center;
    font-size: 25pt;
    font-weight: normal;
}
.card.text-center.col-md-4.col-xl-12 .card-body .card-text {
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
    font-size: x-large;
}
.row .col-xl-4.offset-xl-0 .map-container {
    position: relative;
    width: 100%;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
.map-container {
    position: relative;
    width: 100%;
    /* [disabled]padding-bottom: 75%; */
    overflow: hidden;
}
.map-container iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 75%;
    height: -100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 650px;
}



.col-xl-4.offset-xl-0 .map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: -100%;
}
.offset-xl-0.col-xl-6 {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0px;
}
.offset-l-0.col-xl-5 {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0px;
}
.offset-l-0.col-xl-5 .map-container {
    position: relative;
    width: 100%;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
.offset-l-0.col-xl-5 .map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: -100%;
}





.container-fluid .container .btn.btn-primary {
    background-color: #FFFFFF;
    color: #4E5AB3;
    border-width: thin;
}
.container {
    margin: 0;
    padding: 0;
    width: 100%;
    height: -100%;
    max-width: 1819px;
}
.titlefont {
    color: #000000;
    font-family: Blackletter;
    text-align: center;
	font-size: clamp(50px, 5vw, 200px)
}
.phonenumber {
    color: #000000;
    text-align: center;
    font-family: Afterglow;
	font-size: clamp(10px, 5vw, 30px)
}
.call {
    color: #000000;
    text-align: center;
    font-family: Afterglow;
	font-size: clamp(25px, 5vw, 45px)
} 	
.contact {
    color: #000000;
    text-align: center;
    font-family: Afterglow;
	font-size: clamp(30px, 5vw, 50px)
} 
.address  {
    color: #000000;
    text-align: center;
    font-family: Afterglow;
	font-size: clamp(10px, 5vw, 30px)
}
.allrights {
    color: #000000;
    text-align: center;
    font-family: Afterglow;
	font-size: clamp(8px, 5vw, 15px)
}
.taglinesocial {
    color: #000000;
    text-align: center;
    font-family: Afterglow;
	font-size: clamp(10px, 5vw, 30px)
}
.socialmedia {
    color: #000000;
    text-align: center;
    font-family: Afterglow;
	font-size: clamp(30px, 5vw, 50px)
}
.tagline1 {
    color: #000000;
    text-align: center;
    font-family: Afterglow;
	font-size: clamp(10px, 5vw, 30px)
}
.tagline2 {
    color: #000000;
    text-align: center;
    font-family: Afterglow;
	font-size: clamp(10px, 5vw, 30px)
}
.tagline3 {
    color: #000000;
    text-align: center;
    font-family: Afterglow;
	font-size: clamp(10px, 5vw, 30px)
}
.social-buttons {
    display: flex;
    gap: 2rem;
    }
    a.social-link {
      display: inline-flex;
      height: 100px;
      width: 100px;
      text-decoration: none;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
		margin: auto
    }
    a.social-link:focus-visible {
      outline: 3px solid #ffbf47;
      outline-offset: 3px;
    }
    a.social-link:hover {
      transform: translateY(-4px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    }
    svg {
      height: 100%;
      width: auto;
      display: block;
    }
    /* Facebook blue background for contrast */
    .facebook {
      background: #1877F2;
    }
    /* Instagram gradient background */
    .instagram {
      background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    }
 :root{
      --max-width:520px;
      --accent:#1447E6;
      --muted:#666;
      --bg-today:#51A2FF;
      --open:#0b8a39;
      --closed:#c62828;
      --border:#ddd;
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    }
    .hours-wrap{
      max-width:var(--max-width);
      margin:1rem auto;
      padding:0.75rem;
      border:1px solid var(--border);
      border-radius:8px;
      background:#fff;
    }
    .hours-title{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:1rem;
      margin-bottom:0.5rem;
    }
    .hours-title h2{
      font-size:1rem;
      margin:0;
    }
    .status-live{
      font-size:0.95rem;
      color:var(--muted);
    }

    table.hours {
      width:100%;
      border-collapse:collapse;
      font-size:0.95rem;
    }
    table thead th{
      text-align:left;
      padding:0.45rem 0.5rem;
      color:#fff;
      background:var(--accent);
      font-weight:600;
      border:1px solid var(--border);
    }
    table td{
      padding:0.5rem;
      border:1px solid var(--border);
      vertical-align:middle;
    }
    tr.today {
      background:var(--bg-today);
      font-weight:600;
    }
    .hours-cell { width:48%; }
    .status-cell { text-align:right; width:28%; white-space:nowrap; }

    .badge {
      display:inline-block;
      padding:0.25rem 0.5rem;
      border-radius:999px;
      font-weight:700;
      font-size:0.85rem;
      color:#fff;
    }
    .badge.open { background:var(--open); }
    .badge.closed { background:var(--closed); }
    .badge.na { background:#999; }
.container a {
}
.giftcardimg a .img-fluid {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 56.25%;
}




    @media (max-width:420px){
      .hours-title { flex-direction:column; align-items:flex-start; gap:0.4rem; }
      .status-cell { text-align:left; }
      table thead th { font-size:0.9rem; }
      table td { font-size:0.9rem; padding:0.45rem; }
    }
.giftcard {
    color: #000000;
    text-align: center;
    font-family: Afterglow;
	font-size: clamp(30px, 5vw, 50px)
}
.giftcardimg {
	display: block;
	width: 56.25;
	margin-left: auto;
	margin-right: auto;
}
@font-face {
  font-family: "Blackletter"; /* The name to use in other rules */
  src: url("fonts/Blackletter.ttf") format("ttf"), url("fonts/Blackletter.woff2") Format("woff2"), url("fonts/Blackletter.woff") format("woff"), url("fonts/Blackletter.eot") format("eot"); 
}
@font-face {
  font-family: "Afterglow";
  src: url("fonts/Afterglow.ttf") format("ttf"), url("fonts/Afterglow.eot") format("eot"), url("fonts/Afterglow.woff") format("woff"), url(fonts/afterglow.woff2) format(woff2);
}
.aboutme {
    color: #000000;
    text-align: center;
    font-family: Afterglow;
	font-size: clamp(10px, 5vw, 30px)
}