/*
Theme Name:   Pharmacy Mentor Crosshills
Template:     pharmacymentor
*/

/*--------------------------------------------------------------
  Main Menu
--------------------------------------------------------------*/
@media 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;
    }
    .site-header #navbar > ul > li .sub-menu a {
        text-align: left;
    }
	
	table.cart tr:nth-child(2n) td {
        background-color: #fff;
    }
	
	.woocommerce form .single_variation_wrap .variation-input-wrapper {    width: 100%!important;}

    .woocommerce div.product form.cart .variations {        align-items: flex-end!important;    }

    .woocommerce div.product form.cart .variations .variation-input-label { white-space: normal!important;}

    .woocommerce.archive .featured-products-top-section .product .woocommerce-LoopProduct-link img, .woocommerce .product .woocommerce-LoopProduct-link img  {
        min-height: 250px !important;
        max-height: 250px;
    }
}
@media (max-width: 991px) {
    .site-header #navbar > ul > li.menu-btn {
        padding: 7px 20px;
        width: 100%;
        border-radius: 0;
        background: transparent !important;
        font-weight: normal;
    }
}
@media (min-width: 992px) {
    .site-header #navbar > ul > li.menu-btn {
        padding: initial;
        width: auto;
        border-radius: var(--btn-radius);
        background: var(--theme-btn-primary-color) !important;
        font-weight: initial;
    }
}
@media screen and (max-width: 992px) {
    .site-header #navbar > ul > li .sub-menu {
        display: none;
    }
    .site-header #navbar > ul > li .sub-menu.open {
        display: block;
    }
    .site-header #navbar > ul > li .sub-menu li {
        width: 100%;
    }
    .site-header #navbar ul > li ul.panel-menu > li > ul > li {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .site-header #navbar > ul > li > .sub-menu a {
        padding: 8px 15px 8px 15px;
    }
}
@media (max-width: 991px) {
    .site-header #navbar .navbar-nav {
        overflow: hidden;
    }
}
@media screen and (max-width: 778px) {
    body .desktop-visible {
        display: none !important;
    }
	.woo-cart-form-meta-wrapper .quantity {
        margin-bottom: 20px !important;
	}
	.woocommerce.archive .featured-products-top-section .product .woocommerce-LoopProduct-link img, .woocommerce .product .woocommerce-LoopProduct-link img  {
        min-height: auto;
        max-height: max-content;
    }
}
.site-header #navbar ul a .menu_item h4 {
    font-weight: 300;
}
.site-header #navbar > ul li a:hover h4, .site-header #navbar > ul li a:focus h4,
.site-header #navbar > ul li a:hover p, .site-header #navbar > ul li a:focus p,
.site-header #navbar > ul li a:hover i, .site-header #navbar > ul li a:focus i {
    color: var(--theme-secondary-color);
}
.site-header #navbar > ul li.menu-btn:hover {
    background-color: var(--theme-primary-color) !important;
}
.site-header #navbar > ul li.menu-btn:hover > a {
    color: #ffffff !important;
}
img.custom-logo {
    width: 180px;
}

/*--------------------------------------------------------------
  Page Content
--------------------------------------------------------------*/
.page-banner .banner-content, .page-banner .banner-content .breadcrumb  {
    text-align: left !important;
    justify-content: left;
    padding-left: 0;
}
.page-template-services .page-banner .banner-content, .single-service .page-banner .banner-content {
    max-width: 100%;
    text-align: center !important;
}
.page-template-services .page-banner .banner-content .breadcrumb, .single-service .page-banner .banner-content .breadcrumb  {
    padding: 10px 22px;
    justify-content: center;
}
.tagline-content p {
    font-size: var(--body-font-size) !important;
}
@media (max-width: 767px) {
    .section-padding {
        padding: 4rem 0;
    }
}

/*--------------------------------------------------------------
  Home Page
--------------------------------------------------------------*/
.home .order-step-section .order-counter {
    min-height: 80px;
    height: 100%;
}
.home .order-step-section {
    padding-top: 100px;
}
.home .order-step-section .order-last .order-counter {
    bottom: -140px;
}
.home .order-step-section .order-first .order-counter {
    top: -140px;
}
.home .banner-list-items ul li p {
    margin-bottom: 0;
    white-space: nowrap;
}
.conditions-products .button.theme-btn {
    margin-bottom: 0px!important;
}

/*--------------------------------------------------------------
  Contact page
--------------------------------------------------------------*/
.contact-container .quick-contact {
    border-left: 0 !important;
}
.contact-form form select {
    border-radius: var(--card-radius);
}
.quick-contact .border-left {
    border: 4px solid var(--theme-secondary-color) !important;
}
.quick-contact h2 {
    color: var(--theme-secondary-color) !important;
}
.quick-contact i {
    color: var(--theme-secondary-color) !important;
}
.theme-third-light-btn {
    color: #ffffff;
}
.site-header #navbar > ul li .theme-third-light-btn:hover, .site-header #navbar > ul li .theme-third-light-btn:focus {
    color: var(--theme-secondary-btn-txt-color) !important;
}

