/* ============================================================
   CORE.CSS
   Theme variables and site-wide base styles.
   Loaded first, before any component or layout file.
   ============================================================ */

/* THEME COLOURS */
:root
{
	--color-bg: #000000;
	--color-text: #ffffff;
	--color-dark-gray: #423F3E;
	--color-social-email: #dd4b39;
	--color-social-facebook: #3b5999;
	--color-social-phone: #ffd800;
	--color-required: #dd4b39;
	/* Redesign palette (added for site redesign, step 1: nav/header) */
	--driftwood: #2A2521;
	--driftwood-light: #3D3630;
	--sand: #E4D7C0;
	--pebble: #F5F1E8;
	--seaglass: #7C8C82;
	--seaglass-dark: #5E6D64;
	--seaglass-deep: #4A564E;
	--gold: #B8935A;
	--gold-light: #D4B483;
	--gold-deep: #6E5228;
	--ink: #2A2521;
	--radius-pebble: 28px 10px 28px 10px;
	--radius-pebble-sm: 18px 6px 18px 6px;
}
/* END THEME COLOURS */


/* FONTS */
@font-face
{
	font-family: Karla;
	src: url(../fonts/Karla-SemiBoldItalic.ttf);
}

@font-face
{
	font-family: Macondo;
	src: url(../fonts/Macondo-Regular.ttf);
}

/* KarlaUI: variable-weight Karla file, kept under a separate family
   name from "Karla" above so existing .font-karla usages elsewhere
   on the site are unaffected. Used by the redesigned nav. */
@font-face
{
	font-family: KarlaUI;
	src: url(../fonts/Karla-VariableFont_wght.ttf);
	font-weight: 100 900;
	font-style: normal;
}

.font-karla
{
	font-family: 'Karla';
}

.font-macondo
{
	font-family: 'Macondo';
}
/* END FONTS */


/* BASE / TYPOGRAPHY */
body
{
	background-color: var(--driftwood);
	color: var(--pebble) !important;
	padding-bottom: 7rem !important;
}

.main
{
	border: 1px solid #000;
}
/* END BASE / TYPOGRAPHY */


/* GENERAL UTILITIES */
.background-dark-gray
{
	background-color: var(--color-dark-gray);
}

.forecolor-white
{
	color: var(--color-text) !important;
}

.wrapper
{
	display: flex;
	justify-content: center;
}

/* Lets a section escape a centered Bootstrap .container ancestor and
   span the full viewport width. Needed because redesigned pages use
   full-bleed colour sections nested inside the old container wrapper
   in Site.Master (that wrapper still serves not-yet-redesigned pages,
   so it hasn't been removed). */
.full-bleed
{
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
}

/* Wrapping element: basic padding to keep content from hitting the edges */
.body-content
{
	padding-left: 15px;
	padding-right: 15px;
}

/* Default width cap for generic form inputs across the site.
   Overridden for the Contact Us form in forms.css (full-width inputs there). */
input,
select,
textarea
{
	max-width: 280px;
}
/* END GENERAL UTILITIES */


/* IMAGERY */
.header-image
{
	background-image: url("../images/theme/header.jpg");
	height: 50vh;
	background-size: cover;
}

.card-img-top
{
	width: 100%;
	height: 13rem;
	object-fit: cover;
}

.card-img-craft
{
	width: 100%;
	height: 15vw;
	object-fit: cover;
}
/* END IMAGERY */