/*
 Theme Name:   The Toast Rack
 Description:  Benedict Franchise Site Theme
 Author:       Jolt Digital
 Author URI:   jolt.digital
 Version:      0.5
*/

@font-face {
    font-family: Turnpike;
    src: url(/wp-content/uploads/2023/04/Turnpike.ttf);
  }

  /* makes sizing simpler */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* remove default spacing */
/* force styling of type through styling, rather than elements */

* {
  margin: 0;
  padding: 0;
  font: inherit;
}

/* min body height */
html{
    font-size: 62.5%;
    scroll-behavior: smooth;
}
body {
  min-height: 100vh;
  background-color: #fffbf8;
}

/* responsive images/videos */
img,
picture,
svg,
video {
  display: block;
  max-width: 100%;
}

ul, li{
    text-decoration: none;
    list-style: none;
}



.content-wrapper{
    max-width:1190px;
    margin: auto;
}

/* typography */

header, header ul{
  font-family: 'Turnpike', sans-serif;
}

h1, h2, h3, h4, h5, h6, label, input.form-submit, .lightbox-menu-price{
    font-family: 'Turnpike', sans-serif;
    line-height: 1;
}
h2{
    font-size: 3.5rem;
}
h3, .lightbox-menu-price{
    font-size:2rem;
    line-height:2.2rem;
    letter-spacing: 0.05rem;
}
h6{
    font-size:1.6rem;
}
p, ul{
    font-size: 1.4rem;
    font-family: Consolas, monoco, monospace;
  }

a{
  text-decoration: none;
  color:unset;
}

.flex-container{
  display:flex;
}

/* header */

header{
  position:absolute;
  width: 100%;
  min-height:300px;
  color:white;
  padding-top:4rem;
}

.top-bar{
  max-width:95%;
  margin:auto;
  position:fixed;
  left:0;
  right:0;
  z-index:102;
  align-items: flex-start;
  top:70px;
}

header .top-bar .social-icons{
  margin-top: 1rem;
  gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;

}

header .top-bar .social-icons img {
  filter: brightness(0) invert(1);
}

header .flex-container{
  justify-content: center;
  align-items: center;
}

.top-bar div span{
  font-size: 1.5rem;
  line-height:2rem;
}

.top-bar .top-bar-address{
  transition: opacity 0.4s;
position:absolute;
left:0;
top:0;
}

.top-bar ul.flex-container{
  font-size: 4rem;
  gap:3rem;
}

.mobile.banner.flex-container{
  font-size: 3rem;
  /* gap:3rem; */
  color: white;
  font-family: 'Turnpike', sans-serif;
  justify-content: space-around;
  min-width:90%;


}

@media screen and (max-width: 480px){
  .mobile.banner.flex-container{
    font-size: 2rem;
  }

}
.top-bar-heading{
  /* margin-right:14rem; */
  transition: opacity 0.4s;

}



header .top-bar #nav-hamburger{
  background-color: red;
  color: white;
  border-radius: 50%;
  width:80px;
  height:80px;
  border: none;
  /* display:block; */
  /* top:200px; */
  display: flex;
  align-items: center;
  cursor: pointer;
  z-index: 200;
  position: absolute;
  right:0;
  transition: all .2s;
}

header .top-bar #nav-hamburger img{
  width:50%;
height:50%;
margin:auto;
transition: all .2s ease-in-out; 

}

header .top-bar #nav-hamburger .nav-close{
display:none;
opacity:0;
width: 70%;
height: 70%;
}


ul.nav-menu {
  position: fixed;
  transform: translateX(100%);
  transition: transform 0.2s;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #A0D8CB;
  color: black;
  list-style: none;
  padding-top: 4rem;
  display:flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap:3rem;
  font-size:6rem;
  line-height: 1;
  padding-top:30vh;
  z-index:101;

}

@media (max-width: 991px) {
  ul.nav-menu {
  font-size: 4rem;
  }
}

.nav-menu-item:hover {
  color: red;
}

ul.showNavMenu{
  transform: translateX(0);
}

/* Homepage */

#homepage #home-hero{
margin-bottom: -165px;
min-height:91vh;
background-size: cover;
justify-content: center;
background-repeat: no-repeat;
align-items: center;
background-position-y: 70%;
/* background-image: (rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));  */
flex-direction: column !important;
}

