.charlotte-restaurant{

/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} */
 /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "cardo", Arial, "Great Vibes", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
 
    font-family: 'Cardo', serif !important;



}


.info-card a, .card-content a, .call-to-action a{
    text-decoration: none;
}

.call-to-action i{

    color:#ff6607;
}

/* =====================================
   HERO SECTION
===================================== */

.hero-section{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position:relative;
    overflow:hidden;
    background:#faf8f4;
    padding:90px 0;
    min-height:1000px;
}


@media(max-width:480px){


    .hero-section{

    display: flex;
    flex-direction: column;
    justify-content: end;
    min-height: 1300px !important;
}
}

/* BUILDING BACKGROUND */ 

.hero-building{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;

    background-image:
    linear-gradient(
        90deg,
        rgba(250,248,244,1) 0%,
        rgba(250,248,244,.80) 18%,
        rgba(250,248,244,.20) 38%,
        rgba(0,0,0,.12) 100%
    ),
    var(--hero-image);

    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

/* CONTENT */

.hero-content{
    position:relative;
    z-index:3;
}

.hero-tagline{
    display:inline-block;
    color:#ff6607;
    font-size:22px;
    font-weight:700;
    letter-spacing:2px;
    /* margin-bottom:15px; */
}

.hero-content h1{
    font-size:50px;
    line-height:1;
    font-weight:600;
    color:#ff6607;
    margin-bottom:15px;
}

.hero-content h1 span{
    color:#ff6607;
}

.hero-content h3{
    font-family:cursive ;
    font-size:28px;
    color:#e47724;
    margin-bottom:20px;
    font-weight:700;
}

.hero-description{
    max-width:580px;
    font-size:18px;
    line-height:1.9;
    color:#353535;
    /* font-family: poppins; */
    margin-bottom:35px;
}

/* FEATURES */

.hero-features{
    display:flex;
    flex-wrap:wrap;
    gap:1px;
    margin-bottom:30px;
}

.feature-item{
    /* background:#fff; */
    padding:14px 18px;
    border-radius:50px;

    display:grid;
    align-items:center;
    gap:12px;

    /* box-shadow:
    0 10px 30px rgba(0,0,0,.08); */
}

.feature-item i{
    text-align: center;
    color:#ff6607 ;
    font-size:30px;
}

.feature-item span{
    font-size:14px;
    font-weight:700;
    color: #353535;
    text-align: center;
}


@media(max-width:480px){
.feature-item span{
    font-size:17px;

}

.feature-item i{
    text-align: center;
    color:#ff6607 ;
    font-size:40px;
}
}
/* INFO ROW */

.hero-info-row{
    display:inline-block;
    gap:22px;
    flex-wrap:wrap;
}

.info-card{
    background:#fff;
    padding:10px 20px;
    border-radius:22px;
    display:flex;
    gap:18px;
    align-items:flex-start;
    margin-bottom: 20px;

    box-shadow:
    0 20px 45px rgba(0,0,0,.08);
}

.info-card i{
    color:#ff6607;
    font-size:24px;
    margin-top:4px;
}

.info-card h6{
    color: #ff6607;
    margin-bottom:6px;
    font-weight:800;
}

.info-card p{
    margin-bottom: 5px;
}

.info-card a{
    margin:0;
    font-size: 15px;
    /* font-family: poppins; */
    line-height:1.7;
    color:#353535;
}

.info-card a:hover{

    color:#ff6607;
}



/* HOURS */

.hours-dropdown{
    position:relative;
}
 
@media(max-width:480px){

    .hours-dropdown {
    justify-items: center;
}
}

@media(max-width:991px){
.hours-dropdown{
    justify-items: center;
}

}

.hours-btn{
    border:none;
    background:#ff6607;
    color:#fff;

    padding:10px 22px;
    border-radius:60px;

    display:flex;
    align-items:center;
    gap:12px;

    font-weight:700;
}

.hours-menu{

    position:absolute;

    top:105%;
    left:0;

    width:280px;

    background:#fff;

    border-radius:20px;

    padding:22px;

    opacity:0;
    visibility:hidden;
    transform:translateY(12px);

    transition:.35s ease;

    box-shadow:
    0 20px 50px rgba(0,0,0,.12);

    z-index:99;
}

.hours-dropdown:hover .hours-menu{
    opacity:1;
    visibility:visible;
    /* transform:translateY(0); */
}

.hours-menu p{
    margin-bottom:12px;
    color:#444;
}

/* RIGHT */

.hero-right{
    position:relative;
    display: flex;
    align-items: center;      /* vertical center */
    justify-content: center;
    z-index:2;
    padding: 50px 0px;
}

@media(max-width:480px)

{
.hero-right{
    position:relative;
    display: flex;
    align-items: center;      /* vertical center */
    justify-content: center;
    z-index:2;
    padding: 20px 0px;
}
}

.hero-badge{
    width:200px;
    position:relative;
    display: block;
    top:200px;
    right:-100px;
    color: #fff;
    background:#ff6607;
    border-radius:100px;
    border: solid 5px #e1c768;
    padding:50px 20px;
    font-weight:700;
    font-size: 14px;
    justify-content: center;
    box-shadow:
    0 20px 45px rgba(0,0,0,.10);
    text-align: center;
    text-transform: uppercase;
}

@media (max-width:480px){
.hero-badge{
    width:200px;
    position:relative;
    display: block;
    top:0px;
    right:-100px;
    color: #fff;
    background:#ff6607;
    border-radius:100px;
    border: solid 5px #e1c768;
    padding:50px 20px;
    font-weight:700;
    font-size: 14px;
    justify-content: center;
    box-shadow:
    0 20px 45px rgba(0,0,0,.10);
    text-align: center;
    text-transform: uppercase;
}
}

.hero-badge span{
    display: block;
}

.hero-right span{
    font-size: 20px;
    font-weight: bold;
}

.hero-grocery-main{

    position:absolute;

    bottom:0;
    right:0;

    width:520px;

    z-index:3;
}

.hero-grocery-products{

    position:absolute;

    bottom:20px;
    left:40px;

    width:300px;

    z-index:2;
}

/* RESPONSIVE */

@media(max-width:1200px){

.hero-content h1{
    font-size:58px;
}

.hero-building{
    width:50%;
}

}

@media(max-width:991px){

.hero-section{
    padding:80px 0 50px;
}

.hero-building{

    width:100%;
    opacity:0.5;

    background-position:center;
}

.hero-right{

    /* min-height:520px;
    margin-top:50px; */
}

.hero-content{
    text-align:center;
}

.hero-description{
    margin:auto auto 35px;
}

.hero-features{
    justify-content:center;
}

.hero-info-row{
    justify-content:center;
}

.hero-grocery-main{
    width:420px;
    left:50%;
    transform:translateX(-50%);
}

.hero-grocery-products{
    width:240px;
    left:50%;
    transform:translateX(-50%);
}

.hero-badge{
    /* left:50%;
    right:auto; */
    transform:translateX(-50%);
}

}

@media(max-width:767px){

.hero-section{
    min-height:auto;
    padding:70px 0 40px;
}

.hero-content h1{
    font-size:46px;
}

.hero-content h3{
    font-size:22px;
}

.hero-description{
    font-size:16px;
}

.hero-right{
    min-height:300px;
}

.hero-grocery-main{
    width:300px;
}

.hero-grocery-products{
    width:180px;
}

.feature-item{
    width:100%;
    justify-content:center;
}

.hours-menu{
    left:50%;
    transform:translateX(-50%);
}

}


@media(max-width:480px){
.hero-content h1{
    font-size:36px;
}

.hero-tagline{
    display:inline-block;
    color:#ff6607;
    font-size:18px;
}
}

/* ======================================
SECTION 2
====================================== */

.neighborhood-section{
    padding:50px 0;
    background:#fefefd;
}

/* HEADINGS */

.section-title{

    color:#ff6607;
    /* font-family: Helvetica Neue; */
    font-size:40px;
    font-weight:600;
    line-height:1.4;

    text-transform:uppercase;

    margin-bottom:20px;
}

.section-subtitle{

    font-size:18px;
    line-height:1.9;
    /* font-family: poppins; */
    color:#444;

    max-width:920px;
    margin:auto auto 55px;
}

/* CARD */

.neighborhood-card{

    position:relative;

    background:#fcf8ec;

    border-radius:18px;

    overflow:hidden;

    height:100%;

    box-shadow:
    0 12px 35px rgba(0,0,0,.08);

    transition:.35s ease;

    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.neighborhood-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 20px 45px rgba(0,0,0,.12);
}

/* IMAGE */

.card-image{

    height:250px;
    overflow:hidden;
}

.card-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:.5s ease;
}

