.socwrap {max-width: 970px;}
.container {max-width: 1030px;}
.container820 {max-width: 820px;}

.site-header, .site-footer {background-color: #141414; color: #fff;}
.site-header a, .site-footer a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}
.site-header a:hover, .site-footer a:hover {color: #E0E0E0;}
.bg-lgcustom {background-color: #17a2b8;}
.breadcrumb {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
.breadcrumb-item + .breadcrumb-item::before {content: var(--bs-breadcrumb-divider, ">");}

html {font-size: 16px;}
.articlewrapper {background-color: #e4e2dd;}
.articlebody {font-family: Georgia,"Times New Roman",Times,serif;}
@media (min-width: 768px) {
    html {font-size: 18px;}
}
@media (min-width: 992px) {
    html {font-size: 18px;}
}

h2 {margin-top: 3rem;}
h3,h4 {margin-top: 2rem;}
.alert-heading {margin-top: 0;}

.infoicon {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M14 9.5c0-0.825 0.675-1.5 1.5-1.5h1c0.825 0 1.5 0.675 1.5 1.5v1c0 0.825-0.675 1.5-1.5 1.5h-1c-0.825 0-1.5-0.675-1.5-1.5v-1z'%3E%3C/path%3E%3Cpath fill='%23ffffff' d='M20 24h-8v-2h2v-6h-2v-2h6v8h2z'%3E%3C/path%3E%3Cpath fill='%23ffffff' d='M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zM16 29c-7.18 0-13-5.82-13-13s5.82-13 13-13 13 5.82 13 13-5.82 13-13 13z'%3E%3C/path%3E%3C/svg%3E%0A");
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.socialbar {top: 300px; background-color: #fff; z-index: 10;}
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
.twiticon {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231da1f2' d='M31.939 6.092c-1.18 0.519-2.44 0.872-3.767 1.033 1.352-0.815 2.392-2.099 2.884-3.631-1.268 0.74-2.673 1.279-4.169 1.579-1.195-1.279-2.897-2.079-4.788-2.079-3.623 0-6.56 2.937-6.56 6.556 0 0.52 0.060 1.020 0.169 1.499-5.453-0.257-10.287-2.876-13.521-6.835-0.569 0.963-0.888 2.081-0.888 3.3 0 2.28 1.16 4.284 2.917 5.461-1.076-0.035-2.088-0.331-2.971-0.821v0.081c0 3.18 2.257 5.832 5.261 6.436-0.551 0.148-1.132 0.228-1.728 0.228-0.419 0-0.82-0.040-1.221-0.115 0.841 2.604 3.26 4.503 6.139 4.556-2.24 1.759-5.079 2.807-8.136 2.807-0.52 0-1.039-0.031-1.56-0.089 2.919 1.859 6.357 2.945 10.076 2.945 12.072 0 18.665-9.995 18.665-18.648 0-0.279 0-0.56-0.020-0.84 1.281-0.919 2.4-2.080 3.28-3.397l-0.063-0.027z'%3E%3C/path%3E%3C/svg%3E%0A");
	width: 25px;
	height: 25px;
	display: block;
}
.fbicon {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%234172b8' d='M29 0h-26c-1.65 0-3 1.35-3 3v26c0 1.65 1.35 3 3 3h13v-14h-4v-4h4v-2c0-3.306 2.694-6 6-6h4v4h-4c-1.1 0-2 0.9-2 2v2h6l-1 4h-5v14h9c1.65 0 3-1.35 3-3v-26c0-1.65-1.35-3-3-3z'%3E%3C/path%3E%3C/svg%3E%0A");
	width: 25px;
	height: 25px;
	display: block;
}
.invert {filter: brightness(0) invert(1);}
#toc {background-color: #fff; z-index: 10;}
.tocinline {position: relative; top: 0; left: 0; border: 1px solid #999; width: auto; }
#toc .nav-link {padding: 0.2rem 0rem}
#navbar-float .small {}

.results {display: flex;}
.number {
	font-size: 1.4em;
	font-weight: 600;
	margin: auto auto;
	color: #eee;
}
.numberdark {
	color: #000;
}
.ball {
	display: inline-flex;;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	margin-right: 10px;
}
.mmmain {
	background-image: radial-gradient(circle at 10px 10px, #cecfbd, #b2b49e);
}
.mmmega {
	background-image: radial-gradient(circle at 10px 10px, #eebe1f, #e0b000);
}
@media (min-width: 768px) {
	.number {font-size: 1.6em;}
	.ball {width: 50px; height: 50px;}
}
@media (min-width: 1400px) {
	#toc {}
	.tocbreakout {position: fixed; top: 100px; left: calc((100vw/2) + (820px/2) + 20px); max-width: 400px; border: none;}
	#toc .nav-link {padding: 0.3rem 0.8rem}
}
@media (min-width: 1600px) {
	#toc {}
	.tocbreakout {left: calc((100vw/2) + (820px/2) + 50px); padding: 1rem;}
}