/*--------------------------------------------------------------
  Banner
--------------------------------------------------------------*/
@media (max-width: 575px) {
    .banner-content ul {
        width: 100% !important;
    }
    .banner-section-icon-list li:before {
        width: 15px;
        height: 15px;
        top: 4px;
    }
}

.banner-content h1{
    font-size: var(--header1-font-size) !important;
}

.hero-slider .banner-call-to-action a {
    font-size: var(--btn-font-size) !important;
}
.hero-slider .slide-content {
    max-width: 100%;
}


/*--------------------------------------------------------------
  Hero Carousel
--------------------------------------------------------------*/
/* Start Slider Height */
@media (max-width: 576px) {
    body.home .hero-slider.hero-style-2 {
        min-height: 900px !important;
    }
}
@media (max-width: 768px) and (min-width: 576px) {
    body.home #home-hero.hero-slider.hero-style-2 {
        min-height: 850px !important;
    }
}
@media (max-width: 992px) and (min-width: 768px) {
    body.home #home-hero.hero-slider.hero-style-2 {
        min-height: 900px !important;
    }
}
@media (max-width: 1200px) and (min-width: 992px) {
    body.home #home-hero.hero-slider.hero-style-2 {
        min-height: 800px !important;
    }
}
/* End Slider Height */

@media (max-width: 992px) {
    .hero-slider .banner-call-to-action {
        display: flex;
        flex-direction: column !important;
        gap: 10px;
    }
}
@media (min-width: 769px) and (max-width: 1026px) {
    .hero-slider .banner-call-to-action a {
        width: 100% !important;
        min-width: 250px;
    }
}
@media (max-width: 768px) {
    .single-service .banner-content h1, .page-template-services .banner-content h1 {
        text-align: center;
    }
}

/*--------------------------------------------------------------
  Service page
--------------------------------------------------------------*/
.service-single-section .service-single-content h3 {
    font-size: var(--header3-font-size);
}

/*--------------------------------------------------------------
  Conditions Listing page
--------------------------------------------------------------*/
.condition-listings .popular-cat .term-meta h4 {
    min-height: 45px;
}

/*--------------------------------------------------------------
  Health Promotion Zone page
--------------------------------------------------------------*/
.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 .usefulLink {
    padding: 30px 5px;
}
.page-template-health .important-link:hover,
.page-template-health .important-link:focus,
.page-template-health .important-link:focus-within {
    transform:translateY(-.25rem);
}
.page-template-health .important-link i {
    font-family: "Font Awesome 5 Free";
    font-size:2rem;
    font-weight: bold;
    font-style: inherit;
    opacity:.3;
}
.page-template-health .leaflets {
    background:#eee;
}
.page-template-health .accordion-item {
    border:solid thin #e6e6e6;
    overflow:hidden;
}
.page-template-health .accordion-item:first-of-type {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}
.page-template-health .accordion-item:last-of-type {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.page-template-health .accordion-header {
    margin-bottom:0;
}
.page-template-health .accordion-button {
    display: flex;
    padding:1rem 1.5rem;
    width: 100%;
    color: var(--theme-text-color);
    transition:all ease .3s;
    background: #fff;
    border:none;
}
.page-template-health .accordion-button:hover,
.page-template-health .accordion-button:focus {
    color: var(--upw-secondary-color,var(--theme-secondary-colour, #333));
    outline:none;
}
.page-template-health .accordion-button span {
    text-align: left;
    flex:1;
}
.page-template-health .accordion-button:after {
    display: block;
    content:"\f054";
    font-family: "Font Awesome 5 Free";
    font-weight:bold;
    transform:rotate(0);
    transition:all ease .3s;
    aspect-ratio: 1;
    color:var(--theme-text-color);
    background-image: none;
}
.page-template-health .accordion-button[aria-expanded="true"]:after {
    transform:rotate(90deg);
}
.page-template-health .accordion-body {
    padding:1.5rem;
    background: #fff;
}
.page-template-health img{
    width: auto;
    height: auto;
}
.page-template-health p {
    margin: revert;
}
.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;
}

@media only screen and (min-width: 992px) {
    .page-template-health .lg-bg-image {
        position: absolute;
        inset: 0;
    }
    .page-template-health .lg-bg-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center right;
    }
}

/*--------------------------------------------------------------
  Woocommerce
--------------------------------------------------------------*/
.woocommerce-form-register .custom-date-input {
    gap: 0;
}
.woocommerce .woocommerce-customer-details address, .woocommerce .woocommerce-customer-details h2 {
    white-space: nowrap;
}
@media only screen and (max-width: 768px) {
    .woocommerce table.cart .product-thumbnail {
        display: block;
    }
	.hero-slider{
        min-height:800px;
    }
	table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table.personal-orders-table tbody tr td::before{content: attr(data-title) !important;}
}

/*--------------------------------------------------------------
  Woocommerce Shop
--------------------------------------------------------------*/
@media only screen and (min-width: 992px) {
    .single-product.woocommerce div.product form.cart .variations {
        align-items: flex-end !important;
    }
}
.single-product.woocommerce form .variation-input-wrapper {
    width: auto;
}
.woocommerce div.product form.cart .variations .variation-input-label {
    width: 80px;
    white-space: nowrap;
}

/*--------------------------------------------------------------
  Checkout Page
--------------------------------------------------------------*/
.woocommerce .checkout ul#shipping_method .amount {
    margin-left: 3px;
}
.woocommerce .woocommerce-checkout .woocommerce-gp-surgery-options .form-row label {
    width: 80%;
}
.woocommerce table.shop_table td {
    white-space: normal;
    overflow-wrap: break-word;
}
@media (max-width: 1200px) {
    .woocommerce .checkout ul#shipping_method .amount {
        display: block;
        margin-left: 2.75em;
    }
}

