:root {
    --moon-blue-color: #007bff;
    --moon-blue-bg-color: #007bff44;
    --moon-gold-color: #FCD56D;
    --moon-grey-border-trans:#dddddd88;
    --moon-basic-white-text:#f8f9fafa; /*#f0f0f0*/
    --moon-nav-bg:#334365cc;
    --moon-nav-visited:#1f1ce2;
    --moon-black-screen:#00000059;/*35%*/
    --moon-black-screen-2:#00000033;/*20%*/
    --moon-menu-card-screen:#863f3f59;
}

body,html{
    display: block;
    position: relative;
    left:0;
    margin: 0;
    padding:0;
    scroll-behavior:smooth;
    background-image: linear-gradient(var(--moon-black-screen-2), var(--moon-black-screen-2)),url(../images/old-brick.jpg);
    background-size:auto;
    background-attachment: fixed;
    /*color:#f8f9fafa;
    -webkit-text-fill-color:#f8f9fafa;*/
    }
    body:before{
    content:'';
    position:fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:var(--moon-black-screen);
    height: 100%;
    width: 100%;
    }

@media screen {
    @media (min-width:1364px)
    {
    .moon-filler-card {display: none;}
    .moon-filler {display: none;}
    }
    @media (min-width:1270px) and (max-width:1363px)
    {
    .moon-filler-card {margin: 0vh 0 0vh 0;}
    .moon-filler {width:7vw;}
    }
    @media (min-width:1259px) and (max-width:1270px)
    {
    .moon-filler-card {margin: 0vh 0 0vh 0;}
    .moon-filler {width:12vw;}
    }
    @media (min-width:1240px) and (max-width:1259px)
    {
    .moon-filler-card {margin: 0vh 0 0vh 0;}
    .moon-filler {width:15vw;}
    }
    @media (min-width:1200px) and (max-width:1240px)
    {
    .moon-filler-card {margin: 2vh 0 2vh 0;}
    .moon-filler {width:18vw;}
    }

    @media (min-width:992px) and (max-width:1200px)
    {
    .moon-filler-card {margin: 1vh 0 4vh 0;}
    .moon-filler {width:26vw;}
    }
}
.blue-text {
    color:var(--moon-blue-color) !important;
    -webkit-text-fill-color:var(--moon-blue-color) !important;
}
#carouselfadehome-about .center-img{
    position:relative;
    width:60vw;
    border: 2px solid var(--moon-blue-color);
    border-radius:1rem;
    margin: 1vh auto 0 auto;
}
#top:target::before{
    content:"";}
hr {
    position: relative;
    border-top: 3px solid;
    border-color:var(--moon-grey-border-trans);
    margin: -1.4vh auto 1vh auto;
    border-radius: 10px;
    opacity: 1;
    }
hr.top-curve {
    border-top: 3px solid;
    padding-bottom: 1rem;
    margin-top: 1vh;
    margin-bottom: -1.5vh;
}
hr.bot-curve {
    border-top: 0px;
    border-bottom: 3px solid;
    padding: 0.5rem;
}
.hr-pos{
    margin: 0 auto 1vh auto;
}
.hr-pos-qu {
    width:25%;
}
.hr-pos-half {
    width:50%;   
}
.hr-pos-three-qu {
    width:75%;
}
nav{z-index:1000}
.navbar-custom .navbar-nav .nav-link{
    font-size: clamp(1.4rem, 1.2800rem + 0.6000vw, 2rem);
    padding:0 0.5rem 0 0;
    margin:0 auto 0 auto;
}
#about-headline::after{
    content:"Hearty food, Good drinks, Great Times!";
}
#about-copy-text::after{
    content:"For locals and travelers alike the Blue Moon is known for its celebration of family, friends, and good times .\A Whether you're looking to unwind after a long day, celebrate a special occasion, or simply enjoy the company of good people, the Blue Moon Cafe \0026  Pub welcomes you with hearty fare, 20 draft beers including regional craft beers and domestics, as well as our signature cocktails!";
}
#top-menu-copy::after{
    content: "For either a quick bite or a hearty meal, our menu is crafted to satisfy all your cravings!\A From our huge signature burgers to our lighter wraps, home cooked favorites to generous appetizers and snacks, house specialty dinners and mouth-watering wings, we have something to please every palate.\A\AJoin us for a delightful dining experience that will leave you craving more.\A\A";
}
#temp-menu-copy::after{
    content: "Right now we're updating our menu with a new look and some new options.\A Check back soon but in the meantime, follow us on Facebook for news and updates!";
}
.navbar{
    background: var(--moon-nav-bg);            
    border: 2px ridge var(--moon-gold-color);
    border-radius: 18px;
}
.navbar-custom .navbar-nav .nav-link{
    color:var(--moon-gold-color);
    font-family:koch-regular,arial,helvetica,sans-serif;
    font-variant:small-caps;
    font-weight:700;
}
.navbar-custom .nav-item.active .nav-link,.navbar-custom .nav-item:hover .nav-link {
    color:var(--moon-nav-visited);
}
.custom-toggler.navbar-toggler{
    border-color:var(--moon-gold-color);
}
.sticky.is-sticky{
    display: flex;
    position:fixed;
    z-index:1000;
    transition:.5s ease-in-out;
}
.black-screen{background-color: var(--moon-black-screen);
}
#menu-top {
    top:20%;
}
#about .section-column-content, #menu .section-column-content, #contact .section-column-content, #menu .menu-cards-frame{
    position: relative;
    border:6px ridge var(--moon-gold-color);
    border-radius: 16px;
    }
