.contact-grid p,
.contact-grid h2,
.promo-text,
.promo-title {
  color: var(--color-6) !important;
}

.hero-address a,
.hero-address {
  color: var(--color-1);
}

.accent-2 {

  & .contact-grid p,
  & .contact-grid h2,
  & .promo-text,
  & .promo-title,
  & .promo-title3 .text-white {
    color: var(--color-6) !important;
  }
}

.uk-box-shadow-medium {
  max-height: 400px;
  object-fit: cover;
  width: 100%;
  margin-bottom: 15px !important;
}

.text-muted {
  color: var(--color-4) !important;
}

.award {
  max-height: 75px;
}

.award2 {
  max-height: 100px;
}

[uk-cover] {
    object-fit: cover;
    object-position: 100%;
}

.navbar-home .social a:not(:hover) {
  color: var(--color-1);
}

.nav-link {
  text-transform: uppercase;
  font-weight: 700;
}

.navbar-brand img {
  max-height: 75px;
}

hr {
  border-color: var(--color-4);
}

.accordion {
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23bbdeba'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button {
  background-color: var(--color-2);
  color: var(--color-6);
  font-family: var(--text-font);
  font-size: 1.15rem;
  font-weight: 600;
  border: none;
  border-bottom: 1px solid var(--color-2-opacity);
  padding: 1rem;
  transition: background-color 0.3s ease;
}

.accordion-button:not(.collapsed) {
  background-color: var(--color-1);
  color: var(--color-6);
  box-shadow: inset 0 -1px 0 var(--color-1);
}

.accordion-button:hover,
.accordion-button:focus {
  background-color: var(--color-1-opacity);
  color: var(--color-4);
}

.accordion-button:focus {
  box-shadow: var(--btn-focus-shadow);
}

.accordion-item {
  background-color: var(--color-6);
  border: 1px solid var(--color-2);
  border-radius: 0;
  margin-bottom: 1rem;
}

.accordion-body {
  background-color: var(--color-6);
  color: var(--color-4);
  font-family: var(--text-font);
  padding: 1rem 1.25rem;
  border-top: 1px solid var(--color-2-opacity);
}

.accordion-body * {
  color: var(--color-4) !important;
}

.accordion-body a {
  color: var(--color-1) !important;
}

.accordion-item ul {
  padding-left: 1.25rem;
  margin-bottom: 0;
}

.accordion-item ul li {
  margin-bottom: 0.5rem;
}

label[for="checkbox-46033"] {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
}

.form-group:has(> [for="checkbox-46033"]) label[for^="checkbox-46033-"] {
  display: inline-block;
  min-width: 130px;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
  vertical-align: top;
}

.form-group:has(> [for="checkbox-46033"])>.form-check {
  width: 48%;
  display: inline-block;
  margin-bottom: 0.5rem;
  vertical-align: top;
}

.form-group:has(> [for="checkbox-46033"]) {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 4%;
}

#blog .blog-bottom a.title-wrapper,
#blog .blog-bottom a.title-wrapper .blog-title,
#blog .badge.badge-template {
  color: var(--color-6) !important;
  font-weight: 700;
}

.modal * {
  color: var(--color-4);
}

.toast-header h3 {
  color: #ef5b77;
}

/* .navbar-brand img,
.hero-address img {
  filter: grayscale(1) brightness(4);
} */

/*   .footer p, .footer body, .footer li, .footer a, .footer .text1.big{
    color: var(--color-6);
  } */

input,
select,
textarea,
input[type="submit"],
.toast input,
.toast select,
.toast textarea,
.toast input[type="submit"] {
  background-color: var(--color-6);
}

[data-gjs-type="content-section"] .d-none {
  display: block !important;
}


.page-overlay{
  background-color: var(--color-6) !important;
}

.secondary-bg {
    background-color: var(--color-4-opacity-darker);
    height: 65vh;
    min-height: 500px;
    background-size: cover !important;
    background-position: center 35% !important;
}

@media(max-width:1200px) {
  .secondary-bg {
    background-color: var(--color-4-opacity-darker);
    height: 65vh;
    min-height: 500px;
    background-size: cover !important;
    background-position: center -30% !important;
}
}

@media(max-width:991px) {
  .secondary-bg {
    background-color: var(--color-4-opacity-darker);
    height: 65vh;
    min-height: 500px;
    background-size: cover !important;
    background-position: center -238% !important;
}

.internal h1 {
  margin-top: 47px;
}
}

.row.justify-content-center.ms-0.me-0.accent-2 .promo-text {
  color: var(--color-6) !important;
}





@media (min-width: 1200px) {
    #footer .h2, #footer h2 {
        font-size: 1.65rem;
    }
}
@media (max-width: 1199px) {
    #footer .h2, #footer h2 {
        font-size: 1.35rem;
    }
}




.menu-description {
  font-weight: 600;
}

.item-title {
  font-weight: 900;
}

.menu-title {
  font-weight: 700;
  margin-bottom: 0px;
}

.menu-section .menu-items, .menu-section .menu-item{
  width: 100%;
}

.menu-section .menu-item{
  border-bottom: 0;
}

.menu-section .menu-items{
  border-left: 0;
}

.menu-section .menu-items:has(.menu-title) {
  position: relative;
  padding-right: 40px;
  width: 100%;
}

