/*! Mott Foundation Centennial > 250920 ---------------- */

:root {

 --c_dx: 3,16,36; --c_dxt: var(--c_dx); /* base color */
 --c_d1: #031024; --c_d1t: var(--c_d1); /* default: dark brown */

 --c_i2: #FFFCF5; --c_i2t: var(--c_i2); /* inverted */

 --c_a1: #1A3256; --c_a1t: var(--c_a1); /* accent */
 --c_a2: #FFC442; --c_a2t: var(--c_a2); /* accent */
 --c_a3: #395E95; --c_a3t: var(--c_a3); /* accent */

 --c_b3: #1A3256; --c_b3t: var(--c_b3); /* backgrounds */
 --c_b4: #395E95; --c_b4t: var(--c_b4); /* backgrounds */

 --xw_1: calc(1240 * var(--uu) / 10);

}

@media print, (min-width: 1024px) {
:root { --sxo: 6.3rem; }
}

/*   _______  _____  ______  _     _ _      _______ _______
 *   |  |  | |     | |     \ |     | |      |______ |______
 *   |  |  | |_____| |_____/ |_____| |_____ |______ ______|
*/

/**
 * @name .cursor1
 * @description Alternative cursor
 * @example { }
 */

@media screen and (hover: hover) and (pointer: fine) {
.cursor1-main { background: var(--c_a4t); }
}


/**
 * @name .index1
 * @description Page index
 * @example { }
 */

@media print, (min-width: 1024px) {
.index1 { left: 0.5rem; }
}

/**
 * @name .quote1
 * @description Quote with photo
 * @example { }
 */

.-cs\:i .quote1 q:before { color: var(--c_b8t); }

/**
 * @name .media-duo1
 * @description Image + Text Scroll sticky image
 * @example { }
 */

.media-duo1 figure { position: -webkit-sticky; position: sticky; top: var(--s4); }

/**
 * @name .blockquote-section1
 * @description Quote component "fancy" variant
 * @example { }
 */

.blockquote-section1 { background: var(--c_b1t); }
.slideshow1 { background: var(--c_b1t); }

/*   ______  _     _ _______ _______  _____  __   _ _______
 *   |_____] |     |    |       |    |     | | \  | |______
 *   |_____] |_____|    |       |    |_____| |  \_| ______|
*/

.button1, [type="submit"], [type="button"], [type="reset"] { --bcn: var(--c_a2); --bch: var(--c_a3t); --tcn: var(--c_d1); --tch: var(--c_a2t); }

/*   _    _ _______  ______ _______
 *    \  /  |_____| |_____/ |______
 *     \/   |     | |    \_ ______|
*/

@media screen {
.-cs\:b3 { --c_d1t: var(--c_i2); }
}