/* Header Fonts */


/* Body font */
@font-face {
    font-family: 'Outfit';
    src:url('../fonts/Outfit-VariableFont_wght.ttf') format(truetype);
}

@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-Thin.ttf') format(truetype);
	font-weight: 100;
}
@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-ThinItalic.ttf') format(truetype);
	font-weight: 100;
	font-style: italic;
}
@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-ExtraLight.ttf') format(truetype);
	font-weight: 200;
}
@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-ExtraLightItalic.ttf') format(truetype);
	font-weight: 200;
	font-style: italic;
}
@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-Light.ttf') format(truetype);
	font-weight: 300;
}
@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-LightItalic.ttf') format(truetype);
	font-weight: 300;
	font-style: italic;
}
@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-Regular.ttf') format(truetype);
	font-weight: 400;
}
@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-RegularItalic.ttf') format(truetype);
	font-weight: 400;
	font-style: italic;
}
@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-Medium.ttf') format(truetype);
	font-weight: 500;
}
@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-MediumItalic.ttf') format(truetype);
	font-weight: 500;
	font-style: italic;
}
@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-SemiBold.ttf') format(truetype);
	font-weight: 600;
}
@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-SemiBoldItalic.ttf') format(truetype);
	font-weight: 600;
	font-style: italic;
}
@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-Bold.ttf') format(truetype);
	font-weight: 700;
}
@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-BoldItalic.ttf') format(truetype);
	font-weight: 700;
	font-style: italic;
}
@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-ExtraBold.ttf') format(truetype);
	font-weight: 800;
}
@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-ExtraBoldItalic.ttf') format(truetype);
	font-weight: 800;
	font-style: italic;
}
@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-Black.ttf') format(truetype);
	font-weight: 900;
}
@font-face {
    font-family: 'Barlow Condensed';
    src:url('../fonts/BarlowCondensed-BlackItalic.ttf') format(truetype);
	font-weight: 900;
	font-style: italic;
}


/* width, by percent */
.w-95 { width: 95% !important; }
.w-90 { width: 90% !important; }
.w-85 { width: 85% !important; }
.w-80 { width: 80% !important; }
/* bootstrap has w-75 */
.w-70 { width: 70% !important; }
.w-65 { width: 65% !important; }
.w-60 { width: 60% !important; }
.w-55 { width: 55% !important; }
/* bootstrap has w-50 */
.w-45 { width: 45% !important; }
.w-40 { width: 40% !important; }
.w-35 { width: 35% !important; }
.w-30 { width: 30% !important; }
/* bootstrap has w-25 */
.w-20 { width: 20% !important; }
.w-15 { width: 15% !important; }
.w-10 { width: 10% !important; }
.w-5 { width: 5% !important; }

/* scroll offset for fixed navbar */
html { 
	scroll-padding-top: 5rem;
	scroll-behavior: auto !important;
}
.navbar-brand { font-family: 'Outfit'; font-weight: 700; }

#og-navbar.theme-light .navbar-brand { color: #164; }
#og-navbar.theme-dark .navbar-brand { color: #fff; }

#og-navbar.theme-light { 
	background-color: #f2fffc !important;
	border-bottom: 0.25em solid #164;
}
#og-navbar.theme-dark { 
	background-color: #032 !important;
	border-bottom: 0.25em solid #164;
}

/* images, light and dark mode iconography */

.theme-light .d-dark {
	display: none;
}
.theme-dark .d-light {
	display: none;
}

#modeicon.theme-light { color: #000; }
#modeicon.theme-dark { color: #fff; }

/* navbar link click color override */
nav.theme-dark ul.navbar-nav li.nav-item ul li a.dropdown-item:active { background-color: #fca832 !important; }
a.nav-link { font-weight: 400; }

/* override font */
body {
	font-family: 'Outfit', Arial, Helvetica, sans-serif;
	font-weight: 200;
	font-size: 1rem;
}
body.theme-light { 
	color: #000;
	background-color: #064 !important;
}
body.theme-dark { 
	color: #fff;
	background-color: #032 !important;
}
strong { font-weight: bold; }

/* override link and body coloration */

#og-content a { text-decoration: none !important;}
#og-content a:hover { text-decoration: underline !important;}

#og-content.theme-light a, .theme-light .tooltip-inner a { color: #cf4a0c; }
#og-content.theme-light a:hover { color: #f26522; }
#og-content.theme-dark a { color: #facc8e; }
#og-content.theme-dark a:hover { color: #fca832; }
button.theme-light, a.btn.theme-light { 
	color: #cf4a0c !important;
	background-color: #f7fffb;
	border-color: #aab3ae !important;
	box-shadow: 2px 2px 0px 0px #aab3ae;
}
button.theme-light:hover, a.btn.theme-light:hover { 
	color: #f26522 !important;
}
button.theme-dark, a.btn.theme-dark { 
	color: #facc8e !important;
	background-color: #1c1f21;
	border-color: #4d5359 !important;
	box-shadow: 2px 2px 0px 0px #4d5359;
}
button.theme-dark:hover, a.btn.theme-dark:hover { 
	color: #fca832 !important;
}

/* main content window */
#og-content.theme-light {
	background-color: #fff !important;
}
#og-content.theme-dark {
	background-color: #1c1f21 !important;
}
/* image variants */
img.theme-light { display: block !important; }
img.theme-dark { display: block !important; }

