/* IW.CSS v0.1 October 2023 by CDF
#
#  Modifies and adds functionality to W3.CSS
#
------------   mods   --------------- 
*/
html, body {font-size: 100%; line-height: 1.2;}  /* Changed font-size to 100% & reduced vspacing from 1.5 - Line 27*/
hr {border:0; border-top:1px solid #888888; margin:20px 0;}  /* A medium grey bar is better than light grey - Line 31*/
h1, h2, h3, h4, h5, h6 {font-family: "Segoe UI", Verdana, sans-serif; font-weight: 400; line-height: 1; margin: 20px 0 10px 0;}
/* 
------------   adds   --------------- 
*/
article {
	font-family: Garamond, "Times New Roman", Georgia, serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #000000;
}

h1 {letter-spacing: 3px;}
h2 {letter-spacing: 2px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}

p, br, ol, ul, li, tr, td {font-size: 1em;}

table {
	width: 100%;
  border-collapse: collapse;
	background: rgba(255, 255, 0, 0.2) /* Yellow background with 20% opacity */
}
table, th, td {
  border: 1px solid;
	padding: 5px;
}
th {
	text-align: center;
	font-size: 1.25em;
}

dl {margin: 0 0 1rem 0;}
dt {font-weight: bold;}
dd {margin-left: 0; margin-bottom: .5rem;}

ul {list-style: none;	margin: 10px 0px 10px -16px;
	/* text-indent: -1em; */
}
li {font-weight: normal;
/*	margin: 0px 0px 0px 10px; */
}
ul ul {
	list-style: circle;
	margin: 0px 0px 3px -1.5em;
	text-indent: 0;
}

a:focus {outline: 2px dotted grey; outline: 5px auto -webkit-focus-ring-color; outline-offset: 2px;}
a:link {color: blue; text-decoration: dotted underline;}
a:visited {color: purple; text-decoration: none;}
a:hover {color: #FFFFFF; background: #808080;}		/* white text, grey background */
a:active {color: grey; background: #00fa9a;}

/*  #  */

.iw-border-black-1 {border: 1px solid #000!important;}
.iw-border-grey-1 {border: 1px solid #808080!important;}
.iw-border-ltgrey-1 {border: 1px solid #a0a0a0!important;}

.half {width: 50%;}
.wide6 {letter-spacing: 6px;}	/* Added 2023/09/23 - Line 30 */
.wide8 {letter-spacing: 8px;}	/* Added 2023/10/22 - Line 30 */

.indent1 {padding-left: 1em;}
.indent2 {padding-left: 2em;}

.no-break {word-break: keep-all;}

.page-title {
	font-family: 'Times New Roman', Georgia, Garamond, serif;
	font-size: 60px;
	font-weight: 400;
	margin: 10px auto;
	text-align: center;
	padding: 0;
}

.fixed-full {table-layout: fixed;	width: 100%;}			/* Added 2023/10/22 - Line 30 */
.sub-head {
	font-size: 1.25em; 
	font-style: italic; 
	text-decoration: none; 
	color: brown;
	margin: 1.25em;
}

/* 
----------------------------------------
|                Colors                |
----------------------------------------
*/
.text-chippewa-grn {color: #2c5234!important;}			/* chippewa green */
.text-chippewa-brn {color: #594a3b!important;}			/* chippewa brown */
.text-darkgreen {color: #006666!important;} /* web safe */
.text-red {color: #CC3333!important;} /* Persian Red, web safe */
.text-silver {color: #C0C0C0!important;} /* Silver */
.text-white {color: #FFFFFF!important;} /* White, web safe */
.chippewa {color: #efefef!important; background: #594a3b!important;}
/* .lfg	{ color: #CCCC99;}	   Light Faded Green, web safe */
/* .dho	{ color: #dd6600;}	   Dark Hard Orange */
/* .lro	{ color: #FF6633;}	   Light Red Orange, web safe */
/* .darkbrown { color: #380000;} */
/* .darkocean { color: #232D35;} */
/* .whitebkgrnd { background-color: #FFFFFF;} White, web safe */
/* .yellowbkgrnd { background-color: #FFFFCC;} Light Pale Yellow, web safe */
/* .bluegraybkgrnd { background-color: #669999;} web safe */
/* .lightbluebkgrnd { background-color: #99CCCC;} web safe */

/*
----------------------------------------
|          Background Images           |
----------------------------------------
*/
.paperback {background: #ffffff url('../bkgd/bg-paper.jpg');}
.dark-shadowsback {background: #ffffff url('../bkgd/drk_shdws.jpg');}
.greenback {background: #000000 url('../bkgd/bground.gif');}
.foilback {background: #ffffff url('../bkgd/foilback.jpg');}
.foilbackdark {background: #000000 url('../bkgd/foilbackdark.jpg');}
.whiteswirlback {background: #ffffff url('../bkgd/back.jpg');}

/*
########################################
#            FONT EFFECTS              #  Ref: https://fonts.googleapis.com/css?family=Sofia&effect=outline
########################################
*/ 
.font-effect-3d {text-shadow: 0px 1px 0px #c7c8ca, 0px 2px 0px #b1b3b6, 0px 3px 0px #9d9fa2, 0px 4px 0px #8a8c8e, 0px 5px 0px #77787b, 0px 6px 0px #636466, 0px 7px 0px #4d4d4f, 0px 8px 7px #001135; color: #fff;}
.font-effect-3d-float {text-shadow: 0 0.032em 0 #b0b0b0, 0px 0.15em 0.11em rgba(0,0,0,0.15), 0px 0.25em 0.021em rgba(0,0,0,0.1), 0px 0.32em 0.32em rgba(0,0,0,0.1); color: #fff;}
.font-effect-anaglyph {text-shadow: -0.06em 0 red, 0.06em 0 cyan;}
.font-effect-emboss {text-shadow: 0px 1px 1px #fff, 0 -1px 1px #000; color: #ddd;}
.font-effect-fire {text-shadow: 0 -0.05em 0.2em #FFF, 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em -0.1em 1.0em #F40;	color: #ffe;}
.font-effect-neon {text-shadow: 0 0 0.1em #fff, 0 0 0.2em #fff, 0 0 0.3em #fff, 0 0 0.4em #f7f,0 0 0.6em #f0f, 0 0 0.8em #f0f, 0 0 1.0em #f0f, 0 0 1.2em #f0f; color: #fff;}
.font-effect-outline {text-shadow: 0 1px 1px #000, 0 -1px 1px #000, 1px 0 1px #000, -1px 0 1px #000; color: #fff;}
.font-effect-shadow {text-shadow: .1em .1em .05em #ababab;}
.font-effect-shadow-deep {text-shadow: .25em .25em .125em #888888;}
.font-effect-shadow-multiple {text-shadow: .04em .04em 0 #fff,.08em .08em .08em #888888;}

@-moz-keyframes font-effect-fire-animation-keyframes {
  0% {text-shadow: 0 -0.05em 0.2em #FFF, 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70,0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em -0.1em 1.0em #F40;}
  25% {text-shadow: 0 -0.05em 0.2em #FFF, 0 -0.05em 0.17em #FE0, 0.04em -0.12em 0.22em #FC0, 0.04em -0.13em 0.27em #F90, 0.05em -0.23em 0.33em #F70, 0.07em -0.28em 0.47em #F70, 0.1em -0.3em 0.8em #F50, 0.1em -0.3em 0.9em #F40;}
  50% {text-shadow: 0 -0.05em 0.2em #FFF, 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70,0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em -0.1em 1.0em #F40;}
  75% {text-shadow: 0 -0.05em 0.2em #FFF, 0 -0.06em 0.18em #FE0, 0.05em -0.15em 0.23em #FC0, 0.05em -0.15em 0.3em #F90, 0.07em -0.25em 0.4em #F70, 0.09em -0.3em 0.5em #F70, 0.1em -0.3em 0.9em #F50, 0.1em -0.3em 1.0em #F40;}
  100% {text-shadow: 0 -0.05em 0.2em #FFF, 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70,0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em -0.1em 1.0em #F40;}
}
.font-effect-fire-animation {-moz-animation-duration: 0.8s; -moz-animation-name: font-effect-fire-animation-keyframes; -moz-animation-iteration-count: infinite; -moz-animation-direction: alternate; color: #ffe;}

/*
########################################
#       LOCALLY-SERVED WEB FONTS       #  (To derail font-server tracking)
########################################

----------------------------------------
|            Cursive Fonts             |
----------------------------------------
*/
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Allura';
	src: url('../fonts/allura-regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-allura {font-family: 'Allura', cursive;}
@font-face {
	font-display: swap;
	font-family: 'DancingScript';
	src: url('../fonts/dancingscript-variablefont_wght.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-dancingscript {font-family: 'DancingScript', cursive;}
@font-face {
	font-display: swap;
	font-family: 'GrandHotel';
	src: url('../fonts/grandhotel-regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-grandhotel {font-family: 'GrandHotel', cursive;}
@font-face {
	font-display: swap;
	font-family: 'Lobster';
	src: url('../fonts/lobster-regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-lobster {font-family: 'Lobster', cursive;}
@font-face {
	font-display: swap;
	font-family: 'LobsterTwo';
	src: url('../fonts/lobstertwo-regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-lobstertwo {font-family: 'LobsterTwo', cursive;}
@font-face {
	font-display: swap;
	font-family: 'LobsterTwo-Italic';
	src: url('../fonts/lobstertwo-italic.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-lobstertwo-italic {font-family: 'LobsterTwo-Italic', cursive;}
@font-face {
	font-display: swap;
	font-family: 'Tangerine';
	src: url('../fonts/tangerine-regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-tangerine {font-family: 'Tangerine', cursive;}
@font-face {
	font-display: swap;
	font-family: 'Tangerine-Bold';
	src: url('../fonts/tangerine-bold.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-tangerine-bold {font-family: 'Tangerine-Bold', cursive;}
/* 
----------------------------------------
|          Sans Serif Fonts            |
----------------------------------------
*/
@font-face {
	font-display: swap;
	font-family: 'Orbitron';
	src: url('../fonts/orbitron-variablefont_wght.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-orbitron {font-family: 'Orbitron', sans-serif;}
@font-face {
	font-display: swap;
	font-family: 'PermanentMarker';
	src: url('../fonts/permanentmarker-regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-permanentmarker {font-family: 'PermanentMarker', sans-serif;}
@font-face {
	font-display: swap;
	font-family: 'RobotoMono';
	src: url('../fonts/robotomono-variablefont_wght.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-robotomono {font-family: 'RobotoMono', sans-serif;}
@font-face {
	font-display: swap;
	font-family: 'RobotoMono-Italic';
	src: url('../fonts/robotomono-italic-variablefont_wght.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-robotomono-italic {font-family: 'RobotoMono-Italic', sans-serif;}
@font-face {
	font-display: swap;
	font-family: 'YsabeauSC';
	src: url('../fonts/ysabeausc-variablefont_wght.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-ysabeausc {font-family: 'YsabeauSC', sans-serif;}
/* 
----------------------------------------
|             Serif Fonts              |
----------------------------------------
*/
@font-face {
	font-display: swap;
	font-family: 'Arvo';
	src: url('../fonts/arvo-regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-arvo {font-family: 'Arvo', Serif;}
@font-face {
	font-display: swap;
	font-family: 'Arvo-Italic';
	src: url('../fonts/arvo-italic.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-arvo-italic {font-family: 'Arvo-Italic', serif;}
@font-face {
	font-display: swap;
	font-family: 'JosefinSlab';
	src: url('../fonts/josefinslab-variablefont_wght.ttf') format('truetype'); /* The .woff2 conversions don't work */ 
	font-weight: 700;
	font-style: normal;
}
.w3-josefinslab {font-family: 'JosefinSlab', serif;}
@font-face {
	font-display: swap;
	font-family: 'JosefinSlab-Italic';
	src: url('../fonts/josefinslab-italic-variablefont_wght.ttf') format('truetype'); /* The .woff2 conversions don't work */ 
	font-weight: 700;
	font-style: normal;
}
.w3-josefinslab-italic {font-family: 'JosefinSlab-Italic', serif;}
/* 
----------------------------------------
|          Typewriter Fonts            |
----------------------------------------
*/
@font-face {
	font-display: swap;
	font-family: 'CarbonType';
	src: url('../fonts/carbontype.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-carbontype {font-family: 'CarbonType', serif;}
@font-face {
	font-display: swap;
	font-family: 'MyUnderwood';
	src: url('../fonts/myunderwood.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-myunderwood {font-family: 'MyUnderwood', serif;}
@font-face {
	font-display: swap;
	font-family: 'Underwood_Champion';
	src: url('../fonts/underwood_champion.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.w3-underwood_champion {font-family: 'Underwood_Champion', serif;}
/*
----------------------------------------
|         END LOCAL WEB FONTS          |
----------------------------------------
*/