/* custom.css */

.w3-div-center          { margin: 0 auto; }
.w3-hidden              { display: none; }
.w3-no-border           { border: 0px;  }
.w3-no-resize           { resize: none; }
.w3-resize-vertical     { resize: vertical; }
.w3-resize-horizontal   { resize: horiziontal; }
.w3-text-upper          { text-transform: uppercase; }
.w3-transparent         { background: transparent; }
.w3-nbsp                { white-space: nowrap; }
.w3-absolute            { position: absolute; }
.w3-relative            { position: relative; }
.w3-underline           { text-decoration-line: underline; }
.w3-overline            { text-decoration-line: overline; }
.w3-underline           { text-decoration-line: overline; }
.w3-line-through        { text-decoration-line: line-through; }

.w3-no-margin           { margin: 0;  }
.w3-no-padding          { padding: 0; }

a.w3-word-wrap          { word-wrap: break-word;  }
a.w3-no-deco:link,
a.w3-no-deco:visited    { color: inherit; text-decoration: grey; }
a.w3-no-deco:hover      { background-color: transparent; }
ul.w3-no-deco           { list-style-type: none; }
hr.w3-bar-item.divider  { margin: 0 .1em; padding: 0.025em; }

.w3-margin-small        { margin: 0.5em; }
.w3-margin-large        { margin: 4em; }

.w3-image-fit-cover     { width: 100%; height: 100%; object-fit: cover;}

.w3-dark-low,.w3-hover-dark-low:hover,.w3-dark-low,.w3-hover-dark-low:hover{color:#fff!important;background-color:#111!important}
.w3-dark-xlow,.w3-hover-dark-xlow:hover,.w3-dark-xlow,.w3-hover-dark-xlow:hover{color:#fff!important;background-color:#222!important}
.w3-dark-xxlow,.w3-hover-dark-xxlow:hover,.w3-dark-xxlow,.w3-hover-dark-xxlow:hover{color:#fff!important;background-color:#333!important}
.w3-dark-light,.w3-hover-dark-light:hover,.w3-dark-light,.w3-hover-dark-light:hover{color:#fff!important;background-color:#444!important}
.w3-dark-xlight,.w3-hover-dark-xlight:hover,.w3-dark-xlight,.w3-hover-dark-xlight:hover{color:#fff!important;background-color:#555!important}
.w3-dark-xxlight,.w3-hover-dark-xxlight:hover,.w3-dark-xxlight,.w3-hover-dark-xxlight:hover{color:#fff!important;background-color:#666!important}

.w3-flex-row    { display: flex; flex-direction: row;  gap: 0; }
.w3-flex-col    { display: flex; flex-direction: column; gap: 0m; }
.w3-flex-wrap   { flex-wrap: wrap; }
.w3-flex-nowrap { flex-wrap: norap; }

.w3-flex-card   { 
	display: flex; flex-direction: row;  gap: 0; flex-wrap: wrap; 
	justify-content: space-between; align-items: flex-start; align-content:space-between;
}