/*--------------------------------------------------------------
  Conditions Page
--------------------------------------------------------------*/
.search-form .search-container .result ul {
    margin: 20px 0 0 0;
    width: 100%;
}
.search-form .search-container .result ul .suppliers-data .supp-img {
    width: 100%;
}

/*--------------------------------------------------------------
  Account Page
--------------------------------------------------------------*/
body.woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-dashboard .woocommerce {
    overflow: hidden;
}
@media (max-width: 550px) {
    body.woocommerce-account .woocommerce-MyAccount-content .view-prescriptions .modal-body {
        padding: 1rem 5px;
    }
}
.woocommerce-MyAccount-navigation .owl-nav {
    display: none !important;
}
.woocommerce-account .woocommerce-dashboard .woocommerce
.prescriber-signature-modal .make-popup .prescriber-sign-gen-container {
    height: 100%;
}
.practitioner-order-section .practitioner-order-action {
    color: #ffffff;
    white-space: nowrap;
}
.woocommerce .practitioner-section-content .order-action-wrapper a {
    margin-bottom: 5px;
}
.woocommerce #practitioner-order-modal .modal-content .modal-body {
    overflow-x: auto;
}
.woocommerce .practitioner-order-under-review-wrapper .order-prescription-action {
    color: #ffffff;
    margin: 5px 0;
}
.order-status-wrapper .order-status.success {
    text-align: center;
}
.practitioner-order-section {
    overflow: auto;
}
.woocommerce-dashboard-page .woocommerce-MyAccount-navigation .nav-card-wrapper:not(.woocommerce-MyAccount-navigation-link--practitioner-orders) .nav-card .nav-cta-block {
    width: 100%;
    max-width: 200px;
    text-align: center;
}
@media (max-width: 992px) {
    .login-wrapper {
        padding: 25px !important;
    }
    .woocommerce-dashboard-page .woocommerce-MyAccount-navigation {
        overflow: hidden;
    }
	ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    display: flex;
    justify-content: start;
    flex-direction: column;
    gap: 25px;
	}
	ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {    border-right: none!important;}
	
	body .select2-container, body .ui-widget.ui-datepicker {
    z-index: 9 !important;
  }
}
@media (max-width: 800px) {
    .woocommerce-MyAccount-content button {
        justify-content: center;
    }
}
@media only screen and (max-width: 768px) {
    .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
        text-align: left !important;
    }
    .woocommerce .practitioner-order-under-review-wrapper .practitioner-section-content {
        padding: 0 30px;
    }
    body table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table td::before {
        content: "" !important;
    }
    table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table td span.woocommerce-Price-amount.amount {
        justify-content: end;
    }
}
@media (max-width: 480px) {
    .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
        border-radius: 0px;
    }
	 .woocommerce div.product form.cart .variations .variation-input-label {
        min-width: auto!important;
        white-space: normal;
        margin-right: 15px;
        line-height: 21px;
    }
}

/*--------------------------------------------------------------
  Testimonial Section
--------------------------------------------------------------*/
.testimonial-slider .owl-stage {
    display: flex;
}
.testimonials-section-s2 .grid .fi:before {
    color: var(--theme-primary-color);
}
.testimonials-section-s2 .testimonial-grids {
    overflow: hidden;
    padding-left: 0;
}
.testimonial-slider .owl-item {
    display: flex;
    height: auto !important;
}
.testimonial-slider .testimonial-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    padding: 20px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
}
.testimonial-slider  .owl-stage-outer {
    margin-bottom: 39px;
}

