/**
 * Main stylesheet for Hello Elementor Child Theme
 * Custom color variables based on Ritz Catering brand colors
 */

/* Color System */
:root {
	/* System Colors */
	--color-primary: #002f47;
	--color-secondary: #387894;
	--color-text: #002f47;
	--color-accent: #74913d;

	/* Custom Background Colors */
	--color-bg-light-blue: #f4faff;
	--color-bg-light-grey: #f5f5f5;

	/* Common UI Colors */
	--color-white: #ffffff;
	--color-black: #000000;
}

/* Utility Classes for Text Colors */
.text-primary {
	color: var(--color-primary);
}
.text-secondary {
	color: var(--color-secondary);
}
.text-accent {
	color: var(--color-accent);
}

/* Utility Classes for Background Colors */
.bg-primary {
	background-color: var(--color-primary);
}
.bg-secondary {
	background-color: var(--color-secondary);
}
.bg-accent {
	background-color: var(--color-accent);
}
.bg-light-blue {
	background-color: var(--color-bg-light-blue);
}
.bg-light-grey {
	background-color: var(--color-bg-light-grey);
}

/* Import component files */
/* Uncomment as you create these files */
/* @import url('components/header.css'); */
/* @import url('components/footer.css'); */

/* Global Element Styling */
body {
	color: var(--color-text);
	background-color: var(--color-white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--color-primary);
}

a {
	color: var(--color-secondary);
}

a:hover {
	color: var(--color-primary);
}

/* Add your additional custom styles below */
/**
 * Utility class to remove paragraph margins
 * Apply to paragraphs with: <p class="no-margin"></p>
 */
.no-margin,
.text-no-margin p {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

a.underline-green {
	text-decoration: underline;
	text-decoration-color: var(--color-accent);
}

/* Removes the last paragraph bottom margin. Causes issues when the parent container has padding/margin. */
.elementor-widget-text-editor > .elementor-widget-container p:last-child {
	margin-block-end: 0;
	margin-bottom: 0;
}

.elementor-widget-n-accordion summary.e-n-accordion-item-title {
	padding: 20px;
}