#about .quote, #contact .quote{
    color:var(--moon-basic-white-text);
    font-size: clamp(1.3rem, 1.2284rem + 0.3181vw, 1.6rem);
    font-weight:initial;
    font-style:italic;
    background:0 0;
    text-align:center;
    }
.copyright::after{
    content:"2023 Blue Moon Café and Pub";
    font-family: bookman_old_style, 'Times New Roman', Times, serif;
    font-weight: 500;
    text-align: center;
}
.card {
    background-color: var(--moon-menu-card-screen);
    border-radius: 1rem;
    border: 5px solid var(--moon-grey-border-trans);
}
.section-text{
    color:var(--moon-basic-white-text);
    font-size: clamp(1rem, 0.8400rem + 0.8000vw, 1.8rem);
    white-space: pre-line;
}
.section-column-heading,  .section-heading, .menu-section-heading, .spec-menu-section-heading, .menu-section-sub-heading, .menu-footer-heading, .menu-footer-heading-1 {
    color:var(--moon-blue-color);
    font-family: black_jackregular,script,sans-serif;
    font-weight: 500;
    position:relative;
    z-index: 100 !important;
}
.section-column-heading{
    font-size: clamp(2rem, 1.6494rem + 1.5584vw, 3.5rem);
    z-index: 0;
    }
#menu {
    color: var(--moon-basic-white-text);
}
.menu-section-heading{
    font-size: clamp(2rem, 1.7857rem + 0.9524vw, 2.5rem);
}
.menu-section-sub-heading{
    color: var(--moon-basic-white-text);
    font-size: clamp(1.8rem, 1.7065rem + 0.4156vw, 2.2rem);
    font-weight: 500;
}
.spec-menu-section-heading{
    font-size: clamp(2rem, 1.7857rem + 0.9524vw, 2.5rem);
    color:var(--moon-basic-white-text);
}
.menu-footer-heading{
    font-size: clamp(2rem, 1.7857rem + 0.9524vw, 2.5rem);
}
.menu-footer-heading-1{
    font-size: clamp(1rem, 0.8130rem + 0.8312vw, 1.8rem);
}
.menu-footer-heading .menu-footer-heading-1{
    color:var(--moon-blue-color);
    font-family: black_jackregular,script,sans-serif;
    font-weight: 500;
}
.menu-footer-sub-heading-1 .menu-footer-sub-heading-2 .menu-footer-sub-heading-3{
    font-family: bookman_old_style, 'Times New Roman', Times, serif;
    font-weight: 500;
}
.menu-footer-sub-heading-1{
    font-size: clamp(1rem, 0.8130rem + 0.8312vw, 1.8rem);
}
.menu-footer-sub-heading-2{
    font-size: clamp(0.9rem, 0.7831rem + 0.5195vw, 1.4rem);
}
.menu-footer-sub-heading-3{
    font-size: clamp(0.9rem, 0.7597rem + 0.6234vw, 1.5rem);
    font-style: italic;
}
.cc-img{
    width:6vh;
}
.menu-section-note, .item, .item-price, .item-desc, #daily-specials .section-note, .menu-footer-sub-heading-1, .menu-footer-sub-heading-2, .menu-footer-sub-heading-3{
    font-family: bookman_old_style, 'Times New Roman', Times, serif;
}
.menu-section-note{
    font-size: clamp(0.8rem, 0.7538rem + 0.2051vw, 1rem);
    font-style: italic;
    margin: 1vh auto 2vh auto;
}
#pizza .menu-section-heading {
    font-size: clamp(2rem, 1.286rem + 2.286vw, 4rem);
}
.item, .item-price, .item-desc{
    font-weight: bold;
}
.item {
    font-size: clamp(1rem, 0.9532rem + 0.2078vw, 1.4rem);
}
.item-price{
    font-size: clamp(1rem, 0.9532rem + 0.2078vw, 1.4rem);
}
.item-desc{
    font-size:small;
    margin-top: -0.3rem;
}
.spec-menu-section-1{
    background-color: var(--moon-blue-bg-color);
    border:5px ridge var(--moon-grey-border-trans);
    border-radius:30px;
    padding: 1rem;
}
.item-add{
    font-style:italic;
    font-size: small;
    font-weight: bold;
    margin-bottom: 0.05rem;
}
.item-add-price{
    font-style:italic;
    font-weight:bold;
    font-size:small;
}
.toppings {
    background-color: var(--moon-blue-bg-color);
    border-style:groove;
    border-radius:16px;
    padding:1vh;
}
#daily-specials .section-note {
    font-style: italic;
    font-weight: bold;
}
.day {
    font-size: clamp(1rem, 0.571rem + 1.371vw, 2.2rem);
    font-style: italic;
}
#soups .day{
    font-size: clamp(1.3rem, 1.247rem + 0.213vw, 1.5rem);
    font-style: italic;
}
.google-map {
    padding-bottom: 50%;
    position: relative;
}
.google-map iframe {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}
.google-map-border {
    border:6px ridge var(--moon-gold-color);
    border-radius: 30px;
}