/* === Announcement Banner (Desktop) === */
.announcement-banner {
  background-color: #008080; /* Teal */
  color: white;
  padding: 10px 20px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  display: none;
}

/* === Pop-up for Mobile === */
.mobile-popup {
  position: absolute;
  top: 20px;
  right: 20px;
  left: 20px;
  background-color: #008080;
  color: white;
  padding: 15px 40px 15px 20px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  display: none;
  z-index: 1000;
}

#closePopup {
  position: absolute;
  top: 5px;
  right: 10px;
  background: none;
  border: none;
  color: white;
  font-size: 18px;
  cursor: pointer;
}

/* mobile header logo css start*/
.mobileHeader-logoImg {
    min-height: 77px;
}
.mobileHeader-navWrap {
    padding: 0 15px;
}
/* mobile header logo css end*/

table#officehours {
    width: 270px;
    table-layout: auto;
    line-height: 1.5;
}
.section--light .cta__button.component__button--1 {
    background-color: #01867d;
    border: #01867d;
}
table#officehours caption {
    text-align: left;
    font-weight: bold;
}
table#officehours tr td {
    border: none;
    padding: 0px !important;
}
.staff-wrapper img {
    float: right;
    width: 100%;
    margin: 20px;
    max-width: 300px;
}
.col-lg-12.col-sm-12.section__column-1.ple-column-padding.alias-staff_del_mar img.staff-member__image {
    max-height: 315px;
    object-fit: cover;
}
.small-table {
    width: 40% !important;
}
table, td {
    border: none !important;
}
.img-left {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.img-right {
    float: right;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
p.homepage_practice_info {
    line-height: 1;
    color: #01184a !important;
    font-weight: 600;
}
p.homepage_practice_info small {
    font-weight: 500;
    font-size: 13px;
    color: #3c4d72 !important;
}

  .nav-a-18px:before,
   #id_01083202-942f-5e82-b6f1-689263a7f9be:before,
    .navigation-a .navigation__item {
        background-color: #eec21d !important;
    }
    
#id_bba30abb-16ee-54d3-a4cd-5760b0ed94f9 .pagecomponent__wrap.text--left h1 {
    visibility: unset;
}
.editable ul {
    margin-top: -14px;
}
ul.articles__categories-list li.articles__categories-item a {
    text-transform: capitalize;
}
.staff__container--inner .staff-member__description h4,
 .staff__container--inner .staff-member__description h5:first-of-type {
    font-weight: 400;
}
.navigation-a .navigation__item:hover,
 .navigation-a .navigation__list--sub
  .navigation__item:hover>.navigation__item--link {
    /* background-color: #214f44 !important; */
    background-color: #01867d !important;
}
.blade_location__container--inner .blade__wrap .row {
    align-items: center;
}
/* responsiveness */
@media (min-width: 992px) {
    .cta-a.cta-a--6 .cta__links-wrapper, .cta-a.cta-a--4 .cta__links-wrapper {
        gap: 10px;
    }
    .banner-a .banner__text-wrapper--center .banner__cta-wrapper {
        display: none;
    }
    .blade_location__container--inner.blade-a .blade__description {
        margin-top: 0;
    }
    #id_14fa89d7-7a10-5d99-83bc-115be812901c .col-lg-3,
    #id_53c28811-59b5-5527-8b5b-4dd03fb9db75 .col-lg-3,
    #id_fb3a350e-36f0-5d40-a27f-6d97a865e996 .col-lg-3,
    #id_7cb3a08c-b569-5573-9abc-537d5f16aef3 .col-lg-3,
    #id_77e897fb-bdf0-5dba-9962-6ed619ee468a .col-lg-3,
    #id_535287a0-e64b-5e08-afaa-b83330a20ce9 .col-lg-3,
    #id_95066aae-d9d0-5afb-8e62-cb0ab4486a57 .col-lg-3 {
        flex: 0 0 15% !important;
        max-width: 15% !important;
    }
    #id_14fa89d7-7a10-5d99-83bc-115be812901c .col-lg-6,
    #id_53c28811-59b5-5527-8b5b-4dd03fb9db75 .col-lg-6,
    #id_fb3a350e-36f0-5d40-a27f-6d97a865e996 .col-lg-6,
    #id_7cb3a08c-b569-5573-9abc-537d5f16aef3 .col-lg-6,
    #id_77e897fb-bdf0-5dba-9962-6ed619ee468a .col-lg-6,
    #id_535287a0-e64b-5e08-afaa-b83330a20ce9 .col-lg-6,
    #id_95066aae-d9d0-5afb-8e62-cb0ab4486a57 .col-lg-6 {
        flex: 0 0 70% !important;
        max-width: 70% !important;
    }
    #id_7cb3a08c-b569-5573-9abc-537d5f16aef3:before {
        background-color: #eec21d;
    }
    .blade-a .blade__media img {
      width: 75%;
}
#navigation_header ul.navigation__list li.navigation__item.navigation__item--default:nth-child(6), #navigation_header ul.navigation__list li.navigation__item.navigation__item--default:nth-child(7) {
    /*display: none;*/
}
}

/* === Responsive Rules === */
@media (min-width: 768px) {
  #desktopBanner {
    display: block;
  }

  #mobilePopup {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #mobilePopup {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
  }

  #desktopBanner {
    display: none;
  }
}

@media (max-width: 768px) {
    .img-left,
    .img-right,
    .img-left-clear,
    .img-right-clear,
    .img-left-ul,
    .rightGastroPic,
    .leftGastroPic {
        float: none;
        margin-left: auto;
        margin-right: auto;
        clear: none;
        display: block;
    }
    .staff-wrapper {
        text-align: center;
    }
    .staff-wrapper img {
        float: none;
        width: 245px;
        margin: 0 auto;
        max-width: 100%;
        display: block;
    }
    .col-lg-12.col-sm-12.section__column-1.ple-column-padding.alias-staff_del_mar img.staff-member__image {
        object-fit: contain !important;
    }
}
@media(max-width: 519px) {
 p.staff_img_multi img {
    float: unset !important;
    display: block;
    margin: 0 auto;
}
}
@media (max-width: 425px) {
    .small-table {
        width: 100% !important;
    }
    
}

img.allimg, img.wcimg{
    float: right;
    margin-left:12px;
    width:100%;
    max-width:400px;
}