.neighborhood-card:hover .card-image img{

    transform:scale(1.08);
}

/* ICON */

.card-icon{

    position:absolute;

    top:215px;
    left:50%;

    transform:translateX(-50%);

    width:78px;
    height:78px;

    background:#fff;

    border-radius:50%;

    border:3px solid #d8cba2;

    display:flex;
    align-items:center;
    justify-content:center;

    z-index:3;

    box-shadow:
    0 8px 25px rgba(0,0,0,.10);
}

@media (max-width:480px){

    .card-icon{

    position:absolute;

    top:180px;
}

}
.card-icon i{

    color:#ff6607;

    font-size:28px;
}

/* CONTENT */

.card-content{

    padding:
    65px 28px 35px;
}

.card-content h2{

    color:#ff6607;

    font-size:20px;
    line-height:1.35;

    font-weight:800;

    text-transform:capitalize;

    text-align:center;

    margin-bottom:22px;
}

.card-content p{

    /* font-family: poppins; */
    color:#555;

    font-size:17px;

    line-height:1.9;

    text-align:center;

    margin:0;
}

.card-content a{

    color:#e47724;

    font-size:17px;

    line-height:1.9;

    text-align:center;

    margin:0;
}

/* RESPONSIVE */

@media(max-width:1199px){

.section-title{
    font-size:36px;
}

.card-content h3{
    font-size:20px;
}

}