#homepage #home-hero > div{
  position: relative;
}

#homepage #home-hero img{
  max-width: 710px;
}

#homepage #home-hero .book-now-cta button{
  position:absolute;
  background-color: red;
  color: white;
  border-radius: 50%;
  width:130px;
  height:130px;
  border: none;
  display:block;
  right:-30px;
  top:-70px;
  cursor: pointer;
}

.grow, .grow h3 { 
  transition: all .2s ease-in-out; 
}

.grow:hover, .grow:hover h3 {
  transform: scale(1.10); 
}

#nav-hamburger.grow img{
  transform: scale(0.9); 

}

.book-now-cta .grow:hover{ 
 transform: translate(5%, -5%);
}

#homepage .top-row{
    /* transform: translateY(-165px); */
}
#homepage .top-row .content-wrapper{
    justify-content: center; gap:10px; text-align:center;
}
#homepage .top-row .content-wrapper > div#left-container{
    background-color: #EBC4A9; min-height:400px; max-width:100%; padding:5.2rem 5rem 6rem;
    flex-basis: 50%;
}
#homepage .top-row .content-wrapper > div#right-container{
    background-color: #A0D8CB; min-height:400px; max-width:100%; padding:5.2rem 5rem 6rem;
    flex-basis:50%;
}

#homepage .top-row .content-wrapper div div.image-container{
    background-size:cover; border-radius: 3rem; margin: 4rem auto 3.5rem auto; max-width:60%; min-height:330px;
}
#homepage .top-row .content-wrapper div p{
    max-width:82%;
    margin:auto;
}

#homepage #menus-row{
    text-align: center;
    margin: 10px auto 0;

}

#homepage #menus-row .flex-container{
  display:flex !important;
}

#homepage #menus-row .content-wrapper{
    background-color: #FFB6B6;
}

#homepage #menus-row h2{
    margin-bottom:2rem;
}

#homepage #menus-row p.menus-subtext{
    max-width:38%;
    margin:auto auto 5rem;
}

#homepage #menus-row .content-wrapper > div{
    background-color: #FFB6B6;
    min-height:400px; max-width:100%; padding: 5.2rem 5rem 7rem;

}

#homepage #menus-row .flex-container{
    /* flex-basis: 33.3333333%; */
    margin: auto auto 20px;
    gap:25px;
    max-width:70%;
    flex-wrap: wrap;
    justify-content: center;
}

#homepage #menus-row #menus-container{
  position: relative;
}

.menu-item-container h3 {
    font-size: 1.6rem;
    line-height: 1.6rem;
}

#homepage #menus-row .book-now-cta button{
  position:absolute;
  background-color: red;
  color: white;
  border-radius: 50%;
  width:130px;
  height:130px;
  border: none;
  display:block;
  /* right:-30px; */
  /* top:-70px; */
  cursor: pointer;
  transition: width 150ms, height 150ms, right 150ms, top 150ms;

}

#nav-hamburger.active, #nav-hamburger:hover{
  width:100px !important;
  height:100px !important;
  margin-right:-10px;
  /* margin-bottom: -10px; */
}

#homepage #menus-row .book-now-cta button:hover, #homepage #home-hero .book-now-cta button:hover, .lightbox-close-container button:hover{
  width:140px;
  height:140px;
}

#homepage #menus-row .book-now-cta button h3, #homepage #home-hero .book-now-cta button h3{
  font-size: 1.8rem !important;
line-height: 2.2rem;
}


#homepage #menus-row .menu-image{
    /* background-image: url(https://picsum.photos/300/300);  */
    background-size: cover; min-height:240px; min-width:175px; border-radius: 3rem; flex-basis:20%;
}

#homepage #menus-row .menu-item-container.menu-image{
margin-bottom: 1.5rem;
position:relative;
cursor: pointer;

}

#homepage #menus-row .flex-container div p{
  max-width:175px;
}



#homepage #menus-row .menu-item h6{
    position: relative;
    bottom:0;
}

#homepage #contact-row{
    min-height:400px;
}


