.e_modal {
   position: fixed;
   display: none;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   align-items: center;
   justify-content: center;
   max-width: unset;
}

.e_modal_active {
   display: flex;
   z-index: 100;
}

.e_modal_container {
   width: 90vw;
   max-width: 1280px;
   height: 90vh;
   max-height: 900px;
   background-color: white;
   z-index: 999;
   border-radius: 24px;
   overflow: hidden;
}

.e_modal_header {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   align-items: start;
   justify-content: space-between;
   padding: 8px;
   max-height: 160px;
}

.e_modal_header img {
   border-radius: 100%;
}

.e_modal .e_modal_backdrop {
   position: fixed;
   inset: 0;
   z-index: 10;
   background: rgba(0, 0, 0, 0.8);
}

.e_modal_content {
   position: relative;
   padding: 16px;
   gap: 16px;
   margin-top: 16px;
   overflow-x: scroll;
}

.e_modal_content * {
   margin: 0;
}

.e_modal_socials {
   margin-top: 2rem;
}

.e_business_hours tr {
   margin-bottom: 4px;
   border-bottom: 1px solid var(--wp--preset--color--grey-2);
}

.e_business_hours td {
   padding: 0 8px;
}

.e_business_hours tbody {
   display: block;
}

.e_business_hours tbody * {
   padding: 4px;
   width: 100%;
}

.e_close_modal_btn {
   width: min-content;
   background-color: black;
   padding: 1rem;
   border: none;
   cursor: pointer;
   border-radius: 100%;
}

@media screen and (max-width: 880px) {
   .is-layout-flex.is-wrapping-mobile {
      flex-wrap: wrap;
   }
}

@media screen and (min-width: 768px) {
   .e_modal_header {
      padding: 16px;
   }

   .e_modal_content {
      padding: 32px;
      gap: 32px;
   }
}

@media screen and (min-width: 1024px) {
   .e_modal_content {
      flex-direction: row;
   }
   .e_modal_content_left {
      padding-bottom: 1rem;
   }
}