.menu-section .menu-items .menu-title {
    transform: rotate(90deg);
    right: -103px;
    top: 94px;
    position: absolute;
    border-bottom: 0px;
    width: 225px;
}

.menu-section .menu-title {
  border-bottom: 0;
}

.menu-section .item-title{
    text-transform: uppercase;
}

.menu-section.tacos-sandwiches-desserts {
  background-color: #fff;
}

.menu-section.tacos-sandwiches-desserts .menu-items:nth-child(1),
.menu-section.tacos-sandwiches-desserts .menu-items:nth-child(5) {

  & .menu-title,
  & .item-title,
  & .menu-price {
    color: #ea3652;
  }

  & .menu-description {
    color: #355838;
  }
}

.menu-section.tacos-sandwiches-desserts .menu-items:nth-child(3) {

  & .menu-title,
  & .item-title,
  & .menu-price {
    color: #355838;
  }

  & .menu-description {
    color: #ea3652;
  }
}


.menu-section.surf-turf {
  background-color: #fefae9;
}

.menu-section.surf-turf .menu-items:nth-child(1) {

  & .menu-title,
  & .item-title,
  & .menu-price {
    color: #355838;
  }

  & .menu-description {
    color: #ea3652;
  }
}

.menu-section.surf-turf .menu-items:nth-child(3) {

  & .menu-title,
  & .item-title,
  & .menu-price {
    color: #ea3652;
  }

  & .menu-description {
    color: #355838;
  }
}


.menu-section.for-the-table {
  background-color: #b4dcbf;
}

.menu-section.for-the-table {

  & .menu-title,
  & .menu-price {
    color: #ea3652;
  }

  & .item-title {
    color: #355838;
  }

  & .menu-description {
    color: #355838;
  }
}


.menu-section.salads-sides {
  background-color: #ffd550;
}

.menu-section.salads-sides {
  & .menu-price,
  & .item-title {
    color: #355838;
  }
  
  & .menu-title,
  & .menu-description {
    color: #d5802a;
  }

  & .menu-item:not(:has(.menu-description)){
    margin-bottom:0px;
  }
  & .menu-item:not(:has(.menu-description)) .item-title{
    text-transform: capitalize;
    font-weight: 600;
  }
}

.menu-section.salads-sides .small {

  & .menu-title {
    color: #355838;
  }

  & .menu-description{
    margin-bottom: 0px;
  }

  & .item-title,
  & .menu-price {
    color: #d5802a;
  }

  & .menu-description {
    color: #355838;
  }
}

.menu-section.oysters-snacks {
  background-color: #faf6b9;
}

.menu-section.oysters-snacks {

  & .menu-title,
  & .item-title {
    color: #d5802a;
  }

  & .menu-description,
  & .menu-price {
    color: #345838;
  }
}

.menu-section.standard-cocktails {
  background-color: #f7c9cb;
}

.menu-section.standard-cocktails {

  & .menu-title {
    color: #ea3652;
  }

  & .menu-description,
  & .menu-price,
  & .item-title {
    color: #345838;
  }
}

.menu-section.happy-hour {
  background-color: #facacc;
}

.menu-section.happy-hour {

  & .menu-title{
    color: #ed3452;
  }

  
  & .menu-description,
  & .menu-price,
  & .item-title {
    color: #325939;
  }

  & .menu-items {
    padding-top:0px;
    padding-bottom:0px;
  }

  & .menu-description {
    font-size-adjust: .65;
  }

  & .item-title {
    font-family: var(--headers-font);
    letter-spacing: 1px;
  }
}

.menu-section .menu-price{
  font-weight: 900;
}


@media(max-width:767px){
  .uk-slideshow-items {
    min-height: 100% !important;
    height: 400px;
  }
}


.form-floating>.form-control-plaintext~label .formTextColor, .form-floating>.form-control:focus~label .formTextColor, .form-floating>select~label .formTextColor, .form-floating>.form-control:focus~label .formTextColor, .form-floating>.form-control:active~label .formTextColor, .form-floating>.form-control:visited~label .formTextColor, .form-floating>.form-control:not(:placeholder-shown)~label .formTextColor, .form-floating>.form-select~label .formTextColor, .form-floating>input[type="time"]~label .formTextColor {
    color: var(--color-5) !important;
    background-color: var(--color-7);
    padding: 1px 10px;
    border-radius: 25px;
}

.form-control {
  background-color: var(--color-6);
  border-color: var(--color-4);
}

.footer p, .footer body, .footer li, .footer a, .footer .text1.big {
  color: var(--color-6);
}

.accent-1 .form-heading{
  color: var(--color-4);
}

.shapedivider-top.blank {
  height: 25px;
}

.gallery-filters{
  background-color: var(--color-5);
}

.form-control:focus, .toast .form-control:focus, .form-control:active, .toast .form-control:active, .form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){
  color: var(--color-4) !important;
}

.hero-address img{
  max-width: 100% !important;
  width: 900px !important;
}

.home-grid, .home-grid .row {
  background-color: #F0CBCC !important;
  background-image: none;
}

.promo-title, .promo-text {
  color: var(--color-1) !important;
}

@media(max-width:768px){
  .gallery-items img {
    max-height: 350px;
    object-fit: cover;
  }
}