#homepage #contact-row #contact-form{
    padding:4rem 6rem 6rem; min-height:500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#homepage #contact-row #contact-form  .wpcf7{
    flex-basis:40%;
    min-width:40%;
    /* margin-bottom: 1.5rem; */
}

#homepage #contact-row #contact-form form .form-field-container{
    justify-content: space-between;
    /* margin-bottom: 2rem; */
}

#homepage #contact-row .contact-form-container{
  /* margin-bottom:2rem; */
}



#homepage #contact-row #contact-form form label{
    color:white;
    font-size:1.4rem;
    align-self: center;

}

/* #homepage #contact-row #contact-form .screen-reader-response *{
 display:none !important;  
}

#homepage #contact-row #contact-form #contact-form-element.sent, .form-submit-container.sent input{
  display:none !important;
}

#homepage #contact-row #contact-form #contact-form-element.sent .contact-form-sent{
  display:block !important;
} */

#homepage #contact-row #contact-form form div.form-field-container .wpcf7-not-valid-tip, #homepage #contact-row #contact-form form .wpcf7-response-output{
color: white !important;
font-size: 1.4rem;
font-family: 'Courier New', Courier, monospace;
 }

#homepage #contact-row #contact-form form div.form-field-container span{
   /* float:right; */
max-width:65%;   
}

#homepage #contact-row #contact-form form div.form-field-container .contact-form-sent{
  display:none;
}
#homepage #contact-row #contact-form form div.form-field-container span input{
  max-width:100%;
  min-height: 3.5rem;
   margin-bottom:.8rem;
   border:none;
   resize: none;
   margin-left: auto;
   font-family: monospace;
   font-size:1.8rem;
}

#homepage #contact-row #contact-form form textarea{
  max-width:100%;
  border:none;
  resize: none;
  min-height:10rem;
  font-family: monospace;
 font-size:1.8rem;
}

@media screen and (max-width:768px){
  #homepage #contact-row #contact-form form div.form-field-container span{
    /* float:right; */
 max-width:100%;   
 }
 #homepage #contact-row #contact-form form div.form-field-container span input{
   min-width:100%;

 }
 
 #homepage #contact-row #contact-form form textarea{
   min-width:100%;

 }
}



.form-submit{
    font-size:1.4rem;
    padding: 1rem 2.5rem;
    border:none;
    background-color: #A0D8CB;
    letter-spacing: 1px;
}


#homepage #contact-row #contact-form form label#message-label{
    align-self:start;
    margin-top:1.25rem;

}



#homepage #contact-row #contact-form h2{
    color: white;
    margin-bottom:3rem;
}
p.form-subtext{
    color:white;
}

#homepage #contact-row #contact-info{
    min-height:200px; background-color: #A0D8CB;
}


#homepage input.form-submit{
  transition: width 150ms;
}
#homepage input.form-submit:hover{
color:white;
cursor: pointer;
font-style: italic;
}

#homepage #contact-row .form-submit-container.inner{
    margin-right:0;
    margin-left:auto;
  }

  #homepage #contact-row .form-submit-container.outer{
    margin-top:2rem;
  }



#homepage #contact-row .address{
margin-right:0;
margin-left:auto;
/* margin-top: 1.25rem; */
/* margin-bottom: 1.25rem; */
justify-content: flex-end;}

#homepage #contact-row #visit-us{
    background-color: #A0D8CB;
    padding:2rem 4rem 2rem 2rem;
}

#homepage #contact-row #visit-us h3{
    margin-bottom: 1.6rem;
}

#homepage #contact-row #visit-us ul{
font-size:1.2rem !important;
}



#homepage #contact-row #google-map iframe{
height:100%;
width:100%;
overflow:hidden;
}
#map {
  height: 100%;
}

@media (max-width: 991px) {
  #map {
    /* min-height: 250px; */
  }
}

#homepage #contact-row #contact-info{
    justify-content: center;
    white-space: wrap;
    text-align: center;
    padding: 2rem 0;
}

#homepage #contact-row #contact-info .flex-container{
  align-content: center;
  flex-basis: 1;
}

#homepage #contact-row #contact-info .contact-logos{
flex-direction: column;
}

