@charset "UTF-8";
/*
Theme Name: La Diva
Theme URI: https://la-diva.cmsmasters.net/
Author: cmsmasters
Author URI: https://cmsmasters.net/
Description: La Diva - Elementor WordPress theme created for Beauty Salon & Spa Center websites. It has all the needed dedicated functionality that lets you easily set up a Health & Beauty Center, Nail Bar & Skin Care website or Hair Care & Massage Salon. It comes with custom post types to showcase the Services and Specialists Profiles.
Version: 1.0.1
Tested up to: 6.6
Requires PHP: 7.4
License:
License URI:
Text Domain: la-diva
Domain Path: /theme-config/languages
Copyright: cmsmasters 2024 / All Rights Reserved
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/


.sticky,
.bypostauthor,
.screen-reader-text {
  outline: none;
}

#button-contact-vr {
	display: none !important;
}

#page {
	background: white !important;
}


.container-width, .full-width .ubermenu-nav, .container, .row {
	max-width: 1450px !important;
}

/* Table Base Styling */
.price-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 16px;
  text-align: left;
}

.price-table thead {
  background-color: #e0e0e0;
}

.price-table th, .price-table td {
  padding: 12px 15px;
  border: 1px solid #ccc;
}

.price-table th.treatment,
.price-table td.treatment {
  width: 50%;
}

.price-table th.price,
.price-table td.price {
  width: 20%;
  text-align: center;
}

.price-table th.action,
.price-table td.action {
  width: 30%;
  text-align: center;
}

.book-now {
  padding: 8px 15px;
  background-color: #007BFF;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.book-now:hover {
  background-color: #0056b3;
}

/* Responsive Design */
@media (max-width: 768px) {
  .price-table {
    font-size: 14px;
  }
  .price-table th, .price-table td {
    display: block;
    width: 100%;
    text-align: left;
  }
  .price-table th {
    display: none;
  }
  .price-table td {
    padding: 10px;
    border: none;
    border-bottom: 1px solid #ccc;
  }
  .price-table td.action {
    text-align: right;
  }
}