/*accento font sizes*/
:root
{
	--font-size-1rem: 1rem; /*16px*/
	--font-size-body: 0.875rem; /*14px*/
	
	--font-size-h0: 2.5rem; /* 40px */
	--font-size-h1: 2.0625rem; /* 33px */
	--font-size-h2: 1.6875rem; /* 27px */
	--font-size-h3: 1.3125rem; /* 21px */
	--font-size-h4: 0.9375rem; /* 15px */
	--font-size-h5: 0.75rem; /* 12px */
	--font-size-h6: 0.6375rem; /* 10.2px */

	--font-size-title: 1.125rem; /* 18px */
	--font-size-aux: 0.8125rem; /* 13px */
}

/*accento colors*/
:root
{
	--color-neutral-light-100: #ffffff;
	--color-neutral-light-95: #f4f4f4;
	--color-neutral-light-90: #e5e5e5;
	--color-neutral-light-85: #dddddd;
	--color-neutral-light-80: #cdcdcd;
	--color-neutral-light-55: #8c8c8c;
	--color-neutral-light-65: #adadad;
	
	--color-neutral-mid-60: #999999;
	
	--color-neutral-dark-55: #888888;
	--color-neutral-dark-40: #666666;
	--color-neutral-dark-30: #555555;
	--color-neutral-dark-25: #444444;
	--color-neutral-dark-20: #333333;
	--color-neutral-dark-15: #222222;
	--color-neutral-dark-05: #111111;
	--color-neutral-dark-00: #000000;
	
	--color-dull-dark: #6b7369;
	
	--color-accent-pale-lighter: #e2f7ee;
	--color-accent-pale-light: #b4c3a1;
	--color-accent-lighter: #b0db52;
	--color-accent-light: #59b210;
	--color-accent-strong: #8fd700;
	--color-accent-dark: red;
	--color-contraccent-dark: #2a3746;
	
	--color-nav-light: #229ac8;
	--color-nav-dark: #1f90bb;
	--color-nav-darker: #145e7a;
	--color-required: #ff0000;
	--color-alert: #dd0e1c;
	--color-alert-light: #ff7f88;
	--color-link-light: #23a1d1;
	--color-link-dark: #0077c3;
	
	--color-warning-lighter: #fbb450;
	--color-warning-darker: #f89406;
	--color-warning-darkest: #ad6704;
	--color-warning-text: #640007;
	
	--color-success-lighter: #62c462;
	--color-success-darker: #51a351;
	--color-success-darkest: #387038;

	--color-value-lighter: #ffcc00;
	--color-value-light: #ffc808;
	--color-value-dark: #e69500;
}

/*accento defaults*/
html
{
	font-size: 100%; /* ~16px on most browsers; all rem sizes are calculated based on this assumption */
}

body
{
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: var(--color-neutral-dark-40);
  font-size: 0.875rem; /*14px*/
  letter-spacing: 0.025rem; /*0.4px*/
  line-height: 1.428rem; /*20px*/
  width: 100%;
  background-color: var(--color-neutral-light-95);
}

h1, h2, h3, h4, h5, h6 { color: var(--color-neutral-dark-25); }
h1 { font-size: var(--font-size-h1); }
h2 { font-size: var(--font-size-h2); }
h3 { font-size: var(--font-size-h3); }
h4 { font-size: var(--font-size-h4); }
h5 { font-size: var(--font-size-h5); }
h6 { font-size: var(--font-size-h6); }

hr
{	/* the former `hr:not([size]) {height: 0.5px;}` */
	border: none; 
	border-top: 0.5px solid;
}

/*inherited artifacts*/
[class^="ri-"], [class*=" ri-"]
{
	vertical-align: middle;
	font-size: 1rem;	/* 16px */
}

a
{
	color: var(--color-link-dark);
	text-decoration: none;
}

a:hover
{
	text-decoration: none;
	color: var(--color-accent-light);
}

.img-thumbnail
{
    border: none;
}

/*probably unused unless css class name concatenated*/
.fs-0
{
  font-size: 0;
}

.gl-7
{
	unicode-bidi: bidi-override;
	direction: rtl;
}

/* Dim page when any dropdown is open - CSS only */
/* also see 101.006.search.001.css for search-related dimmer and modal mode customizations */
body::before {
	content: '';
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.2);
	opacity: 0;
	transition: opacity 0.4s ease;
	pointer-events: none;
	z-index: 50;
}

body:has([aria-expanded="true"])::before,
body.select-open::before,
body.category-menu-open::before,	/*see 101.007.menu.001.css*/
body.search-select-open::before{
	opacity: 1;
}

.dropdown-menu,
.inspire-search-result
{
    border: 1px solid var(--color-neutral-dark-40);
    border-bottom: 3px solid var(--color-accent-light);
    border-radius: 5px;
	box-shadow: -3px 1px 6px rgba(0, 0, 0, 0.3);
}

.dbg { border: solid 3px red; }
.dbg2 { border: solid 3px blue; }
.dbg3 { border: solid 3px yellow; }
.dbg4 { border: solid 3px cyan; }
.accento-debug { display: none; }