#homepage #contact-row #contact-info div {
flex-basis: 33%;
padding:auto;
margin: 1.5% 0;
padding: 3%;
align-items: center;
}
#homepage #contact-row #contact-info div h3{
 /* margin: auto 85px; */
  }


 #homepage #contact-row #contact-info > div:nth-of-type(2) h3{ 
    margin-bottom: 3rem;
} 

#homepage #contact-row #contact-info div.social-icons{
    gap:2.5rem;
}
#homepage #contact-row #contact-info > div:nth-of-type(1) {

    border-right:1px black solid;
    }
#homepage #contact-row #contact-info > div:nth-of-type(3){
    border-left: 1px black solid;
}


#homepage #contact-row #contact-info .social-icons{
justify-content: center;
}
.social-icons a img {
  transition: opacity 150ms;
}
 .social-icons a:hover img{
  opacity:.5;
}

/* Gallery */

#homepage #gallery{
  margin-top: 7rem;
}

#homepage #gallery .content-wrapper{
  max-width:1201px;
}

#gallery h2{
  text-align: center;
margin-bottom:4rem;
}

/* ---- .grid-item ---- */

.grid-item, .grid-sizer{
    width: 33.3333%;
    /* display: inline-block; */
    position:relative;
  }





  @media (max-width: 991px) {
    .grid-item, .grid-sizer{
      width:50%;

    }
    }

  @media (max-width: 580px) {
    .grid-item, .grid-sizer{
      width:100%;

    }
    }



  .grid-item {
    float: left;
      padding:0.5rem;
      display:none;
  }


  .grid-item:before {
    text-align: center;
    display: block;
    padding: 0.5rem;

  }


  /* .grid .has-name.tall .gallery-image{
    height: 550px;
  }

  .grid .has-name.short .gallery-image{
    height: 400px;
  } */

  .gallery-image{
    cursor: pointer;
  }

  .grid .tall .gallery-image {
    height: 548px;
  }

  .grid .short .gallery-image {
    height: 398px;
  }
/*
  .grid .has-name.tall .gallery-image {
    height: 550px;
  }

  .grid .has-name.short .gallery-image {
    height: 400px;
  }

  .grid .has-name.tall {
    height: 650px;
  }

  .grid .has-name.short {
    height: 500px;
  } */
/*
  .grid .tall {
    height: 550px;
  } */

  /* .grid .short {
    height: 400px
  }
   */
  .grid .caption{
    width:100%;
    text-align: left;
    padding-left:30px;
    padding-top: 20px;
    height:98px;
  }

  .grid .caption h2{
    font-size: 36px;
    padding: 0;
  }

  @media (max-width: 950px) {
  .grid .caption h1 {
      font-size: 25px;
    }
    }

  .grid .caption p{
    font-size: 16px;
  }
#homepage #gallery div{
  text-align: center;

}
#homepage #gallery div button.more {
  background-color: black;
  color: white;
  border:none;
  padding: 1.2rem 2rem;
  margin:auto;
  font-size: 2rem;
  margin-top:3rem;
  margin-bottom: 10rem;
  cursor: pointer;
}

#homepage #gallery div button.more:hover {
font-style: italic;
}

/* .more, .less {
  background-color: #000;
  clear: both;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 14px;
  margin-top: 6px;
  padding: 6px 0;
  text-align: center;
	text-transform: uppercase;
  width: 320px;
} */

/* Gallery Lightbox */

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  z-index: 102;
  align-content: center;
}

@media screen and (max-width: 768px) {
  .mySlides img{
max-width:80%;
  }
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides{
  display:none;
  background-color: black;
}
.mySlides img {
  /* display: none; */
  max-height:90vh;
  margin:auto;
}

.active,
.demo:hover {
  opacity: 1;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -30px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  /* background-color: rgba(0, 0, 0, 0.8); */
}

footer{
  background-color: #A0D8CB;
  padding: 5rem;
  }

footer .flex-container{
  justify-content: space-between;
}

footer .flex-container > div{
  max-width:310px;
}

footer .flex-container div.tel, footer .flex-container div.address, footer .flex-container div.right-column p{
  margin-bottom: 2rem;
}
footer .flex-container div p{
  margin-bottom:2rem;
}

footer .flex-container div.tel{
  font-size: 2.5rem;
  font-family: 'Turnpike', sans-serif;
  margin-top: 2rem;

}
footer .flex-container div.address{
  font-size:1.7rem;
  font-family: 'Turnpike', sans-serif;
  line-height: 2rem;
}

footer .social-icons{
justify-content: flex-start;
gap: 3rem;
}
footer .right-column{
  align-self: flex-end;
}

footer .right-column .branch-logos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10%;
  justify-content: space-between;
}