.theme-dark img.og-image { filter: invert(1); }

/* header overrides */
h1 { 
	font-size: 2.5rem;
	font-weight: 400;
	text-transform: uppercase;
	text-align: left;
	font-size: 1.25rem;
}
h1 .og-subtitle {
	display: block;
}
h2, h3, h4, h5, h6, .h6 {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
h2 {
	font-weight: 700;
	font-size: 3rem;
	text-align: center;
}
h2 .og-chapter {
	font-weight: 900;
	display: block;
	max-width: 3rem;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #fff;
	background-color: #164;
}
h3 { 
	font-weight: 700;
	font-size: 2.5rem;
}
h4 { 
	font-weight: 600;
	font-size: 2rem;
}
h5 { 
	font-weight: 500;
	font-size: 1.5rem;
}
h6, .h6 { 
	font-weight: 700;
	font-size: 1.25rem;
}

.og-border {
	border-bottom: 0.1rem solid #164;
}

thead, dt { 
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

thead { line-height: 1rem; }

dt { font-size: 1.25rem; }

ul.og-list-diamond { 
	list-style-type: none;
	padding-left: 0.1rem;
}
ul.og-list-diamond li { 
	padding-left: 1.25rem;
	background-repeat: no-repeat;
	background-position: 0.25rem 0.4rem;
	background-size: 0.75rem;
}
.theme-light ul.og-list-diamond li { background-image: url('../images/diamond-dark.webp'); }
.theme-dark ul.og-list-diamond li { background-image: url('../images/diamond-light.webp'); }

/* anchor link iconography - position */
h2 a.og-h-anchor,
h3 a.og-h-anchor,
h4 a.og-h-anchor,
h5 a.og-h-anchor,
h6 a.og-h-anchor,
.h6 a.og-h-anchor {
	width: 1.25rem;
	height: 1.25rem;
	text-decoration: none;
	float: left;
	display: inline;
	margin-left: -1.25rem;
	margin-bottom: 0;
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
}
h2 a.og-h-anchor { margin-top: 1.0rem; }
h3 a.og-h-anchor { margin-top: 1rem; }
h4 a.og-h-anchor { margin-top: 0.65rem; }
h5 a.og-h-anchor { margin-top: 0.35rem; }
h6 a.og-h-anchor, .h6 a.og-h-anchor { margin-top: 0.25rem; }

/* anchor link iconography - color */
.theme-light h2 a.og-h-anchor,
.theme-light h3 a.og-h-anchor,
.theme-light h4 a.og-h-anchor,
.theme-light h5 a.og-h-anchor,
.theme-light h6 a.og-h-anchor {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:none%3B%7D.st1%7Bfill:%23d0d0d0%3B%7D%3C/style%3E%3Crect x='-0.4' y='-0.9' class='st0' width='399.7' height='399.7'/%3E%3Cg transform='matrix( 1  0  0  1  0 0) '%3E%3Cg%3E%3Cg id='Layer1_0_FILL'%3E%3Cpath class='st1' d='M234.4 166.4l-25.8 25.7l14.2 14.2c3.9 3.9 5.8 8.6 5.8 14.1v0c0 5.5-1.9 10.2-5.8 14.1l-73.3 73.3c-3.9 3.9-8.6 5.8-14.1 5.8v0.1c-5.5 0-10.1-2-14-5.9l-28.4-28.5c-3.9-3.9-5.9-8.5-5.9-13.9v-0.1c0-5.5 2-10.1 5.9-14l27.8-27.8c3.3-3.5 5-7.7 5-12.6c0-5-1.8-9.3-5.3-12.8c-3.5-3.5-7.8-5.2-12.8-5.2c-4.9 0-9.1 1.6-12.6 5l-27.8 27.8c-11 11-16.5 24.2-16.5 39.7c0 15.5 5.5 28.8 16.5 39.8l28.5 28.5c11 11 24.2 16.5 39.7 16.5c15.6 0 28.8-5.5 39.8-16.5l73.3-73.4c11-10.9 16.4-24.2 16.4-39.7s-5.5-28.8-16.4-39.8L234.4 166.4 M332.6 174.4c11-11 16.5-24.2 16.5-39.8c0-15.5-5.5-28.8-16.5-39.8l-28.4-28.4c-11-11-24.2-16.5-39.8-16.5c-15.5 0-28.7 5.5-39.7 16.5l-73.4 73.3c-11 11-16.5 24.2-16.5 39.8c0 15.5 5.5 28.8 16.5 39.8l14.2 14.2l25.6-25.7l-14.1-14.2c-3.9-3.9-5.9-8.6-5.8-14v-0.1c-0.1-5.5 1.9-10.1 5.8-14l73.3-73.3c3.9-3.9 8.6-5.8 14.1-5.8l0-0.1c5.5 0 10.2 1.9 14.1 5.8l28.4 28.4c3.9 3.9 5.8 8.6 5.8 14l0 0.1c0 5.4-2 10.1-5.8 14l-27.9 27.8c-3.3 3.5-5 7.7-5.1 12.6c0.1 5 1.9 9.3 5.5 12.9c3.6 3.5 7.8 5.3 12.8 5.3c4.9 0 9.1-1.7 12.6-5.1L332.6 174.4z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.theme-light h2:hover a.og-h-anchor,
.theme-light h3:hover a.og-h-anchor,
.theme-light h4:hover a.og-h-anchor,
.theme-light h5:hover a.og-h-anchor,
.theme-light h6:hover a.og-h-anchor {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:none%3B%7D.st1%7Bfill:%23f26522%3B%7D%3C/style%3E%3Crect x='-0.4' y='-0.9' class='st0' width='399.7' height='399.7'/%3E%3Cg transform='matrix( 1  0  0  1  0 0) '%3E%3Cg%3E%3Cg id='Layer1_0_FILL'%3E%3Cpath class='st1' d='M234.4 166.4l-25.8 25.7l14.2 14.2c3.9 3.9 5.8 8.6 5.8 14.1v0c0 5.5-1.9 10.2-5.8 14.1l-73.3 73.3c-3.9 3.9-8.6 5.8-14.1 5.8v0.1c-5.5 0-10.1-2-14-5.9l-28.4-28.5c-3.9-3.9-5.9-8.5-5.9-13.9v-0.1c0-5.5 2-10.1 5.9-14l27.8-27.8c3.3-3.5 5-7.7 5-12.6c0-5-1.8-9.3-5.3-12.8c-3.5-3.5-7.8-5.2-12.8-5.2c-4.9 0-9.1 1.6-12.6 5l-27.8 27.8c-11 11-16.5 24.2-16.5 39.7c0 15.5 5.5 28.8 16.5 39.8l28.5 28.5c11 11 24.2 16.5 39.7 16.5c15.6 0 28.8-5.5 39.8-16.5l73.3-73.4c11-10.9 16.4-24.2 16.4-39.7s-5.5-28.8-16.4-39.8L234.4 166.4 M332.6 174.4c11-11 16.5-24.2 16.5-39.8c0-15.5-5.5-28.8-16.5-39.8l-28.4-28.4c-11-11-24.2-16.5-39.8-16.5c-15.5 0-28.7 5.5-39.7 16.5l-73.4 73.3c-11 11-16.5 24.2-16.5 39.8c0 15.5 5.5 28.8 16.5 39.8l14.2 14.2l25.6-25.7l-14.1-14.2c-3.9-3.9-5.9-8.6-5.8-14v-0.1c-0.1-5.5 1.9-10.1 5.8-14l73.3-73.3c3.9-3.9 8.6-5.8 14.1-5.8l0-0.1c5.5 0 10.2 1.9 14.1 5.8l28.4 28.4c3.9 3.9 5.8 8.6 5.8 14l0 0.1c0 5.4-2 10.1-5.8 14l-27.9 27.8c-3.3 3.5-5 7.7-5.1 12.6c0.1 5 1.9 9.3 5.5 12.9c3.6 3.5 7.8 5.3 12.8 5.3c4.9 0 9.1-1.7 12.6-5.1L332.6 174.4z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.theme-dark h2 a.og-h-anchor,
.theme-dark h3 a.og-h-anchor,
.theme-dark h4 a.og-h-anchor,
.theme-dark h5 a.og-h-anchor,
.theme-dark h6 a.og-h-anchor {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:none%3B%7D.st1%7Bfill:%232d3034%3B%7D%3C/style%3E%3Crect x='-0.4' y='-0.9' class='st0' width='399.7' height='399.7'/%3E%3Cg transform='matrix( 1  0  0  1  0 0) '%3E%3Cg%3E%3Cg id='Layer1_0_FILL'%3E%3Cpath class='st1' d='M234.4 166.4l-25.8 25.7l14.2 14.2c3.9 3.9 5.8 8.6 5.8 14.1v0c0 5.5-1.9 10.2-5.8 14.1l-73.3 73.3c-3.9 3.9-8.6 5.8-14.1 5.8v0.1c-5.5 0-10.1-2-14-5.9l-28.4-28.5c-3.9-3.9-5.9-8.5-5.9-13.9v-0.1c0-5.5 2-10.1 5.9-14l27.8-27.8c3.3-3.5 5-7.7 5-12.6c0-5-1.8-9.3-5.3-12.8c-3.5-3.5-7.8-5.2-12.8-5.2c-4.9 0-9.1 1.6-12.6 5l-27.8 27.8c-11 11-16.5 24.2-16.5 39.7c0 15.5 5.5 28.8 16.5 39.8l28.5 28.5c11 11 24.2 16.5 39.7 16.5c15.6 0 28.8-5.5 39.8-16.5l73.3-73.4c11-10.9 16.4-24.2 16.4-39.7s-5.5-28.8-16.4-39.8L234.4 166.4 M332.6 174.4c11-11 16.5-24.2 16.5-39.8c0-15.5-5.5-28.8-16.5-39.8l-28.4-28.4c-11-11-24.2-16.5-39.8-16.5c-15.5 0-28.7 5.5-39.7 16.5l-73.4 73.3c-11 11-16.5 24.2-16.5 39.8c0 15.5 5.5 28.8 16.5 39.8l14.2 14.2l25.6-25.7l-14.1-14.2c-3.9-3.9-5.9-8.6-5.8-14v-0.1c-0.1-5.5 1.9-10.1 5.8-14l73.3-73.3c3.9-3.9 8.6-5.8 14.1-5.8l0-0.1c5.5 0 10.2 1.9 14.1 5.8l28.4 28.4c3.9 3.9 5.8 8.6 5.8 14l0 0.1c0 5.4-2 10.1-5.8 14l-27.9 27.8c-3.3 3.5-5 7.7-5.1 12.6c0.1 5 1.9 9.3 5.5 12.9c3.6 3.5 7.8 5.3 12.8 5.3c4.9 0 9.1-1.7 12.6-5.1L332.6 174.4z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.theme-dark h2:hover a.og-h-anchor,
.theme-dark h3:hover a.og-h-anchor,
.theme-dark h4:hover a.og-h-anchor,
.theme-dark h5:hover a.og-h-anchor,
.theme-dark h6:hover a.og-h-anchor {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:none%3B%7D.st1%7Bfill:%23facc8e%3B%7D%3C/style%3E%3Crect x='-0.4' y='-0.9' class='st0' width='399.7' height='399.7'/%3E%3Cg transform='matrix( 1  0  0  1  0 0) '%3E%3Cg%3E%3Cg id='Layer1_0_FILL'%3E%3Cpath class='st1' d='M234.4 166.4l-25.8 25.7l14.2 14.2c3.9 3.9 5.8 8.6 5.8 14.1v0c0 5.5-1.9 10.2-5.8 14.1l-73.3 73.3c-3.9 3.9-8.6 5.8-14.1 5.8v0.1c-5.5 0-10.1-2-14-5.9l-28.4-28.5c-3.9-3.9-5.9-8.5-5.9-13.9v-0.1c0-5.5 2-10.1 5.9-14l27.8-27.8c3.3-3.5 5-7.7 5-12.6c0-5-1.8-9.3-5.3-12.8c-3.5-3.5-7.8-5.2-12.8-5.2c-4.9 0-9.1 1.6-12.6 5l-27.8 27.8c-11 11-16.5 24.2-16.5 39.7c0 15.5 5.5 28.8 16.5 39.8l28.5 28.5c11 11 24.2 16.5 39.7 16.5c15.6 0 28.8-5.5 39.8-16.5l73.3-73.4c11-10.9 16.4-24.2 16.4-39.7s-5.5-28.8-16.4-39.8L234.4 166.4 M332.6 174.4c11-11 16.5-24.2 16.5-39.8c0-15.5-5.5-28.8-16.5-39.8l-28.4-28.4c-11-11-24.2-16.5-39.8-16.5c-15.5 0-28.7 5.5-39.7 16.5l-73.4 73.3c-11 11-16.5 24.2-16.5 39.8c0 15.5 5.5 28.8 16.5 39.8l14.2 14.2l25.6-25.7l-14.1-14.2c-3.9-3.9-5.9-8.6-5.8-14v-0.1c-0.1-5.5 1.9-10.1 5.8-14l73.3-73.3c3.9-3.9 8.6-5.8 14.1-5.8l0-0.1c5.5 0 10.2 1.9 14.1 5.8l28.4 28.4c3.9 3.9 5.8 8.6 5.8 14l0 0.1c0 5.4-2 10.1-5.8 14l-27.9 27.8c-3.3 3.5-5 7.7-5.1 12.6c0.1 5 1.9 9.3 5.5 12.9c3.6 3.5 7.8 5.3 12.8 5.3c4.9 0 9.1-1.7 12.6-5.1L332.6 174.4z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* color theming by part */
.theme-light h1, 
.theme-light h2, 
.theme-light h3, 
.theme-light h4, 
.theme-light h5, 
.theme-light h6, 
.theme-light .h6 {
	color: #164;
	border-color: #164;
}
.theme-dark h1, 
.theme-dark h2, 
.theme-dark h3, 
.theme-dark h4, 
.theme-dark h5, 
.theme-dark h6, 
.theme-dark .h6 {
	color: #9dc;
	border-color: #164;
}

/* alert */
.alert { 
	border: 0.15rem solid #164;
}
.theme-light .alert { background-image: linear-gradient(180deg, #f8faf9, #eceeed); }
.theme-dark .alert { background-image: linear-gradient(180deg, #2d3034, #222529); }

.og-nowrap { white-space: nowrap; }
.og-wrap {
	display: block;
	white-space: normal !important;
}

.og-fig-xs { max-width: 4rem; }
.og-fig-sm { max-width: 6rem; }
.og-fig-md { max-width: 18rem; }
.og-dice-pool {
	background: url('../images/dice-pool.webp');
	background-repeat: no-repeat;
	background-size: 8rem;
	float: right;
	height: 8rem;
	width: 8rem;
	padding-left: 1rem;
	padding-bottom: 1rem;
}
.og-dice-step {
	background: url('../images/dice-step.webp');
	background-repeat: no-repeat;
	background-size: 8rem;
	float: right;
	height: 8rem;
	width: 8rem;
	padding-left: 1rem;
	padding-bottom: 1rem;
}

/* page references */
.og-ref {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 0.8rem;
	text-transform: uppercase;
	padding: 0 0 0 0.25rem;
	border-left: 0.25rem solid #164;
}
.theme-light .og-ref {
	color: #164;
}
.theme-dark .og-ref {
	color: #9dc;
}

/* tooltips */
.tooltip.show {
	opacity: 1.0;
}
.tooltip-arrow::before { display: none; }
.tooltip-inner {
	max-width: 500px;
	text-align: left;
	padding: 0.5rem 1rem 0.5rem 1rem;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
	font-size: 80%;
}
.tooltip-inner h3, 
.tooltip-inner h4, 
.tooltip-inner h5 { 
	font-weight: 700;
	font-size: 1.5rem; 
}

.tooltip-inner h6, 
.tooltip-inner .h6,
.tooltip-inner dt { 
	font-size: 0.9rem; 
}

.tooltip-inner p {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

.tooltip-inner .og-h-anchor { display: none !important }

body.theme-light .tooltip-inner {
	color: #000 !important;
	border: 0.15rem solid #164;
	background-color: #f2fffc;
}
body.theme-dark .tooltip-inner {
	color: #fff !important;
	border: 0.15rem solid #164;
	background-color: hsl(204, 8%, 10%);
}

body.theme-light .tooltip-inner a { color: #cf4a0c !important; text-decoration: none !important; }
body.theme-dark .tooltip-inner a { color: #facc8e !important; text-decoration: none !important; }

ul.og-ability-tooltip, .og-ability-tooltip p {
	margin-bottom: 0;
}

.tooltip-inner .og-dice-pool,
.tooltip-inner .og-dice-step {
	background-size: 6rem;
	height: 6rem;
	width: 6rem;
}

.tooltip-inner .og-omit { display: none !important; }