/*
Theme Name: Meddox Child
Theme URI: http://demo.bravisthemes.com/meddox
Template: meddox
Author: Bravis-Themes
Author URI: https://themeforest.net/user/Bravis-Themes/
Description: Meddox – powerful & stylish Medical And Healthcare Service WordPress theme. It is built for websites of Healthcare, Medical, Hospital And Clinic multi purpose WordPress theme. Medibo based on in-depth research into Medical, Medical Care, Doctor, Healthcare, Health Care, Healthcare, Hospital, Medicine, Dental, Dentist, Pharmacy, and Veterinary industry to deliver all needed layouts and blocks.
Tags: appointment,booking,clinic,dental,dental clinic,dentist,doctor,health,health care,healthcare,hospital,medical,medicine,pharmacy,physician
Version: 1.0.0.1753384032
Updated: 2025-07-24 19:07:12

*/
html {
  scroll-behavior: smooth !important;
}
span.pxl-menu-toggle {
/*     display: none; */
}
/* Radio button style */
.forminator-field-radio span:first-child {
    margin-right: 34px !important;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-has_error {
    display: block!important;
    align-items: baseline;
}
        /* Common styles for both radio button labels */
        .forminator-radio {
            display: inline-flex!important; /* Allows labels to sit side-by-side */
            align-items: center!important; /* Vertically center the text */
            justify-content: center!important; /* Horizontally center the text */
         padding: 5px 10px 5px 2px!important; /* Adjust padding for desired size and look */
            cursor: pointer!important;
            font-size: 16px!important;
            font-weight: 500!important;
            transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease!important; /* Smooth transitions for visual changes */
            border: 1px solid #dcdcdc!important; /* Default light grey border */
            box-sizing: border-box!important; /* Ensures padding and border are included in the element's total dimensions */
            position: relative!important; /* Needed for z-index if elements overlap */
            z-index: 1!important; /* Ensures labels are on top of any potential background elements */
            white-space: nowrap!important; /* Prevents text from wrapping to the next line */
        }

        /* Hide the actual radio input element */
        .forminator-radio input[type="radio"] {
            position: absolute!important; /* Position absolutely to take it out of normal flow */
            opacity: 0!important; /* Make it completely transparent */
            width: 0!important; /* Give it no width */
            height: 0!important; /* Give it no height */
            pointer-events: none!important; /* Prevents any mouse events on the hidden input */
        }

        /* Hide the forminator-radio-bullet span, which is not needed for this design */
        .forminator-radio-bullet {
            display: none!important;
        }

        /* Specific styling for the "Yes" label (the left half of the toggle) */
        /* Using :first-of-type to target the first label in the group for left-side rounded corners */
        label.forminator-radio:first-of-type {
            border-top-left-radius: 25px!important; /* Rounded corner for the top-left */
            border-bottom-left-radius: 25px!important; /* Rounded corner for the bottom-left */
            border-right: none!important; /* Remove the right border to visually merge with the "No" label */
            background-color: #fff!important; /* Default white background */
            color: #888!important; /* Default grey text color */
        }

        /* Specific styling for the "No" label (the right half of the toggle) */
        /* Using :last-of-type to target the second label in the group for right-side rounded corners */
        label.forminator-radio:last-of-type {
 border-top-right-radius: 25px!important;
 border-bottom-right-radius: 25px!important; 
 margin-left: -1px!important; 
            background-color: #fff!important;
            color: #888!important;
        }

        /* Style when "Yes" radio button is checked */
        /* The :has() pseudo-class allows selecting a parent element based on its child's state. */
        /* When the input inside the "Yes" label is checked, apply these styles to the "Yes" label itself. */
       label.forminator-radio:first-of-type:has(input[type="radio"]:checked) {
    background-color: #1abc9c !important;
    color: #fff !important;
    border-color: #1abc9c !important;
}

        /* When "Yes" is checked, the "No" label (its sibling) should revert to default styles */
        /* This uses the adjacent sibling selector (+) to target the "No" label when "Yes" is checked */
        label.forminator-radio:first-of-type:has(input[type="radio"]:checked) + label.forminator-radio:last-of-type {
            background-color: #fff!important; /* Revert background to white */
            color: #888!important; /* Revert text to grey */
            border-color: #dcdcdc!important; /* Revert border to light grey */
        }

        /* When "No" radio button is checked */
        /* When the input inside the "No" label is checked, apply these styles to the "No" label itself. */
        label.forminator-radio:last-of-type:has(input[type="radio"]:checked) {
            background-color: #007bff!important; /* Change background to blue */
            color: #fff!important; /* Change text color to white */
            border-color: #007bff!important; /* Change border color to blue */
        }

        /* When "No" is checked, the "Yes" label (its sibling) should revert to default styles */
        /* This uses the general sibling selector (~) to target the "Yes" label when "No" is checked */
        label.forminator-radio:last-of-type:has(input[type="radio"]:checked) ~ label.forminator-radio:first-of-type {
            background-color: #fff!important; /* Revert background to white */
            color: #888!important; /* Revert text to grey */
            border-color: #dcdcdc!important; /* Revert border to light grey */
        }
/* Radio button style end */
.pxl-gallery-carousel2 .pxl-item--inner .pxl-wrap-link-to-detail {
    background-color: #00aadbb8; 
}
.pxl-image-bg.style-bgr-1 .pxl-bgr-overlay {
    background-color: #00aadbe0;
}
.pxl-grid .pxl-load-more .btn:before {
    background-color: #005C74 !important;
}
.pxl-link-l1.style3 li a:before{
	color:#ffffff;
}
.pxl-link-l1.style3 li:hover a {
    color: #ffffff;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    width: 30.75%;
    border: 1px solid #ccc;
}
.woocommerce ul.products li.product a img {
    background-color: #fff;
    padding: 3em;
}

body.single-product form#commentform p.form-submit input#submit {
    display: none;
}
/* custom product tabs */
.custom-tab-titles {
    gap: 2px!important;
}
.custom-tab-titles li {
    padding: 10px 20px!important;
    color: #ffffff!important;
background: #005c74!important;;
    list-style: none!important;;
}
.custom-tab-titles li.active {
    border-color: #00a8dc!important;
    background-color: #00a8dc !important;
}