@media(max-width:991px){

.neighborhood-section{
    padding:70px 0;
}

.section-title{
    font-size:32px;
}

.section-subtitle{
    font-size:17px;
}

}

@media(max-width:767px){

.neighborhood-section{
    padding:60px 20px;
}

.section-title{

    font-size:26px;
}

.section-subtitle{

    font-size:16px;
}

.card-image{
    height:220px;
}

.card-content{

    padding:60px 22px 28px;
}

.card-content h3{

    font-size:22px;
}

.card-content p{

    font-size:15px;
}

}

/* ==========================================
FINAL CTA SECTION
========================================== */

.visit-store-section{

    overflow:hidden;
}

/* TOP BANNER */

.why-shop-banner{

    background:
    linear-gradient(
    90deg,
    #000000 10%,
    #ff6607 100%
    );

    /* padding:0px 0; */
}

.why-shop-banner .row{
    display: flex;
    flex-wrap: nowrap;
    height: 400px;
    
}



.why-shop-banner .row .col-lg-8{
display: flex;
    flex-direction: column;
    justify-content: center;
}

.why-shop-banner .row .col-lg-4 {
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 0px;


}
@media(max-width:992px) {

    .why-shop-banner .row{
    
    height: auto;
    padding: 0px 0px;
}

}
@media(max-width:992px) {
.cta-vegetables{
    /* position: absolute !important; */
    /* left: 170px; */
    width: 100%;
}
}

@media (max-width:480px){
    .why-shop-banner .row{
    /* position:relative;
    flex-wrap: nowrap;
    height: auto;
    padding: 50px 20px; */

    display: flex;
    height: auto;
    flex-direction: column;
    justify-content: end;
}
.why-shop-banner .row .col-lg-8{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 20px;
}

    .why-shop-banner .col-lg-4 {

        height: 200px;

}
.neighborhood-section  .g-4{
    display: flex;
    flex-direction: column;
    gap: 20px;

}
.neighborhood-section .second-row{
    margin-top: 0px !important;
}
}

.neighborhood-section .col-xl-3 .col-lg-4 .col-md-6 {

    display: flex;
    margin-bottom: 30px;
}

.neighborhood-section  .g-4{

    display: flex;
}

.neighborhood-section .section-subtitle a{
        color: #fe6608 !important;
    text-decoration: none !important;
}


.why-shop-banner h3{

    color:#fff;
    text-transform: uppercase;
    font-size:24px;
    font-weight:600;

    margin-bottom:30px;
}

.why-list-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap: 10px;
}

.why-list-grid ul{

    list-style:none;
    padding:0;
    margin:0;
}