footer .right-column .branch-logos a {
  flex-basis: 45%;
}

footer p{
  font-size: 1.8rem;
}

/* tablet styling */

@media screen and (min-width: 1022px){
  
}
@media screen and (min-width:767px){

  #homepage #contact-row .form-submit-container.inner{
    display:none;
  }
  #homepage #contact-row .form-submit-container{
    max-width:40%;
}
#homepage #contact-row #google-map{
  flex-basis:60%;
}

#homepage #contact-row .address{
  min-width:60rem;
}

}
@media screen and (max-width: 1180px){
  #homepage #home-hero img{
    max-width: 90%;
    margin:auto;
  }
  .top-bar-address span{
    display: none;
  }
  .top-bar-address {
    top: -50px;
  }
  header .top-bar .social-icons {
    margin-top: 0;
  }
  #homepage #home-hero .book-now-cta button{
    right:10px;
  }
}

@media screen and (min-width: 980px){
  .mobile.banner.flex-container{
    display:none;
  }
}

@media screen and (max-width:980px){
  .top-bar-heading{
    display:none;
  }
  
  header .flex-container{
    justify-content: right;
  }
}
@media screen and (max-width: 768px) {

  /* home hero */
  #homepage #home-hero{
    min-height:85vh;
    margin-bottom: unset;
  }


  /* top row */
  header .top-bar #nav-hamburger{
    width:60px;
    height:60px;
  }


  #homepage section.top-row .flex-container, #homepage #contact-row #contact-form > .flex-container {
    flex-direction: column;
  }

  #homepage #contact-row #contact-info{
padding-top:2rem;
padding-bottom:2rem;  }

  #homepage #home-hero .book-now-cta button{
/* width:100px;
height:100px;
font-size: 1.5rem;
top: -100px; */
display:none;
  }


 /* menu row */

 #homepage #menus-row .book-now-cta button{
  position:unset;
  margin:auto auto 4rem;
 }

 .menus-subtext{
  max-width:82% !important;
 }


/* contact row */

#homepage #contact-row #contact-form form .form-field-container,#homepage #contact-row .address{
flex-direction: column;
}

#homepage #contact-row #contact-form form, #homepage #contact-row #contact-form h2 {
/* margin-left:2rem;
margin-right:2rem; */
}

#homepage #contact-row #contact-form form label{
  align-self: flex-start;
}
#homepage #contact-row #contact-form form input, #homepage #contact-row #contact-form form textarea{
  margin-top:1rem !important;
  margin-bottom: 1rem !important;
  }

 #homepage #contact-row .form-submit-container{
  margin-bottom:2rem;
 }

 #homepage #contact-row #contact-form form label#message-label{
  margin-top:unset;
 }

  

#homepage #contact-row .address{
  margin-left: 0 !important;
}





#homepage #contact-row #contact-form form div.form-field-container input, #homepage #contact-row #contact-form form div.form-field-container textarea {
  margin: 0rem;
}

#homepage #contact-row .form-submit-container.outer{
  display:none;
}

#homepage form{
  /* margin-bottom:2rem; */
}

#homepage form div.message{
  font-size: 1rem;;

}



#homepage #contact-info.flex-container{
  flex-direction: column;
}
#homepage #contact-row #contact-info > div:nth-of-type(1) {

  border-right:none;
  /* margin-bottom:3rem; */
  }

  #homepage #contact-row #contact-info > div {
    flex: 1;
  }

  #homepage #contact-row #contact-info .social-icons{
    padding:unset;
  }

#homepage #contact-row #contact-info > div:nth-of-type(3){
  border-left:none;
  /* margin-top:3rem; */
  justify-content: center;

}

#map {
  min-height: 250px;
}

/* footer */

footer{
  padding:5rem
}

footer > .flex-container{
  flex-direction: column;
  justify-content: center !important;
  text-align: center;
}

footer  .flex-container .flex-container.social-icons {
  justify-content: center !important;
  margin-bottom: 3rem;
}

