/* Main stylesheet, 2 of 9: variables, box sizing, links, our changes to normalize.css 2.1.2 (assets/vendor/normalize-2.1.2/normalize.css, printed just before), the element reset. */
:root {
	/* NJ Realtors brand colors. */
	--njr-brand-blue-dark: #00305B;
	--njr-brand-blue-light: #6DACDE;
	--njr-brand-yellow: #FCAF17;
	--njr-brand-green: #29753A;
	--njr-brand-red: #A62422;
	--njr-brand-orange: #E98D1F;
	--njr-brand-purple: #542B7D;
	--njr-brand-cyan: #2CCCD3;
	--njr-brand-pink: #C32B88;
	--njr-brand-grey: #B2BBBD;
	--njr-brand-rose: #F7796D;

	/* Font stacks (the web fonts load from Typekit). */
	--njr-font-proxima-nova: 'proxima-nova', Arial, sans-serif;
	--njr-font-futura-pt: 'futura-pt', Arial, sans-serif;
	--njr-font-lato: 'Lato', Arial, sans-serif;
}

/* bootstrap */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  color: #347AB7;
  text-decoration: none;
}

a:hover,
a:focus {
  color: var(--njr-brand-blue-light);
  text-decoration: underline;
}

/* The skip link focuses <main>; no outline on the whole content area. */
#page-content:focus {
	outline: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

/* The site font and smoothing; html is the full height of the window. */
html {
    font-family: var(--njr-font-proxima-nova);
    -webkit-font-smoothing: antialiased !important;
    text-rendering:optimizeLegibility;
	height: 100%;
}

a:focus {
  outline-offset: -2px;
    outline: 0;
}

/* normalize's sub/sup sizes are replaced below; its sub offset and table spacing were never used. A table's own
   cellspacing attribute still sets its spacing (content pasted from emails uses cellspacing="0"); :where() keeps the
   selector as weak as plain `table`. */
sub {
    bottom: auto;
}

table {
    border-collapse: separate;
}

table:where(:not([cellspacing])) {
    border-spacing: 2px;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
	line-height: 0;
	position: relative;
	top: -.3em;
	font-size: 80%;
}
