/**
 * Variables Stylesheet.
 *
 * Implements default styling variables for all media on the "Spirit of Football Denmark" website.
 *
 * @package The_Ball_v2_Denmark
 */

:root {


	--sof-color-forest: #1A3A2A;
	--sof-color-thicket: #214634;
	--sof-color-shrub: #153120;
	--sof-color-grass: #2D6A4F;
	--sof-color-lime: #52B788;
	--sof-color-bright: #40916C;
	--sof-color-offwhite: #F4F7F2;
	--sof-color-sand: #E8F0E3;
	--sof-color-charcoal: #1C2B22;
	--sof-color-muted: #6B8F71;

	/* Header, Footer, etc. */
	--sof-purple: #2d5f66;
	--sof-header-stripe-image: url("../images/textures/stripe-grass-bright.png");
	--sof-header-footer: var(--sof-color-charcoal);

	/* Background. */
	--sof-purple-light: var(--sof-color-forest);

	/* Main Menu Background. */
	--sof-purple-menu: rgba(26, 58, 42, 0.88);

	/* Headings in "lime". */
	--sof-text-heading: var(--sof-color-lime);
	/* Headings not transformed. */
	--sof-text-heading-transform: none;
	--sof-text-heading-font: serif;

	/* Knock text back a little. */
	--sof-text-content: rgba(255, 255, 255, 0.7);

	/* "Ball Stats" blocks. */
	--sof-ball-stat-bg-color: rgba(82, 183, 136, 0.1);
	--sof-ball-stat-border-color: rgba(82, 183, 136, 0.18);
	--sof-ball-stat-text-color: var(--sof-text-content);

	/* Missions Loop cards. */
	--sof-mission-card-container-bg-color: var(--sof-color-charcoal);
	--sof-mission-card-bg-color: var(--sof-color-thicket);
	--sof-mission-card-border-color: var(--sof-color-grass);
	--sof-mission-card-heading-color: var(--sof-color-lime);
	--sof-mission-card-subheading-color: var(--sof-color-muted);

	/* Activities Loop cards. */
	--sof-activity-card-container-bg-color: var(--sof-color-thicket);
	--sof-activity-card-bg-color: var(--sof-color-shrub);
	--sof-activity-card-border-color: var(--sof-color-grass);
	--sof-activity-card-heading-color: var(--sof-color-lime);

	/* Methods Loop cards. */
	--sof-method-card-container-bg-color: var(--sof-color-charcoal);
	--sof-method-card-bg-color: var(--sof-color-thicket);
	--sof-method-card-border-color: var(--sof-color-grass);
	--sof-method-card-heading-color: var(--sof-color-lime);
	--sof-method-card-subheading-color: var(--sof-color-muted);

	/* Gateway Loop cards. */
	--sof-gateway-card-container-bg-color: var(--sof-color-thicket);
	--sof-gateway-card-bg-color: var(--sof-color-charcoal);
	--sof-gateway-card-border-color: var(--sof-color-grass);
	--sof-gateway-card-heading-color: var(--sof-color-lime);
	--sof-gateway-card-subheading-color: var(--sof-color-muted);

	/* SOF Organisations Loop cards. */
	--sof-sof-org-card-container-bg-color: var(--sof-background);
	--sof-sof-org-card-bg-color: var(--sof-color-thicket);
	--sof-sof-org-card-border-color: var(--sof-color-grass);
	--sof-sof-org-card-heading-color: var(--sof-color-lime);

	/* Contact Page card. */
	--sof-contact-card-container-bg-color: var(--sof-color-thicket);
	--sof-contact-card-heading-color: var(--sof-color-lime);
	--sof-contact-form-bg-color: var(--sof-color-forest);
	--sof-contact-form-border-color: var(--sof-color-grass);



	/* Events Submenu Background. */
	--sof-purple-lighter: #3a7029;

	/* Comments Area Background. */
	--sof-background-comments: #438230;

	/* Calendar Header Background. */
	--sof-calendar-header: #277228;
	/* Calendar Border. */
	--sof-calendar-border: var(--sof-green-bright);

	/* Team Area Backgrounds. */
	/* Vorstand Area Background. */
	--sof-background-people-vorstand: #3a7029;
	/* Back Office Area Background. */
	--sof-background-people-staff: #438230;
	/* Project Managers Area Background. */
	--sof-background-people-team: #4d9537;
	/* Supporters Area Background. */
	--sof-background-people-supporters: #357179;
	--sof-background-people-supporters: #3d818a;

	/* CiviCRM. */

	/* CiviCRM General. */
	--sof-crm-text-color: #fff;
	--sof-crm-expand-border: 1px solid #c9d5d7;
	--sof-crm-header-dark-bg-color: #1d3715;

	/* CiviCRM Messages & Alerts. */
	--sof-crm-messages-bg-color: var(--sof-crm-header-dark-bg-color);
	--sof-crm-messages-border: none;

	/* CiviCRM Forms. */
	--sof-crm-form-fieldset-bg-color: #396e2b;
	--sof-crm-form-fieldset-border: 1px solid #fff;
	--sof-crm-form-fieldset-border: none;
	--sof-crm-form-fieldset-padding: 1rem;
	--sof-crm-form-label-color: #fff;
	--sof-crm-form-text-color: #fff;
	--sof-crm-form-button-color: var(--crm-c-primary-text);
	--sof-crm-form-select2-color: #000;
	--sof-crm-form-required-color: #000;
	--sof-crm-form-required-focus-color: #111;

}