/*
Theme Name: Be Online
Template:   pharmacymentor
*/

/* =========================
   Global / Base Styles
   ========================= */

body {
  font-weight: 510;
}

.site-footer .lower-footer .copyright a {
  color: var(--theme-light-color);
}

.theme-btn-gradient {
    border: 1px solid var(--bg-theme-gradient-color-1);
}

.theme-btn-gradient:hover {
    color: var(--bg-theme-gradient-color-1) !important;
    background: #fff !important;
    border: 1px solid var(--bg-theme-gradient-color-1);
}

.section-heading {
    display: block;
    text-align: center;
    margin-bottom: 70px;
    position: relative;
    font-size: 30px;
    font-weight: 600;
}

.section-heading::before {
    content: '';
    position: absolute;
    border-bottom: 4px solid;
    width: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -10px;
}

.presc-banner-content h1,
.presc-content h1 {
    font-size: 56px;
}

.short-content h2 {
    font-size: 2rem;
}

.order-step-content h3 {
    font-size: 24px;
}

.form-control {
    border-radius: 5px;
}

.header-right-section {
    position: relative;
}

.wc-item-meta {
    padding-left: 0;
}

.wc-item-meta li {
    list-style: none;
}

/* =========================
   Menu / Panel
   ========================= */
#menu-main-menu li ul.panel-menu ul.row > li:hover a,
#menu-main-menu li ul.panel-menu ul.row > li:hover h4,
#menu-main-menu li ul.panel-menu ul.row > li:hover i,
#menu-main-menu li ul.panel-menu ul.row > li:hover p {
    cursor: pointer !important;
    color: var(--theme-secondary-color) !important;
}

.panel-menu a.theme-third-light-btn.theme-primary-color {
    background: var(--theme-btn-primary-color) !important;
    color: #fff !important;
}

.panel-menu a.theme-third-light-btn.theme-primary-color:hover {
    background: #4e7988 !important;
}

/* =========================
   Health Page
   ========================= */
.page-template-health .bg-image {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.page-template-health .bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
}

.page-template-health .title {
    font-weight: 700;
    margin-bottom: 1rem;
}

.page-template-health .important-link {
    display: flex;
    padding: 2rem 1rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    border-radius: .5rem;
    background: var(--_background, #eee);
    color: #333;
    text-align: center;
    height: 100%;
    transform: translateY(0);
    transition: all ease .3s;
}

.page-template-health .important-link i {
    font-family: "Font Awesome 5 Free";
    font-size: 2rem;
    font-weight: 700;
    font-style: inherit;
    opacity: .3;
}

.page-template-health .important-link h3 {
    font-size: 1rem;
    font-weight: 700;
    color: inherit;
    margin: 0;
}

.page-template-health .accordion-header {
    margin-bottom: 0;
}

.page-template-health .accordion-button {
    display: flex;
    padding: 1rem 1.5rem;
    width: 100%;
    color: #333;
    transition: all ease .3s;
    background: #fff;
    font-size: 1.2rem;
    border: none;
}

.page-template-health .accordion-button[aria-expanded="true"] {
    background: var(--theme-primary-color);
    color: #fff;
}

.page-template-health section img {
    width: auto;
    height: auto;
}

.page-template-health .wpcf7 .wpcf7-submit {
    border: none;
}

/* Large-only background wrapper for health page */
@media only screen and (min-width: 992px) {
    .page-template-health .lg-bg-image {
        position: absolute;
        inset: 0;
        z-index: -1;
    }

    .page-template-health .lg-bg-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center right;
    }

    .site-header #navbar > ul .menu-item-has-children > :is(a, span)::before {
      right: -.3rem;
    }
}

/* =========================
   Contact
   ========================= */
.contact-container {
    margin: 50px auto;
}