.why-list-grid li{

    color:#fff;
    margin-bottom:10px;
    /* font-family: poppins; */
    font-size:15px;
    font-weight:500;
    position:relative;
    padding-left:35px;
}

.why-list-grid li:before{

    content:"✓";

    position:absolute;

    left:0;
    top:0;

    color:#ffd36a;

    font-size:22px;
    font-weight:800;
}

.cta-vegetables{

  /* position: relative;
    top: -30px;
    left: 170px; */
    width:100%;
    max-width:520px;
    display:block;
    margin-left:auto;
}


@media(max-width:480px){

    .cta-vegetables{

        /* position:absolute; */

        right:0;
        bottom:-15px;

        width: 100%;

        margin:0;

        z-index:5;
    }

      .right-image{
        position:relative;
    }

    .why-shop-banner .col-lg-4{
    position:relative;
}


.visit-wrapper{

    display:flex;
    align-items:center !important;
}
}
/* BOTTOM CTA */

.visit-cta{

    background:#fbfaf5;

    padding:30px 0;

    position:relative;
}

.visit-wrapper{

    display:flex;

    align-items:flex-start;

    gap:10px;

    justify-content:center;
}


.visit-icon{
    display: none;
    width: 10%;
    justify-items: center;

}

.visit-icon i{

    width:60px;
    height:60px;

    border-radius:50%;

    background:#ff6607;

    color:#fff;

    display:flex;

    align-items:center;
    justify-content:center;

    font-size:30px;

    box-shadow:
    0 18px 40px rgba(0,0,0,.12);
}

.visit-content{
    width: 90%;
    max-width:850px;
    text-align: left;
}

.visit-content h3{

    color:#ff6607;

    font-size:24px;

    font-weight:700;

    line-height:1.2;

    margin-bottom:18px;
}

.visit-content p{

    color:#444;

    font-size:16px;
    /* font-family: poppins; */
    line-height:1.8;

    margin-bottom:12px;
}

.visit-script{

    color:#d96c14;

    font-size:24px;
    font-weight: 700;
    font-style:italic;
    font-family:cursive;
}

.visit-location{

    display:flex;
    flex-direction: row;
    align-items:center;
    height: 250px;
    gap:30px;

    justify-content:center;

}


.call-to-action a{
    width: 300px;
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #ff6607;
    text-align: start;

}

.call-to-action a:hover{

    
    color: #d96c14;

}


.call-to-action a span{

    margin-right: 10px;
    font-size: 18px;
}

@media (max-width:480px){
    .call-to-action{
        margin-top: 20px;
    }
}






/* RESPONSIVE */

@media(max-width:991px){

.why-list-grid{

    grid-template-columns:1fr;
}

.cta-vegetables{

    margin:auto;
    margin-top:35px;
}

.visit-wrapper{

    flex-direction:column;

    text-align:center;
}

.visit-content h2{

    font-size:40px;
}

.visit-content p{

    font-size:20px;
}

}

@media(max-width:767px){

/* .why-shop-banner{

    padding:50px 0;
} */

.why-shop-banner h3{

    font-size:22px;
}

.why-list-grid li{

    font-size:15px;
}

.visit-icon{

    width:110px;
    height:110px;

    font-size:45px;
}

.visit-content h2{

    font-size:30px;
}

.visit-content p{

    font-size:17px;
}

.visit-script{

    font-size:30px;
}

}
@media(max-width:480px){
.visit-content h2{

    font-size:20px ;
}

.visit-icon{

    width:70px;
    height:70px;

    font-size:30px;
}

.visit-script{

    color:#d96c14;

    font-size:20px;
    font-weight: 700;
    font-style:italic;
    font-family:cursive;
}
}


.neighborhood-section .second-row{
    margin-top: 30px;
}

.why-list-grid .sub-list li:before{
    content: ".";
    font-size: 30px;
    font-weight: 800;
    position: relative;
    padding-right: 10px;
    
}

.why-list-grid .sub-list li{
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    line-height: 20px;

}

.why-list-grid .sub-list{
    padding: 0px;
}


@media(max-width:991px){
.why-shop-banner .col-md-6{
    width: 97%;
    padding: 20px;

}

.why-shop-banner .container{
    padding: 0px !important;
    margin-right: 0px !important;
}
}