/* 
Theme Name: Lilly White WP Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: A custom child theme for Lilly White and their Wordpress site built for Hello Elementor
Author: Alex Leuschner
Author URI: https://alexleuschner.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Flower Examples in Form */
div.thickness {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 10px;
    margin-bottom: 40px;
}
div.thickness div {
	width: 31%;
	padding: 1%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	border-radius: 6px 6px 0 0;
	border-bottom: solid 1px #6d9035;
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.15);
}
div.thickness div img {
	border-radius: 6px 6px 0 0;
	background-color: #fff;
	margin: 0px 10px 10px;
}
div.thickness div span {
	font-size: 24px;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 10px;
}

/* Gravity Form Styles */
.gfield {
    margin-bottom: 40px !important;
}
.gfield--type-section {
    margin-bottom: 0px !important;
}
.gform_next_button {
    border: solid 1px #84a262 !important;
}
.gform_next_button:hover {
    border: solid 1px #5b763c !important;
}
.gform_previous_button {
    border: solid 1px #84a262 !important;
}
.gform_previous_button:hover {
    background-color: #5b763c !important;
    border: solid 1px #5b763c !important;
    color: #fff !important;
}

.modern-datepicker .ui-datepicker-header {
    background-color: #6D9035; /* Header background color */
    color: white; /* Header text color */
}

.modern-datepicker .ui-datepicker-prev, 
.modern-datepicker .ui-datepicker-next {
    color: white; /* Navigation arrows color */
}

.modern-datepicker .ui-datepicker-calendar td a {
    color: #333; /* Date text color */
}

.modern-datepicker .ui-datepicker-calendar td a:hover {
    background-color: #6D9035; /* Hover state background color */
    color: white; /* Hover state text color */
}
.openemr-calendar .ui-datepicker {
    width: 500px;
}