@charset "utf-8"; /* Add this if unicode character are used in the file. */
/* Examples
	content: "\00a2"; - Cents
	content: "\00a9"; - Copyright
	content: "\00b0"; - Degrees
	content: "\00bb"; - Right arrow quote
	content: "\00bd"; - 1/2
	content: "\2630"; - Hamburger icon
*/
/***** Adding Fonts (Place Font files in /css directory *****/
@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'); /* Safari, Android, iOS */
}
/***** M I S C E L L A N E O U S *****/
* { background-color: rgba(0,255,0,0.1); } /* Use for CSS Layout Debugging */
/* Better CSS Layout Debugging */
* { background-color: rgba(255,0,0,.2); }
* * { background-color: rgba(0,255,0,.2); }
* * * { background-color: rgba(0,0,255,.2); }
* * * * { background-color: rgba(255,0,255,.2); }
* * * * * { background-color: rgba(0,255,255,.2); }
* * * * * * { background-color: rgba(255,255,0,.2); }
* * * * * * * { background-color: rgba(255,0,0,.2); }
* * * * * * * * { background-color: rgba(0,255,0,.2); }
* * * * * * * * * { background-color: rgba(0,0,255,.2); }
.absolute-center { 	/* Include "position: relative;" in the parent element plus declare a height for this element. */
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	margin: auto;
}
.absolute-center2 { /* Include "position: relative;" in the parent element plus declare a height for this element. */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.amp {
	font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
	font-style: italic;
	font-weight: normal;
}
/* Alternate Method for Fancy Ampersand
@font-face {
	font-family: Ampersand;
	src: local('Baskerville-Italic'), local('GoudyOldStyleT-Italic'), local('Garamond-Italic'), local('Palatino-Italic');
	unicode-range: U+26;
}
body { font-family: Ampersand, Helvetica, sans-serif; } */
.bevelcorner {
	background: #c00; /* fallback */
	background:
		-moz-linear-gradient(45deg,  transparent 10px, #c00 10px),
		-moz-linear-gradient(135deg, transparent 10px, #c00 10px),
		-moz-linear-gradient(225deg, transparent 10px, #c00 10px),
		-moz-linear-gradient(315deg, transparent 10px, #c00 10px);
	background:
		-o-linear-gradient(45deg,  transparent 10px, #c00 10px),
		-o-linear-gradient(135deg, transparent 10px, #c00 10px),
		-o-linear-gradient(225deg, transparent 10px, #c00 10px),
		-o-linear-gradient(315deg, transparent 10px, #c00 10px);
	background:
		-webkit-linear-gradient(45deg,  transparent 10px, #c00 10px),
		-webkit-linear-gradient(135deg, transparent 10px, #c00 10px),
		-webkit-linear-gradient(225deg, transparent 10px, #c00 10px),
		-webkit-linear-gradient(315deg, transparent 10px, #c00 10px);
	background-position: bottom left, bottom right, top right, top left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
.blur-text { 
	color: transparent;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.bold { font-weight:bold; }
.burning {
    color: #fff;
    text-shadow: 0 -1px 4px white, 0 -2px 10px yellow, 0 -10px 20px #ff8000, 0 -18px 40px red;
}
.break-word { word-wrap: break-word; }
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after { clear: both; }
/***** D I S P L A Y *****/
.inline { display: inline; }
.block { display: block; }
.in-block { display: inline-block; }
.hide, .hidden { display: none; }
.disp-flex { display: flex; }
.divider {
	clear: both;
	width: 80%;
	margin: 15px auto;
	border-top: 2px solid rgba(0,0,0,0.2);
    border-bottom: 2px solid rgba(255,255,255,0.2);
}
.ellipsis { /* Only works for single lines. */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.emboss { text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000; }
.emboss2 {
	color: hsl(80, 70%, 55%);
	text-shadow: 0 0 2px #fff,
		-1px -1px 0 hsl(80, 70%, 35%),
		-2px -2px 1px hsl(80, 70%, 35%),
		-2px -2px 2px hsl(80, 10%, 15%),
		-2px -2px 0 7px hsl(60, 80%, 95%),
		-3px -3px 0 7px hsl(60, 10%, 65%),
		-4px -4px 0 7px hsl(60, 10%, 65%),
		-5px -5px 0 7px hsl(60, 10%, 65%),
		-6px -6px 0 7px hsl(60, 10%, 65%),
		-7px -7px 4px 8px hsl(60, 10%, 40%),
		-8px -8px 6px 9px hsl(60, 10%, 55%);
}
.engrave { 	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 -1px 0 rgba(0, 0, 0, 0.7); }
.engrave2 { text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px; }
.extruded {
	text-shadow: 0 1px hsl(0,0%,85%),
	             0 2px hsl(0,0%,80%),
	             0 3px hsl(0,0%,75%),
	             0 4px hsl(0,0%,70%),
	             0 5px hsl(0,0%,65%),
	             0 5px 10px black;
}
/***** F L E X B O X *****/
/* display: flex; listed above */
.flex {
	/* flex: flex-grow flex-shrink flex-basis|auto|initial|inherit; */
	flex: 1 1 auto;
}
.flex-align {
	/* Center the items of the flexible element - Default is flex-start
	flex-start|flex-end|center|space-between|space-around|stretch - Default is flex-start */
    align-content: center;
}
.flex-basis {
	/* Set the initial width of the flex-items to 25% - Not supported in IE 10 */
    flex-basis: 25%;
}
.flex-column {
	/* row|row-reverse|column|column-reverse - Default is row */
	flex-direction: column;
}
.flex-grow {
	/* Specifies how much the item will grow relative to the rest of the flexible items inside the same container.
	Element will grow 2 times wider than the rest. */
	flex-grow: 2;
}
.flex-item-center {
	/* Adjust the alignments for one of the items inside a flexible element
	auto|flex-start|flex-end|center|baseline|stretch - Default is auto */
    align-self: center;
}
.flex-shrink {
	/* Specifies how much the item will shrink relative to the rest of the flexible items inside the same container.
	Element will shrink 2 times more than the rest. */
	flex-shrink: 2;
}
.flex-stretch {
	/* This property has no effect when the element has a single line
	auto|flex-start|flex-end|center|baseline|stretch - Default is auto */
	align-items: stretch;
}
.flex-valign {
	/* Center the items vertically of the flexible element - Default is flex-start
	/* auto|flex-start|flex-end|center|baseline|stretch - Default is auto */
	align-items: center;
}
.flex-wrap {
	/* Make the flexible items wrap if necessary - Default is nowrap - Not supported in IE 10 
	nowrap|wrap|wrap-reverse|initial|inherit; */
    display: flex;   
    flex-wrap: wrap;
}
.space-around { 
	/* flex-start|flex-end|center|space-between|space-around|stretch - Default is flex-start */
    justify-content: space-around;
}
.space-between { 
	/* flex-start|flex-end|center|space-between|space-around|stretch - Default is flex-start */
    justify-content: space-between;
}

.floatLeft { float: left; }
.floatRight { float: right; }
.frame {
	background: #fff;
	padding: 3px;
	border: solid 1px #696969;
	border-radius: 5px;
}
.full-height { 
	height: 100%; 
	height: 100vh;
}
.full-width  { width: 100%; }
.glow, .glow:hover, .glow:focus {
	text-decoration: none;
	color: #666;
	text-shadow: none;
	outline: 0 none;
	transition: 500ms linear 0s;
}
.glow:hover, .glow:focus {
	color: #fff;
	text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
}
.half-width  { width: 50%; }
/* Hexagon - Any Size
	<div class="hexagon-wrapper">
		<div class="hexagon"></div>
	</div> 
*/
.hexagon-wrapper {
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 20px;
}
.hexagon {
	display: inline-block;
	height: 100%;
	width: calc(100% * 0.57735);
}	
.hexagon:before {
	position: absolute;
	top: 0;
	right: calc((100% / 2) - ((100% * 0.57735) / 2));
	background-color: inherit;
	height: inherit;
	width: inherit;
	content: '';
	transform: rotateZ(60deg);
}
.hexagon:after {
	position: absolute;
	top: 0;
	right: calc((100% / 2) - ((100% * 0.57735) / 2));
	background-color: inherit;
	height: inherit;
	width: inherit;
	content: '';
	transform: rotateZ(-60deg);
}
.hide, .hidden, [hidden] { display: none; }
.hide480, .hide600, .hide768 { display: block; } /* Put in global.css or custom.css */ 
.hide480, .hide600, .hide768 { display: none; } /* Put in appropriate media query*/ 
.hyphenate {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
/* <h1 class="image-replace">Business Name</h1> */
.image-replace { /* image size is 200px wide and 100px high */
	width: 200px;
	height: 0;
	background: url(images/logo.png); /* path to image file */
	overflow: hidden;
	padding: 100px 0 0 0;
}
/* Alternate Method
<h1>Business Name<span></span></h1>
h1, h1 span {
	position: relative;
	width: 200px;
	height: 100px;
}
h1 span {
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/logo.png) no-repeat left top;
} */
/* Highlight images with no alt tags */
img:not([alt]) { filter: grayscal e(100%); }
.indent { text-indent: 1.5em; }
.inner-border {
	background: #000;
	color: #fff;
	margin: 50px;
	padding: 15px;
	position: relative;
}
.inner-border:before {
	border: 5px solid #000;
	content: "";
	position: absolute;
	top: -10px;
	bottom: -10px;
	left: -10px;
	right: -10px;
}
.insetblur { box-shadow: inset 0 0 3px 4px rgba(100, 100, 100, 0.5); }
.insetshadow { box-shadow: inset 5px 5px 6px rgba(50,50,50,0.75); }
.intro:first-letter {
	font: bold 150%/.5 Verdana, Geneva, sans-serif;
	color: #696969;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 -1px 0 rgba(0,0,0,0.7);
	margin-right: 1px;
}
.invisible {
	position: absolute !important;
	height: 1px; width: 1px; 
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}
.justify {
  	text-align: justify;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto; /* Safari */
	-moz-hyphens: auto; /* Firefox */
	-ms-hyphens: auto; /*  10+ */
	hyphens: auto; 
}
.layered-paper {
	background: #eee;
	box-shadow:
		0 1px 1px rgba(0,0,0,0.15), /* The top layer shadow */
		0 10px 0 -5px #eee, /* The second layer */
		0 10px 1px -4px rgba(0,0,0,0.15), /* The second layer shadow */
		0 20px 0 -10px #eee, /* The third layer */
		0 20px 1px -9px rgba(0,0,0,0.15); /* The third layer shadow */
}	
.letterpress {
	color: rgba(0,0,0,0.6);
    text-shadow: 0 1px 1px rgba(255,255,255,0.1);
}
/* .mtop, .mbot, .mleft, mright */
.mtop0 { margin-top: 0; }
.mtop-quarter { margin-top: .25em; }
.mtop-half { margin-top: .5em; }
.mtop1 { margin-top: 1em; }
.mtop2 { margin-top: 2em; }
/***** G R I D  M U L T I P L E  C O L U M N S  C L E A R I N G *****/
/* clear the first in row for any block that has the class "multi-columns-row" */
.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; }
.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; }
.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; }
.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; }
.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; }
@media (min-width: 768px) {
	/* reset previous grid */
	.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; }
	/* clear first in row for small columns */
	.multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 992px) {
	/* reset previous grid */
	.multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; }
	/* clear first in row for medium columns */
	.multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 1200px) {
	/* reset previous grid */
	.multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; }
	/* clear first in row for large columns */
	.multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; }
}

/* <h1 class="padded-multiline"><span>How do I add padding to subsequent lines of an inline text element?</span></h1> */
.padded-multiline { 
	line-height: 1.4; 
	padding: 2px 0; 
	width: 400px;
	margin: 20px auto;
}
.padded-multiline span { 
	background-color: #c0c;
	color: #fff; 
	display: inline;
	padding: 0.45rem;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.padded-multi-line2 {
	display: inline;
	background: orange;
	box-shadow: 10px 0 0 orange, -10px 0 0 orange;
}
.noindent { text-indent: 0; }
.nowrap { white-space: nowrap; }
/* .ptop, .pbot, .pleft, pright */
.ptop0 { padding-top: 0; }
.ptop-quarter { padding-top: .25em; }
.ptop-half { padding-top: .5em; }
.ptop1 { padding-top: 1em; }
.ptop2 { padding-top: 2em; }
.pos-abs { position: absolute; }
.pos-fixed { position: fixed; }
.pos-rel { position: relative; }
p.quotes {
	background: url(../images/quotes.png) no-repeat left top;
	padding-top: 5px;
	text-indent: 2em;
}
.shadow { box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5); }
.show480 { display: none; } /* Put in global.css or custom.css */ 
.show480 { display: block; } /* Put in appropriate media query */ 
.spacer { padding: 15px 0; }
.spacer-xl { padding: 25px 0; }
.stackpapers {
  /*background-color: #f0f0f0;*/
	border: 1px solid #c7c5ab;
  	box-shadow:
        1px 1px   0 rgba(0,   0,   0,   0.100),
        2px 2px   0 rgba(255, 255, 255, 1.0),
        3px 3px   0 rgba(0,   0,   0,   0.125),
        4px 4px   0 rgba(255, 255, 255, 1.0),
        5px 5px   0 rgba(0,   0,   0,   0.150);
}
.stitching {
	outline: 1px dashed #98abb9;
    outline-offset: -5px;
}
.tab { margin-left: 50px;}
.text-center { text-align: center; }
.text-justify { 
	text-align: justify; 
	-webkit-hyphens: auto; /* Safari */
	-moz-hyphens: auto; /* Firefox */
	-ms-hyphens: auto; /*  10+ */
	hyphens: auto; 
}
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-stroke, .text-outline {
	text-shadow: 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #000; 
}
.three-d {
    color: #fff;
    text-shadow: 0 1px 0 #999, 0 2px 0 #888, 0 3px 0 #777, 0 4px 0 #666, 0 5px 0 #555, 0 6px 0 #444, 0 7px 0 #333, 0 8px 7px #001135;
}
.three-d2 { /* Use For LARGE Fonts */
	text-shadow: 
		0 1px 0 #ccc,
        0 2px 0 #c9c9c9,
        0 3px 0 #bbb,
        0 4px 0 #b9b9b9,
        0 5px 0 #aaa,
        0 6px 1px rgba(0,0,0,.1),
        0 0 5px rgba(0,0,0,.1),
        0 1px 3px rgba(0,0,0,.3),
        0 3px 5px rgba(0,0,0,.2),
        0 5px 10px rgba(0,0,0,.25),
        0 10px 10px rgba(0,0,0,.2),
        0 20px 20px rgba(0,0,0,.15);
}
.three-d3 {
	text-shadow: 0 1px 0 rgb(221, 221, 221), 0 2px 0 rgb(213, 213, 213), -1px 3px 0 rgb(204, 204, 204), -1px 4px 0 rgb(196, 196, 196), -1px 5px 0 rgb(188, 188, 188), 0 2px 2px rgba(0, 0, 0, 0.28), 1px 4px 4px rgba(0, 0, 0, 0.26), 1px 7px 7px rgba(0, 0, 0, 0.24), 2px 11px 11px rgba(0, 0, 0, 0.22);
}
.columns {
	-webkit-column-width: 21em; /* Chrome, Safari, Opera */
	-moz-column-width: 21em; /* Firefox */
	column-width: 21em;
	-webkit-column-gap: 25px; /* Chrome, Safari, Opera */
	-moz-column-gap: 25px; /* Firefox */
	column-gap: 25px;
	-webkit-column-rule: solid 1px #000; /* Chrome, Safari, Opera */
	-moz-column-rule: solid 1px #000; /* Firefox */
	column-rule: solid 1px #000;
	text-align: justify; 
	-webkit-hyphens: auto; /* Safari */
	-moz-hyphens: auto; /* Firefox */
	-ms-hyphens: auto; /*  10+ */
	hyphens: auto; 
}
.underlined { text-decoration: underline; }
.vbase { vertical-align: baseline; }
.vbottom { vertical-align: bottom; }
.vcenter { vertical-align: middle; }
.vtop { vertical-align: top; }
.visuallyhidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
} 
.z-depth-1 { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.z-depth-1-half { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.z-depth-2 { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.z-depth-3 { box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }
.z-depth-4 { box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }
.z-depth-5 { box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }
.zindex-1 { z-index: 1; }
.zindex-2 { z-index: 2; }
.zindex-3 { z-index: 3; }
 
/***** A B S O L U T E  C O N T A I N E R S *****/
.pin-top, .pin-right, .pin-bottom, .pin-left, .pin-topleft, .pin-topright, .pin-bottomleft, .pin-bottomright {
	position: absolute;
}
.pin-bottom { right:0; bottom:0; left:0; }
.pin-top { top:0; right:0; left:0; }
.pin-left { top:0; bottom:0; left:0; }
.pin-right { top:0; right:0; bottom:0; }
.pin-bottomright { bottom:0; right:0; }
.pin-bottomleft { bottom:0; left:0; }
.pin-topright { top:0; right:0; }
.pin-topleft { top:0; left:0; }

/***** F I X E D  C O N T A I N E R S *****/
.fixed-top, .fixed-right, .fixed-bottom, .fixed-left, .fixed-topleft, .fixed-topright, .fixed-bottomleft, .fixed-bottomright {
	position: fixed;
}
.fixed-bottom { right:0; bottom:0; left:0; }
.fixed-top { top:0; right:0; left:0; }
.fixed-left { top:0; bottom:0; left:0; }
.fixed-right { top:0; right:0; bottom:0; }
.fixed-bottomright { bottom:0; right:0; }
.fixed-bottomleft { bottom:0; left:0; }
.fixed-topright { top:0; right:0; }
.fixed-topleft { top:0; left:0; }

/***** D I A L O G  B O X E S *****/
.diagBox {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #696969; /* Older Browsers */
	background-color: rgba(0,0,0,0.5);
	display: none;
	overflow: scroll;
	z-index: 999;
}
.diagBox:target { display: block; }
.diagBox > div {
	position: absolute;
	top: 10%;
	left: 0;
	right: 0;
	bottom: auto;
	width: 33em; /* 528px */
	height: auto;
	background: #e0e0e0 url(../images/bkgd_gray_texture.jpg) repeat-y;
	display: inline-block;
	margin: 0 auto;
	padding: 1em;
	border: 2px solid #c7c5ab;
	border-radius: 1em;
	box-shadow: 0 0 10px 10px #f7f6e7;
	z-index: 999;
}
/***** LINKS *****/ 
a {
	font-size: inherit;
	text-decoration: underline;
	cursor: pointer;
	-webkit-touch-callout: none;
	-ms-user-select: none; /*  10 version for Windows Phone 8 */
	transition: all .3s ease-in-out;
}
a:link, a:visited {
	color: #bb0f2f;
	background: transparent;
}
a:hover, a:focus {
	color: #fff;
	background: #bb0f2f;
}
a:active { outline: none; }
.textLink { 
	text-decoration: underline; 
	padding-left: 1px;
	padding-right: 1px;
}
/* Alternate method */
.textLink {
	padding: 1px 2px;
	border-radius: .2em;
}
.textLink:hover, .textLink:focus {
	background: #1db3fc;
	color: #fff;
}
.imgLink { text-decoration: none; }
.imgLink:hover, .imgLink:focus { 
	background: transparent;  /* Needed if a.hover has a background color. */
	opacity: 0.75; 
}
/* Disable empty links */
a[href='']{
	color: #999;
	cursor: not-allowed;
	opacity: .65;
	pointer-events: none;
}
img { font-size: 11px; font-style: italic; } /* Style Alt Text */

/***** S C R O L L B A R *****/
:root {
  --scrollbar-size: .375rem;
  --scrollbar-minlength: 1.5rem; /* Minimum length of scrollbar thumb (width of horizontal, height of vertical) */
  --scrollbar-ff-width: thin; /* FF-only accepts auto, thin, none */
  --scrollbar-track-color: transparent;
  --scrollbar-color: rgba(0,40,104,0.8);
  --scrollbar-color-hover: rgba(0,40,104,0.9);
  --scrollbar-color-active: rgb(0,40,104);
}
/* Add .scrollbar to element that will contain the scrollbar */
.scrollbar {
	overscroll-behavior: contain;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	scrollbar-width: var(--scrollbar-ff-width);
}
/* This class controls what elements have the new fancy scrollbar CSS */
.scrollbar { scrollbar-color: var(--scrollbar-color) var(--scrollbar-track-color); }
.scrollbar::-webkit-scrollbar {
	height: var(--scrollbar-size);
	width: var(--scrollbar-size);
}
.scrollbar::-webkit-scrollbar-track { background-color: var(--scrollbar-track-color); }
.scrollbar::-webkit-scrollbar-thumb {
	background-color: var(--scrollbar-color);
	border-radius: 3px;
}
.scrollbar::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbar-color-hover); }
.scrollbar::-webkit-scrollbar-thumb:active { background-color: var(--scrollbar-color-active); }
.scrollbar::-webkit-scrollbar-thumb:vertical { min-height: var(--scrollbar-minlength); }
.scrollbar::-webkit-scrollbar-thumb:horizontal { min-width: var(--scrollbar-minlength); }

/***** G O T O P *****/
.gotop, .gotop:focus {
	display: none;
	position: fixed;
	bottom: 3em;
	right: 0;
	background-color: rgba(0,0,0,0.3);
	color: #331a00;
	text-decoration: none;
	overflow: hidden;
	padding: 0.4em;
	border-radius: 0.7em 0 0 0.7em;
	border: 1px solid #331a00;
	border-right: none;
	z-index: 990;
}
.gotop:hover {
	color: #331a00;
	background-color: rgba(255,255,255,0.3);
}
/***** E F F E C T S *****/
/***** B L O C K Q U O T E *****/
blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: .5em 10px;
	quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: .1em;
	margin-right: .25em;
	vertical-align: -.4em;
}
blockquote p { display: inline; }
/***** F O L D E D  C O R N E R ***/
.folded {
    position: relative;
    width: 480px;
    padding: 1em 1.5em;
    margin: 2em auto;
    color: #fff;
    background: #97C02F;
    overflow: hidden;
}
.folded:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 16px 16px 0; /* This trick side-steps a webkit bug */
    border-style: solid;
    border-color: #fff #fff #658E15 #658E15; /* A bit more verbose to work with .rounded too */
    background: #658E15; /* For Opera when also applying a border-radius */
    display:block; width:0; /* Only for Firefox 3.0 damage limitation */
    /* Optional: shadow */
    box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}
.folded.red { background: #C93213; }
.folded.red:before { border-color: #fff #fff #97010A #97010A; background: #97010A; }
.folded.blue { background: #53A3B4; }
.folded.blue:before { border-color: #fff #fff transparent transparent; background: transparent; }
.folded.taupe { background:#999868; }
.folded.taupe:before { border-color:#fff #fff #BDBB8B #BDBB8B; background:#BDBB8B; }
/* ROUNDED CORNERS VERSION */
.folded.rounded { border-radius: 5px; }
.folded.rounded:before {
    border-width: 8px; /* Triggers a 1px 'step' along the diagonal in Safari 5 (and Chrome 10) */
    border-color: #fff #fff transparent transparent; /* Avoids the 1px 'step' in webkit. Background colour shows through */
    border-radius: 0 0 0 5px;
}
/***** P A G E  C U R L - Parent element needs a z-index value for this to work properly. *****/
.pagecurl {
	position: relative;
	width: 500px;
	padding: 50px;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}
.pagecurl:before, .pagecurl:after {
	position: absolute;
	width: 40%;
	height: 10px;
	content: ' ';
	left: 12px;
	bottom: 12px;
	background: transparent;
	transform: skew(-5deg) rotate(-5deg);
	box-shadow: 0 7px 14px rgba(0, 0, 0, 0.5);
	z-index: -1;
}
.pagecurl:after {
	left: auto;
	right: 12px;
	transform: skew(5deg) rotate(5deg);
}
/***** R I B B O N  E F F E C T *****/
h2.ribbon {
	position: relative;
	width: 50%;
	font-size: 1.5em;
	font-weight: bold;
	padding: 6px 20px 6px 70px;
	margin: 30px 10px 10px -70px;
	color: #555;
	background-color: #999;
	text-shadow: 0 1px 2px #bbb;
	box-shadow: 0 2px 4px #888;
}
h2.ribbon:after { /* Fold Behind Page. */
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	top: 100%;
	border-width: 5px 10px;
	border-style: solid;
	border-color: #666 #666 transparent transparent;
}
h2.ribbon:before { /* Right Side Triangle. */
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: -2px;
	top: 0;
	border-color: transparent #fff transparent transparent;
}
h2:before { /* Folded Ribbon On Left w/Triangle. */
	content: ' ';
	position: absolute;
	width: 30px;
	height: 0;
	left: -30px;
	top: 12px;
	border-width: 20px 10px;
	border-style: solid;
	border-color: #999 #999 #999 transparent;
}
/***** S H U F F L E D  P A P E R S - Parent element needs a z-index value for this to work properly. *****/
.shuffledpapers {  
	position: relative;
	width: 270px;
	color: #585858;
	font-size: 14px;
	margin: 25px auto;
	padding: 20px 30px;
}
.shuffledpapers, .shuffledpapers:before, .shuffledpapers:after {
	background-color: #fff;
	border: 1px solid silver;
	box-shadow: inset 0 0 20px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2);
}
.shuffledpapers:before, .shuffledpapers:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: rotateZ(2.5deg);
	z-index: -1;
}
.shuffledpapers:after {
	transform: rotateZ(-2.5deg);
}
/***** S P E E C H  B U B B L E *****/
/* See speechbubbles.css for other variations */
p.speech {
	position: relative;
	width: 200px;
	height: 100px;
	text-align: center;
	line-height: 100px;
	background-color: #fff;
	border: 8px solid #666;
	border-radius: 30px;
	box-shadow: 2px 2px 4px #888;
}
p.speech:before { /* Add Pointer At Bottom. */
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 30px;
	top: 100px;
	border: 25px solid;
	border-color: #666 transparent transparent #666;
}
p.speech:after { /* Blend In Pointer With Speech Box. */
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 38px;
	top: 100px;
	border: 15px solid;
	border-color: #fff transparent transparent #fff;
}
/***** T H O U G H T  B U B B L E *****/
p.thought {
	position: relative;
	width: 130px;
	height: 100px;
	text-align: center;
	line-height: 100px;
	background-color: #fff;
	border: 8px solid #666;
	border-radius: 58px;
	box-shadow: 2px 2px 4px #888;
}
p.thought:before, p.thought:after {
	left: 10px;
	top: 70px;
	width: 40px;
	height: 40px;
	background-color: #fff;
	border: 8px solid #666;
	border-radius: 28px;
}
p.thought:after {
	width: 20px;
	height: 20px;
	left: 5px;
	top: 100px;
	border-radius: 18px;
}
/***** T U C K E D  C O R N E R S *****/
/* HTML 
<div class="tucked-corners-top">
	<div class="tucked-corners-bottom">
		<!--  content here -->
	</div>
</div> */
.tucked-corners-top {
    position: relative;
    width: 500px; min-height: 200px;
    margin: 100px auto; padding: 20px;
    background-color: #fff; /* Fallback */
    background:	linear-gradient(45deg,  transparent 10px, #fff 10px),
		linear-gradient(135deg, transparent 10px, #fff 10px),
		linear-gradient(225deg, transparent 10px, #fff 10px),
		linear-gradient(315deg, transparent 10px, #fff 10px);
    background-position: bottom left, bottom right, top right, top left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    box-shadow: 0 20px 10px -20px rgba(0, 0, 0, .5);			
}
[class*='tucked-corners-']::before, /* All the four corners */
[class*='tucked-corners-']::after {
	content: '';
	position: absolute;
	height: 20px; width: 80px;
	box-shadow: 0 8px 15px -7px rgba(0, 0, 0, .5);
        box-shadow: none\9; /* Do not show on IE9 #needed */
}
.tucked-corners-top::before, /* Top left & top right */
.tucked-corners-top::after {
	top: -10px;
}
.tucked-corners-bottom::before, /* Bottom left & bottom right */
.tucked-corners-bottom::after {
	bottom: -10px;
}		
.tucked-corners-top::before, /* Top left & bottom left */
.tucked-corners-bottom::before {
	left: -42px;
}
.tucked-corners-top::after, /* Top right & bottom right */
.tucked-corners-bottom::after {
	right: -42px;
}
.tucked-corners-top::before { /* Top left */
	transform: rotate(-45deg);
}
.tucked-corners-top::after { /* Top right */
	transform: rotate(45deg);			
}
.tucked-corners-bottom::before { /* Bottom left */
	transform: rotate(-135deg);
}
.tucked-corners-bottom::after { /* Bottom right */
	transform: rotate(135deg);
}
[class*='tucked-corners-']::before, [class*='tucked-corners-']::after {
	box-shadow: none\9; /* Do not show on IE9 #needed */
}

/***** C O L O R S *****/
.red { color: #f44336; }
.pink { color: #e91e63; }
.purple { color: #9c27b0; }
.deep-purple { color: #673ab7; }
.indigo { color: #3f51b5; }
.blue { color: #2196f3; }
.lightblue { color: #03a9f4; }
.cyan { color: #00bcd4; }
.teal { color: #009688; }
.green { color: #4caf50; }
.lightgreen { color: #8bc34a; }
.lime { color: #cddc39; }
.yellow { color: #ffeb3b; }
.amber { color: #ffc107; }
.orange { color: #ff9800; }
.darkorange {  color: #ff5722; }
.brown { color: #795548; }
.grey { color: #9e9e9e; }
.bluegrey { color: #607d8b; }
.silver { color: #c0c0c0; }
.gold { color: #c89e47; }

/***** B O O T S T R A P  A C C E S S I B I L I T Y *****/
.btn:focus { outline: dotted 2px #000; }
div.active:focus, a:focus, .close:hover, .close:focus, .nav > li > a:hover, .nav > li > a:focus {
    outline: dotted 1px #000;
}
.carousel-indicators li, .carousel-indicators li.active {
    position: relative;
    height: 18px;
    width: 18px;
    border-width: 2px;
    box-shadow: 0 0 0 1px #808080;
}
.carousel-indicators.active li { background-color: rgba(100, 149, 253, 0.6); }

.carousel-indicators.active li.active { background-color: #fff; }
.carousel-tablist-highlight {
    display: block;
    position: absolute;
    outline: 2px solid transparent;
    background-color: transparent;
    box-shadow: 0 0 0 1px transparent;
}
.carousel-tablist-highlight.focus {
    outline: 2px solid #6495ed;
    background-color: rgba(0, 0, 0, 0.4);
}
a.carousel-control:focus {
    outline: 2px solid #6495ed;
    background-image: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.5) 100%);
    box-shadow: 0 0 0 1px #000;
}
.carousel-pause-button {
    position: absolute;
    top: -30em;
    left: -300em;
    display: block;
}
.carousel-pause-button.focus {
    top: 0.5em;
    left: 0.5em;
}
.carousel:hover .carousel-caption, .carousel.contrast .carousel-caption {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}
.alert-success { color: #2d4821; }
.alert-info { color: #214c62; }
.alert-warning {
    color: #6c4a00;
    background-color: #f9f1c6;
}
.alert-danger { color: #d2322d; }
.alert-danger:hover { color: #a82824; }

/***** I E  H A C K S *****/
/* IE 8 */
html > body .ie8 { property: value; }
/* or */
@media \0screen {
    .ie8 { property: value; }
}

/* IE 8 Standards Mode Only */
.ie8 { property /*\**/: value\9 }

/* IE 8, 9 and 10 */
@media screen\0 {
    .ie8910 { property: value; }
}

/* IE 9 only */
@media screen and (min-width:0\0) and (min-resolution: .001dpcm) { 
	.ie9 { property: value; }
}

/* IE 9 and above */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
	.ie9up { property: value; }
}

/* IE 9 and 10 */
@media screen and (min-width:0\0) {
    .ie910 { property: value\9; } /* backslash-9 removes ie11+ & old Safari 4 */
}

/* IE 10 only */
_:-ms-lang(x), .ie10 { property: value\9; }

/* IE 10 and above */
_:-ms-lang(x), .ie10up { property: value; }
/* or */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .ie10up { property: value; }
}

/* IE 11 (and above..) */
_:-ms-fullscreen, :root .ie11up { property: value; }