.custom-tab-titles { padding-left: 0!important;}

div#reviews {
    margin-top: 6em;
}
.btn2.btn2-secondary {
    background-color: #00a9dd;
}
.woocommerce .woocommerce-product-inner .woocommerce-product--title a{
	font-size: 20px!important;
}
li.wc-layered-nav-term {
    display: flex
;
    justify-content: space-between;
}
li.wc-layered-nav-term .count {
    display: flex
;
    justify-content: end;
    align-items: center;
}
::-webkit-scrollbar {
  width: 12px!important;              /* width of vertical scrollbar */
}

::-webkit-scrollbar-track {
  background: #f1f1f1!important;      /* Track color */
}

::-webkit-scrollbar-thumb {
  background-color: #00A9DD!important;
   /* Scrollbar color */
  border-radius: 6px!important;       /* Rounded corners */
  border: 2px solid #f1f1f1!important; /* Space around thumb */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #555!important;   /* Hover color */
}
/* Meta Product None SKU & Cat */
.single-product .pxl-content-area div.product .product_meta, .single-product > div.product .product_meta {
    display: none!important;
}
/* Disble Zoom Icon */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	display:none!important;
}
/* Pordduct Border */
.woocommerce div.product div.images.woocommerce-product-gallery {
    border: 1px solid #ccc!important;
    border-radius: 10px!important;
}
/* .woocommerce .woocommerce-product-inner {
    border: 1px solid #ccc!important;
    border-radius: 1px!important;
} */
/* For our Product page */
.pxl-content-area form.woocommerce-ordering {
    border: 0 !important;
    padding:0 !important;
}
/* Form Css */

.pxl-content-area form {
    border: 1px solid #ccc!important;
    padding: 30px!important;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-field{
    display: flex;
    align-items: baseline;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-field span {
    width: 100%;
}
span.forminator-radio-label {
    text-transform: capitalize;
}
.forminator-row {
    border-bottom: 1px solid #ccc !important;
    padding-bottom: 30px !important;
}
.forminator-row.forminator-row-last {
	margin-bottom: 0!important;
  border: none !important;
}
.forminator-ui.forminator-design--default .forminator-label,.forminator-ui.forminator-design--material .forminator-label {
    font-size: 16px!important;
    font-weight: 600!important;
    color: #005c73!important;
}
.forminator-ui.forminator-design--default .forminator-button-submit,.forminator-ui.forminator-design--material .forminator-button-next,.forminator-ui.forminator-design--material .forminator-button-back,.forminator-ui.forminator-design--material .forminator-button-submit  {
    font-size: 16px!important;
    background: #00a9dd!important;
    color: #fff!important;
    padding: 15px 49px!important;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-radio {
    display: flex!important;
    margin: 10px 0px 0 0!important;
	  float: left!important;
    cursor: pointer!important;
    pointer-events: all!important;
}
.forminator-ui.forminator-custom-form[data-design=material] .forminator-radio{
	 cursor: pointer!important;
    pointer-events: all!important;
}
.forminator-ui.forminator-custom-form[data-.forminator-ui.forminator-custom-form[data-design=default] .forminator-radio:not(.forminator-radio-inline) {
    margin: 27px 22px 0 0 !important;
}

.forminator-row .alert-notice
 {
    background: #ffb9b9;
    padding: 10px !important;
    border-radius: 12px;
    color: black !important;
}
.forminator-row .alert-notice p
 {
    color: black !important;
}

/* Radio button design */
.forminator-field {
  display: flex!important;
  gap: 20px!important;
  margin-bottom: 10px!important;
}

.forminator-radio {
  display: flex!important;
  align-items: center!important;
  gap: 6px!important;
  font-family: Arial, sans-serif!important;
  font-size: 16px!important;
}
.forminator-field-radio {
    border-bottom: 1px solid #ccc !important;
    padding-bottom: 30px !important;
}

body.woocommerce-account .woocommerce .u-column1.col-1,
body.woocommerce-account .woocommerce .u-column2.col-2 {
    max-width: 100% !important;
}
 
body.woocommerce-account .woocommerce .u-column1.col-1 form,
body.woocommerce-account .woocommerce .u-column2.col-2 form {
    height: 400px !important;
}
.pxl-blog-grid-layout1 .pxl-item--holder .pxl-item--title {
font-size: 21px;
}