.contact-form {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.quick-contact {
    background: var(--theme-dark-background);
    color: #fff;
    padding: 30px;
    border-radius: 10px;
    border-left: 5px solid var(--theme-bg-gradient) !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.quick-contact h3 {
    margin-bottom: 20px;
}

.quick-contact h2 {
    color: var(--theme-secondary-color);
}

.quick-contact a {
    color: #fff;
}

.quick-contact i {
    color: var(--theme-secondary-color);
}

.map-area iframe {
    width: 100%;
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 0;
}

.map-area p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.border-left {
    position: absolute;
    left: 15px;
    width: 3px;
    height: 70%;
    top: 0;
    bottom: 0;
    border: 4px solid var(--theme-secondary-color) !important;
    margin-top: auto;
    margin-bottom: auto;
}

.row.g-4.d-flex {
    align-items: stretch;
}

.page-template-contact section.page-title {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* Buttons */
.btn-custom {
    background: #00FF00;
    color: #fff;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
}

.btn-custom:hover {
    background: #00CC00;
}

/* =========================
   WooCommerce
   ========================= */
.woocommerce form.cart .woocommerce-variation-add-to-cart {
    justify-content: flex-start !important;
    gap: 15px;
    flex-wrap: wrap;
}

.woocommerce .product form.cart .woo-cart-form-meta-wrapper,
.woocommerce .product form.cart .woo-cart-form-act-wrapper {
    flex: unset;
}

.woocommerce ul.order_details {
    display: flex;
    flex-wrap: wrap;
}

/* Large screens WooCommerce adjustments */
@media only screen and (min-width: 992px) {
    .woocommerce div.product form.cart .variations {
        align-items: flex-start !important;
    }
}

/* Practitioner orders responsive tweaks */
@media (max-width: 1199px) {
    .woocommerce .practitioner-order-section .woocommerce-orders-table__row.woocommerce-orders-table__row--status-prescribe-approve.order,
    .woocommerce .woo-practitioner-orders-wrapper table tbody tr:last-child,
    .woocommerce .woo-practitioner-orders-wrapper table tbody tr td:last-child {
        display: flex;
        flex-direction: column;
    }

    .woocommerce .practitioner-order-section .woocommerce-orders-table__row .mobile-only-table-heading {
        display: block !important;
    }

    .woocommerce .practitioner-order-section table.shop_table_responsive thead,
    .woocommerce .practitioner-order-section .woocommerce-page table.shop_table_responsive thead {
        display: none;
    }

    .woocommerce .practitioner-order-section table.shop_table_responsive tr,
    .woocommerce .practitioner-order-section .woocommerce-page table.shop_table_responsive tr {
        display: block;
    }

    .woocommerce .practitioner-order-section.woo-practitioner-orders-wrapper table tbody td:not(:last-child)::before,
    .woocommerce .practitioner-order-section .woocommerce .practitioner-order-completed-wrapper table tbody td:not(:last-child)::before {
        display: block;
    }
    .practitioner-order-section table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table td::before {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .woocommerce table.shop_table_responsive tr td,
    .woocommerce-page table.shop_table_responsive tr td {
        text-align: left !important;
    }
}

/* Cart/product table small screens */
@media (max-width: 767px) {
    .woocommerce #content table.cart .product-thumbnail,
    .woocommerce table.cart .product-thumbnail,
    .woocommerce-page #content table.cart .product-thumbnail,
    .woocommerce-page table.cart .product-thumbnail {
        display: block;
    }
    .hero-slider .slide-featured-image {
        margin-left: 0;
        padding-top: 45px;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .woocommerce table.shop_table_responsive tr td::before,
    .woocommerce-page table.shop_table_responsive tr td::before {
        display: none;
    }
}
@media (max-width: 768px) {
  .woocommerce table.shop_table_responsive tr td.product-name,
  .woocommerce-page table.shop_table_responsive tr td.product-name {
      position: relative;
  }

  .woocommerce table.shop_table_responsive tr td.product-name::before,
  .woocommerce-page table.shop_table_responsive tr td.product-name::before {
      content: attr(data-title) ": " !important;
      display: block !important;
      font-size: 18px;
  }
}
@media (max-width: 480px) {
    .order_item td.product-price,
    .order_item td.product-subtotal {
        display: revert !important;
        padding-left: 0;
    }
    .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
        border-radius: 0;
    }
}

/* Extremely narrow variation select fallback */
@media (min-width: 320px) and (max-width: 360px) {
    .woocommerce div.product form.cart .variations select {
        min-width: 150px;
    }
}

/* Practitioner orders modal specific */
@media (max-width: 992px) {
    .woocommerce #practitioner-order-modal .woo-practitioner-orders-wrapper table tbody *:is(td, th) {
        text-align: initial !important;
    }

    .woocommerce #practitioner-order-modal .woo-practitioner-orders-wrapper table tbody .woocommerce-orders-table__row--status-await-approval td.woocommerce-orders-table__cell-order-patient-details:before {
        content: unset !important;
    }
}

/* =========================
   Header / Navigation
   ========================= */

#menu-main-menu li ul.panel-menu ul.row > li:hover a, #menu-main-menu li ul.panel-menu ul.row > li:hover h4, #menu-main-menu li ul.panel-menu ul.row > li:hover i, #menu-main-menu li ul.panel-menu ul.row > li:hover p {
  color: var(--theme-notification-color) !important;
}
.header-cart-count {
    position: absolute;
    left: 15px;
    bottom: 10px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .header-style-1 #navbar > ul > .menu-item-has-children > a::before, .header-style-2 #navbar > ul > .menu-item-has-children > a::before, .header-style-3 #navbar > ul > .menu-item-has-children > a::before {
        top: 50%;
    }
}
@media only screen and (min-width: 992px) {
    .site-header #navbar > ul > li,
    .site-header #navbar #mega-menu-wrap-main-menu #mega-menu-main-menu > li {
        margin-right: 3rem;
    }
    .header-style-2 #navbar > ul > li > a, 
    .header-style-3 #navbar > ul > li > a {
      color: var(--theme-text-color);
      padding: 10px 12px;
      font-weight: bold;
    }
    .header-style-2 #navbar > ul > li > a:hover, 
    .header-style-3 #navbar > ul > li > a:hover {
      color: var(--theme-notification-color) !important;
    }
}
@media (max-width: 992px) {

    .site-header .navbar-logo {
        display: none !important;
    }

    .woocommerce-MyAccount-navigation .row [class*="col-"] {
      padding: 0 15px;
    }
    .site-header #navbar > ul > li .sub-menu {
        display: none;
    }

    .site-header #navbar > ul > li .sub-menu.open {
        display: flex;
        flex-wrap: wrap;
        padding-left: 20px;
    }

    .site-header #navbar > ul > li .sub-menu li {
        width: 100%;
    }

    form.cflp-form .check-radio-group {
        float: left;
    }

    .woocommerce .product form.cart .woo-cart-form-meta-wrapper,
    .woocommerce .product form.cart .woo-cart-form-act-wrapper {
        flex: unset;
    }

    .site-header .header-right-section,
    .site-header .header-right-section .my-basket {
        display: flex !important;
        padding: 0 5px;
    }

    .mobile-visible {
        display: none !important;
    }

    body .desktop-visible {
        display: block !important;
    }

    .site-header .header-socials {
        justify-content: flex-end;
    }

    .site-header .logo-container .desktop-visible .navigtaion-toggle-wrapper {
        display: flex !important;
    }

    .search-form .banner-content ul {
        width: 100% !important;
    }

    .search-form .suppliers-data .supp-img,
    .search-form .supp-img img {
        min-width: 70px !important;
    }

    .site-header #navbar > ul > li.menu-btn {
        padding: 0 !important;
        width: auto !important;
        border-radius: var(--btn-radius) !important;
        background: var(--theme-btn-primary-color) !important;
        font-weight: normal !important;
    }
}

