/*Universal custom properties (variables) */

:root {

/* Spacing */

--gap: 1.5rem; 
--gapn: -1.5rem; 

/* Block content widths */

--width-standard:700px;
--width-wide:1100px;
--width-max:1300px;

--width-limit: calc(100% - 2 * var(--gap));

--width-columns: 250px;

/* Colors */

accent-color: var(--link-color, blue);

--dark-navy: #091830;
--navy: #001D48;
--dark-blue: #28518F;
--blue: #0099FF;
--sky-blue: #b0dfff;
--aqua: #A0FEEE;
--gold: #FFE185;
--golden-rod: #D6A255;
--gray: #B3BCC9;
--light-gray: #e6e6e6;
--smoke: #F9F9F9;
--white: #ffffff;

--charcoal: #222;
--gray-light: var(--gray);

--link-color: #3c91d5;

--selection-bgcolor: var(--dark-blue);
--selection-textcolor: var(--white);

--txt-dark:rgba(0,0,0,0.8);
--txt-light: rgba(255,255,255,0.8);

/* Typography */

--fallback: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, sans-serif;

--sans: 'Mulish', var(--fallback); 
--serif: 'Oswald', var(--fallback); 
--mono: monospace;

/* The following are generated by WordPress from the Theme.json file */

--txt-xsmall: 0.75em; /* x-small */
--txt-small:  0.8em; /* small */
--txt-midsmall: 0.9em; /* 16px, no REM, just EM */
--txt-base:    clamp(1rem, 3vw, 1.125rem); /* normal */
--txt-medium:  clamp(1.125rem, 4vw, 1.5rem); /* medium */
--txt-large:   clamp(1.5rem, 5vw, 1.875rem); /* heading 3 */
--txt-xlarge:  var(--txt-large); /* clamp(1.875rem, 5cqi, 2.5rem); */ /* heading 2 */
--txt-xxlarge: clamp(2rem, 6vw, 3rem); /* heading 1 */

--txt-xxxlarge: clamp(3rem, 5vw, 3.75rem);


/* Border and shadows */

--radius: 5px;
--border: solid 1px var(--gray);
--shadows: 0 3px 0.3em rgba(0,0,0,0.3);

/* Form fields */

--field-radius: var(--radius);
--field-padding: 0 0.75em !important;
--field-border: var(--border);
--field-bgcolor: #fff;

--field-border-focus: solid 1px #000;
--field-bgcolor-focus: #fff;
--field-shadow-focus: 0 0 0 4px var(--gold);

/* Field placeholders */

--placeholder-color: inherit;
--placeholder-font-style: normal;
--placeholder-opacity: 0.5;

/* Form inputs and button height */

--input-height: 2.5em;



/* Social Brand Colors */

--facebook: #1977f3;
--linkedin: #0274b3;
--twitter: #000 /* #1da1f2 */;
--tiktok: #000 /* #ff0050 */;
--reddit: #ff5600;
--tumblr: #314358;
--pocket: #ef4056;
--youtube: #FF0000;
--rss: #f26522;
--pinterest: #bd081c;
--vimeo: #1ab7ea;
--instagram: #c13584;

}