/** ------------------------------------------------------- **/
/** /////////////////////// CLASSES /////////////////////// **/
/** ------------------------------------------------------- **/

/* HEADER - generic */

header {
	position: sticky;
    top: 0;
	left: 0;
    z-index: 1000;
}

/* IMAGES - default */

img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

/* LISTS - generic */

dl, ol, ul {
  margin: 0;
}

/* LISTS - container */
.list-row {
  font-size: var(--font__size__XS);
  font-family: var(--font__family__body);
  font-weight: var(--font__weight__MrGeorgeRegular);
  line-height: var(--font__lineheight__loose__S);
}

/* UNORDERED LIST - default */

.list-row ul {
  	list-style-type: disc;
  	padding-left: var(--inline__L);
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

.list-row ul li::marker {
    color: var(--color__primary__color2);
}

/* ORDERED LIST - default */

.list-row ol {
  padding-left: var(--inline__L);
}

/* MODAL */

.modal-overlay { /* background */
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
	position: fixed;
  top: 0;
  left: 0;
	opacity: 1;
	z-index: 999999999;
	border: none;
}

.modal { /* content window */
  position: relative;
  width: 100%;
  height: auto;
  overflow-y: auto;
  max-width: 800px;
  margin: 0 auto;
}

#modal-top { /* keep as row */
	flex-direction: row !important;
}

/* BACK ICON */
.icon-green {
  fill: var(--color__primary__color2);
}
.icon-white {
  fill: var(--color__functional__white);
}