@media (max-width: 991px) {
  .woocommerce .practitioner-order-completed-wrapper * {
    max-width: 620px;
  }
  .woocommerce ul.order_details li {
    width: 100%;
  }
}

@media (max-width: 768px) {
  table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table td::before {
    content: attr(data-title) !important;
    display: block !important;
  }
}

@media (max-width: 800px) {
  .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    font-size: 12px !important;
  }
  .prev.page-numbers, .next.page-numbers,
  .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    padding: 9px 0px !important;
  }
}

@media (max-width: 575px) {
    .height-weight-UI.multiple-text.weight_m .joint-input .d-flex,
    .height-weight-UI.multiple-text.height_h .joint-input .d-flex {
        flex-wrap: wrap;
    }
    .height-weight-UI.multiple-text.weight_m .joint-input .d-flex .form-group,
    .height-weight-UI.multiple-text.height_h .joint-input .d-flex .form-group {
        padding: 15px;
        margin-top: 0;
    }
    .checkbox-group label.form-check-label {
        height: 100%;
        align-items: start;
    }
}

@media (max-width: 375px) {
    #formSidebar span.sidebar-title,
    .form-group-title,
    span.count-group, 
    span.sidebar-count-group {
        font-size: 18px;
        align-items: center;
    }
    span.count-group, 
    span.sidebar-count-group {
        height: 30px;
        width: 30px;
    }
    .form-sidebar .sidebar-back {
        padding: 24px 20px 2px 20px;
    }
}


/* Header cart tweaks */
@media (max-width: 502px) {
    .header-cart-count {
        position: absolute;
        left: 20px;
    }

    .site-header .header-right-section .my-basket {
        padding-top: 10px;
    }
}

/* Hide mobile heading around small tablets */
@media (min-width: 769px) and (max-width: 800px) {
    .mobile-only-table-heading {
        display: none !important;
    }
}