/*
Theme Name: Avalon Laser Menu
Version: 1.0
Description: A child theme of Understrap
Author: admin
Template: understrap
*/

@import url("../understrap/style.css");

/* ********** GENERAL ********** */

:root {
    --green: #356838;
    --lightgreen: #ECF3EA;
    --brown: #5C4E44;
    --tan: #FAF1EB;
    --tan2: #F5E4D9;
    --black: #000000;
    --grey: #888888;
    --grey2: #EFEFEF;
    --white: #FFFFFF;
}

body {
    background-color: #f5e8df;
    background-size: cover;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

h1 {
    font-size: 50px !important;
    font-weight: 275 !important;
}

.text-green {
    color: var(--green);
    font-weight: 400;
}

a {
	color: var(--brown) !important;
}

/* ********** MENU ********** */

section.menu {
    background-image: url('/wp-content/uploads/2025/08/avalon_menu_background.webp');
	background-image: url('/wp-content/uploads/2025/12/digital-menu-bg-image.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: fixed;
    z-index: 1;
    height: 100vh;
	padding-left: 20px;
	padding-right: 20px;
}

.menu-header {
    color: #2f4f2f;
    font-size: 2rem;
}

.star-icon img {
    position: relative;
    top: -12px;
    right: initial;
}

.subheading {
    font-family: 'Nunito', sans-serif;
    font-size: 20px;
    font-weight: 500;
    padding-top: 12px !important;
}

.bg-tan2 {
    background-color: var(--tan2);
}

.menu a {
    text-decoration: none;
}

.treatment-card {
    display: flex;
    justify-content: space-between;
    background-color: white;
    padding: 0.75rem;
    color: var(--brown);
    transition: all 0.2s ease;
    height: 100%;
	border-radius: 5px;
    background-color: rgba(255, 255, 255, .8);
}

/* .treatment-card:hover {
    transform: scale(1.02);
    border-color: #FF6D0C;
} */

h3 {
    font-size: 20px !important;
    font-weight: 400 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.row.g-0 > [class*='col-'] {
    padding: 0;
}

.col-md-6 {
    display: flex;
}

.col-md-6 > .treatment-card {
    flex: 1;
}

/* .tc-1 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_one_bg.webp');
}

.tc-2 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_two_bg.webp');
}

.tc-3 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_three_bg.webp');
}

.tc-4 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_four_bg.webp');
}

.tc-5 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_five_bg.webp');
}

.tc-6 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_six_bg_02.webp');
}

.tc-7 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_seven_bg.webp');
}

.tc-8 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_eight_bg.webp');
}

.tc-9 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_nine_bg.webp');
}

.tc-10 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_ten_bg.webp');
}

.tc-11 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_eleven_bg.webp');
}

.tc-12 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_twelve_bg.webp');
}

.tc-13 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_thirteen_bg.webp');
}

.tc-14 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_fourteen_bg.webp');
}

.tc-15 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_fifteen_bg.webp');
}

.tc-16 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_sixteen_bg.webp');
}

.tc-17 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_seventeen_bg.webp');
}

.tc-18 {
    background-image: url('/wp-content/uploads/2025/08/menu_treatment_eighteen_bg.webp');
} */

.arrow {
	height: 24px;
	width: 24px;
	position: relative;
    top: 1px;
}

.modal-dialog {
    max-width: 100% !important;
    width: 100%;
    height: 100vh;
    margin: 0 !important;
    display: flex;
    align-items: center;
}

.modal-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    background-color: #FAF1EBE5 !important;
    overflow-y: auto !important;
}

.modal-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modal-title {
    font-size: 50px;
    font-weight: 400;
}

.btn-close {
    top: 30px;
    right: 10px !important;
    padding: 0 !important;
    background-image: none !important;
    opacity: 1;
    z-index: 100;
    width: 30px !important;
    height: 30px !important;
    opacity: 1 !important;
}

.carousel {
    position: relative;
}

.carousel-indicators {
    position: fixed !important;
    bottom: 0 !important;
}

.carousel-indicators [data-bs-target] {
    height: 13px !important;
    width: 13px !important;
    border-radius: 100% !important;
}

.carousel-indicators .active {
    background-color: var(--brown) !important;
}

div#treatmentCarouselWrapper {
    max-width: 650px;
}


.modal-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    background-color: #FAF1EBE5 !important;
    overflow: hidden !important; /* Change to hidden to prevent unwanted scrollbars */
}

#treatmentModal .modal-body {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
}

.vitamin-therapy-summary {
	text-align: left;
    max-width: 75%;
    margin: 0 auto;
    margin-top: 5%;
}