/*--------------------------------------------------------------
  Tagline Carousel
--------------------------------------------------------------*/
.tagline-pull-down .pull-top {
    transform: translateY(-50%);
}
@media screen and (max-width: 1200px) {
    .order-step-section {
        padding-top: 170px;
    }
    .order-step-section .order-counter {
        height: 100px;
    }
}
@media (max-width: 991px) {
    .tagline-carousel {
        border-radius: var(--card-radius);
        padding: 20px;
    }
    .home .order-step-section .order-last .order-counter {
        position: relative;
    }
	
	.woocommerce div.product form.cart .variations .variation-input-label {    min-width: 200px;}
	
	.woocommerce .product .woocommerce-LoopProduct-link img {min-height:250px; max-height:250px;}
}
@media screen and (max-width: 800px) {
    .order-step-section {
        padding-top: 0;
    }
    .order-step-section .order-counter {
        margin-top: -30px;
    }
}
@media (min-width: 991px) and (max-width: 1200px) {
    .woocommerce div.product form.cart .variations {flex-direction: row;}

    form.variations_form.cart .single_variation_wrap{	display: inline-block!important;}
	
}
@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%!important;
    }
}

/*--------------------------------------------------------------
  Prescriber Orders Dashboard
--------------------------------------------------------------*/
@media (max-width: 576px) {
    .woocommerce-MyAccount-content div#practitioner-order-modal.view-prescriptions .practitioner-order-wrapper .woo-practitioner-orders-wrapper a.theme-btn-secondary.mx-2.order-prescription-action {
        width: 100% !important;
    }
}
@media (max-width: 768px) {
    div#practitioner-order-modal.view-prescriptions .practitioner-order-wrapper .woo-practitioner-orders-wrapper td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-patient-details strong {
        top: 20px;
    }
}
@media (max-width: 768px) {
    div#practitioner-order-prescription-modal .practitioner-prescription-wrapper thead tr {
        padding-left: 0;
    }
    div#practitioner-order-prescription-modal .practitioner-prescription-wrapper .signer-info {
        text-align: left !important;
        padding-left: 10px;
    }
    div#practitioner-order-prescription-modal .practitioner-prescription-wrapper .prescription-table {
        padding-left: 0;
    }
}
@media (max-width: 992px) {
    .woocommerce-dashboard-page .woocommerce-MyAccount-navigation .nav-card-wrapper:not(.woocommerce-MyAccount-navigation-link--practitioner-orders) .nav-card .nav-cta-block {
        margin: 0 auto;
    }
}
.practitioner-prescription-wrapper .pharmacy-prec-table {
    overflow: scroll;
}

/*--------------------------------------------------------------
  Basket Page
--------------------------------------------------------------*/
.woocommerce td.product-name dl.variation .variation-Strength, .woocommerce td.product-name dl.variation .variation-Form, .woocommerce td.product-name dl.variation .variation-PackSize {
    padding: 9px 0;
}
.woocommerce td.product-name dl.variation .variation-Strength {
    padding: 9px 0 0 0;
}
.woocommerce td.product-name dl.variation .variation-Strength p,
.woocommerce td.product-name dl.variation .variation-Form p,
.woocommerce td.product-name dl.variation .variation-PackSize p {
    word-wrap: normal;
    word-break: keep-all;
}
.woocommerce td.product-name dl.variation {
    padding-top: 9px;
}
.checkout table.shop_table.woocommerce-checkout-review-order-table *:is(th,td) {
    vertical-align: middle;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background: none !important;
}
@media screen and (max-width: 480px) {
    .woocommerce table.shop_table_responsive tr td.product-name {
        text-align: left !important;
    }
}
@media (max-width: 768px) {
    .woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item.cart_item .product-name::before {
        content: attr(data-title) ":" !important;
        margin-right: 10px;
    }
}
@media (max-width: 480px) {
    .practitioner-order-action, .order-status-wrapper .order-status, .order-notes-action-wrapper a {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 7px;
        margin-bottom: 7px;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
@media (min-width: 992px) and (max-width: 992px) {
    .header-cart-count {
        width: 40px;
    }
}

/*--------------------------------------------------------------
  Product Page
--------------------------------------------------------------*/
@media (max-width: 320px) {
    .woocommerce div.product form.cart .variations .variation-input-label {
        margin-right: 5px;
    }
    .woocommerce div.product form.cart .variations select {
        padding: 10px 5px;
        min-width: 195px;
    }
}

/*--------------------------------------------------------------
  Accordion
--------------------------------------------------------------*/
#faqAccordion .card .card-header a:hover, #faqAccordion .card .card-header a:focus {
    text-decoration: none;
}