footer .right-column img{
margin:auto;
}
footer > .flex-container > div{
  max-width:unset;
}
}

@media screen and (max-width:575px){
  /* #homepage #menus-row .menu-image {
    min-width:116px;
    min-height: 159.09px;
  } */
  /* #homepage #menus-row .menu-item p{
    max-width:116px;
  } */
  #homepage #menus-row .flex-container{
    max-width:unset;
    gap: 1rem;

  }
}

@media screen and (max-width: 480px) {
  #homepage .top-row .content-wrapper div div.image-container {
    min-height:240px;
  }
  #homepage .top-row .content-wrapper > div#left-container, #homepage .top-row .content-wrapper > div#right-container, #homepage #menus-row .content-wrapper > div, #homepage #contact-row #contact-form {
    padding-left: 2rem;
    padding-right: 2rem;
  }


}


/* Menu Lightbox */


.lightbox-menu-container {
  background-color: #ffe8e7;
  position:fixed;
  top:0;
  width:100%;
  height:100vh;
  /* display:none; */
  overflow-y:auto;
  transform: translateX(100%);
  transition: transform 0.3s;
  padding: 15rem 2rem 10rem 2rem;
  z-index: 102;
  margin: 0 auto 0 auto;
}
.showBrunchMenu, .showLunchMenu, .showPuddingsMenu, .showJuniorMenu, .showDrinksMenu, .showWinesMenu{
transform: translateX(0);
}

.lightbox-inner-flex{
  gap: 8rem;
}

.lightbox-inner-flex h2{
  margin: 7rem 0 2rem 0;
  font-size: 2.8rem;
}

.lightbox-inner-flex li.lightbox-menu-item{
  margin-bottom:0.3rem;
}

.lightbox-inner-flex li.lightbox-menu-subtext{
  max-width: 74%;
}

.lightbox-menu-column-flex div{
  max-width:80%;
}

.menu-title img{
  margin:3rem auto 0;
  height:auto;
}


.menu-left-column, .menu-right-column{
  flex-basis: 50%;
}
.lightbox-menu-column-flex{
  justify-content: space-between;
}

.lightbox-menu-subtext{
  margin-bottom:2rem;
}

.lightbox-close-container{
  position: sticky;
  top:10px;
  height:130px;
  margin-bottom:2rem;

}
.lightbox-close-container button{
  background-color: red;
  color: white;
  border-radius: 50%;
  border: none;
  /* display:block; */
  /* top:200px; */
  align-items: center;
  position:absolute;
  right:0;
  /* position:sticky; */
/* bottom:85%; */
/* left:85%; */
  border-radius: 50%;
  width:130px;
  height:130px;
  /* transition: width 150ms, height 150ms; */

}

.lightbox-menu-container .service-charge {
  margin-top: 15rem;
}

@media screen and (max-width: 980px){
  .lightbox-close-container button{
    background-color: red;
    color: white;
    border-radius: 50%;
    border: none;
    /* display:block; */
    /* top:200px; */
    align-items: center;
    /* position:sticky; */
  /* bottom:85%; */
    border-radius: 50%;
    width:130px;
    height:130px;
    font-size: 2rem;

  }
}

@media screen and (max-width: 768px){

  .lightbox-inner-flex{
    flex-direction: column;
  }
  .lightbox-menu-container{
  padding-left:2rem;
  padding-right:2rem;
  }

  .lightbox-close-container{
    height:100px;

  }
  .lightbox-close-container button{
/* left:80%; */
width:100px;
    height:100px;
    font-size: 1rem;
  }

  .lightbox-inner-flex  h2{
    font-size:2.6rem;
  }
  .lightbox-close-container h3{
    font-size:1.6rem;
  }
}

header .top-bar-address.header-hidden, .top-bar-heading.header-hidden{
  opacity:0;
  }


.wines-lightbox .menu-left-column .flex-container{
  justify-content: right;
}

.wines-lightbox .lightbox-menu-price{
  min-width:100px;
}
  
.wines-lightbox .lightbox-menu-price:first-of-type{
    margin-right:2rem;
  }

  .no-desc{
    margin-bottom: 2rem;
  }

.grecaptcha-badge{
  display: none !important;
}