@charset "UTF-8";
/* =================================================================== 
 * PixelPerfect Main Stylesheet
 * Template Ver. 1.0.0
 * 9-23-2024
 * ------------------------------------------------------------------

 /* Settings */
@import url("settings.css");

/* reset */
@import url("reset.css");

/* grid */
@import url("grid.css");

/* Base Setup */
@import url("base.css");

/* Utilities */
@import url("utilities.css");

/* Typography */
@import url("typography.css");

/* Preloader */
@import url("preloader.css");

/* Forms */
@import url("forms.css");

/* Buttons */
@import url("buttons.css");

/* Tables */
@import url("tables.css");

/* Components */
@import url("components.css");

/* Shared */
@import url("components.css");

/* Grid-Layouts */
@import url("grid-layouts.css");

/* Site Header */
@import url("site-header.css");

/* Pageheaders */
@import url("pageheaders.css");

/* Intro */
@import url("intros.css");

/* Footer */
@import url("footer.css");

/* ===================================================================
 * # PAGE WRAP
 *
 *
 * ------------------------------------------------------------------- */
 .s-pagewrap {
	display       : flex;
	flex-direction: column;
	min-height    : 100%;
	overflow      : hidden;
	position      : relative;
}

/* ===================================================================
 * # Accessibility
 *
 *
 * ------------------------------------------------------------------- */

/* Skip Content Link */
#skiptocontent a {
    padding: 6px;
    position: absolute;
    top: -100px;
    left: 0;
    color: #fff;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    background: #8c0b14;
    -webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 2000;
}

#skiptocontent a:focus {
    position: absolute;
    left: 0;
    top: 0;
    outline-color: transparent;
    -webkit-transition: top 0.1s ease-in;
    transition: top 0.1s ease-in;
}

/* ===================================================================
 * # Accessibility
 *
 *
 * ------------------------------------------------------------------- */

.bg-perfect-purple {
	background-color        : var(--color-2);
	background              : linear-gradient(20deg, var(--color-2) 40%, var(--color-3) 100%);
}

/* ===================================================================
 * # Privacy Policy
 *
 *
 * ------------------------------------------------------------------- */

.s-privacy__content {
    color: var(--color-body-dark3);
}

.s-privacy__content h2 {
    color: var(--color-3);
}