/*!
Theme Name: Compassionate Community Care
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: compassionate-community-care
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Compassionate Community Care is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
	--cc-primary: #ed7347;
	--cc-primary-dark: #d65f36;
	--cc-accent: #ba539f;
	--cc-accent-dark: #9b4082;
	--cc-text: #7e655c;
	--cc-heading: #ba539f;
	--cc-surface: #fff4ee;
	--cc-border: #f0d7cf;
}

body {
	font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
	color: var(--cc-text);
}

.entry-content {
	color: var(--cc-text);
}

.entry-content > :first-child {
	margin-top: 0;
}

.entry-content > :last-child {
	margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin: 0 0 0.5em;
	font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
	color: var(--cc-heading);
	font-weight: 500;
	line-height: 1.03;
	letter-spacing: -0.05em;
}

h1,
.entry-content h1 {
	font-size: clamp(2.5rem, 5vw, 4rem);
}

h2,
.entry-content h2 {
	font-size: clamp(2rem, 4vw, 3.25rem);
}

h3,
.entry-content h3 {
	font-size: clamp(1.6rem, 3vw, 2.4rem);
}

h4,
.entry-content h4 {
	font-size: clamp(1.35rem, 2.2vw, 1.85rem);
}

h5,
.entry-content h5 {
	font-size: clamp(1.15rem, 1.8vw, 1.4rem);
}

h6,
.entry-content h6 {
	font-size: 1rem;
	letter-spacing: -0.03em;
}

.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content dl,
.entry-content table,
.entry-content blockquote,
.entry-content pre,
.entry-content figure {
	margin: 0 0 1.5rem;
}

.entry-content p {
	font-size: 17px;
	line-height: 1.58;
}

.entry-content a {
	color: var(--cc-heading);
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.16em;
	transition: color 0.2s ease;
}

.entry-content a:hover,
.entry-content a:focus-visible {
	color: var(--cc-accent-dark);
}

.entry-content strong,
.entry-content b {
	color: var(--cc-heading);
	font-weight: 600;
}

.entry-content em,
.entry-content i {
	font-style: italic;
}

.entry-content ul,
.entry-content ol {
	padding-left: 1.5rem;
}

.entry-content ul {
	list-style: disc;
}

.entry-content ol {
	list-style: decimal;
}

.entry-content li + li {
	margin-top: 0.5rem;
}

.entry-content li::marker {
	color: var(--cc-heading);
}

.entry-content blockquote {
	border-left: 4px solid var(--cc-heading);
	padding: 0.25rem 0 0.25rem 1.25rem;
	color: var(--cc-heading);
	font-size: 1.125rem;
	line-height: 1.65;
}

.page .entry-content h1,
.page .entry-content h2,
.page .entry-content h3,
.page .entry-content h4,
.page .entry-content h5,
.page .entry-content h6 {
	display: block;
	margin: 0 0 0.5em;
	font-weight: 500 !important;
	color: var(--cc-heading) !important;
}

.page .entry-content h1 {
	font-size: 38px !important;
	line-height: 1.03 !important;
	letter-spacing: -0.06em !important;
}

.page .entry-content h2 {
	font-size: 42px !important;
	line-height: 1.05 !important;
	letter-spacing: -0.05em !important;
}

.page .entry-content h3 {
	font-size: 28px !important;
	line-height: 1.1 !important;
	letter-spacing: -0.04em !important;
}

.page .entry-content h4 {
	font-size: 24px !important;
	line-height: 1.15 !important;
	letter-spacing: -0.04em !important;
}

.page .entry-content h5 {
	font-size: 21px !important;
	line-height: 1.2 !important;
	letter-spacing: -0.03em !important;
}

.page .entry-content h6 {
	font-size: 18px !important;
	line-height: 1.25 !important;
	letter-spacing: -0.03em !important;
}

@media (min-width: 640px) {
	.page .entry-content h1 {
		font-size: 50px !important;
	}

	.page .entry-content h2 {
		font-size: 54px !important;
	}
}

@media (min-width: 768px) {
	.page .entry-content h2 {
		font-size: 62px !important;
	}
}

@media (min-width: 1024px) {
	.page .entry-content h1 {
		font-size: 60px !important;
	}
}

.entry-content blockquote p:last-child {
	margin-bottom: 0;
}

.entry-content hr {
	margin: 2rem 0;
	border: 0;
	border-top: 1px solid #d8ddd9;
}

.entry-content img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 1rem;
}

.entry-content figure img {
	margin-bottom: 0;
}

.entry-content figcaption {
	margin-top: 0.75rem;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--cc-text);
}

.entry-content table {
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
	border-radius: 1rem;
}

.entry-content th,
.entry-content td {
	padding: 0.9rem 1rem;
	border: 1px solid #d8ddd9;
	text-align: left;
	vertical-align: top;
}

.entry-content th {
	background: var(--cc-surface);
	color: var(--cc-heading);
	font-weight: 600;
}

.entry-content code,
.entry-content pre {
	font-family: Consolas, Monaco, monospace;
	font-size: 0.95em;
}

.entry-content code {
	padding: 0.15rem 0.35rem;
	background: var(--cc-surface);
	color: var(--cc-heading);
}

.entry-content pre {
	overflow-x: auto;
	padding: 1.25rem;
	background: var(--cc-accent-dark);
	color: #fff;
	border-radius: 1rem;
}

.entry-content pre code {
	padding: 0;
	background: transparent;
	color: inherit;
}

form {
	color: var(--cc-heading);
}

form p,
form .form-row,
form .field,
.wpcf7 form p,
.wpforms-form .wpforms-field,
.gform_wrapper .gfield,
.forminator-ui .forminator-field {
	margin: 0 0 1.25rem;
}

form label,
.wpcf7-form label,
.wpforms-form label,
.gform_wrapper label,
.forminator-ui label {
	display: block;
	margin: 0 0 0.5rem;
	color: var(--cc-heading);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}

form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]),
form select,
form textarea,
.wpcf7-form-control-wrap input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.wpcf7-form-control-wrap select,
.wpcf7-form-control-wrap textarea,
.wpforms-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.wpforms-form select,
.wpforms-form textarea,
.gform_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.gform_wrapper select,
.gform_wrapper textarea,
.forminator-ui input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.forminator-ui select,
.forminator-ui textarea {
	width: 100%;
	min-height: 48px;
	padding: 0.75rem 0;
	border: 0;
	border-bottom: 1px solid var(--cc-border);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--cc-heading);
	font-size: 15px;
	line-height: 1.6;
	transition: border-color 0.2s ease, color 0.2s ease;
	appearance: none;
}

form textarea,
.wpcf7-form-control-wrap textarea,
.wpforms-form textarea,
.gform_wrapper textarea,
.forminator-ui textarea {
	min-height: 120px;
	resize: vertical;
}

form input::placeholder,
form textarea::placeholder,
.wpcf7-form-control-wrap input::placeholder,
.wpcf7-form-control-wrap textarea::placeholder,
.wpforms-form input::placeholder,
.wpforms-form textarea::placeholder,
.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder,
.forminator-ui input::placeholder,
.forminator-ui textarea::placeholder {
	color: #000;
}

form input:focus,
form select:focus,
form textarea:focus,
.wpcf7-form-control-wrap input:focus,
.wpcf7-form-control-wrap select:focus,
.wpcf7-form-control-wrap textarea:focus,
.wpforms-form input:focus,
.wpforms-form select:focus,
.wpforms-form textarea:focus,
.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus,
.forminator-ui input:focus,
.forminator-ui select:focus,
.forminator-ui textarea:focus {
	outline: none;
	border-color: var(--cc-heading);
	box-shadow: none;
}

form input[type="checkbox"],
form input[type="radio"],
.wpcf7 input[type="checkbox"],
.wpcf7 input[type="radio"],
.wpforms-form input[type="checkbox"],
.wpforms-form input[type="radio"],
.gform_wrapper input[type="checkbox"],
.gform_wrapper input[type="radio"],
.forminator-ui input[type="checkbox"],
.forminator-ui input[type="radio"] {
	accent-color: var(--cc-heading);
}

form button,
form input[type="submit"],
form input[type="button"],
form input[type="reset"],
.wpcf7-form input[type="submit"],
.wpforms-form button[type="submit"],
.gform_wrapper button,
.gform_wrapper input[type="submit"],
.forminator-ui button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	min-height: 56px;
	padding: 0.875rem 2rem;
	border: 0;
	border-radius: 0;
	background: var(--cc-accent);
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

form button:hover,
form input[type="submit"]:hover,
form input[type="button"]:hover,
form input[type="reset"]:hover,
form button:focus-visible,
form input[type="submit"]:focus-visible,
form input[type="button"]:focus-visible,
form input[type="reset"]:focus-visible,
.wpcf7-form input[type="submit"]:hover,
.wpforms-form button[type="submit"]:hover,
.gform_wrapper button:hover,
.gform_wrapper input[type="submit"]:hover,
.forminator-ui button[type="submit"]:hover {
	background: var(--cc-accent-dark);
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */